body {
    font-family:Arial, Helvetica, sans-serif;
    font-size:10pt;
    font-style:normal;
    color:#000000;
    background-color:#e8e8e8;
    background-image: none;
    margin:0px;
    padding:0px;
    text-align:left;
}

.fixedWidthContainer {

}

.fullWidthContainer {

}

.stretchedContainer {
    display:flex;
    flex-flow:column;
    position:fixed;
    left:0px;
    right:0px;
    top:0px;
    bottom:0px;
}

div.fixedWidth {
    width: 944px;
    margin: 0 auto;
    padding-left: 20px;
    padding-right: 20px;
}

.stretched {
    position:relative;
    flex:2;
}

div.uiRow, div.uiContentRow {
    text-align: left;
}

div.uiContentRow {
    background-color:#ffffff;
    min-width:944px;
}

.fixedWidthContainer div.uiContentRow {
    width: 944px;
    margin: 0 auto;
    padding-left: 20px;
    padding-right: 20px;
}

div.uiPageTitle {
    display:inline-block;
    margin-right:30px;
    margin-left:10px;
}

div.fixedWidth div.uiPageTitle {
    margin-left:0px;
}

div.standardPage {
    padding-top:12px;
    padding-bottom:12px;
    min-height:400px;
}

div.uiHead {
    background:#214568;
    min-width:984px;
}

div.uiNav {
    margin-top:8px;
}

div.uiLogo {
    display:inline-block;
    padding:6px 6px 4px 6px;
    margin-right:18px;
}

div.uiHeaderOptions {
    float:right;
    vertical-align:top;
    margin-right:8px;
    margin-top:8px;
    color:#ffffff;
    white-space:nowrap;
}

div.uiMainMenu {
    display:inline-block;
    margin-top:10px;
    vertical-align: top;
    margin-left:12px;
    margin-bottom:6px;
}

div.uiMainMenu a {
    color:white;
    text-decoration: none;
    white-space:nowrap;
    display:inline-block;
    margin-right: 20px;
}

div.uiMainMenu a:hover {
    color: #ffe900;
}

div.uiHeaderOptions a {
    color:white;
    text-decoration: none;
}


div.uiTabNavigation {
    display:inline-block;
}

div.uiFooter {
    border-top: 1px solid grey;
    color:grey;
    font-size:8pt;
    padding-top:3px;
    padding-bottom:12px;
}

.fixedWidthContainer div.uiFooter {
    margin-bottom:20px;
}

.fullWidthContainer div.uiFooter, .stretchedContainer div.uiFooter {
    padding-left:12px;
    padding-right:12px;
}

div.uiFooter a:link, div.uiFooter a:visited {
    color: grey;
    text-decoration: none;
}

div.uiFooter a:hover {
    color: #003366;
}


/*tab styles*/
div.uiTabNavigation li{
    color: #000000;
    display: inline-block;
    margin: 0px 0px 0px 0px;
    position: relative;
    white-space: nowrap;
    font-size: 100%;
    text-align: left;
    }

div.uiTabNavigation li a:hover {
    background:#cccccc;
}

div.uiTabNavigation li.selected a {
    background:#ffffff;
}

div.uiTabNavigation li a {
     color:#000000;
     text-decoration: none;
     padding: 5px 10px;
     display:inline-block;
}

div.uiTabNavigation li.selected a.darkTab {
    background:#214568;
    color:#ffffff;
}

div.uiTabNavigation ul {
    content: "";
    clear: both;
    margin: 0px;
    padding: 0px;
    list-style: none outside none;
    outline: 0 none;
    text-decoration: none;
    text-align: left;
    font-style: normal;
}

div.uiToolbarDivider {
    display:inline-block;
    margin-left:10px;
    margin-right:10px;
    width:1px;
    height:18px;
    vertical-align:middle
}
div.uiToolbarDivider {
    border-left: 1px solid #93A8B5;
}
div.uiToolbarDividerLight {
    border-left: 1px solid #000000;
}

div.uiMoreMenu {
    display: inline-block;
    position: absolute;
    visibility:hidden;
    background-color: #e3eef6;
    color:black;
    font-weight:100;
    padding:6px 10px 6px 10px;
    margin-top:25px;
    margin-left:-122px;
    width:130px;
    z-index:900000009;
}

div.uiLangMenu {
    display: inline-block;
    position: absolute;
    visibility:hidden;
    background-color: #e3eef6;
    color:black;
    font-weight:100;
    padding:6px 10px 6px 10px;
    margin-top:25px;
    margin-left:-92px;
    width:100px;
    z-index:900000009;
}

div.uiMoreMenu a:link, div.uiMoreMenu a:visited, div.uiLangMenu a:link, div.uiLangMenu a:visited  {
    color:#000000;
    text-decoration:none;
}

div.uiMoreMenu a:hover, div.uiLangMenu a:hover {
    color:#237BE0;
    text-decoration:none;
    z-index: 30000;
}

div.uiMoreMenuItem, div.uiLangMenuItem {
    padding-bottom:4px;
}

div.uiMoreMenuSeparator, div.uiLangMenuSeparator{
    height:3px;
    border-bottom: solid 1px #b2c2c9;
    margin-bottom: 6px;
}

input.uiLoginText {
    font-size:8pt;
    width: 70px;
    border: 1px grey solid;
}

div.darkTheme {
    color:#ffffff;
    background-color:#214568;
}

div.whiteTheme {
    color:#000000;
    background-color:#ffffff;
}

div.greyTheme {
    color:#000000;
    background-color:#E8E8E8;
}

div.cciPopup {
    display:none;
    position: absolute;
    z-index: 10002;
    align-items: center;
}

.cciPopup path {
    fill:#ffffff;
}

div.cciPopupContent {
    background:#ffffff;
    flex:1;
    height:100%;
    width:100%;
    padding:6px 8px;
    border-radius:6px;
    color:#000000;
}