/* CSS Reset for the legend tag to help IE */
legend {
    border: 0;
}

a
{
    color: #0000ee;
}

div.login
{
    background-color: #c7d8ec;
    color: #000000;
    border-style: solid;
    border-width: 1px;
    border-color: #89b0d9;
    -moz-border-radius: 5px;
    -webkit-border-top-left-radius: 5px;
    border-radius: 5px;
    max-width: 290px;
}

#simplemodal-container
{
    background-color: Transparent;
}

div.menu .topmenu li
{
    background-color: #006fb7;
    color: #ffffff;
    -moz-border-radius: 5px 5px 0 0;
    -webkit-border-radius: 5px 5px 0 0;
    border-radius: 5px 5px 0 0;
}

div.menu ul.topmenu a
{
    color: #ffffff;
}

hr.menuline {
    background-color: #c7d8ec;
    height: 5px;
    border: none;
}

div.submenu {
    background-color: #c7d8ec;
    color: #000000;
    padding-top: 3px;
    padding-left: 5px;
}

ul.submenu a
{
    color: #000000;
}

div.menu li:hover, ul.submenu li:hover
{
    background-color: #89b0d9;
    color: #000000;
    -moz-border-radius: 5px 5px 0 0;
    -webkit-border-radius: 5px 5px 0 0;
    border-radius: 5px 5px 0 0;
}

div.menu li:hover a, ul.submenu li:hover a
{
    color: #000000;
}

ul.submenu li.selected
{
    -moz-border-radius: 5px 5px 0 0;
    -webkit-border-radius: 5px 5px 0 0;
    border-radius: 5px 5px 0 0;
    background-color: white;
}

ul.submenu li.selected a
{
    color: black;
}

div.menu ul.topmenu li.selected, div.menu ul.topmenu li.selected :hover
{
    background-color: #c7d8ec;
    color: #000000;
    -moz-border-radius: 5px 5px 0 0;
    -webkit-border-radius: 5px 5px 0 0;
    border-radius: 5px 5px 0 0;
}

/* This is for wizard only */
div.maincontents table.list tr.selected
{
    background-color: #006fb7;
    color: #ffffff;
}

#siteAndUnitGroupSelector table th
{
    border-bottom: solid 1px #006fb7;
}

/* Reset margins and paddings to 0 for lists and list elements. */
ol, ul, li
{
    padding: 0px;
    margin: 0px;
    list-style: none;
}

li.bulletlist
{
    list-style: circle;
    margin-left: 20px;
}

div.header img
{
    margin-right: 3px;
    float: right;
}

img
{
    border: 0;
}

body {
    font-family: "Segoe ui", "Trebuchet MS", sans-serif;
    background-color: #e0e0e0;
    color: black;
}

a
{
    text-decoration: underline;
}

a.currentAction
{
    text-decoration: none;
    color: #000000;
}

div.page
{
    width: 950px;
    margin: 8px auto 0 auto;
    border: 1px solid #89b0d9;
    padding-top: 12px;
    background-color: #fff;
    -moz-border-radius: 15px 15px 0 0;
    -webkit-border-radius: 15px 15px 0 0;
    border-radius: 15px 15px 0 0;
}

div.top
{
    background-color: #fff;
    overflow: hidden;
    position: relative;
    padding-right: 5px;
}

div.header
{
    width: 100%;
    min-height: 75px;
    float: right;
    overflow: hidden;
}

/*** Resize fonts ***/
div #textSize
{
    position: absolute;
    margin-left: 5px;
}

div.accessibilityTools
{
    margin-left: 10px;
    margin-bottom: 25px;
}

div.banner
{
    float: left;
    margin-left: 10px;
    margin-top: 0px;
    margin-bottom: 0px;
}

/*** logged in user box ***/
div.login
{
    float: right;
    margin-left: 10px;
    font-size: 70%;
    padding: 4px 7px;
    margin-bottom: 25px;
}

div.inline
{
    white-space: nowrap;
}

div.login span.logoff
{
    float: right;
    display: inline;
    margin-right: 0.5em;
    margin-bottom: 0.7em;
    padding-top: 8px;
    padding-left: 8px;
    font-size: 125%;
}

/*** Start of menu ***/
div.menu
{
    background-color: #fff;
    overflow: hidden;
    float: right;
    width: 100%;
}

div.menu ul
{
    list-style-type: none;
}

div.menu a, ul.submenu a
{
    text-decoration: none;
}

div.menu li
{
    display: inline;
    padding-left: 1.5em;
    margin: 0em;
}

/*** topmenu ***/
div.menu div.topmenu
{
    background-color: #fff;
}

a:active
{
    outline: none;
}


div.menu ul.topmenu
{
    background-color: #fff;
    color: #fff;
    float: right;
}

div.menu .topmenu li
{
    padding-left: 5px;
    padding-right: 5px;
    margin-left: 5px; 
}

/*** submenu ***/
ul.submenu
{
    clear: both;
    overflow: hidden;
}

ul.submenu li
{
    padding: 0em 0.6em;
    display: inline;
}

li.submenuselected
{
    background-color: #fff;
}

ul.submenu li.submenuselectedsingle
{
}
/*** end of menu(s) ***/


div.wrap
{
    background-color: #fff;
    min-height: 750px;
    margin-top: 20px;
}

div.maincontents
{
    float: left;
    width: 68%;
    padding-left: 2.5%;
    padding-right: 2%; /* maincontents will always get a border in Chrome without this */
    border-style: none;
    text-decoration: none;
    outline: none;
}

h1
{
    font-size: 140%;
}

h2
{
    font-size: 110%;
}

h3
{
    font-size: 100%;
}

.panel h3
{
    margin-bottom: 0;
}

.panel submit
{
    font-size: 100%;
}

div.maincontents div.setting
{
    padding-top: 20px;
}

div.maincontents span.title
{
    font-weight: bold;
}

.html
{
    font-size: 12;
}


div.maincontents input[type="submit"], div.wrap div.maincontents input[type="button"]
{
    margin: 20px 0px 10px 0px;
    padding: 0px 15px;
    font-size: 100%;
}

.SuccessMessage
{
    color: #338800;
}

/*** end of main contents ***/


/*** side contents ***/
div.sidecontents
{
    width: 27.49%;
    float: right;
}

div.sidecontentInput
{
    max-width: 98%;
    overflow: hidden;
}

div.sidecontentInsideFieldset
{
    max-width: 190px;
    overflow: hidden;
    margin-left: 5px;
}


div.sidecontents > div
{
    margin: 0px 8px 8px 8px;
    padding: 6px 6px 6px 10px;
    font-size: 85%;
    line-height: 1.3em;
}

div.sidecontents > div h3
{
    font-size: 100%;
}

div.sidecontents p
{
    margin: 0.4em 0;
}

div.sidecontents li
{
    margin-left: 18px;
}

div.sidecontents img
{
    border: 0;
}

.rightSideInputForm input[type=text], .rightSideInputForm input[type=password]
{
    min-width: 150px;
    max-width: 220px;
    margin-bottom: 1ex;
    font-size: 100%;
}

.rightSideInputForm select
{
    min-width: 155px;
    max-width: 100%;
    margin-bottom: 1ex;
    font-size: 100%;
}

/*** end of side contents ***/


/*** footer ***/
div.footer
{
    background-color: #c7d8ec;
    color: #000000;
    margin-top: 10px;
    padding: 0.5em 2%;
    font-size: 0.82em;
    border-top: solid 1px #89b0d9;
}

div.footer a
{
    color: #000000;
    text-decoration: none;
}

span.field-validation-error
{
    color: #FF0000;
}

div.loginError h1
{
    text-align: center;
}

div.loginError
{
    position: fixed;
    top: 50%;
    left: 50%;
}

#siteAndUnitGroupSelector table a
{
    text-decoration: none;
    color: #000;
}

#siteAndUnitGroupSelector table
{
    width: 100%;
}

#siteAndUnitGroupSelector table tr.alternative
{
    background: #eee;
}



/*** Recurring control ***/
#recurringControl div.mainItem
{
    margin-left: 5ex;
}

#recurringControl div.subItem
{
    display: block;
    overflow: hidden;
    margin-bottom: 40px;
    margin-left: 10px;
}

#recurringControl div.subSubItem
{
    margin-left: 5ex;
    margin-bottom: 1ex;
}

#recurringControl input.textShort
{
    margin: 0em 0.0em;
    width: 2.5em;
    font-size: 100%;
}

div.block
{
    display: block;
    overflow: hidden;
    margin-bottom: 15px;
}

/*** Modal dialog ***/
#modalDialogContainer
{
    height: 200px;
    width: 600px;
    background-color: #c7d8ec;
    color: #000000;
    border-width: 1px;
    border-style: solid;
    border-color: Black;
}

#modalDialogOverlay
{
    background-color: #000;
    cursor: wait;
}

#modalDialogContainer b
{
    position: absolute;
    top: 20px;
    left: 30px;
    color: Black;
    font-size: larger;
}

#modalDialogContainer p
{
    color: Black;
}

#modalDialogContainer span.field-validation-error
{
    position: absolute;
    top: 50px;
    left: 30px;
    color: Black;
}

#modalDialogContainer ul.validation-summary-errors
{
    position: absolute;
    color: Black;
    top: 50px;
    left: 30px;
    margin-right: 30px;
}

input.simplemodal-close
{
    position: absolute;
    bottom: 15px;
    width: 70px;
    left: 265px;
    color: Black;
}

/*** End: Modal dialog ***/

table.resultList
{
    border-collapse: collapse;
    border: 1px solid #006fb7;
    width: 100%;
}

table.resultList input[type="text"], select
{
    font-size: 100%;
}

table.resultList th
{
    text-align: left;
}

table.resultList thead tr
{
    background-color: #006fb7;
    color: #ffffff;
    font-weight: bold;
}

table.resultList td, table.resultList th
{
    padding-right: 5px;
    padding-left: 5px;
}

table.resultList caption
{
    background-color: #c7d8ec;
    color: #000000;
    font-weight: bold;
    border: 1px solid #006fb7;
    padding: 2px 5px;
    text-align: left;
}

td.resultListCellImage
{
    max-width: 15px;
    padding-right: 0px;
}

td.tableListCellDate
{
    max-width: 150px;
    padding-right: 5px;
}

td.tableListCellNames
{
    max-width: 105px;
    word-wrap: break-word;
}

table.resultList tr.odd
{
    background-color: white;
    color: black;
}

table.resultList tr.even
{
    background-color: #dce3ec;
    color: #000000;
}

table.resultListAlignTop td {
    padding-top: 10px;
    padding-bottom: 5px;
    vertical-align: top;
}

span.disabled
{
    color: gray;
}

.twoColumns
{
    float: left;
    width: 48%;
    margin-right: 2%;
    word-wrap: break-word;
}

.threeColumns
{
    float: left;
    width: 31%;
    margin-right: 2%;
    word-wrap: break-word;
}

.twoColumns h3, .threeColumns h3
{
    margin-top: 0;
}

div.smallList
{
    font-size: smaller;
    table-layout: fixed;
    font-weight: normal;
}

div.panelTypeA
{
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    border-radius: 10px;
    background-color: #c7d8ec;
    color: #000000;
    border: solid 1px #89b0d9;
    padding: 12px 18px;
    margin: 0px 0px 30px 0px;
}

div.panelTypeA h2
{
    margin: 0px 0px 18px 0px;
}

div.panelTypeA h3
{
    font-size: 100%;
    margin: 0px 0px 6px 0px;
}

div.panelTypeA fieldset.etchedFrame
{
    border: none;
    margin: 0px;
    padding: 0px;
}

div.panelTypeA fieldset.etchedFrame > legend
{
    visibility: hidden;
}

div.panelTypeA div.part
{
    margin: 0px 0px 18px 0px;
}

div.panelTypeA div.doublement
{
    display: inline-block;
    width: 49%;
    min-width: 49%;
    margin: 0px 0px 18px 0px;
    vertical-align: top;
}

div.panelTypeA div.triplement
{
    display: inline-block;
    width: 32%;
    min-width: 32%;
    margin: 0px 0px 18px 0px;
    vertical-align: top;
}

div.panelTypeA div.caption
{
    margin: 0px 0px 6px 0px;
    min-height: 0px;
}

div.panelTypeA div.information
{
    margin: 0px 6px 0px 0px;
    word-wrap: break-word;
    width: 100%;
}

div.panelTypeA div.multiformation
{
    margin: 0px 6px 0px 0px;
    display: inline-table;
}

div.errorMessages ul
{
    list-style-position: outside;
    margin-bottom: 18px;
}

div.errorMessages li
{
    color: #ff0000;
    display: list-item;
}

/*** panel ***/
legend.panel {
    color: #FF0000;
}

div.panel
{
    border: solid 1px #89b0d9;
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    border-radius: 10px;
    background-color: #c7d8ec;
    color: #000000;
}

div.maincontents div.panel
{
    padding: 10px 25px;
}

div.sidecontents div.panel
{
    padding-left: 10px;
}

.validation-summary-errors
{
    color: #FF0000;
}

.validation-summary-errors li
{
    list-style-type: disc;
    display: list-item;
    list-style-position: inside;
    display: list-item;
}


.validationSummary, .validationSummary li
{
    color: #FF0000;
    padding-left: 5px;
}

.validationSummary li
{
    list-style-type: disc;
    list-style-position: inside;
    display: list-item;
}

.input-validation-error
{
    background-color: #eebbbb;
}

.inputForm input[type=text], .inputForm input[type=password], .inputForm textarea, .inputForm select
{
    min-width: 50%;
    max-width: 100%;
    margin-bottom: 1ex;
    font-size: 100%;
    
    -ms-box-sizing:border-box;
    -moz-box-sizing:border-box;
    -webkit-box-sizing:border-box;
    box-sizing:border-box;
}

textarea
{
    font-family: inherit;
    font-size: inherit;
}

.inputFormHalf input[type=text], .inputFormHalf input[type=password], .inputFormHalf select
{
    min-width: 80%;
    max-width: 80%;
    margin-bottom: 1ex;
    font-size: 100%;

    -ms-box-sizing:border-box;
    -moz-box-sizing:border-box;
    -webkit-box-sizing:border-box;
    box-sizing:border-box;
}

div.leftCol
{
    float: left;
    width: 50%;
}

div.rightCol
{
    float: right;
    width: 50%;
}

div.standardPanel
{
    position: relative;
    margin-top: 10px;
    padding-top: 20px;
    padding-left: 30px;
    padding-bottom: 35px;
    overflow: hidden;
    width: 95%;
    background-color: #c7d8ec;
    color: #000000;
    border: 1px solid #89b0d9;
}

.siteInput
{
    margin-bottom: 15px;
}

input.siteInput
{
    width: 170px;
}

select.siteInput
{
    width: 174px;
}

a.imageLink
{
    text-decoration: none;
}

h2.breadcrumbsTitle
{
    margin-bottom: 0;
}

h2.sideContents
{
    margin-bottom: 0.2em;
}

ul li.listWithoutMargin, ol li.listWithoutMargin
{
    margin-left: 0px;
}

ul.listWithoutMargin li
{
    margin-left: 0px;
}

/* Used to fix IE7 resize font issue. */
.resizeTextHelper
{
    font-size: 100%;
}

/* Used to fix IE7 resize font issue. */
td.resizeTextHelper select
{
    font-size: 100%;
}

td.resizeTextHelper
{
    word-wrap: break-word;
}

div.panelLeftCol
{
    float: left;
    width: 50%;
    margin-top: 20px;
    width: 250px;
    overflow: hidden;
}

div.panelRightCol
{
    float: right;
    width: 50%;
    margin-top: 20px;
    width: 250px;
    overflow: hidden;
}

th.suppressHeaderStyle
{
    font-weight: normal;
}

.iconLegend div
{
    margin-bottom: 0.3ex;
}

.iconLegend img
{
    vertical-align: text-top;
}

.iconLegend h3
{
    margin-bottom: 0.5ex;
}

.skipNavigation a, .skipNavigation a:hover, .skipNavigation a:visited
{
    position: absolute;
    left: 0px;
    width: 1px;
    height: 1px;
    overflow: hidden;
}

.skipNavigation a:active, .skipNavigation a:focus
{
    position: static;
    width: auto;
    height: auto;
    margin-left: 10px;
    padding: 5px;
    font-size: 70%;
    font-weight: bold;
    color: #000198;
    background-color: #FFFFCC;
    z-index: 999;
}

div.instructions
{
    /* Needed to fix IE issue */
    display: inline-block;
}

div.instructions ul, div.instructions li
{
    margin: inherit;
    list-style: inherit;
}

div.floaterContainer
{
    width: 100%;
    overflow: hidden;
}

div.floaterLeftSide
{
    float: left;
    text-align: left;
    width: 39%;
}

div.floaterRightSide
{
    float: right;
    text-align: right;
    width: 59%;
}

div.rightSideMenuBlock
{
    margin-bottom: 1.5ex;
}

.rounded
{
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    border-radius: 10px;
}

.listTable
{
    border-spacing: 3px;
}

.listTable th
{
    background-color: #006fb6;
    text-align: right;
    color: #fff;
    font-weight: bold;
    padding-right: 5px;
    padding-left: 5px;
    width: 250px;
}

.listTable td
{
    padding-left: 15px;
}

.coloredTextArea
{
    width: 100%;
    height: 150px;
    padding: 0;
    background-color: #dce3ec;
    border: 0;
}

ul.submenu li.SubMenuExtLink a, ul.topmenu li.TopMenuExtLink a, li.SiteMapExtLink a, .NewWindow
{
    background-repeat: no-repeat;
    background-position: right top;
    padding-right: 20px;
}

ul.submenu li.SubMenuExtLink a
{
    background-image: url('/netloan/images/new-window-black.png');
}

ul.submenu li.SubMenuExtLink:hover a
{
    background-image: url('/netloan/images/new-window-black.png');
}

ul.topmenu li.TopMenuExtLink a
{
    background-image: url('/netloan/images/new-window-white.png');
}

ul.topmenu li.TopMenuExtLink:hover a
{
    background-image: url('/netloan/images/new-window-black.png');
}

li.SiteMapExtLink a
{
    background-image: url('/netloan/images/new-window-black.png');
}

.even .NewWindow
{
    background-image: url('/netloan/images/new-window-black.png');
}

.NewWindow
{
    background-image: url('/netloan/images/new-window-black.png');
}

.center
{
    margin: 0 auto;
    margin-left: auto;
    margin-right: auto;
    text-align:center;
}

.nodisplay {
    position: absolute;
    left: -10000px;
    top: auto;
    width: 1px;
    height: 1px;
    overflow: hidden;
}

li.confirmPrintPlusReleaseOptionsJobName {
    padding: 0px 5px;
    margin: 0px 15px 0px 25px;
    list-style-type: decimal;
}

div.wordbreak {
    word-break: break-all;
}


.printPlusReleaseOptionsDropDownControlSpacing {
    padding-top: 1px;
    padding-bottom: 1px;
    border-width: 2px;
    margin-bottom: 8.297px;
}

.printPlusReleaseOptionsTextControlSpacing {
    padding-top: 2.6px;
    padding-bottom: 2.6px;
    padding-left: 1px;
    padding-right: 1px;
    margin-bottom: 8.297px;
}

label.userSuspensionDescriptionText {
    font-size: 85%;
    line-height: 1.3em;
}

fieldset.userSuspensionBigPadding
{
    padding: 15px 15px 15px 15px;
}

h2.userSuspensionSmallBottomMargin
{
    margin-bottom: 1px;
}

div.error {
    overflow-wrap: break-word;
    font-size: 75%;
}

.lolight {
    color: #505050;
    font-size: 90%
}

.showOnMobile {
    display: none !important
}

.logonContainer {
    display: flex;
    align-items: center;
}

.logonContainer span {
    word-break: break-all;
}

.logonContainer a {
    flex-shrink: 0;
}

div.preserveWhitespace {
    white-space: pre-line;
}

div.collapsibleInstructionPadding {
    padding-right: 10px;
}