/*--------------------------------------------------------------------------------------------------------------------/
/	LAYOUT
/--------------------------------------------------------------------------------------------------------------------*/
.colRight
{
    float: left;
    padding: 0px 7px 7px 7px;
    width: 289px;
    overflow: hidden;
}
.khung1
{
    float: left;
    width: 176px; /* 	clear: left; 	*/
    padding: 7px 7px 7px 0;
}
.khung2
{
    float: left;
    width: 291px;
    padding: 8px 8px 8px 0px;
    overflow: hidden;
    color: #465E0B;
    line-height: 19px;
}
.khung3
{
    float: left;
    width: 604px;
    padding: 0;
    color: #434242;
    border: 0px; /*overflow-x:hidden;*/ /*overflow-y:auto;*/
}


.showhide
{
    padding-top: 0px !important;
    padding-bottom: 0px !important;
    text-align: center !important;
    background-color: #BACF8A !important;
    margin: 0px !important;
    font-weight: bold !important;
    cursor: pointer !important;
}
.more
{
    background-color: #bacf8a;
    float: left;
    clear: both;
    text-decoration: none;
    color: Black;
    padding: 2px;
    display: block;
    position: relative;
    top: -16px;
    font-size: 9px;
    display: none;
}
.more:hover
{
    background-color: #BB191D;
    color: White;
}
/*--------------------------------------------------------------------------------------------------------------------/
/	COUNTRY
/--------------------------------------------------------------------------------------------------------------------*/



.TitleCountry
{
    clear: both;
    padding: 10px 0;
    display: block;
    float: left;
    width:175px;
}
.Country
{
    border: 1px solid #BACF8A;
    clear: both;
    float: left;
    margin: 7px 0 0;
    padding: 10px 10px 20px 10px;
    width: 154px;
}
.Country li
{
    list-style: none;
    width: 135px;
    line-height: 22px;
    float: left;
}
.Country li a
{
    background: transparent url(    '../images/Resources/layout/images/bullet1.jpg' ) no-repeat left 7px;
    padding-left: 15px;
    display: block;
    color: #454545;
    font-weight: bold;
    text-decoration: none;
}
.Country li a:hover
{
    color: #434242;
    text-decoration: underline;
}

/*--------------------------------------------------------------------------------------------------------------------/
/	TOUR PACKAGE
/--------------------------------------------------------------------------------------------------------------------*/
.TitleTOUR
{
    float: left;
    clear: both;
}
.TourPackage
{
    float: left;
    border: 1px #bacf8a solid;
    padding: 10px 10px 20px 10px;
    margin: 7px 0px 0px 0px;
    width: 154px;
    clear: both;
}
.TourPackage li
{
    width: 140px;
    line-height: 22px;
    list-style-type: none;
}
.TourPackage li a
{
    color: #434242;
    text-decoration: none;
}
.TourPackage li a:hover
{
    text-decoration: underline;
    color: Red;
}
/*--------------------------------------------------------------------------------------------------------------------/
/	HOTEL DETAIL
/--------------------------------------------------------------------------------------------------------------------*/
.hotelName
{
    display: block;
    float: left;
    color: #465E0B;
    font-family: Times New Roman;
    font-size: 27px;
    margin-top: 9px;
    width: 448px;
    padding: 10px 0;
}
/******** TAB HOTEL *******************/
.topMenu, .topMenuSelected
{
    padding: 5px 15px 5px 15px;
    display: block;
    float: left;
    border-right: 1px #a1be5d solid;
    color: #708b2f;
    font-weight: bold;
    text-decoration: none;
}
.topMenu:hover, .topMenuSelected
{
    background: transparent url(  '../images/Resources/layout/images/tab_hotelOverview.jpg' ) repeat-x left top;
    padding-bottom: 9px;
    position: relative;
    top: -5px;
    left: -1px;
    border: 1px #a1be5d solid;
    color: #465e0b;
}
.border
{
    border: 1px #a1be5d solid;
    height: 23px;
}
.tab
{
    position: relative;
    top: -24px;
    border: 1px #a1be5d solid;
    border-top-width: 0px;
}
.hotelcontent
{
    float: left;
    clear: both;
    width: 598px;
    display: none;
}
.overview, .Availability
{
    float: left;
    clear: both;
    width: 594px;
    line-height: 15px; /*overflow: hidden;*/
}
.overview
{
    padding: 5px;
}
.overview a
{
    font-weight: bold;
    color: #b08e1a;
    display: block;
    text-align: center;
    width: 200px;
    margin: 0px 10px 10px 0px;
    float: left;
}
.overview img
{
    width: 200px;
    height: 148px;
    border: 1px #ccc solid;
    padding: 2px;
    margin: 0px 10px 10px 0px;
}
.Availability .Title
{
    padding: 5px 0;
    margin-top: 10px;
    width: 590px;
    display: block;
    border: 1px #a1be5d solid;
    border-left: 0;
    border-right: 0;
    background-color: #e3e8b8;
    color: #b01a23;
    font-weight: bold;
}
.label
{
    float: left;
    display: block;
    padding-left: 13px;
    background: transparent url(  '../images/Resources/layout/images/bullet3.jpg' ) no-repeat left 2px;
    font-family: Arial;
    font-size: 16px;
    font-weight: bold;
    color: #465e0b;
    margin: 13px 0px 3px 0px;
}
.labelSmall
{
    clear: both;
    display: block;
    padding-left: 13px;
}

.col1, .col2
{
    float: left;
    display: block;
    width: 200px;
    padding-left: 13px;
    margin: 5px 0px;
}
span.col1, span.col2
{
    font-weight: bold;
}
.col1
{
    clear: left;
}
.col2
{
    clear: right;
}
.btn2
{
    background: transparent url(  '../images/Resources/layout/images/ico_calendar2.jpg' ) no-repeat left top;
    border: 0;
    width: 18px;
    height: 25px;
    position: relative;
    left: -30px;
    cursor: pointer;
    float: left;
}

.btnCheck
{
    float: left;
    background: transparent url(  '../images/Resources/layout/images/btn1.jpg' ) no-repeat left top;
    width: 128px;
    height: 30px;
    border: 0;
    color: #1d8adc;
    font-size: 11px;
    font-weight: bold;
    font-family: Tahoma;
    margin-top: 3px;
}
.txt2
{
    float: left;
    height: 21px;
    width: 160px;
    background: transparent url(  '../images/Resources/layout/images/bg_txt.jpg' ) repeat-x;
    border: 0px;
    padding-top: 4px;
    color: #717171;
    font-family: Tahoma;
    font-size: 11px;
}
.bgleft, .bgright
{
    background: transparent url(  '../images/Resources/layout/images/txt_left.jpg' ) no-repeat left top;
    height: 25px;
    float: left;
    border: 0px;
    padding: 0px;
    margin: 0px;
}
.bgright
{
    padding-left: 9px;
    background: transparent url(  '../images/Resources/layout/images/txt_right.jpg' ) no-repeat right top;
    padding-right: 9px;
}


.tablePrice
{
    float: left;
    text-align: center;
    border: 1px #465e0b solid;
    color: #b01a23;
    width: 595px;
}
.tablePrice td
{
    padding: 3px;
    border: 1px #c0c8ac solid;
    border-bottom: 0;
    border-right: 0;
    width: 90px;
}
.tablePrice td span
{
    font-size: 9px;
    margin-top: 5px;
}
.header, .titleTable
{
    color: #465e0b;
    font-weight: bold;
    background-color: #eaebc6;
}
.tablePrice a
{
    font-weight: bold;
    color: #0066ff;
}
.tabHotelInfo
{
    float: left;
    clear: both;
    margin-top: 15px; /*margin-left: -5px;*/
    width: 604px;
   /* background-color: #a1be5d;*/
    color: black; /*position: relative;*/
    left: -5px;
}
.tabRegion2
{
    background-color: #465e0b;
    float: left;
    width: 100%;
}
.tab2, .tab2Selected
{
    display: block;
    padding: 5px 11px;
    background-color: #465e0b;
    color: white;
    font-weight: bold;
    float: left;
    text-decoration: none;
    cursor: pointer;
}
.tab2:hover, .tab2Selected
{
    background: #a1be5d url(  '../images/Resources/layout/images/bg_tabHotel2_selected.jpg' ) no-repeat top left;
    color: black;
    font-weight: bold;
}
.tabContent2
{
    padding:55px 15px 15px 15px;
}
.btnCheckDate
{
    width: 604px;
    text-align: center;
}
.btnCheckDate input
{
    font-size: 16px;
    border:2px #333333 solid;
    background-color:#fdfdfd;
    cursor:pointer;
}

/*--------------------------------------------------------------------------------------------------------------------/
/	HOTEL PHOTO
/--------------------------------------------------------------------------------------------------------------------*/
.photo
{
    border: solid 0px #CCCCCC;
    padding: 10px;
    padding-right: 0;
    padding-top: 5px;
    width: 590px;
    overflow: hidden;
}

.bigPhoto
{
    float: left;
    width: 360px;
    margin-right: 10px;
}
.bigPhoto img
{
    width: 100%;
    border: 1px black solid;
}
.photo a
{
    float: left;
    display: block;
    border: 1px #454545 solid;
    margin-right: 15px;
    margin-bottom: 15px;
    width: 179px;
    height: 120px;
    overflow: hidden;
    background-color: #f1f1f1;
}
.photo a img
{
    width: 100%;
    min-height: 100%;
    border: 0;
}
.photo a:hover
{
    border: 1px olive solid;
}

/*--------------------------------------------------------------------------------------------------------------------/
/	HOTEL REVIEW
/--------------------------------------------------------------------------------------------------------------------*/

.summary
{
    background: white url(  '../images/Resources/layout/images/bg_summary.jpg' ) repeat-x scroll left bottom;
    padding: 7px;
    padding-top: 1px;
    width: 586px;
    float: left;
    margin-bottom: 15px;
    padding-bottom: 20px;
}
.summary span, .summary div
{
    float: left;
}
.scoreDetail
{
    float: left;
    clear: left;
}
#totalScore
{
    width: 161px;
    height: 56px;
    background-color: #b01a23;
    color: #ff6e77;
    text-align: center;
    float: right;
    margin-top: 40px;
}
#totalScore span
{
    float: none;
}
.bigScore
{
    font-size: 32px;
    color: white;
}
.label2, .label3
{
    /*display: block;*/ /*width: 410px;*/
    margin-left: 10px;
}
.label2
{
    font-family: Arial;
    font-size: 16px;
    font-weight: bold;
    text-decoration: none;
}
.label2:hover
{
    color: #bb191d;
    text-decoration: underline;
}
.label4, .score
{
    padding: 0px;
    height: 11px;
    margin-top: 10px;
}

.label4
{
    clear: left;
    width: 100px;
    color: #bb191d;
}
.vote
{
    margin-top: 12px;
    width: 170px;
    height: 11px;
    float: left;
    overflow: hidden;
}
.khung
{
    position: relative;
    top: -10px;
    height: 10px;
    width: 170px;
}
.voted
{
    height: 10px;
    float: left;
    background: #959838 url(  '../images/Resources/layout/images/img_vote2.jpg' ) repeat-x left top;
    overflow: hidden;
}
.score
{
    padding-left: 15px;
    clear: right;
}


/*--------------------------------------------------------------------------------------------------------------------/
/	HOTEL REVIEW content
/--------------------------------------------------------------------------------------------------------------------*/
.count
{
    float: left;
    font-family: Arial;
    font-size: 11px;
    font-weight: bold;
    margin: 10px 2px;
}
.SortInfo
{
    margin: 10px;
    float: left;
}
/*********************** Phân trang ***********************/
.reviewPage
{
    width: 588px;
    padding: 6px;
    float: left;
    clear: both;
    background-color: #d3d4bf;
    color: #969877;
    font-size: 11px;
    font-weight: bold;
    margin: 14px 0 14px 0;
    font-family: Arial;
}
.reviewPage div a
{
    color: #55563b;
}

.reviewPage div a:hover
{
    color: #797a61;
}
.Previous
{
    float: left;
}
.Status
{
    float: left;
    padding-left: 100px;
}
.Next
{
    float: right;
}
/*********************** List review ***********************/
.reviewitem, .space
{
    float: left;
    width: 598px;
    border-top: 1px #9b9d6d solid;
    clear: both;
}
.reviewitem a
{
    display: block;
    width: 250px;
    text-align: right;
    font-weight: bold;
    color: #b01a23;
    margin-right: 5px;
    margin-bottom: 5px;
    float: right;
}
.reviewitem a:hover
{
    color: Black;
}
.space
{
    margin-bottom: 25px;
}
.reiviewTitle
{
    color: #B01A23;
    float: left;
    font-family: tahoma;
    font-size: 18px;
    font-weight: bold;
    padding: 3px;
    width: 500px;
}
.reiviewTitle:first-letter
{
    text-transform: uppercase;
}
.reiviewVote
{
    float: right;
    width: 79px;
    padding: 3px;
    clear: right;
}
.reviewProfile
{
    float: left;
    width: 130px;
    background-color: #d3d4bf;
    padding: 4px;
    margin-left: 5px;
}
.reviewProfile div
{
    float: left;
}
.reviewProfile img
{
    height: 42px;
    width: 42px;
    border: 1px #a4a683 solid;
}
.reviewContent
{
    float: left;
    width: 380px;
    height: 53px;
    overflow: hidden;
    padding: 1px 5px 1px 5px;
    text-align: justify;
}
.reviewContent span
{
    display: block;
    width: 100px;
    float: left;
    padding-left: 9px;
}
.reviewContent img
{
    float: left;
}

.reviewMark
{
    width: 39px;
    height: 33px;
    float: right;
    background-color: #b01a23;
    text-align: center;
    color: white;
    font-size: 21px;
    padding-top: 7px;
    margin: 5px;
    margin-top: -20px;
}

.divContent
{
    cursor: move;
    display: none;
    width: 800px;
    position: absolute;
    border: solid 1px #CCCCCC;
    background-color: White;
    padding: 10px;
    text-align: justify;
    z-index: 1000;
    font-size: 12px;
    color: Black;
    word-spacing: 3px;
}
/*--------------------------------------------------------------------------------------------------------------------/
/	Popup
/--------------------------------------------------------------------------------------------------------------------*/
.PopupRate
{
    line-height: 20px;
    display: none;
    padding: 5px;
    width: 450px;
    background-color: White;
    display: none;
    border: 1px #333 solid;
    text-align: left;
}

.PopupRate table
{
    width: 460px;
}

.PopupRate .RateContentLabelDetail
{
    width: 400px !important;
}

.PopupRate tr
{
}

.PopupRate td
{
    border-style: none;
}

.popup
{
    border: 1px black solid;
    position: absolute;
    left: 300px;
    background-color: white;
    padding: 10px;
    width: 405px;
    cursor: pointer;
    z-index: 1000;
}
.popup img
{
    border: 1px gray solid;
    padding: 2px;
    width: 399px;
}
.popup .title, .popup .close, .popup span
{
    padding: 5px;
    float: none;
    color: #454545;
    font-size: 16px;
    font-family: Arial;
    font-weight: bold;
    width: 380px;
    clear: both;
}
.popup span
{
    color: #fe0000;
    clear: both;
}

.duration
{
    border: 0 none;
    color: #3E87A9;
    font-weight: bold;
    float: left;
    clear: right;
}

.error
{
    background: white url(../images/Resources/newskin/Warning_icon.jpg) no-repeat scroll left top;
    border: 0 solid #478EAF;
    display: block;
    height: 17px;
    margin-left: -23px;
    margin-top: 4px;
    position: absolute;
    width: 19px;
    z-index: 100;
}

.labelcheckin
{
    color: #465E0B;
    display: block;
    float: left;
    font-family: Arial;
    font-size: 16px;
    font-weight: bold;
    margin: 13px 0 3px;
    padding-left: 5px;
}


/*--------------------------------------------------------*/
.block_date_left02 {
float:left;
padding-left:23px;
width:220px;
}
.text_block_left02 {
float:left;
height:auto !important;
min-height:24px;
width:205px;
}
.room_number {
float:left;
height:auto !important;
margin-top:4px;
min-height:20px;
width:73px;
}
.adult_text {
float:left;
height:20px;
width:80px;
}
.textbold_11blue {
color:#00519C;
font-size:11px;
font-weight:bold;
}
.select_rates_new02, .select_child_age_new02 {
float:left;
height:24px;
width:52px;
}
.textbold_11blue {
color:#00519C;
font-size:11px;
font-weight:bold;
}
.adult_child_more {
color:#000000;
font-size:11px;
width:40px;
}
.select_rates_new, .select_child_age_new {
float:left;
height:24px;
width:80px;
}

/*Other detail new*/
.ulOtherNew
{
	margin:0px;
	list-style:none;
	padding:0px;
}
.ulOtherNe li
{
	list-style:none;
}
.liOther
{
	height:30px;
}
.liOther a
{
	text-decoration:none !important;
}
.liOther a:hover
{
	text-decoration:underline !important;
}
.dtlOtherhotel
{
	width: 100%;
}
.dtlOtherhotel td
{
	padding:4px;
}

.OtherFooter
{
	width:100%;
	text-align:right;
	font-weight:bold;
	
}
.OtherFooter a
{
	text-decoration:none;
	color:Red !important;
	padding-right:10px;
	padding-bottom:10px;
	display:block;
}
.OtherFooter a:hover
{
	cursor:pointer;
}