/* Global nav */

/* #header */

#wrapper {width: 900px; margin: 0 auto;}
#header {background: #FFF url(/admissions/images/default/header_bg.png) 0 0 no-repeat scroll; position: relative; height: 182px;}
#wrapper .h_high {height: 232px;}
#header .logo {position: absolute; top: 60px; left: 10px; height: 60px; width: 415px; color: #0D459A;}
#header .logo:hover, #header .logo:active {color: #0D459A; text-decoration: none;} 
#header .logo .school {font: 0/0 Arial; overflow: hidden;}
#header .logo .department_ENG {position: absolute; top: 35px; left: 80px; font-weight: bold; font-size: 0.9em;}
#header .logo .department {position: absolute; top: 35px; left: 83px; font-weight: bold; font-size: 1.2em; letter-spacing: 0px;}

/* .language */

.language {position: absolute; right: 7px; top: 20px; font-size: 0.9em; line-height: 1;}
.language .space {display: inline-block; border-left: 1px dotted #CCC; width: 5px; height: 13px; margin-left: 5px; vertical-align: bottom;}
.language .here {color: #666; cursor: default;}
.language a:hover {text-decoration: none;} 

/* .member */

.member {position: absolute; right: 7px; top: 110px; text-align: right; font-size: 0.9em; line-height: 1; #line-height: normal;}/* #line-height: normal for IE7 hack */
.member span {padding: 0 8px; border-right: 1px dotted #CCC; color: #666;}
.member a {padding: 0 8px;}
.member a:hover {text-decoration: none;}

/* .nav */

.nav {background: url(/admissions/images/default/nav_bg.gif) 0 0 no-repeat scroll; position: relative; top: 140px; height: 42px;
  width: 850px; margin: 0 auto; padding-left: 50px; z-index: 999;}		
.nav li.home a {width: 24px; height: 20px; padding: 0; margin: 11px 30px 11px 28px; display: inline;
  background: url(/admissions/images/default/home.gif) 0 0 no-repeat scroll;}
.nav li.home a:hover {background-position: 0 -20px;}
.nav li.home, .nav li.home:hover {background-color: #3D6AAE; height: 42px; border: none;}
.nav li {font-weight: bold; zoom: 1; list-style: none;}
.nav li a {display: block; padding: 0 30px 0 10px; height: 42px; font-size: 1.15em; line-height: 2.9; float: left; white-space: nowrap;}
.nav li.hover, .nav li:hover {background: #CFDAEB; position: relative; border-top: 2px solid #3D6AAE;}
/* level two */
.nav ul {width: 180px; visibility: hidden; position: absolute; top: 40px; left: 0; background: #CFDAEB;
  padding: 0 10px 5px 10px; border-bottom: 1px solid #9EB5D7; margin-left: 0;}
.nav ul li.hover, .nav ul li:hover {border: none;}
.nav ul li a {color: #0D459A; text-decoration: none; font-size: 1em; height: 26px; line-height: 1.4; padding: 10px 0 0 0; vertical-align: baseline;}
.nav ul li a:visited {color: #0D459A;}
.nav ul li a:hover {color: #6E8FC2;}
 /* IE 6 & 7 Needs Inline Block */
.nav ul li a {width: 100%; display: inline-block; float: none;} 
/* .megamenu */
.megamenu a.mm-item-link:link, .megamenu a.mm-item-link:visited {color: #FFF; text-decoration: none;}
.megamenu a.mm-item-link-hover:link, .megamenu a.mm-item-link-hover:visited {color: #0D459A;}
/* English Version */
#header .nav_eng {padding-left: 25px; width: 880px; z-index: 999;}
#header .nav_eng li.home a {height: 20px; margin: 11px 0; padding: 0 10px 0 0;}
#header .nav_eng li a {padding: 0 10px; height: 42px; font-size: 1em; line-height: 3.4;}
#header .nav_eng ul {width: 190px; padding: 0 10px 5px 10px;}
#header .nav_eng ul li a {padding: 10px 0 0 0; font-size: 1em; height: 26px; line-height: 1.4; white-space: normal;}

/* .nav_system */

.nav_system {background: url(/admissions/images/default/nav_bg.gif) 0 -50px no-repeat scroll; position: absolute; height: 42px;
  width: 900px; margin: 0 auto; z-index: 999;}
.top_190 {top: 190px;}
.top_140 {top: 140px;}
.nav_system ul {height: 42px; margin: 0;}
.nav_system ul li {float: left; list-style: none; line-height: 42px; display: block; font-weight: bold; padding: 0 20px 0 15px; color: #0D459A;}
.nav_system ul li a {color: #0D459A;}
.nav_system ul li a:hover {text-decoration: none; color: #6E8FC2;}
.nav_system ul li.current, .nav_system ul li.done, .nav_system ul li.first span, .nav_system ul li.last span {
  background: url(/admissions/images/default/step_mark.gif) 0 0 no-repeat scroll;} 
.nav_system ul li.current {background-position: right -50px; color: #FFF;}
.nav_system ul li.done {background-position: right top; color: #FFF;}
.nav_system ul li.first {position: relative;}
.nav_system ul li.first span {position: absolute; top: 0; left: 0; background-position: left -100px; display: inline-block; width: 5px; height: 42px;}
.nav_system ul li.last {background-color: #3D6AAE; color: #FFF;}
.nav_system ul li.current a, .nav_system ul li.done a, .nav_system ul li.last a {color: #FFF;}
.nav_system ul li.current a:hover, .nav_system ul li.done a:hover, .nav_system ul li.last a:hover {color: #CFDAEB;}
#header .dark_bg {background: url(/admissions/images/default/nav_bg.gif) 0 0 no-repeat scroll;}
#header .system_eng li {padding: 0 10px 0 5px; font-size: 93%;}
#header .system_eng li.first {padding-left: 10px;}

/* .menu_tab */

.menu_tab {background: url(/admissions/images/default/nav_bg.gif) 0 0 no-repeat scroll; position: absolute; top: 140px; height: 42px;
  width: 900px; margin: 0 auto; z-index: 999;}
.menu_tab_bg {background: url(/admissions/images/default/nav_bg.gif) 0 -50px no-repeat scroll; position: absolute; top: 140px; height: 42px;
  width: 900px; margin: 0 auto; z-index: 999;}
.menu_tab .tabs {margin-left: 7px; padding-top: 6px;}
.menu_tab .tabs li {float: left; padding: 0 3px; text-align: center;}
.menu_tab .tabs li a, .menu_tab .tabs li a span {background: url(/admissions/images/default/nav_bg.gif) no-repeat scroll;}
.menu_tab .tabs li a {background-position: left -200px; color: #3D6AAE; display: block; font-size: 1em; padding-left: 10px;
  position: relative; text-decoration: none !important; _display: inline-block; /* IE6 hack */}
.menu_tab .tabs li a span {background-position: right -200px; display: block; height: 36px; line-height: 36px; text-indent: -10px; white-space: nowrap;
  padding: 0 10px; _display: inline-block; /* IE6 hack */}
.menu_tab .tabs li a:hover {background-position: left -250px; color: #0D459A; cursor: pointer;}
.menu_tab .tabs li a:hover span {background-position: right -250px; cursor: pointer;}
.menu_tab .tabs li a.active {background-position: left -150px; color: #3d6aae; font-weight: bold;}
.menu_tab .tabs li a.active span {background-position: right -150px;}

/* #footer */

#footer {background: url(/admissions/images/default/footer_bg.gif) left bottom no-repeat scroll; padding-bottom: 60px; position: relative;}
#footer .contact li, #footer .links li {list-style: none;}
#footer .contact {margin: 10px 0 0 30px; color: #666;}
#footer .contact span {margin-right: 10px; display: inline;}
#footer .links {position: absolute; top: 0; right: 30px; margin-left: 0;}
#footer .links span {line-height: 1;}
#footer .links a:hover {text-decoration: none;}
#footer .links .space {border-right: 1px dotted #3D6AAE; padding-right: 8px; margin-right: 8px; display: inline;}
.footer_bottom {width: 100%; height: 20px; background-color: #325AA4;}
