/*****************************************************************

	comenziforever.ro
	Form elements (struct and layout)

	Created by the lovely ladies and awesome gentleman from Hyperactive
	http://www.hyperactive.ro | office@hyperactive.ro

*****************************************************************/

/*****************************************************************
begin button classes
*****************************************************************/
button, button span, button em, button b, button i {
    cursor: pointer;
}
button em {
    font-style: normal;
}
button::-moz-focus-inner {
    border: none;
    padding: 0;
    margin: 0;
}
button.button {
    background: transparent;
    border: none;
    display: block;
    float: left;
    overflow: visible;
    padding: 0;
    width: auto;
}
button.button em, button.button em b, button.button i.ui {
    background: url(../images/ui-blocks.png) 0 0 no-repeat;
    color: #fff;
    display: block;
    float: left;
    font: normal 11px/23px Arial, sans-serif;
    height: 23px;
    white-space: nowrap;
}
button.button em {
    background-position: left -162px;
    padding: 0 0 0 6px;
}
button.button em b {
    background-position: right -162px;
    padding: 0 11px 0 5px;
}
button.button em b i.ui {
    background: url(../images/ui-images.png) 0 0 no-repeat;
}
button.button:hover em b {
    color: #C2D040;
}
button._button em {
    background-position: left -185px;
}
button._button em b {
    background-position: right -185px;
}
button.submit em {
    background-position: left -208px;
    height: 28px;
    padding: 0 0 0 8px;
}
button.submit em b {
    background-position: right -208px;
    height: 28px;
    font: bold 13px/28px Arial, sans-serif;
    padding: 0 16px 0 8px;
}
button.submit em b i.ui {
    height: 28px;
    font: bold 13px/28px Arial, sans-serif;
}
button.submit:hover em b,
button.submit:hover em b i.ui {
    color: #485412;
}
button._submit em {
    background-position: left -236px;
}
button._submit em b {
    background-position: right -236px;
}
button.__submit em {
    background-position: left -290px;
}
button.__submit em b {
    background-position: right -290px;
}
button.update em {
    background-position: left -264px;
    height: 26px;
}
button.update em b {
    background-position: right -264px;
    height: 26px;
    font: normal 11px/26px Arial, sans-serif;
}
button.update em b i.ui {
    height: 26px;
    font: normal 11px/26px Arial, sans-serif;
}
button.update:hover em b i.ui {
    color: #C2D040;
}
button.open em {
    background: url(../images/ui-images.png) -1px -49px no-repeat;
}
button.action {
    border: 0;
    display: block;
    height: 31px;
    padding: 0;
    position: absolute;
    right: 0;
    top: 0;
    width: 31px;
}
button.action span {
    display: none;
}
#search-button {
    background-position: -31px -172px;
}
#newsletter-button {
    background-position: 0 -172px;
}
form#search button.change {
    background-position: -93px -172px;
}
form#newsletter button.change {
    background-position: -62px -172px;
}
/*****************************************************************
begin input classes
*****************************************************************/
input.text, input.radio, input.checkbox {
    padding: 0;
    margin: 0;
    vertical-align: middle;
}
span.input, input.text, input.action, button.action {
    background: url(../images/ui-forms.gif) 0 0 no-repeat;
}
span.input {
    background-position: left -93px;
    display: block;
    float: left;
    height: 26px;
    padding: 0 0 0 6px;
}
span._input {
    background-position: left -119px;
}
span.__input {
    background-position: left -145px;
}
input.text {
    background-color: #fff;
    background-position: right -93px;
    border: none;
    color: #787A6A;
    display:block;
    font: normal 11px Tahoma;
    padding: 7px 10px 6px 4px;
    width: 213px;
}
input._text {
    background-position: right -119px;
}
input.__text {
    background-position: right -145px;
}
@media screen and (-webkit-min-device-pixel-ratio:0) {
    input.text {
        margin: 0 0 0 0;
    }
}
input.action {
    background-position: 0 -62px;
    border: none;
    color: #636C38;
    font: normal 11px Tahoma;
    padding: 9px 40px 9px 10px;
    width: 249px;
}
input.operation {
    border: 1px solid #D3D5D6;
    border-top: 1px solid #6D6F70;
    padding: 2px 3px;
    margin: 0 5px 0 0;
    text-align: right;
}
/*****************************************************************
begin other form elements and styles (de facut ordine si aici)
*****************************************************************/
textarea {
    background: #fff;
    border: 1px solid #B2C132;
    color: #787A6A;
    font: normal 11px/14px Tahoma;
    height: 58px;
    padding: 6px;
    width: 186px;
}
div.textarea {
    background: #fff;
    border: 1px solid #B1C030;
    color: #787A6A;
    font: normal 11px/14px Tahoma;
    height: 151px;
    overflow: auto;
    padding: 5px;
    width: 511px;
}
div.textarea p {
    color: #787A6A !important;
    font: normal 11px/14px Tahoma !important;
}

select {
    color: #787A6A;
    padding: 2px 3px;
    width: 233px;
}
select#nav-category {
    height: 31px;
    width: 288px;
}
li#cui select {
    margin: 0 5px 0 0;
    width: 50px;
}
li#cui input.text {
    width: 158px;
}
div#billing-info select, div#payment-info select {
    width: 292px;
}
div#biling-address ul.step {
    margin: 0;
}
div#biling-address select {
    width: 198px;
}
form.wishlist input[type="checkbox"] {
    cursor: pointer;
}
/*****************************************************************
begin form list elements and structure
*****************************************************************/
ul.step {
    margin: 16px 0 18px 0;
}
ul.step li {
    margin: 0 0 10px 0;
}
ul.step li label {
    color: #787A6A;
    float: left;
    font: normal 11px Tahoma;
    display: block;
    height: 26px;
    line-height: 25px;
    margin: 0 4px 0 0;
    text-align: right;
    width: 90px;
    white-space: nowrap;
}
label.inline {
    float: none !important;
    display: inline !important;
    height: auto !important;
    margin: 0 !important;
}
ul.step li label.reg-type {
    width: 69px;
}
ul.reg-type {
    margin: 15px 0 18px 0;
}
ul.step li label.small-input {
    color: #626B36;
    float: none;
    height: auto;
    line-height: 11px;
    text-align: left;
    margin: 2px 0 3px 0;
    width: auto;
}
ul.step li label.acc {
    line-height: 14px;
    margin: -1px 0 0 0;
    white-space: normal;
}
#user-register p.reg-type {
    width: 530px !important;
}
#user-profile input.text {
    position: relative;
    z-index: 0;
}
ul.step li p.small-input {
    margin: 0 0 0 8px;
    width: auto !important;
}
div.register-wrap h3 {
    background: url(../images/corner-header-register.gif) bottom left no-repeat;
    color: #fff;
    font: bold 12px Arial, sans-serif;
    height: 26px;
    left: -23px;
    line-height: 26px;
    padding: 0 0 2px 0;
    position: relative;
}
div.register-wrap h3 span {
    background: url(../images/bg-header-register.gif) 0 0 repeat;
    display: block;
    padding: 0 0 0 117px;
    width: 256px;

}
div.register ul.step-line {
    border-top: 1px dotted #D4D4D4;
    margin: 10px 0 8px -20px;
    padding: 18px 20px 0 20px;
    width: 330px;
}
div.register ul.step-line li {
    margin: 0 0 5px 0;
}
div.already-registered input.text {
    width: 217px;
}
span.required {
    clear: left;
    color: #c00;
    display: block;
    line-height: 1.5;
    margin: 0 0 0 100px;
    width:219px;
}
div.finalize-wrap ul.step li {
    width: 304px;
}
div.finalize-wrap ul.step li p.small-input {
    width: 270px !important;
}
/*****************************************************************
begin register page
*****************************************************************/
div#user-login h2.col {
    padding: 10px 0 !important;
    width: 315px;
}
div#user-login h2.last {
    padding: 10px 0 10px 13px !important;
    width: 285px;
}
div#user-login div.col {
    border-right: 1px dotted #9FAF8B;
    width: 290px;
}
div#user-login div.col input.text {
    width: 223px;
}
div#user-login div.col p {
    margin: 0 0 14px 0;
}
div#user-login #login, div#user-login #recover-password {
    margin: 0 20px 0 0;
    padding: 0 19px 0 0;
}
div#user-login #login p {
    margin: 0;
}
div#user-login .col label {
    width: 40px;
}
div#user-login .col label.small-input {
    width: auto;
}
label#new_pass_confirm {
    line-height: 1.2;
}
form#register_form h3 a {
    background: #F0F2ED;
    display: block;
    padding: 5px 0 5px 100px;
    margin: 0 0 10px 0;
    text-decoration: none;
}
form#register_form_auth ul.step li.clear a.right {
    margin: 0 12px 0 0;
}
input#postal_code {
    width: 120px;
}
ul.step li a.postal {
    line-height: 26px;
    margin: 0 0 0 10px;
}