
/*Progressive Styles */
body {
	margin: 0px;
	padding:  0px 0px 20px 0px;
	font: 11px/18px verdana, arial, sans-serif;
	color: #555555;
	background-color: #c2cfdb;
	text-align: center;
   }
   
a {
	color: #0056b7;
	text-decoration: none;
	}

p {
	margin-bottom: 20px;
	}
	
table {
	border: none;
	border-collapse: collapse;
	width: 100%;
	}

input {
	font-family: verdana, arial, sans-serif;
	font-size: 11px;
	color: #555555;
	}

select {
	font-family: verdana, arial, sans-serif;
	font-size: 11px;
	color: #555555;
	}

/* Header Styles ------------------------------------------------------------- */
a.Login 
{
	font-family: verdana, arial, sans-serif;
    font-weight:normal;  
    color: #0056b7;
}

#headerWrapperHome {
	height: 136px;
	background: url(images/bg-header-home.gif) no-repeat top left #ffffff;
	}

#headerWrapperInterior {
	height: 136px;
	background: url(images/bg-header-interior.gif) no-repeat top left #ffffff;
	}

#header {
	text-align: right;
	}

#accountNav {
	}

#accountNav p {
	padding: 40px 25px 0px 0px;
	}

#searchNav {
	padding-right: 25px;
	margin-top: -17px;
	height: 53px;
	color: #c0cdd9;
	}

#searchNav a {
	width: 45px;
	vertical-align: bottom;
}
#searchNav img {
	margin-top: 5px;
	}

/* START - This is the container that holds the main nav */

#mainNav {
	padding-right: 20px;
	color: #c0cdd9;
	font-weight: bold;
	font-size: 11px;
	font-family: verdana, arial, sans-serif;
	float: right;
	border: none;
	}

#mainNav table, #mainNav table td {
	padding: 0px;
	margin: 0px;
	font-size: 11px;
	border: none;
	}

#mainNav table {
	width: 1px;
	}

#mainNav a {
	color: #c0cdd9;
	font-size: 11px;
	border: none;
	}

#mainNav a:hover {
	color: #ffffff;
	font-size: 11px;
	border: none;
	}

#mainNav #navOn {
	color: #ffffff;
	font-size: 11px;
	border: none;
	}

/* END - This is the container that holds the main nav */
	
.controlpanel {
	width: 100%;
	background-color: #dddddd;
}
input {
	font-family: verdana, arial, sans-serif;
	font-size: 11px;
	color: #555555;
	}

select {
	font-family: verdana, arial, sans-serif;
	font-size: 11px;
	color: #555555;
	}
	
/* Container Styles ------------------------------------------------------------- */

#container {
	margin: 0px auto 0px auto;
	width: 960px;
	text-align: left;
	background-color: #ffffff;
	}

/* Content Styles ------------------------------------------------------------- */

#contentWrapper {
	width: 715px;
	float: left;
	}

#content {

	/*padding: 25px;*/
	padding: 10px 25px 25px 25px;
	}

#dnn_ContentPane {
	}

#dnn_ContentPane h1 {
	margin-bottom: 20px;
	font-size: 21px;
	font-weight: normal;
	color: #f68b28;
	}

#dnn_ContentPane h2 {
	margin: 0px;
	padding: 0px 0px 5px 0px;
	font-size: 15px;
	color: #555555;
	}

#content h3 {
	margin-bottom: 10px;
	font-size: 11px;
	}

#dnn_ContentPane ul {
	margin: 0px 0px 20px 17px;
	}

.contentBox {
	padding: 20px;
	margin-bottom: 20px;
	border-top: 1px solid #c2cfdb;
	border-bottom: 1px solid #c2cfdb;
	background-color: #f5f8fa;
	}

.contentBox p {
	margin: 0px;
	}

#tableForm td {
	vertical-align: top;
	}

.formText {
	margin-bottom: 15px;
	width: 230px;
	}

.formButton {
	padding: 4px;
	background-color: #3399cc;
	color: #ffffff;
	font-weight: bold;
	border: none;
	}

*html hr { /* Styles for Explorer */
	margin: 20px 0px 20px 0px;
	height: 0px;
	border-bottom: 1px solid #c2cfdb;
	}

hr {
	margin: 20px 0px 20px 0px;
	height: 1px;
	border: none;
	background-color: #c2cfdb;
	}

.SubHead {
	font: 11px/18px verdana, arial, sans-serif;
	color: #555555;
	}

.Normal, .NormalDisabled {
	font: 11px/18px verdana, arial, sans-serif;
	color: #555555;
	}

.Help {
	margin: 5px 0px 5px 0px;
	padding: 5px;
	margin-bottom: 20px;
	border: 1px solid #c2cfdb;
	background-color: #eaf0f6;
	}

/* Video Pop-Up Styles ------------------------------------------------------------- */

#videoBody {
	margin: 0px;
	padding: 0px;
	}

.videoIcon {
	margin-right: 20px;
	border: 1px solid #c2cfdb;
	float: left;
	}

#videoContainer {
	margin: 0px;
	padding: 0px;
	}

/* Truck Tips Styles ------------------------------------------------------------- */

.controlsTop {
	height: 42px;
	border-bottom: 1px solid #c2cfdb;
	}

.controlsBottom {
	padding: 20px 0px 20px 0px;
	}

.controlsPage {
	float: left;
	}

.controlsSort {
	float: right;
	}

.pagePrevious {
	margin-top: 5px;
	padding-left: 10px;
	background: url(images/icon-page-previous.gif) no-repeat top left #ffffff;
	}

.pageNext {
	padding-right: 10px;
	background: url(images/icon-page-next.gif) no-repeat top right #ffffff;
	}

.truckTip {
	padding: 20px 0px 20px 0px;
	border-bottom: 1px solid #c2cfdb;
	}

.truckTip p {
	margin: 0px;
	padding: 0px;
	}

.truckTip img {
	margin-top: 10px;
	}

.truckTip h3 {
	font-weight: bold;
	color: #555555;
	}

.truckTip div {
	padding: 14px 5px 0px 0px;
	float: left;
	display: inline;
	}

/* Sub Content Styles ------------------------------------------------------------- */

#subContentWrapper {
	width: 245px;
	float: right;
	font-weight: bold;
	}

#subContent {
	padding: 35px 25px 25px 25px;
	}

#subContent p {
	margin: 0px;
	}
	
#RightPane {
	}

#dnn_RightPane img {
	margin: 0px 0px 25px 0px;
	padding: 0px;
	}

#dnn_RightPane ul {
	margin: 0px 0px 25px 0px;
	padding: 0px;
	list-style: none;
	background-color: #cc0000;
	}

#dnn_RightPane ul li {
	padding: 3px 0px 3px 13px;
	list-style: none;
	background: url(images/icon-sub-nav.gif) no-repeat top left #ffffff;
}

#footerWrapper {
	clear: both;
	height: 130px;
	border-bottom: 25px solid #c2cfdb;
	}

#footer {
	margin: 0px 25px 0px 25px;
	padding: 25px 0px 0px 0px;
	border-top: 3px solid #c2cfdb;
	}

#footer p {
	margin: 0px;
	padding: 0px;
	}

/* Menu Styles */
.MainMenu_MenuContainer {
	background-color: transparent;
	font-size: 11px;
}

.MainMenu_MenuBar {
	cursor: pointer; 
	cursor: hand;
	height: 16px;
	background-color: transparent;
	border: none;
	font-size: 11px;
}
.MainMenu_MenuItem { /* Top Nav */
	cursor: pointer; 
	cursor: hand; 
	color: #ffffff; 
}

.MainMenu_MenuIcon { /* Top Nav Roll */
	cursor: pointer; 
	cursor: hand; 
}

.MainMenu_SubMenu {
	z-index: 1000; 
	cursor: pointer; 
	cursor: hand; 
	filter:progid:DXImageTransform.Microsoft.Shadow(color='#696969', Direction=135, Strength=3); 
}
.MainMenu_MenuBreak {
	height: 1px;
}

.MainMenu_MenuItemSel {
	cursor: pointer; 
	cursor: hand; 
	color: #ffffff;
	background-color: transparent;
/*	font-size: 11pt; */
	font-weight: bold; 
	height: 16px;
}
.MainMenu_MenuArrow {
    display:none;
}
.MainMenu_RootMenuArrow {
	/*font-family: webdings; 
	font-size: 10pt; 
	cursor: pointer; 
	cursor: hand;*/
	display:none;
}


/* 
================================
Skin styles for DotNetNuke
================================
*/   

.pagemaster {
	width: 100%;
	height: 100%;	
	background-color: #fefefe;
}
.skinmaster {
	height: 100%;
	background-color: #eeeeee;
	border-right: #8f9092 1px solid; 
	border-top: #8f9092 1px solid; 
	border-left: #8f9092 1px solid; 
	border-bottom: #8f9092 1px solid; 
	moz-border-radius-bottomleft: 15px; 
	moz-border-radius-bottomright: 15px; 
	moz-border-radius-topleft: 3px; 
	moz-border-radius-topright: 3px; 
}
.skinheader {
}
.skingradient {
	background-image: url(gradient_DKGray.jpg); 
	height: 30px;
}
.toppane {
	width: 100%;
	background-color: transparent;
	padding-left: 6px;
	padding-right: 4px;
	padding-top: 6px;
}
.leftpane {
	width: 175px;
	background-color: transparent;
	padding-left: 6px;
	padding-right: 4px;
	padding-top: 6px;
}
.contentpane {
	width: 100%;
	background-color: transparent;
	padding-left: 6px;
	padding-right: 4px;
	padding-top: 6px;
}
.rightpane {
	width: 175px;
	background-color: transparent;
	padding-left: 6px;
	padding-right: 4px;
	padding-top: 6px;
}
.bottompane {
	width: 100%;
	background-color: transparent;
	padding-left: 6px;
	padding-right: 4px;
	padding-top: 6px;
}
.StandardButton {
   background: #aaaaaa none; 
   color: #ffffff;
   font-family: Verdana, sans-serif; 
   font-size: 11px;
   font-weight: normal;
}

.TreeViewMenu {
	width: 175px;
	background-color: #dddddd;
	border-right: #8f9092 1px solid; 
	border-top: #8f9092 1px solid; 
	border-left: #8f9092 1px solid; 
	border-bottom: #8f9092 1px solid; 
	moz-border-radius-bottomleft: 15px; 
	moz-border-radius-bottomright: 15px; 
	moz-border-radius-topleft: 3px; 
	moz-border-radius-topright: 3px;
}
.TreeViewMenu_Header {
	background-image: url(gradient_LtGray.jpg);
}


.Head {
	margin-bottom: 20px;
	font-size: 21px;
	font-weight: normal;
	color: #f68b28;
}

/* Button Styles */
.StandardButton 
{
    color: #FFFFFF;
    background-color: #17acdf;
    border: solid 1px #0892d0;
}

.formValidate {
	color: #cc0000;
	font-weight: bold;
	}
.formSelect {
	margin-bottom: 15px;
	width: 230px;
	}

#tableForm {
	width: 625px;
}
#tableForm td {
	vertical-align: top;
	font: 11px/18px verdana, arial, sans-serif;
	color: #555555;
	}
/* E-mail Pop-Up Styles ------------------------------------------------------------- */

#emailBody {
	margin: 0px;
	padding: 0px;
	background-color: #ffffff;
	text-align: left;
	}

#emailContent {
	padding: 30px;
	text-align: left;
	}

#emailScroll {
	padding-right: 15px;
	height: 120px;
	overflow: auto;
	text-align: left;
	}

#emailButtons {
	padding-left: 30px;
	text-align: left;
	}

