/**
///
/// $Id: nrlc_formatting.css,v 1.23 2019-02-25 23:57:39-07 chadwick Exp chadwick $
///
/// Copyright (c) 2008 - 2011 All rights reserved.
///
**/

/**
*** Main style sheet for the NRLC Oil and Gas BMPs web site.
**/

/* Use the noprint class to hide content that should not be printed. */
@media print {
   .noprint {display:none !important;}
}

/* Google Fonts */

@font-face {
  font-family: 'Open Sans';
  src: url("./fonts/OpenSans-Regular.eot?v=1.1.0");
  src: url("./fonts/OpenSans-Regular.eot?#iefix&v=1.1.0") format("embedded-opentype"), url("./fonts/OpenSans-Regular.woff2?v=1.1.0") format("woff2"), url("./fonts/OpenSans-Regular.woff?v=1.1.0") format("woff"), url("./fonts/OpenSans-Regular.ttf?v=1.1.0") format("truetype"), url("./fonts/OpenSans-Regular.svg?v=1.1.0#Regular") format("svg");
  font-weight: normal;
  font-style: normal; }
/* END Regular */
/* BEGIN Italic */
@font-face {
  font-family: 'Open Sans';
  src: url("./fonts/OpenSans-Italic.eot?v=1.1.0");
  src: url("./fonts/OpenSans-Italic.eot?#iefix&v=1.1.0") format("embedded-opentype"), url("./fonts/OpenSans-Italic.woff2?v=1.1.0") format("woff2"), url("./fonts/OpenSans-Italic.woff?v=1.1.0") format("woff"), url("./fonts/OpenSans-Italic.ttf?v=1.1.0") format("truetype"), url("./fonts/OpenSans-Italic.svg?v=1.1.0#Italic") format("svg");
  font-weight: normal;
  font-style: italic; }
/* END Italic */
/* BEGIN Semibold */
@font-face {
  font-family: 'Open Sans';
  src: url("./fonts/OpenSans-Semibold.eot?v=1.1.0");
  src: url("./fonts/OpenSans-Semibold.eot?#iefix&v=1.1.0") format("embedded-opentype"), url("./fonts/OpenSans-Semibold.woff2?v=1.1.0") format("woff2"), url("./fonts/OpenSans-Semibold.woff?v=1.1.0") format("woff"), url("./fonts/OpenSans-Semibold.ttf?v=1.1.0") format("truetype"), url("./fonts/OpenSans-Semibold.svg?v=1.1.0#Semibold") format("svg");
  font-weight: 600;
  font-style: normal; }
/* END Semibold */
/* BEGIN Semibold Italic */
@font-face {
  font-family: 'Open Sans';
  src: url("./fonts/OpenSans-SemiboldItalic.eot?v=1.1.0");
  src: url("./fonts/OpenSans-SemiboldItalic.eot?#iefix&v=1.1.0") format("embedded-opentype"), url("./fonts/OpenSans-SemiboldItalic.woff2?v=1.1.0") format("woff2"), url("./fonts/OpenSans-SemiboldItalic.woff?v=1.1.0") format("woff"), url("./fonts/OpenSans-SemiboldItalic.ttf?v=1.1.0") format("truetype"), url("./fonts/OpenSans-SemiboldItalic.svg?v=1.1.0#SemiboldItalic") format("svg");
  font-weight: 600;
  font-style: italic; }
/* END Semibold Italic */
/* BEGIN Bold */
@font-face {
  font-family: 'Open Sans';
  src: url("./fonts/OpenSans-Bold.eot?v=1.1.0");
  src: url("./fonts/OpenSans-Bold.eot?#iefix&v=1.1.0") format("embedded-opentype"), url("./fonts/OpenSans-Bold.woff2?v=1.1.0") format("woff2"), url("./fonts/OpenSans-Bold.woff?v=1.1.0") format("woff"), url("./fonts/OpenSans-Bold.ttf?v=1.1.0") format("truetype"), url("./fonts/OpenSans-Bold.svg?v=1.1.0#Bold") format("svg");
  font-weight: bold;
  font-style: normal; }
/* END Bold */
/* BEGIN Bold Italic */
@font-face {
  font-family: 'Open Sans';
  src: url("./fonts/OpenSans-BoldItalic.eot?v=1.1.0");
  src: url("./fonts/OpenSans-BoldItalic.eot?#iefix&v=1.1.0") format("embedded-opentype"), url("./fonts/OpenSans-BoldItalic.woff2?v=1.1.0") format("woff2"), url("./fonts/OpenSans-BoldItalic.woff?v=1.1.0") format("woff"), url("./fonts/OpenSans-BoldItalic.ttf?v=1.1.0") format("truetype"), url("./fonts/OpenSans-BoldItalic.svg?v=1.1.0#BoldItalic") format("svg");
  font-weight: bold;
  font-style: italic; }
/* END Bold Italic */

/**
*** HTML Element default styles (alphabetized)
**/

blockquote {
    font-style: italic;
    background-color: #FFFFCC;
    padding: 0em;
    font-variant: normal;
    text-align: left;
    display: inline;
    white-space: normal;
    float: right;
    width: 30%;
    margin-top: 0.2em;
    margin-right: 0.5em;
    margin-bottom: 0.2em;
    margin-left: 0.5em;
    border: thin dotted #000000;
}

blockquote p {
    margin: 0em;
    padding: 0em;
    font-family: Arial, Verdana, sans-serif; 
    font-size: 10px; 
}

blockquote.aside {
    font-family: "Open Sans",Verdana,Arial,Helvetica,sans-serif;
    font-size: 10pt;
    font-weight: normal;
    font-style: italic;
    letter-spacing: 1px;
    padding: 1em;
    margin: 1em;
}

body {
    font-family: Arial, Helvetica, sans-serif; 
    font-size: 14px;
    background-color: #FFFFFF;
    background-image:url(images/backgrd.jpg);
    background-repeat: repeat-x;
    margin: 0;
    padding: 0; 
}

  
h1, h2, h3, h4, h5, h6 {
    font-family: "trebuchet ms", arial, "sans serif";
}
h1, h2, h3, h4, h5, h6 {
    font-weight: normal;
}

h1 {
    font-size: 36px;
    color: #000000;
    font-variant: small-caps;
    border-bottom: thin solid #355273;
    margin: 0.2em 1em 0.2em 1em; 
    padding-top: 0.5em;
    padding-bottom: 0.2em;
}

h2 {
    font-size: 23px;
    font-variant: small-caps;
    margin-bottom: -0.2em;
	color: #000000;
	margin-left: 1.5em;
	font-family: Arial, Helvetica, sans-serif;
	margin-top: 0.2em;


}  
h3 {
    font-size: 18px;
    color:#355273;
    font-variant: small-caps;
    margin: 1em 2em -0.2em 2em;
}

h4 {
    font-size: 14px;
    color:#000000;
    margin-top: 1em;
    margin-bottom: 0em;
    margin-left: 2.3em;
}

h5 {
    font-size: 12px;
    color:#666666;
    margin-top: 1em;
    margin-bottom: 0em;
    margin-left: 2.4em;
}

h6 {
    font-size: 12px;
    color: #000000;
    margin-top: 1em;
    margin-left: 2.4em;
}

li {
    padding-bottom: 2px;
}

table {
    margin: 0;
    padding: 0;
}

td {
    font-size: 14px;
    padding: 0;
}

figure {
  	float: right;
  	width: 40%;
	font-family: Arial, Helvetica, sans-serif;
  	text-align: center;
  	font-style: normal;
  	font-size: smaller;
  	text-indent: .05;
  	border: hidden;
  	margin: 0.5em;
  	padding: 0em;
}
img.scaled {
  width: 100%;
}

table {
    border-spacing: 0;
}

#top-bar {
    padding: 6px 8px;
    text-align: right;
}

#content-wrapper {
    width: 960px;  /* TODO: make responsive */
    padding: 0;
    margin: 0 auto;
}
#content-banner,
#page-banner {
    font-size: 0;
}
  
.searchform-wrapper {
    background-color: #EFF0F1; 
    border-radius: 14px;
    margin:0 auto;
    max-width: 500px;
}

/**
*** Generic classes (alphabetized)
**/

.caption {
    margin: 5px;
    padding: 5px;
    font-size:70%;
    font-style:italic;
}

.credit {
    font-size: x-small;
    margin-left: 1.8em;
    margin-top: .5em;
    margin-bottom: 0.2em;
    padding-top: .2em;
    padding-right: 0em;
    padding-bottom: 0.5em;
    padding-left: 0.2em;
    margin-right: 1.8em;
    text-align: right;
    font-style: italic;
}

.left { float: left; }

.nowrap { white-space: nowrap; }

.readon {
    display:inline-block;
    height:25px;
    margin-left:10px;
    text-indent:40px;
    font-style: italic;
    font-size: 10px;
    font-variant: small-caps;
    color: #000000;
    line-height: normal;
}

.right { float: right; } 

.small { font-family:Verdana, Arial, Helvetica, sans-serif; font-size: 10px; padding: 1em; }

.smallnopad { font-family:Verdana, Arial, Helvetica, sans-serif; font-size: 10px; }

.smaller { font-family:Verdana, Arial, Helvetica, sans-serif; font-size: 11px; padding: 1em; }


.subnav {
    font-size: x-small;
    font-variant: normal;
    text-transform: capitalize;
    color: #000000;
    margin-left: 1.8em;
    margin-top: .5em;
    margin-bottom: 0.2em;
    padding-top: .2em;
    padding-right: 0em;
    padding-bottom: 0.5em;
    padding-left: 0.2em;
    margin-right: 1.8em;
    text-align: center;
}

.table {
    margin: 0 1em 0.1em 1em;
    padding: 0.2em;
	font-family: Arial, Verdana, sans-serif; font-size: 11px; color:#000000; 
} 

.tablepadding {
    margin-left: 2em;
}

/**
*** Top bar styles
**/

td.top_bar {
    background-color: #000000;
    color: #FFFFFF;
    font-size:13px;
    text-align: left;
    padding: 0.1em 0.2em;
}    
td.top_bar a:link{
    color: #FFFFFF;
    text-decoration: none;
}
td.top_bar a:active{
    color: #FFFFFF;
    text-decoration: none;
}
td.top_bar a:visited{
    color: #FFFFFF;
    text-decoration: none;
}
td.top_bar a:hover{
    color: #FFFFFF;
    text-decoration: underline;
}


/**
*** Navigation bar styles
**/

/*
   NB: See SpryMenuBarHoriztonal.css for core styles used by the navigation bar.
   That stylesheet is paired with the SpryMenuBar.js code, so we wanted to leave
   it intact. It was customized for NRLC. Additionally, the new Submenu and
   SubmenuHeading classes are defined below for further control over the appearance
   of the drop-down menus.
*/

td.nav {
    background-color: #5879A3;
    background-image: url(images/nav_backgrd.jpg);
    background-repeat: repeat-x;
    color: #FFFFFF;
} 

ul.Submenu {
    padding: 0.5em 1em !important;
}
ul.Submenu li {
    text-transform: none;
    padding: 0.25em 0 !important;
    /* border: solid red 1px; */ /* for debugging */
}
ul.Submenu li a {
    padding: 0 !important;
}

/* SubmenuHeading is used for category headings within a drop-down menu */
span.SubmenuHeading {
   display: inline-block;
   font-weight: bold;
   color: black;
   white-space: nowrap;
   padding: 0.5em 0 0 0 !important;
}

/* We must specify the width of drop-down menus due to IE fail */
ul#SearchMenu    { width: 14em; }
ul#ResourcesMenu { width: 12em; }
ul#LawsMenu      { width: 11em; }

  
td.nav p {
    font-family: Arial, Helvetica, sans-serif;
    text-align: left;
    text-transform: uppercase;
    font-size: 12px;
    color: #FFFFFF;
    font-weight: bold;
    margin: 0.3em 1.0em;
}
td.nav a:link {
    text-decoration: none;
    color: #FFFFFF;
    padding: 0.3em 1.0em;
    font-weight:bold;
}
td.nav a:visited {
    color: #FFFFFF;
    font-weight:bold;
    text-decoration: none;
    padding: 0.3em 1.0em;
}
td.nav a:hover {
    color: rgb(54,83,151);
    font-weight:bold;
    text-decoration: none;
    background-color: #FFFFFF;
    padding: 0.3em 1.0em;
}
td.nav a:active {
    color: #FFFFFF;
    font-weight:bold;
    text-decoration: none;
    padding: 0.3em 1.0em;
}
#navigationbar {
    text-align: left;
    margin: 0 auto;
    font-family: Arial, Helvetica, sans-serif;
    text-transform: uppercase;
    font-size: 12px;
    font-weight: bold;
}
#nav2, #nav2 ul {
    float: left;
    width: 100%;
    list-style: none;
    line-height: 1;
    background: #5879A3;
    font-weight: bold;
    padding: 0;
    border: solid #E3E3E3;
    border-width: 0 0 0 0;
    margin: 0 0 0 0;
}
#nav2 a {
    display: block;
    color: #FFFFFF;
    text-decoration: none;
    padding: 0.3em 1.7em;
}
#nav2 a:hover {
    color: #5879A3;
}
#nav2 a.daddy {
    background: url(rightarrow2.gif) center right no-repeat;
}
#nav2 li {
    float: left;
    padding: 0;
}
#nav2 li ul {
    position: absolute;
    left: -999em;
    height: auto;
    width: 14.4em;
    w\idth: 13.9em;
    border-width: 0.25em;
    margin: 0;
}
#nav2 li li {
    padding-right: 1em;
    width: 13em
}
#nav2 li ul a {
    width: 13em;
    w\idth: 9em;
}
#nav2 li ul ul {
    margin: -1.75em 0 0 14em;
}
#nav2 li:hover ul ul, #nav2 li:hover ul ul ul, #nav2 li.sfhover ul ul, #nav2 li.sfhover ul ul ul {
    left: -999em;
}
#nav2 li:hover ul, #nav2 li li:hover ul, #nav2 li li li:hover ul, #nav2 li.sfhover ul, #nav2 li li.sfhover ul, #nav2 li li li.sfhover ul {
    left: auto;
}
#nav2 li:hover, #nav2 li.sfhover {
    background: #fff;
}


/**
*** Main page content styles
**/

td.content {
    background-color: #FFFFFF;
    padding-bottom: 0.5em;
    text-align: left;
}

td.content p {
    margin: 0 2em 0.2em 2em;
    padding: 0.6em;
    font-family: Arial, Verdana, sans-serif; font-size: 14px; color:#000000;
	line-height: 1.3em;
}

td.content a:link, td.content a:active, td.content a:visited {
    text-decoration: underline;
    color: #355273;

}

td.content a:hover{
    text-decoration: underline;
    color: #8EBC1E;

}  
td.content ul {
    margin: -0.1em 1em 1em 2em;
    padding: 0 3em;
    font-family: Arial, Verdana, sans-serif; font-size: 12px; color:#000000; 
}

td.content ol {
    margin: -0.1em 1em 4em 2em;
    padding: 0 3em;
    font-family: Arial, Verdana, sans-serif; font-size: 12px; color:#000000; 
}

table.searchbox {
    margin: 0.2em 1.5em;
    
}

td.box {
    background-color: #EFF0F1;
}

td.hp_middle {
    border-right: 1px solid #CCCCCC;
    border-left: 1px solid #CCCCCC;
}

/**
*** Page footer styles
**/

td.footer {
    font-family: Arial, sans-serif; font-size: 11px;
    color: #FFFFFF;
    background-color: #5879A3;
    background-image: url(images/footer_backgrd.jpg);
    background-repeat: repeat-x;
    background-position: bottom;
    border-radius: 8px;
}

td.footer p {
    padding: 1em 20px;
    color: #FFFFFF;
    margin: 0 1em;
    text-align: left;
}  
td.footer a:link {
    color: #FFFFFF; 
    text-decoration: none; 
    padding: 0 0.5em; 
}

td.footer a:visited{
    color: #FFFFFF; 
    text-decoration: none; 
    padding: 0 0.5em;
}

td.footer a:active {
    color: #FFFFFF; 
    text-decoration: none;
    padding: 0 0.5em;
}

td.footer a:hover {
    color:#FFFFFF;
    text-decoration:underline;
    padding: 0 0.5em;
}


table.members {
    padding: 0;
    margin: 0.5em 2em;
    border: 1px solid #666666;
}

table.members p {
    padding: 0.1em;
    margin: 0;
    text-align: left;
}

td#news p {
    padding: 0.2em;
    margin: 0;
}

td#news h1 {
    padding: 0.2em;
    margin: 0;
}


/**
*** Login box
**/

p.loginMessage {
    font:normal 12pt sans-serif !important;
    margin-top:1em !important;
    text-align: center;
}

table.loginBox {
    background-color: #CCC;
    border: solid #888 2px;
    border-radius: 1em;
    margin: 10px;
    padding: 10px;
}

table.loginBox td {
    font-size: 11pt;
}

/**
*** Style for searching, browsing and viewing BMPs and publications
**/

select.advSearch { 
    width: 280px;
}

div#publicContent {
    margin: 1em 2em;
}

td.toplined {
    border-top: solid gray 1px;
}


/**
*** BMP Search results list
**/

table#bmpList {
    margin: 1em 0;
}

table#bmpList td, th {
    font-size: 10pt;
    padding: 2px 4px;
}

table#bmpList th {
    border-bottom: solid gray 1px;
}

table#catList {
    margin: 0;
    padding:0;
}

table#catList td {
    font-size: 9pt;
    margin: 0;
    padding: 0;
    padding-left: 1em;
}

table#catList td p {
    margin: 0;
    padding: 0;
    padding-left:1em;
    text-indent:-0.5em;
}

table.publicRecord {
    border: solid gray 1px;
}

table.publicRecord td.fieldData {
    border-bottom: solid gray 1px;
    font-size: 10pt;
    padding: 2px 4px;
}

table.publicRecord td.fieldData ul {
    margin-left: 0;
}

table.publicRecord td.fieldLabel {
    background-color: #CCCCCC;
    border-bottom: solid gray 1px;
    color:#333333;
    font-size: 10pt;
    font-weight: bold;
    padding: 2px 4px;
    text-align: right;
    white-space: nowrap;
}

table.pageNav td{
    font-size: 10pt;
}


/**
*** Styles for the page navigation bar
**/

div.pagebar {
    background: url("images/bluegrad1.gif") repeat-x;
    display: inline;
    float: left;
    font-family: Arial,Helvetica,sans-serif;
    font-size: 10pt;
    border-top: 1px solid #d0eaf8;
    border-bottom: 1px solid #d0eaf8;
    width: 100%;
    margin: 4px 0;
    padding: 5px;
    text-align: center;
}

a.pgLink, a.pgLink:visited {
    text-decoration: none;
    padding: 5px;
    color: #055d90;
    white-space: nowrap;
}

a.pgLink:hover, a.pgLink:active  {
    padding: 4px;
    border: 1px solid #055d90;
    text-decoration: none;
    color: #055d90;
    white-space: nowrap;
    background: #fff;
}

.pagebar span.disabled {
    color: #999;
    padding: 0px 5px;
    white-space: nowrap;
}

.pagebar span.pgNum {
    padding: 0px 5px;
}

.pagebar span.sep {
    padding: 0 2px;
}




div#bmpContent, div#bmpSearch, div#biblioSearch {
    margin: 0 2em;
}

table.listView td {
    font-size: 10pt;
    padding: 2px 4px;
}

table#adminForm td {
    font-size: 10pt;
    padding: 2px 4px;
}

div.listview {
    overflow: auto;
    margin-bottom: 0.5em;
    width: 900px; /* required due to bug in IE 6 */
}
     

table.toolbar {
    margin-bottom:0.5em;
    xmargin-right: 4em;
}
td.toolbarButton {
    color: blue;
    cursor:pointer;
    font-size: 11pt;
}

td.actionLinks {
    text-align: center;
    }
    
td.fieldLabel {
    font-size: 10pt;
    font-weight: bold;
    padding-right: 2px;
    text-align: right;
    }

td.fieldData {
    text-align: left;
}

tr.odd {
    background: #f8f5f0;
}



/**
*** Bibliography page
**/

div#biblioContent {
    margin: 0 2em;
}

table#bibliography {
    width: 100%;
}

table#bibliography tr td {
    font-size: 10pt;
}

table#bibliography tr th {
    font-size: 11pt;
}

/* column widths */
table#bibliography tr .citationID { width: 70px; }
table#bibliography tr .usage      { width: 150px; }
table#bibliography tr .authorName { width: 120px; }
table#bibliography tr .pubYear    { width: 100px; }
table#bibliography tr .pubType    { width: 100px; }
table#bibliography tr .bmpCount   { width: 60px; }



/**
*** Pop-up boxes
**/

div.popupBox {
    position:absolute;
    display:none;
    width:300px;
    background-color:wheat;
    padding:1em; 
    padding-bottom:4px;
    border:solid black 1px; 
    font-size:10pt; 
    font-weight:normal; 
    text-align:left;
}

div.popupBox p {
    padding: 0;
    margin: 0;
}

/**
*** EOF: $RCSfile: nrlc_formatting.css,v $
**/