@charset "iso-8859-1";
/* CSS Document */
/*********************************************
* Override default tags
**********************************************/
/* no margin/padding on body, centered */
body.popup { background-position: left -58px; }
body.popup #hd { height:100px; }
body.popup #hd-logo { cursor:auto; left: 66px; }
body.popup #bd { min-height:0; }

#hd-upper { 
	position:absolute; 
	top:0; 
	right:17px; 
}
#hd-upper-nav { float:left; position:relative; }
#hd-user { 
	float:left; 
	padding: 7px 35px 0 0; 
	color:#fff; 
}
#hd-lower-nav a {
    padding-left: 16px;
	padding-right: 16px;
}
/* message displays */
#reservation_alert { font-weight:bold; }
#messages, #reservations { font-size: 13px; }
#messages .messages { padding-left: 33px; background: url(/nice/images/message_waiting.gif) no-repeat left center; }
#messages .urgent { background-image: url(/nice/images/urgent_message_waiting.gif); }

#hd-messages { 
	position:absolute; 
	bottom:44px; 
	right:17px; 
}
#hd-messages a {
	float:left;
	padding: 7px 21px 7px 51px;
	
	color:#fff; 
	
	background: url(/nice/images/message_waiting.gif) no-repeat 18px center;
	background-color: rgb(17, 82, 133); /* older browsers */
	background-color: rgba(0,0,0,0.25); /* newer browsers */
	
	/* safari */
	-webkit-border-top-right-radius: 5px;
	-webkit-border-top-left-radius: 5px;
	/* mozilla */
	-moz-border-radius-topright: 5px;
	-moz-border-radius-topleft: 5px;
	/* standard */
	border-top-right-radius: 5px;
	border-top-left-radius: 5px;
}
#hd-messages .urgent { 
	background-image: url(/nice/images/urgent_message_waiting.gif); 
	background-color: #FF9900;
}



#bd { padding:0px; }
#bd-upper {
	background: #e7f4fe;
	height: auto;
	padding-bottom: 1px;
	padding-left: 45px;
}
#bd-upper h1 {
	margin: 0.67em 0;
}
.full-width #bd-lower { padding:0; }
.no-shim #shim-content { width:100%; margin-top:0; }

h2 { color:#000; font-weight:bold; margin-bottom:0; }

/* we never want forms to create whitespace */
form { margin:0; padding:0; }







.data-grid { font-size: 12px; border-spacing:0; margin-top:0.5em; border:1px solid #ddd; zborder-collapse:collapse; } 
.data-grid th { background-color:#eee; }
.data-grid th { text-align:center; border:1px solid #ddd; }
.data-grid td, .data-grid th { border:0 solid #ddd; border-left-width:1px; padding: 5px 10px; }
.data-grid td:first-child,
.data-grid th:first-child { border-left:0; }
.data-grid tr:nth-child(even) { background-color:#e7f4fe; }






/*********************************************
* NICE WHITE BOXES WITH BLUE FRAMES
*********************************************/
.req { color: #ff0000; }
.pbox { font-size: 13px; }
.pbox caption { text-align: right; font-style: italic; padding-bottom: 5px; }
.pbox fieldset { margin-bottom: 0.5em; border: 1px solid #D0D0BF; }
.pbox fieldset legend { font-weight: bold; color: #4846D5; }
.pbox .icon { font-family: "Courier New", Courier, monospace; font-size: larger; }




/*********************************************
* RESERVATION BOOKING (PUBLIC SHARED) PAGES
*********************************************/
.dark {
	background-color: #660000;
}
hr.dark {
	color: #660000;
}
.light {
	background-color: #ffffcc;
}


/*********************************************
* CALENDAR GRID
*********************************************/
/* basic calendar grid setup */
#cgrid { border-collapse:collapse; }
#cgrid th, #cgrid td {
	padding:0;
}

/* status bar/messages */
#status { background-color: #eee; border-collapse:collapse; border-spacing:0; }
#status td { border: 1px solid #ddd; padding:3px; }
#cgrid-status { color: #000; }
#cgrid-status.refresh-error { color:#f00; }

/* paging links */
#scroll a { display:block; padding: 0 5px; }

/* coloring column header dates */
#cgrid .sunday {
	color: blue;
}
#cgrid .weekday {
	color: green;
}
#cgrid .weekend {
	color: red;
}

/* the number of days display */
#cgrid a em {
	font-style: italic;
	font-size: 0.85em;
	position: relative;
	top: -0.2em;
}

#cgrid .date { 
	zwidth:45px; 
	zwhite-space:nowrap;
}

/* make links fill cell so full cell is clickable */
#cgrid a {
	display: block;
	color: black;
	height:100%;
	zoom:1;
}

#cgrid thead a {
	padding: 3px 0;
}

#cgrid .extender {
	padding: 0 1px;
}
#cgrid .date a {
	padding:0;
}
#cgrid tbody .date,
#cgrid tbody .extender { font-size:11px; }

#cgrid .housekeeping a {
	width:8px;
	height:8px;
	display:block;
	padding:0;
	margin: auto;
}
#cgrid a.clean {
	background-color:#0F0;
}

#cgrid a.dirty {
	background-color:#000;
}

#cgrid .price {
	font-weight:bold;
}

#cgrid .housekeeping,
#cgrid .price,
#cgrid .occupancy,
#cgrid .extender {
	text-align:center;
}

#cgrid .unit,
#cgrid .property { padding-left:3px; }

#cgrid a:link, 
#cgrid a:visited {
	text-decoration: none;
}
#cgrid a:hover, 
#cgrid a:active {
	text-decoration: underline;
}
#cgrid tbody tr:hover {
	background-color: #eee;
}


/* a = available */
#cgrid .a.extender div,
#cgrid .a a {
	text-align: center;
	color: #BBBBBB;
	line-height: 21px;
}
#cgrid .a a:hover,
#cgrid .a a:active {
	color: black;
	text-decoration: none;
	background-color: #ccc;
}

/* b = blocked */
#cgrid .b.extender div,
#cgrid .b a {
	border:1px solid #aeaeae;
	color: black;
	background-color: #DDDDDD;
}
#cgrid .b a:hover, 
#cgrid .b a:active {
	color: black;
	background-color: #BFBFBF;
}


/* c = confirmed */
#cgrid .c.extender div,
#cgrid .c a {
	border:1px solid #d13535;
	color: black;
	background-color: #FF8080;
}
#cgrid .c a:hover, 
#cgrid .c a:active {
	color: white;
	background-color: #FF5151;
}


/* co = checked out */
#cgrid .co.extender div,
#cgrid .co a {
	border:1px solid #6dc8e5;
	color: black;
	background-color: #9FE8FF;
}
#cgrid .co a:hover, 
#cgrid .co a:active {
	color: black;
	background-color: #48D1FF;
}


/* d = audit (avail but needs to be processed) */
#cgrid .d.extender div,
#cgrid .d a {
	border:1px solid #3f7adc;
	color: black;
	background-color: #83B1FE;
}
#cgrid .d a:hover, 
#cgrid .d a:active {
	color: white;
	background-color: #3983FD;
}


/* i - ? */
#cgrid .i.extender div,
#cgrid .i a {
	border:1px solid #3f7adc;
	color: black;
	background-color: #83B1FE;
}
#cgrid .i a:hover, 
#cgrid .i a:active {
	color: white;
	background-color: #3983FD;
}


/* o = occupied */
#cgrid .o.extender div,
#cgrid .o a {
	border:1px solid #e3e300;
	color: black;
	background-color: #FFFFAA;
}
#cgrid .o a:hover, 
#cgrid .o a:active {
	color: black;
	background-color: #FFFF4F;
}


/* t = tenative */ 
#cgrid .t.extender div,
#cgrid .t a {
	border:1px solid #d59836;
	color: black;
	background-color: #FFD89A;
}
#cgrid .t a:hover, 
#cgrid .t a:active {
	color: black;
	background-color: #FFC05D;
}

/* x = supposedly never displays */
/* do nothing */
#cgrid .reserved a { padding:0 2px 0 2px; }

#cgrid .reserved a,
#cgrid .extender div {  margin:2px; }

#cgrid .extender.before div { margin-right:0; }
#cgrid .extender.after div { margin-left:0; }

#cgrid .b a,
#cgrid .c a,
#cgrid .co a,
#cgrid .d a,
#cgrid .i a,
#cgrid .o a,
#cgrid .t a {
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
}

#cgrid .extends.before {
	padding-left:0;
}
#cgrid .extends.before a {
	-webkit-border-top-left-radius: 0;
	-webkit-border-bottom-left-radius: 0;
	-moz-border-radius-topleft: 0;
	-moz-border-radius-bottomleft: 0;
	border-top-left-radius: 0;
	border-bottom-left-radius: 0;
	margin-left: 0;
	border-left: 0;
}

#cgrid .extends.after {
	padding-right:0;
}
#cgrid .extends.after a {
	-webkit-border-top-right-radius: 0;
	-webkit-border-bottom-right-radius: 0;
	-moz-border-radius-topright: 0;
	-moz-border-radius-bottomright: 0;
	border-top-right-radius: 0;
	border-bottom-right-radius: 0;
	margin-right: 0;
	border-right: 0;
}

#cgrid .extender.before div,
#cgrid .extends.after { border-right:0; }

#cgrid .extender.after div,
#cgrid .extends.before { border-left:0; }














/* used with javascript show/hide toggle  */
/* add class hidden to hide something     */
/* remove class hidden to show something  */
.hidden { display:none; }


/* fancy forms */
.fancy { 
	background-color: #e7f4fe; 
	border: 1px solid #ff9900;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;	
	padding: 40px 25px;
	position:relative;
}
.fancy .caption {
	color:#055C9F;
	background-color:#fff;
	background-color:rgba(256, 256, 256, 0.75);
	position:absolute;
	top:-0.75em;
	left:1.75em;
	padding: 1px 5px;
}
.fancy .highlight { background: url(/nice/bestrez.com/assets/images/input-highlight.png) repeat-y top left; }

.fancy button,
.fancy input[type="submit"],
.fancy input[type="reset"],
.fancy-button {
	color:#fff;
	border:0;
	background: #2e80bf; /* Old browsers */
	background: -moz-linear-gradient(top, #2e80bf 0%, #236191 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#2e80bf), color-stop(100%,#236191)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, #2e80bf 0%,#236191 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, #2e80bf 0%,#236191 100%); /* Opera11.10+ */
	background: -ms-linear-gradient(top, #2e80bf 0%,#236191 100%); /* IE10+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#2e80bf', endColorstr='#236191',GradientType=0 ); /* IE6-9 */
	background: linear-gradient(top, #2e80bf 0%,#236191 100%); /* W3C */
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	border-radius: 2px;
	padding:6px 20px 8px 20px;
	line-height:1.5em;
	margin-top: 0.5em;
}
.fancy-button:link,
.fancy-button:visited {
	color:#fff;
}
.fancy button:hover,
.fancy input[type="submit"]:hover,
.fancy input[type="reset"]:hover,
.fancy-button:hover,
.fancy-button:active {
	text-decoration:none;
	background: #2c83c3; /* Old browsers */
	color:#fff;
}

.fancy .break > th,
.fancy .break > td { border-top: 5px solid #e7f4fe; }