/* Bush Truck Leasing */

body { background: #ffffff url(/app/webroot/img/style/main_gradient_bg.jpg) top repeat-x; margin: 0px; padding: 0px; }
#container { width: 880px; margin-left: auto; margin-right: auto; font-family: Verdana, Arial, Helvetica, sans-serif; }

/* -- TEXT -- */
p { margin: 0 0 10px 0; }
a { text-decoration: none; }
.blueText { color: #006699; }
.redText { color: #990000; }
h1 { margin: 0; padding: 0 0 5px 5px; font-size: 14px; font-weight: bold; text-align: left; text-transform: uppercase; color: #000000; }
h2 { margin: 0; padding: 6px 0 0 10px; font-size: 12px; font-weight: bold; text-align: left; text-transform: uppercase; color: #333333; }
h3 { margin: 20px 0 20px 0; padding: 2px 0 4px 5px; font-size: 12px;	font-weight: bold; text-align: left; border-top: 1px solid #f6f6f6; border-bottom: 1px solid #ddd; background: #eee; color: #333; }
h4 { margin: 20px 0 20px 0; padding: 2px 0 4px 5px; font-size: 16px;	font-weight: bold; text-align: left; border-top: 1px solid #f6f6f6; border-bottom: 1px solid #ddd; background: #eee; color: #333; }
h6 { margin: 0; padding: 0 5px 5px 0; font-size: 10px; font-weight: bold; text-align: right; }
h6 a:link, h6 a:visited { color: #000000; font-weight: bold; padding-bottom: 1px; }
h6 a:hover, h6 a:active { color: #990000; font-weight: bold; border-bottom: 1px solid #990000; }
#regionInfo { width: 250px; float: right; padding: 0 0 0 15px; }
.newsInfo { margin: 0; padding: 6px 0 0 8px; font-size: 12px; font-weight: bold; text-align: left; text-transform: uppercase; color: #333333; }

/* Data Lists */
dl { line-height: 2em; margin: 0em 0em; width: 50%; }
dl .altrow { background: #f4f4f4; }
dt { font-weight: bold; padding-left: 4px; vertical-align: top; }
dd { margin-left: 10em; margin-top: -2em; vertical-align: top; }

/* Special list/table */
#vehicleInformation { font-size: 10px; line-height: 20px; }
.altrow { background: #f4f4f4; }
.groupRow { color: #006699; }
.sortable { cursor: move; }

/* -- HEADER -- */
#header { width: 880px; height: 70px; border-collapse: collapse; color: #666; font-size: 10px; line-height: 10px; }
.adminHeader { width: 880px; } 
#header th { text-align: left; }
#header .right { padding: 8px 5px 0 0; text-align: right; vertical-align: top; }
#header td a:link, #header td a:visited { color: #666; font-weight: bold; }
#header td a:hover, #header td a:active { color: #990000; font-weight: bold; padding-bottom: 1px; border-bottom: 1px solid #990000; }

#mainLogin .error-message { display: none; }

/* -- USER NAV -- */
#userNav { width: 880px; text-align: right; font-size: 11px; margin: 0 0 5px 0; padding-bottom: 1px; }
#userNav a:link, #userNav a:visited { color: #006699;	font-weight: bold; }
#userNav a:hover, #userNav a:active { color: #0066ff; font-weight: bold; border-bottom: 1px solid #0033ff; }
#userNav ul { margin: 0; padding: 0; list-style: none; }
#userNav ul li { margin: 0; padding: 0; display: inline; }

/* -- ADMIN NAV -- */
#adminNav { width: 880px; text-align: right; font-size: 10px; font-family: Arial, Helvetica, sans-serif; margin: 0 0 5px 0; padding-bottom: 1px; }
#adminNav a:link, #adminNav a:visited { color: #990000; font-weight: bold; }
#adminNav a:hover, #adminNav a:active { color: #ff0000; font-weight: bold; border-bottom: 1px solid #ff0000; }
#adminNav ul { margin: 0; padding: 0; list-style: none; }
#adminNav ul li { margin: 0; padding: 0; display: inline; }

/* -- INSTRUCTIONS -- */

#instructions { width: 740px; color: #333333; font-size: 10px; text-align: left; margin-top: 5px; background-color:#FFFF99; }
#instructions p { padding: 3px 7px 0 7px; }
#instructions a:link, #footer a:visited { color: #333333; }
#instructions a:hover, #footer a:active { color: #990000; padding-bottom: 1px; border-bottom: 1px solid #990000; }
#divBorderInstructions { width: 740px; border: 1px solid #ccc; padding: 0; margin-top: 10px; background-color:#FFFF99; text-align:left; }
.instructionsHeader { color: #990000; font-weight: bold; font-size: 14px; line-height: 16px; padding: 10px 0 10px 0; margin: 14px 0 0 7px; text-align: left; }

/* -- FLASH BOX -- */
#flashBox { width: 880px; height: 244px; background: #006699; }

/* -- MAIN CONTENT AREA -- */
#content { font-size: 11px; line-height: 15px; padding: 0 0 15px 0; }
#contentBox { width: 880px; border-collapse: collapse; background: url(/app/webroot/img/style/top_divider.gif) top no-repeat; margin-bottom: 15px; font-size: 11px; line-height: 15px; }
#contentBox th { height: 50px; color: #000000; vertical-align: middle; }
#contentBox td { text-align: left; vertical-align: top; color: #666666; }
#contentBox td a:link, #contentBox td a:visited { color: #333333; border-bottom: 1px solid #bbbbbb; }
#contentBox td a:hover, #contentBox td a:active { color: #006699; border-bottom: 1px solid #006699; }
#contentBox .leftContent { padding: 0 25px 0 5px; }
#contentBox a img  { border: none; }
#contentBox .rightContent { padding: 0 5px 0 5px; text-align: center; }
#quoteBox { width: 240px; margin: 0 auto 0 auto; padding: 10px 0 0 0; text-align: left; line-height: 18px; color: #333333; }
#quoteBox p { padding: 5px 5px 0 5px; }
#mapBox a:link, #mapBox a:visited { color: #333333; }
#mapBox a:hover, #mapBox a:active { color: #006699; }
#mapBox a img { border: none; }

/* -- FOOTER -- */
#footer { width: 880px; color: #990000; font-size: 10px; margin: 30px 0 25px 0; text-align: center; }
#footer a:link, #footer a:visited { color: #333333; }
#footer a:hover, #footer a:active { color: #990000; padding-bottom: 1px; border-bottom: 1px solid #990000; }
#bottomNav { margin: 0; padding: 0; list-style: none; }
#bottomNav li { display: inline; }
#bottomNav .highlight { background: url(/app/webroot/img/style/subnav_arrow.gif) center bottom no-repeat; padding: 0 0 8px 0; font-weight: bold; }
.copyright { color: #787878; }

/* -- Featured Box -- */
.drag { cursor: move; float: left; margin: 4px; padding: 5px; width: 128px; height: 45px; display: block; font-size: 10px; }
.drag a { float: right; font-size:smaller; }
.drag a:link, .drag a:visited { color: #fff; font-weight: bold; }
.drag a:hover, .drag a:active { color: #000; font-weight: bold; }
.drag form { padding: 0; margin: 0; }
.drag input { padding: 0; margin: 0; }
.drag .note { color: #f5f5f5; }
.drop { float: left; margin: 5px; width: 280px; height: 180px; display: block; }
#drop1, #drop2 { background: url('/app/webroot/img/style/bottombox_divider.gif') right no-repeat; }
#dragArea { height: 100%; margin: auto; }
.textButton { color: #fff; background: #006699 url('/app/webroot/img/style/button_blue_bg.gif') top repeat-x; border: 2px solid #006699; margin: 0 10px 0 8px; padding: 4px 10px 4px 10px; vertical-align: middle; font-size: 12px; font-weight: bold; }
.textButton a { color: #fff; }
.textButton a:link, .textButton a:visited { color: #fff; border: none; }
.textButton a:hover, .textButton a:active { color: #fff; border: none; }
#featuredBox { background: #f5f5f5 url('/app/webroot/img/style/bottombox_bg_top.gif') top no-repeat; margin: 0 0 0 0; color: #666; height: 200px; width: 880px; }
#featuredBox .box { float: left; margin: 5px; width: 280px; height: 180px; display: block; }
#featuredBox img { padding: 5px; }

#featuredBox .content { font-size: 10px; padding: 5px; text-align: left; }
#featuredBox .link { font-size: 11px; font-weight: bold; text-align: left; }
#featuredBox .link .submit { margin-top: 0px; }

#featuredBox .content .link { font-size: 12px; font-weight: bold; text-align: right; }
#featuredBox a:link, #featuredBox a:visited { color: #666; }
#featuredBox a:hover, #featuredBox a:active { border-bottom: 1px solid #006699; color: #006699; }
#featuredBoxBottom { background: url('/app/webroot/img/style/bottombox_bg_bottom.gif') bottom no-repeat; margin: -1px 0 0 0; }
#featuredBox h3 { background: none; border: none; color: #666; font: bold 11px; margin: 13px 0; }
#featuredBox ul { list-style-type: none; margin: 0 0 0 -35px; }
#featuredBox ul li { padding: 4px 0; }
#featuredBox label { font-weight:bold; float:left; width: 35px; }
.manageFeatured a { color: #069; }
.manageFeatured ul { margin: 10px 0 0 0; padding: 0; list-style: none; }
.manageFeatured ul li { margin: 0 0 0 150px; display: inline; }

/* -- PORTALS -- */
#profileElement { padding: 10px; text-align: left; line-height: 18px; }
#profileElement label { position: absolute; font-weight: bold; width: 60px; margin: 0 0 0 5px; }
#profileElement p { margin: 0 0 0 120px; }
#profileElement a { font-weight: bold; text-decoration: none; padding: 15px 0 0 0; }
#profileElement a:link, #profileElement a:visited { color: #666666; }
#profileElement a:hover, #profileElement a:active { color: #990000; }
#profilePhoto { float: left; width: 80px; height: 220px; }

#maintenanceElement { padding: 0 10px; text-align: left; }
#maintenanceElement a { float: right; font-weight: bold; text-decoration: none; padding: 15px 0 0 0; }
#maintenanceElement a:link, #profileElement a:visited { color: #666666; }
#maintenanceElement a:hover, #profileElement a:active { color: #990000; }
#maintenanceElement ul { list-style: none; margin:0; padding:0; }

.regionHeading { font-size: 12px; font-weight: bold; margin-bottom: 20px; }
.date {  }
#noRegion span{ padding-top: 30px; }
#arrowDiv { text-align: center; }

#northeastDiv span{ color: #006699; border-bottom: 1px solid #006699; padding-bottom: 1px; display: block; }
#southeastDiv span{ color: #009900; border-bottom: 1px solid #009900; padding-bottom: 1px; display: block; }
#midwestDiv span{ color: #33cccc; border-bottom: 1px solid #33cccc; padding-bottom: 1px; display: block; }
#eastDiv span{ color: #006699; border-bottom: 1px solid #006699; padding-bottom: 1px; display: block; }
#centralDiv span{ color: #ff9900; border-bottom: 1px solid #ff9900; padding-bottom: 1px; display: block; }
#westDiv span { color: #cc0000; border-bottom: 1px solid #cc0000; padding-bottom: 1px; display: block; }
.servicesHeading { display: block; font-size: 13px; color: #fff; font-weight: bold; text-transform: uppercase; margin: 6px 10px 10px 10px; }
.servicesText { color: #000; font-size: 12px; padding: 0 10px 0 10px; }
#leaseDiv { width: 400px; height: 180px; z-index: 9; position: absolute; text-align: left; margin: 10px 0 0 20px; background: url(/app/webroot/img/style/services_div_bg.png) top left no-repeat; }
#maintenanceDiv { width: 400px; height: 180px; z-index: 9; position: absolute; text-align: left; color: #000; font-size: 11px; margin: 10px 0 0 20px; background: url(/app/webroot/img/style/services_div_bg.png) top left no-repeat; }
#upfittingDiv { width: 400px; height: 180px; z-index: 9; position: absolute; text-align: left; color: #000; font-size: 11px; margin: 10px 0 0 20px; background: url(/app/webroot/img/style/services_div_bg.png) top left no-repeat; }
#benefitsDiv { width: 400px; height: 180px; z-index: 9; position: absolute; text-align: left; color: #000; font-size: 11px; margin: 10px 0 0 20px; background: url(/app/webroot/img/style/services_div_bg.png) top left no-repeat; }
#insuranceDiv { width: 400px; height: 180px; z-index: 9; position: absolute; text-align: left; color: #000; font-size: 11px; margin: 10px 0 0 20px; background: url(/app/webroot/img/style/services_div_bg.png) top left no-repeat; }
#accountingDiv { width: 400px; height: 180px; z-index: 9; position: absolute; text-align: left; color: #000; font-size: 11px; margin: 10px 0 0 20px; background: url(/app/webroot/img/style/services_div_bg.png) top left no-repeat; }
#boxInstructions { clear: all; width: 240px; text-align: left; font-size: 10px; }

/* -- DIV BORDER -- */
.divBorder { width: 100%; border: 1px solid #ccc; padding: 10px 0 10px 0; }
.divBorder #footer { margin-top: 10px; }
.divBorder legend { color: #990000; font-size: 14px; line-height: 16px; margin-left: 10px;  }


/* -- FORMS -- */
form { clear: both; padding: 0; font-size: 11px; }
fieldset { border: 1px solid #ccc; margin-top: 20px; padding: 10px 20px 10px 20px; }
fieldset legend { color: #006699; font-size: 14px; font-weight: bold; margin-bottom: 10px; }
form div { margin-bottom: .8em; vertical-align: text-top; }
form div.required { color: #333; font-weight: bold; }
form div.optional, form div.input { color: #444; }
form div.submit { border: 0; clear: both; margin-top: 10px; }
label { font-size: 11px; padding-right: 20px; }
input, textarea { clear: both; display: block; font-size: 11px; color: #333333; border: 1px solid #006699; padding: 2px; }
select { clear: both; display: block; font-size: 100%; color: #333333; vertical-align: text-bottom; }
select[multiple=multiple] { width: 100%; }
option { font-size: 100%; padding: 0 3px; }
input[type=checkbox] { clear: left; float: left; margin: 0px 6px 7px 2px; width: auto; }
input[type=submit] { display: inline; background: #006699 url(/app/webroot/img/style/button_blue_bg.gif) repeat-x; cursor: pointer; color: #ffffff; font-size: 100%; font-weight: bold; width: auto; vertical-align: bottom; }
input[type=hidden] { display: none; }
.buttonBlue { background: #006699 url(/app/webroot/img/style/button_blue_bg.gif) repeat-x; cursor: pointer; color: #ffffff; font-size: 100%; font-weight: bold; width: auto; margin-left: 5px; }
.cancelLink { font-size: 14px; font-weight: bold; }
.cancelLink a:link, .cancelLink a:visited { color: #990000; }
.cancelLink a:hover, .cancelLink a:active { color: #ff0000; padding-bottom: 1px; border-bottom: 1px solid #ff0000; } 

/* -- Specific Forms -- */
#mainLogin { margin: 0; padding: 0;}
#mainLogin table { border-collapse: collapse;}
#mainLogin td { vertical-align: middle; padding: 0px 0px 0px 5px; }
#mainLogin label { visibility: hidden; }

#ContactUsForm { width: 250px; text-align: left; }
#GetAQuoteForm { width: 100%; text-align: left; }
#CareerForm { width: 100%; text-align: left; }
#loanCloseout { text-align: left; }

/* -- Lists -- */
ul.columnedList { margin:0; padding:0; list-style-type:none; }
ul.columnedList li { display:block; float:left; width: 220px; margin: 0 8px 0 0; }

.list { background: #fff; width: 100%; border-top: 1px solid #074296; border-right: 1px solid #074296; border-left: 1px solid #074296; border-bottom: 3px solid #074296; }
.list h2 { }
.list ul { padding: 0; margin: 0; }
.list ul li { cursor: move; list-style: none; font-size: 11px; padding: 4px; white-space: nowrap; }
.list .header { background: #074296 url(/app/webroot/img/style/backgroundSpreadsheetTh.gif) repeat-x; color: #fff; height: 20px; font-weight: bold; padding: 1px 10px 4px 10px; text-align: left; white-space: nowrap; }
.list .even { background: #edf4fa; }
.list ul li ul li {display:inline;}

/* -- Admin -- */
#adminHome { width: 880px; height: 300px; text-align: center; margin: 10px 0 10px 0; font-size: 10px; font-weight: bold; }
#adminHome div a { background: #fff; width: 100px; height: 100px; display: block; padding: 12px; border: 1px solid #ddd; float: left; margin: 10px; }
#adminHome div a:link, #adminHome div a:visited { color: #666666; }
#adminHome div a:hover, #adminHome div a:active { color: #0066ff; border: 1px solid #006699; }
#adminSubNav { style="float: left; clear: none; background: #000000;" }
#loginNav { font-size: 12px; line-height: 18px; text-align: right; display: block; padding-top: 8px; padding-bottom: 2px; }
#loginNav a:link, #loginNav a:visited { color: #666; font-weight: bold; }
#loginNav a:hover, #loginNav a:active { color: #990000; font-weight: bold; padding-bottom: 1px; border-bottom: 1px solid #990000; }
.actionBar { width: 300px; text-align: left; }
.actionBar th { padding-right: 5px; }
.actionBar a:link, .actionBar a:visited { color: #009900; font-weight: bold; font-size: 14px; }
.actionBar a:hover, .actionBar a:active { color: #990000; font-weight: bold; font-size: 14px; padding-bottom: 1px; border-bottom: 1px solid #990000; } 
#paginator { width: 870px; display: block; text-align: right; margin-top: 5px; padding: 5px; font-size: 12px; }
#paginator a:link, #paginator a:visited { color: #006699; font-weight: bold; }
#paginator a:hover, #paginator a:active { color: #0066ff; font-weight: bold; padding-bottom: 1px; border-bottom: 1px solid #0066ff; }
.spreadsheet { border-collapse: collapse; background: #fff; width: 100%; border-top: 1px solid #CCCCCC; border-right: 1px solid #CCCCCC; border-left: 1px solid #CCCCCC; border-bottom: 3px solid #CCCCCC; padding: 0; }
.spreadsheet td a:link, .spreadsheet td a:visited { color: #006699; font-weight: bold; }
.spreadsheet td a:hover, .spreadsheet td a:active { color: #0066ff; font-weight: bold; }
.spreadsheet th { background: #006699 url(/app/webroot/img/style/button_blue_bg.gif) repeat-x; color: #fff; font-weight: bold; padding: 1px 10px 4px 10px; text-align: left; white-space: nowrap; }
.spreadsheet th a { color: #fff; }
.spreadsheet td { font-size: 11px; padding: 4px; white-space: nowrap; }
.spreadsheet .even { background: #edf4fa; }
.spreadsheet .borderTop { border-top: 1px dotted #ddd; }
.inventoryList { border-collapse: collapse; background: #fff; width: 100%; border-top: 1px solid #CCCCCC; border-right: 1px solid #CCCCCC; border-left: 1px solid #CCCCCC; border-bottom: 3px solid #CCCCCC; padding: 0; }
.inventoryList td a:link, .inventoryList td a:visited { color: #006699; font-weight: bold; }
.inventoryList td a:hover, .inventoryList td a:active { color: #0066ff; font-weight: bold; }
.inventoryList th { background: #ccc url(/app/webroot/img/style/gray_bg.gif) repeat-x; color: #000000; font-weight: bold; border-bottom: 2px solid #fff; padding: 1px 0 4px 0; text-align: left; white-space: nowrap; }
.inventoryList th a { color: #ccc; }
.inventoryList td { font-size: 11px; padding: 4px; white-space: nowrap; }
.inventoryList .even { background: #f5f5f5; }
.InActive { color: #999; }
.groupList { text-align: left; }
.searchList li { margin-top: 5px; font-size: 12px; }
.searchList li a:link, .searchList li a:visited { color: #006699; font-weight: bold; }
.searchList li a:hover, .searchList li a:active { color: #0066ff; font-weight: bold; }
.clear { clear: both; display: block; }

/* -- IMAGES -- */
img { border: none; }
.imgBorderGray { border: 1px solid #ccc; padding: 4px; background: #f5f5f5; }
.thumbBorder img { border: 1px solid #999; padding: 1px; }
a:link .imgBorderGray, a:visited .imgBorderGray { border: 1px solid #ccc; padding: 4px; background: #f5f5f5; }
a:hover .imgBorderGray, a:active .imgBorderGray { border: 1px solid #006699; padding: 4px; background: #f5f5f5; }

/* ------ Signal specific ------ */

/* Messages */
#goodMessage { padding: 10px 10px 8px 40px; margin: 0 .5em; border: 2px solid #090; background: #d2e9d2 no-repeat url('/app/webroot/img/style/messageGood.gif') 8px 8px; }
#badMessage { padding: .5em 1em; margin: 0 .5em; border: 2px solid #fc3; background-color: #ffc; }
#uglyMessage { margin: 10px; padding: 10px 10px 8px 40px; margin: 0 .5em; border: 2px solid #c00; background: #fcc no-repeat url('/app/webroot/img/style/messageUgly.gif') 8px 8px; }
.error-message { margin: 10px; padding: 10px 10px 8px 40px; border: 2px solid #c00; background: #fcc no-repeat url('/app/webroot/img/style/messageUgly.gif') 8px 8px; }

/* Drag List */
ul.draglist { position: relative; width:50%; background: #f7f7f7; border: 1px solid gray; list-style: none; margin:0; padding:0; }
ul.draglist li { margin: 1px; cursor: move; }
ul.draglist_alt { position: relative; width: 200px; list-style: none; margin:0; padding:0; padding-bottom:20px; }
ul.draglist_alt li { margin: 1px; cursor: move; }
li.li_draglist { background-color: #D1E6EC; border:1px solid #7EA6B2; padding: 4px; }
#dhtmltooltip{ position: absolute; width: 150px; border: 2px solid black; padding: 2px; background-color: lightyellow; visibility: hidden; z-index: 100; /*Remove below line to remove shadow. Below line should always appear last within this CSS*/ filter: progid:DXImageTransform.Microsoft.Shadow(color=gray,direction=135); }

/* color selector */
.colorpicker .inputcolor {
    width: 70px;
}

.colorpicker .samplebox {
    border: 1px solid #000;
    display: inline;
    cursor: pointer;
}