/*  
Theme Name: roomMaster.Net - Default
Description: roomMaster.Net v6
Author: InnQuest Software
Author URI: http://www.innquest.com/
------------------------------------------------------
Explanation of Values:
Globals: applies to entire website unless a sub-class is needed
Custom Design: applies to the header.html and footer.html files which control the top and bottom frames
Booking Engine: applies to the main content of the page
Booking Widget: applies to external booking widget
Calendar: applies to calendar on date selection page
-------------------------------------------------------
All id and classes have been commented with an explanation   */

* {font-family: Tahoma, Arial, Helvetica}

/*Globals*/
body{  /* main body */
background-color: #DEDBD4;
background-image:;
background-repeat: repeat-x-y;
font-size: 15px;
color: #000000;
}

/* Header Image, Background and Font */

.custom-logo{  
background-color: #FFFFFF;
background-image: url(../images/logocustomer.jpg);
background-repeat: no-repeat;
height: 130px;
}
.custom-heading {
	background-color: #777779;
	font-size: 11px;
	font-weight: normal;
	font-family: Arial, Helvetica, sans-serif;
    color: #FFFFFF;
	height: 22px;
}

b{ /* bold fonts*/
color: #000000; 
} 

i{ /* italic fonts*/
color: #000000; 
}

u{ /* underline fonts*/
color: #000000; 
}

a { /* all links */
text-decoration: underline; 
font-size:14px;
} 

a:link {  /* unvisited link */
color: #0000ff; 
text-decoration: underline; 
font-size:14px;
}

a:visited, a:active { /* visited link */
color: #0000ff; 
text-decoration: underline; 
font-size: 14px;
} 

a:hover { /* hover over link */
color: #0000ff; 
text-decoration: underline; 
font-size:14px;
} 

a img { /* image link */
border: 0px solid #0000ff;
} 

a:hover img { /* image hover link */
border: 0px solid #FFFFFF;
} 

td, tr, table{  /* all undefined tables */
font-size: 13px;
font-weight: normal;
color: #000000;
}

input, select, textarea, option {  /* input, radio, select, textarea */
font-size:12px;
color: #000000;
background-color: #fefefe;
}

h1{  /* main title bar */
	background-color: #003366;
	font-size:15px;
	font-weight: bold;
	color: #FFFFFF;
}
h2{  /* sub title bar */
background-color: #transparent;
font-size:15px;
font-style:bold;
color: #003366;
}

#background-container{  /* background content box */
background-color: #fefefe;
width: 800px; 
margin-left: 0px;
padding-top: 0px;
padding-bottom: 0px;
padding-left: 0px;
padding-right: 0px;
clear: none;
}

.custom-menu{
	background-color: #003366;
	font-size: 10px;
	color: #FFFFFF;
	line-height: 18px;
	font-weight: bold;
}
a.custom-menu:link {
	color: #FFFFFF;
}
a.custom-menu:visited {
	color: #FFFFFF;
}
a.custom-menu:active {
	color: #FFFFFF;
}
a.custom-menu:hover {
	color: #ffffff;
}
.custom-copyright {
	font-size: 10px;
	color: #2D343B;
	padding: 3px;
}
.custom-footer {
	background-color: #777779;
	font-size: 11px;
	color: #FFFFFF;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}
a.custom-footer:link {
	color: #FFFFFF;
	font-size: 11px;
}
a.custom-footer:visited {
	color: #FFFFFF;
	font-size: 11px;
}
a.custom-footer:active {
	color: #FFFFFF;
	font-size: 11px;
}
a.custom-footer:hover {
	color: #ffffff;
	font-size: 11px;
}

/* Booking Engine */
#container{  /* main content box */
background-color: #fefefe;
width: 800px; 
margin-left: 0px;
padding-top: 0px;
padding-bottom: 0px;
padding-left: 0px;
padding-right: 0px;
clear: none;
}

.welcome{  /* welcome message*/
color: #000000;
text-align: center;
font-size: 15px;
font-weight: bold;
}
.horizontal-line{  /* horizontal lines */
border-bottom: 2px #003366;
text-align: center;
color: #003366;
}
.room-select{ /* room selection box borders  - Match with Rate-Extended borders*/
width: 98%;
border-style: solid;
border-bottom: 3px solid #003366;
border-top: 2px solid #003366;
border-right: 2px solid #003366;
border-left: 2px solid #003366;
}
.room-select a{ /* more info links */
font-size: 11px;
color: #0000ff;
}
.room-select a:visited{ /* more info links visited */
font-size: 11px;
color: #0000ff;
}
.room-select a:hover{ /* more info links hovers */
font-size: 11px;
color: #0000ff;
}
.room-extended{ /* extended room type details*/
color: #000000;
font-size: 12px;
}
.rate-message { /* rates starting at message*/
color: #008000;
font-size: 16px;
font-style: normal;
font-weight: bold;
text-align: right;
line-height: 1.6;
}

.h1{  /* main title bar class */
	background-color: #003366;
	font-size: 11px;
	color: #ffffff;
}

.h2{ /* sub title bar class */
background-color: #003366;
font-size:10px;
font-weight:bold;
color: #ffffff;
}


.h3{ /* room selection alternate color #1 */
	background-color: #F3F3F3;
	color: #000000;
	font-size: 10.5px;
	border-style: solid;
	border-width: 1.5px;
	border-color: #ebebeb;
	border-left: 0px;
	border-right: 0px;
	background-filter:alpha(opacity=60);   /* for IE */
	background-opacity:0.6;   /* CSS3 standard */
}

.h3 input, select, textarea, option {  /* room selection alternate color #1 radio button*/
font-size:12px;
color: #000000;
background-color: transparent;
}

.h3 p { 
word-break: break-all;  /* for IE 5+ */
white-space: pre-wrap;  /* Firefox 3+, Opera 9+, Safari 3+ */
white-space: -moz-pre-wrap; /* Mozilla, since 1999 */
white-space: -pre-wrap; /* Opera 4-6 */
white-space: -o-pre-wrap; /* Opera 7 */
width: 360px; /* Mozilla, since 1999 - must use fixed not relative */
}

.h4{ /* room selection alternate color #2 */
background-color: #fefefe;
color: #000000;
font-size: 10.5px;
border-style: solid;
border-width: 1.5px;
border-color: #cecece;
border-left: 0px; 
border-right: 0px; 
border-bottomtop: 0px;
background-filter:alpha(opacity=60);   /* for IE */
background-opacity:0.6;   /* CSS3 standard */
}

.h4 input, select, textarea, option {  /* room selection alternate color #2 radio button*/
font-size:12px;
color: #000000;
background-color: transparent;
}

.h4 p { 
word-break: break-all;  /* for IE 5+ */
white-space: pre-wrap;       /* Firefox 3+, Opera 9+, Safari 3+ */
white-space: -moz-pre-wrap; /* Mozilla, since 1999 */
white-space: -pre-wrap; /* Opera 4-6 */
white-space: -o-pre-wrap; /* Opera 7 */
width: 360px; /* Mozilla, since 1999 - must use fixed not relative */
}

.h5{  /* shopping cart color #1  */
background-color: #ffffff;
color: #000000;
font-size:10px;
border-top: 2px solid #F3F3F3;
border-bottom: 1px solid #F3F3F3;
border-left: 2px solid #F3F3F3;
border-right: 2px solid #F3F3F3;
}
.h6{  /* shopping cart color #2  */
background-color: #F3F3F3;
color: #000000;
font-size:10px;
}
.h6 input, select, textarea, option {  /* shopping cart quantity / voucher */
font-size:12px;
color: #000000;
background-color: #ffffff;
}

/* Check Availability - Checkin/Checkout/Adults/Child */
.rate-extended{ 
width: 98%;
background-color: transparent;
border-bottom: 3px solid #003366;
border-top: 2px solid #003366;
border-right: 2px solid #003366;
border-left: 2px solid #003366;
color: #000000;
font-size: 10px;
text-align: justify;
}
.rate-extended td, tr{ 
padding: 0px;
font-size: 10px;
}
/* -----------------------------------------------------*/

.res-summary{ /* reservation summary */
background-color: #transparent;
clear: left;
font-size: 9px;
color: #000000;
}

.res-summary a{ /* reservation summary links */
font-size: 10px;
color: #0000ff;
}

.res-summary a:hover { /* reservation summary links */
font-size: 10px;
color: #0000ff;
} 

.change-dates{ /* change dates or rate from room listing box */
width: 98%;
border-bottom: 3px solid #003366;
border-top: 2px solid #003366;
border-right: 2px solid #003366;
border-left: 2px solid #003366;
}
.select-details{ /* change dates or rate from room listing details */
background-color: transparent;
font-size: 9px;
color: #000000;
text-align: justify;
}

.script-embed{ /* script embed defaults */
background-color: #transparent;
clear: left;
color: #000000;
font-size: 9px;
color: #000000;
}

.small-text{ /* all small / footer text */
	background-color: #transparent;
	clear: left;
	color: #333333;
	font-size: 9px;
}

.small-text a{ /* all small / footer text links */
	background-color: #transparent;
	clear: left;
	color: #0000ff;
	text-align: justify;
	font-size: 9px;
}

.small-text a:hover { /* all small / footer text links hover over */
	background-color: #transparent;
	clear: left;
	color: #0000ff;
	text-align: justify;
	font-size: 9px;
} 

/* ------------------------------- */
/* Optional Nightly Rate Breakdown */
/* ------------------------------- */
.rteT {
background-color: transparent;
font-size:9px;
color: #000000;
text-align: justify;
}
.rteT td, .rteT tr {  /* rate breakdown table */
font-weight: normal;
font-size:9px;

}
.rteH { /* rate breakdown headers - day of week */
	font-size:9px;
	color: #000000;
	text-align: left;
}
.rteH td, rteH tr {  /* rate breakdown headers - day of week */
	font-weight: normal;
	color: #2E2E2E;
	font-size:9px;

}
.rteD { /* rate breakdown detail - amounts*/
	font-size:10px;
	color: #008000;
	text-align: left;
			
}
.rteD td, tr{  /* rate breakdown headers - day of week */
	color: #008000;
	font-weight: bold;
	font-size:9px;
	width:65px;
	text-align: left; 	
}
/* ------------------------------------------ */

.shopping-cart-rules{ /* shopping cart rules */
background-color: #fffbdd;
color: #000000;
font-size:10px;
border-top: 1px solid #333333;
border-bottom: 1px solid #333333;
border-left: 1px solid #333333;
border-right: 1px solid #333333;
}

.process-res{ /* process reservation title bar */
text-align: center;
font-size:14px;
font-weight:bold;
}

.process-res-message{ /* process reservation message */
	font-size: 12px;
	color: #000000;
	text-align: center;
	background-position: center;
	width: 80%;
}

.confirm-header{ /* confirmation page header box*/
background-color: #003366;
font-size:13px;
font-weight:bold;
color: #ffffff;
}

.confirm-box{ /* confirmation box*/
background-color: #F9F9F9;
font-size:11px;
color: #000000;
}

.footer{ /* all footers */
background-color: #transparent;
clear: left;
color: #000000;
text-align: center;
font-size: 9px;
color: #000000;
}

/* Booking Widget Sample*/
#res_widget{ 
width: 240px; 
height: 260px; 
margin-top: 5px; 
margin-bottom: 5px; 
margin-left: 15px;
font-size:11px;
color: #000000; 
line-height: 15px; 
background-color: #ffffff; 
padding: 14px; 
border: double 4px #000000;
}
.res_form{
background-color: #transparent;
font-size:12px;
color: #000000;
}

.res_title{
background-color: #transparent;
font-size:16px;
color: #000000;
}

/* ------------------------------------------- */
/*                  Calendar                   */
/* ------------------------------------------- */
.cpBorder {
   background-color: #0033CC;
   font:Arial, Helvetica, sans-serif;
}
.cpBorder2 {
   background-color: #ffffff ;
   font:Arial, Helvetica, sans-serif;
}
.cpMonthNavigation{ /* Calendar Month */
background-color: #336699 ;
font-family: Arial,Helvetica;
font-size:11px;
font-weight:bold;
color: #ffffff;
text-align:center
}
.cpDayColumnHeader{ /* Calendar Column Headers */
background-color: #transparent;
font-family: Arial,Helvetica;
font-size:12px;
color: #0033CC;
text-align:center
}
.cpOtherMonthDate{ /* Calendar Date */
text-decoration: none;
font-family: Arial,Helvetica;
font-size:11px;
color: #999999;
}
.cpOtherMonthDate a{ /* Calendar Date Links */
text-decoration: none;
font-family: Arial,Helvetica;
font-size:11px;
color: #999999   ;
}
/* ------------------------------------------- */
/*          Calendar Current Month             */
/* ------------------------------------------- */
a.cpCurrentMonthDate:link {
background-color: #FFFFFF ;
text-decoration: none;
}
.cpCurrentMonthDate a{  
font-family: Arial,Helvetica;
font-size:11px;
font-weight:bold;
background-color: #ffdd99 ;
color: #000000;
}
.cpCurrentMonthDate a:hover {
background-color: #ffdd99; 
text-decoration: none; 
} 
/* ----------------------------------------- */
/*          Selected Current Month             */
/* ------------------------------------------- */
a.cpCurrentDate:link {
background-color: #CCCCCC ;
text-decoration: none;
}
.cpCurrentDate a{  
font-family: Arial,Helvetica;
font-size:11px;
font-weight:bold;
background-color: #ffdd99 ;
color: #000000;
}
.cpCurrentDate a:hover {
background-color: #ffdd99; 
text-decoration: none; 
} 
/* ----------------------------------------- */

.cpTodayText a{  /* Calendar Today Text Links */
background-color: #transparent;
font-family: Arial,Helvetica;
font-size:11px;
color: #3333CC ;
}
/* --------------------------------- */
/*          Toggle Slider            */
/* --------------------------------- */
.main-content {
	padding: 1.5em 1.5em 0.75em;
	position: relative;
	overflow: hidden;
	z-index: 5;
}
.collapse p {
	padding: 0 10px 1em;
}
.top {
	font-size: .9em;
	text-align: right;
}
#switch, .switch {
	margin-bottom: 5px;
	text-align: right;
}
/* --- Headings  --- */
h3 {
	margin-bottom: .75em;
	font-family: georgia,'times new roman',times,serif;
	font-size: 2.5em;
	font-weight: normal;
	color: #c30;
}
h4 {
	font-size: 1em;
	text-align: justify;
	z-index: 5;
}
.expand {
	padding-bottom: .75em;
}
.expand a {
	display: block;
	padding: 3px 10px;
	background-color: #003366;
	font-size: 13px; 
	font-weight: bold;
	color: #FFFFFF;
}
.expand a:link, .expand a:visited {
	border-width: 1px;
	background-image: url(../images/arrow-down.gif);
	background-repeat: no-repeat;
	background-position: 98% 50%;
	font-size: 13px; 
	font-weight: bold;
	color: #FFFFFF;
}
.expand a:hover, .expand a:active, .expand a:focus {
	text-decoration: underline;
	font-size: 13px; 
	font-weight: bold;
	color: #FFFFFF;
}
.expand a.open:link, .expand a.open:visited {
	font-size: 13px; 
	font-weight: bold;
	color: #FFFFFF;
	border-style: solid;
	background: #003366 url(../images/arrow-up.gif) no-repeat 98% 50%;
}
.avail-extended {
	width: 100%;
	background-color: transparent;
}

/* ------------------------------------ */
/* 14 day Availability Calendar Details */
/* ------------------------------------ */

/* controls overall table appearance and background for EVEN rows */
#availTbl table {
	border: 0px hidden #000000;
	border-collapse: collapse;	
	width: 100%;
	font: normal 10px/19px Tahoma, Arial, Helvetica, sans-serif;
	color: #333333; 
	background-color: #91C43F; 
}

/* borders between table cells, spacing of table cells */
#availTbl td, #availTbl th {
	border: 0px hidden #000000;
	padding: 3px;
	font-weight: normal;
}

/* header background, font size */
#availTbl thead th {
  	border: 0px hidden #000000;
	text-align: center;
	font: normal 10px/15px Tahoma, Arial, Helvetica, sans-serif;
	color: #FFFFFF;
	background-color: #003366;
}

/* body of table */
#availTbl tbody th, #availTbl tbody td {
	vertical-align: middle;
	text-align: center;
}

/* room types (1st column) */
#availTbl tbody th {
	text-align: left;
	font-weight: normal;
	background-color: #F3F3F3;
}

/* odd rows	*/
#availTbl .odd {
	color: #333333;
	background-color: #9CD862;
}

/* selected dates	*/
#availTbl .selected {
	color: #006600; 
	background-color: #dff4ca;
}

/* hover colors */
#availTbl tbody tr:hover {
	color: #006600;
	background-color: #EBEBEB;
}

/* hover colors */
#availTbl tbody tr:hover th, #availTbl tbody tr.odd:hover th {
  	color: #006600;
	background-color: #EBEBEB;
}