.yform { width: 640px; padding-top: 5px; padding-bottom:0px; color: #111; background: #ebecee; border-radius: 4px; }
.yform {box-shadow: 0 0 0 1px rgba(0,0,0,.15); border-radius: 4px;}
.ywrapper {width: 380px; margin: 0 5px;}

.ypics {width: 120px; font-size: 0}
   .ypics img {display: block; margin-top: 0px; margin-bottom:4px; padding-left:2px;}
   .ypics > img:first-child {margin-top: 4px;}

.ycatcher {width: 600px;}
.ycatcher .ypics {width: 100px;}

.yform-mini {width: 600px;}
.yform-mini .ypics {width: 100px;}
.yform-mini .ypics img {margin-top: 13px;}
.yform-mini .ypics > img:first-child {margin-top: 0;}


.left {
	margin-left:5px;
}
.right {
	margin-right:5px;
}
.ytitle { padding: 14px 20px; font-size: 24px; background: #59c4be; color: #fff;  font-weight: bold; text-align: center}
.ybody { padding: 20px; }
   .ycatcher .ybody {padding-bottom: 0;}
   .yform-mini .ybody {padding-bottom: 0;}


.yform-line { margin-bottom: 6px;}
.ymulti-input {}
.ycheckbox {  font-size: 11px}

.ysubmit {}
.ysubmit button { min-width: 50%; background: #f3775d; font-size: 18px; border-radius: 8px;}

#forgay {}

.yform-line label {width: 40%; }
.yform-line input[type="text"], 
   .yform-line input[type="email"], 
   .yform-line input[type="password"], 
   .yform-line input[type="number"], 
   .yform-line textarea,
   .yform-line select {width: 60%}


.yform-line input[type="text"]:focus, 
   .yform-line input[type="email"]:focus, 
   .yform-line input[type="password"]:focus, 
   .yform-line input[type="number"]:focus, 
   .yform-line textarea:focus,
   .yform-line select:focus { 
            border-color: #f3775d; box-shadow: 0 0 3px 0px #f3775d;
            }




.yform-line .check-custom-wrap span {width: 32px; display: inline-block;}
.yform-line .check-custom-wrap .check-element {display: block; width: 100%; text-align: left}
.yform-line .check-custom-wrap ins {display: inline-block; background: none; padding-right: 20px; line-height: 32px; font-weight: bold;}
.yform-line .check-custom-wrap label:hover ins {opacity: .6}

.yform-line .check-custom-wrap input[type="radio"] + label {display: auto}
.yform-line .check-custom-wrap input[type="radio"] + label.gender-male span {background-position:left top;}
.yform-line .check-custom-wrap input[type="radio"] + label.gender-female span {background-position:center top;}
.yform-line .check-custom-wrap input[type="radio"] + label.gender-couple span {background-position:right top;}


.yform-line .check-custom-wrap input[type="radio"]:checked  + label.gender-male span {background-position:left bottom;}
.yform-line .check-custom-wrap input[type="radio"]:checked  + label.gender-female span {background-position:center bottom;}
.yform-line .check-custom-wrap input[type="radio"]:checked  + label.gender-couple span {background-position:right bottom;}

.yform-line .check-custom-wrap input[type="radio"]:checked + label ins {color: #fff;}

.check-custom-cols {border-bottom: none;  margin-bottom: 0;}
.check-custom-cols .yform-line {background: #fff; padding: 10px 10px 10px 10px; width: 50%; border:1px solid #ccc; border-radius: 0 4px 4px 0}
.check-custom-cols .yform-line:first-child {margin-right: -1px; border-radius: 4px 0 0 4px}
.check-custom-cols .yform-line:hover label {opacity: 1; }
.check-custom-cols h4 {font-weight: bold; color: #59c4be}
.yform-line .check-custom-wrap input[type="radio"] + label.gender-male,
.yform-line .check-custom-wrap input[type="radio"] + label.gender-female,
.yform-line .check-custom-wrap input[type="radio"] + label.gender-couple  { border-radius: 3px; padding: 3px; display: block; width: 100% }


.yform-line .check-custom-wrap input[type="radio"]:checked  + label.gender-male,
.yform-line .check-custom-wrap input[type="radio"]:checked  + label.gender-female,
.yform-line .check-custom-wrap input[type="radio"]:checked  + label.gender-couple {background-color:#f3775d; }


.ycatcher {width: 700px;}
   .ypics img {display:inline; margin-top: 0px; margin-bottom:5px; padding-left:0px;}
   .ypics > img:first-child {margin-top: 0px}

.ytitle { padding: 3px 0; font-size: 20px;}
.yform-line {margin:0 auto 8px auto; width:92%;}
.ybody { padding: 0 20px; }
.ycatcher .ypics {width:auto;}

.ytitle {
    background: none repeat scroll 0 0 #59c4be;
    color: #fff;
    font-size: 24px;
    font-weight: bold;
    padding: 5px 0;
    text-align: center;
}

.ycatcher .yform-line input[type="text"], .ycatcher .yform-line input[type="email"] {
    padding: 7px;
    text-align: center;
    width: 100%;
}

.ysubmit button {
    border: 0 none;
    border-radius: 4px;
    color: #fff;
    display: inline-block;
    font-weight: bold;
    overflow: visible;
    padding: 7px 60px;
    transition: all 0.15s ease 0s;
    width: auto;
}