body {color: #333; background-color: #0b163b; } h1, h2, h3, h4, h5, h6 {color: #333; font-family: "Helvetica Neue", Helvetica, arial, sans-serif;} a {color: #508eb0;} .shrink {font-size: 1.8em;} .super_shrink {font-size: 1.4em;} #content input, #content textarea, .simple_overlay input, .simple_overlay textarea, #contactform input, #job_search2 select { filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#eeeeee', endColorstr='#ffffff'); /* for IE */ background: -webkit-gradient(linear, left top, left bottom, from(#eeeeee), to(#ffffff)); /* for webkit browsers */ background: -moz-linear-gradient(top, #eeeeee, #ffffff); /* for firefox 3.6+ */} #content input:focus, #content textarea:focus, .simple_overlay input:focus, .simple_overlay textarea:focus, #contactform input:focus, #job_search2 select:focus {filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#ffffff'); /* for IE */ background: -webkit-gradient(linear, left top, left bottom, from(#ffffff), to(#ffffff)); /* for webkit browsers */ background: -moz-linear-gradient(top, #ffffff, #ffffff); /* for firefox 3.6+ */} input.submit, a.submit, a.apply_now_btn, a.w_jobs_state {color: white; text-transform: uppercase; margin: 10px 4px 0 0; padding: 4px 8px; float: right; border: 1px solid #ccc; border-right: 1px solid #999; border-bottom: 1px solid #999; text-decoration: none; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; background: #2eb0f7; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#88d4fe', endColorstr='#2eb0f7') !important; /* for IE */ background: -webkit-gradient(linear, left top, left bottom, from(#88d4fe), to(#2eb0f7)) !important; /* for webkit browsers */ background: -moz-linear-gradient(top, #88d4fe, #2eb0f7) !important; /* for firefox 3.6+ */} input.submit:hover, a.submit:hover, a.apply_now_btn:hover {-webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; background: #68b4de; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#68b4de', endColorstr='#2eb0f7') !important; /* for IE */ background: -webkit-gradient(linear, left top, left bottom, from(#68b4de), to(#2eb0f7)) !important; /* for webkit browsers */ background: -moz-linear-gradient(top, #68b4de, #2eb0f7) !important; /* for firefox 3.6+ */} .reset { font-size: 10px; float: right; } a.apply_now_btn2 {color: white; text-transform: uppercase; margin: 10px 4px 0 0; padding: 4px 8px; float: left; border: 1px solid #ccc; border-right: 1px solid #999; border-bottom: 1px solid #999; text-decoration: none; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; background: #2eb0f7; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#88d4fe', endColorstr='#2eb0f7'); /* for IE */ background: -webkit-gradient(linear, left top, left bottom, from(#88d4fe), to(#2eb0f7)); /* for webkit browsers */ background: -moz-linear-gradient(top, #88d4fe, #2eb0f7); /* for firefox 3.6+ */} a.apply_now_btn:hover2 {-webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; background: #68b4de; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#68b4de', endColorstr='#2eb0f7'); /* for IE */ background: -webkit-gradient(linear, left top, left bottom, from(#68b4de), to(#2eb0f7)); /* for webkit browsers */ background: -moz-linear-gradient(top, #68b4de, #2eb0f7); /* for firefox 3.6+ */} .client_question {background-color: #f5f4df; border-position: inside; border: 1px solid #b4b28f;} #secondary_nav {background-color: #0b163b; height: 59px; } #secondary_nav .container {width: 980px;} #secondary_nav ul {list-style-type: none; margin: 0; padding: 25px 0 0 0; float: right;} #secondary_nav ul li {float: left;} #secondary_nav ul li a {text-decoration: none; color: white; padding: 0 10px; display: block;} #secondary_nav ul li a:hover {text-decoration: underline; color: white; padding: 0 10px; display: block;} #secondary_nav ul li.login a {background: #2eb0f7; color: white; margin-left: 8px; padding: 1px 10px 2px 10px; cursor: pointer; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#88d4fe', endColorstr='#2eb0f7'); /* for IE */ background: -webkit-gradient(linear, left top, left bottom, from(#88d4fe), to(#2eb0f7)); /* for webkit browsers */ background: -moz-linear-gradient(top, #88d4fe, #2eb0f7); /* for firefox 3.6+ */ } #investors #secondary_nav ul li.login { display: none; } #secondary_nav ul li#google_search_form { display: block; width: 150px; padding: 0 5px 0 20px; } #secondary_nav ul li#google_search_form input { margin: 0; float: left; display: block; border-width: 0;} #secondary_nav ul li#google_search_form input.search {border-width: 0; height: 14px; padding: 2px 5px; width: 80%;} #secondary_nav ul li#google_search_form input.submit-button {width: 17px; height: 18px; padding: 18px 0 0; margin: 0; overflow: hidden; background: white url(images/search_button.png) top left no-repeat;} #secondary_nav ul li#google_search_form>input.submit-button {height: 0px;} #secondary_nav ul li#google_search_form { display: block; } #header {position: relative; max-width: 1301px; margin: 0px auto; height:90px; border-bottom: 1px solid #666; border-top: 1px solid #5365a1; background: transparent url(images/header_bg.png) top left; z-index: 10;} #header .container {position: relative; width: 970px;} h1#logo {position: absolute; top: -26px; left: 6px;} h1#logo a {display: block; background: transparent url(images/logo.png) top left no-repeat; text-indent: -9999px; height: 75px; width: 250px;} ul#nav {margin:0 0 0 -5px; list-style-type: none; background: url(images/we_are_werner.png) 99% 90% no-repeat; padding: 60px 0 0 0;} body.global_implementation ul#nav {background: url(images/logo_wgl.png) 100% 110% no-repeat;} ul#nav li {float: left; margin: 0; padding: 0; position: relative;} ul#nav li a {color: white; font-size: 16px; font-weight: normal; text-decoration: none; background: url(images/down_arrow.png) 90% 50% no-repeat; padding: 5px 32px 8px 21px;border: 0px solid #ccc; } ul#nav li a:hover, ul#nav li a.nav_hover {border-width: 1px; border-bottom-width: 0px; color: #333;padding: 5px 31px 8px 20px; background-color: #f3f3f5; background-image: url(images/down_arrow_hover.png); opacity: .95; filter: alpha(opacity=95);-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=95)";} ul#nav li ul li a:hover {border-width: 0;} ul#nav li div.mdd {display: none; background: transparent url(images/mdd_bg.png) top left; padding-bottom: 20px; position: absolute; z-index: 500; top: 1em; left: 0; border: 1px solid #ccc; border-top-width: 0; box-shadow: 2px 2px 5px #888; -moz-box-shadow:2px 2px 2px #888; -webkit-box-shadow: 2px 2px 2px #888; } ul#nav li > div.mdd { top: 2.4em; left: auto; padding: 8px 0;} ul#nav li div.mdd ul, body.landing #sitemap ul {list-style-type: none; float: left; margin: 0; padding: 0;} ul#nav li div.mdd ul li, body.landing #sitemap ul li { float: left;width: 154px; border-right: 1px solid #ccc; margin: 0 8px; padding-bottom: .5em} ul#nav li div.mdd ul li a, body.landing #sitemap ul li a {display: block; background: transparent none; color: #2eb0f7; font-weight: bold; font-size: 1em; margin: 0; padding: 3px 0 4px 0;} ul#nav li div.mdd ul li a:hover, body.landing #sitemap ul li a:hover {background-color: #ccc;} ul#nav li div.mdd ul li ul {padding: 0; } ul#nav li div.mdd ul li ul li, body.landing #sitemap ul li ul li {border-right-width: 0; margin: 0; padding: 0;} ul#nav li div.mdd ul li ul li a, body.landing #sitemap ul li ul li ul li a {color: #333;display: block; background-image: none; font-size: .9em; font-weight: normal; width: 140px; border-bottom: 1px dotted #999;} ul#nav li div.mdd ul li a:hover, body.landing #sitemap ul li ul li ul li a:hover {color: #999; background-image: none;} ul#nav li div.mdd ul li ul li ul, body.landing #sitemap ul li ul li ul li ul {display: none;} ul#nav li .mdd .featured_items {width: 160px; height: 22.2em; overflow: hidden; font-size: .9em; padding: 10px 10px 15px 7px; float: right;} ul#nav li .mdd .featured_items .feature {margin-bottom: .9em; } ul#nav li .mdd .featured_items .image_crop {width: 160px; height: 50px; overflow: hidden; margin-bottom: 5px;} ul#nav li .mdd .featured_items img {margin-top: -20px;width: 160px;} ul#nav li .mdd .featured_items p {display: block; overflow:hidden;margin: 0; padding: 0; height: 3.2em;} ul#nav li .mdd .featured_items p.readmore {height: 1.5em; padding:0; margin: 0;} ul#nav li .mdd .featured_items p a {font-size: 1em; text-decoration: none; color: #508eb0; padding: 0; margin: 0; border-width: 0; } ul#nav li .mdd .featured_items p a:hover {background-image: none; border-width: 0;} ul#nav li .mdd .featured_items h3 {font-size: 1.2em; margin: 0 0 .3em 0; padding: 0; font-weight: bold;} ul#nav li .mdd .contact {float: right; clear: right; width: 160px; margin-right: 10px; padding-bottom: 5px; text-align: left; margin-top: 1em; } ul#nav li .mdd .contact a {display: block; font-size: 1em; background: transparent url(images/contact_envelope.png) top left no-repeat; padding: 2px 2px 4px 30px; color: #2eb0f7; font-weight: bold; text-decoration: none;} ul#nav li .mdd .contact a:hover, ul#nav li .mdd .contact a.nav_hover {border-width: 0 !important; opacity: 100; filter: none;} ul#nav li.drivers .mdd .contact { margin-bottom: 1em; } ul#nav li.drivers .mdd .mdd_btm_links { float: right; } ul#nav li.drivers .mdd .veteran_benefits_btn { margin-bottom: 1em; float: right; width: 174px; margin-right: 10px; padding-bottom: 5px; text-align: left; margin-top: 1em; } ul#nav li.drivers .mdd .veteran_benefits_btn a { display: block; font-size: 1em; background: transparent url(images/icon_veterans.png) top left no-repeat; padding: 2px 2px 4px 30px; color: #2eb0f7; font-weight: bold; text-decoration: none; } ul#nav li.drivers .mdd .veteran_benefits_btn a:hover, ul#nav li.drivers .mdd .veteran_benefits_btn a.nav_hover { border-width: 0 !important; opacity: 100; filter: none; } ul#nav li.drivers .mdd .featured_items { width: 360px; height: 11em; font-size: .9em; float: right; margin: 24px 0 0; padding: 0 0 10px; /* padding: 10px 0; position: absolute; margin-top: 94px; margin-bottom: 0; margin-left: 516px; */ } ul#nav li.drivers .mdd .featured_items .feature { float: right; width: 160px; } ul#nav li.drivers .mdd .featured_items .feature#driver_feature1 { margin-right: .8em; } ul#nav li.drivers .mdd .featured_items .feature#driver_feature2 { margin-right: 2.3em; } ul#nav li.drivers p.banner a { background: transparent url(/css/images/DED_WebBanner.jpg) no-repeat top left; display: block; height: 82px; float: right; margin-right: 9px; padding: 0; /* margin: 15px 0 0 516px; padding: 0; position: absolute; */ text-indent: -9999px; width: 345px; } ul#nav li.drivers p.banner a:hover { border: none; } #sidenav p.banner a, #footer p.banner, ul#sitemap p.banner, #sitemap p.banner { display: none; } ul#nav li.carriers div.mdd {width: 519px;} ul#nav li.solutions div.mdd {width: 690px;} ul#nav li.drivers div.mdd {/*width: 690px;*/ width: 870px;} ul#nav li.careers div.mdd { padding-bottom: 85px; width: 519px;} ul#nav #carriers_nav {width: 342px;} ul#nav #carriers_nav .qualified_carrier_opportunities, ul#nav #carriers_nav .carrier_qualification_process {clear: left;} ul#nav #carriers_nav .owners_operators {position: absolute; top: 8px; left: 170px;} ul#nav #carriers_nav .document_library {position: absolute; top: 53px; left: 170px;} ul#nav #carriers_nav .available_loads {position: absolute; top: 84px; left: 170px;} ul#nav #carriers_nav .post_equipment {position: absolute; top: 115px; left: 170px;} ul#nav #solutions_nav {width: 513px;} ul#nav #drivers_nav {width: 330px;} ul#nav #drivers_nav .driver_login, ul#nav #drivers_nav .driver_services, ul#nav #drivers_nav .driver_opportunities {clear: left;} ul#nav #drivers_nav .veteran_benefits { position: absolute; top: 8px; left: 170px; } ul#nav #drivers_nav .werner_advantages { position: absolute; top: 39px; left: 170px; } ul#nav #drivers_nav .driver_resources { left: 340px; position: absolute; top: 8px; } ul#nav #careers_nav {width: 342px; } ul#nav li.careers .mdd .contact {padding-bottom: 30px; } ul#nav #careers_nav .department_information, ul#nav #careers_nav .current_students_and_recent_grads, ul#nav #careers_nav .testimonials {clear: left;} ul#nav #careers_nav .benefits {position: absolute; top:8px; left: 170px; } body#investors ul#nav li.carriers div.mdd {width: 332px;} body#investors ul#nav li.solutions div.mdd {width: 503px;} body#investors ul#nav li.drivers div.mdd {height: 300px; width: 503px;} body#investors ul#nav li.careers div.mdd {width: 332px; height:auto !important; min-height: 340px; height: 340px;} .simple_overlay .close{background-image:url(images/close.png);position:absolute;right:-13px;top:-15px;cursor:pointer;height:35px;width:35px;} #whitepapers_overlay, #casestudies_overlay, #carrier_signup_overlay, #contact_overlay {display: none; z-index: 10000; box-shadow: 2px 2px 20px #222; -moz-box-shadow:2px 2px 20px #222; -webkit-box-shadow: 2px 2px 20px #222;} #whitepapers_overlay .close, #casestudies_overlay .close, #contact_overlay .close. #video_overlay .close, #carrier_signup_overlay .close {background-image:url(images/close.png);position:absolute;right:0px;top:-17px;cursor:pointer;height:35px;width:35px;} body #whitepapers_overlay h2, body #casestudies_overlay h2 {font-size: 1em; border-bottom: 2px solid #999; text-transform: none; color: #333; padding: 4px 15px; margin: 0; background: transparent url(images/overlay_header_bg.gif) bottom left repeat-x; width: 595px;} #solutions_overlay1, #solutions_overlay2, #solutions_overlay3, #solutions_overlay4, #solutions_overlay5, #solutions_overlay6, #solutions_overlay7, #solutions_overlay8 {display: none; z-index: 10000; box-shadow: 2px 2px 20px #222; -moz-box-shadow:2px 2px 20px #222; -webkit-box-shadow: 2px 2px 20px #222;} a.popout { cursor: pointer; } #video_overlay {width: 716px; background-color: white;} #contact_overlay_pop {width: 470px; background: #fff url(/css/images/contact_overlay_bg.jpg) top left no-repeat; } #contact_overlay_pop form, #carrier_signup_overlay form {padding: 20px 25px;} #contact_overlay_pop form .set {width: 200px; float: left;} #contact_overlay_pop form .first {margin-right: 20px;} #contact_overlay_pop form label, #contact_overlay form input {width: 190px; margin: 0; padding: 0;} #contact_overlay_pop form label {font-size: 1.4em; font-weight: normal; color: #555;} #contact_overlay_pop form input { margin-bottom: 1em; height: 1.2em; font-size: 1.2em; padding: 2px 4px;} #contact_overlay_pop form input.submit { height: 1.5em; width: auto; padding: 0 4px;} #contact_overlay_pop form textarea {width: 410px; height: 82px;} #contact_overlay_pop form fieldset {border-width: 0; padding: 0; margin: 0;} #contact_overlay_pop form legend {font-size: 1.8em; color: #62c4f9; padding-bottom: 10px;} #contact_overlay, #carrier_signup_overlay {width: 470px; background: #fff url(/css/images/contact_overlay_bg.jpg) top left no-repeat; } #contact_overlay h3, #carrier_signup_overlay h3 {color: #fff; font-weight: bold; font-size: 1.6em; text-align: center; padding-top: 50px; letter-spacing: 1px;} #contact_overlay .content, #carrier_signup_overlay .content {padding: 10px 0 30px; margin-top: 26px; background-color: #ededed; border-bottom: 1px solid #ccc;} #carrier_signup_overlay .content h3 {color: #333; font-size: 1.2em; padding: 0; margin: 0; text-align: left; letter-spacing: 0px; } #contact_overlay .content ul {list-style-type: none; margin: 0; padding: 0;} #contact_overlay .content ul li {float: left; width: 190px; margin-right: 10px; font-size: 1.2em; color: #555;} #contact_overlay .content ul li strong{display: block; font-size: 1.1em;} #contact_overlay .content .callout h5 {font-weight: normal; font-size: 1.1em; color: #777; margin-top: 1.2em;} #contact_overlay .content .callout ul li {color: #777;} #contact_form_container { margin-top: 80px; width: 400px; } #contact_response { display: none; margin-top: 150px; } #contact_response_page { display: none; } #contact_overlay form, #carrier_signup_overlay form {padding: 20px 25px;} #contact_overlay form .set {width: 200px; float: left;} #contact_overlay form .first {margin-right: 20px;} #contact_overlay form label, #contact_overlay form input {width: 190px; margin: 0; padding: 0;} #contact_overlay form label {font-size: 1.4em; font-weight: normal; color: #555;} #contact_overlay form input { margin-bottom: 1em; height: 1.2em; font-size: 1.2em; padding: 2px 4px;} #contact_overlay form input.submit { height: 1.5em; width: auto; padding: 0 4px;} #contact_overlay form textarea {width: 410px; height: 82px;} #contact_overlay form fieldset {border-width: 0; padding: 0; margin: 0;} #contact_overlay form legend {font-size: 1.8em; color: #62c4f9; padding-bottom: 10px;} body#contact #contact_overlay {display: block; width: auto; background: transparent none; padding: 0 0 15px 0; margin: 0 0 20px 0; border-bottom: 1px solid #ccc; box-shadow: 0px 0px 00px #000; -moz-box-shadow:0px 0px 00px #000; -webkit-box-shadow: 0px 0px 00px #000;} body#contact #contact_overlay .set {clear: left;} body#contact #contact_overlay label {font-size: 1.2em;} body#contact #contact_overlay textarea {margin: 0; width: 380px;} body#contact #contact_overlay legend {color:#555; font-size: 1.2em;} body#contact #contact_overlay form {padding: 0;} body#contact #contact_overlay a.submit {margin-top: 20px;} body#contact #carrier_widget {display: none;} body#contact #contact_widget {display: none;} body#contact #driver_recruiting {background: transparent url(images/driver_recruiting.png) top left no-repeat; padding: 150px 0 0 0px; margin: 0 0 0 20px;} body#contact #driver_recruiting li {padding: 0 0 1em 0;} body#contact #driver_recruiting li strong {display: block; width: 60px;} body#contact #content h3 {color: #21235a;} body#contact #content h3 span {font-weight: normal;} body#contact #content h4, body#contact #content h5 { margin: 1em 0 0 0; padding: 0; font-weight: bold;} body#contact #content h4 {font-size: 1.1em;} body#contact #content h5 {padding-top: 3px;} body#contact #content address {font-style: normal; margin: 0; padding: 0;} body#contact #content ul {list-style-type: none; margin: 0; padding: 0;} body#contact #content ul li {float: left; width: 200px;} body#contact #content ul#addy_columns {clear: both; border-top: 1px solid #ccc; margin: 1em 0 0 0; padding: 0;} body#contact #content ul#addy_columns li {border-left: 1px solid #ccc; padding: 10px 0 0 40px;} body#contact #content ul#addy_columns li.first {border-left-width: 0px; padding-left: 0;} body.contact #contact_overlay {display: block; width: auto; background: transparent none; padding: 0 0 15px 0; margin: 0 0 20px 0; box-shadow: 0px 0px 00px #000; -moz-box-shadow:0px 0px 00px #000; -webkit-box-shadow: 0px 0px 00px #000;} body.contact #sidebar #contact_overlay {display: none;} body.contact #contact_overlay .set {clear: left; float: none;} body.contact #contact_overlay label {font-size: 1.2em; clear: left;} body.contact #contact_overlay textarea {margin: 0; width: 380px; float: none;} body.contact #contact_overlay legend {color:#555; font-size: 1.2em;} body.contact #contact_overlay form {padding: 0;} body.contact #contact_overlay a.submit {margin-top: 20px;} body.contact #contact_overlay h3 {display: none;} body.contact #contact_overlay .close {display:none;} body.contact #contact_overlay .content {background-color: transparent; background-image: none; border-width: 0;} body.contact #contact_overlay .callout { background-image: none;} body.contact #contact_overlay a.submit {float: none; clear: left; display: block; width: 100px; text-align: center;} body.contact #carrier_widget {display: none;} body.contact #contact_widget {display: none;} body#contact .map {float: right; border: 1px solid #ccc; margin: 0 0 1.4em 0; box-shadow: 2px 2px 2px #555; -moz-box-shadow:2px 2px 2px #555; -webkit-box-shadow: 2px 2px 2px #555} body#contact .map iframe {margin: 0;} #carrier_signup form {margin-bottom: 2em;} #carrier_signup form .set {width: 200px; float: left;} #carrier_signup form .first {margin-right: 20px;} #carrier_signup form label, #carrier_signup form input {width: 190px; margin: 0; padding: 0;} #carrier_signup form label {font-size: 1.2em; font-weight: normal; color: #555;} #carrier_signup form input { margin-bottom: 1em; height: 1.2em; font-size: 1.2em; padding: 2px 4px;} #carrier_signup form input.submit { height: 1.5em; width: auto; padding: 0 4px;} #carrier_signup form textarea {width: 410px; height: 82px;} #carrier_signup form fieldset {border-width: 0; padding: 0; margin: 0;} #carrier_signup form legend {font-size: 1.8em; color: #62c4f9; padding-bottom: 10px;} #post_equipment form {margin-bottom: 2em;} #post_equipment form .set {width: 200px; float: left;} #post_equipment form .set2 {width: 450px; float: left; margin-top:35px;} #post_equipment form .first {margin-right: 20px;} #post_equipment form .border_bottom {width: 450px; border-bottom: 1px solid #ccc; float: left; height: 1px;margin-bottom: 2em;} #post_equipment form label, #post_equipment form input {width: 190px; margin: 0; padding: 0;} #post_equipment form label {font-size: 1.2em; font-weight: normal; color: #555;} #post_equipment form input { margin-bottom: 1em; height: 1.2em; font-size: 1.2em; padding: 2px 4px;} .post_equip_filefield { margin-bottom: 1em; height: 1.2em; font-size: 1.2em; padding: 2px 4px;} #post_equipment form input.submit { height: 1.5em; width: auto; padding: 0 4px;} #post_equipment form textarea {width: 410px; height: 82px;} #post_equipment form fieldset {border-width: 0; padding: 0; margin: 0;} #post_equipment form legend {font-size: 1.8em; color: #62c4f9; padding-bottom: 10px;} #post_equipment form input.file { font-size: 1.2em; font-weight: normal; color: #555; background-color: #FFF; } #post_equip_file { width: 400px; margin-left: auto; margin-right: auto; -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px; background-color: #ccc; border: 1px solid #999; padding: 5px 0 5px 15px; } #post_equipment form select { height: 2em; margin: 10px 0 20px 0; padding: 2px 0;} h4.mexico { background:url("images/flag_mexico.png") no-repeat 0 0 transparent; height:32px; padding:7px 0 0 35px !important; width:173px !important; } h4.canada { background:url("images/flag_canada.png") no-repeat 0 0 transparent; height:32px; padding:7px 0 0 35px !important; width:173px !important; } ul#wpaper {list-style-type: none !important; padding: 0 0 0 5px !important;} li#wpapericon {background:url("images/wpapericon.gif") no-repeat scroll 0 0 transparent; height:35px; padding:2px 0 0 30px; margin: 0 0 10px 0;} #wp_widget .contentWrap { background: #fff url(/css/images/bg_casestudy.png) no-repeat 0 30px; width: 625px; height: 705px; padding: 0; border: 3px solid #ccc;text-align: center; } body.whitepaper { background: #fff url(/css/images/bg_whitepaper.png) no-repeat 0 0px; width: 412px; text-align: left; padding: 120px 80px 0 110px; } #wp_form_holder { margin-left: auto; margin-right: auto; text-align: center; } #wp_download { margin-left: 50px; } #wp_widget .contentWrap p, #whitepapers_overlay .contentWrap p { text-align: left; } #wp_widget .contentWrap #Excerpt p, #whitepapers_overlay .contentWrap #Excerpt p { padding: 100px 80px 0 110px;} #wp_widget .contentWrap h4, #whitepapers_overlay .contentWrap h4 { font-size: .9em; font-weight: bold; text-align: center; } #wp_form { width: 400px; margin-left: auto; margin-right: auto; -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px; background-color: #c3d0d4; padding: 5px 0 5px 15px; } #wp_download { width: 400px; margin-left: auto; margin-right: auto; } #wp_form h6 { font-size: 12px !important; text-align: center; clear: right; } #wp_form form label {float: left; font-weight: normal; margin: 1em 0 0 0; padding: 0; color: #555; font-size: 1.3em; text-align: left;} #wp_form form input {float: left; margin: 0; padding: 0; border: 1px solic #ccc; height: 28px; width: 180px;} #wp_form form .set {width: 200px; float: left; margin-top: 5px;} #wp_form form .first {margin-right: 20px;} .inputOk { background-color: #FFF; border: 1px solid #999; } .inputErr { border: 2px solid #FF0000 !important; } .accErr { width: 160px; font-weight: bold; border: 2px solid #FF0000 !important; } .labelErr { color: #ff0000; } .labelOk { color: #555555; } #ErrorMessage { margin: 0; padding: 0; font-size: 12px !important; color: #f00; text-align: center !important;} .FormError {font-size: 12px !important; color: #f00; text-align: center !important; font-weight: bold;} .FormApproved {font-size: 12px !important; color: green; text-align: center !important; font-weight: bold;} .formRow { padding: 3px; text-align: left; } .formRow input { width: 170px; } .formRow input#company { width: 355px; } #submit_row { clear: both; padding: 0 15px 15px 0; } a.wp_submit { float:right; text-indent:-9999px; } a.wp_submit:link { background: url(images/btn_whitepaper.gif) no-repeat scroll 0 -32px; text-decoration: none; display:block; height:32px; text-indent:-9999px; letter-spacing: 1000; width:84px; } a.wp_submit:visited { background: url(images/btn_whitepaper.gif) no-repeat scroll 0 -32px; text-decoration: none; display:block; height:32px; text-indent:-9999px; width:84px; }z a.wp_submit:active { background: url(/assets/images/misc/btn_whitepaper.gif) no-repeat; text-decoration: none; display:block; height:32px; text-indent:-9999px; width:84px; } a.wp_submit:hover { background: url(images/btn_whitepaper.gif) no-repeat; text-decoration: none; display:block; height:32px; text-indent:-9999px; width:84px; } #hero {height: 492px; margin: -89px 0 0 -1px; } #hero .slide {height: 492px; width: 100%;} #hero .slide1 {background: #0b163b url(images/hero_images/hero_home1.jpg) top center no-repeat; } #hero .slide2 {background: #0b163b url(images/hero_images/hero_home2.jpg) top center no-repeat; } #hero .slide3 {background: #0b163b url(images/hero_images/hero_employment_landing.jpg) top center no-repeat; } #hero .slide4 {background: #0b163b url(images/hero_images/hero_home4.jpg) top center no-repeat; } /* #hero .slide5 {background: #0b163b url(images/hero_images/hero-holiday-2011.jpg) top center no-repeat; } */ #hero .slide5 {background: #0b163b url(images/hero_images/hero_about.jpg) top center no-repeat; } #hero .container {position: relative;} #hero h5 { padding: 10px 20px; color: white; border: 1px solid #5cbef3; text-align: right; background: transparent url(images/hero_trans_blue.png) top left; font-size: 28px; line-height: 40px; position: absolute; top: 200px; right: 20px; font-weight: normal; font-family: Helvetica, sans-serif; font-weight: 100; letter-spacing: 0px; text-shadow: 0px 2px 2px #000; -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px;} #hero h5 strong {font-size: 32px; } #hero .slide2 h5 {top: 120px; left: 0px; float: left; text-align: left; width: 323px;} #hero .slide4 h5 {top: 150px; left: 0px; float: left; text-align: left; width: 264px;} #hero .slide3 h5 {top: 220px; float: left; left: 550px; text-align: left; width: 351px;} #hero .slide5 h5 {top: 390px; float: left; left: 0; text-align: left; width: 234px; } #hero h5 .size_down { font-size: .9em; line-height: 35px; } body.secondary_landing #hero {height: 300px;} body.secondary_landing #hero .slide {height: 300px;background: #0b163b top center no-repeat; } body#drivers #hero .secondary_slide {background-image: url(images/hero_images/driver-subhome.jpg); } body#carriers #hero .secondary_slide {background-image: url(images/hero_images/carrier-subhome.jpg); } body#employment #hero .secondary_slide {background-image: url(images/hero_images/emp-subhome.jpg); } body#about #hero .secondary_slide {background-image: url(images/hero_images/about-subhome.jpg); } body#investors #hero .secondary_slide {background-image: url(images/hero_images/about-subhome.jpg); } body#solutions #hero .secondary_slide {background-image: url(images/hero_images/solutions-subhome.jpg); } body.global_implementation #hero .secondary_slide {background-image:url(images/hero_images/secondary_landing.jpg) !important} /* individual section landing page slides are set here. The new slide background is set on .slide1 and you can position the text in h5. Just be sure to give it a defined width, and float and text-align left if you go left-side with it */ body#employment .slide1 {background-image: url(images/hero_images/hero_employment_landing.jpg);} body#employment h5 {top: 220px; float: left; left: 550px; text-align: left; width: 355px;} body#drivers .slide1 {background-image: url(images/hero_images/hero_home2.jpg);} body#drivers h5 {top: 120px; left: 0px; float: left; text-align: left; width: 340px;} body#drivers h5.subheader { float:none;} body#carriers .slide1 {background-image: url(images/hero_images/hero_home4.jpg);} body#carriers .slide1 h5 {top: 150px; left: 0px; float: left; text-align: left; width: 450px;} body#solutions.freight_quote .features, body#drivers.apply_now .features, body#drivers.driver_resources .features, body#drivers.driver_services .features, body#drivers.driver_opportunities .features, body#employment.search_for_positions .features, body#employment.application .features, body#carriers.signup .features { display: none; } ul.roadteam { list-style-type: none; margin: 1.5em 0 0; padding: 0;} ul.roadteam li {margin-bottom: 1em; border-bottom: 1px solid #ccc;} ul.roadteam li img { margin-bottom: 2px; } ul.roadteam li h4 {margin: 0 0 .5em 0;} ul.roadteam li p { padding-left: 8.5em; } .pager {height: 0;position: relative; z-index: 6; top: -50px; right: 20px} .control_container { background: transparent url(images/controls_bg.png) top left; float: right; -moz-border-radius: 5px; -khtml-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; } ul#controls {float: left; ; list-style-type: none; padding: 0; margin: 0; } ul#controls li {margin: 0; float: left; padding: 9px 5px 4px 5px; } ul#controls li a { background: url(images/controls_button_bg.png) 0% 0%; display: block;text-indent: 9999px; height: 13px; width: 12px;overflow: hidden;} ul#controls li.activeLI a { background: url(images/controls_button_active_bg.png) 0% 0%; display: block; } div#next, div#prev {float: left; padding: 10px 5px 8px 5px; text-indent: 9999px;} div#prev a, div#next a { width: 10px; height: 12px; background: url(images/controls_prev.png) 0% 0%; display: block; overflow: hidden;} div#next a { background: url(images/controls_next.png) 0% 0%; } #footer {clear: both; padding: 300px 0 100px 0; background: transparent url(images/footer_truck.jpg) 50% 0% no-repeat; color: white; } body#home #footer, body.secondary_landing #footer {padding-top:0; background-image: none;} #footer a {color: white;} #footer ul#footer_nav li.first {padding-left:0;} #footer ul#footer_nav dt {font-weight: bold;} #footer ul#footer_nav dd ul {list-style-type: none; padding: 0; margin: 0;} #footer ul#footer_nav dd ul li {padding: 0; margin: 0;} #footer ul#footer_nav dd ul li a {display: block; padding: 2px 0;} #footer ul#footer_nav dd ul li ul {display: none; } ul#footer_nav {list-style-type: none; margin: 0 0 0 0; padding: 10px 0 0 0; clear: left;} ul#footer_nav>li { min-height: 180px; width: 140px; margin: 10px 0 0 0; padding: 0 5px 0 15px; float: left; border-right: 1px solid #323e66; } ul#footer_nav>li.first {clear: left;} ul#footer_nav>li.last {border-right-width: 0;} ul#footer_nav dt {font-size: 16px;} ul#footer_nav dd {margin: 0; padding: 2px 0;} ul#footer_nav a {text-decoration: none; text-transform: capitalize; color: #3333;} ul#footer_nav a:hover {text-decoration: underline; } ul#sitemap dt {font-weight: bold;} ul#sitemap dd ul {list-style-type: none; padding: 0; margin: 0 0 0 1em;} ul#sitemap {list-style-type: none; margin: 0 0 0 0; padding: 10px 0 0 0;} ul#sitemap dt {font-size: 16px;} ul#sitemap dd {margin: 0; padding: 2px 0;} ul#sitemap a {text-decoration: none; text-transform: capitalize;} ul#sitemap a:hover {text-decoration: underline; } ul#sitemap dd ul li {margin: 0; padding: 0 0 0 8px;} ul#sitemap dd ul li a {display: block; padding: 5px 5px; color: #444; text-decoration: none; font-weight: bold; } ul#sitemap dd ul li a:hover {background-color: #e1e1e1;} ul#sitemap dd ul li ul li a {color: #666; border-bottom: 1px solid #ddd; font-size: 1em;} ul#sitemap dd ul li ul li ul li a {color: #999; border-bottom: 1px solid #ddd; font-size: 1em;} ul#sitemap dd ul li ul li ul li ul li a {color: #999; border-bottom: 1px solid #ddd; font-size: .95em; font-weight: normal;} #utility_nav, #social_links {list-style-type: none; margin: 20px 0 0 0; padding: 0; float: left; } #utility_nav {margin-bottom: 20px; } #utility_nav li {float: left; margin: 0; padding: 0;} #utility_nav li.first a {padding-left: 0;} #utility_nav li a {display: block;font-size: .9em; line-height: 1em; text-decoration: none; color: #dedeee; padding: 0 8px; border-right: 1px solid #fff; } #utility_nav li a:hover {text-decoration: underline;} #utility_nav li.last a {border-right-width: 0;} #social_links {float: right; color: #bcbccc; margin-top: 10px;} #social_links li {float: left; margin-left: 15px;} #social_links li a {text-indent: -9999px; background: transparent url(images/social_icons.png) top left no-repeat; display: block; height: 40px; width: 32px;} #social_links li.facebook a {background-position: -32px 0;} #social_links li.youtube a {background-position: -64px 0;} #social_links li.linkedin a {background-position: -96px 0;} #social_links li.description {padding-top: 7px;} #cse-search-results iframe {width: 700px;} #main_body {background-color: #fff; padding:30px 0; max-width: 1300px; margin: 0 auto; border-bottom: 1px solid #5669a6; background: #fff url(images/bg_container.png) top left repeat-x; width:expression(document.body.clientWidth > 1300? "1300px": "auto" )} body#home #main_body {background-image: none;} #main_body .container {background-color: white; padding: 20px 3px 10px 3px;} #content {float: left; width: 485px; padding-right: 10px; font-size: 1.2em; color: #555;} #content h2 {color: #e49c16; text-transform: capitalize; font-weight: bold;} #content h3 {color: #212e5a; font-size: 1.1em; font-weight: bold; margin: 0 0 .5em 0; padding: 0;} #content h4 {color: #333; font-size: 1em; font-weight: bold; margin: 0 0 .5em 0; padding: 0;} body .column_content #content {width: 705px;} body .column_content #content .columns { column-count:2; /* this tells the browser to render 3 columns - future proof */ column-gap:40px; /* this sets the spacing/gap between each column - future proof */ column-rule: 1px solid #ddd; -moz-column-count:2; /* this tells the browser to render 3 columns - Mozilla specific prefix */ -moz-column-gap:40px; /* this sets the spacing/gap between each column - Mozilla specific prefix */ -moz-column-rule: 1px solid #ddd; -webkit-column-count:2; /* this tells the browser to render 3 columns - Webkit specific prefix */ -webkit-column-gap:40px; -webkit-column-rule: 1px solid #ddd;} .column {padding: 0; margin: 0;} .first.column {border-right: 1px solid #ddd; padding-right: 10px; margin-right: 15px;} #sitemap .first.column {border-right-width: 0;} #sitemap .column {padding-right: 12px;} #content img {padding: 3px; border: 1px solid #ccc; box-shadow: 2px 2px 2px #888; -moz-box-shadow:2px 2px 2px #888; -webkit-box-shadow: 2px 2px 2px #888;} #content img.no_shadow {box-shadow: 0px 0px 0px #888; -moz-box-shadow:0px 0px 0px #888; -webkit-box-shadow: 0px 0px 0px #888;} #content img.no_border {border: none;} #content img.left {float: left; margin: 0 1em .5em 0; clear: left;} #content img.right {float: right; margin: 0 0 .5em 1em; clear: right;} #content img.img_wide {margin-bottom: 20px;} #content img#map_usa { padding: 3px; border: none; box-shadow: none; -moz-box-shadow: none; -webkit-box-shadow: none; } #content p.center {text-align: center;} #content .callout {width:318px; padding-bottom: 23px; margin-bottom: 1em; background: #f5f8fe url(images/callout_bottom.png) bottom left no-repeat;} #content .callout p {width:273px; padding: 33px 20px 0 25px; font-size: 1.2em; color: #666; background: #f5f8fe url(images/callout_top.png) top left no-repeat;} #content .callout p span {color: #6e99d4; text-transform: uppercase; font-style: italic; } #content .callout2 { background: #eee repeat scroll 0 0; color:#333333; font-size:1em; margin: 0 20px 2em 0; padding:1em 1em 0.1em 1em;} #driver_opportunities_content { width: 470px; float: left; } #driver_opportunities_content_btn { float: right; margin: 0 auto; padding: 5px; text-align: center; width: 220px; } ul#driver_opportunities_list { list-style-type: none; margin: 0; padding: 0;} ul#driver_opportunities_list li { border-bottom: 1px dotted #999; margin: 1em 0 1em 0; padding-bottom: 1em; } ul#driver_opportunities_list li p { margin: 0 120px 0 102px;; } ul#driver_opportunities_list .apply_now_btn { } /*a.apply_now_btn {color: white; text-transform: uppercase; text-decoration: none; margin: 10px 4px 0 0; padding: 4px 8px; float: right; background-color: #212e5a; border: 1px solid #ccc; border-right: 1px solid #999; border-bottom: 1px solid #999;} a.apply_now_btn:hover { background-color: #2EB0F7; text-decoration:underline; }*/ body#home #content {border: 1px solid #ddd; width: 720px; float: left; margin-bottom: 25px; box-shadow: 0px 5px 5px #333; -moz-box-shadow: 0px 5px 5px #333; -webkit-box-shadow: 0px 5px 5px #333;} #content #featured {background-color: #fcf5e6; float: left; width: 490px;} #featured h4 { color: #d57e20; font-size: 18px; font-weight: bold; text-transform: uppercase; padding: 8px 10px 2px 10px ; margin: 3px; border: 1px solid #fff; border-bottom-width: 0; border-right-width: 0;} .featured_item {background: #fff url(images/featured_bg.png) top left repeat-x; width: 475px; margin: 0; padding: 18px 15px 10px 0; border-left: 1px solid #fff; border-bottom: 1px solid #bbb;} #content #featured .last {border-bottom-width: 0px; } body#home #content .featured_item img {border: 3px solid #ccc; float: left; margin: 0 15px 20px 10px; box-shadow: 0px 0px 0px #888; -moz-box-shadow:0px 0px 0px #888; -webkit-box-shadow: 0px 0px 0px #888;} .featured_item .description { width: 310px; float: left; } .featured_item .description h5, .featured_item .description h5 a { color: #333; font-size: 18px; font-weight: bold; margin: 0; padding: 0; line-height: 20px; text-decoration: none; } .featured_item .description h5 a:hover { text-decoration: underline; } .featured_item .description p {margin: 3px 0 0 0;} .featured_item .description h6 {margin-top: 15px; font-size: 1.2em;} .featured_item .description_full { width: 460px; float: left; } .featured_item .description_full h5, .featured_item .description_full h5 a { color: #333; font-size: 18px; font-weight: bold; margin: 0; padding: 0; line-height: 20px; text-decoration: none; } .featured_item .description_full h5 a:hover { text-decoration: underline; } .featured_item .description_full p {margin: 3px 0 0 0;} .featured_item .description_full h6 {margin-top: 15px; font-size: 1.2em;} .links-featitem { font-size: 12px; padding-left: 20px; } #about.featured_items .featured_item { padding: 10px; } .featured_item img { float: right; margin-right: 28px; } #content .features {padding-top: 2em; border-top: 1px solid #eee; clear: left;} #content .features .featured_items .feature {width: 200px; min-height: 350px; float: left; margin-right: 35px; margin-bottom: 15px;} .driver_opportunities #content .featured_items .feature, .driver_services #content .featured_items .feature {width: 200px; float: left; margin-right: 35px;} #front_items {width: 212px; float: left; margin: 7px 0; padding: 0 7px; border-left: 1px solid #aaa;} #front_items .item {border-bottom: 2px dotted #aaa; margin-bottom: 16px; padding-bottom: 16px; } #front_items .last {border-bottom-width: 0; padding-bottom: 0;} body#home #content #front_items .item img {border: 1px solid #ccc; margin-bottom: 5px; box-shadow: 0px 0px 0px #888; -moz-box-shadow:0px 0px 0px #888; -webkit-box-shadow: 0px 0px 0px #888;} #front_items .item h4 {margin-bottom: 5px; } #front_items .item h4.wgl a, #front_items .item h4.white_paper a, #front_items .item h4.werner_cares a, #front_items .item h4.fleet_truck_sales a {display: block; text-indent: -9999px; margin: 0 0 0 4px; padding: 0;} #front_items .item h4.wgl a {background-image: url(images/werner_global_logistics_header.png); width: 201px; height: 34px;} #front_items .item h4.white_paper a {background: transparent url(images/whitepaper_widget_header.png) top left no-repeat; width: 210px; height: 25px; } #front_items .item h4.werner_cares {background: url(images/werner_cares_header.png) no-repeat; width: 174px; height: 32px; text-indent: -9999px;} #front_items .item h4.fleet_truck_sales a {background: url(images/fleet_truck_sales_header.png) no-repeat; width: 145px; height: 65px;} #front_items .item p {color: #666; margin: 0 0 0 4px; padding: 0; line-height: 1.8em;} #sidebar {float: left; width: 200px; margin-left: 18px;overflow: hidden; padding-top: 5em;} body .columns #sidebar {clear: left; float: none; margin: 1em 0 0 0; } body#home #sidebar {padding-top: 0; width:200px;} #sidebar_investors {float: left; width: 200px; margin-left: 25px; overflow: hidden; padding-top: 5em;} #sidebar_investors iframe {height: 370px;} #accordion_widget {width: 195px; margin-top: 10px; float: right; } #accordion_widget h3 {background: url(images/freight_quote_header.png) top left no-repeat; width: 194px; height: 36px; padding: 14px 0 0 10px; margin: -10px 0 2px 0; font-size: 13px; font-weight: bold; color: white; text-transform: uppercase; } #accordion_widget h3 a {padding-right: 15px; color: white; text-decoration: none; background: transparent url(images/side_arrow.png) 100% 50% no-repeat;} #accordion_widget h3 a:hover {color: #333; background-image: url(images/side_arrow_hover.png)} #accordion_widget h3 {outline: 0px auto;} #accordion_widget h3.ui-state-active a {background-image: url(images/down_arrow.png);} #accordion_widget .panel {margin-bottom: 5px;} #accordion_widget form {margin-top: -7px; padding: 10px 9px 10px 10px; background: url(images/freight_quote_form_bg.png) bottom left repeat-x;} #accordion_widget form h4 {font-size: 11px; text-transform: uppercase;} #accordion_widget form input.text {width: 160px; color: #212e5a; padding: 2px 4px; } #accordion_widget form input.required {font-weight: bold;} #accordion_widget form select.required {font-weight: bold;} #accordion_widget form input.submit {color: white; text-transform: uppercase; margin: 10px 4px 0 0; padding: 4px 8px; float: right; background: #2eb0f7; border: 1px solid #ccc; border-right: 1px solid #999; cursor: pointer; border-bottom: 1px solid #999; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#88d4fe', endColorstr='#2eb0f7'); /* for IE */ background: -webkit-gradient(linear, left top, left bottom, from(#88d4fe), to(#2eb0f7)); /* for webkit browsers */ background: -moz-linear-gradient(top, #88d4fe, #2eb0f7); /* for firefox 3.6+ */} h3#btn_fquote { clear: both; background: url(images/btn_fquote.png) top left no-repeat; width: 194px; height: 47px; padding: 14px 0 0 10px; margin: 0 0 2px 5px; font-size: 13px; font-weight: bold; color: white; text-transform: uppercase; } h3#btn_fquote a {padding-right: 15px; color: white; text-decoration: none; cursor: pointer; } h3#btn_fquote a:hover {color: #333; } h3#btn_fquote {outline: 0px auto;} h3#btn_driverapp {clear: both; background: url(images/btn_driverapp.png) top left no-repeat; width: 194px; height: 47px; padding: 14px 0 0 10px; margin: -10px 0 2px 5px; font-size: 13px; font-weight: bold; color: white; text-transform: uppercase; } h3#btn_driverapp a {padding-right: 15px; color: white; text-decoration: none; cursor: pointer; } h3#btn_driverapp a:hover {color: #333; } h3#btn_driverapp {outline: 0px auto;} h3#btn_eservices {clear: both; background: url(images/btn_driverapp.png) top left no-repeat; width: 194px; height: 47px; padding: 14px 0 0 10px; margin: -10px 0 2px 5px; font-size: 13px; font-weight: bold; color: white; text-transform: uppercase; } h3#btn_eservices a {padding-right: 15px; color: white; text-decoration: none; cursor: pointer; } h3#btn_eservices a:hover {color: #333; } h3#btn_eservices {outline: 0px auto;} h3#btn_fmvideo { clear: both; width: 196px; height: 123px; padding: 0; margin: 0 0 2px 4px; } h3#btn_opfreedom { clear: both; width: 196px; height: 123px; padding: 0; margin: 10px 0 2px 5px; } #quick_quote, .carrier_signup, .w_apply_now, #video_widget, #contact_widget, #provide_support_widget,#loads_widget, #wp_eservices {border-bottom: 1px solid #ccc; padding-bottom: 3px; margin-bottom:10px;} #quick_quote a {display: block; font-size: 1.2em; background: transparent url(images/quick_quote.png) top left no-repeat; padding: 1px 0 5px 30px; font-weight: bold; text-transform: uppercase; text-decoration: none; color: #0db0fa;} #wp_eservices a {display: block; font-size: 1.2em; background: transparent url(images/register_eservices.png) top left no-repeat; padding: 1px 0 5px 30px; font-weight: bold; text-transform: uppercase; text-decoration: none; color: #0db0fa; letter-spacing: -1px;} #wp_widget {padding-bottom: 1em; border-bottom: 1px solid #ccc; margin-bottom: 8px;} #wp_widget h3 {text-indent: -9999px; width: 210px; height: 25px; background: transparent url(images/whitepaper_widget_header.png) top left no-repeat;} #wp_widget ul {list-style-type: none; padding: 0; margin: 0 0 1em 22px} #wp_widget ul li a { display: block; text-decoration: none; font-size: 1.1em; color: #666; border-bottom: 2px dotted #ccc; padding: 4px 3px 6px 3px;} #wp_widget ul li a:hover {background-color: #efefef;} #wp_widget .more {text-align: right;} #loads_widget a {display: block; font-size: 1.2em; background: transparent url(images/btn_available_loads.png) top left no-repeat; padding: 2px 2px 4px 30px; color: #2eb0f7; font-weight: bold;text-transform: uppercase;text-decoration: none;} #loads_widget a:hover {border-width: 0;} #carrier_widget a {display: block; font-size: 1.2em; background: transparent url(images/carrier_signup.png) top left no-repeat; padding: 2px 2px 4px 30px; color: #2eb0f7; font-weight: bold;text-transform: uppercase;text-decoration: none;} #carrier_widget a:hover {border-width: 0;} #apply_now_widget a {display: block; font-size: 1.2em; background: transparent; padding: 2px 2px 4px 0; color: #2eb0f7; font-weight: bold;text-transform: uppercase;text-decoration: none;} #apply_now_widget a:hover {border-width: 0;} .w_jobs_state { margin: 5px 0; } .w_jobs_state a {display: block; background: url(/css/images/search_jobs.png) no-repeat scroll left top transparent; height: 24px; text-indent: -9999px; width: 209px;} .w_jobs_state a:hover {border-width: 0;} #contact_widget a {display: block; font-size: 1.2em; background: transparent url(images/contact_envelope.png) top left no-repeat; letter-spacing: -1px; padding: 2px 0 4px 30px; color: #2eb0f7; font-weight: bold;text-transform: uppercase;text-decoration: none;} #contact_widget a:hover {border-width: 0;} #sidenav {float: left; width: 200px; margin-right: 20px; padding: 4.9em 0 0 0;} #sidenav ul {list-style-type: none; padding: 0; margin: 0; } #sidenav ul li {margin: 0; padding: 0 0 0 8px;} #sidenav ul li a {display: block; padding: 5px 5px; font-size: 1.2em; color: #444; text-decoration: none; font-weight: bold; } #sidenav ul li a:hover {background-color: #e1e1e1;} #sidenav ul li ul li a {color: #666; border-bottom: 1px solid #ddd; font-size: 1em;} #sidenav ul li ul li ul li a {color: #999; border-bottom: 1px solid #ddd; font-size: 1em;} #sidenav ul li ul li ul li ul li a {color: #999; border-bottom: 1px solid #ddd; font-size: .95em; font-weight: normal;} #sidenav ul li ul, #sidenav ul li ul li ul, #sidenav ul li ul li ul li ul {display: none;} #sidenav .active>ul {display: block;} #sidenav ul li.active {background: transparent url(images/sidenav_arrow.png) 0 8px no-repeat;} #sidenav>ul>li.active>a {background-color: #80c9f1; color: white;} #sidenav ul li ul li.active {background: transparent url(images/sidenav_arrow_small.png) 0 8px no-repeat;} #sidenav #drivers_nav > li.veteran_benefits { display: none; } ul.breadcrumb {font-size: .9em; font-weight: normal; margin: 0 auto; height: 25px; padding: 2em 0 0 10px; width: 970px; list-style-type: none; text-transform: capitalize;} ul.breadcrumb li {margin: 0; padding: 0; float: left; } ul.breadcrumb li:last-child:after {content:"";} ul.breadcrumb li:after { content: " \003E "; margin: 0 3px;} ul.breadcrumb li a { text-decoration: none; color: #333; padding: 0 3px; } body.landing #main_body .featured_items .feature {float: left; width: 465px; margin: 0 10px 40px 0;} body.landing #main_body .featured_items .feature_last {width: 465px; margin: 0 10px 40px 0;} body.landing #main_body .featured_items img {width: 170px; height: 90px; border: 2px solid #ccc; float: left; margin: 0 6px 0 0;} body.landing #main_body .featured_items h3 {font-size: 1.4em; color: #333; font-weight: bold; margin: 0; padding: 0;} body.landing #main_body .featured_items p {width: 285px; margin: .2em 0 .4em 0; font-size: 1.1em; line-height: 1.3em; padding:0; float: left; color: #666;} body.landing #sitemap {background-color: #f7f7f7; padding: 30px 0; max-width: 1300px; margin: -1px auto 0 auto;} body.landing #sitemap .container { column-count:4; /* this tells the browser to render 3 columns - future proof */ column-width:225px; /* this sets the width of each column - future proof */ column-gap:10px; /* this sets the spacing/gap between each column - future proof */ -moz-column-count:4; /* this tells the browser to render 3 columns - Mozilla specific prefix */ -moz-column-width:225px; /* this sets the width of each column - Mozilla specific prefix */ -moz-column-gap:10px; /* this sets the spacing/gap between each column - Mozilla specific prefix */ -webkit-column-count:4; /* this tells the browser to render 3 columns - Webkit specific prefix */ -webkit-column-width:225px; /* this sets the width of each column - Webkit specific prefix */ -webkit-column-gap:10px;} body.landing #sitemap ul a {text-decoration: none; } body.landing #sitemap ul {float: none; width: auto; padding: 0; margin: 0; border-right-width: 0;} body.landing #sitemap ul li, body.landing #sitemap ul li ul li {float: none; width: auto; } body.landing #sitemap ul li ul li {padding: 0 1.4em;} body.landing #sitemap ul li ul li a {font-weight: bold; color: #666; padding: 6px 2px 8px 2px;} body.landing #hero h5 strong {text-transform: capitalize;} body.crossroads_werner_timeline ul#years, body.crossroads_werner_timeline ul#timeline {list-style-type: none; margin: 0; padding: 0;} body.crossroads_werner_timeline ul#years {background: transparent url(images/timeline_bg.png) bottom left repeat-x; height: 40px;} body.crossroads_werner_timeline ul#years li {float: left; margin-bottom: 1em;} body.crossroads_werner_timeline ul#years li a {padding: 2px 5px; height: 28px; display: block; width: 32px; text-decoration: none;} body.crossroads_werner_timeline ul#years li.activeLI a {background: transparent url(images/timeline_year_bg.png) top left no-repeat; color: white; font-weight: bold;} body.crossroads_werner_timeline ul#timeline {border-bottom: 1px solid #ccc; margin: 1.5em 0 1.5em 0;} body.crossroads_werner_timeline ul#timeline li {z-index: 2 !important; background-color: #fff;} body.crossroads_werner_timeline ul#timeline h3 { font-size: 1.4em; color:#2eb0f7;} body.crossroads_werner_timeline #content h3.timeline {font-size: 1.4em;color: #E49C16;} body.crossroads_werner_timeline #content h3.timeline strong {font-size: 1.6em;} p#icon_time {background: url(images/mat_clock.gif) no-repeat; float: left; height: 63px; margin: 0 0 10px 0; padding: 10px 0 0 65px; width: 500px;} p#icon_employment {background: url(images/mat_employers.gif) no-repeat; float: left; height: 63px; margin: 0 0 10px 0; padding: 15px 0 0 65px; width: 500px;} p#icon_social {background: url(images/mat_lock.gif) no-repeat; float: left; height: 63px; margin: 0 0 10px 0; padding: 20px 0 0 65px; width: 500px;} p#icon_license {background: url(images/mat_id.gif) no-repeat; float: left; height: 63px; margin: 0 0 10px 0; padding: 0 0 0 65px; width: 500px;} p#icon_accident {background: url(images/mat_accident.gif) no-repeat; float: left; height: 63px; margin: 0 0 10px 0; padding: 0 0 0 65px; width: 500px;} a.player{display:block;width:516px;height:326px;text-align:center;color:#fff;text-decoration:none;cursor:pointer;background:#000 url(/assets/images/flowplayer/h500.png) repeat-x 0 0;background:-moz-linear-gradient(top,rgba(55,102,152,0.9),rgba(6,6,6,0.9));-moz-box-shadow:0 0 40px rgba(100,118,173,0.5);} a.player:hover{background:-moz-linear-gradient(center top,rgba(73,122,173,0.898),rgba(6,6,6,0.898));} /* splash image */ a.player img{margin-top:125px;border:0;} a.player{margin-top:0px;} /*{{{general playlist settings,light gray */ .playlist{position:relative;overflow:hidden;height:285px !important;} .playlist .clips{position:absolute;height:20000em;} .playlist,.clips{width:200px;} .clips a{background:url(/assets/images/flowplayer/h80.png);display:block;background-color:#fefeff;padding:12px 15px;height:46px;width:195px;font-size:12px;border:1px outset #ccc;text-decoration:none;letter-spacing:-1px;color:#000;cursor:pointer;} .clips a.first{border-top-width:1px;} .clips a.playing,.clips a.paused,.clips a.progress{background:url(/assets/images/flowplayer/light.png) no-repeat 0px -69px;width:225px;border:0;} .clips a.progress{opacity:0.6;} .clips a.paused{background-position:0 0;} .clips a span{display:block;font-size:11px;color:#666;} .clips a em{font-style:normal;color:#f00;} .clips a:hover{background-color:#f9f9fa;} .clips a.playing:hover,.clips a.paused:hover,.clips a.progress:hover{background-color:transparent !important;} .clips.petrol a{background-color:#193947;color:#fff;border:1px outset #193947;} .clips.petrol a.playing,.clips.petrol a.paused,.clips.petrol a.progress{background:url(/assets/images/flowplayer/dark.png) no-repeat 0px -69px;border:0;} .clips.petrol a.paused{background-position:0 0;} .clips.petrol a span{color:#aaa;} .clips.petrol a em{color:#FCA29A;font-weight:bold;} .clips.petrol a:hover{background-color:#274D58;} .clips.petrol a.playing:hover,.clips.petrol a.paused:hover,.clips.petrol a.progress:hover{background-color:transparent !important;} .clips.low a{height:31px;} .clips.low a.playing,.clips.low a.paused,.clips.low a.progress{background-image:url(/assets/images/flowplayer/light_small.png);background-position:0 -55px;} .clips.low a.paused{background-position:0 0;} a.go{display:block;width:18px;height:18px;background:url(/assets/images/flowplayer/up.png) no-repeat;margin:5px 0 5px 105px;cursor:pointer;} a.go:hover,a.go.down:hover{background-position:0px -18px;} a.go.down{background-image:url(/assets/images/flowplayer/down.png);} .petrol a.go{background-image:url(/assets/images/flowplayer/up_dark.png);} .petrol a.go.down{background-image:url(/assets/images/flowplayer/down_dark.png);} a.go.disabled{visibility:hidden;} /* Weather Channel Styles */ #weatherbox { background:url("images/weatherbox.gif") no-repeat scroll left bottom transparent; float:right; margin:0 20px; padding:0; width:157px; } #weatherboxhead { background:url("images/weatherboxheader.gif") no-repeat scroll left top transparent; margin:0; padding:0; text-align:center; width:157px; } #weatherboxhead h3 { color: #fff; font-size:1em; font-weight:bold; height:41px; line-height:1.2em; margin:0; padding:3px 10px 3px; } #weatherboxbody { font-size:0.9em; margin:0; padding:0 10px 30px; } .weatherchannel { clear:both; margin-top:20px; padding-top:20px; text-align:right; width:100%; } .weatherchannel a { margin-right:20px; } #weathersearch #zipcode {display: block; margin: 0; padding: 0; border: 1px solic #ccc; height: 28px; width: 180px; } #content table.wowfill img { padding: 0; border: none; box-shadow: none; -moz-box-shadow: none; -webkit-box-shadow: none; } #content table.wowfill table, #content table.wowfill th, #content table.wowfill caption, #content table.wowfill td { margin: 0; padding: 0; vertical-align: top; } .wowwxPhrase { text-align: left; } #gallery_select {list-style-type: none; margin: 0; border-bottom: 1px solid #ccc; padding: 10px 0; background: #fff url(images/gallery_gradient.png) bottom left repeat-x;} #gallery_select li {float: left; margin: 0;padding: 5px 18px 0 18px; border-left: 1px solid #fff; border-right: 1px solid #ccc; } #gallery_select li.international {border-left-width: 0;} #gallery_select li.kensworth {border-right-width: 0;} #gallery_select li a {display: block; text-decoration: none; padding: 60px 0 5px 37px;} #gallery_select li.international a {background: transparent url(images/international_logo.png) top left no-repeat;} #gallery_select li.freightliner a { padding-left: 45px; background: transparent url(images/freightliner_logo.png) top left no-repeat;} #gallery_select li.peterbilt a { padding: 60px 20px 5px 55px; background: transparent url(images/peterbilt_logo.png) top left no-repeat;} #gallery_select li.kensworth a { padding: 60px 20px 5px 55px; background: transparent url(images/peterbilt_logo.png) top left no-repeat;} .gallery { display: none; height: 325px; border-bottom: 1px solid #ccc; padding: 10px 0 30px 0; background: #fff url(images/gallery_gradient.png) bottom left repeat-x; overflow: hidden;} .gallery .pager { list-style-type: none; padding: 0; margin: 0 0 0 10px; clear:left; float: left; width: 304px; position: static; top:0; right:0;} .gallery .pager li {float: left; margin: 0 0 5px 0; padding: 0; margin-right: 10px;} #content .gallery .pager li img {opacity: .5;filter: alpha(opacity=50);-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";box-shadow: 2px 2px 2px #fff; -moz-box-shadow:2px 2px 2px #fff; -webkit-box-shadow: 2px 2px 2px #fff} #content .gallery .pager li.activeLI img {opacity: 1;filter: alpha(opacity=100);-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";box-shadow: 2px 2px 2px #888; -moz-box-shadow:2px 2px 2px #888; -webkit-box-shadow: 2px 2px 2px #888} #content .gallery h4 {float: left; height: 2em; width: 300px; margin: 0 0 0 10px;} .gallery .images {float: right; margin-right: 8px; overflow: hidden; width: 379px; height: 255px; border: 1px solid #ccc;} #content .gallery .images img {border-width: 0; padding: 0; margin: 3px 0 0 3px; box-shadow: 0px 0px 0px #888; -moz-box-shadow:0px 0px 0px #888; -webkit-box-shadow: 0px 0px 0px #888;} .fixInIe {height: 0; margin: 0; padding: 0;} #content img.equip, #content p.under_gallery {margin-top: 2em;} #gallery_firstp { margin-top: 1.5em; } .mile_club {padding-left: 175px; background: transparent top left no-repeat; min-height: 151px; margin-bottom: 2em;} div#one_million {background-image: url(images/milmile_detail_medal_1.gif);} div#two_million {background-image: url(images/milmile_detail_medal_2.gif);} div#three_million {background-image: url(images/milmile_detail_medal_3.gif);} div#four_million {background-image: url(images/milmile_detail_medal_4.gif);} .mile_club ul.recognition_list, #content .mile_club h4 { list-style-type: none; display: block; margin: 0 0 0 2em; padding: 0;} .mile_club button {margin: 1em 0 0 2em;} #content .mile_club h4 {margin-bottom: .5em;} .mile_club a {margin: 1em 0 .5em 2em;} .mile_club ul.column_list { column-count:3; column-gap:40px; -moz-column-count:3; -moz-column-gap:40px; -webkit-column-count:3; -webkit-column-gap:40px; } .mile_club .view_all {display: none;} .fleetsalelocation { float:left; margin-top:2em; padding-right:10px; width:210px; } /* White Paper Styles */ #wp_download { display: none } /* Driver App Styles */ #form1 h3 { margin-bottom: .5em; } #form2 h3 { margin: .5em 0 0.5em 0; } #form1 .left, #form2 .left, .rowEmp .left { float: left; background: transparent; margin: 0 25px 20px 0; } #form1 .leftMid { float: left; background: transparent; margin: 0 25px 20px 0; width: 90px; } span.left.wide { width: 450px !important; } #form1 .right, #form2 .right { float: right; background: transparent; } #form1 .rowEven, #form1 .rowOdd, #form2 .rowEven, #form2 .rowOdd, .rowEmp { clear: both; margin-bottom: 20px; } #form1 input, #form2 input { height: 1.2em; font-size:1.2em; padding:2px 4px; width: 180px; } #form1 input.radio, #form1 input[type="radio"], #form2 input[type="radio"], #form2 input.radio { width: 20px !important; } #form1 input#suffix, #form1 input#nameMid { width: 50px; } #form1 select, #form2 select { height: 2em; margin-top: 9px; padding: 2px 0;} .rowEven h4 { margin: 2em 0 !important;} .row { clear: both; margin: 15px 0 20px 0; overflow: hidden; } /* .rowButtons { width: 100px; margin-left: 50px; background: transparent; } */ .rowExplain { margin-top: 15px; } #p1 { display: block; margin-bottom: 1.5em; } #p2 { display: none; } #p3 { display: none; } #p3a { display: none; } #p4 { display: none; } #p5 { display: none; } #p6 { display: none; } #canq1a { display: none; } .continue-row { display: block; float: right; margin-bottom: 35px; width: 400px; } .drvapprighttxt { float: left; padding-top: 13px; } #da-please-wait { display: none; } .rowEmp { clear: both; } .rowLeft { float: right; background: transparent; margin-bottom: 20px;} .rowRight { float: right; background: transparent; } #schoolInfo {display: none;} #caNote { display: none; } .rowCountry { margin-left:auto; margin-right:auto; width:350px; } .da-country-nav li { display:inline-table; } .da-country-nav { margin-top:40px; width:auto; } .da-country-usa { background-image:url("images/da-usa-btn.jpg"); background-repeat:no-repeat; display:block; height:80px; margin-right:50px; padding-top:85px; text-align:center; width:80px; } .da-country-can { background-image:url("images/da-canada-btn.jpg"); background-repeat:no-repeat; display:block; height:80px; padding-top:85px; text-align:center; width:80px; } /* Quick Quote Styles */ .freight_quote .left { float: left; background: transparent; margin: 0 25px 20px 0; width: 210px; } #formOne select { margin-top: 9px; } #formvan { display : none; } #formltl { display : none; } #formrail { display : none; } #formair { display : none; } #formocean { display : none; } #formcontact { display : none; } #thankyou { display : none; } .reqField { color: #ff0000 } .columnLeft { float: left; margin: 0 25px 20px 0; width: 210px; } .columnMiddle { float: left; margin: 0 25px 20px 0; width: 210px; } .columnRight { float: left; margin: 0 25px 20px 0; width: 210px; } #formOne a.submit { margin: 55px 60px 55px 0; } .freight_quote h4 { margin-bottom: 0.5em !important; } .freight_quote hr { margin-bottom: 0; } .freight_quote textarea { width: 210px; height: 150px; } /* Employment: Search for Positions Styles */ #displayPage, #searchResults { display: none; } h3.job_type { float: left; margin: 0 49px 25px 0 !important; width: 202px; text-align: center;} h3.job_type.last { margin-right: 0 !important; } h3.job_type a { color: #2eb0f7; font-size: 14px; font-weight: bold; } h3.job_type a:hover { color: #333; } h4.job_title { float: left; font-weight: normal !important; margin: 0 0 25px 0 !important; font-size: 1.1em; width: 251px; } h4.job_state { float: left; font-weight: normal !important; margin: 0 0 25px 0 !important; font-size: 1.1em; width: 151px; } h4.job_or { width: 100px; float: left; padding-right: 30px; } a.office_account_execs { background: transparent url(images/office_account_execs.jpg) no-repeat 0 0; border: 1px solid #ccc; box-shadow: 2px 2px 2px #888; cursor: pointer; display: block; height: 152px; margin-bottom: .5em; -moz-box-shadow:2px 2px 2px #888; text-indent: -9999px; width: 202px; -webkit-box-shadow: 2px 2px 2px #888; } a.office_account_execs:hover { background: transparent url(images/office_account_execs.jpg) no-repeat 0 -152px; } a.office_account_execs_active { background: transparent url(images/office_account_execs.jpg) no-repeat 0 -152px; border: 1px solid #ccc; box-shadow: 2px 2px 2px #888; cursor: pointer; display: block; height: 152px; margin-bottom: .5em; -moz-box-shadow:2px 2px 2px #888; text-indent: -9999px; width: 202px; -webkit-box-shadow: 2px 2px 2px #888; } a.fleet_maintenance { background: transparent url(images/fleet_maintenance.jpg) no-repeat 0 0; border: 1px solid #ccc; box-shadow: 2px 2px 2px #888; cursor: pointer; display: block; height: 152px; margin-bottom: .5em; -moz-box-shadow:2px 2px 2px #888; text-indent: -9999px; width: 202px; -webkit-box-shadow: 2px 2px 2px #888; } a.fleet_maintenance:hover { background: transparent url(images/fleet_maintenance.jpg) no-repeat 0 -152px; } a.fleet_maintenance_active { background: transparent url(images/fleet_maintenance.jpg) no-repeat 0 -152px; border: 1px solid #ccc; box-shadow: 2px 2px 2px #888; cursor: pointer; display: block; height: 152px; margin-bottom: .5em; -moz-box-shadow:2px 2px 2px #888; text-indent: -9999px; width: 202px; -webkit-box-shadow: 2px 2px 2px #888; } a#driving_opportunities { background: transparent url(images/driving_opportunities.jpg) no-repeat 0 0; border: 1px solid #ccc; box-shadow: 2px 2px 2px #888; cursor: pointer; display: block; height: 152px; margin-bottom: .5em; -moz-box-shadow:2px 2px 2px #888; text-indent: -9999px; width: 202px; -webkit-box-shadow: 2px 2px 2px #888; } a#driving_opportunities:hover { background: transparent url(images/driving_opportunities.jpg) no-repeat 0 -152px; } #job_search2 select { font-size: .8em; } #job_search2 .submit { float: right; margin: 13px 0 0 0; } #jobSearchForm { display: none; } #searchResults { width: 680px; margin: 10px 0 0 0; padding: 6px 15px; border: 1px solid #ccc; border-right: 1px solid #999; border-bottom: 1px solid #999; box-shadow: 2px 2px 2px #888; -moz-box-shadow:2px 2px 2px #888; -webkit-box-shadow: 2px 2px 2px #888; background: #fefefe; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f4f3f3', endColorstr='#ffffff'); /* for IE */ background: -webkit-gradient(linear, left top, left bottom, from(#f4f3f3), to(#ffffff)); /* for webkit browsers */ background: -moz-linear-gradient(top, #f4f3f3, #ffffff); /* for firefox 3.6+ */ } #searchResults h5 { color: #212e5a; font-size: 1.25em; margin: 0 0 1em 0; width: 100% !important;} .resHeaders .resCol1 { margin-bottom: 0; } .resHeaders .resCol1, .resHeaders .resCol2, .resHeaders .resCol3 { font-size: .8em; } .results_header { color: #666; font-size: .85em; float: left; margin: 0 190px 0 0; } .results_header.last { margin-right: 0 !important; } .resCol1 { float: left; width: 415px; margin-bottom: 1.45em; } .resCol2 { float: left; width: 130px; } .resCol3 { float: left; width: 130px; } .jobTitle a { color: #fdb508; font-size: 1.1em; font-weight: bold; } .jobTitle a:hover { color: #333; font-weight: bold; } .jobDesc { display: block; } .jobHours { font-weight: bold; } .jobLoc { color: #333; } .jobDate { color: #333; } .jobButton a { color: #2eb0f7; } .jobButton a:hover { color: #333; } #jobTitle { margin: 0 0 25px 0; } #titleHolder { color: #fdb508; font-size: 1.4em; font-weight: bold; } #sumHolder{ float: left; margin: 0 32px 25px 0; width: 150px; } #aboutHolder{ float: left; margin: 0 32px 25px 0; width: 480px; } #displayPage .back_btn { float: right; margin: 0 0 25px 0; } #displayPage .header { color: #212e5a; float: left; font-weight: bold; margin: 0 110px 5px 0; font-size: 1.1em; } #displayPage .sub_header { color: #333; font-weight: bold; font-size: 1em; } #searchResultsZip { display: none; } #searchResultsZip { margin: 0; padding: 6px 15px; font-size: .8em; border: 1px solid #ccc; border-right: 1px solid #999; border-bottom: 1px solid #999; box-shadow: 2px 2px 2px #888; -moz-box-shadow:2px 2px 2px #888; -webkit-box-shadow: 2px 2px 2px #888; background: #fefefe; /* filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f4f3f3', endColorstr='#ffffff'); */ /* for IE */ /* background: -webkit-gradient(linear, left top, left bottom, from(#f4f3f3), to(#ffffff)); */ /* for webkit browsers */ /* background: -moz-linear-gradient(top, #f4f3f3, #ffffff); */ /* for firefox 3.6+ */ } #searchResultsSchool h5 { color: #212e5a; font-size: 1.25em; margin: 0 0 1em 0; width: 100% !important;} #result-table_length { display: none; } #result-table_paginate { display: none; } #result-table_info { display: none; } .resHeaders .resSchoolCol1, .resHeaders .resSchoolCol2, .resHeaders .resSchoolCol3, .resHeaders .resSchoolCol4, .resHeaders .resSchoolCol5 { margin-bottom: 0;} .resSchoolCol1 { float: left; width: 40%; margin-bottom: 1.45em; } .resSchoolCol1 .schoolTitle { font-weight: bold; } .resSchoolCol2, .resSchoolCol3, .resSchoolCol4, .resSchoolCol5 { float: left; width: 19%; } /* Available Loads Styles */ #LoadTables th { font-size: 12px; background-color: #212e5a; color: #fff; } #LoadTables td { font-size: 12px; } .department_information .view_all {display: none;} /* Credit App Styles */ #credit_application .left { float: left; background: transparent; margin: 0 25px 20px 0; width: 210px; } #credit_application hr { margin-bottom: 0; } .requiredStar { color: #ff0000; } #credit_application input { height: 1.8em; } #credit_application select { height: 2.1em; } #credit_application input.submit, input #NEXT.submit {color: white; text-transform: uppercase; margin: 10px 4px 0 0; padding: 4px 8px; float: right; background: #2eb0f7; border: 1px solid #ccc; border-right: 1px solid #999; border-bottom: 1px solid #999; text-decoration: none; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#88d4fe', endColorstr='#2eb0f7'); /* for IE */ background: -webkit-gradient(linear, left top, left bottom, from(#88d4fe), to(#2eb0f7)); /* for webkit browsers */ background: -moz-linear-gradient(top, #88d4fe, #2eb0f7); /* for firefox 3.6+ */ height: 2em; cursor: pointer;} #credit_application input.submit:hover, #employment_application input.submit:hover {-webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; background: #68b4de; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#68b4de', endColorstr='#2eb0f7'); /* for IE */ background: -webkit-gradient(linear, left top, left bottom, from(#68b4de), to(#2eb0f7)); /* for webkit browsers */ background: -moz-linear-gradient(top, #68b4de, #2eb0f7); /* for firefox 3.6+ */ height: 2em; cursor: pointer;} /* Carrier Sign-up Styles */ #csu-form {display: block;} #csu-thankyou {display: none;} #acc-fq-result { display: block; } body#investors #content img {box-shadow: 0px 0px 0px #888; -moz-box-shadow:0px 0px 0px #888; -webkit-box-shadow: 0px 0px 0px #888;} #searchLoading { background: url(images/ajax-loader.gif) no-repeat center; display: none; margin-left: auto; margin-right: auto; width:100%; height: 35px; } .videoWindow { margin: 0 auto; text-align: center; background-color: #000; } .mmItem { width: 485px; margin-bottom: 15px; clear: both; display: block; height: 165px; } .mmLeft { float: left; } .mmRight { width: 270px; float: left; margin-left: 10px; } .faq-question { font-weight: bold; } .doc-library { list-style: none; } .doc-library li { padding-left: 25px; padding-top: 3px; background-image: url(/assets/images/pdf.gif); background-repeat: no-repeat; background-position: 0 .25em; } #driver_login.login input {display: block; font-size:1.2em; height:1.2em; margin: 0; padding:2px 4px; width: 180px;} #driver_login.login .input_pair {float: left; margin: 0 32px 16px 0; width: 180px; } #driver_login.login input.submit {float: right; width: auto; margin: 1.4em 35px 0 0; color: white; background: #2eb0f7; font-weight: strong; font-size: 1.1em; padding: 2px 8px; border: 1px solid #ccc; cursor: pointer; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#88d4fe', endColorstr='#2eb0f7'); /* for IE */ background: -webkit-gradient(linear, left top, left bottom, from(#88d4fe), to(#2eb0f7)); /* for webkit browsers */ background: -moz-linear-gradient(top, #88d4fe, #2eb0f7); /* for firefox 3.6+ */ height: 1.8em;} #driver_login.login input.submit:hover {background-color: #414e7a;} #driver_login.login input.submit:active {background-color: #9a9eca;} #carriers.signup .submit_row { width: 100%; } #carriers.signup .submit_row a.submit { margin-right: 80px; } .driverAppSubmit {width: auto; margin: 1.4em 35px 0 0; color: white; background: #2eb0f7; font-weight: strong; font-size: 1.1em; padding: 2px 8px; border: 1px solid #ccc; cursor: pointer; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#88d4fe', endColorstr='#2eb0f7'); /* for IE */ background: -webkit-gradient(linear, left top, left bottom, from(#88d4fe), to(#2eb0f7)); /* for webkit browsers */ background: -moz-linear-gradient(top, #88d4fe, #2eb0f7); /* for firefox 3.6+ */ height: 1.8em;} #welcome_video #content { margin-left: 200px; height: 500px; width: 550px; } #welcome_video #content #skip_link { float: right; } #industry_video #content { margin-left: 50px; height: auto; width: 100%; } #industry_video #content #skip_link { float: right; } #body_video #content { margin-left: 160px; height: 500px; width: 650px; } #body_video #content #skip_link { float: right; margin-top: 2em; } #body_video #content #blackberry_link { margin-top: 1em; } #drive_werner #content { margin-left: 200px; height: 560px; width: 550px; } #da-printable { display: none; } #fmc #content { margin-left: 200px; height: 500px; width: 550px; } .mango_logo { background-image: url(/assets/images/solutions/freight_management/magno_logo.jpg); display: block; width: 170px; height: 90px; padding-right:8px; padding-bottom: 2px; float: left; background-repeat: no-repeat; text-indent: -9999px; } .chat_recruiter { margin-top: 15px; } body.schoolsearch {background-color: #fff; font-size: 1em; text-transform: none; color: #333; padding: 4px 15px; margin: 0;} .schoolsearch h2 { color: #E49C16; font-weight: bold; margin-bottom: .25em; text-transform: capitalize; } body.opportunities { background-color: #fff; font-size: 1em; text-transform: none; color: #333; padding: 4px 15px; margin: 0; } .opportunities h2 { color: #E49C16; font-weight: bold; text-transform: capitalize; } #map-holder { width: 550px; float: left; } #opp-results { width: 99%; display: none; } #opp-holder { float: right; width: 220px; -moz-box-shadow: 2px 2px 2px #888888; background: -moz-linear-gradient(center top , #F4F3F3, #FFFFFF) repeat scroll 0 0 transparent; border-color: #CCCCCC #999999 #999999 #CCCCCC; border-style: solid; border-width: 1px; font-size: 0.8em; margin: 30px 0 0; padding: 6px 15px; } #state-total, #state-name { font-weight: bold; color: #E49C16; font-size: 1.75em; } #btn_driving_schools {float: left; width: 220px; margin: 0 auto; text-align: center; padding: 5px; border-right: 1px solid #ccc; } #btn_driving_ops { float: left; width: 220px; margin: 0 auto; text-align: center; padding: 5px; } #student-landing-options { width: 99%; overflow: auto; border-bottom: 1px solid #CCC; margin: 10px 0 25px 0; padding-bottom: 10px; } #btn_driving_schools img, #btn_driving_ops img, #driver_opportunities_content_btn img { margin-bottom: 10px; } #btn_driving_schools a.submit, #btn_driving_schools a.submit:hover, #btn_driving_ops a.submit, #btn_driving_ops a.submit:hover, #driver_opportunities_content_btn a.submit, #driver_opportunities_content_btn a.submit:hover { float: none; padding: 6px 8px; } textarea.accDesc {width:390px;height:85px;padding:5px;} textarea.vioDesc {width:390px;height:85px;padding:5px;} .tablesorter { width: 100% !important; } /* Back Haul Styles */ #content img#map_usa { padding: 3px; border: none; box-shadow: none; -moz-box-shadow: none; -webkit-box-shadow: none; } body#backhaul a { color: #2EB0F7; } h2.backhaul { font-size: 1.52em !important; } h3#backhaul_subtitle { font-size: 1.0em; margin-top: -10px; text-align: left; } #dialog, #dialog-form, #map_mexico_container, #noImg { display: none; } #backhaul #content { padding-left: 30px; width: 960px; } #backhaul #main_body .container { height: 800px; } #backhaul_top { background: transparent url(images/backhaul_modal_top.png) no-repeat top left; overflow: hidden; width: 887px; } h2#backhaul_title { color: #212e5a; float: left; font-size: 23px; font-weight: bold; margin: 0 0 0 12px; padding: 10px 0 0 10px; } ul#sidelinks { float: right; list-style-type: none; margin: 10px 0 0 !important; width: 520px; font-size: 13px; } ul#sidelinks li { float: left; } ul#sidelinks li a { color: #2eb0f7; font: 15px bold "HelveticaNeue", Helvetica, Arial, sans-serif; margin-right: 15px; } ul#sidelinks li a img { float: left; margin-right: 5px; text-decoration: underline; } #backhaul_mid { background-color: #91e8bc; padding: 14px 22px; height: 564px; width: 843px; overflow: hidden; } #backhaul_mid img { border: 1px solid #fff; } #backhaul_btm { background: transparent url(images/backhaul_modal_btm.png) no-repeat top left; height: 20px; padding-top: 20px; width: 887px; text-align: left; } #backhaul_btm a img { float: left; margin-right: 5px; text-decoration: underline; } #backhaul_legend { z-index: 100; position: absolute; margin: 162px 0 0 27px; border: 1px solid #999; background: transparent url(/assets/images/backhaul/legend_new.gif) no-repeat top left; height: 132px; width: 180px; } #legend-link { font-size: .7em; color: #212E5A !important; text-decoration: none; display: block; margin-bottom: 10px; height: 18px; text-align: left; } .legend-link-text { padding-top: 2px; margin-top: 2px; display: block; } #legend-link img { float: left; margin-right: 5px; text-decoration: underline; } #inbound_link.disabled a, #outbound_link.disabled a { color: #ccc; cursor: default; text-decoration: none; } #select_country_container { background-color: #fff; width: 920px; } #select_country_container h3{ float: left; margin-bottom: 15px; } #select_country_container p { float: left; width: auto; /*width: 500px;*/ } ul#select_country { list-style-type: none; float: left; } ul#select_country li { float: left; margin-left: 15px; } ul#select_country li img { border: none; margin-right: 5px; padding: 0; text-decoration: none; box-shadow: none; -moz-box-shadow: none; -webkit-box-shadow: none; } #country_btn_holder { box-shadow: 1px 1px 2px #888; -moz-box-shadow: 1px 1px 2px #dfdfdf; -webkit-box-shadow: 1px 1px 2px #888; background: #F4F3F3; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#F4F3F3', endColorstr='#ffffff'); /* for IE */ background: -webkit-gradient(linear, left top, left bottom, from(#F4F3F3), to(#ffffff)); /* for webkit browsers */ background: -moz-linear-gradient(top, #F4F3F3, #ffffff); /* for firefox 3.6+ */ border: 1px solid #ccc; margin: 0 0 0 20px; padding: 15px 15px 5px; float: left; width: 290px; } #map_mexico_container { background-color: #fff; width: 907px; } p#options_message { background-color: #fff; /* text-align: right; */ } p#neighbor_message { margin-top: -25px; text-align: right; } .ui-dialog #dialog-form { background-color: #fff; padding: 2px; margin: 0 0 0 105px; padding: 2px; height: 525px !important; width: 683px !important; -moz-border-radius: 4px 4px 0 0; } .ui-dialog #dialog2 { background-color: #fff; padding: 2px; margin: 0; overflow: hidden; border-radius: 4px; -moz-border-radius: 4px; -webkit-border-radius: 4px; } textarea#commodity { height: 218px; width: 300px; } #dialog2 { display: none; } #dialog2_content { overflow: hidden; } #dialog_form_sections { clear: both; padding-left: 10px; } #dialog_form_left, #dialog2_content_left { float: left; width: 50%; } #dialog_form_right, #dialog2_content_right { float: right; width: 50%; } #dialog_form_left { height: 540px; } #dialog_form_right { height: 540px; width: 48%; } #dialog2 p { padding-left: 1em; text-align: left; } #dialog2 ul { padding-left: 2em; text-align: left; } #dialog2 li { margin-bottom: 5px; } #dialog-form fieldset{ background-color: #fff; border: none; margin: 0; padding: 3px 0 0 15px; /* width: 350px !important; */ } .ui-dialog #dialog-form .ui-dialog-titlebar { padding: .4em 1em; position: relative; display: block; } #dialog-form label, #dialog-form input { display: block; text-align: left; } #translate-nav { width: 100%; text-align: right; text-align: right; padding: 15px 0 15px 0; clear: both; font-size: 11px; margin-top: -25px; } #dialog-form input[type=radio] { display: inline; margin-bottom: 15px; } #dialog-form .validateTips { color: #f00; margin: 10px 0 0 10px; border: 1px solid transparent; padding: 0.3em; } p#options_message .ui-state-default { border: 1px solid #cccccc; background: #f6f6f6 url(ui-lightness/images/ui-bg_glass_100_f6f6f6_1x400.png) 50% 50% repeat-x; font-weight: bold; color: #1c94c4; } p#options_message .ui-state-default a, .ui-state-default a:link, .ui-state-default a:visited { color: #1c94c4; text-decoration: none; } p#options_message .ui-state-hover, #dialog2 button:hover { border: 1px solid #fbcb09; background: #fdf5ce url(ui-lightness/images/ui-bg_glass_100_fdf5ce_1x400.png) 50% 50% repeat-x; font-weight: bold; color: #c77405; } .ui-state-focus, .ui-widget-content .ui-state-focus, .ui-widget-header .ui-state-focus{ border: 1px solid #cccccc !important; background: #f6f6f6 url(images/ui-bg_glass_100_f6f6f6_1x400.png) 50% 50% repeat-x !important; font-weight: bold; color: #2eb0f7 !important; } body#backhaul .ui-state-hover, body#backhaul .ui-widget-content .ui-state-hover, body#backhaul .ui-widget-header .ui-state-hover { background: url("images/ui-bg_glass_100_fdf5ce_1x400.png") repeat-x scroll 50% 50% #FDF5CE !important; border: 1px solid #FBCB09 !important; color: #C77405 !important; font-weight: bold; } #dialog-form .ui-dialog .ui-state-error { padding: .3em; } #date_format, #phone_format { color: #999; font-weight: normal; } /* input#date_pickup, input#date_delivered { width: 150px; } */ #mobile_accident { padding: 10px; } .breaking-news { margin: 0 0 25px 0 !important; } #ui-datepicker-div { background-color: #FFFFFF !important; border: 1px solid #BBBBBB; } .ui-datepicker-title { text-align: center; } .ui-datepicker-prev { float: left; } .ui-datepicker-next { float: right; } .videoTraineeWindow { padding: 5px 15px; text-align: left; background-color: #FFF; } #mgmntForm { display: block; width: 350px; border: 1px solid #999; padding: 10px; margin: 30px auto; float: right; background-color: #FFF; -webkit-box-shadow:0 5px 10px rgba(0, 0, 0, 0.7); -moz-box-shadow:0 5px 10px rgba(0, 0, 0, 0.7); box-shadow:0 5px 10px rgba(0, 0, 0, 0.7); } #mgmntInfo { margin: 30px auto; float: left; width: 350px; background-color: #FFF; padding: 10px; border: 1px solid #999; -webkit-box-shadow:0 5px 10px rgba(0, 0, 0, 0.7); -moz-box-shadow:0 5px 10px rgba(0, 0, 0, 0.7); box-shadow:0 5px 10px rgba(0, 0, 0, 0.7); } #formlink { margin: 0 auto !important; text-align: center; } #formlink a { background: #ffcc66; background: -moz-linear-gradient(center top , #ffcc33, #ffcc66) repeat scroll 0 0 transparent; border-radius: 3px 3px 3px 3px; color: #000; cursor: pointer; margin-left: 8px; padding: 4px 10px 4px; -webkit-box-shadow:0 5px 10px rgba(0, 0, 0, 0.7); -moz-box-shadow:0 5px 10px rgba(0, 0, 0, 0.7); box-shadow:0 5px 10px rgba(0, 0, 0, 0.7); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffcc33', endColorstr='#ffcc66'); /* for IE */ } #playlist_wrap { margin: 0 0 0 50px; } #playlist_top { margin: 0 0 10px 90px; font-weight: bold; color: #ffcc33; } #mgmntForm .set { clear: both; } #mgmntForm .set input { float: right; margin: 10px 20px; } #mgmntForm .set label { float: left; margin: 10px 30px; } #mgmntForm #submit_row { padding: 10px 0; } h6.reqField { color: red; margin-left: 30px; } #thankyouForm { display: none; color: green; margin: 20px 0 0 30px; } .photo-caption { font-size: 11px; color: #6E6E6E; background-color: #EDEDED; border: 1px solid #35509C; padding: 4px; margin-top: -20px; width: 470px; }