.header {
   background-position: 0 0;
   background: url("/image/theme2012/header/header_bg.png") repeat-x scroll 0 0 transparent;
   height: 83px;
}

.header .header_content {
   width: 980px;
   margin: 0 auto;
   padding-top: 8px;
   position:relative;
}

.header .header_content .logo{
	width:264px;
	height:73px;
	background:url(/image/theme2012/headerfooter_sprite.png) no-repeat left -70px;
	float:left;
}

.header .header_content .logo a{
   display: block;
   text-indent: -5000px;
   overflow: hidden;
   width: 237px;
   height: 74px;
}

.header .header_content .logo:hover{
	background:url(/image/theme2012/headerfooter_sprite.png) no-repeat left -143px;
}

#navigation_sub {
   float: right;
   margin: 5px 0 5px 0;
}

ul.header_nav {
   list-style: none;
}

ul.header_nav li {
   float: left;
}

.menu_bg_button li a {
   background:url("/image/theme2012/headerfooter_sprite.png") no-repeat left top;
   display: block;
   height: 33px;
   overflow: hidden;
   text-indent: -5000px;
   width: 166px;
}

.menu_bg_button li.nav_admin a:hover {
   background-position: 0 -35px;
}

.menu_bg_button li.nav_teacher a {
   background-position: -169px 0;
}

.menu_bg_button li.nav_teacher a:hover {
   background-position: -169px -35px;
}

.menu_bg_button li.nav_parent a {
   background-position: -339px 0;
}

.menu_bg_button li.nav_parent a:hover {
   background-position: -339px -35px;
}

.menu_bg_button li.nav_student a {
   background-position: -508px 0;
}

.menu_bg_button li.nav_student a:hover {
   background-position: -508px -35px;
}

/* Content Start */

#content {
   width: 980px;
   position: relative;
   margin: 0 auto;
}

#content .content_left {
   position: absolute;
   top: 30px;
   left: 0;
   width: 343px;
   height: 435px;
   z-index: 1;
}

.content_left .rotator_top_left {
   width: 23px;
   height: 21px;
   background: url("/image/theme2012/index_sprite.png") no-repeat -50px -698px;
   float: left;
}

.content_left .rotator_top_bg {
   width: 296px;
   height: 21px;
   background: url("/image/theme2012/rotator/top_bg.png") repeat-x left top;
   float: left;
}

.content_left .rotator_top_right {
   width: 24px;
   height: 21px;
   background: url("/image/theme2012/index_sprite.png") no-repeat -74px -698px;
   float: left;
}

.content_left .rotator_content_left {
   width: 23px;
   height: 354px;
   background: url("/image/theme2012/rotator/left_bg.png") repeat-y left top;
   float: left;
}

.content_left .rotator_content_bg {
   width: 296px;
   height: 354px;
   background-color: #FFFFFF;
   float: left;
   overflow: hidden;
}

.content_left .rotator_content_bg ul {
   list-style: none;
}

.content_left .rotator_content_bg ul li {
   list-style: none;
   float: left;
}

.content_left .rotator_content_right {
   width: 24px;
   height: 354px;
   background: url("/image/theme2012/rotator/right_bg.png") repeat-y left top;
   float: left;
}

.content_left .rotator_bottom_left {
   width: 23px;
   height: 55px;
   background: url("/image/theme2012/index_sprite.png") no-repeat left -698px;
   float: left;
}

.content_left .rotator_bottom_bg {
   width: 296px;
   height: 55px;
   background: url("/image/theme2012/rotator/bottom_bg.png") repeat-x left top;
   float: left;
}

.rotator_bottom_bg .rotator_paging {
  float: left;
  height: 10px;
  margin: 21px auto;
  position: relative;
}

.rotator_bottom_bg .rotator_paging a {
   display: block;
   width: 10px;
   height: 10px;
   margin: 0 3px 0 2px;
   background: url("/image/theme2012/index_sprite.png") no-repeat -111px -698px;
   float: left;
}

.rotator_bottom_bg .rotator_paging a.current {
   background: url("/image/theme2012/index_sprite.png") no-repeat -100px -698px;
}

.content_left .rotator_bottom_right {
   width: 24px;
   height: 55px;
   background: url("/image/theme2012/index_sprite.png") no-repeat -24px -698px;
   float: left;
}

#content .content_right {
   width: 307px;
   height: 256px;
   position: absolute;
   top: 30px;
   right: 0;
}

.content_right .user_right_top {
   width: 307px;
   height: 41px;
   background: url("/image/theme2012/index_sprite.png") no-repeat left top;
}

.content_right .user_right_top .login_button {
   width: 151px;
   height: 36px;
   float: left;
   cursor: pointer;
}

.content_right .user_right_top .register_button {
   cursor: pointer;
   float: right;
   height: 36px;
   margin-right: 4px;
   width: 151px;
}

.content_right .user_right_content {
   background: url("/image/theme2012/index_sprite.png") no-repeat left -84px;
   height: 208px;
   padding: 4px 0 3px 9px;
   width: 298px;
}

.content_right .user_right_content .register {
   width: 285px;
   height: 198px;
   display: none;
}

.register a {
   text-indent: -5000px;
}

.register a.administrator {
   background: url("/image/theme2012/index_sprite.png") no-repeat left -302px;
   float: left;
   height: 97px;
   margin-right: 2px;
   width: 141px;
   display:block;
}

.register a.administrator:hover {
   background: url("/image/theme2012/index_sprite.png") no-repeat left -401px;
}

.register a.teacher {
   float: left;
   height: 97px;
   width: 141px;
   background: url("/image/theme2012/index_sprite.png") no-repeat -165px -302px;
   display: block;
}

.register a.teacher:hover {
   background: url("/image/theme2012/index_sprite.png") no-repeat -165px -401px;
}

.register a.parent {
   float: left;
   height: 97px;
   margin: 2px 2px 0 0;
   width: 141px;
   background: url("/image/theme2012/index_sprite.png") no-repeat left -500px;
   display: block;
}

.register a.parent:hover {
   background: url("/image/theme2012/index_sprite.png") no-repeat left -599px;
}

.register a.student {
   float: left;
   height: 97px;
   margin-top: 2px;
   width: 141px;
   background: url("/image/theme2012/index_sprite.png") no-repeat -165px -500px;
   display: block;
}

.register a.student:hover {
   background: url("/image/theme2012/index_sprite.png") no-repeat -165px -599px;
}

.content_right .user_right_content .login {
   color: #FFFFFF;
   height: 178px;
   padding: 10px 23px;
   width: 231px;
   margin-left: 5px;
}

.login span {
   display: block;
   font-size: 14px;
   font-weight: bold;
   padding: 5px 0;
}

.login #username, .login #password {
   background: url("/image/theme2012/login_input.png") no-repeat scroll left top transparent;
   border: medium none !important;
   font-weight: bold;
   font-size: 14px;
   height: 27px;
   padding: 0 3px;
   width: 224px;
}

.login .login_button{
	background: url("/image/theme2012/login_button.png") no-repeat scroll left top transparent;
    border: medium none;
    cursor: pointer;
    display: block;
    float: right;
    height: 29px;
    margin: 22px 2px 0 0;
    padding: 0;
    width: 91px;
}

.login .login_button:hover{
	background: url("/image/theme2012/login_button_hover.png") no-repeat scroll left top transparent;
}

.login .login_link {
   float: left;
   margin-top: 20px;
}

.login .login_link a {
   color: #FFFFFF;
   display: block;
   font-size: 11px;
   padding-bottom: 4px;
   text-decoration: underline;	
}

.login .login_link a:hover {
   text-decoration: none;	
}

/* Content End */

/* Support */
#support{
   float: left;
   width: 980px;
   margin:30px 0 10px 10px;
}

#support .support_top{
   background: url("/image/theme2012/support/support_top_bg.png") no-repeat scroll left top transparent;
   float: left;
   height: 7px;
   width: 955px;
   font-size:0;
}

#support .support_bottom{
   background: url("/image/theme2012/support/support_bottom_bg.png") no-repeat scroll left top transparent;
   float: left;
   height: 35px;
   width: 955px;
}

#support .support_bg{
   background: url("/image/theme2012/support/support_bg.png") repeat-y scroll left top transparent;
   float: left;
}

#support .support_left{
   float: left;
   width:643px;
}


#support .support_left .support_left_bg{
   padding: 20px 30px;
   width: 583px;
   float:left;
}

#support .support_left h1{
   padding: 0 0 15px 15px;
   font-size: 24px;
}

#support .support_left .support_box {
   margin-bottom: 25px;
}

#support .support_left .support_box h2{
   background: url("/image/theme2012/support/support_arrow_icon.png") no-repeat scroll 0 6px transparent;
   color: #4896DE;
   font-size: 17px;
   padding: 0 0 5px 15px;
}

#support .support_left .support_box p{
   font-size: 14px;
   padding-left: 15px;
   text-align: justify;
}

#support .support_left .support_box .reset_password{
   float: left;
   padding: 23px 15px 0 50px;
}

#support .support_left .support_box .reset_password .rp_left{
   float: left;
   width: 200px;
}

#support .support_left .support_box .reset_password .rp_left a{
   color: #D66933;
   display: block;
   font-size: 13px;
   padding-bottom: 10px;
   text-decoration: underline;
}

#support .support_left .support_box .reset_password .rp_left span{
   display: block;
   font-size: 13px;
   padding-bottom: 5px;
}

#support .support_left .support_box .reset_password .rp_left input{
   margin: 0 0 10px;
   padding: 5px 0;
   width: 188px;
}

#support .support_left .support_box .reset_password .rp_left input.rp_button{
   background: url("/image/theme2012/support/reset_password.png") no-repeat scroll left top transparent;
   border: medium none;
   cursor: pointer;
   height: 26px;
   text-indent: -5000px;
   width: 148px;
}

#support .support_left .support_box .reset_password .rp_right{
   background-color: #E8F5FC;
   float: left;
   margin: 47px 0 0 11px;
   padding: 15px;
   width: 277px;
}

#support .support_left .support_box .reset_password .rp_right span{
   font-size: 16px;
   font-weight: bold;
}

#support .support_left .support_box .reset_password .rp_right p{
   padding: 0;
   text-align: left;
}

#support .support_right{
   float: left;
   width:311px;
}

#support .support_right .support_right_bg{
   float: left;
   padding: 10px;
   width: 291px;
}

#support .support_right .support_right_bg h3{
   color: #303030;
   padding: 20px 0 10px 30px;
}

#support .support_right .support_right_bg .technic_list ul{
   list-style: none outside none;
   padding-left: 20px;
}

#support .support_right .support_right_bg .technic_list ul li{
   background: url("/image/theme2012/support/bullet_icon.png") no-repeat scroll left 10px transparent;
   font-size: 13px;
   line-height: 23px;
   padding-left: 10px;
}

#support .support_right .support_right_bg .technic_list ul li ul{
   padding-left: 3px;
}

#support .support_right .support_right_bg .technic_list ul li ul li{
   background: none repeat scroll 0 0 transparent;
   padding-left: 0;
}

#support .support_right .support_right_bg .system_list ul{
   list-style: none outside none;
   padding-left: 20px;
}

#support .support_right .support_right_bg .system_list ul li{
   line-height: 23px;
   padding-left: 9px;
   position:relative;
}

#support .support_right .support_right_bg .system_list ul li input{
   position: absolute;
   right: 16px;
   cursor:pointer;
}

#support .support_right .support_right_bg .system_list ul li.true{
   background: url("/image/theme2012/support/true_icon.png") no-repeat scroll left center transparent;
}

#support .support_right .support_right_bg .system_list ul li.false{
   background: url("/image/theme2012/support/false_icon.png") no-repeat scroll left top transparent;
}

#support .support_right .support_right_bg .sss_ballon{
   padding-top: 15px;
   text-align: center;
}

#support .support_right .support_right_bg .live_support{
   text-align: center;
}

/* Support */

/* Eba */
#login_main_frame{
	border: 1px solid #CCCCCC;
   display: block;
   width: 300px;
   margin-top: 5px;
	-webkit-border-radius: 9px;
	-moz-border-radius: 9px;
	border-radius: 9px;
	-webkit-box-shadow:  0 0 15px rgba(0, 0, 0, 0.5);
	-moz-box-shadow:  0 0 15px rgba(0, 0, 0, 0.5);
	box-shadow:  0 0 15px rgba(0, 0, 0, 0.5);
}
#login_main_header{
	height:22px;
	padding:8px 5px 10px 85px;
	font-size:11px;
	font-weight:bold;
	background:url(/image/theme2012/eba/header.jpg) no-repeat left top;
	-webkit-border-radius: 9px 9px 0 0;
	-moz-border-radius: 9px 9px 0 0;
	border-radius: 9px 9px 0 0;
	border-bottom:1px solid #CCC;
}
#window_title{
	width:210px;
	display:block;
	float:left;
	line-height:14px;
}
#login_main_content{
	clear:both;
	background:#FFF;
   padding: 10px 0;
}
#login_main_footer{
	height:20px;
	text-align:right;
	font-size:11px;
	line-height:24px;
	font-weight:bold;
	color:#FFF;
	clear: both;
	background:url(/image/theme2012/eba/footer.jpg) no-repeat left top;
	-webkit-border-radius: 0 0 9px 9px;
	-moz-border-radius: 0 0 9px 9px;
	border-radius: 0 0 9px 9px;
}

#teacher_btn{
	display:block;
	width:166px;
	height:40px;
	padding:20px;
	margin: 0 5px;
   float:left;
	background:url(/image/theme2012/eba/teacher_btn.jpg) no-repeat center center;
	border: 1px solid #CCC;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;   
}
#teacher_btn:hover{
	border: 2px solid #2DAEBF;
	-webkit-box-shadow:  0 0 5px rgba(0, 0, 0, 0.5);
	-moz-box-shadow:  0 0 5px rgba(0, 0, 0, 0.5);
	box-shadow:  0 0 5px rgba(0, 0, 0, 0.5);
	padding:19px;
	cursor:pointer;
}
#teacher_btn a{
	display:block;
	width:205px;
	height:80px;
	margin-left:-20px;
	margin-top:-20px;
}

#eba_meb{
   background:url("/image/theme2012/eba/MEBlogo.gif") no-repeat left center;
   width:80px;
   height:80px;
   float:left;
}
/* Eba */

/* Footer Start */
#footer {
   width: 100%;
   background: url("/image/theme2012/footer_bg.png") repeat-x scroll 0 0 transparent;
   height: 113px;
   position: fixed;
   bottom: 0;
}

#footer.static {
   clear: both;
   position: static;
}

#footer .footer_top {
   height: 83px;
   margin: 0 auto;
   position: relative;
   width: 1000px;
}

#footer .footer_top ul {
   list-style: none;
}

#footer .footer_top ul li {
   float: left;
   height: 83px;
   list-style: none outside none;
   position: relative;
   width: 125px;
}

#footer .footer_top ul li.no_display {
   left: -5000px;
   position: absolute;
}

#footer .footer_top ul li img {
   display: block;
   margin: 16% auto;
}

#footer .footer_bottom {
   width: 980px;
   height: 30px;
   position: relative;
   margin: 0 auto;
   font-size: 11px;
   color: #e1e7ee;
   font-weight: bold;
}

#footer .footer_bottom a {
   font-size: 11px;
   color: #e1e7ee;
   font-weight: bold;
}

#footer .footer_bottom a:hover {
   text-decoration: underline;
}

.footer_bottom .copyright {
   float: left;
   margin-top: 12px;
}

.footer_bottom .nav_links {
   float: left;
   margin-top: 10px;   
   width: 780px;
}

.footer_bottom .nav_links ul {
   list-style: none;
   text-align: center;
}

.footer_bottom .nav_links ul li {
   display:inline;
   padding-right: 3px;
}

.footer_bottom .social {
   float: right;
   margin: 5px 5px 0 0;
}

.footer_bottom .social a {
   text-indent: -5000px;
   margin-left: 5px;
}

.footer_bottom .social a.youtube {
   width: 22px;
   height: 22px;
   background: url("/image/theme2012/headerfooter_sprite.png") no-repeat -513px -71px;
   float: left;
}

.footer_bottom .social a.youtube:hover {
   background: url("/image/theme2012/headerfooter_sprite.png") no-repeat -513px -95px;
}

.footer_bottom .social a.facebook {
   width: 22px;
   height: 22px;
   background: url("/image/theme2012/headerfooter_sprite.png") no-repeat -459px -71px;
   float: left;
}

.footer_bottom .social a.facebook:hover {
   background: url("/image/theme2012/headerfooter_sprite.png") no-repeat -459px -95px;
}

.footer_bottom .social a.twitter {
   width: 22px;
   height: 22px;
   background: url("/image/theme2012/headerfooter_sprite.png") no-repeat -486px -71px;
   float: left;
}

.footer_bottom .social a.twitter:hover {
   background: url("/image/theme2012/headerfooter_sprite.png") no-repeat -486px -95px;
}

/* Footer End */