@import url("../reset.css") screen;

/* typography.css */
body {
  color:#424A51;
  background:#FAE2BD url(../../images/stage/bg.jpg) repeat-x top left;
}


#container {
	width:1000px;
  margin:0 auto;
	text-align:left;
	position:relative;

}

.clear { clear:both; }
.left { float:left; }
.right { float:right; }
.empty { height:0px; }
.bold { font-weight:bold; }
.br { border: 1px solid red; }
.bg { border: 1px solid green; }


table.format { border-collapse: collapse; margin: 0; padding: 0;}
table.format td, table.format th { margin: 0; padding: 0;}

table.formWrapper { border-collapse: collapse; margin: 0; padding: 0;}
table.formWrapper td, table.formWrapper th { margin: 0; padding: 3px 5px;}
table.formWrapper th { text-align: right; padding-right: 5px;}
table.formWrapper tfoot td { text-align: center; }


/*** LAYOUT ***/
/*header*/
#headerTitle { float:left; width:500px; padding:30px 10px 10px 30px; }
#headerTitleFull { float:left; width:1000px; height: 171px; border:0px solid red; padding: 10px 0; margin: 0 auto; }
#loginbox { float:right; width:400px; height: 200px; border-left:1px solid #A0A2A4; padding-left:10px; padding-top:5px; background: url(../../images/stage/login_bg.png) no-repeat 0 0; }

#headerTitle ul li,
#headerTitleFull ul li { margin-left:20px; list-style-type: disc; list-style-position: outside;}


#logo{
  background:url(../../images/stage/logo.png) no-repeat top left;
  height:127px;
  width:311px;
  float:left;
}

/*navigation*/
#navcontainer { margin:0 0 0 330px; padding-top:55px;}
#navlist li { display: inline; list-style-type: none; padding-right: 20px;}
#navlist li a:link, #navlist li a:visited { color:#f9dcb1; text-decoration:none; font-family: Verdana; font-size:10px;}
#navlist li a:hover { color:#fff; }
#navlist li a.navselected {color:#ffa500;}


/*content*/
/*#content { margin:100px 0 55px 0; }*/
#content { padding:0; padding-top: 350px; margin:0; margin-bottom:55px; }
.leftcontent{ float:left; width:440px; padding-right:20px; margin-left: 30px; border-right:1px solid #A5A6A6; min-height:400px; }
.rightcontent{ width:470px; float:left; padding-left:20px;}


/*#content ul{ margin-left:15px; margin-bottom:1em;}*/


#loginbox, #loginpage { padding-top:15px; height: 190px; overflow: hidden; }
#loginbox form.login ul.radio_list li, #loginpage form.login ul.radio_list li { display: inline; }
#loginbox form.login ul.error_list, #loginpage form.login ul.error_list { margin: 0; padding: 0;}
#loginbox form.login ul.error_list li, #loginpage form.login ul.error_list li {
  padding: 1px 5px;
  margin: 0;
  margin-bottom: 3px;
  border:2px solid #fbc2c4;
  background-color:#fbe3e4;
  color:#8a1f11;
}

/* login form */
div.login div, form.login div { margin-bottom: 3px;}
div.login a.registration, form.login a.registration { color: #900; font-size: 10px; font-weight:bold;}
/*
form.login .rounded {
  border:1px solid #bbb;
  margin:0 0 0.5em 0;
  width:170px;
  padding:3px 10px;
  background:#fff url(../../images/stage/inputbg.jpg) repeat-x top left;
  border-radius:10px;
  -moz-border-radius:10px;
  -webkit-border-radius:10px;
}
*/

div.login .rounded, form.login .rounded {
  border:1px solid #bbb;
  width:170px;
  height:17px;
  padding:3px 10px;
  /*background:#fff none repeat-x top left;*/
  background-color: #e2e3e7;
  background-image: url(../../images/stage/inputbg.jpg);
  background-position: top left;
  background-repeat: repeat-x;
  
  border-radius:10px;
  -moz-border-radius:10px;
  -webkit-border-radius:10px;
}

div.login .rounded input, form.login .rounded input {
  width:160px;
  border:0;
  /*background:#fff none repeat-x 0 -3px;*/
  /*background:#fff url(../../images/stage/inputbg.jpg) repeat-x 0 -3px;*/

  background-color: #e2e3e7;
  background-image: url(../../images/stage/inputbg.jpg);
  background-position: 0 -3px;
  background-repeat: repeat-x;

  /*background-color: transparent;*/
  line-height: 15px;
  height: 15px;
  vertical-align: middle;
}


/*** remind password form ***/
form.remindPassword ul.radio_list li { display: inline; }


/*footer*/
#footer { clear: both; text-align:center; font-size:.9em; /*background:#BF4343;*/color:#424A51; }
#footer ul { padding:3px 0; list-style-type: none;}
#footer ul li {display: inline; padding:0px 10px; text-transform:capitalize; border-right:1px solid #424A51;}
#footer ul li.last { border-right:none; }
#footer ul li a { text-decoration:none; color:#424A51;}
#footer ul li a:hover{color:#5A6670;}


/*
a.button { color:#003466;  cursor:pointer; outline:medium none;  text-decoration:none; }
*/
li.horizontal-list { display:inline; }

/*** registration form ***/
/*
form.registrationForm table.format th { padding: 3px 0;}
form.registrationForm table.format td { padding: 3px 0;}
*/

form.registrationForm th { vertical-align:top; padding-right:5px; min-width:120px; }
form.registrationForm .help { color:#000; font-size:0.9em; padding-left:5px; }
form.registrationForm input[type="text"], form.registrationForm input[type="password"] { border:1px solid #999999; }

#loginbox .login-box a {
  display: block;  
}

#loginbox .login-box a.student-login {
  background: url(../../images/stage/buttons/student-login.png) no-repeat 0 0;
  width: 234px;
  height: 37px;
  margin-top: 13px;
  margin-left: 15px;
  float: left;
}

#loginbox .login-box a.educator-login {
  background: url(../../images/stage/buttons/educator-login.png) no-repeat 0 0;
  width: 234px;
  height: 37px;
  margin-top: 25px;  
  float: right;
}

#loginbox .login-box a.ta-login {
  background: url(../../images/stage/buttons/ta-login.png) no-repeat 0 0;
  width: 130px;
  height: 37px;
  margin-top: 13px;
  margin-right: 15px;
  float: right;
}

#loginbox.hide-bg, #loginpage.hide-bg {
  background: none;
}