﻿@media screen, projection {
	/* ++++++++++++++++++++ RESET TAGS +++++++++++++++++++++ */
	* {	margin:0; padding:0; font-family: 'Calibri W01 Regular 904604', Arial, HelveticaNeue, Helvetica, Geneva, sans-serif; font-size:100%; color:#333; text-decoration:none; }
	html { height:100%; background-color:#fff; color:#333; }
	body { height:100%; background-color:#fff; color:#333; margin:0; padding:0; text-align:left; font-size:62.5%; }
	fieldset { border:0px solid #fff; }
	table, td, th { border-collapse:collapse; vertical-align:top; text-align:left;  }
	img { border:none; }
	ul { width:auto; list-style:none; }
	* html li { height:1%; }
	/* ++++++++++++++++++++ End RESET TAGS ++++++++++++++++++++ */

	/* ++++++++ GLOBAL LAYOUT +++++++ */
	html, body { background:#333; } 
	
	#PageContainer { overflow:hidden; width:480px; margin:0 auto; padding-top:150px; background:url(../Media/Images/Logo/logo-empdl.svg) 30px 96px no-repeat;   }
        body.no-standalone #PageContainer { padding-top:165px;  }

    #AddToHomeScreenPanel { position:absolute; z-index:998 ; background:#bbc8d1; opacity:0.35; height:100%; width:100%; display:none; }
        body.no-standalone #AddToHomeScreenPanel { display:block; }
    img#AddToHomeScreenMessage { position:absolute; top:36px; left:272px; display:none; z-index:999; }
        body.no-standalone img#AddToHomeScreenMessage { display:block; }
    /* +++++++ END GLOBAL LAYOUT ++++ */
	
	 
    /* #Content  =================================================================================================  */
	#Content { width:480px; padding:28px 0 0 0; background:#fff; }      
        /* General */
        #Content .indent { padding:0 30px; }      
        #Content .hide { display:none; }
        /* End General */
		
		/* FONTS  */
		h1 { font-family:'Oranda W01 Italic'; padding:0 0 22px 0;  font-size:30px; line-height:1.2em; font-weight:normal; } 
		p { font-size:1.7em; line-height:1.43em;  padding-bottom:20px; }  
		    p.extra-padding { padding-bottom:30px; }  
		/* END FONTS */
		
		/* Hyperlinks ----------------------------------------------------------------------------------------  */
		a { color:#727272;  } 		
		/* End Hyperlinks ----------------------------------------------------------------------------------------  */
		
		/* Tables  */
	    
		/* Lists ----------------------------------------------------------------------------------------  */
		/* End Lists ----------------------------------------------------------------------------------------  */
					
		/* Forms ----------------------------------------------------------------------------------------  */
		#Content .alert { background:#ffc; border:2px solid #e4c26a; font-size: 18px; line-height: 1.2em; margin-bottom: 16px; padding: 12px;width:341px; }
		
		#Content #ValidationSummary { background:#ff0030; color:#fff; padding:12px; font-size:18px; margin:-8px 0 10px 0; width:345px; }
		    #Content #ValidationSummary a { color:#fff; text-decoration:underline; }
		
		#Content .row { width:100%; overflow:hidden; padding-bottom:14px;  }		   
		    #Content label { display:block; font-size:21px; line-height:1.2em; padding:0 0 6px 0;  } 
		    #Content input.text { display:block; width:350px; -webkit-appearance:none; border-radius:0; background:#fff; font-size:21px; border:2px solid #bebebe; padding:8px; } 
		        #Content input.focus { border:2px solid #0092c3; } 
	        #Content a.button { display:block; border-radius:20px; width:62px;  padding:7px 34px 0 19px; height:33px; margin:6px 0 25px; background:#333 url(../Media/Images/Buttons/large-button-right.svg) 100% 0 no-repeat; font-size:21px; color:#fff;  }     

        #Content input#SubmitButton1 { outline: 0; display: block; margin: 6px 0 25px; background-color:#333; border-radius:20px;  }     
	    
	     .top_testresult { display:block; font-size:18px; padding:4px 0 4px 0; }
            .top_shortPass span { color:#ff0000; }
		    .top_badPass span { color:#ff0000; }
		    .top_goodPass span { color:#33cc00; }
		    .top_strongPass span { color:#339900; }
	    /* End Forms ----------------------------------------------------------------------------------------  */
        
        /* ELEMENTS ----------------------------------------------------------------------------------------  */
        /* END ELEMENTS --------------------------------------------------------------------------------------------- */   
    /* END #Content  =============================================================================================  */    

    
}

/* ++++++++++++ STYLES FOR PRINT +++++++++++ */ 
@media print  { 
	* { display:none; }
} 

