@charset 'UTF-8';
@font-face {
    font-family: 'rubikbold';
    src: url('/fonts/rubik-bold-webfont.eot');
    src: url('/fonts/rubik-bold-webfont.eot?#iefix') format('embedded-opentype'),
         url('/fonts/rubik-bold-webfont.woff') format('woff'),
         url('/fonts/rubik-bold-webfont.ttf') format('truetype'),
         url('/fonts/rubik-bold-webfont.svg#webfont') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'rubikreg';
    src: url('/fonts/rubik-regular-webfont.eot');
    src: url('/fonts/rubik-regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('/fonts/rubik-regular-webfont.woff') format('woff'),
         url('/fonts/rubik-regular-webfont.ttf') format('truetype'),
         url('/fonts/rubik-regular-webfont.svg#webfont') format('svg');
    font-weight: normal;
    font-style: normal;
}

* {
    font-family : 'rubikreg';
}

html,
body {
    height: 100%;
    margin: 0;
    font-family : 'rubikreg';
}

hr {
    width  : 80px;
    margin : 20px auto 30px;
}

#RegisterPanel hr {
    margin : 10px auto 14px;
}

#comply-inputEl {
    min-height : 2px;
}

hr.greenBorder {
    border : 0.5px solid #24b365;
}

hr.limeBorder {
    border : 0.5px solid #bbd639;
}

.fright {
    float : right;
}

.fleft {
    float : left;
}

.box {
    display: flex;
    flex-flow: column;
    height: 100%;
}

.box .row {
    border: 1px dotted grey;
}

.box .row.header {
    flex             : 0 1 auto;
    height           : 67px;
    width            : 100%;
    background-color : #037ac3;
    color            : #fff;
    border           : 0 none;   
    /* The above is shorthand for:
    flex-grow: 0,
    flex-shrink: 1,
    flex-basis: auto
    */
}

.box .row.content {
    flex                        : 1 1 auto;
    background-position         : 25% 50%;
    /* REMOVE this override to css (background-size 
    *  is normally set to "cover") if repeat is stopped
    *
    background-size             : cover;
    background-repeat           : no-repeat;
    *
    */
    background-size             : cover;
    background-repeat           : no-repeat;
    -webkit-backface-visibility : hidden;
    -moz-backface-visibility    : hidden;
    -o-backface-visibility      : hidden;
    -ms-backface-visibility     : hidden;
    backface-visibility         : hidden;
    background-color            : transparent;
    overflow                    : auto;
    border                      : 0 none;   
}

.box .row.content.perfectcenter {
    background-position         : 50% 50%;
}

.box .row.footer {
    -webkit-flex     : 0 2 auto;
    -moz-flex        : 0 2 auto;
    -o-flex          : 0 2 auto;
    -ms-flex         : 0 2 auto;
    flex             : 0 2 auto;
    background-color : #003966;
    color            : #fff;
    border           : 0 none;   
}

#footerLinks {
    margin           : 0 auto;
    max-width        : 1200px;
    height           : 50px;
    font-size        : 12px;
}

.box .row.footer a,
.box .row.footer a:link,
.box .row.footer a:visited,
.box .row.footer a:active {
    color            : #fff;
    text-decoration  : none;
}

.box .row.footer a:hover {
    text-decoration  : underline;
}

.box .row.footer p {
    padding : 14px 0px 14px 40px
}

.box .row.footer p b {
    color : #0272b6;
}

.header {
    height          : 50px;
    width           : 100%;
    background-color: #000;
}

#headBar {
    padding : 10px;
    height  : 48px;
}

#headLogo {
    width   : 20%;
    padding : 0px 0px 0px 2%;
    float   : left;
}


#topRightBlock {
    float : right;
}

#loginOpt {
    width : 105px;
}


#logButton2 {
    -webkit-border-radius : 10px 10px 10px 10px;
    -moz-border-radius    : 10px 10px 10px 10px;
    -o-border-radius      : 10px 10px 10px 10px;
    -ms-border-radius     : 10px 10px 10px 10px;
    border-radius         : 10px 10px 10px 10px;
    border : 1px solid #fff;
}

#loginHTMLContent {
    padding-bottom : 23px;
    margin         : auto;
    /*height         : 380px;*/
    height         : 220px;
    width          : 386px;
    min-width      : 386px;
    position       : absolute;
    left           : 0px;
    right          : 0px;
    top            : 0px;
    bottom         : 0px;
    z-index        : 3;
    text-align     : center;
}

.loginContentWrap {
    font-size : 18px;
    color     : #ffffff;
}

.flashlink {
    color           : #ffffff;
    text-decoration : none;
    font-size       : 14px;
}

#loginHTMLContent img {
    width   : 16rem;
    padding : 10px 30px;
}

#loginHTMLContent h3 {
    margin      : 0px;/*20px*/
}

h3.georgiaWhite26 {
    font-size   : 25px;
    color       : #ffffff;
    font-family : georgia, serif;
}

.font26 {
    font-size : 26px;
}

#loginHTMLContent p {
    margin      : 20px;
}

p.arialWhite14 {
    font-size   : 14px;
    font-family : arial, helvetica, sans-serif;
    color       : #ffffff;
}

#menuSpace {
    width  : 58%;
    height : 100%;
}

#pageTitle {
    width     : 114px;
    font-size : 18px;
    padding   : 10px 10px 10px 0;
}

#message {
    color            : #ffff00;
    background-color : #rgba(0,0,0,0);
    opacity          : 1.0;
    padding          : 0px;
    font-size        : 14px;
    position         : absolute;
    top              : 294px;
    right            : 90px;
    height           : 30px;
}

#message img {
    width : 28px;
}

a.linkButton,
input.linkButton {
    font-size        : 20px;
}

#ux-extbox-container {
    margin   : 20px;
    position : relative;
}

#ux-extbox-content {
    padding-top: 38px;
    padding-bottom: 0px;
}

#ux-extbox-navClose {
    background: transparent url(../images/Closebutton.png) center center no-repeat;
    position: absolute;
    right: 0px;
    top: 0;
    cursor: pointer;
    height: 30px;
    width: 30px;
    text-indent: -9999px;
    z-index: 10001;
}

#ux-extbox-info {
    position: absolute;
    width: 100%;
    height: 30px;
    top: 0;
    left: 0;
    padding: 4px 0;
    color: #666;
    background-color: #fff;
    font-size: 11px;
    line-height: 14px;
}

@media screen and (max-width: 400px) { 
    #pageTitle {
        display    : none; 
        visibility : hidden;
    }
    
    #loginHTMLContent {
        width     : 320px;
        min-width : 320px;
        height    : 380px;
    }
    
    #message .info_block {
        left: 30px;
    }
}

@media screen and (max-height: 360px) {
    #loginHTMLContent hr,
    /*#loginHTMLContent div,*/
    /*#loginHTMLContent p, */
    #loginHTMLContent img {
        display    : none; 
        visibility : hidden;
    }

    #loginHTMLContent {
        height: 130px;
    }

    #loginHTMLContent h3 {
        margin : 0px;
    }
    
    #message {
        top : 66px;
    }
}

/*@media screen and (max-width: 660px) { 
    #loginHTMLContent {
        padding-bottom : 0px;
        margin         : auto;
        max-height     : 29vmax;
        max-width      : 34vmax;
        min-width      : 232px;
        z-index        : 3;
        text-align     : center;
    }
    
    #loginHTMLContent .flashlink {
        color           : #ffffff;
        text-decoration : none;
        font-size       : 14px;
    }

    #loginHTMLContent .flashlink p {
        display    : none;
        visibility : hidden;
    }

    #loginHTMLContent h3 {
        font-family : 'rubikbold';
        font-size   : 18px;
        color       : #ffffff;
        margin-top  : 0px;
    }

    #menuSpace {
        width  : 42%;
        height : 100%;
    }

    #pageTitle {
        width     : 22%;
        font-size : 10px;
        padding   : 4px 0px;
    }
    
    a.linkButton,
    input.linkButton {
        font-size        : 14px;
    }
}*/

a.linkButton,
input.linkButton {
    display          : block;
    line-height      : 22px;
    height           : 38px;
    width            : 120px;/*360px;*/
    min-width        : 80px;
    text-align       : center;
    color            : #fff;
    background-color : transparent;
    text-decoration  : none;
    cursor           : pointer;
    margin           : 0 auto;
    behavior: url(/PIE.htc);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#0073B8),  color-stop(100%,#027fc5));/* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, #0073B8 0%, #027fc5 100%);/*Chrome10+,Safari5.1+ */
    background: -moz-linear-gradient(#0073B8, #027fc5);/* FF3.6+ */
    background: -ms-linear-gradient(#0073B8, #027fc5);/* IE10+ */
    background: -o-linear-gradient(#0073B8, #027fc5);/* Opera 11.10+ */
    background: linear-gradient(to bottom, #0073B8 0%, #027fc5 100%);/* W3C */
    -pie-background: linear-gradient(#0073B8 0%, #027fc5 100%);
    -webkit-border-radius : 10px 10px 10px 10px;
    -moz-border-radius    : 10px 10px 10px 10px;
    -o-border-radius      : 10px 10px 10px 10px;
    -ms-border-radius     : 10px 10px 10px 10px;
    border-radius         : 10px 10px 10px 10px;
    border                : 0px none;
}

a.linkButton:hover,
input.linkButton:hover {
    color           : #ededed; /* Fallback for older browsers */
    cursor          : pointer;
    behavior        : url(/PIE.htc);
    background      : -webkit-gradient(linear, left top, left bottom, color-stop(0%,#027fc5),  color-stop(100%,#0073B8));/* Chrome,Safari4+ */
    background      : -webkit-linear-gradient(top, #027fc5 0%, #0073B8 100%);/*Chrome10+,Safari5.1+ */
    background      : -moz-linear-gradient(#027fc5, #0073B8);/* FF3.6+ */
    background      : -ms-linear-gradient(#027fc5, #0073B8);/* IE10+ */
    background      : -o-linear-gradient(#027fc5, #0073B8);/* Opera 11.10+ */
    background      : linear-gradient(to bottom, #027fc5 0%, #0073B8 100%);/* W3C */
    -pie-background : linear-gradient(#027fc5 0%, #0073B8 100%);
}

#logButton .flashlink {
    color : #000000;
}

a.loginButton,
input.loginButton {
    behavior: url(/PIE.htc);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#d8d8d8),  color-stop(100%,#ffffff));/* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, #d8d8d8 0%, #ffffff 100%);/*Chrome10+,Safari5.1+ */
    background: -moz-linear-gradient(#d8d8d8, #ffffff);/* FF3.6+ */
    background: -ms-linear-gradient(#d8d8d8, #ffffff);/* IE10+ */
    background: -o-linear-gradient(#d8d8d8, #ffffff);/* Opera 11.10+ */
    background: linear-gradient(to bottom, #d8d8d8 0%, #ffffff 100%);/* W3C */
}

a.loginButton:hover,
input.loginButton:hover {
    behavior: url(/PIE.htc);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff),  color-stop(100%,#d8d8d8));/* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, #ffffff 0%, #d8d8d8 100%);/*Chrome10+,Safari5.1+ */
    background: -moz-linear-gradient(#ffffff, #d8d8d8);/* FF3.6+ */
    background: -ms-linear-gradient(#ffffff, #d8d8d8);/* IE10+ */
    background: -o-linear-gradient(#ffffff, #d8d8d8);/* Opera 11.10+ */
    background: linear-gradient(to bottom, #ffffff 0%, #d8d8d8 100%);/* W3C */
}

#logButton2 a.linkButton,
#logButton2 input.linkButton {
    width : 80px
}