/* jQuery UI fix for Date Picker http://forum.jquery.com/topic/jquery-ui-datepicker-initial-display-none-fixup */
#ui-datepicker-div { display: none; }
/* part of hack to show only year month in jQuery DatePicker */
.cs-dp-yearmonthonly#ui-datepicker-div .ui-datepicker-calendar { display: none; }
/* mod to make trigger align */
.ui-datepicker-trigger {
	vertical-align:top;
	padding-left:2px;
}

/* FullAuction styles */
body{
background-color:#fff!important;
background-position:top center;
background-repeat:no-repeat;
font-family:Helvetica, Arial, Sans-Serif;
color:#3d3d3d;
font-weight:400;
font-size:12px;
margin:0;
padding:0;
}

/* "styled" classes that used to be written dynamically in fullauction.js */
input.styled { display:none; }
select.styled {
	position:relative;
	width:190px;
	opacity:0;
	filter:alpha(opacity=0);
	z-index:5;
}
.disabled {
	opacity:0.5;
	filter:alpha(opacity=50);
}

textarea{font-size:inherit;font-family:inherit;resize:none;}
a{outline:0;text-decoration:none;}

#wrapper{width:968px;margin:0 auto;}
#topmenu{height:40px;}
#logo > img{cursor:pointer;}
#logo div {
	display: inline-block;
}
#logo > div[id^=ctl00_topmenu],
#logo > #ReportsMenu,
#logo > #AdminMainMenu,
#logo > #MyAppraisalsMenu,
#logo > #MyVehiclesMenu,
#logo > #MyAccountMenu,
#logo > #BuyingMenu,
#logo > #MyVehiclesMyMessagesMenu,
#logo > #ReleaseNotesMenu {
	float: right;
	margin-top: 29px;
}
#ctl00_topmenu_DivNewFeatures,
#logo > #DivNewFeatures {
	float: right;
	margin-top: 0;
}
#logo > div > div > div,
#logo > div > div > a {
	cursor: pointer;
	display: inline-block;
	color: #777;
	background-color: #fff;
	padding: 10px 17px;
	font-size: 17px;
	font-weight: normal;
}
#menu{height:80px;}
#left {
width: 215px;
float: left;
background-color: #f6f6f6;
}
#left h4 {
	font-size: 18px;
	font-weight: normal;
	margin: 10px;
}
#right{width:700px;float:right;color:#3d3d3d;margin-right:30px}
#rightwide{width:100%;float:left;color:#3d3d3d;}
#menunav{
height:30px;
margin:10px auto 0;
}
.menuitem, .menuitem a, .menuitem a:visited {
	font-size: 14px;
	color: #aaa;
	cursor: pointer;
	float: left;
	padding: 0 10px 0 0;
}

	.menuitem:after,
	.menuitemselected:after {
		margin-left: 10px;
		content: "";
		border-right: 1px solid #aaa;
	}

	.menuitem:last-child:after {
		display: none;
	}

	.menuitem:first-child:after {
		display: inline !important;
	}

	#ctl00_AdminReturnLink:after {
		display: none !important;
	}

.divLogout
{
color:#aaa;
font-size:10pt;
padding-right:6px;
float: right;
}
a.logout, a.logout:visited, a.logout:hover, a.logout:active {
	font-size: 10pt;
	color: #aaa;
	text-decoration: none;
}

.divider{height:2px;margin-bottom:2px;background:url(images/divider.jpg) repeat-x;}
.clear{clear:both;height:1px;}
.contentheader{
background:url(images/contentheader.png) no-repeat;
width:728px;
height:30px;
color:#3d3d3d;
}
.maincontent{
width:721px;
min-height:300px;
background-color:#FFF;
border-left:1px solid #CFD0D2;
border-right:1px solid #CFD0D2;
padding-left:5px;
}
.contentheaderwide{background:url(images/contentheaderwide.png) no-repeat;height:30px;}
.maincontentwide{
background-color:#FFF;
min-height:300px;
border-left:1px solid #CFD0D2;
border-right:1px solid #CFD0D2;
padding-left:5px;
}
#footer {
	color: #afb5bc;
	background-color: #1b1c1d;
	padding: 60px 0;
	margin: 20px auto 0;
}
#featuredcontent{margin-top:5px;color:#3d3d3d;font-size:11px;}
#featuredgallery{
margin-top:10px;
border:1px solid #9a9a9a;
height:140px;
width:195px;
}
#left h1{font-size:14px;color:#3d3d3d;margin:0;}
#regnumber{
float:right;
margin-top:5px;
padding-right:10px;
font-weight:700;
font-size:16px;
}
#right h2{
color:#3d3d3d;
font-weight:700;
margin:0;
padding:0;
text-decoration:none;
}
#sellers-description{
margin:10px auto;
border-top:1px solid #CFD0D2;
width:330px;
padding-top:10px;
}
#usernamewelcome{
font-size:11px;
color:#3d3d3d;
margin-bottom:5px;
margin-top:10px;
}
#usernamewelcome a:hover{color:#F6B300;}
#vehicle-centre{
float:left;
width:280px;
border-right:1px solid #CFD0D2;
margin:15px 10px 10px 0;
}
#vehicle-detail-bottom{
width:700px;
padding-top:10px;
border-top:1px solid #CFD0D2;
margin:0 auto 10px;
}
#vehicle-detail-left{
float:left;
width:350px;
min-height:680px;
border-right:1px solid #CFD0D2;
margin:15px 10px 5px 0;
}
#vehicle-detail-left h2, #vehicle-detail-left h4{
color:#3d3d3d;
font-weight:700;
font-size:16px;
margin:0;
}
#vehicle-detail-left h4{
color:#6F6F6F;
font-size:14px;
}
#vehicle-detail-right{float:left;width:350px;margin-top:15px;}
#vehicle-detail-right h1{color:#3d3d3d;font-weight:700;font-size:15px;}
#vehicle-detail-right h4{
color:#6F6F6F;
font-weight:700;
font-size:13px;
margin:0;
}
#vehicle-left{
float:left;
width:360px;
border-right:1px solid #CFD0D2;
margin:15px 10px 10px 0;
}
#vehicle-right{float:left;width:250px;margin-top:15px;}
#vehicle2-centre{
float:left;
width:285px;
border-right:1px solid #CFD0D2;
margin:15px 10px 10px 0;
}
#vehicle2-left{
float:left;
width:330px;
border-right:1px solid #CFD0D2;
margin:15px 10px 10px 0;
}
#vehicle2-right{float:left;width:290px;margin-top:15px;}
.vehicle2-divider td
{
	padding-top: 3px;
	border-top: 1px solid #cccccc;
}

.cs-btn{
	display:block;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	padding: 4px 0px 3px 0px;
	font-weight:700;
	font-size:13px;
	text-align:center;
	text-decoration: none;
}
.cs-btn.orange:link, .cs-btn.orange:visited{
	color:#000;
	background: #e98000;
	background-image: -webkit-linear-gradient(top, #e98000, #eeb800);
	background-image: -moz-linear-gradient(top, #e98000, #eeb800);
	background-image: -ms-linear-gradient(top, #e98000, #eeb800);
	background-image: -o-linear-gradient(top, #e98000, #eeb800);
	background-image: linear-gradient(to bottom, #e98000, #eeb800);
	-webkit-box-shadow: 1px 1px 1px #999;
	-moz-box-shadow: 1px 1px 1px #999;
	box-shadow: 1px 1px 1px #999;
	border: solid 1px #d58046;
	text-decoration: none;
}
.cs-btn.orange:hover {
	color:#000;
	background: #eeb800;
	background-image: -webkit-linear-gradient(top, #eeb800, #e98000);
	background-image: -moz-linear-gradient(top, #eeb800, #e98000);
	background-image: -ms-linear-gradient(top, #eeb800, #e98000);
	background-image: -o-linear-gradient(top, #eeb800, #e98000);
	background-image: linear-gradient(to bottom, #eeb800, #e98000);
	-webkit-box-shadow: 1px 1px 1px #999;
	-moz-box-shadow: 1px 1px 1px #999;
	box-shadow: 1px 1px 1px #999;
	border: solid 1px #d58046;
	text-decoration: none;
}
.cs-btn.grey:link, .cs-btn.grey:visited{
	color:#fff;
	background: #7a7a7a;
	background-image: -webkit-linear-gradient(top, #7a7a7a, #0a0a0a);
	background-image: -moz-linear-gradient(top, #7a7a7a, #0a0a0a);
	background-image: -ms-linear-gradient(top, #7a7a7a, #0a0a0a);
	background-image: -o-linear-gradient(top, #7a7a7a, #0a0a0a);
	background-image: linear-gradient(to bottom, #7a7a7a, #0a0a0a);
	border: solid 1px #a4a5a6;
	text-decoration: none;
}
.cs-btn.grey:hover {
	color:#ffbc2b;
	background: #575757;
	background-image: -webkit-linear-gradient(top, #575757, #060606);
	background-image: -moz-linear-gradient(top, #575757, #060606);
	background-image: -ms-linear-gradient(top, #575757, #060606);
	background-image: -o-linear-gradient(top, #575757, #060606);
	background-image: linear-gradient(to bottom, #575757, #060606);
	border: solid 1px #a4a5a6;
	text-decoration: none;
}
.cs-btn-icon {
	height: 24px;
	width: 24px;
}
.bigbutton{
width:170px;
background:url(images/black-button.png) no-repeat;
height:27px;
padding-top:0;
color:#fff;
font-weight:700;
font-size:13px;
text-align:center;
border-style:none;
margin:0;
}
.bigbutton:hover{background-image:url(images/black-button2.png);cursor:pointer;color:#FFC62F;}
.midbutton{
width:164px;
background:url(images/black-buttonM.png) no-repeat;
height:27px;
padding-top:0;
color:#fff;
font-weight:700;
font-size:13px;
text-align:center;
border-style:none;
margin:0;
}
.midbutton:hover{background-image:url(images/black-button2M.png);cursor:pointer;color:#FFC62F;}
.smallbutton{
width:105px;
background:url(images/black-buttonS.png) no-repeat;
height:27px;
padding-top:0;
color:#fff;
font-weight:700;
font-size:13px;
text-align:center;
border-style:none;
margin:0;
}
.smallbutton:hover{background-image:url(images/black-button2S.png);cursor:pointer;color:#FFC62F;}
.tinybutton{
width:78px;
background:url(images/black-buttonT.png) no-repeat;
height:27px;
padding-top:0;
color:#fff;
font-weight:700;
font-size:13px;
text-align:center;
border-style:none;
margin:0;
}
.tinybutton:hover{background-image:url(images/black-button2T.png);cursor:pointer;color:#FFC62F;}
.bigbuttonbid{
width:198px;
background:url(images/orange-button1.png) no-repeat;
height:32px;
padding-top:0;
color:#000;
font-weight:700;
font-size:13px;
text-align:center;
border-style:none;
margin:0;
}
.bigbuttonbid:hover{background-image:url(images/orange-button2.png);cursor:pointer;}
.body-text a:hover{color:#F6B300;text-decoration:underline;}
.button{
width:170px;
background:url(images/black-button.png) no-repeat;
height:27px;
margin-left:10px;
margin-bottom:5px;
}
.button:hover{background:url(images/black-button2.png) no-repeat;cursor:pointer;}
.buttontext{
color:#fff;
font-weight:700;
font-size:13px;
text-align:center;
padding-top:2px;
}
.buttontext:hover{color:#FFC62F}
.button2{
min-height:21px;
margin:0px 0px;
padding:2px 0px;
padding-left:0px;
cursor:pointer;
}
.button2:hover{color:#333;cursor:pointer}
.button2sel{padding:1px 0;border-bottom:solid 4px #f0b600;}
.leftmenu .button2sel {
	border-bottom: none;
}
	.leftmenu .button2sel .buttontext2 {
		color: #f0b600;
	}
.buttontext2{
color:#3d3d3d;
font-weight:700;
font-size:13px;
text-align:left;
padding-left:10px;
padding-top:2px;
}
.buttonparent
{
color:#7d7d7d;
font-weight:700;
font-size:13px;
text-align:left;
padding-left:11px;
padding-top:3px;
padding-bottom:3px;
}
.addveh 
{
padding-left: 10px;
font-weight:normal;
font-size:13px;
}
.addveh:visited,.addveh:active,.addveh:link
{
color:#3d3d3d;
text-decoration:underline;
}
.cheadleft{
float:left;
width:320px;
padding-left:20px;
margin-right:20px;
}
.cheadright{text-align:right}
.checkbox,.radio{
width:19px;
height:25px;
background:url(images/checkbox.png) no-repeat;
display:block;
clear:left;
float:left;
cursor:pointer;
margin:auto;
padding:0 5px 0 0;
}
.dropdownstyle1{border:1px solid #232323;}
.errortext{text-align:left;font-weight:700;}
.footer{font-size:11px;color:#9a9a9a;}
.footer a,.footer a:link,.footer a:visited{
font-size:11px;
color:#9a9a9a;
padding-left:12px;
margin-right:10px;
}
.footer a:hover{color:#F6B300;}
.footer a:active{
font-size:11px;
color:#9a9a9a;
padding-left:12px;
margin-right:10px;
}
#vehicle-gallery{padding-bottom:10px;border-bottom:1px solid #ccc;margin:0 0;}
#vehicle-galler-main{
border:0 solid #9a9a9a;
width:344px;
text-align:center;
}
.mainimage{border:1px solid #3d3d3d;width:100%}
/* -2 styles are for create/view auction pages */
div.gallery {
width: 100%;
padding-top: 4px;
}
.gallery-div {
margin-top: 4px;
margin-bottom: 4px;
display: inline-block;
text-align: center;
}
.gallery-span,.gallery-span-wide,.gallery-span-2,.gallery-span-wide-2 {
display: inline-block;
position: relative;
border: 0;
}
.gallery-span,.gallery-span-wide {
margin-right: 2px;
width: 68px;
height: 51px;
}
.gallery-span-wide {
width: 92px;
}
.gallery-span-2 {
margin-right: 14px;
width: 56px;
height: 42px;
}
.gallery-span-wide-2 {
margin-right: 5px;
width: 80px;
height: 45px;
}
.gallery-img,.gallery-img-wide,.gallery-img-2,.gallery-img-wide-2 {
width:auto;
height:auto;
border: 1px solid;
top: 0; right: 0; bottom: 0; left: 0;
margin: auto;
position: relative;
}
.gallery-img {
max-width:68px;
max-height:51px;
}
.gallery-img-wide {
max-width:92px;
max-height:51px;
}
.gallery-img-2{
max-width:56px;
max-height:42px;
position: absolute;
}
.gallery-img-wide-2{
max-width:80px;
max-height:45px;
position: absolute;
}
img.gallery-drag {
border-color:orange;
}
img.gallery-target {
opacity: 0.5;
}

.listing-thumb-span{
display: inline-block;
width: 80px;
height: 60px;
position: relative;
}
.listing-thumb-img{
max-width:80px;
max-height:60px;
width:auto;
height:auto;
border: 1px solid #ffffff;
position: absolute;
top: 0; right: 0; bottom: 0; left: 0;
margin: auto;
}
.listing-thumb-span-wide{
display: inline-block;
width: 80px;
height: 45px;
position: relative;
}
.listing-thumb-img-wide{
max-width:80px;
max-height:45px;
width:auto;
height:auto;
border: 1px solid #ffffff;
position: absolute;
top: 0; right: 0; bottom: 0; left: 0;
margin: auto;
}
.hoverclass{background-color:#E8D1FF;cursor:pointer;}
.inputbutton{
background:url(images/bgfadebutton.png) repeat-x;
height:25px;
color:#fff !important;
font-weight:700;
font-size:11px;
text-align:center;
background-color:#5a5a5a;
border:1px solid #232323;
}
.inputbutton:hover{
cursor:pointer;
background:url(images/bgfadebutton2.png) repeat-x;
background-color:#FEC123;
color:#232323 !important;
border:1px solid #FEC123;
}
a.inputbutton {
display:inline-block;
text-decoration: none !important;
height: auto;
margin:0;
padding:6px 0 5px 0;
}
.lilbuttonbid{
width:170px;
background:url(images/green-button.png) no-repeat;
height:27px;
padding-bottom:3px;
color:#fff;
font-weight:700;
text-align:center;
border-style:none;
margin:0;
}
.lilbuttonbid:hover{background-image:url(images/green-button2.png);cursor:pointer;}
.midbuttonbid{
width:164px;
background:url(images/green-buttonS.png) no-repeat;
height:27px;
padding-bottom:3px;
color:#fff;
font-weight:700;
text-align:center;
border-style:none;
margin:0;
}
.midbuttonbid:hover{background-image:url(images/green-button2S.png);cursor:pointer;}
.leftmenu {
	width: 170px;
	margin: 0 15px;
}
.leftmenu .button2:last-child {
	margin-bottom: 10px;
}
#ctl00_leftmenu_divAppraisalReports {
	margin-top: 10px;
}
#ctl00_leftmenu_divSellerReports {
	margin-bottom: -10px;	
}
.leftmid {
	margin-left: 10px;
}
.list-style-1{
background:url(images/tick_bullet.gif) no-repeat;
background-position:0px 4px;
padding-left:26px;
padding-bottom:5px;
list-style:none;
font-size:12px;
font-weight:700;
}
.liveauction{
background:url(images/contentheaderlive.jpg) no-repeat;
height:30px;
width:680px;
font-weight:700;
padding-left:10px;
padding-right:10px;
}
.radio{background:url(images/radio.png) no-repeat;cursor:pointer;}
.reportheader{
font-size:16px;
color:#3d3d3d;
font-weight:700;
display:inline;
margin:0;
padding:5px 0 0 10px;
}
.rowEven{background-color:#F8F8F8;}
.rowhover{color:#232323;}
.rowhoveralt{color:#232323;background-color:#f4f4f4;}
.rowOdd{background-color:#fff;}
.searchbox{
width:170px;
background:url(images/searchbg.png) no-repeat;
height:27px;
margin:5px 0 5px 10px;
}
.searchbox1{
color:#666;
font-weight:700;
font-size:13px;
border:1px solid #fff;
width:150px;
margin:5px 0 0 5px;
}
.searchbutton{width:200px;background:url(images/search-button.png) no-repeat;height:32px;}
.searchbutton:hover{background:url(images/searchbutton2.png) no-repeat;cursor:pointer;}
.searchbuttontext{
padding-top:5px;
color:#3d3d3d;
font-weight:700;
font-size:13px;
text-align:left;
padding-left:10px;
}
.searchitem h2{
color:#3d3d3d;
font-size:14px;
font-weight:700;
margin:0;
padding:0;
text-decoration:none;
}
.searchitem h2 a:hover{color:#F6B300;}
.select{
position:absolute;
width:158px;
height:21px;
color:#fff;
font:12px/21px arial,sans-serif;
background:url(select.gif) no-repeat;
overflow:hidden;
padding:0 24px 0 8px;
}
.selectedclass{background-color:#FF6;}
.selectitems{border-bottom:dashed 1px #ddd;background-color:#EBF1D5;padding:3px;}
.tableitemwhite{background-color:#FFF;}
.tableitemgrey{background-color:#fbfbfb;}
.tableitemwhite:hover,.tableitemgrey:hover{background-color:#E3E7EA;cursor:pointer}

.textboxstyle{
border:1px solid #232323;
background:url(images/formbg1.jpg) repeat-x;
font-size:small;
height:20px;
}
.textboxstyle:focus{border:1px solid #FABC00;background:url(images/formbg2.jpg) repeat-x;}
.vehicle-gallery-thumb-item{border:1px solid #9a9a9a;}
.vrm1{background-color:#fff;padding:3px 0;}
.vrm2{background-color:#FBFBFB;padding:3px 0;}
.vehicle-details {
    -ms-word-wrap: break-word;
    word-wrap: break-word;
}
.menuitem:hover,.menuitemselected{
font-size:14px;
color:#aaa;
cursor:pointer;
float:left;
padding:0 10px 0 0;
}

.menuitemselected,
.menuitemselected:hover{
	color: #FABC00;
}

.textstyle{
border:1px solid #232323;
background:url(images/formbg1.jpg) repeat-x;
font-size:small;
}
.textstyle:focus{border:1px solid #FABC00;background:url(images/formbg2.jpg) repeat-x;}

#right h1,#rightwide h1{
font-size:16px;
color:#3d3d3d;
font-weight:700;
margin:0;
padding:5px 0 0 10px;
}
#usernamewelcome a,#usernamewelcome a:link,#usernamewelcome a:visited,#usernamewelcome a:active{
font-size:11px;color:#3d3d3d;}
#vehicle-detail-left h3,#vehicle-detail-right h2,#vehicle-detail-right h3{
color:#3d3d3d;
font-weight:700;
font-size:14px;
margin:0;
text-decoration:none;
}
.body-text a,.body-text a:link,.body-text a:visited,.body-text a:active{color:#3d3d3d;text-decoration:underline;}
.cheadleft a,.cheadleft a:link,.cheadleft a:visited,.cheadleft a:active,.cheadright a,.cheadright a:link,.cheadright a:visited,.cheadright a:active{
color:#3d3d3d;}
.cheadleft a:hover,.cheadright a:hover{
color:#F6B300;}
.rowhover:hover,.rowhoveralt:hover{
color:#fff;background-color:#3d3d3d;}
.searchdetails,.searchspec{color:#7a7a7a;font-size:11px;margin-bottom:2px;}
.searchitem,.searchitem a,.searchitem a:visited,.searchitem a:link{
margin-bottom:2px;
color:#3d3d3d;
font-weight:700;
text-decoration:none;
}
.searchitem h2 a,.searchitem h2 a:visited,.searchitem h2 a:link,.searchitem h2 a:active{color:#3d3d3d;font-size:14px;font-weight:700;}
h3.terms{
margin-bottom:8px;
}
.pager td {
	vertical-align: bottom;
	background-color: #454545;
}
.pager table
{
	font-size:9pt;
	font-weight:bold;
	text-align:left;
	color:White;
}
.pager table td {
	padding: 0 3px 0 3px;
	width: 10px;
}
.pager table td:last-child {
	width: initial;
}
.table-cell-wrap {
	-ms-word-break: break-all;
	word-break: break-all;
}
/*
Styled Dropdowns
Many of these #attributes are created at runtime by the JQuery plugin, so changing them all to class-based
would mean re-writing the JQuery plugin code. The JQuery plugin code itself adds events to the #attributes
that it's created at runtime, each with its own unique values, and in the case of the dropdown menus on
the left hand side, the dropdown menus interact with each other.

The only way to remove the ctl00_ webform issue would be to make it non server side, and set+retrive the
values using JQuery
*/

#ctl00_sch1_holder, #ctl00_sch2_holder, #ctl00_sch3_holder, #ctl00_sch4_holder, #ctl00_sch5_holder, #ctl00_sch6_holder, #ctl00_sch7_holder, #ctl00_Body_WhereDropDownList_holder{
overflow:auto;
display:none;
position:absolute;
background-color:#E3E6E9;
border-bottom:solid 1px #bfbfbf;
width:174px;
margin-left: 10px;
}
#ctl00_sch1_holder{height:300px;}
#ctl00_sch2_holder{height:260px;}
#ctl00_sch3_holder{height:180px;}
#ctl00_sch4_holder{height:130px;}
#ctl00_sch5_holder{height:170px;}
#ctl00_sch7_holder{height:195px;}
#ctl00_Body_WhereDropDownList_holder{width:134px;margin-left:2px;}
#ctl00_Body_WhereDropDownList_options{width:134px;background-color:#E3E6E9;}
#ctl00_sch1_iconselect,#ctl00_sch2_iconselect,#ctl00_sch3_iconselect,#ctl00_sch4_iconselect,#ctl00_sch5_iconselect,#ctl00_sch6_iconselect,#ctl00_sch7_iconselect{
height:28px;
width:162px;
font-weight:700;
font-size:13px;
line-height:30px;
padding-left:10px;
cursor:pointer;
margin-top:5px;
margin-left: 10px;
color: #555;
background-color: #fff;
border: 1px solid #ccc;
border-radius: 4px;
}
	#ctl00_sch1_iconselect:after,
	#ctl00_sch2_iconselect:after,
	#ctl00_sch3_iconselect:after,
	#ctl00_sch4_iconselect:after,
	#ctl00_sch5_iconselect:after,
	#ctl00_sch6_iconselect:after,
	#ctl00_sch7_iconselect:after {
		content: "";
		float: right;
		margin: 12px 12px 0 2px;
		width: 0;
		height: 0;
		border-top: 4px dashed;
		border-top: 4px solid \9;
		border-right: 4px solid transparent;
		border-left: 4px solid transparent;
	}

#ctl00_SearchButton {
margin-left: 10px;
margin-bottom: 10px;
}
#options, #ctl00_sch1_options, #ctl00_sch2_options, #ctl00_sch3_options, #ctl00_sch4_options, #ctl00_sch5_options, #ctl00_sch6_options, #ctl00_sch7_options {
color: #555;
background-color: #fff;
border-radius: 4px;
}
	#options > div:first-child,
	#ctl00_sch1_options > div:first-child,
	#ctl00_sch2_options > div:first-child,
	#ctl00_sch3_options > div:first-child,
	#ctl00_sch4_options > div:first-child,
	#ctl00_sch5_options > div:first-child,
	#ctl00_sch6_options > div:first-child,
	#ctl00_sch7_options > div:first-child {
		border-top-left-radius: 4px;
		border-top-right-radius: 4px;
	}

	#options > div:last-child,
	#ctl00_sch1_options > div:last-child,
	#ctl00_sch2_options > div:last-child,
	#ctl00_sch3_options > div:last-child,
	#ctl00_sch4_options > div:last-child,
	#ctl00_sch5_options > div:last-child,
	#ctl00_sch6_options > div:last-child,
	#ctl00_sch7_options > div:last-child {
		border-bottom-left-radius: 4px;
		border-bottom-right-radius: 4px;
	}

#TypeDropDownList_holder .selectitems,#ctl00_sch1_holder .selectitems,#ctl00_sch2_holder .selectitems,#ctl00_sch3_holder .selectitems,#ctl00_sch4_holder .selectitems,#ctl00_sch5_holder .selectitems,#ctl00_sch6_holder .selectitems,#ctl00_sch7_holder .selectitems,#ctl00_Body_WhereDropDownList_holder .selectitems,#ctl00_Body_OrderDropDownList_holder .selectitems,#ctl00_Body_TypeDropDownList_holder .selectitems{
border-bottom:solid 1px #ecf8fe;
border-left:solid 1px #bfbfbf;
border-right:solid 1px #bfbfbf;
background:none;
padding:3px;
}
#TypeDropDownList_holder .selectitems span,#ctl00_sch1_holder .selectitems span,#ctl00_sch2_holder .selectitems span,#ctl00_sch3_holder .selectitems span,#ctl00_sch4_holder .selectitems span,#ctl00_sch5_holder .selectitems span,#ctl00_sch6_holder .selectitems span,#ctl00_sch7_holder .selectitems span,#ctl00_Body_WhereDropDownList_holder .selectitems span,#ctl00_Body_OrderDropDownList_holder .selectitems span,#ctl00_Body_TypeDropDownList_holder .selectitems span,.selectitems span{
margin-left:5px;}
#TypeDropDownList_holder .hoverclass,#ctl00_sch1_holder .hoverclass,#ctl00_sch2_holder .hoverclass,#ctl00_sch3_holder .hoverclass,#ctl00_sch4_holder .hoverclass,#ctl00_sch5_holder .hoverclass,#ctl00_sch6_holder .hoverclass,#ctl00_sch7_holder .hoverclass,#ctl00_Body_WhereDropDownList_holder .hoverclass,#ctl00_Body_OrderDropDownList_holder .hoverclass,#ctl00_Body_TypeDropDownList_holder .hoverclass{
background-color:#D1D8DF;cursor:pointer;}
#TypeDropDownList_holder .selectedclass,#ctl00_sch1_holder .selectedclass,#ctl00_sch2_holder .selectedclass,#ctl00_sch3_holder .selectedclass,#ctl00_sch4_holder .selectedclass,#ctl00_sch5_holder .selectedclass,#ctl00_sch6_holder .selectedclass,#ctl00_sch7_holder .selectedclass,#ctl00_Body_WhereDropDownList_holder .selectedclass,#ctl00_Body_OrderDropDownList_holder .selectedclass,#ctl00_Body_TypeDropDownList_holder .selectedclass{
background-color:#F4AB00;color:#232323;font-weight:700;}
#WhereDropDownList_iconselect,#ctl00_Body_WhereDropDownList_iconselect,#ctl00_Body_WhereDropDownList_iconselect:hover{
background:url(images/sortby3.png) no-repeat;
height:30px;
width:137px;
color:#3d3d3d;
font-size:11px;
line-height:30px;
padding-left:10px;
cursor:pointer;
}
#TypeDropDownList_iconselect,#TypeDropDownList_iconselect:hover,#ctl00_Body_OrderDropDownList_iconselect,#ctl00_Body_OrderDropDownList_iconselect:hover,#ctl00_Body_TypeDropDownList_iconselect,#ctl00_Body_TypeDropDownList_iconselect:hover{
background:url(images/sortby4.png) no-repeat;
height:30px;
width:100px;
color:#3d3d3d;
font-size:11px;
line-height:30px;
padding-left:10px;
cursor:pointer;
}
#TypeDropDownList_holder,#ctl00_Body_OrderDropDownList_holder,#ctl00_Body_TypeDropDownList_holder{
width:97px;
margin-left:2px;
overflow:auto;
display:none;
position:absolute;
background-color:#E3E6E9;
border-bottom:solid 1px #bfbfbf;
}
#TypeDropDownList_options,#ctl00_Body_OrderDropDownList_options,#Body_TypeDropDownList_options{
width:97px;background-color:#E3E6E9;}
#auction-information,#auction-terms,#vehicle-appraisal{
margin-top:10px;
border-top:1px solid #CFD0D2;
width:350px;
padding-top:10px;
}
/* End Styled Dropdowns */
.linkbutton,.linkbuttonpad,.linkbuttonnum
{
	color:#4F81BD ! important;
}
.linkbuttonpad
{
	padding-left:6px ! important;
	padding-right:5px ! important;
}
.linkbutton:link,.linkbutton:active,.linkbutton:visited,
.linkbuttonpad:link,.linkbuttonpad:active,.linkbuttonpad:visited,
.linkbuttonnum:link,.linkbuttonnum:active,.linkbuttonnum:visited
{
	text-decoration:none ! important;
}
.linkbutton:hover,.linkbuttonpad:hover,.linkbuttonnum{
	text-decoration:underline ! important;
}
.linkbuttonnum {
	text-align: right;
}

.cs-medialink
{
	margin-top:8px;
 	font-size:6px;
}
.cs-medialink-icon
{
	height:16px;
	width:16px;
	border:none;
}
/* Start Customer Search popup */

#customer-search-popup #customer-search-panel {
    margin-bottom: 15px;
}
#customer-search-popup #customer-search-panel .column {
    display:inline-block;
}
#customer-search-popup #customer-search-panel input {
    margin-left: 10px;
}
#customer-search-grid-wrapper td, #customer-search-grid-wrapper th {
	-ms-word-break: break-word;
	/* ReSharper disable once InvalidValue */
	word-break: break-word;
}

#customer-search-grid-wrapper td{
    padding: 0px 5px;
}

#customer-search-grid-wrapper th{
    padding: 5px;
}

#customer-search-grid-wrapper td.nopadding, #customer-search-grid-wrapper th.nopadding {
	-ms-word-break: break-word;
	/* ReSharper disable once InvalidValue */
	word-break: break-word;
	padding: 0px;
}

#customer-search-grid-wrapper td.smallcolumn {
   width: 15px;
}

#customer-search-grid-wrapper td.mediumcolumn {
   width: 75px;
}

#customer-search-grid-wrapper td.largecolumn {
   width: 150px
}
/* End Customer Search popup */
.cs-textbox-small {
    width : 50px;
}

/* no need to comment out as we're not using type="number"
in future we may want to use type="number" and make use of spinners
input[type=number]::-webkit-inner-spin-button, 
input[type=number]::-webkit-outer-spin-button { 
  -webkit-appearance: none; 
} */
.cs-small {
    font-size : 10px;
}
/*Styles for the search and advanced search on listing pages*/
.search-column {
    display :inline-block;
}
.search-column-label {
    margin-right:5px;
}
.search-dropdown {
	width : 120px;
}
.search-checkbox {
	width: 120px;
	display: inline-block;
}
.search-column-margin-top {
	margin-top:5px;
}
.search-column-margin-bottom {
	margin-bottom:5px;
}
.search-column-margin-left {
	margin-left:5px;
}
.search-column-margin-right {
	margin-right:5px;
}
.advanced-search-panel {
		height: 75px; 
		margin-top:10px;
		margin-bottom:10px;
	}

/* CSS media queries to change the styles on tablet */
@media only screen 
and (max-device-width : 768px) 
and (max-device-width : 1024px)
{
    .user-dropdown {
        width: 175px;
    }
	.advanced-search-panel {
		height: 75px; 
		margin-top:10px;
		margin-bottom:15px;
	}
}
/*DevExtreme Data Grid styles*/
#RecommendationGrid .dx-datagrid-headers {
	border-bottom: 1px solid #D2D2D2;
}

/*----- Begin Release Notification Styles-----*/
/*This style tag is placed here for these controls on page, This is the default styling for the dialogue*/
#dialogReleaseFrame {
	width: 100%;
	overflow-x: hidden !important;
	margin: 0;
	padding: 0;
}

#dialogReleaseNotes {
	padding: 0;
	margin: 0;
	position: relative;
	width: 100%;
}

/*
	Deal with the overlay of the body, this will show the loading icon and cloak all the div within the release dialogue iframe until 
	the content is ready to be displayed.
	http://jsfiddle.net/m1erickson/g3sTL/
*/
.rn-dialogload-img-container {
	bottom: 0;
	font: 0/0 a;
	left: 0;
	position: absolute;
	right: 0;
	text-align: center; /* Align centre inline elements */
	top: 0;
	background-color: #eee;
}
.rn-dialogload-img-container:before {
	content: ' ';
	display: inline-block;
	height: 100%;
	vertical-align: middle;
}
.rn-dialogload-img-container img {
	display: inline-block;
	vertical-align: middle;
}
/*----- End Release Notifications Styles-----*/

/*- Table layout divs */
.cs-table {
	display: table;
}

.cs-tablerow {
	display: table-row;
}

.cs-tablcell {
	display: table-cell
}

/*----- Begin Chronium edge styling fixes-----*/
input:focus, button:focus, textarea:focus, select:focus {
	outline: 1px solid rgb(77, 144, 254);
}
/*----- End Chronium edge styling fixes-----*/