html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, pre, a, img, dl, dt, dd, ol, ul, li, form, label, table, caption, tbody, tfoot, thead, tr, th, td{margin:0;padding:0;border:0;outline:0;font-size:100%;vertical-align: baseline;font: inherit;background:transparent;}
body, td, th, input, textarea, select, button { font-size:13px;color:#000;font-family: "tahoma", "MS Sans Serif", "Microsoft Sans Serif";}
body {line-height:1;}
.clear{clear:both;height:0;line-height:0;visibility:hidden;font-size:0;float:none;display:block;}
a:link, a:visited { text-decoration:none;color:#000;}
a:hover { text-decoration:none;#00F;}
a img{border:none;}
img{vertical-align:bottom;}
ul,li { list-style:none;}
li{display:inline;}
table{width:100%;border-collapse:collapse;border-spacing:0;}
caption,td,th{vertical-align:top;text-align:left;font-weight: normal;}
input, select {vertical-align:middle;}
hr {display:block;height:1px;border:0;   border-top:1px solid #cccccc;margin:1em 0;padding:0;}
:focus{outline:0;}
/*#showmessage{background:#FAFAFA;border:6px solid #47A;position:absolute;z-index:9999;box-shadow: 1px 1px 5px rgba(0,0,0,.50);}*/
#showmessage{background:#FAFAFA;border:6px solid #47A;position:fixed;z-index:9999;box-shadow: 1px 1px 5px rgba(0,0,0,.50);}
a.hideshowmessage{color:#666}a:hover.hideshowmessage{color:#A00;}
.myajax{cursor:pointer;}

@font-face {
    font-family: 'true_lightregular';
    src: url('font/tlight-webfont.eot');
    src: url('font/tlight-webfont.eot?#iefix') format('embedded-opentype'),
         url('font/tlight-webfont.woff') format('woff'),
         url('font/tlight-webfont.ttf') format('truetype'),
         url('font/tlight-webfont.svg#true_lightregular') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'true_mediumregular';
    src:url('font/tmedium-webfont.eot');
    src: url('font/tmedium-webfont.eot?#iefix') format('embedded-opentype'),
         url('font/tmedium-webfont.woff') format('woff'),
         url('font/tmedium-webfont.ttf') format('truetype'),
         url('font/tmedium-webfont.svg#true_mediumregular') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'true_boldregular';
    src: url('font/tbold-webfont.eot');
    src: url('font/tbold-webfont.eot?#iefix') format('embedded-opentype'),
         url('font/tbold-webfont.woff') format('woff'),
         url('font/tbold-webfont.ttf') format('truetype'),
         url('font/tbold-webfont.svg#true_boldregular') format('svg');
    font-weight: normal;
    font-style: normal;
}
/*http://www.siamhtml.com/wp-content/themes/siamhtml/fonts/ThaiSansNeue/ThaiSansNeue-Bold.svg*/
@font-face{
font-family:'ThaiSansNeueBold';
src:url('font/ThaiSansNeue-Bold.eot');
src:url('font/ThaiSansNeue-Bold.eot?') format('embedded-opentype'),
url('font/ThaiSansNeue-Bold.woff') format('woff'),
url('font/ThaiSansNeue-Bold.ttf') format('truetype');
font-weight:bold;
font-style:normal;
}

.mgray{padding:20px;border:1px solid #CCC;background:#FAFAFA;text-align:center;color:#444;border-radius: 3px;box-shadow: 1px 1px 2px rgba(0,0,0,.10), inset 0 3px 6px rgba(255,255,255,.10);}
.mgreen{padding:20px;border:1px solid #93c88d;background:#eefef1;text-align:center;color:#008800;border-radius: 3px;box-shadow: 1px 1px 2px rgba(0,0,0,.10), inset 0 3px 6px rgba(255,255,255,.10);}
.mred{padding:20px;border:1px solid #eb9994;background:#ffeded;text-align:center;color:#A00;border-radius: 3px;box-shadow: 1px 1px 2px rgba(0,0,0,.10), inset 0 3px 6px rgba(255,255,255,.10);}
.mblue{padding:20px;border:1px solid #92b8d4;background:#ecf8ff;text-align:center;color:#059;border-radius: 3px;box-shadow: 1px 1px 2px rgba(0,0,0,.10), inset 0 3px 6px rgba(255,255,255,.10);}

.emessagecose {cursor:pointer;}
.graystyle{border:1px solid #DDD;background:#FAFAFA;}.gs{border:1px solid #DDD;background:#FAFAFA;}

.newajax{cursor:pointer;}

.ul li{display:list-item;margin-left:18px;list-style: disc outside;}
.ul.num li{margin-left:22px;list-style: decimal outside;}
.ul.lipd3 li{padding:3px;}.ul.lipd5 li{padding:5px;}.ul.lipd8 li{padding:8px;}

/*##### TABLE ####*/
.basictable{margin:2px;border-collapse:collapse;border-spacing: 0;}
.basictable th{padding:3px;border-bottom:1px solid #DDD;color:#059}
.basictable td{padding:3px;border-bottom:1px solid #DDD;}
.basictable td input[type='text']{margin:1px;padding:3px;border:1px solid #CCC;box-shadow:inset 1px 2px 3px rgba(0,0,0,.10);}
.basictable td input[type='file']{margin:1px;border:1px solid #CCC;box-shadow:inset 1px 2px 3px rgba(0,0,0,.10);}
.basictable td select{margin:1px;border:1px solid #CCC;box-shadow:inset 1px 2px 3px rgba(0,0,0,.10);}
.basictable td textarea{margin:1px;padding:3px;border:1px solid #CCC;box-shadow:inset 1px 2px 3px rgba(0,0,0,.10);}

.mytable th{padding:8px;border:1px solid #FAFAFA;background:#FAFAFA;font-weight:normal;vertical-align:top;}
.mytable td{padding:8px;border:1px solid #FAFAFA;background:#FFFFFF;}

.tablestyle01{border-collapse:collapse;border-spacing: 0;}
.tablestyle01 th,.tablestyle01 td{padding:3px;border-bottom:1px solid #DDD;}
.tablestyle01.dotted td,.tablestyle01.dotted th{border-bottom:1px dotted #DDD;}
.tablestyle01.noline tr:last-child  th{border:none;}.tablestyle01.noline tr:last-child  td{border:none;}

.tablestyle02 {border-collapse:collapse;}
.tablestyle02 td, .tablestyle02 th {padding:3px;border: 1px solid #DDD;}
.tablestyle02 tr:first-child th, .tablestyle02 tr:first-child td {border-top: 0;}
.tablestyle02 tr:last-child td, .tablestyle02 tr:last-child th {border-bottom: 0;}
.tablestyle02 tr td:first-child, .tablestyle02 tr th:first-child {border-left: 0;}
.tablestyle02 tr td:last-child, .tablestyle02 tr th:last-child {border-right: 0;}

.tablestyle03 th{padding:8px;border:1px solid #F3F3F3;background:#FAFAFA;font-weight:normal;vertical-align:top;}
.tablestyle03 td{padding:8px;border:1px solid #F3F3F3;background:#FFFFFF;}
.tablestyle03.DD th,.tablestyle03.DD td{border:1px solid #DDD;}
.tablestyle03.EE th,.tablestyle03.EE td{border:1px solid #EEE;}
.tablestyle03.FA th,.tablestyle03.FA td{border:1px solid #FAFAFA;}


.dtable{display:table;}
.dtable > div{display:table-cell;}


.slidemenu{cursor:pointer;}
.slidemenudiv{display:none;position:absolute;}

/*##### MYFORM ####*/
.myform input[type='text'],.myform input[type='password']{height:28px;padding:0px 5px;border:1px solid #CCC;background:#FAFAFA;}
.myform input[type='file']{height:28px;padding:2px;border:1px solid #CCC;background:#FAFAFA;}
.myform select{height:28px;padding:3px;border:1px solid #CCC;background:#FAFAFA;}
.myform textarea{padding:4px;border:1px solid #CCC;background:#FAFAFA;}
.myform.small input[type='text'],.myform.small input[type='password']{height:22px;padding:0px 3px;}
.myform.small input[type='file']{height:22px;padding:0px;}
.myform.small select{height:22px;padding:0px;}
.myform.small textarea{padding:2px;}
.myform.w input:not([type='submit']), .myform.w select,.myform.w textarea{background:#FFF;}
.myform input:focus,.myform.a input:focus,.myform.small input:focus,.myform textarea:focus{box-shadow: 0 0 5px rgba(81, 203, 238, 1);border: 1px solid rgba(81, 203, 238, 1);}

/*##### TOOLTIP #####*/
.mtooltipset{display:none;}
.mtooltipnote{display:none;}
.mtooltip_div{display:none;position:absolute;z-index:999;}
.mtooltip_arrowup{position:relative;z-index:2;margin-bottom:-2px;padding:0px 20px;}
.mtooltip_arrowdown{position:relative;z-index:2;margin-top:-1px;padding:0px 20px;}
.mtooltip_arrowup img, .mtooltip_arrowdown img{margin:0px auto;width:16px;height:8px;opacity: 0.95;-moz-opacity:0.95;filter: alpha(opacity=95);display:block;}

.mtooltip_black,.mtooltip_gray,.mtooltip_blue{margin-top:1px;padding:5px;text-align:center;opacity: 0.95;-moz-opacity:0.95;filter: alpha(opacity=95);box-shadow: 0px 0px 3px rgba(0,0,0,.30);}
.mtooltip_black{background:#333;border:1px solid #DADADA;color:#DDD;background-image: linear-gradient(to bottom, #333, #000);}
.mtooltip_gray{background:#eee;border:1px solid #999;color:#000;background-image: linear-gradient(to bottom, #FAFAFA, #EEE);}
.mtooltip_blue{background:#eee;border:1px solid #04A;color:#FFF;background-image: linear-gradient(to bottom, #08C, #04C);}

/*##### S TOOLTIP #####*/
.stooltipnote{display:none;}
.stooltipdiv{position:absolute;z-index:997;}
.stooltiparrow,.stooltiparrowup{position:relative;z-index:999;margin:0px auto;width:0px;height:0px;border-left:10px solid transparent;border-right:10px solid transparent;opacity: 0.95;-moz-opacity:0.95;filter: alpha(opacity=95);}
.stooltiparrow{margin-bottom:-1px;border-bottom:10px solid #333;}
.stooltiparrowup{margin-top:-1px;border-top:10px solid #111;}
.stooltipcontent{position:relative;padding:5px;border:1px solid #CCC;background:linear-gradient(to bottom, #333, #111);color:#CCC;text-align:center;opacity: 0.95;-moz-opacity:0.95;filter: alpha(opacity=95);box-shadow: 0px 0px 3px rgba(0,0,0,.30);}

.stooltiparrow.gray{border-bottom:10px solid #CCC;}
.stooltiparrow.gray:after{content: " ";position:absolute; border:solid transparent;border-width: 8px;border-bottom:8px solid #FAFAFA;margin-top:-6px;margin-left:-8px;}
.stooltiparrowup.gray{border-top:10px solid #CCC;}
.stooltiparrowup.gray:after{content: " ";position:absolute; border:solid transparent;border-width: 8px;border-top:8px solid #EEE;margin-top:-10px;margin-left:-8px;}
.stooltipcontent.gray{border:1px solid #CCC;background:linear-gradient(to bottom, #FAFAFA, #EEE);color:#333;}


/*##### DIV ARROW #####*/
.divarrow { position: relative; background: #222; border: 1px solid #eee;color:#EEE;}
.divarrow:after, .divarrow:before { border: solid transparent; content: " "; height: 0; width: 0; position: absolute; pointer-events: none;}
.divarrow:before { border-color: rgba(238, 238, 238, 0); border-width: 11px; }
.divarrow:after { border-color: rgba(34, 34, 34, 0); border-width: 10px;}

.divarrow.top:after, .divarrow.top:before {bottom: 100%; left: 50%; }.divarrow.top:before { border-bottom-color: #eee; margin-left: -11px;}.divarrow.top:after { border-bottom-color: #222; margin-left: -10px;}
.divarrow.right:after, .divarrow.right:before {left: 100%; top: 50%; }.divarrow.right:before { border-left-color: #eee;margin-top: -11px;}.divarrow.right:after { border-left-color: #222; margin-top: -10px;}
.divarrow.bottom:after, .divarrow.bottom:before {top: 100%; left: 50%; }.divarrow.bottom:before { border-top-color: #eee; margin-left: -11px;}.divarrow.bottom:after { border-top-color: #222; margin-left: -10px;}
.divarrow.left:after, .divarrow.left:before {right: 100%; top: 50%; }.divarrow.left:before { border-right-color: #eee; margin-top: -11px;}.divarrow.left:after { border-right-color: #222; margin-top: -10px;}
.divarrow.top{margin-top:10px;}.divarrow.right{margin-right:10px;}.divarrow.left{margin-left:10px;}.divarrow.bottom{margin-bottom:10px;}

.divarrow.gray { background: #FAFAFA; border: 1px solid #ccc;color:#666;}
.divarrow.gray.top:before { border-bottom-color: #ccc;}.divarrow.gray.top:after { border-bottom-color: #FAFAFA;}
.divarrow.gray.right:before { border-left-color: #ccc;}.divarrow.gray.right:after { border-left-color: #FAFAFA;}
.divarrow.gray.bottom:before { border-top-color: #ccc;}.divarrow.gray.bottom:after { border-top-color: #FAFAFA;}
.divarrow.gray.left:before { border-right-color: #ccc;}.divarrow.gray.left:after { border-right-color: #FAFAFA;}


/*##### SHOW TOOLTIP #####*/
.showtooltipnote{position:absolute;padding:5px;border-radius: 4px;display:none;}


/* ################ ADMIN ################ */
.nutmenu{width:180px;}
.nutmenu li{margin:2px;padding:5px;border:1px solid #DDD;background:#FAFAFA;display:block;font-weight:bold;}

.admin_table{background:#FFF;}
.admin_table th{padding:3px;border:1px solid #AAA;background:#F3F3F3;}
.admin_table td{padding:3px;border:1px solid #DDD;}


/* ################ FORMPOST ################ */
.formpost{margin:0px auto;width:100%;background:#FFF;border-collapse:separate;border-spacing:2px;}
.formpost th{width:180px;padding:4px;font-weight:bold;background:#F8F8F8;vertical-align:middle;text-align:right;}
.formpost td{padding:4px;border:1px solid #F8F8F8;vertical-align:middle;}
.formpost .inhead{background:#EEE;padding:5px;border-bottom:0px solid #888;text-align:center;}
.formpost .intextarea{width:98%;height:250px;border:1px solid #CCC;background:#FFF;}
.emomenu{background:#FDFDFD;border:1px solid #DDD;border-bottom:0px solid #000;padding:5px;}
.emocontent{background:#FDFDFD;border:1px solid #DDD;padding:0px;padding-top:6px;height:210px;overflow-x:hidden;overflow-y:auto;text-align:center;}
.emopad img{cursor:hand;cursor:pointer;}
.emomenu li{margin-left:2px;padding:0px 5px;border:1px solid #BBB;cursor:pointer;}

/* ################ ADVANCE POST MODE ################ */
.btagcolor{margin:1px;width:20px;height:15px;cursor:pointer;vertical-align:bottom;}
.btagbox{margin:1px;width:20px;height:15px;cursor:pointer;vertical-align:bottom;border:1px solid #CCC;background:#FFF;}
.closebtag{text-align:right;}
.closebtag img{width:32px;height:12px;margin-top:2px;cursor:pointer;vertical-align:bottom;}
.btagpopmenu{border:1px solid #999;background-color:#F5F5F5;padding:2px;}
.btag{border:1px solid #CCC;cursor:pointer;}
.btaghover{border:1px solid #66C;box-shadow:inset 0px -7px 10px rgba(0,130,255,.50);}
.btagemo{cursor:pointer;}

.postmenu ul, .postmenu li {display:inline;}
.postmenu li a img {border:1px solid #CCC;}
.postmenu li a:hover img{border:1px solid #000;background:#DEF;}
#btagpopmenucolor, #btagpopmenusize, #btagpopmenuemo, #btagpopmenubox{position:absolute;}
.posttextarea{width:98%;height:250px;border:1px solid #000;}

/* ################ MEM EDIT ################ */
.memedit{margin:0px auto;width:100%;background:#FFF;}
.memedit th{width:180px;padding:4px;font-weight:bold;background:#F8F8F8;vertical-align:middle;text-align:right;}
.memedit td{padding:4px;border:1px solid #F8F8F8;}
.memedit .inhead{background:#EEE;font-weight:bold;text-align:center;}
.memedit .ininput{width:160px;height:20px;line-height:20px;border:1px solid #CCC;background:#FAFAFA;font-family: "MS Sans Serif", "Microsoft Sans Serif", "tahoma";}
.memedit .inselect{border:1px solid #CCC;background:#FAFAFA;font-family: "MS Sans Serif", "Microsoft Sans Serif", "tahoma";}
.memedit .intextarea{width:98%;height:250px;border:1px solid #999;}
.memedit .inbutton{border:1px solid #999;padding:1px 10px;background-color:#F5F5F5;}

/*################### Z FORM ###################*/
.zformhead{text-align:center;}
.zformprocess{padding:40px 10px;}
.zformprocess .inhead{height:30px;}

.zform{background:#FFF;}
.zform .ininput{width:160px;height:20px;border:1px solid #CCC;background:#FAFAFA;font-family: "MS Sans Serif", "Microsoft Sans Serif", "tahoma";}
.zform .inbutton{border:1px solid #999;padding:3px 12px;background-color:#F3F3F3;cursor:pointer;box-shadow:inset 0 3px 8px rgba(255,255,255,.90);}
.zform .inbutton:hover{border:1px solid #005eaf;background-color:#005eaf;color:#FFF;box-shadow:inset 0 3px 8px rgba(255,255,255,.30);}
.zform .ininputfile{height:22px;border:1px solid #CCC;background:#FAFAFA;}

.zformprocess th{width:43%;padding:4px;padding-top:9px;font-weight:bold;vertical-align:top;text-align:right;}
.zformprocess td{padding:4px;}
.zformprocess .inhead{font-weight:bold;text-align:center;}

.zformmemedit th{width:180px;padding:4px;font-weight:bold;background:#F8F8F8;vertical-align:middle;text-align:right;color:#444}
.zformmemedit td{padding:4px;border:1px solid #F8F8F8;}
.zformmemedit .inhead{background:#EEE;font-weight:bold;text-align:center;}

/* ################  PM ################ */
.pmlist {border-bottom:1px solid #DDD;table-layout: fixed;}
.pmlist th{padding:5px 5px;background:#F3F3F3;color:#333;text-align:left;border-top:1px solid #DDD;border-bottom:1px solid #DDD;}
.pmlist td{padding:2px 5px;color:#000;text-align:center;border-top:1px solid #E4E4E4;border-left:0px solid #F3F3F3;text-align:left;vertical-align:middle;}
.pmlist .tright{text-align:right;}
.pmlist .pmicon{width:16px;height:16px;}
.pmlist .pmcontent{overflow:auto;overflow-x:auto;overflow-y:hidden;}
.pmlist .pmdetail{padding:8px;border:1px solid #81a0c1;border-top:0px solid #81a0c1;background:#FFF;}
.pmlist .pmdate{color:#080;font-size:11px;text-align:right;}
.pmlistdel{border:1px solid #999;padding:1px 10px;background-color:#F5F5F5;}
.pmlistactive{background:#FFE;}

/* ################  PM ################ */
.pmnamelist {width:248px;position:absolute;display:none;}
.pmnamelistin {width:248px;border:1px solid #999;border-bottom:1px solid #DDD;background:#F3F3F3;overflow:auto;overflow-x:hidden;overflow-y:auto;}
.pmnamelisttable {width:100%;border-collapse:separate;border-spacing:2px;}
.pmnamelisttable td{width:215px;padding:3px;padding-left:10px;background:#FAFAFA;color:#05B;font-weight:bold;}
.pmnamelisttable .pmadd{float:right;text-align:center;width:15px;padding:1px;border:0px solid #DDD;background:#FAFAFA;color:#999;}
.pmnamelistclose{width:240px;padding:4px;border:1px solid #999;border-top:0px solid #999;background:#F3F3F3;text-align:right;color:#999;}

.pmlist {width:100%;border-bottom:1px solid #DDD;table-layout: fixed;}
.pmlist th{padding:5px 5px;background:#F3F3F3;color:#333;text-align:left;border-top:1px solid #DDD;border-bottom:1px solid #DDD;}
.pmlist td{padding:2px 5px;color:#000;text-align:center;border-top:1px solid #E4E4E4;border-left:0px solid #F3F3F3;text-align:left;vertical-align:middle;}
.pmlist .pmicon{width:16px;height:16px;}
.pmlist .pmcontent{width:100%;overflow:auto;overflow-x:auto;overflow-y:hidden;}
.pmlist .pmdetail{width:100%;padding:8px;border:1px solid #81a0c1;border-top:0px solid #81a0c1;background:#FFF;}
.pmlistdel{border:1px solid #999;padding:1px 10px;background-color:#F5F5F5;}
.pmlistactive{background:#FFE;}

/* ################ HIGHSLIDE ################ */
.highslide-container div {font-family:Verdana, Helvetica;font-size: 10pt;}
.highslide-image {border:2px solid #FFF;background:gray;}
a.highslide-full-expand {background: url('highslide/fullexpand.gif') no-repeat;display: block;margin: 0 10px 10px 0;width: 34px;height: 34px;}
a.highslide-credits,a.highslide-credits i {padding: 2px;color: silver;text-decoration: none;font-size: 10px;}
a.highslide-credits:hover,a.highslide-credits:hover i {color: white;background-color: gray;}

/* ################ MULTIUPLOAD ################ */
.mu_progress{width:90%;max-width:500px;margin-top:5px;height:20px;padding:2px;border:1px solid #DDD;}
.mu_bar{width:0%;line-height:20px;background:#008DE6;text-align:center;}

/* ################ POLL ################ */
.polldiv{margin-bottom:8px;padding:10px;border:1px solid #DDD;background:#FAFAFA;text-align:center;}
.pollquestion{color:#059;font-weight:bold;}
.pollchoice{margin:5px auto;width:600px;text-align:left;}
.pollchoicedetail{margin-top:5px;margin-left:0px;width:500px;overflow:auto;overflow-x:auto;overflow-y:hidden;}
.pollbar{height:12px;box-shadow:inset 0 10px 20px rgba(255,255,255,.30),inset 0 1px 1px rgba(255,255,255,.50);}
.pollbartable{border-collapse:separate;border-spacing:10px;}
.pollbartable th{width:30%;padding-right:10px;text-align:right;}
.pollbartable td .pollbarframe{float:left;margin-top:2px;border:1px solid #DDD;background:#FAFAFA;}

/* ################ CHAT GROUP ################ */
.chatitem{padding:5px;border-bottom:1px dotted #EEE;}
.chatitem .chatname{float:left;color:#059;font-weight:bold;text-align:left;}
.chatitem .chatnote{float:left;margin-left:5px;text-align:left;color:#333;}
.chatitem .chatnote a{color:#00F;} .chatitem .chatnote a:hover{color:#A00;}