body {
    font-family: "Roboto",arial,lucida grande,helvetica,sans-serif;
    font-size: 12pt;
    background-color: #f1f1f1;
}

label {
    font-weight: 400;
    padding-left: 10px;
}

/* Remove the navbar's default margin-bottom and rounded borders */
.navbar {
    margin-bottom: 0;
    border-radius: 0;
}



/* Set height of the grid so .sidenav can be 100% (adjust as needed) */
/* .row.content {
            min-height: 530px; 
        }

        /* Set gray background color and 100% height */
.sidenav {
    background-color: #f1f1f1;
    height: 100%;
}

    .sidenav li {
        line-height: 18px;
        /*margin-left: -15px;
                margin-right: -30px;*/
    }

        .sidenav li a {
            color: black;
            display: block;
            text-decoration: none;
            text-indent: 20px;
        }





        /*90%  #f2f2f2  #e6e6e6  85%    #d9d9d9  83%    #d4d4d4*/
        .sidenav li.active {
            background: #e6e6e6;
            text-decoration: none;
        }


        .sidenav li a:hover {
            color: #FE9706;
            background: #e6e6e6;
            text-decoration: none;
        }

/*
                    .sidenav li a:focus {
                        text-decoration: none;
                        color: #FE9706;
                        background: red;
                  
                    }*/


/*.sidenav li a span:before {
  position: absolute;
  left: 0;
    color: red;

  text-align: center;
  width: 20px;
  line-height: 18px;
}*/






.middlenav {
    padding-top: 20px;
    padding-bottom: 20px;
    padding-left: 40px;
    padding-right: 30px;
    margin-left: auto;
    margin-right: auto;
    background-color: white;
    min-height: 530px;
}



/* Set black background color, white text and some padding */
footer {
    background-color: #555;
    color: white;
    padding: 15px;
}

/* On small screens, set height to 'auto' for sidenav and grid */
@media screen and (max-width: 767px) {
    .sidenav {
        height: auto;
        /*padding: 15px;*/
    }

    /*.row.content {
                height: auto;
            }*/


    .middlenav {
        padding-top: 20px;
        padding-bottom: 20px;
        padding-left: 15px;
        padding-right: 5px;
        height: auto;
        background-color: white;
        min-height: 300px;
    }

    .navbar-toggle, .icon-bar {
        border: 1px solid grey;
    }
}


@keyframes spinner {
    to {
        transform: rotate(360deg);
    }
}

.spinner {
    content: '';
    box-sizing: border-box;
    position: absolute;
    top: 80%;
    left: 50%;
    width: 20px;
    height: 20px;
    margin-top: -10px;
    margin-left: -10px;
    border-radius: 50%;
    border: 2px solid #f6f;
    border-top-color: #0e0;
    border-right-color: #0dd;
    border-bottom-color: #f90;
    animation: spinner .6s linear infinite;
}



.padding0px {
    padding: 0px;
}

.paddingleftright0px {
    padding-left: 0px;
    padding-right: 0px;
}

.padding15px {
    padding: 15px;
}

.padding5px {
    padding: 5px;
}

.paddingtop20bottom10px {
    padding-top: 20px;
    padding-bottom: 10px;
}

.paddingtop0px {
    padding-top: 0px;
}

.paddingtop5px {
    padding-top: 5px;
}


.paddingtop10px {
    padding-top: 10px;
}

.paddingtop20px {
    padding-top: 20px;
}

.paddingleft0px {
    padding-left: 0px;
}

.paddingleft20px {
    padding-left: 20px;
}

.paddingleft30px {
    padding-left: 30px;
}

.paddingright0px {
    padding-right: 0px;
}

.paddingright5px {
    padding-right: 5px;
}

.paddingright10px {
    padding-right: 10px;
}


.paddingbottom30px {
    padding-bottom: 30px;
}





.paddingbottom5px {
    padding-bottom: 5px;
}

.paddLeftRight {
    padding-top: 40px;
    padding-left: 20px;
    padding-right: 20px;
}

.btn-custom {
    /*width:80px*/
}


.font8px {
    font-size: 8pt;
}





.yellowTitle {
    color: #FF9900;
    font-size: 14pt;
    padding-bottom: 5px;
    padding-top: 5px;
}


.stepfont {
    font-size: 8pt;
    padding-left: 100px;
    padding-top: 15px;
}




.yellowFont {
    color: #FF9900;
    padding-bottom: 5px;
    padding-top: 5px;
}

.welcomeFont {
    font-size: 10pt;
    font-weight: bold;
    color: black;
}

.welcomeFont2 {
    font-size: 8pt;
    color: black;
}


.welcomeFont3 {
    font-size: 10pt;
    font-weight: bold;
    color: #FF9900;
}

/*.modal-backdrop {

    display: none;  

}*/

/*.modal
{
    box-shadow: 0 0 10px 2px #a1a1a1;
    border-radius: 5px;
    margin: 0 auto;
    display: none;
    position: absolute;
    background: #c1c1c1;
    padding: 10px;
}

.modalbg
{
    height: 100%;
    width: 100%;
    position: absolute;
    top: 0;
    left: 0;
    background: #000;
    -moz-opacity:.30;
    filter:alpha(opacity=30);
    opacity:.30;
    display: none;
    z-index: 0;
}*/


.modal-static {
    position: fixed;
    top: 50% !important;
    left: 50% !important;
    margin-top: -100px;
    margin-left: -100px;
    overflow: visible !important;
}

    .modal-static,
    .modal-static .modal-dialog,
    .modal-static .modal-content {
        width: 200px;
        height: 200px;
    }

        .modal-static .modal-dialog,
        .modal-static .modal-content {
            padding: 0 !important;
            margin: 0 !important;
        }

            .modal-static .modal-content .icon {
            }



.resultsTableHeader {
    font-weight: 500;
    color: black;
    /*background-color:#FFFAF0;*/
    vertical-align: bottom;
    padding-top: 15px;
}

/*TABLE {font-family: arial; font-size: 8pt; color: #000000; }*/

.banner {
}

.bannerSignUp {
    background-color: BLACK;
}

.backgroundTable {
    border-collapse: collapse;
}

.signup_border {
    border-right: 1px;
    border-right-color: #000000;
}

.outerTable {
    border-style: solid;
    border-width: 1px;
    border-color: BLACK;
}



/*.menuTable { background-color: #FEF7DD; border-collapse: collapse; }

.menuItemHeader { background-color: #FEF7DD; border-style: solid; border-color: #FEF7DD; border-left-width: 1px; border-top-width: 1px; border-bottom-width: 1px;

	border-right-width: 1px; height: 20; }

.menuItemHeaderStyle { font-size: 8pt; font-family: arial; font-weight: 700; color: #000000; }



.menuItem { background-color: #FEF7DD; border-style: solid; border-color:#FEF7DD; border-left-width: 1px; border-top-width: 1px; border-bottom-width: 1px;

		border-right-width: 1px; height: 25; }

.menuItemStyle { font-size: 8pt; font-family: Arial; color: BLACK; text-decoration: underline;}*/



.pageSubHeader {
    font-weight: bold;
    color: BLACK;
    font-size: 10pt;
    text-align: center;
}

.pageHeader {
    font-weight: bold;
    color: BLACK;
    font-size: 11pt;
    text-align: left;
}

.subLabelHeader {
    font-size: 9pt;
    font-style: italic;
    vertical-align: bottom;
    color: "black";
}

.signUpHeader {
    font-weight: bold;
    color: #FFFFFF;
    font-size: 10pt;
}

.signUpSubHeader {
    font-weight: bold;
    color: #FFFFFF;
    font-size: 9pt;
}

.signUpHeaderTable {
    border-style: solid;
    border-width: 1px;
    border-color: BLACK;
}



.returnMessage {
    font-size: 8pt;
    color: RED;
    font-style: italic;
}



.resultsTableRowA {
    font-size: 8pt;
    vertical-align: bottom;
}

.resultsTableRowB {
    font-size: 8pt;
    background-color: #E5E5E5;
    vertical-align: bottom;
}

.subResultsTableRowA {
    font-size: 8pt;
    background-color: #FFFFCC;
    vertical-align: bottom;
}

.subResultsTableRowB {
    font-size: 8pt;
    background-color: #FFFFBB;
    vertical-align: bottom;
}



.resultsFirstStandout {
    color: #FFFF00;
    background-color: #660000;
    vertical-align: bottom;
    font-weight: bold;
}

.resultsSecondStandout {
    color: #FFFF00;
    background-color: #800000;
    vertical-align: bottom;
    font-weight: bold;
}

.highlightRow {
    color: #FFFFFF;
    background-color: BLACK;
    vertical-align: bottom;
    font-weight: bold;
    font-size: 8pt;
}

.requiredField {
    font-size: 9pt;
    font-weight: bold;
    color: RED;
    vertical-align: top;
}

.defaultTable {
    border-style: solid;
    border-width: 1px;
}

.headerTable {
    border-collapse: collapse;
}

.queryTable {
    border-style: solid;
    border-width: 1px;
    border-color: BLACK;
    margin: 10px;
}

.resultsTable {
    border-style: solid;
    border-width: 2px;
    border-color: BLACK;
}

.innerTable {
    border-style: solid;
    border-width: 1px;
    border-color: BLACK;
}



.customHREF {
    color: black;
}



.smallFontRed {
    font-size: 8pt;
    color: RED;
    vertical-align: bottom;
}

.label {
    color: BLACK;
}

.labelEmphasize {
    font-weight: bold;
    text-decoration: none;
    color: BLACK;
}

.textEmphasize {
    font-size: 13;
}

.textSignupSubHeader {
    color: #000000;
    font-size: 10;
}


.countDown {
    font-size: 10pt;
    color: BLACK;
}

.nameAndAccountStrip {
    background-color: #FFFFFF;
    background-position: left top;
}

.bannerLabel {
    font-size: 12px;
    color: #FFFFFF;
}

.tableHeader {
    background-color: #CCCCCC;
    /*font-family: Arial, Helvetica, sans-serif;*/
    font-size: 12px;
    font-weight: bold;
}

.largeFont {
    font-size: x-large;
    color: #000000;
}

.selectedMenuItemStyle {
    font-size: 12px;
    /*font-family: Arial, Helvetica, sans-serif;*/
    font-weight: bold;
    color: BLACK;
}

.resultsTableNew {
    font-size: 12px;
    background-color: #FFF6E5;
    vertical-align: bottom;
    border-bottom-width: thin;
    border-bottom-style: solid;
    border-bottom-color: #CAC9C7;
}

.resultsTableRead {
    font-size: 12px;
    vertical-align: bottom;
    border-bottom-width: thin;
    border-bottom-style: solid;
    border-bottom-color: #CAC9C7;
}



/* ------------------------------------------------------------------------------------------------------------------------------- */
/* ------------------------------------------------------------------------------------------------------------------------------- */
/* -------- New styles added/moved, after July 23, 2007 */
/* -------- New styles added/moved, after July 23, 2007 */
/* -------- New styles added/moved, after July 23, 2007 */
/* ------------------------------------------------------------------------------------------------------------------------------- */
/* ------------------------------------------------------------------------------------------------------------------------------- */


/* CSS for the tooltipboxes */
/* CSS for the tooltipboxes */
.plainAndSimpleHeader {
    font-size: 10px;
    font-weight: bold;
    padding: 5px;
    width: 300px;
    color: ##ffffff;
    background-color: #ffcc99;
    border-top-width: 1px;
    border-right-width: 1px;
    border-left-width: 1px;
    border-top-style: solid;
    border-right-style: solid;
    border-left-style: solid;
    border-top-color: #ff9900;
    border-right-color: #ff9900;
    border-left-color: #ff9900;
}

.plainAndSimpleBody {
    padding: 5px;
    width: 300px;
    color: #333333;
    background-color: #fef7dd;
    border-right-width: 1px;
    border-bottom-width: 1px;
    border-left-width: 1px;
    border-right-style: solid;
    border-bottom-style: solid;
    border-left-style: solid;
    border-right-color: #ff9900;
    border-bottom-color: #ff9900;
    border-left-color: #ff9900;
}
/* END - CSS for the tooltipboxes */
/* END - CSS for the tooltipboxes */





.marginLeft25 {
    margin-left: 25px;
    /*margin-right: 10px;*/
}

.ttip {
    border: 1px solid black;
    font-size: 12px;
    layer-background-color: lightyellow;
    background-color: lightyellow;
}

.style1 {
    color: #FFFFFF;
    /*font-family: Arial, Helvetica, sans-serif;*/
    font-size: x-small;
}

.style3 {
    color: #FF9900;
}

a.redLink:link,
a.redLink:visited,
a.redLink:hover,
a.redLink:active {
    text-decoration: underline;
    font-weight: bold;
    color: #ff0000;
}

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

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

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

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