﻿
/* SEASIDE HUT - STYLE SHEET*/
/*Structor*/
.clear{ clear:both}
body{margin:0px; padding:0px; background-image:url('/app_themes/default/images/bg_body.gif'); background-repeat:repeat-x}
#wrapper{margin:0px auto; padding:0px ; width:951px; background-color:#ffffff}
#logoTop{margin:0px; padding:0px; width:951px; height:92px; }
#logoTop span div img{margin:0px; padding:0px; width:951px; height:92px; }

#menuTop{ vertical-align:middle ;margin:0px 0px 1px 0px; padding:0px ;width:951px; height:35px; background-color:#d0cecc}
#ContainerBannerTop{margin:0px 0px 1px 0px; padding:0px; width:951px;}
.NarBarLeftHolder{ position:relative; margin:0px 1px 0px 0px; padding:0px; width:226px; height:303px; float:left; background-image:url('/app_themes/default/images/bg_MenuLeft.gif'); background-repeat:repeat-y}
.BannerHome{margin:0px; padding:0px; width:723px; height:303px; float:left; }
.BannerHome span div img{margin:0px; padding:0px; width:723px; height:303px;  }
#NavBarBottom{ margin:0px auto; padding:0px;width:950px;height:22px}
#MainContentHolder{}
.MenuPhoTo{ margin:10px 0px 0px 0px; padding:0px; width:225px; float:left;background-image : url('/app_themes/default/images/bg_MenuLeft.gif'); background-repeat:repeat-y}
/*Footer*/
#Footer { position:relative ;color:#ffffff;width:951px  ; font-size:8pt; font-family: arial,tahoma,verdana;margin-bottom:17px ;padding:0; height:23px ; background-image:url('/app_themes/default/images/bg_Footer.gif'); background-repeat:no-repeat }
#Footer span{  position:absolute; top:5px; left:254px}
#Footer a{ text-decoration:none; }
#Footer .LinkToBooknow{position:absolute; text-align:right;top:5px; left:0px; width:220px; font-weight:bold }
#Footer a{ color:#ffffff}
#Footer a:link{ color:#ffffff;text-decoration:none}
#Footer a:hover{ color:#ffffff;text-decoration:none}


/*Footer Default*/
#Footer1 {color:#9b9b9b;width:951px; text-align:center ; font-size:8pt; font-family: arial,tahoma,verdana;margin-bottom:25px; margin-top:30px ;padding:0; height:23px ; }
#Footer1 a{ text-decoration:none; }


#Footer1 a:link {color:#746e6b; text-decoration:none}
#Footer1 a:hover {color:#746e6b; text-decoration:underline;}
/*Structor*/


/*Default.master */
.hotsnews { margin:0px 35px 0px 0px; padding:0px; float:right; width:565px;  overflow:hidden}
.hotsnews h5 { padding:0px ;margin:0px; }
.hotsnews h5 img{ padding:17px 0px; width:117px ; height:90px}
.hotsnews h6 { padding:0px ;margin:5px 13px 0px 13px; width:2px;  height:110px  }

.hotcontent { color:#333333; font-size:8pt; font-family: arial,tahoma,verdana;}

.hometop { margin:0px; padding:15px;font-size:8pt; font-family: arial,tahoma,verdana;  white-space:normal; line-height:22px; text-align:justify;}
.hometop h1 { margin:0px; padding:0px 0px 10px 0px; font-size:15pt ;font-weight:normal ; border-bottom:1px solid #edeceb }
.hometop h1 a { color:#227cd7;text-decoration:none; }
.hometop h1 a:hover{ text-decoration:none;}
.hometop h2 { margin:0px; padding:10px 0px 4px 0px; font-size:8pt;  line-height:normal ;text-align:left ; font-family: arial,tahoma,verdana;font-weight:normal; color:#4f4f4f;}

/* Detail.master */
#ContainerDetail{ margin:0px; padding:0px; width:951px}
.PhotoLeftDetail{ margin:0xp; padding:0px; width:226px;  float:left;background : url('/app_themes/default/images/bg_bannerLeft.gif') top left repeat-x;}
.PhotoLeftDetail span div img{ margin:0px 0px 0px 8px; }
.TitleBannerLeft { margin:8px 0px 8px 8px; padding:0px; color:#a6a6a6; font-family:Arial, Tahoma, Verdana; font-size:8pt}
#ContentDetail{ margin:0xp; padding:0px 1px 0px 1px; width:723px; float:right;}
.NavBarBottomDetail{ margin:0px; margin-bottom:8px; padding:0px; width:723px; height:22px; }
.MainContentHolderDetail{ margin:0px; padding:0px ; width:723px; }

/* Navigation bar */
.canhcam-mainmenu {padding:0px; margin:0px 0px 0px 0px; }

.TopMenuGroup{padding:0px; margin:13px 0px 0px 0px; float:right; }
.TopMenuItem {padding:0px;margin:0px;height:11px ;font-size:8pt; color:#848484; white-space:nowrap; font-weight:bold; font-family: arial,tahoma,verdana; cursor:default;  }
.TopMenuItemHover { color:#4175aa; font-size:8pt; white-space:nowrap;  font-weight:bold;  font-family: arial,tahoma,verdana; cursor:pointer; padding:0px; margin:0px;}
.TopItemLookActive { color:#4175aa; font-size:8pt; white-space:nowrap; font-weight:bold; font-family: arial,tahoma,verdana; cursor:pointer; }
.TopItemLookActiveHover { color:#ffffff; font-size:8pt; white-space:nowrap; font-weight:bold; font-family: arial,tahoma,verdana; cursor:pointer; }

.MenuGroup {cursor:default; margin-top:9px; background-color:#3b8fe3}
.MenuItem {  margin:0px ;background-color:#3b8fe3; color:#ffffff; font-family:arial,tahoma,verdana; width: 150px; height:23px; font-size:8pt; cursor:default; }
.MenuItemHover {background-color:#297dd2; color: #ffffff; width: 150px; font-family:arial,tahoma,verdana; font-size:8pt; cursor:default; height:23px;}


.leftnavbar { margin:0px; padding:4px 0px 0px 0px}
.leftnavbar .childmenu {  border-bottom:1px solid #2a85e1;padding:3px 0px 3px 25px; margin:0px; font-size:9pt; font-weight:normal; font-family: arial,tahoma,verdana; color:#ffffff; }
.leftnavbar .childmenu a {color:#ffffff; text-decoration:none; }
.leftnavbar .childmenu a:hover {  color:#ffffff; text-decoration:none; }

.leftnavbar .activechildmenu { padding:3px 0px 3px 25px; margin:0px; font-size:9pt; font-weight:normal; font-family: arial,tahoma,verdana;background-color:#5ca2e8; border-bottom:1px solid #2a85e1;}
.leftnavbar .childmenu:hover { padding:4px 0px 4px 25px; margin:0px; font-size:9pt; font-weight:normal; font-family: arial,tahoma,verdana;background-color:#5ca2e8; }
.leftnavbar .activechildmenu a {color:#ffffff; text-decoration:none;}
.leftnavbar .activechildmenu a:hover { color:#ffffff; text-decoration:none;}

.leftnavbar .childmenu1 {padding:3px 0px 3px 20px; margin:0px; font-size:8pt; font-weight:normal; font-family: arial,tahoma,verdana; color:#888888;}
.leftnavbar .childmenu1 a {color:#888888; text-decoration:none; }
.leftnavbar .childmenu1 a:hover {color:#d93c00; text-decoration:none;}

.leftnavbar .activechildmenu1 { padding:4px 0px 4px 20px; margin:0px; font-size:8pt; font-weight:normal; font-family: arial,tahoma,verdana; color:#d93c00;}
.leftnavbar .activechildmenu1 a {color:#d93c00; text-decoration:none;}
.leftnavbar .activechildmenu1 a:hover { color:#d93c00; text-decoration:none;}

.childnavbar h6 { padding:0px; height:1px; margin:0px; overflow:hidden; background-color:#ffffff; }


.bottomnavbar {text-align:right; margin: 0px;}
.bottomnavbar ul {margin:0px; list-style-type:none; padding:0px 0px 0px 0px;}
.bottomnavbar li {margin:0px; list-style-type:none; color:#9ec8f1; display:inline; padding:0px 5px 0px 0px; font-size:8pt; font-weight:normal; font-family: arial,tahoma,verdana;}
.bottomnavbar li a { color:#9ec8f1; text-decoration:none;}
.bottomnavbar li a:hover { color:#9ec8f1; text-decoration:underline;}
/* Navigation bar */

/*BreadCrumb*/
.breadcrumb { padding:5px 0px 4px 28px; margin:0px;  font: 8pt arial,tahoma,verdana;color: #ffffff; background : url('/app_themes/default/images/bg_breadCrumb.gif') top left no-repeat;}
.breadcrumb_left { color:#ffffff; margin:0px;font-weight:bold ; white-space:nowrap; padding:0px; font-size:8pt; font-family: arial,tahoma,verdana; }
.breadcrumb_left a { color:#ffffff; text-decoration:none;}
.breadcrumb_left a:hover { color:#ffffff; text-decoration:none;}

/*Danh sach tin tuc - NewsInZone*/
.inlinecontent { padding:0px 0px 0px 20px;}
.newsinzone { padding:0px; margin-left:20px }
.newsinzone table .zone-item-table{ width:150px;padding:0px;margin-right:15px; }
.newsinzone table tr .CSSdrpNews{ vertical-align:top;  margin:0px; padding:0px 0px 20px 0px;border-bottom:solid 1px #e7e7e7;}
.newsinzone table tr td .titleitem{padding:5px 5px 0px 5px; height:40px}
.newsinzone table tr .image-box{padding:5px 5px 5px 5px; }

.newsinzone table tr {padding:0px; margin:0px}

.zoneitem {padding:0px; margin:0px}
.zoneitem h6 { overflow:hidden; height:1px; padding:0px; margin:3px 0px 3px 0px; }
.zoneitem h5 {font-size:8pt; padding:0px; margin:0px; font-weight:bold; color:#ba0000; font-family: arial,tahoma,verdana}
.zoneitem h5 a { color:#cc0000; text-decoration:none; }
.zoneitem h5 a:hover { color:#2f85ad; text-decoration:underline; }
.zonetime table {padding:0px; margin:0px}
.zonetime table tr{padding:0px; margin:0px}
.zoneitem table tr td {padding:0px; margin:0px; vertical-align:top;}
.titleitem h5{ margin:0px; padding:0px;  color:#358ae1 ;font-size:8pt; font-family:Arial, Tahoma, Verdana}
.titleitem h5 a{ color:#358ae1; text-decoration:none}
.titleitem h5 a:hover{color:#358ae1;text-decoration:none}
.image-box{margin:0px;width:150px; height:95px ; background-color:#ecebed}
.image-box img{margin:0px ; padding:0px; width:150px; height:95px ;vertical-align:top ;}
.content-box{padding:8px 0px 0px 0px ; margin:0px; vertical-align:top; font-size:8pt; color:#4f4f4f; font-family: arial,tahoma,verdana;}
.content-box a{ text-decoration:none; color:#3b8fe3}
.content-box a:link{ text-decoration:none; color:#3b8fe3}
	/*Phan trang - Pager*/
.pager-container{position:relative; height:40px;  margin:8px 30px 0px 0px;}
.pager{top:0px; right:0px;  height:40px; position:absolute; margin:0px; padding:0px}


/* Photo */
.Photo { margin:20px 0px 0px 15px; padding :0px 0px;}
.photoimage { font-size:8pt;font-weight:normal;margin:0px 0px 0px 0px; color:#727272; font-family: arial,tahoma,verdana;}
.showimage img { margin:0px 0px 5px 0px; width:154px; height:97px ;border:solid 1px #e8e8e8; padding:3px; background-color:#ebedeb  }
.phototeaser { font-size:8pt; text-align:left; padding:10px 0px 10px 0px;  color:#666666; font-weight:normal; font-family: arial,tahoma,verdana;}
.photo_sepa { width:12px;}
.phototeaser h5{ font-size:8pt; margin:0px ;text-align:left; padding: 0px; color:#666666; font-weight:normal; font-family: arial,tahoma,verdana;}

.valigntop { vertical-align:top;text-align:center ;  }
/* Photo */


/* Chi tiet tin tuc - NewsContent*/
.newsdetail { padding:0px 10px 20px 30px; margin:20px 0px 0px 0px ; font-family: Arial, Tahoma, Verdana; font-size:8pt; color:#666666}
.newsintopic { padding:10px 0px 0px 0px; margin:0px ; }
.newsintopic ul {margin:0px; padding:0px; list-style-type:none;}
.newsintopic li { margin:0px; list-style-type:none; display:inline; font-weight:bold; padding:0px; color:#003399; font-size:9pt; font-family: arial,tahoma,verdana;}
.newsintopic li a { font-size:8pt; font-weight:normal; color:#003399; text-decoration:underline; }
.newsintopic li a:hover { font-size:8pt; font-weight:normal; color:#003399; text-decoration:none; }
.detail_teaser { font-weight:bold;color:#358ae1; font-size:9pt; font-family: arial,tahoma,verdana; padding:0px 0px 5px 0px}
.CSSnewcontent {padding:0px 0px 0px 0px;border-bottom:dotted 1px #949494;}
	/*Utibar */
.utibar {padding: 0px; margin:0px; text-align:right; }
.print { padding: 1px 12px 4px 18px; margin:0px ;cursor:pointer; font-size:8pt; color:#484848; font-weight:normal; font-family: arial,tahoma,verdana; background: url(/app_themes/default/images/bg_icon_print.gif) top left no-repeat;}
a.print { color:#484848; text-decoration:none; padding-bottom:2px; padding-top:0px;}
a:hover.print { color:#484848; text-decoration:underline;padding-bottom:2px; padding-top:0px;}
.sendtofriend { padding: 1px 12px 4px 18px;margin:0px ; cursor:pointer; font-size:8pt; color:#484848; font-weight:normal; font-family: arial,tahoma,verdana; background: url(/app_themes/default/images/bg_icon_email.gif) top left no-repeat;}
a.sendtofriend { color:#484848; text-decoration:none;padding-bottom:2px; padding-top:0px;}
a:hover.sendtofriend { color:#484848; text-decoration:underline;padding-bottom:2px; padding-top:0px;}
.feedback  { padding: 1px 0px 4px 18px;margin:0px ; cursor:pointer; font-size:8pt; color:#484848; font-weight:normal; font-family: arial,tahoma,verdana;background: url(/app_themes/default/images/bg_icon_feedback.gif) top left no-repeat;}
a.feedback { color:#484848; text-decoration:none;padding-bottom:2px; padding-top:0px;}
a:hover.feedback { color:#484848; text-decoration:underline;padding-bottom:2px; padding-top:0px;}
	/*Cac tin khac - Other News*/
.otheritem { margin:0px 0px 0xp 20px ;padding:0px 0px 5px px; }
.otheritem h4 {font-weight:bold;color:#358ae1; font-size:9pt; font-family: arial,tahoma,verdana; padding:0px 0px 10px 0px; margin:0px}
.otheritem ul{padding:40px 0px 0px 50px; margin:0px 0px 20px 0px ;font-size:8pt; padding:0px 0px 0px 5px; margin:0px; font-weight:normal; color:#358ae1; font-family: arial,tahoma,verdana; list-style-position:inside }
.otheritem ul li { list-style-image:url(/app_themes/default/images/list-style.gif) ;font-size:8pt; padding:0px 0px 5px 10px; margin:0px 0px 0px 5px; font-weight:normal; color:#358ae1; font-family: arial,tahoma,verdana}
.otheritem ul a { padding:0px 0px 0px 5px ;color:#358ae1;text-decoration:none; }
.otheritem a:hover { color:#358ae1; text-decoration:underline; }
#pnlOtherNews{ margin:0px; padding:0px}
#pnlContent{ border-bottom:solid 1px #e7e7e7; margin-bottom:3px; padding-bottom:5px}

/*Cac trang Popup - ASPxPopupControl*/
.dxpcControl { font: 8pt arial,tahoma,verdana; color: #000000; background-color: #EDF3F4!important; border: solid 1px #BCAE93;padding: 1px 1px 1px 1px;background-image:none}
.dxpcControl a{color: #1E3695;}
.dxpcCloseButton{font: 8pt arial,tahoma,verdana;color: #000000;padding: 1px 1px 1px 1px; }
.dxpcCloseButtonHover{font: 8pt Tahoma;color: black;}
.dxpcContent{font: 8pt arial,tahoma,verdana;color: #010000;white-space: normal;padding: 9px 12px 13px 12px;background-color: #ffffff; background-image:none}
.dxpcFooter{font: 8pt arial,tahoma,verdana;color: #003399;background-color: #cae7ff;border-top-style: none; background-position:top;	}
.dxpcFooter td.dxpc{font: 8pt arial,tahoma,verdana;color: #003399;white-space: nowrap;padding: 12px 12px 12px 12px;}
.dxpcHeader{font: 8pt arial,tahoma,verdana; font-weight:bold; color: #5A5A5A;border-bottom: solid 1px #D5D5D5;background-color:#cae7ff}
.dxpcHeader td.dxpc{font: 8pt arial,tahoma,verdana; font-weight:bold; color: #5A5A5A;	white-space: nowrap;}
.pnlSendTo{ background-color:#ffffff;background-image:none}
.popup{ background-color:#ffffff; background-image:none}
#canhcam-print-container {width:798px; margin:0 auto;}
#canhcam-print-footer {color:#e7e7e7; font-size:8pt; font-family: arial,tahoma,verdana; margin:10px 0px 20px 0px; border-top:solid #e7e7e7 1px;  padding-top:5px}
#canhcam-print-footer span a{ text-decoration:none; color:#333333}
#canhcam-print-header {color:#e7e7e7; font-size:10pt; font-weight:bold; text-transform:uppercase; font-family: arial,tahoma,verdana; text-align:right; padding:36px 6px 34px 0px; margin:10px 0px 10px 0px; border-bottom:solid #e7e7e7 1px;  background: url(/resources/deffile/printlogo.gif) top left no-repeat;}

.registrationForm td.label {text-align: left; font-weight:bold; vertical-align:middle; white-space: nowrap; padding:0px; padding-right:5px; padding-bottom: 2px; font-size:8pt; font-family: arial,tahoma,verdana;}
.registrationForm td.label span.star {color: #E9786E; padding-right:2px;}
.registrationForm td.editor {  vertical-align:top; padding-bottom:3px; font-size:8pt; font-family: arial,tahoma,verdana;}
.errormessage { color:#FF0000; font-size:8pt; font-family: arial,tahoma,verdana; padding-left:18px; }
.registrationForm .buttonCell{padding-left: 70px ; margin:0px; }
.registrationForm .textbox {color:#000000; width:300px; font-size:8pt; font-family : arial,tahoma,verdana; border:solid 1px #C0C0C0;}
.registrationForm .textbox1 {color:#000000; width:140px; font-size:8pt; font-family : arial,tahoma,verdana; border:solid 1px #C0C0C0;}
.registrationForm .buttonCell input { width:80px; height:17px; color:#000000; font-size:8pt; font-family : arial,tahoma,verdana; border:1px solid #cfcfcf; background-color:#ece9d8; padding-bottom:2px; margin:0px}
.registrationForm .buttonCell input:hover { color:#ffffff; }
.registrationForm .linkbottom { padding:6px 0px 6px 0px; font-size:8pt; font-family: arial,tahoma,verdana; }
.thanksForm td.message { text-align:center; padding-top:20px; font-size:8pt; font-family : arial,tahoma,verdana;}
.registrationForm .failure { color:#FF0000; padding:0px 0px 6px 0px; font-size:8pt; font-family: arial,tahoma,verdana;}

/* Sitemap */
.sitemapcontainer { padding :0px 23px}

.SiteMap { border: 0px solid #DDDDDD; font-family: arial,tahoma,verdana; font-size: 8pt; }
.SiteMapTableCell { padding: 5px; }
.RootNode { color: #4a95df; font-family: arial,tahoma,verdana; font-size: 8pt; font-weight: bold; padding-left:5px; } 
.RootNode a { color: #4a95df; text-decoration:none; } 
.RootNode a:hover { color: #4a95df; text-decoration:underline; } 
.ParentNode { font-family: arial,tahoma,verdana; font-size:8pt;  padding-left:5px; } 
.ParentNode a { color: #4a95df; text-decoration:none; } 
.ParentNode a:hover { color: #65400C; text-decoration:underline; } 
.LeafNode { color: #4a95df; font-family: arial,tahoma,verdana; font-size:8pt;  padding-left:5px; } 
.LeafNode a { color: #4a95df; text-decoration:none; } 
.LeafNode a:hover { color: #4a95df; text-decoration:underline;} 
/* Sitemap */

/* Pager */
.dxpControl{font-size: 8pt;font-family: arial,tahoma,verdana;color: #3b8fe3;padding: 5px 2px 5px 2px;letter-spacing: 1px;}
.dxpPageNumber{font-size: 8pt;font-family: arial,tahoma,verdana;color: #676767;text-decoration: none;text-align: center;vertical-align: middle;padding: 0px 5px 0px 5px;}
.dxpCurrentPageNumber{font-size: 8pt;font-family: arial,tahoma,verdana;color: #3b8fe3;font-weight: bold;text-decoration: none;padding: 0px 3px 0px 3px;}
.dxpSummary{display: none;font-size: 8pt;font-family: arial,tahoma,verdana;color: #3b8fe3;white-space: nowrap;text-align: center;vertical-align: middle;padding: 0px 4px 0px 4px;}
.dxpSeparator{display: none;}
.dxpButton{font-size: 8pt;font-family: arial,tahoma,verdana;color: #676767;text-decoration: none;text-align: center;vertical-align: middle;padding: 0px 5px 0px 5px;}
.dxpButton img{display: none;}
.dxpButton dxpDisabledButton span{display: none;}
.dxpPageNumber{padding: 0;}
/* Pager */

/*Book now*/
.reservation{ width:500px ;margin: 10px 20px 30px 50px ; padding:0px ;background-color:#ffffff}
.headCrumb { padding:5px 0px 4px 28px; margin:0px; color: #ffffff; background : url('/app_themes/default/images/bg_breadCrumb.gif') top left no-repeat;}
.headCrumb h6{ padding:0px; margin:0px; height:30px;font-size: 8pt;font-family: arial,tahoma,verdana;color: #ffffff; font-weight:bold}
.reservation h5{ margin-top:10px; padding:0px; text-align:center; color:#4c4c4c;font-family: arial,tahoma,verdana; font-size:8pt; font-weight:normal}
.reservation1_form{font-size: 8pt; width:480px; height:281px ; padding:15px 0px 0px 20px;font-family: arial,tahoma,verdana;color: #676767; background:url('/app_themes/default/images/bg_Booknow1.gif') top left no-repeat;}
.reservation1_form .line { width:460px; height:1px;margin:5px 0px 5px 0px; border-bottom:1px solid #4c4c4c}

.rodiobutom { margin:0px; padding-left:40px; text-align:left; color:#4c4c4c;font-family: arial,tahoma,verdana; font-size:8pt; font-weight:normal}
.Date1 { margin:0px; padding:5px 0px 3px 28px;}
.RoomType{ margin:0px; padding-left:28px}
.cbxAdult{ margin:0px; padding:5px 0px 0px 28px;font-weight:normal; color:#4c4c4c}
.RoomType .numberroom{width:260px;font-weight:normal; color:#4c4c4c}
.tdNumberRoom{ width:100px; background-color:#0089e1; color:#ffffff; border-right:solid 1px #e6e6e6;padding:5px 0px 5px 0px;font-family:Arial, Tahoma, Verdana; font-weight:bold; font-size:8pt; text-align:center}
.numberroom{width:40px}
.NumberofRoom { margin:0px;padding:5px 0px 0px 28px;font-weight:normal; color:#4c4c4c}
.reservation_bnt1{ margin:0px; padding:10px 0px 0px 148px}
.reservation_bnt1 tr td{ margin:0px; padding-right:10px}
.roomestype tr .lbl { font-weight:bold; color:#4c4c4c}
.reservation1_table tr .lbl { font-weight:bold; color:#4c4c4c}
.RoomType input{ border:1px solid #929292}
.Date input{ border:1px solid #929292}
.cbxAdult input{ border:1px solid #929292}
.NumberofRoom input{ border:1px solid #929292}
.Dateimg{ margin:0px;padding:2px 0px 0px 5px; }

/*Trang lien he*/
.contact {padding:0px 0px 40px 0px; width:395px; float:left ;margin:20px 0px 0px 40px; font-weight:normal}
.contact .registrationForm .label{font-weight:normal; font-size:9pt}
.contactinfo{ color:#333333;padding:0px 0px 0px 0px; width:265px; float:right ;margin:20px 0px 0px 0px; font-family:Arial, Tahoma, Verdana; font-size:9pt}
.memberlogin { padding:50px 0px 40px 259px; }
.passwordrecovery { padding:80px 0px 70px 259px; }
.registrationForm .textboxContent{padding:0px; margin:0px ;color:#000000; width:392px; height:90px ;font-size:8pt; font-family : arial,tahoma,verdana; border:solid 1px #C0C0C0;  overflow:auto}
.registrationForm td.label {text-align: left; font-weight:bold; vertical-align:middle; white-space: nowrap; padding:0px; padding-bottom: 2px; font-size:8pt; font-family: arial,tahoma,verdana;}
.registrationForm td.label span.star {color: #E9786E; padding:0px;}
.registrationForm td.editor {  vertical-align:top; padding-bottom:3px; font-size:8pt; font-family: arial,tahoma,verdana;}
.errormessage { color:#FF0000; font-size:8pt; font-family: arial,tahoma,verdana; padding-left:18px; background: url("/app_themes/default/images/edtError.png") top left no-repeat;}
.registrationForm .buttonCell{padding-left: 0px; padding-top: 5px; margin-right:2px}
.registrationForm .textbox {color:#000000; width:328px; font-size:8pt; font-family : arial,tahoma,verdana; border:solid 1px #C0C0C0;}
.registrationForm .textbox1 {color:#000000; width:140px; font-size:8pt; font-family : arial,tahoma,verdana; border:solid 1px #C0C0C0;}
.registrationForm .buttonCell input {background: url("/app_themes/default/images/bg_button.gif") no-repeat 0% 0%; width:63px; height:21px; color:#666666; font-size:8pt; font-family : arial,tahoma,verdana; border:none;}
.registrationForm .buttonCell input:hover { color:#D03222; }
.registrationForm .linkbottom { padding:6px 0px 6px 0px; font-size:8pt; font-family: arial,tahoma,verdana; }
.thanksForm td.message { text-align:center; padding-top:20px; font-size:9pt; font-family : arial,tahoma,verdana; color:#358AE1}
.registrationForm .failure { color:#FF0000; padding:0px 0px 6px 0px; font-size:8pt; font-family: arial,tahoma,verdana;}
.ContactLogo{ margin:0px; padding:0px; clear:both; margin-bottom:15px}

/*video*/
.video{ margin-left:30px; margin-top:20px; padding-bottom:15px; border-bottom:solid 1px #e7e7e7; background-image:url(/app_themes/default/images/bg_video.gif); background-repeat:no-repeat;}
.video embed{margin-left:6px; margin-top:5px;}
/*video*/


/* Reservation */
.frquickrevetion { margin:0px; padding:0px; position:absolute; left:9px; top:217px;}
.frReservation { margin:0px; padding:0px; background: url(/Hontam/app_themes/default/images/bg_Reservation.gif) left top repeat-x; height:87px; overflow:hidden;}
.imgReservation { float:left; padding:20px 0px 0px 0px;}
.titledata { padding:22px 0px 0px 0px;  font-size: 10px; color:#656565; font-weight:normal; font-family: arial,tahoma,verdana;}
.borderbtnsend { padding:36px 0px 0px 12px; margin:0px;}
.bordercalenda1 { padding:0px 0px 0px 9px;}
.bordercalenda2 {padding:0px 0px 0px 5px;}
.frad { float:right; right:0px; margin:0px; padding:20px 0px 0px 30px;}
/* Reservation */

/*Candelar*/
.picker{ width:140px; background-color: #FFFFFF; border: 1px #808080 solid; font-size: 8pt; font-weight:normal; font-family: arial,tahoma,verdana; padding: 2px 0px 2px 15px; cursor: pointer; color:#2d7ac8;}
.calendar_button{ border:none; cursor:pointer; width:25px; height:22px;}
.calendar td{ font-size: 8pt; font-family: arial,tahoma,verdana;}
.title{font-weight:bold;  background-color:#D7D7E5;}
.day{ width:25px; cursor:pointer; text-align:center; border-width:1px; border-color:#F6F6F6; border-style:solid;}
.dayhover{ width:25px; cursor:pointer; text-align:center; text-decoration:underline; border-width:1px; border-color:#F6F6F6; border-style:solid;}
.dayheader{ width:25px; text-align:center; border-width:1px; border-color:white; border-style:solid; font-weight:bold; background-color:#FFFFFF;}
.othermonthday{ color:#999999;}
.outofrangeday{ visibility:hidden;}
.selectedday{ width:25px;background-color:#FBE694; color:#000000; border-width:1px; border-color:#BB5503 !important; border-style:solid; font-weight:bold;}
.calendar{ border-style:solid; border-width:1px; border-color:Black; border-collapse:collapse; background-color:#FFFFFF; cursor:default;}
.month{ background-color:#F6F6F6; margin-left:5px; margin-right:5px; margin-bottom:5px; margin-top:0px;}
.nextprev{ cursor:pointer; height:25px; vertical-align:center; padding:0px 5px 0px 5px;}
.selector{ width:14px; cursor:pointer; text-align:left; vertical-align:center; background-color:#FFFFFF;}
.frbntquick { margin:0px; padding:3px 0px 0px 0px;}
.titlerevation { margin:0px; padding:0px; color:#ffffff; font-weight:bold; font-size:11pt;}
/*Candelar*/


/*Reservation  background-color:#BDD0EE;*/

.reservation1_form{ padding:10px 10px 10px 140px; margin:0px;  font-size:11px; color:#725079; font-family: arial,tahoma,verdana;}
.reservation1_table{  margin:0px; }
.line { border-bottom:solid 1px #000000;   margin:5px 120px 5px 0px;}
.Date{ padding:0px 0px 0px 0px; margin:0px; color:#000000; font-weight:normal; font-size:12px; font-family: arial,tahoma,verdana;}
.Dateimg {padding:0px 0px 0px 5px; margin:0px;}
.lbl{ width:140px; color:#000000; font-weight:bold; font-size:12px; }
.Adute{ padding: 0px; margin:0px;}
.Next{ padding:0px 15px 0px 0px; text-align:center; color:#000000; font-weight:normal; font-size:13px; font-family: arial,tahoma,verdana;}
.note{ padding:0px 0px 0px 0px; margin:0px; color:#000000; font-weight:bold; font-size:12px; }
.rodiobutom {padding:0px 0px 0px 0px; margin:0px; color:#000000; font-weight:normal; font-size:11px; }
.cbxAdult {color:#000000; padding:0px 0px 5px 0px; font-weight:normal; font-size:11px; font-family: arial,tahoma,verdana;}
.back {  text-align:center;  background: url(/Hontam/app_themes/default/images/bg_back.gif) left no-repeat; width:55px; height:22px; overflow:hidden; color:#000000; font-weight:normal; font-size:13px;  padding:0px; margin:0px 0px 0px 0px; font-family: arial,tahoma,verdana;}
.back a { color:#000000; text-decoration:none;}
.back a:hover { color:#000000; text-decoration:none; }
.reservation_bnt {  margin: 10px 0px 0px 140px; height:22px; overflow:hidden;}

.Reservation2_Form{ padding:10px 10px 10px 100px; margin:0px; font-size:11px; color:#725079; font-family: arial,tahoma,verdana;}
.Reservation2_table{padding:0px; margin:0px ; }
.Reservation-textbox{padding:3px; margin:0px; border:solid 1px #725079; color:#725079; font-size:11px; width:250px; font-family: arial,tahoma,verdana;}
.Reservation-textbox1{padding:3px; margin:0px; border:solid 1px #725079; color:#725079; font-size:11px; width:80px; font-family: arial,tahoma,verdana;}
.Review{padding:0px 15px 0px 0px; margin:0px;}
.btn_review{ width:55px;}
.Reset{padding:0px 15px 0px 0px; margin:0px;}
.reserline{ border-top:solid 1px #000000; margin:0px 30px 0px 0px; padding:0px;}
.boldchar { padding:0px 0px 0px 0px; margin:0px; color:#000000; font-weight:bold; font-size:12px; font-family: arial,tahoma,verdana;}
.roomNote{ margin:0px; padding:0px 0px 20px 0px; width:440px; }
.lblReservation2 { color:#000000; font-weight:bold; font-size:12px;  width:180px; font-family: arial,tahoma,verdana;} 
.ltrReservation2 { padding:0px 0px 0px 0px; color:#000000; font-weight:normal; font-size:12px; font-family: arial,tahoma,verdana;}
.Reservation2-btn { margin:20px 0px 0px 200px;}
.numberroom {padding:3px; margin:0px; border:solid 1px #725079; color:#725079; font-size:11px; width:30px; font-family: arial,tahoma,verdana;}
#canhcam-content1{ background-color:#D2B7E1; padding:12px 0px 45px 0px; }

.frquickReservation {padding:0px 50px 10px 50px; margin:10px 0px 0px 0px;}
.frquickReservation h1 { margin:0px; padding:0px; background: url(/Hontam/app_themes/default/images/bg_topreservation.gif) top no-repeat; height:9px; overflow:hidden;}
.frquickReservation h2 { margin:0px; padding:0px; background: url(/Hontam/app_themes/default/images/bg_centerreservation.gif) top  repeat-y; }
.frquickReservation h3 {  margin:0px; padding:0px; background: url(/Hontam/app_themes/default/images/bg_bottomreservation.gif) top no-repeat;  height:9px; overflow:hidden;}
.Reservation2_thanh{ padding:20px; margin:0px;}
.paddthanks { margin:0px; padding:0px; font-family:Arial, Tahoma, Verdana; font-weight:bold; text-align:center; font-size:12px; color:#f10000;  } 


/*yourreservation*/
.yourreservation { padding:0px 5px 10px 5px; margin:5px 0px 0px 0px;}
#reservationdata {background-color:#e6e6e6; height:105px; margin:0px; padding:0px;font-family:Arial, Tahoma, Verdana; font-weight:normal; font-size:8pt;}
#reservationdata div.data { border-bottom:solid 1px #bcbcbc;padding:18px 0px 12px 18px; color:#1d1516; }
.data-td { padding:12px 0px 0px 0px; }

#reservationdata div.result { color:#845150; padding:10px 0px 10px 18px; }
#selection{padding:0px 5px 3px 5px; margin:0px 0px 0px 0px;font-family:Arial, Tahoma, Verdana; font-weight:normal; font-size:8pt;}
#selection div.selectioncontent{  border:solid 1px #e6e6e6; margin:0px; padding:0px 0px 0px 0px; }
#selection div.roomcontent{  border:solid 1px #e6e6e6; margin:0px; padding:5px 0px 0px 0px; background-color:#ffffff; }
.room{   margin:0px; padding:12px 0px 12px 15px; background-color:#0089e1; color:#ffffff; border-right:solid 1px #e6e6e6; width:370px;font-family:Arial, Tahoma, Verdana; font-weight:bold; font-size:8pt; }
.rate{ background-color:#0089e1; color:#ffffff; border-right:solid 1px #e6e6e6;padding:5px 14px 5px 14px;font-family:Arial, Tahoma, Verdana; font-weight:bold; font-size:8pt; text-align:center}
.number{ background-color:#0089e1; color:#ffffff; border-right:solid 1px #e6e6e6;padding:5px 15px 5px 15px;font-family:Arial, Tahoma, Verdana; font-weight:bold; font-size:8pt; text-align:center}
.Select{ background-color:#0089e1; color:#ffffff;padding:12px 41px 12px 33px;font-family:Arial, Tahoma, Verdana; font-weight:bold; font-size:8pt;}
.content{background-color:#ffffff;border-bottom:1px solid #E6E6E6 ;border-right:dashed 1px #bcbcbc; width:363px;font-family:Arial, Tahoma, Verdana; font-weight:bold; font-size:8pt; padding:18px 12px 10px 12px;vertical-align:top;	}
.picture{ padding:0px; margin:0px;vertical-align:top;}
.picture img{ padding:0px; margin:0px; width:130px; vertical-align:top; }
.shortcontent{ width:310px; padding:0px 0px 16px 18px; vertical-align:top;font-family:Arial, Tahoma, Verdana;color:#4f4f4f; font-weight:normal; font-size:8pt; }
.shortcontent h4{ margin:0px; padding:0px 0px 7px 0px;font-family:Arial, Tahoma, Verdana; font-weight:bold; font-size:8pt; color:#358ae1;}
.item-rate{ color:#3b8fe3; border-bottom:1px solid #E6E6E6  ;border-right:dashed 1px #bcbcbc;padding:12px 14px 12px 14px;font-family:Arial, Tahoma, Verdana; font-weight:bold; font-size:8pt;  text-align:center}
.item-number{ color:#4F4F4F;border-bottom:1px solid #E6E6E6 ; border-right:dashed 1px #bcbcbc;padding:12px 10px 12px 10px;font-family:Arial, Tahoma, Verdana; font-weight:bold; font-size:8pt; text-align:center}
.item-check{ color:#4F4F4F;border-bottom:1px solid #E6E6E6 ;padding:12px 5px 12px 5px;font-family:Arial, Tahoma, Verdana; font-weight:bold; font-size:8pt; text-align:center}
.item-select{padding:12px 41px 12px 33px;border-bottom:1px solid #E6E6E6 ;font-family:Arial, Tahoma, Verdana; font-weight:bold; font-size:8pt;}
.item-select input{background-color:#d0cecc; padding:3px 10px 3px 10px; margin:0px; border:solid 0px #cccccc; color:#000000;font-family:Arial, Tahoma, Verdana; font-weight:normal; font-size:8pt;}
.offering_overview{ margin:0px; padding:12px 0px 12px 15px;border-right:dashed 1px #e6e6e6;}
.offering_overview-room{margin:0px; padding:12px 0px 12px 15px; border-right:dashed 1px #bcbcbc; width:485px;font-family:Arial, Tahoma, Verdana; font-weight:normal;}
.offering_overview-rate{border-right:dashed 1px #bcbcbc;padding:12px 26px 12px 14px;font-family:Arial, Tahoma, Verdana; font-weight:bold; font-size:8pt; color:#3b8fe3;}
.offering_overview-change{padding:12px 18px 12px 18px;font-family:Arial, Tahoma, Verdana; font-weight:normal; font-size:8pt;}
.offering_overview-change input{background-color:#d0cecc; padding:3px 10px 3px 10px; margin:0px; border:solid 0px #cccccc; color:#000000;font-family:Arial, Tahoma, Verdana; font-weight:normal; font-size:8pt;}
#odd{ padding:22px 0px 12px 100px; color:#1d1516;font-family:Arial, Tahoma, Verdana; font-weight:normal; font-size:8pt; border-bottom:dashed 1px #bcbcbc;border-top :dashed 1px #bcbcbc;}
.cols1{ width:220px; padding:8px 0px 0px 0px;}
.cols1 input { width:220px; padding:2px 0px 2px 0px;}
.cols1 input[type="submit"]{background-color:#d0cecc; width:80px; padding:3px 10px 3px 10px; margin:0px; border:solid 0px #cccccc; color:#000000;font-family:Arial, Tahoma, Verdana; font-weight:normal; font-size:8pt; cursor:pointer}

.cblSurvey{}
.cblSurvey td{ width:260px}
.btnquick{ width:420px; padding:8px 0px 0px 0px;}
.btnquick input { width:220px; padding:2px 0px 2px 0px;}
.btnquick input[type="submit"]{background-color:#d0cecc; width:130px; padding:3px 10px 3px 10px; margin:0px; border:solid 0px #cccccc; color:#000000;font-family:Arial, Tahoma, Verdana; font-weight:normal; font-size:8pt; cursor:pointer}

.cols2{  padding:8px 0px 0px 0px;}
.cols3{  padding:10px 0px 10px 0px; }
.cols4{  padding:0px 0px 0px 0px; margin:0px; width:146px;}

.TextBox{ width:225px; height:20px; padding:0px; margin:0px; border:solid 1px #808080;}
.TextBox1{ width:486px; height:161px; padding:0px; margin:0px; border:solid 1px #808080;}
.TextBox2{ width:97px; height:20px; padding:0px; margin:0px; border:solid 1px #808080;}

.requiredField{ color:Red;}
#preferences{padding:16px 0px 12px 100px;color:#1d1516;font-family:Arial, Tahoma, Verdana; font-weight:normal; font-size:8pt;}
#preferences h4.checkbox{font-family:Arial, Tahoma, Verdana; font-weight:normal; font-size:8pt; padding:8px 0px 0px 0px; margin:0px; vertical-align:top; color:#1d1516;}
#GuestsData{padding:22px 0px 12px 180px; color:#1d1516;font-family:Arial, Tahoma, Verdana; font-weight:normal; font-size:8pt; border-bottom:dashed 1px #bcbcbc}
#GuestsData div.fullcontent{margin:0px;padding:0px; background-color:#e6e6e6; color:#1d1516; padding:15px;}
#GuestsData div.cancellation{margin:0px;padding:0px; background-color:#0089e1; color:#ffffff; padding:15px; font-weight:bold; }
#GuestsData div.datauser{margin:0px;padding:5px 0px 12px 0px; border-bottom:dashed 1px #e6e6e6;}
.cols10{ color:#1d1516; font-family:Arial, Tahoma, Verdana; font-weight:bold; font-size:8pt; padding:11px 0px 9px 10px; text-align:left}
.cols11{width:355px;  color:#1d1516;font-family:Arial, Tahoma, Verdana; font-weight:bold; font-size:8pt; background-color:#e6e6e6; padding:11px 0px 9px 10px; border-top:solid 2px #ffffff; }
.Label{color:#1d1516;font-family:Arial, Tahoma, Verdana; font-weight:normal; font-size:8pt; padding-right:10px }
.cols12{width:355px;  color:#1d1516;font-family:Arial, Tahoma, Verdana; font-weight:bold; font-size:8pt; background-color:#e6e6e6; padding:11px 0px 9px 10px;border-right:solid 2px #ffffff; }
.cols13{width:355px; color:#1d1516;font-family:Arial, Tahoma, Verdana; font-weight:bold; font-size:8pt;padding:11px 0px 9px 10px; }
.cols13 input{background-color:#d0cecc; float:right;  padding:3px 10px 3px 10px; margin:0px; border:solid 0px #cccccc; color:#000000;font-family:Arial, Tahoma, Verdana; font-weight:normal; font-size:8pt;}
#complete{ padding:14px 0px 17px 180px; border-top:dashed 0px #bcbcbc;}
#complete input[type="submit"]{background-color:#d0cecc; padding:3px 10px 3px 10px; margin:0px; border:solid 0px #cccccc; color:#000000;font-family:Arial, Tahoma, Verdana; font-weight:normal; font-size:8pt;}

.completeconfir{ text-align:center;padding:14px 0px 17px 0px;color:#929292;font-family:Arial, Tahoma, Verdana; font-weight:normal; font-size:8pt;}
.lbrequired{font-weight:normal; font-size:8pt; font-style:italic; color:Red}
.line{ border-bottom:1px dashed #BCBCBC;}
/*yourreservation*/
.comment{margin-left:20px; }
.commentitem{background:#f9f9f8 url("/app_themes/default/images/bg_comment.gif") 0% 0% repeat-x; margin-bottom:15px; padding:10px; font-family:Arial, Tahoma, Verdana;color:#5e5e5e; font-size:8pt; font-weight:normal; }
.commentName{background:url("/app_themes/default/images/icon_comment.gif") 0% 0% no-repeat; padding:5px 10px 5px 30px; color:#3b8fe3; font-size:9pt; font-weight:bold}
.panemail{ color:#5e5e5e; font-size:8pt; font-weight:normal;}
.commentdate{ padding:5px 0px 10px 0px}
.titleCreatedOn{font-weight:bold; padding-right:10px}


/****************************/
/* Rating
/****************************/
.ratingStar{font-size: 0pt;	width: 15px;height: 14px;margin: 7px 0px;padding: 0px;cursor: pointer;display: block;background-repeat: no-repeat;}
.filledRatingStar {background-image: url("/app_themes/default/images//FilledStar.png");}
.emptyRatingStar {background-image: url("/app_themes/default/images//EmptyStar.png");}
.savedRatingStar {background-image: url("/app_themes/default/images//SavedStar.png");}
/****************************/
/* Rating
/****************************/
.itemsurvey{ font-size:8pt; font-weight:normal; font-family:Arial, Tahoma, Verdana; padding:10px 0px; border-top:solid 1px #E7E7E7;}
.serveyText{ font-weight:bold; font-size:9pt;font-family:Arial, Tahoma, Verdana; text-transform:uppercase; padding:2px 10px 2px 0px  }
.tdSurvey{ width:150px}
.tdstart{ padding-right:50px}
.surveylist{ border:solid 1px #E7E7E7; padding:20px; margin:20px}