/*Basic Style*/
html, body
{
font-size: 10pt; 
font-size: 0.875rem;
color: black; 
font-family: Arial, Helvetica, Sans-serif; 
background-color: #ffffff; 
margin: 0px;
width:100%;
}

/*Paragraph Text*/
p
{
font-size: 10pt; 
font-size: 0.875rem;
color: black; 
font-family: Arial, Helvetica, Sans-serif;  
margin: 0px;
display:block;
}

/*Main Titles
H1
{
font-size: 14pt;
font-size: 1.125rem; 
color: #3E81A8; 
font-family: Arial, Helvetica, Sans-serif; 
font-weight:bold;
margin: 5 5 5 0px;
padding:5 5 5 0px;
}

*/

/*Sub Titles*/
H1,H2
{
font-size: 16px;
font-size: 1.000rem; 
color: #3E81A8;
font-family: Arial, Helvetica, Sans-serif; 
font-weight:bold;

margin: 5 5 5 0px;
padding:5 5 5 0px;
}

/*Dropdowns*/
select
{
	border: 1px solid #93B5E7;	
	background-color: white;
	vertical-align: middle;
	font-family: Arial, Verdana;
	font-size: 11px;
	font-size: 0.875rem;
	color: black;
	padding-top: 2px;	
	padding-left: 3px;
	height:22px;
	height: 1.375rem;
	cursor: default;
}

/*Standard Link*/
a {}


/*Job List*/


/*Table Header*/
.rgHeader {}

/*Sorted Column Header*/
.rgHeader rgSorted {}

/*Link on job title*/
.rgRow a {}

/*Row in table*/
.rgRow td {}

/*Alternate Row in table*/
.rgAltRow td {}



/* List box instruction text */		
.ListBoxInstruction
{
font-size: 8pt; 
font-size: 0.813rem;
color: black; 
font-family: Arial, Helvetica, Sans-serif;  
margin: 0px;
display:block;
}

/* Position Addthis toolbox */	
.addthis_toolbox {
    bottom: 10px;
    position: fixed;
    background-color: White;
    padding-top:10px;
    margin-top:20px;
    display:block;
    right:10px;
    }

/* Main Content Area */
#ctl00_MainContentArea {
    width: 98% !important;
    margin-left: 1% !important;
    margin-right: 1% !important;
}     

/* Middle Pane1 */
/* #ctl00_MiddlePane1 {
    width: 445px;
} */

/* Bottom Content Area */
#ctl00_BottomContentArea
{
	display:block;
	text-align:center;
	padding-top: 2rem;
	
	}



/***** Login Boxes *****/

/*Default Styles for boxes*/
#ctl00_ContentPlaceHolder1_NewUserPanel, 
/*#ctl00_ContentPlaceHolder1_LoginPanel, 
#ctl00_ContentPlaceHolder1_PasswordPanel,*/
#ctl00_ContentPlaceHolder1_Login1, 
#ctl00_ContentPlaceHolder1_PasswordRecovery1 {

    background-color: #DDDDDD;
    border-collapse: collapse;
    border-color: #CCCCCC;
    border-style: solid;
    border-width: 1px;
    font-family: Verdana;
    font-size: 10pt;
    font-size: 0.813rem;
    width: 400px;
    width: 25rem;
    margin-left: auto;
    margin-right: auto;
}


/*Header for each login box*/
.boxHeader {
    background-color: #6B696B;
    width: 100% !important;
    margin:0, auto !important;
    display: inline-block !important;
/*    margin-top:10px;
    margin-bottom:10px;
*/

}



/*Text in login box header*/
#ctl00_ContentPlaceHolder1_lblTitleNewUser, 
#ctl00_ContentPlaceHolder1_Login1_lblTitleLogin,
#ctl00_ContentPlaceHolder1_PasswordRecovery1_UserNameContainerID_lblTitleforgot {
    color: #FFFFFF;
    font-weight: bold;
    font-family: Verdana;
    font-size: 10pt; 
    font-size: 0.875rem;
    padding-left:3px;
}


/*Text describing function under the header*/
#ctl00_ContentPlaceHolder1_Login1_lblContentLogin,
#ctl00_ContentPlaceHolder1_PasswordRecovery1_UserNameContainerID_lblContentforgot,
#ctl00_ContentPlaceHolder1_lblContentNewUser,
#ctl00_ContentPlaceHolder1_Login1_lblContentLogin,
#ctl00_ContentPlaceHolder1_PasswordRecovery1_UserNameContainerID_lblContentforgot
{
    
    display: block;
    width:400px;
    width:25rem;
    padding-left:3px;
}


/*Button in each login box*/
.loginButton {
   font-size:12px;
   font-size: 0.875rem;
   font-family:Arial,sans-serif;
   margin-top:20px;
   margin-bottom:30px;
   margin-left: 150px;
   
}

/*Text for labels in front of text boxes*/
.loginText {
   font-size:12px;
   font-size: 0.875rem;
   font-family:Arial,sans-serif;
   
}

/* Grouping of fields within login box*/
.loginInput {
    margin-top: 20px;
    padding-left:3px;
}


/*Column where label appears*/
.labelColumn
{
	width: 200px;
    width: 12.5rem;
    float: left;
    padding-left:3px;
}

/*Column where input field appears*/
.inputColumn{
    display:inline;
    padding-left:3px;
}


/*************************/
/*Form Cells*/
	
/*ORIGINAL
.spanpanel1
{
    font-size: 10pt; 
    font-size: 0.875rem;
	display:inline;
	line-height: 20px;
	}*/
	
.spanpanel1
{
	font-size: 10pt;
	font-size: 1.2em;
	display: block;
	padding: 5px;
	line-height: 20px;
	background-color: #c0bebe;
	}
	
.spanpanel2
{
	font-size: 10pt;
	font-size: 1rem;
	display: block;
	padding: 5px;
	line-height: 20px;
	}
	
.noshow
{
	display:none;
	}
	
.nolabel
{
	margin-top: 20px;
	padding: 5px;
	font-size: 1.1em;
	}

	
.divpanel1
{
	font-size: 10pt;
	font-size: 1.2em;
	display: block;
	padding: 5px;
	/* [disabled]margin-top: 10px; */
	background-color: #c0bebe;
	}
	
.divpanel2
{
	font-size: 10pt;
	font-size: 1rem;
	display: block;
	padding: 5px;
	/* [disabled]margin-top: 5px; */
	}
	
/*Seperator between form field groupings*/	
.seperator 
{
font-size: 12pt; 
font-size: 1rem;
color: black; 
font-family: Arial, Helvetica, Sans-serif; 
font-weight:bold;
background-color: #cccccc; 
margin: 0px;
padding:10px;
}

.mobilesep
{    
font-size: 12pt; 
font-size: 1rem;
color: black; 
font-family: Arial, Helvetica, Sans-serif; 
font-weight:bold;
background-color: #cccccc; 
margin: 0px;
padding:10px;
-moz-border-radius-bottomright: 50px;
border-bottom-right-radius: 50px;
-moz-border-radius-topright: 50px;
border-top-right-radius: 50px;

-moz-border-radius-bottomleft: 50px;
border-bottom-left-radius: 50px;
-moz-border-radius-topleft: 50px;
border-top-left-radius: 50px;

}

.mobilesep a, .mobilesep a:link, .mobilesep a:hover
{
text-decoration: none !important;
font-size: 12pt !important;
font-size: 1rem !important;
color: black !important;
font-family: Arial, Helvetica, Sans-serif !important;
font-weight:bold !important;
    }


/*Text Comment Boxes in form*/	
.detailseperator
{
font-size: 10pt; 
font-size: 0.875rem;
color: black; 
font-family: Arial, Helvetica, Sans-serif; 
font-weight:normal;
background-color:Gray;
margin: 0px;
padding:10px;
}



.tabstrip li a      
{      
    position:static !important;      
}      

/* Form Submit Button */
input.cvmbutton
{
   font-size:12px;
   font-size: 0.875rem;
   font-family:Arial,sans-serif;
   margin-top:20px;
   margin-bottom:30px;
   
}



/* Field label in form */
.formlabel
{
	font-size: 12px;
	font-size: 1em;
	font-weight: bold;
	font-family: Arial,sans-serif;
	color: #000000;   /*background-color:#FFFFFF;
   padding-top:10px;*/
}

.formlabel1
{
   font-size:12px;
   font-size: 0.875rem;
   font-weight:bold;
   font-family:Arial,sans-serif;
   color:#000000;
   /*background-color:#FFFFFF;*/
}

.currentform
{
   font-size:12px;
   font-size: 0.875rem;
   font-weight:bold;
   font-family:Arial,sans-serif;
   color:#000000;
   background-color:#FFFF66;
}
.popuptable
{
	width: 750px;
	WIDTH: 46rem;
	MARGIN-TOP: 0px;
	BORDER-TOP: #86aebb 1px solid;
   	BORDER-BOTTOM: #000000 1px solid;
   	BORDER-RIGHT: #000000 1px solid;
	BORDER-LEFT: #000000 1px solid;
   	COLOR: #515356;
   	FONT-FAMILY: verdana, arial, helvetica, sans-serif;
   	FONT-SIZE: 9pt;
   	font-size: 0.750rem;
  	BACKGROUND-COLOR: lightblue;
   	BORDER-COLOR: blue;
}

.UpdatePage
{ 
   	clear:both; 
	z-index:100;
	position:absolute;
	 background-color:White; 
	opacity:0.5;
	-moz-opacity:0.5;
	-khtml-opacity: 0.5;	
}

.HighlightDockZone{background-color: #c9ecff !important;}

.rdContent  
{   
   overflow: hidden !important;   
}  

.rgAdvPart  
{  
    display: none;  
}  
 

 /* Labels for File Upload Fields in upload pop-up */      
.UploadLabel 
{
        FONT-FAMILY: Verdana, Helvetica, sans-serif; 
        font-size: 10pt; 
        font-size: 0.875rem;
         
}

/* Text for File extensions in file upload pop-up */
.UploadExtentionTxt
{

        FONT-FAMILY: arial, helvetica, sans-serif; 
        FONT-SIZE:8pt; 
	    font-size: 0.688rem;
        COLOR: #325950;
}

/* Not Used */
.CaptchaLabel
{
FONT-FAMILY: arial, helvetica, sans-serif; 
        FONT-SIZE:9pt; 
	    font-size: 0.750rem;
        COLOR:DarkGray;
}

/* Login Status top of screen */
#ctl00_LoginStatus1
{
font-size: 10pt; 
font-size: 0.875rem;
color: black; 
font-family: Arial, Helvetica, Sans-serif; 
font-weight:bold; 
margin-bottom: 10px;
display:block;
clear:both;	
text-align:right;
}

/* Used for upload link on candidate form */
.addspacing
{
	display: block;
	margin-top: 15px;
	padding-bottom:15px;
}

/* Upload buttons */
ruButton .ruCancel, .RadUpload .ruCancel
{
    display:none !important;
}

/* Job List footer text */
.divJoblistFooter
{
	font-size: 10pt; 
	font-size: 0.875rem;
	color: black; 
	font-family: Arial, Helvetica, Sans-serif;	
	padding-bottom:10px;
}

/* Used if Uploader failed to save a document  */
.UploadError
{
    color:red !important;
    background-color:Yellow;
    
}

/* CVManager Logo */
.DivCVMImg
{
	padding-top:20px;
}


/* No Javascript Message */
.nojs
{
	width: 400px;
	width: 25rem;
	margin: 5px;
	text-align: left;
	padding: 10px;
	BORDER-TOP: #86aebb 1px solid;
   	BORDER-BOTTOM: #000000 1px solid;
   	BORDER-RIGHT: #000000 1px solid;
	BORDER-LEFT: #000000 1px solid;
   	COLOR:Blue;
   	FONT-FAMILY: arial, helvetica, sans-serif;
   	FONT-SIZE: 10pt;
	font-size: 0.875rem;
   	BACKGROUND-COLOR: yellow;
   	BORDER-COLOR: blue;
}

#ctl00_DivLinkEmailSupport
{
	font-size: 10pt; 
	font-size: 0.875rem;
	color: black; 
	font-family: Arial, Helvetica, Sans-serif;	
	padding-bottom: 20px;
}


.slidingDiv 
{
	width: 465px;
	Width: 29rem; 
	height: 520px;
	Height: 32rem;
	background-color: #F5F5F5;
	padding:0px;
	margin-left:15px;
	margin-top:0px;
	border-bottom:5px solid #236B8E;
	border-top:5px solid #236B8E;
	border-left:5px solid #236B8E;
	border-right:5px solid #236B8E;
}

.show_hide {
	display:none;
}

.DivUploadbutton {
    margin: 0px;
    padding-top: 0px;
    padding-bottom: 15px;
    Width: 95%;
    width: 29rem;
    height: 12px;
    background-color: #236B8E;
    text-align: right;
    vertical-align: middle;
}

.WalkinInfo
{
	
	color:#0065BD;
	font-weight:800;
	}



/* This css is for the RadGrids Header
.rgHeader
{
  background-color: Grey !important;
}
*/


/*This css is for the RadGrids Grouped Header*/
.rgGroupHeader
{
  background-color: LightGrey;
  /* background:#eaeaea 0 -2300px repeat-x url('Grid/sprite.gif'); */
}

.Manditory_Star
{
	color:Blue;
	
}


/*Modal window style for accepting terms of agreement*/

#modal 
{
	
	width:470px;
	height:491px;
	padding:2px;

	background:rgba(0,0,0,.3);
	background:#485C5A;

	-webkit-border-radius:8px;
	-moz-border-radius:8px;
	border-radius:8px;

	position:absolute !important;
	top:15px !important;
	left:5px !important;

	z-index:101;
}


/*For Document Upload Window*/
#ctl00_ContentPlaceHolder1_RadWindow1_C
{
	width:420px !important;
	padding:2px !important;
	overflow: hidden !important;
}

.RadGrid_Transparent .rgNumPart a.rgCurrentPage
{
    background:#5e5858;
    
}


#map_canvas          
{
    width: 430px;         
    height: 430px;       
} 




#undo {
    text-align: center;
    position: absolute;
    white-space: nowrap;
    padding: 1em;
    cursor: pointer;
}



/*Raduploader control style*/
.RadUpload_Office2007 input.ruFakeInput {
    width: 60% !important;
}

#ctl00_ContentPlaceHolder1_RadGrid1
{
    width:99% !important;
}

@media only screen and (max-width : 320px) {
/*@media only screen and (max-width : 320px) {*/
   
    #ctl00_ContentPlaceHolder1_NewUserPanel, 
    #ctl00_ContentPlaceHolder1_Login1, 
    #ctl00_ContentPlaceHolder1_PasswordRecovery1
    {
        width:99% !important;
        margin-left:1% !important;
        font-size:12px !important;
        font-size:1.0rem !important;
        
    }
    
    .boxHeader
    {
        width:100% !important;
        height:40px !important;
        padding-top:5% !important;
        text-align:center !important;
          
    }
    
    .detailseperator, .seperator
    {
         width:90% !important;
         margin-top:10px !important;

        
        }
    

        
    .loginButton 
    {
        margin-left:2% !important;
        width: 95% !important;
    }
    
    .cvmbutton
    { 
        width: 99%;
        margin:0;
        margin-bottom: 0px !important;
        margin-top: 3% !important;
        display:block;
        
    }
    
    .cvmbutton:hover:not([disabled]),.loginButton:hover 
    {
        background-color:#B4B3B5;
    }
           
    .cvmbutton,.loginButton 
    {
         font-size: 11px !important;
         font-size: 1.1rem !important;
         height:30px !important;
        -moz-border-radius-bottomright: 50px;
        border-bottom-right-radius: 50px;
        -moz-border-radius-topright: 50px;
        border-top-right-radius: 50px;

        -moz-border-radius-bottomleft: 50px;
        border-bottom-left-radius: 50px;
        -moz-border-radius-topleft: 50px;
        border-top-left-radius: 50px;
        border-color: transparent;
        background-color:#9C9C9C;
    } 

     
    .cvmbutton:disabled 
    {
        background-color: #DADAE2 !important;
    }
   
    .labelColumn,.loginText,#ctl00_ContentPlaceHolder1_NewUserPanel span, 
    #ctl00_ContentPlaceHolder1_Login1 span, #ctl00_ContentPlaceHolder1_PasswordRecovery1 span
    {
        width:95% !important;
        margin-left:1% !important;
    }
    
       
    .RadGrid .rgInfoPart,.RadGrid .rgNumPart
    {    
       display:none !important;
    }
 
    
     .formlabel, select, span, #ctl00_ContentPlaceHolder1_RadGrid1
     {
        width:95% !important;
    }
    
    select,.riSingle .riTextBox[type="text"], .loginText 
    {
        height:25px !important;
    }
        
   .RadGrid .rgWrap 
    {
        padding-left:20% !important;
    }

    #ctl00_MainContentArea {
        width: 98% !important;
        margin-left: 1% !important;
        margin-right: 1% !important;
        font-size: 12px !important;
        font-size: 1.0rem !important;
    }
    
    p, .formlabel, .divJoblistFooter, .spanpanel2, .divpanel2, .UploadLabel, .divJoblistFooter, .ListBoxInstruction, select, input, #ctl00_LnkEmailSupport,
    .formlabel, select, span,.riSingle .riTextBox[type="text"], .loginText,.detailseperator, .seperator
    .cvmbutton,.loginButton, .labelColumn,.loginText,.rgRow, RadGrid_Transparent .rgEditForm a,.RadGrid_Transparent .rgEditForm a:hover,
    .RadGrid_Transparent .rgHeader, .RadGrid_Transparent .rgHeader a
    {
         font-size:10pt !important;
        font-size:1.0rem !important;
    }
    
    select:focus, textarea:focus, input:focus 
    {
        font-size : 1.188rem;
        font-size : 16px;
        background:#eee;
    }
}


@media only screen and (min-width : 321px) and (max-width : 480px) {
/*@media only screen and (min-width : 321px) and (max-width : 480px) {*/
  
    #ctl00_ContentPlaceHolder1_NewUserPanel, 
    #ctl00_ContentPlaceHolder1_Login1, 
    #ctl00_ContentPlaceHolder1_PasswordRecovery1
    {
        width:99% !important;
        margin-left:1% !important;
        font-size:1.0rem !important;
        
    }
    
    .boxHeader
    {
        width:100% !important;
        height:40px !important;
        padding-top:5% !important;
        text-align:center !important;
          
    }
    
    .detailseperator, .seperator
    {
         width:95% !important;
         margin-top:10px !important;

        
        }
    

        
    .loginButton 
    {
        margin-left:2% !important;
        width: 95% !important;
    }
    
    .cvmbutton
    { 
        width: 99% !important;
        margin-bottom: 0px !important;
        margin-top: 3% !important;
        display:block;
        
    }
    
    .cvmbutton:hover:not([disabled]),.loginButton:hover 
    {
        background-color:#B4B3B5;
    }
           
    .cvmbutton,.loginButton 
    {
         font-size: 12px !important;
         font-size: 1.1rem !important;
         height:30px !important;
        -moz-border-radius-bottomright: 50px;
        border-bottom-right-radius: 50px;
        -moz-border-radius-topright: 50px;
        border-top-right-radius: 50px;

        -moz-border-radius-bottomleft: 50px;
        border-bottom-left-radius: 50px;
        -moz-border-radius-topleft: 50px;
        border-top-left-radius: 50px;
        border-color: transparent;
        background-color:#9C9C9C;
    } 

      
    .cvmbutton:disabled 
    {
        background-color: #DADAE2 !important;
    }

   
    .labelColumn,.loginText,#ctl00_ContentPlaceHolder1_NewUserPanel span, 
    #ctl00_ContentPlaceHolder1_Login1 span, #ctl00_ContentPlaceHolder1_PasswordRecovery1 span
    {
        width:95% !important;
        margin-left:5px !important;
    }
    
    

       
    .RadGrid .rgInfoPart,.RadGrid .rgNumPart
    {    
       display:none !important;
    }
 
    
     .formlabel, select, span, #ctl00_ContentPlaceHolder1_RadGrid1
     {
        width:95% !important;
        

    }
    
    select,.riSingle .riTextBox[type="text"], .loginText
    {
        height:25px !important;
    }
      

    .RadGrid .rgWrap 
    {
        padding-left:20% !important;
    }

    #ctl00_MainContentArea {
        width: 98% !important;
        margin-left: 1% !important;
        margin-right: 1% !important;
        font-size: 12px !important;
        font-size: 1.0rem !important;
    }
    
    p, .formlabel, .divJoblistFooter, .spanpanel2, .divpanel2, .UploadLabel, .divJoblistFooter, .ListBoxInstruction, select, input, #ctl00_LnkEmailSupport,
    .formlabel, select, span,.riSingle .riTextBox[type="text"], .loginText,.detailseperator, .seperator
    .cvmbutton,.loginButton, .labelColumn,.loginText,.rgRow, RadGrid_Transparent .rgEditForm a,.RadGrid_Transparent .rgEditForm a:hover,
    .RadGrid_Transparent .rgHeader, .RadGrid_Transparent .rgHeader a
    {
        font-size: 12px !important;
        font-size:1.0rem !important;
    }
    
    select:focus, textarea:focus, input:focus 
    {   
        font-size: 1.000rem; 
        font-size : 16px;
        background:#eee;
    }
    
}

@media only screen and (max-device-width : 568px){
/*@media only screen and (min-width : 481px) and (max-width : 568px)*/

   
   #ctl00_ContentPlaceHolder1_NewUserPanel, 
    #ctl00_ContentPlaceHolder1_Login1, 
    #ctl00_ContentPlaceHolder1_PasswordRecovery1
    {
        width:95% !important;
        margin-left:1% !important;
        font-size:1.0rem !important;
        font-size : 16px;
        
    }
    
    .boxHeader
    {
        width:100% !important;
        height:40px !important;
        padding-top:5% !important;
        text-align:center !important;
          
    }
    
    .detailseperator, .seperator
    {
         width:95% !important;
         margin-top:10px !important;

        
        }
    

        
    .loginButton 
    {
        margin-left:2% !important;
        width: 95% !important;
    }
    
    .cvmbutton
    { 
        width: 99%;
        margin:0;
        margin-bottom: 0px !important;
        margin-top: 3% !important;
        display:block;
        
    }
    
    .cvmbutton:hover:not([disabled]),.loginButton:hover 
    {
        background-color:#B4B3B5;
    }
           
    .cvmbutton,.loginButton 
    {
         font-size: 12px;
         font-size: 1.1rem !important;
         height:30px !important;
        -moz-border-radius-bottomright: 50px;
        border-bottom-right-radius: 50px;
        -moz-border-radius-topright: 50px;
        border-top-right-radius: 50px;

        -moz-border-radius-bottomleft: 50px;
        border-bottom-left-radius: 50px;
        -moz-border-radius-topleft: 50px;
        border-top-left-radius: 50px;
        border-color: transparent;
        background-color:#9C9C9C;
    }  
    

     
    .cvmbutton:disabled 
    {
        background-color: #DADAE2 !important;
    }

   
    .labelColumn,.loginText,#ctl00_ContentPlaceHolder1_NewUserPanel span, 
    #ctl00_ContentPlaceHolder1_Login1 span, #ctl00_ContentPlaceHolder1_PasswordRecovery1 span
    {
        width:95% !important;
        margin-left:5px !important;
    }
       
    
     .formlabel, select, span, #ctl00_ContentPlaceHolder1_RadGrid1
     {
        width:95% !important;
     }
    
    select,.riSingle .riTextBox[type="text"], .loginText
    {
        height:25px !important;
    }



    #ctl00_MainContentArea {
        width: 98% !important;
        margin-left: 1% !important;
        margin-right: 1% !important;
        font-size: 12px;
        font-size: 1.0rem !important;
    }
    
    p, .formlabel, .divJoblistFooter, .spanpanel2, .divpanel2, .UploadLabel, .divJoblistFooter, .ListBoxInstruction, select, input, #ctl00_LnkEmailSupport,
    .formlabel, select, span,.riSingle .riTextBox[type="text"], .loginText,.detailseperator, .seperator
    .cvmbutton,.loginButton, .labelColumn,.loginText,.rgRow, RadGrid_Transparent .rgEditForm a,.RadGrid_Transparent .rgEditForm a:hover,
    .RadGrid_Transparent .rgHeader, .RadGrid_Transparent .rgHeader a
    {
        font-size:1.0rem !important;
    }
    
    select:focus, textarea:focus, input:focus 
    {
        font-size : 16px;
        font-size : 1.000rem;
        background:#eee;
    }
}



@media only screen and (max-device-width : 767px){
/*@media only screen and (min-width : 481px) and (max-width : 568px)*/

   
  
    #ctl00_ContentPlaceHolder1_NewUserPanel, 
    #ctl00_ContentPlaceHolder1_Login1, 
    #ctl00_ContentPlaceHolder1_PasswordRecovery1
    {
        width:95% !important;
        margin-left:1% !important;
        font-size : 16px;
        font-size:1.0rem !important;
        
    }
    
    .boxHeader
    {
        width:100% !important;
        height:40px !important;
        padding-top:5% !important;
        text-align:center !important;
          
    }
    
    .detailseperator, .seperator
    {
         width:95% !important;
         margin-top:10px !important;

        
        }
    

        
    .loginButton 
    {
        margin-left:2% !important;
        width: 95% !important;
    }
    
    .cvmbutton
    { 
        width: 99%;
        margin:0;
        margin-bottom: 0px !important;
        margin-top: 3% !important;
        display:block;
        
    }
    
    .cvmbutton:hover:not([disabled]),.loginButton:hover 
    {
        background-color:#B4B3B5;
    }
           
    .cvmbutton,.loginButton 
    {
         font-size : 12px;
         font-size: 1.1rem !important;
         height:30px !important;
        -moz-border-radius-bottomright: 50px;
        border-bottom-right-radius: 50px;
        -moz-border-radius-topright: 50px;
        border-top-right-radius: 50px;

        -moz-border-radius-bottomleft: 50px;
        border-bottom-left-radius: 50px;
        -moz-border-radius-topleft: 50px;
        border-top-left-radius: 50px;
        border-color: transparent;
        background-color:#9C9C9C;
    } 

     
    .cvmbutton:disabled 
    {
        background-color: #DADAE2 !important;
    }

   
    .labelColumn,.loginText,#ctl00_ContentPlaceHolder1_NewUserPanel span, 
    #ctl00_ContentPlaceHolder1_Login1 span, #ctl00_ContentPlaceHolder1_PasswordRecovery1 span
    {
        width:95% !important;
        margin-left:5px !important;
    }
    
    

     .formlabel, select, span, #ctl00_ContentPlaceHolder1_RadGrid1
     {
        width:95% !important;
        

    }
    
    select,.riSingle .riTextBox[type="text"], .loginText
    {
        height:25px !important;
    }



    #ctl00_MainContentArea {
        width: 98% !important;
        margin-left: 1% !important;
        margin-right: 1% !important;
    }
    
    p, .formlabel, .divJoblistFooter, .spanpanel2, .divpanel2, .UploadLabel, .divJoblistFooter, .ListBoxInstruction, select, input, #ctl00_LnkEmailSupport,
    .formlabel, select, span,.riSingle .riTextBox[type="text"], .loginText,.detailseperator, .seperator
    .cvmbutton,.loginButton, .labelColumn,.loginText,.rgRow, RadGrid_Transparent .rgEditForm a,.RadGrid_Transparent .rgEditForm a:hover,
    .RadGrid_Transparent .rgHeader, .RadGrid_Transparent .rgHeader a
    {   
        font-size:1.0rem !important; 
        font-size : 12px;
    }
    
    select:focus, textarea:focus, input:focus 
    {
      
        font-size:1.0rem;
        font-size : 16px;
        background:#eee;
    }
}



@media only screen and (min-device-width: 768px) and (max-device-width : 1024px)  {

  
    #ctl00_ContentPlaceHolder1_NewUserPanel, 
    #ctl00_ContentPlaceHolder1_Login1, 
    #ctl00_ContentPlaceHolder1_PasswordRecovery1
    {
        width:95% !important;
        margin-left:1% !important;
        font-size:1.0rem !important;
        font-size:16px !important;
        
    }
    
    .boxHeader
    {
        width:100% !important;
        height:40px !important;
        padding-top:5% !important;
        text-align:center !important;
          
    }
    
    .detailseperator, .seperator
    {
         width:95% !important;
         margin-top:10px !important;

        
        }


    .loginButton 
    {
        margin-left:2% !important;
        width: 95% !important;
    }
    
    .cvmbutton
    { 
        width: 99%;
        margin:0;
        margin-bottom: 0px !important;
        margin-top: 3% !important;
        display:block;
        
    }
    
    .cvmbutton:hover:not([disabled]),.loginButton:hover 
    {
        background-color:#B4B3B5;
    }
           
    .cvmbutton,.loginButton 
    {
         font-size: 1.1rem !important;
         font-size : 16px !important;
         height:30px !important;
        -moz-border-radius-bottomright: 50px;
        border-bottom-right-radius: 50px;
        -moz-border-radius-topright: 50px;
        border-top-right-radius: 50px;

        -moz-border-radius-bottomleft: 50px;
        border-bottom-left-radius: 50px;
        -moz-border-radius-topleft: 50px;
        border-top-left-radius: 50px;
        border-color: transparent;
        background-color:#9C9C9C;
    } 
     
    .cvmbutton:disabled 
    {
        background-color: #DADAE2 !important;
    }
   

    .labelColumn,.loginText,#ctl00_ContentPlaceHolder1_NewUserPanel span, 
    #ctl00_ContentPlaceHolder1_Login1 span, #ctl00_ContentPlaceHolder1_PasswordRecovery1 span
    {
        width:95% !important;
        margin-left:5px !important;
    }
    
    

     .formlabel, select, span, #ctl00_ContentPlaceHolder1_RadGrid1
     {
        width:95% !important;
        

    }
    
    select,.riSingle .riTextBox[type="text"], .loginText  
    {
        height:25px !important;
    }



    #ctl00_MainContentArea {
        width: 98% !important;
        margin-left: 1% !important;
        margin-right: 1% !important;
    }
    
    p, .formlabel, .divJoblistFooter, .spanpanel2, .divpanel2, .UploadLabel, .divJoblistFooter, .ListBoxInstruction, select, input, #ctl00_LnkEmailSupport,
    .formlabel, select, span,.riSingle .riTextBox[type="text"], .loginText,.detailseperator, .seperator
    .cvmbutton,.loginButton, .labelColumn,.loginText,.rgRow, RadGrid_Transparent .rgEditForm a,.RadGrid_Transparent .rgEditForm a:hover,
    .RadGrid_Transparent .rgHeader, .RadGrid_Transparent .rgHeader a
    {
        font-size:1.0rem !important;
        font-size : 16px !important;
    }
    
    select:focus, textarea:focus, input:focus 
    {
        font-size:1.0rem;
        font-size : 16px;
        background:#eee;
    }
    

}