/* 
	layout.css
	
	Project: 
	
	iomer internet solutions
	iomer.com



	Table of Contents
	-----------------
	Use these 'bookmarks' as anchors to jump to an area in the document.
    Do a 'Find' for the bookmark. (Each one is unique)	
        e.g. CTRL+F > '=meta-nav' will jump you to the definitions for the meta-navigation.
    
	=clearfix
    =generals
    =icon-buttons
    =meta-nav
    =main-nav
    =task-bar
    =meta-actions
    =action-bar
    =well-selection-table
*/


html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, /*ul, ol,*/
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td { margin: 0; padding: 0; }
html, body { width: 100%; }

body
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
}
/* =clearfix */
.clearfix:after {
    content: ".";
    display: block;
    clear: both;
    visibility: hidden;
    line-height: 0;
    height: 0;
}
.clearfix { display: inline-block; }
html[xmlns] .clearfix { display: block; }
* html .clearfix { height: 1%; }

a img { border: 0 none; }

.fRight { float: right; }
.fLeft { float: left; }
/* /\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/ */
/* < generals [=generals] > */
p { margin-bottom: 1.0em; }

.page-frame { width:100%; } /* may not get used, but can 'trim' the width */

#ie6-min-width-fix { display: block; width: 920px; height: 0; line-height: 0; font-size: 0;}

/* general consideration for framing the page. this can also be trimmed */
.frame-width {
	display:block;
	width: 100%;
}
/* Edge spacing (gutters) for internal elements */
.guttered { /* see associated style in IE6.css */
    margin-left: 20px !important;
    margin-right: 20px !important;
}
/* global style def'n for horizontal lists */
.horizontal-list {
	display: block;
	list-style: none;
	margin: 0;
	padding: 0;
}
.horizontal-list li {
	list-style: none;
	display: inline;
	float: left;
	margin: 0;
	padding: 0;
}
.horizontal-list a,
.horizontal-list a:link,
.horizontal-list a:visited,
.horizontal-list a:hover,
.horizontal-list a:active {
	display:inline-block;/* crucial for proper IE6 rendering */
	text-decoration: none;
}
/* /\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/ */
/* < icon buttons [=icon-buttons] > */
a.sheet-noreport span {
	display: block;
	padding-right: 16px;
	background: transparent url(images/sheet_icon_noreport.gif) right center no-repeat scroll;
}
a.sheet-icon span {
	display: block;
	padding-right: 16px;
	background: transparent url(images/sheet_icon.gif) right center no-repeat scroll;
}
a.blue-arrow-icon span {
	display: block;
	padding-right: 17px;
	background: transparent url(images/arrow_icon.gif) right center no-repeat scroll;
}
a.green-arrow-icon span {
	display: block;
	padding-right: 17px;
	background: transparent url(images/arrow_icon_gr.gif) right center no-repeat scroll;
}
/* </ icon buttons > */
/* </ generals > */
/* /\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/ */
/* < masthead [=masthead] > */
.masthead-wrap { padding: 10px 0; }
h1.logo {
	display: block;
	float: left;
	width: 270px;
	height: 46px;
	margin: 0;
	padding: 0;
	background: transparent url(images/rm_logo.png) 0 0 no-repeat scroll;
}
h1.logo a {
	display: block;
	width: 100%;
	height: 100%;
}
h1.logo span { display: none; }
/* /\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/ */
/* < meta nav : used for the globalized top-right navigation (Feedback / Login) [=meta-nav] > */
.meta-nav,
.meta-nav li,
.meta-nav a {
	height: 30px;
	line-height: 30px;
}
.meta-nav { margin: 0; }
.meta-nav li { margin-left: 2px; float: right; clear: none;}
.meta-nav a {
	background-color:#074762;
	color: #fff;
	padding: 0 10px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
}
.meta-nav a:link,
.meta-nav a:visited {
	color: #fff;
}
.meta-nav a:hover,
.meta-nav a:active {
	color: #fff;
	background-color: #0d7295;
}
/* a 'special' style for the feedback button in the meta-nav */
a.feedback,
a.feedback:link,
a.feedback:visited {
	background-color: #3297c2;
	font-weight: bold;
}
a.feedback:hover,
a.feedback:active {
	background-color: #0d7295;
	font-weight: bold;
}
/* </ meta nav > */
/* </ masthead > */
/* /\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/ */
/* < main navigation [=main-nav] > */
.main-nav-frame { background: #074762 url(images/main_nav_rptr.png) 0 0 repeat-x scroll; }

.main-nav, /* ul */
.main-nav li,
.main-nav a {
	/* specific height of the bg and the nav elements */
	height: 49px;
	line-height: 49px;
}
.main-nav li { 
	background: transparent url(images/main_nav_div.png) 0 0 no-repeat scroll;
	padding: 0 0 0 2px;
}
.main-nav a { 
	display: block;
	margin: 0;
	padding: 0 37px;
	color: #fff;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	font-size: 14px;
	text-decoration: none;
}
.main-nav a:link,
.main-nav a:visited {
	/* *Do NOT delete this style* if color removed, leave empty for IE 6 */
	color: #fff;
}
.main-nav a:hover {
    /* *Do NOT delete this style* if color, etc. removed, leave empty for IE 6 */
	color: #fff;
	background: #0b668b url(images/main_nav_hvr.png) 0 0 repeat-x scroll;
}

.main-nav a:active,
.main-nav a.selected,
.main-nav a.selected:link,
.main-nav a.selected:visited,
.main-nav a.selected:hover,
.main-nav a.selected:active {
    /* *Do NOT delete this style* if color, etc. removed, leave empty for IE 6 */
	color: #fff;
	background: #0b668b url(images/main_nav_selected.png) 0 0 repeat-x scroll;
}
/* </ main navigation > */
/* /\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/ */
/* < task bar [=task-bar] > */
.task-bar {
	padding: 0 0 10px;
	background-color: #faf8e2;
	border-top: 1px solid #b2b09e;
	border-bottom: 1px solid #b2b09e;
}
.target-and-actions {
	padding: 8px 0;
}
.action-target {
	float: left;
	font-size: 14px;
	font-weight: normal;
	height: 24px;
	line-height: 24px;
}
.action-target label { /* "Rig/Well" */
	color: #a09e8f;
	margin-right: 4px;
	font-weight: bold;
}
.action-target span.rig-well-id { /* Well ID */
	color: #333;
	font-size: 16px;
	font-weight: bold;
	margin-right: 4px;	
}
/* /\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/ */
/* < meta-actions : [=meta-actions]
        the actions associated directly with a rig/well that we extracting 
        for more direct access (Tour Sheets, Morning Reports, RigSite link) > */
.meta-actions,
.meta-actions li,
.meta-actions a {
	height: 24px;
	line-height: 24px;
}
.meta-actions a {
	padding: 0 8px;
	margin-left: 1px;
	font-weight: bold;
}
.meta-actions a:link,
.meta-actions a:visited {
	background-color: #e3dd9f;
}
.meta-actions a:hover,
.meta-actions a:active {
	background-color: #d7d197;
}
.meta-actions a span { /* text itself */
	color: #333;
}

/* the meta-actions within the well listing table */
.well-listing-grid .meta-actions
{   
    /* force the width of the actions list in the table so that it does not collapse. NOTE: this may need to be modified if buttons are added or removed */
    width: 250px;
}
.well-listing-grid .meta-actions a:link,
.well-listing-grid .meta-actions a:visited 
{
	background-color: #3297c2;
}
.well-listing-grid .meta-actions a:hover,
.well-listing-grid .meta-actions a:active 
{
	background-color: #256e8e;
}

.well-listing-grid .meta-actions-noreport a:link,
.well-listing-grid .meta-actions-noreport a:visited 
{
	background-color: #e3dd9f;
}
.well-listing-grid .meta-actions-noreport a:hover,
.well-listing-grid .meta-actions-noreport a:active 
{
	background-color: #d7d197;
}

.well-listing-grid .meta-actions a span {
	color: #fff;
}
/* </ task bar > */
/* /\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/ */
/* < action bar : complete actions menu [=action-bar] > */
.action-bar,
.action-bar li,
.action-bar a {
	height: 29px;
	line-height: 29px;
	color: #fff;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: normal;
	font-size: 14px;
	text-shadow: #074762 1px 1px 1px; /* enhancement for compatible browsers */
}
.action-bar {
	border:1px solid #b2b09e;
	background: #2f8cb4 url(images/action_bar_rptr.png) 0 0 repeat-x scroll;
}
.action-bar a {
	display: block;
	padding: 0 20px;
}
.action-bar a:link,
.action-bar a:visited {
	/* *Do NOT delete this style* if color removed, leave empty for IE 6 */
	color: #fff;
}
.action-bar a:hover {
    /* *Do NOT delete this style* if color removed, leave empty for IE 6 */
	color: #fff;
	background: #256e8e /* middle blue */url(images/action_bar_hvr.png) 0 0 repeat-x scroll;
}
.action-bar a:active,
.action-bar a.selected,
.action-bar a.selected:link,
.action-bar a.selected:visited,
.action-bar a.selected:hover,
.action-bar a.selected:active {
    /* *Do NOT delete this style* if color removed, leave empty for IE 6 */
	color: #fff;
	background: #256e8e /* middle blue */url(images/action_bar_selected.png) 0 0 repeat-x scroll;
}
/* </ action bar > */

/* /\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/ */
/* < well selection table : [=well-selection-table]
        this grid style can be reused through-out the application if necessary by applying the 'well-listing-grid' class to the gridview / table > */
table.well-listing-grid 
{
    border: 0 none;
    border-collapse: collapse;
    width: 100%;
}
table.well-listing-grid td,
table.well-listing-grid th 
{
    vertical-align: middle;
    white-space: nowrap;
    padding: 2px 15px 2px 2px;
    text-align: left;
    color: #212121;
}
table.well-listing-grid td.numeric,
table.well-listing-grid th.numeric 
{
    text-align: right;
}
table.well-listing-grid .grid-header 
{
    background-color: #effaff; /* light blue */
    border-bottom: 1px solid #3297c2; /* deeper blue *//* see associated style in IE6.css */
}
/* link colors for the sortable column headings */
table.well-listing-grid .grid-header a,
table.well-listing-grid .grid-header a:link,
table.well-listing-grid .grid-header a:visited
{
    font-weight: bold;
    color: #2b2b2b;
    text-decoration: none;
}
table.well-listing-grid .grid-header a:hover,
table.well-listing-grid .grid-header a:active 
{
    text-decoration: underline;
}
table.well-listing-grid tr.alt-row 
{
    background-color: #f4f4f4;/* very light grey */
}
table.well-listing-grid tr.selected-row
{
    background-color: #fff9b7; /* pale-yellow */
}
/* </ well selection table > */

/* pop screens */
.BodyLayer
{
	display:none;
	position:absolute;
	top:0px;
	left:0px;
	opacity:0.7;
	filter:alpha(opacity=70);
	background-color: #000000;
	z-Index:1000;
}

.MessageBodyLayer
{
	display:none;
	position:absolute;
	top:0px;
	left:0px;
	opacity:0.4;
	filter:alpha(opacity=40);
	background-color: #000000;
	z-Index:1000;
}

.PopLayer
{
	position:absolute;
	top:0px;
	left:0px;
	width:350px;
	height:200px;
	display:none;
	z-Index:1001;
	border:2px solid black;
	background-color:#FFFFFF;
	text-align:center;
	vertical-align:middle;
	padding:10px;
}

.MessagePopLayer
{
	position: absolute;
	top: 0px;
	left: 0px;
	display: none;
	z-index: 1001;
	border: 2px solid black;
	background-color: #FFFFFF;
	text-align: center;
	vertical-align: middle;
	padding: 0px;
}
/* /pop screens */

/*  Error Messages */

.ErrorMessage
{
	color: #FF0000;
	font-weight: bold;
	font-family: Verdana;
}
.BigErrorMessage
{
	color: #FF0000;
	font-weight: bold;
	font-size: 15pt;
	font-family: Verdana;
}
/* /Error Messages */

/* Role Menu */
.MenuBackground {
	height: 29px;
	line-height: 29px;
	color: #fff;
	background: #2f8cb4 url(images/action_bar_rptr.png) 0 0 repeat-x scroll;
}
.TDMenuBackground {
	height: 29px;
	line-height: 29px;
	color: #fff;
	background: #2f8cb4 url(images/action_bar_rptr.png) 0 0 repeat-x scroll;

	border:1px solid #b2b09e;
}
.MenuItems
{
	font-family: Arial, Helvetica, sans-serif;
	font-weight: normal;
	font-size: 14px;
	text-shadow: #074762 1px 1px 1px; /* enhancement for compatible browsers */
	background: #2f8cb4 url(images/action_bar_rptr.png) 0 0 repeat-x scroll;
	display: block;
	padding: 0 20px;
	cursor: pointer;
}

.MenuItems:link,
.MenuItems:visited {
	/* *Do NOT delete this style* if color removed, leave empty for IE 6 */
	color: #fff;
}
.MenuItems:hover
{
	/* *Do NOT delete this style* if color removed, leave empty for IE 6 */
	background-position: 0 0;
	color: #fff;
	background: #256e8e /* middle blue */ url(images/action_bar_hvr.png) 0 0 repeat-x scroll;
}
.MenuItems:active,
.MenuItems.selected,
.MenuItems.selected:link,
.MenuItems.selected:visited,
.MenuItems.selected:hover,
.MenuItems.selected:active {
    /* *Do NOT delete this style* if color removed, leave empty for IE 6 */
	color: #fff;
	background: #256e8e /* middle blue */url(images/action_bar_selected.png) 0 0 repeat-x scroll;
}
.ChildMenuItems
{
	height: 24px;
	line-height: 24px;
	color: #fff;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: normal;
	font-size: 14px;
	text-shadow: #074762 1px 1px 1px; /* enhancement for compatible browsers */
	background: #2f8cb4 url(images/action_bar_rptr.png) 0 0 repeat-x scroll;
	display: block;
	padding: 0 20px;
	cursor: pointer;
}

.ChildMenuItems:link,
.ChildMenuItems:visited {
	/* *Do NOT delete this style* if color removed, leave empty for IE 6 */
	color: #fff;
}
.ChildMenuItems:hover
{
	/* *Do NOT delete this style* if color removed, leave empty for IE 6 */
	background-position: 0 0;
	color: #fff;
	background: #256e8e /* middle blue */ url(images/action_bar_hvr.png) 0 0 repeat-x scroll;
}
.ChildMenuItemsActive,
.ChildMenuItems.selected,
.ChildMenuItems.selected:link,
.ChildMenuItems.selected:visited,
.ChildMenuItems.selected:hover,
.ChildMenuItems.selected:active {
    /* *Do NOT delete this style* if color removed, leave empty for IE 6 */
	height: 24px;
	line-height: 24px;
	color: #fff;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: normal;
	font-size: 14px;
	background: #256e8e /* middle blue */url(images/action_bar_selected.png) 0 0 repeat-x scroll;
	display: block;
	padding: 0 20px;
	cursor: pointer;
}
.SpacerMenuItem
{
	background: #2f8cb4 url(images/action_bar_rptr.png) 0 0 repeat-x scroll;
	display: block;
	color: #fff;
	font-weight: bold;
	padding: 0 100%;
	width:100%;
}
.BreakItem
{
	background: #2f8cb4 url(images/action_bar_rptr.png) 0 0 repeat-x scroll;
	display: block;
	color: #fff;
	font-weight: bold;
	font-size: 16px;
}
/*  / Role Menu */


.SmallNote
{
	FONT-SIZE: 10px;
	FONT-FAMILY: Verdana;
	COLOR: #a9a9a9;
}

/*  Context Menu */

.TopGroup
{
  background-color:#DBD7D0; 
  border:solid 1px gray; 
  cursor:default; 
}

.MenuGroup
{
  background-image:url(/images/Menu/background.gif);
  background-color:#F9F8F7;
  border:solid 1px #7E7E81; 
  cursor:default; 
}

.TopMenuItem
{
  background-color:#DBD7D0; 
  color:black; 
  font-family:MS Sans Serif; 
  font-size:12px; 
  border:solid 1px #DBD7D0; 
  cursor:default; 
}

.TopMenuItemHover 
{
  background-color:#C2C5C8; 
  color:black; 
  font-family:MS Sans Serif; 
  font-size:12px; 
  border:solid 1px #A6A8B2; 
  cursor:default; 
}

.MenuItem
{
  font-family:MS Sans Serif; 
  font-size:9px; 
  cursor:default; 
}

.MenuItemHover 
{
  background-color:#C2C5C8; 
  font-family:MS Sans Serif; 
  font-size:9px; 
  cursor:default; 
}

.MenuBreak
{
  background-image:url(/images/Menu/break_bg.gif);
  width:100%;
  height:1px;
}

/* /Context Menu */

/* <various styles */

.Loading
{
	BORDER-RIGHT: buttonface 2px outset;
	BORDER-TOP: buttonface 2px outset;
	FONT-WEIGHT: bold;
	FONT-SIZE: 8pt;
	Z-INDEX: 99;
	VERTICAL-ALIGN: middle;
	TEXT-TRANSFORM: uppercase;
	BORDER-LEFT: buttonface 2px outset;
	WIDTH: 150px;
	CURSOR: default;
	COLOR: #000000;
	BORDER-BOTTOM: buttonface 2px outset;
	FONT-FAMILY: Arial;
	POSITION: absolute;
	HEIGHT: 20px;
	BACKGROUND-COLOR: buttonface;
	TEXT-ALIGN: center;
	PADDING-TOP: 5px;
}


INPUT
{
	FONT-SIZE: 8pt;
	COLOR: #000000;
	FONT-FAMILY: Verdana;
}
.Input
{
	FONT-SIZE: 8pt;
	COLOR: #000000;
	FONT-FAMILY: Verdana;
}
.TextBox
{
	FONT-SIZE: 8pt;
	COLOR: #000000;
	FONT-FAMILY: Verdana;
}

.SystemMessage
{
	font-size: 14px;
	color: #b22222;
}
/* </various styles */