@import url(/css/newPopup.css);

body
{
	overflow:hidden;
}

body, td, select, input, textarea{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 8pt;
}

h1, h2, h3, h4, h5, h6, h7{
	font-family: Arial, Helvetica, sans-serif;
	margin: 0px;
	padding: 0px;
}

a{	color:#0066cc;
}

html{
	background-color: #F5FAFE;
	background-image: url("/images/contentBackground.png");
	background-position: bottom right;
	background-repeat: no-repeat;
}

html#ie6{
	background-image: none;
}

html[popup="true"]{
	background: #ffffff;
}

body
{
	background-image: url("/images/background.png");
	/*background-image: url("/images/snowflake.jpg");*/
	background-position: top left;
	background-repeat: repeat-x;
	padding: 0px;
	margin: 0px;
	cursor: default;
}

html#ie6 body{
	background-image: url("/images/background.jpg");
}

html[popup="true"] body{
	background-image: none;
}

body form{
	padding: 0px;
	margin: 0px;
}

body.iframe{
	background: #eff5fa;
}

html.iframeWhite{
	background: #ffffff;
}

html.iframeWhite body{
	background: #ffffff;
}

div#wrapper input,
div#lr_wrapper input{
	border: 1px solid #0066cc;
}

body div#wrapper input.checkbox, 
body div#wrapper input[type="checkbox"],
body div#wrapper input[type="radio"]{
	border: 0;
}

div#wrapper{
	margin: 0 auto;
	width: 900px;
	padding-top: 5px;
}

html[popup="true"] div#wrapper{
	padding-top: 0px;
	width: auto;
	padding-left: 0px;
	padding-right: 0px;
}

html[popup="true"] div#wrapper div#contentHeading{
	border: 0px;
	background-color: #ffffff;
	padding-top: 2px;
}

/*input.button{
	border: 1px solid #0066cc;
	color: #ffffff;
	background-color: #b2cce5;
	height: 25px;
	cursor: pointer;
	margin-right: 3px;
	background-image: url("/images/buttonBackground.png");
	font-size: 8pt;
	width: 70px;
	background-position: left bottom;
	background-repeat: repeat-x;
}*/

input.button, button
{
	border:solid 1px #006699 !important;
	background:#6699cc url(/WorkshopApplication/Images/ButtonGradient.png) repeat-x !important;
	color: #fff !important;
	cursor:hand !important;
	padding:4px 8px !important;
	margin:1px !important;
}

input.DisableButton, button.DisableButton
{
	border:solid 1px #696969 !important;
	background:#A9A9A9 url(/WorkshopApplication/Images/ButtonGradient.png) repeat-x !important;
	color: #fff !important;
	cursor:hand !important;
	padding:4px 8px !important;
	margin:1px !important;
}

input.ButtonSelected, button.ButtonSelected
{
	border:solid 1px #8B0000 !important;
	background:#CC6633 url(/WorkshopApplication/Images/ButtonGradient.png) repeat-x !important;
	color: #fff !important;
	cursor:hand !important;
	padding:4px 8px !important;
	margin:1px !important;
}

input.wide{
	width: auto;
}

span#copyright{
	display: block;
	text-align: center;
	clear: both;
	color: #666666;
}

span#copyright a{
	color: #666666;
	text-decoration: none;
}

span#copyright a:hover{
	text-decoration: underline;
}

input#quickSearch_SearchTerm{
	text-transform:uppercase;
}

div.tabs{	
	/*padding-bottom: 5px;*/
	margin-bottom: 5px;
	border-top: 1px solid transparent; /* ie7 fix */
	border-bottom: 1px solid #0066cc;
}

div.noChangeHeight{
}

div.tabs a{
	float: left;
	display: block;
	padding: 4px;
	margin-right: 5px;
	border: 1px solid #0066cc;
	border-bottom: 0px;
	background: #ffffff;
	background-repeat: no-repeat;
	background-position: center 0px;
	cursor: pointer;
	text-decoration: none;
	color: #000000;
	padding-right: 5px;
	padding-left: 5px;
	text-align: center;
	width: 120px;

	margin-top: 15px;
	padding-top: 30px;

	background-position: 3px center;
	padding-left: 40px;
	padding-top: 10px;
	padding-bottom: 10px;
	width: auto;
	margin-top: 0px;
}

div.noChangeHeight a{
	background-position: center 2px;
	border: 1px solid #0066cc;
	margin-top: 0px;
	padding-top: 30px;
}

div.tabs a:hover{
	color: #ffffff;
	/*font-weight: bold;*/
	text-decoration: none;
	background-color: #6699cc;
	border: 1px solid #0066cc;
	border-bottom: 0px;
	background-position: center 7px;

	padding-top: 40px;
	margin-top: 5px;
	
	background-position: 3px center;
	padding-left: 40px;
	padding-top: 10px;
	padding-bottom: 10px;
	margin-top: 0px;

}

div.noChangeHeight a:hover{
	background-position: center 2px;
	border: 1px solid #0066cc;
	padding-top: 30px;
	margin-top: 0px;
	font-weight: normal;
}

div.tabs a.selected{
	color: #ffffff;
	/*font-weight: bold;*/
	text-decoration: none;
	background-color: #0066cc;
	border: 1px solid #000000;
	border-bottom: 0px;
	background-position: center 7px;

	padding-top: 45px;
	margin-top: 0px;

	background-position: 3px center;
	padding-left: 40px;
	padding-top: 10px;
	padding-bottom: 10px;
	margin-top: 0px;
}

div.noChangeHeight a.selected{
	background-position: center 2px;
	border: 1px solid #0066cc;
	padding-top: 30px;
	margin-top: 0px;
	font-weight: normal;
}

.required{
	font-weight: bold;
}

div#wrapper table td.label{
	background-color: #aaaaaa;
	color: #ffffff;
	padding-left: 2px;
}

div#changePassword{
	margin-left: -150px;
	margin-top: -65px;
	width: 300px;
}

div#changePassword table input{
	border: 1px solid #0066cc;
	width: 188px;
}

div#changePassword table td.label{
	width: 100px;
}

div#wrapper input.disabled, 
div#lr_wrapper input.disabled,
input[type="button"].disabled{
	background-image: url("/images/buttonBackgroundDisabled.png");
	border: 1px solid #000000;
	cursor: default;
}

div#wrapper div#contentHeading div.tabs div.vehicleHeader{
	position:relative;
	float:left;	
	height:53px;
	text-align:center;
	width:175px;
}

div#wrapper div#contentHeading div.tabs div.vehicleTabs{
	position:relative;
	float:left;
}

input.datePicker{
	width: 23px;
	height: 17px;
	margin-left: 1px;
	margin-top: 1px;
}

div#scrollingContent{
	overflow: hidden;
	overflow-y: auto;
}

body div.calendar{
	z-index: 10002;
}

div#nonScrollingFooter div#buttons{
	padding-bottom: 0px;
}

div#noSilverlight{
	width: 300px;
	margin-left: -150px;
	margin-top: -50px;
	background-image: url("/images/truckfile32.png");
	background-position: 4px 33px;
	background-repeat: no-repeat;
}

div#noSilverlight p{
	display: block;
	padding-left: 40px;
	padding-right: 3px;
}

div#rightColumn div h1.heading{
	padding: 0px;
	margin: 0px;
	background-color: #6699cc;
	color: #ffffff;
	text-align: center;
	font-weight: normal;
	font-size: 7.5pt;
	padding-top: 5px;
	padding-bottom: 5px;
	border-bottom: 1px solid #0066cc;
	background-image: url("/images/buttonBackgroundTall.png");
	background-repeat: repeat-x;
	background-position: 0px -10px;
}

div.segmentBackground{
	background-repeat: repeat-x;
	background-position: left top;
	background-image: url("/images/panel.png");
}

html#ie6 div.segmentBackground{
	background-image: url("/images/panel.jpg");
}

.upperCase
{
	text-transform:uppercase;
}

input.email{
	padding-right: 20px;
	padding-top: 2px;
	padding-bottom: 2px;
	background-image: url("/images/accept.png");
	background-position: right center;
	background-repeat: no-repeat;
}

input.invalid{
	background-image: url("/images/delete.png");
	color: #ff0000;
}

label[for]{
	cursor: pointer;
}

ol.debugInformation{
	margin-top: 0px;
	margin-bottom: 0px;
	padding-left: 10px;
}

ol.debugInformation b{
	color: #ff0000;
}

div#companySearch{
}

div#companySearch div#filter{
}

div#companySearch div#filter input[type="text"]{
	width: 398px !important;
	margin: 0px 5px 0px 2px;
}

div#companySearch div#filter input[type="button"]{
	padding-top: 0px;
	padding-bottom: 0px;
	/*height: 19px;*/
}

div#companySearch div#results{
	margin-right: 2px;
	height: 300px;
	overflow: hidden;
	overflow-y: auto;
}

input.autoCompleteLoading{
	background-image: url("/images/gadgetLoading.gif");
	background-position: right center;
	background-repeat: no-repeat;
}

div.contextPopup{
	position: absolute;
	display: none;
	padding-right: 10px;
	padding-bottom: 10px;
	background-image: url("/images/popupShadow.png");
	background-repeat: no-repeat;
	background-position: top left;
	z-index: 2000;
}

div.contextPopup div{
	border: 2px solid #aaaaaa;
	background-color: #ffffff;
}

div.contextPopup div label{
	text-align: center;
	display: block;
	font-weight: bold;
	font-size: 10pt;
	background-image: url("/images/buttonBackground.png");
	background-repeat: repeat-x;
	background-position: left bottom;
	color: #ffffff;
	padding: 3px;
}

div.contextPopup div span{
	display: block;
	padding: 2px;
	cursor: pointer;
	padding-top: 5px;
	padding-left: 20px;
	padding-bottom: 5px;
	background-position: 2px 2px;
	background-repeat: no-repeat;
	padding-right: 5px;
	border-top: 1px solid #aaaaaa;
}

div.contextPopup div span:hover{
	background-color: #0066cc;
	color: #ffffff;
}

div.contextPopup div span:hover a{
	color: #ffffff;
}

abbr{
	border-bottom: 1px dotted #000000;
	cursor: help;
}

div.contextPopup div div.closeContextPopup{
	text-align: center;
	padding: 2px;
	background-position: left bottom;
	background-repeat: repeat-x;
	background-image: url("/images/buttonBackground.png");
	cursor: pointer;
	color: #ffffff;
	font-weight: bold;
}

div.contextPopup div div.closeContextPopup:hover{
	background-position: left top;
	color: #000000;
}

div.contextPopup div.loading{
	padding: 9px;
	padding-left: 35px;
	background-image: url("/images/gadgetLoading.gif");
	background-position: left top;
	background-repeat: no-repeat;
}

div.contextPopup div.loading span,
div.contextPopup div.loading div{
	display: none;
}

div#CompanyApproval
{
	border:solid 1px #6699cc;
	background:#fff;
	margin-top:3px;
	padding-left:2px;
	padding-right:1px;
	height:300px;
	overflow-y:scroll;
}

div#CompanyApproval button#CompanyInformation
{
	display:block;
	border:solid 1px #808080;
	margin-top:2px;
	width:100%;
}

div#CompanyApproval button#CompanyInformation div.CompanyName
{
	font-weight:bold;
}

iframe.Hide
{
	display:none;
}

div.NoData
{
	padding:4px;
}

div.QuickSearchLayerHide
{
	display:none;
}

div.QuickSearchLayerShow
{
	position:absolute;
	border-right:solid 1px #000;
	border-left:solid 1px #000;
	background:#000;
	display:block;
	top:0px;
	left:0px;
	z-index:2001;
}

div.QuickSearchShadow
{
	position:absolute;
	background:#000;
	top:6px;
	left:4px;
	-moz-opacity: 0.3;
	opacity: 0.3;
	filter: alpha(opacity=30);
	zoom: 1;
}

div.QuickSearchContainer a
{
	position:relative;
	display:block;
	border:none;
	background:#eee url(/WorkshopApplication/Images/ButtonGradient.png) repeat-x !important;
	width:auto;
	padding:3px !important;
	margin:1px 0px !important;
	font-size:7.5pt;
	text-decoration:none;
	color:#000;
}

div.QuickSearchContainer a.NoTopMargin
{
	margin:0px 0px 1px 0px !important;
}

div.QuickSearchContainer a:hover
{
	background:#6699CC url(/WorkshopApplication/Images/ButtonGradient.png) repeat-x !important;
	color:#fff;
}

input.Search
{
	background:#fff url(/Images/gadgetLoading.gif) !important;
	background-repeat:no-repeat !important;
	background-position:center right !important;
}

div#SessionWatcher
{
	display:none;
	position:absolute;
	top:5px;
	left:5px;
	border:solid 1px #000;
	background:#fff;
	text-align:center;
	padding:5px;
	-webkit-box-shadow: 0px 0px 30px #000;
	-moz-box-shadow: 0px 0px 30px #000000;
	box-shadow: 0px 0px 30px #000000;
}

table#QRContainer
{
	border:solid 1px #006699;
	background:#fff;
	width:100%;
	height:200px;
}

input#txtWorkshopCapacity_AmberPercentage, input#txtWorkshopCapacity_RedPercentage
{
	width:20px;
	text-align:center;
}

span.CapacityAmber
{
	color:#FFA500;
}

span.CapacityRed
{
	color:#8B0000;
}