/* 
Western Federal Lands Roadside Roadside Revegetation Portal - TECHNICAL GUIDE style sheet
   
Use the style sheet Table of Contents below to quickly jump to main sections of the style sheet

CONTENT
CHAPTER DROP DOWN LIST
LINKS
	Learn Links
	Training Links
	Visualize Links
LISTS
	In Depth links
TABLES
TYPOGRAPHY
	Headings
	Misc.
SECTION-SPECIFIC
	 Technical Guide Home Page
	 Executive Summary Body Page
	 Full Technical Guide
	 Figure specific styles
	 Download Technical Guide Form
*/

/* CONTENT ----------------------------------------------------*/

#contentContainer {
	width: 872px;
	padding: 0;
	margin: 0;
}

#mainContent {
	margin: 40px 20px 0px 0px;
	padding: 0px 20px 0px 35px;
	width: 520px;
	float: left;
}

#sideContent {
	margin: 40px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	width: 200px;
	float: left;
}

#mainContentFullGuide {
	margin: 40px 20px 0px 0px;
	padding: 0px 0px 35px 35px;
	width: 750px;
	float: left;
}

/* CHAPTER DROPDOWN LIST ----------------------------------------------------*/

#chapterDropDown {
	margin: 0px 0px 15px 10px;
	padding: 0px;
	float: right;
}

.chapters {
	font-size: 125%;
	font-weight: bold;
	margin: 0;
	padding: 0px 0px 0px 0px;
	color: #7F7F7F;
	text-transform: uppercase;
}


/* LINKS ----------------------------------------------------*/

a {
	color: #5f7729;
	text-decoration: none;
}

a:link {
	color: #5f7729;
}

a:visited {
	color: #5f7729;
}

a:hover {
	background-color: #e7f1d2;
	text-decoration: none;
}

/* Full Manual Links */

.fullManualLink {
	padding-left: 20px;
	line-height: 1.5em;
}

/* Training Modules Links */

.trainingModuleLink {
	padding-left: 20px;
	line-height: 1.5em;
}

.trainingModuleLink a {
	color: #2C7A96;
	text-decoration: none;
	font-weight: normal;
}

.trainingModuleLink a:link {
	color: #2C7A96;
	text-decoration: none;
}

.trainingModuleLink a:visited {
	color: #2C7A96;
}

.trainingModuleLink a:hover {
	background-color: #EAFBFF;
	text-decoration: none;
}

/* Visualize Links */

.visualizeLink {
	padding-left: 20px;
	line-height: 1.5em;
}

.visualizeLink a {
	color: #932828;
	text-decoration: none;
	font-weight: normal;
}

.visualizeLink a:link {
	color: #932828;
	text-decoration: none;
}

.visualizeLink a:visited {
	color: #932828;
}

.visualizeLink a:hover {
	background-color: #fae7e7;
	text-decoration: none;
}

/* LISTS ----------------------------------------------------*/

ul {
	list-style: disc;
	margin-bottom: 10px;
	margin-top: 0;
}

ol {
	list-style: decimal;
	padding: 0;
	margin: 0px 0px 15px 45px;
}

ol.noBottomMargin {
	margin-bottom: 0;
}

li {
	padding: 0px 0px 5px 0px;
	line-height: 1.4em;
}

ol ul {
	margin-top: 10px;
	margin-bottom: 0;
}

/* TABLES ----------------------------------------------------*/


table {
	background-color: #f6f8e1;
	border: none;
	margin-top: 15px;
	margin-bottom: 15px;
	width: 100%;
}


.tableRight {
	width:15%;
	margin-right:0px;
	margin-left:10px;
	float:right;
}

.tableLeft {
	width:15%;
	margin-left:0px;
	margin-right:10px;
	float:left;
}

th {
	background-color: #7f862f;
	color: #FFFFFF;
	font-weight: bold;
	padding: 10px 0px 10px 0px;
	margin: 0;
	text-transform: uppercase;
}

tr {
	vertical-align: top;
}

.tableTitle {
	font-weight: bold;
}

.tableDark {
	background-color: #ebedcf;
}

.tableRight {
	float:right;
}

/* TYPOGRAPHY ----------------------------------------------------*/

p.topPad {
	padding-top: 10px;
}

/* Headings */	

h1 {
	font-size: 185%;
	text-transform: uppercase;
	color: #91a95b;
	letter-spacing: 0.25em;
	font-weight: normal;
	line-height: 1.5em;
	padding: 10px 0px 15px 0px;
	margin: 0;
}

h2 {
	font-size: 200%;
	font-weight: normal;
	color: #5f7729;
	padding: 0px 0px 15px 0px;
	margin: 0;
}

h2.topPad {
	padding-top: 10px;
}

h3 {
	font-size: 165%;
	font-weight: bold;
	color: #91a95b;
	line-height: 1.35em;
	padding: 10px 0px 15px 0px;
	margin: 0;
}

h3.topPad {
	padding-top: 10px;
}

h3.home {
	padding: 10px 0px 0px 0px;
}

h4 {
	font-size: 135%;
	font-weight: normal;
	color: #5f7729;
	line-height: 1.35em;
	padding: 10px 0px 15px 0px;
	margin: 0;
}

h4.noTopPad {
	padding-top: 0;
}

h5 {
	font-size: 125%;
	font-weight: bold;
	color: #6f6d6e;
	text-transform: uppercase;
	padding: 15px 0px 8px 20px;
	margin: 0;
}

.inDepthSiteCondition {
	font-size: 125%;
	font-weight: bold;
	color: #009900;
	text-transform: uppercase;
	padding: 15px 0px 8px 20px;
	margin: 0;
}

/* Misc. */

.figure {
	padding: 10px;
	margin: 10px 20px 10px 20px;
	background-color: #f6f8e1;
}

.caption {
	font-size: 95%;
	font-style: italic;
	padding: 10px 0px 10px 0px;
}

.linkDivider {
	color: #E2DD78;
}

.indent1 {
	padding-left: 30px;
}

.indent2 {
	padding-left: 60px;
}

.indent3 {
	padding-left: 70px;
}

.semiBold {
	font-weight: 400;
}

.boldItalic {
	font-style:italic;
	font-weight:bold;
}

.semiBoldItalic {
	font-style: italic;
	font-weight: 400;
}

.formula {
	font:message-box;
	text-align:center;
	font-weight:bold;
}

.chemicalSubscript {
	vertical-align:sub;
}

.roman {
	font-family: "Times New Roman", Times, serif;
}

.width250 {
	width: 250px;
}

/* SECTION-SPECIFIC ----------------------------------------------------*/

/* Technical Guide Home Page */

#homeContentLeft {
	margin: 40px 0px 0px 0px;
	padding: 0px 0px 25px 35px;
	width: 300px;
	float: left;
}

#homeContentRight {
	margin: 40px 0px 0px 0px;
	padding: 0px 60px 20px 0px;
	width: 400px;
	float: right;
}

.illustratedGuide {
	color: #7f7f7f;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 10px 10px;
}

.illustratedGuide p {
	padding: 0px 0px 3px 0px;
	margin: 0px 0px 0px 0px;
}

table.illustratedGuide td {
	vertical-align: top;
}

p.subTitle {
	font-size: 85%;
	color: #7f7f7f;
	border-bottom: 1px #DEDEDE solid;
	padding: 3px 0px 5px 0px;
	margin: 0px 0px 10px 0px;
	;
}

.homePhoto {
	margin: 15px 0px 15px 0px;
	padding: 0px 0px 0px 0px;
}

/* Executive Summary Body Page */

#execSummaryListWrapper {
	font-size: 90%;
	margin: 0px 0px 0px 0px;
	padding: 15px 25px 10px 15px;
	width: 200px;
	border-bottom: 1px #DEDEDE solid;
	border-right: 1px #DEDEDE solid;
	border-left: 1px #DEDEDE solid;
}

.execSummaryTitle {
	font-size: 125%;
	font-weight: bold;
	margin: 0;
	padding: 10px 5px 10px 25px;
	color: #7F7F7F;
	background-color: #DEDEDE;
	width: 212px;
	text-transform: uppercase;
}

.currentPage {
	background-color: #ebeecd;
	color: #7f862f;
}

/* Full Technical Guide */

.subSections {
	margin: 0px 0px 0px 0px;
	padding: 2px 25px 10px 12px;
	line-height: 1.25em;
}

#pageNavWrapper {
	float: right;
	margin: 0px 0px 15px 25px;
	padding: 0px;
	clear: both;
}

#pageNavList {
	font-size: 90%;
	margin: 0px 0px 0px 0px;
	padding: 10px 10px 15px 15px;
	width: 175px;
	border-bottom: 1px #DEDEDE solid;
	border-right: 1px #DEDEDE solid;
	border-left: 1px #DEDEDE solid;
}

#pageNavWrapper ul {
	list-style: none;
	margin: 0;
	padding: 0;
}

#pageNavWrapper li {
	margin: 0;
	padding: 4px 0px 4px 0px;
	border-bottom: 1px #dfe5c5 solid;
}

.pageNavTitle {
	font-size: 125%;
	font-weight: bold;
	margin: 0;
	padding: 10px 5px 10px 15px;
	color: #7F7F7F;
	background-color: #DEDEDE;
	width: 182px;
	text-transform: uppercase;
}

/* Acronyms */

table.acronyms {
	background-color: #FFFFFF;
	margin: 0;
}

/* Glossary */

table.glossary {
	background-color: #FFFFFF;
	margin: 0;
}

table.glossary td{
	border-bottom: 1px solid #dfe5c5;
	padding: 7px 7px 7px 0px;
}

.glossaryNav{
	float:right;
	width: 69%;
	background-color: #FFFFFF;
	padding: 0px;
}
.glossaryNav td{
	color: #C6c6c6;
	text-align:center;
	background-color: #FFFFFF;
	width: 25px;
}

.glossaryNavLink{
	color: #5f7729;
	display:block;
	text-align:center;
	text-decoration: underline;
	background-color: #FFFFFF;
	padding: 0px;
}

a.glossaryNavLink:hover{
	display:block;
	text-align:center;
	text-decoration: none;
	background-color: #e7f1d2;
	padding: 0px;
}

/* Figure specific styles */

.figure51 {
	float: right;
	width: 250px;
}

/* Download Technical Guide Form */

#formPageContent {
	margin: 40px 0px 0px 20px;
	padding: 0px 0px 25px 35px;
	width: 625px;
	float: left;
}

table.formTable {
	font-size: 90%;
	width: 600px;
	margin: 15px 0px 0px 15px;
	background-color: #FFFFFF;
}

table.formTable td {
	vertical-align: middle;
}

.submitButton {
	padding: 0;
	margin: 25px 0px 25px 0px;
	float: right;
	clear: both;
}

/* Download Complete Technical Guide Button */

#downloadGuideButton {
	width: 282px;
	height: 60px;
	padding: 0px;
	margin: 15px 0px 0px 0px;
}

#downloadGuideButton ul {
	margin: 0;
	padding: 0;
}

#downloadGuide li {
	list-style: none;
	display: inline;
	margin: 0;
	padding: 0;
}

#downloadGuide li#A a {
	background: url("/images/learn/btn_download_guides.png") no-repeat;
	background-position: 0px 0px;
	width: 282px;
	height: 60px;
	float: left;
	padding-right: 0px;
}

#downloadGuide li#A a:hover {
	background-position: 0px -60px;
}

/* SUBMIT LEARNING SUMMARY */
#submitSummary table{
	background-color: #ffffff;
	border: none;
	margin: 0px;
}

/* Comment form */
input {	
    font: normal small Arial, Helvetica, sans-serif;
	color: #2a2922;
}

textarea {
	font: normal small Arial, Helvetica, sans-serif;
	color: #2a2922;
}

.formButton {       
    font: bold 90%/1.10em Arial, sans-serif;
    color: #ffffff;
    background-color: #5f7729;
    border: 1px solid #5f7729;
    padding: 3px 10px 3px 10px;
}

.formButton:hover {
    text-decoration: underline;    
	cursor: pointer;
}

.formButtonReset {
    font: bold 90%/1.10em Arial, sans-serif;
    color: #5f7729;
    background-color: #ffffff;
    border: 1px solid #5f7729;
    padding: 3px 10px 3px 10px;
}

.formButtonReset:hover {
    text-decoration: underline;    
	cursor: pointer;
}

.required {
    color: #DC493F;
}