/*
Title: Greenway Transportation - Screen Styles
Author: Fasturtle Technologies, LLC --> http://www.goftt.com/
*/

/* Core Styles Used in every project */
@import url("defaults/reset.css"); /* Resets for all browsers */
@import url("defaults/clearfix.css"); /* Easy float clearing */

body {
	background-color: #000;
	font-family: Helvetica, Arial, sans-serif;
	font-size: 62.5%;
	}
#container {
	margin: 0 auto;
	padding: 0;
	width: 960px;
	height: 570px;
	}
#popup {
	margin: 0 auto;
	padding: 0;
	}
#header {
	margin-bottom: 10px;
	padding: 25px 0 0 25px;
}
#wrap {
	width: 960px;
	height: 570px;
	}
#navigation {
	float: left;
	margin-left: 25px;
	width: 230px;
	height: 380px;
	background: transparent url('../images/content_bg.png') repeat;
	}
#main_cont {
	float: right;
	margin-right: 25px;
	width: 676px;
	/*height: 425px;*/
	height: 380px;
	background: url('../images/content_border_top.gif') repeat-x top left;
	}
#main_cont .inner {
	margin-top: 8px;
	padding: 32px 0px 40px 40px;
	width: 636px;
	height: 300px;
	background: transparent url('../images/content_bg.png') repeat;
	}
#contentscrolling {
	overflow: auto;
	padding-right: 15px;
	width: 621px;
	height: 275px;
}
ul.inline li {
	float: left;
}
body#label_collection #contentscrolling {
	padding-right: 0;
	width: 636px;
	}
/* Available loads margins */
body.available_loads #contentscrolling {
	overflow: auto;
	padding-right: 0;
	width: 661px;
	height: 307px;
}
#available_loads thead a:link, #available_loads thead a:visited {
	color: #fff;
	text-decoration: none;
	}
body.available_loads #main_cont .inner {
	margin-top: 8px;
	padding: 10px 0px 15px 15px;
	width: 661px;
	height: 347px;
	background: transparent url('../images/content_bg.png') repeat;
	}
#popup_cont {
	float: left;
	margin-left: 25px;
	margin-right: 25px;
	background: url('../images/content_border_top.gif') repeat-x top left;
	}
#popup_cont .inner {
	margin-top: 8px;
	padding: 32px 40px 32px 40px;
	width: 400px;
	height: 400px;
	overflow: none;
	background: transparent url('../images/content_bg.png') repeat;
	}

/* Page Specific Images
==================================================*/

/* Bottom images */
body#about #wrap {
	background: url('../images/about_img_btm.jpg') no-repeat bottom center;
	}
body#val_links #wrap {
	background: url('../images/valuable_links_img_btm.jpg') no-repeat bottom center;
	}
body#label_collection #wrap {
	background: url('../images/craigslabelcollection_body.jpg') no-repeat bottom left;
	}
body#avail #wrap {
	background: url('../images/availableloads_02_960.jpg') no-repeat bottom left;
	}
body#customer #wrap {
	background: url('../images/customer_03.jpg') no-repeat bottom center;
	}
body#contact #wrap {
	background: url('../images/contactus_03.jpg') no-repeat bottom left;
	}
body#contact2 #wrap {
	background: url('../images/contactus2_01.jpg') no-repeat bottom left;
	}
body#index #container {
	background: url('../images/home-page_01.jpg') repeat-x top left;
	}
body#carrier #wrap {
	background: url('../images/carrierdevelopment_03.jpg') no-repeat bottom left #85daf7;
	}
body#recommended #container {
	background: url('../images/valuable_links_img_btm.jpg') no-repeat bottom center;
	}

/* Gradients */
body#about #container {
	background: transparent url('../images/about_grad.jpg') repeat-x top left;
	}
body#val_links #container {
	background: #D1D6D2 url('../images/valuable_link_grad.jpg') repeat-x top left;
	}
body#label_collection #container {
	background: transparent url('../images/craigslabelcollection_bg.jpg') repeat-x top left;
	}
body#avail #container {
	background: transparent url('../images/availableloads_grad.gif') repeat-x top left;
	}
body#customer #container {
	background: transparent url('../images/customer_grad.jpg') repeat-x top left;
	}
body#contact #container {
	background: transparent url('../images/contactus_grad.jpg') repeat-x top left;
	}
body#contact2 #container {
	background: transparent url('../images/contactus2_03.jpg') repeat-x top left;
	}
body#index #wrap {
	background: transparent url('../images/home-page_02.jpg') repeat-x bottom left;
	}
body#carrier #container {
	background: transparent url('../images/carrierdevelopment_grad.jpg') repeat-x top left #85daf7;
	}
body#recommended #wrap {
	background: #D1D6D2 url('../images/valuable_link_grad.jpg') repeat-x top left;
	}

/* Top Border */
body#val_links #nav, body#val_links #main_cont {
	background: url('../images/content_border_top_val_links.gif') repeat-x top left;
}
body#label_collection #nav, body#label_collection #main_cont {
	background: url('../images/content_border_top_label.gif') repeat-x top left;
}

body#contact2 #main_cont {
	background: url('../images/content_border_top_contact.gif') repeat-x top left;
}
body#contact2 #nav {
	background: url('../images/content_border_top_contact.gif') repeat-x top left;
}

/* Navigation
==================================================*/
#nav {
	padding-top: 40px;
	background: url('../images/content_border_top.gif') repeat-x top left;
	}
#nav a {
	display: block;
	margin: 0 25px;
	padding: 8px 0;
	border-bottom: 1px solid #28373c;
	font-size: 1.4em;
	font-weight: normal;
	text-transform: uppercase;
	text-decoration: none;
	color: #28373c;
	}
#nav a:hover, #nav a.current {
	color: #64c171;
	font-weight: bold;
	}
/* Footer
==================================================*/
#footer {
	margin: 0 auto;
	width: 960px;
	padding: 5px 20px 0;
	height: 41px;
}
#footer .left {
	float: left;
	}
#footer .right {
	float: right;
	}
#gnav {
	margin-bottom: 10px;
	}
#footer {
	font-size: 10px;
	color: #fff;
	}
#footer .right { text-align: right; }
#footer a,#gnav a { color: #fff; }
#gnav { text-align: center;	}

/* Typography
==================================================*/
#main_cont p {
	margin-bottom: 1em;
	font-size: 1.2em;
	line-height: 1.5em;
	}
#main_cont table {
	font-size: 1.2em;
	}
#main_cont p.nomargin {
	margin-bottom: 0px;
	}
#main_cont h2 {
	font-size: 2em;
	color: #52b848;
	}
#main_cont ul {
	margin-top: 0px;
	list-style-type: square;
	}
#main_cont li {
	list-style: outside square;
	margin-left: 25px;
	line-height: 1.5em;
	}
#main_cont .linkstable {
	margin-bottom: 1em;
	font-size: 1.2em;
	line-height: 1.5em;
	}
body#contact2 #main_cont .linkstable {
	font-size: 1.2em;
	}

tr.end_section td {
	padding-bottom: 8px;
}

#popup_cont p {
	margin-bottom: 1em;
	font-size: 1.2em;
	line-height: 1.5em;
	}
#popup_cont p.nomargin {
	margin-bottom: 0px;
	}
#popup_cont h2 {
	font-size: 2em;
	color: #52b848;
	}
#popup_cont ul {
	margin-top: 0px;
	}
#popup_cont li {
	font-size: 1.2em;
	list-style: outside square;
	list-style-type: square;
	margin-left: 25px;
	}
#popup_cont .linkstable {
	margin-bottom: 1em;
	font-size: 1.2em;
	line-height: 1.5em;
	}
.linkstabletitle {
	margin-bottom: 1em;
	font-size: 14px;
	}
a {
	color: #52b848;
	font-weight: bold;
}

/* Request a Rate Form */
form table th {
	padding: 5px 0;
	width: 150px;
	text-align: left;
	}
form table th.top {
	vertical-align: top;
	}
form table td {
	padding: 5px 0;
	width: 220px;
	}
form table td.divider {
	width: 100%;
	padding: 5px 0;
	}
form table textarea {
	width: 95%;
	height: 100px;
	}
.submit {
	padding: 0 10px;
	}
.text_input {
	width: 95%;
	}

/* Available Loads Table */
#available_loads {
	text-align: center;
	font-size: 10px;
	}
#available_loads tr.heading {
	background: #000;
	color: #fff;
	}
#available_loads tr.heading th {
	padding: 3px;
	}
#available_loads td {
	padding: 3px;
	vertical-align: middle;
	}
#available_loads .comment {
	display: none;
	}
#available_loads a {
	color: red;
	}
/* Odd and Even rows */
tr.row_0 {
	background: #E3EAEB;
	}
tr.row_1 {
	background: #fff;
	}
/* Available loads pagination */
#pagination { padding: 3px 0; text-align: center; }
#pagination .next {
	margin-left: 5px;
	}
#pagination .prev {
	margin-right: 5px;
	}
#pagination a.number, #pagination strong {
	padding: 2px 6px;
	}
#pagination a { color: red; }
span.mute {
	color: #666;
	}
/* Sortable list Links */
table.sortable thead {
	cursor: pointer;
	}

#show_comment {
	position: absolute;
	padding: 5px;
	width: 200px;
	background: #000;
	color: #fff;
	text-align: left;
}

/* Gallery Styles */
#thumbs {
	width: 200px;
	}
#thumbs li {
	float: right;
	list-style-type: none;
	margin: 0; padding: 0;
	}
#thumbs.dynamic li {
	display: none;
	}
#thumbs.dynamic li.show {
	display: block;
	}
#contentscrolling #next_prev p {
	margin-right: 0;
	}
#contentscrolling #next_prev a {
	color: #000;
	font-size: 12px;
	}
.paginatedNav a#prev {
	float: left;
	padding-left: 10px;
	background: url(../images/prev_arrow.gif) no-repeat 0 50%;
	}
.paginatedNav a#next {
	float: right;
	padding-right: 10px;
	background: url(../images/next_arrow.gif) no-repeat 100% 50%;
	}

.right {
	text-align: right;
	}
.hide {
	display: none;
	}