/*
pillowcheck_style.css

Default stylesheet for the online reservation system.

Modifications:


*/
body {
	margin-left: 0px;
	margin-top: 0px;
	font-family: Arial, Helvetica, sans-serif;
}
.lodging_title {
	font-size:12px;
	text-align:center;
	font-weight: bold;
	color: #000000;
}
.lodging_auth_use{
	font-size: 10px;
	font-weight: bold;
	color: #FF0000;
	text-align: center;
}
.small_text {
	font-size: small;
	color: #0000FF;
}

.show{
	visibility:inherit;
}
.hide{
	visibility:hidden;
}

/*  Navigation Menu Panel */
#progblock {
	background-color:#FFBC79;
	display: inline-block;
	float: right;
	border: solid 1px #000;
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size: 12px;
	padding: 4px;
/*	border-radius: 1px;*/
}
#menuiframe{
	margin:none;
	padding:none;
	width:100%;
	height:55px;
	border:none;
}
#menublock{
	display:inline;
/*	border: solid 1px #CCCCCC;*/
	margin: 0px;
	padding-top: 2px;
}
#menublock ul {
	margin: 0px;
	padding: 0px;
	margin-top: 3px;
}
#menublock li {
	display: inline;
	border-top: solid 1px #000;
	border-left: solid 1px #000;
	border-bottom: solid 1px #000;
	border-right: solid 1px #000;
	background:#FFF;
	color:#CCC;
	
	border-radius: 2px;
	border-top-left-radius: 10px;
	border-top-right-radius: 3px;
	padding-right: 15px;
	padding-left: 25px;
	padding-top: 4px;
	padding-bottom: 3px;
	margin-left:0px;
	margin-right:-4px;
	
	font-size:12px;

}
#menublock li a{
	text-decoration:none;
	font-weight:bold;
	color:#666;
}
#menublock li:hover{
	background:#66FFCC;
/*	text-decoration:underline;*/
}
#menublock img{
/*	display: none;*/
	border: none;
	height: 15px;
}

#menuactionblock{

}
#menuactionblock form{
	display: inline;
	border:dotted 1px #ccc;
}

.inline_counter{
	color: #F00;
	font-weight:bold;
}
/* Available Rooms */

#availableRooms{}

#availableRooms .booked{
	display:none;
	background:#CCCCCC;
}

#available_room_rate_details{
	border:solid 1px #000;
	width:800px;

}
#available_room_rate_details td{
	vertical-align:top;
	border: solid 1px #000;
}

#available_room_rate_details td:nth-child(1){
	width: 30%;
}
#available_room_rate_details td:nth-child(2){
	font-size:12px;
}
.booked_th{
	cursor:pointer;
	font-size:10px;
	color:#0000FF;
}





/* CALENDAR STYLES */
.resRoomCalendar {
		border-spacing:0;
}
.resRoomCalendar .room_occupied,
.resRoomCalendar .room_unavailable,
.resRoomCalendar .room_unavailable,
.resRoomCalendar .room_paid_full,
.resRoomCalendar .room_pending_review,
.resRoomCalendar .room_overpaid{
	border: solid 1px #999;
	border-radius: 4px;
	text-align: center;
	overflow: hidden;
}
.resRoomCalendar thead .calendar_dates{
	border: dotted 1px #000;
	border-top: solid 1px #000;
	border-top-left-radius: 8px;
	border-top-right-radius: 8px;
	background:#FCFCFC;
}
.resRoomCalendar tfoot .calendar_dates{
	border: dotted 1px #000;
	border-bottom: solid 1px #000;
	border-bottom-left-radius: 8px;
	border-bottom-right-radius: 8px;
	background:#FCFCFC;
}
.resRoomCalendar .calendar_room_box{
	border: solid 1px #ccc;
}



.resRoomCalendar .room_occupied {
	font-size: 11px;
	background-color: #CCCCFF;
}
.resRoomCalendar .room_paid_full {
	font-size: 11px;
	background-color: #00FF00;
}
.resRoomCalendar .room_overpaid {
	font-size: 11px;
	background-color: #CC99CC;
}
.resRoomCalendar .room_unavailable {
	font-size: 11px;
	background-color: #FF0000;
}
.resRoomCalendar .room_pending_review {
	font-size: 11px;
	background-color: #FF00FF;
}
.resRoomCalendar .room_open {
	font-size: small;
	text-align: center;
	background-color: #ffffff;
	border:dotted 1px #ccc;
	cursor:crosshair;
}
.room_overlap {
	font-size: small;
	text-align: center;
	background-color: #FF0000;
}
.resRoomCalendar .overDateHilite{
/*	background:#CCCCFF;*/
	background-color:#0033FF;
}
.resRoomCalendar tbody .ui-selecting { background:#66FFFF; }
.resRoomCalendar tbody .ui-selected { background: #6699FF; color: white;}
.resRoomCalendar thead .ui-selecting { background:#00FFFF; }
.resRoomCalendar thead .ui-selected { background:#0099FF; font-weight:bold;}

/* CONTROL PANEL STYLES */

.ctrlpanel_box{
	width: 100%;
	border: solid 1px #000000;
	border-radius: 5px;
}
.ctrlpanel_box th{
	font-weight:normal;
	text-align:left;
	width: 85px;
	font-size:smaller;
}
.ctrlpanel_box .highlight{
	font-weight: bold;
}
.ctrlpanel_status_box {
	background-color: #CCCCFF;
}
.ctrlpanel_status_box .highlight {
	background-color: #9999FF;
}
.ctrlpanel_guest_box {
	background-color: #FFFFCC;
}
.ctrlpanel_guest_box .highlight {
	background-color: #FFFF66;
}
.ctrlpanel_daterate_box {
	background-color: #FFCCCC;
}
.ctrlpanel_daterate_box .highlight {
	background-color: #FF9999;
}
.ctrlpanel_corresp_box {
	background-color: #CCFFCC;
	font-size:smaller;
}
.ctrlpanel_corresp_box .highlight {
	background-color: #33FF99;
}
.ctrlpanel_payments_box {
	background-color: #ffffff;
	font-size:small;
}
.ctrlpanel_payments_box th{
	width:auto;
/*	text-align:center;*/
	font-weight:bold;
}
.resEditable{
	cursor:pointer;

}
.custFlag{
	height: 20px;
}

/*  PAYMENT SCREEN */
.pmtScreenBlock{
	border:thin solid #000000; 
	display:block;
	margin-bottom: 10px;
	width: 800px;
	vertical-align:top;
}

.pmtScreenSegment{
/*	border:thin solid #000000; */
	display:inline-block;
	margin-bottom: 10px;
/*	width: 48%;*/
	min-width:35%;
	vertical-align:top;
}
.pmtScreenSegment table{
	width: 100%;
}
.pmtScreenBlock th{
	font-weight: bold;
	text-align: left;
}
.pmtScreenBlock caption{
	font-weight: bold;
}

/*  PORTAL SETUP */

#portal_room_inventory{
	width: 550px;
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-top-color: #000;
	border-right-color: #000;
	border-bottom-color: #000;
	border-left-color: #000;
}

#portal_room_inventory .portalInventoryOption{
 clear:both;
}

#portal label{
	width:200px;
}
#portal fieldset{
/* display: inline-block;*/
/* border: solid 1px #000;*/
 width: 700px;
 margin-bottom: 10px;
}



.report_alternating{
	width: 900px;
	border: solid 1px #000;
}
.autowidth{
	width:auto;
 }
.report_alternating thead th,  
.report_alternating tfoot th {
	background: #cccccc;
}
.report_alternating tbody tr:nth-child(odd){
	background:#CCccFF;
	background::#FFFF99;
}
.report_alternating tbody tr:nth-child(even){
	background:#FFccCC;
	background:#FFFFFF;
}
.report_alternating .rowSummary th,
.report_alternating .rowSummary td {
	background: #ccff00;
}
.report_alternating .cellNum{
	text-align: right;
}
.report_alternating .cellText{
	text-align: left;
}
.compact{
	font-size:12px;
}
.cellspan{
	display:inline-block;
	width:90px;
}


.navtable{
	font-size:14px;
}
.navtable caption{
	font-weight:bold;
	background:#CCCCCC;
}
.navtable th{
	text-align:left;
	font-weight:normal;
	vertical-align:top;
	width: 35%;
}
.navtable td{
	vertical-align:top;
}
.navtable tbody{
	padding-bottom: 15px;
	margin-bottom:30px;
	border-bottom: solid 1px #ff0000;
}
.navtable .separator{
	border-bottom: solid 1px #f00;
	
}


.calendar_dates {
	font-size: 12px;
	font-weight: bold;
	background-color: #FFFFFF;
}
.calendar_room_box {
	background-color: #FFFFFF;
}
.calendar_room_no {
	font-size: 11px;
	font-weight: bold;
}
.calendar_room_type {
	font-size: 9px;
	font-style: normal;
	font-weight: normal;
}


/*      RATE PERRIODS         */
/*      /php/rates.php        */

#rate_periods{
/*	padding: 0px; */
	border: 1px solid #000000;
}

#rate_periods thead th{
	width: 90px;
	vertical-align:bottom;
	border-left: dotted 1px #000;
}
#rate_periods tfoot th{
	vertical-align:top;
}
#rate_periods tbody th{
	width: 200px;
	font-weight:normal;
	text-align:left;
	font-size:12px;
	vertical-align:top;
	
}
#rate_periods .rate_comment{
	clear:both;
	font-style:italic;
}
#rate_periods .rate_dep{
	display:inline-block;
}
#rate_periods .rate_minstay{
	display:inline-block;
}

#rate_periods .left_border{
	border-left: 1px solid #000000;
}
#rate_periods .past {
	background-color: #DDDDDD;
}
#rate_periods .active {
	background-color: #FFFF00;
}
#rate_periods .editing_fields {
	background-color: #CCCCCC;
}
#rate_periods .rate_response_pending {
	background-color: #333333;
}
#rate_periods .rate_response_pending div{
	display:none;
}
#rate_periods .editing_fields input{
	width: 60px;
	text-align: right;
}
#rate_periods .rateData{
	vertical-align:top;
	border-left: dotted 1px #333;
	border-right: dotted 1px #fff;
	border-top: dotted 1px #ddd;
	border-bottom: dotted 1px #fff;
}
#rate_periods .rateData div{
	font-size: 11px;
/*	text-align:center;*/
/*	font-weight:bold;*/
	color: #000000; 
}

#rate_periods .rateData:hover{
	background:#00FF00;
	border: dotted 1px #f00;
}
#rate_periods .ratePiece {
	width: 90px;
	text-align:left;
	text-align:right;
}
#rate_periods .ratePiece span:first-of-type{
	width: 35px;
/*	text-align:left; */
	display:inline-block;
	float:left;
}
.pending_AJAX_return {
	color: #000000;
	background-color: #CCCCCC;
}
.rateEdited {
	color: #000000;
	background-color:#66FFFF;
	border: solid 1px #003300;
}
#rateEditor{
	display:none;
}
#rateEditor label{
	float:left;
	width: 85px;
}
#rateEditor input{
	display:block;
	width: 75px;
	text-align:right;
}
#periodEditor,
#periodSplitter{
	display:none;
}
#periodEditor label{
	float:left;
	width: 95px;
}
#periodEditor input{
	display:inline-block;
	width: 160px;
	text-align:right;
}
#periodEditor #depositReq,
#periodEditor #minimumStay {
	width: 35px;
}


.referrer_box table{
	width: 50em;
}
.referrer_box thead{
	background-color: #ccFFFF;
}
.referrer_box tfoot{
	background-color: #ccffff;
}
.referrer_box col#commission,
.referrer_box col#rate {
	text-align: right;

}

.rowA{
	background-color: #ccccff;
}
.rowB{
	background-color: #ffcccc;
}
.rowHeader{
	background-color: #cccccc;
}
.rowSummary{
	background-color: #ccff00;
}
.cellNum{
	text-align: right;
}
.cellText{
	text-align: left;
}
a img{
	border: none;
}

#title_panel {
	border-top-width: thin;
	border-bottom-width: thin;
	border-top-style: solid;
	border-bottom-style: solid;
	border-top-color: #333333;
	border-bottom-color: #333333;
	color: #333333;
	background:#EEEEEE;
	text-align: center;
	font-size: larger;
/*	position:fixed;*/
	top:0px;
	height:25px;
	width:100%;
}
#footer {
	border-top-width: thin;
	border-top-style: solid;
	border-top-color: #333333;
	font-size: 12px;
	position:fixed;
	bottom:0px;
	height:35px;
	width:100%;
	background:#EEEEEE;

}
#error {
	color: #FF0000;
	font-weight: bold;
	border: thin inset #CC0000;
}
.error {
	color: #f00;
}
.existing{
	border:thin solid #000000; 
	display:inline-block;
	margin-bottom: 10px;
	background:#FFFFCC;
	}
.updated{
	border:thin solid #000000; 
	display:inline-block;
	margin-bottom: 10px;
	background:#CCFFFF;
	}
#adbar {
	float:right;
	width:162px;
	height:200%;
	background-color: #EEFFFF;
	border: thin solid #666666;
	font-size: 12px;
}
#adbar .sidebar_section {
	width:160px;
	border: 1pt dotted #CCCCCC;
	margin-bottom: 15px;
	background-color: #FFFFFF;
}
.formlabel{
	clear: both;
	width:130px;
	font-weight: bold;	
	float:left;
	clear: both;
}
.formfield{
}
.sortable_list {
	list-style-type: none;
		padding-left: 2px;
	margin-left: 5px;
	border: 1px solid #000000;
}
.sortable_list li{
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #333333;
}
.sortable_list li .big_col{
	width:450px;
	display:inline-block;
}
.sortable_list li .med_col{
	width:300px;
	display:inline-block;
}
.sortable_list li .sm_col{
	width:150px;
	display:inline-block;
}



#emailer_table {
	width: 800px;
}
#emailer_table .header_field{
	text-align:right;
	background:#FFFFCC
}
#emailer_table .entry_field{
	border: 1px solid #333333;
	width:680px;
}




.stats_geo{
	width:900px;
	clear:both;
}
.stats_geo .googchart{
	width:500px;
	height:300px;
	display:inline;
	vertical-align:top;
}
.stats_geo table{
	vertical-align:top;
	display:inline-block;
	border:solid 1px #000;
	font-size:12px;
	margin-left:10px;
}


#new_nightly, #new_weekly{
	width: 60px;
}

/*                        */
/*    Make Reservations   */
/*                        */

.inputFormSection {
	width: 600px;
	display: inline-block;
	border: solid 1px #000;
}

.inputFormSection .formline .fieldlabel{
	width: 115px;
	font-weight:bold;
	text-align:right;
	display:inline-block;
	font-size: 12px;
}
.inputFormSection .formline .fieldentry{
	display: inline-block;
	text-align:left;
}


#customer_results{
	width:200px;
	float:right;
	background:#66FFCC;
	font-size: x-small;
	margin-top: 5%;
	/*	max-height:60%; */
	overflow: auto;
/*	height: 85%; */
}
#customer_results_closer{
	background:#FF0000;
	font-weight:bold;
	text-align:center;
	height: 20px;
	font-size:14px;
}
#customer_results ul{
	list-style-type: none;
	margin: 0;
	padding: 0;
}
#customer_results li{
	border: 1px solid #999999;
}
#customer_results table th{
	font-size: x-small;	width: 125px;
	text-align:left;
}
#customer_results table td{
	font-size: x-small;
	text-align: right;
}



/* SORTABLE ITEM */
.sortable_item{
	border: 2px solid #ff0000;
	cursor: move;
}

.stdFormFields{

}
.stdFormFields label{
	width: 120px;
	display:inline-block;
	font-size:12px;
}
.stdFormFields input,
.stdFormFields textarea{
	display:inline-block;
	width:300px;
}


#chgpass fieldset{
	max-width: 600px;
}
#chgpass label{

	width:150px;
	display:inline-block;
}


/* Small Screens */
@media only screen and (max-width: 992px) {

/*                        */
/*    Make Reservations   */
/*                        */



#menuiframe{
	width:100%;
	height:80px;
	border:none;
}

.inputFormSection {
	width: 95%;
}
.inputFormSection .formline .fieldlabel{
	font-weight:bold;
	text-align:left;
	display:block;
	width: 80%;
}
.inputFormSection .formline .fieldentry{
	display: block;
	text-align:left;
	margin-left: 3px;
}
.inputFormSection .formline .fieldentry input,
.inputFormSection .formline .fieldentry select,
.inputFormSection .formline .fieldentry textarea{
	width:95%;
	display:block;
	background:#CCFFFF;
	font-size:18px;
	margin-bottom: 3px;
}


#customer_results{
	display:none;
  	position: fixed;
  	top: 10%;
  	left: 20px;
  	width:85%;
  	left: 5%;
	background:#66FFCC;
	font-size: x-small;
	margin-top: 5%;
	overflow: auto;
}

#customer_results ul{
	list-style-type: none;
	margin: 0;
	padding: 0;
}
#customer_results li{
	border: 1px solid #999999;
}
#customer_results table th{
	font-size: x-small;	width: 125px;
	text-align:left;
}
#customer_results table td{
	font-size: x-small;
	text-align: right;
}
/*  Navigation Menu Panel */
#progblock {
	display:none;
/*	background-color:#FFBC79;
	display: inline-block;
	float: right;
	border: solid 1px #000;
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size: 12px;
	padding: 4px;*/
/*	border-radius: 1px;*/
}
#menublock ul{
	padding-left: 0px;
	margin-left: 0px;
}
#menublock li {

	padding-right: 13px;
	padding-left: 0px;
	padding-top: 0px;
	padding-bottom: 0px;
	display: inline;
	border:none;
	margin-left:0px;
	margin-right:0px;
	border:none;
/*	border-top: solid 1px #000;
	border-left: solid 1px #000;
	border-bottom: solid 1px #000;
	border-right: solid 1px #000;
	background:#FFF;
	color:#CCC;
	height:35px;
	border-radius: 2px;
	border-top-left-radius: 10px;
	border-top-right-radius: 3px;
	padding-right: 10px;
	padding-left: 10px;
	padding-top: 0px;
	padding-bottom: 0px;
	margin-left:0px;
	margin-right:0px;
	
	font-size:12px;
*/
}
#menublock .menutabtext{
	display:none;
}
#menublock img{
/*	display: none;*/
	border: none;
	height: 45px;
}

/*  PAYMENT SCREEN */
.pmtScreenBlock{
	width:100%;
	display: block;
	border: solid 1px #000;
}

.pmtScreenSegment{
	display:block;
}

}