@import url("/web/css/submenu.css");

body{background-color:#FFFFFF; margin:0; padding:0; font-size: 0.75em; font-family: "ËÎÌå","Arial", "Verdana", "helvetica", sans-serif;}
*{box-sizing: content-box;}
img{border:none;}
p{margin:0; margin-bottom:15px; padding:0;}
form, table, tr, th, td {
  margin: 0;
  padding: 0;
  /* border: none; */
  border-collapse: collapse;
}
input{margin:0; padding:0;}
input.text,
input.checkbox,
input.radio,
select{vertical-align:middle;}
input.checkbox{margin-left:-3px;}
input.checkbox_top{margin-top:-3px;}
input.radio{margin-left:-4px;}
input.radio_top{margin-top:-4px;}
td.radio_cell{width:5px;}
td{vertical-align:top; text-align:left;}
a{color:#183473;}
a:hover{text-decoration:none;}
a.revLine{text-decoration:none;}
a.revLine:hover{text-decoration:underline;}
ul, ol, dl{margin:0; padding:0;}
ul li{padding:0; margin:0 0 3px 15px;}
ol li{padding:0; margin:0 0 3px 35px;}
dt{font-weight:bold;}
dd{margin-bottom:15px;}
hr{height:1px;}

.fullWidth {width:100%;}
/******* modules *********/
.onChangeSubmitButton{display:none;}
/*#logo{position:absolute; left:19px; top:11px; z-index:1000;}*/
#logo{float:left; margin-left:12px; margin-top:16px; padding:0;}
/*#langMenu{position:absolute; text-align:right; width:745px; top:0; margin-bottom:10px;}*/
#langMenu{float:right; text-align:right;  margin-right:10px; font-size:90%; line-height:180%;}
#langMenu a{text-decoration:none;}
#langMenu a:hover{text-decoration:underline;}
#link_to_other{font-weight:bold;}
#quickLinkForm{display:inline;}
#topPane #quickLinkForm{margin-left:15px;}
#quickLinkForm select{font-size:smaller;}
#quickLinkSubmit {display:none;}
#searchForm label{font-size:90%;}
#searchForm input.text{width:107px; font-size:90%;}
#searchForm input.img{vertical-align:middle;}
#menu{position:absolute; text-align:right; top:0;}
#skipMenu{display:none;}
/*
#menu table{width:600px; height:100px; text-align:right; margin-left:194px;}
#menu td{border:1px solid black;}
*/
#menu table{text-align:right; margin-left:211px;}
#topPane{height:123px;}
.top_button{display:inline; position:relative; top:-3px;}
.top_button_l{background:#FFCC00 url('/web/img/com/button/orange_l.gif') no-repeat bottom left; padding-left:21px;}
.top_button_c{background-color:#FFCC00; padding-top:5px; padding-bottom:5px; vertical-align:center;}
.top_button_r{background:#FFCC00 url('/web/img/com/button/orange_r.gif') no-repeat bottom right; padding-right:21px;}
#announcement{background-color:#FFCC00; border:2px outset yellow; padding:0 5px 5px 5px; position:absolute; z-index:500; top:20px; left:20px; width:650px; text-align:left; font-size:120%;}
#announcement_title{float:left; font-weight:bold; }
#announcement_close_button{float:right; text-align:right; display:block; font-size:85%; margin-left:15px;}
#announcement_content{padding:0 5px 10px 5px; height:300px; overflow:auto;}
#instituteSelectFormContainer{margin-top:5px; margin-bottom:10px; text-align:right;}
#instituteSelectForm select{font-size:smaller;}
#instituteSelectSubmit{display:none;}
h1{margin:0; padding:0; font-size:140%;}
h2{font-size:125%; margin-bottom:5px; padding-top:10px;}
h3{font-size:110%; margin-top:5px; margin-bottom:5px;}
#breadcrumb {font-size:90%; text-align:right; height:45px; float:right; overflow:visible;}
#pageTitlePane > #breadcrumb {height:auto; min-height:45px;}
/*
#breadcrumbCurrentPage {font-weight:bold; white-space:nowrap;}
.breadcrumbItem{white-space:nowrap;}
*/
#breadcrumbCurrentPage {font-weight:bold;}
.breadcrumbItem{}
#pageTitle h1 {margin:0;}
#pageTitle h2 {margin:0; margin-top:10px;}
#print{margin-top:5px; text-align:right; clear:both; font-size:90%; margin-bottom:10px;}
#print img{vertical-align:middle; margin-right:3px;}
/* this causes overflow error on IE7 beta 2
#core{height:400px; min-height:400px; overflow:visible; clear:both;}
*/
#core{min-height:400px; clear:both;}
#main{float:left; margin-left:40px; width:515px;}
#footer_form{text-align:right; padding-top:43px; padding-bottom:7px; padding-right:15px; background-repeat:no-repeat; background-position:bottom left;}
#footer_2{background-color:#FFFFFF;}
#footer_logo{display:none;}
#logo_25{/*margin-right:5px;*/margin-right:9px;}
#footer_logo_25{margin-right:5px;}
#footer_text_browser {float:left; font-size:80%; line-height:180%; padding:8px 10px 8px 15px;}
#footer_text{text-align:right; float:right; font-size:80%; line-height:180%; padding:8px 15px 8px 5px;}
#lastUpdated{display:none; float:left; font-size:80%; margin-left:15px;}
.toTop {font-size:90%; text-align:right;}
.toTop img{margin-right:5px; vertical-align:middle;}
/*.toTop {font-size:90%;  text-align:right; padding-left:10px; background:url('/web/img/com/bullet/up.gif') no-repeat center left;}*/
#back_and_top .toTop{display:inline; margin-right:20px;}
.module{margin-bottom:15px;}
.clearer {clear: both; font-size: 0px;}
.pipe{margin-left:3px; margin-right:3px;}

.btn .l{background:url("/web/img/com/button/blue_l.gif") 0 0 no-repeat;}
.btn .r{background:url("/web/img/com/button/blue_r.gif") 100% 0 no-repeat;}
.btn .m{background:url("/web/img/com/button/blue_m.gif") 0 0 repeat-x;}
.btn a{color:#FFF; font-size:80%; padding:2px 10px;}
/******* 3-column *********/
#all{width:760px;}
#all_home{width:760px;}
#subMenuPane {float: left;}
/*
#content{float: left; margin:0 7px; width:440px; background-color:yellow}
#more {float: right; width: 190px; border:1px solid black;}
*/
#content{margin-bottom:15px;}
#more {float: right; margin-top:20px;}

/*** template/dual.jsp ***/
.dual_pane{float:left; width:49%;}

/*** contentType/video.jsp ***/
/*#media_activex {visibility:hidden;}*/

/*** contentType/campus_life.jsp, student_ach.jsp, trc_centre_desc ***/
.campus_life {margin-bottom:30px;}
.campus_life_img {float:left;}
.campus_life_img_right {margin-left:15px; margin-bottom:5px; float:right;}
.campus_life_img_right img {margin-bottom:15px;}
.campus_life_img img {display:block; margin-right:15px; margin-bottom:15px;}
.campus_life_text_left{}

/*** contentType/yc_event_detail.jsp ***/
/*
.yc_event_img{float:left; width:30%; margin-right:15px; margin-bottom:15px;}
.yc_event_img img{width:150px;}
*/
.yc_event_img{width:30%; padding-right:15px; padding-bottom:15px;}

/*** contentType/discipline.jsp ***/
#disciplineSelectForm{margin-left:15px; margin-top:5px; float:right;}
#disciplineSelectForm select{font-size:smaller;}

/*** contentType/institute_intro.jsp ***/
.institute_intro_header{float:left;}
.institute_intro_img{float:right; margin-left:15px;}

/*** contentType/certCourse.jsp, yc_course.jsp, degree_course.jsp ***/
.course_table{width:100%;}
.course_table th{border-bottom:1px solid #000; padding-right:5px; white-space:nowrap;}
.course_table td{padding-right:5px; padding-top:5px; padding-bottom:5px;}
td.course_table_code {width:10%;}
td.course_table_header {width:40%;}
td.course_table_campus {width:40%;}
td.course_table_fee {width:10%;}

/****** event list ******/
.eventList {clear:both;}
.eventList dt{float:left; width:125px; clear:left;}
.eventList dd{float:left; width:370px; margin-left:15px; margin-bottom:5px;}

/****** event ******/
.event_img {margin-top:15px;}
.event_img img {margin-right:10px; float:left;}
.event_img_caption {font-size:90%; vertical-align:bottom;}
dl.event dd {margin-left:0;}
.eventPicHighlightList{float:none; clear:both;}
.eventPicHighlightList img{margin-bottom:2px;}
.eventPicHighlightLink{clear:both;}
.eventTitle{font-weight:bold;}
.eventDate{font-style:italic;}
.eventPicThumbnailList{clear:both; width:535px;}
.eventPicThumbnail{float:left; margin-right:27px; margin-bottom:23px;}
.eventPicThumbnailPic{display:block;}
.eventPicThumbnailBullet{float:left; clear:left;}
.eventPicThumbnailDesc{float:left;}

/****** event ******/
.job_list{list-style:none; margin-left:0; padding-left:0;}
.job_list li{margin-left:0; padding-left:0; margin-bottom:25px;}
.job_list_institute{padding:3px; background-color:#00579A; color:#FFF;}
.job_list_link {text-decoration:none;}
.job_deadline{padding:3px; background-color:#00579A; color:#FFF;}

/****** course ******/
.course_list {width:100%; border-width:1px; border-style:solid;}
.course_list th {text-align:left; vertical-align:top; width:20%;}
.course_list th, .course_list td {border-width:1px; border-style:solid; padding:5px;}
.course_code {background-color:#DEDEDE;}

/****** contact_details ******/
.contact_details {margin-right:15px; margin-bottom:5px; border:1px solid #FFF;} /* must have, otherwise item separation too wide */
.contact_details_logo {float:left; margin-top:15px; width:51%;}
.contact_details_text {float:left; max-width:270px;}
.contact_details_inline {float:left; width:45%;}
.contact_details_inline .contact_details_text{width:240px;}
.clearer img {border:1px solid #FFF; padding:0;} /* must have, otherwise item separation too wide */
.contact_details th{text-align:left; vertical-align:top; padding-right:15px;}
.contact_details td{padding-bottom:15px;}
.contactus_asterisk {}

/****** expert_list ******/
.expert_list {list-style:none;}
.expert_list li {margin-left:0; margin-bottom:15px; font-weight:bold;}
.expert_list ul {list-style:disc;}
.expert_list ul li {margin-left:25px; margin-bottom:3px; font-weight:normal;}
.expert_detail_1 {margin-bottom:25px;}

/****** search result ******/
#searchFormOnResultPage input.text{width:90%;}
#searchResult li{margin-bottom:10px;}

/****** pagination ******/
.pageList .list{vertical-align:middle;}
.pageList .currentPage{text-decoration:none; font-weight:bold;}
.pageList_l{margin-right:10px; vertical-align:middle;}
.pageList_r{margin-left:10px; vertical-align:middle;}
.pageListDelimiter{padding-left:2px; padding-right:2px;}

/****** institute_desc ******/
.institute_folder{float:left; display:inline;}
.institute_logo{float:right;}
.institute_photo{float:left; width:30%; margin-right:15px; margin-bottom:15px;}
.institute_list_item{float:left; width:30%; margin-right:15px; margin-bottom:25px;}
.institute_list_item_photo{display:block;}

/****** alumni ******/
#alumni_banner {float:right; margin-left:15px;}
#alumni_banner img {margin-bottom:15px;}
.alumni_scroll_title {margin-bottom:15px;}
#alumni_scroll_1 {padding-right:35px;}
.divScrollTextCont {position:relative; width:215px; height:225px; clip:rect(0px 215px 225px 0px); overflow:hidden;}
.divText {position:relative; left:0px; top:0px;} 

/****** alumni ******/
.newsletter_img {float:left; margin-right:15px; margin-bottom:15px;}
.newsletter_text {float:left;}