body {
	margin: 0px;
	padding: 0px;
	font-family: verdana, arial, sans-serif;
	font-size: 100%;
}

select, input {font-size: 12px;}

select.availability {
	width: 35px;
}

/* * {border: solid black} */

* {margin: 0; padding: 0;}

.clearfix a img {
	border: none
}

/* wrapper id for all content */
#mainwrap {
	width: 700px;
	margin-left: auto;
	margin-right: auto;
	text-align: left;

	
}

#maincontainer {	
	background-position: top;
	margin-top: 0px;
	padding-top: 20px;

	}

#header {
	width: 700px;
	height: 180px;
	text-align: center;
}

/* wrapper for 'sidebar' and 'search' div's */
#contentarea {
	width: 700px;
	background-color: #fff;	
border: solid #216a98 1px;
}

/* wrapper for 'Search Reservation' line and link */
#amendreservation {
	width: 535px
}

#amendreservation p {
	font-size: 11px;
	color: #216a98;
	padding: 1em 0;
	text-align: center
}

/* empty for sbokos */
#sidebar {}

/* search availability, search reservation forms and results */
#search {
	margin-left: 0px;
	width: auto;
	background-color: #fff;
	padding-top: 1em;
	padding-bottom: 1em;

}

#footer {
	width: 700px;
	text-align: center;
	padding-top: 0px;
	color: #3597d4;
	font-size: 0.8em;
	text-align: center;	
	padding-bottom: 1.0em;
	padding-top: 1.0em;
	font-size: 10px;
}

#footer a {
	color: #3597d4;
	text-decoration: none;
}

.submit {
	text-align: center;
	font-size: 1.2em;
}

input.submit {
	background-color: #3597d4;
	padding: 4px;
	font-weight: bold;
	font-size: 12px;
	color: white;
	text-align: center;
	font-size: 12px;
	border-style: double;
	border-width: 6px;
	border-color: white;
	cursor: pointer;
	cursor: hand
}

/* message shown to the user while waiting for search results */
#dots {
	color: #475c7b;
	text-align: left;
	font: .8em verdana, arial, sans-serif;
	font-weight: bold;
	padding: 2em 2em 2em 6em;
	width: auto;
	height: 40px;
	vertical-align: middle;
}

#dots a {
	margin-top: 1em;
	display: block;
}

/* here follows the brillant "no-extra-markup" clearing method devised by Tony Aslett - www.csscreator.com */ /* simply add the clearfix class to any containter that must enclose floated elements */
	/* read the details of how and why this works at http://www.positioniseverything.net/easyclearing.html */
.clearfix:after {
	content: "."; /* the period is placed on the page as the last thing before the div closes */
	display: block; /* inline elements don't respond to the clear property */
	height: 0; /* ensure the period is not visible */
	clear: both; /* make the container clear the period */
	visibility: hidden; /* further ensures the period is not visible */
}

.clearfix {
	display: inline-block;
}

/* a fix for IE Mac */ /* next a fix for the dreaded Guillotine bug in IE6 */ /* Hides from IE-mac \*/
* html .clearfix {
	height: 1%;
}

.clearfix {
	display: block;
}  /* End hide from IE-mac */ /* end of "no-extra-markup" clearing method */ /* wrapper class for a search result */
.searchresult {
	color: #216a98;
	border-bottom: 1px dashed #3597d4;
	text-align: left;
	padding-top: 10px;
	padding-bottom: 10px;
	margin-left: .5em;
	margin-right: .5em;
	font-size: .75em;
	width: auto;
	overflow: hidden;
	z-index: -1;
}

.hotelimage {
	float: left;
	width: 100px;
}

.hotelimage p {
	font-size: .8em
}

.hotelinfo {
	float: left;
	width: 580px;
}

.hotelinfo p {
	padding-top: .5em;
	font-size: .9em;
	padding: .5em 0;
	color: #216a98;
	text-align: justify
}

.hotelinfo h3 {
	font-size: .8em;
	display: inline;
	margin-right: .5em
}

.hotelinfo h3 a:link,.hotelinfo h3 a:active {
	color: #216a98;
	text-decoration: none;
}

.hotelinfo h3 a:visited {
	text-decoration: none;
	color: #216a98;
}

.hotelinfo h3 a:hover {
	color: #216a98;
	text-decoration: underline;
}

.hotelinfo .hotelname {
	float: left;
}

.hotelinfo .hotelrate {
	float: right;
	font-size: .9em
}

/* general form container, */ /* basis for the other form containers that follow in this CSS file */
#formcontainer {
	width: 530px;
}

#formcontainer.callibrator {
	margin-left: .5em;
}

#formcontainer .firstcolumn {
	float: left;
	width: 270px;
}

#formcontainer .secondcolumn {
	float: left;
}

#formcontainer h3 {
	margin: 20px 0 0 10px;
	font-weight: bold;
	font-size: .8em;
}

#formcontainer h4 {
	margin: 0 0 10px 0px;
	font-weight: bold;
	font-size: .85em;
	color: #216a98;
	text-align: center
}

#formcontainer form { /*
  border-top: 2px solid #CCC;
  border-bottom: 3px solid #CCC
	*/
	
}

#formcontainer form fieldset {
	border-top: 1px solid #ccc;
	border-bottom: 2px solid #ccc;
	border-left: 1px solid #ccc;
	border-right: 2px solid #ccc;
}

#formcontainer form fieldset legend {
	font-weight: bold;
	font-size: 12px;
	color: #216a98;
	margin: 6px 0px 6px 5px;
	padding: 2px 5px 0 2px;
}

/* the top border is visually 1 px thicker because it touches the div.clearfix bordertop */
#formcontainer div.clearfix {
	padding: .2em 0;
	vertical-align: top;
}

#formcontainer div.clearfix select,#formcontainer div.clearfix input {
	font-size: .7em
}

/* adds the line above each section and provides vertical spacing */
#formcontainer form label {
	width: 127px;
	float: left;
	font-size: .7em;
	color: #216a98;
	margin: 0.5em;
}

/* this is the text label on the left of each input */ /*some extra styles for the checkbox and radio button sets*/
#formcontainer div.buttongroup {
	float: left;
	margin: 0px;
	padding: 0px;
}

/* a container for a groups of buttons - suppresses the clearfix div top border on the divs around the radio buttons/checkboxes */
#formcontainer div.buttongroup div {
	margin-bottom: 5px;
	font-size: .75em;
}

/* wrapper for the INPUT and its text - margin-bottom sets the vertical distance between buttons */
#formcontainer div.buttongroup input {
	margin-right: 5px;
}

/* positions the submit button by selecting a div with attribute type SUBMIT - IDWIMIE */
#formcontainer input [type="submit"] {
	display: block;
	margin-left: auto;
	margin-right: 10px;
}

/* search criteria that the user used during his/her search */ /* these are displayed on top of search results */
#availabilitydetails {
	height: 43px;
	font-size: 10px;
	font-weight: bold;
	color: #216a98;
	margin: .5em 10px .5em 10px;
	padding: .1em 0 .1em 0;
	border-top: 1px solid #becfd7;
	border-bottom: 1px solid #becfd7;
}

#availabilitydetails table caption {
	text-align: left;
	font-size: 10px;
	font-weight: bold;
	color: #216a98;
}

#availabilitydetails table td {
	font-size: 10px;
	font-weight: bold;
	color: #216a98;
	padding: 0.3em;
}

/* numbering and navigation through the results */
#navigation {
	margin: 1em 10px 1em 10px;
	font-size: .8em;
	font-weight: bold;
	color: #3597d4;
	text-align: center;
}

#navigation a img {
	text-align: center;
	margin: .5em 0 2em 0;
}

#navigation .notes {
	color: black;
	clear: both;
	text-align: left;
	margin: 2em 0 0 0;
	font-weight: normal
}

#navigation .notes p {
	margin: .5em 0 0 0;
}

/* start of 'old' css classes */
.bluetd {
	color: #6e7db4;
	font-size: 10px
}

.white_bigtitle {
	font-size: 12px;
	font-weight: bold;
	color: #216a98;
	text-decoration: uppercase
}

.blue {
	font-size: 10px;
	color: #216a98;
}

.orangetd {
	color: #216a98;
}

.white {
	color: #216a98;;
	margin-right: 1em;
}

.popCalTrigger {
	
}

/* end of 'old' css classes */
.hoteladdress {
	font-size: .65em;
	color: #216a98;
	text-align: center;
	padding: .5em
}

.hotelinfoheader {
	font-size: 11px;
	font-weight: bold;
	color: #216a98;
	text-decoration: uppercase;
}

#centerwrap {
	padding-left: 40px;

}

#avalaibilitycenterwrap {padding-left: 90px;}

table.hotelinfotable {
	margin: 1em 1em 0.3em;
	width: 657px;
	font-size: .9em;
}



table.availablerooms {
	margin: .5em 1em 0 0;
	width: 50%;
	font-size: 10px;
	padding: 3px;
	border-top: 2px solid #ccc;
	border-bottom: 2px solid #ccc;
}

table.rateinfotable {
	margin: .5em 1em 0.3em;
	width: 50%;
	font-size: 10px;
	padding: 3px;
	border-top: 2px solid #ccc;
	border-bottom: 2px solid #ccc;
}

table.rateinfotable td {padding: 3px}

table.hotelinfotable ul {margin-left: 15px; margin-top: .5em;}

table.hotelinfotable ul li {
	font-size: 10px;
	color: #216a98;
	padding: 0;
}

table.hotelratetable {padding-left: 2px;}

table.hotelratetable td {padding: 2px;}

/* start of error messages formatting */
.error {font-size: 10px; color: red;}

.error ul {list-style: none; margin: 10px 0;}

.error ul li {padding-left: 5px;}

#responseerrors {
	margin-left: 120px;
	margin-top: .5em;
	text-align: left;
	font-size: .8em;
	color: #216a98;
	font-weight: bold;
}

#responseerrors ul {list-style-type: none;}

#responseerrors ul li {font-size: 1em;}

#responseerrors a {color: #3597d4;}

/* end of error messages formatting */
.resultsrates {display: none}

.showavailable {
	display: block;
	cursor: hand;
	cursor: pointer;
	text-decoration: underline;
}

#newreservation p {
	font-size: 11px;
	color: #216a98;
	padding: 1em 0;
}

/* status bar styling starts here */
#listmenu {
	font-size: 11px; /* SET FONT-SIZE HERE */
	font-weight: bold;
	padding: 0.5em 1em.5em;
}

#listmenu ul {margin: 0 0 0 90px;}

#listmenu li {
	float: left; /* causes the list to align horizontally instead of stack */
	list-style-type: none; /* removes the bullet off each list item */
	margin-right: 25px;
	color: #ccc
}

#listmenu li:hover {
	background-color: #fff; /*sets the background of the menu items */
}

#listmenu a {
	padding: 0 3px; /*creates space each side of menu item's text */ /*text-decoration:none;*/ /* removes the underlining of the link */
	color: #ccc; /* sets the type color */
}

#listmenu a.highlight {
	padding: 0 3px; /*creates space each side of menu item's text */ /*text-decoration:none;*/ /* removes the underlining of the link */
	color: #3597d4; /* sets the type color */
}

#listmenu .highlight {
	padding: 0 3px; /*creates space each side of menu item's text */
	text-decoration: bold; /* removes the underlining of the link */
	color: #3597d4; /* sets the type color */
}

div#listmenu a:hover {color: #069}

/* end of statusbar styling */
#showextracriteria {
	float: right;
	padding: 0.5em.1em 0;
	display: block;
	cursor: hand;
	cursor: pointer;
	text-decoration: underline;
}

#extracriteria {display: none;}

#amenities table {font-size: 10px; color: #216a98;}

/* form container for checking availability */
#avalaibilityformcontainer {
	width: 530px; 
}

#avalaibilityformcontainer.callibrator {
	margin-left: .5em;
}

#avalaibilityformcontainer .firstcolumn {
	float: left;
	width: 290px;
	margin-left: 10px;
}

/* IE hack, visible for Firefox */
html>body #avalaibilityformcontainer .firstcolumn {float: left; width: 290px; margin-left: 20px;}

#avalaibilityformcontainer .secondcolumn {
	float: left;
}

#avalaibilityformcontainer h3 {
	margin: 20px 0 0 10px;
	font-weight: bold;
	font-size: .8em;
}

#avalaibilityformcontainer h4 {
	margin: 0 0 10px 0px;
	font-weight: bold;
	font-size: .85em;
	color: #216a98;
	text-align: center
}

#avalaibilityformcontainer form { /*
  border-top: 2px solid #CCC;
  border-bottom: 3px solid #CCC
	*/
	
}

#avalaibilityformcontainer form fieldset {
	border-top: 1px solid #ccc;
	border-bottom: 2px solid #ccc;
	border-left: 1px solid #ccc;
	border-right: 2px solid #ccc;
}

#avalaibilityformcontainer form fieldset legend {
	font-weight: bold;
	font-size: 12px;
	color: #216a98;
	margin: 6px 0px 6px 5px;
	padding: 2px 5px 0 2px;
}

/* the top border is visually 1 px thicker because it touches the div.clearfix bordertop */
#avalaibilityformcontainer div.clearfix {
	padding: .2em 0;
	vertical-align: top;
}

#avalaibilityformcontainer div.clearfix select,
formcontainer div.clearfix input {
	font-size: .7em
}

/* adds the line above each section and provides vertical spacing */
#avalaibilityformcontainer form label {
	width: 100px;
	float: left;
	font-size: .7em;
	color: #216a98;
	margin: 0.5em;
}

#avalaibilityformcontainer form label.smokinglabel {
	width: 125px;
}

#avalaibilityformcontainer form label.childrenpreroom {
	width: 120px;
}

#avalaibilityformcontainer form label.childrenages {
	width: 40px;
}

#avalaibilityformcontainer form label.adultsperroom {
	width: 120px;
}

#avalaibilityformcontainer form label.roomnumber {
	width: 120px;
}

/* this is the text label on the left of each input */ /*some extra styles for the checkbox and radio button sets*/
#avalaibilityformcontainer div.buttongroup {
	float: left;
	margin: 0px;
	padding: 0px;
}

/* a container for a groups of buttons - suppresses the clearfix div top border on the divs around the radio buttons/checkboxes */
#avalaibilityformcontainer div.buttongroup div {
	margin-bottom: 5px;
	font-size: .75em;
}

/* wrapper for the INPUT and its text - margin-bottom sets the vertical distance between buttons */
#avalaibilityformcontainer div.buttongroup input {
	margin-right: 5px;
}

/* positions the submit button by selecting a div with attribute type SUBMIT - IDWIMIE */
#avalaibilityformcontainer input [type="submit"] {
	display: block;
	margin-left: auto;
	margin-right: 10px;
}

/* end of checking avalaibility search */ /* form container for searching reservations */
#searchreserveformcontainer {width: 620px;}

#searchreserveformcontainer .firstcolumn {float: left; width: 320px; margin-left: 10px;}
/* IE hack, visible for Firefox */
html>body #searchreserveformcontainer .firstcolumn {float: left; width: 320px; margin-left: 25px;}

#searchreserveformcontainer .secondcolumn {float: left;}

#searchreserveformcontainer .secondcolumn label {width: 100px;}

#searchreserveformcontainer .firstcolumn label {width: 140px;}

#searchreserveformcontainer h3 {
	margin: 20px 0 0 10px;
	font-weight: bold;
	font-size: .8em;
}

#searchreserveformcontainer h4 {
	margin: 0 0 10px 0px;
	font-weight: bold;
	font-size: .85em;
	color: #216a98;
	text-align: center
}

#searchreserveformcontainer form { /*
  border-top: 2px solid #CCC;
  border-bottom: 3px solid #CCC
	*/
}

#searchreserveformcontainer form fieldset {
	border-top: 1px solid #ccc;
	border-bottom: 2px solid #ccc;
	border-left: 1px solid #ccc;
	border-right: 2px solid #ccc;
}

#searchreserveformcontainer form fieldset legend {
	font-weight: bold;
	font-size: 12px;
	color: #216a98;
	margin: 6px 0px 6px 5px;
	padding: 2px 5px 0 2px;
}

/* the top border is visually 1 px thicker because it touches the div.clearfix bordertop */
#searchreserveformcontainer div.clearfix {
	padding: .2em 0;
	vertical-align: top;
}

#searchreserveformcontainer div.clearfix select,
#formcontainer div.clearfix input {
	font-size: .7em
}

/* adds the line above each section and provides vertical spacing */
#searchreserveformcontainer form label {
	width: 130px;
	float: left;
	font-size: .7em;
	color: #216a98;
	margin: 0.5em;
}

/* this is the text label on the left of each input */ /*some extra styles for the checkbox and radio button sets*/
#avalaibilityformcontainer div.buttongroup {
	float: left;
	margin: 0px;
	padding: 0px;
}

/* a container for a groups of buttons - suppresses the clearfix div top border on the divs around the radio buttons/checkboxes */
#searchreserveformcontainer div.buttongroup div {
	margin-bottom: 5px;
	font-size: .75em;
}

/* wrapper for the INPUT and its text - margin-bottom sets the vertical distance between buttons */
#searchreserveformcontainer div.buttongroup input {
	margin-right: 5px;
}

/* positions the submit button by selecting a div with attribute type SUBMIT - IDWIMIE */
#searchreserveformcontainer input [type="submit"] {
	display: block;
	margin-left: auto;
	margin-right: 10px;
}

.formerrors ul {margin-left: 5px; margin-top: 5px;}
.formerrors ul li {color: red; font-size: .7em; list-style-type: none}

.review_reserve {
	text-align: center;
	font-size: 1.2em;
}

select.creditCardType {width: 90px;}
select.expirationMonth {width: 45px;}
select.expirationYear {width: 55px;}

select.bedType {width: 100px;}
select.userRating {width: 100px;}
select.smokingPreference {width: 50px;}

#login {color: #000000; width: 530px; margin-bottom: 0px; display:none}
#loginarea h4 {color: #385789; font-size: .6em; text-align: right; margin-top: 5px; padding: 0; margin-right: 0px;}
#loginarea h4 a {color: #385789; text-decoration: none}
#loginarea h4 a:hover {color: #81A4DD;}

#login form fieldset {
	border-top: 1px solid #ccc;
	border-bottom: 2px solid #ccc;
	border-left: 1px solid #ccc;
	border-right: 2px solid #ccc;
	padding: 0 0 10px 0; 
}

#login form fieldset legend {
	font-weight: bold;
	font-size: 12px;
	color: #216a98;
	margin: 0 0px 6px 5px;
	padding: 2px 5px 0 2px;
}

#login form label {color: #216a98; font-size: .7em;}
#login form span {margin-left: 35px;}

#loginFeedBack h3 {text-align: center; font-size: 14px; color: #216a98; margin-bottom: 20px}
#loginFeedBack p {font-size: 11px; color: #216a98; padding: 1em 50px; text-align: justify; margin: 1em 0}

ul.formErrors {margin: 0 10px 20px 20px}
ul.formErrors li {font-size: 8pt; list-style-type: disc; color: red; padding: 0 0 .2em 0}