/* index */

#container_wrapper {background: url(/admissions/images/default/container_bg.png) left bottom no-repeat scroll; padding-bottom: 4px;}
#container {background-color: #FFF; padding: 15px 0 40px;}
.introduction {width: 840px; margin: 20px auto;}
.content {width: 840px; margin: 0 auto; padding-top: 20px;}
.additional, .admissions, .login_area, login_area_eng {float: left;}
.additional {width: 200px; margin-right: 40px;}
.admissions {width: 360px; margin-right: 40px;}
.additional li, .admissions li {padding-bottom: 6px; line-height: 1.5;}
.additional li a, .additional li a:link, .admissions li a, .admissions li a:link {color: #666; line-height: 1.5;}
.additional li a:visited, .admissions li a:visited {color: #666;}
.additional li a:hover, .admissions li a:hover {color: #0D459A;}
.additional li a:active, .admissions li a:active {color: #E2640E;}
.additional li {list-style: disc outside; margin-left: 18px; color: #666;}
.admissions li a {display: block; background: url(/admissions/images/default/icon_doc.gif) left 1px no-repeat; padding-left: 18px;}
.login_area, .login_area_eng {width: 200px;}
.login_area li a, .login_area_eng li a {display: block; height: 54px; width: 200px; background: url(/admissions/images/default/login_area.png) no-repeat scroll;
  font: 0/0 Arial; overflow: hidden; margin-bottom: 10px;}
.login_area li.dual_degree a {background-position: 0 0;}
.login_area li.degree a {background-position: 0 -54px;}
.login_area li.abroad a {background-position: 0 -108px;}
.login_area li.coordinator a {background-position: 0 -162px;}
.login_area li.dual_degree a:hover {background-position: -200px 0;}
.login_area li.degree a:hover {background-position: -200px -54px;}
.login_area li.abroad a:hover {background-position: -200px -108px;}
.login_area li.coordinator a:hover {background-position: -200px -162px;}
.login_area_eng li.dual_degree a {background-position: 0 -216px;}
.login_area_eng li.degree a {background-position: 0 -270px;}
.login_area_eng li.abroad a {background-position: 0 -324px;}
.login_area_eng li.coordinator a {background-position: 0 -378px;}
.login_area_eng li.dual_degree a:hover {background-position: -200px -216px;}
.login_area_eng li.degree a:hover {background-position: -200px -270px;}
.login_area_eng li.abroad a:hover {background-position: -200px -324px;}
.login_area_eng li.coordinator a:hover {background-position: -200px -378px;}

/* page */

#container_page {background-color: #FFF; padding: 30px 0 40px;}
#container_page .container_inner {background: url(/admissions/images/default/main_bg.gif) repeat-y 655px top scroll; margin-bottom: 10px;}
.announcement {width: 840px; margin: 0 auto;}
.announcement li {margin-left: 18px; list-style: outside disc;}
#container_page .main {width: 585px; float: left; margin: 0 14px 0 40px; padding-right: 30px;}
#container_page .side {width: 200px; float: left; padding-right: 30px;} 
.main h1.article_title {font-size: 1.4em; padding: 20px 0 10px 0; color: #0D459A; line-height: 1.5;}
.main .posted_time {margin-bottom: 10px; color: #aaa;}
.registration {float: left; width: 390px; padding-right: 30px;}
.registration .section {background: url(/admissions/images/default/registration_img.gif) left 20px no-repeat scroll;
  height: 100px; padding: 20px 0 0 100px; margin-left: 20px;}
.login {float: left; width: 390px; padding-left: 29px; border-left: 1px solid #9EB5D7;}
.login .section {padding-top: 20px;}
.login .field {margin-bottom: 12px; position: relative; text-align: justify;}
.login .field .note {color: #999; font-size: 0.9em; padding-top: 2px;}
.login .field label { margin-top: 4px; text-align: right;  _margin-left: -120px; /* fix ie6 hack */}
.login .patch img {vertical-align: middle;}
.login .forget_password {background: url(/admissions/images/default/icon_question.png) left center no-repeat scroll; 
  color: #EE6060; margin-left: 20px; padding-left: 20px;}
#container .f_left {float: left; width: 390px; padding-right: 30px;}
#container .f_left_360 {float: left; width: 360px; padding-right: 30px;}
#container .f_right {float: right; width: 390px; padding-left: 30px;}
#container .f_left .button {font-size: 18px; padding: 10px 0 30px 0; margin-left: 90px;}
#container .f_right .button {font-size: 18px; padding: 10px 0 30px 0;}
.btn_icon {vertical-align: middle;}
.link_icon {background: url(/admissions/images/default/icon_link.gif) left 2px no-repeat scroll; padding-left: 16px;}
.IE7_fix {clear: both;}


/* toolbar */

.toolbar {position: relative; height: 32px;}
.toolbar .btn_area {padding-top: 2px;}
.toolbar .btn_area a {margin-right: 16px; vertical-align: middle;}
.toolbar .step {position: absolute; right: 0; top: 0;}
.toolbar .step .step_btn {background-image: url(/admissions/images/default/icon_step.png); background-repeat: no-repeat;
  height: 32px; line-height: 32px; color: #3B8400; display: inline-block;}
.toolbar .step .step_btn:hover {color: #3B8400; text-decoration: none;}
.toolbar .step .next {background-position: right 0; margin-left: 20px; padding-right: 38px;}
.toolbar .step .next:hover {background-position: right -32px;}
.toolbar .step .prev {background-position: left -64px; padding-left: 38px; }
.toolbar .step .prev:hover {background-position: left -96px;}
.toolbar .step .space_line {display: inline-block; height: 32px; vertical-align: middle; width: 20px; border-right: 1px dotted #CCC;}

/* data table */

.container_data {padding: 20px 0 30px;}
.container_data .required { padding-bottom: 5px; color: #E2640E;}
.container_data table {width: 100%; background-color: #FFF; border-left: 1px solid #ddd; border-right: 1px solid #ddd;}
.container_data th {background-color: #CFDAEB; border: 1px solid #CFDAEB; border-bottom-color: #9EB5D7; height: 34px; text-align: left; line-height: 34px;
  padding-left: 10px; color: #0D459A;}
.container_data td {background: #f2f2f2 url(/admissions/images/default/td_bg.gif) left bottom repeat-x scroll; height: 30px; padding: 5px 10px; border-bottom: 1px solid #ddd;}
.container_data .first_row td {padding-top: 20px;}
.container_data .label {text-align: right; width: 200px; min-width: 200px;}
.container_data .note {color: #888; font-size: 93%; padding: 3px 0 0 5px;}
.container_data .indication img {padding-left: 2px; vertical-align: text-bottom;}
.container_data .btn_area a {margin: 0 8px; vertical-align: middle;}
.container_data .first_column {border-left: none;}
.container_data .no_data {text-align: center; border-left: none; height: 50px; line-height: 50px;}
.container_data .text_c {text-align: center;}
.container_data .text_r {text-align: right;}
.container_data .text_l {text-align: left;}
/* tA style */
.container_data .tA {margin-bottom: 20px;}
.container_data .tA .nowrap th {white-space: nowrap;}
.container_data .tA th {text-align: center; white-space: nowrap; padding: 6px 10px; height: 20px; line-height: 1.4;}
.container_data .tA td {border-left: 1px solid #CCC;}

/* .tab_section */

.tab_section {border-bottom: 2px solid #3d6aae; height: 32px; padding-left: 7px;}
.tab_section li {float: left; padding: 0 3px; text-align: center;}
.tab_section li a, .tab_section li a span {background: url(/admissions/images/default/nav_bg.gif) no-repeat scroll;}
.tab_section li a {background-position: left -400px; color: #777; display: block; font-size: 1em; padding-left: 10px;
  position: relative; text-decoration: none !important; _display: inline-block; /* IE6 hack */}
.tab_section li a span {background-position: right -400px; display: block; height: 32px; line-height: 32px; text-indent: -10px;
  padding: 0 10px; _display: inline-block; /* IE6 hack */}
.tab_section li a:hover {background-position: left -350px; color: #0D459A; cursor: pointer;}
.tab_section li a:hover span {background-position: right -350px; cursor: pointer;}
.tab_section li a.active {background-position: left -300px; color: #FFF; font-weight: bold;}
.tab_section li a.active span {background-position: right -300px;}

li.horizontal {
    float: left;
    margin-right: 10px;
    width: auto;
}

.span1 {
    width:180px;
}

.span3 {
    width:280px;
}

.span5 {
    width:380px;
}

.error {color: red;}