body
{
    background-color: rgb(233, 234, 220);
    margin: 0;
}

.loginDivHeader
{
    text-align: center;
    font-family: Segoe UI;
    font-size: 12px;
    color: #666666;
    cursor: pointer;
    background-color: white;
    padding: 10px 20px 10px 20px;
}

    .loginDivHeader > span
    {
        font-weight: bold;
        color: #1e6c6c;
    }

.loginVerticalAlign
{
    position: relative;
    width: 100%;
    top: 20%;
}

.loginMainBox
{
    background-color: white;
    padding: 40px;
    width: 450px;
    text-align: center;
    margin: auto;
    position: relative;
    border: 1px solid #cccccc;
    -moz-box-shadow: 3px 3px 3px #bcbcbc;
    -webkit-box-shadow: 3px 3px 3px #bcbcbc;
    box-shadow: 3px 3px 3px #bcbcbc;
}

    .loginMainBox > img
    {
        padding-bottom: 45px;
    }

    .loginMainBox > table
    {
        margin: auto;
        text-align: left;
        border-collapse: collapse;
        width: 100%;
    }

.loginTableBorder > input
{
    outline: none;
    border: 0px solid white;
    /*thanks iOS...*/
    padding: 0;
}

.loginMainBox > table > tbody > tr > td
{
    padding: 10px 5px 5px 5px;
}

.loginTableBorder
{
    border-bottom: 2px solid gray;
}

.loginForgotPasswordLink
{
    color: #156ba1;
    cursor: pointer;
}

.loginButton
{
    background-color: #136c6a;
    color: white;
    /*http://demo.dsheiko.com/ccss/*/
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -ms-border-radius: 5px;
    -o-border-radius: 5px;
    border-radius: 5px;
    padding: 8px;
    outline: none;
    border: 0;
    cursor: pointer;
    font-size: large;
    max-width: 350px;
}

#reloadPasswordContainer
{
    display: none;
    width: 400px;
    background-color: white;
    z-index: 10;
    position: fixed;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    border: 2px solid black;
    text-align: center;
}

#accessKeyInputContainer {
    display: none;
    z-index: 10;
}

#contactUsContainer
{
    display: none;
    width: 700px;
    background-color: white;
    z-index: 10;
    position: fixed;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    border: 1px solid #777777;
    text-align: left;
    -moz-border-radius: 5px;
    box-shadow: 1px 2px 5px 2px #383838;
    -moz-box-shadow: 1px 2px 5px 2px #383838;
    -webkit-box-shadow: 1px 2px 5px 2px #383838;
}

    #contactUsContainer > div > div
    {
        font-size: x-large;
        padding: 30px 0 0 30px;
        text-align: left;
    }

.contactUsTable
{
    text-align: left;
    margin: auto;
    padding: 30px 30px 30px 30px;
    width: 100%;
}

    .contactUsTable > tbody > tr > th
    {
        font-size: large;
        color: gray;
        font-weight: normal;
        padding-bottom: 5px;
        font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
    }

    .contactUsTable > tbody > tr > td
    {
        padding-top: 10px;
        padding-bottom: 10px;
    }

.closeButton
{
    cursor: pointer;
    padding: 5px;
    position: absolute;
    top: 0;
    right: 0;
}

.termLinks:link
{
    color: white;
}

.termLinks:visited
{
    color: white;
}

.registerPanel {
    z-index: 10;
    width: 400px;
    height: 400px;
    background-color: white;
    position: fixed;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    border: 2px solid black;
    text-align: center;
    font-family: Segoe UI;
    -moz-box-shadow: 3px 9px 9px #919191;
    -webkit-box-shadow: 3px 9px 9px #919191;
    box-shadow: 3px 9px 9px #919191;
}

.registerRequired {
    position: absolute;
    left: 160px;
    font-size: 16px;
    color: red;
}

.registerRequiredMark {
    position: absolute;
    left: 180px;
    font-size: 16px;
    color: red;
}

.registerMarkLabel {
    position: absolute;
    left: 200px;
    font-size: 12px;
    width: 120px;
    height: 20px;
    font-style: italic;
}

.paymentTitle {
    position: absolute;
    left: 20px;
    font-size: 14px;
}

.registerTitle {
    position: absolute;
    left: 20px;
    top: 5px;
    font-size: 14px;
}

.registerTitle2 {
    position: absolute;
    left: 20px;
    top: 25px;
    font-size: 11px;
    color: #777777;
}

.registerLabel {
    position: absolute;
    left: 20px;
    font-size: 12px;
    width: 135px;
    height: 20px;
    text-align: right;
    color: #777777;
}

.registerInput {
    position: absolute;
    left: 170px;
    width: 160px;
}

.registerKey {
    width: 80px;
}

.registerFirstName {
}

.registerLine0 {
    top: 45px;
}

.registerLine1 {
    top: 45px;
}

.registerLine2 {
    top: 65px;
}

.registerLine3 {
    top: 85px;
}

.registerLine4 {
    top: 105px;
}

.registerLine5 {
    top: 125px;
}

.registerLine6 {
    top: 145px;
}

.registerLine7 {
    top: 165px;
}

.registerLine8 {
    top: 185px;
}

.registerLine9 {
    top: 205px;
}

.registerLine10 {
    top: 225px;
}

.registerLine11 {
    top: 245px;
}

.registerLine12 {
    top: 265px;
}

.registerLine13 {
    top: 285px;
}

.registerLine14 {
    top: 305px;
}

.registerLine15 {
    top: 325px;
}

.registerLine16 {
    top: 345px;
}

.registerLine17 {
    top: 365px;
}

.registerLine18 {
    top: 385px;
}

.registerLine19 {
    top: 405px;
}

.registerLine20 {
    top: 425px;
}

.registerLine21 {
    top: 445px;
}

.registerLine22 {
    top: 465px;
}

.registerLine23 {
    top: 485px;
}

.registerLine24 {
    top: 505px;
}

.registerLine25 {
    top: 525px;
}

.registerLine26 {
    top: 545px;
}

.registerLine27 {
    top: 565px;
}

.registerLine28 {
    top: 585px;
}

.registerLine29 {
    top: 605px;
}

.registerLine30 {
    top: 625px;
}

.registerTeamsOfUse {
    position: absolute;
    left: 250px;
}

.registerLabelTermsOfUse {
    position: absolute;
    left: 10px;
    width: 240px;
}

.billdingAddressCheckbox {
    position: absolute;
    left: 200px;
}

.billdingAddressCheckboxLabel {
    width: 200px;
    position: absolute;
    left: 0px;
    font-size: 12px;
    height: 20px;
    text-align: right;
    color: #777777;
}

.registerPayment {
    text-align: right;
    font-size: 12px;
}

.registerButton {
    height: 20px;
    color: white;
    border: 1px solid #777777;
    font-family: Arial;
    font-size: 12px;
    background-color: #317f7f;
    -moz-border-radius: 0px 9px 9px 9px 0px;
    -webkit-border-radius: 9px 9px 9px 9px;
    border-radius: 9px 9px 9px 9px;
}

.registerButtonOK {
    position: absolute;
    left: 280px;
    top: 360px;
    width: 100px;
}

.registerButtonCancel {
    position: absolute;
    left: 190px;
    top: 360px;
    width: 70px;
}

.paymentExpireMonth {
    width: 80px;
}

.paymentMoYearSlash {
    position: absolute;
    left: 257px;
}

.paymentExpireYear {
    width: 60px;
    position: absolute;
    left: 270px;
}

.paymentCode {
    width: 60px;
}

.paymentCCImage {
    position: absolute;
    left: 180px;
    top: 300px;
}