.user-contributed-showcase {
    border: 3px solid #999;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px
}

.user-contributed-showcase .header {
    padding: 10px 15px;
    background: #ddd
}

.user-contributed-showcase .header h3 {
    margin: 0;
    padding: 0;
    display: inline-block;
    font-size: 18px;
    color: #555
}

.user-contributed-showcase .header .button {
    margin: 0 0 0 3px;
    padding: 0
}

.user-contributed-showcase .user-asset-group {
    margin: 20px 10px 20px 25px
}

.user-contributed-showcase .user-asset-group .frame.horizontal {
    width: auto;
    height: 50px
}

.user-contributed-showcase .user-asset-group .frame.vertical {
    width: 50px;
    height: auto
}

.user-contributed-showcase .user-asset-group h3 {
    margin-bottom: 4px;
    padding-bottom: 1px;
    border-bottom: 1px dotted #ddd;
    position: relative;
    line-height: 20px;
    font-size: 14px;
    color: #555
}

.user-contributed-showcase .user-asset-group .item {
    width: 340px;
    padding: 0
}

.user-contributed-showcase .user-asset-group .item img {
    margin-right: 10px;
    padding: 1px;
    float: left;
    border: 1px solid #333
}

.user-contributed-showcase .user-asset-group .button {
    padding: 0;
    position: absolute;
    right: 0;
    top: -10px;
    font-size: 11px
}

.user-contributed-showcase .user-asset-group strong {
    margin-top: 10px;
    display: block;
    font-size: 11px;
    text-transform: capitalize
}

.user-contributed-showcase .user-asset-group strong a {
    color: #444
}

.user-contributed-showcase .user-asset-group ul li {
    list-style: inside square
}

.userAdminPopWindow {
    width: 540px;
    height: 320px;
    padding: 10px 0 20px;
    overflow: hidden
}

.userAdminPopWindow iframe {
    width: 540px;
    height: 320px;
    overflow-x: hidden
}

.userAdminPopWindow .blox-loading {
    width: 22px;
    height: 14px;
    margin: 20px auto
}

/* OLD */
/* if you edit this file make sure you're checking all the other forms so that you're not bleeding into other areas */

/* ////////////////////////////// USER GATEWAY //// */
    #user-gateway h2{
        margin:0px;
        padding:4px 10px;
        /*background:#999;*/
        font-size:20px;
        /*color:#fff;*/
        border-width:0 0 1px 0}
    #user-gateway .page{
        position:relative;
        /*margin:10px;*/
        padding:10px;
        /*border:1px solid #ccc;*/
        /*background:#fff;*/
        font-size: 11px;}
        #user-gateway .page.blox-loading{
            background:url('../images/ajax-loader.gif') no-repeat scroll center center #fff;}
        #user-gateway .page label{
            display:block;
            font-size:12px;
            font-weight:bold;}
            #user-gateway .page label.error{color:#ff0000;}
        #user-gateway .page .blox-alert{
            margin:0 0 10px 0;}
            #mobile-form #user-gateway .page .blox-alert{
                width:180px;
                padding-top:0px;}
            #user-gateway .page .blox-alert span{
                margin-left:5px;}
            #user-gateway .page .blox-alert p{
                padding:0;
                line-height:120%;
                padding: 0 0 5px 25px;}
                #user-gateway .page .blox-alert p.error{
                    line-height:auto;
                    padding: 5px 5px 5px 1px;}
            #mobile-form #user-gateway .page .blox-alert{}
                #mobile-form #user-gateway .page .blox-alert h3{
                    padding:0px 5px;
                    text-align:left}
                #mobile-form #user-gateway .page .blox-alert p{
                    font-size:15px;
                    text-align:left;
                    padding:5px}
        #user-gateway .page hr{
            height:1px;
            border:none;
            background:#ccc;}
/* ////////////////////////////// REGISTER //// */
#user-gateway #registrationForm fieldset,
#user-gateway fieldset{
    border:1px solid #CCCCCC;
    margin-bottom:10px;
    padding:8px;}
    #mobile-form #user-gateway #registrationForm fieldset, #user-gateway fieldset{
        border:0px;
        padding:0px}
    #user-gateway #login-box-form-page fieldset{
        border:0px;
        margin-bottom:0px;
        padding:0px;}
#user-gateway #registrationForm .form-section,
#user-gateway .form-section {
    color:#666666;
    font-size:14px;
    font-weight:bold;
    padding:0 4px;}
#user-gateway #registrationForm table.birth-date {
    float:left;
    margin-right:3px;}
    #user-gateway .page p{
        padding-bottom:1px;}
        #user-gateway .blox-list li{
            border:0px}
    table.birth-date a img{display:none;}
    table.birth-date select{margin-right:3px;}
#user-gateway #registrationForm p.signup-gender{
    clear:both;}
#user-gateway #registrationForm input,
#user-gateway #registrationForm textarea,
#user-gateway #registrationForm select,
#user-gateway input{
    margin-bottom:5px;
    font-size:12px;}
    #mobile-form #user-gateway #registrationForm input{
        width:93%;}
#user-gateway #registrationForm .note{
    width:100%;
    display:block;
    font-size:11px;}
    #user-gateway #registrationForm #security-image-container .note{
        float:left;
        clear:both;
        display:block;
        width:100%}
    #user-gateway #registrationForm .note .instruction{
        display:block;
        float:left}

/* captcha */
#security-image-container img{
    width:160px;}
    p.security-input{
        clear:both;
        padding-top:5px;}
    #user-gateway #registrationForm input.security_image{
        width:138px;
        float:left;
        margin-right:5px}
#user-gateway #registrationForm input.submit{
    float:left}

/* subscription */
#user-gateway #registrationForm p.special-alert{
    border-bottom:1px dashed #ccc;
    padding-top:5px;
    margin-bottom:5px;}
.form-alert.ui-state-error,
.form-alert.ui-state-highlight {margin:5px;}
.form-alert.ui-state-error p,
.form-alert.ui-state-highlight p {padding:8px;}
#user-gateway .page .blox-alert .form-alert.ui-state-highlight p{padding:0px}
/* ## /////////////////////////// MOBILE SIGNUP //// */
#mobile-form{
    text-align:center;
    font-size:17px;
    background:#e2e2e2;}
    #mobile-form form{
        color:#333333;
        font-weight:bold;
        margin-left:auto;
        margin-right:auto;
        width:182px;
        padding-bottom:10px;}
        #mobile-form #user-gateway #registrationForm fieldset{
            border:0px;
            margin:0px;
            padding:0px;}
    #mobile-form img{
        width:162px;}
        #mobile-form .panel-cancel{
        margin-top:5px}
        #mobile-form a.panel-cancel .ui-button-text{
            font-size:19px;}

#mobile-form #user-gateway{
    background:none repeat scroll 0 0 #e2e2e2;
    border:0px;
    padding:30px 0 0 0;}
    #mobile-form #user-gateway h2{
        font-size:25px;}
    #mobile-form #user-gateway.blox-alert p{
        padding:0px;}
    #mobile-form .tncms-login-form{
        height:auto}

    #mobile-form #user-gateway #registrationForm{
        display:none}
        #mobile-form #user-gateway .register-column.login-column h3 span.login-or{
            display:none}
        #mobile-form .signup-gateway .login-column h3 span.login-or{
            right: 45%;
                top: -142%;}
    #mobile-form #user-gateway .page label,
    #mobile-form #user-gateway #registrationForm .note{
        text-align:left;
        font-size:14px;
        color:#333;}
        #mobile-form #user-gateway #registrationForm .note{
            color:#666;
            display:block;}
            #mobile-form span.invalid{
                text-align:left;
                font-size:14px;}
    .icon-button{
        cursor:pointer;
        padding: 8px 4px;}
        .icon-button .ui-icon{margin-right:5px;}
    #mobile-form #user-gateway .page{
        background:none;
        border:0px;
        font-size:11px;
        margin:auto;
        padding:0 0 2px;}
#mobile-form input {
    display:block;
    border:1px solid #aaa;
    -moz-border-radius:4px;
    padding:3px;}
    #mobile-form#u ser-gateway #registrationForm input,
    #mobile-form #user-gateway #registrationForm input.security_image{
        /*width:175px;*/}

    #mobile-form #user-gateway .page label.error{
        color:#ff0000}
    #mobile-form td input{
        width:auto;}
    #mobile-form #user-gateway #registrationForm input.submit,
    #mobile-form #user-gateway #loginForm input.submit,
    #mobile-form #user-gateway #forgotForm input.submit,
    #mobile-form #user-gateway #subscribeForm input.submit{
        font-weight:normal;
        margin-top:10px;
        font-size:17px;
        padding:5px 0;
        /*width:182px;*/}
        #mobile-form #user-gateway #subscribeForm legend{
            border-bottom:2px solid #666666;
            clear:both;
            display:block;
            float:left;
            font-size:16px;
            margin:8px 0;
            text-align:left;
            width:100%;}
        #mobile-form #user-gateway #subscribeForm td{
            float:left;}
        #mobile-form #user-gateway #subscribeForm input,
        #mobile-form #user-gateway #subscribeForm select,
        #mobile-form #user-gateway #subscribeForm textarea{
            width:180px;
            font-size:15px;
            font-weight:bold;
            margin-bottom:5px;}
            #mobile-form #user-gateway #subscribeForm select{
                width:187px;}
            #mobile-form #user-gateway #subscribeForm table.credit-card select{
                 width:89px;}
    #mobile-form .form-alert{
        font-size:15px;
        width:182px;
        text-align:left;
        margin-left:auto;
        margin-right:auto;}
        #mobile-form a.mobile-form-link{
            color:#336699;
            font-size:15px;
            padding-bottom:10px;
            text-decoration:none;}
    #mobile-form .login-box-form{
        width:160px;
        margin:auto}
        #mobile-form .login-box-form a{
            font-size:12px}
    #mobile-form .login-column{
        width:100%}
    #mobile-form #login-box-form-page .login-column-right.providers{
        border:none}
         #mobile-form .signup-gateway #login-box-form-page .login-column-right.providers{
            margin-top:30px;}

        #mobile-form #user-gateway .providers button{}
        #mobile-form #login-box-form-page form{
            width:auto}
            #mobile-form #login-box-form-page input{
                /*width:auto;*/}
                #mobile-form.login-box-form .login-column-left input.password.text{
                    width:65%;}

/* fix for 160 grid */
.app-user #blox-left-col.grid_16{width:540px;}


/* ////////////////////////////// ADMIN QUICKLINKS //// */
    .home-menu{
            margin-left:12px;}
        .icon.home{
            width:32px;
            height:32px;
            display:block;
            float:left;
            background:url('../images/bw_icon_sprites.png') no-repeat 0 -259px;}
    .logout-menu{
        margin-left:12px;
        border-top:1px solid #ddd;}
        .icon.logout{
            width:10px;
            height:32px;
            display:block;
            float:left;}
    #blox-user-admin-quicklinks h3{
        -moz-border-radius:13px 13px 13px 13px;
        background:none repeat scroll 0 0 #aaa;
        color:#FFFFFF;
        display:block;
        font-size:11px;
        font-weight:bold;
        line-height:24px;
        margin:0 10px;
        padding:0 8px;
        text-align:center;
        width:35px;}
        #blox-user-admin-quicklinks h3 a {color: #FFF;
        line-height: 24px;
        font-weight: bold;}
    #blox-user-admin-quicklinks a{
        line-height:32px;
        font-size:11px;
        font-weight:normal;
        color:#333;}
    #blox-user-admin-quicklinks ul{margin:0 0 10px 10px;}
        #blox-user-admin-quicklinks ul li{}
            #blox-user-admin-quicklinks ul li.category{
                margin:2px 4px;
                border-top:1px dotted #ddd;}
        /* section icons */
        #blox-user-admin-quicklinks ul .section{
            width:32px;
            height:32px;
            display:block;
            float:left;
            background:url('../images/bw_icon_sprites.png') no-repeat 0 0;}
            #blox-user-admin-quicklinks ul .section.profile         {background-position:0 0px;}
            #blox-user-admin-quicklinks ul .section.business        {background-position:0 -32px;}
            #blox-user-admin-quicklinks ul .section.blogs           {background-position:0 -64px;}
            #blox-user-admin-quicklinks ul .section.events          {background-position:0 -96px;}
            #blox-user-admin-quicklinks ul .section.contributions   {background-position:0 -128px;}
            #blox-user-admin-quicklinks ul .section.services        {background-position:0 -160px;}
            #blox-user-admin-quicklinks ul .section.announcements   {background-position:0 -192px;}
            #blox-user-admin-quicklinks ul .section.classifieds     {background-position:0 -288px;}
            #blox-user-admin-quicklinks ul .section.star            {background-position:-32px -255px;}
            #blox-user-admin-quicklinks ul .section.maillist        {background-position:0 -350px;}

            #blox-user-admin-quicklinks ul .section.profile.active          {background-position:-32px 0px;}
            #blox-user-admin-quicklinks ul .section.business.active         {background-position:-32px -32px;}
            #blox-user-admin-quicklinks ul .section.blogs.active            {background-position:-32px -64px;}
            #blox-user-admin-quicklinks ul .section.events.active           {background-position:-32px -96px;}
            #blox-user-admin-quicklinks ul .section.contributions.active    {background-position:-32px -128px;}
            #blox-user-admin-quicklinks ul .section.services.active         {background-position:-32px -160px;}
            #blox-user-admin-quicklinks ul .section.announcements.active    {background-position:-32px -192px;}
            #blox-user-admin-quicklinks ul .section.classifieds.active      {background-position:-32px -288px;}
            #blox-user-admin-quicklinks ul .section.maillist.active         {background-position:-32px -350px;}
        /* sub-section icons */
        #blox-user-admin-quicklinks ul ul{
            margin:0 0 10px 14px;}
            #blox-user-admin-quicklinks ul ul li{
                list-style:none;}
                #blox-user-admin-quicklinks ul ul li a{
                    line-height:11px;
                    font-weight:normal;
                    font-size:11px;
                    color:#333;}
                #blox-user-admin-quicklinks ul ul .icon{
                    width:14px;
                    height:14px;
                    margin-right:5px;
                    display:inline-block;
                    position:relative;
                    top:2px;
                    background:url('../images/arrows.gif') no-repeat 0 -44px;}
                    #blox-user-admin-quicklinks ul ul .icon.collapsible{
                        background-position:0 -2px;}
                    #blox-user-admin-quicklinks ul ul .icon.active{
                        background-position:0 -22px;}
                    #blox-user-admin-quicklinks ul ul .icon.email{
                        background-position:0 -84px;}
                    #blox-user-admin-quicklinks .business.item{
                        margin-left:15px}

#blox-admin-modules{
    font-size: 12px}
    #blox-admin-modules strong{
        font-size:12px}
    #blox-admin-modules label{
        display:block;
        position:relative;
        text-transform:capitalize;
        font-size:14px;
        font-weight:bold;
        color:#888;}
        #blox-admin-modules textarea {
            resize: none;
        }
    #blox-admin-modules textarea,
    #blox-admin-modules input.full {
            width: 100%;
        }
    #blox-admin-modules .openid-button{
            width: 110px;
        }
    #blox-admin-modules .openid-form{
            float: left;
        }
.screenname{
    text-transform:capitalize;}

/* Subscription form delivery information */
#blox-user-admin fieldset{
    padding:10px;
    margin-bottom:12px}
    #blox-user-admin legend{
        font-weight: bold}
    #blox-user-admin .delivery-address .checkbox-field{
        float:left;
        margin-bottom:12px}
        #blox-user-admin .delivery-address input.checkbox{
            float:left}

    #blox-user-admin form .readonly{
        background:#ddd}

    #blox-user-admin input.text, /*.delivery-address */
    #blox-user-admin select.select,
    #blox-user-admin textarea.textarea{
        margin-bottom: 12px;
        width: 95%;
        padding: .4em;}
    #blox-user-admin select.select,
    #blox-user-admin textarea.textarea{
        width:98%}

    #blox-user-admin .delivery-address label.same-info{
        float:left}
    #blox-user-admin .delivery-address input.same-info{}
    #blox-user-admin .delivery-address label.address{
        float:left;
        width:64%}
    #blox-user-admin .delivery-address input.address{
        float:left;
        width:58%;
        margin-right:2%}
    #blox-user-admin .delivery-address label.unit{
        float:left;
        width:36%}
    #blox-user-admin .delivery-address input.unit{
        float:left;
        width:32%}
    #blox-user-admin .delivery-address label.city{
        clear:both}
    #blox-user-admin .delivery-address input.city{}
    #blox-user-admin .delivery-address label.state{}
    #blox-user-admin .delivery-address input.state{}
    #blox-user-admin .delivery-address label.zip{}
    #blox-user-admin .delivery-address input.zip{}
    #blox-user-admin .delivery-address label.country{}
    #blox-user-admin .delivery-address input.country{}
    #blox-user-admin .delivery-address label.phone{}
    #blox-user-admin .delivery-address input.phone{}
    #blox-user-admin .delivery-address label.update-profile{
        float:left}
    #blox-user-admin .delivery-address input.update-profile{}

#blox-user-admin input.submit.purchase{
    width: 100%;}

#blox-user-admin #label-card-exp{
    float:left;
    width:54%}
#blox-user-admin #label-card-csc{
    float:left;
    width:46%}
    #csc-help-open{}
#blox-user-admin #field-card-year.select,
#blox-user-admin #field-card-month.select{
    float:left;
    width:25%;
    margin-right:2%}
    #blox-user-admin #field-card-month.select{}
#blox-user-admin #field-card-csc.text{
    float:left;
    width:16%;
    margin-right:2%;
    padding-bottom:.5em}
#blox-user-admin #field-notes.textarea{
    width:96%}
.ui-theme-darkness #blox-user-admin select,
.ui-theme-vader #blox-user-admin select,
.ui-theme-night #blox-user-admin select{
    color:#666}
.ui-theme-darkness #blox-user-admin legend,
.ui-theme-vader #blox-user-admin legend,
.ui-theme-night #blox-user-admin legend{
    color:#666;
    padding-bottom:20px; /* padded out of fieldset for readability on these themes */}

/* ////////////////////////////// ADMIN DASHBOARD //// */
    #blox-user-admin .admin-dashboard h3,
    #blox-user-admin #blox-admin-modules h3 {
        padding: 3px 5px;
    }

.admin-dashboard{}
    .admin-dashboard .option{
        padding:10px 0;
        border-bottom:1px solid #ddd;
        clear:both;}
            .admin-dashboard .option strong{
                font-size:14px;}
        .admin-dashboard .option .add-icon{
            width:64px;
            height:64px;
            margin-bottom:10px;
            margin-right:10px;
            display:block;
            float:left;
            background:url('../images/bw_icons_large_sprites.png') no-repeat 0 0;}
            .admin-dashboard .option .add-icon.blog{}
            .admin-dashboard .option .add-icon.contributed{
                background-position:0 -68px;}
            .admin-dashboard .option .add-icon.business{
                background-position:0 -130px;}
            .admin-dashboard .option .add-icon.mailing{
                background-position:0 -194px;}
    .admin-dashboard #quick-blog{
        padding-bottom:20px;
        border-bottom:1px solid #ddd;}
        .admin-dashboard #quick-blog #content{
            width:100%;}
/* ////////////////////////////// ADMIN DASHBOARD POPUP WINDOW //// */
html.popwindow,
html.popwindow body { background: inherit !important }

/* ////////////////////////////// ADMIN TABS //// */
.tab-button{
    margin-left:10px;
    margin-top:2px;
    padding:2px;
    border:1px solid #333;
    border-color:#aaa #666 #666 #aaa;
    background:#ddd;
    font-size:11px;
    color:#444;
    -moz-border-radius:2px;}

/* ////////////////////////////// EDIT PROFILE FORM //// */
#profileForm #profile,
#profileForm #interests,
#profileForm #social,
#profileForm #contact{
    padding:20px 0;}
        #profileForm #profile select{
            height:19px;}
        #profileForm #profile textarea,
        #profileForm #profile input{
            width:100%;}
        #profileForm #interests textarea{
            width:100%;}
        #profileForm #social p label{
            margin-left:26px;}
        #profileForm #social p input{
            width:150px;}
        #profileForm #social p .icon{
            width:20px;
            height:20px;
            margin-right:5px;
            display:block;
            float:left;

            background:url('../images/social_sprites.gif') no-repeat left 0;}
            #profileForm #social .aim .icon     {background-position:0 -420px;}
            #profileForm #social .bebo .icon    {background-position:0 -1320px;}
            #profileForm #social .facebook .icon{background-position:0 -179px;}
            #profileForm #social .icq .icon     {background-position:0 -1340px;}
            #profileForm #social .linkedin .icon{background-position:0 -1240px;}
            #profileForm #social .myspace .icon {background-position:0 -260px;}
            #profileForm #social .msn .icon     {background-position:0 -500px;}
            #profileForm #social .yahoo .icon   {background-position:0 -560px;}
            #profileForm #social .twitter .icon {background-position:0 -620px;}
        #profileForm #contact input{
            width:100%;}

    #profileForm #profile .avatar-badge{}
        #profileForm #profile .avatar-badge img{}
    #profileForm #profile .tncms-banned{
        margin-bottom:10px;
        padding:10px 10px 0 10px;
        border:3px solid red;
        -moz-border-radius:5px;}
        #profileForm #profile .tncms-banned strong{
            color:red;}
        #profileForm #profile .tncms-banned a{
            color:red;}
            #profileForm #profile .tncms-banned a:hover{
                color:red;}
/* ////////////////////////////// PUBLIC PROFILE //// */
#blox-user-admin.public-profile{
    border:none;
    padding: 0;}
.public-profile{
    line-height:1.5em;
    font-size:12px;}
        .public-profile .frame{
            margin-left:10px;
            margin-bottom:10px;
            float:left;}
    .public-profile #user-info{
        padding-left: 10px;}
    .public-profile strong{
        font-weight:bold;}
    .public-profile .tabset{
        margin-bottom:10px;}
    .public-profile .tncms-related-assets{
        border:none;}
    .public-profile #user-avatar{
        -moz-border-radius:4px;
        -webkit-border-radius:4px;
        border-radius:4px;
        background:none repeat scroll 0 0 #EFEFEF;
        border:1px solid #AAAAAA;
        margin-bottom:10px;
        padding:13px;}
    .public-profile #user-avatar .frame{
        overflow:hidden;
        display: block;}
        .public-profile .screen-name{
            line-height:16px;
            font-size:14px;
            font-weight:bold;
            text-transform:capitalize;}
        .public-profile .location{
            padding-bottom:0;
            text-transform:capitalize;
            font-size:10px;}
        .public-profile .location .state{
            text-transform:uppercase;}
        .public-profile .post-count{
            font-size:10px;}
    #profile-options{
        width:120px;
        margin-bottom:10px;
        overflow:hidden;}
        #profile-options .social-icons{
            padding:5px 0;}
            #profile-options .social-icons li{
                float:left;}
                #profile-options .social-icons li .icon{
                    width:20px;
                    height:20px;
                    margin-right:5px;
                    display:block;
                    float:left;
                    background:url('../images/social_sprites.gif') no-repeat left 0;}
                    #profile-options .social-icons .icon.aim        {background-position:0 -420px;}
                    #profile-options .social-icons .icon.bebo       {background-position:0 -1320px;}
                    #profile-options .social-icons .icon.facebook   {background-position:0 -179px;}
                    #profile-options .social-icons .icon.icq        {background-position:0 -1340px;}
                    #profile-options .social-icons .icon.linkedin   {background-position:0 -1240px;}
                    #profile-options .social-icons .icon.myspace    {background-position:0 -260px;}
                    #profile-options .social-icons .icon.msn        {background-position:0 -500px;}
                    #profile-options .social-icons .icon.yahoo      {background-position:0 -560px;}
                    #profile-options .social-icons .icon.twitter    {background-position:0 -620px;}
    .user-button{
        margin:0 10px 0 0;
        padding:2px 4px;
        display:inline-block;
        line-height:10px;
        background:#666;
        font-size:10px;
        color:#fff;
        -moz-border-radius:4px;}
        .user-button.add-new{
            width:auto;
            margin-left:0px;
            margin-right:5px;
                        margin-top: 5px;
            padding:4px;
            text-align:center;}
        .user-button.delete{
            width:14px;
            height:14px;
            background:url('../images/admin_icons.png') no-repeat 0 -16px;
            text-indent:-999px;}
    #user-blog a.rss-feed{
        float:right;
        line-height:16px;
        font-size:10px;}
        #user-blog a.rss-feed .icon.rss{
            width:16px;
            height:16px;
            margin-top:10px;
            background:#fff url('../images/rss-icon.gif') no-repeat;
            display:block;
            float:left;}
    #recent-comments-area{
        }
        #recent-comments-area li{
            margin:0 0 10px 0;
            padding:10px 10px 5px 10px;
            border:1px solid #ddd;
            -moz-border-radius:3px}
            #recent-comments-area li .content{}
            #recent-comments-area li .post-time{
                margin-top:15px;
                padding-top:5px;
                display:block;
                border-top:1px solid #ddd;
                font-size:11px;
                color:#aaa;}
            #recent-comments-area li a{
                display:block;}
.public-profile .user-contributed h3 {
    padding: 3px 5px;
}

/* ////////////////////////////// PRIVACY POLICY //// */
#privacy-policy{}
    #privacy-policy h3{
        margin:10px 0 10px 10px;
        padding-top:20px;
        border-top:1px dashed #ddd;}
    #privacy-policy #policy{
        height:100px;
        padding:10px;
        overflow-y:scroll;
        border:1px solid #ddd;
        -moz-border-radius:2px;}

/* ////////////////////////////// EDIT BUSINESS PROFILE FORM //// */
#business-info-edit{}
#business-info-edit .section{
    padding:10px 0;
    border:none;}
#business-info-edit .section input{
    width:100%;}
    #business-info-edit .section #payment{}
        #business-info-edit h4{}
        #business-info-edit .section #payment h4{
            margin-top:10px;
            margin-bottom:10px;
            border-bottom:1px solid #ddd;
            line-height:18px;
            font-size:11px;
            font-weight:normal;}
        #business-info-edit .section #payment input{
            width:auto;
            margin-right:10px;}
    #business-properties .custom-property-pair,
    #business-keywords .custom-property-pair{
        border-bottom:1px solid #ddd;
        padding:10px 0;}
        #business-properties .custom-property-pair.add-property,
        #business-keywords .custom-property-pair.add-property{
            margin-top:1px;
            border:1px solid #aaa;
            background:#ddd;}
            #business-properties .custom-property-pair.add-property label,
            #business-keywords .custom-property-pair.add-property label{
                font-weight:bold;}
        #business-properties .custom-property-pair input,
        #business-keywords .custom-property-pair input{
            width:auto;}
            #business-properties .custom-property-pair label,
            #business-keywords .custom-property-pair label{
                line-height:18px;}
            #business-properties .custom-property-pair .tab-button,
            #business-keywords .custom-property-pair .tab-button{
                width:auto;
                padding:0;
                float:none;}
#business-info-edit .section hr{
    height:1px;
    margin:10px;
    border:none;
    overflow:hidden;
    background:#ddd;}
.tncms-related-assets{
    margin:10px 0;
    border:1px solid #bbb;
    border-bottom-color:#ccc #999 #999 #ccc;
    -moz-border-radius:4px;}
    #blox-user-admin #blox-admin-modules .tncms-related-assets h3{
        width:auto;
        margin-bottom:0;
        padding:4px 10px;
        border-bottom:1px solid #aaa;
        position:relative;
        background:#dedede;
        font-size:11px;
        color:#666;}
    .tncms-related-assets h4{
        margin:10px 0;
        font-size:18px;
        font-weight:bold;}
        .tncms-related-assets h3 .show-hide{
            position:absolute;
            right:5px}
    .tncms-related-asset {
            border-bottom:1px solid #ddd;
            padding: 3px 5px;
        }
            .tncms-related-asset:last-child { border-bottom: none;}
        .tncms-related-asset .screenshot{
            padding-right:15px;
            background:url('../images/icon_related_image.gif') no-repeat right 1px;}
        .tncms-related-asset.last{
            margin-bottom:0;
            border:none;}
        .tncms-related-asset .title{
            text-transform:capitalize;}
        .tncms-related-asset .date{
            margin-left:10px;
            color:#888;}
        .tncms-related-asset .type{
            margin:0 5px 0 0;
            color:#777;}

#tooltip.edit-business{
    width:400px;
    text-align:left;}
    #tooltip.edit-business h3{
        line-height:16px;
        font-size:12px;}
/* ////////////////////////////// MY BUSINESSES //// */
#business-related.my-business{
    }
        .my-business .tncms-related-asset.last{
            margin-bottom:0;}
        .my-business .tncms-related-asset a{
            font-weight:bold;}
/* ////////////////////////////// PURCHASE SERVICES //// */
.service-item {
    margin-bottom: 10px;
    border-bottom: 1px dotted #ddd;
}
.service-item:last-child {
    border-bottom: none;
}
    .service-item input{
        float:left;
    }
        .service-item p{
            margin-top:1px;
            margin-left:4px;
            float:left;}
            .service-item p strong{
                font-size:12px;}
.service-section{
    margin-bottom:30px;
    padding-bottom:10px;
    border-bottom:1px solid #ddd;
    font-size:12px;}
    .activated-service{
        padding:10px 0;
        border-top:1px solid #ddd;}
        .activated-service li{
            margin:10px 0 0 0;}
    .service-section table{
        border-collapse:separate;
        border-spacing:2px;}
    .service-section a{
        color:red;}
.purchase-receipt{}
    .purchase-receipt p{}
        .purchase-receipt p strong{
            font-size:12px;}

.tn-notice.service{
    margin:0 0 12px 0}
    .tn-notice.service p{padding:5px;}
    .tn-notice.service .ui-icon{margin-right:5px;}
    .tn-notice.service p.note{font-size:10px}
    #mobile-form #user-gateway p.tn-notice{
        width:160px;
        display:block;
        border:1px solid #CCCCCC;
        padding:5px 10px;
        margin:auto;
        background:#efefef;
        font-size:17px;
        text-align:left}
#toggle-service-help{
    float:right;
    font-weight:bold;
    font:11px;
    border-width:0 0 1px 1px;
    width:75px;
    text-align:center;
    padding-bottom:1px;}
#service-help{
    background:none repeat scroll 0 0 #FFFFFF;
    border-width:1px 0 0;
    color:#000000;}

/* ////////////////////////////// MY EVENTS //// */
.event{
    margin-bottom:10px;
    padding-top:10px;
    border-top:1px solid #ddd;}
.event strong{
    text-transform:capitalize;}
.event .status{
    width:70px;
    margin-right:5px;
    padding:2px;
    display:inline-block;
    text-align:center;
    text-transform:uppercase;
    font-weight:bold;
    color:white;
    -moz-border-radius:2px;}
    .event .status.approved{
        background:#139F4E;}
    .event .status.pending{
        background:#DF0D0D;}
    .ui-dialog.popwindow{}
    .ui-dialog.popwindow .frameWindow{
        width:650px!important;
        margin:0;
        padding:0;
        background:#ddd;}
        #searchHolder{
            width:500px!important;}
/* ////////////////////////////// NEW EVENT FORM //// */
#tncms-event-form{
    margin-bottom:10px;}
    #tncms-event-form .event-section{
        padding:10px 0;}
        #tncms-event-form .event-section .group{
            margin:10px 0;
            border-bottom:1px solid #ccc;
            font-weight:bold;
            font-size:19px;
            color:#666;}
            #tncms-event-form .event-section .group.first{
                margin-top:0;}
        #tncms-event-form .event-section .full input,
        #tncms-event-form .event-section .full textarea,
        #tncms-event-form .event-section .full label{
            width:100%;}
            #tncms-event-form #monthly_days,
            #tncms-event-form #yearly_ordinals,
            #tncms-event-form #yearly_days,
            #tncms-event-form #months{
                padding:10px;
                border:1px solid #ddd;}
            #tncms-event-form #months{
                margin-top:0;}
                #tncms-event-form #monthly_ordinals input,
                #tncms-event-form #monthly_days input,
                #tncms-event-form #yearly_ordinals input,
                #tncms-event-form #yearly_days input,
                #tncms-event-form #months input{
                    margin-right:5px;}
            #tncms-event-form .occurence-seperator{
                margin:10px 0;
                padding:0;
                border-bottom:1px solid #ddd;
                line-height:20px;}
            #tncms-event-form .seperator{
                height:1px;
                margin:10px;
                padding:0;
                border:none;
                background:#ddd;}

.ui-datepicker-today .ui-state-highlight{
    color:red;}
.ui-icon{
    display:inline-block;}
.ui-datepicker-header{
    border:none;}
/* ////////////////////////////// BLOG //// */
#user-blog{}
    #user-blog h1{
        font-size:26px;
        line-height:39px;
        font-weight:bold;}
    #user-blog .blog-item{
        margin-top:10px;
        padding-top:20px;
        border-top:1px solid #ddd;}
        #user-blog .blog-item .story-times{
            color:#888;}

/* ////////////////////////////// UPSELL MANAGER //// */
/* upsell manager stuff should get moved to the component */
.purchased-item{
    margin:10px;
    padding:20px;
    border:1px solid #ddd;
    -moz-border-radius:5px; -webkit-border-radius:5px; border-radius:5px;
    line-height:1.5em;}
    .purchased-item h4{
        margin-bottom:10px;
        border-bottom:1px solid #ddd;
        line-height:1.5em;
        font-size:16px;
        font-weight:bold;}
/* ////////////////////////////// CLASSIFIEDS //// */
.stepWizard{}
    .stepWizard p{
        line-height:1.5em;
        font-size:11px;
        color:#444;}
    .stepWizard label{
        color:#666;}
    .stepWizard input,
    .stepWizard textarea,
    .stepWizard select{
        border:1px solid #aaa;
        -moz-border-radius:3px;
        -webkit-border-radius:3px;
        border-radius:3px;}
    .stepWizard select{
        padding:1px;}
    .stepWizard fieldset{
        margin-top:5px;}
        .stepWizard fieldset legend{
            width:100%;
            margin:0 0 4px 0;
            padding:3px 0;
            display:block;
            border-bottom:1px dotted #bcbcbc;
            font-size:15px;
            color:#333;}
    .stepWizard .checkbox{
        margin-right:5px;
        display:inline;
        position:relative;
        top:25px;}
    #blox-admin-modules .stepWizard .checkboxLabel,
    .stepWizard .checkboxLabel{
        display:inline;
        position:relative;
        top:25px;
        line-height:1em;}
    .stepWizard .bordertop{
        padding:10px 0 10px 0;
        border-top:1px dotted #bcbcbc;}
    .stepWizard .float-left{
        margin-right:20px;}
    .stepWizard .ui-button{}
        .stepWizard .ui-button.icon-only{
            padding:1px 3px;
            border:1px solid #222;
            -webkit-border-radius:5px;
            -moz-border-radius:5px;
            border-radius:5px;
            background:#444;}
            .stepWizard .ui-button.icon-only .ui-icon-close,
            .stepWizard .ui-button.icon-only .ui-icon-closethick{
                position:relative;
                top:1px;}
            .stepWizard .ui-button.icon-only .ui-button-text{
                padding:0;}
    .stepWizard .progressBar.ui-progressbar{
        width:80px;
        height:15px;
        position:absolute;
        top:8px;
        right:55px;
        z-index:1;
        background:#AD3400;
        background: -moz-linear-gradient(top,
            #4D1700 0%,
            #AD3400 100%);
        background: -webkit-gradient(linear, left top, left bottom,
            color-stop(0%,#4D1700),
            color-stop(100%,#AD3400));
        background: -webkit-linear-gradient(top,
            #4D1700 0%,
            #AD3400 100%);
        background: -o-linear-gradient(top,
            #4D1700 0%,
            #AD3400 100%);
        background: -ms-linear-gradient(top,
            #4D1700 0%,
            #AD3400 100%);
        filter: progid:DXImageTransform.Microsoft.gradient(
            startColorstr='#4D1700',
            endColorstr='#AD3400',
            GradientType=0 );
        background: linear-gradient(top,
            #4D1700 0%,
            #AD3400 100%);
        border-color:#B83700 #993D00 #FF944D #B84900;}
        .stepWizard .progressBar.ui-progressbar .ui-progressbar-value{
            background:#CC7400;
            background: -moz-linear-gradient(top,
                #D9B88C 0%,
                #FFD399 60%,
                #E68D19 61%,
                #CC7400 100%);
            background: -webkit-gradient(linear, left top, left bottom,
                color-stop(0%,#D9B88C),
                color-stop(60%,#FFD399),
                color-stop(61%,#E68D19),
                color-stop(100%,#CC7400));
            background: -webkit-linear-gradient(top,
                #D9B88C 0%,
                #FFD399 60%,
                #E68D19 61%,
                #CC7400 100%);
            background: -o-linear-gradient(top,
                #D9B88C 0%,
                #FFD399 60%,
                #E68D19 61%,
                #CC7400 100%);
            background: -ms-linear-gradient(top,
                #D9B88C 0%,
                #FFD399 60%,
                #E68D19 61%,
                #CC7400 100%);
            filter: progid:DXImageTransform.Microsoft.gradient(
                startColorstr='#FFB24D',
                endColorstr='#CC7400',
                GradientType=0 );
            background: linear-gradient(top,
                #D9B88C 0%,
                #FFD399 60%,
                #E68D19 61%,
                #CC7400 100%);
            border-color:#B84D00;}
        .stepWizard .status{
            width:80px;
            padding:3px 0;
            display:block;
            -webkit-border-radius:5px;
            -moz-border-radius:5px;
            border-radius:5px;
            position:relative;
            top:1px;
            left:-12px;
            text-align:center;
            text-transform:uppercase;
            color:#fff;}
            .stepWizard .status.approved{
                border:1px solid #108942;
                background:#139F4E;}
            .stepWizard .status.pending{
                border:1px solid #910808;
                background:#DF0D0D;}
        .stepWizard .asset-item{
            margin-bottom:10px;
            padding-bottom:10px;
            border-bottom:1px dotted #ddd;}
            .stepWizard .asset-item.last{
                border:none;}
            .stepWizard .asset-item .asset-title{
                line-height:24px;}
                .stepWizard .asset-item .asset-title strong{}
                .stepWizard .asset-item .asset-title a{}
    .stepWizard .step{
        height:auto:!important;
        /*visibility:hidden;*/
        margin:0;}
        .stepWizard .subHeading{
            margin-bottom:10px;
            padding:0 10px;
            border:1px solid #4B4A4A;
            border-bottom-width:5px;
            -moz-border-radius-topleft:5px;
            -moz-border-radius-topright:5px;
            -webkit-border-top-left-radius:5px;
            -webkit-border-top-right-radius:5px;
            border-top-left-radius:5px;
            border-top-right-radius:5px;
            background:#cccccc;
            line-height:30px;
            font-weight:bold;
            font-size:14px;}
        .stepWizard .step .stepNumber{
            padding:2px 6px;
            position:absolute;
            top:6px;
            right:8px;
            border:1px solid #A07F71;
            border-width:1px 2px;
            border-color:#A07F71 #B48F7E #B48F7E #A07F71;
            -webkit-border-radius:3px;
            -moz-border-radius:3px;
            border-radius:3px;
            background:#AE8C7E;
            font-size:12px;
            font-weight:bold;
            color:#4E403A;}
        .stepWizard .step .header{
            height:36px;
            position:relative;
            z-index:0;}
                .stepWizard .step .header .icon.classifieds{}
                #blox-user-admin #blox-admin-modules .stepWizard .step .header h3{
                    margin-left:0;
                    padding:0;
                    line-height:34px;
                    font-size:18px;
                    color:#666;}
        .stepWizard .step .content{
            margin:0px 20px 20px 20px;}
            .stepWizard .step .content h3{
                width:100%;
                margin:0 0 4px 0;
                padding:3px 0;
                display:block;
                border-bottom:1px dotted #bcbcbc;
                font-size:15px;
                color:#aaa;}
                .stepWizard .step .content .small{
                    font-size:9px;
                    color:#999;}
                .stepWizard .step .content p{
                    padding:5px 0;}
                .stepWizard .step .content .pad-top{
                    margin-top:10px;}
        .stepWizard .step .footer{
            height:50px;
            position:relative;}
            .stepWizard .step .footer .next{
                position:absolute;
                right:10px;
                top:12px;}
            .stepWizard .step .footer .prev{
                position:absolute;
                left:10px;
                top:12px;}
        .stepWizard .step #class-fields{}
            .stepWizard .step #class-fields label    {
                text-transform:capitalize;}
            .stepWizard .step #class-fields option    {
                text-transform:capitalize;}
            .stepWizard .step #class-fields ul li{
                width:160px;
                margin-bottom:4px;
                float:left;}
        .stepWizard .catWidget{}
            .stepWizard .catWidget select{
                margin-right:5px;
                margin-top:2px;}
                .stepWizard .catWidget select option{}
            .stepWizard .catWidget .updateCat{
                margin-top:3px;}
            .stepWizard .catWidget .changeCat{
                margin-top:3px;
                margin-right:5px;}
            .stepWizard .catWidget .prevCat{
                height:50px;}
        .stepWizard #class-location{
            }
            .stepWizard #class-location input,
            .stepWizard #class-location textarea,
            .stepWizard #class-location select{
                width:100%;}
/* ////////////////////////////// COMMENT MANAGER //// */
#comment-manager{
    }
    #comment-manager .pending a{
        color:#FF9900;}
    #comment-manager .approved a{
        color:#278B58;}
    #comment-manager .denied a{
        color:#F00;}
    #comment-manager .spammed a{
        color:#D74E7B;}
    #comment-manager .comment-group{
        margin-top:10px;
        padding:10px;
        border:1px solid #ddd;
        -moz-border-radius:3px;
        -webkit-border-radius:3px;
        border-radius:3px;}
        #comment-manager .comment-group .title{
            }
        #comment-manager .comment-group .comments{
            }
            #comment-manager .comment-group .comments .comment-item{
                margin-top:10px;
                margin-bottom:35px;}
                #comment-manager .comment-group .comments .comment-item.temp{
                    padding:10px;
                    border:1px solid #BF1B17;
                    -moz-border-radius:3px;
                    -webkit-border-radius:3px;
                    border-radius:3px;
                    background:#FFD0CF;}
                    #comment-manager .comment-group .comments .comment-item.temp .actions{
                        display:none;}
                #comment-manager .comment-group .comments .comment-item .comment{
                    width:auto;
                    padding-right:5px;
                    float:left;}
                    #comment-manager #pending.comment-group .comments .comment-item .comment{
                        width:250px;}


                    #comment-manager .comment-group .comments .comment-item.temp .comment{
                        width:auto;}
                    #comment-manager .comment-group .comments .comment-item .comment .posted{
                        margin:-15px 0 5px 0;
                        padding:0;
                        border-bottom:1px solid #ddd;
                        font-size:10px;
                        color:#888;}
                        #comment-manager .comment-group .comments .comment-item.temp .comment .posted{
                            margin:0 0 5px 0;
                            border-bottom:1px solid #BF1B17;
                            color:#BF1B17;}
                    #comment-manager .comment-group .comments .comment-item .comment .screenname{
                        margin:0;
                        padding:0;
                        font-weight:bold;
                        text-transform:uppercase;}
                    #comment-manager .comment-group .comments .comment-item .comment .content{
                        margin:0;
                        padding:0;}
                    #comment-manager .comment-group .comments .comment-item .comment .user{
                        margin:0 10px 0 0;
                        padding:1px;
                        border:1px solid #888;
                        -moz-border-radius:3px;
                        -webkit-border-radius:3px;
                        border-radius:3px;
                        float:left;}
                        #comment-manager .comment-group .comments .comment-item .comment .user .avatar{
                            width:50px;
                            margin:0 auto;
                            display:block;}
                #comment-manager .comment-group .comments .comment-item .actions{
                    padding:10px;
                    -moz-border-radius:3px;
                    -webkit-border-radius:3px;
                    border-radius:3px;
                    float:right;
                    background:#ddd;}
                    #comment-manager .comment-group .comments .comment-item .actions .deny{
                        clear:both;}
                    #comment-manager .comment-group .comments .comment-item .actions .approve{
                        margin-bottom:10px;
                        float:left;}
                    #comment-manager .comment-group .comments .comment-item.owned .actions .edit{
                        margin-bottom:10px;
                        float:left;}
/* ////////////////////////////// MISC //// */
.low-key{
    display:block;
    color:#aaa;}
label.required{color:red!important;}

.alert{
    width:180px;
    margin-bottom:10px;
    padding:2px;
    border:1px solid #BF1B17;
    -moz-border-radius:4px;
    background:#FFD0CF;
    font-weight:bold;
    color:#BF1B17;}
    .alert .ui-icon{
        margin-right:5px;
        display:block;
        float:left;}
.locationBadges{
    margin:20px 0;}
    .idCard{
        margin:10px 5px;
        padding:10px;
        border:1px solid #fff;
        -webkit-border-radius:5px;
        -moz-border-radius:5px;
        border-radius:5px;
        -webkit-box-shadow: 0 1px 5px 0 #888888;
        -moz-box-shadow:    0 1px 5px 0 #888888;
        box-shadow:         0 1px 5px 0 #888888;
        position:relative;}
        .idCard .ui-icon-close{
            position:absolute;
            top:2px;
            right:2px;
            cursor:pointer;}
        .idCard .check{
            float:left;}
        .idCard .details{
            margin-left:2px;
            padding-left:8px;
            float:left;
            border-left:2px dotted #ddd;}
            .idCard .details .cardTitle{
                display:block;
                font:bold 14px/1.5em Helvetica, Arial, sans-serif;}
            .idCard .details span{}
            .idCard .details .venue_name{
                font-weight:bold;}
                .idCard.final .details .venue_name{
                    font-weight:normal;}
            .idCard .details .venue_address{}
            .idCard .details .venue_address2{}
            .idCard .details .venue_city{}
            .idCard .details .venue_state{}
            .idCard .details .venue_zip{}
            .idCard .details .venue_phone{}
            .idCard .details .venue_email{}

/* Force the user admin to have a white background */
.app-user #blox-container {background: #fff;}


.user-skin-pane {
    -webkit-box-shadow: 0px 0px 2px 1px rgba(127, 127, 127, 0.1);
    box-shadow: 0px 0px 2px 1px rgba(127, 127, 127, 0.1);
    padding:10px;
    margin:10px 10px 30px 10px;
    background:#FFF;
}
.user-skin-pane.bottom { margin-bottom:10px; }
.user-skin-subpane {margin-bottom: 30px;}
.user-skin-subpane.last {margin-bottom: 0px;}

h1#user-skin-header {font:bold 24px/1.48em 'Source Sans Pro', Arial, sans-serif}
.user-skin-pane h1, .user-skin-pane h1 a {font:bold 24px/1.48em 'Source Sans Pro', Arial, sans-serif}
.user-skin-pane h2, .user-skin-pane h2 a {font: normal 24px/1.48em 'Source Sans Pro', Arial, sans-serif;border-bottom: 1px solid #F2F2F2;background: #F7F7F7;padding: 0 10px;margin: 0 0 10px;}
.user-skin-pane h3, .user-skin-pane h3 a {font:normal 18px/1.48em 'Source Sans Pro', Arial, sans-serif; padding:3px 0px !important;}
.user-skin-pane h4, .user-skin-pane h4 a {font:normal 16px/1.48em 'Source Sans Pro', Arial, sans-serif}
.user-skin-pane p,
.user-skin-pane a,
.user-skin-pane span,
.user-skin-pane label
    {font:normal 14px/1.48em 'Source Sans Pro', Arial, sans-serif}

.user-skin-pane input[type="text"] {width: 40%;margin-right: 5px;}
.user-skin-pane .form-button { color:#333; background: #CCC; border: 1px solid #BBB; border-radius:0px; font:font:normal 12px/1.48em Arial, sans-serif }

.user-skin-pane .message h1,
.user-skin-pane .message h2,
.user-skin-pane .message h3,
.user-skin-pane .message h4
{color:#FFF; background: none transparent;}

.user-skin-pane .message.warning h1,
.user-skin-pane .message.warning h2,
.user-skin-pane .message.warning h3,
.user-skin-pane .message.warning h4
{color:#131313; background: none transparent;}

.user-skin-pane .error {    background:#9A0F00 none; border:1px solid #4D0800; color: #FFF; border-left-width:5px; padding:10px;}
.user-skin-pane .warning {    background:#F3DC0F none; border:1px solid #B4A30B; color: #131313;  border-left-width:5px; padding:10px;}
.user-skin-pane .success {    background:#009A49 none; border:1px solid #004D25; color: #FFF; border-left-width:5px; padding:10px;}
.user-skin-pane .error-text { color:#9A0F00; }
.user-skin-pane .warning-text { color:#A7970A; }
.user-skin-pane .success-text { color:#009A49; }

.user-skin-pane .required {color:#E61600; border-bottom:1px dotted #E61600}
.user-skin-pane .required-white {color:#FFF; border-bottom: 1px dotted #FFF}


#linked-account-primary  .account-email { float:left;width: 55% }
#linked-account-primary  .account-status { float:left;width: 20% }
#linked-account-primary  .account-action { float:left;width: 25%;text-align:right }

#linked-account-secondary  .account-email { float:left;width: 75% }
#linked-account-secondary  .account-status { float:left;width: 25% }

.user-skin-pane .data-row { background: #FBFBFB; margin: 3px; padding: 3px; border:1px solid #F8F8F8; border-left-width:5px;}
.user-skin-pane .data-row-header { background #F9F9F9; margin: 3px; padding: 3px; }
.user-skin-pane .data-row.inactive, .user-skin-pane .data-row.inactive  a{ color:#CCC; }
.user-skin-pane .data-row.row-highlight { background:#DDD; }

.user-skin-pane label.inline { width: auto; float:left; margin-right:15px;    }

.user-skin-pane .data-row .date {display: inline;display: inline-block;float: right;font: 10px/25px "Source Sans Pro", Arial, sans-serif;}
.user-skin-pane .data-row strong { font-size:inherit !important; }
.user-skin-pane .data-row a.title {padding: 0 0 0 15px;max-width: 340px;display: inline;display: inline-block;}

.user-skin-business-edit .tabset a {
height: auto;
padding: 0 10px;
margin-right: 5px;
line-height: 1.48em;
overflow: visible;
display: block;
float: left;
border-bottom: inherit;
background: none #BBB;
background-position: 0 0;
font: normal 18px/1.48em 'Source Sans Pro', Arial, sans-serif;
color: #535c6f;
}

.user-skin-business-edit .tabset a span {
background-position: 0 0;
background: none transparent;
padding: 0;
margin: 0;
color: #333;
}
.user-skin-business-edit .tabset a.active {
background-position: 0 0;
border-bottom-color: inherit;
background-color: #131313;
background-image: none;
}
.user-skin-business-edit .tabset a.active span {
background: none transparent;
padding: 0;
margin: 0;
color:#FFF
}
.user-skin-business-edit h1 {font:bold 28px/1.48em 'Source Sans Pro', Arial, sans-serif}
.user-skin-business-edit .error {    background:#9A0F00 none; border:1px solid #4D0800; color: #FFF; border-left-width:5px; padding:10px;}
.user-skin-business-edit .warning {    background:#F3DC0F none; border:1px solid #B4A30B; color: #131313;  border-left-width:5px; padding:10px;}
.user-skin-business-edit .success {    background:#009A49 none; border:1px solid #004D25; color: #FFF; border-left-width:5px; padding:10px;}
.user-skin-business-edit .error-text { color:#9A0F00; }
.user-skin-business-edit .warning-text { color:#A7970A; }
.user-skin-business-edit .success-text { color:#009A49; }

.user-skin-preview { float:left; margin-right:10px; }
#user-business-nameplate { margin-bottom:10px; }
.user-skin-pane .icon { display:block;background-image: url("/components/core_base_user/resources/images/user_sprite.png"); width: 30px; height: 30px; }
.user-skin-pane .tncms-related-asset {border-bottom: 1px solid #F9F9F9;}
.user-skin-pane .show-hide { float:right; margin: 8px 10px 0 0; }
.user-skin-pane .user-button.delete {height: 11px;}
.user-skin-pane .data-row span.type {font: 10px/25px "Source Sans Pro", Arial, sans-serif;}
.stepWizard .user-skin-pane .asset-item .asset-title a {padding: 0% 2%;line-height: 30px;}
.stepWizard .user-skin-pane .asset-item.last {border: 1px solid #F8F8F8;border-left-width: 5px;background: #FbFbFb;}
.custom-property-pair { margin: 3% 0; border-bottom:none !important }
.custom-property-pair .webicon, .custom-property-pair .webicon:hover { margin: 0px 0.5% 2% 0 !important;  }

.user-skin-pane .button {padding: 1% 2%;background: #343434;margin: 0 2%;color: #FFF;}
.user-skin-pane .button:hover {background:#888;text-decoration:none;}

.user-skin-pane .grid_1 {width:10.5%; float:left;margin:0 1%; padding: 0}
.user-skin-pane .grid_2 {width:23%; float:left;margin:0 1%; padding: 0}
.user-skin-pane .grid_3 {width:35.5%; float:left;margin:0 1%; padding: 0}
.user-skin-pane .grid_4 {width:48%; float:left;margin:0 1%; padding: 0}
.user-skin-pane .grid_5 {width:60.5%; float:left;margin:0 1%; padding: 0}
.user-skin-pane .grid_6 {width:73%; float:left;margin:0 1%; padding: 0}
.user-skin-pane .grid_7 {width:85.5%; float:left;margin:0 1%; padding: 0}
.user-skin-pane .grid_8 {width:98%; float:left;margin:0 1%; padding: 0}
.user-skin-pane .grid-pull {float:left }
.user-skin-pane .grid-push {float:right }


#user-adowl .ui-button .text,
#user-classifieds .ui-button .text {
    color: #EEE;
}
#user-adowl .ui-button,
#user-classifieds .ui-button{
    background: #444;
}
.form-review-label {
    text-align: right;
}
.form-review-product-title {
    margin-top: 0;
}
.form-review-row {
    border-top: 1px solid #DDD;
    padding: 8px;
}
.form-review-row:nth-child(odd) {
    background: #F9F9F9;
}
.form-review-legend {
    margin-top: 25px;
    margin-bottom: 0;
    padding-bottom: 2px;
}
.form-review-row:first-child {
    border-top: none;
}
.form-review-fieldset {
    margin-bottom: 15px;
}
.form-review-row .row,
.column-left,
.column-right{
    -webkit-box-sizing:border-box;
    -moz-box-sizing:border-box;
    box-sizing:border-box;
}

.form-review-row .row{
    margin-left:-15px;
    margin-right:-15px;
}
.form-review-row .row:before,
.form-review-row .row:after{
    content:" ";
    display:table;
    clear:both;
}
.column-left{
    width:20%;
    float:left;
    padding:0 15px;
}
.column-right{
    width:80%;
    float:left;
    padding:0 15px;
}
.zabuto_calendar .event{
    margin:0;
    padding:0;
    border:none;
}