body,div,dl,dt,dd,ul,li,h1,h2,h3,h4,h5,h6,pre,code,label,form,fieldset,input,textarea,p,blockquote,th,td{margin:0;padding:0;}table{border-collapse:collapse;border-spacing:0;}fieldset,img{border:0;}address,caption,cite,code,dfn,em,strong,th,var{font-style:normal;font-weight:normal;}ul li{list-style:none;}caption,th{text-align:left;}h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}sup {vertical-align:text-top;}sub {vertical-align:text-bottom;}input,textarea,select{font-family:inherit;font-size:inherit;font-weight:inherit;}legend{color:#000;}
/* general */
html, body {margin:0;height:100%;width:100%; font-size: 12px; font-family: Trebuchet MS,Helvetica,sans-serif}
body { margin: 0; padding: 0; border: 0; background: #E7EDEF}
#main_page { overflow: hidden; max-height: 100%; }
.clear:after {content: "."; display: block; height: 0; clear: both; visibility: hidden; }
.clear {display: inline-block;}
.clear {display: block;}
a {	outline-style:none; }
a:hover { text-decoration: none; }
h1 { font: bold 36px Trebuchet MS; color: #C5C7C7 }
h3 { font: bold 18px Trebuchet MS; color: #181E21 }

/* login */

.block_login { position: absolute; z-index: 1000; height: 100%; width: 100%; top: 0; left: 0; display: block; }

.login_t, .login_b { width: 748px; position:relative; height:43px;}
.login_t {background: url(/i/login_t.png) no-repeat; }
.login_b {background: url(/i/login_b.png) no-repeat; }


.block_login .close { position: absolute; z-index: 140; top:25px; width: 9px; margin-left:700px; height: 10px; overflow: hidden; background:#B40F0F url(/i/close.gif) no-repeat; cursor: pointer; }

.login_cont {
	position: relative;
	padding:0 15px;
	background: url(/i/login_c.png) repeat-y;
	width: 738px;
	min-height:300px;
	height:auto !important;
	height:300px;
}

.login_cont h3 {font: bold 15px/1.5 Trebuchet MS; color:#fff;}

.login_cont h4 {padding:65px 30px 20px 40px; background: url(/i/logo_w.gif) no-repeat 36px -3px; font: normal 16px/1.5 Trebuchet MS; color: #444444;}
.login_cont h4.i {padding:65px 50px 14px;}
.login_cont h4 strong {font: bold 16px Trebuchet MS; color:#7DBC07;}

#login_form {background: #0B90ED; width: 718px;}
#login_form h1 {font: bold 30px Trebuchet MS; color:#fff; padding-bottom:18px;}

#login_stud, #login_educ {width: 258px; padding: 0 50px; margin:20px 0; background: #0B90ED; height:160px;}
#login_sign {width: 660px; padding: 20px 0 20px 0px; margin:0 0 0 50px; background: #0B90ED; }
.log_in { width: 370px; position: absolute; z-index: 100; top:65px; margin-left:360px; }
.log_in li { float:left; display: inline; margin-left: 130px; font: normal 12px Trebuchet MS; color: #020202 }
.log_in li a { color: #0B90ED }
.log_in li.log_close { padding-left:14px; background: url(/i/log_close.gif) no-repeat 0 4px }
.log_in li.log_close a { color: #020202 }

#login_stud {float:left;}
#login_educ {float:right; border-left: #76C1F5 1px solid; }

#login_educ a.bn_sworks {display:block; height:46px; width:249px; background: url(/i/bn_sworks.gif) no-repeat; margin:10px 0 0 -4px;}
#login_educ a.bn_sworks span {position:absolute; left: 9000em;}


ul.login_links {padding: 10px 0 0 65px;}
ul.login_links2 {padding: 15px 0 0 155px !important;}
ul.login_links li {float:left; height:38px; padding:0 30px 0 40px; white-space: nowrap; height:38px; font: bold 15px/36px Trebuchet MS; color:#808080; text-decoration:none;}
ul.login_links li a { white-space: nowrap; }
ul.login_links li.feedback {background: url(/i/i_feedback.gif) no-repeat;}
ul.login_links li.tutoring {background: url(/i/i_tutoring.gif) no-repeat;}
ul.login_links li.audit {background: url(/i/i_audit.gif) no-repeat;}
ul.login_links li.nospam {background: url(/i/i_nospam.gif) no-repeat;}
ul.login_links li.nosoftware {background: url(/i/i_nosoftware.gif) no-repeat;}


/* login form */

#login_form .login {

	height: 29px;
	margin-right:0;
	display: inline;
}
#login_form .login li {
	float: left;
	margin-left:3px;
	margin-bottom: 3px;
	display: inline;
}

#login_form .login li a {
	font: normal 12px/23px Trebuchet MS;
	color: #fff;
}

#login_form .login li .text {
	position:relative;
	width: 180px;
	height: 23px;
	overflow: hidden;
	margin-bottom:10px;
}
#login_form .login li .text input {
	background: none;
	border: 0;
	font: normal 11px Trebuchet MS;
	color: #191C1E
}
#login_form .login li .text1 {
	background: #F0F0F0 url(/i/text1long.gif) no-repeat;
}
#login_form .login li .text1 input {
	width:170px;
	height:23px;
	padding: 4px 2px 0 8px;
}
#login_form .login li .text2 {
	background: #F0F0F0 url(/i/text2long.gif) no-repeat
}
#login_form .login li .text2 input {
	width:157px;
	height:23px;
	padding: 4px 2px 0 21px;
}
#login_form .login li .text1 label.overlabel {
	position:absolute;
	top:-18px;
	left:8px;
	font: normal 11px Trebuchet MS;
	color: #A3A4A5
}
#login_form .login li .text1 label.overlabel-apply {
	position:absolute;
	top:4px;
	left:8px;
	z-index:1;
	font: normal 11px Trebuchet MS;
	color: #A3A4A5
}
#login_form .login li .text2 label.overlabel {
	position:absolute;
	top:-18px;
	left:21px;
	font: normal 11px Trebuchet MS;
	color: #A3A4A5
}
#login_form .login li .text2 label.overlabel-apply {
	position:absolute;
	top:4px;
	left:21px;
	z-index:1;
	font: normal 11px Trebuchet MS;
	color: #A3A4A5
}
#login_form .login li .bn_log {
	width: 56px;
	height: 33px;
	padding-bottom:7px;
	background: #0B90ED url(/i/bn_login1.gif) no-repeat;
	border: 0;
	cursor: pointer;
	font: normal 11px Trebuchet MS
}
#login_form .login li .bn_account {
	width: 131px;
	height: 29px;
	padding-bottom:7px;
	background: #B9EC06 url(/i/bn_account.gif) no-repeat;
	border: 0;	
	cursor: pointer;
	font: normal 11px Trebuchet MS;
	color: white
}



#login_form .sign {

}
#login_form .sign .text {
	position:relative;
	width: 455px;
	height: 35px;
	overflow: hidden;
	padding: 0;
}
#login_form .sign td {
    padding:0 10px 0 0;
    font: normal 12px Trebuchet MS; color: #fff;
 }
#login_form .sign td.l {
    padding:0 10px 10px 0;
    font: bold 14px Trebuchet MS;
    color: #fff;
    white-space: nowrap;
    width: 130px !important;
 }
#login_form .sign .text input {
	background: none;
	border: 0px;
	font: normal 11px Trebuchet MS;
	color: #191C1E
}
#login_form .sign .text1 {
	padding: 0;
}
#login_form .sign .text1 input {
	background: transparent url(/i/text5.gif) no-repeat;
	width:226px;
	height:23px;
	padding: 0 2px 0 4px;
	margin: 0 0 5px 0;
}
#login_form .sign .text2 {
	background: #F0F0F0 url(/i/text2.gif) no-repeat
}
#login_form .sign .error .text1 {
	background: #F0CCCC url(/i/text5.gif) no-repeat
}
#login_form .sign .text2 input {
	width:107px;
	height:23px;
	padding: 4px 2px 0 21px;
}
#login_form .sign .text1 label.overlabel {
	position:absolute;
	top:-18px;
	left:8px;
	font: normal 11px Trebuchet MS;
	color: #A3A4A5
}
#login_form .sign .text1 label.overlabel-apply {
	position:absolute;
	top:4px;
	left:8px;
	z-index:1;
	font: normal 11px Trebuchet MS;
	color: #A3A4A5
}
#login_form .sign .text2 label.overlabel {
	position:absolute;
	top:-18px;
	left:21px;
	font: normal 11px Trebuchet MS;
	color: #A3A4A5
}
#login_form .sign .text2 label.overlabel-apply {
	position:absolute;
	top:4px;
	left:21px;
	z-index:1;
	font: normal 11px Trebuchet MS;
	color: #A3A4A5
}

.bn_continue {
    width:74px;
    height: 31px;
    background: #B3E906 url(/i/bn_continue.gif) no-repeat;
    border: 0;
    cursor: pointer;
 }

#login_form .sign .bn_tryagain {
    width:74px;
    height: 31px;
    background: #B3E906 url(/i/bn_tryagain.gif) no-repeat;
    border: 0;
    cursor: pointer;
 }
 
 #login_form .sign .bn_gotoer {
    width:143px;
    height: 31px;
    background: #B3E906 url(/i/bn_gotoer.gif) no-repeat;
    border: 0;
    cursor: pointer;
 }
 
/* hack for Safari and Chrome */

@media screen and (-webkit-min-device-pixel-ratio:0) {
body:first-of-type .login_cont{ }
}

h3 a {color:white}

#block_login .logo {
	padding:10px 50px 14px; background: url(/i/logo_w.gif) no-repeat 46px -3px; font: bold 15px/1.5 Trebuchet MS; color: #444444;
}
#block_login .logo a {
	width: 210px;
	height: 55px;
	display: block;
	cursor: pointer;
	text-decoration: none;
}

#eduviral {margin: 10px 0 0 0; height: 150px; width: 600px; }
#eduviral .right {float:right; width: auto; height: 125px; border-left:1px solid #76C1F5; margin: 0 50px 0 0; padding: 0 0 0 60px; }
#eduviral .label {color:#ffffff; font: bold 13px Trebuchet MS}
#eduviral .note {color:#ffffff; font: normal 13px Trebuchet MS; margin: 10px 0 0 0; }
#eduviral .fbframe {background: #ffffff; padding: 10px; margin: 10px 0 0 0; width:60px; }
#eduviral .fbshare {border: solid 13px #ffffff; margin: 15px 0 10px 40px; display: block; width: 60px; }
#eduviral textarea {font: 13px Trebuchet MS; color:#191C1E; padding:0 3px; width: 280px; height:60px; display: block; margin: 10px 0 10px 0; }

.bn_invite {
    width: 166px;
    height: 31px;
    background: #B3E906 url(/i/bn_invite.gif) no-repeat;
    border: 0;
    cursor: pointer;
 }
 
.bn_skip {
    width: 73px;
    height: 31px;
    background: #B3E906 url(/i/bn_skip.gif) no-repeat;
    border: 0;
    cursor: pointer;
 }
 
.bn_finish {
    width: 122px;
    height: 49px;
    float:right;
    position: absolute;
    left: 500px;
    background: #B3E906 url(/i/bn_finish.gif) no-repeat;
    border: 0;
    cursor: pointer;
    margin:5px 0 0 -3px;
 }

.LV_validation_message {margin:0 0 0 8px; padding: 10px 0 7px 35px; font-size:13px; }
.LV_valid {color:#ffffff; background:transparent url(/i/sign_ok.gif) 0 8px no-repeat; }
.LV_invalid {color:#ffffff; background:transparent url(/i/sign_error.gif) 0 8px no-repeat; }
.LV_valid_field,
input.LV_valid_field:hover, 
input.LV_valid_field:active,
textarea.LV_valid_field:hover, 
textarea.LV_valid_field:active {}
.LV_invalid_field, 
input.LV_invalid_field:hover, 
input.LV_invalid_field:active,
textarea.LV_invalid_field:hover, 
textarea.LV_invalid_field:active {}