/* Selectors
Any HTML element is a possible CSS1 selector. The selector is simply the element that is linked to a particular style. For example, the selector in

P { text-indent: 3em }

Class selectors
A simple selector can have different classes, thus allowing the same element to have different styles. 
For example, an author may wish to display code in a different color depending on its language:

code.html { color: #191970 }
code.css  { color: #4b0082 }

Classes may also be declared without an associated element:     .note { font-size: small }

ID Selectors
ID selectors are individually assigned for the purpose of defining on a per-element basis. 
This selector type should only be used sparingly due to its inherent limitations. 
An ID selector is assigned by using the indicator "#" to precede a name. 
For example, an ID selector could be assigned as such:

#svp94O { text-indent: 3em }
This would be referenced in HTML by the ID attribute:

<P ID=svp94O>Text indented 3em</P>

Anchor Pseudo-classes

A:link    { color: red }
A:active  { color: blue; font-size: 125% }
A:visited { color: green; font-size: 85% }
*/

#body {
	padding: 0px 0px 0px 0px;
	background: #C0C0C0 url(images/O&G background.jpg) repeat-x left top;
}
#form
{
	padding: 0px 0px 0px 0px;
	background: #C0C0C0 url(images/O&G background.jpg) repeat-x left top;
	}

#logo
{
    position: relative;
    top: 25px;
}

/*Make Divs into columns*/
#container
{
    height: 415px;
}

#leftcolumn {width:325px; border:0px solid white; float:left; 
    padding:30px 5px 5px 25px;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 11pt;
    font-weight: normal;
    text-align: justify;}
#midcolumn {width:300px; border:0px solid white; float:left; 
    padding:30px 5px 5px 0px;
    font-family: Arial, Helvetica, sans-serif;
    font-style:italic;
    font-size: 11pt;
    font-weight: normal;
    text-align: justify;}
#rightcolumn {width:175px; border:0px solid white; float:right;
    padding:30px 5px 0px 0px;}
#left2column {width:370px; border:0px solid white; float:left; 
    padding:15px 5px 0px 35px;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 11pt;
    font-weight: normal;
    text-align: justify;}
#right2column {width:370px; border:0px solid white; float:right; 
    padding:15px 45px 0px 0px;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 11pt;
    font-weight: normal;
    text-align: justify;}
.clear {clear:both;}

li
{
    padding-left: 3px;
    display: inline;
    border-left: ridge medium whitesmoke;
    text-align: left;
    border-left-width: thin;
}

li.first
{   padding-left:3px;
    display:inline;
    text-align: left;
    border-left:none;
}

a:link
{
    color: #A9A9A9;
    font-family: Tahoma, Arial;
    text-decoration: none;
    font-size: 9pt;
    padding-top: 2pt;
    padding-bottom: 2pt;
    padding-left: 3pt;
    padding-right: 3pt;
}
a:visited
{
    color: #A9A9A9;
    font-family: Tahoma, Arial;
    text-decoration: none;
    font-size: 9pt;
    padding-top: 2pt;
    padding-bottom: 2pt;
    padding-left: 3pt;
    padding-right: 3pt;
}
a:hover
{
    text-decoration: none;
    background-color: #A9A9A9;
    color: white;
}
a:active
{
    color: #A9A9A9;
    font-family: Tahoma, Arial;
    text-decoration: none;
    font-size: 9pt;
    font-weight: bold;
    padding-top: 2pt;
    padding-bottom: 2pt;
    padding-left: 3pt;
    padding-right: 3pt;
}

/*begin creating the tabs */
.menu {
	margin-left: 28px;
	background: url(Images/tab_bg.gif) repeat-x;
	font-size: 10px;
	font-weight: bold;
}
/* set tab1 as top level container table, then target TDs inside*/
.menuItem td {
	color: #FFFFFF;
	height: 24px;
	background: url(images/tab_dim.gif) no-repeat;
	width: 100px;
	text-align: center;
}
/* make current tab gray,set the background-color also in case images are not on*/
.menuSelectedItem td {
	background: url(images/tab.gif) no-repeat #919191;
}
/* make link and visited the same look,set the background-color also in case images are not on*/
.menuItem a:link, .menuItem a:visited, .menuPopupItem a:link, .menuPopupItem a:visited {
	color: #FFFFFF;
	text-decoration: none;
}
/* make hover by changing vertical position of background to -22px (the tab_dim2.gif is 44px high) */
.menuItem a:hover {
	text-decoration: underline;
}

/* make drop down menu container style */
.menuPopup {
	background: url(images/background_drop_menu.jpg) repeat #8C9FB4;
	border: 1px solid #666666;
	border-bottom: none;
	color: #ffffff;
}

/* make drop down menu item style */
.menuPopupItem {
	color: #ffffff;
	border-bottom: 1px solid #666666;
	padding: 3px;
}
.bodytext
{   text-indent: 30pt;
    font-family: Tahoma, Arial;
    font-weight: normal;
}
.pageName
{
    font-family: Tahoma, Arial;
    font-size: 11pt;
    font-weight: bold;
    color: #808080;
    text-align: center;
    position: relative;
    left: 40pt;
    top: 30pt;
}
h1
{
    font-family: Tahoma, Arial;
    font-size: 12pt;
    font-weight: bold;
    text-align: center;
    color: #808080;
}
h2
{
    font-family: Tahoma, Arial;
    font-size: 10pt;
    font-weight: bold;
    text-align: center;
    color: #808080;
}
h3
{
    font-family: Arial, Helvetica, sans-serif;
    font-size: 11pt;
    font-weight: normal;
    text-align: justify;
    text-indent: 0pt;
    position: relative;
    left: 40pt;
    top: 30pt;
}

/* FORM LAYOUT ELEMENTS   
----------------------------------------------------------*/

legend
{
    font-size: 1em;
    font-weight: 600;
    padding:  1px  0px 7px 4px;
    font-family: Arial, Helvetica, sans-serif;
    margin-left: 30px;
}

input[type="text"] 
{
    width: 200px;
    border: 1px solid #CCC;
}

input[type="password"] 
{
    width: 200px;
    border: 1px solid #CCC;
}


/* MISC  
----------------------------------------------------------*/
.clear
{
    clear: both;
}

.error
{
    color: Red;
    font-family: Arial, Helvetica, sans-serif;
}

#menucontainer
{
    margin-top:40px;
}

div#title
{
    display:block;
    float:left;
    text-align:left;
}

#logindisplay
{
    font-size:1.1em;
    display:block;
    text-align:right;
    margin:10px;
    color:White;
}

#logindisplay a:link
{
    color: white;
    text-decoration: underline;
}

#logindisplay a:visited
{
    color: white;
    text-decoration: underline;
}

#logindisplay a:hover
{
    color: white;
    text-decoration: none;
}

/* Styles for validation helpers
-----------------------------------------------------------*/
.field-validation-error
{
    font-size: 0.9em;
    color: #ff0000;
    font-family: Arial;
}

.field-validation-valid
{
    display: none;
}

.input-validation-error
{
    border: 1px solid #ff0000;
    background-color: #ffeeee;
}

.validation-summary-errors
{
    font-weight: bold;
    color: #ff0000;
}

.validation-summary-valid
{
    display: none;
}

/* Styles for editor and display helpers
----------------------------------------------------------*/
.display-label, .editor-label, .display-field, .editor-field
{
    font-size: 0.9em;
    margin: 0.5em 0;
    font-family: Arial, Helvetica, sans-serif;
}

.text-box
{
    width: 40em;
}

.text-box.multi-line
{
    height: 6.5em;
}

.tri-state
{
    width: 6em;
}

.wide
{
    width: 45em;
    height: 4em;
}

.list
{
    padding-left: 3px;
    display: list-item;
    text-align: left;
    border-left: none;
    list-style-type: circle;
    border-left-style: none;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 0.95em;
    font-weight: normal;
    color: #000000;
}

.padlist
{
    padding-left: 3px;
    padding-bottom: 20px;
    display: list-item;
    text-align: left;
    border-left: none;
    list-style-type: circle;
    border-left-style: none;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 0.95em;
    font-weight: normal;
    color: #000000;
}

.nobulllist
{
    padding: 0px 0px 15px 3px;
    display: list-item;
    text-align: left;
    border-left: none;
    list-style-type: none;
    border-left-style: none;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 0.95em;
    font-weight: normal;
    color: #000000;
}