/*  ---Elements---  */
body
{
	background: #f7f7f7;
	margin: 0;
	padding: 0;
}
body, p, a, h1, h2, h3, h4, h5, h6
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #393939; /* p light black */
	text-decoration: none;
	line-height: 20px;
}
p
{
	font-size: 100%;
}
img
{
	border: 0;
	padding: 0;
	margin: 0;
}
/* === LINKS === */

a, a:link, a:visited, a:active
{
	text-decoration: underline;
}
a:hover
{
	color: #145a05; /* Dark Green */
	font-weight: bold;
}

sup a:link
{
	text-decoration: none;
}

h1, h2, h3, h4, h5, h6
{
}

h1
{
	font-size: 150%;
	font-weight: bold;
	color: #145a05; /* Dark Green */
	margin: auto;
}
h3
{
	margin: 0;
	padding: 0;
	font-weight: bold;
	font-size: 100%;
	color: #216313;
}
h4
{
	margin: 0;
	padding: 0;
	font-weight: bold;
	font-size: 100%;
	color: #000;
}
greencopy
{
	margin: 0;
	padding: 0;
	font-weight: bold;
	font-size: 100%;
	color: #216313;
}
label
{
	font-size: 90%;
}

ul
{
	margin-top: 0;
}
li
{
}

/* --- Tables  --- */
table, thead, tr, td
{
	border: none;
	margin: none;
	padding: none;
	text-align: left;
	vertical-align: top;
	border-collapse: collapse;
}
tr
{
}
td
{
	padding: 15px;
}

.NonFlashMenu table
{
	background: #fff;
}

.NonFlashMenu td
{
	padding: 0;
}

table
{
	background: #e7eee6; /* light green */
	color: #393939;
}
thead
{
	color: #fff;
	text-align: left;
	vertical-align: bottom;
	font-weight: bold;
	background: #145a05; /* thead dark green */
	text-transform: uppercase;
}
thead td
{
	padding-bottom: 5px;
}


/* ---Common Classes---  */
.Bold
{
	font-weight: bold;
}

.colorDictionary
{
	color: #393939; /* h3 black-grey */
	color: #145a05; /* Dark Green */
	color: #f2f2f2; /* light grey */
	color: #767676; /* p light black */
	color: #515753; /* thead dark grey */
}

.clearing
{
	clear: both;
	height: 1px;
}

.ColumnLeft
{
	float: left;
	width: 200px;
}

.ColumnCenter
{
	margin-left: 220px;
}

.MemberColumnLeft
{
	float: left;
	width: 275px;
}

.MemberColumnCenter
{
	margin-left: 305px;
}




.GreySection
{
	background: #f2f2f2; /* light grey */
}

.ColumnPhoto
{
	padding: 15px 15px 15px 25px;
	display: block;
}
.PDFIcon
{
	background: transparent url('/img/Icons/icon_4_pdf.gif') no-repeat scroll top left;
	padding-left: 22px;
}
.NewPageIcon
{
	background: transparent url('/img/Icons/icon_4_upload.gif') no-repeat scroll top left;
	padding-left: 22px;
}

.ContactPageIcon
{
	background: transparent url('/img/Icons/icon_4_writing.gif') no-repeat scroll top left;
	padding-left: 22px; /*list-style-image:url('/img/Icons/icon_4_writing.gif');*/
}
.ReportsIcon
{
	background: transparent url('/img/Icons/icon_4_spread.gif') no-repeat scroll top left;
	padding-left: 22px;
}

.ProfilePhoto
{
	float: left;
	height: 163px;
	width: 131px;
	padding-right: 7px;
}

.ParallelPhoto
{
	float: right;
}

.newList {
	margin-left:0px; 
	padding-left:15px; 
	width:150px;
}

.newListLeft {
	margin-left:0px; 
	padding-left:15px; 
}

.superList {
	margin-left:0px; 
	padding-left:15px; 
}

.SideBySidePhoto
{
	margin-left: 20px;
}
.StockPhoto1
{
}

.StockPhoto2
{
	text-align: center; /*padding-left: 20px;*/
	display: block;
}

.FaqQuestion
{
	font-weight: bold;
	color: #000; /*display:block;*/
}

.HeaderLink:link, .HeaderLink:visited
{
	color: #145a05; /* Dark Green */
}

.FootNote
{
	font-style: italic;
	font-size: 90%;
}

.SiteMap, .SiteMap td, .SiteMap table
{
	padding: 0;
	background: transparent;
}

/* --- HomePage --- */
#HomePage #LeftPane
{
	width: 420px;
	
}
#HomePage #ContentPane
{
	background: transparent;
}
#HomePage #RightPane
{
	height: 250px;
	padding-top: 30px;	
	
}
#HomePage #RightPane2
{
	height: 250px;
	padding-top: 30px;	
	padding-left: 10px;	

}
#HomePage .SafetyIcon
{
	float: right;
	height: 210px;
	width: 180px;
	padding-top: 30px;	
}


/* --- Contact Us --- */

.CheckBoxList
{
	margin: 0;
	padding: 0;
	background: transparent;
	margin-left: 10px;
}
.CheckBoxList td
{
	padding: 0;
}

.DropDownList
{
	margin-left: 10px;
}

.NoBullets
{
	list-style-type: none;
}

.Button
{
}
.SubmitEmail
{
}

.WideColumnPhoto
{
}

/* --- Accessory Page --- */

#AccessoriesPage #ContentPane
{
	padding: 0 30px 15px 30px;
	background: transparent;
}
#AccessoriesPage h4
{
	font-size: 15px;
}

.AccessoryRow
{
}
.AccessoryDescription
{
	float: left;
	width: 650px;
	padding-right: 50px;
}

.AccessoryDivider
{
	clear: both;
}



/* --- Privacy Page --- */
#PrivacyModal
{
	height: 100%;
	width: 100%;
	background: #000;
	z-index: 2000;
	text-align: center;
	position: absolute;
	top: 0;
	left: 0;
	display: none;
}

.ModalContent
{
	padding: 20px;
	border: solid 10px #ccc;
	background: #fff;
	margin: 300px auto;
	text-align: left;
	width: 950px;
}


/* --- Effectiveness Page --- */
#EffectivenessPage #ContentPane
{
	background: transparent;
}

#EffectivenessPage #LeftPane
{
	width: 475px;
}

#EffectivenessPage #RightPane
{
	width: 375px;
}

/* --- Best Practices --- */
.BestPractices-Left
{
	float: left;
	width: 450px;
}
.BestPractices-Right
{
	float: right;
	width: 450px;
}
#BestPracticesGrid img
{
	float: left;
	vertical-align: middle;
	width: 230px;
	height: 192px;
}

#BestPracticesGrid p
{
	float: right;
	vertical-align: middle;
	display: inline-block;
	width: 200px;
	padding-top: 50px;
}

/* --- Learn More Control ---  */
.LearnMore
{
	padding: 30px 0px 25px 25px;
}
.LearnMore2
{
	padding: 30px 20px 25px 25px;
	text-align: left;
}
.LearnMore ul
{
	margin: 0;
	padding: 0;
}
.LearnMore li
{
}





/*  ---IDs---  */
#Body
{
}


#Wrapper
{
	width: 952px;
	text-align: left;
	margin: 0 auto;
	background: #fff;
	border: solid 1px #000;
	border-top: none;
}

#WrapperContent
{
}

#WrapperBottom
{
	background: #282f2b;
	height: 10px;
	width: 100%;
}

#HeaderPane
{
}

#FlashPane
{
	width: 952px;
	height: 300px;
	text-align: center;
	background: url('/img/banner.jpg') transparent no-repeat scroll top left;
}
#ContentPane
{
	padding: 0px 15px;
	background: url('/img/bg-Content.png') transparent repeat-y scroll top right;
}
#LeftPane, #RightPane
{
	padding: 15px;
}
#LeftPane
{
	float: left;
	width: 575px;
}
#RightPane
{
	float: right; /*	width: 238px; */
	width: 228px;
	background: #f2f2f2; /* light grey */
}
#RightPane2
{
	float: right; /*	width: 238px; */
	width: 228px;
	padding: 22px 15px;
	background: #ffffff; /* light grey */
}
#InnerFooterPane
{
	font-size: 80%;
	text-align: center;
	padding-top: 15px;
}
#Footer
{
	color: #999;
	text-align: center;
	padding-top: 6px;
}
#Footer a, #Footer a:visited
{
	color: #999;
	text-decoration: none;
}
#Footer a:hover
{
	font-weight: normal;
	text-decoration: underline;
}

/*--- Image Library Page ---*/
#ImageLibraryPage #LeftPane
{
	width: 40%;
}

#ImageLibraryPage #RightPane
{
	width: 490px;
	width: 50%;
}
#ImageLibraryPage #ContentPane
{
	background: url('/img/bg-Content5050.png') transparent repeat-y scroll top right;
}

.LeftColumn
{
	float: left;
	width: 250px;
}

.RightColumn
{
	margin-left: 255px;
}

.GallerySource
{
	height: 41px;
	width: 33px;
	background: #ccc;
}

.GalleryTarget
{
	text-align: center; /*height: 320px; 	width: 427px;*/
}
/* --- BestPracticesPage  Page --- */
#BestPracticesPage #LeftPane
{
	width: 500px;
}

#BestPracticesPage #RightPane
{
	width: 30%;
}
.BestPractices-Example
{
	height: 250px;
	clear: left;
}
.BestPractices-Example p
{
	padding-top: 65px;
	padding-left: 250px;
	margin-top: 0;
}
.BestPractices-Example img
{
	float: left;
}
.BestPractices-Example-Right
{
	height: 250px;
}

#BestPracticesPage #ContentPane, #BestPracticesPage #RightPane, #FAQPage #ContentPane
{
	background: transparent;
}



/* --- Driver Feedback Sign  Page --- */
#DriverFeedbackPage #LeftPane
{
	width: 45%;
}

#DriverFeedbackPage #RightPane
{
	width: 45%;
}

#DriverFeedbackPage #RightPane ul
{
	padding-right: 10px;
}


/*  ---Hoa Page---  */
#HOAPage
{
}
#HOAPage #ContentPane, #HOAPage #RightPane
{
	background: transparent;
}


/*  --- Tables ---  */

/* --- FatalInjuryTable Table ---  */
.FatalInjuryTable
{
	padding-left: 170px;
}
.FatalInjuryTable table
{
	border-collapse: collapse;
}
.FatalInjuryTable td
{
	padding: 3px;
	padding-left: 10px;
	padding-right: 10px;
	border-top: solid 4px #fff;
}

.FatalInjuryTable .Column1
{
	width: auto;
}

.FatalInjuryTable .Column2
{
	text-align: center;
}

/* --- Features Table ---  */

.FeaturesTable
{
	width: 100%;
}
.FeaturesTable thead
{
}
.FeaturesTable thead td
{
	padding-bottom: 5px;
}

.FeaturesTable thead tr
{
	/*border: none;*/
}
.FeaturesTable tr
{
	/*border: solid 4px #fff;  IE doesn't support TR borders */
}
.FeaturesTable td
{
	padding: 15px;
	border-top: solid 4px #fff;
	border-bottom: solid 4px #fff;
}
.FeaturesTable .Column1
{
	width: 165px;
	padding-left: 35px;
}
.FeaturesTable .Column2
{
}



/* --- Speed Chart Table ---  */

.SpeedTable
{
	background: #e7eee6;
}

.SpeedTable table
{
	background: #e7eee6;
	float: right;
	width: 415px;
	border-left: solid 4px #fff;
}
.SpeedTable thead
{
}
.SpeedTable thead td
{
	border: none;
	border-bottom: solid 4px #fff;
}
.SpeedTable tr
{
}
.SpeedTable td
{
	padding: 0;
	border-top: solid 2px #fff;
	border-bottom: solid 2px #fff;
	border-left: solid 4px #fff;
	border-right: solid 4px #fff;
	text-align: center;
}

.SpeedTable span
{
	width: 450px;
	padding: 55px 25px 0 25px;
	display: block;
}


/* --- View Time Table ---  */

.ViewTimeTable
{
	width: 100%;
}
.ViewTimeTable thead
{
}
.ViewTimeTable thead td
{
	padding-bottom: 5px;
	border: none;
}

.ViewTimeTable thead tr
{
	border: none;
}
.ViewTimeTable tr
{
}
.ViewTimeTable td
{
	padding: 5px;
	padding-left: 15px;
	border: solid 4px #fff;
}
.ViewTimeTable .Column1
{
	width: 165px;
	padding-left: 35px;
}
.ViewTimeTable .Column2
{
}
.ViewTimeTable .Red
{
	color: #ff0000;
	font-weight: bold;
}
.ViewTimeTable .Green
{
	color: #145a05;
	font-weight: bold;
}
.ViewTimeTable .Yellow
{
	color: #1200ff;
	font-weight: bold;
}
#SiteMapPage #ContentPane
{
	background: transparent;
}

#SiteMapContent
{
	text-align: left;
	padding: 30px 0 30px 350px;
}

#SiteMapPreview
{
	height: 200px;
	width: 150px;
}

#InnerFooterPane a
{
	font-size: 100%;
}


/* --- Form styles --- */
#ContactForm
{
}
#ContactForm .Label
{
	width: 100px;
	float: left;
}

#ContactForm .TextBox
{
}

#ContactForm .Other
{
	position: relative;
	top: -20px;
	left: 100px;
}


/* --- News Page styles --- */
.ReadMoreLink, .ReadMoreLink:link, .ReadMoreLink:visited
{
	color: #145a05; /* Dark Green */
	font-weight: bold;
	text-decoration: none;
}
.ReadMoreLink:link
{
}
.ReadMoreLink:visited
{
}
.ReadMoreLink:hover
{
	text-decoration: underline;
}
.NewsDate
{
	font-weight: bold;
}
.NewsTitle, .NewsTitle:link, .NewsTitle:hover, .NewsTitle:visited
{
	color: #145a05; /* Dark Green */
	font-weight: bold;
	text-decoration: none;
}

.NewsTitle:hover
{
	text-decoration: underline;
}

.NewsItemContainer
{
	padding: 10px;
}
.NewsSeparator
{
}




#SafetyBoxIcon
{
	width: 180px;
	height: 210px;
	float:right;
}