@charset "tis-620";

/* simple reset - not editable*/
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
border: 0;
outline: 0;
margin: 0; 
}

/* color define 
promotion #81c7d9
package #c181d9
services #818dd9
med services #d981c2
doctor #d98190
news #d9b481
health #cad981
media  #a0b9a7
*/

html { background-color: #92C2E6;}
body {margin: 0; padding-top: 20px; /*background: url(images/bg-03.jpg) repeat-x; */  
	background: #92C2E6 url(images/bg-footer2.jpg) repeat-x left top; }
td, div {padding: 0; font:normal 15px tahoma; color: #333; }
table, img {border: none; }
tr {vertical-align: top; }

.img-doc {border-right: 10px solid transparent; border-bottom: 30px solid transparent; } /* search result row **/
.img-banner {border-bottom: 3px solid transparent;}

.hometitle {padding: 25px 0 0 30px; font:normal 28px tahoma; }
.pagetitle {padding: 0 0 0 30px; font:normal 28px tahoma; }
.pagetitle-body {padding: 0; font:normal 28px tahoma; }

.contenttitle {padding: 8px 0 0 0; font: bold 21px tahoma; }
.contenttitle a {padding: 8px 0 0 0; font: bold 21px tahoma; }
.contenttitle a:hover {padding: 8px 0 0 0; font: bold 21px tahoma; color: #000; }

.navtitle {padding:0 0 0 30px;  }
.navtitletext {padding:0;  }

.content {padding: 10px 0;  color:#069;} /* see content page such as promotion_detail.html */

.search-holder {margin: 0; padding: 1px; float: right: width: 280px;}

a {font:normal 15px tahoma; color: #336699; text-decoration: none;}
a:visited {font:normal 15px tahoma; color: #336699; text-decoration: none;}
a:active {font:normal 15px tahoma; color: #336699; text-decoration: none;}
a:hover {font:normal 15px tahoma;  color: #666; text-decoration: none;}

/* heading */
.head-promo {padding:0 ; width: 100%; background: url(images/head-servicestab.jpg) no-repeat center top ; }
.head-promo-home {padding:0 10px; width: 600px; background: url(images/head-promotab.jpg) no-repeat center top ; }
.head-pack {padding:0 ; width: 100%; background: url(images/head-promotab.jpg) no-repeat center top ; }
.head-serv {padding:0 ; width: 100%; background: url(images/head-packagetab.png) no-repeat center top ; }
.head-med {padding:0 ; width: 100%; background: url(images/head-medtab.png) no-repeat center top ; }
.head-doc {padding:0 ; width: 100%; background: url(images/head-doctab.jpg) no-repeat center top ; }
.head-news {padding:0 ; width: 100%; background: url(images/head-newstab.png) no-repeat center top ; }
.head-health {padding:0 ; width: 100%; background: url(images/head-healthtab.png) no-repeat center top ; }
.head-media {padding:0 ; width: 100%; background: url(images/head-mediatab.png) no-repeat center top ; }


/* top header */
.topheader {padding: 10px 0 0 0; width: 980px;  }

/* main layout */
#Container {padding: 0; width: 980px; background-color: #fff; overflow: hidden; }

#wrapper {padding: 0; width: 980px;  background: url(images/bg-header-top1.png) no-repeat center top; clear:both; }

#headerwrapper {padding: 0; width: 980px;  height: 120px; border-bottom: 1px solid #fff; clear:both; overflow: hidden; }
.headerwrapper {padding: 10px 0 0 0; width: 980px; height: 95px;   }

#headerwrapperleft {margin: 0; padding: 0; text-align: left;  float: left; width: 580px; }
#headerwrapperleft2 {margin: 0; padding: 0; text-align: left;  float: left; color: #fff;  width: 60px;  }
#headerwrapperright {margin: 0; padding: 0; float: right; width: 300px; height: 90px; background: url(images/world-map.png) 150px -5px no-repeat; font-size: 11px; text-align: left;  color: #999; display: block; }
#headerwrapperright a {padding: 5px; background-color: #e60000; font-size: 11px; color: #fff; -moz-border-radius:5px;-webkit-border-radius:5px; }
#headerwrapperright a.tel {padding: 5px; background-color: #bdeaf4; font-size: 11px; color: #000; text-decoration: none; -moz-border-radius:5px;-webkit-border-radius:5px;}
#headerwrapperright a:hover {padding: 5px; background-color: #000; font-size: 11px; color: #fff; text-decoration: none; -moz-border-radius:5px;-webkit-border-radius:5px;}

/* header */ 
#topmainmenu {margin: 3px; padding: 4px; width: auto;  text-align: left; }
/*#topmainmenu ul {padding: 10px 0px 0px 28px;  }*/
#topmainmenu li {list-style: none; float: left;}
#topmainmenu li a {margin: 3px; padding: 8px;  text-align: left; color: #000; font:normal 8pt tahoma;  text-decoration: none;}
#topmainmenu li a:hover {margin: 3px; padding: 8px; font:normal 8pt tahoma; color: #fff; background-color: #336699; 
-moz-border-radius:5px;-webkit-border-radius:5px; } /* #bdeaf4 pale blue */
* html #topmainmenu li a {margin: 3px; padding: 14px 8px;  text-align: left; color: #000; font:normal 8pt tahoma;  text-decoration: none;}
* html #topmainmenu li a:hover {margin: 3px; padding: 14px 8px; font:normal 8pt tahoma;  color: #fff;  background-color: #336699;-moz-border-radius:5px;-webkit-border-radius:5px; }

/* menu bar */
#menubar {	width: 980px; height: 53px; color: #fff; background: url(../images/menu-bar2.gif) no-repeat;	clear: both;}

/* highlight topic */
#body {margin: 0; padding: 0; width: 980px; text-align: left; }
#hl {float: left; width: 670px; }

#maincolum {padding: 0; width: 620px; }
#rightcolum {width: 300px; }

#promotionbox {margin: 0 0 0 20px; width: 600px; /*b ackground-image: url(images/bg-blue.png);background-color: #d0ebfa;   filter: alpha(opacity=50);  -moz-opacity: 0.5; opacity: 0.5; */}

#Editor {margin: 0; padding: 0; width: 210px; text-align: left; background: url(images/editor.png) no-repeat left top; overflow: hidden; }
#Editor .editor-img {margin: 0; padding: 0; width: 200px; height: 100px; overflow: hidden; }
#Editor .editor-brief {margin: 0; padding: 5px 0; font: normal 11px Tahoma; width: 210px; overflow: hidden;}
#Editor .ender {margin: 0; padding: 0; width: 210px; text-align: left; overflow: hidden; }


.clearingdiv {clear:both; }
.clearingdiv2 {margin-left: 50px; clear:both; height:5px; text-align: center; width: 565px; border-bottom: 1px dashed #d7f1f6; }

/*.topicpromotion {padding: 10px 20px; font: bold 26px arial; }*/
.topichot {padding: 5px 0px; font: bold 26px arial; color: #e60000; text-align: left; vertical-align: top; }
.hotcolum {margin: 5px; padding: 15px; border: 1px dashed #e60000; background:url(http://www.thannews.th.com/images/2437/images/m1724371.jpg) no-repeat top right;}
.topicpromotion, .topicnews, .topichealth {padding: 16px;  width: 90%; font: bold 18px arial; color: #fff; /*background: url(images/09menu2-940px.jpg) no-repeat -5px top;*/ }
/*.topichealth {padding: 5px 0px; font: bold 26px arial; color: #999933; text-align: left; vertical-align: top; }
.topicmedia {padding: 5px 0px; font: bold 26px arial; color: #ff9900; text-align: left; vertical-align: top; }*/

/* h */
.h1title {padding: 5px 0px; width: 980px; font: normal 11px tahoma; text-align: left;  color: #999;}
.list-title {padding: 5px 0; }
.list-title a {font-size: 24px; }

/* banner */ 
#bannerhor {padding:10px 5px; width:600px;}
#BannerCol {padding: 0 5px; width: 260px; /*background-image: url(images/45.gif); */}
#bodycol {padding:25px 10px; }

/* footer */
#footer  {padding: 0; width: 100%; height: 260px; background: url(images/bg-footer2.jpg) repeat-x;  }

.footer1  {margin: 0; padding: 10px; }
.footer1 ul {padding: 10px; width: 100%; text-align: center; font: normal 11px tahoma; background-color: #000; }
.footer1 ul li {list-style: none; display: inline; text-align: left; }
.footer1 ul li a {text-align: left; font: normal 11px tahoma; }

.footer2  {margin: 5px; padding: 0; float: left; text-align: left; text-decoration: none; font: normal 11px tahoma; color: #fff; }
.footer2 ul {padding: 0 5px; width: 180px; }
.footer2 ul li {list-style: disc; text-align: left;  font: normal 11px tahoma; color: #fff; }
.footer2 ul li a {text-align: left; text-decoration: none; font: normal 11px tahoma; color: #fff;}
.footer2 ul li a:hover {text-align: left; color: #000; text-decoration: none; font: normal 11px tahoma; }

/* sub topic, left side (promotion, events, health) */
#sub {font-size:13px; color: #666; }
.sub {font-size:13px; color: #666; }

.sub-sub {padding: 5px 0; font-size:11px; color: #999; }

.doctor { background-color: #a3d1e7; border-style: none;}
.finddoctorbox {margin: 0 0 0 10px; padding: 10px; background-color: #d0ebfa; -moz-border-radius:5px;-webkit-border-radius:5px; }

.topic { color: #006699; border-style: underline;}

td.border { border-style: none;}
td.home { color: #ff6600}
td.row {padding: 5px; }

/* content box */
.HLContentbox {margin: 0; padding: 20px 0 0 10px; width: 670px; 
	background: url(images/bg-main.png) no-repeat left top;  overflow: hidden;  }

.hlcontentlist {margin: 0; padding: 20px 0 0 50px; width: 80%; overflow: hidden; }
.hlcontentlist ul {margin: 0; padding: 0; }
.hlcontentlist ul li {list-style: disc; }
.hlcontentlist ul li a {margin: 0; padding: 0;  }
.hlcontentlist ul li a:hover {margin: 0; padding: 0;  color: #e60000;}

.ContentBox {margin: 0 20px; padding: 10px; width: 580px; /* height: 220px; */ overflow: hidden;  }
.ContentArea {margin: 0 20px; padding: 20px 10px; width: 580px; overflow: hidden;  }
.ContentArea .content {padding: 10px 0;  color:#069;} /* see content page such as promotion_detail.html */
.ContentBoxList {margin: 0 20px; padding: 10px; width: 580px; overflow: hidden; }
.ContentBoxList .h3 {margin: 0 20px; padding: 10px; width: 580px; overflow: hidden; }

.HLContentLeft {padding: 5px; float:right; width: 260px; }
.hlcontentright {padding: 50px 5px 10px 5px; float:left; width: 400px; overflow: hidden;}

.ContentRowTBL {margin: 10px; padding:15px 5px; width:100%; border-bottom: 1px dashed #d7f1f6;}

.LeftContentTBL {padding: 0 0 20px 0; width: 240px; border: 1px dotted #999; background-color: #d7f1f6; overflow: hidden; }
.LeftContentTBL ul {margin: 15px 10px; padding-left: 15px; width: 210px; font-size: 11px;}
.LeftContentTBL ul li {list-style: disc; }
.LeftContentTBL ul li a {text-decoration: none; font-size: 11px; }
.LeftContentTBL ul li a:hover {text-decoration: underline; font-size: 11px; }

/* medical list */
#medical-list {margin: 0; padding: 0; width: 600px; overflow: hidden; }

#medical-list #left {float:left; margin: 0; padding: 0; width: 240px;overflow: hidden; }
#medical-list #left h3 {padding: 10px 0; font-size: 24px; }
#medical-list #left ul {margin: 0; padding: 0 0 0 10px; width: 240px; overflow: hidden;}
#medical-list #left ul li {list-style: none; }
#medical-list #left ul li a {font-size: 12px; }
#medical-list #left ul li a:hover {font-size: 12px; color: #e60000; }

#medical-list #right {float:right; margin: 0; padding: 0; width: 240px;overflow: hidden; }
#medical-list #right h3 {padding: 10px 0; font-size: 24px; }
#medical-list #right ul {margin: 0; padding: 0 0 0 10px; width: 240px; overflow: hidden;}
#medical-list #right ul li {list-style: none; }
#medical-list #right ul li a {font-size: 12px; }
#medical-list #right ul li a:hover {font-size: 12px; color: #e60000; }


/* partners */
.partner-content {float: left; width: 90%; padding: 20px 0;}

.setback {margin: 0; padding: 0;  width: 580px; overflow: hidden; }
.setback ul {margin: 0; padding: 0 0 0 60px; font-size: 12px; }
.setback ul li {list-style: disc; }
.setback ul li a, .setback ul li a:hover {margin: 0; padding: 0; font-size: 12px; }

.fieldtitle {font-size:21px; width: 180px; float: left;}

/* divider table */
.dividerleft {padding: 10px; width: 320px; vertical-align: top; }
.dividerright {padding: 10px; width: 320px; border-left: 0px dotted #ccc;  vertical-align: top; }

/* promotion */
#promotiondiv {width:980px;background:url(images/bg-body.gif) repeat-y center top;}

/* video */
.videoleft {float:left; width:440px;}
.videoright {padding: 5px; float:right; width:125px; }
.videoicon {padding: 2px;  width: 102px; height: 76px; background: url(images/bg-tvicon.gif) no-repeat; }

/* bmi & ask box */
.featurebox {background-color:#d0ebfa; width:203px;height:180px;padding: 0 5px; font-size: 12px; }
.featureboxbmi {width:98%; color: #fff; }
#bmibox {padding: 3px; width: 240px; background: url(images/bg-footer2.jpg) repeat-x; -moz-border-radius:5px;-webkit-border-radius:5px; overflow: hidden;}

/* poll */
#pollbox {padding: 10px; background: url(images/bg-footer2.jpg) repeat-x; width: 230px; color: #fff; -moz-border-radius:5px;-webkit-border-radius:5px;  }

/* input */
.selector {font-size: 18px; font-weight: light; width: 350px;}
.inputtext {font-size: 18px; font-weight: light; width: 200px;}
.button {font-size: 18px; font-weight: light; width: 80px;}

/* pager */
.navigator-top {padding: 10px 0; border-bottom: 1px dotted #ccc;}
.navigator-bottom {padding: 10px 0; border-top: 1px dotted #ccc;}

.blink {text-decoration: blink; color: #e60000; font-size: 12px; }