/* Object Design */
.design_box1_left { width:8px; background: #FFFFFF url("/images/object/box1-left.gif") no-repeat; background-position: left top; }
.design_box1_bg1 { width:9px; height:9px; background: #FFFFFF url("/images/object/box1-bg1.gif") no-repeat; background-position: left top; }
.design_box1_bg2 { height:9px; background: #FFFFFF url("/images/object/box1-bg2.gif") repeat-x; }
.design_box1_bg3 { width:9px; height:9px; background: #FFFFFF url("/images/object/box1-bg3.gif") no-repeat; background-position: left top; }
.design_box1_bg4 { width:9px; background: #FFFFFF url("/images/object/box1-bg4.gif") repeat-y; }
.design_box1_bg5 { background: #FFFFFF; }
.design_box1_bg6 { width:9px; background: #FFFFFF url("/images/object/box1-bg6.gif") repeat-y; }
.design_box1_bg7 { width:9px; height:9px; background: #FFFFFF url("/images/object/box1-bg7.gif") no-repeat; background-position: left top; }
.design_box1_bg8 { height:9px; background: #FFFFFF url("/images/object/box1-bg8.gif") repeat-x; }
.design_box1_bg9 { width:9px; height:9px; background: #FFFFFF url("/images/object/box1-bg9.gif") no-repeat; background-position: left top; }

.design_tab1_bg { height:28px; background: #FFFFFF url("/images/object/tab1-bg.gif") repeat-x; padding-bottom:7px; }
.design_tab1_td { color: #333333; font-weight: bold; }
.design_tab1_active { height:18px; background: #0066CC; color: #FFFFFF; font-weight: bold; font-family: "Verdana"; font-size: 10px; text-align:center; cursor:pointer; }
.design_tab1_inactive { height:18px; background: #D1D3D4; color: #333333; font-weight: bold; font-family: "Verdana"; font-size: 10px; text-align:center; cursor:pointer; }
.design_tab1_next { FLOAT: left;height:18px; width:10px; background: #FFFFFF url("../images/tab1-next.gif") no-repeat; background-position: center top; cursor:pointer; }
.design_tab1_back { FLOAT: left; height:18px; width:14px; background: #FFFFFF url("../images/tab1-back.gif") no-repeat; background-position: left top; cursor:pointer; }
.design_tab1_indent { background: #FFFFFF; width:2px; }

.design_tab2_bg { height:28px; background: #FFFFFF url("/images/object/tab2-bg.gif") repeat-x; padding-bottom:7px; }
.design_tab2_td { color: #333333; font-weight: bold; }

.design_tab3_bg { height:28px; background: #FFFFFF url("/images/object/tab3-bg.gif") repeat-x; padding-bottom:7px; }
.design_tab3_td { color: #444444; font-weight: bold; }


.design_box2_left { width:8px; background: #FFFFFF url("/images/object/box2-left.gif") no-repeat; background-position: left top; }
.design_box2_bg1 { width:9px; height:9px; background: #CECEA6 url("/images/object/box2-bg1.gif") no-repeat; background-position: left top; }
.design_box2_bg2 { height:9px; background: #CECEA6; }
.design_box2_bg3 { width:9px; height:9px; background: #CECEA6 url("/images/object/box2-bg3.gif") no-repeat; background-position: left top; }
.design_box2_bg1_head { height:16px; background: #CECEA6; text-align:left; vertical-align:middle; color: #48300E; font-weight: bold;  }
.design_box2_bg2_head { height:16px; background: #CECEA6; text-align:left; vertical-align:middle; color: #48300E; font-weight: bold;  }
.design_box2_bg3_head { height:16px; background: #CECEA6; text-align:left;  vertical-align:middle; color: #48300E; font-weight: bold; }
.design_box2_bg4 { width:9px; background: #F5F5ED; }
.design_box2_bg5 { background: #F5F5ED; }
.design_box2_bg6 { width:9px; background: #F5F5ED; }
.design_box2_bg7 { width:9px; height:9px; background: #F5F5ED url("/images/object/box2-bg7.gif") no-repeat; background-position: left top; }
.design_box2_bg8 { height:9px; background: #F5F5ED; }
.design_box2_bg9 { width:9px; height:9px; background: #F5F5ED url("/images/object/box2-bg9.gif") no-repeat; background-position: left top; }

.design_box3_bg1 { width:9px; height:9px; background: #D1D3D4 url("/images/object/box3-bg1.gif") no-repeat; background-position: left top; }
.design_box3_bg2 { height:9px; background: #D1D3D4; }
.design_box3_bg3 { width:9px; height:9px; background: #D1D3D4 url("/images/object/box3-bg3.gif") no-repeat; background-position: left top; }
.design_box3_bg4 { width:9px; background: #D1D3D4; }
.design_box3_bg5 { background: #D1D3D4; color: #48300E; font-weight: bold; }
.design_box3_bg6 { width:9px; background: #D1D3D4; }
.design_box3_bg7 { width:9px; height:9px; background: #D1D3D4 url("/images/object/box3-bg7.gif") no-repeat; background-position: left top; }
.design_box3_bg8 { height:9px; background: #D1D3D4; }
.design_box3_bg9 { width:9px; height:9px; background: #D1D3D4 url("/images/object/box3-bg9.gif") no-repeat; background-position: left top; }

.design_box4_bg1 { width:9px; height:27px; background: #8ED454 url("/images/object/box4-bg1.gif") no-repeat; background-position: left top; }
.design_box4_bg2 { height:27px; background: #8ED454 url("/images/object/box4-bg2.gif") repeat-x; }
.design_box4_bg3 { width:9px; height:27px; height:9px; background: #8ED454 url("/images/object/box4-bg3.gif") no-repeat; background-position: left top; }
.design_box4_bg4 { width:9px; background: #FFFFFF url("/images/object/box4-bg4.gif") repeat-y; }
.design_box4_bg5 { background: #FFFFFF; }
.design_box4_bg6 { width:9px; background: #FFFFFF url("/images/object/box4-bg6.gif") repeat-y; }
.design_box4_bg7 { width:9px; height:9px; background: #FFFFFF url("/images/object/box4-bg7.gif") no-repeat; background-position: left top; }
.design_box4_bg8 { height:9px; background: #FFFFFF url("/images/object/box4-bg8.gif") repeat-x; }
.design_box4_bg9 { width:9px; height:9px; background: #FFFFFF url("/images/object/box4-bg9.gif") no-repeat; background-position: left top; }

.design_box5_left { width:8px; background: #FFFFFF url("/images/object/box5-left.gif") no-repeat; background-position: left top; }
.design_box5_bg1 { width:9px; height:9px; background: #A7D8A3 url("/images/object/box5-bg1.gif") no-repeat; background-position: left top; }
.design_box5_bg2 { height:9px; background: #A7D8A3 url("/images/object/box5-bg2.gif") repeat-x; }
.design_box5_bg3 { width:9px; height:9px; background: #A7D8A3 url("/images/object/box5-bg3.gif") no-repeat; background-position: left top; }
.design_box5_bg1_head { width:9px; height:16px; background: #A7D8A3 url("/images/object/box5-bg1-head.gif") repeat-y; }
.design_box5_bg2_head { height:16px; background: #A7D8A3; text-align:left; vertical-align:middle; color: #325A2F; font-weight: bold;  }
.design_box5_bg3_head { width:9px; height:16px; background: #A7D8A3 url("/images/object/box5-bg3-head.gif") repeat-y; }
.design_box5_bg4 { width:9px; background: #FFFFFF url("/images/object/box5-bg4.gif") repeat-y; }
.design_box5_bg5 { background: #FFFFFF; }
.design_box5_bg6 { width:9px; background: #FFFFFF url("/images/object/box5-bg6.gif") repeat-y; }
.design_box5_bg7 { width:9px; height:9px; background: #FFFFFF url("/images/object/box5-bg7.gif") no-repeat; background-position: left top; }
.design_box5_bg8 { height:9px; background: #FFFFFF url("/images/object/box5-bg8.gif") repeat-x;  }
.design_box5_bg9 { width:9px; height:9px; background: #FFFFFF url("/images/object/box5-bg9.gif") no-repeat; background-position: left top; }

.design_box_login1 { width:173px; height:27px; background: #FFFFFF url("/images/design/menuheader-member-login-here.gif") no-repeat; background-position: left top; }
.design_box_login2 {  background: #FFFFFF; }
.design_box_login2 a:link {  font-family: "Arial"; color: #333333; font-weight: normal; text-decoration: none; font-size:10px; }
.design_box_login2 a:visited {  font-family: "Arial"; color: #333333; font-weight: normal; text-decoration: none; font-size:10px;  }
.design_box_login2 a:active {  font-family: "Arial"; color: #FF9900; font-weight: normal; text-decoration: none; font-size:10px;  }
.design_box_login2 a:hover {  font-family: "Arial"; color: #FF9900; font-weight: normal; text-decoration: none; font-size:10px;  }

.design_box_search1 { width:173px; height:27px; background: #FFFFFF url("/images/design/menuheader-search.gif") no-repeat; background-position: left top; }
.design_box_search2 {  background: #EAEAEA; }
.design_box_newsletter1 { width:173px; height:27px; background: #FFFFFF url("/images/design/menuheader-newsletter.gif") no-repeat; background-position: left top; }
.design_box_newsletter2 {  background: #EAEAEA; }
.design_box_vote1 { width:173px; height:27px; background: #FFFFFF url("/images/design/menuheader-vote.gif") no-repeat; background-position: left top; }
.design_box_vote11 { width:173px; height:27px; background: #FFFFFF url("/images/design/menuheader-vote-winner.gif") no-repeat; background-position: left top; }
.design_box_vote2 {  background: #E4FEF4; }

.design_bar_bgdot { background: #EAEAEA url("/images/object/bar1-ea-dot.gif") repeat-x; height:28px;  color: #333333;  font-weight: bold; }
.design_bar_bgdot1 { background: #FEE3C5 url("/images/object/bar1-fc9-dot.gif") repeat-x; height:28px;  color: #8F5414;  font-weight: bold; }

.design_bar_floating1 { background: #FFFFFF url("/images/object/bar-floating1.gif") no-repeat; height:20px; width:18px; cursor:pointer; }
.design_bar_floating2 { background: #FFFFFF url("/images/object/bar-floating2.gif") repeat-x; height:20px;  color: #000000;  font-weight: bold; color: #FFFFFF;padding-left:5px; vertical-align:middle; text-align:left;  cursor:pointer; }
.design_bar_floating3 { background: #FFFFFF url("/images/object/bar-floating3.gif") no-repeat; height:20px; width:9px;  cursor:pointer; }
.design_bar_floatingbg { background: #FFFFFF url("/images/object/bar-floatingbg.gif") repeat-x; background-position: left top; }

.design_bar_accordion1 { background: #FFFFFF url("/images/object/bullet-031.gif") no-repeat; height:18px; width:25px; cursor:pointer; }
.design_bar_accordion2 { background: #19ABDC; height:18px;color: #FFFFFF;  font-weight: bold; padding-left:10px; vertical-align:middle; text-align:left;  cursor:pointer; }
.design_bar_accordionbg { background: #FFFFFF url("/images/object/bar-floatingbg1.gif") repeat-x; background-position: left top; }

/* Picture Frame Design */
.design_frame_60x60 {  width:67px; height:66px; background: #FFFFFF url("/images/object/picture-border-60x60.gif") no-repeat; background-position: left top; text-align:left; vertical-align:top; padding-left:2px; padding-top:2px;  }
.design_frame_60x60a {  width:67px; height:2px; background: #FFFFFF url("/images/object/picture-border-60x60a.gif") no-repeat; }
.design_frame_60x60b {  width:67px; background: #FFFFFF url("/images/object/picture-border-60x60b.gif") repeat-y;  text-align:left; padding-left:2px; }
.design_frame_60x60c {  width:67px; height:4px; background: #FFFFFF url("/images/object/picture-border-60x60c.gif") no-repeat; }
.design_frame_100x100 {  width:107px; height:106px; background: #FFFFFF url("/images/object/picture-border-100x100.gif") no-repeat; background-position: left top; text-align:left; vertical-align:top; padding-left:2px; padding-top:2px;  }
.design_frame_100x100a {  width:107px; height:2px; background: #FFFFFF url("/images/object/picture-border-100x100a.gif") no-repeat; }
.design_frame_100x100b {  width:107px; background: #FFFFFF url("/images/object/picture-border-100x100b.gif") repeat-y; text-align:left; vertical-align:bottom; padding-left:2px;}
.design_frame_100x100c {  width:107px; height:4px; background: #FFFFFF url("/images/object/picture-border-100x100c.gif") no-repeat; }
.design_frame_155x75 {  width:162px; height:81px; background: #FFFFFF url("/images/object/picture-border-155x75.gif") no-repeat; background-position: left top; text-align:left; vertical-align:top; padding-left:2px; padding-top:2px;  }
.design_frame_220x170 {  width:377px; height:187px; background: #F5F5ED url("/images/object/picture-border-220x170.gif") no-repeat; background-position: left top; text-align:left; vertical-align:top; padding-left:5px; padding-top:4px;  }
.design_frame_180x85 {  width:187px; height:91px; background: #F5F5ED url("/images/object/picture-border-180x85.gif") no-repeat; background-position: left top; text-align:left; vertical-align:top; padding-left:2px; padding-top:2px;  }
.design_frame_400x300 {  width:414px; height:314px; background: #FFFFFF url("/images/object/picture-border-400x300.gif") no-repeat; padding-left:7px; padding-top:7px;}

/* Line Design */
.design_dot { background: url("/images/object/dotline.gif") repeat-x; }
.design_dot_top { background: url("/images/object/dotline.gif") repeat-x; background-position: top; color: #333333; font-weight: bold; }
.design_dot_middle { background: url("/images/object/dotline.gif") repeat-x; background-position: center; }
.design_line { background: url("/images/object/line.gif") repeat-x; background-position: center center; color: #333333; font-weight: bold; }
.design_line_blue { background: url("/images/object/line_blue.gif") repeat-x; background-position: center center; color: #333333; font-weight: bold; }
.design_vertical_center { background: url("/images/object/vertical-line.gif") repeat-y; background-position: center; color: #333333; font-weight: bold; }
.design_vertical_dot_center { background: url("/images/object/vertical-line-dot.gif") repeat-y; background-position: center; color: #333333; font-weight: bold; }

/* Data List */
.design_toolbar_font { font-size: 10px; font-family:"Verdana"; color: #666666; font-weight: normal; }
.design_toolbar_font a:link {  font-family: "Verdana"; color: #666666; font-weight: normal; text-decoration: none; font-size:10px; }
.design_toolbar_font a:visited {  font-family: "Verdana"; color: #666666; font-weight: normal; text-decoration: none; font-size:10px;  }
.design_toolbar_font a:active {  font-family: "Verdana"; color: #FF9900; font-weight: normal; text-decoration: none; font-size:10px;  }
.design_toolbar_font a:hover {  font-family: "Verdana"; color: #FF9900; font-weight: normal; text-decoration: none; font-size:10px;  }
.design_toolbar_font a.active:link {  font-family: "Verdana"; color: #990000; font-weight: bold; text-decoration: none; font-size:10px; }
.design_toolbar_font a.active:visited {  font-family: "Verdana"; color: #990000; font-weight: bold; text-decoration: none; font-size:10px;  }
.design_toolbar_font a.active:active {  font-family: "Verdana"; color: #FF9900; font-weight: bold; text-decoration: none; font-size:10px;  }
.design_toolbar_font a.active:hover {  font-family: "Verdana"; color: #FF9900; font-weight: bold; text-decoration: none; font-size:10px;  }

/* Input Form */
.button_30 { width:30px; background: url("/images/object/input-bt-30px.gif") no-repeat; text-align:center; font-size: 10px; font-family:"Verdana"; color: #333333; height:20px; border: 0px ; cursor:pointer; }
.button_40 { width:40px; background: url("/images/object/input-bt-40px.gif") no-repeat; text-align:center; font-size: 10px; font-family:"Verdana"; color: #333333; height:20px; border: 0px ; cursor:pointer; }
.button_60 { width:60px; background: url("/images/object/input-bt-60px.gif") no-repeat; padding-left:4px; text-align:center; font-size: 10px; font-family:"Verdana"; color: #333333; height:20px; border: 0px ; cursor:pointer; }
.button_80 { width:80px; background: url("/images/object/input-bt-80px.gif") no-repeat; padding-left:4px; text-align:center; font-size: 10px; font-family:"Verdana"; color: #333333; height:20px; border: 0px ; cursor:pointer; }
.button_100 { width:100px; background: url("/images/object/input-bt-100px.gif") no-repeat; padding-left:4px; text-align:center; font-size: 10px; font-family:"Verdana"; color: #333333; height:20px; border: 0px ; cursor:pointer; }
.button_120 { width:120px; background: url("/images/object/input-bt-120px.gif") no-repeat; padding-left:4px; text-align:center; font-size: 10px; font-family:"Verdana"; color: #333333; height:20px; border: 0px ; cursor:pointer; }
.button_red_60 { width:60px; background: url("/images/object/input-bt-60px-red.gif") no-repeat; padding-left:4px; text-align:center; font-size: 10px; font-family:"Verdana"; color: #333333; height:20px; border: 0px ; cursor:pointer; }
.button_red_80 { width:80px; background: url("/images/object/input-bt-80px-red.gif") no-repeat; padding-left:4px; text-align:center; font-size: 10px; font-family:"Verdana"; color: #333333; height:20px; border: 0px ; cursor:pointer; }
.button_red_100 { width:100px; background: url("/images/object/input-bt-100px-red.gif") no-repeat; padding-left:4px; text-align:center; font-size: 10px; font-family:"Verdana"; color: #333333; height:20px; border: 0px ; cursor:pointer; }
.button_red_120 { width:120px; background: url("/images/object/input-bt-120px-red.gif") no-repeat; padding-left:4px; text-align:center; font-size: 10px; font-family:"Verdana"; color: #333333; height:20px; border: 0px ; cursor:pointer; }
.input_center { font-family:"MS Sans Serif"; font-size:10px; color:#333333; background:#EFEFEF url("/images/object/input-bg.gif") no-repeat;  border: 1px solid #D3D1D1; height:15px; text-align:center; padding-left:2px; }
.input_left { font-family:"MS Sans Serif"; font-size:10px; color:#333333; background:#EFEFEF url("/images/object/input-bg.gif") no-repeat;   border: 1px solid #D3D1D1; height:15px; text-align:left;  padding-left:2px; }
.input_right { font-family:"MS Sans Serif"; font-size:10px; color:#333333; background:#EFEFEF url("/images/object/input-bg.gif") no-repeat;   border: 1px solid #D3D1D1; height:15px; text-align:right;  padding-left:2px;  }
.input_textarea { font-family:"MS Sans Serif"; font-size:10px; color:#333333; background:#EFEFEF url("/images/object/input-bg.gif") no-repeat;   border: 1px solid #D3D1D1; text-align:left;  padding-left:2px;  }
.input_textarea_vote { font-family:"MS Sans Serif"; font-size:10px; color:#FF0000; background:#E4FEF4;   border: 0px; text-align:left;  padding-left:2px;  }
.input_select { font-family:"MS Sans Serif"; font-size:10px; color:#333333; background:#EFEFEF; border-width:1px; border-left-width:1px; border-right-width:1px; border-color:#D3D1D1; height:18px; text-align:left; }
.input_select .parent{ background-color: #E8E8E8; color: #000000; }
.input_select .child{ color: #666666; }

.bold{ font-weight: bold; }

/* สำหรับกล่อง เดือนสไลด์ หน้าแรก */ 
#wrapper { FLOAT: none; MARGIN: 0px auto; POSITION: relative; BACKGROUND-COLOR: #FFFFFF; width: 303px; }
#wrapper .monthlist {
	width: 90px; height: 20px;
	position: relative; FLOAT: left; margin-right: 2px;
	/*font-family: "Arial"; font-size: 8pt;*/
	text-align: center; line-height: 20px;
}
#wrapper .normal { background-color: #D1D3D4; color: #444444; }
#wrapper .active { background-color: #0066CC; color: #FFFFFF; }

/* member dock box */
.dock_alert1 { background: url("/images/object/dock-tab1.gif"); height:35px; width:285px; }
.dock_alert2 { background: url("/images/object/dock-tab2.gif"); height:35px; width:285px; }

/* Tags */
.limit_text_tags{ width:125px; height:15px; overflow:hidden; }
.limit_text_tags1{ width:140px; height:15px; overflow:hidden; }
.limit_text_tags2{ width:100px; height:15px; overflow:hidden; }
a.tags:link {  font-family: "MS Sans Serif"; color: #CC0000; font-weight: normal; text-decoration: none; font-size:10pt; }
a.tags:visited {  font-family: "MS Sans Serif"; color: #CC0000; font-weight: normal; text-decoration: none; font-size:10pt;  }
a.tags:active {  font-family: "MS Sans Serif"; color: #CC0000; font-weight: normal; text-decoration: none; font-size:10pt;  }
a.tags:hover {  font-family: "MS Sans Serif"; color: #000000; font-weight: normal; text-decoration: none; font-size:10pt;  }

.design_showdate{ color: #834141; }