/* www.krobkruakao.com)	*/  
.clear {clear:both;position:relative;font-size:0px;height:0;line-height:0}

#form-login div label{ display: block;}
#form-login div #username{ width: 150px;}
#form-login div #password{ width: 150px;}

/*----MAIN PANEL----*/
#mainPan{
	width:980px;
	position:relative;
	border-right-width: 1px;
	border-left-width: 1px;
	border-right-style:
	solid;
	border-left-style:solid;
	border-left-color: #8A8C8F;
	margin-top: 0px;
	margin-bottom: 0px;
	margin-left: auto;
	margin-right: auto;
	background-position: center;
	border-right-color: #8A8C8F;
}


/* links */
a {	color: #333333;	background: inherit;	text-decoration: none;}
a:hover { color: #FF6600; background: inherit; }	

/* Text */	
.B_11normal
{
	font-family : Tahoma;
	font-size : 11px;
	color : #004990;
}
.W_11normal
{
	font-family : Tahoma;
	font-size : 11px;
	color : #FFFFFF;
}
.W_14normal
{
	font-family : Tahoma;
	font-size : 14px;
	color : #FFFFFF;
}
.Red14bold
{
	font-family : Tahoma;
	font-size : 14px;
	color : #FF0000;
	font-weight : bold;
}
.Red11
{
	font-family : Tahoma;
	font-size : 11px;
	color : #FF0000;
}
.Red11bold
{
	font-family : Tahoma;
	font-size : 11px;
	color : #FF0000;
	font-weight : bold;
}
.Red18bold
{
	font-family : Tahoma;
	font-size : 18px;
	color : #FF0000;
	font-weight : bold;
}
.Red30normalAsdong
{
	font-family : Tahoma;
	font-size : 30px;
	color : #FF0000;
}
.RedHead
{
	font-family : Tahoma;
	font-size : 20px;
	color : #CC0000;
}
.GoldHead
{
	font-family : Tahoma;
	font-size : 20px;
	color : #D6A40D;
}
.yellow11bold
{
	font-family : Tahoma;
	font-size : 11px;
	color : #FFFF00;
	font-weight : bold;
}
.yellow11
{
	font-family : Tahoma;
	font-size : 11px;
	color : #FFFF00;
}
.orange11bold
{
	font-family : Tahoma;
	font-size : 11px;
	color : #FF9900;
	font-weight : bold;
}
.orange11normal
{
	font-family : Tahoma;
	font-size : 11px;
	color : #FF9900;
}
.orange18bold
{
	font-family : Tahoma;
	font-size : 18px;
	color : #FF9900;
	font-weight : bold;
}
.lightgray10normal
{
	font-family : Tahoma;
	font-size : 10px;
	color : #cccccc;
	font-weight : normal;
}
.darkgray10normal
{
	font-family : Tahoma;
	font-size : 10px;
	color : #666666;
	font-weight : normal;
}
.darkgray11normal
{
	font-family : Tahoma;
	font-size : 11px;
	color : #666666;
	font-weight : normal;
}
.darkgray11bold
{
	font-family : Tahoma;
	font-size : 11px;
	color : #666666;
	font-weight : bold;
}
.darkgray13bold
{
	font-family : Tahoma;
	font-size : 13px;
	color : #666666;
	font-weight : bold;
}
.balck10normal
{
	font-family : Tahoma;
	font-size : 10px;
	color : #333333;
}
.balck11normal
{
	font-family : Tahoma;
	font-size : 11px;
	color : #333333;
}
.balckHead
{
	font-family : Tahoma;
	font-size : 22px;
	color : #333333;
}
.balckHead20
{
	font-family : Tahoma;
	font-size : 20px;
	color : #333333;
}
.darkBule18bold
{
	font-family : Tahoma;
	font-size : 18px;
	color : #003366;
	font-weight : bold;
}
.Bule10normal
{
	font-family : Tahoma;
	font-size : 10px;
	color : #0066FF;
	font-weight : normal;
}
.Bule11normal
{
	font-family : Tahoma;
	font-size : 11px;
	color : #0066FF;
	font-weight : normal;
}



/*----Header PANEL----*/
#header{width: 980px;margin-top: 0px;margin-bottom: 0px;margin-left: auto;margin-right: auto;}
#RightTopPan{
	background-repeat: no-repeat;
	height: 15px;
	padding: 0;
	margin-top: 15px;
	width: 980px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #8A8C8F;
	font-family: tahoma;
	clear: both;
	background-position: 748px;
	text-align: center;
	float: right;
}
#RightToptabs {
	text-align: center;
	color: #FFFFFF;
	width: 210px;
	float: right;
	line-height: 14px;
	height: 15px;
	clear: both;
	margin-right: 22px;
	background-image: url(../images/header/RightHeadMenu.jpg);
}
#RightToptabs a{
	font-family: tahoma;
	color: #FFFFFF;
	text-decoration: none;
	background-position: center;
	text-align: center;
}
#RightToptabs a:hover{
	font-family: tahoma;
	font-weight: normal;
	color: #FF9900;
	text-decoration: none;
	background-position: center;
}
#LeftTopPan{width:265px;height:70px;margin-top: 30px;margin-right: 0;margin-bottom: 0;
	margin-left: 22px;background-position: 100%;float: left;}
h1#logo{background-image: url(../images/header/logothaitv3.jpg);background-repeat: no-repeat;}
h1#logo a {	display: block;	width: 265px;	height: 70px;	text-indent: -9999px;}
#krobkrubkao{margin-top: 5px;float:left;width: 183px;margin-left: 123px;}
h2#logo{background-image: url(../images/header/krobkrubkaologo.jpg);background-repeat: no-repeat;
	background-position: center;}
h2#logo a {	display: block;	width: 183px;	height:90px;	text-indent: -9999px;}
#news_right{
	float:right;
	height: 50px;
	width: 300px;
	margin-top: 20px;
	margin-right: 22px;
}
#news_right-data{
	padding-top: 0px;
	width: 185px;
	float: left;
	display: block;
	height: 90px;
	background-position: bottom;
}
#news_right-image{
	width: 100px;
	float: right;
}
p.news_right-text{color:#555;clear: both;padding-right:5px;height:95px;}
p.news_right-text:hover{cursor:pointer;}



/* horizontal tabbed Mainmenu */
/*
#tabmenu{
	width: 936px;
	height: auto;
	margin-top: 2px;
	clear: both;
	margin-right: 22px;
	margin-bottom: 0px;
	margin-left: 22px;
	float: left;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #8A8C8F;
}
#tabs {
	color: #FFFFFF;
	height: 29px;
	background-repeat: no-repeat;
	width: 100%;
	margin-left: 0px;
	clear: both;
	float: left;
	margin-top: 0px;
	position: relative;
}
#tabs li {
	display: inline;
	float: left;
}
#tabs li a {
	float: left;
	color: #FFFFFF;
	text-align: center;
	font-weight: bold;
	text-decoration: none;
	background-image: url(../images/header/navigatorbar_01.gif);
	background-repeat: no-repeat;
	height: 29px;
	font-size: 1em;
	font-family: tahoma;
	line-height: 25px;
	width: 117px;	
}
#tabs li a:hover {
	color: #FFFFFF;
	background-image: url(../images/header/navigatorbar_02.gif);
	background-repeat: no-repeat;
	float: left;
}	
#tabs li a.current {
	color: #FFFFFF;
	background-image: url(images/header/navigatorbar_02.jpg);
	background-repeat: no-repeat;
}	
#tabs li a.current {color: #FFFFFF;	background-image: url(images/header/navigatorbar_02.jpg);
	background-repeat: no-repeat;}	
	
#Subtabs {
	color: #FFFFFF;
	height: 29px;
	background-repeat: no-repeat;
	width: 100%;
	margin-left: 0px;
	clear: both;
	float: left;
	margin-top: 0px;
	position: relative;
}
#Subtabs li {
	display: inline;
	float: left;
}
#Subtabs li a {
	float: left;
	color: #FFFFFF;
	text-align: center;
	font-weight: bold;
	text-decoration: none;
	background-image: url(images/header/navigatorbar_01.jpg);
	background-repeat: no-repeat;
	height: 29px;
	font-size: 1em;
	font-family: tahoma;
	line-height: 25px;
	width: 117px;	
}
#Subtabs li a:hover {
	color: #FFFFFF;
	background-image: url(images/header/navigatorbar_02.jpg);
	background-repeat: no-repeat;
	float: left;
}	
#Subtabs li a.current {
	color: #FFFFFF;
	background-image: url(images/header/navigatorbar_02.jpg);
	background-repeat: no-repeat;
}	
#Subtabs li a.current {color: #FFFFFF;	background-image: url(images/header/navigatorbar_02.jpg);
	background-repeat: no-repeat;}		
#datetime{
	font-family: tahoma;
	font-size: 10px;
	color: #666666;
	width: 200px;
	clear: left;
	float: left;
	position: relative;
	height: 22px;
}
#runningNews{
	font-family: tahoma;
	float: left;
	width: 400px;
	margin-left: 20px;
	background-position: bottom;
	position: relative;
	height: 22px;
	line-height: 20px;
}
*/


/*----BODY----*/
#tabbody{
	width:936px;
	margin-top: 15px;
	margin-left: 22px;
	clear: both;
	float: left;
	position: relative;
}

/*----breakingnews----*/

#breakingnews{width: 620px;	float: left;}
#breakingnewsContent{height: 18px;width: 114px;	float: left;}
h3#LogoBreaking{background-image: url(images/Main/BreakingNews.jpg);	background-repeat: no-repeat;}
h3#LogoBreaking a {display: block;width: 114px;height: 18px;text-indent: -9999px;}
#RuningBreaking{
	background-image: url(images/Main/bg_headtab.jpg);
	background-repeat: repeat-x;
	height: 16px;
	width: 500px;
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-top-color: #999999;
	border-right-color: #999999;
	border-bottom-color: #999999;
	float: left;
}
.relate{
	height: 370px;
	width: 300px;
	float: left;
}
.relatetopic{
	height: 70px;
	margin-bottom: 5px;
	width: 300px;
}


/* Wofs*/
.wof {
	margin-bottom:1em;
	clear:left;
	float: left;
}
	.wof h1,.wof h2,.wof h3,.wof h4,.wof h5 {margin:0;line-height:1.3}
	.wof small {display:block;color:#4f4f4f;font-size:.63em;margin-bottom:-3px}
	.wof small a {color:#4f4f4f;font-weight:bold;text-transform:none}
	.wof img {
	display:block;
	float:left;
	margin-top: 5px;
}
	.wof p {margin-bottom:0.5em}
	.wof ul {clear:left;margin:3px 0 0 10px}
	.wof ul li, .puff ul li {margin-left:2em}
	.wof cite, .latest p cite {font-style:normal;font-size:.9em;color:#666;padding-right:2px}
	.wof cite span {font-weight:normal;color:#860303}

.puff {
	background:#dedede;
	position:relative;
	width: 170px;
	height: 160px;
	float: left;
	margin-left: 10px;
}
.detailkrokkruakao {
	margin-right: 5px;
	margin-left: 5px;
	height: 40px;
}



/*----FooterPANEL----*/
#footer {
	width: 980px;
	float: left;
	margin-bottom: 2px;
	clear: both;
}
#footerBg {	background-image: url(../images/footer/BG_Bannerfooter.jpg);background-repeat: repeat-x;
	width: 936px;margin-left: 22px;	background-position: bottom;height: 100px;
	text-align: center;}
#footerBanner {	background-image: url(../images/footer/BannerFooter.jpg);background-repeat: no-repeat;
	text-align: center;	height: 90px;	width: 780px;position: relative;background-position: bottom;
	margin-left: 78px;clear: both;margin-right: 78px;}
#TextOrangeArial {
	font-family: tahoma;
	color: #FF6600;
	text-align: center;
	width: 936px;
	height: 15px;
	font-weight: bold;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #8A8C8F;
	margin-left: 22px;
}



/*----Footer_Li----*/
#copyright{text-align:center;color: #666666;font-family: tahoma;}
#footerLink {
	text-align: center;
	width: 980px;
	text-decoration: none;
	float: left;
	line-height: 15px;
	color: #CCCCCC;
	position: relative;
	clear: both;
	margin-top: 0px;
	margin-bottom: 0px;
}

/* pink */
.submit-button-login{position: absolute; width:76px; height:22px; background: url(../images/Community/buttom_submit.jpg) 0 0 no-repeat; text-indent:-9999px;} 
.submit-button-login:hover{background: url(../images/Community/buttom_submit.jpg) 0 0 no-repeat; text-indent:-9999px;} 

.messagebox{
 position:absolute;
 width:100px;
 margin-left:30px;
 border:1px solid #c93;
 background:#ffc;
 padding:3px;
}
.messageboxok{
 position:absolute;
 width:auto;
 margin-left:30px;
 border:1px solid #349534;
 background:#C9FFCA;
 padding:3px;
 font-weight:bold;
 color:#008000;
}
.messageboxerror{
 position:absolute;
 width:auto;
 margin-left:30px;
 border:1px solid #CC0000;
 background:#F7CBCA;
 padding:3px;
 font-weight:bold;
 color:#CC0000;
}

.msg { margin-top: 10px;}
.msg li { margin: 10px 50px; }
.notice { background: #F5F5F5; border: solid 1px #CCC; font-size:12px;}
.error { background: #FFECEC; color: #F00; border: solid 1px #F00; font-size:12px;}