﻿.roomName{
	color:#696969;
}
div.sectionHeader { clear:both;background-color:#007EBD;color:#FFFFFF;font-weight:600;padding:10px }
div.divRoom {margin-bottom:20px;padding-bottom:20px;border-bottom:2px dotted #d6d7d6}
div.divRoomSelected {background-color:#D3E3FD}
div.divTermsConditions {line-height:20px;color:#6E6E6F;font-size:11px}

/*----------------------------------------------------------
The base color for this template is #5c87b2. If you'd like
to use a different color start by replacing all instances of
#5c87b2 with your new color.
----------------------------------------------------------*/
/*#region MyRegion */

body
{
    background-color: #FFFFFF;
    font-size: 75%;
    font-family: Verdana, Tahoma, Arial, "Helvetica Neue", Helvetica, Sans-Serif;
    margin: 0;
    padding: 0;
    color: #696969;
}
.bookingButton2 {
     background-color: green;
	 color:#FFF;
     border-style: outset;
     border-width: 2px;
     border-radius: 10px;
     border-color: beige;
     font: bold 14px;
     min-width: 10em;
     padding: 6px;
 }
a:link
{
    color: #034af3;
    text-decoration: underline;
}
a:visited
{
    color: #505abc;
}
a:hover
{
    color: #1d60ff;
    text-decoration: none;
}
a:active
{
    color: #12eb87;
}

p, ul
{
    margin-bottom: 20px;
    line-height: 1.6em;
}

/*#endregion*/

/* HEADINGS   
----------------------------------------------------------*/
h1, h2, h3, h4, h5, h6
{
    font-size: 1.5em;
    color: #000;
}

h1
{
    font-size: 2em;
    padding-bottom: 0;
    margin-bottom: 0;
}
h2
{
    padding: 0 0 10px 0;
}
h3
{
    font-size: 1.2em;
}
h4
{
    font-size: 1.1em;
}
h5, h6
{
    font-size: 1em;
}

/* this rule styles <h2> tags that are the 
first child of the left and right table columns */
.rightColumn > h1, .rightColumn > h2, .leftColumn > h1, .leftColumn > h2
{
    margin-top: 0;
}

/* PRIMARY LAYOUT ELEMENTS   
----------------------------------------------------------*/

/* you can specify a greater or lesser percentage for the 
page width. Or, you can specify an exact pixel width. */
.page
{
    width: 935px;
    margin-left: auto;
    margin-right: auto;
}

#header
{
    position: relative;
    background-color:#293E44;
    color: #fff;
    padding: 0;
}

#headerContent {margin:0px; background-color:#ffffff}

#header h1
{
    font-weight: bold;
    padding: 5px 0;
    margin: 0;
    color: #fff;
    border: none;
    line-height: 2em;
    font-size: 32px !important;
}

#main
{
    padding:10px 10px 10px 10px;
    background-color: #fff;
    margin-bottom: 30px;
    _height: 1px; /* only IE6 applies CSS properties starting with an underscore */
}

#footer
{
    color: #999;
    padding: 10px 0;
    text-align: center;
    line-height: normal;
    margin: 0;
    font-size: .9em;
}

/* TAB MENU   
----------------------------------------------------------*/
ul#menu
{
    border-bottom: 1px #5C87B2 solid;
    padding: 0 0 2px;
    position: relative;
    margin: 0;
    text-align: right;
}

ul#menu li
{
    display: inline;
    list-style: none;
}

ul#menu li#greeting
{
    padding: 10px 20px;
    font-weight: bold;
    text-decoration: none;
    line-height: 2.8em;
    color: #fff;
}

ul#menu li a
{
    padding: 10px 20px;
    font-weight: bold;
    text-decoration: none;
    line-height: 2.8em;
    background-color: #e8eef4;
    color: #034af3;
}

ul#menu li a:hover
{
    background-color: #fff;
    text-decoration: none;
}

ul#menu li a:active
{
    background-color: #a6e2a6;
    text-decoration: none;
}

ul#menu li.selected a
{
    background-color: #fff;
    color: #000;
}

/* FORM LAYOUT ELEMENTS   
----------------------------------------------------------*/

fieldset 
{
    border:1px solid #ddd;
    padding:0 1.4em 1.4em 1.4em;
    margin:0 0 1.5em 0;
}

legend 
{
    font-size:1.2em;
    font-weight: bold;
}

textarea 
{
    min-height: 75px;
}

input[type="text"] 
{
    width: 200px;
    border: 1px solid #CCC;
}

input[type="password"] 
{
    width: 200px;
    border: 1px solid #CCC;
}

/* TABLE
----------------------------------------------------------*/

table 
{
  border: solid 1px #e8eef4;
  border-collapse: collapse;
}

table td 
{
  padding: 5px;   
  border: solid 1px #e8eef4;
}

table th
{
  padding: 6px 5px;
  text-align: left;
  background-color: #e8eef4; 
  border: solid 1px #e8eef4;   
}

/* MISC  
----------------------------------------------------------*/
.hidden { display: none }

.clear
{
    clear: both;
}

.error
{
    color:Red;
}

#menucontainer
{
    margin-top:40px;
}

div#title
{
    display:block;
    text-align:left;
    padding-left:10px
}

#logindisplay
{
    font-size:1.1em;
    display:block;
    text-align:right;
    margin:10px;
    color:White;
}

#logindisplay a:link
{
    color: white;
    text-decoration: underline;
}

#logindisplay a:visited
{
    color: white;
    text-decoration: underline;
}

#logindisplay a:hover
{
    color: white;
    text-decoration: none;
}

.bold 
{
    font-weight:bold;
}

/* Styles for validation helpers
-----------------------------------------------------------*/
.field-validation-error
{
    color: #ff0000;
}

.field-validation-valid
{
    display: none;
}

.input-validation-error
{
    border: 1px solid #ff0000;
    background-color: #ffeeee;
}

.validation-summary-errors
{
    font-weight: bold;
    color: #ff0000;
}

.validation-summary-valid
{
    display: none;
}

/* Styles for editor and display helpers
----------------------------------------------------------*/
.display-label,
.editor-label
{
    margin: 1em 0 0 0;
}

.display-field,
.editor-field
{
    margin:0.5em 0 0 0;
}

.text-box
{
    width: 30em;
}

.text-box.multi-line
{
    height: 6.5em;
}

.tri-state
{
    width: 6em;
}

/* Styles Added by Developer */
.noBorder {border:0px}
.noBorder td {border:0px}

.noDisplay {display:none}

.clearfix:after {    content: ".";    display: block;    height: 0;    clear: both;    visibility: hidden;}

.floatLeft{
    float:left
}
.round {
    margin:0px 0px 10px 0px;
    padding: 15px;
    text-align: left;
    border:1px solid #C6C6C6;
}

/* List Page Styles */
#divListLeft{
    width:225px;
    margin-right:10px;
    border:0px solid #C6C6C6;
}
#divListLeft div{
    margin-bottom:8px;
    color:#fff; font-weight:bold
}
#divListLeft table {border:0px;}
#divListLeft table td{
    margin:0px;padding:0px;
    border:0px
}

#divListRight{
    width:660px;
    border:0px solid #C6C6C6;
    min-height:100px;
}

div.listRightContainer{background-color:#EBE9E5;padding:10px}

div.listRightHeader{background-color:#ffffff;height:50px;padding:5px;line-height:25px}
div.listRightHeader div.floatRight{text-align:right}

div.listRightSortFields {background-color:#F5F5F3; height:35px; border-bottom:2px solid #d6d7d6 }
div.listRightSortFields div {float:left; color:#008DC2; font:normal bold 12px arial; width:100px; text-align:center; vertical-align:middle; padding:10px 0px;}

#divListLeft div.round {background-color:#8AADC3}
#divListRight div.round {background-color:#D6E4E1}

.propertyInfo
{
    clear:both;width:100%;
    background-color:#fff;
    margin-top:10px;
    border:1px solid #d6d7d6
}
.roomsInfo
{
    clear:both;margin-top:10px;width:100%;
    background-color:#fff;
}
.propertyPhoto{
    float:left;
    width:90px;height:90px;
    border:0px solid #8DB9DB;
    margin-right:10px;
    padding:5px;
}
.propertyDetails{
    float:left;
    width:300px;
    border:0px solid #8DB9DB;
    padding:5px;
}
.propertyRatesinfo{
    float:right;
    width:100px;
    padding:5px;
    border:0px solid #8DB9DB;
    text-align:right;
    color:#5C87B2;
    font:normal bold 15px Times New Roman;
}

.propertyName{
    color:#414141;
    font-size:13px;font-weight:bold;
    white-space:nowrap
}
.address{
    margin-top:5px;
    font-size:11px;
}
.ratingSearch{
    font-size:11px;
    margin:0px;
}
.starSearch{
    vertical-align:text-top;
    margin-right:2px;
    
}

.searchLabel{
    padding-top:0px;
}

/*Booking Review related styles*/
.reviewHeaderFont {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 15px;
	font-weight: bold;
	margin-bottom:10px
}
.reviewText, reviewText td {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	border:0px
}
.reviewPolicies {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
}
.reviewDateDisp {
	font-weight:bold;
	color:#5B5B5B;font-size: 15px;
}
.reviewPriceDisp {
	text-align:right;
	font-size: 15px;
}
.reviewPriceDispGrandTotal {
	font-weight:bold;
	color:#008DC2;font-size: 20px;
}
.reviewPriceDisp img{
	    width:15px; height:15px;
	    vertical-align:middle
}

.roomsSearchInfo {width:100%;margin-top:20px}
.roomsSearchInfo .searchLabel {font:normal normal 10px arial}
.roomsSearchInfo select {font:normal normal 10px arial}

table.roomsInfo tbody td {border:0px;border-bottom:1px solid #d6d7d6;height:30px;}
.roomType{color:#008DC2;font-size:15px;font-weight:bold;}
.mealPlan{font:normal bold 10px arial;line-height:20px}

.roomPriceHdr{text-align:right;}
.priceDisplay{width:100px;text-align:right;color:#008DC2;font-size:20px;font-weight:bold;font-family:Arial;}
.priceDisplay span{cursor:default;}

.roomAvailabilityDisplay {width:110px;text-align:center}
.roomAvailabilityDisplay img {border:0px;cursor:pointer}

#divListLeft div.spacer { height:1px; background-color:#BD5F72; margin:5 0 5 0; }

#divListLeft div.searchHead{text-align:center;font-weight:bold;padding-bottom:10px;}

#divListLeft div.searchSubHead {padding:15px 0px 2px 0px; color:#FFB900; font:normal bold 14px Courier;}