.listItem {
	position: relative;
	z-index:10;
}

.calendars{
background-color:white;
border-bottom-color:black;
border-bottom-style:solid;
border-bottom-width:1px;
border-left-color:black;
border-left-style:solid;
border-left-width:1px;
border-right-color:black;
border-right-style:solid;
border-right-width:1px;
border-top-color:black;
border-top-style:solid;
border-top-width:1px;
padding-bottom:10px;
padding-left:10px;
padding-right:10px;
padding-top:10px;


}
#calendar input{
	float: left;
}


#info
{
padding: 5px;
margin-bottom: 10px;
border-top: solid 1px #333;
border-bottom: solid 1px #333;
background: white;
text-align: center;
float: left;
width: 485px;
}
#isntructions
{
font-size: 1em;
font-weight: bold;
margin: 20px 0;
}

#calendar
{
/*font-family: Verdana, Arial;*/
/*font-size: 8pt;*/
overflow: hidden;
margin: auto;
width: 864px;
text-align: center;
}

#calendar .month_cnt
{
float: left;
height: 160px;
margin: 6px;

}

#calendar .month
{
border: solid 1px #3D7DA6;
border-collapse: collapse;
cursor: default;
width: auto;
}

#calendar .month td
{
width: 18px;
height: 18px;
text-align: center;
vertical-align: middle;
border: solid 1px #012257;
padding: 0;
}

#calendar .month .title td,
#calendar .month .weekdays td
{
font-family: Verdana, Arial;
font-size: 11px;
font-weight: bold;
background: #0073BA;
color: white;
}

#calendar .month .title td
{
width: auto;
background: #012257;
}

#calendar .month .days td
{
font-family: Verdana, Arial;
font-size: 12px;
cursor: pointer;
background: #B8B8B8;
color: #000;
}

#calendar .month .days td.avail, .avail,
#calendar .month .days td.avail_selected, .avail_selected
{
background: #89A5CF;
}

#calendar .month .days td.booked, .booked,
#calendar .month .days td.booked_selected, .booked_selected
{
background: #87949D;
text-decoration: line-through;
}

#calendar .month .days td.past, .past,
#calendar .month .days td.past_selected, .past_selected
{
background: #E0DDCE;
color: gray;
}

#calendar .month .days td.past_selected, .past_selected,
#calendar .month .days td.booked_selected, .booked_selected
{
background: #FD7A7A;
}

#calendar .month .days td.avail_selected, .avail_selected
{
background: #ECECEC;
}

#legend
{
overflow: hidden;
width: 630px;
/*margin: auto;*/
padding: 5px 0;
text-align: center;
width: 500px;
font-size: 80%;
}

#legend .item
{
overflow: hidden;
height: 20px;
float: left;
position: relative;
text-align: left;
padding: 2px 0px 2px 20px;
margin: 5px;
font-weight: bold;
}

#legend .item .color
{
width: 17px;
height: 17px;
display: block;
position: absolute;
left: 0;
top: 0;
font-family: Verdana, Arial;
font-size: 9pt;
font-weight: normal;
border: solid 1px #333333;
}

#frm
{
overflow: hidden;
height: 1%;
width: 700px;
margin: auto;
}

#frm .br
{
display: block;
height: 5px;
overflow: hidden;

}


#frm .field
{
float: left;
width: 330px;
margin-left: 30px;
margin-bottom: 4px;
oveflow: hidden;
height: 1%;
}

#frm .center
{
float: none;
clear: both;
width: auto;
text-align: center;
}

#frm .nl
{
clear: left;
margin-left: 0;

}

#frm .field label
{
display: block;
float: left;
text-align: left;
font-weight: bold;
width: 150px;
}

#frm .field .val,
#frm .field select,
#frm .field span
{
display: block;
float: right;
text-align: left;
width: 141px;
}

#frm #total_rent
{
font-weight: bold;
}

#leftCalendar {
float: left;
width: 500px;

}
#frame
{
border-left: dashed 1px #000;
padding-left: 10px;
float:right;
width:340px;
}
#frame .br
{
display: block;
height: 5px;
overflow: hidden;

}
#frame .field {
margin: 3px 0px;
text-align: right;
}

#frame .field label
{
font-size:85%;
display: block;
float: left;
text-align: left;
font-weight: bold;
width: 125px;
}
#frame .field select {
}





/*
		ul#charges li {
		text-align: left;
		}
		*/

.calendar input{
	float:left;
	margin-top:10px;
}
.calendar #frame {
	margin: 10px;
	float: left;
}
.calendar .month {
	width: auto;
}
.calendar {
width: 787;
}
.month_cnt{
display: none;
}
.calendars {
	position: absolute;
	/*z-index: 10000;*/
	top: 12 px;
	clear: both;
	/*display: none;*/
}

#priceDetail {
	position: absolute;
	background-color: white;
	padding:5px;
	border: 1px solid black;
	z-index: 100;
	font-size: 12px
}
a.href_details {
	color: #29288C;
	font-size: 80%
}
a.href_details:hover {
	color: #CD5301;
}