/* http://meyerweb.com/eric/tools/css/reset/ */
/* v1.0 | 20080212 */

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline:none;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
}
body {
	line-height: 1;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}

/* remember to define focus styles! */
:focus {
/*	outline: 0; */
}

/* remember to highlight inserts somehow! */
ins {
	text-decoration: none;
}
del {
	text-decoration: line-through;
}

/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: collapse;
	border-spacing: 0;
}

/*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;
}

/* @group Base */
.chzn-container {
    font-size: 13px;
    position: relative;
    display: inline-block;
    zoom: 1;
    *display: inline;
}

.chzn-container .chzn-drop {
    background: #fff;
    border: 1px solid #aaa;
    border-top: 0;
    position: absolute;
    top: 29px;
    left: 0;
    -webkit-box-shadow: 0 4px 5px rgba(0, 0, 0, .15);
    -moz-box-shadow: 0 4px 5px rgba(0, 0, 0, .15);
    box-shadow: 0 4px 5px rgba(0, 0, 0, .15);
    z-index: 1010;
}

/* @end */

/* @group Single Chosen */

.chzn-container-single .chzn-single {
    background-color: #ffffff;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#eeeeee', GradientType=0);
    background-image: -webkit-gradient(linear, 0 0, 0 100%, color-stop(20%, #ffffff), color-stop(50%, #f6f6f6), color-stop(52%, #eeeeee), color-stop(100%, #f4f4f4));
    background-image: -webkit-linear-gradient(top, #ffffff 20%, #f6f6f6 50%, #eeeeee 52%, #f4f4f4 100%);
    background-image: -moz-linear-gradient(top, #ffffff 20%, #f6f6f6 50%, #eeeeee 52%, #f4f4f4 100%);
    background-image: -o-linear-gradient(top, #ffffff 20%, #f6f6f6 50%, #eeeeee 52%, #f4f4f4 100%);
    background-image: linear-gradient(#ffffff 20%, #f6f6f6 50%, #eeeeee 52%, #f4f4f4 100%);
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    -moz-background-clip: padding;
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
    border: 1px solid #aaaaaa;
    -webkit-box-shadow: 0 0 3px #ffffff inset, 0 1px 1px rgba(0, 0, 0, 0.1);
    -moz-box-shadow: 0 0 3px #ffffff inset, 0 1px 1px rgba(0, 0, 0, 0.1);
    box-shadow: 0 0 3px #ffffff inset, 0 1px 1px rgba(0, 0, 0, 0.1);
    display: block;
    overflow: hidden;
    white-space: nowrap;
    position: relative;
    height: 23px;
    line-height: 24px;
    padding: 0 0 0 8px;
    color: #444444;
    text-decoration: none;
}

.chzn-container-single .chzn-default { color: #999; }

.chzn-container-single .chzn-single span {
    margin-right: 26px;
    display: block;
    overflow: hidden;
    white-space: nowrap;
    -o-text-overflow: ellipsis;
    -ms-text-overflow: ellipsis;
    text-overflow: ellipsis;
}

.chzn-container-single .chzn-single abbr {
    display: block;
    position: absolute;
    right: 26px;
    top: 6px;
    width: 12px;
    height: 13px;
    font-size: 1px;
    background: url('/css/chosen-sprite.png') right top no-repeat;
}

.chzn-container-single .chzn-single abbr:hover { background-position: right -11px; }

.chzn-container-single.chzn-disabled .chzn-single abbr:hover { background-position: right top; }

.chzn-container-single .chzn-single div {
    position: absolute;
    right: 0;
    top: 0;
    display: block;
    height: 80%;
}

.chzn-container-single .chzn-single div b {
    background: url('/css/chosen-sprite.png') no-repeat 0 0;
    display: inline-block;
    width: 18px;
    height: 100%;
}

.chzn-container-single .chzn-search {
    padding: 3px 4px;
    position: relative;
    margin: 0;
    white-space: nowrap;
    z-index: 1010;
}

.chzn-container-single .chzn-search input {
    background: #fff url('/css/chosen-sprite.png') no-repeat 100% -22px;
    background: url('/css/chosen-sprite.png') no-repeat 100% -22px, -webkit-gradient(linear, 0 0, 0 100%, color-stop(1%, #eeeeee), color-stop(15%, #ffffff));
    background: url('/css/chosen-sprite.png') no-repeat 100% -22px, -webkit-linear-gradient(top, #eeeeee 1%, #ffffff 15%);
    background: url('/css/chosen-sprite.png') no-repeat 100% -22px, -moz-linear-gradient(top, #eeeeee 1%, #ffffff 15%);
    background: url('/css/chosen-sprite.png') no-repeat 100% -22px, -o-linear-gradient(top, #eeeeee 1%, #ffffff 15%);
    background: url('/css/chosen-sprite.png') no-repeat 100% -22px, linear-gradient(#eeeeee 1%, #ffffff 15%);
    margin: 1px 0;
    padding: 4px 20px 4px 5px;
    outline: 0;
    border: 1px solid #aaa;
    font-family: sans-serif;
    font-size: 1em;
}

.chzn-container-single .chzn-drop {
    -webkit-border-radius: 0 0 4px 4px;
    -moz-border-radius: 0 0 4px 4px;
    border-radius: 0 0 4px 4px;
    -moz-background-clip: padding;
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
}

/* @end */

.chzn-container-single-nosearch .chzn-search {
    position: absolute;
    left: -9000px;
}

/* @group Multi Chosen */

.chzn-container-multi .chzn-choices {
    background-color: #fff;
    background-image: -webkit-gradient(linear, 0 0, 0 100%, color-stop(1%, #eeeeee), color-stop(15%, #ffffff));
    background-image: -webkit-linear-gradient(top, #eeeeee 1%, #ffffff 15%);
    background-image: -moz-linear-gradient(top, #eeeeee 1%, #ffffff 15%);
    background-image: -o-linear-gradient(top, #eeeeee 1%, #ffffff 15%);
    background-image: linear-gradient(#eeeeee 1%, #ffffff 15%);
    border: 1px solid #aaa;
    margin: 0;
    padding: 0;
    cursor: text;
    overflow: hidden;
    height: auto !important;
    height: 1%;
    position: relative;
}

.chzn-container-multi .chzn-choices li {
    float: left;
    list-style: none;
}

.chzn-container-multi .chzn-choices .search-field {
    white-space: nowrap;
    margin: 0;
    padding: 0;
}

.chzn-container-multi .chzn-choices .search-field input {
    color: #666;
    background: transparent !important;
    border: 0 !important;
    font-family: sans-serif;
    font-size: 100%;
    height: 15px;
    padding: 5px;
    margin: 1px 0;
    outline: 0;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
}

.chzn-container-multi .chzn-choices .search-field .default { color: #999; }

.chzn-container-multi .chzn-choices .search-choice {
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    -moz-background-clip: padding;
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
    background-color: #e4e4e4;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f4f4f4', endColorstr='#eeeeee', GradientType=0);
    background-image: -webkit-gradient(linear, 0 0, 0 100%, color-stop(20%, #f4f4f4), color-stop(50%, #f0f0f0), color-stop(52%, #e8e8e8), color-stop(100%, #eeeeee));
    background-image: -webkit-linear-gradient(top, #f4f4f4 20%, #f0f0f0 50%, #e8e8e8 52%, #eeeeee 100%);
    background-image: -moz-linear-gradient(top, #f4f4f4 20%, #f0f0f0 50%, #e8e8e8 52%, #eeeeee 100%);
    background-image: -o-linear-gradient(top, #f4f4f4 20%, #f0f0f0 50%, #e8e8e8 52%, #eeeeee 100%);
    background-image: linear-gradient(#f4f4f4 20%, #f0f0f0 50%, #e8e8e8 52%, #eeeeee 100%);
    -webkit-box-shadow: 0 0 2px #ffffff inset, 0 1px 0 rgba(0, 0, 0, 0.05);
    -moz-box-shadow: 0 0 2px #ffffff inset, 0 1px 0 rgba(0, 0, 0, 0.05);
    box-shadow: 0 0 2px #ffffff inset, 0 1px 0 rgba(0, 0, 0, 0.05);
    color: #333;
    border: 1px solid #aaaaaa;
    line-height: 13px;
    padding: 3px 20px 3px 5px;
    margin: 3px 0 3px 5px;
    position: relative;
    cursor: default;
}

.chzn-container-multi .chzn-choices .search-choice-focus { background: #d4d4d4; }

.chzn-container-multi .chzn-choices .search-choice .search-choice-close {
    display: block;
    position: absolute;
    right: 3px;
    top: 4px;
    width: 12px;
    height: 13px;
    font-size: 1px;
    background: url('/css/chosen-sprite.png') right top no-repeat;
}

.chzn-container-multi .chzn-choices .search-choice .search-choice-close:hover { background-position: right -11px; }

.chzn-container-multi .chzn-choices .search-choice-focus .search-choice-close { background-position: right -11px; }

/* @end */

/* @group Results */

.chzn-container .chzn-results {
    margin: 0 4px 4px 0;
    max-height: 240px;
    padding: 0 0 0 4px;
    position: relative;
    overflow-x: hidden;
    overflow-y: auto;
    -webkit-overflow-scrolling: touch;
}

.chzn-container-multi .chzn-results {
    margin: -1px 0 0;
    padding: 0;
}

.chzn-container .chzn-results li {
    display: none;
    line-height: 15px;
    padding: 5px 6px;
    margin: 0;
    list-style: none;
}

.chzn-container .chzn-results .active-result {
    cursor: pointer !important;
    display: list-item;
}

.chzn-container .chzn-results .highlighted {
    background-color: #3875d7;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#3875d7', endColorstr='#2a62bc', GradientType=0);
    background-image: -webkit-gradient(linear, 0 0, 0 100%, color-stop(20%, #3875d7), color-stop(90%, #2a62bc));
    background-image: -webkit-linear-gradient(top, #3875d7 20%, #2a62bc 90%);
    background-image: -moz-linear-gradient(top, #3875d7 20%, #2a62bc 90%);
    background-image: -o-linear-gradient(top, #3875d7 20%, #2a62bc 90%);
    background-image: linear-gradient(#3875d7 20%, #2a62bc 90%);
    color: #fff;
}

.chzn-container .chzn-results li em {
    background: #feffde;
    font-style: normal;
    font-weight: bold;
}

.chzn-container .chzn-results .highlighted em { background: transparent; }

.chzn-container .chzn-results .no-results {
    background: #f4f4f4;
    display: list-item;
}

.chzn-container .chzn-results .group-result {
    cursor: default;
    color: #999;
    font-weight: bold;
}

.chzn-container .chzn-results .group-option { padding-left: 15px; }

.chzn-container-multi .chzn-drop .result-selected { display: none; }

.chzn-container .chzn-results-scroll {
    background: white;
    margin: 0 4px;
    position: absolute;
    text-align: center;
    width: 321px; /* This should by dynamic with js */
    z-index: 1;
}

.chzn-container .chzn-results-scroll span {
    display: inline-block;
    height: 17px;
    text-indent: -5000px;
    width: 9px;
}

.chzn-container .chzn-results-scroll-down { bottom: 0; }

.chzn-container .chzn-results-scroll-down span { background: url('/css/chosen-sprite.png') no-repeat -4px -3px; }

.chzn-container .chzn-results-scroll-up span { background: url('/css/chosen-sprite.png') no-repeat -22px -3px; }

/* @end */

/* @group Active  */

.chzn-container-active .chzn-single {
    -webkit-box-shadow: 0 0 5px rgba(0, 0, 0, .3);
    -moz-box-shadow: 0 0 5px rgba(0, 0, 0, .3);
    box-shadow: 0 0 5px rgba(0, 0, 0, .3);
    border: 1px solid #5897fb;
}

.chzn-container-active .chzn-single-with-drop {
    border: 1px solid #aaa;
    -webkit-box-shadow: 0 1px 0 #fff inset;
    -moz-box-shadow: 0 1px 0 #fff inset;
    box-shadow: 0 1px 0 #fff inset;
    background-color: #eee;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#eeeeee', endColorstr='#ffffff', GradientType=0);
    background-image: -webkit-gradient(linear, 0 0, 0 100%, color-stop(20%, #eeeeee), color-stop(80%, #ffffff));
    background-image: -webkit-linear-gradient(top, #eeeeee 20%, #ffffff 80%);
    background-image: -moz-linear-gradient(top, #eeeeee 20%, #ffffff 80%);
    background-image: -o-linear-gradient(top, #eeeeee 20%, #ffffff 80%);
    background-image: linear-gradient(#eeeeee 20%, #ffffff 80%);
    -webkit-border-bottom-left-radius: 0;
    -webkit-border-bottom-right-radius: 0;
    -moz-border-radius-bottomleft: 0;
    -moz-border-radius-bottomright: 0;
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
}

.chzn-container-active .chzn-single-with-drop div {
    background: transparent;
    border-left: none;
}

.chzn-container-active .chzn-single-with-drop div b { background-position: -18px 1px; }

.chzn-container-active .chzn-choices {
    -webkit-box-shadow: 0 0 5px rgba(0, 0, 0, .3);
    -moz-box-shadow: 0 0 5px rgba(0, 0, 0, .3);
    box-shadow: 0 0 5px rgba(0, 0, 0, .3);
    border: 1px solid #5897fb;
}

.chzn-container-active .chzn-choices .search-field input { color: #111 !important; }

/* @end */

/* @group Disabled Support */

.chzn-disabled {
    cursor: default;
    opacity: 0.5 !important;
}

.chzn-disabled .chzn-single { cursor: default; }

.chzn-disabled .chzn-choices .search-choice .search-choice-close { cursor: default; }

/* @group Right to Left */

.chzn-rtl { text-align: right; }

.chzn-rtl .chzn-single {
    padding: 0 8px 0 0;
    overflow: visible;
}

.chzn-rtl .chzn-single span {
    margin-left: 26px;
    margin-right: 0;
    direction: rtl;
}

.chzn-rtl .chzn-single div {
    left: 3px;
    right: auto;
}

.chzn-rtl .chzn-single abbr {
    left: 26px;
    right: auto;
}

.chzn-rtl .chzn-choices .search-field input { direction: rtl; }

.chzn-rtl .chzn-choices li { float: right; }

.chzn-rtl .chzn-choices .search-choice {
    padding: 3px 5px 3px 19px;
    margin: 3px 5px 3px 0;
}

.chzn-rtl .chzn-choices .search-choice .search-choice-close {
    left: 4px;
    right: auto;
    background-position: right top;
}

.chzn-rtl.chzn-container-single .chzn-results {
    margin: 0 0 4px 4px;
    padding: 0 4px 0 0;
}

.chzn-rtl .chzn-results .group-option {
    padding-left: 0;
    padding-right: 15px;
}

.chzn-rtl.chzn-container-active .chzn-single-with-drop div { border-right: none; }

.chzn-rtl .chzn-search input {
    background: #fff url('/css/chosen-sprite.png') no-repeat -38px -22px;
    background: url('/css/chosen-sprite.png') no-repeat -38px -22px, -webkit-gradient(linear, 0 0, 0 100%, color-stop(1%, #eeeeee), color-stop(15%, #ffffff));
    background: url('/css/chosen-sprite.png') no-repeat -38px -22px, -webkit-linear-gradient(top, #eeeeee 1%, #ffffff 15%);
    background: url('/css/chosen-sprite.png') no-repeat -38px -22px, -moz-linear-gradient(top, #eeeeee 1%, #ffffff 15%);
    background: url('/css/chosen-sprite.png') no-repeat -38px -22px, -o-linear-gradient(top, #eeeeee 1%, #ffffff 15%);
    background: url('/css/chosen-sprite.png') no-repeat -38px -22px, linear-gradient(#eeeeee 1%, #ffffff 15%);
    padding: 4px 5px 4px 20px;
    direction: rtl;
}

.chzn-holder {
    padding: 0 10px;
    padding-bottom: 5px;
    text-align: right
}
/* @end */

/*!
 * jQuery UI CSS Framework 1.8.23
 *
 * Copyright 2012, AUTHORS.txt (http://jqueryui.com/about)
 * Dual licensed under the MIT or GPL Version 2 licenses.
 * http://jquery.org/license
 *
 * http://docs.jquery.com/UI/Theming/API
 */

/* Layout helpers
----------------------------------*/
.ui-helper-hidden { display: none; }
.ui-helper-hidden-accessible { position: absolute !important; clip: rect(1px 1px 1px 1px); clip: rect(1px,1px,1px,1px); }
.ui-helper-reset { margin: 0; padding: 0; border: 0; outline: 0; line-height: 1.3; text-decoration: none; font-size: 100%; list-style: none; }
.ui-helper-clearfix:before, .ui-helper-clearfix:after { content: ""; display: table; }
.ui-helper-clearfix:after { clear: both; }
.ui-helper-clearfix { zoom: 1; }
.ui-helper-zfix { width: 100%; height: 100%; top: 0; left: 0; position: absolute; opacity: 0; filter:Alpha(Opacity=0); }


/* Interaction Cues
----------------------------------*/
.ui-state-disabled { cursor: default !important; }


/* Icons
----------------------------------*/

/* states and images */
.ui-icon { display: block; text-indent: -99999px; overflow: hidden; background-repeat: no-repeat; }


/* Misc visuals
----------------------------------*/

/* Overlays */
.ui-widget-overlay { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }


/*!
 * jQuery UI CSS Framework 1.8.23
 *
 * Copyright 2012, AUTHORS.txt (http://jqueryui.com/about)
 * Dual licensed under the MIT or GPL Version 2 licenses.
 * http://jquery.org/license
 *
 * http://docs.jquery.com/UI/Theming/API
 *
 * To view and modify this theme, visit http://jqueryui.com/themeroller/?ffDefault=Verdana,Arial,sans-serif&fwDefault=normal&fsDefault=1.1em&cornerRadius=4px&bgColorHeader=cccccc&bgTextureHeader=03_highlight_soft.png&bgImgOpacityHeader=75&borderColorHeader=aaaaaa&fcHeader=222222&iconColorHeader=222222&bgColorContent=ffffff&bgTextureContent=01_flat.png&bgImgOpacityContent=75&borderColorContent=aaaaaa&fcContent=222222&iconColorContent=222222&bgColorDefault=e6e6e6&bgTextureDefault=02_glass.png&bgImgOpacityDefault=75&borderColorDefault=d3d3d3&fcDefault=555555&iconColorDefault=888888&bgColorHover=dadada&bgTextureHover=02_glass.png&bgImgOpacityHover=75&borderColorHover=999999&fcHover=212121&iconColorHover=454545&bgColorActive=ffffff&bgTextureActive=02_glass.png&bgImgOpacityActive=65&borderColorActive=aaaaaa&fcActive=212121&iconColorActive=454545&bgColorHighlight=fbf9ee&bgTextureHighlight=02_glass.png&bgImgOpacityHighlight=55&borderColorHighlight=fcefa1&fcHighlight=363636&iconColorHighlight=2e83ff&bgColorError=fef1ec&bgTextureError=02_glass.png&bgImgOpacityError=95&borderColorError=cd0a0a&fcError=cd0a0a&iconColorError=cd0a0a&bgColorOverlay=aaaaaa&bgTextureOverlay=01_flat.png&bgImgOpacityOverlay=0&opacityOverlay=30&bgColorShadow=aaaaaa&bgTextureShadow=01_flat.png&bgImgOpacityShadow=0&opacityShadow=30&thicknessShadow=8px&offsetTopShadow=-8px&offsetLeftShadow=-8px&cornerRadiusShadow=8px
 */


/* Component containers
----------------------------------*/
.ui-widget { font-family: Verdana,Arial,sans-serif; font-size: 1.1em; }
.ui-widget .ui-widget { font-size: 1em; }
.ui-widget input, .ui-widget select, .ui-widget textarea, .ui-widget button { font-family: Verdana,Arial,sans-serif; font-size: 1em; }
.ui-widget-content { border: 1px solid #aaaaaa; background: #ffffff url('/css/smoothness/images/ui-bg_flat_75_ffffff_40x100.png') 50% 50% repeat-x; color: #222222; }
.ui-widget-content a { color: #222222; }
.ui-widget-header { border: 1px solid #aaaaaa; background: #cccccc url('/css/smoothness/images/ui-bg_highlight-soft_75_cccccc_1x100.png') 50% 50% repeat-x; color: #222222; font-weight: bold; }
.ui-widget-header a { color: #222222; }

/* Interaction states
----------------------------------*/
.ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default { border: 1px solid #d3d3d3; background: #e6e6e6 url(/css/smoothness/images/ui-bg_glass_75_e6e6e6_1x400.png) 50% 50% repeat-x; font-weight: normal; color: #555555; }
.ui-state-default a, .ui-state-default a:link, .ui-state-default a:visited { color: #555555; text-decoration: none; }
.ui-state-hover, .ui-widget-content .ui-state-hover, .ui-widget-header .ui-state-hover, .ui-state-focus, .ui-widget-content .ui-state-focus, .ui-widget-header .ui-state-focus { border: 1px solid #999999; background: #dadada url(/css/smoothness/images/ui-bg_glass_75_dadada_1x400.png) 50% 50% repeat-x; font-weight: normal; color: #212121; }
.ui-state-hover a, .ui-state-hover a:hover { color: #212121; text-decoration: none; }
.ui-state-active, .ui-widget-content .ui-state-active, .ui-widget-header .ui-state-active { border: 1px solid #aaaaaa; background: #ffffff url(/css/smoothness/images/ui-bg_glass_65_ffffff_1x400.png) 50% 50% repeat-x; font-weight: normal; color: #212121; }
.ui-state-active a, .ui-state-active a:link, .ui-state-active a:visited { color: #212121; text-decoration: none; }
.ui-widget :active { outline: none; }

/* Interaction Cues
----------------------------------*/
.ui-state-highlight, .ui-widget-content .ui-state-highlight, .ui-widget-header .ui-state-highlight  {border: 1px solid #fcefa1; background: #fbf9ee url(/css/smoothness/images/ui-bg_glass_55_fbf9ee_1x400.png) 50% 50% repeat-x; color: #363636; }
.ui-state-highlight a, .ui-widget-content .ui-state-highlight a,.ui-widget-header .ui-state-highlight a { color: #363636; }
.ui-state-error, .ui-widget-content .ui-state-error, .ui-widget-header .ui-state-error {border: 1px solid #cd0a0a; background: #fef1ec url(/css/smoothness/images/ui-bg_glass_95_fef1ec_1x400.png) 50% 50% repeat-x; color: #cd0a0a; }
.ui-state-error a, .ui-widget-content .ui-state-error a, .ui-widget-header .ui-state-error a { color: #cd0a0a; }
.ui-state-error-text, .ui-widget-content .ui-state-error-text, .ui-widget-header .ui-state-error-text { color: #cd0a0a; }
.ui-priority-primary, .ui-widget-content .ui-priority-primary, .ui-widget-header .ui-priority-primary { font-weight: bold; }
.ui-priority-secondary, .ui-widget-content .ui-priority-secondary,  .ui-widget-header .ui-priority-secondary { opacity: .7; filter:Alpha(Opacity=70); font-weight: normal; }
.ui-state-disabled, .ui-widget-content .ui-state-disabled, .ui-widget-header .ui-state-disabled { opacity: .35; filter:Alpha(Opacity=35); background-image: none; }

/* Icons
----------------------------------*/

/* states and images */
.ui-icon { width: 16px; height: 16px; background-image: url(/css/smoothness/images/ui-icons_222222_256x240.png); }
.ui-widget-content .ui-icon {background-image: url(/css/smoothness/images/ui-icons_222222_256x240.png); }
.ui-widget-header .ui-icon {background-image: url(/css/smoothness/images/ui-icons_222222_256x240.png); }
.ui-state-default .ui-icon { background-image: url(/css/smoothness/images/ui-icons_888888_256x240.png); }
.ui-state-hover .ui-icon, .ui-state-focus .ui-icon {background-image: url(/css/smoothness/images/ui-icons_454545_256x240.png); }
.ui-state-active .ui-icon {background-image: url(/css/smoothness/images/ui-icons_454545_256x240.png); }
.ui-state-highlight .ui-icon {background-image: url(/css/smoothness/images/ui-icons_2e83ff_256x240.png); }
.ui-state-error .ui-icon, .ui-state-error-text .ui-icon {background-image: url(/css/smoothness/images/ui-icons_cd0a0a_256x240.png); }

/* positioning */
.ui-icon-carat-1-n { background-position: 0 0; }
.ui-icon-carat-1-ne { background-position: -16px 0; }
.ui-icon-carat-1-e { background-position: -32px 0; }
.ui-icon-carat-1-se { background-position: -48px 0; }
.ui-icon-carat-1-s { background-position: -64px 0; }
.ui-icon-carat-1-sw { background-position: -80px 0; }
.ui-icon-carat-1-w { background-position: -96px 0; }
.ui-icon-carat-1-nw { background-position: -112px 0; }
.ui-icon-carat-2-n-s { background-position: -128px 0; }
.ui-icon-carat-2-e-w { background-position: -144px 0; }
.ui-icon-triangle-1-n { background-position: 0 -16px; }
.ui-icon-triangle-1-ne { background-position: -16px -16px; }
.ui-icon-triangle-1-e { background-position: -32px -16px; }
.ui-icon-triangle-1-se { background-position: -48px -16px; }
.ui-icon-triangle-1-s { background-position: -64px -16px; }
.ui-icon-triangle-1-sw { background-position: -80px -16px; }
.ui-icon-triangle-1-w { background-position: -96px -16px; }
.ui-icon-triangle-1-nw { background-position: -112px -16px; }
.ui-icon-triangle-2-n-s { background-position: -128px -16px; }
.ui-icon-triangle-2-e-w { background-position: -144px -16px; }
.ui-icon-arrow-1-n { background-position: 0 -32px; }
.ui-icon-arrow-1-ne { background-position: -16px -32px; }
.ui-icon-arrow-1-e { background-position: -32px -32px; }
.ui-icon-arrow-1-se { background-position: -48px -32px; }
.ui-icon-arrow-1-s { background-position: -64px -32px; }
.ui-icon-arrow-1-sw { background-position: -80px -32px; }
.ui-icon-arrow-1-w { background-position: -96px -32px; }
.ui-icon-arrow-1-nw { background-position: -112px -32px; }
.ui-icon-arrow-2-n-s { background-position: -128px -32px; }
.ui-icon-arrow-2-ne-sw { background-position: -144px -32px; }
.ui-icon-arrow-2-e-w { background-position: -160px -32px; }
.ui-icon-arrow-2-se-nw { background-position: -176px -32px; }
.ui-icon-arrowstop-1-n { background-position: -192px -32px; }
.ui-icon-arrowstop-1-e { background-position: -208px -32px; }
.ui-icon-arrowstop-1-s { background-position: -224px -32px; }
.ui-icon-arrowstop-1-w { background-position: -240px -32px; }
.ui-icon-arrowthick-1-n { background-position: 0 -48px; }
.ui-icon-arrowthick-1-ne { background-position: -16px -48px; }
.ui-icon-arrowthick-1-e { background-position: -32px -48px; }
.ui-icon-arrowthick-1-se { background-position: -48px -48px; }
.ui-icon-arrowthick-1-s { background-position: -64px -48px; }
.ui-icon-arrowthick-1-sw { background-position: -80px -48px; }
.ui-icon-arrowthick-1-w { background-position: -96px -48px; }
.ui-icon-arrowthick-1-nw { background-position: -112px -48px; }
.ui-icon-arrowthick-2-n-s { background-position: -128px -48px; }
.ui-icon-arrowthick-2-ne-sw { background-position: -144px -48px; }
.ui-icon-arrowthick-2-e-w { background-position: -160px -48px; }
.ui-icon-arrowthick-2-se-nw { background-position: -176px -48px; }
.ui-icon-arrowthickstop-1-n { background-position: -192px -48px; }
.ui-icon-arrowthickstop-1-e { background-position: -208px -48px; }
.ui-icon-arrowthickstop-1-s { background-position: -224px -48px; }
.ui-icon-arrowthickstop-1-w { background-position: -240px -48px; }
.ui-icon-arrowreturnthick-1-w { background-position: 0 -64px; }
.ui-icon-arrowreturnthick-1-n { background-position: -16px -64px; }
.ui-icon-arrowreturnthick-1-e { background-position: -32px -64px; }
.ui-icon-arrowreturnthick-1-s { background-position: -48px -64px; }
.ui-icon-arrowreturn-1-w { background-position: -64px -64px; }
.ui-icon-arrowreturn-1-n { background-position: -80px -64px; }
.ui-icon-arrowreturn-1-e { background-position: -96px -64px; }
.ui-icon-arrowreturn-1-s { background-position: -112px -64px; }
.ui-icon-arrowrefresh-1-w { background-position: -128px -64px; }
.ui-icon-arrowrefresh-1-n { background-position: -144px -64px; }
.ui-icon-arrowrefresh-1-e { background-position: -160px -64px; }
.ui-icon-arrowrefresh-1-s { background-position: -176px -64px; }
.ui-icon-arrow-4 { background-position: 0 -80px; }
.ui-icon-arrow-4-diag { background-position: -16px -80px; }
.ui-icon-extlink { background-position: -32px -80px; }
.ui-icon-newwin { background-position: -48px -80px; }
.ui-icon-refresh { background-position: -64px -80px; }
.ui-icon-shuffle { background-position: -80px -80px; }
.ui-icon-transfer-e-w { background-position: -96px -80px; }
.ui-icon-transferthick-e-w { background-position: -112px -80px; }
.ui-icon-folder-collapsed { background-position: 0 -96px; }
.ui-icon-folder-open { background-position: -16px -96px; }
.ui-icon-document { background-position: -32px -96px; }
.ui-icon-document-b { background-position: -48px -96px; }
.ui-icon-note { background-position: -64px -96px; }
.ui-icon-mail-closed { background-position: -80px -96px; }
.ui-icon-mail-open { background-position: -96px -96px; }
.ui-icon-suitcase { background-position: -112px -96px; }
.ui-icon-comment { background-position: -128px -96px; }
.ui-icon-person { background-position: -144px -96px; }
.ui-icon-print { background-position: -160px -96px; }
.ui-icon-trash { background-position: -176px -96px; }
.ui-icon-locked { background-position: -192px -96px; }
.ui-icon-unlocked { background-position: -208px -96px; }
.ui-icon-bookmark { background-position: -224px -96px; }
.ui-icon-tag { background-position: -240px -96px; }
.ui-icon-home { background-position: 0 -112px; }
.ui-icon-flag { background-position: -16px -112px; }
.ui-icon-calendar { background-position: -32px -112px; }
.ui-icon-cart { background-position: -48px -112px; }
.ui-icon-pencil { background-position: -64px -112px; }
.ui-icon-clock { background-position: -80px -112px; }
.ui-icon-disk { background-position: -96px -112px; }
.ui-icon-calculator { background-position: -112px -112px; }
.ui-icon-zoomin { background-position: -128px -112px; }
.ui-icon-zoomout { background-position: -144px -112px; }
.ui-icon-search { background-position: -160px -112px; }
.ui-icon-wrench { background-position: -176px -112px; }
.ui-icon-gear { background-position: -192px -112px; }
.ui-icon-heart { background-position: -208px -112px; }
.ui-icon-star { background-position: -224px -112px; }
.ui-icon-link { background-position: -240px -112px; }
.ui-icon-cancel { background-position: 0 -128px; }
.ui-icon-plus { background-position: -16px -128px; }
.ui-icon-plusthick { background-position: -32px -128px; }
.ui-icon-minus { background-position: -48px -128px; }
.ui-icon-minusthick { background-position: -64px -128px; }
.ui-icon-close { background-position: -80px -128px; }
.ui-icon-closethick { background-position: -96px -128px; }
.ui-icon-key { background-position: -112px -128px; }
.ui-icon-lightbulb { background-position: -128px -128px; }
.ui-icon-scissors { background-position: -144px -128px; }
.ui-icon-clipboard { background-position: -160px -128px; }
.ui-icon-copy { background-position: -176px -128px; }
.ui-icon-contact { background-position: -192px -128px; }
.ui-icon-image { background-position: -208px -128px; }
.ui-icon-video { background-position: -224px -128px; }
.ui-icon-script { background-position: -240px -128px; }
.ui-icon-alert { background-position: 0 -144px; }
.ui-icon-info { background-position: -16px -144px; }
.ui-icon-notice { background-position: -32px -144px; }
.ui-icon-help { background-position: -48px -144px; }
.ui-icon-check { background-position: -64px -144px; }
.ui-icon-bullet { background-position: -80px -144px; }
.ui-icon-radio-off { background-position: -96px -144px; }
.ui-icon-radio-on { background-position: -112px -144px; }
.ui-icon-pin-w { background-position: -128px -144px; }
.ui-icon-pin-s { background-position: -144px -144px; }
.ui-icon-play { background-position: 0 -160px; }
.ui-icon-pause { background-position: -16px -160px; }
.ui-icon-seek-next { background-position: -32px -160px; }
.ui-icon-seek-prev { background-position: -48px -160px; }
.ui-icon-seek-end { background-position: -64px -160px; }
.ui-icon-seek-start { background-position: -80px -160px; }
/* ui-icon-seek-first is deprecated, use ui-icon-seek-start instead */
.ui-icon-seek-first { background-position: -80px -160px; }
.ui-icon-stop { background-position: -96px -160px; }
.ui-icon-eject { background-position: -112px -160px; }
.ui-icon-volume-off { background-position: -128px -160px; }
.ui-icon-volume-on { background-position: -144px -160px; }
.ui-icon-power { background-position: 0 -176px; }
.ui-icon-signal-diag { background-position: -16px -176px; }
.ui-icon-signal { background-position: -32px -176px; }
.ui-icon-battery-0 { background-position: -48px -176px; }
.ui-icon-battery-1 { background-position: -64px -176px; }
.ui-icon-battery-2 { background-position: -80px -176px; }
.ui-icon-battery-3 { background-position: -96px -176px; }
.ui-icon-circle-plus { background-position: 0 -192px; }
.ui-icon-circle-minus { background-position: -16px -192px; }
.ui-icon-circle-close { background-position: -32px -192px; }
.ui-icon-circle-triangle-e { background-position: -48px -192px; }
.ui-icon-circle-triangle-s { background-position: -64px -192px; }
.ui-icon-circle-triangle-w { background-position: -80px -192px; }
.ui-icon-circle-triangle-n { background-position: -96px -192px; }
.ui-icon-circle-arrow-e { background-position: -112px -192px; }
.ui-icon-circle-arrow-s { background-position: -128px -192px; }
.ui-icon-circle-arrow-w { background-position: -144px -192px; }
.ui-icon-circle-arrow-n { background-position: -160px -192px; }
.ui-icon-circle-zoomin { background-position: -176px -192px; }
.ui-icon-circle-zoomout { background-position: -192px -192px; }
.ui-icon-circle-check { background-position: -208px -192px; }
.ui-icon-circlesmall-plus { background-position: 0 -208px; }
.ui-icon-circlesmall-minus { background-position: -16px -208px; }
.ui-icon-circlesmall-close { background-position: -32px -208px; }
.ui-icon-squaresmall-plus { background-position: -48px -208px; }
.ui-icon-squaresmall-minus { background-position: -64px -208px; }
.ui-icon-squaresmall-close { background-position: -80px -208px; }
.ui-icon-grip-dotted-vertical { background-position: 0 -224px; }
.ui-icon-grip-dotted-horizontal { background-position: -16px -224px; }
.ui-icon-grip-solid-vertical { background-position: -32px -224px; }
.ui-icon-grip-solid-horizontal { background-position: -48px -224px; }
.ui-icon-gripsmall-diagonal-se { background-position: -64px -224px; }
.ui-icon-grip-diagonal-se { background-position: -80px -224px; }


/* Misc visuals
----------------------------------*/

/* Corner radius */
.ui-corner-all, .ui-corner-top, .ui-corner-left, .ui-corner-tl { -moz-border-radius-topleft: 4px; -webkit-border-top-left-radius: 4px; -khtml-border-top-left-radius: 4px; border-top-left-radius: 4px; }
.ui-corner-all, .ui-corner-top, .ui-corner-right, .ui-corner-tr { -moz-border-radius-topright: 4px; -webkit-border-top-right-radius: 4px; -khtml-border-top-right-radius: 4px; border-top-right-radius: 4px; }
.ui-corner-all, .ui-corner-bottom, .ui-corner-left, .ui-corner-bl { -moz-border-radius-bottomleft: 4px; -webkit-border-bottom-left-radius: 4px; -khtml-border-bottom-left-radius: 4px; border-bottom-left-radius: 4px; }
.ui-corner-all, .ui-corner-bottom, .ui-corner-right, .ui-corner-br { -moz-border-radius-bottomright: 4px; -webkit-border-bottom-right-radius: 4px; -khtml-border-bottom-right-radius: 4px; border-bottom-right-radius: 4px; }

/* Overlays */
.ui-widget-overlay { background: #aaaaaa url(/css/smoothness/images/ui-bg_flat_0_aaaaaa_40x100.png) 50% 50% repeat-x; opacity: .30;filter:Alpha(Opacity=30); }
.ui-widget-shadow { margin: -8px 0 0 -8px; padding: 8px; background: #aaaaaa url(/css/smoothness/images/ui-bg_flat_0_aaaaaa_40x100.png) 50% 50% repeat-x; opacity: .30;filter:Alpha(Opacity=30); -moz-border-radius: 8px; -khtml-border-radius: 8px; -webkit-border-radius: 8px; border-radius: 8px; }/*!
 * jQuery UI Resizable 1.8.23
 *
 * Copyright 2012, AUTHORS.txt (http://jqueryui.com/about)
 * Dual licensed under the MIT or GPL Version 2 licenses.
 * http://jquery.org/license
 *
 * http://docs.jquery.com/UI/Resizable#theming
 */
.ui-resizable { position: relative;}
.ui-resizable-handle { position: absolute;font-size: 0.1px; display: block; }
.ui-resizable-disabled .ui-resizable-handle, .ui-resizable-autohide .ui-resizable-handle { display: none; }
.ui-resizable-n { cursor: n-resize; height: 7px; width: 100%; top: -5px; left: 0; }
.ui-resizable-s { cursor: s-resize; height: 7px; width: 100%; bottom: -5px; left: 0; }
.ui-resizable-e { cursor: e-resize; width: 7px; right: -5px; top: 0; height: 100%; }
.ui-resizable-w { cursor: w-resize; width: 7px; left: -5px; top: 0; height: 100%; }
.ui-resizable-se { cursor: se-resize; width: 12px; height: 12px; right: 1px; bottom: 1px; }
.ui-resizable-sw { cursor: sw-resize; width: 9px; height: 9px; left: -5px; bottom: -5px; }
.ui-resizable-nw { cursor: nw-resize; width: 9px; height: 9px; left: -5px; top: -5px; }
.ui-resizable-ne { cursor: ne-resize; width: 9px; height: 9px; right: -5px; top: -5px;}/*!
 * jQuery UI Selectable 1.8.23
 *
 * Copyright 2012, AUTHORS.txt (http://jqueryui.com/about)
 * Dual licensed under the MIT or GPL Version 2 licenses.
 * http://jquery.org/license
 *
 * http://docs.jquery.com/UI/Selectable#theming
 */
.ui-selectable-helper { position: absolute; z-index: 100; border:1px dotted black; }
/*!
 * jQuery UI Accordion 1.8.23
 *
 * Copyright 2012, AUTHORS.txt (http://jqueryui.com/about)
 * Dual licensed under the MIT or GPL Version 2 licenses.
 * http://jquery.org/license
 *
 * http://docs.jquery.com/UI/Accordion#theming
 */
/* IE/Win - Fix animation bug - #4615 */
.ui-accordion { width: 100%; }
.ui-accordion .ui-accordion-header { cursor: pointer; position: relative; margin-top: 1px; zoom: 1; }
.ui-accordion .ui-accordion-li-fix { display: inline; }
.ui-accordion .ui-accordion-header-active { border-bottom: 0 !important; }
.ui-accordion .ui-accordion-header a { display: block; font-size: 1em; padding: .5em .5em .5em .7em; }
.ui-accordion-icons .ui-accordion-header a { padding-left: 2.2em; }
.ui-accordion .ui-accordion-header .ui-icon { position: absolute; left: .5em; top: 50%; margin-top: -8px; }
.ui-accordion .ui-accordion-content { padding: 1em 2.2em; border-top: 0; margin-top: -2px; position: relative; top: 1px; margin-bottom: 2px; overflow: auto; display: none; zoom: 1; }
.ui-accordion .ui-accordion-content-active { display: block; }
/*!
 * jQuery UI Autocomplete 1.8.23
 *
 * Copyright 2012, AUTHORS.txt (http://jqueryui.com/about)
 * Dual licensed under the MIT or GPL Version 2 licenses.
 * http://jquery.org/license
 *
 * http://docs.jquery.com/UI/Autocomplete#theming
 */
.ui-autocomplete { position: absolute; cursor: default; }	

/* workarounds */
* html .ui-autocomplete { width:1px; } /* without this, the menu expands to 100% in IE6 */

/*
 * jQuery UI Menu 1.8.23
 *
 * Copyright 2010, AUTHORS.txt (http://jqueryui.com/about)
 * Dual licensed under the MIT or GPL Version 2 licenses.
 * http://jquery.org/license
 *
 * http://docs.jquery.com/UI/Menu#theming
 */
.ui-menu {
	list-style:none;
	padding: 2px;
	margin: 0;
	display:block;
	float: left;
}
.ui-menu .ui-menu {
	margin-top: -3px;
}
.ui-menu .ui-menu-item {
	margin:0;
	padding: 0;
	zoom: 1;
	float: left;
	clear: left;
	width: 100%;
}
.ui-menu .ui-menu-item a {
	text-decoration:none;
	display:block;
	padding:.2em .4em;
	line-height:1.5;
	zoom:1;
}
.ui-menu .ui-menu-item a.ui-state-hover,
.ui-menu .ui-menu-item a.ui-state-active {
	font-weight: normal;
	margin: -1px;
}
/*!
 * jQuery UI Button 1.8.23
 *
 * Copyright 2012, AUTHORS.txt (http://jqueryui.com/about)
 * Dual licensed under the MIT or GPL Version 2 licenses.
 * http://jquery.org/license
 *
 * http://docs.jquery.com/UI/Button#theming
 */
.ui-button { display: inline-block; position: relative; padding: 0; margin-right: .1em; text-decoration: none !important; cursor: pointer; text-align: center; zoom: 1; overflow: visible; } /* the overflow property removes extra width in IE */
.ui-button-icon-only { width: 2.2em; } /* to make room for the icon, a width needs to be set here */
button.ui-button-icon-only { width: 2.4em; } /* button elements seem to need a little more width */
.ui-button-icons-only { width: 3.4em; } 
button.ui-button-icons-only { width: 3.7em; } 

/*button text element */
.ui-button .ui-button-text { display: block; line-height: 1.4;  }
.ui-button-text-only .ui-button-text { padding: .4em 1em; }
.ui-button-icon-only .ui-button-text, .ui-button-icons-only .ui-button-text { padding: .4em; text-indent: -9999999px; }
.ui-button-text-icon-primary .ui-button-text, .ui-button-text-icons .ui-button-text { padding: .4em 1em .4em 2.1em; }
.ui-button-text-icon-secondary .ui-button-text, .ui-button-text-icons .ui-button-text { padding: .4em 2.1em .4em 1em; }
.ui-button-text-icons .ui-button-text { padding-left: 2.1em; padding-right: 2.1em; }
/* no icon support for input elements, provide padding by default */
input.ui-button { padding: .4em 1em; }

/*button icon element(s) */
.ui-button-icon-only .ui-icon, .ui-button-text-icon-primary .ui-icon, .ui-button-text-icon-secondary .ui-icon, .ui-button-text-icons .ui-icon, .ui-button-icons-only .ui-icon { position: absolute; top: 50%; margin-top: -8px; }
.ui-button-icon-only .ui-icon { left: 50%; margin-left: -8px; }
.ui-button-text-icon-primary .ui-button-icon-primary, .ui-button-text-icons .ui-button-icon-primary, .ui-button-icons-only .ui-button-icon-primary { left: .5em; }
.ui-button-text-icon-secondary .ui-button-icon-secondary, .ui-button-text-icons .ui-button-icon-secondary, .ui-button-icons-only .ui-button-icon-secondary { right: .5em; }
.ui-button-text-icons .ui-button-icon-secondary, .ui-button-icons-only .ui-button-icon-secondary { right: .5em; }

/*button sets*/
.ui-buttonset { margin-right: 7px; }
.ui-buttonset .ui-button { margin-left: 0; margin-right: -.3em; }

/* workarounds */
button.ui-button::-moz-focus-inner { border: 0; padding: 0; } /* reset extra padding in Firefox */
/*!
 * jQuery UI Dialog 1.8.23
 *
 * Copyright 2012, AUTHORS.txt (http://jqueryui.com/about)
 * Dual licensed under the MIT or GPL Version 2 licenses.
 * http://jquery.org/license
 *
 * http://docs.jquery.com/UI/Dialog#theming
 */
.ui-dialog { position: absolute; padding: .2em; width: 300px; overflow: hidden; }
.ui-dialog .ui-dialog-titlebar { padding: .4em 1em; position: relative;  }
.ui-dialog .ui-dialog-title { float: left; margin: .1em 16px .1em 0; } 
.ui-dialog .ui-dialog-titlebar-close { position: absolute; right: .3em; top: 50%; width: 19px; margin: -10px 0 0 0; padding: 1px; height: 18px; }
.ui-dialog .ui-dialog-titlebar-close span { display: block; margin: 1px; }
.ui-dialog .ui-dialog-titlebar-close:hover, .ui-dialog .ui-dialog-titlebar-close:focus { padding: 0; }
.ui-dialog .ui-dialog-content { position: relative; border: 0; padding: .5em 1em; background: none; overflow: auto; zoom: 1; }
.ui-dialog .ui-dialog-buttonpane { text-align: left; border-width: 1px 0 0 0; background-image: none; margin: .5em 0 0 0; padding: .3em 1em .5em .4em; }
.ui-dialog .ui-dialog-buttonpane .ui-dialog-buttonset { float: right; }
.ui-dialog .ui-dialog-buttonpane button { margin: .5em .4em .5em 0; cursor: pointer; }
.ui-dialog .ui-resizable-se { width: 14px; height: 14px; right: 3px; bottom: 3px; }
.ui-draggable .ui-dialog-titlebar { cursor: move; }
/*!
 * jQuery UI Slider 1.8.23
 *
 * Copyright 2012, AUTHORS.txt (http://jqueryui.com/about)
 * Dual licensed under the MIT or GPL Version 2 licenses.
 * http://jquery.org/license
 *
 * http://docs.jquery.com/UI/Slider#theming
 */
.ui-slider { position: relative; text-align: left; }
.ui-slider .ui-slider-handle { position: absolute; z-index: 2; width: 1.2em; height: 1.2em; cursor: default; }
.ui-slider .ui-slider-range { position: absolute; z-index: 1; font-size: .7em; display: block; border: 0; background-position: 0 0; }

.ui-slider-horizontal { height: .8em; }
.ui-slider-horizontal .ui-slider-handle { top: -.3em; margin-left: -.6em; }
.ui-slider-horizontal .ui-slider-range { top: 0; height: 100%; }
.ui-slider-horizontal .ui-slider-range-min { left: 0; }
.ui-slider-horizontal .ui-slider-range-max { right: 0; }

.ui-slider-vertical { width: .8em; height: 100px; }
.ui-slider-vertical .ui-slider-handle { left: -.3em; margin-left: 0; margin-bottom: -.6em; }
.ui-slider-vertical .ui-slider-range { left: 0; width: 100%; }
.ui-slider-vertical .ui-slider-range-min { bottom: 0; }
.ui-slider-vertical .ui-slider-range-max { top: 0; }/*!
 * jQuery UI Tabs 1.8.23
 *
 * Copyright 2012, AUTHORS.txt (http://jqueryui.com/about)
 * Dual licensed under the MIT or GPL Version 2 licenses.
 * http://jquery.org/license
 *
 * http://docs.jquery.com/UI/Tabs#theming
 */
.ui-tabs { position: relative; padding: .2em; zoom: 1; } /* position: relative prevents IE scroll bug (element with position: relative inside container with overflow: auto appear as "fixed") */
.ui-tabs .ui-tabs-nav { margin: 0; padding: .2em .2em 0; }
.ui-tabs .ui-tabs-nav li { list-style: none; float: left; position: relative; top: 1px; margin: 0 .2em 1px 0; border-bottom: 0 !important; padding: 0; white-space: nowrap; }
.ui-tabs .ui-tabs-nav li a { float: left; padding: .5em 1em; text-decoration: none; }
.ui-tabs .ui-tabs-nav li.ui-tabs-selected { margin-bottom: 0; padding-bottom: 1px; }
.ui-tabs .ui-tabs-nav li.ui-tabs-selected a, .ui-tabs .ui-tabs-nav li.ui-state-disabled a, .ui-tabs .ui-tabs-nav li.ui-state-processing a { cursor: text; }
.ui-tabs .ui-tabs-nav li a, .ui-tabs.ui-tabs-collapsible .ui-tabs-nav li.ui-tabs-selected a { cursor: pointer; } /* first selector in group seems obsolete, but required to overcome bug in Opera applying cursor: text overall if defined elsewhere... */
.ui-tabs .ui-tabs-panel { display: block; border-width: 0; padding: 1em 1.4em; background: none; }
.ui-tabs .ui-tabs-hide { display: none !important; }
/*!
 * jQuery UI Datepicker 1.8.23
 *
 * Copyright 2012, AUTHORS.txt (http://jqueryui.com/about)
 * Dual licensed under the MIT or GPL Version 2 licenses.
 * http://jquery.org/license
 *
 * http://docs.jquery.com/UI/Datepicker#theming
 */
.ui-datepicker { width: 17em; padding: .2em .2em 0; display: none; }
.ui-datepicker .ui-datepicker-header { position:relative; padding:.2em 0; }
.ui-datepicker .ui-datepicker-prev, .ui-datepicker .ui-datepicker-next { position:absolute; top: 2px; width: 1.8em; height: 1.8em; }
.ui-datepicker .ui-datepicker-prev-hover, .ui-datepicker .ui-datepicker-next-hover { top: 1px; }
.ui-datepicker .ui-datepicker-prev { left:2px; }
.ui-datepicker .ui-datepicker-next { right:2px; }
.ui-datepicker .ui-datepicker-prev-hover { left:1px; }
.ui-datepicker .ui-datepicker-next-hover { right:1px; }
.ui-datepicker .ui-datepicker-prev span, .ui-datepicker .ui-datepicker-next span { display: block; position: absolute; left: 50%; margin-left: -8px; top: 50%; margin-top: -8px;  }
.ui-datepicker .ui-datepicker-title { margin: 0 2.3em; line-height: 1.8em; text-align: center; }
.ui-datepicker .ui-datepicker-title select { font-size:1em; margin:1px 0; }
.ui-datepicker select.ui-datepicker-month-year {width: 100%;}
.ui-datepicker select.ui-datepicker-month, 
.ui-datepicker select.ui-datepicker-year { width: 49%;}
.ui-datepicker table {width: 100%; font-size: .9em; border-collapse: collapse; margin:0 0 .4em; }
.ui-datepicker th { padding: .7em .3em; text-align: center; font-weight: bold; border: 0;  }
.ui-datepicker td { border: 0; padding: 1px; }
.ui-datepicker td span, .ui-datepicker td a { display: block; padding: .2em; text-align: right; text-decoration: none; }
.ui-datepicker .ui-datepicker-buttonpane { background-image: none; margin: .7em 0 0 0; padding:0 .2em; border-left: 0; border-right: 0; border-bottom: 0; }
.ui-datepicker .ui-datepicker-buttonpane button { float: right; margin: .5em .2em .4em; cursor: pointer; padding: .2em .6em .3em .6em; width:auto; overflow:visible; }
.ui-datepicker .ui-datepicker-buttonpane button.ui-datepicker-current { float:left; }

/* with multiple calendars */
.ui-datepicker.ui-datepicker-multi { width:auto; }
.ui-datepicker-multi .ui-datepicker-group { float:left; }
.ui-datepicker-multi .ui-datepicker-group table { width:95%; margin:0 auto .4em; }
.ui-datepicker-multi-2 .ui-datepicker-group { width:50%; }
.ui-datepicker-multi-3 .ui-datepicker-group { width:33.3%; }
.ui-datepicker-multi-4 .ui-datepicker-group { width:25%; }
.ui-datepicker-multi .ui-datepicker-group-last .ui-datepicker-header { border-left-width:0; }
.ui-datepicker-multi .ui-datepicker-group-middle .ui-datepicker-header { border-left-width:0; }
.ui-datepicker-multi .ui-datepicker-buttonpane { clear:left; }
.ui-datepicker-row-break { clear:both; width:100%; font-size:0em; }

/* RTL support */
.ui-datepicker-rtl { direction: rtl; }
.ui-datepicker-rtl .ui-datepicker-prev { right: 2px; left: auto; }
.ui-datepicker-rtl .ui-datepicker-next { left: 2px; right: auto; }
.ui-datepicker-rtl .ui-datepicker-prev:hover { right: 1px; left: auto; }
.ui-datepicker-rtl .ui-datepicker-next:hover { left: 1px; right: auto; }
.ui-datepicker-rtl .ui-datepicker-buttonpane { clear:right; }
.ui-datepicker-rtl .ui-datepicker-buttonpane button { float: left; }
.ui-datepicker-rtl .ui-datepicker-buttonpane button.ui-datepicker-current { float:right; }
.ui-datepicker-rtl .ui-datepicker-group { float:right; }
.ui-datepicker-rtl .ui-datepicker-group-last .ui-datepicker-header { border-right-width:0; border-left-width:1px; }
.ui-datepicker-rtl .ui-datepicker-group-middle .ui-datepicker-header { border-right-width:0; border-left-width:1px; }

/* IE6 IFRAME FIX (taken from datepicker 1.5.3 */
.ui-datepicker-cover {
    position: absolute; /*must have*/
    z-index: -1; /*must have*/
    filter: mask(); /*must have*/
    top: -4px; /*must have*/
    left: -4px; /*must have*/
    width: 200px; /*must have*/
    height: 200px; /*must have*/
}/*!
 * jQuery UI Progressbar 1.8.23
 *
 * Copyright 2012, AUTHORS.txt (http://jqueryui.com/about)
 * Dual licensed under the MIT or GPL Version 2 licenses.
 * http://jquery.org/license
 *
 * http://docs.jquery.com/UI/Progressbar#theming
 */
.ui-progressbar { height:2em; text-align: left; overflow: hidden; }
.ui-progressbar .ui-progressbar-value {margin: -1px; height:100%; }

/* override */

.w-btn:hover {
    background-position: -22px -28px;
    color: black;
}

.w-btn {
    background-image: url(/Images/add-new-bg.png);
    background-position: -22px 0;
    background-repeat: no-repeat;
    border: 1px solid #CCC;
    cursor: pointer;
    height: 30px;
    margin: 0 0 0 5px;
    color: #666;
    float: left;
    font-size: 11px;
    font-weight: bold;
    line-height: 28px;
    padding: 0 5px 0 5px;
    text-decoration: none;
    width: 270px;
}

.w-btn.budget {
    height: auto;
    width: auto;
}

.negative { color: #F80 !important; }

#mainAccountView { background-color: transparent !important; }

#dasboard-accounts .balance-box .name { padding: 1px 0 5px; }

#dasboard-accounts .account-settings {
    display: inline-block;
    margin-left: 10px;
    margin-top: 10px;
    font-weight: normal;
}

#dasboard-accounts .balance-box .sub-balance-box {
    float: right;
    padding: 0;
    width: 270px;
    font-size: 10px;
    line-height: 14px;
}

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

#dasboard-accounts .balance-box .subbalance {
    float: right;
    text-align: right;
    width: 120px;
}

#dasboard-accounts .equally { float: right; }

#dasboard-transactions li a.active { font-weight: bold; }


#upup a {
    line-height: 18px;
    color: #FFF;
}

#upup a.show-password:hover {
    border-bottom: 1px solid #FFF;
    text-decoration: none;
}

#upup a.show-password { border-bottom: 1px dashed #FFF; }

#upup .checkbox { margin-left: 19px; }

#upup .checkbox { margin-left: 19px; }

#inin .sublinks { margin: 10px 19px; }

#inin .sublinks a {
    color: white;
    font-weight: bold;
}

#inin .sublinks a:hover {
    color: white;
    font-weight: bold;
    text-decoration: underline;
}

#login-box .signup-b, #login-box .signin-b { height: 38px; }

.box-notification .box-content { width: 270px; }

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

#wizard-nav .wizard-step1 { width: 200px; }

#wizard-nav .wizard-step2 { width: 270px; }

#wizard-nav .wizard-step3 { width: 260px; }

#wizard-nav .wizard-step4 { width: 252px; }

#wizard-nav .wizard-step5 { width: 235px; }

#header-box { background-color: #dad9d5; }

.line label { }

.line input {
    padding: 0;
    height: 25px;
}

.line select {
    height: 26px;
    margin-right: 5px;
    padding: 0;
}

.line .operationeditinput { width: 100px; }

.feature-desc p {
    font-size: 28px;
    padding-top: 60px;
}

.footer-info {
    line-height: 16px;
    width: 450px !important;
}

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

#dashboard .box { border-bottom: none; }

#dashboard .content { float: right; }

#dashboard .content .box-content {
    float: none;
    border-bottom: dotted 1px #333;
}

#logo { font-size: 11px; }

.textaligncenter { text-align: center; }

#header-nav-dasboard {
    position: relative;
    width: 762px;
    z-index: 5;
}

#toplogin { float: right; }

.recoverPass {
     min-width:650px;
     margin: 5% auto;
     width:700px;
     background-color:#FAFAFA;
     padding:25px;
}

.recoverPass h2 {
    font-size: 20px;
    font-weight: normal;
    color: #666;
    margin: 0 0 20px;
}

.recoverPass .bigTextBox {
    color: #333;
    font-size: 1.3em;
    height: 24px;
    width: 242px;
    padding:4px 8px;
    display: block;
}

.recoverPass .template_button_big {
    clear:both;
    color:#333;
    float: left;
    font-size: 16px;
    font-weight: normal;
    display: inline-block;
    height:35px;
    margin: 20px 0 0;
}

.recoverPass span {
    color:#666;
    clear:left;
    display:block;
    font-size: 1.2em;
    padding:15px 0 5px;
}

.recoverPass span.error {
    color: orange;
}

.account-manager label {
    padding-left: 6px;
    float: none;
    font-weight: 400;
    line-height: 14px;
}

.account-manager-limit-inform .trial-premium-info-premium { width: 400px; }

.old { }

.old a { text-decoration: none; }

.old { min-height: 300px; }

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

.old input[type=text], .old input[type=password] {
    border: 1px solid #CFCFCF;
    height: 16px;
    padding: 2px;
    font-size: 1em;
    float: none;
}

.old img { vertical-align: bottom; }

.old label {
    padding-left: 6px;
    float: none;
    font-weight: 400;
    line-height: 14px;
}

.old select {
    float: none;
    height: 22px;
    line-height: 22px;
    padding: 0;
}

.old #wizard select { float: left; }

.old #wizard label {
    float: left;
    font-weight: 800;
    padding-left: 0;
}

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

#dashboard .content .box {
    margin-bottom: 10px;
    border-bottom: none;
}

#dashboard .box-title { cursor: pointer; }

#dashboard .box-title h2 { width: 80%; }

#dashboard .box-notification .premium { background-color: #9EC631; }

#dashboard .box-notification .premium h2 {
    color: #FFF;
    font-size: 110%;
    font-weight: normal;
}

#dashboard .hide-show, #dashboard .hide-show-active { border-right: none; }

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

#dashboard .close .hide-show { background-position: 0 0; }

#dasboard-transactions li a { cursor: pointer; }

#dasboard-transactions ul {
    background-color: #FAFAFA;
    width: 100%;
}

#dashboard .dashboardformbox { border: none; }

#dasboard-transactions li { border-top: 1px solid #DDD; }

.add-new {
    margin: 0 0 0 5px;
    height: 29px;
    cursor: pointer;
}

#wizard .edit-transaction-category input { margin: 3px 10px 3px 20px; }

#wizard .edit-transaction-category input.save-button, #wizard .edit-transaction-subcategory input.save-button, #wizard .add-transaction-subcategory input.save-button {
    background-color: transparent;
    background-image: url(/Images/b-save.png);
    background-repeat: no-repeat;
    border: none;
    cursor: pointer;
    float: left;
    font-size: 11px;
    font-family: Verdana, Tahoma, Helvetica, sans-serif;
    line-height: 20px;
    margin: 0 10px 0 0;
    padding: 0 0 0 20px;
    width: 100px;
    color: #369;
    font-weight: normal;
}

#wizard .edit-transaction-category input.save-button:hover { background-position: 0 -20px; }

#wizard .wizard-box .addNewButtons { width: 50px; }

#wizard .wizard-box .addNewCurrency { width: 570px; }

/* end override 

.da .acc .caption
{
	max-width: 238px;
	overflow: hidden;
	text-overflow: ellipsis;
	-o-text-overflow: ellipsis;
}
*/

.premium .box-content {
    padding: 10px;
    background-color: #FFF;
}

input[type=text].operationeditinput {
    border: 1px solid #CFCFCF;
    height: 20px;
    padding: 2px;
    font-size: 1em;
}

.datebtn { vertical-align: text-bottom; }

#appmenu {
    left: 198px;
    position: absolute;
    top: 35px;
    font-size: 1.2em;
}

#appmenu a {
    float: left;
    margin: 0;
    padding: 0 0 0 4px;
    text-decoration: none;
}

#appmenu a span {
    display: block;
    float: none;
    padding: 0 15px 1px 8px;
}

#appmenu li {
    display: inline;
    float: left;
    height: 26px;
    margin: 0;
}

#appmenu li.active {
    background-color: #F0F0F0;
    display: inline;
    float: left;
    height: 26px;
    margin-top: -5px;
    padding-top: 5px;
}

#appmenu li.active a { color: #666; }

#appmenu ul {
    font-size: 13px;
    left: 0;
    list-style: none;
    margin: 0;
    padding: 0;
}

#footer {
    clear: both;
    font-size: 95%;
    height: 50px;
}

#footer .footer-left {
    float: left;
    width: 800px;
}

.hintanchor {
    font-size: 80%;
    color: #9EC068;
}

#hintbox {
    background-color: #9EC631;
    border: 2px solid #8EB621;
    font-size: 11px;
    line-height: 16px;
    padding: 8px;
    position: absolute;
    top: 0;
    text-align: left;
    visibility: hidden;
    width: 250px;
    z-index: 10005;
}

#idСекундочки {
    background-color: #F8EAB9;
    display: none;
    font-weight: 700;
    height: 30px;
    line-height: 30px;
    position: fixed;
    text-align: center;
    width: 140px;
}

.incExp .accname {
    width: 150px;
    padding: 3px;
}

.incExp .accname div {
    overflow: hidden;
    text-overflow: ellipsis;
    -o-text-overflow: ellipsis;
    font-size: .8em;
    width: 144px;
}

.incExp .op { padding: 3px; }

.incExp .op .category {
    max-width: 300px;
    float: left;
    overflow: hidden;
    text-overflow: ellipsis;
    -o-text-overflow: ellipsis;
}

.incExp .op .description {
    float: left;
    padding-left: 5px;
}

.description {
    color: gray;
    display: block;
    font-size: 0.8em;
    margin-left: 20px;
    word-wrap: break-word;
}

.stotal {
    color: gray;
    font-size: 0.8em;
    margin-left: 10px;
    word-wrap: break-word;
}

.incExp td { vertical-align: top; }

.incExp .panel .categoryList {
    float: left;
    width: 47.5%;
}

.incExp .panel .accountList {
    float: right;
    width: 47.5%;
}

.incExp .cmdbtn {
    width: 74px;
    white-space: nowrap;
}

.catfilter, .accfilter { padding: 5px; }

.catfilter .item, .accfilter .item { clear: both; }

.catfilter .item .label, .accfilter .item .label {
    display: block;
    max-width: 230px;
    overflow: hidden;
    text-overflow: ellipsis;
}

.catfilter .item input, .accfilter .item input {
    display: block;
    float: left;
    margin: 3px;
}



.accountitem .name {
    max-width: 600px;
    overflow: hidden;
    text-overflow: ellipsis;
    -o-text-overflow: ellipsis;
}

.accountitem .name a { color: #333; }

.acctotalbox {
    padding-right: 5px;
    width: 100px;
}

.ajax__calendar_container { z-index: 1000; }

.algncentr { text-align: center; }

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

.align-right, .cm .detail div.buttons { text-align: right; }

.btnwide {
    background: transparent url(/css/images/btnwide.gif) no-repeat;
    border: 0;
    color: #52534b;
    cursor: pointer;
    font: normal 12px Arial, Verdana, Sans-serif;
    height: 22px;
    padding: 0 0 2px;
    vertical-align: middle;
    width: 120px;
}


.clear {
    clear: both;
    font-size: 0;
    height: 0;
    overflow: hidden;
}

.cm .border {
    border: 1px solid #80ABD0;
    margin-bottom: 30px;
    position: relative;
    top: 28px;
}

.cm #menu {
    height: 29px;
    position: absolute;
    z-index: 2;
}

.cm #menu a span {
    background-color: #FFF;
    float: left;
    margin: 0 5px 0 0;
    padding: 4px;
    text-align: center;
    width: 80px;
    border: 1px solid #80ABD0;
}

.cm #menu a.selectedTab span {
    background-color: #F0F5FA;
    border-bottom: #F0F5FA;
    height: 20px;
    font-weight: bold;
}

.cm .addsubcategory {
    border-top: solid 1px #666;
    display: block;
    margin-top: 20px;
    padding-top: 10px;
}

.cm .addsubcategory input { margin-top: 3px; }

.cm .deletemessage {
    color: #666;
    float: left;
    font-size: 80%;
    text-align: left;
}

.cm .detail {
    float: left;
    padding: 10px;
    width: 400px;
}

.cm .detail .labels, .cm .detail .input {
    float: left;
    width: 200px;
}

.cm .detail input[type=checkbox] { height: 16px; }

.cm .detail input[type=text] { width: 200px; }

.cm .detail select { width: 206px; }

.cm .empty {
    font-weight: 700;
    padding: 30px;
    text-align: center;
}

.cm .trans {
    border-top: solid 1px #666;
    display: block;
    margin-top: 10px;
    padding-top: 10px;
}

.cm .tree {
    background-color: #F0F5FA;
    display: block;
    float: left;
    left: -300px;
    margin-right: -300px;
    position: relative;
    vertical-align: top;
    width: 300px;
}

.cm .tree .add {
    margin: 10px 0 10px 0;
    text-align: center;
}

.cm .tree .add .btnwide, .cm .detail .btnwide, .cm .trans select { margin-top: 5px; }

.cm .tree .add .txtname { width: 280px; }

.cm .tree .item {
    display: block;
    padding: 2px 2px 2px 10px;
    width: 290px;
    overflow: hidden;
    text-overflow: ellipsis;
    -o-text-overflow: ellipsis;
}

.cm .tree .selected {
    background-color: #FFF;
    color: #666;
}

.cm .tree .sub a {
    padding-left: 25px;
    width: 275px;
}

.cm input[type=text] {
    border: 1px solid #CFCFCF;
    height: 16px;
    padding: 2px;
    vertical-align: text-bottom;
}

.cm select {
    height: 22px;
    vertical-align: text-bottom;
}

.cm .container {
    background: #FFF;
    border-left: 300px solid #F0F5FA;
}



.dashboardform .opdata { width: 715px; }


.editingrid { border: 2px solid #9EC630; }

.filter {
    float: left;
    height: 30px;
    margin-top: 5px;
    position: relative;
    z-index: 3;
}

.filter .showbutton {
    background-color: #FFF;
    border: 1px solid #CCCCCC;
    color: #666;
    cursor: pointer;
    float: left;
    font-weight: 400;
    height: 20px;
    margin: 0 10px 0 0;
    padding: 0 10px;
    position: relative;
    z-index: 5;
}

.filter .open { border-color: #CCC #CCC #FFF; }

.float-left { float: left; }

.float-right, #footer .footer-right, .da .acc .currency, .filter .applybutton { float: right; }

.formdescription {
    left: 8px;
    position: absolute;
    top: 60px;
}

.formmessage {
    display: block;
    float: left;
    padding-left: 5px;
    padding-top: 5px;
    width: 420px;
}

.group .body {
    padding: 0;
    background-color: #FFF;
}


.group .title {
    background-attachment: scroll;
    background-color: #FAFAFA;
    background-image: url(/css/images/expanded.png);
    background-position: 7px 50%;
    background-repeat: no-repeat;
    border: 1px solid #DDD;
    cursor: pointer;
    height: 20px;
    margin-top: 20px;
    padding: 1px 1px 1px 25px;
    color: #777;
    font-size: 11px;
    font-weight: bold;
}

.group .close {
    background-image: url(/css/images/collapsed.png);
    background-position: 10px 50%;
    border-bottom: 1px solid #DDD;
}

.groupbody {
    border: solid 1px #CCCCCC;
    border-top: none;
}

.grouppanel {
    background-color: #EEEEEE;
    padding: 4px;
}

.grouptitle {
    background-color: #EEEEEE;
    border: solid 1px #CCCCCC;
    border-bottom: none;
    height: 18px;
    margin-top: 10px;
    padding: 2px 2px 2px 8px;
}

.grouptitle img {
    background-color: White;
    border: solid 1px #CCC;
    float: left;
    margin-right: 4px;
}

.hint p {
    font-size: .8em;
    margin: 5px;
}

.inputtext {
    border: 1px solid #7F9DB9;
    padding: 2px;
}

.inputtotal {
    border: 1px solid #7F9DB9;
    margin-left: -1px;
    padding: 2px;
    text-align: right;
    width: 60px;
}

.login {
    border: 0;
    overflow: hidden;
    text-align: left;
    width: 100%;
}

.login-table {
    border-collapse: collapse;
    border-spacing: 0;
    width: 600px;
    font-size: 1.1em;
}

.login-table td { vertical-align: middle; }

.login-table tr, .cm .detail .labels div, .cm .detail .input div { height: 30px; }

.login.textbox { border: solid 1px #000000; }

.loginbutton {
    background: transparent url(/css/images/buttonBg.gif) no-repeat;
    border: 0;
    color: #52534b;
    font: normal 11px Arial, Verdana, Sans-serif;
    height: 22px;
    padding: 0;
    vertical-align: middle;
    width: 85px;
}

.messagelist {
    background-color: #FADC76;
    padding: 10px;
}

.messagelist .btnClose {
    background: transparent url(/images/buttonBg.gif) no-repeat;
    border: 0;
    color: #52534b;
    cursor: pointer;
    font: normal 11px Arial, Verdana, Sans-serif;
    height: 22px;
    padding: 0;
    width: 85px;
}

.messagelist .buttons {
    float: right;
    padding: 5px;
}

.messagelist h1 {
    font-weight: 400;
    margin-bottom: 10px;
}

.messagelist .item {
    background-color: #FAFAFA;
    padding: 5px;
}

.messagelist .text {
    float: left;
    padding: 5px;
}

.modalEditForm {
    height: 150px;
    left: 50%;
    margin: -150px auto auto -368px;
    padding: 10px;
    position: fixed;
    top: 50%;
    width: 737px;
    z-index: 10001;
}

.newTotalsHint {
    background-color: #F8EAB9;
    border: solid 1px #FFC801;
    font-size: 85%;
    margin-bottom: 10px;
    padding: 5px;
}

.opbl:hover { background-color: #EEE; }

.oplheader {
    font-weight: bold;
    border: solid 1px #DDD;
    border-bottom: none;
    padding: 3px;
    width: 100%;
}

.oplheader td { padding: 3px; }

.opbl {
    border: solid 1px #DDD;
    border-bottom: none;
    padding: 3px;
    width: 100%;
}

.opbl .b, .opblplan .b {
    float: right;
    padding-left: 3px;
    text-align: right;
    width: 80px;
}

.opbl .b input, .opblplan .b input { padding-right: 3px; }

.opblplan {
    border: solid 1px #DDD;
    border-bottom: none;
    background-color: #FFFFFF;
    color: Gray;
    padding: 3px;
    width: 100%;
}

.opdata {
    background: #FADC76;
    height: 110px;
    left: 0;
    padding: 8px 4px 4px 8px;
    position: absolute;
    top: 22px;
    z-index: 3;
    border: 1px solid #DDD;
}

.opdata .ddls {
    float: left;
    height: 58px;
    width: 395px;
}

.opdata .ddls .lb {
    float: left;
    width: 90px;
}

.opdata .ddls img { vertical-align: bottom; }

.opdata .right {
    float: right;
    position: relative;
    width: 105px;
}

.opdata .right .cpPlan { margin: 0 0 2px 4px; }

.opdata select { height: 22px; }

.operationeditform_header {
    height: 23px;
    position: absolute;
    z-index: 4;
    width: 100%;
}


.operationform {
    height: 145px;
    line-height: 1.5em;
    position: relative;
    width: 100%;
}

.opform .opdata { width: 890px; }

.optab {
    border: solid 1px #DDD;
    border-bottom: solid 0;
    border-top: solid 0;
    cursor: pointer;
    float: left;
    height: 25px;
    text-align: center;
    width: 150px;
    color: #4284B0;
    line-height: 24px;
}

.optabactive {
    background: #FFF;
    border: 1px #DDD;
    cursor: pointer;
    float: left;
    height: 26px;
    text-align: center;
    width: 150px;
    line-height: 24px;
}

.panel {
    background-color: #FFFFFF;
    border: 1px solid #CCCCCC;
    color: #666;
    display: none;
    font-weight: 400;
    left: 0;
    padding: 5px;
    position: absolute;
    top: 21px;
    width: 600px;
    z-index: 4;
}

.planlist { }

.planlist img {
    margin: 2px;
    padding: 2px;
    vertical-align: middle;
}

.planlist .datetitle {
    background-color: #F4F4FF;
    color: #666;
    font-size: 11px;
    font-weight: bold;
    padding: 0 0 0 8px;
}

.planlist .list {
    clear: both;
    line-height: 1em;
}

.planlist .op {
    border-bottom: 1px solid #DDD;
    padding: 2px 2px 2px 5px;
    background-color: white;
}

.planlist div.op:last-child { border-bottom: none; }

.planlist .op .b {
    float: right;
    text-align: right;
    width: 78px;
}

.planlist .op .b input { padding-right: 3px; }

.planlist .op .s {
    display: block;
    float: right;
    text-align: right;
    max-width: 200px;
}

.planlist .op .t {
    float: left;
    width: 570px;
}

.planlist .op .t .label {
    float: left;
    max-width: 415px;
    overflow: hidden;
    text-overflow: ellipsis;
    -o-text-overflow: ellipsis;
}

.planlist .overdue { background-color: #FE9; }

.recentPosts li {
    border-bottom: 1px dashed #DDDDDD;
    padding: 3px;
}

.regbtn {
    background: transparent url(/css/images/btn170_30.png) no-repeat;
    border: 0;
    color: #52534b;
    cursor: pointer;
    float: right;
    height: 30px;
    margin: 5px 80px 0 80px;
    padding: 5px 0 0;
    vertical-align: middle;
    width: 170px;
}

.tableheader {
    background-color: #80ABD0;
    color: #FFF;
    font-weight: 700;
    height: 28px;
}

.tablerow {
    background-color: rgb(250, 250, 250);
    border-bottom-color: #CCCCCC;
    border-bottom-style: dashed;
    border-bottom-width: 1px;
    height: 30px;
    margin: 5px;
}

.tblfilter { margin: 10px 5px; }

.treglnk {
    background: none repeat scroll 0 0 #87ABCB;
    color: #FFFFFF;
    font-size: 1.2em;
    margin-bottom: 10px;
    margin-top: 10px;
    padding: 5px;
    text-align: center;
}

.treglnk p {
    float: right;
    margin: 8px 0 0;
}

.treglnk p a {
    font-weight: 700;
    font-size: 18px;
    color: #FFF;
}

.updatebutton {
    background: transparent url(/css/images/buttonBg.gif) no-repeat;
    border: 0;
    color: #52534b;
    cursor: pointer;
    font: normal 11px Arial, Verdana, Sans-serif;
    height: 22px;
    padding: 0;
    width: 85px;
}

.w100 { width: 100px; }

.w150 { width: 150px; }

.watermarked { color: #CCCCCC; }

a.btnadd:hover {
    background: url(/images/commands/add2.png) left center no-repeat;
    background-position: 2px;
    padding: 3px 6px 3px 20px;
}

a.btnadd:link {
    background: url(/images/commands/add2.png) left center no-repeat;
    background-color: #FAFAFA;
    background-position: 2px;
    padding: 3px 6px 3px 20px;
}

a.btndelete:hover {
    background: url(/images/commands/icon_delete.gif) left center no-repeat;
    background-position: 5px;
    padding: 2px 6px 2px 20px;
    height: 20px;
    margin: 2px;
    vertical-align: middle;
}

a.btndelete:link {
    background: url(/images/commands/icon_delete.gif) left center no-repeat;
    background-color: #FAFAFA;
    background-position: 5px;
    padding: 2px 6px 2px 20px;
    border: 1px solid #CCCCCC;
    height: 20px;
    margin: 2px;
    text-decoration: none;
    vertical-align: middle;
}

a.btnedit:hover {
    background: url(/images/commands/edit.gif) left center no-repeat;
    background-position: 2px;
    padding: 2px 6px 2px 20px;
}

a.btnedit:link {
    background: url(/images/commands/edit.gif) left center no-repeat;
    background-color: #FAFAFA;
    background-position: 2px;
    padding: 2px 6px 2px 20px;
}

a.button:hover {
    height: 20px;
    margin: 2px;
    padding: 2px 6px;
    vertical-align: middle;
}

a.button:link {
    background-color: #FAFAFA;
    border: 1px solid #CCCCCC;
    height: 20px;
    margin: 2px;
    padding: 2px 6px;
    text-decoration: none;
    vertical-align: middle;
}

blockquote {
    background: white;
    border-color: #F2F2F2 #F2F2F2 #F2F2F2 #4284B0;
    border-style: solid;
    border-width: 1px;
    font-size: 15px;
    line-height: 23px;
    margin-bottom: 15px;
    padding: 10px;
}

div.showHide div.title {
    background-attachment: scroll;
    background-image: url(/css/images/collapsed.png);
    background-position: 3px 50%;
    background-repeat: no-repeat;
    cursor: pointer;
    display: block;
    padding: 0 22px;
}

div.showHide div.title.open {
    background-attachment: scroll;
    background-image: url(/css/images/expanded.png);
    background-position: 3px 50%;
    background-repeat: no-repeat;
    display: block;
}

div.showHide p.open {
    background-attachment: scroll;
    background-image: url(/css/images/expanded.png);
    background-position: 100% 50%;
    background-repeat: no-repeat;
    display: block;
}

fieldset {
    border: 1px solid lightgrey;
    margin-bottom: 4px;
}


img { border-width: 0; }

input[type=checkbox] { vertical-align: text-bottom; }


p { line-height: 1.4em; }


select .childe { color: #666; }

td { border: solid 0; }

ul.recentPosts {
    list-style-type: none;
    margin: 0;
    padding: 0;
}

.reg {
    margin: 5px;
    text-align: center;
}

.reg p { padding: 10px; }

.reg h2 {
    padding: 10px;
    font-size: 1.5em;
}

.reg .form {
    float: right;
    padding: 20px;
    width: 40%;
    background-color: #F0F5FA;
}

.reg h1 { font-size: 1.2em; }

.reg .form .error { color: red; }

.reg .form table { width: 100%; }

.reg td.showhidepassword, .reg .form .terms { font-size: 0.8em; }

.reg .form .button {
    font-size: 1.2em;
    background: transparent url(/css/images/btn170_30.png) no-repeat;
    border: 0;
    color: #52534b;
    height: 30px;
    vertical-align: middle;
    width: 170px;
    cursor: pointer;
}

.reg tr { height: 25px; }

.reg .welcome {
    padding: 10px;
    float: left;
    width: 50%;
    text-align: left;
}

.reg .welcome div { padding-bottom: 10px; }

.reg .welcome ul { padding-left: 10px; }

.reg .welcome ul li {
    margin: 0 0 6px 24px;
    list-style-image: url(/css/images/tick.png);
}

.reg input.big {
    font-size: 1.3em;
    height: 22px;
    width: 230px;
}

#description {
    padding-left: 10px;
    clear: both;
    display: block;
    font-size: 0.8em;
    background-color: #FFF;
}

.navbutton { vertical-align: text-bottom; }

.budgetcontrol .datetitle {
    text-align: center;
    padding: 2px;
}

.budgetcontrol .datetitle input { float: none; }

.budgetcontrol .timeTrack {
    border-left: 1px dashed Black;
    z-index: 1;
    height: 100%;
    display: block;
    position: absolute;
}

.budgetcontrol .h .budget, .budgetcontrol .item .budget, .budgetcontrol .f .budget {
    width: 89px;
    text-align: right;
    padding-right: 4px;
}

.budgetcontrol .h .caption, .budgetcontrol .item .caption {
    width: 180px;
    overflow: hidden;
    text-align: right;
    padding-right: 6px;
}

.budgetcontrol .h .mark0 {
    width: 105px;
    padding-left: 10px;
    text-align: left;
}

.budgetcontrol .h .mark100 {
    width: 100px;
    text-align: right;
}

.budgetcontrol .h .left {
    width: 100px;
    text-align: right;
    padding-right: 5px;
}

.budgetcontrol .f .bar, .budgetcontrol .item .bar {
    width: 305px;
    overflow: hidden;
    padding-left: 10px;
    color: #333;
}

.budgetcontrol .f .caption {
    width: 180px;
    overflow: hidden;
    text-align: right;
    padding-right: 6px;
}

.budgetcontrol .caption div {
    float: right;
    width: 170px;
    overflow: hidden;
    text-align: right;
    text-overflow: ellipsis;
    -o-text-overflow: ellipsis;
}

.budgetcontrol .budget, .budgetcontrol .bar { vertical-align: middle; }

.paymentresult {
    margin: 100px;
    font-size: 16px;
    line-height: 150%;
}

.paymentresult h1 {
    font-size: 24px;
    font-weight: 400;
    margin-bottom: 18px;
}

.confirpayment {
    clear: both;
    background-color: #F0F5FA;
    padding: 100px;
    text-align: center;
}

.confirpayment h1 {
    font-size: 20px;
    padding-bottom: 10px;
}

.confirpayment .btn {
    margin: 0 auto;
    background: transparent url(/css/images/btn170_30.png) no-repeat;
    border: none;
    cursor: pointer;
    display: block;
    font-size: 18px;
    height: 30px;
    text-align: center;
    vertical-align: middle;
    width: 170px;
}

.addflow .planlabel label {
    display: inline;
    font-size: 80%;
}

.fcancelbutton { margin-left: 20px; }

.dashboardform .addform .fcancelbutton { display: none; }

.accsettingsitem {
    border-bottom: solid 1px #EEE;
    background-color: white;
    padding: 5px 10px;
}

.accsettingsitem:hover { background-color: #F5F5F5; }

.accsettings .grp { background-color: #EEE; }

.accsettings .grp .title {
    background-color: #EEE;
    padding: 5px 10px;
}

.accsettings {
    padding: 10px 0;
    background-color: #FAFAFA;
}

.feature-initiate {
    font-size: 18px;
    line-height: 25px;
}

.feature-initiate b {
    font-weight: 400;
    font-size: 12px;
    line-height: 20px;
}

.pagetitle {
    font-size: 24px;
    font-weight: 400;
    margin-bottom: 18px;
}

/*стили для счетов*/

#am {
    background-color: #FDFDFD;
    border: 1px solid #EEE;
    float: left;
    width: 800px;
    margin-left: 90px;
}

#am .account-group-title {
    border: none;
    padding: 0 28px;
    height: 30px;
    line-height: 30px;
    font-size: 12px;
    font-weight: bold;
    color: #000;
    background-color: #f5f5f5;
    background-position: 8px 50%;
    border-top: 1px solid #EEE;
    margin-top: 0;
}

#am .accountitem {
    float: left;
    width: 760px;
    padding: 10px 20px;
    border-bottom: 1px solid #F5F5f5;
}

#am .accountitem:hover { background-color: #EEE; }

#am .accountitem .name {
    font-size: 18px;
    color: #000;
    width: 350px;
    float: left;
    line-height: 22px;
}

#am .accountitem .controls {
    float: left;
    clear: left;
    width: 200px;
    color: #CCC;
}

#am .accountitem .balance {
    float: right;
    clear: right;
    margin: -16px 0 4px;
    font-size: 20px;
    text-align: right;
}


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

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

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

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

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

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

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

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

#am .template_button_big {
    font-weight: normal;
}

#am .remove_account_panel {
    background: #FCD055;
    border-radius: 4px;
    font-size: 1.2em;
    line-height: 1.5;
    margin: 2em;
    padding: 2em;
}

/*стили для счетов с визарда*/

.timezone {
    background-color: #FFF;
    padding: 10px;
    margin-top: 10px;
    border: solid 1px #DDD;
}

input.calcbutton {
    height: 25px;
    width: 25px;
    float: none;
    line-height: 14px;
}

.sitepage {
    clear: both;
    margin-top: 15px;
    padding-top: 10px;
}

.text-ellipsis {
    text-overflow: ellipsis;
    -o-text-overflow: ellipsis;
    white-space: nowrap;
}

.topline {
    color: #999;
    float: right;
    font-size: 11px;
    line-height: 20px;
    position: absolute;
    text-align: right;
    width: 990px;
}

.curm #notValid { border: 1px solid Red; }

.curm .errorLabel {
    color: Red;
    font-weight: bold;
}

.curm .errorSummaryStyle {
    color: Red;
    display: inline;
}

.curm { background-color: #F0F5FA; }

.curm input[type="text"] {
    vertical-align: text-bottom;
    border: 1px solid #CFCFCF;
    height: 16px;
    padding: 2px;
}

.curm .list {
    float: left;
    width: 820px;
    padding: 10px;
}

.curm .list .item {
    height: 30px;
    border-bottom: 1px dashed #CCC;
}

.curm .list .item:last-child { border: none; }

.curm .list td {
    padding: 4px;
    vertical-align: middle;
}

.curm .item h2 { font-weight: bold; }

.curm .item .shortname { width: 100px; }

.curm .item .shortname input { width: 100px; }

.curm .item .rate { width: 180px; }

.curm .item .rate .curlabel { float: left; }

.curm .item .rate .txtrate { float: right; }

.curm .item .rate .defcurname {
    display: block;
    text-align: center;
    width: 40px;
    float: right;
}

.curm .item .shortname input {
    width: 60px;
    text-align: right;
}

.curm .item .rate input {
    width: 60px;
    text-align: right;
}

.curm .savebtn { margin: 10px; }

.curm table { border-collapse: collapse; }

.curm table { border-collapse: collapse; }

.curm .new {
    width: 598px;
    border-bottom: none;
    margin-bottom: 15px;
    margin-top: 15px;
}

.curm .rates {
    float: right;
    width: 120px;
}

.curm .rates img {
    width: 88px;
    height: 31px;
    border: 0;
}

#about {
    clear: both;
    display: block;
    padding: 20px;
}

#about ul {
    list-style-type: disc;
    margin: 10px 0 10px 30px;
}

.regbutton div {
    float: left;
    padding: 7px 10px 7px 0;
    font-size: 18px;
}

#dashboard .attentionbox { border: 3px solid #9EC631; }

#dashboard .attentionbox2 { border: 3px solid #C69E31; }

#dashboard .attentionbox3 { border: 3px solid #9E31C6; }

/*Budgets*/

.notValidLighting { color: Red; }

/* Month Period Picker*/

#month-picker { width: 100%; }

#month-picker ul {
    background-color: White;
    float: left;
    padding: 0;
    text-align: center;
    width: 100%;
}

#month-picker li {
    width: 10%;
    float: left;
    font-size: 10px;
    margin: 0 0 -1px;
}

#month-picker li a {
    color: #CCC;
    line-height: 18px;
    margin: 2px 0 0;
    padding: 0 5px;
    text-decoration: none;
}

#month-picker li a:hover {
    text-decoration: none;
    color: #369;
}

#month-picker li a.active {
    text-decoration: none;
    color: #000;
    line-height: 20px;
    margin: 0 0 0;
    font-weight: bold;
}

#month-picker ul.year {
    background-color: White;
    border: none;
}

#month-picker ul.year li { background-color: transparent; }

#month-picker ul.year li a { background-color: transparent; }

#month-picker ul.year li a.active { border: none; }

/* budget.aspx*/

.bm {
    background-color: White;
    border-left: 1px solid #EEE;
    border-right: 1px solid #EEE;
    padding: 20px 0 0;
    width: 990px;
}

.bm h2 {
    float: left;
    font-size: 18px;
    font-weight: normal;
    margin-bottom: -15px;
    padding-left: 20px;
    padding-top: 20px;
}

h2.bm-total {
    float: left;
    font-size: 20px;
    font-weight: normal;
    padding: 10px 0 10px 20px;
    background-color: White;
}

h2.bm-facttotal {
    float: right;
    font-size: 14px;
    font-weight: normal;
    padding: 10px 10px 30px 20px;
    background-color: White;
}

h2.bm-facttotal > .income, h2.bm-total > .income { color: #390 !important; }

h2.bm-facttotal > .expense, h2.bm-total > .expense { color: #F80 !important; }

.bm .b-save, .bm .b-cancel {
    height: 20px;
    margin: 0 2px;
    width: 20px;
    padding: 0;
}

.bm .controls-edit, .bm .controls-del { float: left; }

.bm .controls-del {
    float: right;
    margin-right: 25px;
}

.bm .add-new { height: 28px; }

.bm .item { color: #333; }

.bm .item td {
    border-top: solid 1px #CCC;
    vertical-align: top;
}

.bm td { padding: 5px 5px 5px 10px; }

.bm .sub { background-color: #FEFEFE; }

.bm .sub td {
    border-top: dashed 1px #CCC;
    font-size: 90%;
    padding-bottom: 3px;
    padding-top: 3px;
}

.bm .add td { border-top: 0; }

.bm .title {
    background-color: #FFF;
    color: white;
    font-weight: bold;
}

.bm .title td { border: none; }

.bm .summary .category { padding-left: 20px; }

.bm .summary { font-weight: bold; }

.bm .total {
    font-size: 15px;
    width: 170px;
    text-align: right;
    overflow: hidden;
    text-overflow: ellipsis;
    -o-text-overflow: ellipsis;
    vertical-align: top;
}

.bm .total span { padding: 5px 0 0 20px; }

.bm .total input {
    float: left;
    width: 100px;
    text-align: right;
}

.bm .total select {
    float: left;
    width: 60px;
}

.bm .totalin {
    width: 170px;
    vertical-align: top;
    text-align: right;
}

.bm .totalin span { padding: 5px 0 0 20px; }

.bm .totalin input {
    float: left;
    width: 100px;
    text-align: right;
}

.bm .totalin select {
    float: left;
    width: 60px;
}

.bm .info {
    font-size: 12px;
    color: #999;
    font-weight: normal;
    width: 100px;
    text-align: right;
    overflow: hidden;
    text-overflow: ellipsis;
    -o-text-overflow: ellipsis;
    border-left: solid 1px #EEE;
}

.bm .info {
    font-size: 12px;
    color: #999;
    font-weight: normal;
    width: 100px;
    text-align: right;
    overflow: hidden;
    text-overflow: ellipsis;
    -o-text-overflow: ellipsis;
    border-left: solid 1px #EEE;
}

.bm .category {
    font-size: 16px;
    padding-left: 20px;
    width: 300px;
}

.bm .category span { float: left; }

.bm .category b {
    color: #999;
    float: left;
    font-size: 10px;
    font-weight: normal;
    padding: 1px 5px;
}

.bm .category input { width: 150px; }

.bm .sub .category { border-left: 40px solid #FFF; }

.bm .budgetName, .bm .description, .bm .edit, .bm .delete {
    border: 1px solid Black;
    display: block;
    float: left;
    width: 110px;
    height: 35px;
    padding: 2px 2px 2px 10px;
    overflow: hidden;
    text-overflow: ellipsis;
    -o-text-overflow: ellipsis;
}

.bm .action {
    border: 1px solid Black;
    display: block;
    float: left;
    width: 234px;
    height: 35px;
    padding: 2px 2px 2px 10px;
    overflow: hidden;
    text-overflow: ellipsis;
    -o-text-overflow: ellipsis;
}

.bm .sub { padding-left: 15px; }

.bm tr.add { }

.bm .error-buble {
    background-color: White;
    border: 1px solid #F00;
    margin-left: 170px;
    background-image: none;
    color: #F00;
    height: 20px;
    line-height: 20px;
    padding: 0 15px;
}

#subfeatures span {
    color: #444;
    font-weight: normal;
    width: 230px;
    float: left;
    display: inline-block;
    font-size: 20px;
    margin: 3px 0 13px;
    line-height: 128%;
}

.targets { float: left; }

#dashboard .targets {
    background-color: #FFF;
    margin-bottom: 20px;
}

.targets h2 {
    display: inline;
    font-size: 20px;
    font-weight: normal;
    margin: 6px 5px;
}

.targets .btn {
    background: transparent url(/Images/button-bg.png) repeat-x;
    border: 1px solid #CCC;
    color: #666;
    cursor: pointer;
    display: block;
    height: 30px;
    margin: 4px;
    padding: 0;
    text-decoration: none;
    text-align: center;
    vertical-align: middle;
    width: 170px;
    width: 290px;
    font-size: 15px;
}

.targets .btn:hover {
    border: 1px solid #AAA;
    color: #333;
    background-position: 0 -28px;
}

.targets input[type="text"] {
    height: 16px;
    float: none;
    margin: 2px 0;
    width: 200px;
}

.targets select { float: none; }

.targets .chzn-container-multi .chzn-choices .search-choice { clear: both; }

.targets .targetform {
    border: solid 1px #FFF;
    padding: 5px;
    background-color: #FFF;
    width: 290px;
    border-bottom: dashed 1px #DDD;
    overflow: hidden;
}

.targets .targetform .commands { display: none; }

.targets .targetform:hover .commands { display: block; }

.targets .targetform .bar {
    background-color: #E2E2E2;
    height: 5px;
    margin-top: 10px;
    width: 100%;
    clear: both;
}

.targets .targetform .bar.blue { background-color: #597EAA; }

.targets label {
    font-size: 12px;
    font-weight: normal;
    color: #666;
    float: none;
}

.targetstip {
    font-size: 12px;
    line-height: 16px;
    width: 250px;
    float: right;
    padding: 10px 20px;
    color: #666;
    padding-top: 0;
}

.targetstip img {
    width: 100px;
    float: left;
    margin: 5px;
}

.targetstip h2 {
    padding: 15px 5px 0 0;
    display: block;
    font-size: 16px;
}

.targets .controls { border: none; }

.targets .demo { border: none; }

.targetsbox-premium {
    padding: 20px;
    margin: 20px 0;
    line-height: 26px;
    background-color: #9EC631;
    font-size: 16px;
    color: #FFF;
    width: 930px;
}

.targets a.mainedit {
    display: block;
    font-size: 10px;
    text-align: center;
    padding: 5px;
}

.targets .mainedit a {
    display: none;
    text-align: center;
}

.targets:hover .mainedit a { display: block; }

.targets .editform h2 { margin-left: 0; }

.targets .editform #txtLeftSum { font-size: 16px; }

.targets .editform b {
    margin-top: 10px;
    display: block;
    font-size: smaller;
}

.targets .editform label { font-size: smaller; }

.targets .editform input[type="submit"] {
    width: 200px;
    height: 30px;
}

.targets .editform {
    float: left;
    width: 500px;
    background-color: White;
    border: solid 1px #DDD;
    padding: 20px;
    margin-right: 20px;
    margin-bottom: 50px;
}

.targets .editform .larger { font-size: 16px; }

.makepaymentbtn span {
    background: transparent url(/Images/button-bg.png) repeat-x;
    border: 1px solid #CCC;
    color: #666;
    cursor: pointer;
    display: block;
    float: right;
    font-size: 15px;
    font-weight: bold;
    height: 28px;
    line-height: 26px;
    margin: 4px;
    padding: 0;
    text-decoration: none;
    text-align: center;
    vertical-align: middle;
    width: 170px;
}

.makepaymentbtn:hover span {
    border: 1px solid #666;
    color: #333;
    background-position: 0 -28px;
}

.makepaymentbtn:hover { text-decoration: none; }

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

/* Operations */

.clearfix { }

.clearfix:after {
    visibility: hidden;
    display: block;
    font-size: 0;
    content: " ";
    clear: both;
    height: 0;
}

/* IE6 */

* html .clearfix { zoom: 1; }

/* IE7 */

*:first-child + html .clearfix { zoom: 1; }

.operations-form .change {
    cursor: pointer;
    display: none;
    position: absolute;
}

.operations-form {
    position: relative;
    border: 5px solid white;
    border-radius: 5px;
}

.operation-addform .operation-total.oneCurrency {
    width: 122px;
    border: 1px solid #AAA;
    border-radius: 2px;
    margin-right: 20px;
}

.operation-addform .operation-total.calculated { color: #687c8e; }

.operations-form.expenseStyle, .operation-addform .operation-total.expenseStyle { border-color: #EF852F; }

.operations-form.incomeStyle, .operation-addform .operation-total.incomeStyle { border-color: #379518; }

.operations-form.transferStyle, .operation-addform .operation-total.transferStyle { border-color: #687c8e; }

.operations-form.modal {
    position: fixed;
    top: 15%;
    left: 50%;
    margin-left: -350px;
    z-index: 10005;
    width: 655px;
}

.operations-form ul.h-nav {
    background-color: #EF852F;
    width: 100%;
    list-style: none;
    float: none;
    height: 34px;
}

.operations-form ul.h-nav.expenseStyle { background-color: #EF852F; }

.operations-form ul.h-nav.incomeStyle { background-color: #379518; }

.operations-form ul.h-nav.transferStyle { background-color: #687c8e; }

.operations-form ul.h-nav li {
    float: left;
    display: inline-block;
    font-size: 15px;
    margin: 0 0 -1px 0;
}

.operations-form ul.h-nav li a {
    text-decoration: none;
    padding: 0 20px;
    line-height: 30px;
    cursor: pointer;
    display: block;
    color: White;
}

.operations-form .transfer-left-border, .operations-form .transfer-right-border {
    width: 1px;
    height: 30px;
    background-color: transparent;
    display: inline-block;
    float: left;
}

.operations-form .transfer-left-border.active { background-color: #5FAA46; }

.operations-form .transfer-right-border.active { background-color: #F29D59; }

.operations-form ul.h-nav li a[rel~="expense"].incomeActive:hover, .operations-form ul.h-nav li a[rel~="transfer"].incomeActive:hover { background-color: #5FAA46; }

.operations-form ul.h-nav li a[rel~="transfer"].expenseActive:hover, .operations-form ul.h-nav li a[rel~="income"].expenseActive:hover { background-color: #F29D59; }

.operations-form ul.h-nav li a[rel~="income"].transferActive:hover, .operations-form ul.h-nav li a[rel~="expense"].transferActive:hover { background-color: #8e9dab; }

.operations-form ul.h-nav li a:hover {
    text-decoration: none;
    background-color: White;
    height: 34px;
    color: White;
}

.operations-form ul.h-nav li a.active {
    text-decoration: none;
    color: #EF852F;
    background-color: White;
    line-height: 34px;
}

.operations-form ul.h-nav li a.active.incomeStyle, .operation-addform .total-label.incomeStyle { color: #379518; }

.operations-form ul.h-nav li a.active.expenseStyle, .operation-addform .total-label.expenseStyle { color: #EF852F; }

.operations-form ul.h-nav li a.active.transferStyle, .operation-addform .total-label.transferStyle { color: #687c8e; }

.operation-addform input, .operation-addform select {
    float: none;
    height: 28px;
    border-radius: 2px;
    font-size: 13px;
}

.operation-addform input[type="checkbox"] {
    vertical-align: middle;
    cursor: pointer;
}

.operation-addform .h { background-color: #FAFAFA; }

.operation-addform .operationform {
    height: 300px;
    line-height: 1.5em;
    width: 100%;
}

.operation-addform .opform {
    padding: 10px 0 10px 20px;
    background-color: white;
    position: relative;
}

.operation-addform label {
    font-size: 13px;
    display: inline-block;
    padding: 0;
    font-weight: normal;
    color: #333;
    line-height: 30px;
    width: 70px;
    padding-right: 5px;
}

.operation-addform label.ellipsis {
    white-space: nowrap;
    text-overflow: ellipsis;
    -o-text-overflow: ellipsis;
    -webkit-text-overflow: ellipsis;
    overflow: hidden;
}

.operation-addform .total-label {
    width: auto;
    margin-left: -10px;
    cursor: pointer;
}

.operation-addform .trans-rate {
    width: auto;
    color: #A6A6A6;
    top: -23px;
    left: -10px;
    position: absolute;
}

.operation-transfer-total {
    display: inline-block;
    position: relative;
}

.operation-addform .opdata {
    height: auto;
    height: 175px;
}

.operation-addform .formdescription {
    left: 8px;
    position: absolute;
    top: 80px;
}

.operation-addform .mainflow {
    width: 526px;
    padding-right: 115px;
}

.operation-addform .operation-line { margin: 15px 0 15px 0; }

.operation-addform .operation-line.transfer { display: none; }

.operation-addform .operation-line.income { display: none; }

.operation-addform .mainflow .totali { height: 47px; }

.operation-addform .operation-btnCancel {
    border-bottom: 1px dotted #333;
    text-decoration: none;
    color: #333;
    float: right;
    margin-right: 25px;
    margin-top: 5px;
    display: none;
}

.operation-addform .operation-addflow {
    width: 125px;
    position: absolute;
    right: -5px;
    top: 10px;
}

.operation-addform .operation-chktemp { margin-left: 0; }

.operation-addform .operation-template {
    float: left;
    width: 400px;
}

.operation-addform .operation-btnAdd {
    font-size: 15px;
    cursor: pointer;
    color: Black;
    padding: 8px 15px 8px 15px;
    line-height: 30px;
}

.operation-addform .operation-account, .operation-addform .operation-accountTrans {
    width: 305px;
    height: 25px;
    margin-right: 5px;
    padding: 0;
    font-size: 14px;
    float: left;
}

.operation-addform .operation-currency, .operation-addform .operation-currencyTrans {
    height: 25px;
    margin-right: 5px;
    padding: 0;
    width: 55px;
    font-size: 14px;
    float: left;
}

.operation-addform .currency_select.expenseStyle .chzn-single {
    border-color: #EF852F !important;
    color: #EF852F;
}

.operation-addform .currency_select.expenseStyle .chzn-drop { border-color: #EF852F; }

.operation-addform .currency_select.incomeStyle .chzn-single {
    border-color: #379518 !important;
    color: #379518;
}

.operation-addform .currency_select.incomeStyle .chzn-drop { border-color: #379518; }

.operation-addform .currency_select.transferStyle .chzn-single {
    border-color: #687c8e !important;
    color: #687c8e !important;
}

.operation-addform .currency_select.transferStyle .chzn-drop { border-color: #687c8e; }

.operation-addform .operation-total {
    margin-bottom: 0;
    border: 1px solid #AAA;
    padding: 0 10px 0 10px;
    width: 68px;
    font-size: 14px;
    height: 28px;
    float: left;
    border-right: none;
    border-radius: 2px 0 0 2px;
    text-align: right;
}

.operation-addform .operation-total.hideTotalTrans { display: none; }

.operation-addform .currency_select.hideTotalTrans { margin-left: 89px; }

.operation-addform .currency_select.hideTotalTrans .chzn-single {
    border: 1px solid #AAA;
    border-radius: 2px;
}

.operation-addform .operation-total-border.hideTotalTrans { display: none !important; }

.operation-addform .withOutFocus:focus { outline: none; }

.operation-addform .operation-categoryExp, .operation-addform .operation-categoryInc {
    font-size: 14px;
    height: 25px;
    padding: 0;
    width: 305px;
}

.operation-addform .operation-calc, .operation-addform .operation-calcTrans {
    height: 29px;
    line-height: 14px;
    width: 25px;
    padding: 0;
    float: left;
}

.operation-addform .operation-description {
    width: 369px;
    padding: 0 0 0 10px;
    margin-right: 20px;
    vertical-align: top;
}

.operation-addform .operation-date {
    width: 97px;
    padding: 0 35px 0 10px;
    height: 28px;
    border-radius: 2px;
    font-family: Verdana, Tahoma, Helvetica, sans-serif;
    font-size: 12px;
}

.operation-addform .ui-datepicker-trigger {
    background-color: transparent;
    border: 0 none;
    margin-top: 4px;
    cursor: pointer;
    position: absolute;
    left: 108px;
}

.operation-addform .operation-date-div {
    display: inline-block;
    position: relative;
}

.operation-addform .operation-date-div .operation-date-switch.english { left: 29px; }

.operation-addform .operation-date-div .operation-date-switch {
    font-family: Verdana, Tahoma, Helvetica, sans-serif;
    font-size: 12px;
    line-height: 12px;
    position: absolute;
    left: 8px;
    color: #dddddd;
    background-color: white;
    padding: 0 3px;
    display: none;
    -moz-user-select: none;
    -khtml-user-select: none;
    -webkit-user-select: none;
    -o-user-select: none;
    user-select: none;
    cursor: pointer;
}

.operation-addform .operation-date-div .operation-date-switch:hover { color: #AEAEAE; }

.operation-addform .operation-date-div .operation-date-prev { top: -5px; }

.operation-addform .operation-date-div .operation-date-next { top: 25px; }

.operation-addform .operation-date-div .operation-date-prev-month {
    top: -5px;
    left: 29px;
}

.operation-addform .operation-date-div .operation-date-next-month {
    top: 25px;
    left: 29px;
}

.operation-addform .operation-date-div .operation-date-next-month.english {
    left: 48px;
    display: none !important;
}

.operation-addform .operation-date-div .operation-date-prev-month.english {
    left: 48px;
    display: none !important;
}

.operation-lblchk {
    float: none;
    width: auto !important;
    padding-right: 0 !important;
    cursor: pointer;
    vertical-align: middle;
    margin-left: -2px;
}

.operation-template-scheduleChk {
    margin-left: 20px;
    display: inline-block;
}

.operation-addform .template_button_disable:hover {
    border-color: #CCC;
    color: gray;
}

.operation-addform .template_button_disable {
    color: gray;
    cursor: default;
}

.operation-template-scheduleChk.disable .operation-chktemp { cursor: default; }

.operation-template-schedule {
    margin-top: 15px;
    display: none;
    clear: both;
}

.operation-template-scheduleChk.disable .operation-lblchk {
    color: #999;
    cursor: default;
}

.operation-template-schedule-options-days {
    float: left;
    padding: 9px;
    border: 1px solid #D1D3D4;
    display: none;
    border-right: none;
}

.operation-template-schedule-add {
    margin-top: 35px;
    margin-bottom: 5px;
}

.operation-template-schedule-repeat { margin-top: 25px; }

.operation-template-schedule-options-count {
    width: 27px;
    height: 17px !important;
    padding: 0 !important;
    border: none !important;
    border-radius: 0 !important;
    text-align: center;
    color: #336699;
    border-bottom: 1px dotted #336699 !important;
    outline: none;
}

.operation-template-schedule-options-numbers {
    padding: 9px;
    border: 1px solid #D1D3D4;
    float: left;
}

.operation-template-schedule-options-day {
    margin-right: 4px;
    margin-left: 4px;
    color: #939598;
    cursor: pointer;
    border-bottom: 1px dotted #939598;
}

.operation-template-schedule-options-day.selected {
    color: black;
    font-weight: bold;
    border-bottom-color: black;
}

.operation-template-schedule-repeat .ui-datepicker-trigger {
    position: inherit;
    margin-left: -33px;
    vertical-align: middle;
    margin-top: -2px;
}

.operation-template-schedule-options-number {
    margin-right: 4px;
    margin-left: 4px;
    color: #939598;
    cursor: pointer;
    border-bottom: 1px dotted #939598;
}

.operation-template-schedule-options-number.selected {
    color: black;
    cursor: default;
    border-bottom: none;
    font-weight: bold;
}

.operation-template-schedule-options { margin-top: 10px; }

.opearation-plan {
    display: inline-block;
    margin-left: 10px;
}

.opearation-plan .operation-lbl-plan { max-width: 55px; }

.operation-addform .chzn-container.canChange {
    width: 285px !important;
    margin-right: 40px;
}

.operation-addform .chzn-container.canChange .chzn-drop { width: 283px !important; }

.operation-addform .chzn-container.canChange .chzn-drop .chzn-search input { width: 248px !important; }

.operation-addform div.chzn-container {
    float: left;
    margin-right: 20px;
    height: 27px;
}

.operation-addform a.chzn-single {
    height: 28px;
    border: 1px solid #d3d3d3;
    line-height: 28px;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
    -webkit-box-shadow: 0 0 0 !important;
    -moz-box-shadow: 0 0 0 !important;
    box-shadow: 0 0 0 !important;
    background: rgb(255, 255, 255); /* Old browsers */
    background: -moz-linear-gradient(top, rgba(255, 255, 255, 1) 0%, rgba(240, 240, 240, 1) 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(255, 255, 255, 1)), color-stop(100%, rgba(240, 240, 240, 1))); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, rgba(255, 255, 255, 1) 0%, rgba(240, 240, 240, 1) 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, rgba(255, 255, 255, 1) 0%, rgba(240, 240, 240, 1) 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top, rgba(255, 255, 255, 1) 0%, rgba(240, 240, 240, 1) 100%); /* IE10+ */
    background: linear-gradient(to bottom, rgba(255, 255, 255, 1) 0%, rgba(240, 240, 240, 1) 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#F0F0F0', GradientType=0); /* IE6-9 */
}

.operation-addform a.chzn-single div b { margin-top: -1px; }

.operation-addform .chzn-container-single .chzn-single div {
    border-left: 1px solid #E6E7E8;
    padding-left: 2px;
    margin-top: 3px;
}

.operation-addform div.chzn-drop {
    -webkit-border-radius: 0 0 2px 2px;
    -moz-border-radius: 0 0 2px 2px;
    border-radius: 0 0 2px 2px;
    -webkit-box-shadow: 0 0 0 0;
    -moz-box-shadow: 0 0 0 0;
    -o-box-shadow: 0 0 0 0;
    box-shadow: 0 0 0 0;
    border: 1px solid #d3d3d3;
    top: 29px !important;
}

.operation-addform div.chzn-drop .chzn-results {
    margin: 7px 0 0 0;
    padding: 0;
}

.operation-addform .chzn-container .chzn-results li {
    padding: 5px 7px 5px;
    padding-left: 12px;
}

.operation-addform .chzn-container .chzn-results .group-option { padding-left: 22px; }

.operation-addform .chzn-container .chzn-results .group-result {
    color: #bcbcbc;
    font-weight: normal;
    font-size: 10px;
    letter-spacing: 2px;
}

.operation-addform .chzn-container .chzn-results .active-result.group-result {
    color: #333;
    font-size: 13px;
    letter-spacing: 0;
}

.operation-addform .chzn-container .chzn-results .active-result.highlighted {
    background-color: #E6E7E8;
    background-image: none;
    color: #333;
}

.operation-addform .chzn-container .chzn-results .active-result.highlighted .categoryPin { display: block; }

.operation-addform .chzn-container .chzn-results .hide {
    color: transparent !important;
    display: list-item;
    line-height: 0;
}

.operation-addform .chzn-container .chzn-results li.arhive { display: none !important; }

.operation-addform .chzn-container .chzn-results .hide div.hide {
    border-bottom: 1px solid #D1D3D4;
    margin: 3px 0;
}

.operation-addform .categoryPin {
    float: right;
    background-image: url(/images/pinstars.png);
    background-position: -32px -8px;
    background-repeat: no-repeat;
    width: 16px;
    height: 16px;
    display: none;
}

.operation-addform .categoryPin:hover { background-position: -55px -8px !important; }

.operation-addform .categoryPin.pinned { background-position: -9px -8px; }

.operation-addform .pinned { font-weight: bold; }

.currency_select { float: left; }

.operation-addform .currency_select a.chzn-single {
    border-radius: 0 2px 2px 0;
    padding: 0;
    border-left: none;
    background-image: none;
    filter: none;
}

.operation-addform .currency_select a.chzn-single div {
    border-left: none;
    padding-left: 0;
    margin-top: 0;
}

.operation-addform .currency_select a.chzn-single div b { margin-top: 2px; }

.operation-addform .currency_select a.chzn-single span {
    padding-left: 7px;
    margin-right: 0;
}

.operation-addform .currency_select a.chzn-single.chzn-single-with-drop {
    border-left: 1px solid #AAA;
    padding-left: 4px;
}

.operation-addform .operation-total-border {
    display: inline-block;
    width: 1px;
    background-color: transparent;
    height: 22px;
    float: left;
    margin-top: 4px;
    margin-right: -1px;
    position: relative;
    z-index: 1;
}

.operation-addform .operation-total-border.expenseStyle { background-color: #EF852F; }

.operation-addform .operation-total-border.incomeStyle { background-color: #379518; }

.operation-addform .operation-total-border.transferStyle { background-color: #687c8e; }

.operation-addform .currency_select a.chzn-single.chzn-single-with-drop b { background: none; }

.operation-addform .chzn-search input {
    height: 20px;
    border: none;
    background: #fff url('/css/chosen-sprite.png') no-repeat 100% -22px;
}

.operation-addform div.chzn-search {
    border-bottom: 1px solid #DDD;
    padding-bottom: 0;
}

/* End Operations */

.operation-addform .red { color: Red; }

.operation-addform .green { color: Green; }

.operation-addform input.border-red, .operation-addform .chzn-container.border-red a.chzn-single { border: 2px solid red !important; }

.operation-addform input.border-red-total {
    border: 2px solid red !important;
    border-right: none !important;
    background-color: #FDFDDE;
}

.operation-addform input.border-red-total.oneCurrency { border-right: 2px solid red !important; }

.operation-addform .currency_select .chzn-container .border-red-cur {
    border-left: none;
    border-right: 2px solid red !important;
    border-top: 2px solid red !important;
    border-bottom: 2px solid red !important;
    background-color: #FDFDDE;
}

.modalContainer {
    position: relative;
    overflow: hidden;
}

.modalPopup {
    display: none;
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: 10000;
}

#global_modalPopup { position: fixed; }

.modalBackground, #modalBackground {
    background: none repeat scroll 0 0 #CCCCCC;
    width: 100%;
    height: 100%;
    opacity: 0.5;
    z-index: 10000;
    filter: alpha(opacity=70);
    left: 0;
    position: fixed;
    top: 0;
}

.modalPopup .modalBackground { position: absolute; }

#modalBackground { display: none; }

.modalTitle {
    background-color: #F8EAB9;
    background-image: url("/Images/loading.gif");
    background-position: 9px 5px;
    background-repeat: no-repeat;
    font-size: 13px;
    font-weight: bold;
    left: 50%;
    padding: 3px 8px 4px 30px;
    position: absolute;
    text-align: center;
    top: 33%;
    z-index: 10001;
    margin-left: -70px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    border: 1px solid #AAAAAA;
}

#modalPopup_global .modalTitle { position: fixed; }

.changePasswordLink {
    background-color: #FFF;
    display: block;
    font-weight: bold;
    margin: 10px 10px 10px 0;
    padding: 10px;
    width: 200px;
    border: solid 1px #DDD;
}

.deleteOperationsLink {
    background-color: #FFF;
    display: block;
    font-weight: bold;
    margin: 10px 10px 10px 0;
    padding: 10px;
    width: 200px;
    border: solid 1px #DDD;
}

.startOverLink {
    background-color: #FFF;
    display: block;
    font-weight: bold;
    margin: 10px 10px 10px 0;
    padding: 10px;
    width: 200px;
    border: solid 1px #DDD;
}

.profile > h1 {
    font-size: 1.5em;
    margin: 10px;
}

.profile .info {
    float: left;
    width: 350px;
}

.profile .actions { text-align: center; }

.profile .actions > a { float: left; }

.profile .refferal {
    clear: both;
    text-align: left;
    background-color: #FFF;
    padding: 10px;
    margin-top: 20px;
    border: solid 1px #DDD;
    width: 430px;
}

.profile .refferal input { width: 250px; }

.profile .settings { margin-top: 20px; }

.profile .settings > div {
    background-color: #FFF;
    padding: 10px;
    margin-top: 10px;
    border: solid 1px #DDD;
}

.transactions .description-tag:hover { color: Black; }

.transactions .headline {
    width: 990px;
    padding: 10px 0;
}

.transactions .headline h1 {
    font-size: 20px;
    line-height: 25px;
    font-weight: normal;
}

.transactions-filter-separator {
    width: 100%;
    border-bottom: 1px solid #EEE;
    margin-top: 25px;
}

.transations-top { float: left; }

.transations-top .template_button.add {
    margin-top: 10px;
    padding-left: 13px;
    padding-right: 13px;
    display: inline-block;
}

.transactions .views-control { float: left; }

.transactions .includePlan {
    margin-top: 5px;
    margin-left: 15px;
    float: left;
}

.transactions .includePlan label {
    float: none;
    font-size: 13px;
    font-weight: normal;
    color: #333;
    cursor: pointer;
}

.transactions .filter_category_label, .transactions .filter_description_label, .transactions .filter_period_label {
    float: left;
    line-height: 30px;
}

.transactions .filter_category { float: left; }

.transactions .filter_category select { }

.transactions .filter_category_option, .transactions .filter_description_option {
    float: left;
    margin-right: 5px;
    margin-left: 3px;
}

.transactions .filter_period {
    float: left;
    margin-left: 5px;
    margin-right: 15px;
}

.transactions .filter_period select { width: 145px; }

.transactions .filter_account_label {
    float: left;
    line-height: 30px;
}

.transactions .filter_account_option {
    float: left;
    margin-right: 5px;
    margin-left: 3px;
}

.transactions .filter_account, .transactions .filter_description { float: left; }

.transactions .filter_description input {
    border-radius: 2px;
    background: transparent;
}

.transactions .line_filter { padding: 7px 0; }

.transactions .transactions-filter-switch { padding-bottom: 7px; }

.transactions .filter_account select { }

.transactions .filter_apply {
    float: left;
    margin: 0 0 0 2px;
    padding: 6px 10px;
}

.transactions .filter_apply.disabled {
    color: #9D9FA1;
    cursor: default;
    border: 1px solid #CCC !important;
}

.transactions .filter_apply_right { float: right; }

.transactions .transactions .filter_switch_to_account {
    float: right;
    line-height: 30px;
}

.transactions .filter_period_extend {
    float: left;
    margin-left: 20px;
    line-height: 30px;
}

.transactions .filter_period_extend a { margin-left: 10px; }

.transactions .filter_period_extended_label {
    float: left;
    line-height: 30px;
}

.transactions .filter_period_extended_dt {
    float: left;
    margin: 0 5px;
    position: relative;
}

.transactions .filter_period_extended_dt.error { border: 1px solid red; }

.transactions .filter_period_extended_dt input {
    width: 95px;
    background: transparent;
    height: 28px;
    border-radius: 2px;
    font-family: Verdana, Tahoma, Helvetica, sans-serif;
    font-size: 12px;
    padding: 0 35px 0 10px;
}

.transactions .line_filter_period_extended .filter_apply { margin-left: 2px; }

.transactions .line_filter_period_extended .filter_period_extend { margin-left: 15px; }

.transactions .transactions_selector_year {
    display: list-item !important;
    color: transparent;
}

.transactions .transactions_list_sort_label {
    float: left;
    margin-right: 5px;
}

.transactions_list_sort a { cursor: pointer; }

.transactions_list_sort a.active, .transactions-filter-switch a.active {
    color: #333;
    border-bottom: none;
}

.transactions_list_sort a.active:hover, .transactions-filter-switch a.active:hover { color: #369; }

.transactions_list_sort_options_left { float: left; }

.transactions_list_sort_options_right {
    float: right;
    margin-right: 95px;
}

.transactions .transactions_list_sort { margin-top: 20px; }

.transactions .ui-datepicker-trigger {
    background-color: transparent;
    border: 0 none;
    margin-top: 4px;
    cursor: pointer;
    position: absolute;
    left: 107px;
}

.pull-down-menu .chzn-choices {
    border: 1px solid #DDD !important;
    background-image: none !important;
    -webkit-box-shadow: none !important;
    -moz-box-shadow: none !important;
    box-shadow: none !important;
    border-radius: 2px !important;
    min-height: 28px !important;
}

.transactions.pull-down-menu .chzn-choices { background: transparent; }

.pull-down-menu .search-choice {
    border-radius: 2px !important;
    background-image: none !important;
    background-color: #D1D3D4 !important;
    border: 1px solid #BCBDC0 !important;
    box-shadow: none !important;
    -webkit-box-shadow: none !important;
    -moz-box-shadow: none !important;
}

.transactions.pull-down-menu .chzn-drop { top: 28px !important; }

.transactions .transactions-container { }

.transactions .transactions-showMore-img {
    background-image: url(../Images/transactions_light.png);
    background-repeat: no-repeat;
    pointer-events: none;
    height: 110px;
    display: none;
    top: -100px;
    position: relative;
    margin-bottom: -90px;
    padding-right: 5px;
}

.transactions .transactions-showMore {
    text-align: center;
    display: none;
    padding-bottom: 10px;
}

.transactions .transactions-showMore a { padding: 10px; }

.transactions .transactions-summary {
    margin-top: 40px;
    text-align: right;
    margin-right: 94px;
    line-height: 26px;
}

.transactions .transactions-filter-switch .transactions-addBtn {
    float: right;
    margin-right: 95px;
}

.transactions .transactions-filter-switch .transactions-filter-switch-btns { float: left; }

.transactions .transactions-summary .transactions-summary-title {
    float: right;
    text-align: left;
}

.transactions .transactions-summary .transactions-summary-sum { float: right; }

.transactions .transactions-summary .transactions-summary-diff { font-weight: bold; }

.transactions .transactions-summary .transactions-summary-exp { border-bottom: 1px solid #939598; }

.transactions .transactions-summary .transactions-summary-exp-title {
    border-bottom: 1px solid #939598;
    padding-right: 20px;
}

.transactions .transactions-summary .transactions-summary-inc { border-bottom: 1px solid #EEE; }

.transactions .transactions-summary .transactions-summary-inc-title {
    border-bottom: 1px solid #EEE;
    padding-right: 20px;
}

.transactions .transactions-list { }

.transactions .transactions-list-container { margin-top: 45px; }

.transactions-list-container .resume-line {
    padding: 5px 0;
    width: 990px;
    margin: 10px 0 0 0;
}

.transactions-list-container .resume-line .title {
    width: 695px;
    float: left;
    font-weight: bold;
}

.transactions-list-container .resume-line .balance {
    width: 200px;
    float: left;
    text-align: right;
    font-weight: bold;
}



.transactions-list-container .transaction-box {
    width: 985px;
    padding: 3px 3px 3px 5px;
    border-bottom: 1px solid #EEE;
    position: relative;
}

.transactions-list-container .transaction-box:hover { background-color: #EEE; }

.transactions-list-container .transaction-box:hover .controls { visibility: visible; }

.transactions-list-container .transaction-box .ico {
    width: 20px;
    height: 20px;
    float: left;
    margin-top: 3px;
}

.transactions-list-container .transaction-box .type { float: left; }

.transactions-list-container .transaction-box .account { float: left; }

.transactions-list-container .transaction-box .date {
    float: left;
    padding-right: 10px;
}

.transactions-list-container .transaction-box .account-arrow { float: left; }

.transactions-list-container .transaction-box .account.transfer {
    float: left;
    margin: 0;
}

.transactions-list-container .transaction-box .category {
    float: left;
    margin: 0 0 0 5px;
}

.transactions-list-container .transaction-box .inline-box {
    float: left;
    width: 890px;
    line-height: 20px;
}

.transactions-list-container .transaction-box .balance {
    float: right;
    text-align: right;
}

.transactions-list-container .transaction-box .comment {
    float: left;
    width: 300px;
    margin: 0 0 0 10px;
    font-size: 11px;
    color: #999;
    top: 1px;
    position: relative;
}

.transactions-list .all-list-day {
    display: none;
    padding: 3px 10px;
    border-bottom: 1px solid #EEE;
    text-align: center;
}

.transactions-list-container .empty {
    padding: 15px 10px;
    text-align: center;
    font-weight: bold;
}

.transactions-list .btnShowAll {
    width: 710px;
    padding: 8px 10px;
    display: block;
    height: 21px;
    font-weight: bold;
}

.transactions-list .btnShowAll:hover { background-color: #FFEE99; }


.transactions-list-container .controls {
    float: right;
    visibility: hidden;
}

.transactions-list-container .controls.show { visibility: visible; }

.transactions-list-container .control {
    background-image: url(../images/icons.png);
    margin-left: 10px;
    background-repeat: no-repeat;
    width: 20px;
    height: 20px;
    display: inline-block;
}

.transactions-list-container .control-save { background-position: -6px -8px; }

.transactions-list-container .control-save:hover { background-position: -6px -32px; }

.transactions-list-container .control-edit { background-position: -29px -8px; }

.transactions-list-container .control-edit:hover { background-position: -29px -32px; }

.transactions-list-container .control-del { background-position: -52px -8px; }

.transactions-list-container .control-del:hover { background-position: -52px -32px; }

.transactions-list-container .controls .controls-edit-group { }

.transactions-list-container .controls .controls-template { }

.transactions-list-container .controls .controls-copy { }

.transactions-month { display: none; }

.transactions .month-selector-top {
    float: left;
    margin-top: 5px;
    width: 250px;
}

.transactions .month-selector-top-cur-m { float: left; }

.transactions .month-selector-top-cur-m-nam { margin-left: 15px; }

.transactions-month .month-selector .title {
    font-size: 11px;
    float: left;
}

.transactions-month .month-selector .navbtn, .transactions .month-selector-top .navbtn {
    cursor: pointer;
    font-size: 13px;
}

.transactions-month .month-selector .navbtn, .transactions .month-selector-top div.navbtn { cursor: auto; }

.transactions-month .month-selector span.navbtn, .transactions .month-selector-top div.navbtn span { font-weight: bold; }

.transactions .month-selector-top-type {
    margin-left: 30px;
    float: left;
}

.month-selector-top-prev {
    float: left;
    margin-left: 15px;
}

.month-selector-top-year {
    font-size: 9px;
    line-height: 10px;
}

.month-selector-top-year.right { text-align: right; }

.month-selector-top-curr {
    float: right;
    margin-left: 15px;
}

.month-selector-top-next { margin-left: 15px; }

.transactions .visual-type {
    margin-left: 30px;
    float: left;
    display: none;
}

.transactions .but {
    float: left;
    cursor: pointer;
    text-decoration: none;
    border: 1px solid rgb(212, 214, 215);
    padding: 5px 10px;
    color: #000000;
    font-size: 13px;
    font-family: arial, serif;
    text-shadow: 0 0 5px rgb(255, 255, 255);
    font-size: 13px;
    border-radius: 5px 5px 5px 5px;
    -moz-border-radius: 5px 5px 5px 5px;
    -webkit-border-radius: 5px 5px 5px 5px;
    box-shadow: 0 0 0 rgb(0, 0, 0);
    -moz-box-shadow: 0 0 0 rgb(0, 0, 0);
    -webkit-box-shadow: 0 0 0 rgb(0, 0, 0);
    background-color: rgb(255, 255, 255);
    background-image: linear-gradient(-90deg, rgba(255, 255, 255, 0.2), rgb(213, 215, 216));
    background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, from(rgba(255, 255, 255, 0.2)), to(rgb(213, 215, 216)));
    background-image: -moz-linear-gradient(-90deg, rgba(255, 255, 255, 0.2), rgb(213, 215, 216));
}

.transactions .but:hover { }

.transactions .but.active {
    cursor: pointer;
    text-decoration: none;
    border: 1px solid rgb(212, 214, 215) !important;
    padding: 5px 10px;
    color: #666769;
    font-size: 13px;
    font-family: arial, serif;
    text-shadow: 0 0 5px rgb(255, 255, 255);
    font-size: 13px;
    border-radius: 5px 5px 5px 5px;
    -moz-border-radius: 5px 5px 5px 5px;
    -webkit-border-radius: 5px 5px 5px 5px;
    box-shadow: 0 0 0 rgb(0, 0, 0);
    -moz-box-shadow: 0 0 0 rgb(0, 0, 0);
    -webkit-box-shadow: 0 0 0 rgb(0, 0, 0);
    background-color: rgb(208, 210, 211);
}

.transactions .but.left {
    border-radius: 0 5px 5px 0;
    -moz-border-radius: 0 5px 5px 0;
    -webkit-border-radius: 0 5px 5px 0;
    border-left: 1px solid White;
}

.transactions .but.right {
    border-radius: 5px 0 0 5px;
    -moz-border-radius: 5px 0 0 5px;
    -webkit-border-radius: 5px 0 0 5px;
}

.transactions .but.both {
    border-radius: 0;
    -moz-border-radius: 0;
    -webkit-border-radius: 0;
    border-left: 1px solid White;
}

.transactions .hr-gray { border-bottom: 1px solid #939598; }

.transactions .arrows {
    float: left;
    margin-left: 5px;
}

.transactions-month .month-container { }

.transactions-month .month-container table { width: 100%; }

.transactions-month .month-container thead { }

.transactions-month .month-container th {
    text-align: left;
    font-size: 11px;
    color: #666;
}

.transactions-month .month-container tbody { }

.transactions-month .month-container tr { }

.transactions-month .month-container td {
    border: 1px solid #AAA;
    height: 80px;
    width: 14.3%;
    font-size: 10px;
}

.transactions-month .month-container td:hover {
    background-color: #FFEE99;
    cursor: pointer;
}

.transactions-month .month-container .today { background-color: #EEE; }

.transactions-month .month-container .daynum {
    width: 94%;
    padding: 2px 3%;
    font-weight: bold;
}

.transactions-month .noactive .daynum { color: #CCC; }

.transactions-month .month-container .day-transactions {
    float: left;
    width: 100%;
    height: 35px;
}

.transactions-month .b-day-transaction {
    width: 96%;
    float: left;
    margin: 0 0 5px 0;
    padding: 0 2%;
}

.transactions-month .b-day-transaction img {
    width: 12px;
    height: 12px;
    float: left;
}

.transactions-month .b-day-transaction .balance {
    float: right;
    text-align: right;
    line-height: 12px;
    font-size: 13px;
}

.transactions-month .b-day-transaction .type {
    width: 100px;
    color: #999;
    float: right;
    font-size: 8px;
    text-align: right;
    line-height: 12px;
    height: 12px;
    display: block;
    overflow: hidden;
}

.transactions-month .month-container .more {
    float: left;
    width: 100%;
    height: 20px;
    text-align: center;
    line-height: 20px;
    display: none;
}

.transactions-month .month-container td:hover .more { display: inline-block; }


.transactions .transactions-filter {
    width: 230px;
    float: right;
    margin-top: 10px;
}

.transactions .transactions-filter .add {
    width: 216px;
    margin: 10px 0 0 0;
}

.transactions .transactions-filter .chzn-choices {
    border: 1px solid #DDD;
    background-image: none;
}

.transactions .transactions-filter .activate-filters {
    float: right;
    cursor: pointer;
}

.transactions .transactions-filter .activate-filters-title {
    color: #369;
    border-bottom: 1px dotted #369;
}

.transactions .transactions-filter .transactions-filter-item { display: none; }

.transactions .transactions-filter .transactions-filter-item.show { display: block; }

.transactions .transactions-filter .filter-title-img {
    background-image: url(../Images/arrow_right_blue.png);
    display: inline-block;
    position: relative;
    top: 3px;
    width: 16px;
    height: 16px;
}

.transactions .transactions-filter .filter-title-img.active { background-image: url(../Images/arrow_down_blue.png); }

.transactions .transactions-filter .filter-title-img img { }

.transactions .transactions-filter #btntransactionsApply {
    margin-right: 0;
    float: right;
}

.transactions .b-filter-description { }

.transactions .transactions-filter select { width: 230px; }

.transactions .transactions-filter input[type=text] {
    width: 214px;
    margin: 3px 0;
    padding: 4px 4px 4px 10px;
    font-size: 14px;
}

.transactions .transactions-filter .chzn-container {
    width: 230px !important;
    margin: 3px 0;
}

.transactions .transactions-filter .chzn-drop { width: 228px !important; }

.transactions .totalView {
    text-align: right;
    float: right;
    font-size: 11px;
}

.transactions .transactions_operations_item_buttons {
    padding-right: 2px;
    padding-left: 2px;
    width: 80px;
}

.transactions .transactions_operations_item_buttons a { float: right; }

.transactions .orange { color: #F80; }

.transactions .green { color: #390; }

.transactions .gray { color: #999999; }

.transactions .red { color: red; }

.transactions .back-yellow { background-color: #FFEE99; }

.transactions .planStyle { opacity: 0.6; }

.transactions-error { color: Red; }

.transactions .ellipsis {
    white-space: nowrap;
    text-overflow: ellipsis;
    -o-text-overflow: ellipsis;
    -webkit-text-overflow: ellipsis;
    overflow: hidden;
    top: 3px;
}

.transactions-list-container .transaction-box:hover .ellipsis { color: black; }

.transactions .overflow { overflow: hidden; }

.paypayl-button {
    background-image: url('https://www.paypalobjects.com/en_US/i/btn/btn_buynowCC_LG.gif');
    background-repeat: no-repeat;
    border: 0 none;
    width: 147px;
    height: 47px;
    cursor: pointer;
    background-color: transparent;
}

.paypayl-button-subscribe {
    background-image: url('http://www.paypal.com/en_US/i/btn/btn_subscribe_LG.gif');
    background-repeat: no-repeat;
    border: 0 none;
    width: 113px;
    height: 26px;
    cursor: pointer;
    background-color: transparent;
}

.remove_account {
    margin-top: 30px;
    margin-left: 40%;
}

#remove_account_btn {
    color: Red;
    margin-bottom: 30px;
}

#remove_form {
    border: 1px solid Red;
    height: 90px;
    padding: 10px;
    margin-bottom: 100px;
}

#confirm_remove {
    color: Red;
    cursor: pointer;
}

#cancel_remove { cursor: pointer; }

.template_button {
    line-height: 16px;
    height: 16px;
    padding: 6px 5px;
    text-align: center;
    background: rgb(255, 255, 255); /* Old browsers */
    background: -moz-linear-gradient(top, rgba(255, 255, 255, 1) 0%, rgba(229, 229, 229, 1) 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(255, 255, 255, 1)), color-stop(100%, rgba(229, 229, 229, 1))); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, rgba(255, 255, 255, 1) 0%, rgba(229, 229, 229, 1) 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, rgba(255, 255, 255, 1) 0%, rgba(229, 229, 229, 1) 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top, rgba(255, 255, 255, 1) 0%, rgba(229, 229, 229, 1) 100%); /* IE10+ */
    background: linear-gradient(to bottom, rgba(255, 255, 255, 1) 0%, rgba(229, 229, 229, 1) 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#e5e5e5', GradientType=0); /* IE6-9 */
    background-position: 0 0;
    border: 1px solid #CCC;
    border-radius: 2px;
    font-size: 12px;
    color: #333;
    margin: 2px;
    cursor: pointer;
}

a.template_button { text-decoration: none; }

.template_button:hover, .template_button:focus { border: 1px solid #999; }

.tmpage .templates .template_item_transaction .template_item_schedule_summary { margin-top: 5px; }

.tmpage .templates .template_item_transaction .template_item_body {
    padding: 10px 0 0 15px;
    display: none;
}

.template_item_header { margin: 5px; }

.tmpage .templates .orange { color: #FA9B40; }

.tmpage .templates .green { color: #390; }

.tmpage .templates .black { color: Black; }

.tmpage .templates .template_item_info { float: left; }

.tmpage .templates .template_item_total {
    margin-right: 22px;
    max-width: 120px;
    display: inline-block;
}

.tmpage .templates .template_item_description {
    clear: both;
    color: gray;
    font-size: 0.8em;
    margin-left: 20px;
    word-wrap: break-word;
}

.tmpage .templates .template_item_transaction .template_item_header .template_item_name {
    margin-right: 10px;
    display: inline-block;
    max-width: 200px;
}

.tmpage .templates .template_list { border-top: 1px dotted #DDD; }

.tmpage .templates .template_item_transaction {
    padding: 5px;
    border-bottom: 1px dotted #DDD;
}

.tmpage .templates .template_item_transaction:hover { background-color: #EEEEEE; }

.tmpage .templates .template_item_transaction .ellipsis {
    white-space: nowrap;
    text-overflow: ellipsis;
    -o-text-overflow: ellipsis;
    -webkit-text-overflow: ellipsis;
    overflow: hidden;
    vertical-align: middle;
}

.template_item_account {
    display: inline-block;
    max-width: 150px;
}

.template_item_category {
    display: inline-block;
    max-width: 150px;
}

.template_item_transfer_account {
    max-width: 150px;
    display: inline-block;
}

.tmpage h2 {
    font-size: 20px;
    font-weight: normal;
    margin: 0 0 10px 5px;
}

.tmpage .template_item_transaction .template_item_body .template_item_actions {
    padding-top: 20px;
    padding-bottom: 10px;
}

.tmpage .template_item_transaction .template_item_btn { float: right; }

.tmpage .template_item_transaction .template_item_btn_modify, .template_item_btn_delete, .template_item_rename_apply, .template_item_rename_cancel {
    background-image: url(../Images/icons.png);
    background-repeat: no-repeat;
    width: 20px;
    height: 20px;
    display: inline-block;
    background-position: -29px -56px;
    vertical-align: middle;
}

.tmpage .template_item_transaction .template_item_btn_delete { background-position: -52px -56px; }

.tmpage .pressedEdit, .pressedEdit:hover { background-position: -29px -32px !important; }

.tmpage .template_item_transaction .template_item_btn_modify:hover { background-position: -29px -8px; }

.tmpage .pressedDelete, .pressedDelete:hover { background-position: -52px -32px !important; }

.tmpage .template_item_transaction .template_item_btn_delete:hover { background-position: -52px -8px; }

.tmpage .template_item_transaction a.template_item_btn_modify, a.template_item_btn_delete, a.template_item_rename_apply, a.template_item_rename_cancel { text-decoration: none; }

.tmpage .template_item_state {
    margin-bottom: 10px;
    margin-top: 5px;
    display: none;
}

.tmpage .template_item_rename {
    color: #417AA6;
    cursor: pointer;
    font-size: 13px;
    border-bottom: 1px dotted #417AA6;
    margin-left: 10px;
    overflow: hidden;
    display: none;
    vertical-align: middle;
}

.tmpage .template_item_rename:hover {
    color: #FA9B40;
    border-bottom: 1px dotted #FA9B40;
}

.template_item_btn_add_operation { vertical-align: middle; }

.tmpage .template_item_btn_add_operation_with_edit {
    color: #417AA6;
    cursor: pointer;
    font-size: 13px;
    border-bottom: 1px dotted #417AA6;
    margin-left: 10px;
    margin-right: 10px;
    display: inline-block;
    max-width: 80px;
}

.tmpage #template_start_schedule {
    margin-top: 30px;
    padding-bottom: 15px;
    border-bottom: 1px dotted #DDD;
    margin-bottom: 0;
}

.tmpage .template_item_btn_add_operation_with_edit:hover {
    color: #FA9B40;
    border-bottom: 1px dotted #FA9B40;
}

.tmpage .template_item_rename_apply { background-position: -6px -56px; }

.tmpage .template_item_rename_apply:hover { background-position: -6px -8px; }

.tmpage .pressedApply, .pressedApply:hover { background-position: -6px -32px !important; }

.tmpage .template_item_rename_cancel {
    background-position: -52px -56px;
    margin-right: 10px;
}

.tmpage .template_item_rename_cancel:hover { background-position: -52px -8px; }

.tmpage .template_item_repeat {
    float: left;
    cursor: pointer;
    color: #417AA6;
    border-bottom: 1px dotted #417AA6;
    padding: 0 5px 0 5px;
}

.tmpage .templates input { font-size: 13px; }

.tmpage .template_item_repeat_text { cursor: pointer; }

.tmpage .selected {
    background-color: #DDD;
    color: Black !important;
    border-bottom: none !important;
}

.tmpage .disabled { color: Grey !important; }

.tmpage .template_item_repeat:hover {
    border-bottom: none;
    background-color: #DDD;
}

.tmpage .template_item_day {
    margin-left: 5px;
    margin-right: 5px;
}

.tmpage .template_item_week {
    margin-left: 5px;
    margin-right: 5px;
}

.tmpage .template_item_month {
    margin-left: 5px;
    margin-right: 5px;
}

.tmpage .template_item_year {
    margin-left: 5px;
    margin-right: 15px;
}

.tmpage .template_item_txt { float: left; }

.tmpage .template_item_end_date {
    float: left;
    padding: 0 5px 0 5px;
    cursor: pointer;
}

.tmpage .template_item_end_count {
    float: left;
    padding: 0 5px 0 5px;
    cursor: pointer;
}

.tmpage .clear { clear: both; }

.tmpage .template_item_chkbox {
    float: left;
    margin-right: 5px;
}

.tmpage .template_item_body input[type=text] {
    height: 20px;
    padding: 0 5px 0 5px;
    margin: 0 5px 0 5px;
    color: #417AA6;
}

.tmpage .template_item_end_date { width: 80px; }

.tmpage .template_item_end_count { width: 27px; }

.tmpage .template_item_numbers {
    margin-top: 5px;
    display: none;
}

.tmpage .template_item_numbers_num {
    cursor: pointer;
    padding: 5px 5px 5px 5px;
    font-size: 13px;
    color: #417AA6;
    border-bottom: 1px dotted #417AA6;
}

.tmpage .template_item_numbers_num:hover {
    background-color: #DDD;
    border: none;
}

.tmpage .template_item_error {
    display: none;
    color: Red;
    padding: 15px 0 0 5px;
}

.tmpage .template_item_name_edit {
    display: none;
    margin-right: 10px;
    vertical-align: middle;
}

.tmpage .template_item_days { display: none; }

.template_button2 {
    padding: 4px 10px 4px 10px;
    text-align: center;
    background: rgb(255, 255, 255); /* Old browsers */
    background: -moz-linear-gradient(top, rgba(255, 255, 255, 1) 0%, rgba(229, 229, 229, 1) 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(255, 255, 255, 1)), color-stop(100%, rgba(229, 229, 229, 1))); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, rgba(255, 255, 255, 1) 0%, rgba(229, 229, 229, 1) 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, rgba(255, 255, 255, 1) 0%, rgba(229, 229, 229, 1) 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top, rgba(255, 255, 255, 1) 0%, rgba(229, 229, 229, 1) 100%); /* IE10+ */
    background: linear-gradient(to bottom, rgba(255, 255, 255, 1) 0%, rgba(229, 229, 229, 1) 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#e5e5e5', GradientType=0); /* IE6-9 */
    border: 1px solid #CCC;
    border-radius: 2px;
    color: #333;
    font-size: 15px;
    margin: 2px;
    cursor: pointer;
}

a.template_button2 { text-decoration: none; }

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

.tmpage .template_button_disable {
    color: Gray;
    cursor: default;
}

.tmpage .template_button_disable:hover { border-color: #CCC; }

.tmpage #templates_message {
    margin-left: 70px;
    color: Green;
    font-size: medium;
}

.tmpage #demoExpired {
    padding: 20px;
    margin: 5px 0 20px 0;
    line-height: 26px;
    background-color: #9EC631;
    font-size: 16px;
    color: #FFF;
    width: 945px;
}

.tmpage .demoHide { display: none; }

.paybox { text-align: center; }

.paybox H3 {
    margin-bottom: 18px;
    border-bottom: none;
    float: none;
}

.paybox input[type="text"] {
    margin-top: 20px;
    float: none;
}

.paybox .price {
    font-size: 21px;
    padding: 15px 25px;
    border-radius: 4px;
    background-color: #E0E0E0;
    text-align: right;
    margin: 15px auto;
    color: #333;
    width: 240px;
}

.paybox .price b {
    font-size: 69%;
    font-weight: normal;
}

.paybox .price .fullprice {
    color: #999;
    font-size: 88%;
}

.paybox .price .fullprice .value { text-decoration: line-through; }

.paybox .price .discount {
    font-size: 60%;
    float: left;
}

.paybox .price .discount .percent {
    color: #F90;
    font-size: 130%;
    line-height: 155%;
}

.paybox .price .discount .value {
    font-size: 120%;
    display: none;
}

.paybox .price .onemonth {
    color: #999;
    font-size: 60%;
    float: left;
    clear: both;
}

.paybox .price .onemonth.eternally { display: none; }

.paybox .price .defCur {
    color: #999;
    font-size: 60%;
}

.paybox .price .period {
    color: #390;
    float: left;
    margin-top: -12px;
}

.paybox .price input {
    margin: 15px 0 0 0;
    font-size: 18px;
}

.buttoncheck {
    background: transparent url(/css/images/btn170_30.png) no-repeat;
    color: #52534B;
    border: none;
    cursor: pointer;
    font-size: 1.2em;
    height: 30px;
    vertical-align: middle;
    width: 170px;
    float: none;
}

.buttoncheck {
    background: transparent url(/css/images/btn170_30.png) no-repeat;
    color: #52534B;
    border: none;
    cursor: pointer;
    font-size: 1.2em;
    height: 30px;
    vertical-align: middle;
    width: 170px;
    float: none;
}

.legalinfo {
    float: left;
    color: #CCC;
    font-size: 10px;
    line-height: 12px;
}

.operation_view_last_header {
    border-bottom: 1px solid #DDD;
    cursor: pointer;
    background-color: #FAFAFA;
    padding: 5px;
}

.operation_view_last_header h2 { color: #666; }

.operation_view_last_header img {
    float: left;
    margin-right: 10px;
}

.operation_view_last_transactions { display: none; }

.operation_view_last_transactions_no_transactions {
    display: none;
    padding: 20px;
    text-align: center;
}

.operation_view_last_item_header {
    background-color: #F4F4FF;
    color: #666;
    font-size: 11px;
    font-weight: bold;
    padding: 0 0 0 8px;
}

.operation_view_last_item_body {
    border-bottom: 1px dotted #DDD;
    padding: 5px 2px 5px 10px;
}

.operation_view_last_item_account { display: inline-block; }

.operation_view_last_item_date {
    font-size: 0.8em;
    width: 70px;
    display: inline-block;
}

.operation_view_last_item_category { display: inline-block; }

.operation_view_last_item_transfer_account { display: inline-block; }

.operation_view_last_item_arrow { vertical-align: top; display:inline-block; }

.operation_view_last_item_arrow.income, .operation_view_last_item_total.income { color: #390; }

.operation_view_last_item_arrow.expense, .operation_view_last_item_total.expense { color: #F80; }

.operation_view_last_item_info {
    float: left;
    padding-left: 5px;
}

.operation_view_last_item_total {
    width: 100px;
    float: right;
    text-align: right;
}

.operation_view_last_item_buttons {
    text-align: right;
    padding-left: 2px;
    width: 100px;
    float: right;
}

.operation_view_last_item_reccurence {
    background-image: url("../images/reccurence.gif");
    background-repeat: no-repeat;
    width: 16px;
    height: 16px;
    display: inline-block;
    vertical-align: top;
}

.operation_view_last_item_description {
    clear: both;
    word-wrap: break-word;
    margin-left: 5px;
}

.operation_view_last_item_description_text {
    color: gray;
    font-size: 0.8em;
    padding-left: 10px;
    display: inline-block;
}

.operation_view_last_item_body .ellipsis {
    white-space: nowrap;
    text-overflow: ellipsis;
    -o-text-overflow: ellipsis;
    -webkit-text-overflow: ellipsis;
    overflow: hidden;
}

.operation_view_last_header_text { float: left; }

.operation_view_last_header_more {
    text-align: right;
    margin-right: 100px;
}

.operation_view_last_add_more { padding: 10px; }

.operation_view_last_add_more_state {
    display: none;
    margin: 10px 10px 0 10px;
}

#payment_success { display: none; }

#payment_success_date { font-weight: bold; }

.targets_container {
    margin-bottom: 20px;
    background-color: #FFFFFF;
}

.targets_container .targets_container_itemform {
    -moz-border-bottom-colors: none;
    -moz-border-image: none;
    -moz-border-left-colors: none;
    -moz-border-right-colors: none;
    -moz-border-top-colors: none;
    background-color: #FFFFFF;
    border-color: #FFFFFF #FFFFFF #DDDDDD;
    border-style: solid solid dashed;
    border-width: 1px;
    overflow: hidden;
    padding: 5px;
    width: 290px;
}

.targets_container_item_image {
    float: left;
    width: 50px;
    height: 35px;
    overflow: hidden;
    text-align: center;
}

.targets_container_item_title {
    float: left;
    display: inline;
    font-size: 20px;
    font-weight: normal;
    margin: 6px 5px;
}

.targets_container_item_bar {
    background-color: #E2E2E2;
    clear: both;
    height: 5px;
    margin-top: 10px;
    width: 100%;
}

.targets_container_item_bar .blue { background-color: #597EAA; }

.targets_container_item_gathered {
    font-size: smaller;
    color: #AAA;
}

.targets_container_item_gathered_thumbnail {
    position: absolute;
    height: 1px;
}

.targets_container_item_gathered_thumbnail img {
    position: relative;
    left: 290px;
    margin-top: -30px;
    border: solid 2px #ddd;
}

.targets_container .targets_container_itemform .targets_container_item_gathered_thumbnail { display: none; }

.targets_container .targets_container_itemform:hover .targets_container_item_gathered_thumbnail { display: block; }

.targets_container .targets_container_mainedit a {
    display: none;
    text-align: center;
}

.targets_container:hover .targets_container_mainedit a { display: block; }

.svn-output { padding: 20px; }

#account_view #account_view_filter_text_from, #account_view_filter_text_to {
    width: 80px;
    padding-right: 35px;
    margin-right: -36px;
}

#account_view_filter .ui-datepicker-trigger {
    background-color: transparent;
    border: 0 none;
    margin-top: 1px;
    cursor: pointer;
}

#account_view_filter div.chzn-drop { top: 31px !important; }

#account_view_operations { margin-top: 10px; }

.account_view_operations_item_total_transfer {
    color: gray;
    font-size: 0.8em;
    margin-left: 10px;
    word-wrap: break-word;
}

.account_view_operations_item, .account_view_operations_item_selected, .account_view_operations_item_plan, .account_view_operations_item_plan_old {
    border-top: 1px solid #DDD;
    padding-bottom: 3px;
    padding-top: 3px;
}

.account_view_operations_item .ellipsis {
    white-space: nowrap;
    text-overflow: ellipsis;
    -o-text-overflow: ellipsis;
    -webkit-text-overflow: ellipsis;
    overflow: hidden;
}

.account_view_operations_item_selected { background-color: #CCC !important; }

.account_view_operations_item_plan_old {
    background-color: #FE9;
    opacity: 0.6;
}

.account_view_operations_item_plan { opacity: 0.6; }

.account_view_operations_item:hover { background-color: #DDD; }

.account_view_operations_item:hover .account_view_operations_item_description { color: Black; }

.account_view_operations_rev {
    border-top: 1px solid #666;
    text-align: right;
    padding-right: 104px;
    margin-top: 15px;
    margin-bottom: 15px;
}

.account_view_balances_title { display: inline-block; }

.account_view_balances_values { display: inline-block; }

.account_view_balances_apart {
    display: inline-block;
    border-bottom: 1px solid black;
    line-height: 20px;
    padding-bottom: 5px;
    margin-bottom: 5px;
}

.account_view_balances {
    margin-right: 100px;
    margin-top: 50px;
}

.account_view_operations_rev_item_income { color: #390; }

.account_view_operations_rev_item_expense { color: #F80; }

.account_view_operations_rev_item_transfer { }

.account_view_operations_balance_end {
    padding-top: 15px;
    width: 100%;
}

.account_view_operations_balance_end_text { display: inline-block; }

.account_view_operations_balance_end_sum {
    color: gray;
    display: inline-block;
}

.account_view_operations_balance_start {
    text-align: right;
    padding-bottom: 15px;
}

.account_view_operations_balance_start_text { display: inline-block; }

.account_view_operations_balance_start_sum {
    margin-right: 104px;
    display: inline-block;
    color: gray;
}

.account_view_operations_item_buttons {
    text-align: right;
    padding-right: 2px;
    padding-left: 2px;
    width: 100px;
    float: right;
}

.account_view_operations_item_total { float: right; }

.account_view_operations_item_description {
    color: gray;
    font-size: 0.8em;
    display: inline-block;
    margin-left: 10px;
}

.account_view_operations_item_date {
    padding-left: 8px;
    font-size: 0.8em;
    padding-right: 15px;
    width: 75px;
    display: inline-block;
    text-align: right;
    float: left;
    white-space: nowrap;
    text-overflow: ellipsis;
    -o-text-overflow: ellipsis;
    -webkit-text-overflow: ellipsis;
    overflow: hidden;
}

.account_view_operations_item_info { float: left; }

.account_view_operations_item_img_template { margin-left: 5px; }

.account_view_operations_item_arrow { margin: 0 5px 0 5px; }

.account_view_operations_item_arrow.income { color: #390; }

.account_view_operations_item_arrow.expense { color: #F80; }

.account_view_operations_item_total_inc, .account_view_operations_item_total_inc_big {
    width: 100px;
    float: right;
    text-align: right;
    color: #390;
}

.account_view_operations_item_total_inc_big { width: 130px; }

.account_view_operations_item_total_exp, .account_view_operations_item_total_exp_big {
    width: 100px;
    float: right;
    text-align: right;
    color: #F80;
}

.account_view_operations_item_total_exp_big { width: 130px; }

.account_view_operations_item_total_exp.trans, .account_view_operations_item_total_inc.trans { color: #333; }

.account_view_operations_item_total_balance {
    width: 100px;
    float: right;
    text-align: right;
    color: gray;
}

.account_view_operations_no_data {
    display: none;
    text-align: center;
    border-top: 1px solid #DDD;
    padding: 15px 0 5px 0;
}

#account_view_filter input, #account_view_filter select { float: none; }

#account_view_filter div.chzn-container {
    float: left;
    margin-right: 5px;
    padding-top: 2px;
}

#account_view_btn_add {
    float: left;
    margin-right: 15px;
}

#account_view_filter_by_description {
    display: none;
    float: left;
    margin-top: 8px;
    margin-left: 20px;
}

#account_view_filter_by_description_clear {
    cursor: pointer;
    margin-left: 5px;
}

#account_view_filter_by_description_option { width: 120px; }

#account_view_filter_by_description_option_chzn {
    float: none !important;
    margin-right: 0 !important;
    vertical-align: middle;
    padding-top: 0 !important;
    margin-top: -2px;
}

#account_view_plan {
    float: left;
    margin-top: 10px;
}

#account_view_plan label {
    float: none;
    cursor: pointer;
}

#account_view_filter .operation-account {
    width: 290px;
    height: 25px;
    margin-right: 5px;
    padding: 0;
    font-size: 14px;
}

#account_view_filter .operation-currency {
    height: 25px;
    margin-right: 5px;
    padding: 0;
    width: 70px;
    font-size: 14px;
}

#account_view_filter .ui-datepicker-trigger {
    height: 28px;
    vertical-align: top;
}

.ui-datepicker-month {
    padding: 0;
    height: 22px;
}

.ui-widget-content .ui-priority-secondary, .ui-widget-header .ui-priority-secondary {
    opacity: 0.4;
    filter: Alpha(Opacity=40);
}

.ui-state-highlight, .ui-widget-content .ui-state-highlight, .ui-widget-header .ui-state-highlight { border: 1px solid #FB4; }

.buttons_other_functions, .buttons_confirm, .buttons_edit, .buttons_delete, .pressed {
    background-repeat: no-repeat;
    width: 20px;
    height: 20px;
    display: inline-block;
    cursor: pointer;
}

.buttons_other_functions {
    background-image: url(../images/icons_triangle.png);
    background-position: -2px -56px;
}

.buttons_other_functions:hover { background-position: -2px -8px; }

.buttons_confirm {
    background-image: url(../images/icons.png);
    background-position: -6px -56px;
}

.buttons_confirm:hover { background-position: -6px -8px; }

.buttons_confirm_pressed { background-position: -6px -32px !important; }

.buttons_edit {
    background-image: url(../images/icons.png);
    background-position: -29px -56px;
}

.buttons_edit:hover { background-position: -29px -8px; }

.buttons_edit_pressed { background-position: -29px -32px !important; }

.buttons_delete {
    background-image: url(../images/icons.png);
    background-position: -52px -56px;
}

.buttons_delete:hover { background-position: -52px -8px; }

.buttons_delete_pressed { background-position: -52px -32px !important; }

a.buttons_other_functions, a.buttons_delete, a.buttons_edit, a.buttons_confirm { text-decoration: none; }

.pressed, .pressed:hover {
    background-image: url(../images/icons_triangle.png);
    background-position: -2px -32px !important;
    cursor: default;
}

#other_place {
    padding-bottom: 6px;
    border-radius: 6px 0 6px 6px;
    font-size: 11px;
    display: block;
    border: 1px solid #BCBDC0;
    border-top: none;
    position: absolute;
    background-color: White;
    top: -9999px;
    left: 0;
    z-index: 50;
}

#other_place_head {
    padding-top: 6px;
    border-radius: 6px 0 0 0;
    border-top: 1px solid #BCBDC0;
    float: left;
}

#other_place_head_right {
    width: 18px;
    float: right;
}

#other_place_clear { clear: both; }

#other_place .menu_item { padding: 2px 8px 2px 8px; }

#other_place .menu_item:hover {
    background-color: #EBEBEC;
    cursor: pointer;
}

.chartExpensesWidget {
    border-bottom: dotted 1px #333 !important;
    background-color: white !important;
}

.chzn-container .chzn-results li { padding: 5px 7px 5px; }

.chzn-container .chzn-results { max-height: 300px; }

.import_PageHeader {
    margin-top: 10px;
    vertical-align: middle;
}

.import_PageHeader .import_Logo {
    text-align: right;
    float: right;
}

.import_PageHeader .import_ProviderName {
    float: left;
    font-size: 24px;
    font-weight: 400;
}

.import .import_create_account, .import .import_yandex_cbtn {
    vertical-align: middle;
    padding: 7px 5px;
}


#import_AccountsList { margin-top: 20px; }

#import_Text_Instructions {
    font-size: 80%;
    margin-top: 30px;
}

#import_error {
    color: Red;
    margin-top: 10px;
    font-weight: bold;
}

#import_RefreshAndDisconnectButtons {
    text-align: right;
    display: none;
    margin: 30px 0 10px 0;
}

.ui-widget-overlay { z-index: 3000 !important; }

.ui-dialog { z-index: 3001 !important; }

#import_one_time_password_type { display: none; }

#import_one_time_password_code { display: none; }

#import_loading_data {
    display: none;
    margin-top: 10px;
}

.import_loading_data_img { vertical-align: top; }

#import_one_time_password_code_img { vertical-align: bottom; }

#import_one_time_password {
    float: none;
    padding: 2px;
}

#import_AccountsList .operation-account, #import_accounts_match_hm_to_provider .operation-account {
    width: 306px;
    height: 25px;
    margin-right: 5px;
    padding: 0;
    font-size: 14px;
}

#import_accounts_match_hm_to_provider { display: none; }

#import_accounts_match_hm_to_provider .line_text {
    width: 30%;
    float: left;
    padding-top: 5px;
}

#import_accounts_match_hm_to_provider .line_select { float: left; }

#import_banks_accounts .import_banks_accounts_line { padding: 5px 0 5px 0; }

#import_accounts_match_hm_to_provider .import_accounts_match_hm_to_provider_line.big { padding-top: 10px; }

#import_AccountsList div.chzn-container, #import_accounts_match_hm_to_provider div.chzn-container {
    margin-right: 5px;
    vertical-align: middle;
}

#import_AccountsList input, #import_AccountsList select, #import_accounts_match_hm_to_provider input, #import_accounts_match_hm_to_provider select { float: none; }

#import_credentials { padding-bottom: 20px; }

#import_credentials input, #import_confirmToken input {
    float: none;
    padding: 2px;
}

#import_confirmToken { display: none; }

#reconciliation { display: none; }

#reconciliation input[type=text] { float: none; }

#reconciliation #reconciliation_panel_date_from, #reconciliation_panel_date_to {
    width: 75px;
    padding-right: 35px;
    margin-right: -36px;
}

#reconciliation_panel_error {
    color: Red;
    margin-left: 10px;
    font-weight: bold;
}

.reconciliation_panel .ui-datepicker-trigger {
    background-color: transparent;
    border: 0 none;
    cursor: pointer;
    position: relative;
    top: 5px;
}

.reconciliation_panel {
    background-color: #F0F5FA;
    padding: 10px;
}

#reconciliation_title {
    font-size: 17px;
    background-color: #80ABD0;
    color: white;
    padding: 10px 3px;
    text-align: center;
    cursor: pointer;
}

#reconciliation_title_mine {
    float: left;
    width: 50%;
}

#reconciliation_title_theirs {
    float: right;
    width: 50%;
}

#reconciliation_transactions { margin-top: 10px; }

#reconciliation .equally { background-color: #80ABD0; }

.reconciliation_transaction_date_title {
    color: White;
    font-weight: 700;
    background-color: #FB6;
    cursor: pointer;
    border-bottom: 2px solid #F0F5FA;
}

.reconciliation_transaction_date_title_mine {
    float: left;
    width: 480px;
    padding-left: 5px;
    padding-right: 10px;
}

.reconciliation_transaction_date_title_theirs {
    width: 480px;
    float: right;
    padding-left: 5px;
    padding-right: 10px;
}

#reconciliation_total {
    font-size: 17px;
    color: White;
    font-weight: 700;
    background-color: #FB6;
}

#reconciliation_total_mine {
    float: left;
    padding: 10px 10px 10px 5px;
    width: 480px;
}

#reconciliation_total_theirs {
    float: right;
    padding: 10px 10px 10px 5px;
    width: 480px;
}

#reconciliation_total_mine_val { float: right; }

#reconciliation_panel_account_view {
    float: left;
    text-align: center;
    width: 50%;
}

#reconciliation_panel_save {
    float: right;
    width: 50%;
    text-align: center;
}

#reconciliation_panel_save_btn { display: none; }

.reconciliation_transaction_body.close { display: none; }

.reconciliation_transaction_date_title_img, .arrow_down_blue {
    display: inline-block;
    background-image: url(../images/arrow_down_blue.png);
    width: 16px;
    height: 16px;
    background-repeat: no-repeat;
    vertical-align: top;
}

.reconciliation_transaction_date_title_img.close, .arrow_down_blue.closed { background-image: url(../images/arrow_right_blue.png); }

.reconciliation_transaction_date_title_mine_block {
    float: left;
    width: 50%;
}

.reconciliation_transaction_date_title_mine_total {
    float: right;
    width: 50%;
    text-align: right;
}

.reconciliation_transaction_theirs {
    background-color: #F0F5FA;
    padding: 3px;
    width: 489px;
    float: right;
}

.reconciliation_transaction_mine {
    float: left;
    background-color: #F0F5FA;
    padding: 3px;
    width: 489px;
}

.reconciliation_transaction_theirs_item {
    border: 2px solid #F0F5FA;
    padding: 2px 2px 2px 5px;
    background-color: White;
}

.reconciliation_transaction_mine_item {
    border: 2px solid #F0F5FA;
    padding: 2px 2px 2px 5px;
    background-color: White;
    min-height: 61px;
}

.reconciliation_transaction_theirs_item_total {
    max-width: 150px;
    padding-right: 5px;
    float: left;
    text-align: left;
}

.reconciliation_transaction_theirs_item_date {
    background-color: transparent !important;
    height: 13px !important;
    width: 65px !important;
    border: none !important;
    font-size: 10px !important;
    outline: none !important;
    font-family: Verdana, Tahoma, Helvetica, sans-serif !important;
    padding-left: 0 !important;
    padding-bottom: 1px !important;
    color: grey;
    cursor: pointer;
    text-align: center;
}

.reconciliation_transaction_theirs_item_date:hover { border-bottom: 1px dotted grey !important; }

.reconciliation_transaction_theirs_item_info {
    float: right;
    width: 380px;
}

.reconciliation_transaction_theirs_item_info_description {
    width: 300px;
    margin-bottom: 5px;
    border: 1px solid #CFCFCF;
    height: 16px;
    padding: 2px !important;
    font-size: 1em;
    float: none;
}

.reconciliation_transaction_theirs_item_info_comment {
    display: block;
    width: 300px;
    font-size: 1em;
    overflow: hidden;
    text-overflow: ellipsis;
    -o-text-overflow: ellipsis;
    font-size: 11px;
    color: Gray;
}

.reconciliation_transaction_theirs_item_info_category {
    width: 306px;
    float: none;
    height: 22px;
    line-height: 22px;
    padding: 0;
}

.reconciliation_transaction_theirs_item_total_arrow {
    padding-right: 7px;
    cursor: pointer;
    vertical-align: top;
}

.reconciliation_transaction_mine_item_info { float: left; }

.reconciliation_transaction_mine_item_account {
    vertical-align: top;
    display: inline-block;
    max-width: 220px;
}

.reconciliation_transaction_mine_item .ellipsis {
    white-space: nowrap;
    text-overflow: ellipsis;
    -o-text-overflow: ellipsis;
    -webkit-text-overflow: ellipsis;
    overflow: hidden;
}

.reconciliation_transaction_mine_item_category {
    vertical-align: top;
    display: inline-block;
    max-width: 220px;
}

.reconciliation_transaction_mine_item_buttons {
    text-align: right;
    padding-left: 2px;
    width: 100px;
    float: right;
}

.reconciliation_transaction_mine_item_total {
    max-width: 110px;
    float: right;
    text-align: right;
}

.reconciliation_transaction_mine_item_description {
    clear: both;
    color: gray;
    font-size: 0.8em;
    margin-left: 20px;
    word-wrap: break-word;
}

.reconciliation_transaction_mine_item_description:hover {
    height: auto;
    white-space: normal;
    z-index: 1000;
}

#confirm_email_block {
    border: 1px solid #5B8EC7;
    border-radius: 4px;
    margin-bottom: 10px;
    background-color: #EEF4FA;
    display: none;
    padding: 10px;
}

.confirm_email_txtbox {
    width: 300px;
    margin-right: 5px;
}

.confirm_email_btn {
    float: none !important;
    font-weight: normal !important;
    margin: 0 !important;
}

#confirm_email .info {
    margin: 20px 0 20px 0;
    line-height: 150%;
    font-weight: bold;
    color: #390;
}

#confirm_email .subinfo {
    color: #666;
    margin-bottom: 20px;
}

#settings_confirm_email {
    margin-left: 5px;
    /*display: inline-block;*/
    display: none;
}

#dashboard { margin-bottom: 50px; }

#dashboard_widget_targets {
    clear: both;
    padding-top: 15px;
    padding-bottom: 30px;
}

#dashboard_widget_targets.addTargets { text-align: center; }

#dashboard_widget_targets.addTargets .template_button_big {
    float: none;
    display: inline-block;
    font-weight: normal;
}

#dashBoardViewOpearations_body {
    background-color: White;
    border: 1px dotted #333;
}

#dashBoardViewOpearations ul.h-nav {
    background-color: #FAFAFA;
    width: 100%;
    list-style: none;
    float: none;
    height: 31px;
}

#dashBoardViewOpearations ul.h-nav li {
    float: left;
    display: inline-block;
    font-size: 13px;
}

#dashBoardViewOpearations ul.h-nav li.expired { background-color: #FE9; }

#dashBoardViewOpearations ul.h-nav li a {
    text-decoration: none;
    padding: 0 8px;
    line-height: 30px;
    cursor: pointer;
    display: block;
}

#dashBoardViewOpearations ul.h-nav li a:hover {
    text-decoration: none;
    background-color: White;
}

#dashBoardViewOpearations ul.h-nav li a.active {
    color: Black;
    line-height: 31px;
    background-color: White;
    font-weight: bold;
    border: 1px dotted #333;
    border-bottom: none;
}

#dashBoardViewOpearations_body_footer { margin: 20px 0 0 5px; }

#dashBoardViewOpearations_body_footer_add { margin-right: 20px; }

#dashBoardViewOpearations_body_template {
    display: none;
    padding: 5px 10px 10px 10px;
}

#dashBoardViewOpearations_body_templates .template_item_form { padding: 10px 0 5px 0; }

#dashBoardViewOpearations_body_templates .template_item_form_btn_fill {
    cursor: pointer;
    border-bottom: 1px dotted #369;
    color: #369;
    margin-left: 10px;
    padding: 3px;
}

#dashBoardViewOpearations_body_templates .template_item_form_body {
    cursor: pointer;
    padding-bottom: 7px;
    font-size: 100%;
}

#dashBoardViewOpearations_body_templates_no_templates {
    padding: 20px;
    text-align: center;
}

#dashBoardViewOpearations_body_templates .template_item_form_account {
    display: inline-block;
    max-width: 150px;
}

#dashBoardViewOpearations_body_templates .orange { color: #FA9B40; }

#dashBoardViewOpearations_body_templates .green { color: #390; }

#dashBoardViewOpearations_body_templates .black { color: Black; }

#dashBoardViewOpearations_body_templates .template_item_form_transfer_account {
    max-width: 150px;
    display: inline-block;
}

#dashBoardViewOpearations_body_templates .template_item_form_template_name {
    max-width: 580px;
    display: inline-block;
}

#dashBoardViewOpearations_body_templates .template_item_form_category {
    display: inline-block;
    max-width: 150px;
}

#dashBoardViewOpearations_body_templates .template_item_form_total {
    margin-left: 5px;
    max-width: 245px;
    display: inline-block;
}

#dashBoardViewOpearations_body_templates .ellipsis {
    white-space: nowrap;
    text-overflow: ellipsis;
    -o-text-overflow: ellipsis;
    -webkit-text-overflow: ellipsis;
    overflow: hidden;
    vertical-align: middle;
}

#dashBoardViewOpearations_body_templates_message {
    text-align: center;
    display: none;
    font-size: medium;
    padding: 10px;
}

.demobox {
    padding: 20px;
    margin: 20px 0;
    line-height: 26px;
    background-color: #9EC631;
    font-size: 16px;
    color: White;
    width: 100%;
}

.template_button_big {
    background: rgb(255, 255, 255); /* Old browsers */
    background: -moz-linear-gradient(top, rgba(255, 255, 255, 1) 0%, rgba(229, 229, 229, 1) 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(255, 255, 255, 1)), color-stop(100%, rgba(229, 229, 229, 1))); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, rgba(255, 255, 255, 1) 0%, rgba(229, 229, 229, 1) 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, rgba(255, 255, 255, 1) 0%, rgba(229, 229, 229, 1) 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top, rgba(255, 255, 255, 1) 0%, rgba(229, 229, 229, 1) 100%); /* IE10+ */
    background: linear-gradient(to bottom, rgba(255, 255, 255, 1) 0%, rgba(229, 229, 229, 1) 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#e5e5e5', GradientType=0); /* IE6-9 */
    border: 1px solid #CCC;
    border-radius: 2px;
    color: Black;
    cursor: pointer;
    display: block;
    float: right;
    font-size: 15px;
    font-weight: bold;
    height: 30px;
    line-height: 30px;
    margin: 4px;
    padding: 0;
    text-align: center;
    vertical-align: middle;
    width: 170px;
}

.template_button_big:hover {
    border: 1px solid #999;
    color: #333;
}

a.template_button_big { text-decoration: none !important; }

.operation_view_last_transactions_balance_end {
    padding-bottom: 3px;
    padding-top: 3px;
    width: 100%;
}

.operation_view_last_transactions_balance_end_text, .operation_view_last_transactions_balance_start_text {
    margin-right: 5px;
    float: right;
    display: none;
}

.operation_view_last_transactions_balance_end_sum, .operation_view_last_transactions_balance_start_sum {
    margin-right: 104px;
    float: right;
    color: gray;
    display: none;
}

.operation_view_last_transactions_balance_start {
    border-bottom: 1px dotted #DDD;
    float: left;
    padding-bottom: 3px;
    padding-top: 3px;
    margin-bottom: 5px;
    width: 100%;
}

.operation_view_last_transactions_balance_start, .operation_view_last_transactions_balance_end { display: none; }

.but_switch {
    float: left;
    text-decoration: none !important;
    cursor: pointer;
    border: 1px solid rgb(212, 214, 215);
    padding: 5px 10px;
    color: #333;
    font-size: 13px;
    font-family: arial, serif;
    background: rgb(255, 255, 255); /* Old browsers */
    background: -moz-linear-gradient(top, rgba(255, 255, 255, 1) 0%, rgba(229, 229, 229, 1) 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(255, 255, 255, 1)), color-stop(100%, rgba(229, 229, 229, 1))); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, rgba(255, 255, 255, 1) 0%, rgba(229, 229, 229, 1) 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, rgba(255, 255, 255, 1) 0%, rgba(229, 229, 229, 1) 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top, rgba(255, 255, 255, 1) 0%, rgba(229, 229, 229, 1) 100%); /* IE10+ */
    background: linear-gradient(to bottom, rgba(255, 255, 255, 1) 0%, rgba(229, 229, 229, 1) 100%); /* W3C */
}

.but_switch:hover { }

.but_switch.active {
    color: #666769;
    background: none;
    background-color: rgb(208, 210, 211);
    border-left: 1px solid #989899 !important;
    border-top: 1px solid #989899 !important;
    border-bottom: none;
    border-right: none;
    cursor: default;
    padding-top: 6px;
    box-shadow: 2px 2px 4px #989899 inset;
    -moz-box-shadow: 2px 2px 4px #989899 inset;
    -webkit-box-shadow: 2px 2px 4px #989899 inset;
}

.but_switch.right {
    border-radius: 0 2px 2px 0;
    -moz-border-radius: 0 2px 2px 0;
    -webkit-border-radius: 0 2px 2px 0;
    border-left: 1px solid white;
}

.but_switch.left {
    border-radius: 2px 0 0 2px;
    -moz-border-radius: 2px 0 0 2px;
    -webkit-border-radius: 2px 0 0 2px;
}

.but_switch.both {
    border-radius: 0;
    -moz-border-radius: 0;
    -webkit-border-radius: 0;
    border-left: 1px solid white;
}

.template_link {
    border-bottom: 1px dotted #369;
    text-decoration: none !important;
}

#dasboard-accounts .account .functions { display: none; }

#dasboard-accounts .account:hover .functions { display: inline-block; }

#dasboard-accounts .account .functions.pressed { display: inline-block !important; }

.box-notification-new {
    border-radius: 4px;
    border: 1px solid #77BE4C;
    background-color: transparent;
    clear: both;
}

.box-notification-new #box-notification-new-title { margin: 9px 0 8px 0; }

.box-notification-new #box-notification-new-title-text {
    background-image: url(../Images/back.png);
    background-repeat: no-repeat;
    color: White;
    font-weight: bold;
    padding: 10px;
}

.box-notification-new #box-notification-new-content { padding: 0 10px 10px 10px; }

.budget-title {
    background-color: White;
    width: 650px;
    padding: 5px 0 5px 10px;
    cursor: pointer;
}

.budget-title h2 { font-weight: normal; }

.budget-title.close { border-bottom: 1px dotted #333; }

.budget_view_month_select {
    float: none;
    width: 165px;
}

.budget_view_selector_year {
    display: list-item !important;
    color: transparent;
}

.budget_view_selector_year a { text-decoration: none; }

.budget_view_selector_last_year, .budget_view_selector_next_year { float: left; }

.budget_view_month_selector { margin: 15px 0 20px 15px; }

.budget_view_month_selector_control {
    position: relative;
    display: inline-block;
}

.budget_view_month_selector_label {
    display: inline-block;
    float: left;
    line-height: 32px;
    margin-right: 5px;
}

.budget_view_month_selector_prev { top: -5px; }

.budget_view_month_selector_next { top: 26px; }

.budget_view_month_selector .chzn-single { background: none !important; }

.budget_view_month_selector_switch {
    position: absolute;
    left: 10px;
    line-height: 9px;
    z-index: 1;
    background-color: white;
    color: #dddddd;
    cursor: pointer;
    display: none;
}

.budget_view_month_selector_switch:hover { color: #AEAEAE; }

.budget_view_no_data {
    display: none;
    padding: 10px 30px 30px 30px;
    text-align: center;
}

.targets_item {
    height: 30px;
    margin-bottom: 10px;
    background-color: #E6E7E8;
}

.targets_item_progress {
    height: 30px;
    float: left;
    background-color: #CCC;
}

.targets_item_img {
    height: 30px;
    width: 30px;
    float: right;
    cursor: pointer;
}

.targets_item_img_big_div {
    position: relative;
    left: 300px;
    width: 290px;
    top: -50px;
    border: solid 1px #BCBCBC;
    padding: 20px;
    background-color: White;
    display: none;
    z-index: 1;
}

.targets_item_img_big_close {
    text-align: right;
    margin-top: -20px;
    margin-right: -20px;
}

.targets_item_img_big_close_X {
    background-image: url(../images/icons.png);
    background-repeat: no-repeat;
    width: 20px;
    height: 20px;
    background-position: -52px -56px;
    cursor: pointer;
    display: inline-block;
}

.targets_item_text {
    position: absolute;
    height: 30px;
    width: 270px;
}

.targets_item_text_name {
    float: left;
    padding-left: 12px;
    padding-top: 6px;
    overflow: hidden;
    text-overflow: ellipsis;
    -o-text-overflow: ellipsis;
    white-space: nowrap;
    max-width: 145px;
    height: 20px;
    font-weight: bold;
}

.targets_item_text_total {
    float: right;
    padding-right: 10px;
    padding-top: 6px;
    overflow: hidden;
    text-overflow: ellipsis;
    -o-text-overflow: ellipsis;
    white-space: nowrap;
    max-width: 90px;
    height: 20px;
    font-size: 11px;
}

.targets_item_percent {
    position: absolute;
    padding-top: 20px;
    max-width: 270px;
    font-size: 11px;
}

.million-calculator { margin: 25px 0 25px 0; }

.million-calculator-header {
    color: #778079;
    margin: 0 43px 43px 43px;
}

.million-calculator-main {
    margin-left: 46px;
    width: 530px;
    float: left;
}

.million-calculator-main-border {
    border: 1px solid #C0C0C0;
    background-color: White;
}

.million-calculator-main-head-text {
    color: #666;
    margin-bottom: 10px;
}

.million-calculator-main-share-buttons { padding-left: 100px; }

.million-calculator-main-b {
    margin: 1px;
    background-color: #F1F1F1;
}

.million-calculator-side {
    float: right;
    width: 310px;
}

.million-calculator-side-text {
    color: #666666;
    margin-bottom: 15px;
    margin-left: 3px;
}

.million-calculator-main-calc {
    height: 335px;
    background-image: url(/images/million-calculator.png);
    background-position: left bottom;
    background-repeat: no-repeat;
}

.million-calculator-main-result {
    padding: 0 25px 0 25px;
    display: none;
}

.million-calculator-main-result-header {
    margin: 15px 0 15px 0;
    color: #137500;
    font-size: 24px;
}

.million-calculator-side-target {
    background-color: White;
    border: 1px solid #C3C3C3;
    width: 230px;
    height: 100px;
    clear: left;
}

.million-calculator-side-target-vacation {
    position: relative;
    left: 90px;
    top: -65px;
}

.million-calculator-side-target-repair {
    position: relative;
    top: -125px;
}

.million-calculator-side-registration {
    top: -130px;
    clear: left;
    position: relative;
}

.million-calculator-side-registration-header {
    color: #778079;
    font-size: 18px;
    margin-left: 3px;
}

.million-calculator-side-registration-btn { margin-top: 25px; }

.million-calculator-side-registration-btn input { width: 278px; }

.million-calculator-main-chart {
    height: 240px;
    display: none;
    padding-left: 5px;
}

.million-calculator-main-footer {
    height: 10px;
    background-color: #E8E8E8;
}

.million-calculator-main input {
    float: none;
    color: #137500;
    font-size: 24px;
    padding-top: 7px;
}

.million-calculator-main-calc-span-text {
    width: 170px;
    text-align: right;
    margin-right: 5px;
    display: inline-block;
    padding-left: 150px;
    font-size: 14px;
}

.million-calculator-main-calc-span-text.down {
    position: relative;
    top: 5px;
}

.million-calculator-main-calc-line { padding: 20px 0 20px 0; }

#million-calculator-main-calc-btn { margin-left: 332px; }

#million-calculator-main-calc-btn.disabled {
    cursor: default;
    background-image: none;
}

#million-calculator-main-calc-btn.disabled:hover {
    border: 1px solid #CCC;
    color: #666;
}

#million-calculator-age { width: 40px; }

#million-calculator-sum { width: 120px; }

#million-calculator-percent { width: 70px; }

.million-calculator-main-calc-pr {
    color: #137500;
    font-size: 24px;
}

.million-calculator-main-calc-error {
    color: Red;
    margin-left: 170px;
    padding: 0 10px 0 10px;
    font-weight: bold;
}

.million-calculator-side-target-img {
    width: 100px;
    height: 100px;
}

.million-calculator-side-target-txt {
    position: relative;
    color: #666666;
    font-size: 16px;
    font-weight: bold;
    top: -90px;
    left: 110px;
}

.million-calculator-side-target-add {
    position: relative;
    top: -80px;
    left: 105px;
    height: 28px;
}

.million-calculator-main-share-buttons #gp_share_button {
    display: none;
    margin: 5px 0 5px 0;
}

.million-calculator-main-share-buttons #fb_share_button {
    display: none;
    margin-bottom: 5px;
}

.invite-main {
    float: left;
    width: 615px;
    margin-right: 100px;
}

.invite-side {
    float: left;
    font-size: 15px;
}

.invite .pagetitle {
    font-size: 24px;
    font-weight: 400;
    margin-bottom: 18px;
}

.invite-question-answer {
    margin-bottom: 40px;
    color: #858585;
    width: 650px;
}

.invite-question-answer-ans { color: #919191; }

.invite input {
    width: 350px;
    float: none;
}

.invite textarea {
    resize: none;
    border: 1px solid Black;
}

.invite-head { margin: 25px 0 25px 0; }

.invite-ref-link {
    margin: 50px 30px 50px 12px;
    width: 620px;
}

.invite-ref-link-text {
    font-size: 19px;
    margin-bottom: 8px;
    color: #090;
}

.invite-send-to-friends {
    margin-top: 45px;
    display: none;
}

.invite-send-to-friends #invite-send-to-friends {
    width: 585px;
    height: 85px;
    padding: 15px;
    font-size: 18px;
}

.invite-send-to-friends-btnDiv {
    text-align: right;
    width: 620px;
    margin-top: 15px;
}

.invite-ref-link-btn {
    padding-top: 7px;
    padding-bottom: 7px;
}

.invite-sent-to-FB-btn { padding: 10px 8px 10px 40px; }

.invite-sent-to-VK-btn { padding: 10px 8px 10px 40px; }

.invite-sent-to-GP-btn { padding: 10px 8px 10px 40px; }

.invite-sent-to-FB-block {
    display: inline-block;
    margin-left: 10px;
    position: relative;
}

.invite-sent-to-VK-block {
    display: inline-block;
    position: relative;
}

.invite-sent-to-GP-block {
    display: inline-block;
    position: relative;
}

.invite-sent-to-img {
    position: absolute;
    top: -8px;
    left: 3px;
    cursor: pointer;
}

.invite-main-title {
    line-height: 25px;
    margin: 13px 13px 40px 13px;
    font-size: 17px;
}

.monthBalance {
    display: none;
    padding-left: 10px;
    padding-right: 30px;
    margin-top: 10px;
    margin-bottom: 20px;
}

.monthBalance_current_income_percent {
    background-color: #99cb82;
    height: 8px;
    float: left;
}

.monthBalance_current_income_plan_percent {
    background-color: #CDE4C0;
    height: 8px;
    float: left;
}

.monthBalance_current_expense_percent {
    background-color: #f9c394;
    height: 8px;
    float: left;
}

.monthBalance_current_expense_plan_percent {
    background-color: #FCE1C8;
    height: 8px;
    float: left;
}

.monthBalance_current_expense_txt, .monthBalance_current_income_txt {
    font-size: 11px;
    max-width: 260px;
}

.monthBalance_previous_item_income_percent {
    background-color: #99cb82;
    height: 4px;
}

.monthBalance_previous_item_expense_percent {
    background-color: #f9c394;
    height: 4px;
}

.monthBalance_previous_item { margin-top: 3px; }

.monthBalance_previous {
    margin-top: 10px;
    font-size: 11px;
}

.monthBalance_current_income_txt_fact, .monthBalance_previous_item_income_text_fact {
    color: #389818;
    position: relative;
}

.monthBalance_current_income_txt_plan {
    color: #9ACB83;
    position: relative;
}

.monthBalance_current_expense_txt_fact, .monthBalance_previous_item_expense_text_fact {
    color: #F48831;
    position: relative;
}

.monthBalance_current_expense_txt_plan {
    color: #F9C393;
    position: relative;
}

.currencyManager-main {
    background-color: White;
    border: 1px dotted #333;
    padding: 20px 15px 25px 15px;
}

.currencyManager-main-head-name {
    float: left;
    width: 190px;
    padding-left: 5px;
}
.currencyManager-main-head-iso {
    float: left;
    width: 58px;
}
.currencyManager-main-head-shortName {
    float: left;
    width: 145px;
}

.currencyManager-main-head-rate {
    float: left;
    width: 100px;
}

.currencyManager-main-head-mainCurrency { 
    margin-bottom: 20px;
}

.currencyManager-main-currencies-item-error {
    color: Red;
    font-size: 11px;
    font-weight: bold;
}

.currencyManager-main-head-mainCurrency .chzn-container, .currencyManager-main-addCurrency .chzn-container { margin: -6px 0 0 5px; }

.currencyManager-main-currencies input[type=checkbox] {
    float: none;
    border-radius: 2px;
    vertical-align: middle;
}

.currencyManager-main-currencies {
    margin-top: 5px;
    margin-bottom: 15px;
}

.currencyManager-main-currencies-item {
    padding: 5px;
    width: 750px;
}

.currencyManager-main-currencies-auto {
    cursor:pointer;
    display: inline-block;
    float:none;
}

.currencyManager-main-currencies-auto input {
    border-radius: 2px;
    display: inline-block;
    float: left;
    margin: 6px 2px 6px 10px;
    vertical-align: middle;
}

.currencyManager-main-currencies-item:hover { background-color: #ededed; }

.currencyManager-main-currencies-item-fullName {
    width: 160px;
    margin-right: 15px;
}

.currencyManager-main-currencies-item-iso {
    float: left;
    font-size: 14px;
    margin: 6px;
    width: 52px;
}

.currencyManager-main-currencies-item-shortName {
    width: 50px;
    margin-right: 15px;
}

.currencyManager-main-currencies-item-rateText {
    float: left;
    display: inline-block;
    margin: 6px;
    width: 60px;
}

a.currencyManager-main-currencies-item-newRate.template_link {
    display: inline-block;
    font-size: 14px;
    margin: 5px;
}

.currencyManager-main-currencies-item-rate {
    width: 60px;
    margin-right: 5px;
}

.currencyManager-main-currencies-item-delete {
    float: right;
    margin-top: 6px;
    background-image: url(../images/icons.png);
    background-repeat: no-repeat;
    width: 20px;
    height: 20px;
    background-position: -52px -56px;
    display: none;
}

.currencyManager-main-currencies-item-delete:hover { cursor: pointer; }

.currencyManager-main-currencies-item:hover .currencyManager-main-currencies-item-delete { display: inherit; }

.currencyManager-label { float: left; }

.currencyManager-main-addCurrency {
    padding: 10px 0 10px 5px;
    margin-bottom: 10px;
}

.currencyManager-main-addBtn {
    padding: 8px 10px 8px 10px;
    margin-left: 5px;
}

.currencyManager-main-head-mainCurrency-select { width: 65px; }

.currencyManager-main-addCurrency-select { width: 276px; }

.currencyManager-label { margin-right: 5px; }

.pull-down-menu input { float: none; }

.pull-down-menu div.chzn-drop .chzn-results {
    margin: 7px 0 0 0;
    padding: 0;
}

.pull-down-menu .chzn-container .chzn-results .group-result {
    color: #bcbcbc;
    font-weight: normal;
    font-size: 10px;
    letter-spacing: 2px;
}

.pull-down-menu .chzn-container .chzn-results li {
    padding: 5px 7px 5px;
    padding-left: 12px;
}

.pull-down-menu .chzn-container .chzn-results .group-option { padding-left: 22px; }

.pull-down-menu .chzn-container .chzn-results .active-result.highlighted {
    background-color: #E6E7E8;
    background-image: none;
    color: #333;
}

.pull-down-menu div.chzn-search {
    border-bottom: 1px solid #DDD;
    padding-bottom: 0;
}

.pull-down-menu .chzn-search input {
    height: 20px;
    border: none;
    background: #fff url('/css/chosen-sprite.png') no-repeat 100% -22px;
}

.pull-down-menu .chzn-container-single .chzn-single div {
    border-left: 1px solid #E6E7E8;
    padding-left: 2px;
    margin-top: 3px;
}

.pull-down-menu a.chzn-single div b { margin-top: -1px; }

.pull-down-menu a.chzn-single {
    height: 28px;
    line-height: 28px;
    border: 1px solid #d3d3d3;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
    -webkit-box-shadow: 0 0 0;
    -moz-box-shadow: 0 0 0;
    box-shadow: 0 0 0 0;
    background: rgb(255, 255, 255); /* Old browsers */
    background: -moz-linear-gradient(top, rgba(255, 255, 255, 1) 0%, rgba(240, 240, 240, 1) 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(255, 255, 255, 1)), color-stop(100%, rgba(240, 240, 240, 1))); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, rgba(255, 255, 255, 1) 0%, rgba(240, 240, 240, 1) 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, rgba(255, 255, 255, 1) 0%, rgba(240, 240, 240, 1) 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top, rgba(255, 255, 255, 1) 0%, rgba(240, 240, 240, 1) 100%); /* IE10+ */
    background: linear-gradient(to bottom, rgba(255, 255, 255, 1) 0%, rgba(240, 240, 240, 1) 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#F0F0F0', GradientType=0); /* IE6-9 */
}

.pull-down-menu div.chzn-drop {
    -webkit-border-radius: 0 0 2px 2px;
    -moz-border-radius: 0 0 2px 2px;
    border-radius: 0 0 2px 2px;
    -webkit-box-shadow: 0 0 0 0;
    -moz-box-shadow: 0 0 0 0;
    -o-box-shadow: 0 0 0 0;
    box-shadow: 0 0 0 0;
    border: 1px solid #d3d3d3;
}

.additional-main {
    float: left;
    width: 670px;
}

.additional-main-currency { margin-top: 40px; }

.categoryManager .limit { display: none !important; }

.categoryManager-main-body {
    background-color: White;
    border: 1px dotted #333;
}

.categoryManager-main-menu ul.h-nav {
    background-color: #FAFAFA;
    width: 100%;
    list-style: none;
    float: none;
    height: 31px;
}

.categoryManager-main-menu ul.h-nav li {
    float: left;
    display: inline-block;
    font-size: 13px;
}

.categoryManager-main-menu ul.h-nav li a {
    text-decoration: none;
    padding: 0 15px;
    line-height: 30px;
    cursor: pointer;
    display: block;
}

.categoryManager-main-menu ul.h-nav li a:hover {
    text-decoration: none;
    background-color: White;
}

.categoryManager-main-menu ul.h-nav li a.active {
    color: Black;
    line-height: 31px;
    background-color: White;
    border: 1px dotted #333;
    border-bottom: none;
}

.categoryManager-main-body { padding: 10px 15px 10px 15px; }

.categoryManager-main-body-list {
    float: left;
    width: 235px;
    padding-right: 5px;
}

.categoryManager-main-body-func {
    float: left;
    padding: 0 0 0 20px;
    width: 370px;
}

.categoryManager-main-body-func input {
    border-radius: 2px;
    float: none;
}

.categoryManager-main-body-func select { float: none; }

.categoryManager-main-body-func label {
    float: none;
    font-weight: normal;
    color: #333;
}

.categoryManager-main-body-func-catName { width: 360px; }

.categoryManager-main-body-func-subcatSelect { width: 335px; }

.categoryManager-main-body-func-moveTransSelect { width: 335px; }

.categoryManager-main-body-func-subCatName {
    width: 335px;
    margin-left: 25px;
}

.categoryManager-main-body-func .chzn-container { margin-left: 25px; }

.categoryManager-main-body-func-subcatSelect-div {
    display: none;
    margin-bottom: 15px;
}

.categoryManager-main-body-func-moveTransSelect-div {
    display: none;
    margin-bottom: 15px;
}

.categoryManager-main-body-func-subCatName-div {
    display: none;
    margin-bottom: 15px;
}

.categoryManager-main-body-func-archiveChk-div { margin-bottom: 20px; }

.categoryManager-main-body-func-catName-div { margin: 5px 0 5px 0; }

.categoryManager-main-body-func-save-div {
    margin-top: 20px;
    margin-bottom: 15px;
    float: left;
}

.categoryManager-main-body-func-remove-div {
    margin-top: 20px;
    margin-bottom: 15px;
    float: right;
}

.categoryManager-main-body-func-remove:hover {
    color: #EA212D;
    border-bottom: 1px dotted #EA212D;
}

.categoryManager-main-body-func-save { padding: 8px 10px 8px 10px; }

.categoryManager-main-body-list-item { margin-top: 5px; }

.categoryManager-main-body-list-item .archive { color: Gray; }

.categoryManager-main-body-list-item.sub { margin-left: 10px; }

.categoryManager-main-body-list-item-link.active {
    color: Black !important;
    font-weight: bold;
    border-bottom: none;
    cursor: default;
}

.categoryManager-main-body-list-item-link.active.remove { color: #EA212D !important; }

.categoryManager-main-body-list-item-link.newCategory {
    color: #57A63A;
    font-size: 16px;
    border-bottom: 1px dotted #57A63A;
}

.categoryManager-main-body-list-newCat { margin-top: 15px; }

.categoryManager-main-body-list-newCat.top {
    margin-top: 0;
    margin-bottom: 10px;
}

.categoryManager-main-body-list .ellipsis {
    text-overflow: ellipsis;
    -o-text-overflow: ellipsis;
    -webkit-text-overflow: ellipsis;
    overflow: hidden;
}

.categoryManager-main-body-func-fields { display: none; }

.categoryManager-main-body-func-chose-message {
    text-align: center;
    font-weight: bold;
    padding-top: 20px;
}

.categoryManager-main-body-func-error {
    color: Red;
    padding: 5px 0 5px 0;
}

.categoryManager-main-body-func-budget-error {
    display: none;
    padding: 5px 0 5px 0;
}

.categoryManager-main-body-func-budget-error-btn { text-align: right; }

.categoryManager-main-body-func-budget-error-btn a { text-decoration: none; }

.notes {
    position: absolute;
    left: 0;
    top: 90px;
    z-index: 9999;
    background-color: #FFF9A2;
    padding: 5px;
    -webkit-box-shadow: 0 15px 50px -20px black;
    -moz-box-shadow: 0 15px 50px -20px black;
    box-shadow: 0 15px 50px -20px black;
}

.notes-open {
    width: 14px;
    height: 150px;
    cursor: pointer;
    opacity: 0.5;
}

.notes-size {
    word-wrap: break-word !important;
    line-height: normal !important;
}

.notes-open:hover {
    opacity: 1;
    padding: 5px 7px 5px 7px;
}

.notes-text {
    width: 242px;
    resize: none;
    background-color: transparent;
    border: none;
    padding-left: 10px;
}

.notes-text:focus { outline: none; }

.close_btn {
    background-image: url(../images/icons.png);
    background-repeat: no-repeat;
    width: 20px;
    height: 20px;
    background-position: -52px -56px;
    cursor: pointer;
    display: inline-block;
}

.notes-opened-elements { display: none; }

.notes-open-arrow {
    margin-top: 5px;
    background-image: url(../images/right_arrow.png);
    background-repeat: no-repeat;
    width: 6px;
    height: 11px;
    display: inline-block;
}

.reportsCashFlow td {
    border: 1px solid #EEE;
    padding: 3px 5px;
}

.reportsCashFlow td.data, .reportsCashFlow th.data { text-align: right; }

.reportsCashFlow th {
    color: #000;
    background-color: #EEE;
    border: 1px solid #EEE;
    padding: 3px 5px;
    font-weight: normal;
}

.reportsCashFlow th.head { text-align: left; }

.reportsCashFlow td.subName { padding-left: 60px !important; }

.reportsCashFlow td.subNameFirst { padding-left: 30px; }

.reportsCashFlow td.subNameFirst .arrow_down_blue { margin-left: -21px; }

.reportsCashFlow tr.sub td {
    font-size: 11px;
    background-color: white;
    color: #666;
}

.reportsCashFlow td.highlighted { background-color: #FFECBB !important; }

.reportsCashFlow tr.summary.hide { display: none; }

.reportsCashFlow tr.group { cursor: pointer; }

.reportsCashFlow #reportsCashFlow_years { width: 75px; }

.reportsCashFlow_filter { margin-bottom: 10px; }

.reportsCashFlow_filter label {
    float: none;
    cursor: pointer;
    font-weight: normal;
    color: #333;
}

.reportsCashFlow_chks {
    display: inline-block;
    vertical-align: text-bottom;
}

.reportsCashFlow .empty { display: none; }

.reportsCashFlow .empty.hide { display: none !important; }

.reportsCashFlow .empty.show { display: table-row; }

.reportsCashFlow .accountHide { display: none !important; }

.reportsCashFlow .accountShow { display: table-row; }

.reportsCashFlow .mainHide { display: none !important; }

.reportsCashFlow .mainShow { display: table-row; }

#targetEditor { float: left; }

.target-editor {
    border: 1px dotted #333;
    padding: 15px;
    background-color: #fff;
    width: 665px;
}

.target-editor .template_button {
    margin: 0;
    display: inline-block;
}

.target-editor-left {
    float: left;
    width: 25%;
}

.target-editor-border {
    padding-left: 10%;
    border-left: 1px dotted #333;
}

.target-editor-border > div { position: relative; }

.target-editor-list { }

.target-editor-list li { margin-bottom: 10px; }

.target-editor-list a { border-bottom: 1px dotted #336699; }

.target-editor-list a:hover {
    text-decoration: none;
    border: 0;
}

.target-editor-list a.selected {
    border: 0 none;
    color: #000;
    font-weight: bold;
}

.target-editor-list li.new { margin-top: 30px; }

.target-editor-list a.new { color: #339900; }

.target-edit-right {
    float: right;
    width: 75%;
}

.target-edit-right input[type=text], .target-edit-right select, .target-edit-right span {
    float: none;
    display: block;
    margin-bottom: 10px;
    border-radius: 2px 2px 2px 2px;
}

.target-edit-right span { margin-bottom: 5px; }

.target-edit-right-left {
    float: left;
    width: 60%;
}

.target-edit-right-left input[type=text] { width: 250px; }

.target-edit-right-left select { width: 258px; }

.target-edit-right-left .target-edit-month, .target-edit-right-left .target-edit-year {
    display: inline-block;
    width: auto;
}

.target-edit-right-left .target-edit-year { width: 85px; }

.target-edit-right-left .target-edit-accounts {
    display: inline !important;
    position: absolute;
    top: -1000px;
}

.target-edit-right-left .chzn-container-multi .chzn-choices .search-choice { clear: both; }

.target-edit-right-right {
    float: right;
    width: 40%;
}

.target-edit-right-right input[type=text] { width: 100px; }

.target-edit-right-right .target-edit-img { width: 100px; }

.target-edit-right-right .target-edit-amount-month {
    position: absolute;
    bottom: -8px;
}

.target-edit-right-right .target-edit-or {
    position: absolute;
    bottom: 0;
    right: 220px;
}

.target-edit-right-right input[type=text].target-edit-total, .target-edit-right-right input[type=text].target-edit-amount-per-month { display: inline-block; }

.target-edit-right-bottom { padding-top: 10px; }

.target-edit-suminfo {
    padding-top: 20px;
    padding-bottom: 10px;
}

.transactions-graphs-wrap {
    position: relative;
    margin: 35px 50px;
}

.transactions-graphs .selecting-middle {
    border-top: 1px solid black;
    position: relative;
    z-index: 2;
    display: none;
}

.transactions-graphs .non-active .selecting-middle { display: none !important; }

.transactions-graphs .selecting-middle .selecting-middle-val {
    position: absolute;
    top: -16px;
    left: 0;
    display: inline-block;
    font-size: 0.85em;
    line-height: 12px;
}

.transactions-graphs-selection {
    position: absolute;
    height: 100%;
    background-color: #F3EEDC;
    z-index: 1;
}

.transactions-graphs-selection > .selecting-slider {
    position: absolute;
    display: block;
    width: auto;
    height: auto;
    min-width: 10px;
    min-height: 12px;
    background-color: #E6DCB3;
    font-family: Verdana, Tahoma, Helvetica, sans-serif;
    font-size: 0;
    color: #000000;
    text-align: center;
    cursor: pointer;
}

.transactions-graphs-selection > .selecting-slider.simple { height: 12px; }

.transactions-graphs-selection > .selecting-slider.full {
    min-width: 78px;
    min-height: 18px;
    max-height: 38px;
    padding: 5px 0;
    font-size: 9px;
    line-height: 1em;
}

.transactions-graphs-selection > .selecting-slider.bottom.full { line-height: 2em; }

.transactions-graphs-selection > .selecting-slider.top.ui-resizable-w {
    top: initial;
    left: initial;
    bottom: 100%;
    right: 100%;
    background: #E6DCB3 url(../images/selecting-slider-tl.png) no-repeat right bottom;
}

.transactions-graphs-selection > .selecting-slider.top.ui-resizable-e {
    top: initial;
    right: initial;
    bottom: 100%;
    left: 100%;
    background: #E6DCB3 url(../images/selecting-slider-tr.png) no-repeat left bottom;
}

.transactions-graphs-selection > .selecting-slider.bottom.ui-resizable-w {
    bottom: initial;
    left: initial;
    top: 100%;
    right: 100%;
    background: #E6DCB3 url(../images/selecting-slider-bl.png) no-repeat right top;
}

.transactions-graphs-selection > .selecting-slider.bottom.ui-resizable-e {
    bottom: initial;
    right: initial;
    top: 100%;
    left: 100%;
    background: #E6DCB3 url(../images/selecting-slider-br.png) no-repeat left top;
}

.transactions-graphs-selection > .selecting-slider .selecting-month-wrap {
    position: relative;
    height: 30px;
    margin-top: -17px;
    border: 6px solid #E6DCB3;
}

.transactions-graphs-selection > .selecting-slider.bottom .selecting-month-wrap {
    margin-top: -18px;
    padding-bottom: 0;
}

.transactions-graphs-selection > .selecting-slider .selecting-month {
    width: 97px;
    height: 28px;
    padding: 0 35px 0 10px;
    background-color: #FFFFFF;
    border: 1px solid #DDD;
    border-radius: 2px;
    color: #000000;
    font-size: 13px;
    line-height: 1em;
    text-align: left;
    outline: none;
}

.transactions-graphs-selection > .selecting-slider .ui-datepicker-trigger { margin: 5px 0 0 -32px; }

.transactions-graphs {
    width: 765px;
    table-layout: fixed;
    border-collapse: separate;
    position: relative;
    z-index: 2;
}

.transactions-dates td {
    text-align: center;
    padding: 3px 0 5px 0;
    cursor: pointer;
}

.transactions-dates a {
    font-size: 0.75em;
    color: #829EC9;
    border-bottom: 1px dotted #829EC9;
    text-decoration: none;
}

.transactions-bars td {
    width: 60px;
    border-left: 2px solid transparent;
    border-right: 2px solid transparent;
    vertical-align: bottom;
}

.transactions-bars td.first-bar { border-left: none; }

.transactions-bars td.last-bar { border-right: none; }

.transactions-bars.summary td { padding-top: 30px; }

.transactions-bars.summary { height: 200px; }

.transactions-bars .transactions-bar {
    position: relative;
    width: 100%;
    background-color: #FAE6CD;
    border-top: 1px solid #F07F29;
    cursor: pointer;
}

.transactions-bars.income .transactions-bar {
    background-color: #D6EBCC;
    border-top: 1px solid #339900;
}

.transactions-years .transactions-year {
    font-size: 19px;
    margin-left: 7px;
    margin-right: 7px;
    cursor: pointer;
    color: #336699;
    border-bottom: 1px dotted #336699;
    text-decoration: none !important;
}

.transactions-years .transactions-last-months { font-size: 13px; }

.transactions-years .transactions-year.active {
    color: black;
    border-bottom: none;
    font-weight: bold;
}

.transactions-years { margin: 40px 50px 50px 44px; }

.transactions-bars .transaction-val.income:hover { border-bottom: 1px solid #339900; }

.transactions-bars .transaction-val.income { color: #339900; }

.transactions-bars .transaction-val {
    position: absolute;
    top: -16px;
    left: 0;
    display: inline-block;
    font-size: 0.85em;
    color: #F07F29;
    line-height: 12px;
}

.transactions-bars .transaction-val:hover { border-bottom: 1px solid #F07F29; }

.transactions-bars.active .selected div { background-color: #F6B274; }

.transactions-bars.income.active .selected div { background-color: #85C265; }

.transactions-bars.non-active .selected div { background-color: #CDCDCD; }

.transactions-caption td {
    line-height: 28px;
    padding: 4px 0 26px 0;
    border-top: 1px solid #787878;
}

.transactions-caption input {
    float: left;
    margin: 3px 8px 20px 0;
    vertical-align: text-top;
}

.transactions-caption .tr-caption { width: 250px; }

.transactions-bars.non-active .transactions-bar {
    background-color: #E4E4E4;
    border-top-color: #B8B8B8;
}

.transactions-bars.non-active .transaction-val { display: none; }

.transactions-caption.non-active td {
    color: #8C8C8C;
    border-top-color: #B8B8B8;
}

/* start Inline category manager*/

.btnNewInlineCategory {
    text-decoration: none;
    border-bottom: 1px dotted #959595;
    color: #959595;
}

.btnNewInlineCategory:hover {
    border-bottom: 0 none;
    text-decoration: none;
    color: #757575;
}

.editInlineCategory { text-align: left; }

.editInlineCategory .txtInlineCategory {
    width: 120px;
    height: 20px;
}

.editInlineCategory a {
    margin-left: 5px;
    text-decoration: none;
}

.editInlineCategory .btnCloseNewInlineCategory {
    border-bottom: 1px dotted #333333;
    color: #333333;
}

/* ebd Inline category manager*/


/* start Inline account manager*/

.btnNewInlineAccount {
    text-decoration: none;
    border-bottom: 1px dotted #959595;
    color: #959595;
}

.btnNewInlineAccount:hover {
    border-bottom: 0 none;
    text-decoration: none;
    color: #757575;
}

.editInlineAccount { text-align: left; }

.editInlineAccount .txtInlineAccount {
    width: 120px;
    height: 20px;
}

.editInlineAccount a {
    margin-left: 5px;
    text-decoration: none;
}

.editInlineAccount .btnCloseNewInlineAccount {
    border-bottom: 1px dotted #333333;
    color: #333333;
}

/* ebd Inline Account manager*/

.newwizard-content {
    margin-top: 70px;
    margin-bottom: 90px;
}

.newwizard {
    background-color: #FAFAFA;
    border: 3px solid #CDCCC7;
    width: 650px;
    margin: 15px auto;
}

.newwizard-skip {
    float: right;
    width: 220px;
    margin-top: 15px;
    display: none;
}

.newwizard-first-page .newwizard-skip { display: block; }

.newwizard-first-page .newwizard-title,
.newwizard-first-page .newwizard-hint,
.newwizard-first-page .newwizard-hint-next-step { margin-left: 70px; }

.newwizard-hint-next-step {
    padding-bottom: 10px;
    display: none;
}

.newwizard-first-page .newwizard {
    float: left;
    margin-left: 70px;
}

.newwizard .newwizard-form {
    width: 620px;
    margin: 15px auto;
}

.newwizard .newwizard-form .operation-line:first-child { display: none; }

.newwizard .h-nav a[rel~="transfer"] { display: none; }

.newwizard .h-nav a[rel~="income"] { display: none; }

.newwizard .transfer-left-border, .newwizard .transfer-right-border { display: none; }

.newwizard .opearation-plan, .newwizard .operation-date-div { display: none; }

.newwizard .operation-template > div { display: none; }

.newwizard .operation_view_last_add_more_state { display: none !important; }

.newwizard .newwizard-lastOperations {
    background-color: white;
    border: 1px dotted black;
    width: 620px;
    margin: 0 auto 15px;
    display: none;
}

.newwizard .newwizard-budget {
    background-color: white;
    border: 1px dotted black;
    width: 620px;
    margin: 0 auto 15px;
    padding-top: 5px;
    display: none;
}

.newwizard .newwizard-budget .budget_view_category { width: 140px; }

.newwizard .newwizard-budget .budget_view_month_selector { display: none; }

.newwizard .newwizard-budget .budget_view_main { margin-top: 25px; }

.newwizard .newwizard-budget .category_view_createBudget { display: none; }

.newwizard .operation_view_last_item_buttons { display: none; }

.newwizard .operation_view_last_item_total { margin-right: 102px; }

.newwizard .operation_view_last_transactions_balance_end, .newwizard .operation_view_last_transactions_balance_start { display: none !important; }

.newwizard .newwizard-accounts .functions_block { display: none; }

.newwizard .addAccount #addAccountBtn {
    font-size: 18px;
    padding: 6px 10px;
}

.newwizard .newwizard-accounts #update_import { display: none !important; }

.newwizard .newwizard-accounts .balance-box { display: none; }

.newwizard .newwizard-accounts .account-settings { display: none !important; }

.newwizard .left {
    float: left;
    margin-top: 15px;
    margin-left: 15px;
    width: 300px;
    display: none;
}

.newwizard-title { margin-bottom: 20px !important; }

.newwizard .addAccount {
    margin-top: 30px;
    margin-bottom: 20px;
    text-align: center;
}

.newwizard .newwizard-accounts #dasboard-accounts .cy-link { font-size: 11px; }

.newwizard input.border-red-total { border-right: 2px solid red !important; }

.newwizard .newwizard-accounts .sub-cy {
    font-size: 11px;
    font-weight: normal;
}

.newwizard .newwizard-accounts .balance-box { width: 285px !important; }

.newwizard .newwizard-accounts .account-group-title { width: 285px !important; }

.newwizard-text {
    width: 650px;
    line-height: 25px;
    font-size: 18px;
}

.newwizard-hint-next-step .next-btn { margin-top: 25px; }

.newwizard-hint-next-step .next-step {
    font-size: 18px;
    padding: 6px 10px;
}

.newwizard-hint a {
    text-decoration: none;
    border-bottom: 1px dotted;
}

.newwizard-end { font-size: 20px; }

.newwizard .operation-line.transfer .operation-total,
.newwizard .operation-line .operation-total-border,
.newwizard .operation-line .currency_select { display: none !important; }

.newwizard .operation-total {
    border-radius: 2px;
    width: 123px;
    border-right: 1px solid;
}

.newwizard .balance-box-title { border-bottom: none; }

.newwizard .balance-box-title:hover { cursor: default; }

.monthBalancePlanningTable td {
    border: 1px solid;
    padding: 5px;
}

.budget_view_head div {
    display: inline-block;
    font-size: 11px;
}

.budget_view_items div { display: inline-block; }

.budget_view_items { margin-bottom: 15px; }

.budget_view_item { margin-top: 5px; }

.budget_view_items .bold { font-weight: bold; }

.budget_view_items .bold .budget_view_category { margin-right: 7px; }

.budget_view_items .bold .budget_view_budget { margin-right: 11px; }

.budget_view_items .bold .budget_view_visual { margin-right: 1px; }

.budget_view_category {
    width: 180px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    -o-text-overflow: ellipsis;
    -webkit-text-overflow: ellipsis;
    text-align: right;
    margin-right: 6px;
    vertical-align: top;
}

.budget_view_budget {
    width: 90px;
    text-align: right;
    margin-right: 10px;
}

.budget_view_mark0 {
    width: 100px;
    text-align: left;
}

.budget_view_mark100 {
    width: 146px;
    text-align: right;
}

.budget_view_visual {
    width: 250px;
    background-color: #EEE;
    position: relative;
}

.budget_view_visual_value {
    position: absolute;
    background-color: #9ACB82;
    text-align: right;
}

.budget_view_left {
    width: 89px;
    text-align: right;
    margin-right: 15px;
}

.budget_view_main {
    display: none;
    position: relative;
    margin-top: 30px;
}

.budget_view_main_timeTrack {
    border-left: 1px dashed Black;
    z-index: 1;
    height: 100%;
    display: block;
    position: absolute;
}

.budget_view_main_calendar_icon {
    position: absolute;
    top: -26px;
    width: 24px;
}

.budget_view_main_calendar_icon_head {
    background-color: #AD151E;
    padding: 3px 0 3px 0;
}

.budget_view_main_calendar_icon_body {
    border: 1px solid Black;
    text-align: center;
    height: 17px;
    padding-bottom: 2px;
    border-top: none;
    font-size: 11px;
}

.category_view_main {
    display: none;
    position: relative;
}

.category_view_head div {
    display: inline-block;
    font-size: 11px;
}

.category_view_item div { display: inline-block; }

.category_view_items { margin-bottom: 15px; }

.category_view_item { margin-top: 5px; }

.category_view_category {
    width: 180px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    -o-text-overflow: ellipsis;
    -webkit-text-overflow: ellipsis;
    text-align: right;
    margin-right: 15px;
    vertical-align: top;
}

.category_view_visual {
    background-color: #FEE389;
    cursor: pointer;
}

.category_view_createBudget {
    text-align: center;
    margin-bottom: 15px;
}

.newFormPrototype .budget_view_month_selector { display: none; }

.newFormPrototype .category_view_createBudget { display: none; }

.newFormPrototype .newFormPrototype-account {
    float: none;
    width: 660px;
}

.newFormPrototype .operation_view_last_add_more_state { display: none !important; }

.newFormPrototype .buttons_confirm, .newFormPrototype .buttons_edit, .newFormPrototype .buttons_other_functions { display: none; }

.login_register_form {
    font-size: 13px;
    padding: 20px;
    width: 240px;
    background-color: White;
    border-radius: 5px;
}

.login_register_form .error { border-color: Red !important; }

.login_register_box { display: inline-block; }

.login_register_rightBtn {
    margin-left: 65px;
    vertical-align: bottom;
    display: inline-block;
    margin-bottom: 79px;
}

.login_register_shadow {
    background: url(/Images/login-register-form-shadow.png) no-repeat top left;
    height: 45px;
    width: 265px;
    display: inline-block;
}

.login_register_btn {
    margin-top: 20px;
    text-align: center;
    cursor: pointer;
    color: #ACA390;
    border: 2px solid #ACA390;
    font-size: 21px;
    font-family: Arial;
    text-decoration: underline;
    display: inline-block;
    padding: 0 15px;
    line-height: 41px;
    border-radius: 5px;
}

.login_register_btn:hover { color: #333; }

.login_register_form_show_password { font-size: 11px; }

.login_register {
    margin-top: 6%;
    margin-left: 6%;
    margin-bottom: 6%;
}

.login_register_form_password_value { margin-bottom: 0 !important; }

.login_register_form_title { color: #333; }

.login_register_form .login_register_form_input input {
    border: 1px solid #A5C338;
    float: none;
    margin-top: 5px;
    margin-bottom: 10px;
    outline: none;
    height: 24px;
    width: 220px;
    padding: 4px 10px;
    font-size: 14px;
}

.login_register_form_error {
    display: none;
    color: Red;
    margin-bottom: 15px;
}

.login_register_form_apply_btn {
    margin-top: 20px;
    margin-bottom: 10px;
    text-align: center;
    cursor: pointer;
    line-height: 44px;
    color: #333;
    font-size: 21px;
    font-family: Arial;
    width: 240px;
    height: 44px;
    border: none;
}

.noUserSelect {
    -moz-user-select: none;
    -khtml-user-select: none;
    -webkit-user-select: none;
    -o-user-select: none;
}

.login_register_form_recover_password a {
    color: #A5C338;
    text-decoration: underline;
}

.login_register_form .login_form-btn:active {
    background-position: 0 -100px !important;
    line-height: 46px;
}

.login_register_form .login_form-btn {
    background: url(/Images/login-form-buttons.png) no-repeat top left;
    text-shadow: #E1E6B2 0 1px 0;
}

.login_register_form .login_form-btn:hover { background-position: 0 -50px; }

.login_register_form .register_form-btn:active {
    background-position: 0 -100px !important;
    line-height: 46px;
}

.login_register_form .register_form-btn {
    background: url(/Images/register-form-buttons.png) no-repeat top left;
    text-shadow: #FFDC00 0 1px 0;
}

.login_register_form .register_form-btn:hover { background-position: 0 -50px; }

.login_register_form .license {
    font-size: 11px;
    margin-top: 10px;
}

.login_register_form .license a {
    text-decoration: underline;
    line-height: 1em;
}

.pocketMoney-main {
    margin: 0 20px 20px 20px;
    font-size: 16px;
    line-height: 20px
}

.pocketMoney-line { margin-bottom: 10px; }

.pocketMoney-title { margin: 20px 40px 40px 20px; }

.pocketMoney-logo {
    text-align: right;
    padding-bottom: 10px;
}

.pocketMoney-logo-text {
    text-align: right;
    padding-bottom: 10px;
    width: 310px;
    float: right;
}

.pocketMoney-main .pocketMoney-parentsProfession { width: 300px; }

.pocketMoney-main .pocketMoney-parentsAge { width: 100px; }

.pocketMoney-main .pocketMoney-salary {
    width: 200px;
    margin-top: 5px;
}

.pocketMoney-main .calculateBtn { margin-top: 30px; }

.pocketMoney-main .pocketMoney-calculateBtn {
    float: left;
    padding: 15px 30px;
    font-size: 20px;
}

.pocketMoney-main .pocketMoney-result { margin-top: 30px; }

.pocketMoney-picture { margin: -80px 20px 20px 20px; }

.pocketMoney-share-buttons { float: right; }

.pocketMoney-share-buttons #gp_share_button { margin: 5px 0; }

.premiumType {
    padding: 30px;
    border-radius: 4px;
    background-color: #FAFAFA;
    margin: 0 auto;
    width: 760px;
    text-align: center;
}

.premiumType-premium {
    margin-bottom: 20px !important;
    width: 760px;
    margin: 0 auto;
}

.premiumType-premium.withOutSecond { width: 530px; }

.premiumType-premium h2 {
    color: #EB3;
    font-size: 1.5em;
    margin-bottom: 10px;
}

.premium-type-wrap { margin-top: 46px; }

.premiumType.withOutSecond { width: 530px; }

.premiumType.withOutSecond .premium-base { display: none !important; }

.premiumType .premium-line { border-bottom: 1px #DBD7CF solid; }

.premiumType .premium-line.premium-line-price .premium-unlim {
    line-height: 20px;
    margin: 9px 0;
}

.premiumType .premium-line.premium-line-price .premium-start { vertical-align: top; }

.premiumType .premium-line.noline { border-bottom: none; }

.premiumType .premium-title {
    padding: 0 20px;
    font-size: 20px;
    border-radius: 4px;
    line-height: 44px;
    display: inline-block;
    text-shadow: White 0 1px 0;
    cursor: pointer;
}

.premiumType .premium-start-title {
    background-color: #E6E7E8;
    color: #777;
}

.premiumType .premium-line-buy .premium-start-title { background: url("/Images/premium-start.png") no-repeat top left; }

.premiumType .premium-line-buy .premium-base-title { background: url("/Images/premium-base.png") no-repeat top left; }

.premiumType .premium-line-buy .premium-unlim-title { background: url("/Images/premium-unlim.png") no-repeat top left; }

.premiumType .premium-line-buy .premium-title {
    width: 120px;
    padding: 0;
    cursor: pointer;
    text-decoration: none;
    border: none;
}

.premiumType .premium-line-title input {
    border: none;
    width: 100%;
}

.premiumType .premium-line-buy .premium-btn-pressed { background-position: 0 -100px !important; }

.premiumType .premium-line-buy .premium-title:hover { background-position: 0 -50px; }

.premiumType .premium-base-title {
    background-color: #FFC906;
    color: #dd5b1b;
}

.premiumType .premium-line-title .premium-base-title { padding: 0 30px; }

.premiumType .premium-unlim-title {
    background-color: #C1D82F;
    color: #6c8717;
}

.premiumType .premium-start {
    width: 225px;
    margin-right: 20px;
}

.premiumType .premium-base {
    margin-right: 20px;
    width: 225px;
}

.premiumType .premium-unlim { width: 260px; }

.premiumType .premium-line-type {
    display: inline-block;
    text-align: center;
    line-height: 38px;
}

.premiumType .premium-line-title { margin-bottom: 5px; }

.premiumType .premium-line-mobile-start {
    line-height: 57px;
    vertical-align: top;
}

.premiumType .premium-line-buy { margin-top: 20px; }

.premiumType .green { color: #97B83D; }

.premiumType .red { color: #AF1015; }

.premiumType .premium-description {
    margin-top: 60px !important;
    font-size: 11px;
    color: #B3AB9A;
    width: 530px;
    margin: 0 auto;
    text-align: center;
}

.premiumType .premium-icons {
    margin-top: 20px !important;
    width: 530px;
    margin: 0 auto;
    text-align: center;
}

.premiumType .premium-icons div {
    display: inline-block;
    margin: 0 10px;
}

.multiSelectControl-header {
    position: relative;
    cursor: pointer;
    height: auto;
    line-height: 28px;
    border: 1px solid #d3d3d3;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
    -webkit-box-shadow: 0 0 0;
    -moz-box-shadow: 0 0 0;
    box-shadow: 0 0 0 0;
    background: rgb(255, 255, 255); /* Old browsers */
    background: -moz-linear-gradient(top, rgba(255, 255, 255, 1) 0%, rgba(240, 240, 240, 1) 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(255, 255, 255, 1)), color-stop(100%, rgba(240, 240, 240, 1))); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, rgba(255, 255, 255, 1) 0%, rgba(240, 240, 240, 1) 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, rgba(255, 255, 255, 1) 0%, rgba(240, 240, 240, 1) 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top, rgba(255, 255, 255, 1) 0%, rgba(240, 240, 240, 1) 100%); /* IE10+ */
    background: linear-gradient(to bottom, rgba(255, 255, 255, 1) 0%, rgba(240, 240, 240, 1) 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#F0F0F0', GradientType=0); /* IE6-9 */
}

.multiSelectControl-header.opened { border-radius: 2px 2px 0 0; }

.multiSelectControl-state-view {
    margin-left: 5px;
    color: #444444;
    font-size: 13px;
}

.multiSelectControl-body {
    background-color: white;
    border: 1px solid #d3d3d3;
    -webkit-border-radius: 0 0 2px 2px;
    -moz-border-radius: 0 0 2px 2px;
    border-radius: 0 0 2px 2px;
    border-top: none;
    padding-bottom: 5px;
    display: none;
    position: absolute;
    z-index: 1000;
}

.multiSelectControl-body label {
    float: none;
    font-size: 13px;
    font-weight: normal;
    color: #333;
    cursor: pointer;
    margin-left: 2px;
}

.multiSelectControl-body label em {
    background: #feffde;
    font-weight: bold;
}

.multiSelectControl-items {
    overflow-y: auto;
    max-height: 450px;
    margin-top: 5px;
}

.multiSelectControl-group { padding-left: 10px; }

.multiSelectControl-header.opened .multiSelectControl-img { background-position: -11px center; }

.multiSelectControl-img {
    background: url('/Images/arrows.png') no-repeat 0 center;
    width: 11px;
    height: 100%;
    position: absolute;
    top: 0;
    right: 4px;
}

.multiSelectControl-separator {
    border-left: 1px solid #E6E7E8;
    position: absolute;
    top: 3px;
    right: 19px;
}

.multiSelectControl-find {
    border: none !important;
    border-bottom: 1px solid #DDD !important;
    padding-left: 8px !important;
    padding-right: 25px !important;
    outline: none;
    background: #fff url('/css/chosen-sprite.png') no-repeat 100% -21px;
}

.multiSelectControl-noItems {
    display: none;
    margin: 10px;
}

.mobile-app-header {
    height: 80px;
    background-color: #DBDAD6;
}

.mobile-app-body {
    background-color: #F4F4F3;
    width: 300%;
}

.mobile-app { overflow: hidden; }

.mobile-app .accounts-balance-title {
    float: left;
    font-size: 15px;
    font-weight: bold;
}

.mobile-app .accounts-balance-data-sum { font-size: 15px; }

.mobile-app .accounts-balance-data { float: right; }

.mobile-app .accounts-balance { padding: 20px 25px; }

.mobile-app .accounts-budget {
    margin: 10px 25px 30px 25px;
    border: 1px solid black;
    display: none;
}

.mobile-app .accounts-list, .mobile-app .categories-expense-list, .mobile-app .accounts-transfer-list, .mobile-app .categories-income-list {
    padding-bottom: 15px;
    overflow-y: auto;
}

.mobile-app .list-item-name { float: left; }

.mobile-app .list-item-data { float: right; }

.mobile-app .list-item-sum { font-size: 15px; }

.mobile-app .list-item {
    border-top: 1px solid #E4E3E0;
    line-height: 48px;
    cursor: pointer;
    padding-left: 25px;
}

.mobile-app .list-item.list-item-last { border-bottom: 1px solid #E4E3E0; }

.mobile-app .list-item-arrow {
    color: #BEB7A7;
    margin-left: 5px;
    margin-right: 8px;
    font-weight: bold;
}

.mobile-app .header-menu {
    float: right;
    margin-right: 24px;
    margin-top: 29px;
    cursor: pointer;
}

.mobile-app .header-data { float: left; }

.mobile-app .header-data-logo {
    padding-top: 27px;
    padding-left: 25px;
}

.mobile-app .header-menu-line {
    height: 5px;
    width: 30px;
    background-color: #969696;
    margin-bottom: 4px;
}

.mobile-app .body-type {
    width: 100%;
    float: left;
    display: none;
}

.mobile-app .body-accounts {
    width: 100%;
    float: left;
}

.mobile-app .body-add-transaction {
    background-color: #F4F4F3;
    padding-bottom: 15px;
    width: 100%;
    float: left;
    display: none;
}

.mobile-app .account-info {
    height: 55px;
    padding-left: 25px;
    padding-top: 15px;
    position: relative;
}

.mobile-app .expense-bg { background-color: #F7941E; }

.mobile-app .income-bg { background-color: #A5C338; }

.mobile-app .transfer-bg { background-color: #969696; }

.mobile-app .expense-color { color: #F7941E; }

.mobile-app .income-color { color: #A5C338; }

.mobile-app .transfer-color { color: #969696; }

.mobile-app .type-switch-title {
    font-size: 15px;
    font-weight: bold;
}

.mobile-app .accounts-transfer-list { display: none; }

.mobile-app .categories-income-list { display: none; }

.mobile-app .type-switch-data { float: left; }

.mobile-app .type-switch-arrow-next {
    margin-right: 10px;
    float: right;
}

.mobile-app .type-switch-arrow-prev {
    position: absolute;
    left: 8px;
}

.mobile-app .type-switch-arrow {
    color: #BEB7A7;
    cursor: pointer;
    font-weight: bold;
}

.mobile-app .type-switch-arrow.income { color: #718531; }

.mobile-app .type-switch-arrow.expense { color: #A66421; }

.mobile-app .type-switch-arrow.transfer { color: #6B6A68; }

.mobile-app .type-switch { margin-top: 10px; }

.mobile-app .header-arrow {
    color: #93908D;
    margin-right: 8px;
    font-weight: bold;
}

.mobile-app .header-back {
    cursor: pointer;
    margin-left: 10px;
    margin-top: 15px;
}

.mobile-app .header-back-title {
    font-size: 15px;
    font-weight: bold;
}

.mobile-app .header-back-title b { margin-left: 15px; }

.mobile-app .header-info { display: none; }

.mobile-app .header-last-transaction {
    margin-left: 25px;
    margin-top: 10px;
    color: #9C9A97;
    white-space: nowrap;
    text-overflow: ellipsis;
    -o-text-overflow: ellipsis;
    -webkit-text-overflow: ellipsis;
    overflow: hidden;
}

.mobile-app .add-transaction-data { height: 93px; }

.mobile-app .add-transaction-save {
    height: 45px;
    text-align: center;
    font-size: 15px;
    line-height: 45px;
    margin: 15px 15px 0 15px;
    cursor: pointer;
    border-radius: 5px;
    color: white;
}

.mobile-app .list-item-pin {
    background-image: url("/images/pinstars.png");
    background-position: -54px -8px;
    background-repeat: no-repeat;
    width: 16px;
    height: 16px;
    display: inline-block;
    vertical-align: text-top;
}

.mobile-app .list-item-sub {
    background-image: url("/images/arrow_right_blue.png");
    background-repeat: no-repeat;
    width: 16px;
    height: 16px;
    display: inline-block;
    vertical-align: text-top;
}

.mobile-app .list-item-sub.opened { background-image: url("/images/arrow_down_blue.png"); }

.mobile-app .digits-line {
    height: 25%;
    min-height: 25px;
    color: #ACA390;
    font-size: 23px;
}

.mobile-app .digits-item {
    text-align: center;
    display: inline-block;
    border-right: 1px solid #E4E3E0;
    cursor: pointer;
}

.mobile-app .digits-item-oper {
    text-align: center;
    display: inline-block;
    cursor: pointer;
}

.mobile-app .digits-border-bottom { border-bottom: 1px solid #E4E3E0; }

.mobile-app .add-transaction-digits {
    margin-top: 5px;
    min-height: 100px;
}

.mobile-app .transaction-sum {
    padding-top: 35px;
    padding-left: 25px;
}

.mobile-app .transaction-sum { font-size: 23px; }

.mobile-app .transaction-sum-back {
    float: right;
    padding-right: 10px;
    cursor: pointer;
}

.mobile-app .subCategory { padding-left: 45px; }

.mobile-app .subCategory.closed { display: none; }

.mobile-app .selectedItem { background-color: #DBDAD6; }

.actyalizer {
    width: 650px;
    position: fixed;
    top: 15%;
    left: 50%;
    margin-left: -325px;
    z-index: 10005;
    border: 5px solid #909295;
    border-radius: 5px;
    display: none;
    background-color: White;
}

.actyalizer-header {
    height: 37px;
    cursor: move;
    background-color: #909295;
}

.actyalizer-header-title {
    background-color: White;
    cursor: default;
    display: inline-block;
    padding: 0 20px;
    line-height: 37px;
    font-size: 15px;
    color: #939598;
    border-right: 1px solid #ADAFB1;
}

.actyalizer-main {
    margin-left: 20px;
    margin-right: 5px;
    padding-top: 10px;
}

.actyalizer-main-account { width: 305px; }

.actyalizer-main-category { width: 305px; }

.actyalizer-main-category-block { display: inline-block; }

.actyalizer-income-show .actyalizer-category-expense { display: none; }

.actyalizer-income-show .actyalizer-category-income { display: inline-block; }

.actyalizer-category-income { display: none; }

.actyalizer-main-category-error {
    width: 301px !important;
    border: 2px solid red !important;
}

.actyalizer-main .chzn-container .chzn-results .active-result.group-result {
    color: #333;
    font-size: 13px;
    letter-spacing: 0;
}

.actyalizer-main-line { margin-top: 15px; }

.actyalizer-main-title {
    width: 70px;
    display: inline-block;
}

.actyalizer-main-btnActyalize {
    font-size: 15px;
    cursor: pointer;
    color: Black;
    padding: 8px 15px 8px 15px;
    line-height: 30px;
}

.actyalizer-main-cancel {
    border-bottom: 1px dotted #939598;
    color: #939598;
    margin-right: 20px;
    margin-top: 5px;
    margin-left: 20px;
}

#actyalizer-background { display: none; }

.actyalizer-action-line a { text-decoration: none; }

.actyalizer-action-line {
    text-align: right;
    margin-top: 30px;
    margin-bottom: 14px;
}

.actyalizer-main-trans {
    width: 100px;
    margin-left: 15px;
    display: inline-block;
}

.actyalizer-main-left {
    width: 70px;
    margin-left: 15px;
    display: inline-block;
}

input.actyalizer-main-balance-error {
    width: 93px !important;
    border: 2px solid red !important;
    background-color: #FDFDDE;
}

.actyalizer-main-balance {
    width: 97px;
    border-radius: 2px;
    border: 1px solid #939598 !important;
    text-align: right;
    outline: none;
}

.actyalizer-main-currency {
    color: #A2A4A7;
    display: inline-block;
    margin-left: 5px;
    width: 33px;
    overflow: hidden;
    vertical-align: middle;
}

.actyalizer-main-total {
    display: inline-block;
    width: 77px;
    text-align: right;
}

.actyalizer .chzn-container { vertical-align: middle; }

.actyalizer .ellipsis {
    white-space: nowrap;
    text-overflow: ellipsis;
    -o-text-overflow: ellipsis;
    -webkit-text-overflow: ellipsis;
    overflow: hidden;
    vertical-align: middle;
}

#splitter-background { display: none; }

.splitter {
    width: 650px;
    position: fixed;
    top: 15%;
    left: 50%;
    margin-left: -325px;
    z-index: 10005;
    border: 5px solid #909295;
    border-radius: 5px;
    display: none;
    background-color: White;
}

.splitter-btnSplit { margin-left: 400px; }

.splitter-btnDone { margin-left: 400px; }

.splitter-btnDone-block {
    margin-top: 45px;
    margin-bottom: 10px;
}

.splitter .splitter-btnClose { display: block; }

.splitter .operation-lbl-plan {
    cursor: inherit;
    color: #CCC;
}

.splitter .operation-chktemp { cursor: inherit !important; }

.splitter .ellipsis {
    white-space: nowrap;
    text-overflow: ellipsis;
    -o-text-overflow: ellipsis;
    -webkit-text-overflow: ellipsis;
    overflow: hidden;
}

.splitter-trans-date {
    float: left;
    font-size: 0.8em;
    width: 70px;
}

.splitter-trans-account { display: inline-block; }

.splitter-trans-arrow {
    display: inline-block;
    vertical-align: top;
}

.splitter-trans-category { display: inline-block; }

.splitter-trans-description {
    display: inline-block;
    color: gray;
    font-size: 0.8em;
    padding-left: 5px;
}

.splitter-trans-sum {
    width: 100px;
    float: right;
    text-align: right;
    margin-right: 10px;
}

.splitter-trans-sum.edit-form { width: 205px; }

.splitter-trans-sum-edit {
    border-bottom: 1px dotted;
    cursor: pointer;
}

.splitter-trans-sum-edit-btn { padding: 4px 8px; }

.splitter-trans-sum-edit-btn-wrap {
    display: inline-block;
    vertical-align: top;
    margin-top: 9px;
}

.splitter-trans-sum-edit-cur {
    height: 18px;
    line-height: 18px;
    border: 1px solid;
    border-left: none;
    margin-left: -6px;
    vertical-align: middle;
    padding: 2px 5px;
    border-radius: 0 2px 2px 0;
    position: relative;
    max-width: 40px;
    overflow: hidden;
    float: right;
}

.splitter-trans-sum-edit-cur.border-red {
    border: 2px solid red !important;
    border-left: none !important;
}

.splitter-trans-sum-edit-form {
    display: none;
    height: 34px;
}

.splitter-trans-sum-edit-form input {
    width: 95px;
    height: 22px;
    padding: 0 5px;
    border-right: none;
    border-radius: 2px 0 0 2px;
    float: left;
}

.splitter-trans-sum-edit-form input.border-red { border-right: none !important; }

.splitter-trans-sum-edit-border {
    width: 0;
    height: 18px;
    position: absolute;
    border-left: 1px solid;
    left: 0;
}

.splitter-trans-sum-edit-form-input {
    display: inline-block;
    margin-top: 5px;
}

.trans-main-info { margin: 0 110px 0 75px; }

.splitter-list-line .trans-main-info { height: 34px; }

.splitter .splitter-currency {
    line-height: 28px;
    float: left;
    border: 1px solid #AAA;
    border-left: none;
    border-radius: 0 2px 2px 0;
}

.splitter.incomeStyle .h-nav,
.splitter.incomeStyle .operation-total-border { background-color: #379518; }

.splitter.transferStyle .h-nav,
.splitter.transferStyle .operation-total-border { background-color: #687c8e; }

.splitter.expenseStyle .h-nav,
.splitter.expenseStyle .operation-total-border { background-color: #EF852F; }

.splitter.incomeStyle .styled { border-color: #379518; }

.splitter.transferStyle .styled { border-color: #687c8e; }

.splitter.expenseStyle .styled { border-color: #EF852F; }

.splitter .splitter-transaction.incomeStyle .styled { border-color: #379518; }

.splitter .splitter-transaction.transferStyle .styled { border-color: #687c8e; }

.splitter .splitter-transaction.expenseStyle .styled { border-color: #EF852F; }

.splitter.transferStyle .total-label { color: #687c8e; }

.splitter.expenseStyle .h-nav a.active,
.splitter.expenseStyle .total-label,
.splitter.expenseStyle .splitter-currency { color: #F80; }

.splitter.incomeStyle .h-nav a.active,
.splitter.incomeStyle .total-label,
.splitter.incomeStyle .splitter-currency { color: #390; }

.splitter .splitter-transaction.expenseStyle .splitter-trans-sum,
.splitter .splitter-transaction.expenseStyle .splitter-trans-arrow { color: #F80; }

.splitter .splitter-transaction.incomeStyle .splitter-trans-sum,
.splitter .splitter-transaction.incomeStyle .splitter-trans-arrow { color: #390; }

.splitter-transaction-main {
    border-bottom: 1px dotted #ddd;
    padding-bottom: 10px;
    margin-right: 30px !important;
    margin-top: 5px !important;
}

.splitter-operation-title { margin-top: 20px !important; }

.splitter-split-block {
    margin-top: 15px;
    margin-right: 10px;
    display: none;
}

.splitter .currency_select .chzn-disabled { opacity: 1 !important; }

.splitter .currency_select .chzn-disabled .chzn-single div b { background: none; }

.splitter-line {
    border-bottom: 1px dotted #ddd;
    padding: 7px 0;
    margin-right: 0 !important;
}

.splitter-list-line {
    border-bottom: 1px dotted #ddd;
    line-height: 34px;
}

.splitter-trans-remove-wrap {
    float: right;
    padding: 7px 0;
}

.splitter.transferStyle .h-nav a.active,
.splitter.transferStyle .splitter-currency { color: #687c8e; }

.operations-form ul.h-nav li a.splitter-trans-menu.incomeActive:hover { background-color: #5FAA46; }

.operations-form ul.h-nav li a.splitter-trans-menu.expenseActive:hover { background-color: #F29D59; }

.operations-form ul.h-nav li a.splitter-inc-exp-menu.transferActive:hover { background-color: #8e9dab; }

.splitter .splitter-btns { margin-bottom: 0; }

.splitter-transfer-div { display: none; }

.create-account-ctrl-create-btn-wrap {
    margin: 20px 0 10px;
    text-align: center;
}

.create-account-form { display: none; }

.create-account-form.modal {
    position: fixed;
    top: 25%;
    left: 50%;
    z-index: 10005;
    border: 5px solid #909295;
    border-radius: 5px;
    background-color: white;
    width: 400px;
    margin-left: -200px;
    padding: 10px;
}

.create-account-form input {
    float: none;
    border-radius: 2px;
}

.create-account-ctrl-currency-chk { vertical-align: middle !important; }

.create-account-ctrl-balance {
    width: 100px;
    margin: 0 5px;
    text-align: right;
}

.create-account-currencies { text-align: right; }

.create-account-currencies-title {
    display: none;
    text-align: center;
    margin: 10px 0;
}

.create-account-form-header-title {
    background-color: white;
    cursor: default;
    display: inline-block;
    padding: 0 20px;
    line-height: 37px;
    font-size: 15px;
    color: #939598;
    border-right: 1px solid #ADAFB1;
}

.create-account-form-header {
    height: 37px;
    cursor: move;
    background-color: #909295;
    margin: -10px -10px 10px;
    display: none;
}

.create-account-ctrl-currency-name {
    min-width: 35px;
    display: inline-block;
    text-align: left;
    margin-left: 5px;
}

.create-account-ctrl-currency { margin: 5px; }

.create-account-ctrl-account-name { width: 100%; }

.create-account-form.modal .create-account-ctrl-account-name { width: 390px !important; }

#dashboard_widget_createAccount .template_button_big {
    float: none;
    display: inline-block;
    font-weight: normal;
}

#dashboard_widget_createAccount {
    text-align: center;
    padding: 15px 0;
    clear: both;
}

#create-account-background { display: none; }

.create-account-cancel {
    border-bottom: 1px dotted #939598;
    color: #939598;
    margin-right: 20px;
    margin-top: 5px;
    margin-left: 20px;
    display: none;
}

.create-account-form.modal .create-account-cancel { display: inline-block; }

.create-account-form a { text-decoration: none; }

.create-account-form.modal .create-account-ctrl-create-btn-wrap { text-align: right !important; }

.blog-homemoney-banner {
    position: fixed;
    width: 100%;
    height: 0;
    left: 0;
    bottom: 0;
    animation-name: slide;
    animation-duration: 2s;
    animation-delay: 5s;
    animation-fill-mode: forwards;
    -webkit-animation-name: slide;
    -webkit-animation-duration: 2s;
    -webkit-animation-delay: 5s;
    -webkit-animation-fill-mode: forwards;
    vertical-align: middle;
    text-align: center;
    z-index: 1000000;
}

@-webkit-keyframes slide {
    from { height: 0; }

    to { height: 70px; }
}

@keyframes slide {
    from { height: 0; }

    to { height: 70px; }
}

.blog-homemoney-banner .template_button_big {
    display: inline-block;
    float: none;
}

.blog-homemoney-banner-content {
    width: 100%;
    position: absolute;
    top: 18px;
    font-size: 20px;
}

.blog-homemoney-banner-bg {
    opacity: 0.95;
    width: 100%;
    height: 100%;
    background-color: #A6C225;
}

.blog-homemoney-post-banner { margin: 10px 0; }

.posts .blog-homemoney-post-banner { display: none; }

.authorize-btns { margin: 20px 0 30px; }

.authorize-btns .template_button_big {
    font-weight: normal;
    font-size: 16px;
    float: none;
    display: inline-block;
}

.authorize-text {
    font-size: 1.5em;
    padding: 10px 0;
}

.authorize-error {
    color: Red;
    font-size: 16px;
}

.main-logo {
    background-image: url('/Images/main/HomeMoney_logo_small.png');
    display: inline-block;
    width: 199px;
    height: 35px;
}

.tooltip {
    display: inline-block;
    border: 1px solid #CCC;
    padding: 10px 20px;
    color: red;
    background-color: #FAFFBD;
    border-radius: 4px;
    max-width: 200px;
    cursor: pointer;
}

@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
    .main-logo {
        background-image: url('/Images/main/HomeMoney_logo_small@2x.png');
        background-size: 199px 35px;
        display: inline-block;
        width: 199px;
        height: 35px;
    }
}