/*------JOBS FOR TRUCKERS | BASE STYLE
 
Colors
orange:         #ff7200 
heading blue:   #456E8B
link blue:      #01375D 

------*/

/*------MAIN------*/

HTML {	
	background:url(images/body-bg.jpg) repeat-x;
	padding:0px;
	margin:0px;
	height:100%;
	font-family:"Tahoma","Helvetica";
	font-size:12px;}

BODY {
	background:;
	height:100%;
	width:100%;
	margin:0px auto;
	padding:0px;}

#mainContainer {
	margin:10px auto;
	padding:0;;
	width:1024px;
	min-height:auto;
	position:relative;}

#mainBuffer {
  	width:1024px;}

.clearer {
	clear:both;}
	
img {
	border:none;}	
	
a {
	color:#1F6CD6;
	text-decoration:underline;}	
	
a:hover {
	cursor:pointer;}
	
ul {
	list-style:outside;}
	
h1 {
	padding:0 0 0 10px;}

h2 {
	height:auto;}

h3 {
	font-size:14px;}
	
p {
	font-size:12px;
	margin:10px;}
	
.link {
	font-size:13px;
	color:#2974a2;}
	
.left {
	display:block;
	float:left;}
	
.highlight {
	font-weight:bold;}
	
/*------TOP BAR------*/
	
#topBar {
	width:100%;
	background:#88b4d3;
	border-bottom:1px solid #ff7200;
	height:20px;
	margin:0 0 0 1px;}
	
.topLinks {
	position:absolute;
	top:-30px;
	left:0px;
	width:1024px;
	margin:0px auto;}	
	
.topLinks li {	
	display:block;
	padding:2px 10px 0 10px;
	text-transform:uppercase;
	font-size:11px;
	float:left;}

.topLinks li a {
	color:#000;}
	
/*------HEADER------*/

.topBanner {
	width:745px;
	height:75px;
	background:#454545;
	padding:3px 0 0 0;}
	
.topBanner .applyBanner {
	border:1px solid #414141;
	position:relative;
	margin:0px auto;
	width:468px;
	height:60px;}

.header {
	background:#484848 url(images/header-bg.jpg) repeat-x bottom;
	border-top:1px solid #ff7200;
	width:745px;
	height:90px;
	margin:0 0 0 0;}
	
.header .buffer {
	width:745px;
	height:;}
	
.logo {
	display:relative;
	padding:33px 0 0 15px;}

/*------NAV------*/

#nav {
	background:url(images/nav-bg.jpg) repeat-x;
	width:745px;
	height:40px;
	text-transform:uppercase;
	font-weight:bold;
	margin:0;
	padding:0px;
	position: absolute;
	left: 128px;
	top: 85px;
	z-index:999;
	float: left;
	font-size:12px;
}
	
.nav-bottom {
	margin:0px;	
	width:745px;
	height:7px;
	background:url(images/nav-bottom.png) no-repeat bottom;
	position: absolute;
	left: 128px;
	top: 125px;
}

#nav ul{
	margin:0;
	float:left;
	padding:0;}

#nav ul li {
	display:block;
	float:left;
	margin:12px 0 0 0;
	height:27px;
	position:relative;
	padding-left:18px;}

#nav ul li a {	
	color:#01375d;
	display:block;
	border-right:1px solid #478bbb;
	padding-right:18px;
	height:14px;}
	
#nav ul li ul {
	display:none;}
	
#nav ul li:hover ul {
	background:#96CAEF;
	display:block;
	position:absolute;
	width:170px;
	top:27px;
	left:0px;
	z-index:99;
	margin:0px;
	padding:0px;}
	
#nav ul li ul li {
	display:block;
	float:left;
	margin:0px;
	border-bottom:1px solid #478bbb;
	line-height:24px;
	width:170px;}
	
#nav ul li ul li a {
	color:#01375d;
	border-right:none;
	padding:0px;
	margin:0px;
	padding:0px 7px;}
	
	
#nav .socialContainer {
	background:url(images/social-bg.jpg) repeat-x;
	height:59px;
	width:145px;
	float:right;}	
	
#nav .socialContainer .connect {
	display:block;
	float:left;
	color:#eee;
	padding:23px 0 0 10px;}
	
#nav ul.social {
	height:59px;
	width:50px;
	float:right;
	margin:0 0 0 0;
	padding:7px 2px 0 0;}
	
#nav ul.social li {
	border:none;
	display:block;
	float:left;
	margin:0px;
	width:22px;
	height:22px;
	padding:0 2px 2px 0;}

#nav ul.social li:hover {
	background:none;}
	
#nav ul li.page-item-13 {
	border-right:none;}
	
#nav ul li ul li.page-item-18 {
	}
	
	
/*------PAGE DATA------*/

#pageData {
	display:block;
	float:left;
	width:745px;
	margin:1px 8px 0 8px;
	position:relative;}
	
.sidebar-left, .sidebar-right {
	display:block;
	float:left;
	width:120px;
	margin:0px;}
	
	
.sidebar-top-banners{
	width:733px;
	position:absolute;
	top:135px;
	z-index:999;
	left:6px;
}
	
.small-banner{
	width:120px;
	height:60px;
	float:left;
	margin:0 1px;
}

.lrgBanner {
	margin:0 0 8px 0;
	border:1px solid #4A4D4F;}
	
.lrgBanner {
	width:120px;
	height:240px;}

.row {
	margin:10px;}
	
.videos {
	position:relative;
	margin:0px auto;}
	
.mainContent {
	color:#1a1a1a;
	position:relative;
	margin: 40px auto 0px auto;
	padding:68px 0 10px 0;
	background:#fff;
	width:733px;}
	
.leftBox, .rightBox {
	display:block;
	float:left;}

.leftBox {
	width:430px;
	margin:0 10px 0 0;}	

.leftBox p {
	margin:10px;}
	
.rightBox {
	width:290px;
	margin:10px 0 0 0;}

.rightBox p {
	margin:0 0 0 10px;}
	
.rightBox .featured h3 {
	margin:10px 0 0 10px;
	font-size:11px;
	text-transform:uppercase;} 
	
.rightBox .featured a {
	color:#375682;}
	
.rightBox .featured h3 a {
	color:#007eff;
	margin-left:0px;
	text-decoration:underline;}

/*------HEADINGS------*/

.mainContent h1 {
	color:#456E8B;
	text-transform:none;}

h2 {
	margin-left:10px;
	font-size:18px;
	color:#456e8b;}
	
.mainContent h3 {
	margin:10px 0 10px 10px;}
	
/*------INTERNAL------*/
 
.column1 ul {
	margin-left:-30px;}
	
/*------REVIEW COMPANIES (trucking companies)------*/	
	
ul.reviewType {
	margin:0 10px 0 -30px;}	
	
ul.reviewType li {
	font-size:14px;}

ul.reviewType li a {	
	color:#2974a2;}
	
ul.reviewType li a:hover {
	text-decoration:underline;}
	
ul.reviewState {
	width:600px;}

ul.reviewState li {
	font-family:"Helvetica"
	display:block;
	float:left;
	font-size:15px;
	border:1px solid #dadada;
	margin:0 4px 4px 0;
	padding:5px 0 0 0;
	width:30px;
	height:25px;
	text-align:center;
	background:#eee;
	list-style:none;
	}
	
ul.reviewState li:hover {
	}
	
ul.reviewState li:hover a {
	color:#456E8B;}
	
/*------JOB SEARCH------*/

form.jobSearch .field {
	margin:15px 0 15px 10px;}

form.jobSearch .field_name {
	font-size:15px;}

form.jobSearch .submit {
	margin-left:8px;}
	
form.jobSearch select {
	color:#2974a2;
	font-size:15px;}

	
/*------COMPANY LISTINGS------*/
	
.row1 {
	border-bottom:1px dashed #999;}	
	
.row2 {
	border-bottom:1px dashed #999;}	
	
.view {
	float:right;}
	
.searchRow {
	margin:0 0 0 10px;
	width:700px;
	padding:5px;}
	
.searchRow:hover {
	background:;}
	
.searchRow:hover .companyName {
	}	
	
.companyName {
	color:#313131;}
	
/*------COMPANY PROFILE------*/
	
.companyTitle, .overviewTitle {
	margin:10px 0 10px 0;
	padding:0 0 8px 10px;
	color:#313131;
	height:21px;
	font-size:22px;
	700px;
	height:auto;
	background:url(images/grey-bg.jpg) repeat-x bottom;
	border-bottom:1px solid #2974a2;}
	
.profileSection {
	margin:10px;}
	
.profileSection h3 {
	font-size:16px;
	margin:0 0 7px 0;
	border-bottom:1px solid #999;}
	
.profileSection h4 {
	margin:2px 0 0 0;
	font-size:15px;
	font-weight:normal;
	color:#2974a2;}
	
.profileSection span {
	margin:0px;
	padding:0px;
	height:25px;
	font-size:14px;
	color:#313131;}

.profileState {
	width:200px;
	color:#2974a2;}
	
.profileSection span.yes {
	font-weight:bold;}

/*------COMPANY OVERVIEW------*/

#overviewSection {
	margin:0;}
	
#overviewSection h3 {
	font-size:21px;
	margin:0 0 7px 0;
	border-bottom:1px solid #2974a2;
	background:url(images/grey-bg.jpg) repeat-x bottom;}
	
#overviewSection ul li {
	margin:0 0 0 20px;
	list-style:circle;}	
	
#overviewSection p {
	margin:0 0 0 10px;}
	
#overviewSection p b, #overviewSection b {
	margin:0;
	font-size:15px;
	font-weight:normal;
	color:#2974a2;}
	
#overviewSection b {
	margin:0 0 0 10px;}
	
#overviewSection li b {
	margin-left:0px;}
	
/*------JOB POSTINGS------*/
	
.postings h3 {
	margin:10px 0 6px 0;
	background:url(images/grey-bg.jpg) repeat-x bottom;
	border-bottom:1px solid #999;
	height:auto;
	font-size:16px;
	height:25px;
	padding:10px 0 0 10px;}
	
.expand {
	height:auto;
	max-height:300px;
	overflow:scroll;
	border:1px dashed #999;}
	
.postBox {
	margin:10px;
	padding:0;
	font-size:14px;
	color:#2974a2;
	}
	
.posthd {
	width:600px;}
	
.posthd span {
	font-weight:bold;
	font-size:12px;
	color:#1f1f1f;
	width: 100%;}
.mainContent table {
	width: 100%;}	
.postBox .postTitle {
	font-size:14px;}
	
.g-left {
	display:block;
	float:left;
	background:url(images/g-middle.jpg) repeat-x;
	padding:0 0 5px 0;
	margin-right:10px;
	width:auto;
	height:38px;}
	
.g-middle {
	background:url(images/g-left.jpg) no-repeat left;
	padding-left:0 0 0 12px;
	width:auto;
	height:38px;}
	
.g-right {
	background:url(images/g-right.jpg) no-repeat right;
	padding:0px;
	width:auto;
	height:38px;}
	
.button {
	width:auto;
	padding:10px 15px 0 15px;
	margin:0;
	font-weight:bold;
	color:#2974a2;
	height:28px;}	
	
.postBox .g-left {
	float:right;}

.singlePosting p a {
	font-size:13px;
	color:#2974a2;}
	
.singlePosting h4 {
	margin:10px;
	font-size:15px;}
	
.singlePosting strong {
	font-size:14px;}

.singlePosting hr {
	border:none;
	border-top:1px solid #999;}
	
p.datePosted {
	font-size:22px;
	margin:0 0 8px 0;}
	
	
/*------FOOTER------*/

#mainFooter {
	border-top:1px solid #456E8B;
	width:970px;
	height:20px;
	margin:10px auto;
	padding:10px 0 0 0;}
	
#mainFooter .buffer {
	}
	
#mainFooter .siteTitle {
	padding:10px;
	float:right;}

#mainFooter .keywords {
	float:left;
	padding:1px;
}
#mainFooter .keywords h1{ 
	font-size: 12px; 	
	font-weight:normal;
	margin-right: 4px;
}
#mainFooter h1.keywords a{
	color:black;
	text-decoration:none;
}

.states{
	font-size:12px;
	padding-left:0px;
}
.states A{
	color:#1F6CD6;
	text-decoration:none;
}
.states A:hover{
	cursor:pointer;
	color:black;
}
.states A:visited{
	text-decoration:underline;
}
.states UL{
	float:none;
	text-align:center;
	width:100%;
	color:white;
	margin-top:2px;
	margin-left:-36px;
}
.states UL LI{
	float:left;
	padding:1px 2px;
}
			

/*------FOOTER BANNERS------*/

.btn-banner{
float:left;
width:88px;
height:37px;
margin:0 7px 0 0;
border:1px solid #4A4D4F;
}

.btn-banner-last{
float:left;
width:88px;
height:37px;
margin:0;
border:1px solid #4A4D4F;
}

	
/*------PRINT SPONSORSHIPS------*/

.sponsorships {
	background:#eee;	
	border-top:1px dashed #999;
	border-bottom:1px dashed #999;
	padding:0 0 5px 0;
	margin-bottom:10px;}

.sponsorships h2 {
	background:none;
	color:#313131;
	margin:0px;
	padding:10px 0 0 15px;}
	
.sponsorships h3 {
	margin:6px 0 0 10px;}
	
.sponsorships a {
	color:#073C5B;}

.sponsored {
	margin:0px;
	padding:2px 5px 2px 5px;}
	
.sponsored p {
	margin:0 5px 3px 10px;}
	
/*------CO/OO PAGES------*/

ul.requirements li {
	margin-left:30px;
	padding:5px;}
	
/*------TOP JOBS------*/

.banner_box {
	display:block;
	float:left;
	width:300px;
	background:#eee;	
	border-bottom:1px solid #999;
	padding:0px;
	margin:10px 10px 0 10px;}
	
.premierBanner {
	margin:10px 0 0 10px;
	border:1px solid #e1e1e1;
	width:120px;
	height:60px;}
	
.banner_boxes .viewProfile {
	margin:0px 0 0 10px;}

/*------APP------*/

.app_section {
	border-top:1px dashed #01375D;
	padding-bottom:10px;}

.field {
	font-size:12px;
	margin:10px;}
	
.field_name {
	font-family:"Helvetica";
	font-weight:bold;
	margin-bottom:2px;
	color:#333;}

.required {
	color:red;}
	
.app_section h3 {
	color:#456E8B;}
	
input {
	color:#073C5B;
	font-size:14px;}
	
.app .mainContent {
	padding-top:10px;
	margin-top:0px;}
	
.app .mainContent h3 {
	font-size:12px;
	font-weight:normal;}
	
.app .mainContent h2 {
	margin-top:40px;
	font-size:20px;
	font-weight:normal;}
	
.checkbox {
	width:110px;
	display:block;
	float:left;}
	
.leftBlock {
	width:350px;
	display:block;
	float:left;}
	
.rightBlock {
	width:350px;
	display:block;
	float:left;}

.teamPref {
	font-size:11px;
	font-weight:bold;}

.app .mainContent .app_section h3 {
	font-weight:bold;
	font-size:14px;
	background:#eee;
	margin-left:0px;
	padding:5px 0px 5px 10px;
	border-bottom:1px solid #999;
	color:#456E8B;}

/*------CONTACT------*/

.cform ol li span {
	text-align:right;}
	
.cform ol li input, .cform textarea {
	display:block;}

ol {
	margin-left:-30px;
	list-style:none;}

.linklove, .cf_hidden {
	display:none;}
	
.reqtxt, .emailreqtxt {
	font-weight:bold; 
	color:#ff7200;}
	
#usermessagea {
	margin-left:10px;
	font-weight:bold;}
	
/*------MAGAZINE ARCHIVES------*/

.cover {
	display:block;
	float:left;
	margin:10px;
	width:auto;}
	
.cover img {
	padding:3px;
	border:1px solid #999;}
	
.archive-search {
	display:block;
	float:left;}
	
.browse {
	font-size:16px;
	margin:10px 0 0 10px;}
	
.browse-archives-month select, .browse-archives select {
	margin:0 0 0 10px;
	font-size:15px;
	color:#2C6385;}
	
.archive-search select {
	margin:0 0 0 10px;
	font-size:15px;
	color:#2C6385;}
	
.post_group {
	margin:10px;
	border-bottom:1px dashed #999;
	padding:0 0 5px 0;}
	
.title {
	background:none;
	margin:0px;
	padding:0px;}	
	
.title a {
	font-weight:normal;
	font-size:20px;}
	
.date {
	margin:0px;}
	
.more-link a {
	color:#2C6385;
	font-size:13px;}
	
.click {
	width:150px;}
	
.click a {
	color:#313131;}
	
.edit, .tags, .extras, .next-post {
	margin-left:10px;}
	
.edit a, .tags a, .extras a, .next-post a {
	color:#2974a2}

/*------404------*/

.four h1 {
	margin:10px;}
	
.four ul li ul li {
	margin:0 0 0 -10px;}

/*
 
Colors
orange:         #ff7200 
heading blue:   #456E8B
link blue:      #01375D 

*/
DIV.login_link{
	position: absolute;
	top: -30px;
	right: 22px;

}
DIV.login_link a{
	color:black;
}
.empty-sidebar {
	width: 120px;
	height: 1000px;
	float: left;
	display: block;
}

.column1-singlePosting {
	margin-top: 150px;
}

/* updates for advanced profile pg */

.profile-sidebar {
	background:#fff;
	border-top:1px solid #FF7200;
	width: 230px;
	height: 1000px;
	float: left;
	display: block;}

.socialCompanyName {
	font-size:16px;
	font-weight:bold;
	margin:0px 10px 0 10px;
	color:#456E8B;
	border-bottom:1px solid #456E8B;}

#mainContainerProfile {
	margin:10px auto;
	padding:0;;
	width:1024px;
	min-height:auto;
	position:relative;}

#mainContainerProfile .mainContent {
	padding:0px 0 10px 0;}

.socialColumn {
	padding-left:5px;}

.ourSocial h2 {
	font-size:12px;
	color:#2d2d2d;}	
	
.facebook, .twitter, .youtube, .digg {
	display:block;
	float:left;
	width:28px;
	height:28px;
	margin:0 0 0 6px;}
	
.facebook {
	background:url(images/facebook.png) no-repeat;}

.twitter {
	background:url(images/twitter.png) no-repeat;}
	
.youtube {
	background:url(images/youtube.png) no-repeat;}
	
.digg {
	background:url(images/digg.png) no-repeat;}
	
.connect {
	margin:7px;}
		
.link {
	color:#456E8B;
	text-decoration:underline;}	
	
.join {
	display:block;
	float:left;
	margin:5px 0 0 5px;
	text-decoration:underline;}
	
.socialLogo {
	background:#fff;
	margin:5px 0 0 0;
	border:1px solid #999;
	max-width:220px;}
	
/*nav-social-profile*/
	
#nav-social-profile {
	background:url(images/nav-bg.jpg) repeat-x;
	width:745px;
	height:40px;
	text-transform:uppercase;
	font-weight:bold;
	margin:0;
	padding:0px;
	position: absolute;
	left: 238px;
	top: 85px;
	z-index:999;
	float: left;
	font-size:12px;}
	
#mainContainerProfile .nav-bottom {
	margin:0px;	
	width:745px;
	height:7px;
	background:url(images/nav-bottom.png) no-repeat bottom;
	position: absolute;
	left: 238px;
	top: 125px;}

#nav-social-profile ul{
	margin:0;
	float:left;
	padding:0;}

#nav-social-profile ul li {
	display:block;
	float:left;
	margin:12px 0 0 0;
	height:27px;
	position:relative;
	padding-left:18px;}

#nav-social-profile ul li a {	
	color:#01375d;
	display:block;
	border-right:1px solid #478bbb;
	padding-right:18px;
	height:14px;}
	
#nav-social-profile ul li ul {
	display:none;}
	
#nav-social-profile ul li:hover ul {
	background:#96CAEF;
	display:block;
	position:absolute;
	width:170px;
	top:27px;
	left:0px;
	z-index:99;
	margin:0px;
	padding:0px;}
	
#nav-social-profile ul li ul li {
	display:block;
	float:left;
	margin:0px;
	border-bottom:1px solid #478bbb;
	line-height:24px;
	width:170px;}
	
#nav-social-profile ul li ul li a {
	color:#01375d;
	border-right:none;
	padding:0px;
	margin:0px;
	padding:0px 7px;}
	
#nav-social-profile .socialContainer {
	background:url(images/social-bg.jpg) repeat-x;
	height:59px;
	width:145px;
	float:right;}	
	
#nav-social-profile .socialContainer .connect {
	display:block;
	float:left;
	color:#eee;
	padding:23px 0 0 10px;}
	
#nav-social-profile ul.social {
	height:59px;
	width:50px;
	float:right;
	margin:0 0 0 0;
	padding:7px 2px 0 0;}
	
#nav-social-profile ul.social li {
	border:none;
	display:block;
	float:left;
	margin:0px;
	width:22px;
	height:22px;
	padding:0 2px 2px 0;}

#nav-social-profile ul.social li:hover {
	background:none;}
	
#nav-social-profile ul li.page-item-13 {
	border-right:none;}