/* Import the basic page layout (structure and colors) */
@import "/css/page_layout.css";
@import "/css/ermpage-navtabs.css";
@import "/css/ermdropdown.css";

.inputbox
{
	font-family: Verdana,Helvetica,sans-serif;
	font-weight: normal;
	border: 1px solid #000000;
}
.inputbutton
{
	font-family: Verdana,Helvetica,sans-serif;
	font-weight: bold;
	font-size: 10px;
}


/* Nav Stuff - This is not even used by the tabs anymore but a ton of pages use these styles, so they stay. */
.navtab
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 13px;
	color: #FFFFFF;
	font-style: normal;
	font-weight: bold;
	background-color: #34485F;
	border-top-width: thin;
	border-bottom-width: thin;
	border-top-style: solid;
	border-bottom-style: solid;
	border-bottom-color: #000000;
	border-top-color: #6083a9;
	margin-right: 100px;
	margin-left: 10px;
}
.navtab a, .navtab a:visited
{
	color: #ffffff;
	text-decoration: none;
}
.navtabon
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 13px;
	color: #000000;
	font-style: normal;
	font-weight: bold;
	background-color: #C4D0DF;
	border-top-width: thin;
	border-bottom-width: thin;
	border-top-style: solid;
	border-bottom-style: solid;
	border-bottom-color: #C4D0DF;
	border-top-color: #CCCCCC;
}
.navtabon a, .navtabon a:visited
{
	text-decoration: none;
	color: #000000;
}
.navtabonBody
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #000000;
	font-style: normal;
	background-color: #C4D0DF;
	border-top-width: thin;
	border-right-width: thin;
	border-bottom-width: thin;
	border-left-width: thin;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-right-color: #C4D0DF;
	border-bottom-color: #C4D0DF;
	border-left-color: #C4D0DF;
	border-top-color: #C4D0DF;
	padding-bottom: 8px;
	padding-left: 5px;
}


/* Page title */
.pgtitle
{
	display: block;
	position: relative;
	text-align: left;
	font-size: 14px;
	font-weight: bold;
	color: #333333;
	background-color:#DEE3EB;
	border-bottom: 1px solid #6C83A6;
	border-top: 1px solid #6C83A6;
	padding: 2px 10px 2px 10px;
	margin: 8px 0px 16px 0px;
}

/* Maintenance warning */
.pgwarning
{
	display: block;
	position: relative;
	text-align: left;
	font-size: 14px;
	font-weight: normal;
	color: #333333;
	background-color:#F1D8D7;
	border-bottom: 1px solid #CC6666;
	border-top: 1px solid #CC6666;
	padding: 2px 10px 2px 10px;
	margin: 4px 32px 8px 32px;
}
.pgwarning div.maintheading { font-weight: bold; }
.pgwarning div.maintmsg { margin: 4px 0px 0px 26px; }
.pgwarning img { vertical-align: middle; margin: -2px 10px 0px 0px; border: 0px; }


/* Alerts */
.titledbox
{
	font-size: 12px;
	display: block;
	position: relative;
	text-align: left;
	border: 1px solid #6C83A6;
	margin: 16px 0px 16px 0px;
}
.titledbox h1
{
	font-size: 14px;
	font-weight: bold;
	color: #333333;
	background-color:#DEE3EB;
	padding: 2px 10px 2px 10px;
	margin: 0px;
	border-bottom: 1px solid #6C83A6;
}
.titledbox div
{
	padding: 6px 10px 6px 10px;
	margin: 0px;
}


/* Action Bar */
.ActionBar
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #FFFFFF;
	font-style: normal;
	font-weight: normal;
	padding-top: 0px;
	padding-bottom: 0px;
	padding-left: 6px;
	/* background-color:#6083a9; */
    background: url(/images/ActionBarGradient.png) repeat-x;
}

.ActionBar a:hover {
  color: silver;
}
                
.ActionBar a, .ActionBar a:visited
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #FFFFFF;
	font-style: normal;
	font-weight: bold;
	text-decoration: underline;
}

.ActionBar .active
{
	text-decoration: none;
	border-bottom-style: double;
	border-bottom-width: 2px;
}


/* Body Section */
table.ItemWrapperNoPadding, table.ItemWrapperNoPadding td
{
	padding-top: 0px;
	padding-bottom: 0px;
}
.ItemName
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	text-align: right;
	padding-right: 10px;
	padding-left: 15px;
	font-weight: bold;
	padding-top: 8px;
}
.ItemNameGray
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	text-align: right;
	padding-right: 10px;
	padding-left: 15px;
	font-weight: bold;
	padding-top: 8px;
	color:#CCCCCC;
}
.ItemVal
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	text-align: left;
	padding-right: 30px;
	padding-top: 8px;
}

.ItemValGray
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	text-align: left;
	padding-right: 30px;
	padding-top: 8px;
	color:#CCCCCC;
}


/* Detail Section Tables */
table.detailtable
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #000000;
	border-collapse: collapse;
	border: 1px solid #000000;
	margin: 1px; /* IE gives a 1px margin on these tables. Match it in other browsers */
	.margin: 0px;
}
table.detailtable th
{
	background-repeat: no-repeat;
	background-position: right center;
	background-color:#BFBFBF;
	border: 1px solid #000000;
	text-align: left;
	padding: 4px;
	font-weight: normal;
}
table.detailtable td
{
	padding: 4px;
	border: none;
}
table.detailtable .sortbottom td
{
	background-color: #CCCCCC;
	border-top: 1px solid #000000;
}
/* Firefox-specific CSS hack needed to fix detailtable border-collapse problem :( */
@-moz-document url-prefix()
{
	table.detailtable { border-collapse: separate; border-spacing: 0px; }
	table.detailtable tr th:first-child { border-left: 0px; }
	table.detailtable tr th { border-left: 1px solid #000000; border-top: 0px; border-right: 0px; }
}

/* Generic sortable styles */
html body table.sortable th /* Specificity */
{
	padding-right: 13px;
	background-position: right center;
	background-repeat: no-repeat;
}
html body table.sortable th.nosort
{
	padding-right: 4px;
}
html body table.sortable th.asc
{
	background-image: url("/images/sortableAsc.gif");
}
html body table.sortable th.desc
{
	background-image: url("/images/sortableDesc.gif");
}

/* Old style sortables, still used by the Archive */
table.sortable th a, table.sortable th a:visited, table.sortable th a:hover
{
	text-decoration:none;
	color:#000000;
}

/* New style sortables */
table.sortable th div
{
	position: relative;
	margin: -4px -13px -4px -4px;
	padding: 4px 13px 4px 4px;
	border: 0px;
}

table.sortable th div div.button
{
	position: absolute;
	right: 0px;
	top: 0px;
	bottom: 0px;
   margin: 0px;
   padding: 0px;
	border: 0px solid #BFBFBF;
	border-right-width: 1px;
	border-left-width: 1px;
	width: 11px;
	vertical-align: middle;
}

table.sortable th div.hover div.button
{
	background-color: #CDD5E1;
	background-image: url("/images/sortableBg.gif");
	background-position: 0px center;
	background-repeat: no-repeat;
	border-top-color: #DEE3EB;
	border-left-color: #000000;
	border-right-color: #ABB7CB;
	border-bottom-color: #ABB7CB;
}

table.sortable th.asc div.hover div.button
{
	background-position: -11px center;
}



/* AutoFilter */
html .sortable .autofilter
{
	padding: 0px !important;
	margin: 0px !important;
	border-spacing: 0px;
	background-color: #BFBFBF;
}
html .sortable .autofilter td
{
	margin: 0px !important;
	padding: 2px !important;
	text-align: center !important;
	border-bottom: 1px solid black;
}
html .sortable .autofilter input
{
	margin: 0px !important;
	padding: 2px 1% 2px 1% !important;
	font-size: .8em !important;
	width: 96%;
	max-width: 100%; /* Bugfix for FF2 */
	border: 1px solid #7F9DB9 !important;
}


/* Subtable (Expando-tables) */
table.subtable
{
	margin-left: 20px;
	border-collapse: collapse;
	border: 1px solid #000000;
}
table.subtable th
{
	color: #FFFFFF;
	background-color: #6C83A6;
}
table.subtable td
{
	background-color: #E6ECF5;
}

.BlackTri /* Give the black triangle image some extra padding for easy clicking */
{
	padding: 4px;
	margin: -4px;
}



/* EDGE Bar */		/* Deprecated? Check later */
.edgebar
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-style: normal;
	font-weight: normal;
	padding-top: 2px;
	padding-bottom: 2px;
}


/* Misc */
table.misc1
{
	border: 2px;
	width:100%;
}
table.misc1 td
{
	border-bottom: 1px solid;
	font: 10px/10px Arial, sans-serif;
	color: #000000;
	padding-left:10px;
	padding-top:4px;
	padding-bottom:4px;
}
table.misc1 th
{
	border-bottom: 1px solid;
	color: #000000;
	font: 12px/12px Arial, sans-serif;
	font-weight: bold;
	word-spacing: 3px;
	vertical-align: middle;
}
td.blank
{
	border:0px solid #000000;
	color:#000000;
}
th.blank
{
	border:0px solid #000000;
	color:#000000;
}
.feathighlight
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	font-weight: normal;
	background-color: #F3F3F3;
	color: #000000;
	padding: 13px 13px 13px 13px;
	margin: 22px 22px 22px 22px;
	border: 1px solid #0066cc
}
.login
{
	width: 100%;
	cellpadding: 0px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #FFFFFF;
	font-style: normal;
	font-weight: bold;
}
.login a, .login a:visited
{
	color: #ffffff;
}
.bodycopy
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
}
.bodycopy a, .bodycopy a:visited
{
	font-family: Arial, Helvetica, sans-serif;
	font-size:11px;
	color: #000000;
}
.mktbody
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
}
.mkthead
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: bold;
	color: #800000;
}
.list
{
	list-style-type: disc;
}
.list li
{
	font-family: Helvetica, Arial, sans-serif;
	font-size: 15px;
}


/* ERM Data Table links */
.ERMDataTblSpreadsheetLink
{
	padding: 4px 4px 4px 0px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
}
.ERMDataTblSpreadsheetLink div
{
	display: inline;
	margin-left: 20px;
	margin-right: 20px;
}

.ERMDataTblSpreadsheetLink img
{
	margin-top: -2px;
	padding-right: 2px;
	padding-bottom: 0px;
	text-decoration: none;
}
.ERMDataTblSpreadsheetLink a:link ,
.ERMDataTblSpreadsheetLink a:visited ,
.ERMDataTblSpreadsheetLink a:active
{
	padding-top: 0px;
	padding-bottom: 0px;
	text-decoration: none;
}

.ERMDataTblSpreadsheetLink a:hover
{
	text-decoration: underline;
}


/* CSS-popup screen */
#loadingpleasewait
{
	position: absolute;
	display: inline;
	z-index: 99;
	left: 50%;
	top: 40%;
	width: 300px;
	height: 40px;
	margin: -20px -150px -20px -150px;
	padding: 10px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	border: 1px solid #34485F;
	color: white;
	background-color: #003366;
}
#sorttablepleasewait
{
	position:absolute;
	display: none;
	z-index: 99;
	left: 50%;
	top: 40%;
	width: 300px;
	height: 50px;
	margin: -25px -150px -25px -150px;
	padding: 10px;
	border: 1px solid #34485F;
	color: white;
	background-color: #003366;
}
#loadingpleasewait div, #sorttablepleasewait div
{
	font-size: 18px;
	font-weight: bold;
}
#ermpage-addquicklink
{
	position: absolute;
	z-index: 99999;
	left: 50%;
	top: 40%;
	width: 300px;
	height: 220px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	padding: 10px;
	color: white;
	background-color: #6083a9;
	margin-left:-150px;
	margin-right:-150px;
	margin-bottom:-75px;
	margin-top:-75px;
	border: 1px solid #34485F;
}


/* Tooltips - Regular and links */
a.tooltip, a.tooltip:visited
{
	position: relative;
	color: #000000;
	text-decoration: none;
	cursor: pointer;
	outline-style: none; /* Hide the focus box if possible */
}
a.atooltip
{
	position: relative;
	cursor: default;
}

a.tooltip:hover { z-index: 10000; cursor: default; } /* Special junk for IE */
a.atooltip:hover { z-index: 10000; cursor: pointer; } /* Special junk for IE */

a.tooltip span, a.atooltip span
{
	display: none;
	position: absolute;
	top: 32px;
	left: 32px;
	z-index: 10003;
	width: 300px;
	border: 1px solid #6083A9;
	background-color: #FFFFFF;
	color: #000000;
	text-decoration: none;
	text-align: left;
	font-weight: normal;
	padding: 2px 4px 2px 4px;
	font-size: 11px;
	white-space: normal;
}
a.tooltip:hover span, a.atooltip:hover span
{
	display: block;
}
a.tooltip span:hover, a.atooltip span:hover /* This looks silly, but trust me it's correct. It's to fix Firefox mouseover problems */
{
	display: none;
}
a.tooltip span div, a.atooltip span div /* Tooltip caption */
{
	display: block;
	background-color: #6083A9;
	color: #FFFFFF;
	font-weight: bold;
	margin: -2px -4px 0px -4px;
	padding: 2px 2px 2px 2px;
}


a.iconlink, a.iconlink:hover, a.iconlink:active, a.iconlink:visited
{
	color: #942523;
	text-decoration: none;
	white-space: nowrap;
}
a.iconlink span { text-decoration: underline; }
a.iconlink img
{
	border: 0px none;
	height: 16px;
	width: 16px;
	vertical-align: bottom;
}


.ErrorMsgBox
{
	padding: 48px 48px 48px 48px;
	background-color: #F3F3F3;
	border: 1px solid #0066CC;
	width: 400px;
	margin: 32px auto 32px auto;
	text-align: left;
	z-index: 9999;
}
.ErrorMsgBoxIcon { float: left; }
.ErrorMsgBoxTitle { font-weight: bold; font-size: 14px; margin-left: 40px; }
.ErrorMsgBoxBody { clear: both; text-align: left; padding-top: 24px; }

.PeabodyCalendar { font-size: x-small; }
.PeabodyCalendar a, .PeabodyCalendar a:visited { color:#3300FF; text-decoration:underline; font-weight:bold; }
.PeabodyCalendarActive { background-color:white; }


/* Printer-friendly CSS */
@media print
{
	table.sortable th div.hover div.button
	{
		background-color: #BFBFBF;
		background-image: none;
		border: 0px solid #BFBFBF;
	}
}