/* -- business profile --*/

/* import styles */

/*@import "/css/wby_reset.css";*/
@import "/css/default.css";
@import "/css/layout.css";
@import "/css/styles_forms.css";
@import "/css/styles_contacts-block.css";
@import "/css/styles_recs.css";
@import "/css/styles_email_services.css";
@import "/css/styles_headers.css";


/* -- Layout -- */
ol.su-progress{margin:0 0 10px 0;}



#su-sidebar .sidebar-content{
    margin: 20px 10px 10px 10px;
}



/* -- styles -- */

#su-page{
    color:#999;
    }
#sign-up-form label{
    float: left;
    width:130px;
    }
#sign-up-form input{
    float: left;
    width: 310px;
    }
#sign-up-form select {
	float: left;
    width: 318px;
    padding:1px 0px;
}

/* -- Styles Sidebar -- */

#su-page h1, #su-page h2{
    font-size: 30px;
    }
.su-progress li{
    font-size:18px;
    font-weight: bold;
    color: #ccc;
    }
.su-progress li span{
    font-size:24px;
    font-weight: bold;
    }
.su-active{
    color:#99cc33 !important;
    }
.su-complete{
    color:#e6f4c7 !important;
    }

#su-login{
    padding:10px 0 5px 0;
    display:none;
    }

#su-login label{font-size:14px;}

#su-login .text input{width: 190px;}

#su-login .checkbox input{
    margin:0 10px 0 0;
    position: relative;
    top:2px;
}
#su-login .submit input{
    margin:
}
#facebook-text{
    padding:5px 0;
}


/* -- Styles Main Content-- */

.su-content{
    background:#fff;
    border:1px solid #ccc;
    padding:10px;
}

#su-page h1{
    color:#99cc33;
    overflow: hidden;
    height:auto;
    }
.su-main-content{
    padding:20px;
    background-color: #f5faea;
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    position: relative;
    z-index:0;
    width:auto;
}
#sign-up-form ol{
    padding:10px 0 0 0;
}
#sign-up-form li{
    clear:both;
    padding:0 0 15px 0;
    overflow: hidden;
}

.legal-notice div{
    float: left;
    width:345px;
    margin: 0 10px 0 0;
}




/* Step 1 */

#sign-up-form{
    margin: 0 0 0 40px;
    position: relative;
    height: auto;
    width:auto;
    }
#sign-up-form form ul{
    position: relative;
    height: auto;
    }

/* -- Contacts-- */

#su-main-contacts .next-btn{
    width:480px;
    border-bottom:1px solid #ccc;
    border-left:1px solid #ccc;
    border-right:1px solid #ccc;
    padding:10px 10px 10px 0;
}

/* Step 4 */

#profile-user-photo {
    padding:10px;
    text-align:center;
    width:100%;
    }
.edit-photo-container {
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    border:2px dotted #CCCCCC;
    margin:0 0 8px;
    padding:25px;
    }
#profile-user-photo label, #profile-user-photo h3 {
    color:#333333;
    font-size:18px;
    font-weight:bold;
    padding: 0 0 5px 0;
    }
#profile-user-photo .cancel {
    padding:0 0 0 10px;
}

/* Step 4a */

#crop-left{
    width:300px;
    float: left;
    }
    #edit-image{
        width:290px;
        height:300px;
        background: #f1f1f1;
        margin: 10px 0px 0px 0px;
    }
    #crop-btn{
        text-align: right;
        margin: 10px 10px;
    }


#crop-right{
    width:170px;
    float: left;
}
#current-profile-pic, #crop-right p{
    margin:0 0px 10px 20px;
    text-align: center

}
#crop-image .next-btn{
    border-top:1px dotted #ccc;
    padding:10px 10px 0 0;
}

/* Recommend */
#su-recommend input, #su-recommend textarea{
    width:470px;
    color: #333;
    font-size: 18px;
    font-weight: normal;
}


#add-info {
background:transparent url(../images/add-info.png) no-repeat scroll left center;
color:#99CC33;
font-size:18px;
font-weight:bold;
padding:0 0 0 20px;
}
#business_form_add_info{
    display: none;
}
.user-message{
    padding:0 0 10px 0;
}