/***** clearfix *****/
.clear {clear: both;height: 0;line-height: 0;}
.clearfix:after {content: ".";display: block;height: 0;clear: both;visibility: hidden;}
.clearfix {display: inline-block;}
/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */
.clearfix {height: 1%;}
.clearfix {display: block;}


/* sliding panel */

#panel {
	width: 360px;
	height: 240px;
	background: #dbeff9 url(../images/panel_bg.gif) repeat-x;
	overflow: hidden;
	z-index: 3000;
	display: none;
	position:absolute;
	top:23px;
	left:12px;
}

#panel a {
	text-decoration: none;
	color: #15ADFF;
}

#panel a:hover {
	
}

#panel .contentpanel {
	float:left;
	width: 320px;
	padding: 10px;
	text-align: left;
	font-size: 11px;
	position:relative;
	z-index: 3001;
	
}

#panel .contentpanel .paneleft {
	width: 340px;
	float: left;
	padding: 0 10px;
}

#panel .contentpanel form {
	
}

#panel .contentpanel label {
	
}

#panel .contentpanel input.field {
	
}

#panel .contentpanel input:focus.field {

}

.formInputCont{
	float:left;
	padding:4px 0px;
	clear:both;
}

.formSelectType{
	float:left;
	padding:6px 0px;
	width:100%;
	clear:both;
	font-weight:bold;
}

.formChecksCont{
	float:left;
	height:30px;
	display:block;
	padding:0 10px 0 0;
}

.formDate{
	float:left;
	padding:8px 10px;
}

.formChecksCont label{
	padding:4px 0px;
	
}

.formSubmit{
	float:left;
	clear:both;
	width:100%;

}

a.dp-choose-date {
	float: left;
	width: 16px;
	height: 16px;
	padding: 0;
	margin: 5px 3px 0;
	display: block;
	text-indent: -2000px;
	overflow: hidden;
	background: url(../images/date_picker.gif) no-repeat; 
}
a.dp-choose-date.dp-disabled {
	background-position: 0 -20px;
	cursor: default;
}
/* makes the input field shorter once the date picker code
 * has run (to allow space for the calendar icon
 */
input.dp-applied {
	width: 70px;
	float: left;
}

input.date-pick{
width: 70px;
	float: left;
}