/***TRUCKERS NEWS DIGITAL - BASE STYLE***/

/***MAIN***/



#mainContainer {
	background:#fff url(images/headerbody.jpg) repeat-y center;
	margin:0 auto 0 auto;
	padding:0px;
	width:799px;
	min-height:100%;
	position:relative;
	font-size:11px;
	font-family:Helvetica;
	color:#383838;}

#mainBuffer {
	background:url(images/headerbg.jpg) no-repeat;
 	width:799px;
  	margin-bottom:22px;}

.clearer {
	clear:both;}

.italic {
	font-style:italic;}

.bold {
	font-weight:bold;}

.left {
	float:left;}

.center {
	text-align:center;
	align:center;}
/*
h2 {
	background:url(images/hdbg.jpg) no-repeat;
	height:28px;
	margin:0px 0px 0px 0px;
	font-size:14px;
	color:#eee;
	padding:12px 0 0 10px;}

h3 {
	display:inline;
	color:#1f1f1f;
	font-weight:bold;}
*/

h2 {
	margin-left:10px;}

h5 {
	font-size:11px;}

H6 {
	}

.box2 TABLE {
	margin-right:5px;}

.box2 .middleBoxHome {
	width:350px;
	margin:0px;}

/***pageData***/



a.etrucker_links {
	color:#1f1f1f;
	text-decoration:underline;}

img {
	border:none;}

.mainText {
	width:100%;
	float:left;
	margin-right:-30px;
	padding:15px 10px 0px 10px;
	line-height:1.2;}

.info {
	width:100%;
	margin:-14px 0 0 -8px;}

.thisMonth {
	margin-left:-8px;}

.fleets {
	margin:0;
	width:412px;
	border-right:1px solid #e8e3e3;
	border-left:1px solid #e8e3e3;}

#jobSearch {
	width:100%;
	margin:0;}

.box2middleBoxHome .job_search {
	width:560px;}

#jobSearch {
	width:560px;}

#jobSearch tbody tr td {
	padding-left:20px;}

.just {
	background:url(images/mail.jpg) no-repeat top left;
	padding-left:40px;
	font-size:12px;}

.sendInfo, .clearForm {
	display:inline;}

.contactBox form input:hover {
	cursor:pointer;}

.contactBox table tbody tr td div table tbody tr td form .sendInfo input {
	width:117px;
	height:27px;
	border:none;
	background:url(images/info.jpg);}

.contactBox table tbody tr td div table tbody tr td form .clearForm input {
	width:117px;
	height:27px;
	border:none;
	background:url(images/clear.jpg);}

ul.articles {
	margin-left:-40px;
	list-style:none;}

ul.articles li {
	border-bottom:1px solid #e8e3e3;
	padding:7px;}

ul.articles li .italic a {
	color:#444;}

.title {
	font-size:13px;
	border-bottom:1px dotted #999;}

.b1 {
	background:url(images/b1.jpg) no-repeat bottom left;
	height:25px;
	width:148px;
	border-right:1px solid #e8e3e3;
	float:left;}

.cover {
	margin:5px 0 0 7px;}

#pageData {
	padding-top:128px;
	margin:0px auto;}

	#pageData .buffer {
		margin:0px auto;}

.column1 {
	display:block;
	float:left;
	width:400px;
	margin-bottom:10px;
	/*height:352px;*/}

.column2 {
	display:block;
	float:left;
	width:234px;
	margin-left:5px;}

.column2 .CoverStoryColumn{

	text-align:justify;
	font-weight:normal;
	margin-left:5px;
	margin-right:5px;
	width:auto;}

.column3 {
	display:block;
	float:left;
	width:137px;
	height:100px;
	margin:-3px 0px 0px 18px;}

#content .columns_3 .box1 {
	height:100px;
	width:100%;}

.box2 {
	width:100%;
	margin:0 10px 0 8px;
	padding:0px;}

.box3 {
	background:url(images/box3.jpg) no-repeat;
	width:100%;
	height:116px;
	margin:0 0 1px 1px;}

.box4 {
	background:url(images/box4.jpg) no-repeat;
	width:100%;
	height:150px;
	margin:0 0 0px 1px;}

.box5 {
	width:100%;
	margin-top:2px;
	height:auto;
	background:#cec9c9;}

.box7 {
	margin:17px 0 0 -4px;
	width:100%;
	height:100%;
	background:url(images/banbg.jpg) repeat-y;}

.box7 .banner {
	border:2px solid #584141;
	background:#141414;
	width:139px;
	height:44px;
	margin:9px 0px 0 0px;}

	.small_banners .buffer {
		width:139px;
		padding-left:5px;}

	.small_banner {
		margin-top:9px;}

.content {
	margin:0px;
	padding-top:0px;
	padding-left:20px;
	border:1px solid #fff;
	width:auto;}

.content ul li {
	margin-bottom:3px;}

.moduletable table tbody tr td {
	padding-left:0px;}

.moduletable table tbody tr td ul li {
	margin-bottom:3px;}

.headlines, .industryBriefs {
	padding-top:10px;
	margin-left:0px;
	padding-left:0px;
	border:1px solid #fff;
	background:#eee;}

.box2 TABLE.contactUs {
	width:540px;
	padding:10px 0px 0 -5px;
	border:1px solid #fff;
	background:#eee;}

.contactUs TABLE FORM {
	width:540px;}

.contactUs .button {
	margin-left:90px;}

.contactUs tbody tr td div table tbody tr td form table tbody tr td {
	padding:0px;
	margin:0px;}

.featured {
	font-size:13px;
	font-weight:bold;
	background:#000;
	width:389px;
	padding:6px 0 3px 0;
	margin:0 0 -6px 7px;
	color:#999;
	border:1px solid #444;
	border-bottom:4px solid #444;}

#content table tbody tr td {
	padding-left:0px;}


/***INTERNAL PGS***/

h4 {
	background:#eee;
	color:#BF0B10;
	border:#fff;
	padding:5px 3px 2px 3px;}

.sponsored_listing {
	font-size:14px;
	font-weight:bold;
	background:#fff;
	margin:0px 5px 0px -3px;
	color:#444;
	padding:3px;
	padding-bottom:0px;
	text-decoration:underline;}

.sponsored_listing:hover {
	color:#BD0808;}

.sponsored_td {
	background:#eee;
	border:1px solid #fff;
	line-height:1.1;
	padding:10px 5px 10px 10px;
	margin:0px;
	width:540px;}

#jobSearch TD TABLE {
	width:350px;}

#jobSearch p {
	text-align:left;
	color:#1f1f1f;
	margin-left:10px;}

#jobSearch .job_search {
	width:560px;
	padding:5px;}

.job_search tbody tr td table tbody tr td {
	}

.job_search	tbody tr td table tbody tr td input {
	margin-left:-20px;}

.job_search select {
	color:#1f1f1f;
	border:1px solid #cfcfcf;}

#jobSearch .submit {
	padding-bottom:20px;}

#jobSearch .submit input {
	background:url(../images/submit.jpg);
	color:#fff;
	width:171px;
	height:31px;
	font-weight:bold;
	font-size:13px;
	border:none;}

#jobSearch .submit input:hover {
	cursor:pointer;}

.contactBox {
	margin:0px;
	width:412px;
	border:1px solid #e8e3e3;
	border-top:none;}

.contactBox input {
	font-weight:bold;}




/***NAV**

#nav {
	height:30px;
	position:absolute;
	top:94px;
	left:105px;
	width:750px;
	margin:0px;}

#nav div {
	display:block;
	float:left;
	padding-right:8px;
	padding-left:13px;
	height:30px;
	width:auto;
	text-align:center;}

#nav .border {
	margin:1px 0 0 0;
	height:30px;
	border-right:1px solid #1f1f1f;}

#nav .border:hover {
	background:url(images/hover.jpg) repeat-x top;
	margin:1px 0 0 0;
	padding-top:0px;
	height:25px;}

#nav .border_a {
	background:url(images/navbg.png) repeat-x;
	margin:1px 0 0 0;
	height:25px;
	border-top:5px solid #c41425;
	border-right:1px solid #1f1f1f;}

#nav .border_a:hover {
	margin:1px 0 0 0;
	height:25px;
	border-top:5px solid #c41425;}

#nav div.apply {
	width:31px;
	margin:8px 0 0 12px;
	height:9px;
	background:url(images/apply.png) no-repeat;}

#nav div.apply:hover {
	cursor:pointer;}

#nav div.home {
	width:27px;
	margin:13px 0 0 12px;
	height:9px;
	background:url(images/home.png) no-repeat;}

#nav div.home:hover {
	cursor:pointer;}

#nav div.news {
	width:86px;
	margin:13px 0 0 12px;
	height:9px;
	background:url(images/news.png) no-repeat;}

#nav div.news:hover {
	cursor:pointer;}

#nav div.products {
	width:29px;
	margin:13px 0 0 12px;
	height:9px;
	background:url(images/tools.png) no-repeat;}

#nav div.products:hover {
	cursor:pointer;}

#nav div.career {
	width:68px;
	margin:13px 0 0 12px;
	height:9px;
	background:url(images/driverjobs.png) no-repeat;}

#nav div.career:hover {
	cursor:pointer;}

#nav div.contact {
	width:43px;
	margin:13px 0 0 12px;
	height:9px;
	background:url(images/contact.png) no-repeat;}

#nav div.contact:hover {
	cursor:pointer;}
*/

DIV.reviewCompanies {
	border:1px solid #ff;
	margin:0px 30px 0px 0px;
	padding:10px 0 0 2px;}

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

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

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

#reviewcompanytype DIV DIV {
	float:left;}


DIV.reviewstate  {
	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:#880F0F;
	display:block;
	text-align:center;
	margin:0 2px 0 0;
	border:1px solid #000;
	padding:3px;}

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

.reviewstate .states_box {
	padding-left:20px;}

.reviewstate p {
	margin-top:10px;}


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

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

/*Paris*/
TABLE#companyProfile {
	width:100%;}

TABLE#companyProfile H2 {
	padding-left:10px;
	background:#b92604;}

TABLE#companyProfile .xsmall H3 {
	padding-top:20px;}

#app H2.secure {
	padding:5px 0px 5px 20px;}

#mainFooter {
	width:790px;
	color:#383838;
	margin:-22px auto 0 auto;
	position:relative;}

	#mainFooter .buffer {
		padding:5px;
		text-align:center;
		border-top:1px dotted #383838;}

	 #mainFooter .buffer H6{
	   margin:0;
	   padding:0;}

.column1 TABLE, .column1 TABLE TR TD {
	margin:0px;
	padding:0px;}

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

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

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

	.jobSearchResults table table {
		margin-left:-4px;}

	.jobSearchResults table table table td {
		padding-left:5px;}

	.jobSearchResults TBODY TR TD DIV TABLE {
		width:530px;}

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


A.sponsored_listing {
	background:none;}

/* gary.profile: this would not be nessisary if we would get around to actually updating code!*/

#profile_block {
  width:720px;}

	#profile_block DIV.section {
		margin:20px;
		padding:10px;}

	#profile_block DIV.section H3 {
	  font-family: Geneva, Tahoma, sans-serif;
	  color:#444;
	  background:#eee;
	  padding:3px 0px 3px 3px;
	  margin:0px 0px 5px 0px;
	  font-size:13px;
	  width:100%;
	  border-bottom:1px dotted #999;
	  display:block;}

	#profile_block DIV.section H5 {
		font-weight:normal;
		font-size:12px;
		border-bottom:1px dotted #999;
		text-align:left;}

	#profile_block DIV.section H5 IMG {
	  float:right;
	  margin-top:-15px;}

	#profile_block DIV.section A {
		margin-top:-15px;}

	#profile_block DIV.section H5 SPAN {
		float:right;
		margin-top:-12px;}

	#profile_block DIV.section DIV.left {
		width:50%;}

#hiringStates {
  position:relative;}

	#hiringStates DIV.buffer {
	  position:relative;
	  margin:0 auto;
	  width:714px;}

	#hiringStates DIV.state {/* I update the states code to output <div> instead of some other mess that was there*/
	  width:220px;
	  text-align:center;
	  padding:3px 0;
	  margin:3px;
	  border:1px solid #999;
	  background:#ccc;
	  float:left;}

/* Left Column */


/* temp style... to be removed when boxes are updated */


DIV.box3 A {
  display:block;
  width:230px;
  height:116px;}

DIV.box4 A {
  display:block;
  width:230px;
  height:150px;}

/* end temp style */

#subscribe_box {
  padding:0;
  width:230px;
  margin:5px 0 7px 2px;
  background:url("images/subscribe_body.gif");
  display:none;}

  #subscribe_box H4 {
    border:none;
    background:url("images/subscribe_heading.gif");
    height:39px;
    margin:-5px 0 0 0;
    padding:0;}

    #subscribe_box H4 SPAN {
      display:block;
      padding:5px;}

  #subscribe_box A.button{
    background:url("images/button_bg.jpg");
    padding:3px;
    border:1px solid #000;}
  #subscribe_box DIV.clearer{
    background:url("images/subscribe_footer.gif");
    height:10px;
    margin-bottom:-5px;}


/* my touches */

A.button{
  background:url('images/buttons_bg.jpg');
  color:white;
  font-weight:normal;
  border:1px solid #000;
  padding:3px;}

A.button.block{
  display:block;}

A.button.centerText{
  text-align:center;}

A.button:hover{
  background:url('images/buttons_bg-hover.jpg');}