/* TODO remove old styles */
a.blue:link,a.blue:active,a.blue:visited {
        font: normal 12px arial;
        color: #0063b6;
        text-decoration: underline;
}
a.blue:hover {
        font: normal 12px arial;
        color: #0063b6;
        text-decoration: none;
}
a.bodyred:link,a.bodyred:active,a.bodyred:visited {
        font: bold 12px arial;
        color: #c00;
        text-decoration: underline;
}
a.bodyred:hover {
        font: bold 12px arial;
        color: #c00;
        text-decoration: none;
}
.body {
        font: normal 12px arial;
        color: #333;
}
.bodyred {
        font: bold 12px arial;
        color: #c00;
}
td {
        font: normal 12px arial;
        color: #333;
}
a:active,a:link,a:visited {
        color: #0063b6;
        text-decoration: none;
}
a:hover {
        color: #0063b6;
        text-decoration: none;
}

.header1 { font: bold 18px arial; color: #333; }
.header2 { font: bold 24px arial; color: #333; }
.header3 { font: bold 36px arial; color: #333; }
.header1_red { font: bold 18px arial; color: #c00; }
.header2_red { font: bold 24px arial; color: #c00; }
.header3_red { font: bold 36px arial; color: #c00; }

a.header1:active,a.header1:link,a.header1:visited { font: bold 18px arial; color: #0063b6; text-decoration: underline; }
a.header1:hover { font: bold 18px arial; color: #0063b6; text-decoration: none; }
a.header2:active,a.header2:link,a.header2:visited { font: bold 24px arial; color: #0063b6; text-decoration: underline; }
a.header2:hover { font: bold 24px arial; color: #0063b6; text-decoration: none; }
a.header3:active,a.header3:link,a.header3:visited { font: bold 36px arial; color: #0063b6; text-decoration: underline; }
a.header3:hover { font: bold 36px arial; color: #0063b6; text-decoration: none; }

a.header1_red:active,a.header1_red:link,a.header1_red:visited { font: bold 18px arial; color: #c00; text-decoration: underline; }
a.header1_red:hover { font: bold 18px arial; color: #c00; text-decoration: none; }
a.header2_red:active,a.header2_red:link,a.header2_red:visited { font: bold 24px arial; color: #c00; text-decoration: underline; }
a.header2_red:hover { font: bold 24px arial; color: #c00; text-decoration: none; }
a.header3_red:active,a.header3_red:link,a.header3_red:visited { font: bold 36px arial; color: #c00; text-decoration: underline; }
a.header3_red:hover { font: bold 36px arial; color: #c00; text-decoration: none; }

.expanded { display: block; }
.collapsed { display: none; }
/*
 * global styles
 */

body {
        background-color: #ddd;
        background-image: url('http://pictures.student.com/main/studcent_bodybg.gif');
        margin: 0px auto;
        padding: 0px;
        text-align: center;
        font: normal 12px arial;
        color: #333;
}

#main_box {
        background-color: #fff;
        border-width: 0px 1px;
        border-color: #ccc;
        border-style: solid;
        width: 980px;
        margin: 0 auto;
}

a { text-decoration: none; }

.required {
	color: #c00;
	font-weight: bold;
}

/*
 * toplinks
 */

.toplinks_bar {
        width: 100%;
        height: 20px;
        font-family: arial;
        font-size: 11px;
        color: #333;
        text-decoration: none;
        background-color: #eee;
}

.toplinks_daily {
        height: 20px;
        background-color: #eee;
        float: left;
        padding: 0px 2px;
}

.toplinks_daily_text {
        font: normal 11px arial;
        line-height: 10px;
        color: #333;
}

.toplinks_i {
        background-color: #eee;
        float: left;
        padding: 3px;
}

.toplinks_a {
        background-color: #eee;
        border-width: 0px 1px 0px 0px;
        float: left;
        padding: 3px;
        border-style: solid;
        border-color: #ccc;
}

a.toplinks_button:link,a.toplinks_button:active,a.toplinks_button:visited,a.toplinks_button:hover {
        text-decoration: none;
        color: #333;
        padding: 3px 3px 3px 3px;
}

a.toplinks:link,a.toplinks:active,a.toplinks:visited {
        text-decoration: underline;
        color: #333;
}

a.toplinks:hover {
        text-decoration: none;
        color: #333;
}

.toplinks_off {
        background-color: #eee;
        float: left;
        border-width: 0px 1px 0px 0px;
        border-style: solid;
        border-color: #ccc;
        padding: 3px 0px 3px 0px;
}

.toplinks_on {
        background-color: #fff;
        float: left;
        border-width: 0px 1px 0px 0px;
        border-style: solid;
        border-color: #ccc;
        padding: 3px 0px 3px 0px;
}

.toplinks_end {
        background-color: #eee;
        padding: 0px;
        text-align: left;
}

/*
 * logo & ad
 */

.logo_bar {
        width: 100%;
        background-color: #fff;
        border-width: 1px 0px 0px 0px;
        border-style: solid;
        border-color: #ccc;
}

/*
 * main menu
 */

.menu_bar {
        width: 100%;
        height: 25px;
        font-family: arial;
        font-size: 12px;
        color: #333;
        text-decoration: none;
        background-color: #a5bcce;
        background-image: url('http://pictures.student.com/main/menu_bg_off.gif');
        border-color: #708fa8;
        border-width: 1px 0px 1px 0px;
        border-style: solid;
}

.menu_menu_off {
        float: left;
        background-color: #a5bcce;
        background-image: url('http://pictures.student.com/main/menu_bg_off.gif');
        border-width: 0px 1px 0px 0px;
        border-color: #708fa8;
        border-style: solid;
        padding: 5px 0px 5px 0px;
}

.menu_menu_on {
        float: left;
        background-color: #67e8ff;
        border-width: 0px 1px 0px 0px;
        border-color: #708fa8;
        border-style: solid;
        padding: 5px 0px 5px 0px;
}
/* TODO -- intergrate better for automation */

.menu_menu_red_off {
        float: left;
        background-color: #f7fc73;
        border-width: 0px 1px 0px 0px;
        border-color: #708fa8;
        border-style: solid;
        padding: 5px 0px 5px 0px;
}

.menu_menu_red_on {
        float: left;
        background-color: #ff0;
        border-width: 0px 1px 0px 0px;
        border-color: #708fa8;
        border-style: solid;
        padding: 5px 0px 5px 0px;
}

.menu_menu_white_off {
        float: left;
        background-color: #fff;
        border-width: 0 1px 0px 0px;
        border-color: #ccc;
        border-style: solid;
        padding: 5px 0;
}

.menu_menu_white_on {
        float: left;
        background-color: #eee;
        border-width: 0px 1px 0px 0px;
        border-color: #ccc;
        border-style: solid;
        padding: 5px 0;
}

a.menu_button:link, a.menu_button:active, a.menu_button:visited, a.menu_button:hover {
        font: normal 12px arial;
        text-decoration: none;
        color: #333;
        padding: 5px 5px 5px 5px;
}

.menu_menu_end_off {
        background-color: #a5bcce;
        background-image: url('http://pictures.student.com/main/menu_bg_off.gif');
        padding: 5px 0px 5px 0px;
        text-align: right;
}

.menu_menu_end_on {
        background-color: #67e8ff;
        padding: 5px 0px 5px 0px;
        text-align: right;
}

/*
 * user bar
 */

.user_bar {
        width: 100%;
        height: 25px;
        font-family: arial;
        font-size: 12px;
        color: #333;
        text-decoration: none;
        background-color: #eee;
        background-image: url('http://pictures.student.com/main/menu_userbar_bg.gif');
        border-color: #bbb;
        border-width: 1px 0px 1px 0px;
        border-style: solid;
}

.user_menu_off {
        float: left;
        background-color: #eee;
        background-image: url('http://pictures.student.com/main/menu_userbar_bg.gif');
        border-width: 0px 1px 0px 0px;
        border-color: #bbb;
        border-style: solid;
        padding: 5px 0px 5px 0px;
}

.user_menu_on {
        float: left;
        background-color: #fff;
        border-width: 0px 1px 0px 0px;
        border-color: #bbb;
        border-style: solid;
        padding: 5px 0px 5px 0px;
}

a.user_button:link,a.user_button:active,a.user_button:visited,a.user_button:hover {
        text-decoration: none;
        color: #333;
        padding: 5px 5px 5px 5px;
}

.user_menu_end_off {
        background-color: #eee;
        background-image: url('http://pictures.student.com/main/menu_userbar_bg.gif');
        padding: 5px 0px 5px 0px;
}

.user_menu_end_on {
        background-color: #fff;
        padding: 5px 0px 5px 0px;
}

/* inactive user classes */
.user_i {
        float: left;
        background-color: #eee;
        background-image: url('http://pictures.student.com/main/menu_userbar_bg.gif');
        border-width: 0px 1px 0px 0px;
        border-color: #bbb;
        border-style: solid;
        padding: 5px;
}
.user_l {
        vertical-align: middle;
        height: 25px;
        float: left;
        background-color: #eee;
        background-image: url('http://pictures.student.com/main/menu_userbar_bg.gif');
        border-width: 0px 1px 0px 0px;
        border-color: #bbb;
        border-style: solid;
        padding: 0px 5px;
}
.user_i_end {
        float: left;
        background-color: #eee;
        background-image: url('http://pictures.student.com/main/menu_userbar_bg.gif');
        padding: 5px;
        text-align: left;
}
.login_field {
        font-family: arial,sans-serif;
        font-size: 11px;
        color: #333333;
        text-decoration: none;
        letter-spacing: 1px;
}
/* message center */

a.message_center:link,a.message_center:active,a.message_center:visited {
        color: #c00;
        text-decoration: underline;
        font-weight: bold;
        padding: 5px;
}

a.message_center:hover {
        color: #c00;
        text-decoration: none;
        font-weight: bold;
        padding: 5px;
}

.message_bar {
        width: 100%;
        height: 25px;
        font-family: arial;
        font-size: 12px;
        color: #333;
        text-decoration: none;
        background-color: #eee;
        background-image: url('http://pictures.student.com/main/menu_messagebar_bg.gif');
        border-color: #bbb;
        border-width: 0px 0px 1px 0px;
        border-style: solid;
}

.message_i {
        float: left;
        background-color: #eee;
        background-image: url('http://pictures.student.com/main/menu_messagebar_bg.gif');
        border-width: 0px 1px 0px 0px;
        border-color: #bbb;
        border-style: solid;
        padding: 5px;
}

.message_i_end {
        float: left;
        background-color: #eee;
        background-image: url('http://pictures.student.com/main/menu_messagebar_bg.gif');
        padding: 5px;
        text-align: left;
}

.messages_on {
        display: block;
        z-index: 1;
        width: 600px;
        background-color: #eee;
        padding: 5px;
        font-family: arial;
        font-size: 12px;
        text-align: left;
        border: 1px solid #bbb;
}

.messages_box {
        float: left;
        width: 450px;
}

.messages_g {
        float: right;
        width: 140px;
        border-width: 0px 0px 0px 1px;
        border-color: #ccc;
        border-style: solid;
        text-align: center;
}

.messages_off {
        display: none;
}

.message_main_on {
        float: left;
        display: block;
}

.message_main_off {
        float: left;
        display: none;
}

/* functional bar */

.functional_bar {
        display: none;
        width: 100%;
        height: 25px;
        font-family: arial;
        font-size: 12px;
        color: #333;
        text-decoration: none;
        background-color: #ffffe1;
        border-color: #c1c18b;
        border-width: 1px 0px 1px 0px;
        border-style: solid;
}

.functional_i {
        float: left;
        background-color: #ffffe1;
        border-width: 0px 1px 0px 0px;
        border-color: #c1c18b;
        border-style: solid;
        padding: 5px;
}

.functional_l {
        vertical-align: middle;
        height: 25px;
        float: left;
        background-color: #ffffe1;
        border-width: 0px 1px 0px 0px;
        border-color: #c1c18b;
        border-style: solid;
        padding: 0px 5px;
}

.functional_menu_off {
        float: left;
        background-color: #ffffe1;
        border-width: 0px 1px 0px 0px;
        border-color: #c1c18b;
        border-style: solid;
        padding: 5px 0px 5px 0px;
}

.functional_menu_on {
        float: left;
        background-color: #ff0;
        border-width: 0px 1px 0px 0px;
        border-color: #c1c18b;
        border-style: solid;
        padding: 5px 0px 5px 0px;
}

a.functional_button:link,a.functional_button:active,a.functional_button:visited,a.functional_button:hover {
        text-decoration: none;
        color: #333;
        padding: 5px 5px 5px 5px;
}

/*
 * dropdowns
 */

.submenu {
        width: 160px;
        display: none;
        font-family: arial;
        font-size: 11px;
        letter-spacing: 1px;
        color: #333;
        text-align: left;
        z-index: 2;
}

.menu_submenu_off {
        width: 160px;
        background-color: #a5bcce;
        border-width: 1px 1px 0px 1px;
        border-color: #708fa8;
        border-style: solid;
}

.menu_submenu_on {
        width: 160px;
        background-color: #67e8ff;
        border-width: 1px 1px 0px 1px;
        border-color: #708fa8;
        border-style: solid;
}

.menu_submenu_bottom_off {
        width: 160px;
        background-color: #a5bcce;
        border: 1px solid #708fa8;
}

.menu_submenu_bottom_on {
        width: 160px;
        background-color: #67e8ff;
        border: 1px solid #708fa8;
}

a.submenu_button:link,a.submenu_button:active,a.submenu_button:visited,a.submenu_button:hover {
        width: 160px;
        display: block;
        text-decoration: none;
        color: #333;
        padding: 2px 0px 2px 2px;
}

/*
 * quicklinks
 */

.quicklinks {
        width: 250px;
        display: none;
        font: normal 11px arial;
        letter-spacing: 1px;
        color: #333;
        text-align: left;
        z-index: 2;
}

.menu_quicklinks_off {
        width: 250px;
        background-color: #eee;
        border-width: 1px 1px 0px 1px;
        border-color: #ccc;
        border-style: solid;
}

.menu_quicklinks_on {
        width: 250px;
        background-color: #fff;
        border-width: 1px 1px 0px 1px;
        border-color: #ccc;
        border-style: solid;
}

.menu_quicklinks_bottom_off {
        width: 250px;
        background-color: #ff0;
        border: 1px solid #ccc;
}

.menu_quicklinks_bottom_on {
        width: 250px;
        background-color: #fff;
        border: 1px solid #ccc;
}

.menu_quicklinks_blank {
        display: none;
        width: 250px;
        background-color: #eee;
        border-width: 1px 1px 0px 1px;
        border-color: #ccc;
        border-style: solid;
}
        
a.quicklinks_button:link,a.quicklinks_button:active,a.quicklinks_button:visited,a.quicklinks_button:hover {
        width: 250px;
        display: block;
        text-decoration: none;
        color: #333;
        padding: 2px 0px 2px 2px;
}

/*
 * announcement styles
 */

.announcement_1 {
        height: 25px;
        background-color: #f9f;
        border-width: 1px 0px;
        border-color: #63c;
        border-style: solid;
}
.announcement_2 {
        height: 25px;
        background-color: #cf0;
        border-width: 1px 0px;
        border-color: #84a500;
        border-style: solid;
}
.announcement_3 {
        height: 25px;
        background-color: #ff6;
        border-width: 1px 0px;
        border-color: #d6d600;
        border-style: solid;
}
.announcement_4 {
        height: 25px;
        background-color: #f66;
        border-width: 1px 0px;
        border-color: #ae0000;
        border-style: solid;
}
.announcement_5 {
        height: 25px;
        background-color: #f90;
        border-width: 1px 0px;
        border-color: #d07d00;
        border-style: solid;
}
.announcement_hey {
        float: left;
        width: 40px;
        height: 25px;
}
.announcement {
        color: #333333;
        font-size: 11px;
        font-family: arial;
        padding: 0px 5px;
        letter-spacing: 1px;
        text-align: left;
        line-height: 12px;
}

/*
 * leftbar classes
 */

#leftbar {
        float: left;
        width: 162px;
        height: 100%;
        background-color: #708fa8;
        margin: 0px 0px 0px 0px;
}

div.text_ad_a {
        padding: 2px;
        border-width: 0px 0px 1px 0px;
        border-color: #527089;
        border-style: solid;
        text-align: left;
}

div.text_ad_b {
        padding: 2px;
        border-width: 0px 0px 1px 0px;
        border-color: #527089;
        border-style: solid;
        text-align: left;
}

.leftbar_i {
        padding: 2px 0px;
        border-width: 0px 0px 1px 0px;
        border-color: #527089;
        border-style: solid;
        text-align: left;
}

a.text_ad_a:link,a.text_ad_a:active,a.text_ad_a:visited {
        font-family: arial;
        font-size: 11px;
        color: #ff0;
        text-decoration: none;
}

a.text_ad_a:hover{
        font-family: arial;
        font-size: 11px;
        color: #ff0;
        text-decoration: underline;
}

a.text_ad_b:link,a.text_ad_b:active,a.text_ad_b:visited {
        font-family: arial;
        font-size: 11px;
        color: #fff;
        text-decoration: none;
}

a.text_ad_b:hover {
        font-family: arial;
        font-size: 11px;
        color: #fff;
        text-decoration: underline;
}

/*
 * word hunt
 */

.wordhunt_i {
        font: bold 12px arial;
        color: #ff0;
        letter-spacing: 2px;
        text-align: center;
}

.wordhunt_claimletter_off {
        width: 60px;
        height: 60px;
        font: bold 48px arial;
        color: #fff;
        background-color: #333;
        border: 1px solid #000;
        text-align: center;
}
        
.wordhunt_claimletter_on {
        width: 60px;
        height: 60px;
        font: bold 48px arial;
        color: #fff;
        background-color: #dee9f0;
        border: 1px solid #000;
        text-align: center;
}

.wordhunt_claimed {
        font: normal 12px arial;
        color: #3b4567;
}

a.wordhunt_claimletter:link,a.wordhunt_claimletter:active,a.wordhunt_claimletter:visited {
        font: bold 48px arial;
        width: 60px;
        color: #fff;
        text-decoration: none;
        padding: 3px 0px;
}
a.wordhunt_claimletter:hover {
        font: bold 48px arial;
        width: 60px;
        color: #3b4567;
        text-decoration: none;
        padding: 3px 0px;
}

/* adzones */
.adzone_300x250 {
        float: right;
        background-color: #fff;
        width: 336px;
        height: 280px;
}

/* default */
.content_f {
        width: 100%;
        font: normal 12px arial;
        margin: 5px 0px;
}

/*
 * styles for navigation
 */

.nav_box {
        height: 20px;
        width: auto;
        background-color: #eee;
        border-width: 1px 1px;
        border-style: solid;
        border-color: #ccc;
        font: normal 11px arial;
        margin: 0px 0px 5px 0px;
}

.nav_i {
        float: left;
        font-size: 12px;
        color: #333333;
        padding: 2px;
        text-decoration: none;
}
.nav_end_i {
        float: right;
        padding: 2px;
        text-decoration: none;
}

a.nav_a:link,a.nav_a:active,a.nav_a:visited {
        font: normal 12px arial;
        color: #0063b6;
        text-decoration: underline;
}
a.nav_a:hover {
        font: normal 12px arial;
        color: #0063b6;
        text-decoration: none;
}

.subnav {
	border: solid 1px #c1c18b;
	background-color: #ffffe1;
	padding: 2px;
	margin: 0 0 5px 0;
}
.subnav_text {
	font: bold 12px arial;
	color: #333;
}
a.subnav_link:link, a.subnav_link:active, a.subnav_link:visited {
	font: normal 12px arial;
	color: #0063b6;
	text-decoration: underline;
}
a.subnav_link:hover {
	font: normal 12px arial;
	color: #0063b6;
	text-decoration: none;
}

/*
 * classes for instruction boxes
 */

.instructionbox {
        display: none;
        width: 400px;
        background-color: #ffffe1;
        border: 1px solid #c1c18b;
        font: normal 11px arial;
        color: #333;
        letter-spacing: 1px;
        padding: 2px;
}

/* ajax */

.mylinks_ajax_bar {
        display: none;
        width: 100%;
        height: 25px;
        font: normal 12px arial;
        color: #333;
        text-decoration: none;
        background-color: #eee;
        background-image: url('http://pictures.student.com/main/menu_userbar_bg.gif');
        border-color: #bbb;
        border-width: 1px 0px 1px 0px;
        border-style: solid;
}

/* bottom zone */
.bottom {
        text-align: center;
        width: 100%;
        background-color: #eee;
        border-width: 1px 0px;
        border-color: #ccc;
        border-style: solid;
        font: normal 11px arial;
}

a.footer:link,a.footer:active,a.footer:visited {
        font: normal 11px arial;
        color: #0063b6;
        padding: 0px 5px;
        text-decoration: underline;
}
a.footer:hover {
        font: normal 11px arial;
        color: #0063b6;
        padding: 0px 5px;
        text-decoration: none;
}
a.footer_i:link,a.footer_i:active,a.footer_i:visited {
        font: normal 11px arial;
        color: #0063b6;
        text-decoration: underline;
}
a.footer_i:hover {
        font: normal 11px arial;
        color: #0063b6;
        text-decoration: underline;
}
.footer_header1 {
        font: bold 16px arial;
        color: #333;
        text-decoration: none;
}

/* admin */

.admin {
        background-color: #c59b79;
        border: 1px solid #954300;
        font: normal 11px arial;
        color: #333333;
        padding: 3px;
        margin: 5px;
        text-decoration: none;
        letter-spacing: 1px;
}