/* BODY and General CSS */

BODY
{
 font-family: Arial,sans-serif;
 font-size: 12px;
 color: #111111;
 margin-left: 60px;
 margin-top: 10px;
 padding: 0px;
 background-color: #ffffff;
 background-image: url('../images/imgPageBackground.gif');
}
UL
{ 
 margin: 0px;
}
A 
{ 
 color: #000; 
	text-decoration: underline;
}
A:hover
{
 color: #669966; 
	text-decoration: none;
}
SELECT, INPUT, TEXTAREA
{
 font-family: Arial,sans-serif;
 font-size: 12px;
white-space: pre-wrap;
}
TH
{
 text-align: left;
}

/* Page CSS */
.cssPage
{
 width: 873px;
 border: 0px; 
}

/* Page Header CSS */
.cssPageHeader
{
  position:absolute;
  left:60px;
  top:6px;
  /*background: url('../images/imgPageHeaderBackground.gif');*/
  height: 74px;
  width: 873px;
}

.cssPageHeaderSpacer
{
  height:75px;
  width: 873px;
}

.cssPageFooterSystem
{
  height: 0px;
  width: 873px;
}

/*.cssPageHeaderRight
{
 float: right;
 background: url('../images/imgPageHeaderRight.gif');
 background-repeat: repeat-x;
 width: 9px;
 height: 74px;
*/

.cssPageHeaderInformation
{
 color: #000000;
}

.cssPageNavigation1
{
 padding: 0px;
 margin: 0px;
}

.cssPageNavigation2
{
 height: 20px;
 width: 873px;
 background-color: #111111;
 padding: 0px;
 margin: 0px;
}

.cssPageSubTitle
{
 font-size: 14px;
 color: #003366;
 margin: 0px 0px 5px 0px;
}
.cssTextPageSubTitleAlternate
{
 font-size: 14px;
 margin: 5px 0px 5px 0px;
}
.cssPageHelp
{
 width: 555px;
 left: 376px;
 top: 170px;
 position: fixed;
}

.cssPageContent
{
 margin: 10px 0px 10px 0px;
}

.cssPageFooter
{
 color: #555555;
}

.cssPageFooter a
{
 color: #555555;
 text-decoration: none;
}

.cssPageFooter a:hover
{
 color: #555555;
 text-decoration: underline;
}

.cssPageFooterSeparator
{
 height: 1px;
 background-color: #CCCCCC;
}

/* Classes define the table images and structure for the pillow-style w/ a drop shadow content areas*/
.cssPanelRaisedStandard
{
}

.cssPanelRaisedStandardTopLeft
{
 background-image: url('../images/imgPanelRaisedStandardTopLeft.gif');
 width: 7px;
 height: 3px;
}

.cssPanelRaisedStandardTop
{
 background-image: url('../images/imgPanelRaisedStandardTop.gif');
}

.cssPanelRaisedStandardTopRight
{
 background-image: url('../images/imgPanelRaisedStandardTopRight.gif');
 width: 7px;
 height: 3px;
}

.cssPanelRaisedStandardLeft
{
 background-image: url('../images/imgPanelRaisedStandardLeft.gif');
 width: 7px;
}

.cssPanelRaisedStandardContent
{
 vertical-align: top;
 background-color: #ffffff;
}

.cssPanelRaisedStandardRight
{
 background-image: url('../images/imgPanelRaisedStandardRight.gif');
 width: 7px;
}

.cssPanelRaisedStandardBottomLeft
{
 background-image: url('../images/imgPanelRaisedStandardBottomLeft.gif');
 width: 7px;
 height: 3px;
 background-repeat: repeat-x;
}

.cssPanelRaisedStandardBottom
{
 background-image: url('../images/imgPanelRaisedStandardBottom.gif');
 height: 7px;
 background-repeat: repeat-x;
}

.cssPanelRaisedStandardBottomRight
{
 background-image: url('../images/imgPanelRaisedStandardBottomRight.gif');
 width: 7px;
 height: 3px;
 background-repeat: repeat-x;
}

.cssPanelRaisedRoundedDarkEdge
{
 padding: 0;
 margin: 0;
}

.cssPanelRaisedRoundedDarkEdgeTopLeft
{
 background-image: url('../images/imgPanelRaisedRoundedDarkEdgeTopLeft.gif');
 width: 7px;
 height: 7px;
}

.cssPanelRaisedRoundedDarkEdgeTop
{
 background-image: url('../images/imgPanelRaisedRoundedDarkEdgeTop.gif');
}

.cssPanelRaisedRoundedDarkEdgeTopRight
{
 background-image: url('../images/imgPanelRaisedRoundedDarkEdgeTopRight.gif');
 width: 7px;
 height: 7px;
}

.cssPanelRaisedRoundedDarkEdgeLeft
{
 background-image: url('../images/imgPanelRaisedRoundedDarkEdgeLeft.gif');
 width: 10px;
}

.cssPanelRaisedRoundedDarkEdgeContent
{
 vertical-align: top;
 background-color: #ffffff;
}

.cssPanelRaisedRoundedDarkEdgeRight
{
 background-image: url('../images/imgPanelRaisedRoundedDarkEdgeRight.gif');
 width: 10px;
}

.cssPanelRaisedRoundedDarkEdgeBottomLeft
{
 background-image: url('../images/imgPanelRaisedRoundedDarkEdgeBottomLeft.gif');
 width: 7px;
 height: 10px;
}

.cssPanelRaisedRoundedDarkEdgeBottom
{
 background-image: url('../images/imgPanelRaisedRoundedDarkEdgeBottom.gif');
 height: 10px;
}

.cssPanelRaisedRoundedDarkEdgeBottomRight
{
 background-image: url('../images/imgPanelRaisedRoundedDarkEdgeBottomRight.gif');
 width: 7px;
 height: 10px;
}

.cssTaskInformation
{
 visibility: hidden;
 position: absolute;
 background-color: White;
}

.cssPanelPositionAbsolute
{
 position: absolute;
 z-index: 1;
 top: 40%;
 left: 15%;
 background-color: White;
}

.cssPanelRaisedRoundedDarkEdgeSmall
{
 padding: 0px;
 margin: 0px;
}

.cssPanelRaisedRoundedDarkEdgeSmallTopLeft
{
 background-image: url('../images/imgPanelRaisedRoundedDarkEdgeTopLeft.gif');
 width: 0px;
 height: 7px;
 background-repeat: no-repeat; 
}

.cssPanelRaisedRoundedDarkEdgeSmallTop
{
 background-image: url('../images/imgPanelRaisedRoundedDarkEdgeTop.gif');
 height: 7px;
}

.cssPanelRaisedRoundedDarkEdgeSmallTopRight
{
 background-image: url('../images/imgPanelRaisedRoundedDarkEdgeTopRight.gif');
 width: 0px;
 height: 7px;
 background-repeat: no-repeat;
}

.cssPanelRaisedRoundedDarkEdgeSmallLeft
{
 background-image: url('../images/imgPanelRaisedRoundedDarkEdgeLeft.gif');
 width: 0px;
 background-repeat: repeat-y;
}

.cssPanelRaisedRoundedDarkEdgeSmallContent
{
 vertical-align: top;
 background-image: url('../images/imgPanelRaisedRoundedDarkEdgeBackground.gif');
 background-color: #ffffff;
}

.cssPanelRaisedRoundedDarkEdgeSmallRight
{
 background-image: url('../images/imgPanelRaisedRoundedDarkEdgeRight.gif');
 width: 0px;
 background-repeat: repeat-y;
}

.cssPanelRaisedRoundedDarkEdgeSmallBottomLeft
{
 background-image: url('../images/imgPanelRaisedRoundedDarkEdgeBottomLeft.gif');
 width: 0px;
 height: 10px;
 background-repeat: no-repeat;
}

.cssPanelRaisedRoundedDarkEdgeSmallBottom
{
 background-image: url('../images/imgPanelRaisedRoundedDarkEdgeBottom.gif');
 height: 10px;
}

.cssPanelRaisedRoundedDarkEdgeSmallBottomRight
{
 background-image: url('../images/imgPanelRaisedRoundedDarkEdgeBottomRight.gif');
 width: 0px;
 height: 10px;
 background-repeat: no-repeat;
}











.cssPanelRaisedRoundedLightEdge
{
  padding: 0px; 
}

.cssPanelRaisedRoundedLightEdge TD
{
  padding: 0px !important;
}

.cssPanelRaisedRoundedLightEdgeTopLeft
{
 background-image: url('../images/imgPanelRaisedRoundedLightEdgeTopLeft.png');
 width: 16px;
 height: 16px;
}

.cssPanelRaisedRoundedLightEdgeTop
{
 background-image: url('../images/imgPanelRaisedRoundedLightEdgeTop.png');
}

.cssPanelRaisedRoundedLightEdgeTopRight
{
 background-image: url('../images/imgPanelRaisedRoundedLightEdgeTopRight.png');
 width: 16px;
 height: 16px;
}

.cssPanelRaisedRoundedLightEdgeLeft
{
 background-image: url('../images/imgPanelRaisedRoundedLightEdgeLeft.png');
 width: 16px;
}

.cssPanelRaisedRoundedLightEdgeContent
{
 vertical-align: top; 
 background-color: #FFFFFF !important;
}

.cssPanelRaisedRoundedLightEdgeContent TD
{
 background-color: #FFFFFF !important;
}

.cssPanelRaisedRoundedLightEdgeRight
{
 background-image: url('../images/imgPanelRaisedRoundedLightEdgeRight.png');
 width: 16px;
}

.cssPanelRaisedRoundedLightEdgeBottomLeft
{
 background-image: url('../images/imgPanelRaisedRoundedLightEdgeBottomLeft.png');
 width: 16px;
 height: 16px;
}

.cssPanelRaisedRoundedLightEdgeBottom
{
 background-image: url('../images/imgPanelRaisedRoundedLightEdgeBottom.png');
}

.cssPanelRaisedRoundedLightEdgeBottomRight
{
 background-image: url('../images/imgPanelRaisedRoundedLightEdgeBottomRight.png');
 width: 16px;
 height: 16px;
}


/* Message CSS */
.cssAlertMessage
{
 display: block;
 margin: 10px 0px;
 padding: 2px; 
 border: solid 1px #000000;
 font-size: 1.1em;
 letter-spacing: 1px;
 text-align: center;
 background-color: #eeeeee;
 color: #000000;
}

.cssAlertMessageError
{
 display: block;
 margin: 10px 0px;
 padding: 2px; 
 border: solid 1px #000000;
 font-size: 1.1em;
 font-weight: bold;
 letter-spacing: 1px;
 text-align: center;
 background-color: #ff0000;
 color: #ffffff;
}

/* Tabs CSS */
div.cssTabs 
{ 
 list-style: none; 
 padding: 0; 
 margin: 0;
 width: 873px;
 height: 27px;
 cursor: pointer;
 background: #cccccc url('../images/imgTabBackground.png');
} 

div.cssTabs a 
{ 
 color: #ffffff;
 font-weight:bold; 
 background: url('../images/imgTabStandardLeft.png') left top no-repeat; 
 text-decoration: none; 
 padding-left: 10px; 
 height: 27px;
 margin-left: 0px; 
 display: block; 
 float: left; 
} 

div.cssTabs a span 
{ 
 background: url('../images/imgTabStandardRight.png') right top no-repeat; 
 padding-right: 10px; 
 height: 21px;
 display: block; 
 float: left; 
 padding-top: 6px;
 cursor: pointer;
 white-space: nowrap;
} 

div.cssTabs a:hover 
{ 
 color: #fff;
 font-weight:bold; 
 text-decoration: underline;
 cursor: pointer;
} 

div.cssTabs li 
{ 
 float: left; 
 display: block; 
 margin: 0; 
 padding: 0;
}

div.cssTabs a.cssTabsSelected
{ 
 color: #003366;
 font-weight:bold; 
 background: url('../images/imgTabStandardSelectedLeft.png') left top no-repeat; 
 text-decoration: none; 
 padding-left: 10px; 
 height: 27px;
 margin-left: 0px; 
 display: block; 
 float: left; 
} 

div.cssTabs a.cssTabsSelected span 
{ 
 background: url('../images/imgTabStandardSelectedRight.png') right top no-repeat; 
 padding-right: 10px; 
 height: 21px;
 display: block; 
 float: left; 
 padding-top: 6px;
} 

div.cssTabs a.cssTabsSelected a: hover 
{ 
 color: #fff; 
 text-decoration: none;
} 

/* Primary Links CSS */
div.cssPrimaryLinks {
	padding-right: 0px; 
	padding-left: 0px; 
	background: #003366; 
	padding-bottom: 0px; 
	margin: 0px; 
	width: 873px; 
	height: 25px;
	cursor: pointer; 
	padding-top: 0px; 
	list-style-type: none;
}
div.cssPrimaryLinks a {
	display: block; 
	padding-left: 10px; 
	float: left; 
	margin-left: 0px; 
	color: #fff; 
	height: 18px; 
	text-decoration: underline;
	padding-top: 4px;
}
div.cssPrimaryLinks a span {
	/*
 padding-right: 10px; 
 display: block; 
 float: left; 
 cursor: pointer; 
 padding-top: 6px; 
 height: 21px;
 */
}
div.cssPrimaryLinks a:hover {
	cursor: pointer; 
	color: #ff9a34; 
	text-decoration: none;
}
div.cssPrimaryLinks li {
	padding-right: 0px; 
	display: block; 
	padding-left: 0px; 
	padding-bottom: 0px; 
	margin: 0px; 
	padding-top: 0px; 
	float: left; 
}
span.cssPrimaryLinksSeparator
{
	color: #FFFFFF;
	padding: 4px 0px 0px 10px;
 display: block; 
 float: left; 
	/*
 padding-right: 0px; 
 padding-left: 0px; 
 padding-bottom: 0px; 
 margin: 0px; 
 padding-top: 0px;
 */
}
div.cssPrimaryLinks a.cssPrimaryLinksSelected {
	display: block; 
	padding-left: 10px; 
	float: left; 
	margin-left: 0px; 
	color: #fff; 
	height: 18px; 
	text-decoration: none;
}
div.cssTabs a.cssPrimaryLinksSelected span {
	padding-right: 10px; 
	display: block; 
	float: left; 
	padding-top: 6px; 
	height: 18px;
}
div.cssTabs a.cssPrimaryLinksSelected a:hover {
	color: #fff; 
	text-decoration: none;
}
span.cssNavigationLinksSeparator
{
 color: #000000;
 padding: 0px 10px 10px 10px;
 display: block; 
 float: left; 
}

.cssBulletList
{ 
 margin: 0 0 5px 40px;
}

.cssPadding
{
 margin: 5px 5px 5px 5px;
}

/* Classes used to define the button styles for document page functionality, status push buttons, etc. Also class for the Header housing the buttons for document page functionality.*/
.cssButtonsLeft
{
 margin: 0px;
 padding: 0px;
 height: 30px;
 background-image: url('../images/imgButtonsBackground.gif');
 background-repeat: repeat-x;
}

.cssButtonsRight
{
 width: 873px;
 margin: 0px;
 padding: 0px;
 height: 30px;
 background-image: url('../images/imgButtonsBackground.gif');
 background-repeat: repeat-x;
 float: right;
}

.cssButtonPrimary
{
 padding: 1px 5px 1px 5px;
 border: solid 1px #16448a;
 font-weight: bold;
 font-size: 10px;
 text-transform: uppercase;
 background: url('../images/imgButtonPrimaryBackground.gif');
 background-repeat: repeat-x;
 background-color: #749ad3;
 cursor: pointer;
 color: #fff;
 margin: 0px 5px 0px 5px;
 width: auto;
 overflow: visible;
}

.cssButtonPrimaryLeftJustified
{
 padding: 1px 5px 1px 5px;
 border: solid 1px #16448a;
 font-weight: bold;
 font-size: 10px;
 text-transform: uppercase;
 background: url('../images/imgButtonPrimaryBackground.gif');
 background-repeat: repeat-x;
 background-color: #749ad3;
 cursor: pointer;
 color: #fff; /*#ffffff;*/
 margin: 0px 5px 0px 0px;
 width: auto;
 overflow: visible;
}

.cssButtonPrimaryLeftJustifiedSmallGap
{
 padding: 1px 5px 1px 5px;
 border: solid 1px #16448a;
 font-weight: bold;
 font-size: 10px;
 text-transform: uppercase;
 background: url('../images/imgButtonPrimaryBackground.gif');
 background-repeat: repeat-x;
 background-color: #749ad3;
 cursor: pointer;
 color: #fff;
 margin: 2px 1px 0px 0px;
 width: auto;
 overflow: visible;
}
.cssButtonHyperlink
{
 padding: 5px 0px 0px 0px;
 margin: 5px 0px 0px 0px;
 font-size: 12px;
 cursor: pointer;
 text-decoration: underline;
 background-color: #ffffff; 
 border: solid 0px;
 color: #003366;
 overflow: visible;
 width: auto;
}

.cssButtonHyperlinkAlternate
{
 margin: 5px 0px 0px 0px;
 padding: 0px 0px 0px 0px;
 font-size: 12px;
 cursor: pointer;
 border: solid 0px;
 color: #008000; 
	text-decoration: underline;
 background-color: #ffffff;
  overflow: visible;
}
.cssButtonHyperlinkAlternateAlternatingItem
{
 margin: 5px 0px 0px 0px;
 padding: 0px 0px 0px 0px;
 font-size: 12px;
 cursor: pointer;
 border: solid 0px;
 color: #008000; 
	text-decoration: underline;
 background-color: #ffffe5;
  overflow: visible;
}

/* Font CSS */
.cssTextTopMargin TH
{
 margin: 15px 0px 0px 0px;
}

.cssTextSizeDoubleExtraLarge
{
 font-weight: normal;
 font-size: 16px;
}

.cssTextSizeDoubleExtraLargeBold
{
 font-weight: bold;
 font-size: 16px;
}

.cssTextSizeExtraLarge
{
 font-weight: normal;
 font-size: 14px;
}

.cssTextSizeExtraLargeBold
{
 font-weight: bold;
 font-size: 14px;
}

.cssTextSizeLarge
{
 font-weight: normal;
 font-size: 12px;
}

.cssTextSizeLargeBold
{
 font-weight: bold;
 font-size: 12px;
}

.cssTextSizeMedium
{
 font-weight: normal;
 font-size: 12px;
}

.cssTextSizeMediumBold
{
 font-weight: bold;
 font-size: 12px;
}

.cssTextSizeSmall
{
 font-weight: normal;
 font-size: 8px;
}

.cssTextSizeSmallBold
{
 font-weight: bold;
 font-size: 8px;
}

.cssTextStandard
{
}
.cssTextBold
{
 font-weight: bold;
}
.cssTextBoldItalic
{
 font-weight: bold;
 font-style: italic;
}
.cssTextBoldItalicUnderline
{
 font-weight: bold;
 font-style: italic;
 text-decoration: underline;
}
.cssTextBoldUnderline
{
 font-weight: bold;
 text-decoration: underline;
}
.cssTextItalic
{
 font-style: italic;
}
.cssTextItalicUnderline
{
 font-style: italic;
 text-decoration: underline;
}
.cssTextUnderline
{
 text-decoration: underline;
}
.cssTextTextCenter
{
 text-align: center;
}
.cssTextTextLeft
{
 text-align: left;
}
.cssTextTextRight
{
 text-align: right;
}


.cssTextAlert
{
 color: #ff0000;
}

.cssTextAttention
{
 font-size: 18px;
 color: #732b1e;
}

.cssTextPageTitle
{
 font-size: 24px;
 color: #732b1e;
}
.cssTextPageSubTitle
{
 font-size: 14px;
 color: #003366;
}
.cssTextPageSectionTitle
{
 font-family: Arial;
 font-size: 22px;
 font-weight: bold;
 color: #669966;
 vertical-align: top;
}

.cssTextDocumentPageTitle
{
 font-weight: bold;
 font-size: 1.2em;
 text-transform: uppercase;
 text-align: center;
 text-decoration: underline;
}
.cssTextDocumentPageSectionTitle
{
 font-weight: bold;
 font-size: 1.2em;
 text-transform: uppercase;
 text-align: center;
 text-decoration: none;
}
.cssTextDocumentPageInstructions
{
 font-size: 1.0em;
}
.cssTextRequired
{
 font-size: 14px;
 font-weight: bold;
 color: #cc0033;
}
.cssTextValidateError
{
 font-size: 12px;
 color: #cc0033;
}
.cssTextDebug
{
 font-size: 14px;
 font-weight: bold;
 color: #cc0033;
}
.cssTextCharacterCounter
{
 display: block;
 width: 200px;
 font-size: 0.9em;
 color: #bbbbbb;
 text-decoration: none;
 color: black;
 background-color: #f8f8f8;
 border: solid 1px #dddddd;
 text-align: center;
} 

.cssReviewQuestion
{
 color: #000000;
 font-size: 1.1em;
 padding: 1px;
 font-weight: bold;
}
a.cssHyperlink
{
 font-size: 12px;
 cursor: pointer;
 text-decoration: underline;
 background-color: #ffffff; 
 color: #003366;
}

a.cssHyperLinkDataGrid
{
 color: #669966;
 text-decoration: underline;
}

a.cssHyperLinkDataGrid:hover
{
 color: #669966;
 text-decoration: none;
}

.cssHyperlinkBack
{
 vertical-align: middle;
}

.cssHyperlinkManagmentTool
{
 margin: 20px 15px 0px 0px;
 vertical-align: middle;
}

a.cssHyperLinkLarge
{
 font-size: 14px;
 text-decoration: underline;
}

a.cssHyperLinkLarge: hover
{
 font-size: 14px;
 text-decoration: none;
}

a.cssHyperLinkMedium
{
 font-size: 14px;
 color: #003366;
 text-decoration: underline;
}

a.cssHyperLinkMedium: hover
{
 font-size: 14px;
 color: #9993c3;
 text-decoration: none;
}

.cssHyperLinkExpand
{
 color: #003366;
 font-size: 12px;
 text-decoration: underline;
 margin-bottom: 5px;
}

a.cssHyperLinkExpand
{
 color: #669966;
 font-size: 12px;
 text-decoration: underline;
 margin-bottom: 5px;
}

a.cssHyperLinkExpand:hover
{
 color: #003366;
 font-size: 12px;
 text-decoration: none;
 margin-bottom: 5px;
}

a.cssHyperLinkExpand:active
{
 color: #669966;
 font-size: 12px;
 text-decoration: underline;
 margin-bottom: 5px;
 font-weight: bold;
}

a.cssHyperLinkExpandActive
{
 color: #669966;
 font-size: 12px;
 text-decoration: underline;
 margin-bottom: 5px;
 font-weight: bold;
}

.cssImageIconPageBlank
{
 background: url('../images/imgIconPageBlank.gif');
}

.cssImageIconPageChecked
{
 background: url('../images/imgIconPageChecked.gif');
}

.cssImageIconPageEdit
{
 background: url('../images/imgIconPageEdit.gif');
}

.cssImageIconPageError
{
 background: url('../images/imgIconPageError.gif');
}

.cssImageIconPageNotes
{
 background: url('../images/imgIconPageNotes.gif');
}

img.cssIconSystemPage
{
 padding-right: 5px;
 vertical-align: middle;
}

/* Space Separators */
.cssGradientSeparator
{
 width: 870px;
 background-image: url('../images/imgSeparatorGradient.gif');
 background-repeat: repeat-x;
 height: 9px;
}

.cssSolidSeparator
{
 background-color: #999999; 
 height: 1px;
}

.cssSpacerSeparator
{
 width: 853px;
 height: 20px;
}

.cssSmallSpacerSeparator
{
 width: 853px;
 height: 10px;
}

/* Datagrid Styles */
.cssDataGridStandard
{
 border: 0px;
 margin: 2px 4px 4px 2px;
 width: 815px;
}
.cssDataGridReport
{
 border: dotted 1px #eeeeee;
 margin: 2px 4px 4px 2px;
}
.cssDataGridStandardHeaderItem
{
 border: 0px;
 padding: 4px;
 text-align: left;
 font-weight: bold;
 background-color: #003366;
 color: #FFFFFF;
}
.cssDataGridStandardGroupHeaderItem
{
 border: 0px;
 padding: 4px;
 text-align: left;
 font-weight: bold;
 background-color: #AAAAAA;
 color: #FFFFFF;
}
.cssDataGridStandardFooterItem
{
 border: 0px;
 padding: 4px;
 text-align: left;
 font-weight: bold;
 background-color: #eeeeee;
 color: #FFFFFF;
}
.cssDataGridStandard TD
{
 border: 0px;
 padding: 5px;
}
.cssDataGridStandard a
{
color: #336699;
text-decoration: underline;
}
.cssDataGridStandard a:hover
{
color: #336699;
text-decoration: none;
}
.cssDataGridStandard .cssDataGridStandardAlternatingItem TD
{
 border: 0px;
 background-color: #f3f3f3;
}
.cssDataGridStandardPaging
{
 padding-left: 2px;
 font-weight: bold;
}

/* Div CSS */

.cssScrollableDiv
{
 padding: 4px;
 height: 250px;
 overflow: auto;
 scrollbar-3dlight-color: #ffffff;
 scrollbar-arrow-color: #ff9900;
 scrollbar-base-color: #ffffff;
 scrollbar-darkshadow-color: #ffffff;
 scrollbar-face-color: #ffffff;
 scrollbar-highlight-color: #efefef;
 scrollbar-shadow-color: #c7c7c7;
}

.cssScrollableDivSmall
{
 padding: 4px;
 width: 500px;
 height: 250px;
 overflow: auto;
 scrollbar-3dlight-color: #ffffff;
 scrollbar-arrow-color: #ff9900;
 scrollbar-base-color: #ffffff;
 scrollbar-darkshadow-color: #ffffff;
 scrollbar-face-color: #ffffff;
 scrollbar-highlight-color: #efefef;
 scrollbar-shadow-color: #c7c7c7;
}

.cssScrollableDivMedium
{
 padding: 4px;
 width: 845px;
 height: 200px;
 overflow: auto;
 scrollbar-3dlight-color: #ffffff;
 scrollbar-arrow-color: #ff9900;
 scrollbar-base-color: #ffffff;
 scrollbar-darkshadow-color: #ffffff;
 scrollbar-face-color: #ffffff;
 scrollbar-highlight-color: #efefef;
 scrollbar-shadow-color: #c7c7c7;
}

.cssScrollableDivNoSize
{
 overflow: auto;
 scrollbar-3dlight-color: #ffffff;
 scrollbar-arrow-color: #ff9900;
 scrollbar-base-color: #ffffff;
 scrollbar-darkshadow-color: #ffffff;
 scrollbar-face-color: #ffffff;
 scrollbar-highlight-color: #efefef;
 scrollbar-shadow-color: #c7c7c7;
}


.cssScrollableDivObjectPage
{
 padding: 4px;
 width: 860px;
 overflow: auto;
 scrollbar-3dlight-color: #ffffff;
 scrollbar-arrow-color: #ff9900;
 scrollbar-base-color: #ffffff;
 scrollbar-darkshadow-color: #ffffff;
 scrollbar-face-color: #ffffff;
 scrollbar-highlight-color: #efefef;
 scrollbar-shadow-color: #c7c7c7;
}

.cssBrowserCenteredDivMedium
{
 border-style: double;
 border-color: #000000;
 border-width: 5px;
 background-color: White;
 top: 25%;
 left: 25%;
 width: 25%;
 height: 25%;
 position: absolute;
 overflow: auto;
 scrollbar-3dlight-color: #ffffff;
 scrollbar-arrow-color: #ff9900;
 scrollbar-base-color: #ffffff;
 scrollbar-darkshadow-color: #ffffff;
 scrollbar-face-color: #ffffff;
 scrollbar-highlight-color: #efefef;
 scrollbar-shadow-color: #c7c7c7;
}


div.cssDraggableDiv
{
 z-index: 1;
 position: absolute;
 top: 25%;
 left: 100px;
}

div.cssDraggableDivTopLeft
{
 z-index: 1;
 position: absolute;
 top: 20%;
 left: 5%;
}

/* My Activities Styles */

 div.cssActivityCounts
 {
 }

/* The following is styles for specific pages */
.cssContentLogIn
{
 width: 473px;
 height: 410px;
 padding-left: 20px;
 padding-top: 60px;
 font-size: 12px;
 line-height: 18px;
}

.cssContentLogIn a
{
 color: #003366;
 text-decoration: underline;
}

.cssContentLogIn a: hover
{
 color: #9993c3;
 text-decoration: none;
}



.cssContentPageError
{
 width: 500px;
 margin: 5px;
 color: #cc3300;
}

.cssContentPageError a
{
 color: #cc3300;
 text-decoration: underline;
}

.cssContentPageError a: hover
{
 text-decoration: none;
 color: #ff9900;
}

.cssContentPageError .InstructionText
{
 padding-left: 25px;
 color: #111111;
}


.cssCalendar
{
 border-color: #eeeeee;
 background-color: #ffffff;
 border-width: 1px;
}
.cssCalendarWrapper
{
 margin: 3px 3px 3px 3px;
}
.cssCalendarNextPrevious
{
 font-weight: normal;
 white-space: nowrap;
 color: #ffffff;
}
.cssCalendarNextPrevious A
{
 text-decoration: none;
 color: #ffffff;
}
.cssCalendarTitle
{
 background-color: #181463;
 border-color: #000000;
 border-width: 0px;
 color: #ffffff;
 font-weight: bold;
 height: 25px;
}
.cssCalendarDayHeader
{
 background-color: #CCCCFF;
 border-color: #000000;
 border-width: 1px; 
 border-style: solid;
 color: #000000;
 font-weight: normal;
 text-align: center;
}
.cssCalendarDay
{
 border-color: #cccccc;
 border-width: 1px; 
 border-style: solid;
 text-align: center;
 height: 20px;
}
.cssCalendarDay A
{
 text-decoration: none;
}

.cssPageBuilderLocationIdentifier
{
 font-weight: bold; 
 background-color: #ffffff;
 border: solid 1px #000000;
 padding: 2px;
}
.cssPageBuilderTextLeft
{
 text-align: left;
}
.cssPageBuilderTextRight
{
 text-align: right;
}
.cssPageBuilderTextMiddle
{
 text-align: center;
}
.cssPageBuilderToolBar, .cssPageBuilderTableToolBar
{
  padding: 2px 0px;
  margin: 2px;
  width: 99%;
  border: solid 1px #000000;
  background-color: #cccccc;
  text-align: center;
}
.cssPageBuilderTableCellToolbar
{
  padding: 2px 0px;
  margin: 2px;
  width: 68px;
  height: 16px;
  border: solid 1px #000000;
  background-color: #cccccc;
  text-align: center;
}
.cssPageBuilderButton
{
  margin: 1px 0px 1px 1px;
  border-width: 0px;
}

.cssAccountUnderMinimumBalance
{
  color: Red;
}
.cssAccountOverMaximumBalance
{
  color: Green;
}


.cssDockClass
{
 padding: 5px 0px 0px 0px;
 height: 30px;
 background-image: url('../images/imgButtonsBackground.png');
 /*background-color:#e8e8e8;*/
 background-repeat: repeat-x;
 position: relative;
}
.cssFrameText
{
	overflow:auto;
	background-color:#ffffff;
	border-style:dashed;
	border-width:1px;
	border-color:#cccccc;
	line-height:normal;
}
.cssHandleText
{
  width:16px;
  height:16px;
  overflow:hidden;
  cursor:se-resize;
}
.cssResizeText
{
  padding:0px;
  border-style:dashed;
  border-width:1px;
  border-color:#000000;
}
.cssReportSection
{
  padding:0px;
  border-style:solid;
  border-width:1px;
  border-color:#eeeeee;
}
.cssReportSectionTitle
{
 position: relative;
 border-left: solid 1px #eeeeee;
 border-bottom: solid 1px #eeeeee;
 padding: 5px 5px 5px 5px;
 z-index: 1;
 float: right;
 text-align: right;
 color: #cccccc;
 width: 100px;
}

/* Special CSS for AJAX Controls (Names must be what they are to work) */
.ajax__calendar_container, .ajax__calendar_body, .ajax__calendar_day, .ajax__calendar_dayname
{
 background-color: #ffffff;
 z-index:1;
}
.ajax__calendar_days table tr td
{
 margin: 0;
 padding: 0;
}

.cssSessionTimeoutText
{
  color: #999999;
}
.cssSessionTimeoutTime
{
  color: #000000;
}
.cssHideText
{
   display: none;
   font-size: 0px;
   color: White;
   height: 0px;
}
.cssStaticHeight
{
   height: 14px;
   padding: 0px;
   
}
.cssStaticHeightSmall
{
   height: 2px;
   padding: 0px;
}

.cssTabbedPanelsTab
{
  padding: 1px 1px 1px 0px; 
  height: 25px;
  vertical-align: middle; 
  border: solid 0px #000000;
  background-color: #DDDDDD;
  cursor: pointer;
  width: auto;
  overflow: visible;
}

.cssTabbedPanelsTabSelected
{
  padding: 1px 1px 1px 0px; 
  height: 25px;
  vertical-align: middle; 
  border: solid 0px #000000;
  background-color: #999999;
  cursor: pointer;
  width: auto;
  overflow: visible;
}

.cssTabbedPanelsTab:hover
{
  padding: 1px 1px 1px 0px; 
  height: 25px;
  vertical-align: middle; 
  border: solid 0px #000000;
  background-color: #CCC;
  cursor: pointer;
  width: auto;
  overflow: visible;
}

.cssModalBackground
{
  filter: alpha(opacity=70);
  background-color: gray; 
  opacity: 0.7
}
.cssModalPopup
{
  border-bottom: gray 3px solid; 
  border-left: gray 3px solid; 
  padding-bottom: 3px; 
  background-color: #ffffdd; 
  padding-left: 3px; 
  width: 250px; 
  padding-right: 3px; 
  border-top: gray 3px solid; 
  border-right: gray 3px solid; 
  padding-top: 3px
}

.cssObjectPageTitle
{
  background-color: #eeeeee; 
  border: #cccccc 3px solid; 
  padding: 3px 3px 3px 3px;
  width: 800px;   
  font-weight: bold;  
  text-transform: uppercase;  
}

/* The following is the clearfix hack which is described in more detail at http: //www.positioniseverything.net/easyclearing.html */
.cf: after
{
 content: ".";
 display: block;
 height: 0;
 clear: both;
 visibility: hidden;
}
.cf { display: block; }

.cssPopUpDisplay
{
visibility: hidden;
position: absolute;
background-color: White;
border-radius: 30px;
border: 3px solid #000000;
padding: 15px;
width: 250px;
/*border*/
-webkit-border-radius: 20px;
-moz-border-radius: 20px;
border-radius: 20px;
/* box-shadow */
-webkit-box-shadow: rgba(0,0,0,1) 0px 0 10px;
-moz-box-shadow: rgba(0,0,0,1) 0 0 10px;
box-shadow: rgba(0,0,0,1) 0 0 10px;
}

/*Timeout Warning/Timer */
.cssSessionTimer
{
  border: 0px solid #000000;
  color: #FFFFFF;
  font-weight: bold;
  padding-right: 10px;  
}

.cssTimeoutAlertContainer
{
   position: fixed; 
   z-index: 100; 
   left: 0; 
   top: 0; 
   width: 100%; 
   height: 100%; 
   overflow: auto; 
   background-color: rgb(0,0,0); 
   background-color: rgba(0,0,0,0.6);
   filter: alpha(opacity=65);
}

.cssTimeoutAlert
{
  position: fixed;
  background-color: #fefefe; 
  padding: 20px; 
  border: 1px solid #888;
  z-index: 101;
  width: 500px;
  height: 80px;
  top: 50%;
  left: 50%;
  margin-top: -100px; /* Negative half of height. */
  margin-left: -250px; /* Negative half of width. */
}

/* The following is a fix for text not wrapping in textboxes. */
SELECT, INPUT, TEXTAREA
{
font-family: Arial,sans-serif;
font-size: 12px;
white-space: pre-wrap;
}

/* Sortable Sections */
.ui-state-default { background-color: #FFFFFF; }

.cssSortableSectionHandle 
{
  float:right; 
  padding-right:5px
}

.cssSortableSectionOnDrag 
{
  border: 2px solid #000000; 
  padding-top: 10px
}