/*
Global styles for Crain's Petrophysical Handbook
COLORS: http://html-color-codes.info/
*/

/* Default body color to black so FP renders high contrast mode properly. */
body { color: #000000; }

/* unvisited link   - BLUE */
a:link          { color: #0000FF; text-decoration: none; }
a:link font     { text-decoration: none; }
/* visited link     - RED */
a:visited       { color: #FF0000; }
a:visited font  { color: #FF0000; }
/* mouse over link  - RED */
a:hover         { color: #FF0000; background-color: #A4A4A4;}
a:hover font    { color: #FF0000; background-color: #A4A4A4;}
/* selected link    - PINK */
a:active        { color: #FF00FF; }
a:active font   { color: #FF00FF; }

/* Navigation Menu links */
a.nav-menu { color: #0000FF; text-decoration: none; }
a.nav-menu:hover { color: #FF0000; }

/* Site Navigation - AQUA BLUE links, YELLOW visited */
#site-navigation-target { background-color: #000; }
.site-navigation { background-color: #000000; padding: 5px 3px 10px; width: 721px; }
.site-navigation td { color: #FFFFFF; font-family: Arial; font-size: small; font-weight: bold; vertical-align: text-top; }
.site-navigation p { margin-top: 0; margin-bottom: 0; }
.site-navigation p.title { font-size: 125%; text-align: center;}
.site-navigation p.signature { font-size: 90%; padding-left: 3px; }
.site-navigation a { color: #00FFFF; padding-left: 3px; text-decoration: none; display: block; }
.site-navigation a:visited { color: #FFFF00 }
.site-navigation a:hover { color: #FFFF00; padding: 0px 3px; }

/* Fixed Header/Left/Right navigation areas */
#nav-left { background-color: white; border-left: 1px solid #0000; left: 13.5px; position: fixed; top: 145px; width: 220px; }
#nav-right { background-color: white; border-right: 1px solid; position: fixed; right: 13px; top: 145px; width: 220px; }
#nav-center { position: fixed; text-align: center; top:0; width: 98.7%; }
#nav-center div { min-height: 78px; }
#nav-center p.welcome-link { margin: 0px; padding: 15px 50px 0px 180px; }
#nav-center a.logo-link { position: absolute; z-index: 1; }
#nav-center a.logo-link img { border: 0; }
#nav-center p.welcome-link { margin-left: 18px; }
#nav-center a.welcome-link:visited font { color: #FFFF00; }
#nav-center div p:nth-child(2) { position: relative; z-index: 2; }
div.nav-fixed h3 { background-color: #000064; color: #FFFF00; font: bolder .95em Arial; height: 19.5px; margin: 0; padding: 2px; text-align: center; vertical-align: middle; white-space: nowrap; }
div.nav-fixed ul { list-style-image: url('../All-Images/images/oildropsml.jpg'); margin-top: 2px; padding-left: 25px; }
div.nav-fixed li { font: bold .80em Arial; text-decoration: none; }
span.nav-menu { border-radius: 5px; color: #FFFF00; background-color: #A4A4A4; display: none; padding: 1px 2px;}
div.page-content { margin-top: 135px; }
td.page-content { line-height: 1.4; padding: 10px 5px 0px;  }

/* Shareware Promotion */
#shareware-promotion-target { background-color: #FF0066; }
#shareware-promotion-target a:link { color: #FFF; }
#shareware-promotion-target a:link font { color: #FFF; }
#shareware-promotion-target a:visited { color: #FFF; }
#shareware-promotion-target a:visited font { color: #FFF; }
body.shareware-promotion { background-color: #FF0066; }
div.shareware-promotion { background-color: #FF0066; }
div.shareware-promotion-content { height: 85px; margin:0px; overflow:auto; padding: 6px 0px 0px 0px;}
.shareware-promotion-fineprint { font-style:italic;}
.shareware-promotion img { margin-top: 15px; }
.shareware-promotion p { color: #FFF; margin: 3px 0px 0px 0px; }
.shareware-promotion a:link { color: #FFF; }
.shareware-promotion a:visited { color: #FFF; }
.shareware-promotion a:visited font { color: #FFF; }

/* Table of Contents */
#table-of-contents-loading { color: #000080; font-size: 125%; font-weight: bold; margin: 150px 50px; }
#table-of-contents td.toc-header { background-color: #000080; height: 3.0em; }
#table-of-contents div.toc-header { color: #FFF; font-family: Arial; font-size: 120%; font-weight: bold; text-align: center; }
#table-of-contents div.toc-header-toggle { color: #FFF; float: right; font-size: 100%; margin-right: 5px; }
#table-of-contents span.toc-header-toggle { background-color: #A4A4A4; border-radius: 5px; color: #FFFF00; cursor: pointer; padding: 1px 2px; }
#table-of-contents a.toc-header-toggle { color: #FFF; font-size: 75%;}
#table-of-contents td.toc-chapter { vertical-align: top; }
#table-of-contents h3.toc-chapter { cursor: pointer; font-family: Arial; font-weight: bold; font-size: 110%; margin: 0px; padding: 3px 5px 3px 5px; }
#table-of-contents span.toc-chapter-toggle { background-color: #A4A4A4; border-radius: 5px; color: #FFFF00; cursor: pointer; float: right; padding: 1px 2px; margin: 2px 2px 0px 0px; }
#table-of-contents div.toc-chapter { display: none; margin: 0px; padding-top: 5px; }
#table-of-contents div.toc-details { display: none; background-color: #A4A4A4; border: 2px solid #000080; font-size: 90%; margin: 0px; padding: 8px 15px 5px 10px; position: absolute; z-index: 3; }
#table-of-contents ul { list-style-type: none; margin: 0px; padding-left: 5px; }
#table-of-contents li { font-family: Arial; font-weight: bold; padding-bottom: 2px; }
#table-of-contents td.toc-footer { background-color: #800000; height: 3.0em; }
#table-of-contents div.toc-footer { color: #FFF; font-family: Arial; font-size: 90%; font-weight: bold; padding-left: 5px; }

/* Gold Member */
.login-label { cursor: pointer; }
.login-form td { font-weight: bolder; font-weight: bold; padding: 15px 5px 0px 0px; text-align: right; }
.login-help { background: #505050; border-radius: 50%; color: #FFFFFF; cursor: pointer; font-size: 16px; font-weight: bold; height: 20px; padding: 2px 6px; text-align: center; width: 20px; }
.login-info { color: #FF0000; display: none; font-size: 120%; margin-left:50px; margin-top:15px; }
.login-info div { font-size: 90%; margin-top: 20px; margin-left: 15px; }
.login-info-ok { background-color: #000000; color: #FFFFFF; cursor: pointer; font-weight: bold; margin-left: 5px; padding: 5px 10px; }
.login-button { background-color: #FF0000; color: #FFFFFF; cursor: pointer; font-weight: bold; font-size: 125%; padding: 10px 25px; }

/* Video Display */
#page-content-title { color: #FFFF00; font-family: Arial; font-size: 1.15em; font-style:italic; font-weight: bold; text-transform: uppercase; }

/* Webinar */
#webinarcode-display { background-color: #FFFF00; padding: 2px; }

/* Page hit counting */
#countpagehit-target {display: none;}
/* Uncomment the following for debugging information */
/*#countpagehit-target {background-color:#FFF;display:block;height:400px;width:100%}*/

/* Navigation button to our Google Custom Search page */
img.search-button { border: 0; float: right; height: 20px; width: 20px; }

/* Responsive Navigation for mobile devices (ie narrow viewport) */
@media screen and (max-width:600px) {
	#nav-center a.welcome-link font { font-size: 0.95em; }
	#nav-center tr:nth-child(3) td font { font-size: 0.85em; }
}