html
{
	height: 100%;
}

body
{
	height: 100%;
	margin: 0px;
}

body, td, th
{
    FONT-SIZE: 8pt;
    COLOR: black;
    FONT-FAMILY: Verdana;
}

form
{
	height: 100%;
}

p
{
	margin-bottom: 10px;
}

TABLE
{
    BORDER-COLLAPSE: collapse;
}
HR
{
    WIDTH: 100%;
    COLOR: #000000;
    HEIGHT: 1px
}
H4
{
    FONT-WEIGHT: bold;
    FONT-SIZE: 10pt;
    TEXT-TRANSFORM: uppercase
}
H5
{
    FONT-WEIGHT: bold;
    FONT-SIZE: 10pt;
    TEXT-TRANSFORM: uppercase
}
H6
{
    FONT-WEIGHT: bold;
    FONT-SIZE: 10pt;
    TEXT-TRANSFORM: uppercase
}
H4
{
    FONT-SIZE: 10pt
}
H6
{
    FONT-SIZE: 8pt
}
TEXTAREA
{
    BORDER-RIGHT: #c6c3c6 1px solid;
    PADDING-RIGHT: 4px;
    BORDER-TOP: #c6c3c6 1px solid;
    PADDING-LEFT: 4px;
    FONT-SIZE: 8pt;
    PADDING-BOTTOM: 1px;
    BORDER-LEFT: #c6c3c6 1px solid;
    PADDING-TOP: 1px;
    BORDER-BOTTOM: #c6c3c6 1px solid;
    FONT-FAMILY: Verdana
}
SELECT
{
    BORDER-RIGHT: #c6c3c6 1px solid;
    PADDING-RIGHT: 4px;
    BORDER-TOP: #c6c3c6 1px solid;
    PADDING-LEFT: 4px;
    FONT-SIZE: 8pt;
    PADDING-BOTTOM: 1px;
    BORDER-LEFT: #c6c3c6 1px solid;
    PADDING-TOP: 1px;
    BORDER-BOTTOM: #c6c3c6 1px solid;
    FONT-FAMILY: Verdana
}
.textbox
{
    BORDER-RIGHT: #c6c3c6 1px solid;
    PADDING-RIGHT: 4px;
    BORDER-TOP: #c6c3c6 1px solid;
    PADDING-LEFT: 4px;
    FONT-SIZE: 8pt;
    PADDING-BOTTOM: 1px;
    BORDER-LEFT: #c6c3c6 1px solid;
    PADDING-TOP: 1px;
    BORDER-BOTTOM: #c6c3c6 1px solid;
    FONT-FAMILY: Verdana
}
.validationAlert
{
    BORDER-RIGHT: #ff0000 1px solid;
    PADDING-RIGHT: 2px;
    BORDER-TOP: #ff0000 1px solid;
    PADDING-LEFT: 4px;
    FONT-SIZE: 8pt;
    PADDING-BOTTOM: 1px;
    BORDER-LEFT: #ff0000 1px solid;
    PADDING-TOP: 1px;
    BORDER-BOTTOM: #ff0000 1px solid;
    FONT-FAMILY: Verdana;
    BACKGROUND-COLOR: #ffcccc
}
.validationAlertText
{
    COLOR: red
}
.inactive
{
    BORDER-RIGHT: 1px solid;
    PADDING-RIGHT: 6px;
    BORDER-TOP: 1px solid;
    PADDING-LEFT: 6px;
    FONT-WEIGHT: bold;
    FONT-SIZE: 8pt;
    VERTICAL-ALIGN: bottom;
    TEXT-TRANSFORM: lowercase;
    BORDER-LEFT: 1px solid;
    PADDING-TOP: 2px;
    BORDER-BOTTOM: 1px solid;
    FONT-FAMILY: Verdana;
    HEIGHT: 20px;
    TEXT-ALIGN: center;
    TEXT-DECORATION: none
}

.view
{
	BORDER-RIGHT: 1px solid;
    PADDING-RIGHT: 6px;
    BORDER-TOP: 1px solid;
    PADDING-LEFT: 6px;
    FONT-WEIGHT: bold;
    FONT-SIZE: 8pt;
    VERTICAL-ALIGN: bottom;
    TEXT-TRANSFORM: lowercase;
    BORDER-LEFT: 1px solid;
    PADDING-TOP: 2px;
    BORDER-BOTTOM: 1px solid;
    FONT-FAMILY: Verdana;
    HEIGHT: 20px;
    TEXT-ALIGN: center;
    TEXT-DECORATION: none;
    cursor:hand;
}

.import
{
	BORDER-RIGHT: 1px solid;
	PADDING-RIGHT: 6px;
    BORDER-TOP: 1px solid;
    PADDING-LEFT: 6px;
    FONT-WEIGHT: bold;
    FONT-SIZE: 8pt;
    VERTICAL-ALIGN: bottom;
    TEXT-TRANSFORM: lowercase;
    BORDER-LEFT: 1px solid;
    PADDING-TOP: 2px;
    BORDER-BOTTOM: 1px solid;
    FONT-FAMILY: Verdana;
    HEIGHT: 20px;
    TEXT-ALIGN: center;
    TEXT-DECORATION: none;
    cursor:hand;
}

.display
{
	BORDER-RIGHT: 1px solid;
	PADDING-RIGHT: 6px;
    BORDER-TOP: 1px solid;
    PADDING-LEFT: 6px;
    FONT-WEIGHT: bold;
    FONT-SIZE: 8pt;
    VERTICAL-ALIGN: bottom;
    TEXT-TRANSFORM: lowercase;
    BORDER-LEFT: 1px solid;
    PADDING-TOP: 2px;
    BORDER-BOTTOM: 1px solid;
    FONT-FAMILY: Verdana;
    HEIGHT: 20px;
    TEXT-ALIGN: center;
    TEXT-DECORATION: none;
    cursor:hand;
}

.reset
{
    BORDER-RIGHT: 1px solid;
    PADDING-RIGHT: 6px;
    BORDER-TOP: 1px solid;
    PADDING-LEFT: 6px;
    FONT-WEIGHT: bold;
    FONT-SIZE: 8pt;
    VERTICAL-ALIGN: bottom;
    TEXT-TRANSFORM: lowercase;
    BORDER-LEFT: 1px solid;
    PADDING-TOP: 2px;
    BORDER-BOTTOM: 1px solid;
    FONT-FAMILY: Verdana;
    HEIGHT: 20px;
    TEXT-ALIGN: center;
    TEXT-DECORATION: none
}
.inactive
{
    BORDER-LEFT-COLOR: #999999;
    BORDER-BOTTOM-COLOR: #999999;
    COLOR: #9c9e9c;
    BORDER-TOP-COLOR: #999999;
    BACKGROUND-COLOR: #ffffff;
    BORDER-RIGHT-COLOR: #999999
}
/*
:hover.active
{
    BORDER-LEFT-COLOR: #c0c0c0;
    BORDER-BOTTOM-COLOR: #c0c0c0;
    COLOR: #ffffff;
    BORDER-TOP-COLOR: #c0c0c0;
    BACKGROUND-COLOR: #636163;
    BORDER-RIGHT-COLOR: #c0c0c0
}
*/
.inactive:hover
{
    BORDER-LEFT-COLOR: #c0c0c0;
    BORDER-BOTTOM-COLOR: #c0c0c0;
    COLOR: #ffffff;
    BORDER-TOP-COLOR: #c0c0c0;
    BACKGROUND-COLOR: #636163;
    BORDER-RIGHT-COLOR: #c0c0c0
}

.update
{
    COLOR: #636963;
    BACKGROUND-COLOR: #9fcd9f;
    BORDER: 1px solid #9c9a9c;
    PADDING-RIGHT: 2px 6px 2px 6px;
    FONT-WEIGHT: bold;
    TEXT-TRANSFORM: lowercase;
    TEXT-ALIGN: center;
    TEXT-DECORATION: none;
    CURSOR:hand;
}
:hover.update
{
    COLOR: #ffffff;
    BACKGROUND-COLOR: #21ae4a
}
.updateLink
{
    BORDER-LEFT-COLOR: #999999;
    BORDER-BOTTOM-COLOR: #999999;
    COLOR: #666666;
    BORDER-TOP-COLOR: #999999;
    BACKGROUND-COLOR: #e7b6b6;
    BORDER-RIGHT-COLOR: #999999
}
.delete
{
    COLOR: #666666;
    BACKGROUND-COLOR: #e7b6b6;
    BORDER: 1px solid #999999;
    PADDING: 2px 6px 2px 6px;
    FONT-WEIGHT: bold;
    TEXT-TRANSFORM: lowercase;
    TEXT-ALIGN: center;
    TEXT-DECORATION: none;
    CURSOR:hand;
    line-height: 20px;
}
:hover.delete
{
    COLOR: #ffffff;
    BACKGROUND-COLOR: #e75d5d
}
.deleteLink
{
    COLOR: #666666;
    BACKGROUND-COLOR: #e7b6b6;
    BORDER: 1px solid #999999;
    PADDING: 2px 6px 2px 6px;
    FONT-WEIGHT: bold;
    TEXT-TRANSFORM: lowercase;
    TEXT-ALIGN: center;
    TEXT-DECORATION: none;
    CURSOR:hand;
}
.view
{
	border-color: #999999;
	WIDTH: 140px;
	COLOR: #666666;
	BACKGROUND-COLOR: Aqua;  
}
:hover.view
{
	COLOR: #ffffff;
	BACKGROUND-COLOR: #e75d5d
}

.import
{
	border-color: #999999;
	WIDTH: 110px;
	COLOR: #666666;
	BACKGROUND-COLOR: Silver;
}
:hover.import
{
	COLOR: #ffffff;
	BACKGROUND-COLOR: #e75d5d
}

.display
{
	border-color: #999999;
	WIDTH: 110px;
	COLOR: #666666;
	BACKGROUND-COLOR: Aqua;
}
:hover.display
{
	COLOR: #ffffff;
	BACKGROUND-COLOR: #e75d5d
}

.reset
{
    BORDER-COLOR: #9c9a9c;
    WIDTH: 60px;
    COLOR: #666666;
    BACKGROUND-COLOR: #e4e4e4;
}
:hover.reset
{
    BORDER-COLOR: #c0c0c0;
    COLOR: #ffffff;
    BACKGROUND-COLOR: #636163;
}
.topNav
{
    PADDING-RIGHT: 4px;
    TEXT-TRANSFORM: capitalize;
    COLOR: #666666;
    TEXT-DECORATION: none;
    background-color: #ACBCCC;
}
.bottomNav
{
    TEXT-TRANSFORM: capitalize;
    COLOR: #666666;
    TEXT-DECORATION: none;
    border-top:1px solid #DCDCDC;
}

.topNav A
{
    PADDING-RIGHT: 4px;
    TEXT-TRANSFORM: capitalize;
    COLOR: #666666;
    TEXT-DECORATION: none
}
.leftNav
{
	PADDING-LEFT: 8px;
    FONT-SIZE: 8pt;
    FONT-FAMILY: Verdana;
    TEXT-TRANSFORM: capitalize;
    TEXT-DECORATION: none;
    COLOR: #666666;
    line-height:150%;
}
.leftNavOn
{
	PADDING-LEFT: 8px;
    FONT-WEIGHT: bold;
    FONT-SIZE: 8pt;
    FONT-FAMILY: Verdana;
    TEXT-TRANSFORM: capitalize;
    COLOR: #000000;
    line-height:150%
}
.leftNav A
{
    TEXT-TRANSFORM: capitalize;
    COLOR: #666666;
    TEXT-DECORATION: none
}
.leftNavSamples
{
	PADDING-LEFT: 10px;
    FONT-SIZE: 8pt;
    FONT-FAMILY: Verdana;
    TEXT-TRANSFORM: capitalize;
    TEXT-DECORATION: none;
    COLOR: #666666;
    line-height:50%
}
.leftNavSamplesOn
{
	PADDING-LEFT: 10px;
    FONT-WEIGHT: bold;
    FONT-SIZE: 8pt;
    FONT-FAMILY: Verdana;
    TEXT-TRANSFORM: capitalize;
    COLOR: #000000;
    line-height:50%
}
.leftNavSamples A
{
    TEXT-TRANSFORM: capitalize;
    COLOR: #666666;
    TEXT-DECORATION: none;
}
.leftNavHeader
{

    FONT-WEIGHT: bold;
    TEXT-TRANSFORM: capitalize;
    COLOR: #000000;
    FONT-SIZE: 8pt;
    FONT-FAMILY: Verdana;
    BACKGROUND-COLOR: #DCDCDC;
    TEXT-ALIGN: left;  
    TEXT-DECORATION: none;
    MARGIN-TOP: 0px;
    PADDING-TOP: 5px;
    PADDING-LEFT: 4px;    
    PADDING-BOTTOM: 5px
}
.leftNavHeader A
{
	cursor: hand;
    FONT-WEIGHT: bold;
    TEXT-TRANSFORM: capitalize;
    COLOR: #000000;
    TEXT-DECORATION: none

}
:hover.leftNav
{
    COLOR: #666666;
    TEXT-DECORATION: underline
}
.topNav A:hover
{
    COLOR: #666666;
    TEXT-DECORATION: underline
}
.leftNav A:hover
{
    COLOR: #666666;
    TEXT-DECORATION: underline
}
.leftNavSamples A:hover
{
    COLOR: #666666;
    TEXT-DECORATION: underline
}
.pageTitle
{
    FONT-WEIGHT: bold;
    FONT-SIZE: 9pt;
    PADDING-BOTTOM: 3px;
    TEXT-TRANSFORM: uppercase
}
.pageSubTitle
{
	FONT-WEIGHT: bold;
    FONT-SIZE: 9pt;
    PADDING-BOTTOM: 3px;    
}
.pageTitleLanding
{
    FONT-WEIGHT: bold;
    FONT-SIZE: 10pt;
    PADDING-BOTTOM: 3px;

}
.titleColumn
{
    PADDING-RIGHT: 3px;
    PADDING-LEFT: 3px;
    FONT-WEIGHT: bold;
    PADDING-BOTTOM: 3px;
    VERTICAL-ALIGN: middle;
    TEXT-TRANSFORM: capitalize;
    PADDING-TOP: 3px;
    BACKGROUND-COLOR: #e4e4e4;
    TEXT-ALIGN: right
}
.copyright
{
	PADDING-TOP: 0px;
    FONT-WEIGHT: normal;
    FONT-SIZE: 8pt;
    TEXT-TRANSFORM: capitalize;
    COLOR: #999999
}
.contentInputBox
{
    border: #808080 1px solid;
    FONT-SIZE: 10pt;
    MARGIN: 0px;
    COLOR: #000000;
    FONT-FAMILY: Verdana;
    padding: 0px 2px 0px 2px;
}
.contentColumn
{
    BORDER-RIGHT: medium none;
    PADDING-RIGHT: 5px;
    BORDER-TOP: medium none;
    PADDING-LEFT: 5px;
    FONT-SIZE: 8pt;
    PADDING-BOTTOM: 5px;
    MARGIN: 0px;
    BORDER-LEFT: medium none;
    COLOR: #000000;
    PADDING-TOP: 5px;
    BORDER-BOTTOM: medium none;
    FONT-FAMILY: Verdana
}
.contentSubmitButton
{
    BORDER-RIGHT: #868686 1px solid;
    PADDING-RIGHT: 2px;
    BORDER-TOP: #868686 1px solid;
    PADDING-LEFT: 2px;
    FONT-SIZE: 10pt;
    PADDING-BOTTOM: 0px;
    MARGIN: 0px;
    BORDER-LEFT: #868686 1px solid;
    CURSOR: hand;
    COLOR: #000000;
    PADDING-TOP: 0px;
    BORDER-BOTTOM: #868686 1px solid;
    FONT-FAMILY: Verdana;
}
.button
{
    PADDING: 2px 6px 2px 6px;
    BORDER: 1px solid #9c9a9c;
    FONT-WEIGHT: bold;
    TEXT-TRANSFORM: lowercase;
    TEXT-ALIGN: center;
    TEXT-DECORATION: none;
    COLOR: #636963;
    BACKGROUND-COLOR: #9fcd9f;
    cursor:hand;
    line-height: 20px;
}
.leftColumn
{
border-right:5px solid #DCDCDC;
border-left:5px solid #DCDCDC;
background-color: #F2F2F2;
width: 220px;
float: left;
}
.digopWMSTable
{
FONT-SIZE: 8pt;
COLOR: #000000;
FONT-FAMILY: Arial, Verdana, 'Sans Serif'
}
.digopWMSTitle
{
PADDING-RIGHT: 3px;
PADDING-LEFT: 3px;
FONT-WEIGHT: bold;
PADDING-BOTTOM: 3px;
VERTICAL-ALIGN: middle;
TEXT-TRANSFORM: capitalize;
PADDING-TOP: 3px;
BACKGROUND-COLOR: #e4e4e4
}
.digopWMSContent
{
FONT-SIZE: 8pt;
VERTICAL-ALIGN: top;
COLOR: #000000;
FONT-FAMILY: Arial, Verdana, 'Sans Serif'
}
.digopWMSButton
{
BORDER-RIGHT: 1px solid; 
PADDING-RIGHT: 6px; 
BORDER-TOP: 1px solid; 
PADDING-LEFT: 6px; 
FONT-WEIGHT: bold; 
FONT-SIZE: 8pt; 
VERTICAL-ALIGN: bottom; 
TEXT-TRANSFORM: lowercase; 
BORDER-LEFT: 1px solid; 
PADDING-TOP: 2px; 
BORDER-BOTTOM: 1px solid; 
FONT-FAMILY: Arial; 
HEIGHT: 20px; 
TEXT-ALIGN: center; 
TEXT-DECORATION: none; 
color: #636163; 
}
.hrGray
{
WIDTH: 100%;
COLOR: #a9a9a9;
HEIGHT: 1px
}
.linkList
{
    TEXT-DECORATION: none
}
.linkList A:hover
{    
    TEXT-DECORATION: underline
}
:hover.linkList
{
    TEXT-DECORATION: underline
}

/*------------------------------------------------------------------------------------------
Standard Module Layout
------------------------------------------------------------------------------------------*/

.LogoContainer
{
	background: url("Digop.gif") no-repeat top left;
	height: 40px;
	width: 204px;
	text-indent: -9999px;
}

.CommonLinksContainer
{
	padding-top: 10px;
	float: right;
}

.ContentContainer
{
	padding: 15px 15px 15px 230px;
}

.ModuleListContainer
{
	border-right:5px solid #DCDCDC;
	border-left:5px solid #DCDCDC;
	background-color: #F2F2F2;
	width: 205px;
	position: absolute;
	top: 40px;
	left: 0px;
}

.ModuleListHeader
{

    FONT-WEIGHT: bold;
    TEXT-TRANSFORM: capitalize;
    BACKGROUND-COLOR: #DCDCDC;
    TEXT-ALIGN: left;  
    TEXT-DECORATION: none;
    MARGIN-TOP: 0px;
    PADDING-TOP: 5px;
    PADDING-BOTTOM: 5px
}

.ModuleListContainer div.HeightSpacer
{
	height: 500px;
	float: right;
	width: 1px;
}

.ModuleListFooter
{
	clear: both;
	background-color: #DCDCDC;
	padding: 5px 0px 5px 0px;
    COLOR: #666666;
}

/*--------------------------------------------------------------------------------------------
Centered Content Layout
--------------------------------------------------------------------------------------------*/

.OuterCentered
{
	position: relative;
	height: 100%;
	width: 100%;
}

.OuterCentered[class] /*Standards compliant browsers use the rules with "[class]", IE doesn't */
{
	display: table;
	position: static;
}

.MiddleCentered
{
	position: absolute;
	top: 50%;
	left: 50%;
}

.MiddleCentered[class]
{
	display: table-cell;
	vertical-align: middle;
	position: static;
}

.InnerCentered
{
	position: relative;
	height: 280px;
	width: 550px;
    background-color: #ACBCCC;
    margin-left: auto;
    margin-right: auto;
	top: -50%;
	left: -50%;
}

.InnerCentered[class]
{
	top: 0px;
	left: 0px;
}

.InnerCentered p, .InnerCentered div
{
	text-align: center;
}

.InnerCentered div
{
	padding-bottom: 10px;
}

/*----------------------------------------------------------------------------------------
PopUp Layout
----------------------------------------------------------------------------------------*/

.PopUpContent
{
	padding: 15px;
}

/*----------------------------------------------------------------------------------------
Login Contol
----------------------------------------------------------------------------------------*/

div.LoginFormRow
{
	text-align: left;
}

.LoginFormRow input
{
	margin-right: 10px;
}

.LoginFormPrompt
{
	float: left;
	width: 235px;
	text-align: right;
	margin-right: 10px;
	font-size: 10pt;
}

/*------------------------------------------------------------------------------------
Input Forms
------------------------------------------------------------------------------------*/

input.StandardInput
{
	width: 200px;
}

input.DateInput
{
	width: 85px;
	text-align: right;
}

input.NumberInput
{
	width: 40px;
	text-align: right;
}

.InputFormContainer
{
	width: 500px;
	padding-bottom: 5px;
}

.InputFormContainer[class] /*For standards compliant browsers only*/
{
	/*float: left; Not sure why this was here. Maybe leftover from when the left nav was floated. Don't seem to need it now and the form has height in FF without it but not with it.*/
}

.InputFormSectionHeader
{
	font-size: 10pt;
	font-weight: bold;
	border-bottom: solid 2px #ACBCCC;
	padding-top: 5px;
	clear: both;
}

.InputFormRow
{
	padding-top: 2px;
	clear: both;
}

.InputFormPrompt
{
	float: left;
	width: 150px;
	text-align: right;
	font-weight: bold;
	background-color: #e4e4e4;
	padding: 4px 5px 2px 2px;
}

.InputFormPrompt em
{
	color: Red;
}

.InputFormEntry
{
	float: right;
	width: 335px;
	text-align: left;
}

.InputFormEntry textarea
{
	width: 100%;
	height: 60px;
}

.InputFormButtonContainer
{
	margin-top: 5px;
	padding-top: 5px;
	clear: both;
	border-top: solid 2px #ACBCCC;
}

.ValidationInstructionsContainer
{
	padding-top: 5px;
	clear: both;
}

.ValidationInstructionsContainer em
{
	color: Red;
}

.ErrorSummary ul
{
	list-style: none;
	padding: 0px;
	margin: 0px;
}
/*--------------------------------------------------------------------------------
Miscellaneous Page Elements
--------------------------------------------------------------------------------*/

.Error
{
	color: Red;
}

.Message
{
	font-weight: bold;
}

.MessageContainer
{
	font-weight: bold;
}

.ClearDiv /*for IE*/
{
	display: none;
}

.ClearDiv[class] /*for standards compliant*/
{
	display: block;
	height: 0px;
	clear: both;
}

/*---------------------------------------------------------------------------------
TabSet
---------------------------------------------------------------------------------*/

.TabSet
{
	width: 100%;
	float: left;
	list-style: none;
	padding: 0px;
	margin: 0px 0px 10px 0px;
}

.TabSet li
{
	float: left;
	margin-right: 5px;
	padding: 0px;
}

.TabSet a, .TabSet span
{
	display: block;
    padding: 2px 6px 2px 6px;
    FONT-WEIGHT: bold;
    TEXT-TRANSFORM: lowercase;
    TEXT-ALIGN: center;
    TEXT-DECORATION: none;
}

.TabSet .active
{
    BORDER: 1px solid #9c9a9c;
    COLOR: #666666;
    BACKGROUND-COLOR: #e4e4e4;
}
/* Was in original classes, not sure we want it
.TabSet a:hover.active
{
	color: #ffffff;
	background-color: #636163;
}
*/
.TabSet .activeOn
{
    BORDER: 1px solid #c0c0c0;
    COLOR: #ffffff;
    BACKGROUND-COLOR: #636163;
}

.TabSetClearDiv /*for IE*/
{
	display: none;
}

.TabSetClearDiv[class] /*for standards compliant*/
{
	display: block;
	height: 0px;
	clear: both;
}

/*---------------------------------------------------------------------------------------------
Reports
---------------------------------------------------------------------------------------------*/

.ReportTableSession
{
	border: black 2px solid;
}

.ReportTable td, ReportTableSession td
{
	padding-right: 6px;
	white-space: nowrap;
	vertical-align: bottom;
	padding-bottom: 2px;
}

.ReportTable td .button
{
	margin-right: 5px;
	border: solid 1px #000000;
}

.ReportHeaderRow td
{
	font-weight: bold;
	vertical-align: bottom;
	padding-bottom: 2px;
	background: #c0c0c0;
}

.ReportHeaderMain
{
	text-align: center;
	border-right: black 2px solid;
	border-left: black 2px solid;
	border-bottom: gray 1px solid;
	padding-left: 3px;
	padding-right: 3px;
}

.ReportHeaderSub
{
	border: gray 1px solid;
	text-align: center;
	min-width: 40px;
	width: 40px;
	padding-left: 4px;
	padding-right: 4px;
}

.ReportHeaderSubLeft
{
	text-align: center;
	min-width: 40px;
	width: 40px;
	border-right: gray 1px solid;
	border-top: gray 1px solid;
	border-left: black 2px solid;
	border-bottom: gray 1px solid;
	padding-left: 4px;
	padding-right: 4px;
}

.ReportHeaderSubRight
{
	border-left: gray 1px solid;
	border-top: gray 1px solid;
	border-right: black 2px solid;
	border-bottom: gray 1px solid;
	text-align: center;
	min-width: 40px;
	width: 40px;
	padding-left: 4px;
	padding-right: 4px;
}

.ReportDotRight
{
	border-right: gray 1px dotted;
	border-left: gray 1px solid;
	padding-left: 3px;
	padding-right: 3px;
	vertical-align: top;
}

.ReportDotBorderLeft
{
	border-right: gray 1px dotted;
	border-left: black 2px solid;
	padding-left: 3px;
	padding-right: 3px;
	vertical-align: top;
}

.ReportDotLeft
{
	border-left: gray 1px dotted;
	border-right: gray 1px solid;
	padding-left: 3px;
	padding-right: 3px;
	vertical-align: top;
}

.ReportTd
{
	border-right: gray 1px solid;
	border-left: gray 1px solid;
	padding-left: 3px;
	padding-right: 3px;
	vertical-align: top;
}

.ReportTdMain
{
	border-right: black 2px solid;
	border-left: black 2px solid;
	vertical-align: top;
	padding-left: 3px;
	padding-right: 3px;
	white-space: nowrap;
}

.ReportTdLeft
{
	border-right: gray 1px solid;
	border-left: black 2px solid;
	vertical-align: top;
	padding-left: 3px;
	padding-right: 3px;
}

.ReportTdRight
{
	border-left: gray 1px solid;
	border-right: black 2px solid;
	vertical-align: top;
	padding-left: 3px;
	padding-right: 3px;
}

.ReportAltBorderRow td
{
	background: #f0f0f0;
}

.YesIcon, .NoIcon
{
	display: block;
	height: 16px;
	width: 16px;
	text-indent: -9999px;
	background-repeat: no-repeat;
	background-position: left top;
}

.YesIcon
{
	background-image: url("check.gif");
}

.NoIcon
{
	background-image: url("xcircle.gif");
}

/*----------------------------------------------------------------------------------------------
Filter Options
----------------------------------------------------------------------------------------------*/

.ReportFilterOptionsContainer
{
	margin-bottom: 10px;
	width:  780px;
    BORDER: 1px solid #9c9a9c;
    BACKGROUND-COLOR: #e4e4e4;
    padding: 5px;
}

.ReportFilterOptionsContainer .OptionContainer
{
	margin-bottom: 10px;
}

.ReportFilterOptionsContainer .OptionEntryContainer
{
	padding: 10px 0px 0px 40px;
}

.ReportFilterOptionsContainer .ButtonContainer
{
	text-align: right;
}

/*----------------------------------------------------------------------------------------------
Action Buttons
----------------------------------------------------------------------------------------------*/

.ActionButtonTable td
{
	padding-left: 2px;
	padding-right: 2px;
	padding-bottom: 0px;
	padding-top: 0px;
	vertical-align: middle;
}

.ActionButtonTable a
{
	display: block;
	text-indent: -9999px;
	outline: none;
	height: 16px;
	background-repeat: no-repeat;
	background-position: 0 50%;
}

.ModifyItemButton
{
	width: 16px;
	background-image: url("edititem.gif");
}

.DeleteItemButton
{
	width: 16px;
	background-image: url("delete.gif");
}

.MoveItemUpButton
{
	width: 7px;
	background-image: url("upArrow.gif")
}

.MoveItemDownButton
{
	width: 7px;
	background-image: url("downArrow.gif");
}

/* Leave rule after all other action button rules */
.ActionButtonTable .Disabled
{
	background-image: none;
}

/*----------------------------------------------------------------------------------------------
List Style Reports
----------------------------------------------------------------------------------------------*/

.ReportItem
{
	background-color: #F2F2F2;
	margin-bottom: 10px;
}

.ReportItemHeader
{
	background-color: #DCDCDC;
	padding: 4px;
}

.ReportItemContent
{
	padding: 4px;
}

.ReportItemDetailRow
{
	clear: both;
}

.ReportItemDetailPrompt
{
	display: block;
	float: left;
	width: 120px;
	font-weight: bold;
}

.ReportItemDetailValue
{
	display: block;
	padding-left: 130px;
}