/* ============== SIDE BAR STYLES ==============  */

.secnavwet4 * ol, .secnavwet4 * ul {
  list-style-type: none !important;
}

div.secnavwet4 {
  margin-top: 38px;
}


div.secnavwet4 * h4 {
  position: relative;
  display: block;
  
 

  padding: 10px 15px !important;
  margin-top: 0 !important;
  margin-bottom: -1px !important;
  background-color: #fff;
  border: 1px solid #ddd;
  text-align: left !important;
  background: rgb(83,100,122) !important;
  color: white !important;
  font-weight: normal !important;
    font-size: 16px !important;
}



div.secnavwet4 h3 {
  position: relative;
  
  display: block;
  
  padding: 10px 15px !important;
  margin-top: 0 !important;
  margin-bottom: -1px !important;
  background-color: #fff;  
  border: 1px solid #ddd;
  text-align: left !important;
  background: rgb(83,100,122);
  color: white !important;
  font-weight: normal !important;
  font-size: 16px !important;
}


h3.top-section {
  position: relative;
  
  display: block;
  
  padding: 10px 15px !important;
  margin-top: 0 !important;
  margin-bottom: -1px !important;
  background-color: #fff;
  border: 1px solid #ddd;
  text-align: left !important;
  color: white !important;
  background: rgb(51,80,117) !important;
  font-weight: normal !important;
}

div.secnavwet4 * li {
  position: relative;
  
  display: block;
  
  padding: 10px 15px !important;
  margin-bottom: -1px;
  
  background-color: #fff;
  
  border: 1px solid #ddd;
  text-align: left !important;
  background: rgb(230,230,230) !important;
}

div.secnavwet4 * li:first-child { 
  border-top-right-radius: 4px;

  border-top-left-radius: 4px; 
}


div.secnavwet4 * li:last-child {    
  margin-bottom: 0;
    
  border-bottom-right-radius: 4px;
    
  border-bottom-left-radius: 4px;
 }


 div.secnavwet4 *  ul { 
   margin: 0;
   padding: 0;
 }

 div.secnavwet4 * a {
   text-decoration: none;
 }



 div.secnavwet4  h3 >  a {
   color: white !important;
}

/* ============== END SIDE BAR STYLES ==============  */

/* ============== Table footer footnote fix ======*/
.wet-boew-footnotes dl dd:focus p.footnote-return a{color:white!important;background-color:#555;border-color:#555}
.wet-boew-footnotes dl dd p.footnote-return a{background-color:#eee;border:1px solid #ccc;padding:0 4px 1px;white-space:nowrap}
.wet-boew-footnotes{margin:2em 10px 0 10px;border-width:1px 0 1px 0;border-style:solid;border-color:#ccc}
.wet-boew-footnotes dl{margin:0}
.wet-boew-footnotes dl dt{position:absolute;clip:rect(1px,1px,1px,1px);height:1px;width:1px;overflow:hidden;margin:0}
.wet-boew-footnotes dl dd{position:relative;margin:.375em 0;border:1px solid transparent}
.wet-boew-footnotes dl dd:focus{background-color:#eee;border-color:#555}
.wet-boew-footnotes dl dd p{margin:0 0 0 3.125em;padding:0 .375em .375em .375em}
.wet-boew-footnotes dl dd p:first-child{padding-top:.375em}
.wet-boew-footnotes dl dd p.footnote-return{top:0;margin:0;padding-top:.375em;padding-right:0;position:absolute;width:2.75em;overflow:hidden}
.wet-boew-footnotes dl dd p.footnote-return a{display:-moz-inline-stack;display:inline-block;vertical-align:middle;padding-bottom:0}
[dir="rtl"] .wet-boew-footnotes dl dd p{margin-left:0;margin-right:3.125em;padding-left:0;padding-right:.375em}
[dir="rtl"] .wet-boew-footnotes dl dd p.footnote-return{margin-right:0;padding-right:0}

@media print{.background-light sup a.footnote-link,table th sup a.footnote-link{background-color:transparent}sup a.footnote-link,.wet-boew-footnotes dl dd p.footnote-return a{background-color:transparent;border:0;padding:0}.wet-boew-footnotes{margin-left:0;margin-right:0;margin-bottom:1em}.wet-boew-footnotes border{left:0;right:0}.wet-boew-footnotes dl dd{border:0;width:100%;display:-moz-inline-stack;display:inline-block;vertical-align:middle}.wet-boew-footnotes dl dd p.footnote-return{overflow:visible}}
/* ============== End of footnote fix ============*/


.pub-table th, table.smartgraph thead th, caption {
	font-weight: bold;
}

.bx4 {
  position: static !important;
  overflow:auto;
	
}

div.box01warn02
	{  background-color: #ddeeff;
	border-right: #000 solid 2px;
	border-left: #000 solid 2px;
	border-bottom: #000 solid 2px;
	border-top: 2px solid #000;
	border-bottom: 2px solid #000;
	padding: 5px;
	margin: 0px;
	margin-left: 0.8em;
	margin-right: 0.7em;
	overflow: auto;	
}

body {
	font-family: Arial, sans-serif!important
}
h1, .h1, h2, .h2, h3, .h3, h4, .h4, h5, .h5, h6, .h6 {
	font-family: Arial, sans-serif!important
}
.tooltip {
	font-family: Arial, sans-serif!important
}
.popover {
	font-family: Arial, sans-serif!important
}
details.alert {
	font-family: Arial, sans-serif!important
}
.fa-3-5x {
	font-size: 3.5em !important;
	;
}
.panel-body {
	text-align: justify;
	background-color:inherit !important;
	
}
/* left hand menu */
.nav-top {
	background-color: #335075 !important;
	color: #fff !important;
}
#top {
	color: #fff !important;
}
.nav-pubtle {
	background-color: #53647a !important;
	color: #fff !important;
}

.pub-tle:hover {
	color: #fff !important;
}
/*Right hand menu*/
nav div.rgt-menu a {
	border-radius: 0px !important;
	color: #000;
	text-decoration: none;
	background-color: #fcfcfc;
}
nav div.rgt-menu a:hover {
	background-color: #f5f5f5;
}
nav div.rgt-menu a.rgt-menu {
	background-color: #53647a;
	color: #FFF;
}
/*mobile right hand menu - bottom of page*/
nav div.mob-rgt-menu a {
	border-radius: 0px !important;
	color: #000;
	text-decoration: none;
	background-color: #fcfcfc;
}
nav div.mob-rgt-menu a:hover {
	background-color: #f5f5f5;
}
nav div.mob-rgt-menu a.rgt-menu {
	background-color: #53647a;
	color: #FFF;
}


/*active mobile nav button*/
.act-nav {
	background-color: #335075 !important;
	border-color: #335075 !important;
	color: white !important;
}

/* Mobile title in H1*/
.sm-txt {
	font-size: 85%;
}
/*changes the H1 "small" tag black in mobile*/
small[class*="visible-sm visible-xs"] {
	color:#000;
	}

/* Mobile title in H2 h3 h4*/
@media (max-width: 992px) {
	h2 {font-size:120%;

	}
	h3 {font-size:115%;
	
	}
	h4 {font-size:110%;
	
	}
	h5 {font-size:105%;
	
	}
	h6 {font-size:100%;
	
	}	
}


.brdr-rd-0 {
	border-radius: 0px !important;
}
/*table*/
caption {
	text-align: left !important;
}
td {
	text-align: right;
}
.wb-fnote {
	border: none !important;
	margin-top: 0px !important;
	font-size:85% !important;
}
tbody th {
	font-weight: normal !important;
}
th {
	vertical-align: top !important;
}
tr.tbl-hdr th {
	font-weight: bold;
	text-align: center;
}
tr.tbl-uom th {
	font-weight: normal;
	text-align: right;
}
/*background of default - greyish*/
.bg-default {
	background-color: #eaebed !important;
	color: #335075 !important;
}
/*same as .row from wet*/
.even {
	margin-left: -15px;
	margin-right: -15px;
}
/* just left*/
.evenlt {
	margin-left: -15px;
}
/*just right*/
.evenrt {
	margin-right: -15px;
}
/*grey panel*/
.panel-grey {
	border-color: #555
}
.panel-grey>.panel-heading {
	color: #fff;
	background-color: #555;
	border-color: #555;
}
.panel-grey>.panel-heading+.panel-collapse>.panel-body {
	border-top-color: #555;
	background-color: #555;
}
/*glyphicon sizing*/
.gi-2x {
	font-size: 2em;
}
.gi-3x {
	font-size: 3em;
}
.gi-4x {
	font-size: 4em;
}
.gi-5x {
	font-size: 5em;
}

/*WET 3 stuff*/
.wrap-none {white-space:nowrap;
			}


/*Removes Anchor "link" look */

h2 > a{color:#000 !important;
	 text-decoration:none !important;}

table.pub-table{margin-bottom: 30px;}
/*Modules from WET 3*/
/*Modules for the righthand menus from WET 3*/

.module-related p, .module-related h2, .module-related h3, .module-related h4, .module-related h5, .module-related h6 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 100%;
	font-weight: 700;
	line-height: 18px;
	margin: 0 0 1px!important;
	padding: 5px 10px;
	width: auto;
	background-color: #53647a;
	color: white!important;
	}
div.module-related ul li a:hover{ 
								 background-color:#f9f9f9 !important;
								 color: #284162 !important;}
	

.module-billboard li, .module-related>ul, .module-menu-section>ul {
	margin-top: 1px!important;
	margin-bottom: 0
}
.module-billboard ul, .module-related ul, .module-menu-section ul {
	margin: 0;
	list-style: none
}
.module-billboard ul li, .module-related ul li, .module-menu-section ul li {
	list-style-image: none;
	list-style-type: none;
	margin-left: 0
}
[class*="module-"] .background-light {
	color: #222!important;
	text-shadow: 0 1px 1px #FFF
}

.module-related ul, .module-menu-section ul {
	background-color: #f9f9f9;
	border: 1px solid #ccc;
	margin-bottom: 10px;
}

.module-related ul li, .module-menu-section ul li {
	border-top: 1px dotted #d4d4d4;
	margin-bottom: 0!important
}
.module-related ul li:first-child, .module-menu-section ul li:first-child {
	border-top: 0
}
.module-related ul li, .module-menu-section ul li a {
	display: block;
	padding: 2px;
}



/*END of the righthand menus from WET 3*/

div .module-alert, div .module-attention, div .module-note, div .module-info, div .module-question, div .module-answer, div .module-tool, div .module-inprogress, div .module-refer, div .module-summary, div .module-archive {
	background-image: url("/wet-boew/dist/grids/images/module.jpg") !important;
	background-repeat: no-repeat !important;
	padding-bottom: 5px !important;
	margin-top: 15px !important;
	-webkit-box-sizing: border-box !important;
	-moz-box-sizing: border-box !important;
	box-sizing: border-box !important;
		padding: 30px 5px 5px 10px !important;
}
div .module-alert.module-simplify, div .module-attention.module-simplify, div .module-note.module-simplify, div .module-info.module-simplify, div .module-question.module-simplify, div .module-answer.module-simplify, div .module-tool.module-simplify, div .module-inprogress.module-simplify, div .module-refer.module-simplify, div .module-summary.module-simplify, div .module-archive.module-simplify {
	background-image: none !important;
	padding: 5px 5px 5px 10px !important;
}

div .module-attention {
	background-color: #fffcee;
	outline: 1px solid #ffe75d;
	background-position: 0 0
}
div .module-alert {
	background-color: #fbebeb;
	outline: 1px solid #d73d38;
	background-position: -1200px 0
}
div .module-note {
	background-color: #eee;
	outline: 1px solid #555;
	background-position: -2400px 0
}
div .module-info {
	background-color: #e9f2f6;
	outline: 1px solid #2a7da6;
	background-position: -3600px 0
}
div .module-question {
	background-color: #f3f3f3;
	outline: 1px solid #888;
	background-position: -4800px 0
}
div .module-answer {
	background-color: #f0f5ec;
	outline: 1px solid #6c9f42;
	background-position: -6000px 0
}
div .module-tool {
	background-color: #f8f7f4;
	outline: 1px solid #bab595;
	background-position: -7200px 0
}
div .module-inprogress {
	background-color: #f0f4f6;
	outline: 1px solid #6d92a5;
	background-position: -8400px 0
}
div .module-refer {
	background-color: #ebeef1;
	outline: 1px solid #3f577c;
	background-position: -9600px 0
}
div .module-summary {
	background-color: #ecf2ec;
	outline: 1px solid #418541;
	background-position: -10800px 0
}
div .module-archive {
	background-color: #f8eaea;
	outline: 1px solid #b93531;
	background-position: -12000px 0
}

/*Padding to match margins from WET*/

.pddng-all-none {
	padding: 0px;
}
.pddng-all-sm {
	padding: 5px;
}
.pddng-all-md {
	padding: 15px;
}
.pddng-all-lg {
	padding: 30px;
}
.pddng-all-xl {
	padding: 50px;
}
.pddng-lft-0 {
	padding-left: 0px;
}
.pddng-lft-sm {
	padding-left: 5px;
}
.pddng-lft-md {
	padding-left: 15px;
}
.pddng-lft-lg {
	padding-left: 30px;
}
.pddng-lft-xl {
	padding-left: 50px;
}
.pddng-bttm-0 {
	padding-bottom: 0px;
}
.pddng-bttm-sm {
	padding-bottom: 5px;
}
.pddng-bttm-md {
	padding-bottom: 15px;
}

.pddng-bttm-lg {
	padding-bottom: 30px;
}
.pddng-bttm-xl {
	padding-bottom: 50px;
}
.pddng-tp-0 {
	padding-top: 0px;
}
.pddng-tp-sm {
	padding-top: 5px;
}
.pddng-tp-md {
	padding-top: 15px;
}
.pddng-tp-lg {
	padding-top: 30px;
}
.pddng-tp-xl {
	padding-top: 50px;
}
.pddng-rght-0 {
	padding-right: 0px;
}
.pddng-rght-sm {
	padding-right: 5px;
}
.pddng-rght-md {
	padding-right: 15px;
}
.pddng-rght-lg {
	padding-right: 30px;
}
.pddng-rght-xl {
	padding-right: 50px;
}
/* 2. GOCPUB Conform-e styles */
table.pub-table {
	background-color: #fff;
	border: 1px #d4d4d4 solid;
	border-collapse: collapse;
	border-spacing: 0px;
}
table.pub-table caption {
	font-size: 110%;
	font-weight: bold;
	text-align: left;
}
table.pub-table td, table.pub-table th {
	border: 1px #d4d4d4 solid;
	color: #000;
	padding: 5px;
	vertical-align: top;
	
}
table.pub-table td {
	background-color: #fff;
	text-align: right;
}
table.pub-table th {
	background-color: #eee;
	text-decoration:inherit;
	font-weight:bold !important;
	text-align: right;
}
table.pub-table th.col-left, table.pub-table td.col-left {
	background-color: #eee;
	color: #000;
	text-align: left;
}
table.pub-table th.col-group {
	text-align: center;
}
table.pub-table th.uom {
	font-weight: normal !important;
}
table.pub-table th.uom-left {
	font-weight: normal !important;
	text-align: left;
}
table.pub-table th.uom-center {
	font-weight: normal !important;
	text-align: center;
}
table.pub-table td.data-left {
	text-align: left;
}
table.pub-table td.data-center {
	text-align: center;
}
table.pub-table th.row-heading, table.pub-table td.row-heading {
	background-color: #eee;
	text-align: left;
}
table.pub-table th.row-stub {
	background-color: #fff;
	font-weight: normal !important;
	text-align: left;
}
table.pub-table th.heading-indent1, table.pub-table th.heading-indent2 {
	background-color: #eee;
	text-align: left;
}
table.pub-table th.heading-indent1 {
	padding-left: 10px;
}
table.pub-table th.heading-indent2 {
	padding-left: 15px;
}
table.pub-table th.stub-indent1, table.pub-table th.stub-indent2, table.pub-table th.stub-indent3, table.pub-table th.stub-indent4, table.pub-table th.stub-indent5 {
	background-color: #fff;
	font-weight: normal !important;
	text-align: left;
}
table.pub-table th.stub-indent1 {
	padding-left: 10px;
}
table.pub-table th.stub-indent2 {
	padding-left: 15px;
}
table.pub-table th.stub-indent3 {
	padding-left: 20px;
}
table.pub-table th.stub-indent4 {
	padding-left: 25px;
}
table.pub-table th.stub-indent5 {
	padding-left: 30px;
}
table.pub-table td.table-footer {
	font-size: 85%;
	text-align: left;
	white-space: normal;
}
tr.highlight-row:hover th, tr.highlight-row:hover td {
	background-color: #eee;
}
/* Modified WET footnotes styles */

/* WET footnote styles */

/* end of GOCPUB Conform-e styles */

/* 3. Tables on SmartGraph long description pages */
table.smartgraph {
	min-width: 20%;
	max-width: 100%;
	background-color: #fff;
	border: 1px #000 solid;
	border-collapse: collapse;
	border-spacing: 0px;
}
table.smartgraph caption {
	font-weight: bold;
	font-size: 110%;
	text-align: left;
}
table.smartgraph thead th, table.smartgraph tbody th, table.smartgraph tbody td {
	border: 1px #d4d4d4 solid;
	color: #000;
	padding: 0 4px 0 4px;
	vertical-align: top;
}
table.smartgraph th.non_merging_cell {
	background-color: #eee;
	text-align: right;
}
table.smartgraph thead th.stub1 {
	background-color: #eee;
	text-align: left;
}
table.smartgraph tbody th.stub1 {
	background-color: #fff;
	font-weight: normal;
	text-align: left;
}
table.smartgraph tbody td.data {
	text-align: right;
}
table.smartgraph tbody tr:hover th, table.smartgraph tbody tr:hover td {
	background-color: #eee;
}
/* End of SmartGraph long desc tables */

/* 4. Table footer for tables produced by SmartGraph */
div.tableft-end {
	margin-left: 10px;
	margin-right: 10px;
	max-width: 77%;
}
div.tableft-hdr {
	margin-left: 0px;
	float: left;
}
div.tableft-fn {
	margin: 0px 20px 0px 30px;
}
div.tableft-hdr-note, div.tableft-hdr-source {
	margin-left: 0px;
	float: left;
	font-weight: bold;
}
div.tableft-otherft, div.tableft-note, div.tableft-source {
	margin: 0px 30px 0px 70px;
}

[href^="mailto:"] {
    background-image: url("/Framework/Images/pubs/mail.png");
    background-repeat: no-repeat;
    padding-left: 19px;
}

[href$=".psd"], [href$=".zip"], [href$=".egret"], [href$=".doc"], [href$=".pdf"], 
[href$=".xls"], [href$=".rtf"], [href$=".pot"], [href$=".ppt"], [href$=".pps"], [href$=".pptm"], 
[href$=".docx"], [href$=".xlsx"], [href$=".pptx"], [href$=".pub"], [href$=".csv"] {
    background-image: url("/Framework/Images/pubs/drive-download.png");
    background-repeat: no-repeat;
    padding-left: 24px;
    
}

/* 5. Table, map, chart and figure icons for CLF3 template */
div.chart, div.table, div.map, div.figure {
	margin-top: 0.5em;
	margin-right: 10px;
	margin-bottom: .75em;
	margin-left: 0px;
	min-height: 22px;
}
div.chart {
	background: url(/Images/pubs/c-g.gif) no-repeat top left;
}
div.map {
	background: url(/Images/pubs/map-carte.gif) no-repeat top left;
}
div.table {
	background: url(/Images/pubs/tbl.gif) no-repeat top left;
}
div.figure {
	background: url(/Images/pubs/figure.gif) no-repeat top left;
}
div.chart div.chart-title, div.table div.table-title, div.map div.map-title, div.figure div.figure-title {
	margin-left: 37px;
}

/* 6. Box around text */ 

.bx {
	border: 2px solid #000;	
	padding-left: 20px;
	padding-right: 20px;
	margin-right: 10px;
	margin-left: 0px;
	
}
/* Adjust the size of headings within a text box */
.bx h2, .bx h3, .bx h4 {
    font-size: 110%;
	color: #000;
	margin-top: 15px;
}
/* End of heading size */
.bx1 {
	border: 6px outset #CCCCCC;
	padding-left: 20px;
	padding-right: 20px;
	margin-right: 10px;
	margin-left: 0px;
}
.bx2 {
	border: 1px solid #000;
	padding-left: 20px;
	padding-right: 20px;
	padding-top: 5px;
	margin-right: 10px;
	margin-left: 0px;
}
.bx3 {
	border: 2px solid #000;
	padding-left: 20px;
	padding-right: 20px;
	margin-right: 10px;
	margin-left: 0px;
}
.bx4 {
	border: 2px solid #CCCCCC;
	padding-left: 20px;
	padding-right: 20px;
	position:relative;
	margin-right: 200px;
	margin-left: 0px;
	background-color:#F6F6F6
}
.bxgray {
	border: solid 3px #CCCCCC;
	padding-left: 20px;
	padding-right: 20px;
	margin-right: 10px;
	margin-left: 0px;
}

/* Text in grey box */
.greybox {
	border: 2px solid #CCCCCC;
	margin-left: 0px;
	margin-right: 10px;
	padding-left: 20px;
	padding-right: 20px;
	background-color:#F6F6F6
}