/*---------------------------------------

	RESET, BODY

-----------------------------------------*/



#banner { position: fixed; top: 0px; left: 0px; width: 100%; background: #052739; -webkit-box-shadow: 0 2px 1px rgba(0,0,0,.4); -moz-box-shadow: 0 2px 1px rgba(0,0,0,.4); box-shadow: 0 2px 1px rgba(0,0,0,.4); z-index: 100; overflow: hidden; }
#banner-left { float: left; width: 120px; }
#banner-right { float: right; width: 900px; }
#banner p { text-align: center; font-size: 1.2em; margin: 0; line-height: 140%; padding: 20px 20px 18px 20px; }


.section { position: relative; margin: 0 auto; width: 664px; overflow: hidden; margin-bottom: 20px; }
.section-split { position: relative; margin: 0 auto; width: 700px; overflow: hidden; margin-bottom: 20px; }
.section-lt { position: relative; float: left; width: 304px;  }
.section-rt { position: relative; float: right; width: 304px; }

.box { background: #2C7AA5; background: rgba(40, 118, 160, 0.3); padding: 18px; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; }

#examples { text-align: center; }

#logo { }
#go { margin: 0 auto; width: 200px; }

#intro { margin: 0 auto; width: 500px; font-size: 1.3em; color: #FFF; text-align: center; font-family: "Lucida Sans Unicode", "Lucida Grande";  margin-bottom: 50px; text-shadow: 0 1px 0 rgba(0, 0, 0, 0.2); }



#strengths li { background: url(strength.png) 0 4px no-repeat; }
#weaknesses li { background: url(weakness.png) 0 4px no-repeat; }



pre { display: block; font-size: 1.2em; color: #17516E;font-family: "Courier", "Courier New"; background: #90BCD4; padding: 12px; margin-bottom: 22px; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; }

#dload { margin: 0 auto 20px auto; display: block; width: 210px; height: 50px; text-indent: -9999px; }
#dload:link, #dload:visited { background: url(dlb.png) 0 0; }
#dload:hover, #dload:active { background: url(dlb.png) 0 -50px; }


#lean_overlay {
    position: fixed;
    z-index: 999999;
    top: 0px;
    left: 0px;
    height:100%;
    width:100%;
    background: #000;
    display: none;
}


#signup {
	width: 505px;
	padding-bottom: 2px;
    display:none;
    background: #FFF;
	border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px;
	box-shadow: 0px 0px 4px rgba(0,0,0,0.7); -webkit-box-shadow: 0 0 4px rgba(0,0,0,0.7); -moz-box-shadow: 0 0px 4px rgba(0,0,0,0.7);
       
}

#signup2 {
	width: 505px;
	padding-bottom: 2px;
    display:none;
    background: #FFF;
	border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px;
	box-shadow: 0px 0px 4px rgba(0,0,0,0.7); -webkit-box-shadow: 0 0 4px rgba(0,0,0,0.7); -moz-box-shadow: 0 0px 4px rgba(0,0,0,0.7);
       
}

#ForgetPassword {
	width: 505px;
	padding-bottom: 2px;
    display:none;
    background: #FFF;
	border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px;
	box-shadow: 0px 0px 4px rgba(0,0,0,0.7); -webkit-box-shadow: 0 0 4px rgba(0,0,0,0.7); -moz-box-shadow: 0 0px 4px rgba(0,0,0,0.7);
       
}

#test {
	width: 600px;
	padding: 30px; 
    display:none;
    background: #FFF;
    border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px;
    box-shadow: 0px 0px 4px rgba(0,0,0,0.7); -webkit-box-shadow: 0 0 4px rgba(0,0,0,0.7); -moz-box-shadow: 0 0px 4px rgba(0,0,0,0.7);
       
}

#test p { color: #666; text-shadow: none; }

#signup-header { background: url(hd-bg.png); padding: 18px 18px 14px 18px; border-bottom: 1px solid #CCC; border-top-left-radius: 5px; -moz-border-radius-topleft: 5px; -webkit-border-top-left-radius: 5px; border-top-right-radius: 5px; -moz-border-radius-topright: 5px; -webkit-border-top-right-radius: 5px; }

#signup-header  h2 { color: #444; font-size: 2em; font-weight: 700; margin-bottom: 3px; text-shadow: 1px 1px 0 rgba(255, 255, 255, 0.5); }
#signup-header  p { color: #444; font-size: 1.3em; margin: 0; text-shadow: 1px 1px 0 rgba(255, 255, 255, 0.5); text-shadow: none; }

#signup .txt-fld { position: relative; width: 464px; padding: 14px 20px; border-bottom: 1px solid #EEE; text-align: right; }
#signup .btn-fld { width: 488px; overflow: hidden; padding: 12px 20px 12px 130px; }

#signup .txt-fld label { display: block; float: left; width: 90px; padding-top: 8px; color: #222; font-size: 12px; text-align: left;  }
#signup .txt-fld input { width: 224px; height: 26px; padding: 8px; border-radius: 4px; -moz-border-radius: 4px; -webkit-border-radius: 4px; font-size: 1.2em; color: #222; background: #F7F7F7; font-family: "Helvetica Neue"; outline: none; border-top: 1px solid #CCC; border-left: 1px solid #CCC; border-right: 1px solid #E7E6E6; border-bottom: 1px solid #E7E6E6; }
#signup .txt-fld input { width: 224px; height: 26px; padding: 8px; border-radius: 4px; -moz-border-radius: 4px; -webkit-border-radius: 4px; font-size: 1.2em; color: #222; background: #F7F7F7; font-family: "Helvetica Neue"; outline: none; border-top: 1px solid #CCC; border-left: 1px solid #CCC; border-right: 1px solid #E7E6E6; border-bottom: 1px solid #E7E6E6; }
#signup .txt-fld input.good_input { background: #DEF5E1 url(good.png) 236px center no-repeat; }
#signup .txt-fld input.error_input { background: #FDE0E0; }


#signup2 .txt-fld { position: relative; width: 464px; padding: 14px 20px; border-bottom: 1px solid #EEE; text-align: right; }
#signup2 .btn-fld { width: 488px; overflow: hidden; padding: 12px 20px 12px 130px; }

#signup2 .txt-fld label { display: block; float: left; width: 90px; padding-top: 8px; color: #222; font-size: 12px; text-align: left;  }
#signup2 .txt-fld input { width: 224px; height: 26px; padding: 8px; border-radius: 4px; -moz-border-radius: 4px; -webkit-border-radius: 4px; font-size: 1.2em; color: #222; background: #F7F7F7; font-family: "Helvetica Neue"; outline: none; border-top: 1px solid #CCC; border-left: 1px solid #CCC; border-right: 1px solid #E7E6E6; border-bottom: 1px solid #E7E6E6; }
#signup2 .txt-fld input { width: 224px; height: 26px; padding: 8px; border-radius: 4px; -moz-border-radius: 4px; -webkit-border-radius: 4px; font-size: 1.2em; color: #222; background: #F7F7F7; font-family: "Helvetica Neue"; outline: none; border-top: 1px solid #CCC; border-left: 1px solid #CCC; border-right: 1px solid #E7E6E6; border-bottom: 1px solid #E7E6E6; }
#signup2 .txt-fld input.good_input { background: #DEF5E1 url(good.png) 236px center no-repeat; }
#signup2 .txt-fld input.error_input { background: #FDE0E0; }



#ForgetPassword .txt-fld { position: relative; width: 464px; padding: 14px 20px; border-bottom: 1px solid #EEE; text-align: right; }
#ForgetPassword .btn-fld { width: 488px; overflow: hidden; padding: 12px 20px 12px 130px; }

#ForgetPassword .txt-fld label { display: block; float: left; width: 90px; padding-top: 8px; color: #222; font-size: 12px; text-align: left;  }
#ForgetPassword .txt-fld input { width: 224px; height: 26px; padding: 8px; border-radius: 4px; -moz-border-radius: 4px; -webkit-border-radius: 4px; font-size: 1.2em; color: #222; background: #F7F7F7; font-family: "Helvetica Neue"; outline: none; border-top: 1px solid #CCC; border-left: 1px solid #CCC; border-right: 1px solid #E7E6E6; border-bottom: 1px solid #E7E6E6; }
#ForgetPassword .txt-fld input { width: 224px; height: 26px; padding: 8px; border-radius: 4px; -moz-border-radius: 4px; -webkit-border-radius: 4px; font-size: 1.2em; color: #222; background: #F7F7F7; font-family: "Helvetica Neue"; outline: none; border-top: 1px solid #CCC; border-left: 1px solid #CCC; border-right: 1px solid #E7E6E6; border-bottom: 1px solid #E7E6E6; }
#ForgetPassword .txt-fld input.good_input { background: #DEF5E1 url(good.png) 236px center no-repeat; }
#ForgetPassword .txt-fld input.error_input { background: #FDE0E0; }


      
.modal_close { position: absolute; top: 12px; right: 12px; display: block; width: 14px; height: 14px; background: url(modal_close.png); z-index: 2; }