/**
 * TomatoCMS - http://www.tomatocms.com/
 * @version 	$Id: default.css 335 2009-12-18 03:41:30Z ninhgio $
 */

/* ========== Common ======================================================== */
* { margin: 0; padding: 0; }
body { background-color: #F1F0DB; font-family: Arial,Tahoma,Helvetica,sans-serif; font-size: 12px; }
body.mceContentBody { background: none; }
 
/** Reset */
a, a:visited { text-decoration: none; color: #0065BB; }
a:hover { text-decoration: underline; }
table, p, ul, li { margin: 0; padding: 0; }
ul li { margin: 0; list-style-type: none; }

/** 
 * Always put the footer at the bottom of page
 * http://matthewjamestaylor.com/blog/keeping-footers-at-the-bottom-of-the-page
 */
html, body { height: 100%; }
.content {float:left;padding-right:20px;width:550px;margin-top:17px}
.description{padding-top:10px}
.clear { clear: both; }
#t_g_body_wrapper { margin:0 auto;background-color: #FFF;min-height:100%}
#body_content {background-color:#FFFFFF;margin:0 auto;width:890px;}
#welcome { width:100%; height:14px; float:left; text-align:left; padding-left:15px; padding-bottom:15px}
#map { width:227px; float:left; padding-left:0px; padding-right:20px;text-align:center;}
#mostdiv { width:295px; float:left; text-align:left;}
#p3 { font-weight:bold; padding-top:5px}
#p4 { font-size:11px}
#north { width:90px; float:left; margin-top:15px; margin-right:8px}
#north ul { width:90px; float:left; padding-top:5px}
#north li { width:90px; float:left; list-style:none;}
#north li a { font-size:12px; color:#990000; text-decoration:none}
#north li a:hover { font-size:12px; color:#990000; text-decoration:underline}
#northtit { width:90px; float:left; font-size:13px; font-weight:bold; color:#545454}

.borderyellow {min-width:548px; width:100%; border:#cccc99 1px solid; margin-top:10px; padding-left:10px;float:left;}
.list { float:left}
.list ul {list-style-type:none; float:left; margin-top:8px; list-style-position:outside; margin-left:8px;}
.list li {float:left; background-image:url(./images/bullet.jpg); background-repeat:no-repeat; background-position:2px; width:120px; text-align:left; padding-left:10px;display:inline; height:18px;    }
.detaillist { float:left}
.detaillist ul {list-style-type:none; float:left; list-style-position:outside;}
.detaillist li {float:left; background-image:url(./images/bullet.jpg); background-repeat:no-repeat; background-position:2px; width:100%; text-align:left; padding-left:10px;display:inline; height:18px;    }
.list a {color:#0065bb; font-size:12px; text-decoration:none; cursor:pointer}
.list a:hover {color:#0065bb; font-size:12px; text-decoration:underline; cursor:pointer}

#hotelreview { width:100%; margin-top:25px; text-align:left; float:left}
.titleblack { font-size:13px; font-family:Georgia, "Times New Roman", Times, serif; color:#313131; font-weight:bold}
.righttitle { font-size:13px; font-family:Georgia, "Times New Roman", Times, serif; color:#313131; font-weight:bold;padding-left:10px;padding-top:10px;}
.titlered { font-size:13px; font-family:Georgia, "Times New Roman", Times, serif; ; color:#c61c04; font-weight:bold}
.des { font-size:11px; color:#272626; line-height:15px}
.smallsearch { width:215px; float:right; text-align:right; background:url(./images/hotelsearch.gif) no-repeat; margin-top:10px; padding-right:10px; padding-bottom:3px}
.hotelsearchbox {width:188px; float:left}
.hotelsearchbut {width:27px; float:left}
.input3 {border: 0pt none ;width: 175px; font-size:11px; padding-left:2px; height: 15px; line-height: 16px; margin-bottom:2px; margin-top:2px; margin-left:3px; color:#777}
.input4 {cursor:pointer; border: medium none ; width: 27px; height: 22px; padding-top: 0px; background-color: transparent; color: rgb(255, 255, 255); font-weight: bold;}

.picdiv { width:85px; float:left; text-align:center; margin-right:5px;padding-top:10px;}
.picdiv1 { width:85px; float:left; text-align:center; margin-right:15px;padding-top:10px;}
.picdiv a {color:#0065bb; font-size:11px;}
.picdiv a:hover {color:#0065bb; font-size:11px;}

.desbox_div { width:254px; float:left; text-align:left; padding-right:10px; padding-bottom:10px}
.descont {text-align:left; padding-left:5px;padding-top:5px;font-size:11px;}
.descont a {font-weight:bold;font-size:12px;color:#333333;}

#titlediv_right { width:288px; float:left; font-family:Georgia, "Times New Roman", Times, serif; font-size:13px; color:#333; font-weight:bold; text-align:left; padding-top:8px; padding-left:10px}
#vietnamaz {border:1px solid #CCCC99;float:left;margin-top:17px;width:298px;}
#vietnamaz a {font-size:12px;}
#vietnamaz h2 {font-size:13px; font-family:Georgia, "Times New Roman", Times, serif; color:#313131; font-weight:bold;padding-left:10px;padding-top:10px;}
#vietnamaz_cont { width:278px; float:left; padding-left:10px; text-align:left; padding-top:5px; padding-bottom:10px;}
#vietnamaz_cont a {color:#333333 !important;}
#vietnamaz_cont ul {list-style-type:none; float:left; width:278px; margin-top:8px; list-style-position:outside;}
#vietnamaz_cont li {float:left; background-image:url(./images/bullet.jpg); background-repeat:no-repeat; background-position:2px 7px; width:120px; text-align:left; padding-left:12px;display:inline; }

.all_quesdiv { width:288px; float:left; text-align:right; padding:10px;}
.all_ques {font-size:11px; color:#c61c04 !important; text-decoration:none}
.all_ques:hover {font-size:11px; color:#c61c04; text-decoration:underline}
.recent{}
.recent ul {list-style-type:none; float:left; margin-top:8px; list-style-position:outside; margin-left:8px;}
.recent li {float:left; background-image:url(./images/bullet.jpg); background-repeat:no-repeat; background-position:2px 10px;padding-top:2px;padding-bottom:2px; padding-left:10px; width:260px; }
.recent a {color:#0065bb; font-size:12px; text-decoration:none; cursor:pointer}
.recent a:hover {color:#0065bb; font-size:12px; text-decoration:underline; cursor:pointer}

.survey_1 {  text-align:left; padding-left:10px; padding-top:10px; padding-bottom:10px;}
#tPollVoteAnswers {width:278px; text-align:left; padding-left:10px}
#tPollVoteAnswers ul {width:278px;  text-align:left; list-style:none; line-height:14px}
#tPollVoteAnswers li {width:278px; f text-align:left; padding-top:5px; font-size:11px; color:#333}
.radio { width:20px;  padding-right:10px}
.submitdiv { width:288px; text-align:left; margin-top:10px; padding-left:10px; padding-bottom:10px;}
.input_survey {cursor:pointer; border: medium none ; width: 75px; height: 15px; padding-top: 0px; background-color: transparent; color:#000; font-weight: bold;font-size:11px;}
.resultsdiv {padding-left:10px; font-size:11px; text-align:left; float:left; line-height:14px}
.results {font-size:11px; text-decoration:none; color:#333}
.results:hover {font-size:11px; text-decoration:underline; color:#333}
#detail{}
.hoteltitle {white-space: nowrap; text-align:left; font-size:18px; border-bottom:#CCCCCC 1px dotted; margin-top:15px;color:#333333;font-family:Georgia,"Times New Roman",Times,serif; }
.hoteltitle h1{float:left;width:480px;font-weight:normal;color:#333333;font-family:Georgia,"Times New Roman",Times,serif;padding-top:5px;}
.title {text-align:left; font-size:18px;  margin-top:15px;color:#333333;font-family:Georgia,"Times New Roman",Times,serif; }
.title h1{clear:both; float:left;width:540px;font-weight:normal;color:#333333;font-family:Georgia,"Times New Roman",Times,serif;padding-top:5px;border-bottom:#CCCCCC 1px dotted;padding-bottom:5px;}
#detail .infor{margin-top:15px;width:440px;float:left;}
#detail .hotelinfor{margin-top:15px;width:540px;float:left;}
#detail .pic{border:1px solid #CCCC99;margin-top:15px;width:153px;float:right;}
#detail p{margin-top:5px;margin-bottom:10px;line-height:160%;}
.error {color:red;}
.commenttab {border-top:#cbcbcb 1px solid; background-color:#efefef; padding:5px}
.comment_title {text-align:left; padding-left:5px; font-size:13px; font-weight:bold}
.comment_detail {text-align:left; padding-top:10px;}
.info { font-size:11px; padding-top:10px; color:#666}

/*===Hotel Review === */
#writediv { width:630px; float:left; margin-top:20px;}
.review {}
.review1 {}
.review1 td { text-align:center;}
.review1 .tdtitle {text-align:left;  width:170px; float:left; padding-right:10px; padding-top:2px;font-weight:bold;}
.review .tdtitle { width:170px; float:left; padding-right:10px; padding-top:2px;font-weight:bold;}
.review .tdinput {width:450px;}
.review .smallinput {width:18%}
.wdiv { width:630px; float:left; text-align:left; padding-bottom:5px}
.tdtitle { width:170px; float:left; padding-right:10px; padding-top:2px}
.winput {  float:left}
.winput2 { width:430px; float:left; text-align:right}
.winput a { color:#0000FF; text-decoration:underline}
.input7 { width: 400px; height:18px;}
.select1 {width: 402px; height:20px; color:#666}
#table { width:620px; float:left; text-align:left; padding-bottom:5px}
#writediv2 { width:630px; float:left; text-align:left; margin-top:20px; border-top:#feb33f 1px solid; padding-top:15px}
#captcha { width:200px; float:left}
#captchatext { width:280px; float:left; text-align:left; padding-left:20px; line-height:18px; margin-top:20px}
.input8 { width: 280px; height:18px; margin-top:10px}
.textarea { width: 580px; height: 100px; line-height: 16px; margin-bottom:2px; margin-top:10px; color:#000; font-size:12px}
#p6 { width:470px; float:left; text-align:left}
.characters { width:100; float:left; text-align:right}
.select2 {width: 100px; height:20px; color:#666; margin-right:10px}
.select3 {width: 90px; height:20px; color:#666}
.select4 {width: 200px; height:20px; color:#666}

#visitorsrating { width:630px; float:left}
#visitdiv { width:630px;}
.visittab { width:630px; height:20px; float:left; border-top:#cbcbcb 1px solid; background-color:#efefef; margin-top:20px; padding-top:5px}
.visit_tit { width:410px; float:left; text-align:left; padding-left:10px; font-size:13px; font-weight:bold}
.visit_rat { width:210px; float:left; text-align:left; font-size:11px; font-weight:bold}
.visit_img { padding-left:10px}
.visit_desdiv { width:430px; float:left; text-align:left; padding-top:10px}
.text_des { padding-left:5px; padding-right:5px; line-height:16px}
.info { font-size:11px; padding-top:10px; color:#666}
.info a { font-size:11px; color:#0047a8; text-decoration:none}
.info a:hover { color:#0047a8; text-decoration:underline}
.visit_rating { width:178px; float:left; border-left:#d9d9d9 2px solid; margin-top:10px; padding-left:10px; margin-left:10px; padding-top:3px; padding-bottom:3px}
.ratingbox { width:178px; float:left; padding-bottom:2px}
.ratingbox_tit { width:88px; float:left; text-align:left; font-size:11px}
.ratingbox_img { width:90px; float:left; text-align:left; padding-top:5px}
/*===/Hotel Review end=== */

#askdiv { width:620px;padding-left:10px;}
#akstit { width:118px; height:22px; float:left; background-color:#cccccc; font-weight:bold ; line-height:20px}
#akstit2 { width:482px; float:left; text-align:left; padding-left:20px; line-height:20px; font-weight:bold}
#akstit2 a { font-weight:bold; color:#000; text-decoration:none}
#akstit2 a:hover { font-weight:bold; color:#000; text-decoration:underline}
#entertextdiv {width:618px; border:#cccc99 1px solid; float:left; padding-left:10px; padding-bottom:10px}
.entertext {width:601px; float:left; height:40px; border:#e5e5e5 1px solid; float:left; text-align:left; margin-top:10px; padding-left:5px; background-color:#f9f9f9; color:#b0b0b0; padding-top:5px}
.entertext2 {width:601px; float:left; float:left; text-align:left;}
#asksubmit { width:80px; height:24px; float:left; background-color:#ccc; margin-top:5px }
#asksubmit2 { width:500px; float:left; text-align:left; padding-top:10px; padding-left:10px; color:#777777; font-size:11px;}
#asksubmit2 a { color:#777777; font-size:11px; text-decoration:none}
#asksubmit2 a:hover { color:#777777; font-size:11px; text-decoration:underline}
.inputask {cursor:pointer; border: medium none ; width:79px; height: 24px; background-color: transparent; color:#000;}

#categorydiv { width:135px; float:left; margin-top:33px; padding-right:10px}
#cate_tit { width:135px; float:left; text-align:left; font-weight:bold; color:#333; border-bottom:#777777 1px dotted; padding-bottom:3px}
#cate_list { width:135px; float:left; text-align:left; padding-top:5px; padding-bottom:10px}
#cate_list ul {list-style-type:none; float:left; width:135px; margin-top:8px; list-style-position:outside;}
#cate_list li {float:left; background-image:url(../images/bullet.jpg); background-repeat:no-repeat; background-position:2px; width:90px; text-align:left; padding-left:12px;display:inline; height:20px}
#cate_list a {color:#333; font-size:12px; text-decoration:none; cursor:pointer}
#cate_list a:hover {color:#333; font-size:12px; text-decoration:underline; cursor:pointer}

#cate_list2 {}
#cate_list2 ul {list-style-type:none; float:left; margin-top:8px; list-style-position:outside;}
#cate_list2 li {float:left; background-image:url(./images/bullet.jpg); background-repeat:no-repeat; background-position:2px 30%; width:130px; text-align:left; padding-left:12px;display:inline; height:20px}
#cate_list2 a {color:#333; font-size:12px; text-decoration:none; cursor:pointer}
#cate_list2 a:hover {color:#333; font-size:12px; text-decoration:underline; cursor:pointer}

#recentdiv { width:485px; float:left; margin-top:20px}
#recentnav { width:485px; float:left; font-size:13px; font-weight:bold; border-bottom: 1px #d2d2d2 solid}
#readerall {width:474px; float:left; border-left:#CCCCCC 1px solid; border-bottom:#CCCCCC 1px solid; border-right:#CCCCCC 1px solid; padding-top:10px; padding-bottom:10px; padding-left:9px}
#readerall2 {width:618px; float:left; border-left:#CCCCCC 1px solid; border-bottom:#CCCCCC 1px solid; border-right:#CCCCCC 1px solid; padding-top:10px; padding-bottom:10px; padding-left:9px}
#recentdiv { width:485px; float:left; margin-top:20px}
#recentnav { width:485px; float:left; font-size:13px; font-weight:bold; border-bottom: 1px #d2d2d2 solid}
#readerall {width:474px; float:left; border-left:#CCCCCC 1px solid; border-bottom:#CCCCCC 1px solid; border-right:#CCCCCC 1px solid; padding-top:10px; padding-bottom:10px; padding-left:9px}
#readerall2 {width:618px; float:left; border-left:#CCCCCC 1px solid; border-bottom:#CCCCCC 1px solid; border-right:#CCCCCC 1px solid; padding-top:10px; padding-bottom:10px; padding-left:9px}
.recentbox {float:left; padding-left:10px; padding-right:10px; padding-top:10px; border-bottom:#ccc 1px solid; padding-bottom:10px;}
.recentbox1 {padding:10px; border-bottom:#ccc 1px solid; width:450px;}
.avar { width:48px; height:48px; float:left; border:#CCCCCC 1px solid; cursor:pointer; margin-right:10px}
.recent_cont { width:385px; float:left; text-align:left}
.recent_cont_ques a { width:385px; float:left; color:#950003; padding-bottom:4px; text-decoration:none}
.recent_cont_ques a:hover {color:#950003; text-decoration:underline}
.ques_title {color:#950003; }
.recent_cont_ans {padding-bottom:4px}
.recent_cont_by {color:#777; font-size:11px}
.recent_cont_by a { color:#0036d2; font-size:11px; text-decoration:none}
.recent_cont_by a:hover { color:#0036d2; font-size:11px; text-decoration:underline}

#signupdiv2 { width:218px; float:left; margin-top:10px}
.signtit2 { width:195px; float:left; text-align:left; padding-left:10px; line-height:18px; padding-top:5px}
.signbox2 { width:195px; float:left; text-align:left; padding-left:10px}
.input92 { width: 420px; height:18px;}
.input102 { width: 195px; height:18px;}

/** === Setting === */
#setting2 { background: no-repeat; background-position: 100% -34px; }
#setting2 ul { list-style-type: none; margin: 0px 0 0 5px; padding-top: 5px; margin-left:15px }
#setting2 li { float: left; height: 25px; line-height: 24px; margin-right: 5px; padding-left:20px; padding-right:20px }
#setting2 li.active, #setting2 li.inactive { display: block; }
#setting2 li.active, #setting2 li.inactive:hover { background: #fff; border-left:#CCCCCC 1px solid; border-top:#CCCCCC 1px solid; border-right:#CCCCCC 1px solid;}
#setting2 li.active div, #setting2 li.inactive:hover div { background: no-repeat; background-position: 100% -29px; }
#setting2 li div { padding: 0px 5px 0px 5px; }

.title_name {color:#950003 !important;font-size:12px; font-weight:bold; padding-bottom:5px; text-decoration:none}
.title_name:hover {	color:#333; font-size:12px; font-weight:bold; padding-bottom:5px; text-decoration:underline}
#recentdiv2 { width:100%;margin-top:20px}
#recentnav3 { width:629px; float:left; font-size:13px; font-weight:bold; border-bottom: 1px #d2d2d2 solid}
#recentnav4 { width:100%; font-size:13px; font-weight:bold;}
#readerall3{width:100%; border:#CCCCCC 1px solid;padding-top:10px; padding-bottom:10px;}
.recentbox2{width:600px;padding:5px;border-bottom:#ccc 1px solid;margin:5px;}
#crumb {width:550px; text-align:left; font-size:11px; float:left; color:#333; margin-top:7px}
.crumb_link {font-size:11px; color:#555 !important; text-decoration:none;}
.crumb_link:hover {font-size:11px; color:#555; text-decoration:underline}
.crumbsub {font-size:11px; color:#666; padding-left:3px; padding-right:3px}
#menugrali { width:870px; height:6px; background:url(./images/menugrali.jpg) repeat-x; margin-top:1px;}
.boderpic {border:#dddddd 1px solid; padding:3px;width:85px;}
.detailpic {border:1px solid #CCCC99;height:100px;margin-right:8px;margin-top:2px;float:right;padding:3px;margin-left:10px;}
/*
Don't forget add fix for IE 6:
<!--[if lt IE 7]>
<style media="screen" type="text/css">
#t_g_body_wrapper {
	height: 100%;
}
</style>
<![endif]-->
*/

/** Top Search */
#t_g_top_search { float: right; width: 188px; height: 22px; background:url(images/top_search.jpg) left no-repeat; bottom: 0px; }
#t_g_top_search_keyword { margin-top: 0px; border: none; height: 15px; width: 158px; font-size: 11px; color: #888888; padding-top:3px; margin-left:5px }
#t_g_search_button { border: none; cursor:pointer; height: 22px; width: 20px; background-color: transparent; }

/** Breadcump */


.t_g_line { position: relative; margin-bottom: 15px; }
.t_g_line div { border-bottom: 1px solid #646464; height: 1px; overflow: hidden; padding-top: 12px; }
.t_g_line h2 { position: absolute; top: 0; margin: 0; height: 28px; line-height: 28px; font-size: 14px; background-color: #FFF; padding-right: 5px; }

.t_g_pager { padding: 6px; height: 30px; /*position: absolute; right: 0;*/ }
.t_g_pager b { background-color: #D8D8D8; padding: 5px; width: 25px; height: 25px; }

/** Box */
hr.t_g_dot { background: url(images/dot_small.jpg) repeat-x; border: none; height: 1px; line-height: 1px; }
.t_g_box { border: 1px solid #CCCC99; }
/** Effects */
.t_g_loading { margin: 0 auto; text-align: center; background: url(images/loading.gif) center no-repeat; padding-left: 10px; height: 20px; line-height: 20px; }

/** Buttons */
a.t_g_button, a.t_g_button:visited { color: #FFF; background: #646464; padding: 5px 10px; }

span.t_button_1 { width: 90px; height: 26px; line-height: 26px; text-align: center;}
span.t_button_1 a { background: url(images/button_1.jpg) no-repeat; color: #FFF; display: block; width: 90px; height: 26px; }
span.t_button_2 { width: 92px; height: 26px; text-align: center; }
span.t_button_2 a { background: url(images/button_2.jpg) no-repeat; color: #333; display: block; height: 26px; line-height: 26px; }
span.t_button_3 { width: 90px; height: 26px; text-align: center; }
span.t_button_3 a { width: 90px; background: url(images/button_3.jpg) no-repeat; color: #333; display: block; height: 26px; line-height: 26px; }

/** Cycle slider */
.t_cycle_slider { padding-top: 5px; }
.t_cycle_slider span a { /*margin: 0; padding: 0;*/ width: 10px; height: 10px; float: left; font-size: 0; }
.t_cycle_slider_nav span a { background: url(images/slider_sprite.png) no-repeat -10px -20px; line-height:0; }
.t_cycle_slider_nav span a.activeSlide { background-position:0 -20px;  }
span a.t_cycle_slider_prev { background: url(images/slider_sprite.png) no-repeat 0px -10px; }
span a.t_cycle_slider_next { background: url(images/slider_sprite.png) no-repeat 0px 0px; }

/* ========== Custome ======================================================= */
 
/* ========== Widgets ======================================================= */

/** Widget ad/zone */
.t_ad_zone { margin-bottom: 2px; }

/** Widget comment/comment */ 
.t_comment_comment ul { margin-top: 10px; }
.t_comment_comment li { margin-bottom: 15px; }
.t_comment_comment blockquote { border: 1px solid #C9C2C1; background-color: #fff; }
.t_comment_comment blockquote p { margin: 10px; padding: 0px; }
.t_comment_comment cite { position: relative; margin: 0px; padding: 8px 0px 0px 15px; top: 5px; background: transparent url(images/comment_bubble.gif) no-repeat 20px 0; } 

/** Widget menu/superfish */
.sf-menu, .sf-menu * { margin: 0; padding: 0; list-style: none; z-index: 9; }
.sf-menu { line-height: 1.0; }
.sf-menu ul { position:	absolute; top: -999em; width: 10em; /* left offset of submenus need to match (see below) */ }
.sf-menu ul li { width:	100%; }
.sf-menu li:hover { visibility:	inherit; /* fixes IE7 'sticky bug' */ }
.sf-menu li { float: left; position: relative; }
.sf-menu a { display: block; position: relative; }
.sf-menu li:hover ul, .sf-menu li.sfHover ul { left: 0; top: 2.5em; /* match top ul list item height */z-index: 99; }
ul.sf-menu li:hover li ul, ul.sf-menu li.sfHover li ul { top: -999em; }
ul.sf-menu li li:hover ul, ul.sf-menu li li.sfHover ul { left: 10em; /* match ul width */ top: 0; }
ul.sf-menu li li:hover li ul, ul.sf-menu li li.sfHover li ul { top:	-999em; }
ul.sf-menu li li li:hover ul, ul.sf-menu li li li.sfHover ul { left: 10em; /* match ul width */ top: 0; }

/*** arrows **/
.sf-menu a.sf-with-ul { padding-right: 2.25em; min-width: 1px; /* trigger IE7 hasLayout so spans position accurately */ }
.sf-sub-indicator { position: absolute; display: block; right: .75em; top: 1.05em; /* IE6 only */ width: 10px; height: 10px; text-indent: -999em; overflow: hidden; background:	url(images/superfish_arrows.png) no-repeat -10px -100px; /* 8-bit indexed alpha png. IE6 gets solid image only */ }
a > .sf-sub-indicator { /* give all except IE6 the correct values */ top: .8em; background-position: 0 -100px; /* use translucent arrow for modern browsers*/ }
/* apply hovers to modern browsers */
a:focus > .sf-sub-indicator, a:hover > .sf-sub-indicator, a:active > .sf-sub-indicator, li:hover > a > .sf-sub-indicator, li.sfHover > a > .sf-sub-indicator { background-position: -10px -100px; /* arrow hovers for modern browsers*/ }

/* point right for anchors in subs */
.sf-menu ul .sf-sub-indicator { background-position: -10px 0; }
.sf-menu ul a > .sf-sub-indicator { background-position: 0 0; }
/* apply hovers to modern browsers */
.sf-menu ul a:focus > .sf-sub-indicator, .sf-menu ul a:hover > .sf-sub-indicator, .sf-menu ul a:active > .sf-sub-indicator, .sf-menu ul li:hover > a > .sf-sub-indicator, .sf-menu ul li.sfHover > a > .sf-sub-indicator { background-position: -10px 0; /* arrow hovers for modern browsers*/ }

/*** shadows for all but IE6 ***/
.sf-shadow ul { background:	url(images/superfish_shadow.png) no-repeat bottom right; padding: 0 8px 9px 0; -moz-border-radius-bottomleft: 17px; -moz-border-radius-topright: 17px; -webkit-border-top-right-radius: 17px; -webkit-border-bottom-left-radius: 17px; }
.sf-shadow ul.sf-shadow-off { background: transparent; }

/*** adding sf-vertical in addition to sf-menu creates a vertical menu ***/
.sf-vertical, .sf-vertical li { width: 140px; }
/* this lacks ul at the start of the selector, so the styles from the main CSS file override it where needed */
.sf-vertical li:hover ul, .sf-vertical li.sfHover ul { left: 140px; /* match ul width */ top: 0; }

/*** alter arrow directions ***/
.sf-vertical .sf-sub-indicator { background-position: -10px 0; } /* IE6 gets solid image only */
.sf-vertical a > .sf-sub-indicator { background-position: 0 0; } /* use translucent arrow for modern browsers*/

/* hover arrow direction for modern browsers*/
.sf-vertical a:focus > .sf-sub-indicator, .sf-vertical a:hover > .sf-sub-indicator, .sf-vertical a:active > .sf-sub-indicator, .sf-vertical li:hover > a > .sf-sub-indicator, .sf-vertical li.sfHover > a > .sf-sub-indicator { background-position: -10px 0; /* arrow hovers for modern browsers*/ }

/** Widget menu/default */
.t_g_menu { height: 22px; background-color: #669933; list-style-type: none; margin: 0; padding: 3px 0 3px 5px; }
.t_g_menu li { list-style-type: none; margin: 0; padding: 0 5px 0 5px; float: left; color: #5a5a5a; font-size: 13px; }
.t_g_menu li a, #t_g_menu li a:visited { text-decoration: none; font-weight: bold; color: #fff; font-size: 13px; }
.t_g_menu li a:hover { text-decoration: none; font-weight: bold; color: #fff; font-size: 13px; }

/** Widget multimeida/player */
#t_multimeida_player_list { height: 200px; overflow: auto; margin-top: 5px; }
#t_multimeida_player_list tr { background: url(images/dot_1.jpg) bottom left repeat-x; }
#t_multimeida_player_list td { width: 140px; padding-top: 5px; padding-bottom: 5px; }
#t_multimeida_player_list td img { float: left; margin-right: 5px; border: 1px solid #CCC; }

/** 
 * multimeida/slideshow
 * @since 2.0.0
 */
.t_multimedia_slideshow { margin-bottom: 10px; }
.t_multimedia_slideshow .t_multimedia_slideshow_container { margin: 0 auto; width: 600px; height: 450px; position: relative; }
.t_multimedia_slideshow .t_multimedia_slideshow_container { list-style-type: none; }
.t_multimedia_slideshow .t_multimedia_slideshow_container li { width: 600px; height: 450px; }
.t_multimedia_slideshow .t_multimedia_slideshow_container li img { border: 0px; width: 600px; height: 450px; z-index: 1; }
.t_multimedia_slideshow .t_multimedia_slideshow_container li div { filter: alpha(opacity = 50); position: absolute; height: 50px; bottom: 0; opacity: 0.7; background-color: #000; display: block; color: #FFFFFF; z-index: 200; left: 0; width: 100%; }
.t_multimedia_slideshow .t_multimedia_slideshow_container li h3 { font-size: 14px; padding: 5px; }
.t_multimedia_slideshow .t_multimedia_slideshow_nav { height: 30px; margin: 0px; padding: 0px; display: block; position: relative; }
.t_multimedia_slideshow .t_multimedia_slideshow_nav div { position: absolute; top: 0px; margin: 0 auto; }
.t_multimedia_slideshow .t_multimedia_slideshow_nav div { margin: 0 auto; width: 600px; }
.t_multimedia_slideshow .t_multimedia_slideshow_nav span { list-style: none; float: left; padding: 5px; margin: 0 auto; }
.t_multimedia_slideshow .t_multimedia_slideshow_nav span a { display: block; cursor: pointer; background: url(images/multimedia_slideshow_circle.jpg) no-repeat; width: 27px; height: 27px; line-height: 27px; text-align: center; text-decoration: none; font-weight: bold; color: #000; }
.t_multimedia_slideshow .t_multimedia_slideshow_nav span a:hover, .t_multimedia_slideshow_nav li a:active, .t_multimedia_slideshow_nav li a:visited, .t_multimedia_slideshow_nav li a:link { color: #000; }
.t_multimedia_slideshow .t_multimedia_slideshow_nav span a.activeSlide { color: #FFF; display: block; cursor: pointer; background: url(images/multimedia_slideshow_active.jpg) no-repeat; width: 27px; height: 27px; }

/** Widget poll/vote */
.t_poll_vote ul li.t_button1 { background: url(images/button_1.jpg) no-repeat; width: 80px; height: 26px; line-height: 26px; display: block; float: left; text-align: center; }
.t_poll_vote ul li.t_button2 { background: url(images/button_2.jpg) no-repeat; width: 92px; height: 26px; line-height: 26px; display: block; float: left; text-align: center; }
.t_poll_vote_result { background: #CCC; height: 20px; }
.t_poll_vote_result div { background: #646464; height: 20px; }

/** Widget utility/feed */
.t_utility_feed { list-style-type: none; margin: 5px; }
.t_utility_feed li span { color: #999; }

/** Widget utility/socialshare */
.t_utility_socialshare { float: right; text-align: right; margin: 0; padding: 0; }
.t_utility_socialshare li { list-style-type: none; float: left; margin-left: 5px; width: 24px; height: 24px; line-height: 24px; }
.t_utility_socialshare li a { width: 24px; height: 24px; text-align: left; text-indent: -9999em; outline: none; display: inline; float: left; }
.t_utility_socialshare li.twitter { background: url(images/twitter_24.png) top left no-repeat; }
.t_utility_socialshare li.facebook { background: url(images/facebook_24.png) top left no-repeat; }
.t_utility_socialshare li.technorati { background: url(images/technorati_24.png) top left no-repeat; }
.t_utility_socialshare li.delicious { background: url(images/delicious_24.png) top left no-repeat; }
.t_utility_socialshare li.stumbleupon { background: url(images/stumbleupon_24.png) top left no-repeat; }

/** Widget utility/twitterupdate */
.t_utility_twitterupdate { margin-bottom: 10px; }
.t_utility_twitterupdate h2 { margin: 0; height: 20px; line-height: 20px; font-size: 16px; border-bottom: 1px solid #666; }
.t_utility_twitterupdate li { list-style-type: none; padding: 5px; }
.t_utility_twitterupdate li span { color: #999; }

#t_g_footer { margin: 10px; padding-bottom: 10px;position:relative;font-size:11px;margin-bottom:0px; }
#t_g_footer_1 { padding: 10px 20px 10px 20px; background-color: #669933; color: #000;}
#t_g_footer_1 ul { padding: 10px 0 0; }
#t_g_footer_1 ul li { color: #fff; float: left; width: 175px; padding-right: 30px; }
#t_g_footer_1 ul li a, #t_g_footer_1 ul li a:visited { color: #fff; font-weight: bold; }
#t_g_footer_1 ul li a:hover {}

#t_g_footer #t_g_footer_2 { margin-top: 5px; background: url(images/footer_2_bg.jpg) top repeat-x; text-align: center; }
#t_g_footer_menu { text-align: center; }
#t_g_footer_menu ul { width: 650px; margin: 0 auto; padding: 10px 0 0; }
#t_g_footer_menu li { list-style-type: none; margin: 0; padding: 0 5px 0 5px; float: left; color: #000; }
#t_g_footer_menu li a, #t_g_footer_menu li a:visited { text-decoration: none; color: #000; }
#t_g_footer_menu li a:hover { text-decoration: none; color: #000; }
.t_g_adv_footer { text-align: center; }

#hotelnamediv { width:628px; float:left; margin-top:20px; border:#c6c6c6 1px solid; padding-bottom:10px}
#hotelnametab { width:628px; height:28px; float:left; background:url(./images/hotelnametab.png) repeat-x; }
#hotelname_tit { width:290px; float:left; text-align:left; font-weight:bold; padding-left:10px; padding-top:6px}
#hotelname_star { width:160px; float:left; text-align:left; font-weight:bold; padding-top:6px}
#hotelname_opinion { width:168px; float:left; text-align:left; font-weight:bold; padding-top:6px}
#hotelrow1 { width:628px; float:left; padding-top:10px; padding-bottom:10px}
.hotelrow1_tit { width:290px; float:left; text-align:left; font-weight:bold; padding-left:10px;}
.hotelrow1_tit a { color:#222; text-decoration:none}
.hotelrow1_tit a:hover { color:#222; text-decoration:underline}
.hotelrow1_add { font-size:11px; font-weight:normal; color:#777}
.hotelrow1_star { width:160px; float:left; text-align:left; padding-top:7px}
.hotelrow1_opinion { width:168px; float:left; text-align:left; padding-top:10px}
#hotelrow2 { width:628px; float:left; padding-top:10px; padding-bottom:10px; background-color:#f0f0f0}

#menu_hotel { width:550px; height:10px; padding-top:3px;padding-bottom:10px;}
#menu_hotel ul {width:550px; display: block; padding-bottom:5px }
#menu_hotel ul li { display: block; list-style: none; float: left; }
#menu_hotel ul li.active, #menu_hotel ul li.active a:hover {color: #000;  }
#menu_hotel ul li.active a { color: #c92100 }
#menu_hotel ul li a { display: block; padding-left:5px; padding-right:5px; float: left; text-align: center; font-weight: bold; font-size:11px; color: #c92100; text-decoration: none }
#menu_hotel ul li a:hover { color: #333 }
.menu_hotel_bul { color:#000; padding-right:3px}
#searchhotel { width:581px; height:33px; float:left; background:url(./images/searchhotel.gif) no-repeat; background-position:50px; margin-top:15px; padding-left:50px}
.inputsea_hotel {border: 0pt none ;width: 406px; font-size:11px; padding-left:5px; height: 20px; line-height: 18px; margin-bottom:2px; margin-top:8px; margin-left:5px; color:#777}
.inputsea_hotel2 {cursor:pointer; border: medium none ; width:79px; height: 27px; padding-top: 3px; padding-left:3px; background-color: transparent; color: rgb(255, 255, 255); font-weight: bold;}
.titleblack {color:#313131;font-family:Georgia,"Times New Roman",Times,serif;font-size:13px;font-weight:bold;}
.detailtable  {
border:1px solid #EFEFEF;
border-collapse:collapse;
margin:20px 0 0;
padding:15px 15px 15px 10px;
width:100%;
}
.detailtable td {
border:1px solid #EFEFEF;
border-spacing:0;
padding:5px;
text-align:left;
}
.detailtable1 {
border:1px solid #EFEFEF;
border-collapse:collapse;
margin:20px 0 0;
padding:15px 15px 15px 10px;
width:100%;
}
.detailtable1 td {
border:1px solid #EFEFEF;
border-spacing:0;
padding:3px;
text-align:center;
}
.sheet {width:180px;border-collapse: collapse;border-spacing: 0px;padding:0px;margin:0px;border-left:1px solid #EFEFEF; border-right: 1px solid #EFEFEF;font-size:11px;} 
.sheet th {	text-align:left;vertical-align:bottom;border-collapse: collapse;border-spacing: 0px;padding:3px;margin:0px;color: #666666;background:#F0F0E6 none repeat scroll 0 0;text-align:center;}
.sheet td {text-align:center;width:33%;}
.flightpedia {width:100%;border-collapse: collapse;border-spacing: 0px;padding:0px;margin:0px;border-left:1px solid #EFEFEF; border-right: 1px solid #EFEFEF;} 
.flightpedia th {	text-align:left;vertical-align:bottom;border-collapse: collapse;border-spacing: 0px;padding:3px;margin:0px;color: #666666;background:#F0F0E6 none repeat scroll 0 0;}
.time  {	width:120px;}
.price  {width:120px;}
.flightpedia td.noborder {border: 0px;}
.flightpedia td {	vertical-align:center;text-align:left;border-bottom:1px solid #EFEFEF; border-top:1px solid #EFEFEF;border-collapse: collapse;border-spacing: 0px;padding:5px;margin:0px;}
.flightpedia td a {font-size: 12px;text-decoration:none;}	
 .stepBullet {
	background-color:#669933;
	color:#FFFFFF;
	float:left;
	font-weight:bold;
	height:15px;
	padding-bottom:0;
	text-align:center;
	width:15px;
	margin-right:10px;
}
.contentresults {
color:#003366;
font-size:1.2em;
font-weight:bold;
}
.restaurant {padding-top:5px;}
.restaurant li {line-height:20px;}
.ads {text-align:center;}