html, body, div, p, i, a, ul, li, span, img, input, label {
    margin: 0;
    padding: 0;
}

html, body {
    width: 100%;
    /*height: 100%;*/
    /*min-width: 1000px;*/
}

td, th {
    font-weight: normal;
}

ul, li {
    list-style: none;
}

a, a:hover {
    text-decoration: none;
}

.show {
    display: block !important;
}

.st_userhead {
    width: 80px;
    height: 80px;
    margin: 0 auto;
}

#disFlash a.choose_file {
    width: 80px;
    height: 80px;
}

#activeEmailbox:before {
    background: none;
}

.st_userhead img {
    width: 100%;
    height: 100%;
    visibility: hidden;
    display: block;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
}
.user_vip_diamond{
    width:18px;
    height: 24px;
    display: none;
    background: url(/images2/diamond_D.png) no-repeat;
    position: absolute;
    top: 60px;
    left: 58px;
}
.user_vip_diamond.vip_a{background: url(/images2/diamond_A.png) no-repeat;}
.user_vip_diamond.vip_b{background: url(/images2/diamond_B.png) no-repeat;}
.user_vip_diamond.vip_c{background: url(/images2/diamond_C.png) no-repeat;}

.fotor-account {
    background-color: #f5f5f5;
    height: 100%;
	min-width:1000px;
    padding-top: 54px;
}

.fotor-account .userinfo_tips{ width:1000px; text-align:center; position:absolute; top:60px; left:50%; margin-left:-500px;}
.fotor-account .userinfo_tips .txt{padding:5px; background:#f0f0f0; color:#658e7e; font-size: 14px; font-family: 'goudy_old_styleregular', Arial, Helvetica, sans-serif; -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px;}
.fotor-account .userinfo_tips span{ color:#658e7e !important; text-decoration:underline;}
.fotor-account .userinfo_tips .close{ display:block; cursor:pointer; width:14px; height:13px; background:url(/images2/close_icon_login.png) no-repeat; background-position: 1px 0; position:absolute; top:6px; right:6px; text-indent:-999em;}
.fotor-account .userinfo_tips .close:hover{ background-position: -11px 0;}
.fotor-account .userinfo_tips .close:active{ background-position: -23px 0;}

.fotor-account .account-header {
    width: 100%;
    background: #f5f5f5 url(/images2/account/account_banners.jpg) no-repeat top center;
    padding-top: 92px;
}

.fotor-account .account-header .account-header-panel {
    text-align: center;
}

.fotor-account .account-header .account-header-panel p {
    margin-top: 14px;
}

.fotor-account .account-header .account-header-panel .portrait {
    width: 81px;
    height: 81px;
    -webkit-border-radius: 81px;
    -moz-border-radius: 81px;
    -o-border-radius: 81px;
    border-radius: 81px;
    display: inline-block;
    background-position: -1px -1px;
    background-repeat: no-repeat;
}

.fotor-account .account-header .account-header-panel .portrait:hover {
    background-position: 50% -1px;
}

.fotor-account .account-header .account-header-panel .portrait:active {
    background-position: 100% -1px;
}

.account-header-panel .useName {
    font-family: sintonyregular, Arial, Helvetica, sans-serif;
    color: #282828;
    font-size: 16px;
}

.account-header-panel .user-email {
    font-family: sintonyregular, Arial, Helvetica, sans-serif;
    color: #a0a0a0;
    font-size: 12px;
    position: relative;
    line-height: 2.6;

}

.account-header-panel .user-line {
    display: inline-block;
    width: 42px;
    height: 1px;
    background-color: #c8c8c8;
    margin: 26px 0 40px;
}

.account-header-panel .account-btnList {
    width: 100%;
    text-align: center;
    margin: 0 auto;
    font-size: 0;
    overflow: hidden;
}

.account-header-panel .account-btnList a {
    width: 142px;
    height: 38px;
    border: 1px solid #a0a0a0;
    font-size: 12px;
    line-height: 38px;
    text-align: center;
    font-family: sintonyregular, Arial, Helvetica, sans-serif;
    color: #8c8c8c;
    display: inline-block;
    float: none;
    white-space: nowrap;
    text-transform: uppercase;
}

.account-header-panel .account-btnList a.radius-left {
    -webkit-border-radius: 2px 0 0 2px;
    -moz-border-radius: 2px 0 0 2px;
    -o-border-radius: 2px 0 0 2px;
    border-radius: 2px 0 0 2px;
}

.account-header-panel .account-btnList a.radius-last {
    -webkit-border-radius: 0 2px 2px 0;
    -moz-border-radius: 0 2px 2px 0;
    -o-border-radius: 0 2px 2px 0;
    border-radius: 0 2px 2px 0;
}

.account-header-panel .account-btnList a.border-right0 {
    border-right: 0;
}

.account-header-panel .account-btnList a:hover {
    background-color: #a0a0a0;
    color: #f0f0f0;
}

.account-header-panel .account-btnList a:active,
.account-header-panel .account-btnList a.active {
    background-color: #505050;
    color: #fff;
}

.use-info {
    width: 480px;
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    -o-border-radius: 6px;
    border-radius: 6px;
    background-color: #fff;
    border: 1px solid #dcdcdc;
    margin: 64px auto 0;
}

.use-info .input-group {
    padding: 20px 0;
    display: block;
    position: relative;
}

.use-info .input-group label {
    font-family: sintonyregular, Arial, Helvetica, sans-serif;
    font-size: 12px;
    color: #787878;
    border-right: 1px solid #dcdcdc;
    width: 124px;
    padding-right: 23px;
    display: inline-block;
    text-align: right;
}

.use-info .input-group input {
    margin-left: 24px;
    color: #787878;
    border: 0;
}

input:active, input:focus {
    border: 0;
    outline: 0;
}

.use-info .change-pass {
    cursor: pointer;
    border-top: 1px solid #dcdcdc;
    border-bottom: 1px solid #dcdcdc;

    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    -o-user-select: none;
    user-select: none;
}

.use-info .change-pass label {
    border-right: 0;
}

.use-info .change-pass .pass-arrow {
    display: inline-block;
    width: 20px;
    height: 14px;
    background-image: url("/images2/account/password_btn_down.png");
    background-repeat: no-repeat;
    background-position: 0 4px;
    float: right;
    margin-right: 26px;
}

.use-info .change-pass:hover {
    background-color: #F5f5f5;
}

.use-info .change-pass:hover label {
    color: #6e6e6e;
}

.use-info .change-pass:hover .pass-arrow {
    background-position: -18px 4px;
}

.use-info .change-pass:active {
    background-color: #e6e6e6;
}

.use-info .change-pass:active label, .use-info .change-pass.arrow-on label {
    color: #a0a0a0;
}

.use-info .change-pass:active .pass-arrow,
.use-info .change-pass.arrow-on .pass-arrow {
    background-position: -36px 4px;
    background-image: url("/images2/account/password_btn_up.png");
}

.use-info .pass-box {
    display: none;
}

.use-info .pass-box .input-group {
    border-bottom: 1px solid #dcdcdc;
    position: relative;
}

.err-msg {
    position: absolute;
    left: 173px;
    top: 38px;
    white-space: nowrap;
    font-family: sintonyregular, Arial, Helvetica, sans-serif;
    font-size: 12px;
    color: #ff491b;
    display: none;
}

.use-info .input-group ul {
    display: inline-block;
}

.use-info .input-group ul li {
    float: left;
}

.use-info .input-group ul li a.radio{
    cursor: pointer;
    background-image: url("/images2/account/radio.png");
    background-repeat: no-repeat;
    background-position: 0 0;
    display: inline-block;
    width: 20px;
    height: 20px;
    float: left;
}

.use-info .input-group ul li a.radio:hover {
    background-position: 0 -20px;
}

.use-info .input-group ul li a.radio:hover + .sex {
    color: #505050;
}

.use-info .input-group ul li a.radio:active,
.use-info .input-group ul li a.radio.radio-active {
    background-position: 0 -40px;
}

.use-info .input-group ul li a.radio:active + .sex,
.use-info .input-group ul li a.radio.radio-active + .sex {
    color: #282828;
}

.use-info .input-group ul li .sex {
    font-family: sintonyregular, Arial, Helvetica, sans-serif;
    font-size: 12px;
    color: #787878;
    border: 0;
    width: auto;
    margin-left: 10px;
}

.use-foot {
    width: 430px;
    margin: 60px auto 0;
    text-align: center;
}

.use-foot p {
    display: inline-block;
    width: 100%;
}

.use-foot p input[type=checkbox] {
    -webkit-appearance: textfield;
    padding: 1px;
    border-image: initial;
    -webkit-rtl-ordering: logical;
    -webkit-user-select: text;
    cursor: pointer;
    background-image: url("/images2/account/checkbox.png");
    background-repeat: no-repeat;
    background-position: 0 1px;
    display: inline-block;
    width: 20px;
    height: 20px;
    float: left;
	border:0;
}

.use-foot p .pre-label {
    position: relative;
    top: -4px;
    float: left;
    left: 8px;
}

.use-foot p .pre-label, .use-foot .use-descr {
    color: #787878;
    font-family: sintonyregular, Arial, Helvetica, sans-serif;
    font-size: 12px;
    line-height: 2.5;
}

.use-foot p .prefrences:hover {
    background-position: 0 -18px;
}

.use-foot p .prefrences:hover + .pre-label {
    color: #505050;
}

.use-foot p .prefrences:active,
.use-foot p .prefrences.pre-active {
    background-position: 0 -36px;
}

.use-foot p .prefrences:active + .pre-label,
.use-foot p .prefrences.pre-active + .pre-label {
    color: #282828;
}

.use-foot .use-descr {
    text-align: center;
}

.use-foot p .save {
    -webkit-transform-style: preserve-3d;
    -moz-transform-style: preserve-3d;
    transform-style: preserve-3d;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    transition: all 0.3s;
}

.save:after {
    height: 44px;
    content: '';
    line-height: 44px;
    background: #8f9e8b url(/images2/personal_info_icon_01.png) no-repeat center;
}

.use-foot p .save, .use-info .input-group .change-btn {
    display: inline-block;
    width: 180px;
    height: 44px;
    margin: 60px auto 0;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    font-family: sintonyregular, Arial, Helvetica, sans-serif;
    font-size: 12px;
    line-height: 44px;
    color: #f0f0f0;
    text-align: center;
    background-color: #ac975e
}

.use-foot p .save:hover, .use-info .input-group .change-btn:hover {
    background-color: #bda460;
    color: #fff;
}

.use-foot p .save:active, .use-info .input-group .change-btn:active {
    background-color: #978450;
    color: #fff;
}

.use-foot .use-share-list {
    margin: 106px 0;
    display: inline-block;
}

.use-foot .use-share-list a {
    display: block;
    float: left;
    width: 44px;
    height: 44px;
    background-repeat: no-repeat;
    background-position: 0 0;
    margin-right: 38px;
}

.use-foot .use-share-list a.facebook {
    background-image: url(/images2/account/share_btn_facebook.png);
}

.use-foot .use-share-list a.flickr {
    background-image: url(/images2/account/share_btn_flickr.png);

}

.use-foot .use-share-list a.tumber {
    background-image: url(/images2/account/share_btn_tumblr.png);
}

.use-foot .use-share-list a.twitter {
    background-image: url(/images2/account/share_btn_twitter.png);
}

.use-foot .use-share-list a.picasa {
    background-image: url(/images2/account/share_btn_picasa.png);
}

.use-foot .use-share-list a.margin-right0 {
    margin-right: 0;
}

.use-foot .use-share-list a.facebook:hover,
.use-foot .use-share-list a.flickr:hover,
.use-foot .use-share-list a.tumber:hover,
.use-foot .use-share-list a.twitter:hover,
.use-foot .use-share-list a.picasa:hover {
    background-position: 50% 0;
}

.use-foot .use-share-list a.facebook:active,
.use-foot .use-share-list a.facebook:active,
.use-foot .use-share-list a.flickr:active,
.use-foot .use-share-list a.tumber:active,
.use-foot .use-share-list a.twitter:active,
.use-foot .use-share-list a.facebook.link-active,
.use-foot .use-share-list a.facebook.link-active,
.use-foot .use-share-list a.flickr.link-active,
.use-foot .use-share-list a.tumber.link-active,
.use-foot .use-share-list a.twitter.link-active {
    background-position: 100% 0;
}

/*subscription*/
.no-subscription {
    width: 720px;
    height: 320px;
    display:none;
    background-image: url(/images2/account/subs-en.jpg);
    background-repeat: no-repeat;
    background-position: center;
    margin: 64px auto 0;
    position: relative;
}

.no-subscription .upgrade_btn {
    position: absolute;
    top: 232px;
    left: 366px;
    width: 154px;
    height: 48px;
    text-align: center;
    line-height: 48px;
    background-color: #a43c2b;
    border-radius: 24px;
    font-family: sintonyregular, Arial, Helvetica, sans-serif;
    font-size: 14px;
    color: #ffffff;
}

.no-subscription .upgrade_btn:hover {
    background-color: #c14632;
}

.no-subscription .upgrade_btn:active {
    background-color: #8e3223;
}

.subscription {
    width: 720px;
}
.subscription .input-group {
    border-top: 1px solid #dcdcdc;
    position: relative;
    padding: 21px 0;
}

.use-info .input-group .title {
    font-family: sintonyregular, Arial, Helvetica, sans-serif;
    font-size: 12px;
    color: #282828;
    text-align: center;
}

.use-info .input-group .current-txt {
    font-family: sintonyregular, Arial, Helvetica, sans-serif;
    font-size: 12px;
    color: #787878;
    margin-left: 24px;
}

.use-info .input-group .change-btn {
    width: 96px;
    height: 32px;
    line-height: 32px;
    right: 24px;
    margin: 0;
    position: absolute;
    top: 15px;
    display: none;
}

.use-info .input-group a.cancel-btn{
    float: right;
    margin-right: 24px;
    color: #787878;
    text-decoration: underline;
}

.benefets {
    width:970px;
    margin: 0 auto 20px;
}

.benefets .btitle {
    font-family: sintonyregular, Arial, Helvetica, sans-serif;
    font-size: 20px;
    color: #282828;
    margin: 60px 0;
    text-align: center;
}

.benefets table {
    width: 100%;
    table-layout: fixed;
    background-color : #fff;
    padding: 6px 0;
    -moz-box-shadow: 0px 0px 3px rgba(0,0,0,0.2);
    -webkit-box-shadow: 0px 0px 3px rgba(0,0,0,0.2);
    box-shadow: 0px 0px 3px rgba(0,0,0,0.2);
    margin-bottom: 50px;
}

.benefets table thead tr th {
    height: 80px;
}

.benefets table thead tr th.w30 {
    width: auto;
}

.benefets table thead tr th.w15 {
    width: 160px;
}

.benefets table thead tr th.slash {
    background: #e6e6e6 url(/images2/account/slash.jpg) no-repeat center;
    background-size: 100% 100%;
    border: 1px solid #dcdcdc;
}

.benefets table thead tr th.user {
    background-color: #787878;
}

.benefets table thead tr th.photographer {
    background-color: #6bb258;
}

.benefets table thead tr th.design {
    background-color: #5ea5d7;
}

.benefets table thead tr th.director {
    background-color: #5d60a7;
}

.benefets table thead tr th .title-ff {
    color: #fff;
    font-size: 14px;
    font-family: sintonyregular, Arial, Helvetica, sans-serif;
}

.benefets table thead tr th .title-f0 {
    color: #f0f0f0;
    font-size: 12px;
    font-family: sintonyregular, Arial, Helvetica, sans-serif;
}

.benefets table tbody tr:nth-child(odd) {
    background-color: #fafafa;
}

.benefets table tbody tr:nth-child(even) {
    background-color: #f0f0f0;
}
.benefets table tbody tr.lastBtn{
    background-color: #fafafa;
}
.benefets table tbody tr.lastBtn td{
    padding: 0;
    text-align: center;
}
.benefets table a.upgrade_btn{
    display: inline-block;
    width: 144px;
    height: 32px;
    line-height: 32px;
    border-radius: 16px;
    font-family: "sintonyregular", Arial, Helvetica, sans-serif;
    color: #ffffff;
    text-align: center;
    background: #5d60a7;
}

.benefets table a.upgrade_btn.plan1{background: #83cd6f;}
.benefets table a.upgrade_btn.plan1:hover{background: #92df7d;}
.benefets table a.upgrade_btn.plan1:active{background: #74ba61;}

.benefets table a.upgrade_btn.plan2{background: #5bade7;}
.benefets table a.upgrade_btn.plan2:hover{background: #7ac4f8;}
.benefets table a.upgrade_btn.plan2:active{background: #4c9cd5;}

.benefets table a.upgrade_btn.plan3{background: #5d60a7;}
.benefets table a.upgrade_btn.plan3:hover{background: #7174c8;}
.benefets table a.upgrade_btn.plan3:active{background: #535699;}

.benefets table tbody tr td {
    height: 44px;
    padding:0 25px;
    line-height: 22px;
    vertical-align: middle;
    font-family: 'vegurregular', Arial, Helvetica, sans-serif;
}

.benefets table tbody tr td.color28 {
    color: #505050;
    font-size: 16px;
    font-weight: bold;
    padding-right: 675px;
    text-align: right;
}

.benefets table tbody tr td.color8c {
    color: #828282;
    font-size: 14px;
    text-align: right;
}

.benefets table tbody tr td.tdbg1 {
    background: url(/images2/account/icons_check1.png) no-repeat center;
}

.benefets table tbody tr td.tdbg2 {
    background: url(/images2/account/icons_check4.png) no-repeat center;
}

.benefets table tbody tr td.tdbg3 {
    background: url(/images2/account/icons_check3.png) no-repeat center;
}

.benefets table tbody tr td.tdbg4 {
    background: url(/images2/account/icons_check2.png) no-repeat center;
}

/*invoices*/
.invoices {
    width: 820px;
    margin: 60px auto;
}

.invoices table {
    width: 100%;
    background-color: #fff;
    border: 1px solid #e6e6e6;
    border-radius: 6px 6px 0 0;

}
.invoices table a{ color: #ac975e; text-decoration: underline;}
.invoices table a:hover{ color: #bda460;}
.invoices table a:active{ color: #978450;}

.invoices table thead th, .invoices table tbody td {
    width: 33.3333333%;
    height: 64px;
    /*line-height: 64px;*/
    vertical-align: middle;
    font-family: sintonyregular, Arial, Helvetica, sans-serif;
    font-size: 12px;
    text-align: center;
}

.invoices table thead th span {
    width: 99%;
    display: inline-block;
    color: #3c3c3c;
}

.invoices table thead th .line {
    display: inline-block;
    height: 10px;
    width: 1px;
    background-color: #dcdcdc;
}

.invoices table tbody td.type {
    color: #787878;
}

.invoices table tbody td.date {
    color: #b4b4b4;
}

.invoices table tbody td.price {
    color: #ac975e;
}

.invoices table tbody td {
    border-right: 1px solid #f0f0f0;
    border-top: 1px solid #f0f0f0;
}

#activeEmailbox {
    background: url("/images2/account/back_box.png") no-repeat center;
    width: 290px;
    padding: 0;
    height: 120px;
    top: -34px;
    left: 50%;
    margin-left: 58px;
}

#activeEmailbox .activepanel {
    font-size: 12px;
    line-height: 20px;
    width: 62%;
    margin-left: 38px;
    margin-top: 22px;
    font-family: sintonyregular, Arial, Helvetica, sans-serif;
    display: inline-block;
    color: #787878;
}

#activeEmailbox a#activeUser {
    font-size: 12px;
    font-family: sintonyregular, Arial, Helvetica, sans-serif;
    color: #ac975e;
    text-transform: inherit;
}

#activeEmailbox a#activeUser:hover {
    color: #bda460;
}

#activeEmailbox a#activeUser:active {
    color: #978450;
}


/*---------PackageDetails----------*/
#big_box{background-color:#f5f5f5;width:100%;height:auto;min-width:1000px;overflow:hidden;padding-bottom:70px}
.benefets{top:600px}
.smalltitle{width:968px;height:98px;border-radius:4px;border:1px solid #e6e6e6;font-size:12px;margin:0 auto;background-color:#fff}
.gtitle{font-size:24px;text-align:center;color:#141414;line-height:40px;padding:100px 0 50px 0}
.payment_box{width:970px;margin:0 auto;padding-top:40px}
.p_title{width:264px;height:44px;text-align:center;font-size:14px;padding:20px 0;color:#fff;text-align:center;font-family:hussarbold,Helvetica,Arial,sans-serif}
.p_title>span:nth-of-type(2){font-size:12px;font-family:sintonyregular,Arial,Helvetica,sans-serif}
.p_title span{margin-top:10px}
.price_box{width:218px;text-align:center;border:1px solid #dcdcdc;border-top:none;background-color:#fff;padding:22px 20px 22px 24px}
.plan_card{float:left;margin-left:45px;border-radius:8px}
.new_plan1{background-color:#6bb258}
.new_plan2{background-color:#5ea5d7}
.new_plan3{background-color:#5d60a7}
.smalltitle div{width:832px;margin:0 auto;padding-top:17px}