/* Result Information & Index*/
#resultInfo { font-size:12px; padding:5px 0 10px 24px; color:#666666; background:inherit; }
#index { width:930px; height:22px; margin-left:10px; margin-right:10px; margin-bottom:8px; background:url(/ctindex/images/bg_index.gif) repeat-x left bottom; position:relative; z-index:4;}
#index a { float:left; background:url(/ctindex/images/bg_character.gif) no-repeat left top; width:32px; line-height:22px; text-align:center; margin-right:1px; color:#000000;}
#index a:hover, #index a.on { background-position:0 -22px; text-decoration:none; font-weight:bold;}
#index span { float:left; background:url(/ctindex/images/bg_character.gif) no-repeat left top; font-weight:normal; width:32px; line-height:22px; text-align:center; margin-right:1px; color:#000000;}
#index .other { background:url(/ctindex/images/bg_other.gif) no-repeat left top; width:72px; margin-right:0; }

/* For AJAX */
/*#viewresultDetail, #viewresultList { text-align:center;}*/
#viewresultList .imgLoading { margin-left:45%; margin-top:30%; margin-bottom:300px;}
#viewresultDetail .imgLoading { margin-left:45%; margin-top:18px; margin-bottom:18px;}
#viewresultList { min-height:500px; height:auto !important; height:500px;}

/* Detail View */
#detailContainer { position:absolute; top:195px; right:10px; width:450px; background:url(/ctindex/images/ic_point.gif) no-repeat left 90px; text-align:left; z-index:4;}
#detailNote { margin-left:5px; background:url(/ctindex/images/ic_arrow.gif) no-repeat left 50%; padding-left:22px; margin-bottom:5px;}
#detailNote em { font-style:normal; color:#cc0000; background-color:inherit;}
#detailTab { margin-top:19px; margin-left:5px; background:url(/ctindex/images/bg_detailtab.gif) no-repeat left top; line-height:29px; color:#FFFFFF;}
#detailContent { float:right; width:419px; margin-left:5px; border-left:#468aad 3px solid; border-right:#468aad 3px solid; border-bottom:#468aad 3px solid; padding:10px; background:url(/ctindex/images/bg_detailcontent.gif) no-repeat left bottom;}

#centreWrap .nodetail { background:none;}
.nodetail #detailTab { text-align:center;}
.nodetail #detailTab { margin-top:0;}
.nodetail #detailContent { text-align:center; padding-top:50px; padding-bottom:70px;}

#detailContainer h1 { font-weight:bold; font-size:16px; margin-left:10px;}

#detailcaption { color:#003366; padding-bottom:3px; border-bottom:#666666 1px solid; margin-bottom:12px; height:11px;}
#detailcaption .leftcap { float:left; width:70%;}
#detailcaption .rightcap { text-align:right;}
#detailcaption .additional { color:#309acf; background:url(/ctindex/images/arrow_rightblue.gif) no-repeat right 5px; padding-right:8px;}
#detailcaption .back { color:#309acf; background:url(/ctindex/images/arrow_leftblue.gif) no-repeat left 5px; padding-left:8px;}

#detailContent p { color:#666666; background-color:inherit; line-height:1.3em;}
#detailContent .detaillogo { float:right; border:#666666 1px solid; margin-left:13px;}
#contactdetail { margin:15px 0;}
#contactdetail li { margin-bottom:5px; list-style-type:none; padding-left:19px; line-height:1.3em;}
#contactdetail li span { font-weight:bold;}
#contactdetail li a { color:#000000; background-color:inherit;}
.cd_address { background:url(/ctindex/images/ic_address.gif) no-repeat left top}
.cd_phone { background:url(/ctindex/images/ic_phone.gif) no-repeat left top;}
.cd_fax { background:url(/ctindex/images/ic_fax.gif) no-repeat left top;}
.cd_email { background:url(/ctindex/images/ic_email.gif) no-repeat left top;}
.cd_website { background:url(/ctindex/images/ic_web.gif) no-repeat left top;}

#mediaThumbs { float:left; position:relative; }
#mediaThumbs p { margin-bottom:12px;}
#mediaThumbs .thumContainer { float:left; margin-right:16px;}
#mediaThumbs .nogap { margin-right:0;}
#mediaThumbs .thumbt { float:left; margin-top:4px; background:url(/ctindex/images/bt_media.gif) no-repeat left top; width:103px; line-height:14px; height:15px; text-align:center; color:#FFFFFF;}
#mediaThumbs .thumplaybt { position:absolute; left:50px; top:54px;}

#adddetail p { margin-bottom:1.2em;}
#adddetail ul { margin-left:30px;}
#adddetail li { color:#666666; background-color:inherit; margin-bottom:5px;}
#adddetail a { color:#309acf; text-decoration:underline;}
#adddetail a:hover { text-decoration:none;}

/* Result Column & Listing */
#resultColumn { margin-left:10px; width:470px; text-align:left; position:relative; z-index:6;}
#displayOption { background:url(/ctindex/images/bg_viewOption.gif) no-repeat top left; color:#000000; line-height:27px; height:27px;}
#displayOption label { margin-left:15px;}
#displayOption select { font-size:11px; margin-top:2px;}
#displayOption #perpage { width:40px;}
#displayOption #sortby { width:90px;}

#listhint { text-align:right; color:#999999; font-size:10px;}
#listhint span { margin-right:13px; line-height:17px;}

.eachlist { border-top:#cccccc 1px solid; padding:8px; }
.eachlist img { float:left; padding-right:20px;}
.eachlist .list_info { float:left; width:215px; color:#676767; background-color:inherit; font-size:10px; line-height:12px;}
.eachlist .list_name   { color:#000000; background-color:inherit; font-size:12px; font-weight:bold; line-height:18px;}
.eachlist .list_name a { color:#000000; background-color:inherit; font-size:12px; font-weight:bold; line-height:18px; text-decoration:none;}
.eachlist .list_media { float:right; border-left:#cccccc 1px solid; width:102px; height:44px; position:relative;}
.eachlist .ic_video { background:url(/ctindex/images/ic_video.gif) no-repeat left top; width:23px; height:0; padding-top:23px; overflow:hidden; position:absolute; top:11px; left:11px;}
.eachlist .ic_flash { background:url(/ctindex/images/ic_flash.gif) no-repeat left top; width:26px; height:0; padding-top:26px; overflow:hidden; position:absolute; top:10px; left:44px;}
.eachlist .ic_pdf { background:url(/ctindex/images/ic_pdf.gif) no-repeat left top; width:22px; height:0; padding-top:25px; overflow:hidden; position:absolute; top:11px; left:80px;}
.eachlist:hover, .eachlist.hover, #listing .on { background:url(/ctindex/images/bg_listover.gif) repeat-x bottom left; cursor:pointer;}

#pageNavi { float:left; width:100%; margin-top:15px; background:url(/ctindex/images/bg_pageOption.gif) no-repeat left top; color:#cc0000; font-weight:bold; line-height:27px;}
#pageNavi a { color:#000000; background-color:inherit; text-decoration:underline;}
#pageNavi a:hover { text-decoration:none;}
#pageNavi .naviFirst { float:left; height:27px; background:url(/ctindex/images/ic_first.gif) no-repeat left 4px; padding-left:22px; margin:0 5px; color:#000000;text-decoration:underline;}
#pageNavi .naviPrevious { float:left; height:27px; background:url(/ctindex/images/ic_previous.gif) no-repeat left 4px; padding-left:22px; margin-left:5px; color:#000000;text-decoration:underline;}
#pageNavi .naviNext { float:left; height:27px; background:url(/ctindex/images/ic_next.gif) no-repeat right 4px; padding-right:22px; margin-right:5px; color:#000000;text-decoration:underline;}
#pageNavi .naviLast { float:left; height:27px; background:url(/ctindex/images/ic_last.gif) no-repeat right 4px; padding-right:22px; margin:0 5px; color:#000000;text-decoration:underline;}
#pageNavi .pageNums { float:left; width:200px; margin:0 15px; text-align:center;}
#pageNavi .pageNums a { font-weight:normal; margin:0 2px;}
#pageNavi .on { margin:0 2px;}
#pageNavi .pageNums a:visited { color:#999999; background-color:inherit;}