/*Colors
Body background-color			#FAFAFA
Link color						#369
feature-box b-c					#4A2;
feature-nav li a b-c			#1E7700;
feature-nav li a b-c hover	    #2d8800;
login-box   b-c					#6AA
login-nav li a b-c				#1E7700
login-nav li a:hover b-c		#2d8800;

*/

/*Basic*/

body {
    background-color: #DBDAD6;
    color: #333;
    font-family: Verdana, Tahoma, Helvetica, sans-serif;
    font-size: 0.8em;
    font-style: normal;
    font-variant: normal;
    font-weight: 400;
    line-height: 1.5em;
}

h1 {
}

h2 {
}

h3 {
}

a {
    text-decoration: none;
    color: #369;
}

    a:hover {
        text-decoration: underline;
    }

    a.white {
        text-decoration: underline;
        color: #FFF;
    }

        a.white:hover {
            text-decoration: none;
        }

    a.red {
        text-decoration: underline;
        color: #F00;
    }

        a.red:hover {
            text-decoration: none;
        }

    a.inv {
        text-decoration: none;
    }

        a.inv:hover {
            text-decoration: underline;
        }

#page-box {
    min-width: 1000px;
    max-width: 1020px;
    margin: 0 auto;
    background-color: #FAFAFA;
    padding-top: 24px;
    padding-bottom: 24px;
    border: 3px solid #CDCCC7;
    -moz-border-radius: 2px;
    -webkit-border-radius: 2px;
    border-radius: 2px;
}

#page {
    width: 990px;
    margin: 0 auto;
}

.content-box {
    float: left;
    width: 100%;
}

.content-green-box {
    background-image: url(../Images/main-green-bg.png);
    background-color: #390;
    margin: 10px 0 0 0;
    width: 950px;
    padding: 20px;
    float: left;
}


    .content-green-box h2 {
        float: left;
        font-size: 40px;
        color: #FFF;
        font-weight: normal;
        margin: 0 125px;
        width: 700px;
        line-height: 60px;
        text-align: center;
        border-bottom: 1px solid #95D780;
    }

    .content-green-box .desc {
        float: left;
        margin: 5px 125px;
        width: 700px;
        font-size: 16px;
        font-weight: bold;
        color: #FFF;
        text-align: center;
    }

    .content-green-box .subdesc {
        float: left;
        margin: 5px 125px;
        width: 700px;
        font-size: 14px;
        color: #FFF;
        text-align: center;
    }

    .content-green-box .content {
        width: 660px;
        float: left;
        margin: 10px 125px;
    }

    .content-green-box .content-form {
        background-color: #FCFCFC;
        padding: 20px;
    }

    .content-green-box h3 {
        font-size: 16px;
        font-weight: bold;
        margin: -5px 0 0 0;
        float: left;
        line-height: 25px;
        padding: 0 0 5px 0;
        width: 100%;
        border-bottom: 1px solid #CCC;
        color: #000;
    }



.h-nav {
    float: left;
    list-style: none;
}

    .h-nav li {
        display: inline-block;
        float: left;
    }

        .h-nav li a {
            display: block;
        }

.last {
    margin-right: 0 !important;
}

.first {
    border-top: none !important;
}

input[type=text], input[type=password] {
    padding: 4px;
    font-size: 14px;
    height: 20px;
    border: 1px solid #DDD;
    float: left;
}

select {
    padding: 4px;
    font-size: 14px;
    border: 1px solid #DDD;
    float: left;
    line-height: 24px;
    height: 30px;
}

input.numbers {
    text-align: right;
}

label {
    font-size: 12px;
    font-weight: bold;
    color: #666;
    float: left;
    line-height: 26px;
}

    label.full {
        width: 100%;
    }

    label.sub {
        color: #999;
    }

    label.half {
        width: 50%;
    }

    label.radio {
        font-weight: normal !important;
        font-size: 14px !important;
        color: #000 !important;
        padding: 2px 6px;
    }

    label.checkbox {
        color: #000;
        font-weight: normal !important;
    }

.show-password {
    color: #369;
    clear: left;
    float: left;
    line-height: 15px;
    font-size: 11px;
    border-bottom: 1px dashed #369;
    display: inline;
    text-decoration: none;
}

    .show-password:hover {
        border-bottom: 1px solid #369;
    }

.show-password-white {
    color: #FFF;
    float: left;
    line-height: 15px;
    font-size: 11px;
    border-bottom: 1px dashed #FFF;
    display: inline;
    text-decoration: none;
}

    .show-password-white:hover {
        border-bottom: 1px solid #FFF;
    }

.error-input {
    border: 1px solid #F00 !important;
    background-color: #FFF9F9;
    height: 23px;
}

.error-msg {
    background-color: #F00;
    font-size: 11px;
    color: #FFF;
    text-align: center;
    margin: 0;
    padding: 2px 0;
    float: right;
    font-weight: bold;
}

.error-buble {
    border-right: 1px solid #F60;
    line-height: 30px;
    cursor: pointer;
    height: 31px;
    position: absolute;
    padding: 0 5px 0 45px;
    font-size: 10px;
    font-weight: bold;
    color: #F60;
    background-image: url(../Images/error-bubble-bg.png);
}

.question {
    display: inline-block;
    width: 14px;
    font-size: 12px;
    height: 14px;
    border: 1px solid #F90;
    background-color: #FC0;
    color: #FFF;
    font-weight: bold;
    line-height: 15px;
    text-align: center;
    text-decoration: none;
}

.question-blue {
    float: right;
    width: 18px;
    height: 18px;
    margin: 4px 10px;
    border: 1px solid #4C88C3;
    background-color: #6699CC;
    color: #FFF;
    font-weight: bold;
    line-height: 18px;
    text-align: center;
    text-decoration: none;
}

.question-blue-active {
    background-color: #FFF;
    color: #4C88C3;
}

.exclamation {
    display: inline-block;
    font-size: 12px;
    width: 14px;
    height: 14px;
    border: 1px solid #F90;
    background-color: #FC0;
    color: #FFF;
    font-weight: bold;
    line-height: 15px;
    text-align: center;
    text-decoration: none;
}


/*Controls*/

.controls-del {
    width: 20px;
    height: 20px;
    float: right;
    margin: 0 2px;
    background-image: url(../Images/controls.png);
    background-position: 0 0;
}

    .controls-del:hover {
        background-position: 0 -20px;
    }

.controls-edit {
    width: 20px;
    height: 20px;
    float: right;
    margin: 0 2px;
    background-image: url(../Images/controls.png);
    background-position: -60px 0;
}

    .controls-edit:hover {
        background-position: -60px -20px;
    }

.controls-save {
    width: 20px;
    height: 20px;
    float: left;
    margin: 0 2px;
    background-image: url(../Images/controls.png);
    background-position: -40px 0;
}

    .controls-save:hover {
        background-position: -40px -20px;
    }

.add-more {
    width: 20px;
    padding: 0 0 0 25px;
    width: 190px;
    background-repeat: no-repeat;
    display: inline-block;
    background-image: url(../Images/add-more.png);
    background-position: 0 0;
    line-height: 20px;
    float: left;
}

.add-new {
    float: left;
    line-height: 28px;
    background-image: url(../Images/add-new-bg.png);
    background-position: 0 0;
    border: 1px solid #CCC;
    font-size: 11px;
    font-weight: bold;
    color: #666;
    text-decoration: none;
    padding: 0 10px 0 30px;
}

    .add-new:hover {
        background-position: 0 -28px;
        color: #000;
    }

.b-save, .b-cancel {
    float: left;
    line-height: 20px;
    font-size: 11px;
    background-image: url(../Images/b-save.png);
    background-repeat: no-repeat;
    margin: 0 10px 0 0;
    padding: 0 0 0 25px;
}

.b-cancel {
    background-image: url(../Images/b-cancel.png);
}

    .b-save:hover, .b-cancel:hover {
        background-position: 0 -20px;
    }

.button {
    float: left;
    line-height: 16px;
    height: 16px;
    padding: 6px 5px;
    text-align: center;
    background-image: url(../Images/button-bg.png);
    background-position: 0 0;
    border: 1px solid #CCC;
    font-size: 12px;
    font-weight: bold;
    color: #666;
    text-decoration: none;
}

    .button:hover {
        border: 1px solid #999;
    }

.signup-b, .signin-b {
    height: 38px;
    background-color: #F60;
    background-image: url(../Images/button-reg-bg.png);
    display: block;
    float: left;
    color: #FFF;
    font-size: 18px;
    border: 1px solid #F60;
    text-decoration: none;
    text-align: center;
}

.signin-form .signin-b {
    margin-top: 10px;
}

a.signup-b {
    height: 30px;
    padding-top: 6px;
}

.signup-b:hover, .signin-b:hover {
    background-position: 0 -44px;
    cursor: pointer;
}

.signin-b {
    background-image: url(../Images/button-green-bg.png);
    border: 1px solid #155300;
}

/*balance colors*/

.positive {
    color: #390 !important;
}

.negative {
    color: #F00 !important;
}

/*End Basic*/


#header {
    float: none;
    margin: 5px 0 0;
    height: 50px;
}

#logoMain {
    float: left;
    padding-right: 25px;
    padding-top: 18px;
}

    #logoMain a:hover {
        text-decoration: none;
    }

#logo {
    width: 220px;
    height: 45px;
    font-size: 11px;
    color: #666;
    float: left;
    padding: 10px 0 0;
}

#header-nav {
    float: right;
    margin-top: 10px;
    width: 500px;
}

    #header-nav a {
        color: #33669A;
        margin: 10px;
        text-decoration: none;
    }

    #header-nav li {
        margin-left: 10px;
        line-height: 30px;
        float: right;
        font-size: 14px;
        color: #CCC;
    }

        #header-nav li a:hover {
            text-decoration: underline;
        }

    #header-nav .exit {
        color: #F00;
        font-size: 12px;
    }


#feature-login {
    padding-top: 10px;
}


#feature-box {
    width: 670px;
    float: left;
    clear: both;
    background-color: #390;
    background-image: url(../Images/features-box-bg.png);
    height: 360px;
    border-right: 1px solid #260;
}

#feature-content-box, .feature-content {
    width: 650px;
    height: 260px;
    padding: 0 10px;
    overflow: hidden;
}

    #feature-content-box .feature-content {
        display: none;
        position: absolute;
    }

.feature-content {
    margin-top: 20px;
}

#feature-content-box .active {
    display: block;
}

#feature-content-box img {
    float: left;
}

.feature-desc {
    float: left;
    margin: 25px 0 0 20px;
}

    .feature-desc h2 {
        font-size: 36px;
        color: #FFF;
        float: left;
        width: 350px;
        margin: 0 0 20px;
        font-weight: normal;
        line-height: 100%;
    }

    .feature-desc p {
        color: #FFF;
        font-size: 28px;
        width: 350px;
        float: left;
        clear: left;
        line-height: 120%;
        padding-top: 60px;
    }

.feature-initiate {
    float: left;
    width: 670px;
    text-align: center;
    color: #FFF;
    font-size: 20px;
    height: 50px;
    margin-top: 35px;
}

    .feature-initiate b {
        font-size: 12px;
        line-height: 150%;
    }

/*TODO:: Delete #feature-nav*/

#feature-nav {
}

    #feature-nav li a {
        background-color: #287700;
        color: #174400;
        border-right: 1px solid #39aa00;
        border-left: 1px solid #174400;
        font-size: 18px;
        text-align: center;
        line-height: 49px;
        text-decoration: none;
        background-image: url(../Images/shadow-up.png);
        background-position: bottom;
        background-repeat: repeat-x;
    }

        #feature-nav li a.active {
            background-color: transparent;
            background: none;
            color: #FFF;
        }

            #feature-nav li a.active:hover {
                background-color: transparent;
            }

        #feature-nav li a:hover {
            background-color: #2d8800;
        }

#feature-nav-tab-1 {
    width: 139px;
    border-left: none !important;
}

#feature-nav-tab-2 {
    width: 238px;
}

#feature-nav-tab-3 {
    width: 289px;
    border-right: none !important;
}


#login-box {
    width: 318px;
    float: right;
    height: 360px;
    background-color: #390;
    border-left: 1px solid #4c0;
}

#login-nav {
}

    #login-nav li a {
        background-color: #1E7700;
        color: #FFF;
        font-size: 20px;
        line-height: 49px;
        text-decoration: none;
        background-image: url(../Images/shadow-up.png);
        background-position: bottom;
        background-repeat: repeat-x;
    }

        #login-nav li a.active {
            background-color: transparent;
            box-shadow: none;
            background: none;
        }

            #login-nav li a.active:hover {
                background-color: transparent;
            }

        #login-nav li a:hover {
            background-color: #2d8800;
            text-decoration: none;
        }

#login-content-box {
    clear: both;
}

#login-content-box, .login-content {
    width: 318px;
    height: 300px;
    overflow: hidden;
}

.login-content {
    position: absolute;
}

#login-nav-signup {
    width: 155px;
    padding: 0 0 0 20px;
}

#login-nav-signin {
    width: 143px;
    padding: 0 0 0 0;
    text-align: center;
}

#login-box .wrapper {
    width: 280px;
    margin: 10px 19px;
    float: left;
}

#login-box label {
    color: #FFF;
    margin: 5px 0;
    float: left;
    font-size: 12px;
    font-weight: normal;
    line-height: 100%;
    width: 280px;
}

    #login-box label.checkbox {
        width: 250px;
    }

#login-box input[type=text], #login-box input[type=password] {
    width: 270px;
    float: left;
}

#login-box input[type=checkbox] {
    float: left;
}


#login-box .signup-b, #login-box .signin-b {
    width: 278px;
    margin: 250px 19px 0;
    position: absolute;
}





#subfeatures {
    margin: 25px 0;
}

    #subfeatures div.subfeature-box {
        width: 298px;
        margin-right: 15px;
        float: left;
        padding: 5px 10px;
        height: 160px;
        background: none;
        border: none;
        overflow: hidden;
    }

    #subfeatures .active {
        border: 1px solid #000;
    }

    #subfeatures img {
        float: left;
        margin: 5px 10px;
        display: inline-block;
    }

    #subfeatures h3 {
        color: #4A1;
        font-weight: normal;
        width: 230px;
        float: left;
        display: inline-block;
        font-size: 20px;
        margin: 5px 0 0;
        line-height: 100%;
    }

    #subfeatures p {
        float: left;
        width: 278px;
        font-size: 12px;
        color: #777;
        line-height: 150%;
        margin: 0 10px;
    }

#show-more-reviews {
    float: right;
    font-size: 12px;
    border-bottom: 1px dashed #369;
    line-height: 14px;
    margin: 0 10px 0 0;
    text-decoration: none;
}

    #show-more-reviews:hover {
        border-bottom: 1px solid #369;
    }

#subfeatures .review-name {
    float: left;
    font-size: 12px;
    color: #666;
    margin: 0 0 0 10px;
}

#subfeatures .review-text {
    line-height: 130%;
    height: 80px;
}

#footer {
    font-size: 12px;
    line-height: 14px;
    margin: 40px 0;
}

.footer-nav {
    float: left;
    padding: 0 20px 0 0;
}

    .footer-nav li {
        margin: 5px 0;
    }

        .footer-nav li a {
            text-decoration: none;
            color: #999;
        }

            .footer-nav li a:hover {
                text-decoration: underline;
            }

.footer-info {
    float: right;
    width: 250px;
}

#ide {
    float: right;
}


#wizard {
}

#wizard-nav {
    float: right;
    width: 990px;
    margin: 10px 0 25px;
}

    #wizard-nav li {
        margin-right: 2px;
        line-height: 60px;
        float: left;
        font-size: 14px;
    }

        #wizard-nav li a {
            text-decoration: none;
            background-color: #F5F5F5;
            background-image: url(../Images/wizard-n-bg.png);
            background-repeat: no-repeat;
            background-position: 0 -60px;
            color: #999;
        }

            #wizard-nav li a:hover {
                text-decoration: none;
            }

            #wizard-nav li a.active, #wizard-nav li a.active:hover {
                text-decoration: none;
                background-color: transparent;
                color: #000;
                background-position: 0 0;
            }

    #wizard-nav .number {
        width: 50px;
        line-height: 60px;
        text-align: center;
        font-size: 18px;
        float: left;
        color: #999;
    }

    #wizard-nav li a.active .number {
        color: #FFF;
    }


#wizard .wizard-box {
    width: 600px;
    border: 1px solid #EEE;
    background-color: #FDFDFD;
    float: left;
    padding: 20px 10px;
}

#wizard h2 {
    width: 560px;
    margin: 5px 20px;
    float: left;
    padding: 10px 0;
    border-bottom: 1px solid #F5f5f5;
    font-size: 20px;
    color: #999;
    font-weight: normal;
}

#wizard .wizard-box .wrapper {
    float: left;
    width: 560px;
    margin: 0 20px;
    padding: 10px 0;
}

#wizard .wizard-box .sub-wrapper-currency, #wizard .wizard-box .sub-wrapper {
    float: left;
    width: 560px;
    margin: 0;
    padding: 5px 0;
}

#wizard .wizard-box .sub-wrapper-currency {
    border-bottom: 1px dashed #F5F5F5;
}

#wizard .cy {
    font-size: 12px;
    color: #999 !important;
}

#wizard .sub-wrapper-currency .rate {
    float: left;
    width: 70px;
    margin: 0 0 0 30px;
    line-height: 32px;
}

#wizard .sub-wrapper-currency .name {
    float: left;
    width: 240px;
    line-height: 32px;
    font-size: 14px;
    color: #000;
    padding: 0 5px;
}

#wizard .sub-wrapper-currency .cy, #wizard .sub-wrapper .cy {
    line-height: 32px;
    font-size: 14px;
    color: #999;
    float: left;
    width: 50px;
    text-align: center;
}

#wizard .sub-wrapper-currency .controls {
    padding: 5px;
    float: right;
    width: 20px;
}

#wizard .wizard-tip {
    width: 250px;
    float: right;
    border-left: 2px solid #cde;
    padding: 10px 20px;
    font-size: 14px;
    color: #999;
    line-height: 18px;
}

#wizard .empty {
    color: red;
    margin-left: 20px;
}

#wizard-step-control {
    width: 990px;
    float: right;
    margin: 25px 0;
    padding: 20px 0;
}

    #wizard-step-control .save-proceed {
        margin: auto;
        font-weight: bold;
        color: #FFF;
        font-size: 14px;
        text-decoration: none;
        width: 250px;
        line-height: 36px;
        border: 1px solid #390;
        background-color: #2baa00;
        background-image: url(../Images/save-proceed-bg.png);
        background-position: 0 0;
        display: block;
        text-align: center;
    }

        #wizard-step-control .save-proceed:hover {
            background-color: #3C0;
            text-decoration: none;
            background-position: 0 -36px;
        }

    #wizard-step-control .skip, #wizard-step-control .back {
        color: #CCC;
        text-align: right;
        font-weight: bold;
        font-size: 12px;
        margin: -40px 20px 0;
        float: right;
        line-height: 36px;
        width: 100px;
    }

        #wizard-step-control .skip:hover, #wizard-step-control .back:hover {
            color: #999;
        }

    #wizard-step-control .back {
        margin: 0 20px;
        float: left;
        text-align: left;
    }




#wizard #accounts {
    float: left;
    width: 600px;
    background-color: #FCFCFC;
}

    #wizard #accounts .account-group {
        width: 560px;
        padding: 0 20px;
        line-height: 30px;
        font-size: 12px;
        font-weight: bold;
        color: #999;
        float: left;
        background-color: #f5f5f5;
        border-top: 1px solid #EEE;
    }

#wizard .account {
    float: left;
    width: 560px;
    padding: 10px 20px;
    border-bottom: 1px solid #F5F5f5;
}

    #wizard .account:hover {
        background-color: #FFF;
    }

    #wizard .account .name {
        font-size: 18px;
        color: #000;
        width: 350px;
        float: left;
    }

    #wizard .account .controls {
        float: left;
        clear: left;
        width: 200px;
        color: #CCC;
    }

    #wizard .account .balance {
        float: right;
        width: 150px;
        margin: -16px 0 4px;
        font-size: 24px;
        text-align: right;
    }


#wizard .sub-balance-box {
    float: right;
    clear: right;
    width: 260px;
    font-size: 14px;
}

    #wizard .sub-balance-box .subbalanceo {
        width: 110px;
        font-weight: bold;
        float: left;
        text-align: right;
        color: #000;
    }

    #wizard .sub-balance-box .equally {
        float: left;
        color: #CCC;
        width: 20px;
        margin: 0 10px;
    }

    #wizard .sub-balance-box .subbalance {
        color: #000;
        width: 110px;
        float: left;
        text-align: right;
    }

    #wizard .sub-balance-box .sub-cy {
        font-size: 12px;
        color: #CCC;
    }

#wizard .account-balance {
    border-top: 1px solid #EEE;
    background-color: #F5F5f5;
    float: left;
    width: 560px;
    padding: 10px 20px;
}

    #wizard .account-balance .title {
        float: left;
        font-size: 18px;
        color: #666;
        width: 150px;
    }

    #wizard .account-balance .balance {
        float: right;
        text-align: right;
        font-size: 24px;
    }

#wizard #transactions-categories {
    width: 600px;
    background-color: #FCFCFC;
    float: left;
    color: #000;
    border-bottom: 1px solid #EEE;
}

#wizard .transaction-category .tree-bullet, #wizard .edit-transaction-category .tree-bullet {
    width: 14px;
    height: 14px;
    cursor: pointer;
    margin: 10px 10px;
    display: block;
    float: left;
    background-image: url(../Images/tree-bullet.png);
    background-position: 0 -14px;
}

#wizard .revealed .tree-bullet {
    background-position: 0 0;
}

#wizard .transaction-category {
    float: left;
    width: 580px;
    padding: 0 20px 0 0;
    line-height: 34px;
    border-top: 1px solid #F5f5f5;
}

    #wizard .transaction-category:hover {
        background-color: #F5F5F5;
    }

    #wizard .transaction-category .name, #wizard .transaction-category .name-wb {
        width: 265px;
        float: left;
        font-weight: bold;
        font-size: 14px;
        height: 34px;
        overflow: hidden;
    }

    #wizard .transaction-category .name-wb {
        margin: 0 0 0 34px;
    }

    #wizard .transaction-category .controls {
        width: 265px;
        float: right;
        padding: 6px 0;
        display: none;
    }

#wizard .add-transaction-subcategory, #wizard .edit-transaction-subcategory, #wizard .edit-transaction-category {
    float: left;
    width: 550px;
    padding: 0 20px 0 30px;
    line-height: 36px;
    background-color: #F5F5F5;
    margin: 2px 0;
}

    #wizard .add-transaction-subcategory input, #wizard .edit-transaction-subcategory input, #wizard .edit-transaction-category input {
        width: 320px;
        margin: 3px 10px 3px 5px;
    }

    #wizard .add-transaction-subcategory .controls, #wizard .edit-transaction-subcategory .controls, #wizard .edit-transaction-category .controls {
        padding: 8px 0;
    }

#wizard .add-transaction-subcategory {
    display: none;
}

#wizard .edit-transaction-category input {
    font-weight: bold;
    margin: 3px 10px 3px -5px;
}

#wizard .edit-transaction-category {
    padding: 0 20px 0 0;
    width: 580px;
}

#wizard .transaction-subcategories {
    float: left;
    width: 600px;
}

#wizard .transaction-subcategory {
    float: left;
    width: 550px;
    padding: 0 20px 0 30px;
    line-height: 28px;
}

    #wizard .transaction-subcategory:hover {
        background-color: #FFF;
    }

    #wizard .transaction-subcategory .name {
        width: 200px;
        float: left;
        margin: 0 0 0 10px;
        font-size: 14px;
    }

    #wizard .transaction-subcategory .controls {
        width: 50px;
        float: right;
        padding: 4px 0;
        display: none;
    }

#wizard #email-confirmation {
}

    #wizard #email-confirmation .info, #wizard #email-confirmation .subinfo {
        width: 560px;
        margin: 10px 20px;
        float: left;
        line-height: 150%;
        font-weight: bold;
        color: #390;
    }

    #wizard #email-confirmation .subinfo {
        font-weight: normal;
        color: #666;
    }





#header-box {
    width: 100%;
    background-color: #EEEEEE;
    Z-INDEX: 3000 !important;
    position: relative;
}

#account-header {
    position: relative;
    margin: 0 auto;
    width: 990px;
}

    #account-header .trial {
        text-align: right;
        color: #999;
        font-size: 11px;
        line-height: 28px;
    }

        #account-header .trial a {
            padding: 0 5px;
        }

        #account-header .trial span {
            padding: 0 5px;
        }

        #account-header .trial .trial-premium {
            color: #5C9B00;
        }

            #account-header .trial .trial-premium.opened {
                background-color: #FFFFFF;
                padding: 5px;
                padding-top: 12px;
            }

.trial-premium-info {
    background-color: #FFFFFF;
    padding: 25px;
    margin-bottom: 5px;
    position: relative;
}

.trial-premium-info-main {
    position: fixed;
    z-index: 10001;
    top: 33%;
    left: 50%;
    margin-left: -520px;
}

    .trial-premium-info-main .trial-premium-info {
        border-radius: 4px;
    }

.trial-premium-info-background {
    background: none repeat scroll 0 0 #CCCCCC;
    width: 100%;
    height: 100%;
    opacity: 0.5;
    filter: alpha(opacity=70);
    left: 0;
    position: fixed;
    top: 0;
    display: none;
}

.trial-premium-info-main .trial-premium-info-background {
    display: block;
}

#trial-premium-info {
    margin-bottom: 0;
}

.trial-premium-info-hide {
    display: none;
}

.trial-premium-info-wrap {
    margin: 0 auto;
    width: 990px;
}

.trial-premium-info-base-title {
    color: #939598;
    margin-bottom: 20px;
    font-size: 21px;
}

.trial-premium-info-base-text {
    width: 310px;
    font-size: 15px;
    color: #1E1E1E;
}

.trial-premium-info-premium-title {
    color: #90A63F;
    margin-bottom: 20px;
    font-size: 21px;
}

.trial-premium-info-premium-btn {
    width: 120px;
    padding: 0;
    cursor: pointer;
    background: url("/Images/premium-unlim.png") no-repeat top left;
    color: #6c8717;
    font-size: 20px;
    border-radius: 4px;
    line-height: 44px;
    display: inline-block;
    text-shadow: white 0 1px 0;
    text-align: center;
}

    .trial-premium-info-premium-btn:hover {
        background-position: 0 -50px;
    }

    .trial-premium-info-premium-btn:active {
        background-position: 0 -100px !important;
    }

a.trial-premium-info-premium-btn {
    text-decoration: none;
}

.trial-premium-info-premium-btn-wrap {
    margin-top: 30px;
    margin-bottom: 15px;
}

.trial-premium-info-link-btn {
    margin-left: 10px;
    font-size: 15px;
}
.trial-premium-info-premium-text {
    font-size: 15px;
    color: #1E1E1E;
}

.trial-premium-info-base-text-over {
    color: #ED1C23;
}

.trial-premium-info-premium-text-full-price {
    color: #ED1C23;
    text-decoration: line-through;
}

.trial-premium-info-close {
    background-image: url("/images/icons.png");
    background-repeat: no-repeat;
    width: 20px;
    height: 20px;
    background-position: -52px -56px;
    cursor: pointer;
    position: absolute;
    right: 0;
    top: 0;
    margin: 10px;
    display: none;
}

.trial-premium-info-base {
    float: left;
    width: 360px;
}

.trial-premium-info-premium {
    float: left;
    width: 550px;
}

#header-nav-dasboard {
    float: left;
    width: 550px;
    margin: 5px 0 -3px;
    position: relative;
}

    #header-nav-dasboard li {
        float: left;
        font-size: 13px;
    }

        #header-nav-dasboard li a {
            background-color: #CCC;
            border-top: 3px solid #CCC;
            padding: 0 10px;
            line-height: 31px;
            margin: 3px 0 0;
        }

        #header-nav-dasboard li:first-child a {
            -moz-border-radius-topleft: 2px;
            -webkit-border-top-left-radius: 2px;
            border-top-left-radius: 2px;
            border-left: 3px solid #CCC;
        }

        #header-nav-dasboard li:last-child a {
            -moz-border-radius-topright: 2px;
            -webkit-border-top-right-radius: 2px;
            border-top-right-radius: 2px;
            border-right: 3px solid #CCC;
        }

        #header-nav-dasboard li a:hover {
            text-decoration: none;
            background-color: #FAFAFA;
        }

        #header-nav-dasboard li a.active {
            text-decoration: none;
            color: #000;
            background-color: #FAFAFA;
        }

    #header-nav-dasboard .hide-show {
        background-image: url(../Images/show-hide.png);
        display: inline-block;
        width: 16px;
        height: 16px;
        background-position: 0 -48px;
        margin: 2px 0 0;
    }

    #header-nav-dasboard .revealed .hide-show {
        background-position: 0 -32px;
    }

    #header-nav-dasboard .revealed, #header-nav-dasboard .revealed:hover {
        color: #666 !important;
        background-color: #FFF;
    }

    #header-nav-dasboard .subnav {
        width: 140px;
        display: none;
        float: left;
        position: absolute;
        background-color: #FFF;
        border-bottom: 1px solid #A6C125;
        Z-INDEX: 1000 !important;
    }

        #header-nav-dasboard .subnav li {
            font-size: 12px;
        }

            #header-nav-dasboard .subnav li a {
                line-height: 30px;
                margin: 0;
                background: none;
                font-weight: normal;
                width: 120px;
                border-top: 1px solid #FAFAFA !important;
                -moz-border-radius: 0;
                -webkit-border-radius: 0;
                border-radius: 0;
                border: none;
            }

                #header-nav-dasboard .subnav li a:hover {
                    background-color: #369;
                    color: #FFF;
                }

#header-subnav-dasboard {
    float: right;
    width: 200px;
    margin: 5px 0 0;
}

    #header-subnav-dasboard li {
        margin: 0 0 0 10px;
        line-height: 34px;
        float: right;
        font-size: 12px;
    }


#dashboard .sidebar {
    width: 300px;
    float: left;
}

    #dashboard .sidebar .box {
        border: none;
    }

#dashboard .content {
    width: 660px;
    float: right;
}

#dasboard-accounts .cy {
    font-size: 11px;
    color: #666 !important;
    font-weight: normal;
    display: inline-block;
    margin: 4px 20px 0 3px;
}

#dasboard-accounts .cy-link {
    font-size: 12px;
    color: #888 !important;
    font-weight: normal;
    width: 28px;
    display: inline-block;
    text-align: left;
    overflow: hidden;
}

#dashboard .sub-cy {
    margin-right: 18px;
    margin-left: 4px;
    width: 30px;
    text-align: left;
    display: inline-block;
}

#dashboard .box {
    width: 100%;
    border: 1px dotted #333;
    background-color: #FDFDFD;
    float: left;
    margin: 0 0 15px;
}

#dashboard .box-title {
    background-color: #FAFAFA;
    float: left;
    width: 100%;
    border-bottom: 1px dotted #333;
}

    #dashboard .box-title h2.accordion, #dashboard .box-title h2 {
        width: 250px;
        float: left;
        line-height: 28px;
        padding: 0 0 0 10px;
        font-size: 12px;
        color: #666;
    }

        #dashboard .box-title h2.accordion {
            width: 80%;
            cursor: pointer;
            padding: 0;
            color: #999;
        }

    #dashboard .box-title .hide-show {
        background-image: url(../Images/show-hide.png);
        float: left;
        width: 16px;
        height: 16px;
        background-position: 0 0;
        margin: 6px 5px;
    }

    #dashboard .box-title .revealed .hide-show {
        background-position: 0 -16px;
    }

#dashboard .box-title-active h2 {
    color: #666 !important;
}

.box-content {
    float: left;
}

#dasboard-accounts .equally {
    width: 20px;
    float: left;
    color: #CCC;
    text-align: center;
}

#dasboard-accounts .balance-box {
    padding: 0 10px 0 10px;
    float: left;
    width: 280px;
}

    #dasboard-accounts .balance-box .name {
        font-size: 20px;
        color: #666;
        float: left;
        padding: 1px 0 0;
    }

    #dasboard-accounts .balance-box .balance {
        float: right;
        font-size: 24px;
        text-align: right;
        margin: 0 0 5px;
        min-width: 185px;
    }

        #dasboard-accounts .balance-box .balance #BalanceInDefaultCurrency {
            float: right;
        }

    #dasboard-accounts .balance-box .sub-balance-box {
        width: 200px;
        padding: 0;
        float: right;
    }

    #dasboard-accounts .balance-box .subbalanceo {
        width: 90px;
        float: left;
        text-align: right;
    }

    #dasboard-accounts .balance-box .subbalance {
        width: 90px;
        float: left;
        text-align: right;
        color: #999;
    }


#dasboard-accounts .account-group {
}

#dasboard-accounts .account-group-title {
    border-bottom: none;
    cursor: pointer;
    float: left;
    line-height: 16px;
    padding: 14px 10px 6px;
    width: 280px;
}

#dasboard-accounts h3 {
    color: #333;
    float: left;
    font-size: 13px;
    margin: 0;
    border-bottom: 1px dotted;
    width: auto;
}

#dasboard-accounts .account-group-balance {
    color: #333;
    float: right;
    font-weight: bold;
    font-size: 13px;
    text-align: right;
    width: auto;
}

#dasboard-accounts .hide-show {
    display: none;
    background-image: url(../Images/show-hide.png);
    float: left;
    height: 16px;
    background-position: 0 -50px;
    margin: 10px 5px;
    width: 16px;
}

#dasboard-accounts .revealed .hide-show {
    background-position: 0 0;
}

#dasboard-accounts .revealed h3, #dasboard-accounts .revealed .account-group-balance {
    color: #000;
}

#dasboard-accounts .account-group-content {
    cursor: pointer;
    float: left;
}

#dasboard-accounts .account {
    width: 285px;
    float: left;
    padding: 5px 5px 5px 10px;
}

    #dasboard-accounts .account:hover {
        background-color: #EEE;
    }

    #dasboard-accounts .account .name {
        width: 130px;
        float: left;
        line-height: 20px;
        font-size: 12px;
        overflow: hidden;
        text-overflow: ellipsis;
        -o-text-overflow: ellipsis;
        width: auto;
        margin-right: 4px;
    }

    #dasboard-accounts .account .balance {
        float: right;
        width: 150px;
        line-height: 20px;
        overflow: hidden;
        text-align: right;
        font-size: 12px;
        color: #000;
        text-overflow: ellipsis;
        -o-text-overflow: ellipsis;
        clear: right;
        width: auto;
    }

        #dasboard-accounts .account .balance .acc_sum {
            border-bottom: 1px dotted;
            vertical-align: top;
        }

#dasboard-transactions {
}

    #dasboard-transactions ul {
        float: left;
        width: 660px;
        background-color: #F5F5F5;
        border-bottom: 1px solid #DDD;
    }

    #dasboard-transactions li {
        float: left;
        font-size: 13px;
        border-right: 1px solid #DDD;
        margin: 0 0 -1px 0;
    }

        #dasboard-transactions li a {
            text-decoration: none;
            background-color: #F5F5F5;
            padding: 0 30px;
            line-height: 30px;
        }

            #dasboard-transactions li a:hover {
                text-decoration: none;
                background-color: #FdFdFd;
            }

            #dasboard-transactions li a.active {
                text-decoration: none;
                color: #000;
                background-color: #FdFdFd;
                line-height: 32px;
            }

    #dasboard-transactions .common {
        float: right;
        border-left: 1px solid #DDD;
        border-right: none;
    }

    #dasboard-transactions .transactions-box-content {
        float: left;
        width: 1980px;
        overflow: hidden;
        position: relative;
    }

    #dasboard-transactions .transactions-box {
        width: 660px;
        overflow: hidden;
        float: left;
        position: relative;
    }

    #dasboard-transactions .transaction-box {
        float: left;
        width: 640px;
        padding: 10px;
    }

        #dasboard-transactions .transaction-box .main {
            width: 400px;
            float: left;
        }

        #dasboard-transactions .transaction-box .sub {
            width: 200px;
            float: right;
        }

        #dasboard-transactions .transaction-box label {
            width: 100%;
            line-height: 180%;
            font-size: 11px;
            color: #999;
        }

        #dasboard-transactions .transaction-box .wrapper {
            float: left;
            padding: 4px 0;
        }

#dasboard-last-transactions {
}

    #dasboard-last-transactions .day-box {
        width: 640px;
        border-top: 1px solid #DDD;
        padding: 0 10px;
        float: left;
        line-height: 24px;
        color: #666;
        font-size: 11px;
        font-weight: bold;
    }

    #dasboard-last-transactions .transaction-box {
        width: 640px;
        padding: 5px 10px;
        float: left;
        background-color: #FcFcFc;
        border-top: 1px solid #F5F5F5;
    }

        #dasboard-last-transactions .transaction-box:hover {
            background-color: #FFF;
        }

    #dasboard-last-transactions .ico {
        width: 16px;
        height: 16px;
        float: left;
        margin: 0 5px 0 0;
    }

    #dasboard-last-transactions .type {
        float: left;
        color: #000;
        width: 250px;
        font-size: 14px;
    }

    #dasboard-last-transactions .comment {
        float: left;
        clear: left;
        color: #999;
        width: 240px;
        font-size: 11px;
    }

    #dasboard-last-transactions .account {
        float: left;
        width: 150px;
        color: #999;
    }

    #dasboard-last-transactions .balance {
        width: 120px;
        float: left;
        font-size: 14px;
        text-align: right;
        color: #000;
    }

    #dasboard-last-transactions .controls {
        width: 52px;
        float: right;
        display: none;
    }

#dasboard-plan-transactions {
}

    #dasboard-plan-transactions .day-box, #dasboard-plan-transactions .day-box-delay {
        width: 640px;
        border-top: 1px solid #DDD;
        padding: 0 10px;
        float: left;
        line-height: 24px;
        color: #666;
        font-size: 11px;
        font-weight: bold;
    }

    #dasboard-plan-transactions .transaction-box {
        width: 640px;
        padding: 5px 10px;
        float: left;
        background-color: #FcFcFc;
        border-top: 1px solid #F5F5F5;
    }

        #dasboard-plan-transactions .transaction-box:hover {
            background-color: #FFF;
        }

    #dasboard-plan-transactions .ico {
        width: 16px;
        height: 16px;
        float: left;
        margin: 0 5px 0 0;
    }

    #dasboard-plan-transactions .type {
        float: left;
        color: #000;
        width: 250px;
        font-size: 14px;
    }

    #dasboard-plan-transactions .comment {
        float: left;
        clear: left;
        color: #999;
        width: 240px;
        font-size: 11px;
    }

    #dasboard-plan-transactions .account {
        float: left;
        width: 150px;
        color: #999;
    }

    #dasboard-plan-transactions .balance {
        width: 120px;
        float: left;
        font-size: 14px;
        text-align: right;
        color: #000;
    }

    #dasboard-plan-transactions .controls {
        width: 78px;
        float: right;
        display: none;
    }

    #dasboard-plan-transactions .day-box-delay {
        background-color: #FFF9F9;
        color: #F00;
    }

    #dasboard-plan-transactions .delay {
        background-color: #FFF9F9 !important;
    }

#dasboard-budget {
    margin-bottom: 20px;
}

    #dasboard-budget ul {
        float: left;
        width: 620px;
        background-color: #F5F5F5;
        border-bottom: 1px solid #DDD;
        text-align: center;
        padding: 0 20px;
    }

    #dasboard-budget li {
        float: left;
        font-size: 11px;
        margin: 0 0 -1px 0;
    }

        #dasboard-budget li a {
            text-decoration: none;
            background-color: #F5F5F5;
            color: #CCC;
            padding: 0 5px;
            line-height: 23px;
            margin: 7px 0 0;
        }

            #dasboard-budget li a:hover {
                text-decoration: none;
                background-color: #FdFdFd;
                color: #369;
            }

            #dasboard-budget li a.active {
                text-decoration: none;
                color: #000;
                background-color: #FdFdFd;
                line-height: 25px;
                margin: 5px 0 0;
                border: 1px solid #DDD;
                border-bottom: none;
            }

    #dasboard-budget .budget {
        margin: 20px 0;
        float: left;
        width: 660px;
    }

        #dasboard-budget .budget th {
            font-size: 11px;
            color: #999;
            text-align: right;
            padding: 0 0 5px;
        }

        #dasboard-budget .budget td {
            text-align: right;
            font-size: 11px;
            vertical-align: middle;
        }

        #dasboard-budget .budget tbody tr {
            border-top: 1px solid #FdFdFd;
        }

        #dasboard-budget .budget tr.summury {
            font-weight: bold;
        }

        #dasboard-budget .budget .name {
            width: 150px;
        }

        #dasboard-budget .budget .standard {
            width: 60px;
        }

        #dasboard-budget .budget .balance {
            width: 300px;
            float: left;
        }

        #dasboard-budget .budget .balance-bg {
            color: #FFF;
            line-height: 22px;
            font-size: 9px;
            background-image: url(../Images/budget-balance-bg.png);
            width: 280px;
            position: relative;
            height: 22px;
            float: left;
            margin: 0 0 0 10px;
        }

        #dasboard-budget .budget .balance-lavel-p {
            background-image: url(../Images/budget-balance-p.png);
            padding: 0 2% 0 0;
            float: left;
        }

        #dasboard-budget .budget .balance-lavel-n {
            background-image: url(../Images/budget-balance-n.png);
            padding: 0 2% 0 0;
            float: left;
        }

        #dasboard-budget .budget .remain {
            width: 70px;
        }

        #dasboard-budget .budget .controls {
            float: right;
            margin: 0 10px 0 0;
            width: 26px;
            display: none;
        }

    #dasboard-budget .budget-line {
        width: 1px;
        height: 100px;
        position: absolute;
        margin: 70px 0 0 450px;
        background-color: #000;
    }

    #dasboard-budget .budget-date {
        width: 100px;
        line-height: 20px;
        font-size: 10px;
        font-weight: bold;
        color: #000;
        position: absolute;
        margin: 170px 0 0 400px;
        text-align: center;
    }

.box-notification {
    background-color: #FFFCEE;
    border: 1px solid #FF9900;
    width: 989px;
    float: left;
    margin: 0 0 20px 0;
}

    .box-notification .box-content {
        padding: 5px 5px 5px 10px;
        color: #000;
        font-size: 12px;
        width: 900px;
        float: left;
    }

    .box-notification .controls {
        float: right;
        width: 50px;
        margin: 5px 7px 0 0;
    }


.tip-box {
    width: 640px;
    border: 2px solid #4C88C3;
    display: none;
    float: left;
    background-color: #F2F6FB;
    padding: 5px 10px 10px;
    font-size: 11px;
    color: #000;
    margin: 0 0 12px 0;
}

.tip-box-sidebar {
    width: 280px;
}

    .tip-box-sidebar .tip-box-arr {
        margin: 10px 0 0 260px !important;
    }

.tip-box .tip-box-arr {
    position: absolute;
    width: 20px;
    height: 15px;
    background-image: url(../Images/tip-box-arr.png);
    margin: 10px 0 0 620px;
}

.tip-box p {
    line-height: 120%;
}

.tip-box a {
    font-size: 10px;
    text-decoration: none;
    border-bottom: 1px dashed #369;
}

    .tip-box a:hover {
        border-bottom: 1px solid #369;
    }

.tip-box-active {
    border: 2px solid #F90 !important;
}

.tip-box .tip-box-close {
    width: 12px;
    height: 12px;
    margin: 0 -5px 0 0;
    background-image: url(../Images/tip-box-close.png);
    background-position: 0 0;
    float: right;
    border: none;
}

    .tip-box .tip-box-close:hover {
        background-position: 0 -12px;
        border: none;
    }



#signup {
}

    #signup .wrapper {
        width: 100%;
        float: left;
    }

    #signup input[type=text], #signup input[type=password] {
        width: 350px;
    }

    #signup label {
        width: 400px;
    }

        #signup label.checkbox {
            width: 100%;
            line-height: 40px;
            border-bottom: 1px solid #DDD;
            border-top: 1px solid #DDD;
            margin: 10px 0;
        }

    #signup .faq {
        width: 250px;
        float: right;
        color: #999;
        font-size: 11px;
        line-height: 120%;
        margin: 10px 0 0 0;
    }

    #signup .signup-b {
        width: 250px;
        margin: 5px 0;
    }

#signin {
}

    #signin .signin-form {
        width: 310px;
        float: left;
    }

    #signin .notamember {
        width: 260px;
        float: right;
    }

    #signin .wrapper {
        width: 100%;
        float: left;
    }

    #signin input[type=text], #signin input[type=password] {
        width: 300px;
    }

    #signin label {
        width: 300px;
    }

        #signin label.checkbox {
            width: 100%;
            line-height: 40px;
            border-bottom: 1px solid #DDD;
            border-top: 1px solid #DDD;
            margin: 10px 0;
        }

    #signin .faq {
        width: 260px;
        float: left;
        color: #666;
        font-size: 12px;
        line-height: 120%;
        margin: 10px 0;
    }

    #signin .signup-b {
        width: 128px;
        margin: 5px 0;
    }

    #signin .sublinks {
        float: right;
        width: 180px;
        text-align: right;
    }

#payment {
    margin: 20px;
    background-color: white;
}

    #payment .payment-type {
        float: left;
    }

        #payment .payment-type h3 {
            font-weight: normal;
            padding: 15px;
            background-color: white;
            font-size: 130%;
        }

    #payment .payment-type-b {
        background-color: #E0E0E0;
        color: #369;
        float: left;
        width: 190px;
        height: 65px;
        padding-top: 5px;
    }

        #payment .payment-type-b:hover {
            background-color: #FFF;
            cursor: pointer;
        }

    #payment .payment-type-b-active, #payment .payment-type-b-active:hover {
        background-color: #FFF;
        color: #666;
        cursor: auto;
    }


    #payment .payment-type-b .name {
        margin: 12px 10px 0 10px;
        font-size: 14px;
        font-weight: bold;
    }

    #payment .payment-type-b img {
        height: 36px;
        margin: 12px;
        float: left;
    }

    #payment .payment-type-b .info {
        font-size: 12px;
        margin: 0 10px;
        line-height: 100%;
        opacity: 0.5;
    }

    #payment .payment-process {
        width: 800px;
        padding: 20px;
        margin: 0 auto;
    }

#payment .payment-process .attention {
    color: #F00;
    text-align: center;
}

#payment-process-box {
    padding: 20px;
    clear: both;
    background-color: white;
}

#payment .buttoncheck {
    box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.26);
    border-radius: 2px;
    color: #333;
    background: #FD1;
    height:34px;
}

#payment .buttoncheck:hover , #payment .buttoncheck:focus {
    box-shadow: 0 5px 8px 0 rgba(0, 0, 0, 0.26);
    background: #FE3;
    outline:0;
}
#payment .buttoncheck:active {
    box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.26);
    background: #FE3;
}



#versions {
    width: 700px;
}

    #versions .spec {
        float: left;
        width: 240px;
        background-color: #45C61A;
        margin: 6px 0 0 0;
        padding: 120px 0 0 0;
    }

        #versions .spec li {
            line-height: 30px;
            border-top: 1px solid #3EB217;
            padding: 0 10px 0 0;
            font-size: 12px;
            text-align: right;
            color: #134A00;
        }

    #versions .premium {
        float: left;
        width: 250px;
        background-color: #FF6600;
        border: 3px solid #FFF;
        text-decoration: none;
        padding: 3px 0;
        -webkit-box-shadow: 0 0 10px #333;
        z-index: 900;
        position: relative;
        -moz-box-shadow: 0 0 10px #333;
        box-shadow: 0 0 10px #333;
    }

        #versions .premium:hover {
            background-color: #E15A00;
            -webkit-box-shadow: 0 0 15px #333;
            -moz-box-shadow: 0 0 15px #333;
            box-shadow: 0 0 15px #333;
        }

        #versions .premium li {
            background-image: url(../Images/versions-spec-dot.png);
            background-position: 0 0;
            width: 250px;
            height: 30px;
            border-top: 1px solid #CE5300;
            float: left;
        }

    #versions .standart {
        float: left;
        width: 200px;
        background-color: #269700;
        border: 1px solid #FFF;
        margin: 5px 0 0 0;
        text-decoration: none;
    }

        #versions .standart:hover {
            background-color: #1F7D00;
        }

        #versions .standart li {
            background-image: url(../Images/versions-spec-dot.png);
            background-position: 0 -30px;
            width: 200px;
            height: 30px;
            border-top: 1px solid #1E7700;
            float: left;
        }

        #versions .standart .null {
            background: none !important;
        }


/*CSS 3*/

.border-five {
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
}

.border-five-bottom {
    -moz-border-radius-bottomleft: 5px;
    -webkit-border-bottom-left-radius: 5px;
    -moz-border-radius-bottomright: 5px;
    -webkit-border-bottom-right-radius: 5px;
    border-bottom-right-radius: 5px;
    border-bottom-left-radius: 5px;
}

.border-five-top {
    -moz-border-radius-topleft: 5px;
    -webkit-border-top-left-radius: 5px;
    -moz-border-radius-topright: 5px;
    -webkit-border-top-right-radius: 5px;
    border-top-right-radius: 5px;
    border-top-left-radius: 5px;
}

.border-five-left {
    -moz-border-radius-topleft: 5px;
    -webkit-border-top-left-radius: 5px;
    -moz-border-radius-bottomleft: 5px;
    -webkit-border-bottom-left-radius: 5px;
    border-bottom-left-radius: 5px;
    border-top-left-radius: 5px;
}

.border-five-right {
    -moz-border-radius-topright: 5px;
    -webkit-border-top-right-radius: 5px;
    -moz-border-radius-bottomright: 5px;
    -webkit-border-bottom-right-radius: 5px;
    border-bottom-right-radius: 5px;
    border-top-right-radius: 5px;
}

.noshadow {
    -webkit-box-shadow: none;
    box-shadow: none;
    -moz-box-shadow: none;
}

.inset-shadow {
}

.contentpage {
    width: 600px;
    line-height: 1.6em;
    font-size: 14px;
}

    .contentpage h1 {
        padding-top: 25px;
        font-size: 24px;
        font-weight: normal;
        padding-bottom: 10px;
    }

    .contentpage h2 {
        margin: 30px 0 25px;
        font-size: 24px;
        font-weight: normal;
    }

    .contentpage h3 {
        font-size: 20px;
        font-weight: normal;
        margin: 40px 0 15px;
    }

    .contentpage img {
        padding: 10px;
    }

    .contentpage p {
        line-height: 1.75em;
    }


.home-language {
    margin: 0 auto;
    max-width: 1020px;
    min-width: 1000px;
    position: relative;
}

    .home-language #cultureselect {
        background-color: transparent;
        position: absolute;
        right: 0;
    }

        .home-language #cultureselect .open {
            background-color: #dbdad6;
            border: 1px solid;
        }

.import-ad {
    background-color: #e7f2aa;
    padding: 15px;
    margin-bottom: 10px;
    position: relative;
}

    .import-ad a {
        text-decoration: underline;
    }

#import-ad-btn {
    position: absolute;
    top: 5px;
    right: 0;
    cursor: pointer;
    border: 0 none;
    display: block;
    background-color: transparent;
}

#BalanceInDefaultCurrencyTitle {
    cursor: pointer;
}

    #BalanceInDefaultCurrencyTitle #default_currency {
        float: right;
    }

.stars #BalanceInDefaultCurrency, .stars .balanceTotalByCurrencies .acc_sum {
    display: none;
}

.stars .cy::before {
    content: '*** ';
}

.positive .cy::before {
    color: #390 !important;
}

.negative .cy::before {
    color: #f80 !important;
}

.balanceTotalByCurrencies {
    font-size: 12px;
}