/*////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////
// COPYRIGHT NOTICE
// Copyright 2012 PCNetworking.net, All Rights Reserved.
//
// This software is the property of PCNetworking.net and may NOT be
// copied, reused, modified, backed up, executed, moved or ANYTHING else
// without the express written consent of PCNetworking.net.
// For more information contact: Randall O. Steward at 830-377-6812 or ROS@RandallSteward.com
////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/


body {background-color:#D6D6D6;}


/* Default structures for rounded corners */
.bodyFrameClass {position:absolute; border:#CCCCCC 2px solid; visibility:visible; width:790px;}
.boxCrnrsClass {border:#CCCCCC 2px solid; visibility:visible;}
.tabCrnrsClass {position:absolute; border:#CCCCCC 2px solid; border-bottom:none; height:20px; font-size:10pt; font-weight:bold; visibility:hidden;}


/* Buttons */
#blankbutton {background-image:url(/ts/images/buttonBack.gif); background-repeat:no-repeat; color:#444444; height:28px; width:152px; font-family:Arial, Helvetica, sans-serif; font-size:9pt; font-weight:bold; text-align:center; padding-top:4px; padding-right:4px; border:none; cursor:pointer;}
#blankbuttonsel {background-image:url(/ts/images/blank_button_selected.gif); background-repeat:no-repeat; color:#444444; height:28px; width:152px; font-family:Arial, Helvetica, sans-serif; font-size:9pt; font-weight:bold; text-align:center; padding-top:4px; padding-right:4px; border:none; cursor:pointer;}
.geButtons { background:#EEEEEE; text-decoration:none; border:none; }

/* .link {color:none;} visited {color:none;} active {color:none;} */

/* Abbreviated class definitions */
.cursorClick {cursor:pointer;}
.cursorHelp {cursor:help;}
.textAlignLeft {text-align:left;}
.textAlignRight {text-align:right;}
.textAlignCenter {text-align:center;}
.verticalAlignTop {vertical-align:top;}
.verticalAlignBottom {vertical-align:bottom;}
.verticalAlignMiddle {vertical-align:middle;}

.floatLeft {float:left;}
.floatRight {float:right;}
.floatNone {float:none;}
.posStatic {position:static;}
.posFixed {position:fixed;}
.posRelative {position:relative;}
.posAbsolute {position:absolute;}
.textBold {font-weight:bold;}
.boldOn {font-weight:bold;}
.boldOff {font-weight:normal;}
.borderNone {border:none;}
.border1Black {border:black 1px solid;}

.noWrap {white-space:nowrap;}
.noCellSpace {border-spacing:0; border-collapse:collapse;}

.displayTable {display:table;}
.displayTableCell {display:table-cell;}

.fontArial7 {font-family:arial; font-size:7pt;}
.fontArial8 {font-family:arial; font-size:8pt;}
.fontArial9 {font-family:arial; font-size:9pt;}
.fontArial10 {font-family:arial; font-size:10pt;}
.fontArial12 {font-family:arial; font-size:12pt;}
.fontArial13 {font-family:arial; font-size:13pt;}
.fontArial14 {font-family:arial; font-size:14pt;}
.fontArial16 {font-family:arial; font-size:16pt;}

.backgroundColorE6E6E6 {background-color:#E6E6E6;}
.backgroundColor7A7A7A {background-color:#7A7A7A;}
.backgroundColorFFFFFF {background-color:#FFFFFF;}

.width10 {width:10%; min-width:10%;}
.width15 {width:15%; min-width:15%;}
.width20 {width:20%; min-width:20%;}
.width25 {width:25%; min-width:25%;}
.width30 {width:30%; min-width:30%;}
.width40 {width:40%; min-width:40%;}
.width50 {width:50%; min-width:50%;}
.width60 {width:60%; min-width:60%;}
.width70 {width:70%; min-width:70%;}
.width80 {width:80%; min-width:80%;}
.width90 {width:90%; min-width:90%;}
.width100 {width:100%; min-width:100%;}


tr.header {background: #393939; color: #FFFFFF;}
tr.navigation {background: #F0F0F0; color: #000000;}
tr.highlight {background: #E0E0E0;}
tr.error1 {background: #FFC0C0;}
tr.error2 {background: #FFD0D0;}

/*helpPopup {color:#9f141A; cursor:help; text-decoration:none;}*/


/* Form Validator message popover */
/*
#wrapper {width:300px; margin:50px auto}
.form {float:left; padding:0 10px 10px 10px; background:#f3f3f3; border:2px solid #cfcfcf}
.form label {float:left; width:100px; padding:10px 10px 0 0; font-weight:bold}
.form select {float:left; width:146px; margin-top:10px}
.form input {float:left; margin-top:10px}
.form .submit {clear:both}
#msg {display:none; position:absolute; z-index:200; background:url(/ts/js/validate/msg_arrow.gif) left center no-repeat; padding-left:7px}
#msgcontent {display:block; background:#f3e6e6; border:2px solid #924949; border-left:none; padding:5px; min-width:150px; max-width:250px}


formSection {font-weight:bold; font-size:11pt; padding-left:15px;}
.form-item {padding-bottom:5px; padding-left:15px;}
label {padding-bottom:5px; padding-left:15px;}

.listTable {border:none; font-size:12pt; width:100%;}
.listHeader {border:none; padding-left:20px; padding-right:20px; text-align:center; font-weight:bold; color:#F67C23;}
.listCell {border-top:1px solid #E5E5E5; font-size:11pt; }
*/

#panelBody {text-align:center; width:100%;}

/* panel */
.panel, .panelcollapsed 	{
	background: #fff;
	padding: 0px;
	}

/* panel content - do not set borders or paddings */
.panelcontent {overflow: hidden;}

/* collapsed panel content */
.panelcollapsed .panelcontent { display: none; }


/* Admin Customer Selector */
.adminCustSelector {font-family:arial; font-size:9pt;}
.serverLocationSpan {font-family:arial; font-size:9pt;}


/* Panel Menu */
#panelMenu{
	list-style:none;
	white-space:nowrap;
	/* font-weight:bold; */
	margin-bottom:10px;
	/* Clear floats */
	float:left;
	width:150px;
	 /*Bring the nav above everything else--uncomment if needed.*/
	position:relative;
	z-index:10000;
	display:none;
}
#panelMenu li{
	float:left;
	white-space:nowrap;
	margin-right:10px;
	position:relative;
	width:150px;
	border:1px solid white;
}
#panelMenu a{
	display:block;
	padding:5px;
	color:#fff;
	background:#7A7A7A;
	text-decoration:none;
}
#panelMenu a:hover{
	color:#fff;
	background:#555555;
	text-decoration:underline;
}


#panelMenu ul{
	background:#fff; /* Adding a background makes the dropdown work properly in IE7+. Make this as close to your page's background as possible (i.e. white page == white background). */
	background:rgba(255,255,255,0); /* But! Let's make the background fully transparent where we can, we don't actually want to see it if we can help it... */
	list-style:none;
	white-space:nowrap;
	position:absolute;
	left:-9999px; /* Hide off-screen when not needed (this is more accessible than display:none;) */
	width:150px;
}
#panelMenu ul li{
	white-space:nowrap;
	border:1px solid white;
	padding-top:1px; /* Introducing a padding between the li and the a give the illusion spaced items */
	float:none;
	white-space:nowrap; /* Stop text wrapping and creating multi-line dropdown items */
}
#panelMenu ul a{
	white-space:nowrap; /* Stop text wrapping and creating multi-line dropdown items */
}
#panelMenu li:hover ul{ /* Display the dropdown on hover */
	left:0; /* Bring back on-screen when needed */
}
#panelMenu li:hover a{ /* These create persistent hover states, meaning the top-most link stays 'hovered' even when your cursor has moved down the list. */
	background:#555555;
	text-decoration:none;
}
#panelMenu li:hover ul a{ /* The persistent hover state does however create a global style for links even before they're hovered. Here we undo these effects. */
	text-decoration:none;
}
#panelMenu li:hover ul li a:hover{ /* Here we define the most explicit hover states--what happens when you hover each individual link. */
	background:#555555;
}



/* New Panel Menu */
#newPanelMenu{
	list-style:none;
	/* font-weight:bold; */
	margin-bottom:10px;
	/* Clear floats */
	float:left;
	width:100px;
	 /*Bring the nav above everything else--uncomment if needed.*/
	position:relative;
	z-index:10000;
	display:none;
}
#newPanelMenu li{
	float:left;
	margin-right:10px;
	position:relative;
	width:150px;
	border:1px solid white;
}
#newPanelMenu a{
	display:block;
	padding:5px;
	color:#fff;
	background:#7A7A7A;
	text-decoration:none;
}
#newPanelMenu a:hover{
	color:#fff;
	background:#555555;
	text-decoration:underline;
}


#newPanelMenu ul{
	background:#fff; /* Adding a background makes the dropdown work properly in IE7+. Make this as close to your page's background as possible (i.e. white page == white background). */
	background:rgba(255,255,255,0); /* But! Let's make the background fully transparent where we can, we don't actually want to see it if we can help it... */
	list-style:none;
	position:absolute;
	left:-9999px; /* Hide off-screen when not needed (this is more accessible than display:none;) */
	width:150px;
}
#newPanelMenu ul li{
	border:1px solid white;
	padding-top:1px; /* Introducing a padding between the li and the a give the illusion spaced items */
	float:none;
	white-space:nowrap; /* Stop text wrapping and creating multi-line dropdown items */
}
#newPanelMenu ul a{
	white-space:nowrap; /* Stop text wrapping and creating multi-line dropdown items */
}
#newPanelMenu li:hover ul{ /* Display the dropdown on hover */
	left:0; /* Bring back on-screen when needed */
}
#newPanelMenu li:hover a{ /* These create persistent hover states, meaning the top-most link stays 'hovered' even when your cursor has moved down the list. */
	background:#555555;
	text-decoration:none;
}
#newPanelMenu li:hover ul a{ /* The persistent hover state does however create a global style for links even before they're hovered. Here we undo these effects. */
	text-decoration:none;
}
#newPanelMenu li:hover ul li a:hover{ /* Here we define the most explicit hover states--what happens when you hover each individual link. */
	background:#555555;
}


/* Site Menu */
#siteMenu{
	list-style:none;
	/* font-weight:bold; */
	margin-bottom:10px;
	/* Clear floats */
	float:left;
	width:100px;
	 /*Bring the nav above everything else--uncomment if needed.*/
	position:relative;
	z-index:10000;
	display:none;
}
#siteMenu li{
	float:left;
	margin-right:10px;
	position:relative;
	width:150px;
	border:1px solid white;
}
#siteMenu a{
	display:block;
	padding:5px;
	color:#fff;
	background:#7A7A7A;
	text-decoration:none;
}
#siteMenu a:hover{
	color:#fff;
	background:#555555;
	text-decoration:underline;
}


#siteMenu ul{
	background:#fff; /* Adding a background makes the dropdown work properly in IE7+. Make this as close to your page's background as possible (i.e. white page == white background). */
	background:rgba(255,255,255,0); /* But! Let's make the background fully transparent where we can, we don't actually want to see it if we can help it... */
	list-style:none;
	position:absolute;
	left:-9999px; /* Hide off-screen when not needed (this is more accessible than display:none;) */
	width:150px;
}
#siteMenu ul li{
	border:1px solid white;
	padding-top:1px; /* Introducing a padding between the li and the a give the illusion spaced items */
	float:none;
	white-space:nowrap; /* Stop text wrapping and creating multi-line dropdown items */
}
#siteMenu ul a{
	white-space:nowrap; /* Stop text wrapping and creating multi-line dropdown items */
}
#siteMenu li:hover ul{ /* Display the dropdown on hover */
	left:0; /* Bring back on-screen when needed */
}
#siteMenu li:hover a{ /* These create persistent hover states, meaning the top-most link stays 'hovered' even when your cursor has moved down the list. */
	background:#555555;
	text-decoration:none;
}
#siteMenu li:hover ul a{ /* The persistent hover state does however create a global style for links even before they're hovered. Here we undo these effects. */
	text-decoration:none;
}
#siteMenu li:hover ul li a:hover{ /* Here we define the most explicit hover states--what happens when you hover each individual link. */
	background:#555555;
}


/* Floating pop-up box */
.ftDivClass {padding:0px; width:300px; min-width:300px; background-color:#EFEDED;}
.PopItUptitle {color:#FFFFFF; background-color:#EFEDED; text-decoration:none; cursor:default; font-family:arial; font-weight:bold; font-size:8pt; text-align:center;}
.PopItUpcontent {color:#000000; text-decoration:none; cursor:default; font-family:arial; font-size:8pt;}
#MouseOverDiv {position:absolute; width:150px; top:0px; left:0px; z-index:4; visibility:hidden;}


/* Copyright Banner */
#copyrightDivTop {text-align:center; font-size:8pt; margin:0; padding:0;}
#copyrightDivBottom {text-align:center; position:relative; bottom:0px; width:100%; height:15px; clear:both; font-size:8pt;}


/* Pane framing */
.paneFrame {text-align:center; background-color:white; border:1px solid black;}
.paneFrame2 {width:794px; text-align:center; background-color:white; border:1px solid black;}
.hdrTopBarDiv {width:100%; text-align:center; vertical-align:middle; padding-top:6px; padding-bottom:6px;}
.hdrTopBarTextDiv {width:100%; height:32px; text-align:center; color:white; background-color:#7A7A7A; border:0px;}
.hdrTopBarTextLeftPadDiv {float:left; text-align:left; font-family:arial; font-size:12pt; padding-top:7px; padding-left:5px;}
.hdrSubBarTextDiv {width:100%; height:24px; float:left; text-align:center; font-family:arial; font-weight:bold; font-style:normal; font-size:12pt; padding-top:5px;}
.hdrTopBarTextTitleDiv {float:left; text-align:center; font-family:arial; font-size:12pt; padding-top:5px;}
.hdrTopBarTextCloseDiv {float:right; text-align:right; width:30px; padding-top:5px; padding-left:10px; padding-right:5px;}
.dtPckDiv1 {float:right; text-align:center; width:100px; padding-top:3px;}
.dtPckDiv2 {float:right; text-align:center; width:170px; padding-top:3px;}
.resizable {resize:horizontal; overflow:auto;}


/* Header Pane */
#headerDiv {height:68px; max-height:68px; font-family:arial; font-size:10pt;}
#logoDiv {/*width:70px; height:48px; vertical-align:middle;*/}
#userDisplayDiv {padding-right:5px;}
#logoutButtonDiv {margin-bottom:2px;}
#loginButtonDiv {margin-top:2px; margin-bottom:2px;}
/*#oilPrc link {color:none;} visited {color:none;} active {color:none;}*/


/* GMap Pane */
#mapDiv {resize:both; overflow:auto; min-height:44px; max-height:800px;}
.mapDragDiv {float:left; height:27px; width:550px; padding-top:5px;}
#mapHolder {height:420px;}
#sidebar {width:170px; max-height:99%; float:left; margin-left:15px; overflow-x:hidden; overflow-y:auto;}
#map_canvas {width:580px; height:390px; float:right; margin-top:15px; margin-right:15px;}

/*#mapHolder {height:420px;}*/
/*
#sidebar {width:150px; float:left; margin-left:15px; margin-top:15px;}
#map_canvas {width:600px; height:390px; float:left; margin-top:15px; margin-right:15px;}
#mapLegend {width:780px; padding-top:15px; padding-left:160px;}
*/

/* Tank List (Stock) Pane */
.wellTankEventsDiv {float:left; width:95px; height:265px; padding-top:10px; font-family:arial; font-size:8pt; font-weight:normal; overflow-x:hidden; overflow-y:auto;} 
.evCell {width:60px; white-space:nowrap; text-align:left; font-family:arial; font-size:8pt;}


/* New Production Pane */
.dateFrom {background-color:white; width:55px;}
.dateTo {background-color:white; width:55px;}

/* Production Graph Pane */
.hdrProdGrphDateBackDiv {width:22px; float:left; text-align:left; font-weight:normal; font-style:normal; font-family:arial; font-size:11pt; padding-top:9px; padding-left:5px;}
.hdrProdGrphDateNowDiv {width:112px; float:left; text-align:left; font-style:normal; font-weight:normal; font-family:arial; font-size:10pt; text-align:center; padding-top:9px; padding-left:5px;}
.hdrProdGrphDateFwdDiv {width:45px; float:left; text-align:left; font-weight:normal; font-style:normal; font-family:arial; font-size:11pt; padding-top:9px;}


/* Tank Level History Graph Pane */
.hdrLvlGrphDateBackDiv {width:22px; float:left; text-align:left; font-weight:normal; font-style:normal; font-family:arial; font-size:11pt; padding-top:9px; padding-left:5px;}
.levelGraphDateDiv {float:left; width:112px; text-align:left; font-style:normal; font-weight:normal; font-family:arial; font-size:10pt; text-align:center; padding-top:9px; padding-left:5px;}
.hdrLvlGrphDateFwdDiv {width:45px; float:left; text-align:left; font-weight:normal; font-style:normal; font-family:arial; font-size:11pt; padding-top:9px;}


/* Report (Activity) Pane */
.reportTableHeader {background: #555555; color: #FFFFFF;}
.reportBodyDiv {overflow-x:hidden; overflow-y:scroll;}

.reportDateHeader {width:79px; min-width:79px; max-width:79px; white-space:nowrap;}
.reportTimeHeader {width:77px; min-width:77px; max-width:77px; white-space:nowrap;}
.reportEventHeader {width:100px; min-width:100px; max-width:100px; white-space:nowrap;}

.reportStockHeader {width:106px; min-width:106px; max-width:106px; white-space:nowrap;}
.reportChangeHeader {width:106px; min-width:106px; max-width:106px; white-space:nowrap;}
.reportWaterHeader {width:106px; min-width:106px; max-width:106px; white-space:nowrap; font-size:9pt;}

.reportOilAcctHeader {width:123px; min-width:123px; max-width:123px; white-space:nowrap;}
.reportNotesHeader {width:46px; min-width:46px; max-width:46px; white-space:nowrap;}


.reportDateCell {width:60px; min-width:60px; max-width:60px; white-space:nowrap; text-align:right;}
.reportTimeCell {width:60px; min-width:60px; max-width:60px; white-space:nowrap; text-align:right;}
.reportEventCell {width:80px; min-width:80px; max-width:80px; white-space:nowrap; text-align:center;}

.reportStockCellFtIn {width:84px; min-width:84px; max-width:84px; white-space:nowrap; text-align:right;}
.reportStockCellFtInFt {width:42px; min-width:42px; max-width:42px; white-space:nowrap; text-align:right; padding-right:4px;}
.reportStockCellFtInIn {width:42px; min-width:42px; max-width:42px; white-space:nowrap; text-align:right;}
.reportStockCellBbls {width:84px; min-width:84px; max-width:84px; white-space:nowrap; text-align:right;}

.reportChangeCellFtIn {width:84px; min-width:84px; max-width:84px; white-space:nowrap; text-align:right;}
.reportChangeCellFtInFt {width:42px; min-width:42px; max-width:42px; white-space:nowrap; text-align:right; padding-right:4px;}
.reportChangeCellFtInIn {width:42px; min-width:42px; max-width:42px; white-space:nowrap; text-align:right;}
.reportChangeCellBbls {width:84px; min-width:84px; max-width:84px; white-space:nowrap; text-align:right;}

.reportWaterCellFtIn {width:84px; min-width:84px; max-width:84px; white-space:nowrap; text-align:right;}
.reportWaterCellFtInFt {width:42px; min-width:42px; max-width:42px; white-space:nowrap; text-align:right; padding-right:4px;}
.reportWaterCellFtInIn {width:42px; min-width:42px; max-width:42px; white-space:nowrap; text-align:right;}
.reportWaterCellBbls {width:84px; min-width:84px; max-width:84px; white-space:nowrap; text-align:right;}

.reportOilAcctCell {width:99px; min-width:99px; max-width:99px; white-space:nowrap; text-align:center;}
.reportNotesCell {width:36px; min-width:36px; max-width:36px; white-space:nowrap; text-align:center; cursor:pointer;}