body { 
	font-family: "Trebuchet MS", Arial;
}

table { 
	width: 100% 
}

#mainbody {
  border-style:none;
}

#mainmenu {
  border-style:none;
  width:100%;
}

#portalbody {
	vertical-align:top;
  width:100%;
  padding:0px;
}

#opaque {
  position: fixed;
  top: 0px;
  left: 0px;
  width: 100%;
  height: 100%;
  z-index: 50;
  display: none;
  background-color: white;
  filter: alpha(opacity=70);
  opacity: 0.7;
}
* html #opaque {
    position: absolute;
}

.tabspacer {
	width:15px;
	height:100%;
	float:left;
}
.vspacer {
	width:15px;
	height:100%;
	float:left;
	display:inline;
}

.dottedline {
  border-color:#006600;
	border-style: dashed;
	padding:0;
	margin:0;
}

input.readonly {
    opacity : .50;
    filter  : alpha(opacity=50); /* IE<9 */
    cursor  : default;
}

.oepa-icon-small {
	width:15px;
	height:15px;
}

/* ==========================================================================
   Debugging window boarders.  Create a colored single line boarder around
   the HTML element with the given class.
   ==========================================================================*/
.errortext {
	color : red;
	font-weight: bold;
}
.redtext {
	color : red;
}
.greentext {
  color : #006600;
}
.dhwmerrorbox {
	border-style:solid;
	border-width:2px;
	border-color:red;
}
.redbox {
	border-style:solid;
	border-width:1px;
	border-color:red;
}
.greenbox {
	border-style:solid;
	border-width:1px;
	border-color:green;
}
.bluebox {
	border-style:solid;
	border-width:1px;
	border-color:blue;
}
.blackbox {
	border-style:solid;
	border-width:1px;
	border-color:black;
}
.whitebox {
	border-style:solid;
	border-width:1px;
	border-color:white;
}
.yellowbox {
	border-style:solid;
	border-width:1px;
	border-color:yellow;
}

/* ==========================================================================
   DIV panel properties.  Creates a colored panel using a given DIV tag.
   This is used to create the "dialog box" effect.
   ==========================================================================*/
.centersuccessdiv {
  width: 60%;
  margin-left: auto;
  margin-right: auto;
}
.centerdiv {
  width: 60%;
  margin-left: auto;
  margin-right: auto;
}
.centerwide {
  width: 80%;
  margin-left: auto;
  margin-right: auto;
}
.panel {
	background-color:#DDDDCC;
	border-style:solid;
	border-color:#000000;
	border-width:1px;
	text-decoration:none;
	padding:5px;
}
.redpanel {
	background-color:#fdf1f1;
	border-style:solid;
	border-color:#ff0000;
	border-width:1px;
	text-decoration:none;
	padding:5px;
}
.errorbox {
	border: 1px solid #ff0000;
	background: #fdf1f1;
	padding: 5px 10px;
	font-weight: bold;
	font-size: 11px;
}
.msgbox {
	margin: 0 0 15px 0;
	border: 1px solid #006600;
	color: #000000;
	background: #F0EFA7;
	padding: 5px 10px;
	font-weight: bold;
	font-size: 11px;
	width: 100%
}
.announcement {
	background-color:#FFFFE6;
	border-style:solid;
	border-color:#000000;
	border-width:1px;
	text-decoration:none;
	padding:5px;
	width:600px;
}
.fileupload {
	background: #FFFFFF url(portal/images/attachment_icon.png) left top no-repeat;
	background-size:20px 20px;
  padding: 5px 5px 5px 22px;
  border-style:none;
	border-color:#000000;
	border-width:1px;
	font-size: 12px;
	font-weight: 400;
	color: #000000;
	text-decoration: none;
}
.sectionheaderblock {
	background-color: #006600;
	border-style:none;
	font-size: 12px;
	font-weight: 600;
	color: #FFFFFF;
	text-decoration: none;
	width:100%;
}
.sectionheader {
	background: #006600 url(portal/images/tab-tr-green.jpg) right top no-repeat;
	border-style:none;
	font-size: 12px;
	font-weight: 600;
	color: #FFFFFF;
	text-decoration: none;
	width:100%;
}
.sectionheader a {
	background: #006600 url(portal/images/tab-tl-green.jpg) left top no-repeat;
	padding-left:10px;
	text-decoration: none;
	color: #FFFFFF;
	width:100%;
}
.disabled {
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 0.8em;
	font-weight: 400;
	color: #666666;
	text-decoration: none;
}
.greenIndicator {
	border: 3px solid #006600;
}

/* ==========================================================================
   Hyperlink style.  This sets the given href to blue with an underline that
   turns bold with the mouse is over the href element.
   ==========================================================================*/
.navlink {
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: 400;
	color: #0000FF;
	cursor:pointer;
	text-decoration: none;
}
.navlink:hover {
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: 800;
	color: #0000FF;
	cursor:pointer;
	text-decoration: underline;
}

.sortlink {
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: 400;
	color: #FFFFFF;
	cursor:pointer;
	text-decoration: none;
}
.sortlink:hover {
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: 800;
	color: #FFFFFF;
	cursor:pointer;
	text-decoration: underline;
}

.continuelink {
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 16px;
	font-weight: 800;
	color: #0000FF;
	text-decoration: none;
}
.continuelink:hover {
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 16px;
	font-weight: 1000;
	color: #0000FF;
	cursor:pointer;
	text-decoration: underline;
}

.highlight {
  background-color: #eee;
};

.help IMG {
	text-decoration: none;
}
.help A {
	text-decoration: none;
}
.help A:visited {
	text-decoration: none;
}
.help A:active {
	text-decoration: none;
}
.help A:hover {
	text-decoration: none;
}
.titlelarge {
	font-family: "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
	font-size: 22px;
	font-weight: 800;
	color: #006600;
	text-decoration: none;
	display:block;
}
.titlemed {
	font-family: "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
	font-size: 18px;
	font-weight: 800;
	color: #006600;
	text-decoration: none;
}
.titlesmall {
	font-family: "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
	font-size: 13px;
	font-weight: 800;
	color: #006600;
	text-decoration: none;
}
.textsmall {
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 9px;
	font-weight: 400;
	color: #000000;
	text-decoration: none;
}
.textmed {
	font-family: "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: 400;
	text-decoration: none;
}
.textlarge {
	font-family: "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
	font-size: 16px;
	font-weight: 800;
	text-decoration: none;
}
.textsubmitnormal {
	font-family: "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: 400;
	text-decoration: none;
}
.textsubmittitle {
	font-family: "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
	font-size: 16px;
	font-weight: 800;
	color: #006600;
	text-decoration: none;
}
.warningtext {
	font-family: "Arial", Helvetica, sans-serif;
	font-size: 12px;
	font-weight: 400;
	color: #000000;
	text-decoration: none;
}
.portalbody {
  background-color:#660000;
  padding:0px;
  margin:0px;
}
.bodytext {
	font-size: 12px;
	font-weight: 400;
	color: #000000;
	text-decoration: none;
}
.paneltext {
	font-size: 12px;
	font-weight: 400;
	color: #000000;
	text-decoration: none;
}
.helptext {
	font-size: 12px;
	font-weight: 400;
	color: #000000;
	text-decoration: none;
	background-color:#BBBBAA;
  color:#000000; 
  padding:5px; 
  border-width:1px; 
  border-color:#000000; 
  border-style:solid;
  vertical-align:top;
}
.helplink {
 padding:0px;
 color:#DDDDCC;
 font-size:10px;
}
.announcementtext {
	font-size: 16px;
	font-weight: 400;
	color: #000000;
	text-decoration: none;
}
.texta {
	font-size: 0.8em;
	background-color: #FFFFFF;
	border: 1px solid #666666;
	padding-left: 2px;
	padding-bottom: 4px;
	width:200px;
	z-index: 1
}
.textmenu {
	font-size: 12px;
	background-color: #DDDDCC;
	border: 1px solid #666666;
	padding-left: 2px;
	padding-bottom: 4px;
	width: 100px;
}
.label {
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: 600;
	color: #000000;
	text-align:right;
	text-decoration: none;
	/* cursor: help; */
}
.capsLock {
  color:#FF0000;
}
.yellowrow {
  background-color:#F6FA9C;
  border:1px solid #000000;
  text-align:center;
}
.whiterow {
  background-color: #FFFFFF;
  border:1px solid #000000;
  padding: 3px 3px 3px 3px;
  font-size: 12px;
  font-weight: 400;
  color: #000000;
  text-decoration: none;
}
.ghost-text {
  color:#CCCCCC;
}
.datafield {
  background:#FFFFFF;
  border:1px solid #000000;
  text-align:left;
}
.alertbox {
  background-color:#FFFFFF;
  border-style:solid;
  border-color:#DD0000;
  border-width:2px;
  text-decoration:none;
  padding:5px;
}
.formlabel {
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: 800;
	color: #000000;
	text-align: right;
	text-decoration: none;
	cursor: help;
}
.description {
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: 800;
	color: #006600;
	text-decoration: none;
}
.title {
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: 800;
	color: #000000;
	text-decoration: none;
}
.sectionTitle {
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: 600;
	color: #FFFFFF;
	padding: 0px 0px 0px 0px;
	text-decoration: none;
}
.fpcolumn {
	width: 220px;
}

/* ==========================================================================
   jQuery
   ==========================================================================*/
.no-title .ui-dialog-titlebar {
  display:none
}

/* ==========================================================================
   Table Formatting
   ==========================================================================*/
.tableheader {
	font-size: 12px;
	background-color:#555544; 
  color:#FFFFFF; 
  text-decoration: none;
}
.stripe {
	background-color:#BBBBAA; 
  text-decoration: none;
}
/* ==========================================================================
   Web 2.0 Buttons using images with the "sliding barn door" technique.
   ==========================================================================*/
a.button {
   background: transparent url('/images/bg_button_a.gif') no-repeat scroll top right;
   color: #444;
   display: block;
   float: left;
   font: normal 12px "Trebuchet MS", Arial, sans-serif;
   height: 24px;
   cursor: pointer;
   margin-right: 6px;
   padding-right: 18px; /* sliding doors padding */
   text-decoration: none;
}
a.button span {
   background: transparent url('/images/bg_button_span.gif') no-repeat;
   display: block;
   line-height: 14px;
   padding: 5px 0 5px 18px;
}
a.button:active {
    background-position: bottom right;
    color: #000;
    outline: none; /* hide dotted outline in Firefox */
}
a.button:active span {
    background-position: bottom left;
    padding: 6px 0 4px 18px; /* push text down 1px */
}

a.panelbutton {
   background: transparent url('/images/bg_button_a_panel.gif') no-repeat scroll top right;
   color: #444;
   display: block;
   float: left;
   font: normal 12px "Trebuchet MS", Arial, sans-serif;
   height: 24px;
   cursor: pointer;
   margin-right: 6px;
   padding-right: 18px; /* sliding doors padding */
   text-decoration: none;
}
a.panelbutton div {
   background: transparent url('/images/bg_button_span_panel.gif') no-repeat;
   display: block;
   line-height: 14px;
   padding: 5px 0 5px 18px;
}
a.panelbutton:active {
    background-position: bottom right;
    color: #000;
    outline: none; /* hide dotted outline in Firefox */
}
a.panelbutton:active div {
    background-position: bottom left;
    padding: 6px 0 4px 18px; /* push text down 1px */
}
/* ==========================================================================
   jquery noblecount
   ==========================================================================*/
.jqnoblecountnegative {
 color: #FF0000;
}
.jqnoblecountpositive {
 color: #008000;
}
.no-close .ui-dialog-titlebar-close {
 display: none;
}

/* ============================================================================
 * Login Page
 */
 
.help-title {
  color: #0046c9;
 	font-weight: bold;
}

.help-header {
  color: #0046c9;
 	font-style: italic;
 	font-weight: bold;
}