/* Main */
body {
  font-family: Verdana, Arial, sans serif;
  font-size: 12px;
  margin: 0;
  background-image: url('../images/layout/background.png');
  background-repeat: repeat;
}

a, a:visited, a:active, a:link {
  text-decoration: none;
  color: #00f;
}

a:hover {
  text-decoration: underline;
  color: #f00;
}

.fieldWithErrors {
  background-color: #996;
  display: table;
}

#errorExplanation {
  width: 400px;
  border: 2px solid red;
  padding: 7px;
  padding-bottom: 12px;
  margin-bottom: 20px;
  background-color: #f0f0f0;
}

#errorExplanation h2 {
  text-align: left;
  font-weight: bold;
  padding: 5px 5px 5px 15px;
  font-size: 12px;
  margin: -7px;
  background-color: #c00;
  color: #fff;
}

#errorExplanation p {
  color: #333;
  margin-bottom: 0;
  padding: 5px;
}

#errorExplanation ul li {
  font-size: 12px;
  list-style: square;
}
/* END Main */

/* Registration Form */
.registerLabel {
  vertical-align: top;
  font-size: 8pt;
  text-align: left;
  padding-top: 4px;
  color: #fff;
}

.registerLabelNoVAlign {
  text-align: left;
  vertical-align: middle;
  color: #fff;
}

.press {
  text-align: center;
  vertical-align: top;
  color: #fff;
  font-size: 12pt;
}

#loginLabel {
  font-size: 10pt;
}

.registerField {
  vertical-align: top;
  padding-left: 4px;
}

.registerField input, .registerField textarea {
  vertical-align: top;
  border: solid 1px #330000;
  background-color: #FFF;
}

.padTop {
  padding-top: 10px;
}
/* END Registration form */

/* Layouts */
.mainTable {
  vertical-align: top;
  text-align: center;
  width: 100%;
}

.HP_logo {
  text-align: right;
  padding-top: 30px;
  height: 53px;
}

.whiteRingSpacer {
  background-color: #FFF;
  width: 332px;
  height: 10px;
}

.rings {
  text-align: left;
  width: 308px;
  background-color: #FFF;
}

.leftDropShadow {
  background-image: url('../images/layout/L_content_drop_shadow.png');
  background-repeat: repeat-y;
  background-position: top right;
}

.rightDropShadow {
  background-image: url('../images/layout/R_content_drop_shadow.png');
  background-repeat: repeat-y;
  background-position: top left;
}

.content {
  background-color: #FFF;
}

.redBox {
  vertical-align: top;
  background-image: url('../images/layout/T_red_slice.png');
  background-repeat: repeat-y;
  background-position: top left;
  text-align: left;
  background-color: #FFF;
  width: 308px;
}

.redBoxBottom {
  vertical-align: top;
  text-align: right;
  background-color: #FFF;
  height: 10px;
}

.registraText {
  background-color: #FFF;
  background-image: url('../images/layout/L_red_shadow.png');
  background-repeat: repeat-y;
  background-position: top right;
  text-align: left;
  width: 288px;
  padding: 10px;
  font-size: 10pt;
  vertical-align: top;
}

.loginText {
  background-color: #FFF;
  text-align: left;
  padding: 10px;
  width: 288px;
  font-size: 10pt;
}

.bottomDropShadow {
  background-image: url('../images/layout/B_content_drop_shadow.png');
  background-repeat: repeat-x;
}

.constellink {
  vertical-align: top;
  text-align: left;
  padding-bottom: 30px;
}

.emailllink {
  vertical-align: top;
  text-align: right;
  padding-bottom: 30px;
}

.personalInfo {
  vertical-align: top;
  text-align: left;
  padding: 0 10px 0 10px;
  background-color: #FFF;
}

.personalName {
  font-size: 18pt;
  font-weight: bold;
  vertical-align: top;
  padding-top: 5px;
  padding-bottom: 13px;
}

.personalContact {
  font-size: 12;
  vertical-align: bottom;
}

.ribbons {
  vertical-align: top;
  text-align: left;
  width: 146px;
  background-color: #FFF;
}

.at {
  vertical-align: middle;
  width: 26px;
  background-color: #FFF;
  padding-top: 22px;
  text-align: left;
}

.numbers {
  vertical-align: middle;
  text-align: center;
  width: 146px;
  background-repeat: repeat-y;
  background-color: #FFF;
  height: 80px;
  font-size: 48pt;
  padding-bottom: 10px;
}

.favNums {
  vertical-align: middle;
  text-align: center;
  width: 146px;
  background-repeat: repeat-y;
  background-color: #FFF;
  height: 80px;
  font-size: 36pt;
  background-position: top right;
}

.favNums2 {
  vertical-align: middle;
  text-align: center;
  width: 146px;
  background-repeat: repeat-y;
  background-color: #FFF;
  font-size: 36pt;
  background-position: top right;
}

.name {
  font-size: 18pt;
  width: 322px;
  padding-left: 10px;
}

.name a {
  font-size: 8pt;
}

.name div {
  font-size: 10pt;
}

#hotelName {
  width: 333px;
}

#favorites_availability {
  background-image: url('../images/layout/favorites_availability_slice.png');
}

#availability {
  background-image: url('../images/layout/availability_slice.png');
}

#rate {
  background-image: url('../images/layout/rate_slice.png');
  color: #FFF;
}

.menuCorners {
  background-repeat: no-repeat;
  width: 16px;
  height: 35px;
  text-align: left;
}

#leftMenuCorner {
  background-image: url('../images/layout/L_menu_corner.png');
  background-position: top right;
}

#rightMenuCorner {
  background-image: url('../images/layout/R_menu_corner.png');
  background-position: top left;
}

.menuRow {
  text-align: left;
  background-color: #FFF;
  background-image: url('../images/layout/menu_slice.png');
  background-repeat: repeat-x;
  width: 332px;
}

.menuRowAvailability {
  text-align: left;
  background-image: url('../images/layout/availability_slice.png');
  background-repeat: repeat-y;
}

.menuRowRate {
  text-align: left;
  background-image: url('../images/layout/rate_slice.png');
  background-repeat: repeat-y;
  background-color: #FFF;
}

.menuExpander {
  background-image: url('../images/layout/menu_slice.png');
  background-repeat: repeat-x;
  background-position: top left;
}

.sorter {
  text-align: left;
  vertical-align: top;
  font-size: 8pt;
  padding: 5 0 0 10px;
  height: 15px;
  width: 322px;
}
/* END Layouts */

/* START Search */
fieldset {
    padding: 10px;
    margin-bottom: 20px;
}

#searchContent {
    padding: 0 20px 20px 20px;
}

.hotelName {
    font-size: 24pt;
}
/* END Search */

/* START Boxover*/
.boxoverHeader {
    font-weight: bold;
	font-family: Arial;
	border: 1px solid #300;
	padding: 3px;
    font-size: 18;
    color: #fff;
	background-color: #900;
	filter: alpha(opacity=90);
	opacity: 0.95;
}

.boxoverBody{
	border-bottom: 1px solid #300;
	border-left: 1px solid #300;
	border-right: 1px solid #300;
	font-family: arial;
	font-size: 14;
	padding: 3;
	color: #000;
	background-color: #FFFFFF;
	filter: alpha(opacity=90);
	opacity: 0.95;
}

.boxoverHeader2 {
    font-weight: bold;
	font-family: Arial;
	border: 1px solid #300;
	padding: 3px;
    font-size: 18;
    color: #fff;
	background-color: #900;
	width: 300px;
	filter: alpha(opacity=85);
	opacity: 0.85;
}

.boxoverBody2{
	border-bottom: 1px solid #300;
	border-left: 1px solid #300;
	border-right: 1px solid #300;
	width: 300px;
	font-family: arial;
	font-size: 14;
	padding: 3;
	color: #000;
	background-color: #FFFFFF;
	filter: alpha(opacity=85);
	opacity: 0.85;
}
/* END Boxover*/