/*-------------------------------
Basic Style Sheet

last updated: 03/21/08
version: 1.0
created by: Alex Neth
edited by: Dustin Martinka
website: cristallacar.com
-------------------------------*/

table {
	border-collapse:collapse;
}

/* table-block start */
.table-block {
	overflow: hidden;
	height: 100%; 
/*	width: 751px;*/
	padding: 0 0 7px;
/*	background: url(../images/table-block-bottom-bg.gif) no-repeat 0 100%;*/
	margin: 0 0 0 0;
}
.table-block .head {
	overflow: hidden;
	height: 42px; 
	font-size: 15px;
	padding: 0 1px 0 8px;
	color: #333;
}
.table-block .head strong {
	float: left; 
	padding: 16px 0 0;
}
.table-block .head div {
	float: right; 
	background: #e3eddf url(../images/head-right-corner.gif) no-repeat 100% 0;
}
.table-block .head p {
	margin: 0; 
	padding: 6px 42px 0 30px;
	height: 36px;
	float: left; 
	background: url(../images/head-left-corner.gif) no-repeat ;
}
.table-block .head p img {
	position: relative; 
	top: 7px;
}
.table-block .main {
	overflow: hidden;
	height: 100%; 
}
.table-block .table {
	overflow: hidden;
	height: 100%; 
/*	padding: 11px 15px 0 10px;*/
/*	font-size: 10px;*/
	position: relative; 
}
#calendar .scroll {
	overflow: auto;
	height: 363px;
	background: #fff;
	position: relative;
	z-index: 1;
}
.item .scroll {
	overflow: auto;
	height: 363px;
	background: #fff;
	z-index: 1;
}
.scroll_small {
	width: 490px;
}	
#calendar .scroll {
    padding: 27px 0 0;
	overflow-x: hidden;
	margin: 0 1px;
}
.table-block table {
	width: 100%;
	text-align: center;
}
tr.color td.color {
	width: 93px;
}
#calendar {
/*	margin: 1px;  Fixed calendar vertical line adjustment*/
	background-color: #FFF;
/*	border: solid 1px rgb(185, 204, 220);*/
}
#calendar-scroll table {
/*    width: 707px;*/
/*	width: 862px;*/
	width: 922px;
	margin-top:3px;
	margin-left:-1px;
}
.calendar_tips {
	background-color: #FFF;
	padding: 6px 9px;
	font-size: .9em;

}
.calendar_tips p {
	font-size: 10px;
	color: #666;
	margin: 0;
	line-height: 1;
	text-align: center;
}
.calendar_tips p span {
	font-weight: bold;
	color: #000;
}	
.table-block .abs-table {
	position: absolute; 
/*	left: 11px;*/
	background: #fff url(../images/head-table-bg.gif) repeat-x bottom;
/*	top: 31px; */
	left: 0;
	padding-bottom: 4px;
	z-index: 90;
	border-top: 3px solid #e5e5e5;
	border-right: 1px solid #CCCCCC;
}
.table-block .head-table {
	font-size: 11px;
/*	width: 707px;*/
/*	width: 862px;*/														/*table head width */
	width: 922px;
}
.table-block table tr td {
	border-top: 1px solid #e5e5e5; 
	line-height: 14px;
	border-left: 1px solid #ccc; 
}

.table-block table tr td.no_h_border {
	border-top: none; 
}

.table-block table tr td.no_v_border {
	border-left: none; 
}

.table-block table tr td.clickable {
	cursor: pointer; 
}
.table-block table tr td.used {
	background-color: #9f3f2f;
}

.table-block table tr td.unused {
	background-color: #3f8faf;
}

.table-block table tr td.conflict {
	background-color: #af3f8f;
}

.table-block table tr td.partial_used {
	background-color: #FFD063;
}

.table-block table tr td.partial_conflict {
	background-color: #3f8faf;
}

.table-block .head-table tr td {
	line-height: 18px;
}
.scroll table tr.border td {
	border-top-color: #ccc;
	width: 65px;
}
/*.scroll table tr.border td.unavailable {
	border-top: #F1F1F1;
}*/
.scroll table tr.border td.pm {
	width: 33px;
	.text-align:right; /*IE7 Fix*/
}
.table-block table tr td.pm {
	border: none;
	color: #8c8c8c;
	width: 48px;
        vertical-align: top;
}
.table-block table tr.color td.pm {
	width: 47px;
}

* html .table-block table tr td.pm {
	width: 51px;
}
.table-block .head-table tbody tr td.pm {
	border-top: 1px solid #e5e5e5; 
}
.table-block .head-table thead td {
	color: #000 !important;
	border-top: none;
	line-height: 23px;
	border-left-color: #fff; 
}
.table-block .head-table thead td.color {
	border-left: 1px solid #ccc; 
}
.table-block .head-table thead td.after-color {
	border-left: 1px solid #ccc; 
}
.table-block table tr td.half-color {
	background: #f1f1f1 url(../images/half-bg.gif) repeat-x ;
}
.table-block table tr.color td,
.table-block table tr td.color {
	background: #f1f1f1;
}
.table-block .abs-table tr td.color {
	background-color: #EEE;
	color: #666 !important;
}
.table-block table tr.color td.color {
	background: #E2ECF1;
	border-top-color: #ccc;
}

.table-block table td.unavailable {
	background: #d1d1d1;
	border-top: #d1d1d1;
	color: black;
}

.table-block table td.empty span.name {
	color: #d1d1d1;
}

.table-block table td.unavailable span.name {
	color: #f1f1f1;
}

.table-block table td.available {
	background: #FFF;
}
.table-block table tr.color.border td.color {
	border-top-color: #c0c0c0;
}
.table-block table tr td .pop {
	height: 14px;
	position: relative; 
}
/*Blue Block */
.table-block table tr td .pop_avail {
	height: 14px;
	position: relative; 
}
.table-block table tr td .pop_avail .popup {
	position: absolute; 
	left: 1px;
	width: 112px; 
	top: 1px;
	background: #3684ABA url(../images/bg-month.jpg) repeat-x;
}
.table-block table tr td .pop_avail .popup div {
	background: #3684AB url(../images/bg-month.jpg) repeat-x;
	border: solid 2px #599BC0;
	}
.table-block table tr td .pop_avail .popup span {
	height: 27px;
	display: block; 
}



/*Red Block */

.table-block table tr td .popup {
	position: absolute; 
	left: 1px;
	width: 112px; 
	top: 1px;
	background: #973826 url(../images/bg-month-noAvail.jpg) repeat-x;
}

.table-block table tr td .popup div {
	background: #973826 url(../images/bg-month-noAvail.jpg) repeat-x;
	border: solid 2px #C95445;
}
.table-block table tr td .popup span {
	height: 27px;
	display: block; 
}
.table-block table tr td .h_1 span {
	height: 14px;
}
.table-block table tr td .h_2 span {
	height: 28px;
}
.table-block table tr td .h_3 span {
	height: 43px;
}
.table-block table tr td .h_4 span {
	height: 57px;
}
/* table-block end */



/* account-blocks start */
.account-blocks {
	height: 100%; 
	padding: 8px 0 0;
}
.account-blocks:after {
	content:".";
	display:block;
	width:100%;
	overflow:hidden;
	height:0;
	clear:both;
}
.account-blocks .block {
	float: left;
	width: 250px;
	margin: 0 0 0 10px;
	display: inline; 
	background: #f2f7f1 url(../images/account-block-top-bg.gif) no-repeat ;
	position: relative; 
}
.account-blocks .calend {
	z-index: 100;
}
.account-blocks .color {
	background: #e3eddf url(../images/account-block-color-top-bg.gif) no-repeat ;
}
.account-blocks .block .top-bg {
	background: url(../images/account-block-bottom-bg.gif) no-repeat 0 100%;
	height: 100%; 
}
.account-blocks .color .top-bg {
	background-image: url(../images/account-block-color-bottom-bg.gif);
	height: 100%; 
}
.account-blocks .block .bg {
	min-height: 115px;
	padding: 5px 10px 0 5px;
	overflow: hidden;
}
* html .account-blocks .block .bg {
	height: 115px;
}
.account-blocks .block .car {
	background: url(../images/account-block-car.gif) no-repeat 100% 100%;
	padding-left: 10px;
}
.account-blocks .block .reserve {
	background: url(../images/account-block-reserve.gif) no-repeat 100% 100%;
	padding-left: 10px;
}
.account-blocks .block h3 {
	margin: 0; 
	font-weight: normal; 
	font-size: 11px;
}
.account-blocks .block .links {
	position: absolute; 
	left: 0;
	padding: 0 0 5px 10px;
	bottom: 0;
/*	height: 33px; */
}
.account-blocks .block .links span {
	display: block; 
	line-height: 13px;
	font-weight: bold;
}
.account-blocks .block .links a {
	text-decoration: none; 
	color: #26add6;
}
.account-blocks .block .links a:hover {
	text-decoration: underline; 
}
.account-blocks .block .name {
	display: block; 
	line-height: 18px;
	font-size: 15px;
	color: #5d9e9b;
	margin-top: 9px;
}
.account-blocks .block .form.login {
	background-color: #F2F7F1;
}
.account-blocks .block .form.login label {
    width: 6em;
    margin-bottom: 5px;
    vertical-align: middle;
}

.account-blocks .block .form.login input {
    float: right;
}

count-blocks .block .form {
	overflow: hidden;
	padding: 1px 0 0;
}
.account-blocks .block .form div {
	overflow: hidden;
	padding-top: 4px;
}
* html .account-blocks .block .form div {
	overflow: visible;
	height: 1%;
}
.account-blocks .block .form label {
	float: left; 
	width: 70px;
	font-weight: bold;
	font-size: 15px;
	color: #5d9e9b;
	line-height: 22px;
}
.account-blocks .block .form select {
	float: left; 
	color: #666;
	width: 120px;
	font: 13px Arial, Helvetica, sans-serif;
}
.account-blocks .block .form span {
	float: right; 
	font-size: 15px;
	line-height: 20px;
	color: #999;
}
/* account-blocks end */

.info-popup .btns div, form {
    display: inline;
}




/* info-popup start */
.info-popup {
	position: absolute; 
	left: 108px;
	top: -51px;
	z-index: 100;
}
.info-popup .bg-top {
	display: block;
	background: url(../images/info-popup-bg.png) no-repeat ;
	width: 294px;
	padding: 5px 4px 0 15px;
}
.info-popup .bg-mid {
	display: block;
	background: url(../images/info-popup-bg.png) no-repeat 0 -32px;
	width: 294px;
	padding: 5px 4px 12px 15px;
}
.info-popup .bg-btm {
	display: block;
	background: url(../images/info-popup-bg.png) no-repeat bottom left;
	width: 294px;
	padding: 0 8px 4px 11px;
	overflow: hidden;
	margin-top: -10px;
	position: relative;
}



/*.info-popup .bg {
	overflow: hidden;
	padding: 5px 23px 0 15px;
	text-align: left;
	width: 292px;
	height: 133px;
	background: url(../images/info-popup-bg.png) no-repeat ;
}*/
.info-popup strong.title {
	display: block; 
	font-size: 15px;
	padding: 6px 0 4px 12px;
	position: relative; 
	color: #000;
	text-align: left;
}
.info-popup strong.alert {
	background: url(../images/icon-warning-alert.gif) no-repeat 0 6px;
	color: #ff2d56;
	padding-left: 22px;
	margin-left: 12px;
	text-align:left;
}
/*.info-popup span.from {
	display: block; 
	font-size: 1.1em;
	padding: 0 164px 0 0; 
	line-height: 1.3;
	position: relative; 
	text-align: right;
	float: right;
	width: 50px;
	outline: 1px solid red;
}
.info-popup span.from strong {
	color: #5d9e9b;
}*/
.info-popup form {
}
.info-popup div.btns {
	float: right;
}
.info-popup .btns a {
	float: left;
	margin: 0 0 0 19px;
}
.info-popup .btns a img {
	float: left; 
}
.info-popup small {
	display: block; 
	color: #000;
	font-size: 11px;
	margin: 0 0 0 12px;
	position: relative; 
}
.info-popup .close-link {
	float: right; 
	margin-right: 5px;
	position: relative; 
}
.info-popup .close-link img {
	display: block; 
}
.info-popup .alert {
	padding: 0 0 10px 12px;
	
}


/* calendar start */
.calendar {
	width: 175px;
	border: 1px solid #96b4a5; 
	background: #fff;
	position: absolute; 
	left: 161px;
	z-index: 100;
	top: 52px;
}
#calendar .head-table td.color {
    width: 93px;
		.text-indent: 20px; /*IE7 Fix*/
}
.month {
	margin: 0; 
	padding: 0 3px; 
	overflow: hidden;
	height: 100%; 
	text-align: center;
	height: 24px;
	border-top: 1px solid #84a795; 
	background: #4d6c5c url(../images/month-bg.gif) repeat-x ;
	line-height: 24px;
}
.month li {
	list-style: none; 
	display: inline; 
}
.month li.left {
	float: left; 
	margin-top: 3px;
}
.month li.right {
	float: right; 
	margin-top: 3px;
}
.month li a {
	text-decoration: none; 
	padding: 0 14px; 
	background: url(../images/month-arrow.gif) no-repeat 100% 5px;
	color: #fefefe;
}
.month li.right a,
.month li.left a {
	background: none;
	padding: 0;
}
.week {
	margin: 0; 
	padding: 0;
	background: #dae4df url(../images/week-bg.gif) repeat-x ; 
	line-height: 18px;
	overflow: hidden;
	height: 17px;
}
.week li {
	list-style: none; 
	float: left; 
	width: 23px;
	text-align: center;
	padding: 0 1px;
}
.days {
	margin: 0; 
	padding: 0;
	line-height: 16px;
	overflow: hidden;
	height: 100%; 
	border-top: 1px solid #bfd1c8; 
	border-bottom: 1px solid #bfd1c8; 
}
.days li {
	list-style: none; 
	float: left; 
	text-align: center;
	height: 19px;
	padding: 1px 1px 0;
}
.days li a {
	text-decoration: none; 
	float: left; 
	width: 21px;
	color: #212e27;
	border: 1px solid #fff; 
}
.days li.active a {
	background: url(../images/days-bg.gif) repeat-x ;
	border-color: #b9cdc3;
}
.days li.pass a {
	border-color: #eff3f1;
	background: #eff3f1;
	color: #bbcec4;
}
.days li.last a {
	color: #bbcec4;
}
.calendar div {
	height: 25px;
	text-align: center;
	padding: 4px 0 0;
	background: url(../images/calendar-bg.gif) repeat-x;
}

.reserved {
	background: #973826 url(../images/bg-month-noAvail.jpg) repeat-x;
	color: #FFF;
}
.unavail {
	background-color: #EEE;
}
.unavail span {
	color: #AAA;
}
/* calendar end */

/* --------------ADDED BY DUSTIN MARTINKA----------*/

/*    Ids     */
/*#reservation_details {

}
#reservation_details .table {
	background: #FFF url('../images/bg_carFront.gif') no-repeat bottom right;
	margin: 18px 12px 18px;
	border: 1px solid #5C9C9C;
	padding: 40px 20px 80px;
}	
#no_bg {
	background: none;
}
#reservation {
	background: url('../images/bg_reservation.gif') no-repeat;
	padding: 4px 10px
}
#reservation_details form {
	background: url('../images/bg_reservation.gif') no-repeat bottom left;
	padding: 20px 0;
}
#reservation_details .mid_box {
	background: url('../images/bg_reservation.gif') no-repeat 0 50%;
}
#no_reservation {
	padding: 4px 10px 90px;
	width: 305px;
	margin: 20px auto;
}*/

/*
.element_l {
	float: left;
}
.element_r {
	float: left;
	margin-left: 10px;
}
.align_right, .table-block #users tr td.actions {
	text-align: right;
	padding-right: 5px;
}
.align-left {
	text-align: left;
}*/


/* Forms  */
/*#newuserform {
	background: url('../images/bg_carFront.gif') no-repeat bottom right;
	margin: 0 12px 18px;
	border: 1px solid #5C9C9C;
	padding: 5px 20px 30px;
}
#newuserform p {
	width: 390px;
}
#newuserform .row {
	margin-top:15px;
	width: 420px;
}
#newuserform label {
	padding-bottom: 2px;
}
.editform, .bottomspace {
	padding-bottom: 95px !important;
}*/
/*  Links   */
/*#newuserform a, #reservation_details a {
	text-decoration: none;
	font-weight: bold; 
	color: #26add6;
}
a:visited, a:link {
	text-decoration: none;
	color: #26add6;
}
a:hover {
	text-decoration: underline; 
}
.notification_box a:hover {
	text-decoration: underline; 
}*/




/*  Lists  */
	/*Generic*/
/*li {
	list-style: none;
}*/
/*ul.lineup, ul#popup {
	margin: 0;
	padding-bottom: 18px;
	zoom: 1;
	border: 1px solid red;
}
ul.lineup li .element_l {
	text-align:right;
	margin-left: 0px;
	float: left;
	zoom: 1;
	background-color: green;
}
ul.lineup li .element_r {
	float: none;
	background-color: orange;
	margin-left: 0;
	text-align: left;
}
*/

	/*Specific*/
ul#popup {
	margin-bottom: 10px;
}
ul#popup li {
	font-size: 1.1em;
	line-height: 1.3;
}
#reservation_confirmation .element_l {
	width: 30px;
	color: #3684AB;
	font-weight: bold;
	text-align:right;
}
#reservation_confirmation .element_l, #reservation_confirmation .element_r {
	line-height: 1.4;
	font-size: 1.1em;
}
#reservation_confirmation .element_r {
	margin-left: 2px;
	clear: right;
}
/*#popup .wrapper,*/ #reservation_confirmation .wrapper {
	width: 190px;
}
#popup li.wrapper {
	width: auto;
	display: block;
	text-align: left;
	margin-left: 12px;
}
#popup li.wrapper .element_r {
	font-weight: bold;
}

/* Monthly Calendar */
#monthly_outer {
	border: 1px solid #D3D3D3;
}
#monthly_outer .info-popup {
	left: 177px;
	top: -69px;
}
#monthly_outer .info-popup .bg-mid  {
	background-position: 0 -78px;
}
table#monthly {
	background-color: #FFF;
}
table#monthly td {
	width: 124px;
	height: 63px;
}
table#monthly .day_of_week td {        /*consolidate with calendar.css*/
	height: 20px;
	background-color:#EEE;
	color: #666;
	font-size: 1.1em;
	border-top: 2px solid #D3D3D3;
}
#month_select {
	font-weight: bold;
	text-align: center;
}
table#monthly .day td.selected {
	background-color: #DBEBF4;
}
table#monthly .day td.selected div span {
	color: #666;
	font-size: 2.0em;
	bottom: 8px;
}
table#monthly .day td div {
	position: relative;
}
table#monthly .day td div span.date {
	display: block;
	text-align: right;
	margin-top: -28px;
	margin-right: 4px;	
}
table#monthly .day .no_day {
	background-color: #EEE;
	color: #999;
}
tbody {
	border-bottom: 1px solid #CCCCCC;
	border-right: 1px solid #CCCCCC;
}

#calendar-header {
	background: white;
	position: relative; 
	width: 730px; 
	height: 20px; 
	border-top: solid 1px rgb(192, 192, 192); 
	overflow-x: hidden; 
	overflow-y: hidden
}

#calendar-body {
	position: relative; 
	width: 730px; 
	height: 376px; 
	border-top: solid 1px rgb(192, 192, 192); 
	border-bottom: solid 1px rgb(192, 192, 192); 
	overflow-x: hidden; 
	overflow-y: auto;
}