#dropmenudiv{
position:absolute;
border:0px;
border-bottom-width: 0;
font:normal 8px "Ms Sans Serif";
line-height:18px;
z-index:100;
filter:alpha(opacity=80);-moz-opacity:.80;opacity:.80;
}

#dropmenudiv a{
width: 100%;
display: block;
text-indent: 0px;
border-bottom: 0px;
padding:0px 5px 7px 10px;
text-decoration: none;
}

div.pnav {position: relative; left:370; top:0; right:0; bottom:0; width:0; height:0; z-index:0;}
div.pnav table td {height:28px; line-height:normal ; padding:0px 4px 0px 0px;}
div.pnav td a:active, div.pnav td a:link, div.pnav td a:visited, div.pnav td a:hover {height:20px ;color:#FFFFFF; font-weight:bold; font-size:1 em; white-space:nowrap; padding:0px 0px; display:block; border-right:0px ; text-decoration:none; line-height:normal}
div.pnav td.bf {width:14; background:url(../../img/mnutop_lef.gif) no-repeat bottom left; padding:0px 0px 0px 0px}
div.pnav td.bn {width:14; background:url(../../img/mnutop_rig.gif) no-repeat bottom right; padding:0px 0px 0px 0px}
div.pnav td a:hover, div.pnav td.lc a:hover {text-decoration:underline}

/* Grouplist */
#gruList ul { list-style: none; padding: 0; margin-bottom: 0px; margin-top:0px; margin-left: 0px; line-height: 18px; }
#gruList li { list-style: none; margin-bottom : 0px; padding: 0px;}
#gruList A:link {text-decoration: none; color: #BE8F03; }
#gruList A:visited {text-decoration: none; color: #BE8F03; }
#gruList A:active {text-decoration: none; color: #BE8F03; }
#gruList A:hover {text-decoration: none; border-bottom:none; border-top:none; border-width:0px; color: #800000; }
#gruList hr { text-decoration: none; color: #BE8F03; }

/* Menu categories Left */
#gruCate_left ul { padding: 1px; text-indent:0; word-spacing:0; text-align:left; margin-left:25; margin-right:0; margin-top:0; margin-bottom:-4; }
#gruCate_left li { padding: 2px; margin-bottom:0;}
#gruCate_left A:link { text-decoration: none; color: #BE8F03; }
#gruCate_left A:visited { text-decoration: none; color: #BE8F03; }
#gruCate_left A:active { text-decoration: none; color: #BE8F03; }
#gruCate_left A:hover { text-decoration: none; border-bottom:none; border-top:none; border-width:0px; color: #800000; }

#gruStyle ul { padding: 0; margin-bottom: 0px; margin-top: 8px; margin-left: 20px; line-height: 18px; }
#gruStyle li { margin-bottom : 5px; padding: 0px;}
#gruStyle A:link { text-decoration: none; color: #BE8F03; }
#gruStyle A:visited { text-decoration: none; color: #BE8F03; }
#gruStyle A:active { text-decoration: none; color: #BE8F03; }
#gruStyle A:hover { text-decoration: none; border-bottom:none; border-top:none; border-width:0px; color: #800000; }

/* Item Garry */
#gruStyle2 ul { padding: 0; margin-bottom: 0px; margin-top: 2px; margin-left: 20px; line-height: 18px; }
#gruStyle2 li { margin-bottom : 2px; padding: 0px;}
#gruStyle2 A:link { text-decoration: none; color: #BE8F03; }
#gruStyle2 A:visited { text-decoration: none; color: #BE8F03; }
#gruStyle2 A:active { text-decoration: none; color: #BE8F03; }
#gruStyle2 A:hover { text-decoration: none; border-bottom:none; border-top:none; border-width:0px; color: #800000; }

#gruStyle3 ul { list-style: none; padding: 0; margin-bottom: 0px; margin-top: 8px; margin-left: 20px;}
#gruStyle3 li { list-style: none; margin-bottom : 2px; padding: 0px;}
#gruStyle3 A:link { text-decoration: none; color: #BE8F03; }
#gruStyle3 A:visited { text-decoration: none; color: #BE8F03; }
#gruStyle3 A:active { text-decoration: none; color: #BE8F03; }
#gruStyle3 A:hover { text-decoration: none; border-bottom:none; border-top:none; border-width:0px; color: #800000; }

#gruStyle-item ul { list-style: none; padding: 0; margin-bottom: 0px; margin-top: 2px; margin-left: 0px; line-height: 22px; }
#gruStyle-item li { list-style: none; margin-bottom : 6px; padding: 0px;}
#gruStyle-item A:link { text-decoration: none; color: #FFFFFF; }
#gruStyle-item A:visited { text-decoration: none; color: #FFFFFF; }
#gruStyle-item A:active { text-decoration: none; color: #FFFFFF; }
#gruStyle-item A:hover { text-decoration: none; border-bottom:none; border-top:none; border-width:0px; color: #FFFFFF; }

#gruStyle-lst ul { list-style: none; padding: 0; margin-bottom:0px; margin-top:0px; margin-left: 0px; }
#gruStyle-lst li { list-style: none; margin-bottom :2px; padding: 0px; }
#gruStyle-lst A:link { text-decoration: none; color: #BE8F03; }
#gruStyle-lst A:visited { text-decoration: none; color: #BE8F03; }
#gruStyle-lst A:active { text-decoration: none; color: #BE8F03; }
#gruStyle-lst A:hover { text-decoration: none; border-bottom:none; border-top:none; border-width:0px; color: #800000; }

/* Categories */
A.txtCateHead { text-decoration: none; color: #FFFFFF; font-weight:bold; }
A.txtCateHead:link { text-decoration: none; color: #FFFFFF; font-weight:bold; }
A.txtCateHead:visited { text-decoration: none; color: #FFFFFF; font-weight:bold; }
A.txtCateHead:active { text-decoration: none; color: #FFFFFF; font-weight:bold;  }
A.txtCateHead:hover { text-decoration: none; border-bottom:none; border-top:none; border-width:0px; color: #FFFFFF; }

A.txtCateHeadSub { text-decoration: none; color: #BE8F03; font-weight:bold; }
A.txtCateHeadSub:link { text-decoration: none; color: #BE8F03; font-weight:bold; }
A.txtCateHeadSub:visited { text-decoration: none; color: #BE8F03; font-weight:bold; }
A.txtCateHeadSub:active { text-decoration: none; color: #BE8F03; font-weight:bold;  }
A.txtCateHeadSub:hover { text-decoration: none; border-bottom:none; border-top:none; border-width:0px; color: #800000; }

A.txtCateHeadSub2 { text-decoration: none; color: #FFFF99; }
A.txtCateHeadSub2:link { text-decoration: none; color: #FFFF99; }
A.txtCateHeadSub2:visited { text-decoration: none; color: #FFFF99; }
A.txtCateHeadSub2:active { text-decoration: none; color: #FFFF99; }
A.txtCateHeadSub2:hover { text-decoration: none; border-bottom:none; border-top:none; border-width:0px; color: #800000; }

/* Main Menu */
#gruMain ul { list-style: none; padding: 0; margin-bottom: 0px; margin-top:0px; margin-left: 0px; line-height: 18px; }
#gruMain li { list-style: none; margin-bottom : 0px; padding: 0px;}
#gruMain A:link {text-decoration: none; color: #BE8F03; }
#gruMain A:visited {text-decoration: none; color: #BE8F03; }
#gruMain A:active {text-decoration: none; color: #BE8F03; }
#gruMain A:hover {text-decoration: none; border-bottom:none; border-top:none; border-width:0px; color: #800000; }
#gruMain hr { text-decoration: none; color: #5E0101; }

/* Article */
.txtViews { color: #FFFF99; font-weight:bold; }
.txtDateTime { color: yellow; }

A.txtLinkHead_bold:link { text-decoration: none; color: #FF6600; font-weight:bold; }
A.txtLinkHead_bold:visited { text-decoration: none; color: #FF6600; font-weight:bold; }
A.txtLinkHead_bold:active { text-decoration: none; color: #FF6600; font-weight:bold;  }
A.txtLinkHead_bold:hover { text-decoration: none; border-bottom:none; border-top:none; border-width:0px; color: #FF6600; font-weight:bold; }

A.txtLink:link { text-decoration: none; color: #BE8F03; }
A.txtLink:visited { text-decoration: none; color: #BE8F03; }
A.txtLink:active { text-decoration: none; color: #BE8F03; }
A.txtLink:hover { text-decoration: none; border-bottom:none; border-top:none; border-width:0px; color: #800000; }

.txtLinkName { color: #FFFF99; }
A.txtLinkName:link { text-decoration: none; color: #FFFF99; }
A.txtLinkName:visited { text-decoration: none; color: #FFFF99; }
A.txtLinkName:active { text-decoration: none; color: #FFFF99; }
A.txtLinkName:hover { text-decoration: none; border-bottom:none; border-top:none; border-width:0px; color: #800000; }

.txtHelp { font-size: 8pt; COLOR: #999999; }
.txtDescription { font-size: 8pt; COLOR: #FFFF99; }
.txtInfo { font-size: 8pt; COLOR: #FFFF99; }
.txtMsHelp { COLOR: #FFFF00; }

A.bar:link {text-decoration: none; color: black; }
A.bar:visited {text-decoration: none; color: black; }
A.bar:active {text-decoration: none; color: black; }
A.bar:hover {text-decoration: none; border-bottom:none; border-top:none; border-width:0px; color: #800000; }

A.titleAdv:link {text-decoration: none; color: #FFFFFF; }
A.titleAdv:visited {text-decoration: none; color: #FFFFFF; }
A.titleAdv:active {text-decoration: none; color: #FFFFFF; }
A.titleAdv:hover {text-decoration: none; border-bottom:none; border-top:none; border-width:0px; color: #FFFFFF; }

/* top toolbar */
.toolbar_top { color: #FFFFFF; }
A.toolbar_top:link { text-decoration: none; color: #FFFFFF; }
A.toolbar_top:visited { text-decoration: none; color: #FFFFFF; }
A.toolbar_top:active { text-decoration: none; color: #FFFFFF; }
A.toolbar_top:hover { text-decoration: none; border-bottom:none; border-top:none; border-width:0px; color: #FFFFFF; }

A.answer:link {text-decoration: none; color: #800000 }
A.answer:visited {text-decoration: none; color: #800000 }
A.answer:active {text-decoration: none; color: #800000 }
A.answer:hover {text-decoration: none; border-bottom:none; border-top:none; border-width:0px; color: black; }

A.bot:link {text-decoration: none; color: #BE8F03; }
A.bot:visited {text-decoration: none; color: #BE8F03; }
A.bot:active {text-decoration: none; color: #BE8F03; }
A.bot:hover {text-decoration: none; border-bottom:none; border-top:none; border-width:0px; color: #800000; }

A.menu_cate:link { text-decoration: none; color: #FF9933; }
A.menu_cate:visited { text-decoration: none; color: #FF9933; }
A.menu_cate:active { text-decoration: none; color: #FF9933; }
A.menu_cate:hover { text-decoration: none; border-bottom:none; border-top:none; border-width:0px; color: #FFCC66; }

/* buy item & item detail */
.txtItem-title { color: #FFFFFF; font-weight:bold; font-size: 12pt; }
.txtItem-subtitle { font-size: xx-small; COLOR: #999999; FONT-FAMILY: verdana, sans-serif ; line-height: 18px; font-style: italic; }

A.txtItemLink-title:link { text-decoration: none; color: #FFFFFF; font-size: 10pt; }
A.txtItemLink-title:visited { text-decoration: none; color: #FFFFFF; font-size: 10pt; }
A.txtItemLink-title:active { text-decoration: none; color: #FFFFFF; font-size: 10pt; }
A.txtItemLink-title:hover { text-decoration: none; border-bottom:none; border-top:none; border-width:0px; font-size: 10pt; }

/* haeder */
.txtHaeder { font-size: 14pt; color: #800000; font-weight:bold; }
.txtHaeder2 { font-size: 14pt; color: #800000; font-weight:bold; }

.txtSubTitle { font-size: xx-small; COLOR: #999999; }

.handle {
CURSOR: move
}

UL.sortablelist {
PADDING-RIGHT: 0px; PADDING-LEFT: 0px; LIST-STYLE-IMAGE: none; PADDING-BOTTOM: 0px; MARGIN: 0px; PADDING-TOP: 0px; LIST-STYLE-TYPE: none ;word-spacing: 0;
}

UL.sortable {
PADDING-RIGHT: 0px; PADDING-LEFT: 0px; PADDING-BOTTOM: 0px; MARGIN: 0px; PADDING-TOP: 0px; LIST-STYLE-TYPE: none ;word-spacing: 0;
}

TD.handle {
CURSOR: move; COLOR: white;
}

LI.axelabel {
BORDER-RIGHT: 0px ; BORDER-TOP: 0px ; BORDER-LEFT: 0px ; BORDER-BOTTOM: 0px ;
}

.cssform p{
width: 100%;
width: auto!important;     /* Fx อ่านบรรทัดนี้ เพราะมี !important */
clear: left;
margin: 0;
padding: 5px 0 8px 0;
padding-left: 155px; /*width of left column containing the label elements*/
border-top: 1px dashed gray;
height: 1%;
}

/* Form used */

.cssform td.dot{
margin: 0;
padding: 2px 0 5px 0;
border-top: 1px dashed gray;
height: 1%;
}

* html .threepxfix{
margin-left: 3px;
}

sup{
font:normal 8px Ms Sans Serif;
}

div.div_pad_5px { padding:5px; }
div.div_pad_10px { padding:5px; }
div.div_pad_15px { padding:5px; }

td.td_pad_3px { padding:3px; }
td.td_pad_5px { padding:5px; }
td.td_pad_10px { padding:5px; }
td.td_pad_15px { padding:5px; }

.lcdstyle{ /*LCD countdown look*/
color: #FFFFFF;
font: 12px MS Sans Serif;
padding: 3px;
}

.lcdstyle2{ /*LCD countdown look*/
color: #FFFF99;
font: 14px MS Sans Serif;
padding: 3px;
}

/* ######### CSS for Shade Tabs. Remove if not using ######### */

.shadetabs{
padding: 3px 0;
margin-left: 0;
margin-top: 1px;
margin-bottom: 0;
font: bold 12px Verdana;
list-style-type: none;
text-align: right; /*set to left, center, or right to align the menu as desi#800000*/
}

.shadetabs li{
display: inline;
margin: 0;
}

.shadetabs li a.selected:hover{ /*selected main tab style */
text-decoration: none;
}

/* ######### CSS for Shade Tabs. Remove if not using ######### */
.ddcolortabs{
padding: 0;
width: 100%;
background: transparent;
voice-family: "\"}\"";
voice-family: inherit;
}

.ddcolortabs ul{
font: normal 11px Arial, Verdana, sans-serif;
margin:0;
padding:0;
list-style:none;
}

.ddcolortabs li{
display:inline;
margin:0 2px 0 0;
padding:0;
text-transform:uppercase;
}

.ddcolortabs a{
float:left;
color: white;
background: #2B2B2B url(../../img/border/color_tabs_left.gif) no-repeat left top;
margin:0 2px 0 0;
padding:0 0 1px 3px;
text-decoration:none;
letter-spacing: 1px;
}

.ddcolortabs ul li a.selected{
float:left;
color: white;
background: #444444 url(../../img/border/color_tabs_left.gif) no-repeat left top;
margin:0 2px 0 0;
padding:0 0 1px 3px;
text-decoration:none;
letter-spacing: 1px;
}

.ddcolortabs a span{
float:left;
display:block;
background: transparent url(../../img/border/color_tabs_right.gif) no-repeat right top;
padding: 6px 8px 3px 7px;
}

.ddcolortabs a span{
float:none;
}

.ddcolortabs a:hover{
background-color: #888888;
}

.ddcolortabs a:hover span{
background-color: #999999;
}

.ddcolortabs a.current, #ddcolortabs a.current span{ /*currently selected tab*/
background-color: #fff;
}

.ddcolortabsline{
clear: both;
padding: 0;
width: 100%;
height: 6px;
line-height: 6px;
/*background: #808080;*/
border-top: 1px solid #fff; /*Remove this to remove border between bar and tabs*/
}

.ddcolortabsline1{
clear: both;
padding: 0;
width: 100%;
height: 0px;
line-height: 0px;
/*background: #808080;*/
border-top: 0px solid #fff; /*Remove this to remove border between bar and tabs*/
}

.tabcontainer{
clear: left;
width:95%; /*width of 2nd level sub menus*/
height:1.5em; /*height of 2nd level sub menus. Set to largest's sub menu's height to avoid jittering.*/
}

.tabcontent{
display:none;
}

/* msi  */
#modernbricksmenu{
padding: 0;
width: 100%;
background: transparent;
voice-family: "\"}\"";
voice-family: inherit;
}

#modernbricksmenu ul{
font: bold 11px Arial;
margin:0;
margin-left: 0px; /*margin between first menu item and left browser edge*/
padding: 0;
list-style: none;
}

#modernbricksmenu li{
display: inline;
margin: 0 2px 0 0;
padding: 0;
text-transform:uppercase;
}

#modernbricksmenu a{
float: left;
display: block;
color: white;
margin: 0 1px 0 0; /*Margin between each menu item*/
padding: 5px 10px;
text-decoration: none;
letter-spacing: 1px;
background-color: black; /*Default menu color*/
border-bottom: 1px solid white;
}

#modernbricksmenu a:hover{
background-color: gray; /*Menu hover bgcolor*/
}

#modernbricksmenu #current a{ /*currently selected tab*/
background-color: #D25A0B; /*Brown color theme*/ 
border-color: #D25A0B; /*Brown color theme*/ 
}

#modernbricksmenuline{
clear: both;
padding: 0;
width: 100%;
height: 5px;
line-height: 5px;
background: #D25A0B; /*Brown color theme*/ 
}

/* STAR RATING */
#container {
	width: 50%;
	border: 1px solid #ccc;
	padding: 20px;
}

/*  styles for the unit rater
--------------------------------------------------------- 
ryan masuga, masugadesign.com
ryan@masugadesign.com 
Licensed under a Creative Commons Attribution 3.0 License.
http://creativecommons.org/licenses/by/3.0/
See readme.txt for full c#800000it details.
--------------------------------------------------------- */

.ratingblock {
	display:block;
	padding-bottom:8px;
	margin-bottom:8px;
	}

.loading {
	height: 30px;
	background: url('../../img/working.gif') 50% 50% no-repeat;
	}
	
.unit-rating { /* the UL */
	list-style:none;
	margin: 0px;
	padding:0px;
	height: 30px;
	position: relative;
	background: url('../../img/starrating.gif') top left repeat-x;		
	}

.unit-rating li{
    text-indent: -90000px;
	padding:0px;
	margin:0px;
	/*\*/
	float: left;
	/* */
	}
	
.unit-rating li a {
	outline: none;
	display:block;
	width:30px;
	height: 30px;
	text-decoration: none;
	text-indent: -9000px;
	z-index: 20;
	position: absolute;
	padding: 0px;
	}
	
.unit-rating li a:hover{
	background: url('../../img/starrating.gif') left center;
	z-index: 2;
	left: 0px;
	}

.unit-rating a.r1-unit{left: 0px;}
.unit-rating a.r1-unit:hover{width:30px;}
.unit-rating a.r2-unit{left:30px;}
.unit-rating a.r2-unit:hover{width: 60px;}
.unit-rating a.r3-unit{left: 60px;}
.unit-rating a.r3-unit:hover{width: 90px;}
.unit-rating a.r4-unit{left: 90px;}	
.unit-rating a.r4-unit:hover{width: 120px;}
.unit-rating a.r5-unit{left: 120px;}
.unit-rating a.r5-unit:hover{width: 150px;}
.unit-rating a.r6-unit{left: 150px;}
.unit-rating a.r6-unit:hover{width: 180px;}
.unit-rating a.r7-unit{left: 180px;}
.unit-rating a.r7-unit:hover{width: 210px;}
.unit-rating a.r8-unit{left: 210px;}
.unit-rating a.r8-unit:hover{width: 240px;}
.unit-rating a.r9-unit{left: 240px;}
.unit-rating a.r9-unit:hover{width: 270px;}
.unit-rating a.r10-unit{left: 270px;}
.unit-rating a.r10-unit:hover{width: 300px;}

.unit-rating li.current-rating {
	background: url('../../img/starrating.gif') left bottom;
	position: absolute;
	height: 30px;
	display: block;
	text-indent: -9000px;
	z-index: 1;
	}

.voted {color:#999;}
.thanks {color:#36AA3D;}
.static {color:#5D3126;}	

#ratingblock p {
	margin:3px;
	padding:0;
}

/* popup */
.modalDialog_transparentDivs{	
	filter:alpha(opacity=80);	/* Transparency */
	opacity:0.8;	/* Transparency */
	background-color:#000;
	z-index:1;
	position:absolute; /* Always needed	*/
}

.modalDialog_contentDiv{
	border:3px solid #000;	
	padding:2px;
	z-index:100;/* Always needed	*/
	position:absolute;	/* Always needed	*/
	background-color:#FFF;	/* White background color for the message */
}

.modalDialog_contentDiv_shadow{
	z-index:90;/* Always needed	- to make it appear below the message */
	position:absolute;	/* Always needed	*/
	background-color:#555;
	filter:alpha(opacity=30);	/* Transparency */
	opacity:0.3;	/* Transparency */	
}

#twcnt{width: 180px; height: 260px; margin:0 10px 0 10px; padding:5px 0 0; overflow:hidden; overflow-y:auto; cursor:default}