@charset "utf-8";
/* CSS Document */

/*color control for different version*/
.borderBtm{ border-bottom:#002156 5px solid;}
.programmeHLt .borderBtm{ border-bottom:#6e6e6e 5px solid;}
.innerContent small{ font-size:11px;}
div.content-wrapper p{margin-bottom:4px;}
/*general style*/
.blueLink { color:#6c6b6b; text-decoration:underline; display:block;}
.blueLink2 { color:#6c6b6b; text-decoration:underline;}
.blueLink:hover { color:#2395dc; text-decoration:underline;}
.blueLink2:hover { color:#2395dc; text-decoration:underline;}

.blueLink:link, .blueLink:visited { text-decoration:underline;}

.downloadLink{margin-bottom:8px;}
.downloadLink li{background:url(/uploads/images/downloadlink.gif) no-repeat 0 1px; padding-left:18px; padding-bottom:5px;}
.downloadLink a{color:#6c6b6b; text-decoration:none;}
.downloadLink a:hover{ color:#2395dc; text-decoration:none;}

.downloadLinkNoImg li{
	padding-bottom:5px;
	background-image: url(/uploads/images/arrow_left_deep_blue.gif);
	background-repeat: no-repeat;
	padding-left: 6px;
	background-position: 0px 5px;
}
.downloadLinkNoImg a{color:#6c6b6b; text-decoration:underline;}
.downloadLinkNoImg a:hover{ color:#2395dc; text-decoration:underline;}

/*image box*/
.imageBorder92{
	background:url(/uploads/images/photoborder_92x55.jpg) top left no-repeat;
	display:block;
	padding:4px 7px 16px;
	float: right;

}
.imageBorder92v{
	background:url(/uploads/images/photoborder_90x120.jpg) top left no-repeat;
	display:block;
	padding:4px 7px 16px;
	float: right;

}

.imageBorder268{
	background:url(/uploads/images/photoborder_268x203.jpg) top left no-repeat;
	display:block;
	margin-left:25px;
	padding-left:13px;
	padding-right:13px;
	padding-top:13px;
	padding-bottom:29px;
	float: right;
}
.imageBorder268v{
	background:url(/uploads/images/border268h.jpg) top left no-repeat;
	display:block;
	margin-left:25px;
	padding:11px 12px 29px 14px;
	float: right;
}
.imageBorder268 img{ margin:14px; }
table .imageBorder268{ margin-left:15px;}

.imageBorder139{ background: url(/uploads/images/border139x94.jpg) top left no-repeat; display:block;  padding:9px; margin:5px;}
.imageBorder139 img{ margin:9px;}
.imageBorder139v{ background: url(/uploads/images/border121x161.jpg) top left no-repeat; display:block;  padding:9px; margin:5px;}
.imageBorder139v img{ margin:9px;}

.imageBorder166{ background:url(/uploads/images/border166x192.jpg) top left no-repeat; display:block; margin:5px; padding:12px 12px 30px;}
.imageBorder166 img{ margin:12px;}

.imageBorder124{ background:url(/uploads/images/border124x140.jpg) top left no-repeat; display:block; margin:5px; padding:12px 13px 30px;}
.imageBorder124 img{ margin:12px;}

.imageBorder108{
	background:url(/uploads/images/photoborder_108x138.jpg) top left no-repeat;
	display:block;
	/*margin-left:25px;*/
	padding-left:13px;
	padding-right:13px;
	padding-top:13px;
	padding-bottom:29px;
	float: right;
}
/*.imageBorder108 img{ margin:14px; }
table .imageBorder108{ margin-left:15px;}*/

ul.list-arrow{margin-bottom:8px;}
ul.list-arrow li{margin-bottom:4px; padding-left:18px; background:url(/uploads/images/arrow_left_deep_blue.gif) no-repeat 5px 5px;}

ul.list-arrow2{
	margin-bottom:8px;
	text-decoration: underline;
}
ul.list-arrow2 li{margin-bottom:4px; padding-left:18px; background:url(/uploads/images/arrow_left_deep_blue.gif) no-repeat 5px 5px;}

ul.greylist{ background:#ebebeb; padding:5px 10px; display:block; margin:0;}
ul.greylist li{margin-bottom:4px; _margin-top:0px; _margin-bottom:1px;}
.listtab a,.greylist a{ text-decoration:underline;}
ul.listtab{padding:0px 0px; display:block; margin:0;}
ul.listtab li{margin-bottom:4px;}
ul.listtab .greylist{margin-top:2px; padding:2px 10px;}

/* ######### crop  #########*/
/*cropboxb is a box without javascript and no auto height equailization*/
.cropBoxb{background:#f6f6f6; min-height:80px; _height:80px; float:left; margin:8px 6px; padding:0 0 10px 0;}
.cropBoxC{background:#fff; min-height:10px; _height:10px; float:left; margin:8px 6px; padding:0 0 0px 0;}

.cropBox{width:343px; background:#f6f6f6; min-height:180px; _height:180px; float:left; margin:8px 6px; _margin:8px 3px; padding:0 0 10px 0;}

.cropBoxContent{ margin-top:10px;}
.cropBoxContent td.imageBox{ width:90px}
.cropBoxContent td.contentBox{ padding:10px 5px;}
td.titleLeft{width:120px;padding:5px 0px 0px 0px; font-weight:bold; }
td.contentRight{ padding:5px 0px;}
.titlebx{ background:url(/uploads/images/crop_about_titlebg2.gif) left top no-repeat; width:343px; height:27px;}
.dl .titlebx{ background:url(/uploads/images/crop_about_titlebg2.gif) top left no-repeat; width:343px; height:40px;}
.cropBox h5, .cropBoxb h5, .cropBoxC h5, .cropBox h2, .cropBoxb h2, .cropBoxC h2{ font-size:13px; font-weight:bold;padding:6px 13px 0;} /* ogcio S08 2015/07/13 */
.bluetxt{color:#002156;}
.ContentAr{padding:13px; background:white; border-bottom: #f6f6f6 1px solid; }
.ContentArb{padding: 13px; background:#f6f6f6;}
.ContentArd{padding: 5px; background:#f6f6f6;}
.ContentAre{padding: 0px; background:#f6f6f6;}
.ContentArf{padding: 0px; background:#FFFFFF;}
.ContentArf td{ padding:0px 13px;}
.ContentArf th{ padding:5px 13px; font-weight:bold;}
.pointform td{padding:0px 2px;}
/*box727*/
.box727 {width:727px; margin:0 auto;}
/*.box727 .titlebx{width:727px; background:url(/uploads/images/bar727.gif) left top no-repeat;}*/
.box727 .titlebx, .box727 .titlebx2{width:727px; height:auto; padding-bottom:6px;
			background:url(/uploads/images/bar727x100.gif);background-repeat:no-repeat; 
	        /*background-image*/ /* white-space: pre-wrap; css-3 */      /*Add by justine 20110202*/
	        white-space: -moz-pre-wrap; /* Mozilla, since 1999 */
	        white-space: -pre-wrap; /* Opera 4-6 */
	        white-space: -o-pre-wrap; /* Opera 7 */
			word-wrap: break-word;}
/*box400*/
.box400,
.box400 .titlebx
{ width:420px; }
.box400{margin:0 auto;}
.box400 .titlebx{background:url(/uploads/images/bar400.gif) left top no-repeat;}

/*box230*/
.box230,
.box230 .titlebx
{ width:230px; }
.box230{margin:0 auto;}
.box230 .titlebx{background:url(/uploads/images/bar230.gif) left top no-repeat; text-align:left;}


/*Newbox*/
.Newbox{ float:left; width:343px; margin-bottom:10px;}
.Newbox th{ background:url(/uploads/images/crop_about_titlebg2.gif) no-repeat top left; height:40px; font-weight:bold; padding:0 13px;}
.Newbox .cropBox{ margin:0; padding:0;}
.rightTable{margin-left:14px;}
/*presstable*/
.pressTable th{ padding-top:9px; font-weight:bold;color:#2395dc;}

.pressList li{ float:left; width:350px; height:120px; overflow:hidden; display:block;}
.pressList li a.blueLink{ text-decoration:underline;}
.pressList{ display:block;}

.pressbox{ margin-bottom:20px;}

/*upcoming-eventsTable*/
.upcoming-eventsTable{ width:100%; 
			table-layout:fixed; }  /*Add by justine 20110202*/
.upcoming-eventsTable thead tr{ background:#f2f2f2; }
.upcoming-eventsTable thead th{ padding:5px 10px; font-weight:bold;}
.upcoming-eventsTable tbody tr{ background:#fff; }
.upcoming-eventsTable td{ padding:12px 10px; line-height:140%;
	        /* white-space: pre-wrap; css-3 */      /*Add by justine 20110202*/
	        white-space: -moz-pre-wrap; /* Mozilla, since 1999 */
	        white-space: -pre-wrap; /* Opera 4-6 */
	        white-space: -o-pre-wrap; /* Opera 7 */
			word-wrap: break-word; /* Internet Explorer 5.5+ */}
.upcoming-eventsTable tbody .greybgTr{ background:#f2f2f2;}

.opac8 tbody tr td{opacity:0.5;filter:alpha(opacity=50);}
.upcoming-eventsTable tbody .hover{  opacity:1;filter:alpha(opacity=100)}
.upcoming-eventsTable tbody .hover td{opacity:1;filter:alpha(opacity=100)}
.upcoming-eventsTable .btnDetails{ margin-top:3px;}
.btnDetails{ background:url(/uploads/images/btn_detalis.jpg) 0  0 no-repeat; width:48px; height:16px; display:block;}
.btnDetails:hover{ background:url(/uploads/images/btn_detalis.jpg) 0  -16px no-repeat;}
.upcoming-eventsTable .btnDetailstc{ margin-top:3px;}
.btnDetailstc{ background:url(/uploads/images/btn_detalis_tc.jpg) 0  0 no-repeat; width:48px; height:16px; display:block;}
.btnDetailstc:hover{ background:url(/uploads/images/btn_detalis-tc.jpg) 0  -16px no-repeat;}
.upcoming-eventsTable .btnDetailssc{ margin-top:3px;}
.btnDetailssc{ background:url(/uploads/images/btn_detalis_sc.jpg) 0  0 no-repeat; width:48px; height:16px; display:block;}
.btnDetailssc:hover{ background:url(/uploads/images/btn_detalis-sc.jpg) 0  -16px no-repeat;}

.upcoming-eventsTable .odd{background:#f2f2f2;}

.upcoming-eventsTableb td{ border-bottom:1px #999999 solid; padding-top:8px;}
.upcoming-eventsTableb tr.last td{ border-bottom:0px #999999 solid;}
/*prev and next btn*/
.pagNav{height:30px; padding:0px; width:727px; }
.pagNav table{ float:left; height:30px; padding:0;}
.pagNav td{ padding-right:5px; height:30px;}
.pagNav .tableYr{float:right;}
.pagNav .tableYr td{ padding-right:0px; padding-left:5px;}
.pageIn{ width:20px;}
.pagNav a{ cursor:pointer;}
.prev{ background:url(/uploads/images/prevNext.gif) -37px 0 no-repeat; height:23px; width:37px; display:block;}
.prev:hover, .prevInactive{ background:url(/uploads/images/prevNext.gif) -37px -23px no-repeat; height:23px; width:37px; display:block;}
.next{ background:url(/uploads/images/prevNext.gif) 0 0 no-repeat; height:23px; width:37px; display:block;}
.next:hover, .nextInactive{ background:url(/uploads/images/prevNext.gif) 0px -23px no-repeat; height:23px; width:37px; display:block;}
.prevInactive, .nextInactive{cursor:default;}
/*video table*/
.videotable{border-left:#7a7c7f 1px solid; margin-left:15px; width:256px;}
.videotable td{padding-left:4px;}
.videotable td.videoDetail{ width:130px;}
/*publication*/
.pub .box230{ float:left;}
.pub{ width:740px;}
.pub td{ padding-bottom:15px;}
.imgBorG{ border:#777575 1px solid; margin:0 auto; display:block;}
.AlignCenter{margin:0 auto; display:block;}
/*hotrelease img list*/
ol.hotreleaseImg{ height:170px; padding-left:15px;}
ol.hotreleaseImg li{ float:left; width:153px; height:198px; padding-right:12px; _padding-right:10px; list-style:none;}
ol.hotreleaseImg li img{ border:#716f6f 1px solid;}

/*email2fd*/
.email2fd{ border-bottom:1px #bababa solid; width:675px;}
.email2fd th{ font-weight:bold; width:115px; padding:8px 0;}
.email2fd td{ padding:8px 5px; width:191px;} 
.email2fd input[type=text]{ width:200px;}
.btnPreview{background:url(/uploads/images/btn_68.jpg) no-repeat; width:68px; height:23px; font-weight:bold; border:0;}
.btnPreview:hover{background:url(/uploads/images/btn_68_on.jpg) no-repeat; width:68px; height:23px; font-weight:bold; border:0; color:#666666;}
hr.greyline{border:0; border-bottom:1px #bababa solid; background:none; display:block; height:0}
/*personal info*/
.info th{ font-weight:bold; width:120px;}
.info th, .info td{ padding:2px 0;}

/*special ann old*/
/* .specAnn{height:560px;width:841px;}
.front #sb-body-inner #sb-player.html{overflow:hidden;}
.specAnn .titleA{ height:51px; background:url(/uploads/images/front/img_special_annou.gif)  top left no-repeat; padding:0px 15px 0 15px; text-align:left;position:relative;}
.specAnn .titleA span{ font-size:16px; position:absolute; top:13px; font-weight:bold;}
.specAnn .contentS{background:#e96910; padding:5px 5px 0px 5px; color:#FFFFFF; text-align:left;}
.specAnn .contentS span{ font-size:14px; padding:5px 5px 8px 15px; font-weight:bold; display:block;}
.announDetail{ background:#FFFFFF; height:275px; overflow: scroll; color:#000000; padding:20px 15px; overflow-x:hidden;}
.btnSpc{height:5px; background:url(/uploads/images/front/img_special_annouBtm.gif) bottom left no-repeat;} */

/*special ann*/
#spcAnnounce {background: #fff; background-color#fff; padding:20px; padding-top:40px;  border: 5px solid #019ade; font-size:16px}
#spcAnnounceContent {overflow: scroll;overflow-x:hidden; text-align:left;height:100%}
.specAnn{padding-bottom:35px;}
.front #sb-body-inner #sb-player.html{overflow:hidden;}
.specAnn .titleA {font-weight: bold; display: inline-block; width: 100%; text-align: center; color: #001f57; margin-bottom: 0;margin-top: 35px;font-size:24px; text-transform:uppercase} 
.specAnn:first-child .titleA{margin-top:0px}
.specAnn .contentS .subtitle { font-size:14px; padding:5px 5px 8px 15px; font-weight:bold; display:block;}
.specAnn .date {display: inline-block;    color: #666;    width: 100%;    margin-top: 40px;}
.specAnnAPI .contentS p {margin-top: 20px;}
#spcAnnounce .btn-close {	right: 17px;    top: 15px;    width: 25px;    height: 25px;    z-index: 500;position: absolute; background: transparent;text-decoration: none; outline: 0;    border: 0; cursor: pointer;    padding: 0;}
#spcAnnounce .btn-close::before, #spcAnnounce .btn-close::after {    width: 25px;	background-color: #333;	content: '';    display: inline-block;    height: 2px;    position: absolute;    top: 50%;    left: 0;}
#spcAnnounce .btn-close::before {    -webkit-transform: rotate(45deg);    -moz-transform: rotate(45deg);    -o-transform: rotate(45deg);    -ms-transform: rotate(45deg);    transform: rotate(45deg);}
#spcAnnounce .btn-close::after {    -webkit-transform: rotate(-45deg);    -moz-transform: rotate(-45deg);    -o-transform: rotate(-45deg);    -ms-transform: rotate(-45deg);    transform: rotate(-45deg);}


/*for API special annount table*/
.sp-tb{
    width: 100%;
    margin-bottom: 20px;
    margin-top: 10px;
}
.sp-tb .col-title.single {
    width: 40%;
}
.sp-tb thead td, .sp-tb thead th{
	border-bottom: 3px solid #333;
    padding-bottom: 10px;
    font-weight: bold;
    padding-right: 10px;
}
.sp-tb tbody tr:first-child td, .sp-tb tbody tr:first-child th {
    border-top: 0;
}
.sp-tb tbody td, .sp-tb tbody th {
    padding-top: 10px;
    padding-bottom: 10px;
    border-top: 1px solid #ccc;
    padding-right: 10px;
}
.font-clr.blue {
    color: #0079d0;
}




/*weatherTable*/
.weatherTable td{ border:#d3d3d3 1px solid; padding:7px 8px;}
.weatherTable thead td{ font-weight:bold; color:#000000; background:#f8f8f8;}
.weatherTable tr.even td{background:#f8f8f8;}
.weatherTable tr.even td.darkerGrey, .weatherTable tr td.darkerGrey{background:#eeeeee;}
/*tab with prev and next button*/
.tabing{ margin-top:0px; position:relative;}
.tabs { 
position:absolute;
 /*top:-11px;
 *top:-10px;*/
   border-bottom: 1px solid #ccc;
   
   list-style: none;
   margin: 0; 
 /*  padding: 0px 5px 1px 5px;*/
   zoom:1; 
   right:0px;
   width:100%;
}
.tabs:after { 
   display: block; 
   clear: both; 
   content: " "; 
}

.tabs li:first-child{ margin-left:22px;}
.tabs li.ui-tabs-paging-prev{ margin-left:10px; _margin-left:0px;}
.tabs li {
   float: left; 
   margin: 0 1px 0 0; 
   padding-left: 1px;
   /*padding-left: 5px; */
	/*background:url(/uploads/images/tabbg.jpg) 0px 1px no-repeat;*/
	
}

.tabs a {
float:left;
   display: block; 
   position: relative; 
   top: 0px; 
   /*border: 1px solid #fff;*/
   border-bottom: 0; 
   z-index: 2; 
   padding: 5px 9px 0 2px; 
	color:#6c6b6b; 
   text-decoration: none;
   white-space: nowrap;
   background: url(/uploads/images/tabbg.jpg) top right;
}
.ui-state-default p{ 

   width:7px; height:20px;
   display: block;
	background:url(/uploads/images/tabbg.jpg) 0px 0px no-repeat; display:block;
	 margin:0;
	 float:left;
	  
   overflow: visible; }



.tabs a:focus,
.tabs a:active { 
   outline: none; 
}
.tabs a:hover,
.tabs a:focus,
.tabs a:active { 
   
   cursor: pointer; 
}

.ui-tabs-selected p{ 

   width:7px; height:21px;
   display:block;
	background:url(/uploads/images/tabbg.jpg) 0px 0px no-repeat; display:block;
	 margin-bottom: -2px;
	 float:left;
	  z-index:2;
	  
   overflow: visible; }
.ui-tabs-selected a { 
   padding: 5px 9px 1px 2px; 
   color:#2395dc;
   /*border-bottom: 2px solid #fff; 
   border-top: 3px solid #fff; */
   
   margin-bottom: -2px; 
   overflow: visible;
}
.tc .ui-tabs-selected a { 
   padding: 6px 9px 1px 2px; 
   color:#2395dc;
   /*border-bottom: 2px solid #fff; 
   border-top: 3px solid #fff; */
   
   margin-bottom: -2px; 
   overflow: visible;
}
.ui-tabs-hide { 
   display: none; 
   background-color: #fff 
}
.ui-tabs-panel {
   padding: 0.5em;
   padding-top:20px;
}


.ui-tabs-paging-next { 
	float: right !important;
}
.ui-tabs-paging-prev,
.ui-tabs-paging-next {
	background: transparent !important;
	border: 0 !important;
	margin-bottom: 1px !important;
}

#example2 .ui-tabs-paging-prev,
#example2 .ui-tabs-paging-next {
	font-weight: bold;
}
.ui-tabs-paging-prev a,
.ui-tabs-paging-next a {
    display: block; 
    position: relative; 
    top: 1px; 
    border: 0;
    z-index: 2; 
    padding: 0;
    /* color: #444; */ 
    text-decoration: none;
	background: transparent !important; 
	cursor: pointer;
}
.ui-tabs-paging-next a:hover,
.ui-tabs-paging-next a:focus,
.ui-tabs-paging-next a:active,
.ui-tabs-paging-prev a:hover,
.ui-tabs-paging-prev a:focus,
.ui-tabs-paging-prev a:active { 
	background: transparent; 
}
.ui-tabs-paging-disabled {
	visibility: hidden;
}

.space{ height:25px; width:100%;}

/*updown*/
table.tablesorter thead tr .header {
	background-image:url(/uploads/images/updown.gif);
	background-repeat: no-repeat;
	background-position: center right;
	cursor: pointer;
}

table.tablesorter thead tr .headerSortUp {
	background-image: url(/uploads/images/up.gif);
}
table.tablesorter thead tr .headerSortDown {
	background-image: url(/uploads/images/down.gif);
}
/*job search*/
.jobsearch{ background: url(/uploads/images/career/btn_job_search.jpg) no-repeat top left; display:block; height:30px; width:117px;}
.jobsearch:hover{ background: url(/uploads/images/career/btn_job_search_on.jpg) no-repeat top left;}
.jobsearchtc{ background: url(/uploads/images/career/btn_job_search_tc.gif) no-repeat top left; display:block; height:30px; width:117px;}
.jobsearchtc:hover{ background: url(/uploads/images/career/btn_job_search_tc_on.gif) no-repeat top left;}
.jobsearchsc{ background: url(/uploads/images/career/btn_job_search_sc.gif) no-repeat top left; display:block; height:30px; width:117px;}
.jobsearchsc:hover{ background: url(/uploads/images/career/btn_job_search_sc_on.gif) no-repeat top left;}

/*faq*/
#faqRoot {margin: 0 auto;padding: 0;}

.faq .faqcontent {margin: 0 15px 0 15px; padding:5px 0;}
.faq h2{ padding: 0 0 0 15px; cursor:pointer; display:block; color:#6C6B6B; font-weight:bold;}
.faq h2.faqopened, #faq h2.faqclosed { cursor:pointer; padding: 0 0 0 15px;;margin-bottom: 0;}
.faq h2.faqclosed:hover {color: #2395dc;}
.faq h2.faqclosed {background: transparent url(/uploads/images/collapsed.png) no-repeat scroll 0 3px;}
.faq h2.faqopened {background: transparent url(/uploads/images/expanded.png) no-repeat scroll 0 3px; color: #2395dc;}

/*search table*/
.searchTable td{ padding:3px 5px;}

/*backtop2*/
.btnBackTop2{position:relative;  background:url(/uploads/images/arrow_top.gif) no-repeat 0 5px; display:inline-block; padding-left:15px; float:right;}
.btnBackPrev{position:relative;  background:url(/uploads/images/arrow_right_white.gif) no-repeat 0 5px; display:inline-block; padding-left:15px; float:right;}
.faq2 th{ font-weight:bold; color:#2395DC;}
.faq2 { border-bottom:#F6F6F6 solid 2px; margin-bottom:5px;}

/*faq table*/
.faqtr .list-arrow{ margin-left:5px; margin-top:5px; padding:2px 0;}
.faqtr .list-arrow { background:#F6F6F6}
.list-arrow a:hover{
color:#2395DC;}



.Newbox .pressTable th{ font-weight:bold;color:#2395dc; background:none; margin:0; padding:9px 0 0 0;}
.Newboxb th{ padding:6px 13px 0; height:30px;}
.Newbox .pressList li { height:120px;}