/*ออกแบบโดยสรศักดิ์ เฉลิมลักษณ์ csorasak@gmail.com */
* {margin:0; padding:0}
 
body {
	font-family : Tahoma, "MS Sans Serif", "Microsoft Sans Serif";
	font-size : 12px;
	color: #000000;
  }
 /*ควบคุม links */
a:link {
   color : #0000FF;
   text-decoration : none;
}
a:visited {
   color : #5c1919;
   text-decoration : none;
}
a:hover {
	color : #0000CC;
	text-decoration : underline;
}
a:active {
   color : #0000FF;
   text-decoration : none;
}

p {
   line-height : 1.8em;
   margin : 1.2em 0.5em 1.2em 0.5em;
}

img {
   border : none;
}

.bevel1 {
   background-color : #b8d0e6;
   border-top : 1px solid #e4ffdd;
   border-right : 1px solid #34371c;
   border-bottom : 1px solid #34371c;
   border-left : 1px solid #e4ffdd;
   padding : 2px 2px 2px 4px;
   margin-right : 55px;
}
.bevel11 {
   list-style-type : none;
	width: 380px;
	padding: 4px;
	border-top: 1px solid #FFFFFF;
	border-right: 1px solid #536062;
	border-bottom: 1px solid #536062;
	border-left: 1px solid #FFFFFF;
   background-color : #b8d0e6;
}
.bevel2 {
   background-color : #B4B7CE;
   border-top : 1px solid #e4ffdd;
   border-right : 1px solid #34371c;
   border-bottom : 1px solid #34371c;
   border-left : 1px solid #e4ffdd;
   padding : 2px 2px 2px 4px;
}
.bevel3 {
   padding: 2px;
   border-top: 1px solid #FFFFFF;
   border-right: 1px solid #536062;
   border-bottom: 1px solid #536062;
   border-left: 1px solid #FFFFFF;
   background-color : #C0CBAD;
    margin-left : 2px;
}
.bevel4 {
   list-style-type : none;
	width: 380px;
	padding: 4px;
	border-top: 1px solid #FFFFFF;
	border-right: 1px solid #536062;
	border-bottom: 1px solid #536062;
	border-left: 1px solid #FFFFFF;
   background-color : #C0CBAD;
}
/*ฟอร์ม */
form
{
	display: inline;
	margin: 0;
	padding: 0;
}
input, select {
	font-family: Tahoma, "MS Sans Serif";
	font-size: 14px;
	color: #000099;
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-top-color: #666666;
	border-right-color: #FFFFFF;
	border-bottom-color: #FFFFFF;
	border-left-color: #000000;
	height: 20px;
}
/*รูปแบบหัวข้อเอกสารแบบเหลี่ยมใช้กับ tag <p> */
p.PinkBar {
	BACKGROUND: #FFEEDD;
	BORDER-BOTTOM: #FFCC99 3px solid;
	BORDER-LEFT: #FFFFFF 3px solid;
	BORDER-RIGHT: #FFCC99 3px solid;
	BORDER-TOP: #FFFFFF 3px solid;
	COLOR: #990000;
	FONT-FAMILY: Tahoma;
	FONT-SIZE: 16pt;
	FONT-WEIGHT: normal;
	text-indent: 15px;
} 
p.OrangeBar {
	BACKGROUND: #FFCC99;
	BORDER-BOTTOM: #FF9966 4px solid;
	BORDER-LEFT: #FFEEDD 4px solid;
	BORDER-RIGHT: #FF9966 4px solid;
	BORDER-TOP: #FFEEDD 4px solid;
	COLOR: #990000;
	FONT-FAMILY: Tahoma;
	FONT-SIZE: 16pt;
	FONT-WEIGHT: normal;
	text-indent: 10px;
	vertical-align: middle;
}
/*ปุ่มต่างๆ */

.BtnGray{
	cursor:pointer;
	height: 36px;
	border:outset 1px #ccc;
	background:#999;
	color:#666;
	font-weight:bold;
	padding: 1px 2px;
	background:url(images/formbg.gif) repeat-x left top;
}
.BtnGrayOver {
	cursor:pointer;
	height: 36px;
	border:inset 1px #ccc;
	background:#999;
	color:#993300;
	font-weight:bold;
	padding: 1px 2px;
	background:url(images/formbg.gif) repeat-x left top;
}
.BtnYellow {
	cursor:pointer;
	height: 36px;
	border:outset 1px #ccc;
	background:#999;
	color:#000066;
	font-weight:bold;
	padding: 1px 2px;
	background:url(images/orange.jpg) repeat-x left top;
}
.BtnYellowOver {
	cursor:pointer;
	height: 36px;
	border:inset 1px #ccc;
	background:#999;
	color:#FFFF00;
	font-weight:bold;
	padding: 1px 2px;
	background:url(images/orange.jpg) repeat-x left top;
}
.BtnBlue {
	cursor:pointer;
	height: 36px;
	border:1px outset #ccc;
	background:#999;
	color:#000066;
	font-weight:bold;
	padding: 1px 2px;
	background:url(images/blue.jpg) repeat-x left top;
}
.BtnBlueOver {
	cursor:pointer;
	height: 36px;
	border:1px inset #ccc;
	background:#999;
	color:#009900;
	font-weight:bold;
	padding: 1px 2px;
	background:url(images/blue.jpg) repeat-x left top;
}
.BtnAqua {
	cursor:pointer;
	font-size: 14px;
	color: #000000;
	background-image: url(images/aquabtn2.gif);
	height: 40px;
	width: 150px;
	border: none;
}
.BtnAquaOver {
	cursor:pointer;
	font-size: 14px;
	color: #000066;
	background-image: url(images/aquabtn.gif);
	height: 40px;
	width: 150px;
	border: none;
}
.BtnGo {
	cursor:pointer;
	font-size: 12px;
	color: #000000;
	background-image: url(images/go.jpg);
	border: none;
	height: 20px;
	width: 100px;
}
.BtnGoOver {
	cursor:pointer;
	font-size: 12px;
	color: #0000CC;
	background-image: url(images/go2.jpg);
	border: none;
	height: 20px;
	width: 100px;
}
/*รูปแบบตาราง */
.tablestyle {
	background-color: #ECE9D8;
	font-family: "MS Sans Serif", "Microsoft Sans Serif";
	font-size: 14px;
	border: 1px solid #000000;
}
.TableStyleInside {
   list-style-type : none;
	width: 380px;
	padding: 4px;
	border-top: 1px solid #FFFFFF;
	border-right: 1px solid #536062;
	border-bottom: 1px solid #536062;
	border-left: 1px solid #FFFFFF;
   background-color : #ECE9D8;
}
.listing {
	background-color: #FFFFCC;
	border: 1px dashed #003399;
	font-family: Tahoma, "MS Sans Serif";
	font-size: 14px;
}
.listingInside {
   list-style-type : none;
	width: 380px;
	padding: 4px;
	border-top: 1px solid #FFFFFF;
	border-right: 1px solid #999999;
	border-bottom: 1px solid #999999;
	border-left: 1px solid #FFFFFF;
   background-color : #FFFFCC;
}
.DashBorder {
	border: 1px dashed #999999;
}
.DashBorderLeft {
	vertical-align: top;
	height: 100px;
	border-top: 1px none #999999;
	border-right: 1px none #999999;
	border-bottom: 1px none #999999;
	border-left: 1px dashed #999999;
}
/*รูปแบบตัวอักษร */
.redtxt {
	font-size: 14px;
	color: #FF0000;
	text-decoration: none;
}
.headtxt {
	font-size: 18px;
	color: #000099;
	font-weight: bolder;
}
.BigWhitetxt {
	font-size: 16px;
	color: #FFFFFF;
	font-weight: bold;
}
.highlight {
	color: #FF0000;
	background-color: #FFFFCC;
}
.smalltxt {
	font-size: 14px;
	color: #000000;
}
.verysml {
	font-size: 9px;
	color: #0066FF;
}
/*รูปแบบMac บาร์*/
.MacWhtBar {
	background-image: url(images/macwhitebar.jpg);
	height: 40px;
	font-size: 16px;
	font-weight: bold;
	vertical-align: middle;
	background-repeat: repeat-x;
	text-indent: 15px;
}
.MacGrnBar {
	background-image: url(images/macgreen.jpg);
	height: 36px;
	font-size: 16px;
	font-weight: bold;
	color: #000066;
	background-repeat: repeat-x;
	text-indent: 15px;
}
.MacBlueBar {
	background-image: url(images/macbluebar.jpg);
	height: 40px;
	font-size: 16px;
	font-weight: bold;
	vertical-align: middle;
	color: #000066;
	background-repeat: repeat-x;
	text-indent: 15px;
}
.BlueBevelBar {
	background-image: url(images/bluebevel.jpg);
	height: 40px;
	font-size: 16px;
	font-weight: bold;
	vertical-align: middle;
	color: #000066;
	background-repeat: repeat-x;
	text-indent: 15px;
}
.GrnBevelBar {
	background-image: url(images/green.jpg);
	height: 40px;
	font-size: 16px;
	font-weight: bold;
	vertical-align: middle;
	color: #000066;
	background-repeat: repeat-x;
	text-indent: 15px;
}
.RedBevelBar {
	background-image: url(images/red.jpg);
	height: 40px;
	font-size: 16px;
	font-weight: bold;
	vertical-align: middle;
	color: #FFFFFF;
	background-repeat: repeat-x;
	text-indent: 15px;
}
.YwBevelBar {
	background-image: url(images/yellow.jpg);
	height: 40px;
	font-size: 16px;
	font-weight: bold;
	vertical-align: middle;
	color: #000066;
	background-repeat: repeat-x;
	text-indent: 15px;
}
.OrangeBar {
	background-image: url(images/orange.jpg);
	height: 40px;
	font-size: 16px;
	font-weight: bold;
	vertical-align: middle;
	color: #000066;
	background-repeat: repeat-x;
	text-indent: 15px;
}
.BlueBar {
	background-image: url(images/blue.jpg);
	height: 40px;
	font-size: 16px;
	font-weight: bold;
	vertical-align: middle;
	color: #000066;
	background-repeat: repeat-x;
	text-indent: 15px;
}
.WhiteLineBar {
	background-image: url(images/white.jpg);
	height: 40px;
	font-size: 16px;
	font-weight: bold;
	vertical-align: middle;
	color: #000000;
	background-repeat: repeat-x;
	text-indent: 15px;
}
.btnNormal {
	font-family: Tahoma, "MS Sans Serif";
	font-size: 14px;
	background-color: #EDF5F8;
	text-align: left;
	border: none;
	cursor: hand;
}
.VerySmallTxt {
	font-family: Tahoma;
	font-size: 12px;
	color: #000000;
	text-decoration: none;
}
.BigHeader {
	font-family: Tahoma, "MS Sans Serif";
	font-size: x-large;
	color: #0000CC;
	font-weight: bold;
}
th {
	font-size: 14px;
	font-weight: bold;
	color: #000000;
	text-align: right;
	border: 1px solid #000099;
	background-color: #0099FF;
}

.StdNameBox{
	background:url(images/kon.gif) repeat-y left;
	padding-left:37px;
	font-family: Tahoma, "MS Sans Serif";
	font-size: 14px;
	color: #CC0033;
}
.IDBox{
	background:url(images/card.gif) repeat-y left;
	padding-left:37px;
	font-family: Tahoma, "MS Sans Serif";
	font-size: 14px;
	color: #CC0033;
}
.TopicBox{
	background:url(images/guess.gif) repeat-y left;
	padding-left:25px;
	font-family: Tahoma, "MS Sans Serif";
	font-size: 14px;
	color: #CC0033;
}

.sm {list-style:none; width:650px; height:100px; display:block; overflow:hidden}
.sm li {float:left; display:inline; overflow:hidden}

.PanelHead{ /*Right Panel CSS Control*/
	cursor: hand;
	background: url(images/PanelNormal2.jpg);
	height: 28px;
	padding-top: 5px;
	font-size: 14px;
}

.OpenPanelHead{ /*class added to contents when they are open*/
	background: url(images/PanelOver2.jpg);
	color: #FFFFFF;
	height: 28px;
	padding-top: 5px;
	font-size: 14px;
}

.PanelContent{
	font-size: 12px;
	border: 1px solid #999999;
	padding-left: 5px;
	padding-top: 10px;
	padding-bottom: 10px;
	background-image: url(images/PanelBg.jpg);
	background-repeat: repeat-x;
}

.dotline{
	border-bottom-style: dotted;
	border-bottom-color: #999999;
	border-bottom-width: 1px;
}