body {
    font-family: Arial, Helvetica, Sans serif;
    font-size:10pt;
    font-weight: bold;
}

.normalParagraph {
    font-weight: normal;
}

a {
    text-decoration: none;
    color: #00aeef;
}

a img {
    border-style: none;
}

h1 {
    color: #00aeef;
    font-size:18pt;
    font-weight:bold;
}

h2 {
    color: #555;
    font-size:10pt;
    font-weight:bold;
}

h3 {
    font-size:12pt;
    width:100%;
    text-align:center;
    color: #d80b8c;
}

.error {
    color: #d80b8c;
    font-size:14pt;
    font-weight:bold;
}

#mainDiv {
    width: 800px;
    margin-left: auto;
    margin-right: auto;
    margin-top:20px;
    background-color:white;
    z-index: -1000px;
    overflow-y:auto;
    overflow-x:hidden;
}

#instLinks {
    width:100%;
    text-align:right;
    font-size:10pt;
    color: #a0a0a0;
}

#instLinks a {
    color: #a0a0a0;
}

#logoLine {
    margin-bottom:10px;
    height:55px;
    background-image: url('/graphics/headers/sinaicentral_header.png');
    background-repeat:no-repeat;
    vertical-align:bottom;
}

#SinaiCentralTxt {
    vertical-align:bottom;
    color: #999;
    font-size:18pt;
    font-weight:bold;
    padding-top:28px;
    padding-bottom:5px;
    width:100%;
    text-align:center;
    z-index: -1000;
}

#middleBarId {
    width:100%;
    border-top:#eee 1px solid;
    border-bottom:#eee 1px solid;
    height:30px;
}

#headerId {
    height:75px;
}


.labelDiv {
    width:300px;
    text-align:right;
    padding-right:10px;
    float:left;
    marging-bottom:10px;
}

.fieldDiv {
    text-align:left;
    float:left;
}

.breakDiv {
    clear: both;
}


.header {
    font-weight: bold;
}


.links {
    margin-bottom:30px;
    margin-left:0px;
    list-style-type: none;

}

.links li {
    margin-top:10px;
    margin-bottom:10px;
}

.items {
    margin-bottom:15px;
    margin-left:0px;
    list-style-type: bullet;
}

.items li {
    margin-top:10px;
    margin-bottom:10px;
}

.mainLink {
    margin-top:20px;
    margin-bottom:30px;
    font-size:12pt;
    font-weight:bold;
}

#backButtonDivId {
    margin-top:30px;
    float:right;
}


#kioskModeId {
    float:left;
    vertical-align:top;
    width:350px;
}

#kioskModeId p {
    padding-left:20px;
}

#kioskModeId ul {
    margin-top:5px;
    padding-left:60px;
}

#kioskModeId li {
    margin-top:0px;
    margin-bottom:0px;
}

#capsAlert {
    display: none;
    color: #660000;
    vertical-align: middle;
    padding-left: 10px;
    margin-top: -5px;
}


.separatorHR {
    clear:both;
    color:#e0e0e0;
    height:1px;
}

.separatorHR1 {
    clear:both;
    color: white;
    border:0;
    border-top: 1px solid #e0e0ff;
    margin: 1em 0;
    padding: 0px;
    height:1px;
}


#sinaiCentralButton {
    height:100px;
    vertical-align:bottom;
    padding-top:30px;
}

#homePageSpanId {
    display:none;
}

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

#footer {
    text-align: right;
    width: 100%;
    margin-top:50px;
    color: #999;
}

.loginBar {
    height:40px;
    color: #00aeef;
    padding-left: 22px;
    font-weight: bold;
    padding-top:5px;
    font-size:14pt;
}

.blueButton {
    background-color: #00aeef;
    background-image: -webkit-gradient(
            linear,
            left top,
            left bottom,
            color-stop(0, #8DD3DA),
            color-stop(0.7, #00AFEF)
    );
    background-image: -o-linear-gradient(bottom, #8DD3DA 0%, #00AFEF 70%);
    background-image: -moz-linear-gradient(bottom, #8DD3DA 0%, #00AFEF 70%);
    background-image: -webkit-linear-gradient(bottom, #8DD3DA 0%, #00AFEF 70%);
    background-image: -ms-linear-gradient(bottom, #8DD3DA 0%, #00AFEF 70%);
    background-image: linear-gradient(to bottom, #8DD3DA 0%, #00AFEF 70%);
    -moz-border-radius: 7px;
    -webkit-border-radius: 7px;
    border-radius:7px;
    color: #fff;
    font-size: 12pt;
    font-weight:bold;
    text-decoration: none;
    padding-top:1px;
    padding-bottom:2px;
    padding-left:8px;
    padding-right:8px;
    cursor: pointer;
    border:none;
    text-shadow: 1px 1px 1px #999;
    box-shadow: 3px 3px 5px #999;
}

.buttonTextColor {
    color: #00aeef;
}

.blueButton:hover .buttonTextColor {
    color: #006489;
}

.greyButton {
    background-color: #555;
    background-image: -webkit-gradient(
            linear,
            left top,
            left bottom,
            color-stop(0, #F7F7F7),
            color-stop(0.84, #6B6B6B)
    );
    background-image: -o-linear-gradient(bottom, #F7F7F7 0%, #6B6B6B 84%);
    background-image: -moz-linear-gradient(bottom, #F7F7F7 0%, #6B6B6B 84%);
    background-image: -webkit-linear-gradient(bottom, #F7F7F7 0%, #6B6B6B 84%);
    background-image: -ms-linear-gradient(bottom, #F7F7F7 0%, #6B6B6B 84%);
    background-image: linear-gradient(to bottom, #F7F7F7 0%, #6B6B6B 84%);

    -moz-border-radius: 7px;
    -webkit-border-radius: 7px;
    border-radius:7px;
    padding-top:1px;
    padding-bottom:2px;
    padding-left:8px;
    padding-right:8px;

    color: #fff;
    font-size: 12pt;
    font-weight:bold;
    text-decoration: none;
    cursor: pointer;
    border:none;
}

.whiteButton {
    background-color:#ffffff;
    background-image: -webkit-gradient(
            linear,
            left top,
            left bottom,
            color-stop(0, #FFFFFF),
            color-stop(0.81, #E0E0E0)
    );
    background-image: -o-linear-gradient(bottom, #FFFFFF 0%, #F0F0F0 60%);
    background-image: -moz-linear-gradient(bottom, #FFFFFF 0%, #F0F0F0 60%);
    background-image: -webkit-linear-gradient(bottom, #FFFFFF 0%, #F0F0F0 60%);
    background-image: -ms-linear-gradient(bottom, #FFFFFF 0%, #F0F0F0 60%);
    background-image: linear-gradient(to bottom, #FFFFFF 0%, #F0F0F0 60%);
    
    -moz-border-radius: 7px;
    -webkit-border-radius: 7px;
    border-radius:7px;
    color: #555;
    padding-top:1px;
    padding-bottom:2px;
    padding-left:8px;
    padding-right:8px;

    font-size: 12pt;
    font-weight:normal
    text-decoration: none;
    cursor: pointer;
    border:none;
    text-shadow: 1px 1px 2px #white;
    box-shadow: 3px 3px 5px #999;
}

.whiteButton:hover {
   color: #333;
   box-shadow: 3px 3px 5px #555;
   background-image: -o-linear-gradient(bottom, #FFFFFF 0%, #E0E0E0 81%);
   background-image: -moz-linear-gradient(bottom, #FFFFFF 0%, #E0E0E0 81%);
   background-image: -webkit-linear-gradient(bottom, #FFFFFF 0%, #E0E0E0 81%);
   background-image: -ms-linear-gradient(bottom, #FFFFFF 0%, #E0E0E0 81%);
   background-image: linear-gradient(to bottom, #FFFFFF 0%, #E0E0E0 81%);
   
}

.whiteTextColor {
   color: #f0f0f0;
}

#newToSCId {
    float:right;
}

#loginContainer {
    margin-top:10px;
    margin-bottom:0px;
    background-image:url("/graphics/newBackGround.png");
    background-repeat:no-repeat;
    height:220px;
    border:1px solid #888;
    position: relative;
}

#messageBar {
    margin-top: 12px;
    height: 21px; vertical-align: middle; line-height: 21px; padding-left: 20px; /*; background-color: #00aeef*/
}

#warnContainer {
    padding: 2px 0 2px 20px;
}

.warnContainerActive {
    border: 1px solid #888;
    background-color: #fcc4e7;
    display: block;
    margin-top: 3px;
}

.legacyBrowserWarning {
    border: 1px solid #888;
    background-color: #fcc4e7;
    display: none;
    margin-top:5px;
    padding: 3px;
}


#lockoutContainer {
    display: none;
}
#lockoutMessage{
    padding-left: 23px;
    width: 400px;
    color: #5C0000;
}

.supportDiv {
    display:block;
    clear: both;
    width: 100%;
    margin-left:0px;
    margin-bottom: 10px;
    min-height:55px;

}

#supportDivId {
    float:left;
    margin-left:10px;
    font-weight: normal;
    color: black;
}

#supportDivId a {
    color: black;
}

#usernameLabelId {
    display:block;
    width:200px;
    padding-left:50px;
}

#passwordLabelId {
    display:inline;
    width:200px;
}

.leftColumn {
    float: left;
    margin-left:20px;
    margin-bottom:10px;
    width: 230px;
}

.leftColumnBottom {
    float: left;
    margin-left:20px;
    margin-bottom:10px;
    width: 300px;
}


.rightColumn {
    float:left;
    margin-bottom:10px;
    margin-left:20px;
}

.normalClass {
    font-weight:normal;
}

.normalClass h6 {
    font-size: 10pt;
    margin-left:30px;
    font-weight:normal;
    margin-top:10px;
    margin-bottom:0px;
}

.normalClass button {
    margin-left:20px;
    margin-top:10px;
}

#forgotPasswordLink {
    font-size:8pt;
    padding-top:2px;
    text-decoration:underline;
    color: #d80b8c;
}

#forgotPasswordLink a {
    color: #d80b8c;
}

#loginButtonDivId {
    padding-top:3px;
    width: 400px;
}

.breakColumn {
    clear:both;
}

#activateAccountId {
    float:right;
    color:white;
    margin-right:8%;
    margin-top:-135px;
    margin-left:20px;
    font-size:13pt;
}

#activateAccountId div {
    width:100%;
    margin-bottom:10px;
    text-align:center;
}


#rememberMeCheck {
    float:left;
    padding-top:2px;
    margin-left:-3px;
}

#rememberMeText {
    margin-top: 4px;
    padding-left:25px;
    width:150px;
}

.modalContainer {
    position: absolute;
    display:none;
    top: 0px;
    left: 0px;
    opacity: 0.5;
    -moz-opacity:0.50;
    filter: alpha(opacity=50);
    z-index: 20;
    height:100%;
    width: 100%;
    background-color: black;

    }

.modalInput {
    position:absolute;
    top: 50%;
    left: 50%;
    background-color: white;
    border: 1px solid black;
    display:none;
    z-index: 30;
    box-shadow: 10px 10px 5px #444;
}

#errorMSGId {
    width:300px;

}

#errorTitleBarId {
    background-color:#fcc4e7;
    border-bottom:1px solid #555;
    padding-top:4px;
    padding-bottom:4px;
    width:100%;
}

#errorTitleBarId span {
    margin-left:10px;
}

#errorContentId {
    padding-top:6px;
    padding-bottom:6px;
    padding-left:10px;
    padding-light:10px;
}

#errorFooterBarId {
    background-color:#f0f0f0;
    border-top:1px solid #555;
    padding-top:4px;
    padding-bottom:4px;
    width:100%;
    text-align:center;
}

#helpMSGId {
    width:300px;

}

#helpTitleBarId {
    background-color:#78daff;
    border-bottom:1px solid #555;
    padding-top:4px;
    padding-bottom:4px;
    width:100%;
}

#helpTitleBarId span {
    margin-left:10px;
}

#helpContentId {
    padding-top:6px;
    padding-bottom:6px;
    padding-left:10px;
    padding-light:10px;
}

#helpFooterBarId {
    background-color:#f0f0f0;
    border-top:1px solid #555;
    padding-top:4px;
    padding-bottom:4px;
    width:100%;
    text-align:center;
}


#content {
    clear: both;
    overflow-y: auto;
    overflow-x:hidden;
}

.contactDiv {
    width:345px;
    height:70px;
    padding-top:20px;
    padding-right:0px;
    padding-left:50px;
    float:left;
    font-weight:normal;
}

.contactDiv .header {

}

.dynamicHelpIcon {
    visibility: hidden;
}


@media screen and (max-width:800px) {
    #mainDiv {
        width:100%;
    }

    #loginContainer {
        background-size: 100% 200px;
    }
}

.dynamicHelpIcon {

}

.oneThirdColWide {
    float: left; 
    width: 260px;
    min-height:20px;
    margin-bottom:10px;
    padding-right: 20px;
    font-size: 9pt;
}


.oneThirdCol {
    float: left; 
    width: 210px;
    min-height:20px;
    margin-bottom:10px;
    padding-right: 20px;
    font-size: 9pt;
}

@media screen and (max-width:640px) {
    #mainDiv {
        width:100%;
    }

    #loginContainer {
        background-image:url("");
    }


    #activateAccountId {
        float:left;
        color:black;
        width:100%;
        margin-top:0px;
        margin-left:20px;
        margin-right:auto;
        test-align:left;
    }

    #activateAccountId br {
        margin-bottom:5px;
    }

    .whiteButton {
        border: 1px solid #e0e0e0;
    }

    .labelDiv {
        width:100%;
        text-align:left;
    }

    .fieldDiv {
        width:100%;
    }

    .spacerDiv {
        display: none;
    }

    p {
        margin-left:10px;
    }


    #activateAccountId {
        clear:both;
        margin-left:20px;
        font-size:10pt;
        margin-top:10px;
    }

    #activateAccountId div {
        text-align:left;
    }
}


@media screen and (max-width:480px) {
    #mainDiv {
        width:100%;
        overflow-x:hidden;
    }

    #instLinksNI {
        display:none;
    }

    #wageNoticeId {
        display:block;
        width: 100%;
    }

    #kioskModeId {
        display:block;
        width: 100%;
    }

    .centerClass {
        text-align: left;
    }

    #sinaiCentralButton {
        height:60px;
        vertical-align:bottom;
        padding-top:10px;
    }


    #footer {
        text-align:left;
        font-weight:normal;
        font-size:8pt;
    }


    #logoLine {
        margin-bottom:0px;
        font-size:14pt;
        background-size:129px auto;
        height:30px;
        margin-top:0px;
    }

    #SinaiCentralTxt {
        text-align:left;
        left:0px;
    }
    #headerId {
        height: 45px;
    }


    #backButtonDivId {
        margin-top:10px;
    }



    .leftColumn {
        width: 90%;
        clear: both;
    }

    .rightColumn {
        width: 90%;
        clear: both;
        margin-left:20px;
    }

    #loginContainer {
        height:280px;
    }

    #supportDivId {
        width:90%;
        clear: both;
    }

    .supportDiv {
        margin-left:10px;
    }


    #rememberDivId {
        margin-top:-15px;
    }

    #errorMSGId {
        width:250px;

    }

    #supportDivId {
        padding-left:0px;
        margin-left:20px;
    }

    #SinaiCentralTxt {
        padding-top:32px;
    }
}

    .blueButton:hover {
        border: none;
        background: #006489;
        box-shadow: 3px 3px 5px #555;
        cursor: pointer;
    }


@media screen and (min-width:800px) {

}