/*changed, added for new HP tagline and logo */
.tagline3{font-size:14px;color:#00afee}
.tagline4{font-size:14px;color:#f99c1b}
#logo {height:75px;text-align:left; padding-top:4px}
/*changed, added for new HP tagline and logo */

.toplogin{width:90px;height:12px;font-size: 11px}
.loginttl{color:#fff; font-weight:bold; font-size: 11px;text-align:right;}
.hplogin{margin:0px; padding:0px}
a.rounded_buttonsmall_hp{text-decoration:none;font-size:11px;color:#fff;font-weight:bold;}
.rounded_buttonsmall_hp, .rounded_buttonsmall_hp span {background:url(../img/org_buttonsm2_css.gif) no-repeat;}
.rounded_buttonsmall_hp {padding:1px 15px 1px 15px;	background-position:right 0;position:relative}
.rounded_buttonsmall_hp span {background-position:left top;width:15px;height:17px/* <-- change, half -1 */;position:absolute;top:0px;left:0px;display:block;cursor:pointer; /* mostly needed for internet explorer */}
.rounded_buttonsmall_hp:hover {text-decoration:none;	background-position:right -19px/* <-- change, half +1 */;color:#fff;}
.rounded_buttonsmall_hp:hover span {background-position:left bottom;}

/* CSS Document */
*{
  padding:0;
  margin:0;
}
html{
background-color:#FFFFFF;
font-size:62.5%;
font-family:Trebuchet MS;
}
body{
font-size:1.3em;
color:#353535;
text-align:center;
background:url(../img/bg_list.gif) center top  repeat-x;
}
table{
border:none;
}
img{
border:none;
}
img.student{
 border:3px solid #00afec;	
}
img.teacher{
 border:3px solid #EF9D1F;	
}
h1,h2,h3,h4,h5,h6{
color:#EF9D1F;
}
h1{
/*font-size:1.61em;*/
}
h1{
font-size:1.85em;
}
h1.heading{
margin-top:20px;
}
h4{
font-size:1.0em;
}
ul li{
list-style-type:none;
}
.clear{
clear:both;
}
a{
color:#00AFEB;
text-decoration:underline;
}
form{
padding:0;
margin:0px;
}
/*
input{
border:none;
}*/
button{
border:none;
}
.dotted_line,
.right_dotted_line,
.devided_line,
.left_line,
.course_line,
.right_line,
.left_two_line{
background:url(../img/devided_line.gif) repeat-x;
height:1px;
width:520px;
margin-top:10px;
padding-bottom:10px;
}
.devided_line,
.course_line{
float:left;
width:455px;
margin-left:45px;
_margin-left:15px;
padding-bottom:0px;
margin-top:25px;
}
.course_line{
margin-left:22px;
margin-bottom:10px;
}
.right_dotted_line,
.right_line{
width:210px;
float:left;
}
.right_line{
margin-left:20px;
width:180px;
}
.left_line{
width:490px;
margin-top:30px;
}
.left_two_line{
width:500px;
margin-left:10px;
float:left;
}
label{
font-weight:bold;
}
#sanc { 
width:0px; 
height:0px;
border-left:7px solid #FFFFff; 
border-right:7px solid #FFFFff; 
border-bottom:7px solid #F68F18;
font-size:0;
}
 ul.arrow_home,
 ul.arrow_course,
 ul.arrow_teacher,
 ul.arrow_student,
  ul.arrow_school,
  ul.arrow_community{
 position:relative;
 top:-21px;
 _margin-top:-4px;
 left:38px;
 width:7px;
 }
 ul.arrow_course{
left:125px;
 }
  ul.arrow_teacher{
  left:228px;
  }
  ul.arrow_school{
  left:330px;
  }
  ul.arrow_student{
  left:430px;
  }
  ul.arrow_community{
 left:468px;
  }
  .notice_error,
  .notice_correct{
  color:#FFFFFF;
  border: 1px solid #CC9999;
  background-color: #CC0000;  
  padding: 2px;
  margin-bottom:6px;
  text-align:center;
  margin-top:2px;
  clear:both;
  font-size:14px;
  }
  .notice_correct{
  color: #006600;
  border: 1px solid #99CC99;
  background-color: #E2F9E3;
  }
  .notice1{
  color:red;
  margin-bottom:15px;
  }
/********************** Layout ************************/
#wrapper{
  width:790px;
  /*background-color:#F0EBCE;*/
  margin:0 auto;
  margin-top:10px;
  margin-bottom:10px;
  text-align:left;
}
#wrapper_top{
width:790px;
height:15px;
background:#ffffff url(../img/wrapper_top.gif) no-repeat;
  overflow:hidden;
}
#wrapper_middle{
 width:78px;
  /*background-color:#F0EBCE;*/
  margin-left:5px;
  height:auto;

}
#wrapper_bottom{
width:790px;
height:15px;
background:#FFF9D7 url(../img/wrapper_bottom.gif) no-repeat;
margin-top:-10px;
}
#inner_wrapper{
width:780px;
/*margin-top:-9px;*/
/*background:#ffffff;*/
overflow:hidden;
height:auto;
position:relative;
}
#header,
#header_book{
width:779px;
height:130px;
/*background-color:#F5F5F5;*/
position:relative;
overflow:hidden;
padding-left:1px;
padding-right:1px;
background-color:#fff;

}
#header_middle{
background:  url(../img/header_bg.gif) repeat-x;
width:778px;
float:left;
}
/*#header_book{
height:100px;
}*/

#content_nobg{
width:780px;
float:left;
background:url(../img/content_bg.gif) repeat-y;
}

#content_nobg{
background:none;
margin-bottom:25px;
}
#center{
width:730px;
height:auto;
margin-left:25px;
margin-top:16px;
}
#center_top{
width:730px;
height:10px;
background:url(../img/center_top_bg.jpg) no-repeat;
overflow:hidden;
}
#center_middle{
width:730px;
background:url(../img/center_bg.gif) repeat-x;
height:auto;
overflow:hidden;
}

#bottom{
float:left;
_float:none;
width:780px;
overflow:hidden;
}
#bottom_left{
background:url(../img/bottom_left.gif) no-repeat;
width:9px;
height:39px;
float:left;
}
#bottom_middle{
background-color:#e5e5e5;
width:762px;
height:39px;
float:left;
color:#656565;
overflow:hidden;
}
ul#bottom_menu{
float:right;
line-height:39px;
}
ul#left_bottom_menu{
float:left;
line-height:39px;
margin-left:10px;
}
ul#left_bottom_menu li,
ul#bottom_menu li,
ul#bottom_menu li.last{
float:left;
list-style:none;
line-height:39px;
height:20px;
}
ul#bottom_menu li a,
ul#bottom_menu li a.last{
color:#00afeb;
margin-left:10px;
padding-right:10px;
font-size:11px;
border-right:1px dotted #656565;
}
ul#left_bottom_menu li a{
 border-left:1px solid #656565;
 border-right:none;
 padding-left:10px;
 margin-right:10px;
 color:#656565;

}
ul#bottom_menu li a.last{
border-right:none;
}
#bottom_right{
background:url(../img/bottom_right.gif) no-repeat;
width:9px;
height:39px;
float:left;

}
#bottom_middle span{
line-height:39px;
float:left;
color: #656565;
font-weight:bold;
}
/********************* Header *************************/
#logo{
width:227px;
height:73px;
margin-top:17px;
margin-left:15px;
float:left;
}
#header ul#top_menu{
position:absolute;
right:8px;
z-index:1;
top:5px;
}
#header ul#top_menu li{
float:left;
padding-right:10px;
padding-left:10px;
background:url(../img/top_menu_dotted_line.gif) repeat-y;
}
#header ul#top_menu li.first{
background:none;
}
#search{
float:right;
position:relative;
top:-90px;
right:1px;
}
#search_left{
width:9px;
height:44px;
background: url(../img/search_left.gif) no-repeat;
float:left;
}
#search_right{
float:left;
background-color:#e2e2e2;
height:44px;
width:285px;
}
#search_right input{
border:1px solid #8F8F8F;
margin-top:10px;
margin-left:10px;
}
#search_right #search_button{
background:url(../img/search_button.gif) no-repeat;
width:75px;
height:20px;
border:none;
color:#ffffff;
cursor:pointer;
}
ul#main_menu{
float:left;
margin-top:10px;
_float:none;
width:780px;
}
ul#main_menu li{
float:left;
padding-left:11px;
padding-right:11px;
line-height:26px;
}

a#home_menu,
a#home_menu:hover,
a#home_menu_selected{
background:url(../img/home_normal.gif) no-repeat;
width:55px;
height:11px;
float:left;
}
a#home_menu:hover,
a#home_menu_selected{
background:url(../img/home_selected.gif) no-repeat;
}
a#course_menu,
a#course_menu:hover,
a#course_menu_selected{
background:url(../img/course_normal.gif) no-repeat;
width:76px;
height:11px;
float:left;
}
a#course_menu:hover,
a#course_menu_selected{
background:url(../img/course_selected.gif) no-repeat;
}
a#teacher_menu,
a#teacher_menu:hover,
a#teacher_menu_selected{
background:url(../img/teacher_normal.gif) no-repeat;
width:83px;
height:11px;
float:left;
}
a#teacher_menu:hover,
a#teacher_menu_selected{
background:url(../img/teacher_selected.gif) no-repeat;
}
a#student_menu,
a#student_menu:hover,
a#student_menu_selected{
background:url(../img/student_normal.gif) no-repeat;
width:85px;
height:11px;
float:left;
}
a#student_menu:hover,
a#student_menu_selected{
background:url(../img/student_selected.gif) no-repeat;
}
a#school_menu,
a#school_menu:hover,
a#school_menu_selected{
background:url(../img/school_normal.gif) no-repeat;
width:78px;
height:11px;
float:left;
}
a#school_menu:hover,
a#school_menu_selected{
background:url(../img/school_selected.gif) no-repeat;
}
a#community_menu,
a#community_menu:hover,
a#community_menu_selected{
background:url(../img/community_normal.gif) no-repeat;
width:101px;
height:11px;
float:left;
}
a#community_menu:hover,
a#community_menu_selected{
background:url(../img/community_selected.gif) no-repeat;
}
ul#main_menu  li.inviate_friend {
background:url(../img/inviatedFriend_button.gif) no-repeat;
width:108px;
height:20px;
float:right;
cursor:pointer;

margin-top:-6px;
margin-bottom:4px;
z-index:100;
position:relative;
}
ul#main_menu  li.inviate_friend a{
background:none;
cursor:pointer;
width:108px;
height:20px;
position:relaive;
float:right;
}
#top_banner{
width:780px;
height:14px;
background:url(../img/top_banner.gif) repeat-x;
border-top:1px solid #D2D2D2;
}

/*======================RE-DESIGN=====================*/
/* Header*/
#header_new {position:relative;text-align:left;height:84px;padding-top:17px;}
#logo_new {height:66px;text-align:left;}
#abovetopnav {position:absolute;right:0;top:0;background:#fd9b18;width:100%}
#topnav {position:absolute;right:0;top:8;background:#00afee;width:100%; text-align:right;text-decoration:none;}

#tabs {width:520px;margin:0 auto;font-weight:bold;}

/*
#tabs a {display:block;float:left;background:url(../img/menu-tab.gif) top left no-repeat;height:30px;width:80px;color:#154e77;margin-right:5px;padding-top:4px;font-size:13px;text-decoration:none;}
#tabs a:hover {background:url(../img/menu-tab-hover.gif) top left no-repeat;color:#000}
#tabs a.selected {background:url(../img/menu-tab-hover.gif) top left no-repeat;color:#000}
#tabs a.last {margin:0}
*/
/* Menu tabs*/
#tabs a {display:block;float:left;background:url(../img/menu-tab-blue.gif) top left no-repeat;height:22px;width:80px;color:#fff;margin-right:5px;padding-top:4px;font-size:13px;text-decoration:none;}
#tabs a:hover {background:url(../img/menu-tab-hover.gif) top left no-repeat;color:#000}
#tabs a.selected {background:url(../img/menu-tab-hover.gif) top left no-repeat;color:#000}
#tabs a.last {margin:0}

/*Footer*/
#footer {width:965px;text-align:left;font-size:12px;color:#001d28;margin:20px 0px 20px 0px;}
.floatLeft {float:left}
.floatRight {float:right}



a {color:#00719d;text-decoration:underline;}
a:hover {text-decoration:none;}