/* Standard */
body { background: #fff; }
form { font-family: Verdana, Arial; font-size: 0.7em; color: #666666; border:none; margin:0 auto; width:800px; line-height:140%; margin-top:10px; margin-bottom:10px; background-color: #fff; padding:0px; }
h1 { font-family: Century Gothic, Verdana, Arial; font-size: 1.4em; font-weight: bold; margin-bottom:10px; text-transform:uppercase; padding-bottom:4px; border-bottom: solid 1px #d6e0e0; }
h2 { font-family: Verdana, Arial; font-size: 1.2em; font-weight: bold; margin-bottom:8px; text-transform:none; padding-bottom:3px; border-bottom: solid 1px #ccc;  }
h3 { font-style: italic; margin-bottom:10px; font-size: 1.0em;}
p { text-align:justify; }
a:visited { color: #65490d; }

/* Progress Bar */
.progress { margin-top:4px; margin-bottom:40px; font-size: 1.0em; }
.progress .title { float:left; width: 125px; text-align: left; }
.progress .standard { float:left; width: 123px; height: 6px; background: #ddd; margin-right:2px; }
.progress .selected { float:left; width: 123px; height: 6px; background: #aaa; margin-right: 2px; }

/* Text */
.text { font-family: Verdana, Tahoma; font-size: 1.0em; color: #666666; padding:0; text-align:justify; margin-top:0;}
.text a { text-decoration:underline; border:none; color: #65490d;}
.text a:hover { color: #ef3b22; text-decoration:underline; border:none }

/* Buttons & Images */
.input { font-family: Verdana, Tahoma; font-size:1.0em; color: #666; margin-bottom:3px; margin-top:3px; }
.image { text-align: center; }

/* Link */
.link { margin-top:20px; }

/* Calendar */
#calendar { margin-bottom:20px; }
#calendar .rooms { background-color: #262626; color: #fff;}
#calendar .room1 { background-color: #ff0000; color: #000; padding-left:10px; }
#calendar .room1 a:link, #calendar .room1 a:active, #calendar .room1 a:visited { color: #000; }
#calendar .room1 a:hover, #calendar .room1 a:active:hover, #calendar .room1 a:visited:hover { color: #444; }
#calendar .room2 a:link, #calendar .room2 a:active, #calendar .room2 a:visited { background-color: #f4b816; color: #000; }
#calendar .room2 a:hover, #calendar .room2 a:active:hover, #calendar .room2 a:visited:hover { color: #444; }
#calendar .date1 { background-color: #262626; color: #fff; }
#calendar .date2 { background-color: #141414; color: #fff; }
#calendar .booked { background-color: #ce0724; color: #fff; }
#calendar .closed { background-color: #717171; color: #fff; }
#calendar .unavailable { background-color: #717171; color: #fff; }
#calendar .package { background-color: #b1f795; color: #222; }
#calendar .package a:link, #calendar .package a:active, #calendar .package a:visited { color: #222; }
#calendar .package a:link:hover, #calendar .package a:active:hover, #calendar .package a:visited:hover { color: #c21c27; }
#calendar .bookable1 { background-color: #73e277; color: #222; }
#calendar .bookable1 a:link, #calendar .bookable1 a:active, #calendar .bookable1 a:visited { color: #222; }
#calendar .bookable1 a:link:hover, #calendar .bookable1 a:active:hover, #calendar .bookable1 a:visited:hover { color: #c21c27; }
#calendar .bookable2 { background-color: #64C467; color: #222; }
#calendar .bookable2 a:link, #calendar .bookable2 a:active, #calendar .bookable2 a:visited { color: #222; }
#calendar .bookable2 a:link:hover, #calendar .bookable2 a:active:hover, #calendar .bookable2 a:visited:hover { color: #c21c27; }

/* Room popup */
.popup { position: absolute; left: 0; top:0; width:100%; height:100%; text-align:center; background: #000; filter:alpha(opacity=90);	-moz-opacity: 0.9; -khtml-opacity: 0.9; opacity: 0.9;}
.popup .details { width: 400px; padding:10px; background: #ddd; border: solid 1px #aaa; margin-top:50px;}
.popup .details .name { font-family:Verdana; font-size: 1.2em; font-weight: bold; margin-bottom: 8px; }
.popup .details .picture { margin-top:12px; margin-bottom:20px; width: 150px; padding: 5px 5px 2px 5px; background-color: #fff; border: solid 1px #888; }
.popup .details .text { width: 380px; padding: 10px;  text-align: justify; font-size:0.7em; font-family:Verdana; color: #555; height: 280px; overflow: auto; }
.booking { margin-top:12px; margin-bottom:6px; }
.roompricecell { padding: 2px 4px; }

/* Rooms */
#rooms { font-family:Verdana; width:660px; }
#rooms .photos { width: 150px; vertical-align:top; padding:10px; }
#rooms .title { text-align: left; }
#rooms .details { padding: 10px; width:460px; vertical-align:top; }
#rooms .prices { margin-top:10px; margin-bottom:10px; }
#rooms .prices table { border: solid 1px #888; border-collapse:collapse; }
#rooms .prices .header { background-color: #666; color: #fff; }
#rooms .prices td { border: solid 1px #888; padding: 2px 6px; font-size:0.9em; }
#rooms .row1 { background: #e4e4e4; }
#rooms .row2 { background: #dedede; }
#rooms .title { font-weight: bold; font-size:1.1em; margin-bottom:6px; border-bottom: solid 1px #ccc; padding-bottom:2px; }
#rooms .description { font-size:1.0em; margin-bottom:6px; text-align: justify; }
#rooms .note { margin-bottom:6px; font-size: 0.9em; font-style: italic; margin-bottom:16px;}
#rooms .required { float:left; margin-right:8px; padding-top:8px; font-size:0.9em; }
#rooms .continue { float:left;}
#rooms .specialoffer { margin-top:12px; margin-bottom:12px; font-size:0.9em; color: #003e96; }
#rooms .picturepanel { float:left; width:150px; margin-bottom:4px; }
#rooms .picture { width:150px; }
#rooms .picture img { border: solid 1px #555; }
#rooms .name { background-color: #222; padding:4px; font-family:Verdana; color: #fff; }
#rooms .selector2 { width: 125px; text-align: justify; margin: 0; padding-left: 25px; }
#rooms .selector {  float:left; margin-right:8px; font-weight:normal; font-family:Verdana; margin-top:2px; padding:0; }
#rooms .continue { font-size:0.95em; font-weight:bold; margin-top:0px; font-family:Verdana; padding:0;  }
#rooms .photoselector { width: 44px; height: 34px; border:0; float:left; margin-right: 7px; margin-bottom:7px; border: solid 1px #555;  }
#rooms .photoselector img { }

/* Booking Completion */
#completebooking { margin-top: 20px; margin-bottom: 20px; width: 800px; text-align: justify; font-size: 1.0em; font-style: italic; }
#completerequest { margin-top: 20px; margin-bottom: 20px; width: 800px; text-align: justify;  font-size: 1.0em; font-style: italic;}
#deposit { font-style: italic; font-size: 1.0em; width: 800px; }

/* AJAX Calendar */
.calendar .ajax__calendar_container { background: #d9d9d9; z-index:255; }
.calendar table { background: #fff; padding: 0; font-size: 0.9em; }
.calendar td { padding: 1px; }
.calendar .ajax__calendar_active { background: #018287; color: #fff; }
.calendar .ajax__calendar_other { background: #e9e9e9; color: #333; }
.calendar .ajax__calendar_day { margin: 1px; padding: 0; }
.calendar .ajax__calendar_day:hover { border: 1px solid #018287; margin: 0; }