/*
*
*	This CSS has been modified from the default IG CSS for MSHDA
*	Changes include extended the site to 95%, and moving away from pixel sizing where possible
*
*	Last modified: 01/03/2017
*
/*

/* BODY and General CSS */

BODY {
    font-family: Arial, sans-serif;
    font-size: 12px;
    color: #000;
    /*margin-left: 60px;
	margin-top: 10px;
	margin-right: 60px;*/
    /*
	padding-left: 60px;
	padding-top: 10px;
	padding-right: 60px;
	*/
    /*background-color: #457197;*/
    
    background-color: #ffffff;
    /*background-image: url('../images/imgPageBackground.gif');*/
}
UL {
    margin: 0px;
}
A {
    color: #000;
    text-decoration: underline;
}
A:hover {
    color: #457197;
    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;*/
    
    width: 100%;
    border: 0px;
    margin-right: 60px;
    /*background-color: #ffffff;*/
    /*padding: 0px 5px 5px 5px;*/
}
/* Page Header CSS */

.cssPageHeader {
    /*position:absolute;*/
    /*left:60px;*/
    
    top: 6px;
    /*background: url('../images/imgPageHeaderBackground.gif');*/
    
    background-color: #1E4872;
    height: 84px;
    /*width: 873px;*/
    
    width: 100%;
    /*margin-right: 60px;*/
}
/*
.cssPageHeader .cssPage {
	background-color: #1E4872;
}
*/

.cssPageHeaderSpacer {
    /*height:80px;*/
    /*width: 873px;*/
    
    max-width: 100%;
}
.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;*/
    
    width: 100%;
    background-color: #666666;
    padding: 0px;
    margin: 0px;
}
.cssPageSubTitle {
    font-size: 14px;
    color: #004080;
    margin: 0px 0px 5px 0px;
}
.cssTextPageSubTitleAlternate {
    font-size: 14px;
    margin: 5px 0px 5px 0px;
}
.cssPageHelp {
    /*width: 555px;
	left: 376px;*/
    
    left: 60%;
    /*top: 170px;*/
    
    top: 20%;
    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 {
    width: 95% !important;
}
.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 {
    width: 100% !important;
    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;
    /*width: 630px;*/
}
table#ctl00_cphPageContent_tblLoginArea .cssPanelRaisedRoundedDarkEdgeContent {
    width: 210px !important;
}

.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.gif');
    width: 16px;
    height: 16px;
}
.cssPanelRaisedRoundedLightEdgeTop {
    background-image: url('../images/imgPanelRaisedRoundedLightEdgeTop.gif');
}
.cssPanelRaisedRoundedLightEdgeTopRight {
    background-image: url('../images/imgPanelRaisedRoundedLightEdgeTopRight.gif');
    width: 16px;
    height: 16px;
}
.cssPanelRaisedRoundedLightEdgeLeft {
    background-image: url('../images/imgPanelRaisedRoundedLightEdgeLeft.gif');
    width: 16px;
}
.cssPanelRaisedRoundedLightEdgeContent {
    vertical-align: top;
    background-color: #FFFFFF !important;
}
.cssPanelRaisedRoundedLightEdgeContent TD {
    background-color: #FFFFFF !important;
}
.cssPanelRaisedRoundedLightEdgeRight {
    background-image: url('../images/imgPanelRaisedRoundedLightEdgeRight.gif');
    width: 16px;
}
.cssPanelRaisedRoundedLightEdgeBottomLeft {
    background-image: url('../images/imgPanelRaisedRoundedLightEdgeBottomLeft.gif');
    width: 16px;
    height: 16px;
}
.cssPanelRaisedRoundedLightEdgeBottom {
    background-image: url('../images/imgPanelRaisedRoundedLightEdgeBottom.gif');
}
.cssPanelRaisedRoundedLightEdgeBottomRight {
    background-image: url('../images/imgPanelRaisedRoundedLightEdgeBottomRight.gif');
    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;*/
    
    width: 100%;
    /*height: 27px;*/
    
    cursor: pointer;
    background: #cccccc url('../images/imgTabBackground.gif');
    overflow: hidden;
}
div.cssTabs a {
    color: #000;
    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 {
    background: #cccccc 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;
    text-decoration: underline;
    cursor: pointer;
}
div.cssTabs li {
    float: left;
    display: block;
    margin: 0;
    padding: 0;
}
div.cssTabs a.cssTabsSelected {
    color: #fff;
    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: #cccccc 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: #457197;
    padding-bottom: 0px;
    margin: 0px;
    /*width: 873px; */
    
    width: 100%;
    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: #ffff00;
    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;*/
    
    width: 100%;
    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 #0b4885;
    font-weight: bold;
    font-size: 10px;
    text-transform: uppercase;
    background: url('../images/imgButtonPrimaryBackground.gif');
    background-repeat: repeat-x;
    background-color: #9ed27c;
    cursor: pointer;
    color: #004080;
    margin: 0px 5px 0px 5px;
    width: auto;
    overflow: visible;
}
.cssButtonPrimaryLeftJustified {
    padding: 1px 5px 1px 5px;
    border: solid 1px #0b4885;
    font-weight: bold;
    font-size: 10px;
    text-transform: uppercase;
    background: url('../images/imgButtonPrimaryBackground.gif');
    background-repeat: repeat-x;
    background-color: #9ed27c;
    cursor: pointer;
    color: #004080;
    margin: 0px 5px 0px 0px;
    width: auto;
    overflow: visible;
}
.cssButtonPrimaryLeftJustifiedSmallGap {
    padding: 1px 5px 1px 5px;
    border: solid 1px #0b4885;
    font-weight: bold;
    font-size: 10px;
    text-transform: uppercase;
    background: url('../images/imgButtonPrimaryBackground.gif');
    background-repeat: repeat-x;
    background-color: #9ed27c;
    cursor: pointer;
    color: #004080;
    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: #004080;
    overflow: visible;
    width: auto;
}
.cssButtonHyperlinkAlternate {
    margin: 5px 0px 0px 0px;
    padding: 0px 0px 0px 0px;
    font-size: 12px;
    cursor: pointer;
    border: solid 0px;
    color: #004080;
    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: #004080;
    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: #339900;
}
.cssTextPageTitle {
    font-size: 24px;
    color: #457197;
}
.cssTextPageSubTitle {
    font-size: 14px;
    color: #457197;
}
.cssTextPageSectionTitle {
    font-family: Arial;
    font-size: 22px;
    font-weight: bold;
    color: #457197;
    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;
	vertical-align:text-bottom;
	display:inline-block;
	height:10px;
}
.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: #71bc37;
}
a.cssHyperLinkDataGrid {
    color: #009900;
    text-decoration: underline;
}
a.cssHyperLinkDataGrid: hover {
    color: #006600;
    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: #71bc37;
    text-decoration: underline;
}
a.cssHyperLinkMedium: hover {
    font-size: 14px;
    color: #0b4885;
    text-decoration: none;
}
.cssHyperLinkExpand {
    color: #71bc37;
    font-size: 12px;
    text-decoration: underline;
    margin-bottom: 5px;
}
a.cssHyperLinkExpand {
    color: #71bc37;
    font-size: 12px;
    text-decoration: underline;
    margin-bottom: 5px;
}
a.cssHyperLinkExpand: hover {
    color: #71bc37;
    font-size: 12px;
    text-decoration: underline;
    margin-bottom: 5px;
}
a.cssHyperLinkExpand: active {
    color: #71bc37;
    font-size: 12px;
    text-decoration: underline;
    margin-bottom: 5px;
    font-weight: bold;
}
a.cssHyperLinkExpandActive {
    color: #71bc37;
    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;*/
    
    width: 100%;
    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;*/
    
    width: 99% !important;
}
.cssDataGridReport {
    border: dotted 1px #eeeeee;
    margin: 2px 4px 4px 2px;
}
.cssDataGridStandardHeaderItem {
    border: 0px;
    padding: 4px;
    text-align: left;
    font-weight: bold;
    background-color: #457197;
    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: #0000ff;
    text-decoration: underline;
}
.cssDataGridStandard a:hover {
    color: #0000ff;
    text-decoration: none;
}
.cssDataGridStandard .cssDataGridStandardAlternatingItem td {
    border: 0px;
    background-color: #ccc;
}
.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;*/
    
    width: 95%;
    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;
    width: 100% !important;
}
.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%;
}
/* 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 p {
    float: left;
    max-width: 40%;
}
.cssContentLogIn h2 {
    max-width: 40%;
}
.cssContentLogIn a {
    color: #71bc37;
    text-decoration: underline;
}
.cssContentLogIn a: hover {
    color: #0b4885;
    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: #666666;
}
.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: #333333;
    border-color: #000000;
    border-width: 0px;
    color: #ffffff;
    font-weight: bold;
    height: 25px;
}
.cssCalendarDayHeader {
    background-color: #666666;
    border-color: #000000;
    border-width: 1px;
    border-style: solid;
    color: #ffffff;
    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-repeat: repeat-x;
    position: relative;
	top: 0;
}
.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;
}
.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;
}
/* Extended functionality menu custom CSS */

#divNavigationDocumentMenu.cssScrollableDiv {
    width: 95% !important;
}
#divObjectNavigationRelatedItemsScroll.cssScrollableDiv {
    width: 95% !important;
}
#divObjectNavigationRelatedItemsScroll .cssGradientSeparator {
    width: 100% !important;
}
/* Breadcrumb spacing */

th[id*="cphPageContent_thcBreadCrumb"] {
    width: 4% !important;
    padding: 0;
    margin: 0;
}
div[id*="cphPageContent_pnlPrintPageMassContentProperties"] {
    left: 50% !important;
    width: 47% !important;
}
#ctl00_cphPageContent_pnlPrintPageMassContentProperties table.cssPanelRaisedRoundedDarkEdge {
    width: 100% !important;
    margin: 0;
    padding: 0;
}
#ctl00_cphPageContent_pnlPrintPageMassContentProperties table td.cssPanelRaisedRoundedDarkEdgeContent {
    width: 98% !important;
    margin: 0;
    padding: 0;
}
#ctl00_cphPageContent_wclPageOperationDetail_wclPageOperationFields_divPageOperationFields {
    width: 300px !important;
}
#ctl00_cphPageContent_wclPageOperationDetail_tblPageOperationFormula table.cssPanelRaisedRoundedDarkEdge {
    width: 400px !important;
}
#ctl00_cphPageContent_wclPageOperationDetail_tblPageOperationFormula table.cssPanelRaisedStandard {
    width: 320px !important;
}

#ctl00_cphPageContent_divContainerScroll #ctl00_cphPageContent_pnlPage {
	padding-left: 15px;
}

table[id*="wclProcessStepRoleVisible_dgdProcessStepRoleVisible"] td {
	width: 0px !important;
	text-align: left !important;
}

div[id*="divObjectNavigation"] {
	top: 200px !important;
}

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

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

div[id*="ObjectNavigation_divObjectNavigation"] {
	top: 200px !important;
}

div[id*="pnlEditLookupTypeDisplay"] {
	display: none !important;
}

div[id*="pnlEditLookupType"] {
	display: none !important;
}

div[id*="divTooltipIdentifierTab"] {
	display: none !important;
}

.AddRepeatableRowButton { 
	float: left;
	/* position: absolute; */
	left: 46px;
	color: #88D460;
	/* #c4321b; */
}


/* #ctl00_cphPageContent_dtlAdminPagePanels { */
	/* width: 80%; */
	/* margin: 0 auto; */
/* } */

/* #ctl00_cphPageContent_dtlAdminPagePanels table { */
	/* margin: 0 auto; */
/* } */

/* #ctl00_cphPageContent_dtlAdminPagePanels table.cssPanelRaisedStandard { */
	/* margin: 0 auto; */
/* } */

/* #ctl00_cphPageContent_dtlAdminPagePanels  table.cssPanelRaisedStandard table { */
	/* margin: 0 auto; */
/* } */

/* #ctl00_cphPageContent_dtlAdminPagePanels  table.cssPanelRaisedStandard table table { */
	/* float: left; */
	/* width: 250px; */
/* } */

/* #ctl00_cphPageContent_dtlAdminPagePanels  table.cssPanelRaisedStandard table table td { */
	/* float: left; */
/* } */


/*
#ctl00_cphPageContent_wclPageOperationDetail_tblPageOperationFormula table td.cssPanelRaisedRoundedDarkEdgeContent {
    width: 400px !important;
}
.cssPanelRaisedRoundedDarkEdgeContent table {
	width: 100% !important;
} */