@charset "utf-8";
/* CSS Document */
/* These next items are for the INVOICE */

tr { background-color: white; } /* universal clearout */
.right { text-align: right; }
.blossom { background-color: #DC6986; }
.errJS { color: coral;}
.errWrn {color:firebrick;font-size: 30px;}
.hidden {display: none;}

#invWrap { width: 96%; margin: 0 auto; } /* this makes the invoice slightly narrower and centers it */
#invHeader {
	width: 100%;
	height: 30px;
	padding: 10px 0px 0px 5px;
	background-color: #175187;
	float: left;
	font-size:1.3em;
	font-weight: bold; 
	color: ivory; 
}

.trAb { background-color: aliceblue; } /* background row class   try aliceblue*/  
.trBe { background-color: beige; }

#invHeader a { color: white; float: right; margin-right: 10px; font-size: .8em; }
#customerName { float: left; font-size: 1.6em; font-weight: bold; color: black; margin-top: 10px; height: 70px; }
#meta { margin-top: 10px; float: right; }
#meta td { text-align: right; font-weight: bold; }
#meta td.meta-head { text-align: left; font-weight: normal;}

#returns { clear: both; margin: 30px 0 0 0; }
#returns ttl { color: #006600; font-size: 1.25em; font-weight: bold; }
#returns tr.item-row td, #items tr.total-row td { border: 0; line-height: 2em; }
#returns td { padding-left: 10px;}
#returns .buyIt, #returns .refIt { float: right; color: sienna; text-align: right; }
#returns .refu { float: right; color: darkred; text-align: right; border: none; font-weight: bold; }
#returns tr.dark, #returns tr.dark .refu { background-color: #E2F7FE; }
#returns tr.head { background-color: #990000; color: white; font-weight: bold; font-size: 1em; height: 20px; }
#returns .balance { text-align: right; font-weight: bold; }
#returns .hider { display: none; }


#items ttl, #singles ttl, #perdiem ttl, #discount ttl, #housing ttl, #unique ttl, #manual ttl { color: #175187; font-size: 1.25em; }
#items tts, #singles tts, #perdiem tts, #discount tts, #housing tts, #unique tts, #manual tts { color: sienna; font-size: 1.05em; }
#items, #singles, #perdiem, #discount, #housing, #unique, #manual, #pre { clear: both; width: 100%; margin: 10px 0 0 0; }

#items th {	background: #eee; padding-left: 7px; height:30px; font-size: 1.1em; text-align: left; }
#items .multi td { background: #0066CC; color: white; font-size: 1.2em; font-weight: bold; padding-left: 5px; height: 35px; }
#items .multi th { background: #F3F3F3; padding-left: 7px; height: 10px; font-size: .9em; text-align: left; }
#items tr.item-row td, #items tr.total-row td { border: 0; line-height: 2em; }
#items tr.item-head { background-color: #C1D3DD; color: #175187; height: 25px; }
#items tr.item-red, #items tr.item-red a { background-color: #AF0E11; color: #EFEEDF; height: 20px; }
#pre tr.item-red, #pre tr.item-red a { background-color: #AF0E11; color: #EFEEDF; }
#pre input { height: 1.2em; margin-bottom: 5px; margin-top:5px; }
#items tr.item-fail { background-color: ivory; color: sienna; height: 12px; }
#items tr.item-gap hr { background-color: lightgray; border: 0 none; height: 3px; margin: 8px 10px 8px 10px; }
/* #items tr.hr-row hr { background-color: #175187; border: 0 none; height: 3px; margin: 8px 0px 8px 0px; } */
#items .owed, #items .paid, #items .now { text-align: right; }
#items .now { font-weight: bold; /* width: 50px; */ float: right; background-color: #F5F5ED;}
#items td.blank { border: 0; }
#items input { border: none; color: darkred; }
#items td.total-line, #items td.total-value { vertical-align: top; text-align: right; }
#items td.total-value { font-weight: bold; }

.delete-wpr { position: relative; }
.delete { position: absolute; padding: 0px 3px; left: -22px; line-height: 2em; }
.clear { 
	clear: left; 
  }
.autoAlert { font-size: .9em; line-height: 2em; padding-left: 2px; vertical-align:top; color: #DC4D23; }  

#singles th {	background: #99CCFF; padding-left: 7px; height:22px; font-size: .95em; text-align: left; }
#singles .right { text-align: right; }
#singles td.total-line, #singles td.total-value { vertical-align: top; text-align: right; }
#singles td.total-value { font-weight: bold; }
#singles tr.total-row hr { background-color: #175187; border: 0 none; height: 3px; margin: 8px 0px 8px 0px; }
#singles input { text-align:right; color: darkgreen; border: thin sienna solid; }
#singles .cartline input { color: darkyellow; }

#perdiem th {	background: #D2FCD1; padding-left: 7px; height: 20px; font-size: .90em; text-align: left; }
#perdiem .right { text-align: right; }
#perdiem input { text-align:right; color: darkgreen; border: thin sienna solid; }

#discount th {	background: #E46852; padding-left: 7px; height: 16px; font-size: .86em; text-align: left;  color: white; }
#discount .right { text-align: right; }
#discount input { text-align:right; color: darkgreen; border: thin sienna solid; }

#housing th {	background: gold; padding-left: 7px; height: 20px; font-size: .90em; text-align: left; color: #3333CC; }
#housing .right { text-align: right; }
#housing input { text-align:right; color: darkgreen; border: thin sienna solid; }

#unique table, #manual table, #discount table { width: 100%; margin-left: 10px; }
#unique th { background: #660000; padding-left: 7px; height:22px; font-size: .95em; text-align: left; color: beige; }
#unique input, #manual input { text-align:right; color: darkgreen; border: thin sienna solid; }

#housing td.total-line, #housing td.total-value,
#unique td.total-line, #unique td.total-value,
#discount td.total-line, #discount td.total-value,
#manual td.total-line, #manual td.total-value { vertical-align: top; text-align: right; }

#manual th { background: #9900CC; padding-left: 7px; height:22px; font-size: .95em; text-align: left; color: beige; }

#rooms table { width: 100%; margin-left: 10px; }
#rooms th { background: #6699FF; padding-left: 10px; padding-right: 10px; height:22px; font-size: .95em; text-align: left; color: white;}
#rooms tr { padding-bottom: 8px; }
#rooms td { padding: 4px 10px 4px 10px; }


.cartline { border: none !important; }

#XXXsingles.now { text-align: right; font-weight: bold; color: darkred; }
#XXXsingles input { border: thick; color: darkgreen; }

#grand { clear: both; width: 100%; margin: 10px 0 0 0; }
#grand td.total-line, #grand td.total-value { vertical-align: top; text-align: right; font-weight: bold; }
#grand hr { background-color: #175187; border: 0 none; height: 3px; margin: 8px 0px 8px 0px; }

#cartBuy { padding: 10px 0px 10px 20px; }
#cartBuy big { color: #000099; font-size: 1.75em; font-weight: bold; }
#cartBuy ttl { font-weight: bold; padding-right: 10px; width: 200px; }
#cartBuy prc { text-align: right; width: 40px; padding-right: 20px; }
#cartBuy unt { padding-right: 10px; width: 60px; }
#cartBuy hve { font-style:italic; text-align: right; color: blue; width: 40px; padding-right: 20px; }
#cartBuy input { background-color: #CCCCCC; color:#000099; text-align:right; outline:none; }
#cartBuyHead { height: 20px; background-color: #999999; font-size: 1em; font-weight: bold; color: #000099; } 

#payment h3 { color: #333333;  font-weight: bold; font-size: 1.1em; padding-top: 1.5em; }

#Payment-Information{
	float: left;
	width: 48%;
	display:inline; 
	overflow:hidden; 
	}

#Payment-Information legend{
	padding-right: 225px;
	color: red;
	}


#Payment-Information div {
		.margin-left:7px;		
	}

#windowwrap {
	padding: 15px;
	overflow: scroll;
} 

#windowwrap label { 
	position: relative;
	display:inline-block;
	width: 250px;
	font-weight: bold; 
	color:#990000; 
	text-align:right; 
	padding-right: 5px;
	vertical-align: inherit; 
 }

/* THESE ARE FROM jQUERY UI *

/*!
 * jQuery UI CSS Framework 1.8.22
 *
 * Copyright 2012, AUTHORS.txt (http://jqueryui.com/about)
 * Dual licensed under the MIT or GPL Version 2 licenses.
 * http://jquery.org/license
 *
 * http://docs.jquery.com/UI/Theming/API
 */

/*!
 * jQuery UI Dialog 1.8.22
 *
 * Copyright 2012, AUTHORS.txt (http://jqueryui.com/about)
 * Dual licensed under the MIT or GPL Version 2 licenses.
 * http://jquery.org/license
 *
 * http://docs.jquery.com/UI/Dialog#theming
 */

.ui-dialog { position: absolute; padding: .2em; width: 300px; overflow: hidden; }
.ui-dialog .ui-dialog-titlebar { padding: .4em 1em; position: relative;  }
.ui-dialog .ui-dialog-title { float: left; margin: .1em 16px .1em 0; } 
.ui-dialog .ui-dialog-titlebar-close { position: absolute; right: .3em; top: 50%; width: 19px; margin: -10px 0 0 0; padding: 1px; height: 18px; }
.ui-dialog .ui-dialog-titlebar-close span { display: block; margin: 1px; }
.ui-dialog .ui-dialog-titlebar-close:hover, .ui-dialog .ui-dialog-titlebar-close:focus { padding: 0; }
.ui-dialog .ui-dialog-content { position: relative; border: 0; padding: .5em 1em; background: none; overflow: auto; zoom: 1; }
.ui-dialog .ui-dialog-buttonpane { text-align: left; border-width: 1px 0 0 0; background-image: none; margin: .5em 0 0 0; padding: .3em 1em .5em .4em; }
.ui-dialog .ui-dialog-buttonpane .ui-dialog-buttonset { float: right; }
.ui-dialog .ui-dialog-buttonpane button { margin: .5em .4em .5em 0; cursor: pointer; }
.ui-dialog .ui-resizable-se { width: 14px; height: 14px; right: 3px; bottom: 3px; }
.ui-draggable .ui-dialog-titlebar { cursor: move; }

.accordion p{
	/*color: #9F9F9F; */ 
	color: #880000;
	padding: 2px;
	font-weight: bold;
	border: none;
/* 	border-bottom: solid 1px #c4c4c4; */
	cursor: pointer;
	outline: none;
	
}

.accordion ul { padding: 10px; }
.accordion li {
   color: #333333;
   list-style: none;
   padding-top: 2px;
}

.accordion label { 
	color: #333333;
	display: inline-block; 
	width: 30%;
	position: relative; 
	padding-right: 5px;
	text-align: right; 
	cursor: hand; 
  }

.accordion input, .accordion select {
	border: 1px solid black; 
	font-size: 1em; 
	height: 1.5em;
	margin-bottom: 5px;
	outline: none; 
	width: 60%;
	background-color: #FFFFFA;
  }

.accordion .ccDrop {
	height: 1.5em;
	color: darkslategrey;
	width: 100px;
} 

.accordion .button {
	border: 2px solid #175187;
	height: 2.0em;
	font-weight: bold;
	background: #175187;
	color: #FAFAFA;
	padding: 5px;
	width: 30%;
} 

.accordion .button hover {
	background: #00CCFF;
} 
.accordion .noOut { outline: none; border: none; display:none; } /* this keeps outline box from showing in IE */

.accordion .due { display:inline; color: red; }

.accordion .labRed { color: firebrick; font-weight: 900; font-size: larger;}