/* CSS Document */
HTML {
	background: #fff;
	font-family:Arial;
	margin:0px;
	padding:0px;
	width: 100%;
	height:100%}

BODY {
	background: #fff;
	font-family:Arial;
	margin:0px;
	padding:0px;
	width: 100%;
	height:100%;}

TABLE,TD {
 width:auto;
 padding:0;
 margin:0;}

.sponsored_td{
font-size:10px;
}
DIV.mainContainer {
	width: 780px;
	min-height:100%;
	margin:0px auto;
	font-family:Arial;
	border:1px solid black;}

a {
	color:#000;
	text-decoration:none;}

a:hover {
	text-decoration:underline;}

a img {
	border:none;}

DIV.clearer {
	clear:both;}

DIV.topLine {
	text-align:right;	
	background:white;
	width:100%;
	font-size:9px;
	margin:0px auto;}

DIV.topLine H1 {
	display:inline;
	font-size:9px;
	padding:10px 0px;}

/*DIV.bannerHeader {
	margin: 0;
	background: #444;
	height: 60px;
	width: 780px;
	padding: 0 0px 0 0px;}

DIV.bannerHeader DIV.container {
	padding: 0 0 0 5px;}

DIV.banner {
	background: #cac9c9;
	float: left;
	width: 144px;
	height: 45px;
	margin: 7px 5px 7px 5px;
	padding: 0;}*/

DIV.pageData {
	background:none;
	width:780px;}

DIV.headerImg {
	width:775px;
	height:28px;
	margin:0 0 0 0;
	padding:1px 0px 0 5px;
	cursor:pointer;
	font-family:arial black;
	font-style:italic;
	font-size:20px;
	color:#fff;
	letter-spacing:-1px;
	background:#005496 url(images/rrlogo.png) no-repeat 670px 7px;}

DIV.headerImg .buffer {
	background:;
	width:auto;
	height:28px;
	margin:0 0 0 10px;
	padding:0 0 0 0;
	text-align:right;
	cursor:pointer;}

DIV.headerImg .buffer a DIV {
	width:780px;
	height:28px;}

DIV.topBanners {
  	background:#5599ff;
	margin:0px;
	padding:0px;
	border-bottom:1px solid #000;}

DIV.topBanners img, DIV.topBanners embed, DIV.topBanners  object{
	margin:0px;
	border:none;
	padding:0px;}

DIV.nav {
	float:left;
	margin:0px;
	padding:0px;
	width: 142px;
	height: 100%;
	color: #fff;
	font-size: 11px;
	text-decoration: none;
	background:#fff;}

DIV.nav ul {
	width: 142px;
	height: auto;
	margin: 0px;
	float: left;
	list-style: none;
	padding:0 0 0 0;}

DIV.nav li {
	border-top: 1px solid #000;
	padding-top: 4px;
	padding-bottom: 4px;
	text-decoration: none;
	list-style: none;
	margin: 0 0 3px 0;}

DIV.nav li.section {
	background:none;
	color: #fff;
	font-size: 18px;
	padding:0;
	margin: 0px;
	font-family:Arial;
	font-style:italic bold;
	letter-spacing:0px;}

DIV.nav li.section span {
	padding:0 0 0 8px;
	margin: 0 0 0 0;}

DIV.nav li a span {
	margin: 0 0 0 8px;}

DIV.nav LI A {
	color: #000;
	padding:3px;
}

DIV.nav ul li a:hover {
	color:#fff;
	background:#5599ff;
	text-decoration: none;
	padding:0;
	margin:0;}

DIV.nav .panel {}

DIV.nav .logoff {}

DIV.nav .login {}

DIV.mainBox {
	float: left;
	width: 454px;
	height:100%;
	padding: 0px;
	margin: 0px;
	background:none;
	color:#000;
	font-size:12px;}

DIV.mainBox .title {
	height: 18px;
	background: #fff;
	font-family: Arial;
	color:#005496;
	font-size: 16px;
	padding: 3px 0 0 0;
	margin: 0px;}

DIV.box1 {
	background:#005496;
	width:100%;
	height: auto;
	margin:0 0 10px 0;
	padding: 0px;
	border:1px solid #444;}

DIV.box1 DIV.column1 {
  color: #fff;
  font-size: 11px;
  margin:0 0 0 0;
  padding:5px 0px 5px 5px;}

DIV.box1 DIV.column1 A {
  float:left;
  border:5px solid #FFF;
  margin: 0 5px 5px 0;
  width:261px;
  height:346px;}

DIV.box1 DIV.column1 A IMG {
  margin-bottom:-2px;}

DIV.box1 .column1 h2 {
  margin:0 0 5px 0;
  padding:0;
  background:#FFF;
  height:auto;
  font-family: Impact;
  font-size:36px;
  font-style:italic;
  color: #005496;
  letter-spacing:-1px;
  font-weight:normal;}

DIV.box1 .column1 H2 SPAN {
  padding:5px;
  border-left:5px solid #005496;
  margin-left:-5px;}

DIV.box1 .column1 p  {
  margin:0;
  padding:0;
  background:none;
  font-size:15px;
  color:#DDD;
  line-height:16px;
  text-align:left;}


 DIV.box1 .column1 P A {
	float:left;
	border:none;
	margin:0;
	width:auto;
	height:auto;
	font-weight:bold;
	color:#fff;}

 DIV.box1 .column1 P A:hover {
 	color:#000;}



DIV.box2 {
	margin:0 0 10px 0;
	padding:0px;
	background:#005496;
	float:left;
	width:100%;
	position:relative;
	border-bottom:2px solid #444;
	border-top:none;
	color:#fff;}

DIV.box2 h2, DIV.box2 DIV.heading  {
	color:#005496;
	display:block;
	background:#fff;
	padding:0 0 0 5px;
	margin:0px;
	font-size:18px;
	font-family:Impact;
	font-style:italic;
	letter-spacing:1px;
	font-weight:normal;
	border-top:1px solid #000;}

DIV.box2 a h2, DIV.box2 a DIV.heading {
	color: #fff;
	padding:0;
	margin:0;
	background:none;
	border:none;
	font-family:Arial;
	font-style:normal;
	font-size:12px;}

DIV.box2 p {
	#color:red;
	font-size:12px;
	padding:0px;
	margin:10px;}

DIV.box2 a {
	color:#fff;
	font-size:12px;
	text-align:center;
	margin:10px 0 0 10px;}

DIV.box2 a:hover {
	color:#c8e63c;
	color:#000;}

DIV.box2 .column {
	border-left:1px solid #000;
	padding: 0 0 10px 0;
	margin:0px;
	background:none;
	float:left;
	width:149px;
	/width:146px;
	font-size:10px;}



DIV.box2 .column .sponsor a img {
	border:none;
	text-decoration:none;}

DIV.box2 .column h2, DIV.box2 .column DIV.heading2 {
	margin:10px 0 0 0;
	padding:5px 0 5px 10px;
	color:#fff;
	font-size:12px;
	border:none;
	border-bottom:1px solid #fff;
	background:#005496;
	display:block;
	text-align:left;
	width:auto;
	font-weight:normal;}

DIV.box2 .column p {
	display:block;
	background:none;
	font-size:10px;
	border:none;
	padding:0px;
	color: #fff;
	margin:10px;}

DIV.box2 .column a {
	margin:0 0 10px 10px;
	padding:0px;}

.middleBoxHome {
	padding:0 0 10px 0;}

DIV.middleBoxHome TABLE TR TD {
	padding:0 5px 0 5px;
}





DIV.sideBanner {
	background:none;
	float: right;
	width: 175px;
	height: 100%;
	margin:0px;
	padding:0px;}
DIV.sideBanner {
	background:none;
	float: right;
	width: 175px;
	height: 100%;
	margin:0px;
	padding:260px 0px 0px 0px;
	/*position:relative;*/ /*For Popart banner*/
	}
	

/*DIV.sideBanner DIV.b61_ID_test{
  z-index:+1;
}

*/

#b61_ID_test DIV{
  margin-left:-180px;
  z-index:+1;
  }
#b61_ID_test P{
  margin:0px;
  }
  /*/ /*For Popart banner*/
  
DIV.bannerlrg {
	background: #cac9c9 url(images/CLbannerTest.jpg);
	width: 120px;
	height: 240px;
	margin:0 10px 10px 6px;
	padding:0px;
	border:1px solid black;
	color:#444;
	float:right;}

DIV.bannerlrg2 {
	background: #cac9c9 url(images/CLbannerTest2.jpg);
	width: 120px;
	height: 240px;
	margin:0 10px 10px 6px;
	padding:0px;
	border:1px solid black;
	color:#444;
	float:right;}

DIV.bannerlrg3 {
	background: #cac9c9 url(images/CLbannerTest.jpg);
	width: 120px;
	height: 240px;
	margin:0 10px 10px 6px;
	padding:0px;
	border:1px solid black;
	color:#444;
	float:right;}




table {
	width:100%;
	background:none;
	clear:none;
	font-size:12px;
	margin:0px;
	padding:0px;}

tbody {
	width:100%;}

tr {
	background:none;
	clear:none;
	font-size:12px;
	margin:0px;
	padding:0px;}

td {
	background:none;
	margin:5px 0 0 5px;
	padding:0px;
	clear:none;
	font-size:12px;}

.mainBox td {
	padding:0 0 0 10px;}


td SPAN	{
	height:22px;
	text-align:left;}

TABLE a {
	text-decoration: none;
	color: #000;
	padding:0;
	margin:0;}

TABLE a:hover {
	color: #c8e63c;
	color:#fff;}

FORM {
	font-size:12px;}




.application {
	width:100%;
	height:100%;
	background:#fff;
	color:#000;
	padding:0px;
	margin:-5px 0 -5px 0;}

.application .box2 {
	margin:5px 0 0 0;
	width:780px;}

.application TABLE {
	width:100%;
	background:none;
	clear:none;
	font-size:12px;
	margin:10px;}

.application tr {
	font-size:14px;
	float:left;
	margin:0px;
	padding:0px;
	width:780px;}

.application td {
	font-size:14px;
	float:left;
	margin:0 0 0 5px;}

.application h2 {
	font-size:18px;
	width:100%;
	text-align:left;
	font-weight:normal;}




DIV.footer {
	height: 30px;
	width:780px;
	background:#005496;
	margin: 0 auto;
	border:1px solid #000;
	border-bottom:none;
	font-size:10px;}

DIV.footer DIV.states{
	font-size:9px;}
DIV.footer DIV.states A{
	color:blue;}
DIV.footer DIV.states A:hover{
	color:#5599FF;}
DIV.footer DIV.states A:visited{
	color:white;}
DIV.footer DIV.states UL{
	float:left;
	text-align:left;
	width:100%;
	color:white;
	margin-top:2px;
	margin-left:-36px;}
DIV.footer DIV.states UL LI{
	float:left;
	padding:1px 2px;}

DIV.footer Div.extra_space{
	width:100%;
	height:13px;
	color:white;}
DIV.footer Div.extra_space DIV.left{
	float:left;}
DIV.footer Div.extra_space DIV.right{
	float:right;}			

/* Company Profile */

#companyProfile TABLE.xsmall {
  width:100%;}

#companyProfile .section{
  border:1px solid #DDD;
  background:#666;}

#companyProfile .section TABLE{
  border:none;
  padding:5px;}

#companyProfile .section TABLE TD {
  border:none;
  border-bottom:1px solid #AAA;
  padding:5px;}

#companyProfile TABLE.xsmall TD {
  width:auto;}

#companyProfile TABLE.hiringStates TD {
  width:30px;
  height:30px;
  color:#DDD;
  background:#666;
  text-align:center;
  border:1px solid #DDD;}

#companyProfile TD {
  margin:0;
  padding:0;}




#appPaging TD{
  padding:0;}
#appPaging TD.appBack{
  text-align:left;}
#appPaging TD.appPages{
  text-align:center;}
#appPaging TD.appNext{
  text-align:right;}
#appPaging TD A{
  margin:0;
  padding:0;
  display:block;}

#applicantListing{
  margin:10px 0 0 0;}

#applicantListing TD {
  width:auto;}


#applicantListing TR.appTitleRow TD{
  border-bottom:5px solid #999;
  text-align:center;
  padding:0;}

#applicantListing TR.appItem TD {
  border-bottom:1px solid #999;
  margin:0;
  text-align:center;
  border-left:1px dotted #999;
  font-size:10px;
  padding:3px;
  cursor:pointer;
  color:#999;}

#applicantListing TR.appItem:hover TD{
  border-left:1px solid #555;
  background:#555;
  color:#DDD;}

#applicantListing TR.appItem TD.driverName{
  border-left:none;
  padding:0;}

#applicantListing TR.appItem TD.driverName A{
  color:orange;
  display:block;
  padding:3px;
  margin:0;
  font-size:10px;}

#applicantListing TR.appItem:hover TD.driverName A{
  color:orange;}

#applicantListing TR.appItem TD SPAN{
  color:yellow;}




 #truckingNews H2, #truckingNews TD, #truckingNews TR, #truckingNews TABLE {
 	padding:0px;
	margin:0px;}




#appDetails TABLE, #appDetails TD, #appDetails TR {
	padding:0px;
	margin:0px;}

#appDetails TABLE {
	margin:10px 5px 10px 5px;}




#dbSearch TABLE {
	border:0px solid green;}

#dbSearch TABLE TD {
	border:0px solid red;}

#dbSearch TD.dateRange {
	}



TABLE.app {
	margin:0px;
	padding:10px;}

TABLE.app H3 {
	font:bold 24px;
	border-bottom:2px solid #fff;
	margin:0 0 10px 0;
	padding:20px 0 0 0;}

TABLE.app TBODY TR {
	border-bottom:1px solid #fff;}

TABLE.app TD {
	width:0px;
	padding:10px;}

TABLE.app TR {}




TABLE.checkboxes {
	border-bottom:1px solid white;}

TABLE.checkboxes TD {
	width:100px;}




TABLE.app TR.text{
	padding:10px 0 0 0;}

TABLE.app TR.text TD {
	width:75px;
	height:50px;
	padding:0 0 0 5px;}

TABLE.app TR.text TD.text {
	width:250px;}



DIV.submit {
	margin:25px 0 25px 0;}

DIV.submit INPUT {
	width:250px;
	color: #000;
	font-size: 18px;
	padding:5px 0 5px 0;
	margin: 0px;
	font-family:Impact;
	font-style:italic;
	letter-spacing:0px;}

DIV.article_Listing_test {
	padding:5px;}

	DIV.article_Listing_test, DIV.article_Listing_test P {
		border:none;}

DIV.article_Listing p {
line-height:0.5cm;}


TABLE.jobSearch {
	padding:0 0 10px 0;}

TABLE.jobSearch p {
	align:left;
	width:auto;
	height:auto;
	margin:10px 0 10px 0;
	text-align:left;}

TABLE.jobSearch TR TD TABLE {
	padding:0 0 0 10px;}

TABLE.jobSearch TR TD TABLE TR TD {
	margin:0px;
	padding:0px;
	padding-top:10px;
	width:auto;}

TABLE.jobSearch TD INPUT {}



TABLE.jobSearchResults {
	padding:0 0 10px 10px;}

TABLE.jobSearchResults H3 {
	border-bottom:2px solid #fff;}

TABLE.jobSearchResults TD {
	padding:0 0 5px 0;
	width:150px;}




DIV.reviewCompanies DIV {
	padding:0px;
	margin:0px;
	float:none;}

#reviewcompanytype  {
	width:auto;
	margin:0 0 0 0;
	padding:0 0 0 0}

#reviewcompanytype DIV {
	width:220px;
	margin:5px 0 5px 10px;
	padding:0px;
	float:none;
	font-size:12px;}

#reviewcompanytype DIV DIV {
	float:left;}



DIV.reviewstate  {
	width:auto;
	padding:0px;
	margin:0 0 0 0;
	float:none;
	clear:both;}

.reviewstate DIV {
	width:400px;
	height:auto;
	margin:5px 0 20px 30px;
	padding:0px;
	float:none;
	clear:both;
	position:relative;}


.reviewstate DIV a {
	margin:0px;
	padding:0px;}

.reviewstate DIV DIV {
	width:35px;
	height:auto;
	float:left;
	clear:none;
	margin:2px;
	white-space:nowrap;}

.reviewstate DIV DIV a {
	display:block;
	text-align:center;
	margin:0 2px 0 0;
	color:#000;
	border:1px solid #000;
	background:#fff;
	padding:3px;}

.reviewstate DIV DIV a:hover {
	color:#fff;
	background:#000;
	display:block;
	text-align:center;
	margin:0 2px 0 0;
	border:1px solid #000;
	padding:3px;}

.reviewstate SPAN {
	display:block;
	clear:both;}



TABLE.login TR {
	padding:0px;
	height:50px;
	margin:0px;}

TABLE.login TR TD {
	width:75px;
	margin:0px;
	padding:5px;}


H3 {
	border-bottom:2px solid #fff;
	margin:10px 0 5px 10px;}

H4 {
	font-size:15px;
	margin:20px 0 0 20px;
	padding:0px;
	border-bottom:1px solid #fff;}



TD.subscribe {
	font-size:15px;
	font-weight:bold;}



#subscribe {
	height:500px;}

DIV.subscribe {
	margin:10px 0 50px 20px;
	padding:10px 0 0 0px;}

DIV.subscribe A {
	color:#fff;
	margin:25px 0 0 0;
	padding:0px;
	margin:10px 0 0 0;
	paddding:0 0 0 0;
	font-weight:bold;
	font-size:20px;
	text-align:left;}

DIV.subscribe A:hover {
	color:#5599FF;}

DIV.subscribe DIV {
	font-size:14px;
	font-weight:normal;
	margin:5px 0 0 0;
	padding:0 0 0 25px;}



DIV.float_box {
	float:right;
	background:#242424;
	/*border:5px solid #777;*/
	border:5px solid #005496;
	width:250px;
	padding:20px 10px 0px 10px;
	font-weight:bold;}

	DIV.float_box A.close {
		color:#777;
		border:1px solid #777;
		float:right;
		font-size:11px;
		padding:1px 5px;
		margin:-20px -10px 0px 0px;
		display:block;}

	DIV.float_box DIV.image {
		background:url(images/OD_float_box.jpg);
		width:100px;
		height:170px;
		margin:0px;
		float:right;
		cursor:pointer;}

	DIV.float_box P {
		color:#FF0;
		margin:0px auto;
		width:136px;
		float:left;
		font-size:18px;}

		DIV.float_box P A {
			color:#59f;
			display: block;}
			
DIV.column1 {
	margin:0px;
	padding:0px;}			
			
DIV.column1 .cover_article {
	background:#00406F url(images/cover_article_bg.jpg);
	margin:0px;
	height:356px;
	border-bottom:1px solid #fff;}
						
DIV.column1 .cover_article h2 {
	margin-top:-1px;
	font-family:impact;
	font-weight:normal;
	font-style:italic;
	font-size:28px;
	background:#00529b;
	padding-top:5px;
	padding-bottom:5px;
	color:#f3f5f6;
	border:1px solid #000;
	border:none;}
	
DIV.column1 .cover_article p {
	padding:5px;
	font-size:13px;
	color:#fff;}
	
DIV.column1 .cover_article p a {
	margin-top:5px;}	
	
DIV.column1 .promo_box {
	padding:5px 5px 15px 5px;}	
	
DIV.column1 .promo_box p {
	font-size:11px;
	margin-bottom:5px;}
	
DIV.column1 .cover_article a {
	text-decoration:underline;}
	
DIV.column1 .promo_box a {
	text-decoration:underline;
	font-style:italic;}
	

#specialBanners{
	margin-left: -3px;}	

/*//////////////////////////////////////////////////////////////////////////////////////////
// SCOCIAL
//////////////////////////////////////////////////////////////////////////////////////////*/

.social {
	background:#fff;
	z-index:1499;
	margin:0 0 0 5px;}
	
.social .twitterFeed, .social .facebookFeed, .social .companyBlog, .social .ourSocial {
	padding:0 0 0 10px;}

.twitterFeed h2, .facebookFeed h2 {
	color:#fff !important;
	padding:3px 0 10px 5px;
	margin:10px 0 20px 0 !important;
	width:160px;
	height:30px !important;
	font-size:12px;}
	
.twtr-doc, .fb_iframe_widget  {
	margin:10px 0 10px 0;}	

.connect_widget {
	background:#fff !important;}
	
.facebook, .twitter, .youtube, .digg {
	display:block;
	float:left;
	width:28px;
	height:28px;
	margin:0 6px 0 0px;}
	
.twitterFeed, .facebookFeed {
	margin:0px 0 0 5px;}
	
.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;}

	

