@import url("main.css"); 
/* Layout */
body{ margin:0; padding:0; }
img{ border:0; }

/* panel */
.panel1{ border:solid 1px #004080; background:url(../img/line-panel.png) repeat-x; }
.panel1Hover{ background:url(../img/line-alpha-black2.png) repeat-x; }
.panel2{ border:solid 1px #999; background-color:#FFF;-moz-box-shadow:0 0 3px #999;-ms-box-shadow:0 0 3px #999;-o-box-shadow:0 0 3px #999;-webkit-box-shadow:0 0 3px #999;box-shadow:0 0 3px #999; filter:progid:DXImageTransform.Microsoft.Gradient(GradientType=0,StartColorStr=#FFFFFF,EndColorStr=#ebebeb);background-image:-moz-linear-gradient(top,#fff 0,#ebebeb 100%);background-image:-ms-linear-gradient(top,#fff 0,#ebebeb 100%);background-image:-o-linear-gradient(top,#fff 0,#ebebeb 100%);background-image:-webkit-gradient(linear,left top,left bottom,color-stop(0,#fff), color-stop(100%,#ebebeb));background-image:-webkit-linear-gradient(top,#fff 0,#ebebeb 100%);background-image:linear-gradient(to bottom,#fff 0,#ebebeb 100%); }

/* color & background */
.clFFF{color:#FFF;} .clred{color:#F00;} .cl03F{color:#03F;/*blue*/} .clF06{ color:#F06;/*pink*/} .cl0cc{ color:#0000CC; } .cl666{ color:#666; } .cl999{ color:#999; } 
.cl06F{color:#06F;/*blue อ่อน*/} .cl090{color:#090;/*green*/} .clFF6600{ color:#FF6600; } 
.bclfff{ background:#FFFFFF; } .bcl000{ background:#000000; } .bcl666{ background:#666666; }
.bclEEE{ background:#eeeeee; }

#tbLPanel{ background:#000000 url(../img/bg-left.png) right repeat-y; }
#tbRPanel{ }
#rightCnt{ width:99%; background:#FFFFFF; }

/* Typography */ 
h1 { font-size: 16px; } h2 { font-size: 18px; } h3 { font-size: 20px; } h4 { font-size: 22px; } h5 { font-size: 24px; } h6 { font-size: 26px; } 
h1, h2, h3, h4, h5, h6 { color:#660000; /*color:#0099ff;*/ }
/*Overlay*/
.bgOverlay{ position:fixed; top:0; left:0; background: url(../img/ui-bg_blue.png) #000; width:100%; height:100%; z-index:9994; filter:alpha(opacity=40);  -moz-opacity:0.4;  -khtml-opacity: 0.4; opacity: 0.4;} 
.brdOverlay{	position:absolute; border: 10px solid #666; border:10px solid rgba(82, 82, 82, 0.698);border-radius:8px; 	-moz-border-radius:8px; -webkit-border-radius:8px;  -khtml-border-radius:8px;  z-index:9995; display:none;box-shadow: 5px 5px 5px #ccc; -moz-box-shadow: 5px 5px 5px #ccc; -webkit-box-shadow: 5px 5px 5px #ccc;  -khtml-box-shadow: 5px 5px 5px #ccc; }
.bxOverlay{ background:#FFF; border:solid 1px #600; }
.ovlay1{ position:relative; cursor:move; padding:.5em; background: url(../img/line-blue1.png) top repeat-x; color:#FFF; }
.ovlay2{ position:absolute; top:1px; right:0px; margin:.2em .5em 0 0; padding:.1em .3em .1em .3em; cursor:pointer; color:#FFF; }
.ovlay2:hover, .ovlay2:focus{ border: solid 1px #e5e5e5;  border-radius:3px; -moz-border-radius:3px; -webkit-border-radius:3px; text-decoration:none; }
/*.ovlay3{ position:relative; cursor:move; padding:.5em; background: url(../img/line-blue2.png) top repeat-x; color:#FFF; }*/
/* Font */
.fnt10{ font-size:10px: } .fnt12{ font-size:12px: } .fnt14{ font-size:14px: }
/* calss Global */
.crnTitle{ border-top-left-radius:15px; -moz-border-radius-topleft:15px; -webkit-border-top-left-radius:15px; border-bottom-left-radius:15px; -moz-border-radius-bottomleft:15px; -webkit-border-bottom-left-radius:15px; }
/* b_category */
.tbListData{ border-top:solid 3px #e5e5e5; border-bottom:solid 1px #e5e5e5; }
.bgHead{ background:url(../img/bg.png) repeat-x; text-align:center; font-size:14px; }
.fnt1{ padding:0 0 0 .5em; }
/* b_news */

/*  Switch On & Off */
.cb-enable, .cb-disable, .cb-enable span, .cb-disable span { background: url(../img/switch.gif) repeat-x; display: block; float: left; }
.cb-enable span, .cb-disable span { line-height: 30px; display: block; background-repeat: no-repeat; font-weight: bold; }
.cb-enable span { background-position: left -90px; padding: 0 10px; }
.cb-disable span { background-position: right -180px;padding: 0 10px; }
.cb-disable.selected { background-position: 0 -30px; }
.cb-disable.selected span { background-position: right -210px; color: #fff; }
.cb-enable.selected { background-position: 0 -60px; }
.cb-enable.selected span { background-position: left -150px; color: #fff; }
.switch label { cursor: pointer; }
.switch input { display: none; }