/* 
    Document   : style
    Revised on : Oct 16, 2015
    Author     : Andrew Thompson
    Description: Sitewide (main) style sheet for EP Model web site.

    Syntax recommendation http://www.w3.org/TR/REC-CSS2/
*/

body { font-family: Arial, Helvetica, sans-serif; font-size: 12px; 
       min-width: 800px }

h2 { color: #2779aa; }
li, td { font-family: Arial, Helvetica, sans-serif; font-size: 13px }
hr { color: #74b2e2; text-align: left }
hr.screenwidth { color: #74b2e2; width: 100%; text-align: left }
a { color: #000000 }
a.home {text-decoration: none; color: #2779aa }
a.home:hover {color: #3baae3}

/* format <select> drop down lists used to choose tables to edit or delete */
label.tabledd, div.firstdd{
  font-weight: bold;
}
select.tabledd, div.submitdd, a.firstdd {
  margin-left: 20px;
}

table {
  border: 1px solid #DADCDE;
  border-radius: 6px;
}
th, td {padding-left: 5px; padding-right: 5px;}

/* Format for table used to edit capexprodcf data  */
#capexprodcf_table td {padding-left: 0px; padding-right: 0px;}
/* Applied to <th> spaning multiple columns/subheadings - old darker val #A7A37E */
th.multicol {
  border-bottom: 1px solid #DADCDE;
  border-left: 1px solid #DADCDE;
  border-right: 1px solid #DADCDE
}
/* To visually segment groups of subheadings subheading (see th.multicol) */
th.lastcol, td.lastcol {
  border-right: 1px solid #DADCDE;
}

thead tr td {  
  text-align: center;
}
table.oilgasp {
  border: medium solid #ADADEB;
}
/*  Old table.stripe5 background-color #dadcde */
table.stripe5 { background-color: #DADCDE; 
                padding-left: 0px; padding-right: 0px; 
                border-collapse: collapse; 
                border-color: #DADCDE;
}
table.striped { background-color: #cccccc; 
                padding-left: 0px; padding-right: 0px; 
                border-collapse: collapse; 
}
/* Tables with striped rows (alternating background color) plus cell and 
   table borders.  This style (stripedb) is used to display model output.
   JQuery mouseover highlighting of individual rows  */
table.stripedb { 
  border-color: #A7A37E;
  border-collapse: collapse; /* prevents double borders */
}
table.stripedb th {
	background-color: #deedf7;
	border: 1px solid #A7A37E;
        text-align: center;
}
table.stripedb td {
	border-left: 1px solid #A7A37E;
}
/*  Format to highlight a table row (and override the existing
    background-color, if any) on a mouseover event - Javascript */
.highlight { background-color: #FFFF99 !important}


td.float { text-align: "." center}
td.decimaln { text-align: right}
th.italh, td.italh, span.inactive { font-style: italic; font-weight: normal }
th.nobold { font-style: normal; font-weight: normal }
/* .panelr is used to visually separate panels in a table -- subtle vertical lines */
th.panelr { text-align: center; border-right: 1px dashed #c0c0c0 }
th.panelr2 { text-align: center; font-style: italic; font-weight: normal; border-right: 1px dashed #c0c0c0 }
td.panelr { text-align: center; font-style: italic; border-right: 1px dashed #c0c0c0 }

td.evenrow, tr.evenrow, tr.baserow { background-color: #ffffff }  /* #ffffff is white */
tr.hline { background-color: #ffffff }
td.oddrow, tr.oddrow, tr.altrow { background-color: #F2F5F7 }  /* matches jquery-ui tables */
tr.oddrow input { background-color: #F5F7F9 }  
tr.altrow input { background-color: #FFFFFF }  /* #FFFFFF is white */

caption { font-weight: bold }
/*  Formatting for tables in the run section of the model with Javascript. 
    Mouseover event highlights the row of a table. */

/*  For inputs (in tables) use different background color in the input field*/
td.mustdo input { background-color: #FFFFCC }  
.yellow { background-color: #FFFFCC }
/* For sea green, from light to dark: C1FFC1, B4EEB4, 9BCD9B, 8FBC8F, 698B69 */

/* class to center align a table within the containing block */
.centertables table{
  margin-left: auto;
  margin-right: auto;
}


/* format validation error messages for jQuery plug-in */
label.error {
  font-weight: bold;
  color: red;
}

/* JQuery +/- images for show/hide tables or text when the heading is clicked */

#collapse h3, #collapse h2 {
    background: url(images/open.png) no-repeat 0% 10%;
    padding-left: 20px;
    cursor: pointer;
}
#collapse h3.close, #collapse h2.close {
    background-image: url(images/close.png);
}
#collapse .showhide {
    background-color: white;
}

/*  Moves the user menu (id='sitenav') from the bottom of each page 
    to the top of each page -- above the site wide page header (id='header').
*/

#sitenav {
    position: absolute;
    top: 0; right: 0;
    width: 100%;
    color: white;
    background-color: #3333cc;
    text-align: center;
}
#sitenav a:link, #sitenav a:visited {
    color: white; 
    text-decoration: none;
}
#sitenav a:hover {
    color: #DDDD00;
}
#header {
    display: block;
    padding-top: 0px;
    margin-top: 25px;
}

/*  CSS positioning so Oil Royalty and Oil Bonus data input tables
    appear side by side in the Edit screen for fiscal records 
    (edit_fiscal_form()).  Similarly Gas Royalty and Bonus.
*/

.leftcolumn {
  float: left;
  width: 33%;
  border-right: 2px solid #DADCDE;
  margin-right: 2px;
  padding-right: 2px;
}
.rightcolumn {
  float: right;
  width: 33%;
  border-left: 2px solid #DADCDE;
  margin: 2px;
  padding: 2px;
}
.clearfloatright {
  clear: right;
}
.clearfloat {
  clear: both;
}