@charset "utf-8";
/* CSS Devleoped by
Terapon Rodyam */
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, button, table, caption, tbody, tfoot, thead, tr, th, td {margin: 0; padding: 0; border: 0; outline: 0; font-size: 100%; vertical-align: baseline; background: transparent;}
html{background:url(../main-images/bg.gif) repeat-x top center scroll rgb(255,255,255);}
body {line-height: 1; color:rgb(102,102,102)}
ol, ul {list-style: none;}
blockquote, q {quotes: none;}
blockquote:before, blockquote:after, q:before, q:after {content: ''; content: none;}
/* remember to define focus styles! */
:focus {outline: 0;}
/* remember to highlight inserts somehow! */
ins {text-decoration: none;}
del {text-decoration: line-through;}
/* tables still need 'cellspacing="0"' in the markup */
table {border-collapse: collapse; border-spacing: 0;}

a{color:rgb(4,146,137); text-decoration:none;}
a:hover{color:rgb(146,4,4);}
 
/* ---------- Clear Float ----------------*/
.FixFloat:after {
content: ".";
display: block;
height: 0;
clear: both;
visibility: hidden;
}
.FixFloat {display: inline-block;}
/* Hides from IE-mac */
* html .FixFloat {height: 1%;}
.FixFloat {display: block;}
/* End hide from IE-mac */ 

/*-- Wraper for all --*/
#wraper{width:966px; margin:0 auto; border:2px solid rgb(221,235,246); border-top-width:0;}
#wraper .set-bd{border:1px solid rgb(221,221,221);}
#wraper .set-pd5{padding:5px 5px 0;}
#wraper .no-margin{margin:0;}

.dateTime,.fullStory{font-size:11px;}
.dateTime{color:rgb(181,181,181);}

.fullStory{margin:8px 0 0;} 
.fullStory a{color:rgb(180,58,4); font-size:11px;}
.fullStory span{float:left; display:block; width:12px; height:13px; margin:0 3px 0 0; background:url(../main-images/sum-icon.png) no-repeat -12px -92px transparent; text-indent:-99px; overflow:hidden;}

/*-- Button Slide Hover--*/
a.prev:hover{background-position:0 -40px;}
a.next:hover{background-position:0 -120px;}
a.prevPage:hover{background-position:0 -40px;}
a.nextPage:hover{background-position:0 -120px;}
.disabled{visibility:hidden;}
.error{color:rgb(255,0,0); font-size:11px;}
/*-- Header And Footer Containner --*/
#Header-Containner{height:86px;}
#Footer-Containner{height:109px; clear:both;}
*html #Footer-Containner{padding-bottom:0;}
#Header-Containner,#Footer-Containner{background:url(../main-images/bg-header-barweb.png) repeat-x top center rgb(3,166,156); padding:14px 10px 10px;}
	.logoAndTime,.logoAndQlink{float:left;}
	.logoAndTime h1 a,.logoAndQlink h1 a{background:url(../main-images/logo.png) no-repeat transparent; width:605px; height:72px; overflow:hidden; text-indent:-9999px; display:block;}
	.logoAndTime p,.logoAndQlink p{color:rgb(255,255,255);}
	
	.logoAndQlink p{font-size:11px;}	
	
	.qLink{margin:0 0 10px; height:14px;}
	.qLink li{float:left; margin:0 3px 0 0;}
	.qLink li,.qLink a,.qLink a:hover{color:rgb(255,255,255); font-size:11px;}
	.qLink a:hover{text-decoration:underline;}
	
	.CSR-Util{float:right; width:207px!important; width:198px;}
	.services{margin:0 0 10px; height:30px; display:none;}
	.services li{float:left; margin:0 0 0 6px; _margin:0 0 0 3px;}
	.services li a{background:url(../main-images/sum-icon.gif) no-repeat transparent; text-indent:-9999px; overflow:hidden; display:block}
	.services li.rss{margin:0;}
	.services li.rss,.services li.fb,.services li.tw{padding:5px 0 0;}
	.services li.rss a,.services li.fb a,.services li.tw a{width:20px; height:20px;}
	.services li.rss a{background-position:0 -57px; width:21px;}
	.services li.fb a{background-position:0 -12px;}
	.services li.tw a{background-position:-20px -12px}
	.services li.sb a{background-position:-40px 0; width:126px; height:30px;}
	.search-label a{float:right; line-height:20px; font-size:11px;}
	.search-label a,.search-label a:hover,.search-label label{color:rgb(255,255,255);}
	.search-label a:hover{text-decoration:underline;}
	.search-label label{font-size:16px;}
	form.Search input,form.Search button{float:left;}
	form.Search input{margin:0 1px 0 0; width:169px!important; width:160px; height:19px; line-height:20px; padding:2px; border:1px solid rgb(255,255,255); background:transparent url(../main-images/bg-search.png) repeat-x}
	form.Search button{width:31px; height:25px; display:block; text-indent:-9999px; overflow:hidden; border:0; background:url(../main-images/sum-icon.png) no-repeat 0 -32px transparent;}
	
/*-- Contant Containner ---*/
#Content-Containner{clear:both; padding:10px 0 0;}

/*-- News Containner --*/
.News-Containner{background-color:rgb(255,255,255); /*margin:0 0 10px;*/ padding:10px;}
.News-Contain-Area1,.News-Contain-Area2,.News-Contain-Area3,.News-Contain-Area4{margin:0 0 10px; clear:both;}
.News-Contain-Area4{border-top:4px solid rgb(6,188,176); margin:0; padding:5px 0 0;}
	.News-Contain-Area1 h2{margin:8px 0;}
.News-Contain-Area3{display:none;}
/*-- Header all -*/

.list-bullet li{background:url(../main-images/bullet.gif) no-repeat 0 15px; padding-left:13px!important; padding-left:-10px;}
/*.error{color:rgb(255,0,0); font-size:11px;}*/
.head-section{margin:0 0 5px;}
.Content{border-top:1px solid rgb(221,221,221); padding:10px 0 0;}
/*-- Navigation for List --*/
.navigation{border-top:1px solid rgb(221,221,221); padding:10px 0 0;text-align:center;}
.navigation li{display:inline; margin:0 2px;}
.navigation li.YourAreHere,.navigation li a{background-color:rgb(4,146,137); color:rgb(255,255,255); font-weight:bold; padding:3px 8px; line-height:30px;border:1px solid rgb(221,221,221);}
.navigation li a:hover{background-color:rgb(235,235,235);color:rgb(146,4,4);}
.navigation li.YourAreHere,.navigation li a.current{background-color:rgb(255,255,255); color:rgb(9,9,9); cursor:default;}

/*-- Box Top in Content --*/
.box-news-top1,.box-news-top2{width:456px; float:left; height:auto!important; height:429px; min-height:429px; padding:5px 5px 0; border:1px solid rgb(221,221,221);}
.box-news-top1{margin:0 10px 0 0;}

/*-- Box Left and Right --*/
.Box-Left,.Box-Right{float:left;}
.Box-Left{width:614px; margin:0 10px 0 0;}
.Box-Right{width:320px;}

/*-- Content Wraper in Box Left and Right --*/
.Content-Wrapper-Left,.Content-Wrapper-Right{clear:both; margin:0 0 10px; overflow:hidden;}
.Content-Wrapper-Left{width:614px;}
.Content-Wrapper-Right{border:1px solid rgb(221,221,221); padding:5px;}

/*-- Subscribe --*/
#Subscribe,#success{display:none; width:250px; padding:10px; background-color:#FFF; height:auto!important; height:120px; min-height:120px; }
	#Subscribe .close,#success .close{background:url(../main-images/sum-button.gif) no-repeat 0 -229px transparent;position:absolute;right:8px; top:8px; cursor:pointer; height:15px; width:15px;}
	#Subscribe h3,#success h3{float:none;}
	#Subscribe h3{margin:10px 0; border-bottom:1px solid rgb(221,221,221);}
	#success h3{font-size:15px; margin:48px 0;}
	#Subscribe label{float:left; margin:0 3px 0 0; line-height:19px;}
	#Subscribe input{width:195px!important; width:190px; padding:2px; border:1px solid rgb(221,221,221);}
	#Subscribe label.error{clear:left; margin:3px 0 4px 48px; width:190px;}
	#Subscribe button{background:url(../main-images/sum-button.gif) no-repeat 0 -145px transparent; width:77px; height:17px; display:block; cursor:pointer; margin:10px 0 0;}
	#Subscribe button:hover{background-position:0 -166px;}
	
/*-- Overlay for picture Gallery --*/
.overlay-gallery{display:none;z-index:10000;background-color:#333;width:675px;min-height:200px;border:1px solid #666;/* CSS3 styling for latest browsers */	-moz-box-shadow:0 0 50px 5px #000;-webkit-box-shadow: 0 0 50px #000;}
.overlay-gallery .close{background-image:url(../main-images/close.png);position:absolute;right:-15px;top:-15px;cursor:pointer;height:35px;width:35px;}
#img{border:1px solid #666;}
.overlay-gallery .next, .overlay-gallery .prev{position:absolute;top:40%;border:1px solid #666;cursor:pointer;display:block;padding:10px 20px;color:#fff;font-size:11px;	/* upcoming CSS3 features */-moz-border-radius:5px;-webkit-border-radius:5px;}
.overlay-gallery .prev{left:0;border-left:0;-moz-border-radius-topleft:0;-moz-border-radius-bottomleft:0;-webkit-border-bottom-left-radius:0;-webkit-border-top-left-radius:0;}
.overlay-gallery .next{right:0;border-right:0;-moz-border-radius-topright:0;-moz-border-radius-bottomright:0;-webkit-border-bottom-right-radius:0;-webkit-border-top-right-radius:0;	
}
.overlay-gallery .next:hover, .overlay-gallery .prev:hover{background-color:#000; color:rgb(255,255,255);}
.info{position:absolute;bottom:0;left:0;padding:10px 15px;color:#fff;font-size:11px;border-top:1px solid #666;}
.info strong{display:block;}
#gallery .progress{position:absolute;top:45%;left:50%;display:none;}
.overlay-gallery .next, .overlay-gallery .prev, .info{background:#333 !important;}

/*--- Video Page --*/
.sectionVideo{background-color:rgb(46,44,46); margin:0; padding:14px;}
.sectionVideo h2{color:rgb(255,255,255); font-size:35px;}
.vdo-wraper{margin:10px 0;}
	.vdo-wraper em,.vdo-List-all em{font-style:normal;}
	.vdo-wraper span,.vdo-List-all span{display:none;} 	
	.vdo-wraper b,.vdo-List-all b{font-size:11px;}
	.vdo-player,.vdo-latest{float:left;}	
	.vdo-player{margin:0 14px 0 0; width:566px;}
		#player{display:block;width:566px;height:319px; cursor:pointer; background-color:rgb(0,0,0);}
		.vdo-caption{background-color: rgb(60,60,60); margin:5px 0 0; padding:5px; height:auto!important; min-height:102px; height:102px; color:rgb(207,207,207);}
			.vdo-caption strong{display:block; font:bold 15px/20px Tahoma, Geneva, sans-serif; margin:0 0 10px; color:rgb(215,215,215); border-bottom:1px solid rgb(140,140,140);}		
		.share-video{float:right; margin:8px 0 0;}
		.share-video a{color:rgb(215,215,215);}
	.vdo-latest{position:relative;}
		.vdo-latest h3{color:rgb(251,251,251);}
		.vdo-latest-list{clear:left; width:335px; height:407px; overflow:hidden; position:relative;}
		.latest-list {position:absolute;/*height:20000em;*/}
			a.go {position:absolute; top:6px; display:block; width:18px; height:18px; background:url(../main-images/up.png) no-repeat; cursor:pointer;}
			a.go.up{right:20px;}
			a.go.down{right:0;}
			a.go:hover, a.go.down:hover {background-position:0px -18px;}
			a.go.down {background-image:url(../main-images/down.png);}			
			.latest-list a.go.disabled {visibility:hidden;}
			.latest-list a{display:block; height:108px; width:308px; padding:14px; overflow:hidden; background:url(../main-images/vdo.png) no-repeat 0 -1px transparent;}
			.latest-list a:hover{background-position:0 -273px; color:rgb(4,146,137);}
			.latest-list a.paused{background-position:0 -137px;} 
			.latest-list a.playing{background-position:0 -273px;} 
			.latest-list a.progress {opacity:0.6; filter:alpha(opacity = 60);}
	.vdo-List-all{ border:1px solid rgb(106,105,106); padding:5px;}	
		.vdo-List-all h3{color:rgb(251,251,251);}
		.vdo-List-all ul{clear:left; height:478px; overflow:auto;}
		.vdo-List-all li{float:left; margin:3px;}
		.vdo-List-all a{display:block; height:211px; width:149px; padding:11px; overflow:hidden; background:url(../main-images/vdo.png) no-repeat -1px -645px transparent;}
			.vdo-List-all a:hover{background-position:-174px -410px; color:rgb(4,146,137);}
			.vdo-List-all a.paused{background-position:-1px -410px;} 
			.vdo-List-all a.playing{background-position:-174px -410px;} 
			.vdo-List-all a.progress{opacity:0.6; filter:alpha(opacity = 60);}
			.vdo-List-all img{float:none; margin:0 0 11px;}	
			
/*--- For Search ---*/
.Search-Result{margin:0 0 10px; font-size:15px;}
	#advanvce-Search fieldset{margin:0 0 5px;}
	#advanvce-Search legend{margin:0 -8px 5px;}/* set for IE */
	#advanvce-Search img{vertical-align:bottom; _vertical-align:text-bottom;}
	#advanvce-Search legend{background-color:rgb(231,231,231); line-height:27px; font-weight:bold; padding:0 5px; width:298px; font-size:15px;}
	#advanvce-Search label{display:block; margin:0 0 5px;}
	#advanvce-Search input,#advanvce-Search select{color:rgb(0,0,0); border:1px solid rgb(231,231,231); background-color:rgb(255,255,255); padding:2px;}
	#advanvce-Search span{display:block;}
		.keySearch,.option1,.option2,.option3{padding:0 5px;}
		.keySearch input{width:200px;}
		#advanvce-Search .option1 label,#advanvce-Search .option2 label,#advanvce-Search .option3 label{float:left; line-height:22px; margin:0 3px 0 0;}
		.option1,.option2 p{margin:0 0 5px;}
		.option2 ul{margin:0 0 0 40px;}
		.option2 li{margin:0 0 5px;}
		#advanvce-Search li.endD label{margin-right:8px;}
		.bt-search{cursor:pointer; width:80px; font-weight:bold; background:url(../main-images/sum-button.gif) no-repeat 0 -313px transparent; height:22px; color:rgb(255,255,255);}
		
/*---- Activities Poll ---*/
#CSRPollEvent{width:100%; overflow:hidden;}
#article-Content #CSRPollEvent p{font-size:15px; margin-bottom:5px;}
#CSRPollEvent em{color:#C00; font-style:normal; font-size:11px;margin-bottom:7px; display:block;}
.YourInput{margin-bottom:10px; border-bottom:1px solid #D3D3D3; padding-bottom:10px; width:100%; overflow:hidden;}
.YourInput li{float:left; margin-right:10px;}
.YourInput input{border:1px solid #D3D3D3; width:200px; padding:2px;}
.YourInput input.error{border:1px solid #C00; font-size:13px!important;}
ul li label.error{ visibility:hidden; display:none!important;}

#poll-results h4{clear:left;}
#CSRPollEvent .graph{width:450px; margin:10px auto 0; border:1px solid #F0F0F0; padding:10px;}
#CSRPollEvent .graph dt{margin-bottom:3px; font-weight: bold;}

#CSRPoll .graph dd,#CSRPollEvent .graph dd{margin-bottom:5px; border-bottom:1px solid #F0F0F0; padding-bottom:5px;}
#CSRPoll .graph dd strong,#CSRPollEvent .graph dd strong{font-size:11px; font-weight:normal; color:}
#CSRPoll .graph dd div{
	background: #059F95; /* for non-css3 browsers */
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#07D6CC', endColorstr='#059F95'); /* for IE */
	background: -webkit-gradient(linear, left top, left bottom, from(#07D6CC), to(#059F95)); /* for webkit browsers */
	background: -moz-linear-gradient(top,  #07D6CC,  #059F95); /* for firefox 3.6+ */ 	
	}
#CSRPollEvent .graph dd div{
	background: #EB282A; /* for non-css3 browsers */
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#EB282A', endColorstr='#CD0305'); /* for IE */
	background: -webkit-gradient(linear, left top, left bottom, from(#EB282A), to(#CD0305)); /* for webkit browsers */
	background: -moz-linear-gradient(top,  #EB282A,  #CD0305); /* for firefox 3.6+ */ 
}

#CSRPoll .totalVote,#CSRPollEvent .totalVote{text-align:center; font-size:12px; font-weight:bold;}

#PollResualt{color:#000; width:800px; padding:10px;}
#PollResualt h2{margin:18px 0 0; padding:5px;}
#C1{background-color:#86C900; color:#FFF;}
#C2{background-color:#76C918; color:#FFF;}
#C3{background-color:#66CA31; color:#FFF;}
#C4{background-color:#56CA49; color:#FFF;}
#C5{background-color:#46CA61; color:#FFF;}
#C6{background-color:#36CB79; color:#FFF;}
#C7{background-color:#26CB92; color:#FFF;}
#C8{background-color:#16CCAA; color:#FFF;}
#C9{background-color:#06CCC2; color:#FFF;}
#C10{background-color:#05CCC5; color:#FFF;}

#PollResualt table{border-collapse:collapse;}
#PollResualt table,#PollResualt th,#PollResualt td{border:1px solid  #A2A2A2;}
#PollResualt th,#PollResualt td{padding:5px; font-size:13px; }
#PollResualt th{text-align:left; background-color:#E0E0E0}