/*
-----------------------------------------------------
MD/Totco styles for screen media
evul otis 2004
-----------------------------------------------------
*/

/* General Elements */
/* ----------------------------------------------------- */
body
{
	margin: 0;
	padding: 10px;
	background:#A7B4C8;
	font: x-small Verdana,Sans-serif;
	font-size: 11px;
}

td
{
	font: x-small Verdana,Sans-serif;
	font-size: 9px;
	color: #000000;
	line-height:150%;
}

.datatable tr:hover{
	background-color: #66CCFF; 
}
/**
	IE9 Overflow fix.
**/
div.dataTables_scrollBody,
div.dataTables_scrollHead,
div.dataTables_scrollFoot
{
	display: inline-block;
}
/*
	IE10 had issues with hovering rows - tr:hover doesn't work.
	A javascript solution which uses this .trhovered css block was proposed but commented out.
	It suffices to comment this block out as well. 
.trhovered{
	background-color: #66CCFF;
}*/
.tdbLR
{
	border-color:#BFC1C4 #757374 #BFC1C4 #757374;
	border-style:solid;
	border-width:1px;
}
.tdbR
{
	border-color:#BFC1C4 #757374 #BFC1C4 #BFC1C4;
	border-style:solid;
	border-width:1px;
}
.tdbL
{
	border-color:#BFC1C4 #BFC1C4 #BFC1C4 #757374;
	border-style:solid;
	border-width:1px;
}

.tdb
{
	border:1px solid #BFC1C4;
}

p { margin: 0 0 0.5em 0; }
p.list
{
	margin:0;
}

a {color:#000000;}
a:link 
{
	text-decoration: underline; 
	font-weight: bold;
}
a:hover { text-decoration: underline; }
a:visited 
{
	text-decoration: underline; 
	font-weight: bold;
}
a:active { text-decoration: underline; }
a img { border-style: none; }

.lnkDBlue {color:#00337F;}

a.lnkColHeader:link, a.lnkColHeader:hover, a.lnkColHeader:visited, a.lnkColHeader:active
{
	color:#000000;
	font-weight:bold;
	text-decoration:none;
}

#gnav_nav {position:absolute; top:10; left:10; z-index:100;}

.content
{
	background:#ffffff;
	padding:0 10px 0 10px;
}

.lstHeadBG
{
	font-weight:bold;
	font-size: 12px;
	background:#BFC5CF url('../images/interface/lstColHeadBG.gif') repeat-x;
	border-collapse:collapse;
}



/* Padding Boxes */
/* ----------------------------------------------------- */
.pad20 {padding:20px;}

.buttons
{
	padding:5px 0 20px 0;
}

.rptContainer
{
	padding:25px 0 0 0;
}



/* BG Colors */
/* ----------------------------------------------------- */

.lstRow
{
	background:#EFF1F5;
}

.lstAltRow
{
	background:#ffffff;
}

.lstColSort
{
	background:#00337F;
}

.lstCol1
{
	background:#E1E6EE;
}

.lstCol2
{
	background:#F0F3F7;
}

.rptTable
{
	background:#BFC1C4;
}


.rptLabel
{
	background:#EFF1F5;
}

.rptCopy
{
	background:#EFF1F5;
	color:#999999;
}

.mBg
{
	background:#EFF1F5;
}

.lBg
{
	background:#F7F8FA;
}

/* Text Styles */
/* ----------------------------------------------------- */

H1 {font-family:  Arial Unicode MS,Verdana,Sans-serif; font-size: 18px;}

H2 {font-size: 14px;}

.red {color:#DC4F4F;}

.grey {color:#999999;}



/* Div container to wrap the datagrid */
div.div_datagrid {
	
	width: 100%;
	height: 266px;
	scrollbar-base-color:#E1E6EE;
}

html>body div.div_datagrid {
	width: 100%;

}

DIV.scrollable {
width: 100%;
overflow: auto;
scrollbar-base-color:#E1E6EE;
}


.scrollingtd
{
	font-weight:bold;
	font-size: 12px;
	background:#BFC5CF url('../images/interface/lstColHeadBG.gif') repeat-x;
	line-height:100%;
	position:relative;
	cursor: default;
	/*IE5+ only*/
	/*top: expression(document.getElementById("div_datagrid").scrollTop-2);*/
	/*top: expression(div_datagrid.scrollTop-2);*/
	/*top: expression(parentNode.parentNode.parentNode.parentNode.scrollTop-2);*/
	z-index: 10;
}

.old_ie_wrapper {
  height: 300px;
  width: 100%;
  overflow-x: hidden;
  overflow-y: auto;  
}

.old_ie_wrapper tbody { height: auto; }

.wdbtn {
    height: 25px;
    width: 90px;
    color: #436495;
    font-weight: 900;
    cursor: pointer;
    background: linear-gradient(to bottom, #FCFCFD, #E2E2E7);
    border-width: thin;
    border-radius: 3px;
    font-family: sans-serif;
}

.hscrollListBox {
    overflow-x: scroll;
    width: 100%;
    min-width: 250px;
}

/* Locks table header */
th{
font: x-small Verdana,Sans-serif;
font-size: 9px;
font-weight: bold;
color: #000000;
line-height:150%;
position:relative;
cursor: default;
/*IE5+ only*/
/*top: expression(document.getElementById("div_datagrid").scrollTop-2);*/
/*top: expression(div_datagrid.scrollTop-2);*/
/*top: expression(parentNode.parentNode.parentNode.parentNode.scrollTop-2);*/

}

/* Keeps the header as the top most item. Important for top left item*/
th
{
    background:#BFC5CF url('../images/interface/lstColHeadBG.gif') repeat-x;
    z-index: 99;  
    
}

/* dragable div tag */
.drag{position:relative;cursor:hand}

/* Show overlay (grey-out) effect on AJAX update panel */
.updateProgress
{
	position: absolute;
	background-color: #fff;
	filter: alpha(opacity=70);
	MozOpacity: 0.7;
	opacity: 0.7;
	padding: 0px;
	margin: 0px;
}


.modalBackground 
{
	background-color:Gray;
	filter:alpha(opacity=70);
	opacity:0.7;
}
.modalPopup {
	background-color:White;
	border-width:3px;
	border-style:solid;
	border-color:Gray;
	padding:3px;
	width:250px;
}
.hidden
{
	display: none;
}

select 
{
	font-family:  Arial Unicode MS,Verdana,Sans-serif; 
	font-size: 12px;
}

input 
{
	font-family:  Arial Unicode MS,Verdana,Sans-serif; 
	font-size: 12px;
}
 
/*Popup Control*/
.popupControl{
	background-color:White;
	position:absolute;
	visibility:hidden;
}

/*Extended gridview*/

.GridExpandCollapseButton
{
	cursor: hand;
    border: solid 1px gray;
    text-align: center;
    width: 13px;
    display: block;
    height: 15px;
    line-height: 15px;
    text-decoration:none;
    vertical-align:middle;
    font-family:Verdana;
    color: black;
}

.GridExpandButton
{
	width: 11px;
    height: 11px;
	cursor: hand;
    text-align: center;
    display: inline-block;
    text-decoration:none;
    vertical-align:middle;
    background-image:url(Images/expand.gif);
    background-repeat:no-repeat;
}

.GridCollapseButton
{
	width: 11px;
    height: 11px;
    line-height:0px;
    cursor: hand;
    text-align: center;
    display: block;
    text-decoration:none;
    vertical-align:middle;
    background-image:url(Images/collapse.gif);
    background-repeat:no-repeat;
}

.RigQueueInfoSearchButton{
    vertical-align: bottom;
}

.VerticalAlignBottom{
    vertical-align: bottom;
}


table.newTable{
    background: #BFC1C4;
    border-spacing: 1px;
    width: 100%;
}
table.newTable th{
    background: #BFC5CF url('../images/interface/lstColHeadBG.gif') repeat-x;
}
table.newTable th, table.newTable td{
    padding: 3px;
}
table.newTable tr:nth-child(even){
    background: #ffffff;
}
table.newTable tr:nth-child(odd){
    background: #EFF1F5;
}
table.newTable tr:hover{
    background: #66CCFF;
}
/* === Slight font size increase for Verify Well pages only === */
.verifywell-page td,
.verifywell-page th,
.verifywellsummary-page td,
.verifywellsummary-page th,
.verifywell-page label,
.verifywellsummary-page label {
	font-size: 12px !important;
}