root { 
    display: block;
}

.grecaptcha-badge { visibility: hidden; }

/* Used for hidden login and pw fields to thwart Chrome's autofill "feature" */
.autofillkiller,
.autofillkillerFocused,
.autofillkillerPending,.autofillkillerErrorStyle,
.autofillkillerDisabled,.autofillkillerRTL {
	height: 0px;
	width: 0px;
	border: 0px none white; 
	padding: 0px;
	outline-width: 0px;
	outline-offset: 0px;
}

/* Downloads Dashboard */
.DDshaded-canvas {
	background-color: #f4f4f4;
	border: 1px solid white;
	padding-bottom: 10px;
	padding-left: 10px;
	padding-right: 10px;
	padding-top: 10px;
}
.DDsection-label {
	color:#66726F;
	text-decoration: none;
	font-size: 16px;
    font-weight:normal;
	font-family: Verdana,sans-serif;
    /*padding: 5px;*/
}
.DDbig-number {
	font-size: 28px;
}
.DDitem-link, .DDitem-linkOver {
	font-size: 16px;
	color: #3366BB;
	/* color: lightblue; */
	text-decoration:underline;
	cursor: pointer;
}
.DDitem-linkDisabled {
	font-size: 16px;
	color: gray;
	/* color: lightblue; */
	text-decoration:underline;
}
.DDdate-label {
	font-size: 28px;
}

/* large, bold font style for titles on main pages */
.Title-label {
	font-size: 16px;
	font-weight: 700;
}

/* used for gray background in alot of areas, including Slim Client */
.Login-canvas {
	background-color: #f4f4f4;
	border: 1px dotted lightgray;
}

/* large, bold font style for product name on login page */
.Login-label {
	color: gray;
	font-size: 25px;
	font-weight: 600;

}

/* medium, slightly bold font style for step labels in wizard */
.Step-label {
	font-size: 14px;
	font-weight: 500; /* slightly heavier than normal */
}

/* medium font for areas needing a slightly larger text (wizard and message popups */
.Medium-label {
	font-size: 14px;
}

/* Red warning text */
.Warning-label {
	color: red;
}


/* Name of an institution in the FI details window: larger
   than the other labels */
.FI-details-title {
    color: black;
    font-family:Verdana,sans-serif;
	font-size:14px;
    font-weight: bold;
    padding-bottom:3px;
}

/* Label for a new section within the FI details window */
.FI-details-label {
    color: black;
    font-family:Verdana,sans-serif; font-size:12px;
    font-weight: bold;
    padding-top:15px;
    padding-bottom:3px;
}

.Wizard-header {
	color: white;
	background-color: #e7e7e7;
	border-left:4px solid #e7e7e7; border-top:4px solid #e7e7e7;
    border-right:4px solid #e7e7e7; border-bottom:4px solid #e7e7e7;
}

.Wizard-headerSelected {
	color: black;
	background-color: white;
	border-left:4px solid #e7e7e7; border-top:4px solid #e7e7e7;
    border-right:4px solid #e7e7e7; border-bottom:4px solid white;
}

.Primary-tab-label {
    color: black;
    font-family:Verdana,sans-serif; font-size:13px;
    padding-bottom:1px;
}

.Form-static-label,
.Form-static-labelFocused {
    font-family:Verdana,sans-serif; font-size:11px;
    color:black;
    font-weight: bold;
}

/* Needs to have this name ("Disabled" added at the end) to be automatically
   used by DynamicForm */
.Form-static-labelDisabled {
    font-family:Verdana,sans-serif; font-size:11px;
    color:#A6ABB4;
    font-weight: bold;
}

.Form-static-labelError {
    font-family:Verdana,sans-serif; font-size:11px;
    color:#204268;
    font-weight: bold;
}

.align-top {
    vertical-align: top;
}

/* used for debugging layout, draws border around widget */
.temp {
    font-size: 16px;
    text-align: justify;
    padding-left: 4px;
    border-left: 1px solid black;
    padding-right: 4px;
    border-right: 1px solid black;
}

/* Static version number in utilities section at bottom of page */

.webapp-version {
	color:#66726F;
	text-decoration: none;
	font-size: 11px;
    font-weight:bold;
	font-family: Verdana,sans-serif;
    padding: 5px;
}

/* Overrides LinkButton for utilities on top and bottom of page */

.utilityLink {
	color:#66726F;
	text-decoration: none;
	font-size: 11px;
    font-weight:bold;
	font-family: Verdana,sans-serif;
}

.utilityLinkOver,
.utilityLink:hover {
	color:#66726F;
	text-decoration: underline;
	font-size: 11px;
    font-weight:bold;
	font-family: Verdana,sans-serif;
	cursor: pointer;
}

.linkText {
	text-decoration: none;
	font-size: 11px;
    font-weight:bold;
	font-family: Verdana,sans-serif;
}

.welcomeText {
	text-decoration: none;
	font-size: 11px;
    font-weight:bold;
	font-family: Verdana,sans-serif;
}

.usernameText {
	text-decoration: none;
	font-size: 11px;
	font-weight: normal;
	font-family: Verdana,sans-serif;
}


.link a:visited{
	color:#66726F;
	text-decoration: none;
	font-size: 11px;
    font-weight:bold;
	font-family: Verdana,sans-serif;
}

.link a:hover {
	color:#66726F;
	text-decoration: underline;
	font-size: 11px;
    font-weight:bold;
	font-family: Verdana,sans-serif;
}

.Form-static-text,
.Form-static-textFocused {
    font-family:Verdana,sans-serif; font-size:11px;
    color:black;
    font-weight: normal;
}

/* Needs to have this name ("Disabled" added at the end) to be automatically
   used by DynamicForm */
.Form-static-textDisabled {
    font-family:Verdana,sans-serif; font-size:11px;
    color:#A6ABB4;
    font-weight: normal;
}

/* Links can't be displayed disabled, so simulate with static text */
.Form-static-fake-link {
    font-family:Verdana,sans-serif; font-size:11px;
    color:#A6ABB4;
    text-decoration:underline;
    font-weight:bold;
}
.Form-static-fake-linkDisabled {
    font-family:Verdana,sans-serif; font-size:11px;
    color:#A6ABB4;
    text-decoration:underline;
    font-weight:bold;
}

.Form-italic-text {
    font-family:Verdana,sans-serif; font-size:11px;
    font-style: italic;
}

/* Custom SearchItem widget styling, used only for frozen search fields in User list grid */

.searchItem,
.searchItemFocused,
.searchItemHint
{
	padding-top: 1px;
	padding-bottom: 3px;
	padding-right: 4px;
	font-size: 11px;
	font-weight: bold;
	font-style: italic;
}

.searchItemHint {
	background: #eeeeee;
	font-weight: 300;
	color: gray;
}

/* Override LinkButton for Aggregation>> and Export>> links */

.aggregationLinkItem {
	text-decoration: underline;
    font-family: Verdana,Helvetica,sans-serif;
    font-size: 12px;
	color: #3366BB;
}

.aggregationLinkItemOver {
	text-decoration: underline;
    font-family: Verdana,Helvetica,sans-serif;
    font-size: 12px;
	cursor: pointer;
	color: #3366BB;
}

.actionInfoHeaderItem {
	text-decoration:underline;
}

/* Home page styling */

.shaded-canvas {
	background-color: #f4f4f4;
	border: 1px solid white;
}
.sectionSeparator {
	font-size: 15px;
    background-color: #f4f4f4;
    border-bottom: 2px solid gray;
}

.sectionSeparator2 {
    background-color: white;
    border-top: 2px solid gray;
}

.section-item {
	font-size: 17px
}

.item-link {
	font-size: 17px;
	color: #3366BB;
	/* color: lightblue; */
	text-decoration:underline;
}

.item-linkOver {
	text-decoration: underline;
	font-size: 17px;
	color: #3366BB;
	cursor: pointer;
}

.item-linkDisabled {
	text-decoration: underline;
	font-size: 17px;
	color:gray;
}

.item-linkDisabledOver {
	text-decoration: underline;
	font-size: 17px;
	color:gray;
}

.block-link {
	font-size: 17px;
	color: #3366BB;
	/* color: lightblue; */
	text-decoration:underline;
}

.block-linkOver {
	font-size: 17px;
	color: #3366BB;
	text-decoration: underline;
	cursor: pointer;
}

.block-linkDisabled {
	font-size: 17px;
}

.block-linkDisabledOver {
	font-size: 17px;
}

.miniStatus-link {
	/* font-size: 17px; */
	color: #3366BB;
	/* color: lightblue; */
	text-decoration:underline;
}

.miniStatus-linkOver {
	/*font-size: 17px; */
	color: #3366BB;
	text-decoration: underline;
	cursor: pointer;
}

.miniStatus-linkDisabled {
	/*font-size: 17px; */
}

.miniStatus-linkDisabledOver {
	/*font-size: 17px; */
}

.top-issues {
	border: 2px solid;
	border-color: red;
}

/* Home page FI notifications grid */

.notifications-grid {
	background-color: #f4f4f4; /* matches background of other elements on page */
	vertical-align:text-top;
}
.notifications-gridOver {
	background-color: #f4f4f4;
	vertical-align:text-top;
}
/* alternate rows in grid */
.notifications-gridDark {
	vertical-align:text-top;
}
.notifications-gridOverDark {
	vertical-align:text-top;
}


.top-cnecreds-header {
	font-size: 15px;
}

.baa-message-area {
	background-color: #f4f4f4;
	padding-left: 10px;
	padding-right: 10px;
}

.baa-fiInstructions-area {
	background-color: #f4f4f4;
	padding: 10px;
}

.baa-fiWarning-area {
	background-color: #fef9ef; /* light yellow */
	padding: 10px;
}

.guidance-text {
	background-color: #f4f4f4;
	padding-left: 10px;
	padding-right: 10px;
	border-bottom: 1px solid black;
}

.big-number {
	font-size: 25px;
}

.big-number-shaded {
	background-color: #f4f4f4;
	font-size: 25px;
}

.big-number-red-shaded {
	color: red;
	background-color: #f4f4f4;
	font-size: 25px;
}

.big-number-yellow-shaded {
	color: rgb(240,208,21);
	background-color: #f4f4f4;
	font-size: 25px;
}

.big-number-green-shaded {
	color: rgb(153,204,51);
	background-color: #f4f4f4;
	font-size: 25px;
}


/* End of Home page styling */

/* Our custom LinkButton widget, used for links that bring up dialogs */

.linkButton {
	color: #3366FF;
	text-decoration:underline;
}


.linkButtonOver {
	color: #3366FF;
	text-decoration:underline;
	cursor: pointer;
}

.linkButtonDisabled {
	color: lightgray;
	text-decoration: underline;
}

.moreStatusLabel {
	font-size: 14px;
}

.isac-notice {
	background-color: rgb(255,115,115);
	padding: 5px;
}

.isac-text {
	padding: 5px;
}

.isac-instructions, .isac-instructionsDisabled {
	font-size: 12px;
	font-weight: bold;
}

.runas-link {
	color: #3366BB;
	/* color: lightblue; */
	text-decoration:underline;
}

.gwt-Label {
    font-family:Verdana,sans-serif; font-size:11px;
    color:black;
    font-weight: bold;
}

.gwt-FileUpload {  
   width: 400px;   
   font-family:Verdana,sans-serif; font-size:12px;
   color:black;
   font-weight: normal;
}

.runas-radio-label {
   font-family:Verdana,sans-serif; font-size:14px; 
   padding-top: 10px;
}
/* =================================================================================
   Smaller headerButton used for wrapped column headers in Account Translations grid
   ================================================================================= */

.acctTrans-small-gridHeader,
.acctTrans-small-gridHeaderOver,
.acctTrans-small-gridHeaderDown,
.acctTrans-small-gridHeaderDisabled,
.acctTrans-small-gridHeaderSelected,
.acctTrans-small-gridHeaderSelectedDown,
.acctTrans-small-gridHeaderSelectedOver,
.acctTrans-small-gridHeaderSelectedDisabled{
	font-size: 9px;
	white-space: pre-line;  /* force header to wrap at spaces */
}
.acctTrans-small-gridHeader {
    border-left:1px solid white; border-top:1px solid white;
    border-right:1px solid #808080; border-bottom:1px solid #808080;
    background:#E7E7E7;
    background-image : -webkit-gradient(linear, left bottom, left top, color-stop(0.25, rgb(231,231,231)), color-stop(0.63, rgb(244,244,244)),color-stop(0.82, rgb(252,252,252)));
    background-image : -moz-linear-gradient(center bottom, rgb(231,231,231) 25%, rgb(244,244,244) 63%, rgb(252,252,252) 82%);
}

.acctTrans-small-gridHeaderOver {
    border-left:1px solid white; border-top:1px solid white;
    border-right:1px solid #808080; border-bottom:1px solid #808080;    
    background:#dddddd;
    background-image : -webkit-gradient(linear, left bottom, left top, color-stop(0.1, rgb(211,211,211)), color-stop(0.71, rgb(242,242,242)), color-stop(0.77, rgb(252,252,252)));
    background-image :-moz-linear-gradient(center bottom, rgb(211,211,211) 10%, rgb(242,242,242) 71%, rgb(252,252,252) 77%);
}

.acctTrans-small-gridHeaderDown {
    border-left:1px solid white;
    border-top:1px solid white;
    border-right:1px solid #808080;
    border-bottom:1px solid #808080;    
    background:#d5d5d5;
	background-image: -moz-linear-gradient(top, rgb(213,213,213) 0%, rgb(244,244,244) 44%, rgb(252,252,252) 100%);
    background-image : -webkit-gradient(linear, left bottom, left top, color-stop(0.25, rgb(213,213,213)), color-stop(0.63, rgb(244,244,244)),color-stop(0.82, rgb(252,252,252)));
}

.acctTrans-small-gridHeaderDisabled {
    color:#666666;
    border-left:1px solid #CCCCCC; border-top:1px solid #CCCCCC;	
    border-right:1px solid #CCCCCC; border-bottom:1px solid #CCCCCC;
    background:#C3C3C3;
}

.acctTrans-small-gridHeaderSelected,
.acctTrans-small-gridHeaderSelectedDown,
.acctTrans-small-gridHeaderSelectedOver,
.acctTrans-small-gridHeaderSelectedDisabled {
    border-bottom:1px solid #808080;
    background: #d5d5d5;
    background-image: -moz-linear-gradient(top, rgb(213,213,213) 0%, rgb(244,244,244) 44%, rgb(252,252,252) 100%);
    background-image : -webkit-gradient(linear, left bottom, left top, color-stop(0.25, rgb(213,213,213)), color-stop(0.63, rgb(244,244,244)),color-stop(0.82, rgb(252,252,252)));
}

.acctTrans-small-gridHeaderSelectedOver {
    background: #d5d5d5;
    background-image: -moz-linear-gradient(top, rgb(213,213,213) 0%, rgb(244,244,244) 44%, rgb(252,252,252) 100%);
    background-image : -webkit-gradient(linear, left bottom, left top, color-stop(0.25, rgb(213,213,213)), color-stop(0.63, rgb(244,244,244)),color-stop(0.82, rgb(252,252,252)));
}

.acctTrans-small-gridHeaderSelectedDisabled {
    font-size:11px; color:#666666;
}

/* transparent Clear button */
.sectionHeader-clearButton,
.sectionHeader-clearButtonOver,
.sectionHeader-clearButtonDown,
.sectionHeader-clearButtonDisabled,
.sectionHeader-clearButtonSelected,
.sectionHeader-clearButtonSelectedDown,
.sectionHeader-clearButtonSelectedOver,
.sectionHeader-clearButtonSelectedDisabled{
	background: transparent;
	border: 0px solid transparent;
}

/* ============================================================
   email form item style to cover the case of the non editable form item textarea
   ============================================================ */

.email-formItem-readonly-textarea,
.email-formItem-readonly-textareaFocused,
.email-formItem-readonly-textareaDisabled {
    font-family:Verdana,sans-serif; font-size:11px;
    color:black;
    font-weight: normal;
    background-color: #f4f4f4;
    border-top: 1px solid #abadb3;
    border-left: 1px solid #dbdfe5;
    border-right: 1px solid #dbdfe5;
    border-bottom: 1px solid #dbdfe5;
    cursor: default;
}

/* ============================================================
   Navbar styling classes taken from SGWT Simplicity skin, and used 
   in Consumer UI menu widget styling on mobile devices
   ============================================================ */

.navToolbar {
    font-family:Verdana,Bitstream Vera Sans,sans-serif; font-size:11px;
    border-top: 1px solid #004285;
    border-bottom: 1px solid #004285;
    color: #005cb8;
    background-color: #ffffff;
}

.navBarHeader,
.navButton,
.navButtonOver,
.navButtonFocused,
.navButtonFocusedOver,
.navButtonDown,
.navButtonFocusedDown,
.navButtonSelected,
.navButtonSelectedFocused,
.navButtonSelectedDown,
.navButtonSelectedFocusedDown,
.navButtonSelectedOver,
.navButtonSelectedFocusedOver,
.navButtonDisabled,
.navButtonSelectedDisabled,
.navBackButton,
.navBackButtonOver,
.navBackButtonFocused,
.navBackButtonFocusedOver,
.navBackButtonDown,
.navBackButtonFocusedDown,
.navBackButtonSelected,
.navBackButtonSelectedFocused,
.navBackButtonSelectedDown,
.navBackButtonSelectedFocusedDown,
.navBackButtonSelectedOver,
.navBackButtonSelectedFocusedOver,
.navBackButtonDisabled,
.navBackButtonSelectedDisabled,
.navForwardButton,
.navForwardButtonOver,
.navForwardButtonFocused,
.navForwardButtonFocusedOver,
.navForwardButtonDown,
.navForwardButtonFocusedDown,
.navForwardButtonSelected,
.navForwardButtonSelectedFocused,
.navForwardButtonSelectedDown,
.navForwardButtonSelectedFocusedDown,
.navForwardButtonSelectedOver,
.navForwardButtonSelectedFocusedOver,
.navForwardButtonDisabled,
.navForwardButtonSelectedDisabled {
    padding: 0px 10px 0px 10px !important; /* !important to override the cellpadding attribute */
    font-family: Verdana,Bitstream Vera Sans,sans-serif;
    font-size: 15px;
    line-height: 23px;
}

.navButtonDown,
.navButtonFocusedDown,
.navButtonSelectedDown,
.navButtonSelectedFocusedDown,
.navBackButtonDown,
.navBackButtonFocusedDown,
.navBackButtonSelectedDown,
.navBackButtonSelectedFocusedDown,
.navForwardButtonDown,
.navForwardButtonFocusedDown,
.navForwardButtonSelectedDown,
.navForwardButtonSelectedFocusedDown {
    /* no Down styling */
}

.navBarHeader {
    font-weight: bold;
}

.navBackButton,
.navBackButtonOver,
.navBackButtonFocused,
.navBackButtonFocusedOver,
.navBackButtonDown,
.navBackButtonFocusedDown,
.navBackButtonSelected,
.navBackButtonSelectedFocused,
.navBackButtonSelectedDown,
.navBackButtonSelectedFocusedDown,
.navBackButtonSelectedOver,
.navBackButtonSelectedFocusedOver,
.navBackButtonDisabled,
.navBackButtonSelectedDisabled {
    padding-left: 7px !important;
    padding-right: 5px !important;
}

.navForwardButton,
.navForwardButtonOver,
.navForwardButtonFocused,
.navForwardButtonFocusedOver,
.navForwardButtonDown,
.navForwardButtonFocusedDown,
.navForwardButtonSelected,
.navForwardButtonSelectedFocused,
.navForwardButtonSelectedDown,
.navForwardButtonSelectedFocusedDown,
.navForwardButtonSelectedOver,
.navForwardButtonSelectedFocusedOver,
.navForwardButtonDisabled,
.navForwardButtonSelectedDisabled {
    padding-left: 5px !important;
    padding-right: 10px !important;
}