/* BODY and General CSS */

BODY
{
 font-family: Arial,sans-serif;
 font-size: 12px;
 font-weight: 400;
 color: #676a6c;
 margin-left: 60px;
 margin-top: 10px;
 padding: 0px;
 /*background-color: #ffffff;
 background-image: url('../images/imgPageBackground.gif');*/
}
H1
{
    font-size: 30px;
    font-weight: 100;
    color: #575757;
}
H2
{
    font-size: 24px;
    font-weight: 100;
    color: #575757;
}
H3
{
    font-size: 16px;
    font-weight: 600;
    color: #575757;
}
H4
{
    font-size: 14px;
    font-weight: 600;
    color: #428bca;
}
H5
{
    font-size: 12px;
    font-weight: 600;
    color: #428bca;
}
H6
{
    font-size: 10;
    font-weight: 100;
    color: #428bca;
}
UL
{ 
 margin: 0px;
}
A 
{ 
 color: #428bca; 
	text-decoration: none;
}
A:hover
{
 color: #2a6496; 
	text-decoration: none;
}
A:focus, A:active
{
    color: #2a6496;
    text-decoration: none;
    border: 1px solid #428bca;
}
SELECT, INPUT, TEXTAREA
{
 font-family: Arial,sans-serif;
 font-size: 12px;
 white-space: pre-wrap;
}
INPUT
{
     border: 1px solid #cccccc;
}
INPUT:focus
{
    border: 1px solid #1ab394;
}
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: 74px;
  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: 18px;
 color: #23c6c8;
 margin: 0px 0px 5px 0px;
}

.cssTextPageSubTitleAlternate
{
 font-size: 14px;
 margin: 5px 0px 5px 0px;
}

.cssPageHelp
{
 width: 1000px;
 left: 376px;
 top: 170px;
 position: fixed;
 z-index: 1;
}

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

.cssPageFooter
{
 color: #555555;
}

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

.cssPageFooter a:hover
{
 color: #216496;
 /*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 #faebcc;
 font-size: 1.1em;
 letter-spacing: 1px;
 text-align: center;
 background-color: #fcf8e3;
 color: #8a6d3b;
}

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

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

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

div.cssTabs a span 
{ 
 z-index:100;
 position: relative;
 background: url('../images/imgTabStandardRight.gif') 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: #FFFFFF;
 font-weight:bold; 
 background: url('../images/imgTabStandardSelectedLeft.gif') 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.gif') 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: #00104A; 
	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: #f8ac59;/*#ffcc00; */
	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: #428bca; /*#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: #2a6496; /*#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
{
 color: black;
 padding: 1px 5px 1px 5px;
 border: solid 1px #333333;
 font-weight: bold;
 font-size: 10px;
 text-transform: uppercase;
 background: url('../images/imgButtonPrimaryBackground.gif');
 background-repeat: repeat-x;
 background-color: #c2c2c2;
 cursor: pointer;
 margin: 0px 5px 0px 5px;
 width: auto;
 overflow: visible;
}
.cssButtonPrimary:hover
{
 background-color: #b5b5b5;
 color: white;
}
.cssButtonPrimary:active
{
 background-color: #c2c2c2;
 color: black;
}

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

.cssButtonPrimaryLeftJustifiedSmallGap
{
 padding: 1px 5px 1px 5px;
 border: solid 1px #333333;
 font-weight: bold;
 font-size: 10px;
 text-transform: uppercase;
 background: url('../images/imgButtonPrimaryBackground.gif');
 background-repeat: repeat-x;
 background-color: #a7a7a7;
 cursor: pointer;
 color: black;
 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: #8F44B4;
 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: #18a689;
}

.cssTextPageTitle
{
 font-size: 24px;
 color: #1c84c6;
}
.cssTextPageSubTitle
{
 font-size: 14px;
 color: #42385a;
}
.cssTextPageSectionTitle
{
 font-family: Arial;
 font-size: 22px;
 font-weight: bold;
 color: #42385a;
 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: #428bca;
}

a.cssHyperLinkDataGrid
{
 color: #428bca; /*#ff9900;*/
 text-decoration: underline;
}

a.cssHyperLinkDataGrid:hover, a.cssHyperlink:hover
{
 color: #2a6496; /*#42385a;*/
 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: #8f44b4;
 text-decoration: underline;
}

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

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

a.cssHyperLinkExpand
{
 color: #428bca; /*#42385a;*/
 font-size: 12px;
 text-decoration: underline;
 margin-bottom: 5px;
}

a.cssHyperLinkExpand:hover
{
 color: #2a6496; /*#6b598c;*/
 font-size: 12px;
 text-decoration: none;
 margin-bottom: 5px;
}

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

a.cssHyperLinkExpandActive
{
 color: #42385a;
 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: #42385a;
 color: #FFFFFF;
}
.cssDataGridFixedHeaderItem
{
 border: 0px;
 padding: 5px 0px 5px 0px;
 text-align: left;
 font-weight: bold;
 background-color: #42385a;
 color: #FFFFFF;
 width: 388px;
 margin: 2px 0px 0px 0px
}
.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: #428bca; /*#6b598c;*/
text-decoration: underline;
}
.cssDataGridStandard a:hover
{
color: #2a6496; /*#42385a;*/
text-decoration: none;
}
.cssDataGridStandard .cssDataGridStandardAlternatingItem TD
{
 border: 0px;
 background-color: #f7f8f3;
}
.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;
}

.cssScrollableDivVerticalNoSize
{
 overflow-y: auto;
 overflow-x: hidden;
 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: 80% !important;
 height: 410px;
 padding-left: 20px;
 padding-top: 20px;
 font-size: 12px;
 line-height: 18px;
}

.cssContentLogIn a
{
 color: #8f44b4;
 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.gif');*/
 background-color:#DDDDDD;
 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, .ajax__calendar_months, .ajax__calendar_years
{
 background-color: #ffffff;
 z-index:1;
}
.ajax__calendar_days table tr td, .ajax__calendar_months table tr td, .ajax__calendar_years 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; }

.text-muted
{
    color: #888888;
}
.text-primary
{
    color: #646a6c;
}
.text-success
{
    color: #1c84c6;    
}
.text-info
{
    color:#23c6c8;
}
.text-warning
{
    color: #f8ac59;
}
.text-danger
{
    color: #ed5565;
}
.btn-primary
{
    background-color: #18a689;
}
.btn-success
{
    background-color: #1c84c6;
}
.btn-info
{
    background-color: #23c6c8;
}
.btn-warning
{
    background-color: #f8ac59;
}
.btn-danger
{
    background-color: #ed5565;
}
.badge-primary
{
    background-color: #1ab394;
}
.badge-info
{
    background-color: #23c6c8;
}
.badge-success
{
    background-color: #1c84c6;
}
.badge-warning
{
    background-color: #f8ac59;
}
.badge-danger
{
    background-color: #ed5565;
}
.alert-success
{
    color: #3c763d;
    background-color: #dff0d8;
    border: 1px solid #d6e9c6;
}
.alert-info
{
    color: #31708f;
    background-color: #d9edf7;
    border: 1px solid #bce8f1;
}
.alert-warning
{
    color: #8a6d3b;
    background-color: #fcf8e3;
    border: 1px solid #faebcc;
}
.alert-danger
{
    color: #a94442;
    background-color: #f2dede;
    border: 1px solid #ebccd1;
}

.cssExpandCollapse_button
{
  /*!important is needed to override the cell style*/
  text-decoration: none !important;
  color: #FFFFFF !important;
  width: 100%;
  padding-left: 20px;
}


.clickableHeaderOpen
{
  background-image: url(../images/form_arrow_open.jpg);
  background-position: left;
  background-repeat: no-repeat;
  text-decoration: none !important;
  color: #FFFFFF !important;
  width: 100%;
  padding-left: 20px;
}

.clickableHeaderClosed
{
  background-image: url(../images/form_arrow_closed.jpg);
  background-position: left;
  background-repeat: no-repeat;
  text-decoration: none !important;
  color: #FFFFFF !important;
  width: 100%;
  padding-left: 20px;
}

.cssSessionTimer
{
  border: 1px solid #000000;
  background-color: Gray;
  color: #000000;
  font-weight: bold;
  padding-right: 10px;  
}

.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;
}

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

.ui-state-default { background-color: #FFFFFF; }

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

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

.cssSaveAndChangeStatusMessage
{
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. */
text-align: center;
vertical-align: middle;
} 

.custom-combobox 
{
position: relative;
display: inline-block;
}

.custom-combobox-toggle 
{
position: absolute;
top: 0;
bottom: 0;
margin-left: -1px;
padding: 0;
}

.custom-combobox-input 
{
margin: 0;
padding: 5px 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);
}

.SortingLinks 
{
  color: #ffffff;
}

.SupportLinkButton { 
 background-color: #14375A;
 padding: 10px;
 transform: rotate(-90deg);
 float: left;
 margin-left: -15px;
 border-bottom-left-radius: 10px;
 border-bottom-right-radius: 10px;
 cursor: pointer;
}

.SupportLinkButton:hover { 
 padding-top: 15px;
}

.SupportLink { 
 color: #ffffff;
 text-decoration: none;
}

.SupportLink:Hover { 
 color: #ffffff;
 text-decoration: none;
}

.cssPageSupport { 
 position: fixed;
 background-color: #fefefe; 
 padding: 20px; 
 border: 1px solid #888;
 z-index: 101;
 width: auto;
 height: auto;
 top: 50%;
 left: 50%;
 margin-top: -100px; /* Negative half of height. */
 margin-left: -250px; /* Negative half of width. */
 text-align: center;
 vertical-align: middle;
 border-radius: 10px;
}

.cssSupportContainer { 
  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);
}

.AddRepeatableRowButton 
{
	float: left;
	position: absolute;
	left: 43px;
	color: #14375A;
}