.tl-big {font-size: 12px;}
/*filter form start*/
.filter {
	margin-top: 0 !important;
}
.filter-title {
	display: block;
	padding: 5px 0 5px 5px;
	font-weight: bold;
	border-top: 1px solid #000;
	font-size: 14px;
	line-height: 22px;
	color: #3f3f3f !important;
	background: url(../images/opener-open.gif) no-repeat 99% 50%;
}
.filter-title.hide {
	background: url(../images/opener-hide.gif) no-repeat 99% 50%;
}
.filter-form {
	width: 100%;
	overflow: hidden;
	border: 1px solid #e8e8e8;
	display: block;
}
.opener {display: block !important;}
.filter-form.hide {
	display: none;
}
.filter-form form {
	padding: 10px;
}
.filter-form label {
	font-size: 11px;
	font-weight: bold;
}
.filter-form .form-item {
	width: 165px;
	float: left;
	position: relative;
}
.form-header {
	display: block;
	font-size: 14px;
	font-weight: bold;
	line-height: 22px;
}
.form-item input {
	width: 143px;
	border: 1px solid #c5c5c5;
	border-top-width: 2px;
	padding: 2px 5px 1px;
	font-size: 11px;
	color: #3f3f3f;
	float: left;
}
.form-item select {
	width: 155px;
}
.checkbox-col {
	width: 230px;
	float: left;
}
.checkbox-col ul{
	float: left;
	overflow: hidden;
	width: 50%;
	margin: 0;
	padding: 0;
	list-style: none;
}
.checkbox-col li {
	padding: 0 0 7px;
}
.form-row {
	height: 1%;
	overflow: hidden;
	padding: 0 0 20px;
}
.datepicker{
	position: relative;
}
.datepicker {
	width: 155px;
	height: 20px;
	background: url(../images/input-datepicker.gif) no-repeat;
	float: left;
}
.datepicker input {
	background: none;
	border: none;
	padding: 3px 5px 2px;
}
a.calendar-icon {
	position: absolute;
	right: -10px;
	top: 2px;
}
/*filter form start*/
/*custom form start*/
.outtaHere {
	position:absolute;
	left:-3000px;
}
/*Checkboxes*/
.checkboxArea, .checkboxAreaChecked {
	float:left;
	width:14px !important;
	height:15px;
	overflow: hidden;
	background: url(../images/checkbox.gif) no-repeat;
	margin-right: 7px;
	display: inline;
}
.checkboxAreaChecked {background-position: 0 -15px;}

/* Selects */
.selectArea {
	position: relative;
	height: 20px;
	float:left;
	color:#3f3f3f;
	font-size:11px;
	line-height:22px;
	width: 154px;
}
.selectArea .left {
	position: absolute;
	top: 0;
	left: 0;
	width:3px;
	height:100%;
	background: url(../images/select-left.gif) no-repeat;
	display: block;
}
* html .selectArea a.selectButton {
	right: -1px;
}
.selectArea a.selectButton {
	position: absolute;
	top: 0;
	right: 0;
	width:15px;
	height:100%;
	background: url(../images/select-button.gif) no-repeat;
}
.selectArea .center{
	height: 20px;
	line-height:22px;
	display:block;
	padding:0 15px 0 3px;
	background: url(../images/select-center.gif) repeat-x;
}
.selectArea .center img {
	float:left;
}
/*Selects drop-down*/
.optionsDivInvisible,
.optionsDivVisible {
	position: absolute;
	background-color: #fff;
	border: 1px solid #2e2e2e;
	display: block;
	z-index: 30;
	font-size: 11px;
}
.drop-dif {
	background:#fff;
}
.optionsDivInvisible {display: none;}
.optionsDivVisible ul {
	margin:0;
	padding:2px;
	overflow:hidden;
	list-style: none;
}
.optionsDivVisible ul li {
	float:left;
	width:100%;
}
.optionsDivVisible a {
	color: #3f3f3f;
	overflow:hidden;
	text-decoration: none;
	display: block;
	height:1%;
	padding: 2px 4px;
}
.optionsDivVisible a img {
	border:none;
	float:left;
}
.optionsDivVisible a:hover {
	background-color: #ccc !important;
}
/*custom form end*/


/* datepicker */
#ui-datepicker-div {
	background:#fff;
	border:1px solid #ccc;
	width: 152px;
}
.ui-datepicker-next,
.ui-datepicker-prev {
	margin: 5px 10px;
	display: inline;
	width: 11px;
	height: 14px;
	float: left;
	text-indent: -9999px;
	background: url(../images/btn-datapicker.gif) no-repeat;
}
.ui-datepicker-title {
	padding: 5px 0 0;
	float: left;
	color: #3f3f3f;
	width: 90px;
	text-align: center;
	font-weight: bold;
}
.ui-datepicker-next {
	background-position: -11px 0;
	float: right;
}
.ui-datepicker-calendar {
	clear: both;
}
.ui-datepicker-calendar {
	width: 100%;
}
.ui-datepicker .ui-state-active {
	border-color: #0886ec;
	border: 1px solid #0886ec;
}
.ui-datepicker .ui-state-highlight {
	background:#0886ec;
	color: #fff;
}
.ui-datepicker-calendar td {
	border: 1px solid #e1f3ff;
	text-align: center;
}
.ui-datepicker-calendar td a{
	color: #3f3f3f;
	display: block;
}
.ui-datepicker table td a:hover {
	text-decoration: none;
	font-weight: bold;
	color: #00f;
}
.ui-datepicker-cover {
	display: none;
}
.ui-state-default {
	color: #9ed5f8;
}






