/*////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////
// 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
////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/

html {height:100%; background-color:white; margin:0;}
body {height:100%; margin:0;}
/*body {background-color:#D6D6D6;}*/
/*a {color:#FCFCFC; text-decoration:none;}
a:hover{color:#FF6600; font-weight:bold;}
*/
@ media print
	{
	td {font-size:10pt; font-family:Arial;} 
	select {display:none;}
	}

/* Buttons */
#blankbutton {background-image:url(/rg/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(/rg/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; }

.plainbutton {color:black; font-family:Arial, Helvetica, sans-serif; font-size:9pt; text-align:center; cursor:pointer; margin-right:2px;}
.plainbutton:hover {color:#FF6600;}
.plainbutton.rounded {border: 1px solid black; -moz-border-radius:4px; -webkit-border-radius:4px; border-radius:4px; font-size:9pt; outline:0; -webkit-appearance: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;}
.floatClear {clear:both;}
.posStatic {position:static;}
.posFixed {position:fixed;}
.posRelative {position:relative;}
.posAbsolute {position:absolute;}
.textBold {font-weight:bold;}
.fontBold {font-weight:bold;}
.fontBlack {color:black;}
.fontWhite {color:white;}
.fontItalic {font-style: italic;}
.boldOn {font-weight:bold;}
.boldOff {font-weight:normal;}
.borderNone {border:none;}
.border1Black {border:black 1px solid;}
.border1White {border:white 1px solid;}
.border4Green {border:green 4px solid;}
.backgroundNone {background-color:white;}
.shadowGray {box-shadow: 5px 5px 2px grey;}



.noWrap {white-space:nowrap;}
.noCellSpace {border-spacing:0; border-collapse:collapse;}
.noSelect {-webkit-touch-callout:none; -webkit-user-select:none; -khtml-user-select:none; -moz-user-select:none; -ms-user-select:none; user-select:none;}
.reSelect {-webkit-touch-callout:default; -webkit-user-select:text; -khtml-user-select:text; -moz-user-select:text; -ms-user-select:text; user-select:text;}

.displayNone {display:none;}
.displayTable {display:table;}
.displayTableCell {display:table-cell;}
.tableRow {display:table-row;}
.tableCell {display:table-cell;}

.fontArial6 {font-family:arial; font-size:6pt;}
.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;}
.fontArial11 {font-family:arial; font-size:11pt;}
.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;}
.fontArial18 {font-family:arial; font-size:18pt;}
.fontArial20 {font-family:arial; font-size:20pt;}
.fontArial22 {font-family:arial; font-size:22pt;}
.fontArial24 {font-family:arial; font-size:24pt;}
.fontArial26 {font-family:arial; font-size:26pt;}
.fontArial28 {font-family:arial; font-size:28pt;}

.backgroundColor7A7A7A {background-color:#7A7A7A;}
.backgroundColorAAAAAA {background-color:#AAAAAA;}
.backgroundColorE6E6E6 {background-color:#E6E6E6;}
.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%;}

div.rounded {border: 1px solid #ccc; -moz-border-radius: 10px; -webkit-border-radius: 10px; border-radius: 10px; font-size: 12pt; padding: 4px 7px; outline: 0; -webkit-appearance: none;}
div.rounded:focus {border-color:#339933;}

iframe.rounded {border: 1px solid #ccc; -moz-border-radius: 12px; -webkit-border-radius: 12px; border-radius: 12px; font-size: 12pt; padding: 4px 7px; outline: 0; -webkit-appearance: none;}

table.rounded {border: 1px solid #ccc; -moz-border-radius: 8px; -webkit-border-radius: 8px; border-radius: 8px; font-size: 12pt; padding: 4px 7px; outline: 0; -webkit-appearance: none;}

input.rounded, select.rounded {border: 1px solid #ccc; -moz-border-radius: 6px; -webkit-border-radius: 6px; border-radius: 6px; font-size: 12pt; padding: 0px; outline: 0; -webkit-appearance: none;}
div.rounded:focus {border-color:#339933;}

.enhancedSelect {
background-color:white;
width: 140px;
height:25px; 
vertical-align:middle;
font-size:12pt;
font-weight:bold; 
}


.enhancedSelectArrow {
background: url(\'/rg/images/downArrow.png\') no-repeat;
width:20px;
height:25px; 
vertical-align:bottom;
}


/* Tabs */
.tabDiv {
	border: 1px solid black;
	-moz-border-radius: 10px 10px 0px 0px;
	-webkit-border-radius: 10px 10px 0px 0px;
	border-radius: 10px 10px 0px 0px;
	outline: 0;
	-webkit-appearance: none;

	height:20px;
	color:black;
	background-color:white;
	font-size:9pt;
	font-weight:bold;
	margin-top:4px;
	padding-top:6px;
	padding-left:2px;
	padding-right:2px;
	float:left;
	}
.tabDiv div:hover {color:#FF6600;}

.mobTabDiv {
	border: 2px solid black;
	-moz-border-radius: 10px 10px 10px 10px;
	-webkit-border-radius: 10px 10px 10px 10px;
	border-radius: 10px 10px 10px 10px;
	outline: 0;
	-webkit-appearance: none;

	color:black;
	background-color:#CCCCCC;
	font-family:Arial;
	font-size:18pt;
	font-weight:bold;
	margin-top:5px;
	margin-left:10px;
	margin-right:10px;
	padding-top:0px;
	padding-left:5px;
	padding-right:5px;
	float:left;
	vertical-align:middle;
	cursor:pointer;
	}
.mobTabDiv div:hover {color:#FF6600;}

.mobHeader {left:0px; top:0px; width:98%; color:#F0F2F1; background-color:#888888; vertical-align:center;}
.mobHeaderTab {float:left; text-align:center;}
.mobHeaderTab:hover {color:#FF6600;}

.pcTabDiv {
	border: 2px solid black;
	-moz-border-radius: 6px 6px 6px 6px;
	-webkit-border-radius: 6px 6px 6px 6px;
	border-radius: 6px 6px 6px 6px;
	outline: 0;
	-webkit-appearance: none;

	height:24px;
	color:black;
	background-color:#CCCCCC;
	font-family:Arial;
	font-size:14pt;
	font-weight:bold;
	margin-top:0px;
	margin-left:8px;
	margin-right:8px;
	padding-top:0px;
	padding-left:5px;
	padding-right:5px;
	float:left;
	text-align:center;
	vertical-align:middle;
	}
.tabHover:hover {color:#FF6600;}
.pcHeader {color:#F0F2F1;}


/* Panel Control Bar */
.ctrlBarDiv {width:100%; min-width:890px; height:40px; background-color:white; padding-left:2px; padding-right:2px; float:left; white-space:nowrap;}
.dateSetDiv {height:26px; float:left; white-space:nowrap;}
.ctrlBarTextLeftPadDiv {float:left; text-align:left; vertical-align:middle; padding-left:5px; white-space:nowrap;}


/*
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; }
*/


/* 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 span{
	display:block;
	padding:5px;
	color:#fff;
	background:#7A7A7A;
	text-decoration:none;
}
#siteMenu span: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;
}


/* 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;
}







/* dateSelectMenu */
.dateSelectMenu{
	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;
}
.dateSelectMenu li{
	float:left;
	white-space:nowrap;
	margin-right:10px;
	position:relative;
	width:150px;
	border:1px solid white;
}
.dateSelectMenu a{
	display:block;
	padding:5px;
	color:#fff;
	background:#7A7A7A;
	text-decoration:none;
}
.dateSelectMenu a:hover{
	color:#fff;
	background:#555555;
	text-decoration:underline;
}


.dateSelectMenu 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;
}
.dateSelectMenu 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 */
}
.dateSelectMenu ul a{
	white-space:nowrap; /* Stop text wrapping and creating multi-line dropdown items */
}
.dateSelectMenu li:hover ul{ /* Display the dropdown on hover */
	left:0; /* Bring back on-screen when needed */
}
.dateSelectMenu 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;
}
.dateSelectMenu 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;
}
.dateSelectMenu li:hover ul li a:hover{ /* Here we define the most explicit hover states--what happens when you hover each individual link. */
	background:#555555;
}




/* dateRangeMenu */
.dateRangeMenu{
	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;
}
.dateRangeMenu li{
	float:left;
	white-space:nowrap;
	margin-right:10px;
	position:relative;
	width:150px;
	border:1px solid white;
}
.dateRangeMenu a{
	display:block;
	padding:5px;
	color:#fff;
	background:#7A7A7A;
	text-decoration:none;
}
.dateRangeMenu a:hover{
	color:#fff;
	background:#555555;
	text-decoration:underline;
}


.dateRangeMenu 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;
}
.dateRangeMenu 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 */
}
.dateRangeMenu ul a{
	white-space:nowrap; /* Stop text wrapping and creating multi-line dropdown items */
}
.dateRangeMenu li:hover ul{ /* Display the dropdown on hover */
	left:0; /* Bring back on-screen when needed */
}
.dateRangeMenu 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;
}
.dateRangeMenu 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;
}
.dateRangeMenu li:hover ul li a:hover{ /* Here we define the most explicit hover states--what happens when you hover each individual link. */
	background:#555555;
}



/* filterSelectMenu */
.filterSelectMenu{
	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;
}
.filterSelectMenu li{
	float:left;
	white-space:nowrap;
	margin-right:10px;
	position:relative;
	width:150px;
	border:1px solid white;
}
.filterSelectMenu a{
	display:block;
	padding:5px;
	color:#fff;
	background:#7A7A7A;
	text-decoration:none;
}
.filterSelectMenu a:hover{
	color:#fff;
	background:#555555;
	text-decoration:underline;
}


.filterSelectMenu 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;
}
.filterSelectMenu 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 */
}
.filterSelectMenu ul a{
	white-space:nowrap; /* Stop text wrapping and creating multi-line dropdown items */
}
.filterSelectMenu li:hover ul{ /* Display the dropdown on hover */
	left:0; /* Bring back on-screen when needed */
}
.filterSelectMenu 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;
}
.filterSelectMenu 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;
}
.filterSelectMenu 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; background-color:white;}
.mnDivClass {padding:0px; visiblility:hidden;}
.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; top:0px; left:0px; z-index:4; visibility:hidden; border:2px solid black; box-shadow: 5px 5px 2px grey;}
#MenuOverDiv {position:absolute; 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:#27282A; 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;}*/


/* 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;}