@import url("event.css");

/*
|----------------------------------------------------
|CSS for index
|----------------------------------------------------
*/
.access {height:1px; left:0px; overflow:hidden; position:absolute; top:-500px; width: 1px;}
body { background:#f9f9f4 url(../images/bg_main.1680.jpg) no-repeat center top; }
div#container { background:none; vertical-align: baseline; }

div#main-top { margin-top:10px; float:left; }
div#main-top div.main-banner { width:710px; height:205px; float:left; overflow:hidden; margin-right:12px; }
div#main-top div.main-search { width:228px; height:205px; float:left; overflow:hidden; background:url(../images/main_search_bg.jpg) no-repeat; }
div#main-top div.main-search fieldset { width:193px; margin:15px; display:block; }
div#main-top div.main-search fieldset legend { font-size:14px; color:#fff; display:block; }
div#main-top div.main-search fieldset label { display:block; font-size:13px; color:#1d2172; margin-top:8px }
div#main-top div.main-search fieldset label input.ipt_txt { width:190px; font-size:13px; display:block; margin-top:2px; }
div#main-top div.main-search fieldset label select { width:170px; font-size:13px; display:block; margin-top:2px;padding:2px; }   
div#main-top div.main-search fieldset a.search_btn { display:block; width:72px; height:28px; line-height:25px; color:#444; background:url(../images/main-seach-btn.jpg) no-repeat; text-align:center; }
div#main-top div.main-search fieldset a.adv_search { font-size:11px; color:#1D2172; line-height:25px; padding-left:22px; background:url(../images/main_seacrh_arrow.jpg) no-repeat 8px center; }
div#main-top div.main-search fieldset div.go_search { margin-top:15px; /*10px*/ width:950px; }

div#main-middle { float:left; margin-top:15px; width:950px; height:400px; overflow:hidden; }
div#main-middle .main-banner { width:186px; height:400px; float:left; overflow:hidden; }

div#main-middle div.main-catlist { width:750px; float:right; overflow:hidden; }
div#main-middle div.main-catlist div#tabs ul { float:left; width:750px; color:#fff;}
div#main-middle div.main-catlist div#tabs ul li { float:left; text-align:center; }
div#main-middle div.main-catlist div#tabs ul li a { text-decoration:none; color:#fff; font-size:11px; cursor:pointer; }
div#main-middle div.main-catlist div#tabs ul li.active a { cursor:default; }
div#main-middle div.main-catlist div#tabs li a span.tab_l { float:left; width:11px; height:27px; background:transparent url(../images/tab_dim_left.png) no-repeat top left; }
div#main-middle div.main-catlist div#tabs li a span.tab_r { float:left; margin-right:3px; padding:7px 18px 0 8px; height:20px; background:transparent url(../images/tab_dim_right.png) no-repeat top right; }
div#main-middle div.main-catlist div#tabs li a:hover span.tab_l,
div#main-middle div.main-catlist div#tabs li.active a span.tab_l { background:transparent url(../images/tab_bright_left.png) no-repeat top left; }
div#main-middle div.main-catlist div#tabs li a:hover span.tab_r,
div#main-middle div.main-catlist div#tabs li.active a span.tab_r { background:transparent url(../images/tab_bright_right.png) no-repeat top right; }
div#main-middle div.main-catlist div.tab_block { float:left; display:none; width:748px; height:371px; overflow:hidden; border:1px solid #4ab2ed; }

div#main-bottom div.news { width:290px; min-height:150px; overflow:hidden; float:left; margin:0 35px 0 8px;  }
div#main-bottom div.news h3 { float:left; font-size:1.2em; color:#0088B2; background:url(../images/dot.png) repeat-x bottom; font-weight:normal; margin:25px 0 12px 0; padding:0 0 4px 0; width:285px; }
/*div#main-bottom div.news h3 div { width:200px; }*/
div#main-bottom div.news h3 span.more { font-size:0.6em; float:right; width:auto; }
div#main-bottom div.news h3 span.more a { color:#0088B2; background:url(../images/arrow_dark_right.png) no-repeat 0 0; padding-left:15px; white-space: nowrap;}
div#main-bottom div.news ul li span { line-height:1.2em; font-size:0.9em; color:#006f92; display:block; margin:0 0 3px 0; }
div#main-bottom div.news ul li a { margin:0 0 12px 0; line-height:1.4em; font-size:0.9em; color:#666666; background:url(../images/arrow_dark_right.png) no-repeat 0 2px; padding-left:15px; display:block;  }
div#main-bottom div.links { width:265px; height:150px; float:right; margin-right:8px; }
div#main-bottom div.links h3 { float:left; width:285px; font-size:1.2em; color:#0088B2; background:url(../images/dot.png) repeat-x bottom; font-weight:normal; margin:25px 0 12px 0; padding:0 0 4px 0; }


h2.no-style { background:none!important; padding:0!important; }

/* everything is constructed with a single background image */

/* root element for tabs */
.flowtabs {

}

/* single tab */
.flowtabs li { 
	float:left; 
	margin:0; 
	padding:0; 
	text-indent:0; 
	list-style-type:none;
}

/* a- tag inside single tab */
.flowtabs li a {
	width:98px;
	height:17px;
	display:block;
	background:url(../images/main_select_off.jpg) no-repeat;
	color:#fff;
	text-align:center;
	line-height:18px;
	margin-top:10px;
	margin-left:10px;
	cursor:pointer;
	font-size:11px;
}

div.sub-bar {	width:748px;
	height:38px;
	background:#ecf9fb;}
div.update-btn { float:right; margin:5px 0; width:141px; height:28px; margin-right:8px; }


 
/* mouseover state */
.flowtabs a:hover 		{ background:url(../images/main_select_on.jpg) no-repeat; color:#404488; text-decoration:none; }

/* currently selected tabs */
.flowtabs a.current		{ background:url(../images/main_select_on.jpg) no-repeat; color:#404488; }


/* panes */
.flowpanes {
	/*background: url(../../tools/img/tabs/blue_panes.jpg) no-repeat 0 -100px;		*/
	width:760px;
	height:450px;	
}


/* single pane */
.flowpanes div {
	display:none;	
}

/* some decorations for elements inside single pane */
.flowpanes div h2 {
	font-weight:bold;
	color:#ddd;
	letter-spacing:1px;
	margin:10px 0 0 0;
	font-size:22px;	
}


/* override the root element to enable scrolling */
.flowpanes {
	position:relative;
	overflow:hidden;
	clear:both;
	height:333px;
}

/* override single pane */
.flowpanes div {
	display:block;
	float:left;
	width:748px;
	height:333px;
}

.flowpanes div div div {
	float:none;
}

/* our additional wrapper element for the items */
.flowpanes .items {
	width:20000em;
	position:absolute;
	clear:both;
	margin:0;
	padding:0;
}



.flowpanes div.lv3 {
	display:block;
	width:100px;
	height:100px;
}

.flowpanes div.items .cat-list { width:206px; height:333px;  display:block;  background:#dcf1ff url(../images/main-cat-normal.png) repeat-y right ; float:left;}
.flowpanes div.items .cat-list li { width:206px; background:#dcf1ff; font-size:11px; float:left; }
.flowpanes div.items .cat-list li.odd { background:#a3e3ff; }
.flowpanes div.items .cat-list li a { color:#222222; width:183px; padding:3px 8px 3px 15px; display:block; text-decoration:none;  background:url(../images/main-cat-normal.png) no-repeat right center;}
.flowpanes div.items .cat-list li a.current { background:url(../images/main-cat-over.png) no-repeat right center; }
.flowpanes div.items .lv3 { float:right; background:#fff; width:542px; height:333px; overflow:hidden; }
.flowpanes div.items .lv3 .subject-list { margin:10px 10px 10px 15px;  }
.flowpanes div.items .lv3 .subject-list li { width:520px; line-height:1; margin:2px 0; padding:5px 0; background:url(../images/dot.png) repeat-x bottom; }
.flowpanes div.items .lv3 .subject-list li a { color:#666666; font-size:0.9em; }

div#sub-pane2 { width:748px; height:371px; background-color:#fff; }
div#sub-pane2 div.short-course { width:736px; height:352px; padding:12px 0 5px 12px; }
div#sub-pane2 div.short-course div.banner { float:right; width:236px; height:336px; margin:0 12px 0 0; }

div#sub-pane2 div.short-course ul li { float:left; width:216px; height:87px; background-color:#e8e8e8; margin:0 8px 8px 0; padding:10px; }
div#sub-pane2 div.short-course ul li h3.title { float:left; width:216px; height:70px; margin-bottom:5px; font-size:12px; line-height:1.4; font-weight:normal; }
div#sub-pane2 div.short-course ul li h3.title,
div#sub-pane2 div.short-course ul li h3.title a { color:#005d68; }
div#sub-pane2 div.short-course ul li span.label { font-size:11px; color:#17398c; }
div#sub-pane2 div.short-course ul li span.data { font-size:11px; color:#454545; }
div#main_content div#sub-pane2 div.short-course div.more { float:right;width:724px; margin:-4px 12px 0 0; }
div#main_content div#sub-pane2 div.short-course div.more a { color:#0088B2; font-size:11px; background:url(../images/arrow_dark_right.png) no-repeat 0 2px; padding-left:15px; }


.tab_block div.tab-content { width:708px; height:331px; padding:20px; background-color:#fff; }
.tab_block div.tab-content div.desc img { float:right; padding:0 0 5px 5px; }
.tab_block div.tab-content div.desc h1 { font-size:1.4em; padding-bottom:5px; font-weight:normal; color:#016f92; }
.tab_block div.tab-content div.desc { color:#454545; }
.tab_block div.tab-content div.desc p { line-height:2; font-size:0.95em; }


div.quicklinks { position:absolute; overflow:hidden; width:200px; height:110px;margin-left:35px; }
div.quicklinks div.items { width:20000em; position:absolute; }
div.quicklinks div.items div.link-item { float:left; width:100px; height:110px; overflow:hidden; }
div.quicklinks div.items div.link-item label { display:block; height:30px; text-align:center; font-size:10px; /*line-height:10px;*/ }
div#main-bottom div.links a.qleft { float:left; margin-top:25px; }
div#main-bottom div.links a.qright { float:right; margin-top:25px; }
div#main-bottom div.links .disabled { display:none; }

/*-----------End CSS for index----------------------*/

body { font-family:Verdana, Geneva, Arial, Helvetica, sans-serif; font-size:12px; line-height:1.2; margin-bottom:30px; background:#fbfbf9 url(../images/bg_main.1680.jpg) no-repeat center top;}
div#container { margin:0 auto; overflow:hidden; width:980px; }

div#main_content { float:left; width:950px;	padding:0 15px 30px 15px; }

a { text-decoration:none; color:#0088B3; vertical-align: baseline; }
a:hover { text-decoration:underline; }

.underline,
a.underline { text-decoration:underline; }

a.underline:hover{ text-decoration:none; }

.float_left { float:left; }

.float_right { float:right; }

.clear { clear:both; }

.font_em { font-style:italic; }

.no_pad_t { padding-top:0 !important; }
.no_pad_b { padding-bottom:0 !important; }
.no_mar_t { margin-top:0 !important; }
.no_mar_b { margin-bottom:0 !important; }

p img.right_wrap { float:right; margin:0 0 10px 10px; }

a.normal { color:#454545 !important; }

.label { color:#005F9D; font-size:1em; padding-right:5px; }
.data { color:#454545; font-size:1em; }

.show { display:block !important; }
.hide { display:none !important; }

.stroke { padding:0 5px; color:#005F9D; }

.font_small { font-size:0.9em; line-height:2em; margin-bottom: 5px;}

h1, h2, h3, h1 a, h2 a, h3 a { color:#1A2172; }

/* ========================================== */
/* Header */

div#header { font-size:1em; position:relative; width:950px; height:50px; padding:10px 15px; }
div#header #logo { float:left; width:236px; height:42px; padding-top:10px; }
div#header div.links_row a { float:right; margin-left:10px; color:#444; font-size:0.95em; }
div.links_row a { padding-left:13px; background:transparent url(../images/arrow_dark_right.png) no-repeat 0 2px; }
div#header form#form_site_search { float:right; width:600px; text-align:right; margin-right:-3px;}
div#header form#form_site_search div{ float:right; margin-top:11px; }
div#header form#form_site_search div#text_size { width:130px; padding-top:0px; margin-right:12px; }
div#header form#form_site_search div#text_size span{ float:left; width:58px; padding:5px 0 0 0; font-size:11px; color:#444444; }
div#header form#form_site_search div#text_size span.text_change{width:18px; height:18px; padding:0 5px; color:#2C73FF; font-weight:bold; font-size:1em; cursor:pointer; }
div#header form#form_site_search div#text_size #font_larger,
div#header form#form_site_search div#text_size #font_normal,
div#header form#form_site_search div#text_size #font_smaller{ width:18px; height:18px; margin-top:0; margin-right:2px; cursor:pointer; text-align:center; padding-top:2px; font-size:11px;}
div#header form#form_site_search div#text_size a { float:left; width:18px; height:18px; text-decoration:none;} 
div#header form#form_site_search div#text_size #font_larger a{ background:transparent url(../images/font/a3.gif) no-repeat; }
div#header form#form_site_search div#text_size #font_normal a{ background:transparent url(../images/font/a2.gif) no-repeat; }
div#header form#form_site_search div#text_size #font_smaller a{ background:transparent url(../images/font/a1.gif) no-repeat; }
div#header form#form_site_search div#text_size #font_larger a:hover{ background:transparent url(../images/font/a3_over.gif) no-repeat; }
div#header form#form_site_search div#text_size #font_normal a:hover{ background:transparent url(../images/font/a2_over.gif) no-repeat; }
div#header form#form_site_search div#text_size #font_smaller a:hover{ background:transparent url(../images/font/a1_over.gif) no-repeat; }

div#header form#form_site_search div#text_size #font_normal { margin:2px 4px 0 0; }
div#header form#form_site_search div#text_size #font_smaller { margin:4px 2px 0 0; }


div#header form#form_site_search input#button_search { position:relative; float:left; }
div#header form#form_site_search input#site_search { 
	position:relative;
	float:left;
	height:14px;
	width:130px;
	margin-right:2px;
	padding:3px 8px;
	border:none;
/*	color:#fff; */
	font-size:0.9em;
	font-family:Verdana, Geneva, Arial, Helvetica, sans-serif;
/*	background:transparent url(../images/input_search.gif) repeat-x; */
}

div#header div.website_launch { margin-left:10px; }

/* ========================================== */
/* Top Menu */

div#navigation { font-size:14px; white-space:nowrap; height:32px; width:100%; text-align:center; background:transparent url(../images/bg_menu.gif) repeat-x; }
div#navigation ul { float:left;	font-size:12px;	color:#016F92; padding-left:30px; }
div#navigation ul li { float:left; height:32px;	background:transparent url(../images/menu_sep.gif) no-repeat; }
div#navigation ul li.first { background-image:none; }
div#navigation ul li.first a { background-image:none; } /*padding:9px 10px 9px 11px;*/
div#navigation ul li.last a { padding:9px 8px;  } /*padding:9px 11px 9px 10px;*/
div#navigation ul li a { float:left; margin:0 1px; padding:9px; color:#016F92; } /*padding:9px 10px;*/
div#navigation ul li a:hover { color:#06BFEB; background-color:#fff; text-decoration:none; }

/* ========================================== */
/* Breadcrumb */

div#main_content div#breadcrumb { float:left; width:950px; margin:10px 0; padding-left:5px; color:#272727; font-size:0.85em; }
div#main_content div#breadcrumb a{ color:#272727; }
/*div#main_content div#breadcrumb a.active { color:#3EA7C5; }*/
div#main_content div#breadcrumb span.active { color:#3EA7C5; }


/* ========================================== */
/* Left Menu */

div#main_content div#left_menu { float:left; width:198px; margin-right:18px; min-height:400px; }
div#main_content div#left_menu .head_l { float:left; height:38px; width:20px; background:transparent url(../images/left_menu_top_l.png) no-repeat;}
div#main_content div#left_menu .head_r { float:left; height:30px; width:178px; padding-top:8px; font-size:14px; color:#fff; background:transparent url(../images/left_menu_top_r.png) no-repeat;}
div#main_content div#left_menu .head_r a { color:#fff; text-decoration:none; }

div#main_content div#left_menu ul.level1 { float:left; background-color:#fff; }

div#main_content div#left_menu ul.level1 li a.item { float:left; width:155px; padding:10px 10px 10px 32px; font-size:13px; border-bottom:1px solid #c1c1c2; color:#333; border-right:1px solid #c1c2c2; background:#e2e3e4 url(../images/arrow_dark_right.png) no-repeat 15px 14px;}
div#main_content div#left_menu ul.level1 li a:hover { text-decoration:none; color:#1A2172; background:#e2e3e4 url(../images/arrow_light_right.png) no-repeat 15px 14px; cursor:pointer; }

div#main_content div#left_menu ul.level1 li.light a.item { background-color:#f4f4f4; }
div#main_content div#left_menu ul.level1 li.active a.item { border:none; border-right:1px solid #c9efff; color:#1A2172; font-size:13px; background:#fff url(../images/arrow_light_right.png) no-repeat 15px 14px; }


div#main_content div#left_menu ul.level2 { display:none; float:left; padding-bottom:5px; border-bottom:1px solid #c1c1c2; border-right:1px solid #c9efff; }
div#main_content div#left_menu ul.level2 li { float:left; }
div#main_content div#left_menu ul.level2 li a { float:left; width:158px; padding:8px 7px 8px 32px; font-size:12px; border:none; color:#777; background:none; }
div#main_content div#left_menu ul.level2 li a:hover { color:#777; background-color:#e3f7ff; background-image:none; }
div#main_content div#left_menu ul.level2 li.active { border:none; padding:0; color:#1d96bb; background-image:none; }
div#main_content div#left_menu ul.level2 li.active a { width:158px; padding:8px 7px 8px 32px; color:#1d96bb; background-color:#e3f7ff; background-image:none; }

div#main_content div#left_menu ul.level3 { float:left; border:none; }
div#main_content div#left_menu ul.level3 li a, 
div#main_content div#left_menu ul.level3 li.active a, 
div#main_content div#left_menu ul.level3 li a:hover { float:left; width:150px; padding:8px 0 8px 47px; font-size:11px; border:none; color:#777; background:#fff url(../images/arrow_dark_right.png) no-repeat 32px 9px; }
div#main_content div#left_menu ul.level3 li.active a { color:#1d96bb; }

div#main_content div#left_menu ul.level2 li div.left_submenu{
	position:absolute;
	float:left;
	width:200px;
	margin-left:197px;
	display:none;
}

div#main_content div#left_menu ul.level2 li div.left_submenu div.left_submenu_top{
	float:left;
	width:200px;
	height:8px;
	background:transparent url(../images/sub_menu_top.png) no-repeat top;
}

div#main_content div#left_menu ul.level2 li div.left_submenu ul.left_submenu_body{
	float:left;
	width:200px;
	background:transparent url(../images/sub_menu_body.png) repeat-y;
}

div#main_content div#left_menu ul.level2 li div.left_submenu div.left_submenu_bottom{
	float:left;
	width:200px;
	height:16px;
	background:transparent url(../images/sub_menu_bottom.png) no-repeat bottom;
}

div#main_content div#left_menu ul.level1 li div.left_submenu ul.left_submenu_body li a{
	float:left;
	width:165px;
	padding:10px 11px 10px 16px;	
	color:#777;
	font-size:11px;
	background:transparent url(../images/sub_menu_sep.gif) no-repeat;
}

div#main_content div#left_menu ul.level1 li div.left_submenu ul.left_submenu_body li.first a{ background-image:none; }
div#main_content div#left_menu ul.level1 li div.left_submenu ul.left_submenu_body li a:hover { color:#1d96bb; }
div#main_content div#left_menu div#left_menu_bottom { float:left; height:27px; width:198px; background:transparent url(../images/left_menu_bottom.png) no-repeat bottom; }


/* ========================================== */
/* Footer */

div#footer { float:left; position:relative;	width:99%; padding:12px 0 0 1%; font-size:0.95em; background:transparent url(../images/dot.png) repeat-x; margin-top:10px; }
div#footer div.links_row { float:left; width:550px; line-height:1.6em; }
div#footer div.links_row a { background:transparent url(../images/arrow_dark_right.png) no-repeat 0 3px; float:left; margin-right:10px;	color:#5E5E5E; }

div#copyright { float:right; text-align:right; width:300px; color:#0088B2; }
div#copyright span, div#copyright span a { color:#5E5E5E; }
div#footer div#copyright span { float:right; padding-top:5px; }
div#footer div#copyright img { padding-top:10px; }

/* ========================================== */
/* Rounded Container */

div#main_content div.container_tl,
div#main_content div.container_tr,
div#main_content div.container_body,
div#main_content div.container_bl,
div#main_content div.container_br,
div#main_content div.container_xlarge,
div#main_content div.container_large,
div#main_content div.container_medium,
div#main_content div.container_original{
	float:left;
}

div#main_content div.container_tl{	
	width:14px;
	height:14px;
	background:transparent url(../images/container_tl.png) no-repeat top left;
}

div#main_content div.container_tr{
	width:934px;
	height:14px;
	background:transparent url(../images/container_tr.png) no-repeat top right;
}

div#main_content div.container_body{
	width:949px;
	padding-bottom:15px;
	border-left:1px solid #e5e5e5;
	background:transparent url(../images/container_body.png) repeat-y right;
}

div#main_content div.container_bl{
	width:14px;
	height:18px;
	background:transparent url(../images/container_bl.png) no-repeat bottom left;
}

div#main_content div.container_br{
	width:934px;
	height:18px;
	background:transparent url(../images/container_br.png) no-repeat bottom right;
}

div#main_content div.container_original div.container_top,
div#main_content div.container_original div.container_bottom{ width:730px; }
div#main_content div.container_original div.container_tr,
div#main_content div.container_original div.container_br{ width:716px; }
div#main_content div.container_original div.container_body{ width:729px; line-height:1.6em }

div#main_content div.container_xlarge div.container_top,
div#main_content div.container_xlarge div.container_bottom{ width:950px; }
div#main_content div.container_xlarge div.container_tr,
div#main_content div.container_xlarge div.container_br{ width:936px; }
div#main_content div.container_xlarge div.container_body{ width:949px; }

div#main_content div.container_large div.container_top,
div#main_content div.container_large div.container_bottom{ width:706px; }
div#main_content div.container_large div.container_tr,
div#main_content div.container_large div.container_br{ width:692px; }
div#main_content div.container_large div.container_body{ width:705px; }

div#main_content div.container_medium div.container_top,
div#main_content div.container_medium div.container_bottom{	width:490px; }
div#main_content div.container_medium div.container_tr,
div#main_content div.container_medium div.container_br{ width:476px; }
div#main_content div.container_medium div.container_body{ width:489px; }


/* ========================================== */
/* Tabs */

div#main_content div.container_original div#tabs ul { float:left; width:725px; margin-top:20px; color:#fff; border-bottom:1px solid #E5E5E5; }
div#main_content div.container_original div#tabs ul li { float:left; text-align:center; }
div#main_content div.container_original div#tabs ul li a { text-decoration:none; color:#fff; font-size:11px; cursor:pointer; }
div#main_content div.container_original div#tabs ul li.active a { cursor:default; }

div#main_content div.container_original div#tabs li a span.tab_l { float:left; width:11px; height:29px; background:transparent url(../images/tab_light_left.png) no-repeat left; }
div#main_content div.container_original div#tabs li a span.tab_r { float:left; margin-right:2px; padding:7px 11px 0 0; height:22px; background:transparent url(../images/tab_light_right.png) no-repeat right; }

div#main_content div.container_original div#tabs li a:hover span.tab_l,
div#main_content div.container_original div#tabs li a.hover span.tab_l,
div#main_content div.container_original div#tabs li.active a span.tab_l { background:transparent url(../images/tab_dark_left.png) no-repeat left; }
div#main_content div.container_original div#tabs li a:hover span.tab_r,
div#main_content div.container_original div#tabs li a.hover span.tab_r,
div#main_content div.container_original div#tabs li.active a span.tab_r { background:transparent url(../images/tab_dark_right.png) no-repeat right; }

div#main_content div.container_original div.tab_block { float:left; display:none; }

/* ========================================== */
/* Event Listing */

div#main_content div.content_3col div.bcal,
div#main_content div.content_3col div.gcal { float:left; width:85px; height:90px; padding-top:5px; background:transparent url(../images/cal_green.jpg) no-repeat; }
div#main_content div.content_3col div.bcal { background:transparent url(../images/cal_green.jpg) no-repeat; }
div#main_content div.content_3col div.cal { margin-right:20px; }
div#main_content div.content_3col div.cal div { float:left; width:85px; text-align:center; }
div#main_content div.content_3col div.cal div.month_year { color:#fff; font-size:11px; font-weight:bold; }
div#main_content div.content_3col div.cal div.day { color:#454545; font-size:28px; }
div#main_content div.content_3col div.cal div.week { color:#454545; font-size:11px; text-transform:uppercase; }

div#main_content div.content_3col div.event_brief { float:left; width: 340px; color:#454545; } 
 
div#main_content div.content_3col div.event_brief h2 { margin-top:0; }
div#main_content div.content_3col div.event_brief div,
div#main_content div.content_3col div.event_detail div  { padding:3px 0;}
div.half_row { float:left; width:50%; }
div.full_row { float:left; width:100%; }

div#main_content div.event_detail { clear:both; }
div#main_content ul.event_detail div#subject_group { font-size:0.9em; }

div#main_content div.content_3col div.event_brief span a,
div#main_content div.content_3col div.event_detail span a { color:#454545; text-decoration:underline; }

div#main_content div.content_3col div.event_brief span,
div#main_content div.content_3col div.event_detail span { float:left; font-size:1em; }

div#main_content div.content_3col div.event_brief span.label,
div#main_content div.content_3col div.event_detail span.label { color:#0088B3; padding-right:5px; }

div#main_content div.content_3col span.venue_label { width: 63px; }
div#main_content div.content_3col div.event_brief span.venue_data { width: 270px; }
div#main_content div.content_3col div.event_detail span.venue_data { width: 374px; }
div#main_content div.content_3col div.event_brief span.venue_label { width: 50px; }

div#main_content div.content_3col div.photo { margin-top:10px; }
div#main_content div.content_3col div.event_brief div.dot_sep,
div#main_content div.content_3col div.event_detail div.dot_sep { padding-bottom: 15px; }

div#main_content div.content_3col span.speaker_label { width: 61px; }
div#main_content div.content_3col div.event_brief span.speaker_data { width: 272px; }
div#main_content div.content_3col div.event_detail span.speaker_data { width: 381px; }

div#main_content div.content_3col span.website_label { width: 61px; }
div#main_content div.content_3col div.event_brief span.website_data { width: 272px; }
div#main_content div.content_3col div.event_detail span.website_data { width: 384px; float: right; word-wrap: break-word; }

div#main_content div.content_3col span.enquiries_label { width: 67px; }
div#main_content div.content_3col div.event_brief span.enquiries_data { width: 261px; }
div#main_content div.content_3col div.event_detail span.enquiries_data { width: 370px; }

/***Added by Ryan Leung***/
div#main_content div.content_3col div.event_detail span.speaker_data { color:#003ca0; cursor:pointer; line-height:20px; }

div#main_content div.content_3col div.event_msg { font-size:1.1em; color:#1A2172; padding:3px 0; }
div.label_row { color:#0088B3; margin-top:20px; }




/* ========================================== */
/* Event Listing */
div.right_col { float:left; width:200px; margin-left:15px; }

div#main_content div#sort_list { float:left; width:196px; height:154px; padding:14px 18px 0; background:transparent url(../images/bg_sort.png) no-repeat; }


div.icon_and_links { float:left; width: 700px; margin-top:15px; }
div.icon_and_links img { float:left; margin-right:10px; }
div.icon_and_links a { float:left; padding:5px 0; color:#4296ee; text-decoration:underline; }
div.icon_and_links div { float:left; width:650px; }


div.content_3col div.event_status { float:left; width:450px; padding-top:20px; text-align:center; font-size:1.4em; color:#1A2172; }
div.content_3col div.video_clip { float:left; width: 400px; height:300px; margin:10px 25px; }


div.content_3col div.poster { float:left; width:450px; margin-top:20px; }
div.content_3col div.event_content { float:left; width:450px; margin:20px 0 10px 0; }
div.content_3col div.event_content div { width:100%; }
div.content_3col div.event_content div.left_p { /*float:left; width:290px;*/ }

div.content_3col div.event_content div.photo_col_left { float:left; width:150px; }
div.content_3col div.event_content div.photo_col_right { float:right; width:150px; margin-left:10px; padding-top:10px; }
div.content_3col div.event_content div.photo_col_left img,
div.content_3col div.event_content div.photo_col_right img { margin-bottom:10px; }
div.container_original div.event_content { float:left; width:690px; padding-top:15px; }
div.container_original div.event_status { text-align:center; }

/* ========================================== */
/* Programme Listing */

div#main_content div.content_3col { float:left; width:490px;}
div#main_content div#search_result { float:left; width:706px; }

div#main_content div#search_result h1,
div#main_content div.content h1,
div#main_content div.content_3col h1,
div#main_content div.content_2col h1,
div#main_content div#advanced_search_page h1,
div#main_content div#advanced_search_result h1 { float:left; width:450px;padding-bottom:8px; font-size:1.4em; line-height:1.4; font-weight:normal;}
div#main_content div#search_result h1,
div#main_content div#advanced_search_page h1,
div#main_content div#advanced_search_result h1 { background:transparent url(../images/bullet_search.gif) no-repeat 14px 13px; padding:10px 0 10px 40px; }
div#main_content div.news_p h1 { width:100%; }
div#main_content div#search_result h1 { width:550px; }
div#main_content div.container_original ul.event_detail h1 { width:650px;}

div#main_content div.content div.centre-info h1 { width:100%; }


div#main_content div.listing_type{ float:right; width:60px; padding-top:5px; padding-right:40px; }
div#main_content div.content_3col div.listing_type{ clear:both; padding-bottom:10px; }
div#main_content div.listing_type div { float:left; margin-left:9px; cursor:pointer; }
div#main_content div.listing_type div img { float:left; width:21px; height:21px; }


div#main_content div.content_3col div.prog_name { margin-bottom:10px; } 
div#main_content div.content_3col div.prog_name, div#main_content div.content_3col div.prog_name div { float:left; width:490px; }
div#main_content div.content_3col div.prog_name div a { float:left; width:220px; margin-right:10px; padding:0 0 8px 15px; font-size:0.9em; color:#595D5C; background:transparent url(../images/arrow_dark_right.png) no-repeat 0 2px; }

div#main_content div.content_3col li,
div#main_content div#search_result li { float:left; list-style-type:none; }

div#main_content li.prog_list { float:left; color:#595D5C; }
div#main_content div.content_3col li.prog_list { width:450px; padding:16px 16px 0 16px; }
div#main_content div#search_result li.prog_list { width: 618px; padding:16px 40px 0 40px; }
div#main_content div#advanced_search_result li.prog_list { width: 862px; padding:16px 40px 0 40px; }
div#main_content div.content li.prog_list { width: 700px; padding:16px 16px 0 16px; }
div#main_content div.content ul.event_detail li.prog_list { width:693px; }

div#main_content li.prog_list div.info { float:left; }
div#main_content div.content_3col li.prog_list div.info { width:368px; }
div#main_content div#search_result li.prog_list div.info { width:536px; }
div#main_content div.content li.prog_list div.info { width:592px; }


div#main_content li.prog_list div.graphics { float:left; width:72px; margin-left:10px; }
div#main_content li.prog_list div.graphics img { float:left; width:36px; height:36px; }

div#main_content li.prog_list h2 { float:left; width:100%; /*margin:10px 0;*/ }
div#main_content li.prog_list div.event_brief h2 { float:left; width:100%; margin-bottom:10px; }
div#main_content li.prog_list h2, div#main_content li.prog_list h2 a { font-size:1em; font-weight:bold; }
div#main_content li.prog_list div.brief { float:left; width:100%; padding:11px 0 0 0; font-size:0.9em; line-height:1.3; }


div#main_content li.prog_list div.start_date,
div#main_content li.prog_list div.duration { float:left; margin: 11px 20px 0 0; font-size:0.95em; line-height:1.3; }
div#main_content li.prog_list div.start_date { width:200px; }
div#main_content li.prog_list div.duration { width:280px; }
div#main_content div.content_3col li.prog_list div.start_date { width:165px; margin-right:10px; }
div#main_content div.content_3col li.prog_list div.duration { width:175px; margin-right:10px; }

div#main_content li.prog_list div.start_date span.label { float:left; width:70px; }
div#main_content li.prog_list div.duration span.label { float:left; width:60px; }

div#main_content li.prog_list div.start_date span.data { float:left; width:125px; color:#454545; }
div#main_content li.prog_list div.duration span.data { float:left; width:215px; color:#454545; }

div#main_content div.content_3col li.prog_list div.start_date span.data { width:85px; }
div#main_content div.content_3col li.prog_list div.duration span.data { width:105px; }


div#main_content li.prog_list div.start_date span,
div#main_content li.prog_list div.duration span {color:#244592;}

div#main_content li.prog_list div.dot_sep { float:left; height:1px; width:100%; margin-top:15px; margin-bottom:0; background:transparent url(../images/dot.png) repeat-x; }

div#main_content li.bg_dark { background-color:#F8F9FB; }
div#main_content li.bg_light { background-color:#fff; }


/* ========================================== */
/* Programme Detail */

/*div#main_content div#detail div#search_keyword_form { float:right; width:auto; height:24px; margin-bottom:8px; }*/
div#main_content div#search_keyword_form_box div.sep { float:right; padding:2px 6px; }
div#main_content div#search_keyword_form_box div.back_to_previous { float:right; width:auto; color:#222; padding-top:2px; margin-right:5px; }
div#main_content div#search_keyword_form_box div.back_to_previous a { float:right; color:#222; padding:1px 0 0 15px; font-size:0.9em; background:transparent url(../images/arrow_light_left.png) no-repeat 0 3px; }

div#main_content div.programme_summary { float:left; width:705px; padding:4px 0 0 20px; color:#222; }
div#main_content div.programme_summary h1 { float:left; color:#222; padding-bottom:10px; width:100%; }
div#main_content div.programme_summary div.basic { float:left; width:430px; padding-right:5px; }
div#main_content div.programme_summary div.basic div { float:left; width:100%; }
div#main_content div.programme_summary div.basic div.university { line-height: 1.4; color:#2745BE; font-size:1.05em; }
div#main_content div.programme_summary div.basic div.university a { color:#2745BE  }
div#main_content div.programme_summary div.item { font-size:0.95em; line-height:2; }
div#main_content div.programme_summary div.item a { float:left; color:#222; }
div#main_content div.programme_summary div.item span.line_sep { float:left; padding:0 10px; }
div#main_content div.programme_summary div.item .pad_l { padding-left:4px;}
div#main_content div.programme_summary .label { float:left; color:#005f9d; }
div#main_content div.programme_summary div.item span,
div#main_content div.programme_summary div.item img { float:left; }
div#main_content div.programme_summary div.basic .code { font-size:1.05em; color:#005f9d; }
div#main_content div.programme_summary div.basic .status { font-size:1em; line-height:2; }
div#main_content div.programme_summary div.basic .reg_no { padding-left:40px; }

div#main_content div.programme_summary div.action .tel_no { padding-right:20px; font-size:1em; line-height:1.8; }
div#main_content div.programme_summary div.action .item span, div#main_content div.programme_summary div.action .tel_no span { vertical-align: baseline; }

div#main_content div.programme_summary div.basic div.start_date div.label { float:left; width:65px; line-height: 2.4; }
div#main_content div.programme_summary div.basic div.start_date p.data { float:left; width:360px; }
div#main_content div.programme_summary div.basic div.start_date span { height:30px;float:none; line-height: 2.5; }
div#main_content div.programme_summary div.basic div.start_date p img { float:none; }

div#main_content div.programme_summary div.basic div.start_date p span.next_intake { width:auto; }
div#main_content div.programme_summary div.basic div.start_date p span.next_intake font { color:#005f9d; }


div#main_content div.programme_summary div.basic div.info_seminar div.label { float:left; width:82px; }
div#main_content div.programme_summary div.basic div.info_seminar div.data { float:left; width:343px; }
div#main_content div.programme_summary div.basic div.info_seminar span { float:left; width:95px; }
div#main_content div.programme_summary div.basic div.info_seminar img { float:left; padding-top:2px; }


div#main_content div.programme_summary div.basic div.info_seminar { background:#d5eef6; padding:3px 5px; border:1px solid #005F9D; width:410px; }
div#main_content div.programme_summary div.basic div.info_seminar div.data { width:auto; }


div#main_content div.programme_summary div.basic .font_smaller { font-size:0.8em; }

div#main_content div.programme_summary div.action { float:left; width:270px; }
div#main_content div.programme_summary div.action div { float:left; }
div#main_content div.programme_summary div.action div.course_icons img { float:left; padding:0 3px; }
div#main_content div.programme_summary div.action div.course_icons { width:268px; background-color:#42bfec; }
div#main_content div.programme_summary div.action div.border { border-top:1px solid #dcf7fe; border-left:1px solid #dcf7fe; border-right:1px solid #dcf7fe; }

div#main_content div.programme_summary div.action div.content { width:254px; padding:10px 7px 5px 7px; background-color:#fcfcfc; border-left:1px solid #e5e5e5; border-right:1px solid #e5e5e5; border-bottom:1px solid #e5e5e5; }
div#main_content div.programme_summary div.action div.content div.contact div.item { float:left; width:100%; line-height:1.8; }
div#main_content div.programme_summary div.action div.content div.contact { float:left; width:100%; padding-bottom:10px; border-bottom: 1px dotted #9b9b9b; }
div#main_content div.programme_summary div.action div.content div.contact span.label { font-size:1em; }
div#main_content div.programme_summary div.action .font_smaller { font-size:0.7em; }

div#main_content div.programme_summary div.action div.content div.action_icons { padding-top:10px; }
div#main_content div.programme_summary div.action div.content div.action_icons li { float:left; width:127px; margin-bottom:8px; text-align:center; list-style-type:none; cursor:pointer; }

div#main_content div.programme_summary div.action div.content div.action_icons li a span { float:left; width:114px;height:32px; margin:0 7px 0 6px; cursor:pointer; }
div#main_content div.programme_summary div.action div.content div.action_icons li a span#button_apply_online { background:transparent url(../images/button_apply_online.jpg) no-repeat; }
div#main_content div.programme_summary div.action div.content div.action_icons li a:hover span#button_apply_online { background:transparent url(../images/button_apply_online_hover.jpg) no-repeat; }
div#main_content div.programme_summary div.action div.content div.action_icons li a span#button_save_programme { background:transparent url(../images/button_save_programme.jpg) no-repeat; }
div#main_content div.programme_summary div.action div.content div.action_icons li a:hover span#button_save_programme { background:transparent url(../images/button_save_programme_hover.jpg) no-repeat; }
div#main_content div.programme_summary div.action div.content div.action_icons li a span#button_app_form { background:transparent url(../images/button_app_form.jpg) no-repeat; }
div#main_content div.programme_summary div.action div.content div.action_icons li a:hover span#button_app_form { background:transparent url(../images/button_app_form_hover.jpg) no-repeat; }
div#main_content div.programme_summary div.action div.content div.action_icons li a span#button_share { background:transparent url(../images/button_share.jpg) no-repeat; }
div#main_content div.programme_summary div.action div.content div.action_icons li a:hover span#button_share { background:transparent url(../images/button_share_hover.jpg) no-repeat; }
div#main_content div.programme_summary div.action div.content div.action_icons li a span#button_brochure { background:transparent url(../images/button_brochure.jpg) no-repeat; }
div#main_content div.programme_summary div.action div.content div.action_icons li a:hover span#button_brochure { background:transparent url(../images/button_brochure_hover.jpg) no-repeat; }
div#main_content div.programme_summary div.action div.content div.action_icons li a span#button_print { background:transparent url(../images/button_print.jpg) no-repeat; }
div#main_content div.programme_summary div.action div.content div.action_icons li a:hover span#button_print { background:transparent url(../images/button_print_hover.jpg) no-repeat; }

div#main_content div.programme_summary div.action div.content div.action_icons li a span#button_apply_online_cht { background:transparent url(../images/button_apply_online_cht.jpg) no-repeat; }
div#main_content div.programme_summary div.action div.content div.action_icons li a:hover span#button_apply_online_cht { background:transparent url(../images/button_apply_online_hover_cht.jpg) no-repeat; }
div#main_content div.programme_summary div.action div.content div.action_icons li a span#button_save_programme_cht { background:transparent url(../images/button_save_programme_cht.jpg) no-repeat; }
div#main_content div.programme_summary div.action div.content div.action_icons li a:hover span#button_save_programme_cht { background:transparent url(../images/button_save_programme_hover_cht.jpg) no-repeat; }
div#main_content div.programme_summary div.action div.content div.action_icons li a span#button_app_form_cht { background:transparent url(../images/button_app_form_cht.jpg) no-repeat; }
div#main_content div.programme_summary div.action div.content div.action_icons li a:hover span#button_app_form_cht { background:transparent url(../images/button_app_form_hover_cht.jpg) no-repeat; }
div#main_content div.programme_summary div.action div.content div.action_icons li a span#button_share_cht { background:transparent url(../images/button_share_cht.jpg) no-repeat; }
div#main_content div.programme_summary div.action div.content div.action_icons li a:hover span#button_share_cht { background:transparent url(../images/button_share_hover_cht.jpg) no-repeat; }
div#main_content div.programme_summary div.action div.content div.action_icons li a span#button_brochure_cht { background:transparent url(../images/button_brochure_cht.jpg) no-repeat; }
div#main_content div.programme_summary div.action div.content div.action_icons li a:hover span#button_brochure_cht { background:transparent url(../images/button_brochure_hover_cht.jpg) no-repeat; }
div#main_content div.programme_summary div.action div.content div.action_icons li a span#button_print_cht { background:transparent url(../images/button_print_cht.jpg) no-repeat; }
div#main_content div.programme_summary div.action div.content div.action_icons li a:hover span#button_print_cht { background:transparent url(../images/button_print_hover_cht.jpg) no-repeat; }




div#main_content li.detail_list { list-style:none outside none; float:left; color:#454545; width: 672px; padding:16px 25px 0 25px; /*padding:20px 25px 0 25px;*/ }
div#main_content li.detail_list div.info { float:left; width:670px }
div#main_content ul.college li.detail_list div.info h1 { width:100%; }
div#main_content li.detail_list div.course_info { float:left; margin-bottom:5px; }
div#main_content div.container_body li.first { padding-top:0; padding-bottom:0;}

div#main_content li.center_list h2,
div#main_content li.center_list h2.bullet,
div#main_content li.detail_list h2,
div#main_content li.detail_list h2.bullet,
div#main_content li.prog_list h2.bullet,
div#main_content .event_group h2.bullet,
div#main_content div.container_original .enews ul.issue h2,
div#main_content div.container_original .enews ul.issue h2.bullet { float:left; width:670px; font-size:1.25em; font-weight:bold; padding:0 0 8px 25px; background:transparent url(../images/bullet_grid.gif) no-repeat 0 3px;}
div#main_content li.prog_list h2.bullet { width:425px; }
div#main_content li.detail_list h2.bullet_people { font-size:1.2em; font-weight:normal; }



div#main_content li.center_list h2,
div#main_content li.detail_list h2{ background-image:none; padding-left:0; }

div#main_content div.container_original .enews ul.issue h2,
div#main_content div.container_original .enews ul.issue h2.bullet { float:none; }

div#main_content li.detail_list p { font-size:1em; }
div#main_content li.detail_list p.news { font-size:1em; }
div#main_content div.content_2col li.detail_list div.news_p p { font-size:1em; padding-top:5px; padding-bottom:10px; vertical-align:baseline; }
div#main_content div.content_2col li.detail_list div.news_p a { color:#1A2172; vertical-align:baseline; }

div#main_content div.content_2col ul.news li.detail_list div.left_col { float:left; width:500px; }
div#main_content div.content_2col ul.news li.detail_list { padding-top:12px; }

div#main_content div.content_2col li.detail_list h3 { float:left; width:100%; font-size:1.1em; font-weight:normal; padding:0 0 12px 0; }
div#main_content div.content_2col li.detail_list h3 a:hover { text-decoration:none; }

div#main_content li.detail_list div.row div.sharing div.student div.relation,
div#main_content div.content_2col li.detail_list div.date { float:left; width:100%; font-size:0.85em; padding:5px 0; color:#444;margin-bottom:-3px; margin-top:-3px }
div#main_content li.detail_list div.row div.sharing div.student div.relation { line-height:1.4; font-style:italic; }
div#main_content div.content_2col li.detail_list div.news_date { float:left; width:100%; font-size:0.95em; padding:5px 0; color:#666; margin-bottom:12px; margin-top:-12px; }
div#main_content div.content_2col li.detail_list span.course_image,
div#main_content div.content_2col li.detail_list span.course_image img { float:right; width:160px !important; }

div#main_content div.content_2col li.detail_list h2 { background:none; padding:0; }
div#main_content div.content_2col ul.news li.detail_list div.left_col h2 { width:500px; font-size:1.1em; }
div#main_content div.content_2col li.detail_list div.left_col { float:left; width:670px; }
/*div#main_content li.prog_list div.left_col { float:left; width:380px; }*/
div#main_content div.content_2col li.detail_list span.course_image span.caption,
div#main_content div.content_2col li.detail_list div.fix_size span.course_image span.caption { background-color:#ccdfee; }
div#main_content div.content_2col li.detail_list p a { color:#454545; }
div#main_content div.content_2col li.detail_list p.news a { font-size:0.95em; font-style:italic; color:#0088B3; padding-left:4px; }

div#main_content div#left_menu div#rss { float:left; width:170px; margin:20px 15px 0 15px; }
div#main_content div#left_menu div#rss span { float:left; color:#1A2172; font-size:1em; }
div#main_content div#left_menu div#rss ul { float:left; width:100%; margin-top:10px;}
div#main_content div#left_menu div#rss ul li { float:left; width:100%; }
div#main_content div#left_menu div#rss ul a { float:left; padding-bottom:5px; color:#454545; text-decoration:underline; }
div#main_content div#left_menu div#rss ul span.icon { width:16px; height:16px; margin-left:5px; background:transparent url(../images/rss.png) no-repeat;}

div#rss { float:left; width:170px; margin:20px 15px 0 15px; }
div#rss span { float:left; color:#1A2172; font-size:1em; }
div#rss ul { float:left; width:100%; margin-top:10px;}
div#rss ul li { float:left; width:100%; }
div#rss ul a { float:left; padding-bottom:5px; color:#454545; text-decoration:underline; }
div#rss ul span.icon { width:16px; height:16px; margin-left:5px; background:transparent url(../images/rss.png) no-repeat;}


div#main_content li.detail_list div.first,
div#main_content li.prog_list div.first { float:left; width:100%; padding-bottom:0; font-size:0.95em; }
div#main_content li.detail_list div.first div#subject_group { float:left; width:530px; }
div#main_content li.prog_list div.first div#subject_group { float:left; width:320px; }
div#main_content ul.event_detail li.prog_list div.first div#subject_group { width:540px; }
div#main_content div.first a { /*color:#1D96BB;*/ }
div#main_content div.first div.back_to_previous a,
div#main_content div.last div.back_to_previous a { float:right; color:#272727; padding-left:15px; font-size:0.95em; background:transparent url(../images/arrow_light_left.png) no-repeat 0 1px; }
div#main_content div.last div.back_to_previous a { margin: 20px 30px 0 0; background-position-y:2px; }
div#main_content div.content_3col div.first div.back_to_previous a { margin:0 0 10px 0; }
div#main_content div.content_3col ul.event_detail div.first div.back_to_previous a { background:transparent url(../images/arrow_light_left.png) no-repeat 0 1px; }
div#main_content li.detail_list div.first div.back_to_previous a { float:right; background-position-y:5px; }
div#main_content li.detail_list div.first div.back_to_previous { float:right; /*width:100%;*/ padding-top:6px; }

div#main_content li.detail_list span.course_image,
div#main_content div.content_2col li.detail_list span.course_image { float:right; width:200px; margin:0 0 5px 10px; }
div#main_content li.detail_list span.course_image span.caption { width:140px; margin-top:3px; padding:7px 10px; background-color:#ececec; font-size:0.9em; line-height:1.4; }
div#main_content li.detail_list span.course_image img,
div#main_content div.content_2col li.detail_list span.course_image img { float:right; width:200px; height:auto; }

div#main_content li.prog_list span.course_image { float:right; width:auto; margin:0 0 10px 10px; }

div#main_content div.dot_sep,
div#main_content div.enews div.dot_sep,
div#main_content li.detail_list div.dot_sep,
div#main_content div.subject_list_dot_sep { float:left; height:1px; width:100%; margin-top:20px; background:transparent url(../images/dot.png) repeat-x; }
div#main_content div.dot_sep,
div#main_content div.tab_block li.detail_list div.dot_sep { margin-top:15px;/*10px;*/margin-bottom:8px;/*5px;*/ }
div#main_content li.first div.dot_sep { margin-top:10px; }
div#main_content ul.news_details li.first div.dot_sep { padding-bottom:5px; }
div#main_content div.content_2col ul.news div.dot_sep { margin-top:10px; }
div#main_content div.enews div.dot_sep { margin-bottom:20px;}

div#main_content div.subject_list_dot_sep { margin:5px 0 5px 16px; width:450px; }

div#main_content li.detail_list div.head_info { float:left; padding:3px 0; }
div#main_content li.detail_list sup { /*float:left;*/ font-size:0.7em; font-weight:normal; }
div#main_content li.detail_list span { float:left; }
div#main_content div.more { float:left; width:100%; margin-top:15px; color:#0088b3; }
div#main_content div.more a { float:right; color:#0088b3; }

div#main_content li.detail_list div.compulsory h3 span { font-weight:normal; }
div#main_content li.detail_list div.compulsory div{ float:left; width:678px; margin-bottom:15px; padding-bottom:20px; border:1px solid #D8D8D8; background:transparent url(../images/bg_gray.gif) repeat-y center; }
div#main_content li.detail_list div.compulsory h3 { float:left; width:664px; padding:8px; background-color:#E9EAEC; }
div#main_content li.detail_list div.compulsory ul { float:left; width:100%; }
div#main_content li.detail_list div.compulsory ul li { float:left; width:300px; margin-left:20px; padding:10px 0 0 18px; background:transparent url(../images/bullet_detail.gif) no-repeat 0 18px;}
div#main_content li.detail_list div.compulsory ul li.left { margin-left:10px; }
div#main_content li.detail_list div.compulsory ul.part2 li.left { float:left; font-weight:bold; background-image:none; }

div#main_content li.detail_list div.elective div { float:left; width:500px; margin-bottom:15px; border-left:1px solid #D8D8D8; border-top:1px solid #D8D8D8; }
div#main_content li.detail_list div.elective h3 { float:left; width:481px; padding:10px; background-color:#E9EAEC; }
div#main_content li.detail_list div.elective h3 span.info { float:none; font-weight:normal; padding-left:10px; }
div#main_content li.detail_list div.elective table { float:left; width:500px; border:none; margin:0; }
div#main_content li.detail_list div.elective table td { vertical-align:middle; width:234px; padding:8px; border-bottom:1px solid #D8D8D8; border-right:1px solid #D8D8D8; }
div#main_content li.detail_list div.elective table td.left { background-color:#F8F9FB; }

div#main_content li.detail_list div.row { float:left; width:680px; }
div#main_content li.detail_list div.row div.sharing { float:left; width:340px; margin-top:12px; }
div#main_content li.detail_list div.row div.sharing div.photo { float:left; width:90px; cursor:pointer; }
div#main_content li.detail_list div.row div.sharing div.student { float:left; width:220px; padding-left:15px; }
div#main_content li.detail_list div.row div.sharing div.student h2.name,
div#main_content li.detail_list ul.college div.row div.student h2.name { width:100%; font-size:1.1em; padding-bottom:6px; cursor:pointer; }
div#main_content li.detail_list div.row div.sharing div.student div.name a { color:#005b77; }
/* VICKY:::::: *div#main_content li.detail_list div.row div.sharing div.student div.thought { font-size:1em; line-height:1.4; }*/
div#main_content li.detail_list div.row div.sharing div.student div.thought { float:left; font-size:1em; line-height:1.4; margin-top:6px; }
div#main_content li.detail_list div.row div.sharing div.more { margin-top:10px; }
div#main_content li.detail_list div.row div.sharing div.more a { float:left; margin-left:107px; }
div#main_content li.detail_list div.row div.sharing .prev { float:left; color:#0088B3; background:transparent url(../images/arrow_prev.gif) no-repeat left; padding-left:15px; cursor:pointer; }
div#main_content li.detail_list div.row div.sharing .next { float:right; color:#0088B3; background:transparent url(../images/arrow_next.gif) no-repeat right; padding-right:15px; cursor:pointer; }

div#main_content li.detail_list div.photo_gallery_desc { float:left; width:680px; margin-bottom:15px; }
div#main_content li.detail_list ul.info_list li { float:left; width:100%; padding-bottom:5px; }
div#main_content li.detail_list ul.info_list li a { color:#454545; text-decoration:underline; }

div#main_content li.photo_gallery_thumbnail div.frame { float:left; width:146px; height:146px; padding:6px; margin:0 10px 10px 0; background-color:#E2E3E4; text-align:center; }
div#main_content li.photo_gallery_thumbnail div.vert img { display:none; } 
div#main_content li.photo_gallery_thumbnail_no_fancybox div.frame { float:left; width:146px; height:146px; padding:6px; margin:0 10px 10px 0; background-color:#E2E3E4; text-align:center; }
div#main_content li.photo_gallery_thumbnail_no_fancybox div.vert img { display:none; } 

div#main_content li.center_list div.brief ul.photo_gallery,
div#main_content li.detail_list ul.photo_gallery,
div#main_content li.prog_list ul.photo_gallery { float:left; list-style:none outside none; }
div#main_content li.detail_list ul.photo_gallery li { float:left; margin-right:6px; background:none repeat scroll 0 0 transparent; }
div#main_content li.center_list div.brief ul.photo_gallery li,
div#main_content li.prog_list ul.photo_gallery li { float:left; margin-right:3px; background:none repeat scroll 0 0 transparent; }

div#main_content li.detail_list div.remarks { float:left; width:100%; font-size:0.95em; }
div#main_content li.detail_list div.remarks ol { float:left; width:97%; margin:0 0 0 20px; list-style:decimal; }
div#main_content li.detail_list div.remarks ol li { /*margin-left: 20px;*/ margin-left:0; padding:0 0 0 10px; line-height:1.6; }

div#main_content li.detail_list table.album { float:left;/* width:100%;*/ margin-bottom:25px; }
div#main_content li.detail_list table.album td { padding:0; }
div#main_content li.detail_list table.album td div.frame { background-color:#cecece; text-align:center; }
div#main_content li.detail_list table.album td div.hori { width:326px; height:auto; }
div#main_content li.detail_list table.album td div.vert { width:auto; height:209px; }
div#main_content li.detail_list table.album td.info { line-height:1.4; padding:10px; background-color:#f3f3f3; }
div#main_content li.detail_list table.album td.info div { padding-bottom:5px; }
div#main_content li.detail_list table.album td.info div.desc { font-size:0.95em; color:#1A2172; }
div#main_content li.detail_list table.album td.info div.duration { font-size:0.95em; }
div#main_content li.detail_list table.album td.info div.speaker { font-size:0.95em; }
div#main_content li.detail_list table.album td.info div.speaker span.speaker_title { float:none; padding-left:5px; font-style:italic; }

div#main_content li.detail_list table.album td.view_photo { padding:0 0 8px 10px; background-color:#f3f3f3; }
div#main_content li.detail_list table.album td.view_photo a { padding-right:15px; /*color:#1D96BB;*/ font-size:0.95em; background:transparent url(../images/arrow_view_photo.png) no-repeat right 4px; }

div#main_content li.detail_list div.video_clip { float:left; width:368px; height:325px; margin-left:150px; }
div#main_content li.detail_list div.video_clip_info { float:left; width:640px; margin-top:20px;padding:10px 15px; }
div#main_content li.detail_list div.video_clip_info h1 { width:640px;}
div#main_content li.detail_list div.video_clip_info div.duration { float:left; width:100%; font-size:0.9em; }
div#main_content li.detail_list div.video_clip_info div.desc { float:left; margin:10px 0 25px 0; font-size:0.95em; line-height:1.6; }
div#main_content li.detail_list div.video_clip_info ul.info_list { font-size:0.95em; }

div#main_content li.detail_list div.video_clip_info div.related_video { float:left; width:100%; margin-top:20px; }
div#main_content li.detail_list div.video_clip_info div.related_video div.video_clip_tn { float:left; width:82px; height:60px; margin-right:8px; }
div#main_content li.detail_list div.video_clip_info div.related_video h3 { float:left; width:170px; margin-bottom:3px; font-weight:normal; }
div#main_content li.detail_list div.video_clip_info div.related_video div.duration { width:170px; }

div#main_content li.detail_list ul.list,
div#main_content li.detail_list ul.links { float:left;width:100%; }

div#main_content li.detail_list ul.list li,
div#main_content li.prog_list ul.list li { float:left; width:95%; padding-left:17px; padding-bottom:2px; line-height:1.6; background:transparent url(../images/arrow_light_right.png) no-repeat 0 10px; }
div#main_content li.prog_list ul.list li { background-position:0 5px; }
div#main_content li.detail_list ul.links li,
div#main_content li.prog_list ul.links li { line-height:1.6; font-size:1em; }

div#main_content li.detail_list ul.list li a,
div#main_content li.prog_list ul.list li a,
div#main_content li.detail_list ul.links li a,
div#main_content li.prog_list ul.links li a { color:#454545; }

div#main_content div.icon_desc { margin-top:30px; padding:5px 20px; color:#5e5e5e; background-color:#EBEBEB; font-size:0.85em; }
div#main_content div.content_3col div.icon_desc { float:left; width:442px; }
div#main_content div.container_original div.icon_desc { float:left; width:682px; }
div#main_content div#search_result div.icon_desc { float:left; width:658px; }
div#main_content div#advanced_search_result div.icon_desc { float:left; width:902px; }

div#main_content div.icon_desc table td { padding:0 10px 5px 0; vertical-align:top; }
div#main_content div.icon_desc td.valign_middle { vertical-align:middle; }
div#main_content div.icon_desc td div { line-height:1.2;/*padding-top:4px;*/ }
div#main_content div.icon_desc td div.title { padding-top:3px; font-weight:bold; }


div#main_content div#saved_programme { float:left; width:200px; margin-top:15px; color:#fff; }
div#main_content div#saved_programme div.top { float:left; width:200px; height:7px; background:transparent url(../images/container_save_top.png) no-repeat; }
div#main_content div#saved_programme div.content { float:left; background-color:#0086D8; padding-bottom:5px; }
div#main_content div#saved_programme div.content div { float:left; width:180px; margin:0 5px; padding:10px 5px; font-size:0.95em; border-bottom:1px solid #8EC9EE; }
div#main_content div#saved_programme div.content div.title { width:190px; padding:0 0 5px; }
div#main_content div#saved_programme div.content div.title img { float:left; }
div#main_content div#saved_programme div.content div.title div { width:110px; padding-left:10px; font-size:16px; border-bottom:none; }
div#main_content div#saved_programme div.content a.more { float:left; width:190px; padding:10px 0 0 10px; color:#fff; }
div#main_content div#saved_programme div.bottom { float:left; width:200px; height:7px; background:transparent url(../images/container_save_bottom.png) no-repeat; }


/* ========================================== */
/* Sharing */

div.sharing_detail { float:left; padding:15px; width:640px; }
div.sharing_detail div.photo { float:left; width:100px; margin-right:20px; }
div.sharing_detail div.sharing_content { float:left; width:520px; }
div.sharing_detail div.sharing_content div.name {}
div.sharing_detail div.sharing_content h1.name_in_eng,
div.sharing_detail div.sharing_content h1.name_in_chi { float:left; width:100% !important; font-size:1.1em; }
div.sharing_detail div.sharing_content div.name_in_chi { margin-left:20px; letter-spacing:5px; }


div.sharing_detail div.sharing_content div.relation {
color:#666666;
float:left;
font-size:0.95em;

margin-top:-12px;
padding:5px 0;
width:100%;
}

div.sharing_detail div.sharing_content div.detail { float:left; padding:10px 0; width:500px; }
div.sharing_detail div.sharing_content div.related_link { float:left; padding:10px 0; clear:both; width:500px; }
div.sharing_detail div.sharing_content div.related_link ul { padding-top:5px;}
div.sharing_detail div.sharing_content div.related_link ul li a{ display:inline-block}
div#main_content li.detail_list div.sharing_detail div.sharing_content div.related_link span { float:none }

/* ========================================== */
/* Colleges */

div#main_content div.banner { float:left; margin-bottom:12px;/*15px;*/ }

div#main_content div.container_original div#tabs ul.tab_gray { margin-top:0px; }
div#main_content div.container_original div#tabs ul.tab_gray li a span.tab_l { background:transparent url(../images/tab_dim_left.png) no-repeat left; }
div#main_content div.container_original div#tabs ul.tab_gray li a span.tab_r { background:transparent url(../images/tab_dim_right.png) no-repeat right; }
div#main_content div.container_original div#tabs ul.tab_gray li a:hover span.tab_l,
div#main_content div.container_original div#tabs ul.tab_gray li a.hover span.tab_l,
div#main_content div.container_original div#tabs ul.tab_gray li.active a span.tab_l { background:transparent url(../images/tab_bright_left.png) no-repeat left; }
div#main_content div.container_original div#tabs ul.tab_gray li a:hover span.tab_r,
div#main_content div.container_original div#tabs ul.tab_gray li a.hover span.tab_r,
div#main_content div.container_original div#tabs ul.tab_gray li.active a span.tab_r { background:transparent url(../images/tab_bright_right.png) no-repeat right; }

div#main_content div.container_original div.tab_block ul.college { float:left; padding-top:12px;}

div#main_content div.container_original div.field_dark { float:left; margin-left:26px; }
div#main_content div.container_original div.field_dark span.label { float:left; color:#1A2172; }
div#main_content div.container_original div.field_dark a { color:#454545; }

div#main_content li.detail_list div.row div.subjects,
div#main_content li.detail_list div.row div.subjects_list { float:left; width:315px; padding:0 20px 20px 0; }
div#main_content li.detail_list div.row div.subjects h3 { float:left; font-weight:normal; font-size:1.1em; }
div#main_content li.detail_list div.row div.subjects h3.bullet { padding-left:15px; background:transparent url(../images/bullet_point.gif) no-repeat 0 18px; }
div#main_content li.detail_list div.row div.subjects ul,
div#main_content li.detail_list div.row div.subjects_list ul { float:left; width:295px; clear:both }
div#main_content li.detail_list div.row div.subjects ul li,
div#main_content li.detail_list div.row div.subjects_list ul li{ float:left; width:295px; padding:2px 0 0 15px; background:transparent url(../images/bullet_point.gif) no-repeat 0 8px; }
div#main_content li.detail_list div.row div.subjects_list ul li ul { margin-bottom:0; }
div#main_content li.detail_list div.row div.subjects_list ul li li {float:left; width:295px; padding:2px 0 0 15px; background:transparent url(../images/bullet_point.gif) no-repeat 0 7px; }
div#main_content li.detail_list table.teaching_staff { float:left; width:645px; margin-left:25px; line-height:1.7; font-size:1em; }
div#main_content li.detail_list table.teaching_staff span.staff_detail { color:#003ca0; cursor:pointer; }
div#main_content li.detail_list table.teaching_staff span.staff_detail:hover { text-decoration:underline; }
div#main_content li.detail_list table.teaching_staff tr td.eng_name { width:170px; padding:0 10px 0 0; }
div#main_content li.detail_list table.teaching_staff tr td.chi_name { width:60px; padding:0 10px 0 0; letter-spacing:5px; font-size:1.05em; }
div#main_content li.detail_list table.teaching_staff tr td.qualification { width:240px; padding:0; font-size:0.95em; }
div#main_content li.detail_list table.teaching_staff tr td.title { width:135px; padding:0 10px 0 0; font-size:0.95em; }

div#main_content li.detail_list table.people { float:left; width:645px; margin-left:10px; line-height:1.7; font-size:1em; }
span.staff_detail, span.staff_detail_cht, span.staff_detail_eng { color:#003ca0; cursor:pointer; }
span.staff_detail:hover { text-decoration:underline; }
div#main_content li.detail_list table.people tr td.eng_name { width:170px; padding:0 10px 5px 0; }
div#main_content li.detail_list table.people tr td.chi_name { width:85px; padding:0 10px 5px 0; letter-spacing:5px; font-size:1.05em; }
div#main_content li.detail_list table.people tr td.qualification { width:200px; padding:0; font-size:0.95em; }
div#main_content li.detail_list table.people tr td.title { width:165px; padding:0 0 5px 0; font-size:0.95em; }


/* ========================================== */
/* Subject Listing (by subject) */

div#main_content li.detail_list div.subjects_list { margin-bottom:0; }
div#main_content div.subjects_list,
div#main_content li.detail_list div.subjects_list a,
div#main_content li.detail_list div.subjects_list a:hover { color:#454545; } 
div#main_content li.detail_list div.subjects_list h3,
div#main_content li.detail_list div.subjects_list h3 a,
div#main_content li.detail_list div.subjects_list h3 a:hover { font-size:1em; font-weight:bold; color:#0088b3; }


/* ========================================== */
/* About Us Directorate */

div.richeditor ul.people { float:left; }
div.richeditor ul.people li.detail_list { margin-left:-20px; }
div#main_content ul.people li.detail_list div.dot_sep { padding-bottom:15px; }

div#main_content li.detail_list div.directorate div { float:left; }
div#main_content li.detail_list div.directorate div.photo { width:100px; height:111px; margin-right:20px; }
div#main_content li.detail_list div.directorate div.title_eng { width:190px; margin:15px 20px 0 0; font-size:0.95em; }
div#main_content li.detail_list div.directorate div.title_chi { width:110px; margin:15px 20px 0 0; font-size:1em; }
div#main_content li.detail_list div.directorate div.background { width:220px; margin-top:15px; font-size:0.95em; }
div#main_content li.detail_list div.directorate div.subjects_list h3 { width:100%; }
div#main_content li.detail_list div.directorate div.subjects_list ul.first { width:335px; margin-bottom:35px; }

/* ========================================== */
/* Colleges & Centres : Space in China */

div#main_content li.center_list { float:left; color:#222; width: 690px; padding:0 16px; }
div#main_content ul.partners li.center_list { margin-bottom:10px; }
div#main_content li.center_list a { color:#2745BE; }
div#main_content div.page_layout_1 div.logo { float:left; width:100%; margin:10px 0 0 20px; }
div#main_content li.center_list div.info { float:left; width:460px; padding-right:20px; }
div#main_content li.center_list div.info_list { float:left; width:460px; padding:5px 20px 0 0; font-size:0.9em; }
div#main_content li.center_list div.info_lc { width:500px;}
div#main_content li.center_list div.info_full { width:690px; padding-right:0; }
div#main_content li.center_list div.level2 div.info { padding-right:0; }
div#main_content li.center_list div.level2 { float:left; width:640px; padding:10px 25px 20px 25px; margin-top:2px; background-color:#e9f2f1; }
div#main_content li.center_list div.level2 div.info_lc { width:420px; }
div#main_content li.center_list div.level2 div.brief { width:420px; }
div#main_content li.center_list div.summary { float:left; width:690px; font-size:1em; }
/*div#main_content li.center_list h2 { float:left; width:100%; margin:10px 0; font-size:1.3em; color:#222; font-weight:normal; }*/
div#main_content li.center_list h2.lc_pad { margin-top:30px; }
div#main_content ul.partners li.center_list h2.lc_pad { margin-top:15px; }
div#main_content li.center_list h3 { float:left; width:100%; margin:10px 0 0 0; font-weight:normal; font-size:1em; }

div#main_content li.center_list div.brief { float:left; width:100%; padding:0 0 8px 0; line-height:1.5; vertical-align:baseline; }
div#main_content li.center_list div.brief a { vertical-align:baseline; }
/*div#main_content li.center_list div.half_row div.brief { font-size:1em; }*/
div#main_content li.center_list div.brief div { float:left; width:460px; }
div#main_content li.center_list div.brief div.enquiry{ float:left; width:200px; margin-right:10px; margin-top:5px; }
div#main_content li.center_list div.brief div.fax { float:left; width:180px; margin-right:10px;  margin-top:5px; }
div#main_content li.center_list div.brief div.opening_hour { width:500px; }
div#main_content li.center_list div.brief .label { font-size:1em; color:#005f9d; }
div#main_content li.center_list div.brief ul { float:left; width:460px; }
div#main_content li.center_list div.brief li { padding:6px 0 0 15px; background:transparent url(../images/bullet_point.gif) no-repeat 0 10px; }
div#main_content li.center_list div.brief li li { padding:6px 0 0 15px; background:transparent url(../images/bullet_point2.gif) no-repeat 0 10px; }

div#main_content li.center_list div.graphics { float:left; width:200px; margin-top:52px; }
div#main_content li.center_list div.graphics img { width:200px; height:auto; border:1px solid #c7c7c7; }
div#main_content li.center_list div.dot_sep { float:left; height:1px; width:100%; margin-top:5px; background:transparent url(../images/dot.png) repeat-x; }

div#main_content li.center_list div.graphics_lc { float:right; width:120px; margin:0 10px; }
div#main_content li.center_list div.graphics_lc img { float:right; }

div#main_content li.center_list div.map,
div#main_content li.center_list div.link_highlight { float:left; width:100%; margin-top:0; font-size:1em;}
div#main_content li.center_list div.map a,
div#main_content li.center_list div.link_highlight a { color:#5da5f1; }


/* ========================================== */
/* Programme Pagination */

div#main_content div.pagination { float:left; padding:10px 16px 10px 10px; color:#595D5C; font-size:1.1em; line-height:1.6em }
div#main_content div#search_result div.pagination { float:left; padding:10px 16px 10px 40px; color:#595D5C; font-size:1.1em; line-height:1.6em }
div#main_content div.pagination div { float:left; }

div#main_content div.pagination div.prev img,
div#main_content div.pagination div.next img { float:left; width:11px; height:11px; padding-top:3px;}
div#main_content div.pagination div.prev { padding-right:5px; }
div#main_content div.pagination div.next { margin-left:5px; }
div#main_content div.pagination div.page_no { padding:0 5px; }
div#main_content div.pagination div.page_no a { padding:0 3px; color:#595D5C; }
div#main_content div.pagination div.page_total { padding-left:15px; }


div#main_content div.pagination ul.page_no { float:left; padding:0 5px; }
div#main_content div.pagination ul.page_no a { padding:0 5px; color:#777; background-color:#F8F9FB; margin:2px; }
div#main_content div.pagination ul.page_no li { float:left;  }
div#main_content div.pagination ul.page_no li.current a { color:#fff; background:#13a3e3; }
div#main_content div.pagination span.page_total { float:left; width:auto; padding-left:15px; }
div#main_content div.pagination ul.page_no li.right-link a { border:none; background-color:transparent; padding-right:10px;white-space:nowrap;}
div#main_content div.pagination ul.page_no a:hover { background:#fff; color:#000; }
div#main_content div.pagination span.page-label { float:left; }

div#main_content div#search_result a.back_to_top,
div#main_content div#advanced_search_result a.back_to_top,
div#main_content div.content a.back_to_top,
div#main_content div.content_3col a.back_to_top,
div#main_content div.online_registration a.back_to_top,
div#main_content div.event_group a.back_to_top,
div#main_content div.content a.back_to_top_inline { float:right; margin:12px 30px 0 0; padding-left:15px; color:#595D5C; font-size:0.95em; text-transform:uppercase; background:transparent url(../images/arrow_top.gif) no-repeat 0 4px; clear:both; line-height:1.7em; }
div#main_content div.content a.back_to_top_inline { margin-top:-16px; }
div#main_content div#search_result a.back_to_top,
div#main_content div#advanced_search_result a.back_to_top { margin-top:12px;/*-16px;*/ padding-right:40px; background:transparent url(../images/arrow_top.gif) no-repeat 0 4px; }

div#main_content div.pagination ul li.prev { margin-right:5px; }
div#main_content div.pagination ul li.next { margin-left:5px; }

div#main_content div.pagination ul.page_no li.left-link { width:50px; margin-right:7px; height:15px; background:transparent url(../images/arrow_prev.gif) no-repeat 0 5px; float:left; }
div#main_content div.pagination ul.page_no li.right-link { width:45px; margin-left:5px; padding-right:10px; height:15px; background:transparent url(../images/arrow_next.gif) no-repeat right 5px; float:left; }
div#main_content div.content_3col div.back_to_previous { line-height:19px;}
div#main_content div.content_3col div.back_to_previous a { float:right; color:#272727; padding-left:15px; margin:0 25px 5px; font-size:0.9em; background:transparent url(../images/arrow_light_left.png) no-repeat 0 4px; }
div#main_content div.pagination ul.page_no li.left-link a { background-color:transparent; padding-left:15px; white-space:nowrap;}


/* ========================================== */
/* Programme Sorting */

div#main_content div.prog_sort { float:right; margin:0 8px 10px 0; color:#5d5e5f; font-size:0.95em; line-height:1.8; }
div#main_content div.prog_sort div { float:left; }
div#main_content div.prog_sort div.active { color:#0f8fb7; }


div#main_content div.prog_sort div.sort_type { margin-left:12px; }
div#main_content div.prog_sort div.sort_type a { color:#5D5E5F; cursor:pointer; }
div#main_content div.prog_sort div.sort_off,
div#main_content div.prog_sort div.sort_asc,
div#main_content div.prog_sort div.sort_desc { width:21px; height:21px; margin-left:4px; }

div#main_content div.prog_sort div.sort_off { background:transparent url(../images/arrow_sort_off.png) no-repeat; }
div#main_content div.prog_sort div.sort_asc { background:transparent url(../images/arrow_sort_asc.png) no-repeat; }
div#main_content div.prog_sort div.sort_desc { background:transparent url(../images/arrow_sort_desc.png) no-repeat; }


/* ========================================== */
/* Normal Search */


div.search_block input.search_field { float:left; width:140px; height:15px; margin-top:1px; padding:1px 2px 0 2px; font-family:Verdana,Geneva,Arial,Helvetica,sans-serif; font-size:0.9em; line-height:1.2; }
div.search_block input.search_button { float:left; margin-left:2px; }

div.sort_block { float:right; }
div.sort_block div.drop_down_box,
div#header div.drop_down_box{ float:left; margin:3px 0 0 20px; }
div.sort_block div.drop_down_box span, div#header div.drop_down_box span,div#advance_search div.drop_down_box span { float:left; width:140px; height:14px; padding:2px 7px; background:#5abfd1 url(../images/arrow_white_down.png) no-repeat 134px 0; color:#fff; cursor:pointer; } 

div.sort_block div.drop_down_box ul.options, div#header div.drop_down_box ul.options,div#advance_search div.drop_down_box ul.options { float:left; width:152px; margin-top:18px; position:absolute; display:none; border-left:1px solid #189ab1; border-bottom:1px solid #189ab1; border-right:1px solid #189ab1; background-color:#fff; }
div#header div.drop_down_box ul.options { margin-top:0; display:none; border-top:1px solid #189ab1; }
div.sort_block div.drop_down_box ul.options li, div#header div.drop_down_box ul.options li { padding:0; background-image:none; }
div.sort_block div.drop_down_box ul.options a, div#header div.drop_down_box ul.options a,div#advance_search div.drop_down_box ul.options li { float:left; width:138px; padding:3px 7px; color:#189ab1; }
div.sort_block div.drop_down_box ul.options a:hover, div#header div.drop_down_box ul.options a:hover, div#advance_search div.drop_down_box ul.options li.hover { background-color:#E3F7FF; color:#0088B3; text-decoration:none; }

div#sort_list { font-size:0.95em; }
div#sort_list div.label { padding-bottom:5px; color:#454545; }
div#sort_list div.sort_block { float:left; }
div#sort_list div.sort_block div.drop_down_box, div#header div.drop_down_box { margin:0 0 20px 0; }
div#sort_list div.sort_block div.drop_down_box span { width:167px; padding-right:22px; overflow:hidden; background-position:176px 0; }
div#header div.drop_down_box span{ width:162px; background-position:154px 0; }
div#sort_list div.sort_block div.drop_down_box ul.options a { float:left; width:180px; }
div#header div.drop_down_box ul.options a { float:left; width:158px; }
div#sort_list div.sort_block div.drop_down_box ul.options { width:194px; background-color:#fff; z-index:10; }
div#header div.drop_down_box ul.options { width:172px; }

ul.news div.first div.sort_block div.drop_down_box, div#header div.drop_down_box,div#advance_search div.drop_down_box { font-size:1em; }
ul.news div.first div.sort_block div.drop_down_box span, div#header div.drop_down_box span { height:18px; padding:0 7px; }

div#header div.drop_down_box { position:absolute; top:25px; left:560px; z-index:9999; }

div#advance_search div.drop_down_box ul.options { margin-left:-203px; width:400px; z-index:2; /*position:relative;*/}
div#advance_search div.drop_down_box ul.options li { width:386px; cursor:pointer; color:#000000;}
div#advance_search div.drop_down_box span { width: 186px; background-position:181px 0; overflow:hidden; line-height:1.3; }

div#advance_search div.drop_down_box ul.short-space { width:199px;margin-left:-1px;position:absolute;}
div#advance_search div.drop_down_box span { float:left; padding:2px 16px 2px 7px; width:176px; background:#f1f1f1 url(../images/advance_search_arrow_filter_down.png) no-repeat 180px 0; color:#000000; cursor:pointer;}
div#advance_search div.drop_down_box ul.short-space li { width:184px;}
/* ========================================== */
/* Advance Search */

div#main_content div#search_keyword_form { float:right; /*width:182px;*/ width:auto; height:24px; margin-bottom:0; /*8px;*/ margin-right:5px; }
div#main_content div#search_keyword_form #search_keyword { float:left; width:140px; height:15px; margin-top:1px; padding:0 2px 0 2px; font-family:Verdana,Geneva,Arial,Helvetica,sans-serif; font-size:0.85em; line-height:1.2; }

div#main_content div#advance_search { float:left; width:200px; height:636px; padding:14px 14px 0 14px; margin:8px 0 0 15px; color:#fff; background:transparent url(../images/bg_advance_search.png) no-repeat; }
div#main_content div#advance_search div { float:left; width:200px; font-size:11px; }
div#main_content div#advance_search div.action input { margin:10px 0 0 76px; }
div#main_content div#advance_search div.long-subject { float:left; width:400px; }
div#main_content div#advance_search h3 { float:left; margin-bottom:4px; font-size:14px; font-weight:normal; color:#003bc1; }
div#main_content div#advance_search h4 { float:left; width:100%; margin:12px 0 5px; font-size:13px; font-weight:normal; color:#001f83; }
div#main_content div#advance_search div.notes { margin-bottom:8px; width:200px; }
div#main_content div#advance_search label { float:left; font-size:11px; line-height:1.8; }
div#main_content div#advance_search input { float:left; font-size:11px; }
div#main_content div#advance_search select#subject_area,
div#main_content div#advance_search select#location { width:200px; }

div#main_content div#advance_search div.search_type { margin:9px 0 3px;}
div#main_content div#advance_search div.search_type_normal { margin-bottom:5px; }
div#main_content div#advance_search div.code_checkbox input,
div#main_content div#advanced_search_page div.code_checkbox input { float:left; width:17px; margin-right:3px; }
div#main_content div#advance_search div.code_checkbox input.code3,
div#main_content div#advanced_search_page div.code_checkbox input.code3 { width:24px; }
div#main_content div#advance_search div.code_checkbox input.code6,
div#main_content div#advanced_search_page div.code_checkbox input.code6 { margin-right:0; }
div#main_content div#advance_search div.code_checkbox span.bracket,
div#main_content div#advanced_search_page div.code_checkbox span.bracket { float:left; padding-top:4px; }
div#main_content div#advance_search .weekday{ float:left; width:50px; }

div#main_content div#advance_search div.code_checkbox div.arrow_course_code{
	float:right;
	width:21px;
	height:21px;
	margin-top:1px;
	background:transparent url(../images/arrow_course_code.png) no-repeat;
	cursor:pointer;
}

div#main_content div#advance_search span.glossary { float:right; width:auto; padding-left:15px; background:transparent url(../images/arrow_qf_level.gif) no-repeat; line-height:17px; }
div#main_content div#advance_search span.glossary a { color:#fff; } 

div#main_content div#advance_search div.search_sep{ padding-bottom:12px; border-bottom:1px dotted #fff; width:200px;}

/* Advance Search Page */

div#main_content div#advanced_search_page h1 { width:900px; }

div#main_content div#advanced_search_page table { margin:0; }
div#main_content div#advanced_search_page .search_keywords table tr td { padding:0 0 10px 0; line-height:1.6; }
div#main_content div#advanced_search_page .search_options table tr td { padding:0 0 15px 0; line-height:1.6; }
div#main_content div#advanced_search_page input.normal { width:240px; }

div#advanced_search_page { color:#454545; }
div#advanced_search_page ul.advanced_search_keywords { float:left; width:942px; }

div#advanced_search_page ul.advanced_search_keywords li { float:left; width:862px; padding:10px 40px; }

div#advanced_search_page .search_keywords { float:left; width:100%; margin-top:15px; }
div#advanced_search_page .search_options { float:left; width:100%; margin-top:25px; }
div#advanced_search_page .label { font-weight:bold; color:#1A2172; }
div#advanced_search_page label { padding:0 10px 4px 4px;} 
div#main_content div#advanced_search_page .btn2 { float:none; margin-top:40px; }

div#advanced_search_page .row_level div.col1 { width:115px; }
div#advanced_search_page .row_level div.col2 { width:185px; }
div#advanced_search_page .row_level div.col3 { width:145px; }
div#advanced_search_page .row_level div.col4 { width:135px; }

div#advanced_search_page .row_feature div.col1 { width:170px; }
div#advanced_search_page .row_feature div.col2 { width:135px; }
div#advanced_search_page .row_feature div.col3 { width:220px; }
div#advanced_search_page .row_feature div.col4 { width:130px; }



div#advanced_search_page select { float:left; }
div#advanced_search_page .div_select_subject_area { float:left; padding-bottom:4px; }
div#advanced_search_page .search_add_more { float:left; width:18px; height:18px; background:transparent url(../images/button_add_more.gif) no-repeat; margin-left:3px; text-decoration:underline; cursor:pointer; }
div#advanced_search_page .search_delete_more { float:left; width:18px; height:18px; background:transparent url(../images/button_del_more.gif) no-repeat; margin-left:3px; text-decoration:underline; cursor:pointer; }
div#advanced_search_page .glossary { background:transparent url(../images/arrow_small_blue_right.gif) no-repeat 0 3px; padding-left:15px; }
div#advanced_search_page .glossary { background:transparent url(../images/arrow_small_blue_right.gif) no-repeat 0 3px; padding-left:15px; }
div#advanced_search_page .glossary a { color:#454545; }
div#advanced_search_page .search_select_date { float:left; width:250px; }
div#advanced_search_page .search_select_date select { float:left; margin-right:7px; }
div#advanced_search_page div.date_to { float:left; width:14px; margin:0 18px 0 10px; }
div#advanced_search_page #search_start_date, div#advanced_search_page #search_end_date { float:left; width:16px; height:14px; margin-top:4px; /*background:transparent url(../images/button_cal.gif) no-repeat;*/ cursor:pointer; } 

div#advanced_search_result .prog_sort { width:470px; }
div#advanced_search_result .prog_list div.info { width:780px; }

/* ========================================== */
/* Customize Dialog */

div.dialog_popup { display:none; width:563px !important; }
div.dialog_body { float:left; width:563px; background: transparent url(../images/dialog_body.png) repeat-y; }
div.dialog_bottom { float:left; width:563px; height:32px; background: transparent url(../images/dialog_bottom.png) repeat-y; }

div.dialog_body ul { float:left; width:523px; margin:0 20px; }
div.dialog_body ul li { float:left; width: 483px; padding:15px 20px 0 20px; }
div.dialog_body ul li.dot_sep { float:left; padding-bottom:15px; background:transparent url(../images/dot.png) repeat-x bottom; }
div.dialog_body ul li img#staff_photo { float:left; width:100px; margin-right:30px; }
div.dialog_body ul li div#staff_basic_info { float:left; width:350px; }
div.dialog_body ul li div#staff_basic_info div.staff_names { float:left; width:100%; margin-top:10px; color:#003ca0; }
div.dialog_body ul li div#staff_basic_info div.staff_names span#staff_eng_name { float:left; font-size:1.2em; padding-right:30px;}
div.dialog_body ul li div#staff_basic_info div.staff_names span#staff_chi_name { float:left; font-size:1em; letter-spacing:5px; padding-top:2px; }
div.dialog_body ul li div#staff_basic_info div#staff_qualification { float:left; width:100%; margin-top:7px; font-size:0.9em; }
div.dialog_body ul li div#staff_basic_info div#staff_title { float:left; width:100%; margin-top:7px; font-size:1em;}
div.dialog_body ul li div#staff_basic_info div#staff_email { float:left; width:100%; margin-top:7px; font-size:0.95em; }
div.dialog_body ul li div#staff_basic_info div#staff_email span.label { color:#0080b9; }
div.dialog_body ul li div#staff_basic_info div#staff_email a { color:#454545; }
div.dialog_body ul li h2 { float:left; width:100%; font-size:1.2em; font-weight:bold; color:#1048a6; }
div.dialog_body ul li div.desc { float:left; padding:10px 0 5px; line-height:1.3;}
div.dialog_body ul li div.desc p { padding-bottom:10px; }

div.dialog_body ul li img.speaker_photo { float:left; width:100px; margin-right:30px; }
div.dialog_body ul li div.speaker_basic_info { float:left; width:350px; }
div.dialog_body ul li div.speaker_basic_info div.speaker_names { float:left; width:100%; margin-top:10px; color:#003ca0; }
div.dialog_body ul li div.speaker_basic_info div.speaker_names span#staff_eng_name { float:left; font-size:1.2em; padding-right:30px;}
div.dialog_body ul li div.speaker_basic_info div.speaker_profile { float:left; width:100%; margin-top:7px; font-size:0.9em; }

.ui-widget { font-family:Verdana,Geneva,Arial,Helvetica,sans-serif; }
.ui-widget-overlay { background: #fff url(../images/bg_overlay.gif) 50% 50% repeat; opacity: .70; filter:Alpha(Opacity=70); }

.ui-widget-content { border: none; background:none; color: #454545; }
.ui-widget-header { border: none; background: transparent url(../images/dialog_top.png) 50% 50% no-repeat; height:64px; color: #ffffff; font-weight: bold; }
#dialog_staff_detail .ui-state-hover .ui-icon, #dialog_staff_detail .ui-state-focus .ui-icon { background-image: none; }

.ui-widget-header .ui-icon,
.ui-state-hover, .ui-widget-content .ui-state-hover,
.ui-state-focus, .ui-widget-content .ui-state-focus { width:26px; height:26px; border: none; background: transparent url(../images/dialog_close.png) no-repeat; }

.ui-dialog .ui-dialog-titlebar { padding: 0; }
.ui-dialog .ui-dialog-titlebar-close { right: .5em; top: 28%; width: 26px; height: 26px; padding: 0px; }
.ui-dialog .ui-dialog-titlebar-close span { margin: 0px; }
.ui-dialog .ui-dialog-title { float: right; margin: 40px 30px 5px 0; font-size:14px; font-weight:normal; font-family:Arial, Helvetica, sans-serif; } 

.ui-dialog .ui-dialog-content { padding: 0; }


/* Event Calendar */

div#main_content #calendar { float:left; width:228px; margin:8px 0 15px 1px; font-size:12px; font-weight:normal; }
div#main_content #calendar .top { width:228px; height:10px; background: transparent url(../images/cal_top.png) no-repeat left; color: #ffffff; font-weight: bold; padding:0; }
div#main_content #calendar .bottom { float:left; width:228px; height:17px; background:transparent url(../images/cal_bottom.png) no-repeat left; }

div#main_content #calendar table { border-collapse:separate; border:none; width:228px; margin:0; padding:0; color:#454545; background: transparent url(../images/cal_body.jpg) repeat-y;}
div#main_content #calendar table a { text-decoration:none; }

div#main_content #calendar table th { width:32px; height:28px; padding:0 0 5px 0; text-align:center; vertical-align:middle; color:#000; font-weight:normal; background-color:#fff; border:0; }
div#main_content #calendar table th a#prev_year  { float:left; width:16px; height:16px; padding:0 6px; background:transparent url(../images/arrow_cal_prev_year.gif) no-repeat right center; }
div#main_content #calendar table th a#prev_month { float:left; width:16px; height:16px; padding:0 6px; background:transparent url(../images/arrow_cal_prev_month.gif) no-repeat center center; } 
div#main_content #calendar table th a#next_month { float:left; width:16px; height:16px; padding:0 6px; background:transparent url(../images/arrow_cal_next_month.gif) no-repeat center center; }
div#main_content #calendar table th a#next_year  { float:left; width:16px; height:16px; padding:0 6px; background:transparent url(../images/arrow_cal_next_year.gif) no-repeat left center; }

div#main_content #calendar table tr#weekday { background-color:#a8a8a8; }
div#main_content #calendar table tr#weekday td { height:28px; background-color:#a8a8a8; color:#fff; }

div#main_content #calendar table td { width:32px; height:25px; padding:0; text-align:center; vertical-align:middle; font-weight:normal; border:none; }
/*div#main_content #calendar table td a { padding:4px 6px; background-color:#daf1ff; color:#454545; }*/

div#main_content #calendar table td a { float:left; width:30px; height:14px; margin:0 1px; padding:5px 0; background-color:#daf1ff; color:#454545; }

div#main_content #calendar table td div.highlight { clear:both; height:14px; padding:5px 0; background-color:#44AAC0; color:#fff; }
div#main_content #calendar table td div.highlight a { padding:0; background-color:#44AAC0; color:#fff; }

/* ========= Date Picker ========= */


#ui-datepicker-div .ui-widget-header{ border-left:1px solid #e5e5e5; border-right:1px solid #e5e5e5; border-top:1px solid #e5e5e5; width:253px; background-color: #fff; background-image:none; height:33px; color: #ffffff; font-weight: bold; padding:0; }

/*
#ui-datepicker-div .ui-widget-header{ border: none; width:230px; background: transparent url(../images/cal_top.png) no-repeat left; height:33px; color: #ffffff; font-weight: bold; padding:0; }
*/

.ui-datepicker .ui-datepicker-title { font-size:14px; color:#454545; padding-top:5px; }

#ui-datepicker-div { width:255px; margin-top:5px; background-color:transparent; background-image:none; border:none; }

.ui-datepicker table.ui-datepicker-calendar th { width:228px; padding:0.35em 0.7em; text-align:right; color:#fff; font-size:14px; background-color:#a8a8a8; }

.ui-datepicker table.ui-datepicker-calendar { border-left:1px solid #e5e5e5; border-right:1px solid #e5e5e5; border-bottom:1px solid #e5e5e5; color:#777; background-color:#fff;}


.ui-datepicker table.ui-datepicker-calendar tbody a { font-size:12px; text-decoration:none; }
.ui-datepicker table.ui-datepicker-calendar tbody a.ui-state-default { width:14px; height:12px; background-color:#fff; color:#777; background-image:none; border:none; padding:0.6em; margin:0.1em; }
.ui-datepicker table.ui-datepicker-calendar tbody a.ui-state-highlight { width:14px; height:12px; background-color:#44AAC0 !important; color:#fff !important; }
.ui-datepicker table.ui-datepicker-calendar td { padding:0; }

#ui-datepicker-div .ui-widget-header .ui-datepicker-prev .ui-icon { width:16px; height:16px; background:#fff url(../images/arrow_cal_prev_month.gif) no-repeat center center; } 
#ui-datepicker-div .ui-widget-header .ui-datepicker-next .ui-icon { width:16px; height:16px; background:#fff url(../images/arrow_cal_next_month.gif) no-repeat center center; } 


#ui-datepicker-div .ui-state-hover .ui-icon, #ui-datepicker-div .ui-state-focus .ui-icon { background-image:none; }

.ui-datepicker .ui-datepicker-prev, .ui-datepicker .ui-datepicker-next { position:absolute; top:5px; width: 1.8em; height: 1.8em; cursor:pointer; }
.ui-datepicker .ui-datepicker-prev-hover { left:2px; border: 1px solid #fff; }
.ui-datepicker .ui-datepicker-next-hover { right:2px; border: 1px solid #fff; }
.ui-datepicker .ui-datepicker-prev { left:34px; }
.ui-datepicker .ui-datepicker-next { left:192px; }

	
.ui-datepicker-header .ui-icon { border:none; }

#ui-datepicker-div .ui-state-hover, #ui-datepicker-div .ui-widget-content .ui-state-hover, #ui-datepicker-div .ui-state-focus, #ui-datepicker-div .ui-widget-content .ui-state-focus 
{ border: none; background-image: none; background-color:transparent; font-weight: bold; color: #c77405; outline: none; }


#ui-datepicker-div .ui-corner-all {
-moz-border-radius: 0px;
-webkit-border-radius: 0px;
}


#datepicker_prev_year { position:absolute; float:left; width:1.8em; height:1.8em; margin-top:9px; margin-left:14px; z-index:2; background:transparent url(../images/arrow_cal_prev_year.gif) no-repeat center center; }
#datepicker_next_year { position:absolute; float:left; width:1.8em; height:1.8em; margin-top:9px; margin-left:200px; z-index:2; background:transparent url(../images/arrow_cal_next_year.gif) no-repeat center center; }
#datepicker_bottom { float:left; width:228px; height:17px; margin-left:3px; background:transparent url(../images/cal_bottom.png) no-repeat left; }

/*
#ui-datepicker-div { top:960px !important; }
*/

#datepicker_search_from_date, #datepicker_search_to_date { float:left; width:0; height:0; line-height:0; border:0; padding:0; margin:15px 0 0 0; }
#search_start_date img, #search_end_date img { float:right; }
div#advanced_search_page div, div#advanced_search_page .checkbox_group input, div#advanced_search_page .checkbox_group label { float:left; }
div#advanced_search_page .checkbox_group div { width:100%; }
div#advanced_search_page .search_within label, div#advanced_search_page .search_within input, div#advanced_search_page .search_within div { float:left; }
div#advanced_search_page .search_within div { width:230px; }
div#advanced_search_page .hyphen { float:left; margin-right:3px; }
div#advanced_search_page .course_code_example { float:left; margin:0 3px 0 10px; }

#search-suggest {
    position:absolute;
    background-color: #eee;
    display: none;
	width:195px;
	z-index:100;
}

#search_keyword_form #search-suggest {
	position:relative;
	width:175px;
}

#search-suggest ul li {
    padding: 0.5em;
}
#search-suggest ul li a:hover {
    text-decoration: none;
}

#search-suggest ul li:hover {
    background-color: #fc0;
}


/* Rich content CSS */
div.richeditor a { color:#2745BE; text-decoration:none; }
div.richeditor p {font-size:1em;line-height:1.6em;padding:10px 0;margin-bottom:4px;}
div.richeditor ul {padding:10px 0!important;margin:0!important;}
div#main_content div.online_registration div.form_desc ul li, li.detail-list div.richeditor ul li,
div.richeditor ul li {list-style:none!important;background:transparent url(../images/bullet_point.gif) no-repeat scroll 0 11px!important;font-size:1em;padding:4px 0 0 15px!important;}
div.richeditor ul li ul li{list-style:none!important;background:transparent url(../images/bullet_point2.gif) no-repeat scroll 0 11px;font-size:1em;padding:4px 0 0 15px;}
div.richeditor ol { margin:0 0 15px 27px; padding:0; list-style:decimal; }
div.richeditor ol li { margin:6px 0 0 0; padding:0;  background:none; list-style-type: decimal;} 
div.richeditor ol li ol li {margin:6px 0 0 0; padding:0;  background:none; list-style-type: decimal; }
div.richeditor h3 { font-size:1.1em;font-weight:normal;}
div.richeditor h2 {background:transparent url(../images/bullet_grid.gif) no-repeat scroll 0 3px; font-size:1.3em;font-weight:bold;padding:0 0 12px 25px;}
div.richeditor h1 { font-size:1.4em;font-weight:normal;line-height:1.4;padding-bottom:8px;}


div.richeditor table {  border:1px solid #ccc; }
div.richeditor table tr th{ background-color:#eee; padding:10px 8px 10px 5px; color:#222; border:1px solid #ccc;}
div.richeditor table tr td{ padding-right:12px; padding:5px 8px 5px 5px; border:1px solid #ccc; }


div.richeditor table tr th.dark-header { background-color:#ccc; padding:10px 8px 10px 5px; color:#222; border:1px solid #bbb; font-weight:normal; }
div.richeditor table.border { border:1px solid #ccc; }
div.richeditor table.border tr th{ border:1px solid #ccc; }
div.richeditor table.border tr td{ border:1px solid #ccc; }


/* Rich Content Fix */
div#main_content .container_original .pro_detail_page div.richeditor span { float:none; }
div#main_content .container_original .pro_detail_page h2.bullet { float:none; }
div#main_content .container_original .pro_detail_page h1 { float:none; }


div#main_content li.center_list div.richeditor h2, 
div#main_content li.detail_list div.richeditor h2 {background:transparent url(../images/bullet_grid.gif) no-repeat scroll 0 3px; font-size:1.3em;font-weight:bold;padding:0 0 12px 25px; float:none;}

div#main_content li.detail_list div.richeditor span { float:none; }

/* Static page rich content CSS */
div#main_content li.center_list div.richeditor { color:#222222; }
div#main_content li.center_list div.richeditor a { color:#2745BE; }
div#main_content li.center_list div.richeditor p {font-size:1em;line-height:1.6;padding-bottom:10px; margin-bottom:4px;}
div#main_content li.center_list div.richeditor ul {padding:0;margin:0;}
div#main_content li.center_list div.richeditor ul li {list-style:none;background:transparent url(../images/bullet_point.gif) no-repeat scroll 0 9px;font-size:1em;padding:4px 0 0 15px;}
div#main_content li.center_list div.richeditor ul li li{list-style:none;background:transparent url(../images/bullet_point2.gif) no-repeat scroll 0 11px;font-size:1em;padding:4px 0 0 15px;}
div#main_content li.center_list div.richeditor h3 { font-size:1.1em;font-weight:normal; float:none; }
div#main_content li.center_list div.richeditor h2 {background:transparent url(../images/bullet_grid.gif) no-repeat scroll 0 3px;color:#1A2172;font-size:1.3em;font-weight:bold;padding:0 0 3px 25px; float:none;clear:both; margin-top:9px; }
div#main_content li.center_list div.richeditor h1 { font-size:1.4em;font-weight:normal;line-height:1.4;padding-bottom:8px;}
div#main_content li.center_list div.richeditor td { font-size:1em; }




/* Layout 1 style */
div#main_content div.page_layout_1 li.center_list div.richeditor { float:left; /*font-size:1em;*/ padding-right:20px;width:460px; /*font-size:1.05em;*/line-height:1.6; }
div#main_content div.page_layout_1 div.banner_text { width:auto; margin:0 20px; padding:0; } 
div#main_content div.page_layout_1 div.logo { float:none; clear:both; }
div#main_content div.page_layout_1 li.center_list div.richeditor h2 { padding:0 0 12px 0; }
div#main_content div.page_layout_1 li.center_list div.graphics img.no-border {border: none;}

/* Layout 2 style */
div#main_content div.page_layout_2 li.center_list div.richeditor { /*font-size:1em;*/ width:460px; float:right; padding-right:0; padding-left:20px;/*font-size:1.05em;*/line-height:1.6; }
div#main_content div.page_layout_2 div.banner_text { width:auto; margin:0 20px; padding:0; } 
div#main_content div.page_layout_2 div.logo { margin-left:15px; float:none; clear:both; }
div#main_content div.page_layout_2 li.center_list div.graphics { float:right; }
div#main_content div.page_layout_2 li.center_list div.richeditor h2 { padding:0 0 12px 0; }
div#main_content div.page_layout_2 li.center_list div.graphics img.no-border {border: none;}

/* Layout 3 style */
div#main_content ul.layout_3 div.logo { float:none; clear:both; }
div#main_content ul.layout-3 li.center_list p { /*font-size:1.05em;*/ line-height:1.6em; padding:10px 0; }
div#main_content ul.layout-3 li.center_list div.richeditor { /*font-size:0.9em;*/ margin-right:20px; }
div#main_content ul.layout-3 ul.graphics-list { float:right; width:220px; margin:15px 0 15px 15px; }
div#main_content ul.layout-3 ul.graphics-list li { margin-bottom:10px; float:left; }
div#main_content ul.layout-3 ul.graphics-list li img  { padding:3px; border:1px solid #ccc; }
div#main_content ul.layout-3 ul.graphics-list li img.no-border {border: none;}
div#main_content ul.layout-3 ul.graphics-list li span { margin:3px; display:block; width:200px; /*font-size:0.9em;*/ line-height:1.1em; color:#666666; }
div#main_content ul.layout-3 li.center_list div.richeditor h1,
div#main_content ul.layout-3 li.center_list div.richeditor h2,
div#main_content ul.layout-3 li.center_list div.richeditor h3 { clear:none; display:inline; }


/* Layout 4 style */
div#main_content ul.layout-4 div.logo { float:none; clear:both; }
div#main_content ul.layout-4 li.center_list p { /*font-size:1.05em;*/ line-height:1.6em; padding:10px 0; }
div#main_content ul.layout-4 li.center_list div.richeditor { /*font-size:0.9em;*/ margin-right:20px; }
div#main_content ul.layout-4 ul.graphics-list { float:left; width:220px; margin:15px 0 15px 15px; }
div#main_content ul.layout-4 ul.graphics-list li { margin-bottom:10px; float:left; }
div#main_content ul.layout-4 ul.graphics-list li img  { padding:3px; border:1px solid #ccc; }
div#main_content ul.layout-4 ul.graphics-list li img.no-border { border: none; }
div#main_content ul.layout-4 ul.graphics-list li span { margin:3px; display:block; width:200px; /*font-size:0.9em;*/ line-height:1.1em; color:#666666; }
div#main_content ul.layout-4 li.center_list div.richeditor h1,
div#main_content ul.layout-4 li.center_list div.richeditor h2,
div#main_content ul.layout-4 li.center_list div.richeditor h3 { clear:none; display:inline;  }


/* Layout 5 style */
div#main_content ul.layout_5 div.logo { float:none; clear:both; }
div#main_content ul.layout_5 li.center_list p { /*font-size:1.05em;*/ line-height:1.6em; padding:10px 0; }
div#main_content ul.layout_5 li.center_list div.richeditor { /*font-size:0.9em;*/ margin-right:20px; }
div#main_content ul.layout_5 ul.graphics-list { width:790px; margin:15px 0 15px 0; float:left; }
div#main_content ul.layout_5 ul.graphics-list li { margin-bottom:10px; margin-right:12px; float:left; }
div#main_content ul.layout_5 ul.graphics-list li img  { padding:3px; border:1px solid #ccc; }
div#main_content ul.layout-5 ul.graphics-list li img.no-border { border: none; }
div#main_content ul.layout_5 ul.graphics-list li span { margin:3px; display:block; width:200px; /*font-size:0.9em;*/ line-height:1.1em; color:#666666; height:50px; overflow:hidden; }


/* Layout 6 style */
div#main_content ul.layout_6 div.logo { float:none; clear:both; }
div#main_content ul.layout_6 li.center_list p { /*font-size:1.05em;*/ line-height:1.6em; padding:10px 0; }
div#main_content ul.layout_6 li.center_list div.richeditor { /*font-size:0.9em;*/ margin-right:20px; }
div#main_content ul.layout_6 ul.graphics-list { width:790px; margin:15px 0 15px 0; float:left; }
div#main_content ul.layout_6 ul.graphics-list li { margin-bottom:10px; margin-right:12px; float:left; }
div#main_content ul.layout_6 ul.graphics-list li img  { padding:3px; border:1px solid #ccc; }
div#main_content ul.layout-6 ul.graphics-list li img.no-border { border: none; }
div#main_content ul.layout_6 ul.graphics-list li span { margin:3px; display:block; width:200px; /*font-size:0.9em;*/ line-height:1.1em; color:#666666; height:50px; overflow:hidden; }


/* Layout 7 style */
div#main_content ul.layout_7 div.logo { float:none; clear:both; }
div#main_content ul.layout-7 li.center_list p { /*font-size:1.05em;*/ line-height:1.6em; padding:10px 0; }
div#main_content ul.layout-7 li.center_list div.richeditor { /*font-size:0.9em; clear:both; */ margin-right:20px; }
div#main_content ul.layout-7 li.center_list ul.graphics-list { float:right; width:220px; margin:15px 0 15px 15px; }
div#main_content ul.layout-7 li.center_list ul.graphics-list li { margin-bottom:10px; float:left; padding:0; background:none; }
div#main_content ul.layout-7 li.center_list ul.graphics-list li img  { padding:3px; border:1px solid #ccc; }
div#main_content ul.layout-7 li.center_list ul.graphics-list li img.no-border  { border: none; } 
div#main_content ul.layout-7 li.center_list ul.graphics-list li span { margin:3px; display:block; width:200px; /*font-size:0.9em;*/ line-height:1.1em; color:#666666; }
div#main_content ul.layout-7 li.center_list div.dot_sep { margin-bottom:20px; float:left; clear:both; }
div#main_content ul.layout-7 li.center_list div.back_to_top { clear:both; float:left; width:100%; display:block; }
div#main_content ul.layout-7 li.center_list .richeditor h2,
div#main_content ul.layout-7 li.center_list .richeditor h3,
div#main_content ul.layout-7 li.center_list .richeditor h4,
div#main_content ul.layout-7 li.center_list .richeditor h5 { clear:none; display:inline; }

/* Layout 8 style */
div#main_content ul.layout_8 div.logo { float:none; clear:both; }
div#main_content ul.layout-8 li.center_list p { /*font-size:1.05em;*/ line-height:1.6em; padding:10px 0; }
div#main_content ul.layout-8 li.center_list div.richeditor { /*font-size:0.9em;*/ margin-right:20px; }
div#main_content ul.layout-8 li.center_list ul.graphics-list { float:left; width:220px; margin:15px 0 15px 15px; }
div#main_content ul.layout-8 li.center_list ul.graphics-list li { margin-bottom:10px; float:left; padding:0; background:none; }
div#main_content ul.layout-8 li.center_list ul.graphics-list li img  { padding:3px; border:1px solid #ccc; }
div#main_content ul.layout-8 li.center_list ul.graphics-list li img.no-border  { border: none; }
div#main_content ul.layout-8 li.center_list ul.graphics-list li span { margin:3px; display:block; width:200px; /*font-size:0.9em;*/ line-height:1.1em; color:#666666; }
div#main_content ul.layout-8 li.center_list div.dot_sep { margin-bottom:20px; float:left; }
div#main_content ul.layout-8 li.center_list div.back_to_top { clear:both; float:left; width:100%; display:block; }
div#main_content ul.layout-8 li.center_list ul ul { float:left}
div#main_content ul.layout-8 li.center_list .richeditor h2,
div#main_content ul.layout-8 li.center_list .richeditor h3,
div#main_content ul.layout-8 li.center_list .richeditor h4,
div#main_content ul.layout-8 li.center_list .richeditor h5 { clear:none; display:inline; }

/*
div#main_content .line { border-bottom: 1px dotted #ccc; padding-top:15px; margin:0 10px 10px 10px; clear:both; }
*/

/* for ie 8 */
div.container_original { width:729px;}

/* ========================================== */
/* Online Registration */
div#main_content .online_registration { width:950px; margin:15px 0; color:#272727}
div#main_content .online_registration .reg_banner { margin-bottom:15px;}
div#main_content .online_registration h2 {padding-top:15px; margin-bottom:5px; font-size:1.1em; line-height:2.3;}
div#main_content .online_registration h2 span { line-height:2; margin-right:6px;}
div#main_content .online_registration h3 { padding-top:15px; margin-bottom:5px;}
div#main_content .online_registration p{ line-height:1.9em; padding:5px 5px 10px 0;}
div#main_content .online_registration ul li{ line-height:1.6em;}
div#main_content .online_registration ul.event_1 { width:940px; margin-top:5px; margin-bottom:5px; float:left;}
div#main_content .online_registration ul.event_1 li{background-color:#fff; border:1px solid #ecebeb; float:left; margin-top:-1px; }
div#main_content .online_registration ul.event_1 li div.item{ float:left; width:120px; padding:8px 10px; background-color:#fbfbfb; }
div#main_content .online_registration ul.event_1 li div.detail{ float:left; width:770px; padding:8px 10px; border-left:1px solid #ecebeb; }
div#main_content .online_registration ul.event_1 li div.detail input{ width:40px; padding-left:5px; padding-right:5px; text-align:right;}
div#main_content .online_registration .reg_btn {width:210px; text-align:center; margin:15px auto 0 auto;}
div#main_content .online_registration .reg_btn .btn {background: url(../images/button_reg_bg.jpg) center no-repeat; width:80px; height:24px; margin:0 auto; padding-top:8px; font-size:0.9em; font-weight:bold;}
div#main_content .online_registration .reg_btn .btn a{color:#181161; }
div#main_content .online_registration .reg_btn .btn a:hover{color:#000; text-decoration:none;}
div#main_content .online_registration .register_now .reg_btn { width:110px;}
div#main_content .online_registration .register_now .reg_btn { margin-top:0; }
div#main_content .online_registration .register_now .btn2,
div#main_content .online_registration .reg_btn .btn2,
div#main_content #advanced_search_page .btn2 { cursor:pointer; float:left; background: url(../images/button_reg_bg.jpg) center no-repeat; width:80px; height:24px;  /*padding-top:8px;*/ font-size:0.9em; font-weight:bold; margin-left:10px; margin-right:10px;}
div#main_content .online_registration .reg_btn .btn2 a,
div#main_content #advanced_search_page .btn2 a {color:#181161; font-weight:bold; }
div#main_content .online_registration .reg_btn .btn2 a:hover,
div#main_content #advanced_search_page .btn2 a:hover {color:#000; text-decoration:none;}

div#main_content .online_registration .reg_btn .btn input,
div#main_content #advanced_search_page .btn2 input, 
div#main_content .online_registration .reg_btn .btn2 input{ cursor:pointer; padding:4px 0; width:80px; text-align:center; color:#181161; font-weight:bold; }


/* Online Registration - Form*/
div#main_content .online_registration ul.event_2 { width:960px; margin-top:25px; margin-bottom:10px;float:left;}
div#main_content .online_registration ul.event_2 li{background-color:#fff; border:1px solid #ecebeb; float:left; margin-top:-1px; }
div#main_content .online_registration ul.event_2 li div.item{ float:left; width:120px; padding:8px 10px; background-color:#fbfbfb; }
div#main_content .online_registration ul.event_2 li div.detail{ float:left; width:790px; padding:8px 10px; border-left:1px solid #ecebeb; }
div#main_content .online_registration ul.event_2 li div.detail input{ width:40px; padding-left:5px; padding-right:5px; text-align:right;}

div#main_content .online_registration ul.part_info {width:940px; margin-top:5px; margin-bottom:10px;float:left;}
div#main_content .online_registration ul.part_info li{ float:left; clear:both;width:940px; }
div#main_content .online_registration ul.part_info li div.item{ float:left; width:200px; padding:8px 10px; padding-left:0; }
div#main_content .online_registration ul.part_info li div.detail{ float:left; width:650px; padding:8px 10px;   padding-left:0; }
div#main_content .online_registration ul.part_info li div.detail input{  padding-left:5px; padding-right:5px; }
div#main_content .online_registration ul.part_info li span{ line-height:2em;}

div#main_content .online_registration .attend { padding-bottom:10px;}
div#main_content .online_registration .attend p{padding:5px 5px 0 0;}
div#main_content .online_registration .attend p span{ margin-left:35px; font-weight:bold;}

div#main_content .online_registration .payment{ margin-top:15px; background-color:#d0d0d0; padding:10px 15px; width:910px;}
div#main_content .online_registration .payment ul{width:940px; margin-top:5px; margin-bottom:10px;float:left;}
div#main_content .online_registration .payment ul li{ float:left; padding:5px;}
div#main_content .online_registration .payment ul li div.item{ float:left; width:120px;}
div#main_content .online_registration .payment ul li div.detail{ float:left; width:770px;}
div#main_content .online_registration .payment ul li div.detail input{  padding-left:5px; padding-right:5px; }

div#main_content .online_registration .enquiry {margin-top:5px; margin-bottom:10px;}
div#main_content .online_registration .enquiry p{ line-height:1.2em; padding-bottom:5px; clear:both;}
div#main_content .online_registration .enquiry ul{width:940px;float:left;}
div#main_content .online_registration .enquiry ul li{ float:left; padding:3px; line-height:1.2em; padding-left:0;}
div#main_content .online_registration .enquiry ul li div.item{ float:left; width:50px;}
div#main_content .online_registration .enquiry ul li div.detail{ float:left; width:770px;}

/* Online Registration - Tanks*/
div#main_content .online_registration .thanks { /*width:880px;*/ padding:0 30px;  /*min-height:300px;*/ margin-top:5px; background-color:#fff; }
div#main_content .online_registration .thanks h2 { color:#181161; font-size:1.2em;}
div#main_content .online_registration .thanks .right{ font-weight:bold; padding-top:15px; padding-bottom:10px;}

/* ========================================== */
/* eNews */
div#main_content div.container_original .enews { padding:8px 15px; width:690px; }
div#main_content div.container_original .enews ul.issue { line-height:1.5em;}
div#main_content div.container_original .enews ul.issue li{ clear:both;}
div#main_content div.container_original .enews #subject_group{padding:10px 0 15px 0; color:#222}
div#main_content div.container_original .enews #subject_group a{color:#222}
div#main_content div.container_original .enews .pic_left img { float:left; margin:10px 0; width:350px; }
div#main_content div.container_original .enews .pic_right img { float:right; margin:15px 0 10px 20px; margin-bottom:10px; width:250px; }


/*div#main_content div.container_original .enews ul.issue h2{ font-size:1.3em; font-weight:normal; padding:0 0 12px 25px; background:transparent url(../images/bullet_grid.gif) no-repeat 0 3px;} */
div#main_content div.container_original .enews ul.issue h3{ color:#0088b3;font-size:1.15em; font-weight:normal; margin-top:10px; line-height:1.6em; }
div#main_content div.container_original .enews ul.issue .year { float:none; padding-bottom:5px; padding-top:10px; font-size:0.9em; clear:both;}
div#main_content div.container_original .enews ul.issue .year a { text-decoration:underline}
div#main_content div.container_original .enews ul.issue .year a:hover{ text-decoration:none}
div#main_content div.container_original .enews ul.issue .sign{ padding:7px 5px 0 45px; float:right; background: url(../images/sign_up.jpg) no-repeat; width:120px; height:37px; font-size:0.8em; line-height:1.3em; }
div#main_content div.container_original .enews ul.issue .sign a{ color:#000; text-decoration:underline}
div#main_content div.container_original .enews ul.issue .sign a:hover{ color:#333; text-decoration:none}
div#main_content div.container_original .enews ul.issue .pic{ float:right; margin-left:20px; margin-bottom:10px;}
div#main_content div.container_original .enews ul.issue .pic .caption{ width:210px; padding:5px; color:#333; font-size:0.9em;}
div#main_content div.container_original .enews ul.issue .pic .caption a{ text-decoration:underline;color:#333}
div#main_content div.container_original .enews ul.issue .pic .caption a:hover{ text-decoration:none;}
div#main_content div.container_original .enews ul.issue .pic .caption span{ margin-right:5px;}
div#main_content div.container_original .enews ul.issue .title { font-size:1.1em; color:#111; /*text-decoration:underline; */line-height:1.6em;font-weight:bold;}
div#main_content div.container_original .enews ul.issue .title a{ color:#111; text-decoration:underline;}
div#main_content div.container_original .enews ul.issue .title a:hover{  text-decoration:underline;}
div#main_content div.container_original .enews ul.issue .description { margin:15px 0;}
div#main_content div.container_original .enews ul.issue .description p{ padding-bottom:5px; font-size:1em; text-align:justify; line-height:1.6; }
div#main_content div.container_original .enews ul.issue .description p a { color:#222; font-size:1em; text-decoration:underline; }
div#main_content div.container_original .enews ul.issue .description p a:hover { text-decoration:none; }
div#main_content div.container_original .enews ul.issue .description p span{ margin-right:2px;}
div#main_content div.container_original .enews ul.issue .description .download{ margin-top:10px}

div#main_content div.container_original .enews ul.issue ul.past,
div#main_content div.container_original .enews ul.issue ul.past_iss{ width:650px; float:left; padding-bottom:10px; }
div#main_content div.container_original .enews ul.issue ul.past li{ float:left; width:640px; padding:4px 5px; line-height:1.6em; padding-left:0; font-size:1em; }
div#main_content div.container_original .enews ul.issue ul.past li div.month{ float:left; width:65px; color:#0088b3; margin-right:20px; text-align:right; }
div#main_content div.container_original .enews ul.issue ul.past li div.detail{ float:left; width:540px; }
div#main_content div.container_original .enews ul.issue ul.past li div.detail a{ text-decoration:underline; color:#222}
div#main_content div.container_original .enews ul.issue ul.past li div.detail a:hover{ text-decoration:none;}

div#main_content div.container_original .enews ul.issue ul.past_iss li{ font-size:1em; background: url(../images/pdf.jpg) no-repeat left top; line-height:2em; margin:8px 0; padding-left:25px;}
div#main_content div.container_original .enews ul.issue ul.past_iss li a{ color:#222; text-decoration:underline; }
div#main_content div.container_original .enews ul.issue ul.past_iss li a:hover{ text-decoration:none }


/* eNews - get update */
div#main_content div.container_original .update ul.issue li p{ padding-top:5px; padding-bottom:20px; line-height:1.6em }
div#main_content div.container_original .update ul.issue h3.info { clear:both; margin-bottom:10px;}
div#main_content div.container_original .update ul.issue ul li{ background:none; margin:10px 0 8px 0}
div#main_content div.container_original .update ul.issue .info { margin-bottom:15px; float:left; width:680px}
div#main_content div.container_original .update ul.issue .info ul li{ clear:both; float:left; width:670px}
div#main_content div.container_original .update ul.issue .info label { float:left; width:80px; margin-right:10px; white-space: nowrap; }
div#main_content div.container_original .update ul.issue .info label.title { width:auto; margin-right:25px;}
div#main_content div.container_original .update ul.issue .info input {float:left; margin-right:15px; margin-left:0;}
div#main_content div.container_original .update ul.issue .detail { clear:both; float:left; width:680px; margin-bottom:15px;}
div#main_content div.container_original .update ul.issue .detail ol li { clear:both; float:left; width:670px;  margin:10px 0; list-style-type:decimal}
div#main_content div.container_original .update ul.issue .detail ol li li{ list-style:none;}
div#main_content div.container_original .update ul.issue .detail ol li.select_menu label{ width:160px; margin-right:10px;}
div#main_content div.container_original .update ul.issue .detail ol li.select_menu select{ width:220px}
div#main_content div.container_original .update ul.issue .detail ul.check_box  { width:670px}
div#main_content div.container_original .update ul.issue .detail ul.check_box li{ float:left; width:285px; margin-right:20px; clear:none;  margin:8px 0}
div#main_content div.container_original .update ul.issue .detail ul.check_box li li{ float:none; clear:both}
div#main_content div.container_original .update ul.issue .detail ul.check_box li.clear{ clear:both}
div#main_content div.container_original .update ul.issue .detail ul.check_box li li label{ width:240px}
div#main_content div.container_original .update ul.issue .detail label { float:left}
div#main_content div.container_original .update ul.issue .detail select { float:left}
div#main_content div.container_original .update ul.issue .detail input {float:left; margin-right:5px;}
div#main_content div.container_original .update ul.issue .detail .subject_name {color:#232D9C; font-size:1em; font-weight:bold;margin-bottom:5px;}
div#main_content div.container_original .update ul.issue .btn {text-align:center; margin:15px auto 0 auto; clear:both; background: url(../images/button_reg_bg.jpg) center no-repeat; width:80px; height:24px; font-size:0.9em; font-weight:bold;}
div#main_content div.container_original .update ul.issue .btn a{ float:left; width:80px; padding:3px 0; color:#181161; }
div#main_content div.container_original .update ul.issue .btn a:hover{color:#000; text-decoration:none;}
div#main_content div.container_original .update ul.issue .text{ margin-top:15px; font-size:0.9em; clear:both;}
div#main_content div.container_original .update ul.issue .text h3{ color:#1A2172; margin:0; font-size:1.2em;}
div#main_content div.container_original .update ul.issue .text p{ margin-bottom:10px;}



/* Online Registration - Timeline */
div#main_content div.online_registration div.reg_timeline div.row table.recommend { margin:0; }
div#main_content div.online_registration div.reg_timeline div.row table.recommend tr td { padding:0; }
div#main_content div.online_registration div.reg_timeline { float:left; width:100%; margin-bottom:20px; }
div#main_content div.online_registration div.reg_timeline h1 { color:#181161; font-size:1.2em; margin-top:10px; clear:both; }
div#main_content div.online_registration div.reg_timeline h3 { color:#181161; font-size:1.2em; clear:both; }
div#main_content div.online_registration div.reg_timeline div.row { float:left; width:100%; margin-bottom:20px; background-color:#fff; border-top:1px solid #e6e6e6; border-bottom:1px solid #e6e6e6; border-left:1px solid #e6e6e6; }
div#main_content div.online_registration div.reg_timeline div.remarks { float:left; width:100%; margin:0; }

div#main_content div.online_registration div.reg_timeline td.cell_1col,
div#main_content div.online_registration div.reg_timeline td.cell_2col,
div#main_content div.online_registration div.reg_timeline td.cell_3col,
div#main_content div.online_registration div.reg_timeline td.cell_4col { border-right:1px solid #e6e6e6; }

div#main_content div.online_registration div.reg_timeline td.cell_1col { width:1148px; }
div#main_content div.online_registration div.reg_timeline td.cell_2col { width:574px; }
div#main_content div.online_registration div.reg_timeline td.cell_3col { width:317px; }
div#main_content div.online_registration div.reg_timeline td.cell_4col { width:237px; }
div#main_content div.online_registration div.reg_timeline div.time { padding:5px; color:#fff; background-color:#979797; font-size:0.95em; }
div#main_content div.online_registration div.reg_timeline div.group_start { border-left:1px solid #e6e6e6; }

div#main_content div.online_registration div.reg_timeline div.reg_field,
div#main_content div.online_registration div.reg_timeline input.attend,
div#main_content div.online_registration div.reg_timeline input.attendee { float:left; }
div#main_content div.online_registration div.reg_timeline input.attendee { width:25px; margin-left:8px; text-align:right; }
div#main_content div.online_registration div.reg_timeline span { float:left; padding:3px 0 0 8px; }

p.error { font-size:10px; color:red; }
label.error { font-size:10px; color:red; padding-left:5px; }
div#main_content div.online_registration div.reg_timeline div.reg_field label.error { float:left; display:block; position:absolute; margin:23px 0 0 0; padding-left:5px; font-size:0.8em; color:red; }
div#main_content .online_registration ul.event_2 li div.detail label.error { margin-left:20px; font-size:10px; color:red; }

div#main_content div.online_registration div.reg_timeline td.cell_1col label.error { width:900px; }
div#main_content div.online_registration div.reg_timeline td.cell_2col label.error { width:450px; }
div#main_content div.online_registration div.reg_timeline td.cell_3col label.error { width:300px; }
div#main_content div.online_registration div.reg_timeline td.cell_4col label.error { width:225px; }

div#main_content div.online_registration div.reg_timeline div.row table.recommend td.cell_2col { padding:0 0 15px 0; }
div#main_content div.online_registration div.reg_timeline div.row table.recommend td.cell_3col { padding:0 0 30px 0; }
div#main_content div.online_registration div.reg_timeline div.row table.recommend td.cell_4col { padding:0 0 30px 0; }

div#main_content div.online_registration div.reg_timeline div.info { float:left; width:100%; padding:5px 0; }
div#main_content div.online_registration div.reg_timeline div.course_name { font-weight:bold; }

div#main_content div.online_registration div.reg_timeline div.course_name,
div#main_content div.online_registration div.reg_timeline div.course_venue,
div#main_content div.online_registration div.reg_timeline div.course_speaker { padding:3px 10px; }
div#main_content div.online_registration div.reg_timeline div.reg_field { padding:0px 10px; font-size:0.95em; }
div#main_content div.online_registration div.reg_timeline div.reg_field .full { float:left; width:29px; height:29px; }
div#main_content div.online_registration div.reg_timeline ul.event_2 div.detail .full { float:left; }
div#main_content div.online_registration div.reg_timeline ul.event_2 div.detail .full_msg { width:92%; float:left; }
/*
div#main_content div.online_registration div.reg_timeline td.cell_1col div.reg_field .full_msg { float:left; width:1080px; }
div#main_content div.online_registration div.reg_timeline td.cell_2col div.reg_field .full_msg { float:left; width:330px; }
div#main_content div.online_registration div.reg_timeline td.cell_3col div.reg_field .full_msg { float:left; width:250px; }
div#main_content div.online_registration div.reg_timeline td.cell_4col div.reg_field .full_msg { float:left; width:170px; }
*/
div#main_content div.online_registration div.reg_timeline div.register_now { float:left; width:100%; padding:0; margin:0 0 20px 0; text-align:center; }

div#main_content div.online_registration div.form_desc ul li { clear:both; }
div#main_content div.online_registration div.reg_timeline div.form_desc span { float:none; }
div#main_content div.online_registration div.form_desc p { line-height:1.2em; }
div#main_content div.online_registration div.full_quota_msg { line-height:2; margin-bottom:15px; padding:5px 10px; color:red; border:1px solid red; clear:both; }

/* ========================================== */
/* error_page */
div.error_page div.container_body { text-align:center; }
div.error_page div#main_content { padding-bottom:5px;}
div.error_page div#header { padding-bottom:25px; }
div.error_page p.title { color:#454545; font-size:1.5em; padding:75px 0 25px 0; }
div.error_page p.normal { color:#222; font-size: 0.95em; padding-bottom:20px; }
div.error_page ul li { padding-bottom:10px; }
div.error_page a { color:#0088B3; font-size:0.95em; text-decoration:underline; }
div.error_page p.error_code { color:#777; font-size:0.8em; padding:70px 0 10px 0;}


/* ========================================== */
/* content */
div#main_content .clear{ clear:both;}

div#main_content table {margin:10px 0;}
div#main_content table tr th {padding:8px 8px 12px 5px; text-align:left; vertical-align:top }
div#main_content table tr td {padding:8px 8px 5px 5px; vertical-align:top}

div#main_content table.border{ border:1px solid #ccc; width:668px;}
div#main_content table.border tr th{ background-color:#eee; border:1px solid #ccc; padding-right:12px;}
div#main_content table.border tr td{ border:1px solid #ccc; padding-right:12px;}

div#main_content table.border tr td.clinics{ width:150px}
div#main_content table.border tr th.fee{ width:50px}

div#main_content ol { margin:0 0 15px 27px; padding:0;}
div#main_content ol li{ list-style:decimal; padding-top:6px; }

/* ========================================== */
/* revised */
div.richeditor h2  { line-height:1.6; background:transparent url(../images/bullet_grid.gif) no-repeat scroll 0 5px;}
div#main_content li.center_list div.richeditor h2  { line-height:1.6; background:transparent url(../images/bullet_grid.gif) no-repeat scroll 0 5px; }
div#main_content div.page_layout_1 li.center_list div.richeditor h2 { padding:0 0 10px 25px; background:transparent url(../images/bullet_grid.gif) no-repeat scroll 0 7px; line-height:1.6; }
div#main_content div.page_layout_2 li.center_list div.richeditor h2 { padding:0 0 10px 25px; background:transparent url(../images/bullet_grid.gif) no-repeat scroll 0 7px; line-height:1.6; }
div#main_content div.page_layout_3 li.center_list div.richeditor h2 { padding:0 0 10px 25px; background:transparent url(../images/bullet_grid.gif) no-repeat scroll 0 7px; line-height:1.6; }
div#main_content div.page_layout-4 li.center_list div.richeditor h2 { padding:0 0 10px 25px; background:transparent url(../images/bullet_grid.gif) no-repeat scroll 0 7px; line-height:1.6; }
div#main_content div.page_layout_5 li.center_list div.richeditor h2 { padding:0 0 10px 25px; background:transparent url(../images/bullet_grid.gif) no-repeat scroll 0 7px; line-height:1.6; float:none}
div#main_content div.page_layout_6 li.center_list div.richeditor h2 { padding:0 0 10px 25px; background:transparent url(../images/bullet_grid.gif) no-repeat scroll 0 7px; line-height:1.6; float:none}
div#main_content div.page_layout_7 li.center_list div.richeditor h2 { padding:0 0 10px 25px; background:transparent url(../images/bullet_grid.gif) no-repeat scroll 0 7px; line-height:1.6; }
div#main_content div.page_layout_8 li.center_list div.richeditor h2 { padding:0 0 10px 25px; background:transparent url(../images/bullet_grid.gif) no-repeat scroll 0 7px; line-height:1.6; }
div.richeditor ul { margin-bottom:15px;}
div#main_content li.center_list div.richeditor ul { /*margin-bottom:5px;*/ padding:10px 0; }
div#main_content li.center_list div.richeditor ul ul,
div#main_content li.center_list div.richeditor ol ul,
div#main_content li.center_list div.richeditor ul ol{margin-bottom:5px;}
div#main_content ul.layout-8 li.center_list ul.graphics-list { margin-top:0 }
div#main_content div.first div.back_to_previous a,
div#main_content div.last div.back_to_previous a {  background:transparent url(../images/arrow_light_left.png) no-repeat 0 5px; }
div#main_content div.page_layout_1 li.center_list div.dot_sep { margin-top:15px; }

div#main_content li.detail_list div.subjects_list h3 { float:left}
.content h2 { font-weight:bold;}
div#main_content div.container_original div.tab_block h3{ font-size1.1em; font-weight:normal; padding-top:10px; padding-bottom:5px; line-height:1.8em;}
div#main_content div.container_original div.tab_block p { margin:0; padding:8px 0;}
div#main_content div.container_original div.tab_block table { border:1px solid #CCCCCC}
div#main_content div.container_original div.tab_block table tr th {background-color:#eee; border:1px solid #CCCCCC}
div#main_content div.container_original div.tab_block table tr td{border:1px solid #CCCCCC}

div#main_content div.container_original div.tab_block table.teaching_staff,
div#main_content div.container_original div.tab_block table.teaching_staff td { border:none; }

/* ==============Admission============================ */
/* Prospectus Distribution */
div#main_content table.prospectus { border:1px solid #ccc;}
div#main_content table.prospectus tr th { border:1px solid #ccc; background-color:#eee;}
div#main_content table.prospectus tr td { border:1px solid #ccc; width:315px;}

/* Computer Laboratories */
div#main_content table.computer { border:1px solid #ccc;}
div#main_content table.computer tr th { border:1px solid #ccc; background-color:#eee; padding-top:6px; padding-bottom:6px}
div#main_content table.computer tr th.title { background-color:#ccc;  border:1px solid #bbb;padding-top:10px; padding-bottom:10px}
div#main_content table.computer tr th.title2 { background-color:#ccc; border:1px solid #bbb; vertical-align:middle; padding-top:10px; padding-bottom:10px}
div#main_content table.computer tr td { border:1px solid #ccc; width:100px }
div#main_content table.computer tr td.col1{ width:400px;}
div#main_content table.computer tr td.col2{ width:130px;}
div#main_content table.computer .non { font-weight:normal}


/* Application Forms */
div#main_content table.app_forms{ border:1px solid #ccc;}
div#main_content table.app_forms th {border:1px solid #ccc; background-color:#eee; }
div#main_content table.app_forms tr td { border:1px solid #ccc; }

div#main_content table.hkss tr td{ padding:0 5px}



/* ==============Abous us============================ */
/* Facts & Figures */
div#main_content table.growth { border:2px solid #fff;}
div#main_content table.growth tr th { border:2px solid #fff; background-color:#b8b9b8; color:#fff;}
div#main_content table.growth tr td { border:2px solid #fff; text-align:right}
div#main_content table.growth tr td.year {width:80px; font-weight:bold; text-align:left; vertical-align:middle}
div#main_content table.growth tr td.fte { width:50px; font-weight:bold;text-align:left}
div#main_content table.growth tr td.total {font-weight:bold;}
div#main_content table.growth tr td.bg1 {background-color:#fff}
div#main_content table.growth tr td.bg2 {background-color:#f6f6f6;}
div#main_content table.growth tr td.red{ color:#663333}
div#main_content table.growth tr td.green{ color:#336633}
div#main_content table.growth tr td.bold{font-weight:bold; width:70px}
/* Student Distribution */
div#main_content table.edu { border:2px solid #fff; width:95%;}
div#main_content table.edu tr th{ border:2px solid #fff; background-color:#b8b9b8; text-align:right; color:#fff;}
div#main_content table.edu tr th.left{ text-align:left;}
div#main_content table.edu tr td{border:2px solid #fff; text-align:right;}
div#main_content table.edu tr td.level{ text-align:left}
div#main_content table.edu tr td.bg1 {background-color:#fff;}
div#main_content table.edu tr td.bg2 {background-color:#F6F6F6;}
/* Telephone Enquiry System */
div#main_content table.tel_enquiry{ border:1px solid #ccc;}
div#main_content table.tel_enquiry tr th{ background-color:#eee; font-weight:normal; border:1px solid #ccc; vertical-align:top;}
div#main_content table.tel_enquiry tr td{ border:1px solid #ccc;background-color:#fcfbd9;  }
div#main_content table.tel_enquiry tr td.bg{ background-color:#fff}

/* ==============Learners ============================ */
/* Bad Weather Arrangement */
div#main_content table.weather { border:1px solid #ccc;}
div#main_content table.weather tr th{ border:1px solid #ccc; background-color:#ccc; }
div#main_content table.weather tr th.title{ background-color:#F6F6F6; color:#222}
div#main_content table.weather tr td{border:1px solid #ccc; }
div#main_content table.weather tr td.detail{ width:430px} 
div#main_content table.weather tr td.outdoor{ background-color:#fcfcfc; font-weight:bold;} 
div#main_content table.weather .non { font-weight:normal;}

/* ==============Colleges ============================ */
div#main_content li.detail_list div.info p{ margin-top:3px; margin-bottom:8px;}
div#main_content table.college_info { width:660px; margin-top:15px}
div#main_content table.college_info img { border:1px solid #C7C7C7; padding:3px; margin-top:5px; margin-bottom:10px;}
div#main_content table.college_info tr td{ border-top:1px solid #e2e2e2; padding-bottom:15px; padding-top:10px}
div#main_content table.college_info tr td.pic{ width:160px; }
div#main_content table.college_info h3{ padding-top:3px;}
div#main_content table.college_info .relate { text-align:right; padding-top:10px}
div#main_content table.college_info .relate a{ background-color:#eee; padding:5px 8px;}
div#main_content table.college_info .relate a:hover{ background-color:#DFFFFF; text-decoration:none;}
div#saved_programme a { color: #fff }
div#main_content div.container_original div.tab_block table.college_info { border:none; }
div#main_content div.container_original div.tab_block table.college_info td { border-top:1px solid #e2e2e2; border-left:none; border-bottom:none; border-right:none;}

/* ==============Contact Us============================ */
div#main_content #contact-us-form ul li {clear:both; width:675px; float:left}
div#main_content #contact-us-form ul li label{ float:left; width:130px; margin-right:10px;}
div#main_content #contact-us-form ul li input { float:left; width:400px}
div#main_content #contact-us-form ul li.send_btn { text-align:right; width:545px;}
div#main_content #contact-us-form ul li.send_btn  input {width:auto; float:none;}
div#main_content #contact-us-form ul li textarea  { float:left; width:400px}



div#saved_programme div.save-item a.item-code { font-size:0.85em;padding:2px 0; color:#eee; }
div#saved_programme div.save-item .delete {
display:block;
float:right;
font-size:0.9em;
text-decoration:underline; 
}


li.detail_list ul li {list-style:none;background:transparent url(../images/bullet_point.gif) no-repeat scroll 0 9px;font-size:1em;padding:4px 0 0 15px;}
li.detail_list ul li.no-style {background:none;}}



/* =============Part-time Programmes============================ */
div#main_content .container_original li.detail_list ul.list li { padding-top:0; padding-bottom:6px; background:transparent url(../images/arrow_light_right.png) no-repeat 0 4px;}
div#main_content .container_original .path_pic img { text-align:center;}
/* Photo Gallery */
div#main_content li.detail_list ul.photo_gallery li, 
div#main_content li.prog_list ul.photo_gallery li { background:none;}
/* video */
div#main_content .container_original ul.video li {background:none;}
div#main_content .container_original .tab_block .video .caption { margin-top:10px; margin-bottom:5px;}

/* Programme Details */
div#main_content .container_original h2.pro_detail { float:left; font-size:1.1em}
div#main_content .container_original .detail_right { width:400px; float:left; margin-left:5px}
div#main_content .container_original .pro_detail_page ul.list li{ padding-top:0px; padding-bottom:6px}
div#main_content .container_original .pro_detail_page .location_remark { margin-left:18px;  margin-bottom:5px;}
div#main_content .container_original .pro_detail_page  ol li { padding-top:0; margin-bottom:6px}
div#main_content .container_original .pro_detail_page .content { margin-top:3px;}

/* CEF */
div#main_content .container_original #tab_cef_block table.cef_table { border:1px solid #ccc; width:670px;}
div#main_content .container_original #tab_cef_block table.cef_table tr th { border:1px solid #ccc; text-align:left; background-color:#eee;}
div#main_content .container_original #tab_cef_block table.cef_table tr th.cef_head { background-color:#ccc; border-color:#bbb;}
div#main_content .container_original #tab_cef_block table.cef_table tr td { border:1px solid #ccc; padding-bottom:12px}
div#main_content .container_original #tab_cef_block table.cef_table tr td img{ vertical-align:middle; margin-left:2px;}
div#main_content .container_original #tab_cef_block table.cef_table tr td.col_code { width:105px}
div#main_content .container_original #tab_cef_block table.cef_table tr td.col2 {}
div#main_content .container_original #tab_cef_block table.cef_table tr td.col3 { width:110px}
div#main_content .container_original #tab_cef_block table.cef_table tr td.col4 { width:85px}






h2 { font-weight:bold; }







li.detail_list.path_pic {
    text-align: center;
}
li.detail_list.path_pic img {
    margin: auto;
}


/* Programme Expanded and Condensed view */
div#main_content .expand li.prog_list div.info .brief { display:block; }
div#main_content .condense li.prog_list div.info .brief { display:none; }

/*
div#main_content .expand li.prog_list div.graphics { width:72px; }
div#main_content div#search_result ul.expand li.prog_list div.info { width:536px; }
div#main_content .condense li.prog_list div.graphics { width:108px; }
div#main_content div#search_result ul.condense li.prog_list div.info { width:500px; }
div#main_content div.content_3col .expand li.prog_list div.info { width:368px; }
div#main_content div.content_3col .condense li.prog_list div.info { width:332px; }
*/

div#expanded_view img, div#condensed_view img { display:none; }

strong.highlight {
    color: #f00;
}

#course-code-tips {
    cursor: pointer;
	width:12px;
	height:12px;
	text-indent:-999px;
	display:block;
	float:left;
	background:url(../images/tip.png) no-repeat;
	margin-left:3px;
}

/* Left Menu Banner */
div.main-sbanner { float:left; width:198px; margin-top:25px; }

div.main-sbanner ul li { float:left; width:198px; }

div#programme-list ul li.noresult,
ul#programme-list li.noresult {
padding:16px 16px 0;
width:450px;
text-align:center;
}


div#programme-list ul li.loading{
padding:16px 16px 0;
width:450px;
height:100px;
background:url(../images/ajax-loader.gif) no-repeat center center ;
}


/* print-icon */
a.go-print {cursor:pointer; float:right; text-align:center; display:block; }
a.go-print span#button_print { background:transparent url(../images/button_print_icon.jpg) no-repeat scroll 0 0;float:right;height:32px;margin-left:10px;/*margin:0 7px 0 6px;*/width:33px; }
/*a.event-print { float:right; }*/ 


div#main_content table#home-search { margin:0; }
div#main_content table#home-search td { margin:0; padding:0; }


 div#main_content div.content div.richeditor h1  { float:none; width:inherit; letter-spacing:-1px; }

 /* sitemap */
 div.sitemap_list { padding: 5px; width:430px;  }
 div.sitemap_list ul { list-style: none; padding: 0px;  margin: 0px; }
 div.sitemap_list li { /*padding:0 0 5px 14px;*/ }
 div.sitemap_list div.head_r { color:#5e5e5e; font-size:1.4em; font-weight:normal; line-height:1.4; padding-bottom:8px; }
div.sitemap_list div.head_r a { color:#5e5e5e; } 
div.sitemap_left { float: left }
 div.sitemap_right { float: right }

div.sitemap_list ul.level1 { margin:3px 0 6px 0; }
div.sitemap_list ul.level1 li { padding:0 0 8px 16px; background:transparent url(../images/bullet_point2.gif) no-repeat 0 3px; }

div.sitemap_list ul.level2 { padding-top:6px; }
div.sitemap_list ul.level2 li { padding:0 0 6px 16px; background:transparent url(../images/bullet_point.gif) no-repeat 0 3px; }

div.sitemap_list ul.left_submenu_body { padding-top:6px; }


/* added by Jacky */
div#main-middle div.tab-content div.desc p { font-size:11px; }
ul .indent {position: relative; left: 20px;}

#recaptcha_switch_audio_btn { display: none } 

.advance-search-drop-down { border-top: 1px solid #189AfB1;}

/* Events */
div#main_content .event_group li.prog_list { width:100%;}
div#main_content .event_group li.series   { padding-bottom:5px; margin-bottom:10px; clear:both; border: solid 1px #ccc;}
div#main_content .event_group li.series  h2.series_title { font-size:1.1em; background-color:#56bfd2 ; padding:10px 5px; float:none; width:auto; }
div#main_content .event_group li.series  h2.series_title a{color:#FFFFFF}
div#main_content .event_group h2.bullet { margin-bottom:10px;}
div#main_content .event_group li.series  .group_title { padding:5px; color:#333; font-weight:bold; background-color:#eee; width:auto; margin-bottom:10px;}
div#main_content .event_group table.event_info { border-bottom:1px dotted #ccc; width:100%; margin-bottom:15px;}
div#main_content .event_group table.event_info td.label{ color:#0088B3; width:60px;}
div#main_content .event_group table.event_info td ul.speaker li{ margin-bottom:5px;}
div#main_content .event_group .event_list { padding-bottom:15px; float:right; width:600px;}

div#main_content .event_group .container_original .container_body .event_area { float:left; padding:0 16px; width:690px}
div#main_content .event_group .container_original .container_body .event_area .today { clear:both; margin:10px 0}
div#main_content .event_group .container_original .container_body .event_area .event_list .drop_down_box 2ul.options li .group{ font-size:11px; color:#189AB1}
div#main_content .event_group .container_original .container_body .event_area .event_list .drop_down_box2 span {width:263px; background:#5abfd1 url(../images/arrow_white_down.png) no-repeat 255px 0; color:#fff; cursor:pointer;  } 
div#main_content .event_group .container_original .container_body .event_area .event_list .drop_down_box2 ul.options{ width:275px;z-index:50;}
div#main_content .event_group .container_original .container_body .event_area .event_list .drop_down_box2 ul.options li a{ width:261px;}
div#main_content .event_group .container_original .container_body .event_area .event_list .drop_down_box2 ul.options li .group{ font-size:11px; text-align:center; color:#189AB1}

/* Events detail*/
div#main_content .event_group li.first div.dot_sep { margin-top:10px;}
div#main_content .event_group li.prog_list  h1{ clear:both;}

div#main_content div.content_3col div.richeditor li { float:none; }

/* New Events */
div#main_content .event_group div.new-event-list { width:100%; margin:5px 0 10px 0; }
div.new-event-list div.sort_block { float:none; }
div.new-event-list div.sort_block div.drop_down_box { margin:0 15px 0 0; }
div.new-event-list div.sort_block div.drop_down_box span { padding-bottom:5px; }
div.new-event-list div.sort_block div.drop_down_box ul.options { margin-top:20px;}
div.new-event-list div.sort_block div.year { float:right; }
div.new-event-list div.sort_block div.year span { background:url("../images/arrow_white_down.png") no-repeat scroll 134px 0 #0EA3DB; }

ul#new-event-listing div.bcal,
ul#new-event-listing div.gcal { float:left; width:85px; height:90px; padding-top:2px; background:transparent url(../images/cal_green.jpg) no-repeat; }
ul#new-event-listing div.bcal { background:transparent url(../images/cal_green.jpg) no-repeat; }
ul#new-event-listing div.cal { margin-right:20px; }
ul#new-event-listing div.cal div { float:left; width:85px; text-align:center; }
ul#new-event-listing div.cal div.month_year { color:#fff; font-size:11px; font-weight:bold; margin-bottom:5px; }
ul#new-event-listing div.cal div.day { color:#454545; font-size:28px; margin-bottom:4px; height:24px; }
ul#new-event-listing div.cal div.week { color:#454545; font-size:11px; text-transform:uppercase; }
ul#new-event-listing li.today div.info { width:580px; }
ul#new-event-listing div.info { float:left; border-bottom:none; width:100%; padding-bottom:15px; }
ul#new-event-listing div.info h1 { font-size:1.3em; line-height:1.1em; width:auto; padding-bottom:2px; float:none; }
ul#new-event-listing div.info h1 a { color:#222; } 
ul#new-event-listing div.info div.date { margin-bottom:20px; }
ul#new-event-listing div.info div.date span { color:#0088B3; }
ul#new-event-listing div.info table.event_info { margin-left:48px; width:93%; margin-top:5px; border-bottom:none; }
ul#new-event-listing div.info table.event_info th { background:#eee; color:#2d2d2d; padding:10px 15px; line-height: 1.3em; }
ul#new-event-listing div.info table.event_info td { padding:10px 15px 0px; }
ul#new-event-listing div.info table.event_info td.title { color:#1A2172; font-weight:bold; padding-top:20px; }
ul#new-event-listing div.info table.event_info td.title a { color:#1A2172; }

ul#new-event-listing div.info table.event_info td.date-time { width:180px; }
ul#new-event-listing div.info table.event_info td.date-time div.date { margin:0; font-weight:bold; color:#1A2172; }
ul#new-event-listing div.info table.event_info td.date-time div.time { color:#0088B3; }
ul#new-event-listing div.info table.event_info td.phone { width:110px; text-align:left; }
ul#new-event-listing div.info table.event_info td.phone div.phone { padding-left:15px;background:transparent url(../images/phone-icon.jpg) no-repeat 0px 5px; margin-bottom:10px; } 
ul#new-event-listing div.info table.event_info td.phone div.register { margin-bottom:3px; }
ul#new-event-listing div.info table.event_info td.title-brief { width:400px; }
ul#new-event-listing div.info table.event_info td.title-brief h4 { margin-bottom:10px; }
ul#new-event-listing div.info table.event_info td.title-brief h4 a { color:#1A2172; line-height:normal;  }


ul#new-event-listing div.info table.event_info td ul{ margin-bottom:15px; }
ul#new-event-listing div.info table.event_info td ul li { background:url("../images/bullet_point.gif") no-repeat scroll 0 6px transparent; font-size:1em; list-style:none outside none; padding:0 0 4px 15px; }
div#main_content ul#new-event-listing  div.more { margin:5px 0 15px 0; clear:both; float:none; height:20px; }
div.seeupcoming { text-align:center; margin:15px 0; float:left; width:100%; }
div.seeupcoming a {background:url("../images/arrow_light_right.png") no-repeat scroll 0 5px transparent;padding-bottom:6px;padding-top:0; padding-left:15px; font-size:1.3em;}
/*div#main_content div.content_3col h1,*/ div#main_content div.content_2col div.event-list-desc { margin:6px 10px 25px; }
 div#main_content div.content_2col div.event-list-desc .banner { float:none; }
 div#main_content div.content_2col div.event-list-desc h1 { font-size:1.3em; line-height:1.1em; width:100%; padding-bottom:2px; float:none; margin:20px 0 0px; }
 div#main_content div.content_2col div.event-list-desc h1 a { color:#1A2172; } 
 div#main_content div.content_2col div.event-list-desc div.date { color:#0088B3; margin: 0 0 10px 0; }
ul#new-event-listing table.event_brief {  margin-top:5px; margin-bottom:15px; }
ul#new-event-listing table.event_brief h1 { font-size:1.3em; line-height:1.1em; width:auto; padding-bottom:2px; float:none; }
ul#new-event-listing table.event_brief h1 a { color:#222; /*color:#1A2172;*/ } 
ul#new-event-listing table.event_brief th { background:#eee; color:#2d2d2d; padding:10px 15px; line-height: 1.3em; }
ul#new-event-listing table.event_brief td { padding:10px 15px 0px; width:630px;}
ul#new-event-listing table.event_brief td.label {color:#0088B3; width:60px;}
ul#new-event-listing table.event_brief td.title { color:#1A2172; font-weight:bold; padding-top:20px; }
ul#new-event-listing table.event_brief td ul{ margin-bottom:15px; }
ul#new-event-listing table.event_brief td ul li { background:url("../images/bullet_point.gif") no-repeat scroll 0 9px transparent; font-size:1em; list-style:none outside none; padding:4px 0 0 15px; }

ul#new-event-listing table.event_brief td ul.no-style li { background: none; padding:0; }
ul#new-event-listing div.info table.event_info td ul.no-style li { margin:0; padding:0; background:none; }

/*
ul#new-event-listing div.info table.event_brief { width:100%; margin-top:5px; border-bottom:none; margin-bottom:15px; }
ul#new-event-listing div.info table.event_brief h1 { font-size:1.3em; line-height:1.1em; width:auto; padding-bottom:2px; float:none; }
ul#new-event-listing div.info table.event_brief h1 a { color:#222; } 
ul#new-event-listing div.info table.event_brief th { background:#eee; color:#2d2d2d; padding:5px 15px; line-height: 1.3em; }
ul#new-event-listing div.info table.event_brief td { padding:5px 15px 0px; }
ul#new-event-listing div.info table.event_brief td.label {color:#0088B3; width:60px;}
ul#new-event-listing div.info table.event_brief td.title { color:#1A2172; font-weight:bold; padding-top:20px; }
ul#new-event-listing div.info table.event_brief td ul{ margin-bottom:15px; }
ul#new-event-listing div.info table.event_brief td ul li { background:url("../images/bullet_point.gif") no-repeat scroll 0 9px transparent; font-size:1em; list-style:none outside none; padding:4px 0 0 15px; }
*/

div.dot_line { /*border-top:1px dotted #ddd;*/ width:100%; clear:both; float:none; margin:15px 0; }

/*div#main_content div.content_3col h1,*/ div#main_content div.content_2col ul.sevent_recap { float:none; clear:both; }
 div#main_content div.content_2col ul.sevent_recap li { margin-bottom:25px }
 div#main_content div.content_2col ul.sevent_recap li h1 { width:100%;font-size:1.3em; line-height:1.1em; width:auto; padding-bottom:2px; float:none; }, div#main_content div.content_2col ul.sevent_recap li h1 a { color:#222; }
 div#main_content div.content_2col ul.sevent_recap li img { float:left; margin-bottom:15px; }
 div#main_content div.content_2col ul.sevent_recap li div.info div.date {color:#0088B3; }
 div#main_content div.content_2col ul.sevent_recap li div.info { float:left; margin-left:15px; width:440px; margin-bottom:15px; }
 div#main_content div.content_2col ul.sevent_recap li div.info ul li  { margin-bottom:0; float:left; }
 div#main_content div.content_2col ul.sevent_recap li div.info ul li a { background:url("../images/arrow_light_right.png") no-repeat scroll 0px 5px #FFFFFF; color:#1A2172; float:left; padding-left:15px; margin-right:35px; }
div#main_content div.content_2col ul.sevent_recap li.event_item { background:#EEEEEE; padding:10px!important; }
div#main_content div.content_2col ul.sevent_recap li.event_item div.info ul li a { background-color:#EEEEEE; } 
div#main_content div.content_2col ul.sevent_recap li.event_item div.showmore { float:right; clear:both; }
div#main_content div.content_2col ul.recap_list { list-style: none; }
div#main_content div.content_2col ul.recap_list li { list-style: none; padding:0!important; margin:0!important; color:#000000; }
div#main_content div.content_2col ul.recap_list li div.info h2 { color:#000000!important; }
div#main_content div.content_2col ul.recap_list li div.info ul li { padding:3px!important; }
div#main_content div.content_2col ul.recap_list li div.info ul li a { margin-right:0px!important; } 
div#main_content div.content_2col ul.recap_list li div.info ul li div.date { color:#000000!important; }

div#main_content div.container_original ul#event_detail_690 { width:675px; margin:0 auto; }
div#main_content div.container_original ul#event_detail_690 h1 { float:none; margin-right:65px; width:auto; clear:none; }
div#main_content div.container_original ul#event_detail_690 li.first { margin-bottom:15px; }
div#main_content div.container_original ul#event_detail_690 li.first div.first { padding-bottom:10px; }
div#main_content div.container_original ul#event_detail_690 li.prog_list small { font-size:0.9em; }
div#main_content div.container_original ul#event_detail_690 li.prog_list small a { color:#595D5C; text-decoration:underline; }
div#main_content div.container_original ul#event_detail_690 div.event_detail table.event_info { border-bottom:none; margin-bottom:0; margin-top:20px; }
div#main_content div.container_original ul#event_detail_690 div.event_detail table.event_info td { padding:4px 8px 4px 0px; }
div#main_content div.container_original ul#event_detail_690 div.event_detail table.event_info td.label { width:75px; }
div#main_content div.container_original ul#event_detail_690 div.event_detail div.icon_and_links { float:left; }
div#main_content div.container_original ul#event_detail_690 div.event_detail div.richeditor { padding-top:25px; clear:both; }

div#main_content div.container_original ul#event_detail_690 div.cancelled_info { float:none; margin-right:65px; width:auto; clear:none; background:#f2f2f2; margin-bottom:15px; }
div#main_content div.container_original ul#event_detail_690 div.cancelled_info p {color:#424242; margin-bottom:10px; }
div#main_content div.container_original ul#event_detail_690 div.cancelled_info h3 { font-size:1.2em; color:#f00; font-weight:bold; margin-bottom:20px; }
div#main_content div.container_original ul#event_detail_690 div.cancelled_info div.text { padding:15px; width:auto; }
div.cancelled { font-size:1.1em; color:#f00; font-weight:bold; }

div#main_content div.container_original ul#event_detail_690 li.recap div.banner { margin-bottom:15px; }
div#main_content div.container_original ul#event_detail_690 li.recap div.date { color:#0088B3; margin: 0 0 10px 0; }
div#main_content div.container_original ul#event_detail_690 li.recap div.event_detail div.richeditor { padding-top:0; }
div#main_content div.container_original ul#event_detail_690 li.recap div.event_detail li.detail_list { padding:0; margin-bottom:15px; }
div#main_content div.container_original ul#event_detail_690 li.recap div.more { margin-top:0; margin-bottom:15px; }
div#main_content div.container_original ul#event_detail_690 li.recap #video { margin-bottom:15px; }
div#main_content div.container_original ul#event_detail_690 li.recap div.richeditor a { color:#0088B3; }

div#main_content div.container_original div.tab_block ul#new-event-listing table.event_brief { border:none; }
div#main_content div.container_original div.tab_block ul#new-event-listing table.event_brief td { border:none; }f
div#main_content div.container_original div.tab_block ul#new-event-listing table { border:none; }
div#main_content div.container_original div.tab_block ul#new-event-listing table td { border:none; }
div#main_content div.container_original div.tab_block ul#new-event-listing table td.label { width:60px; }
div#main_content div.container_original div.tab_block ul#new-event-listing table th { border:none; }
div#main_content div.container_original div.tab_block ul#new-event-listing li.prog_list { width:690px; padding-top:0; }
div#main_content div.container_original div.tab_block ul#new-event-listing li.prog_list div.info  { width:auto; }


div.special_event_recap {float:left;margin:15px 0;text-align:right;width:700px;}
div.special_event_recap a {background:url("../images/arrow_light_right.png") no-repeat scroll 0 2px transparent;font-size:0.9em;padding-bottom:6px;padding-left:15px;padding-top:0;}
div.college_event_text { clear:both; width:660px; margin:0 auto 15px; color:#595D5C; }

ul#new-event-listing div.info table.event_brief div.date  { color:#0088B3; }

div#main_content div.content_2col div.event-list-desc ul.anchor li { float:left; background:url("../images/arrow_light_right.png") no-repeat scroll 0 5px transparent;font-size:1em;padding: 0 25px 0 15px;}
div#main_content div.content_2col div.event-list-desc ul.anchor li a { font-weight:bold; color:#000; text-decoration:underline; }
div#main_content div.content_2col div.event-list-desc li.event_item ul.anchor li a { color: #1A2172; }

ul#new-event-listing div.info table.3c-group { margin-bottom:30px; }
ul#new-event-listing div.info table td.blue { background:#e6e9f8; }
div.event_area div.dot_line { border-bottom:1px dotted #333333; }


table.seat-confirm label.error { display:block;clear:both; }
table.seat-confirm div.date { width:150px; }
table.seat-confirm div.quantity { width:150px; }
table.seat-confirm div.title { width:540px; }
table.seat-confirm table.venue-speaker { width:540px; }



/*IE CSS FIX*/
div#main_content table#home-search .drop_down_box span { float:left; width:180px; height:14px; padding:2px 7px; background:url(../images/advance_search_arrow_filter_down.png) no-repeat 172px 0 #f1f1f1;  color:#000; cursor:pointer; font-size:0.9em; } 
div#main_content table#home-search .drop_down_box ul.index-level  { float:left; width:194px;margin-top:18px; margin-left:-1px; position:absolute; display:none; border-left:1px solid #189ab1; border-bottom:1px solid #189ab1; border-right:1px solid #189ab1; background-color:#fff; }
div#main_content table#home-search .drop_down_box ul.index-level  li {padding:5px 2px;  background-image:none;  font-size:11px; cursor:pointer}
div#main_content table#home-search .drop_down_box ul.index-level  a { float:left; width:138px; padding:3px 7px; color:#189ab1;}
div#main_content table#home-search .drop_down_box ul.index-level  li.hover { background-color:#E3F7FF; color:#0088B3; text-decoration:none; }




/* SPACE EVENT FIX */
ul#new-event-listing div.info table.event_info td.title { padding-top:15px; }
ul#new-event-listing div.info table.event_info td.phone div.online-reg { float:left;line-height:1.2em;margin-top:6px;margin-left:5px;text-align:left;width:90px;color:#0088B3; }
ul#new-event-listing div.info table.event_info td.title-brief { width:360px;}
ul#new-event-listing div.info table.event_info td.phone div.register { float:left; }
ul#new-event-listing div.info table.event_info td.phone {text-align:center;width:150px;}
ul#new-event-listing div.info table.event_info td.phone div.phone  { width:70px;background:url("../images/phone-icon.jpg") no-repeat scroll 0 4px transparent; }
ul#new-event-listing div.info table.event_info td.phone div.app_message { font-weight:bold; color:#0088b3; text-align:center; line-height:1em; margin-bottom:3px; width:100px; }
div#main_content div.content_2col div.event-list-desc h1 { color:#222; }

div#main_content .online_registration table.seat-confirm table.venue-speaker ul li,
div.event_group ul#new-event-listing table.event_brief td ul li,
ul#new-event-listing div.info table.event_info td ul li,
li.prog_list div.event_detail ul li { background:none; margin-left:15px; padding: 0 0 4px 0; list-style:circle;  }

div#main_content .online_registration table.seat-confirm table.venue-speaker ul.no-style li,
div.event_group ul#new-event-listing table.event_brief td ul.no-style li,
ul#new-event-listing div.info table.event_info td ul.no-style li,
li.prog_list div.event_detail ul.no-style li { background:none; margin-left:0; padding: 0 0 4px 0; list-style:none;  }
table.venue-speaker td ul li { margin-left:15px; list-style:circle;  }
table.venue-speaker td ul.no-style li { margin-left:0; list-style:none;  }
body div#main_content div.online_registration div.reg_timeline div.course_name table.venue-speaker tr td.label { width:60px; padding:2px 5px 2px 0; color:#0088B3; }
div#main_content div.online_registration div.reg_timeline table.seat-confirm div.time { }
div#main_content div.online_registration div.reg_timeline div.row table.recommend td.cell_3col { padding:0 0 0; }
body div#main_content div.online_registration div.reg_timeline div.reg_field { padding-bottom:40px; }
table.seat-confirm table.venue-speaker td.label { width:60px; color:#222; }


form#registration { clear:both; }

ul.sevent_recap div.info h1 a { color:#222; }