/*
    Base css for all HOL hotels. This file should contain only general informations, not colors or specific properties for hotels.
    If it's necessary this properties to be ovewritten or add something for some specific hotel please add it on the specific hotel.
*/

/*--------------------containers----------------*/
#upperMenuContainer{
    padding:0;
    margin: 0 0 5px 0;
}

#upperSubMenu li.first{
    padding: 6px 4px 6px 0;
}

.dataArea table tbody.highlighted, .dataArea table tr.highlighted {
    background-color: #FFFFC6 !important;
}

#contentMap {
    clear: both;
    float: left;
    margin: 0 1px 0 0;
    width: 580px;
}

#contentMapResults {
    margin: 0 0 0 1px;
    float: left;
    width: 410px;
    max-height: 400px;
    overflow: auto;
    overflow-y: scroll;     /*needed by IE in order to always display the vertical scroll bar since the data area has to be narrowed (scrollInnerArea)*/
    overflow-x: hidden;
    padding-left:1px;
    padding-right:2px;
}

#contentMapResults .scrollOuterArea {
    width: 100%;       /*needed by IE in order to show the results completely on horisontal*/
}

#contentMapResults table td div{
    width: 100% !important;       /*needed by IE in order to show the results completely on horisontal*/
}

#hotelSearchSearchMask {

}

#contentWithAdvertising {
    clear: both;
    float: left;
    margin: 0 1px 0 0;
    width: 600px;
}

#contentAdvertising {
    margin: 0 0 0 1px;
    float: left;
    width: 398px;
    text-align: center;
}

img.hotelSearchMaskImageUrlStyle{
    margin: 0 0 0 3px;
    max-width: 395px;
    border: 1px solid #000000;
}

#contentSeparator{
    height: 0;
    width: 100%;
    clear: both;
}

div.rowSpacer {
    background: #ffffff;
    padding: 1px 0px 0px 0px !important;
}

.hotelContentSection {
	width: 100%; 
}

.hotelContentHalfSection {
    width: 50%; 
}

.hotelContentFloat {
    float: left;	
}

.hotelContentRowPadding {
	padding: 0 0 0 18px;
}

.spacedContent {
	padding: 0 0 10px 0;
}
	
.hotelContentHeaderPadding {
    padding: 0 0 0 8px;
}

.hotelContentQuarterSection {
    width: 25%;
}

.hotelContentCentered {
    text-align: center;
}

.hotelContentPhotoMaxWidth {
	max-width: 300px;
}

#captchaArea{
	width: 320px !important;
	overflow: visible;
	margin:0 auto !important;
}
	
/*--------------------form elements---------------*/
img.hotelPicture {
    border: solid #ffffff;
    border-width: 1px 1px 1px 1px;
    max-width:85px;
    max-height:85px;
}

.lowLineSpacing {
    line-height: 90%
}

.noLeftPadding{
    padding-left:0;
}

.indent{
    padding-left:25px;
}

img.small {
   vertical-align: bottom;
}

img.hotelContentImageWithBorder {
    height: 50px;
    border: 2px solid red;
    margin: 4px;
}

img.hotelContentImageWithNoBorder {
    height: 50px;
    border: none;
    margin:2px;
}

img.medium {
	height: 35px;
}

td.tdNoInfo{
    width: 1px;
}

td.tdNoInfoPercent{
    width: 1%;
}

td.tdSmallInfo {
    width: 68px;
}

td.tdNormalInfo {
    width: 43%;
}

td.tdNormalMessage {
    width: 22%;
}
/*22*/
td.tdHeaderColumn {
    width:30%;
}

td.tdHeaderColumnSecond {
    width:35%;
}

td.tdHeaderColumnSecondLarger {
    width:55%;
}

td.tdHeaderColumnThird {
    width:20%;
}

td.tdHalf {
    width:50%;
}

input.extraLarge{
    width: 90%;
}

select.extraLarge {
	width: 350px;
}

textarea.extraLargeMessage{
    width: 88%;
    height: 50px;
}

textarea.extraLargeGuestMessage{
    width: 95%;
    height: 50px;
}

textarea.extraLarge{
    width: 80%;
    height: 50px;
}

input.checkbox, input[type=checkbox] {
    width: 17px;
    color: #000000;
    font-size: 11px;
    margin: 1px;
    padding: 0;
}

select.verySmall{
    width: 40px;
    font-size: 10px;
}

select.small{
    width: 54px;
    font-size: 10px;
}

select.mediumLarge {
    width: 187px;
    font-size: 10px;
}

.spacingDiv{
    padding: 5px;
}

.handCursor {
    cursor: pointer;
}

a.boldLink {
    font-size: 12px;
    font-weight: bold;
    text-decoration: none;
}

a.boldLink:link {
    text-decoration: none;
}

a.boldLink:visited {
    text-decoration: none;
}

a.boldLink:active {
    text-decoration: none;
}

a.boldLink:hover {
    text-decoration: none;
}

a.selected {
    font-weight: bold;
    text-decoration: underline;
}

a.selected:link, a.selected:visited, a.selected:active, a.selected:hover {
    text-decoration: underline;
}

a.linkFontSizeSmall {
    font-size: 11px;
}

/*--------------------table---------------*/
table.highlighted, table.highlighted td{
	border: solid 1px #aaaaaa;	
}

table.separated, table.separated td{
    border: solid #aaaaaa !important;
    border-width: 0 1px 0 1px !important;   
}

table.highlighted table, table.highlighted table td{
    border: none;  
}

tr.noBorder td{
	border: none !important;
}

td.hotelPicture {
    width: 85px;
    height: 85px;
    text-align: center;
    vertical-align: middle;
}

td.hotelPictureLarge {
    width: 95px;
    min-width: 95px;
    height: 95px;
    text-align: center;
    vertical-align: middle;
}

td.picture {
    width: 85px;
    height: 1px;
}

.hotelDescription{
    width : 50%;
}

td.tdSmall{
    width: 5%;
}

td.tdSmallSmallNormal{
    width: 6%;
}

td.tdSmallNormal {
    width: 8%;
}

td.tdSmallNormalNormal{
    width: 10%;
}

td.tdNormal{
    width: 12%;
}

td.tdMediumNormalNormal{
    width: 15%;
}

td.tdMediumAndPaddingLeft{
    width: 20%;
    padding-left:5%;
}

td.tdMediumNormalNormalPad{
    width: 15%;
    padding-left: 45px !important;
}

td.tdMediumNormal{
    width: 17%;
}

td.tdMedium{
    width: 22%;
}

td.tdLarge{
    width: 32%;
}

td.tdMediumLarge{
    width: 27%;
}

td.tdLargeLabel{
    width: 36%;
}

td.tdMediumLargeLabel{
    width: 38%;
}

td.tdExtraLarge{
    width: 45%;
}

td.tdHalfRowLarge{
    width: 60%;
}

td.smallMedium{
    width: 93px;
}

td.largeFont {
	font-size: 12px;
    font-weight: bold;
}
	
td.halfRow{
    width: 50%;
    text-align: left;
}

td.verySmall {
    width: 40px;
}

tbody.odd, tbody.oddRooms {
    background: white;
}

.odd div table, .oddRooms div table, 
.even div table, .evenRooms div table {
    background: transparent !important;
}

input.smallNormal {
	width: 75px;
    font-size: 10px;
}

.dataArea table tbody.odd td, .dataArea table tbody.even td, .dataArea table tbody.highlighted td {
    padding: 2px 0 2px 2px;
}

.dataArea tr.withSpacer{
	border: solid #ffffff;
	border-width: 0 0 2px 0;
}

#contentMapResults .dataArea table tbody.odd td,
#contentMapResults .dataArea table tbody.even td,
#contentMapResults .dataArea table tbody.highlighted td {
    padding: 16px 0 16px 2px;
}

tbody.even, tbody.evenRooms {
    background: #f3f5f7;
}

tbody.spacing {
    padding: 1px 0 1px 0;   
}

.sectionBorderTop {
    border: solid #000000;
    border-width: 1px 1px 0 1px;
    border-collapse: separate;
    margin-bottom: 0 !important; 
}

.sectionBorderBottom {
    border: solid #000000;
    border-width: 0 1px 1px 1px;
    border-collapse: separate;
    margin-top: 0 !important;  
}

.valignBottom {
    vertical-align: bottom;
}

.noTopSpace{
    padding-top: 0 !important;
}

#tabArea #activeTab a {
    text-decoration: underline;
    font-weight: bold;
}

.fadeDisabled, tbody.fadeDisabled td{
    -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=50)" !important;
    filter: alpha(opacity = 50) !important;
    opacity: 0.5 !important;
}
/*--------------------offline styles---------------*/
.extendedLabel{
    width: 153px;
}

.smallLabel{
    width: 95px;
}

.boldLabel {
    font-weight: bold !important;
}

option.optionBold {
    font-weight: bold !important;
}	

.availabilityScrollArea {
    overflow-x: hidden;
    width:630px;
}

table.coverageComponents, table.coverageComponents tr{
    border: solid #d7dee4 !important;
    border-width: 1px 1px 1px 1px !important;   
    height: 25px;
}
table.borderTable{
    border: solid #d7dee4 !important;
    border-width: 1px 1px 1px 1px !important;   
}

.tdSmallAvail {
    padding: 0 !important;
    margin: 0 !important;
    width: 20px !important;
    height: 20px !important;
    text-align: center;
    border: #000000 solid;
    border-width: 0 1px 0 0;
}

.tdLargeAvail {
    width: 25%;
}

.tdSmallAvailHalfHour {
    padding: 0 !important;
    margin: 0 !important;
    width: 20px !important;
    height: 100% !important;
    text-align: center;
    border: #000000 solid;
    border-width: 0 1px 0 0;
    background-color: #d7dee4;
}


.linkSimple {
    text-transform: none !important;
}

.linkUpperCase {    
    text-transform: uppercase;
    background-color: #D5FFD5;
}

/* ---------- Reservation page payment and guarantee ---------- */

td.tdNormalGuarantee {
    width: 20%;
    vertical-align: top;
}

td.tdCoverageNormal {
    width: 60%;
    padding-left: 0;
}

td.tdCoverageMedium {
    width: 80%;
}

td.tdExtraSmall{
    width: 2%;
}

td.tdSmallest{
    width: 3%;
}

td.tdSmaller{
    width: 4%;
}

div.coverageSmall {
	float:left;
	width: 75px;
}

div.coverageAmountDetails {
	float:left;
	width: 125px;
}

div.coverageMedium1 {
	float:left; 
	width: 200px;
}

div.coverageMedium2 {
	float:left;
	width: 235px;
}

div.coverageLarge {
	float:left; 
	width: 360px;
}

div.coverageDescription {
	float:left; 
	width: 160px;
}

div.coverageClearFloat {
	clear: both;
}

td.tdPaddingRight {
    padding-right: 2px !important;  
}

td.tdAlignLeft {
    text-align: left;   
}

/* ---------- Reservation page payment and guarantee ---------- */



/* ---------- MAP INFORMATION TOOLTIP SPECIFIC ---------- */

#mapInfoWindow{
    width: 150px;
}
#mapInfoWindow_contents{
    background-color: #FFFFFF;
}
#mapInfoWindow_beak{
    width: 1px;
    height: 10px;
}

#mapInfoWindow_tl,#mapInfoWindow_tr, #mapInfoWindow_bl, #mapInfoWindow_br,
#mapInfoWindow_t,#mapInfoWindow_l,#mapInfoWindow_r,#mapInfoWindow_b{
    height: 1px;
    width: 1px;
}

/* ---------- MAP INFORMATION TOOLTIP SPECIFIC ---------- */

/* ---------- SLIDER SPECIFIC ---------- */

.smallSlider{
	width: 110px;
	margin-right: 10px;
	margin-left:3px;
}	

.mediumSlider{
    margin-left: 5px; /*for location*/
    width: 175px;
}

.mediumNormalSlider{
    margin-left: 5px; 
    width: 180px;
}

.radiusSmallSlider{
    margin-left: 5px;
    margin-top: 3px;
    width: 85px;
}

.radiusNormalSlider{
    margin-top: 3px;
    width: 140px;
}


.radiusMediumSlider{
	margin-top: 3px;
	width: 165px;
	margin-left: 4px;
}

.radiusSliderValue{
    display: inline;
    float: right;
    padding-right: 5px;
}

.smallSliderStep{
    padding-right: 6px;
}

.mediumSliderStep{
    padding-left: 23px;/*for location*/	
}

.largeSliderStep{
    padding-right: 25px;
}

.alignPriceSlider{
	padding-top: 5px !important;
}

td.tdRadiusInfo {
    width: 22%;
}

td.tdFontSize{
	font-size:13px;
}

td.quarterSize{
    width: 26%;
}

.floatLeft{
	float: left;
}

.floatRight{
    display: inline;
    float: right;
}

td.searchButtonPadding{
    padding-left: 30px;
}

td.alignRight{
	text-align:right;
}
    
.sortOrderMargin{
    margin-left: 10px !important;
}

.alignTop{
	vertical-align: top
}

.leisurePaddingTop{
    padding-top:5px;
}

label.bold {
    font-weight: bold
}

.floatOver{
	height: 0;
	overflow: visible;
	overflow-y: visible;
}

.largeBoldFont {
    font-size: 12px;
    font-weight: bold;
}

/* ---------- SLIDER SPECIFIC ---------- */

/* ---------- PORTAL LAYOUT SPECIFIC ---------- */
#layoutContainerPortal #contentMapResults {
    width: 100%;                                /*the width of the portal layout map result*/
}

/* ---------- PORTAL LAYOUT SPECIFIC ---------- */

#tabArea #inActiveTab a.noStyleLink {
    margin: 0px;
    display: block;
    text-decoration: none;
    cursor:default;
}

/* ---------- AUTOCOMPLETE SPECIFIC ---------- */
.ui-autocomplete {
     max-height: 100px;
     overflow-y: auto;
     /* prevent horizontal scrollbar */
     overflow-x: hidden;
     /* add padding to account for vertical scrollbar */
     padding-right: 20px;
 }
/* ---------- AUTOCOMPLETE SPECIFIC ---------- */
 
 
 /* ------------PAYMENT TYPE ACTIVATION ----------- */
table.paymentTypeCoverages{}
table.paymentTypeCoverages td.bootomRight{
	border-bottom:#CCC solid 1px;
	border-right:#CCC solid 1px;
}
table.paymentTypeCoverages td.right{	
	border-right:#CCC solid 1px;
}
table.paymentTypeCoverages td.bottom{
	border-bottom:#CCC solid 1px;	
}

table.paymentTypeDiffrentCoverages{
	background: #eeeff3;
}
table.paymentTypeDiffrentCoverages td.title{
	font-size: 12px; 
    font-weight:bold;
    text-align: left;
    padding-left: 5px;
    background:#e9edf0;
}
table.paymentTypeDiffrentCoverages .coverages{
    padding: 0px !important;
}
table.paymentTypeDiffrentCoverages td.details{
	font-size: 11px;     
    text-align: left;
    padding-left: 5px;
    background: #eeeff3;
}

table.paymentTypeDiffrentCoverages td.alignCenterWithNoPadding{
	text-align: center;	
	padding: 0px;
}
.smallText{
	font-size: 9px;
}
td.paymentTypeSearchHotel{	
	text-align: left;
}
td.paymentTypeSearchHotel span.button{
	padding-left: 45px;	
}

tr.roomRowHeight{
 height: 35px;
}
td.hotelListExpanded{
	height:20px;
}
#linkExpand a:link, #linkCollapse a:link{
 	text-decoration: underline;
}

/* ----- Note for add/edit on payment types ----- */
#page_PAYMENT_COVERAGE_Section table.hotelContentSection #selectedCoverageNote{
	font-style: italic;	
}