/*RESET STYLES*/
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
}
body {
	line-height: 1;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}

/* remember to define focus styles! */
:focus {
	outline: 0;
}

/* remember to highlight inserts somehow! */
ins {
	text-decoration: none;
}
del {
	text-decoration: line-through;
}

/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: collapse;
	border-spacing: 0;
}
/*END RESET STYLES*/

#www-content-wrap {background:#f0f9ff url(/login/img/bg-default.jpg) repeat-x;font-family:'Trebuchet MS','Tahoma',Arial;}

#shell-top-links a#www-subscriber-link,#shell-top-links a#www-passcode-link,.top-links-divide {display:none;}

.login-container h2 {font-size:18px;margin:0 0 15px 6px;color:#02799c;text-shadow: 1px 1px 1px #fff;text-align:center;}


.login-container {width:670px;margin:auto;padding-top:35px;height:auto !important;height:515px;min-height:515px;}
.login-left-column {float:left;padding:25px 0;}
.login-right-column {float:left;padding:25px 0;}


.submit-btn {float:right;margin:20px 0 0 0;}
.submit-btn input {visibility:hidden;height:1px;width:1px;}

a.LoginBtn { background:url(/www/img/home/login-btn.png) no-repeat;width:88px;height:31px;display:block;}
a.LoginBtn:hover, a.LoginBtnFocus { background-position:0 -31px;}
a.LoginBtn:active { background-position:0 -62px;}


.login-loginForm, .login-passcodeForm {background:url(/login/img/login-box.png) no-repeat;width:284px;height:229px;overflow:hidden;}
.login-passcodeForm {margin-top:15px;}
.login-loginForm-inner ul {margin:21px 0 0 6px;font-size:12px;float:left;}
.login-loginForm-inner ul li {padding:0 0 6px 0;}
.login-loginForm-inner label,.passcode-txt {display:block;text-transform:uppercase;font-size:12px;color:#666;margin-bottom:12px;cursor:pointer;}
.passcode-txt {text-align:center;width:100%;margin:0 auto 15px 0;cursor:default;}


.login-loginForm-inner label:hover {color:#444;}
.login-loginForm-inner {padding:15px;}
.login-passcodeForm .login-loginForm-inner {padding-top:45px;}

#pass-label {margin-top:12px;}

input.text {width:238px;}

.login-passcodeForm input.text {width:100px;float:left;}
.login-passcodeForm span.dash {display:block;float:left;margin:0 6px;font-size:30px;color:#999;}



input.text, input.email, input.password, textarea.uniform {
    background: url("/global/js/uniform/images/bg-input.png") repeat-x scroll 0 0 #FFFFFF;
    border-color: #AAAAAA #CCCCCC #CCCCCC #AAAAAA;
    border-radius: 3px 3px 3px 3px;
    border-style: solid;
    border-width: 1px;
    color: #999999;
    font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;
    font-size: 16px;
    font-weight: normal;
    outline: 0 none;
    padding: 6px;
}



input.text:focus, input.email:focus, input.password:focus, textarea.uniform:focus {
    background: url("/global/js/uniform/images/bg-input-focus.png") repeat-x scroll 0 0 #FFFFFF;
    border-color: #999999;
	box-shadow:0 0 4px rgba(0, 0, 0, 0.3);
}



.login-container .login-1 {float:left;}
.login-container .login-2 {float:left;margin-left:100px;}
.login-container .login-left-column {width:670px;}

.login-container .login-1 {float:left;}
.login-container .login-2 {float:left;margin-left:100px;}
.login-container.student {width:970px;margin:0;}
.login-container.student h2 {font-size:20px;text-align:left;}
.login-container.student .login-left-column {width:284px;}



.login-right-column {
	margin:65px 0 0 25px;
	width:550px;
	background:#fff;
	padding:18px;
	-moz-border-radius:8px; 
	-webkit-border-radius:8px; 
	border-radius:8px; 
	-moz-background-clip: padding; -webkit-background-clip: padding-box; background-clip: padding-box;
	box-shadow:0 1px 1px rgba(0, 0, 0, 0.2);
	-moz-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
	-webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);

}

.login-right-column h3 {color:#0795be;font-size:18px;margin:0 0 5px 0;}
.login-right-column p {color:#555;font-size:13px;line-height:16px;}


.login-error {
	color:#ce2c2c;
	position:relative;
	font-size:13px;
	background:#f1f9ff;
	padding:15px;
	-moz-border-radius:18px; 
	-webkit-border-radius:18px; 
	border-radius:18px; 
	-moz-background-clip: padding; -webkit-background-clip: padding-box; background-clip: padding-box;
	box-shadow:0 1px 1px rgba(0, 0, 0, 0.2);
	-moz-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
	-webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
	text-align:center;
	
	
	
}

.login-error a.close-x {position:absolute;top:6px;right:6px;color:#ccc;}
.login-error a.close-x:hover {text-decoration:none;color:#444;}