*  {box-sizing: border-box;}
.form-area { width: 660px; height: 400px; background: #eaeaea; margin-top: 30px;}
.form-headline {text-align: center; height: 60px; background: #ae284f; padding-top: 12px;}
.form-image { width: 260px; padding-top: 25px; float: left;}
.form-container {width: 390px; float: right;}

.clear{clear:both;}
.rounded-bottom{border-bottom-right-radius:1em;border-bottom-left-radius:1em;}
.narrow{width:38%;display:block;}
.half{width:48%;margin-right:2%;display:block;}
.wide{width:58%;display:block;}
.third{width:30.333333%;margin-right:3%;display:block;}
.half.right,.third.right{margin-right:0;}
.content{width:1024px;margin:0 auto;padding:1em 0;*zoom:1;color:white; position:relative;}
.content:before,.content:after{content:"";display:table;}.content:after{clear:both;} /*Clearfixed */
.left{float:left;}
.right{float:right;}
.row{margin-bottom:2em;}
.uppercase { text-transform: uppercase !important; }

.regform { position: relative; width: 390px; padding-top: 15px; }
.regform form { overflow: hidden; }
.regform .frame-container { display: block; width: 250%; }
.regform .frame { display: block; float: left; margin: 0; transition: margin 0.4s ease-in-out; margin: 0; width: 375px; padding: 6px;}
.regform #frame1.frame.hidden { margin-left:-390px;}
.regform hr.dotted { border: dotted #ccc; border-width: 2px 0 0 0; margin: 12px 0; width: 100%; height: 0; font-weight:bold;font-size:18px;}
.regform .button { background: transparent url(../images/success/form-background.png) no-repeat; border: none; box-shadow: none; display: block; font-size: 1.1em; height: 49px; line-height: 49px; margin: 10px auto 0; position: relative; text-transform: none; width: 256px; cursor: pointer; color: white; text-align: center; font-weight: bold;}

#frame2 .button { display:inline-block; }
#frame2 .submitbox a { font-family: "ProximaNova", Calibri, Helvetica, Arial, sans-serif; font-size: 12px; color: #1F86A5; cursor:pointer;}
#frame2 .submitbox p { margin-top: 10px; font-size: 12px;}

/* Registration Form Styling*/

 .regform section{display:block;width:92%;margin:0 auto 1.2em;overflow:visible;position:relative;}
  .regform section:before,.regform section:after{content:"";display:table;}
  .regform section:after{clear:both;}
  .regform section .text{box-shadow:inset 0px 1px 2px rgba(0, 0, 0, 0.2);background:#fff;border:1px solid #888888;width:95%;border-radius:3px;line-height:1.15em;font-size:16px;height:40px;padding:0.65em;color:#555;}
  .regform section .text.invalid{border:1px solid #bf202f;color:#bf202f;background:#FCF9CF !important;-moz-transition:background 0.4s ease;-webkit-transition:background 0.4s ease;-ms-transition:background 0.4s linear;}
  /*.regform section .text.valid{color:#222222;border:1px solid #8fb42c;background:url(../images/landing/valid.png) no-repeat 98% #ffffff;-moz-transition:background 0.4s ease;-webkit-transition:background 0.4s ease;-ms-transition:background 0.4s linear;}
  .regform section .text.valid[type=password] { background:url(../images/landing/lock-green.png) no-repeat 98% #fff; }*/
  .regform section .text:focus,.regform section .text:active,.regform section .text.invalid:focus,.regform section .text.invalid:active{color:#222222; box-shadow: inset 0px 1px 3px rgba(0, 0, 0, 0.4); }
  .regform section .text:hover,.regform section .text.invalid:hover{color:#888888;}
  .regform section .text.valid:hover{color:#222222;}
  .regform .text.woman { background: url('../images/ko/female-icon.png') no-repeat 97% bottom #fff;}
  .regform .text.man { background: url('../images/ko/male-icon.png') no-repeat 97% bottom #fff;}
  .regform section .placeholder{display:block;text-align:left;color:#222222;line-height:1.15em;font-size:1.15em;height:1.15em;padding:0.5em;}
  .regform section div.text{overflow:hidden;background:url(../images/so/updownarrow.png) no-repeat 98% center #ffffff;}
  .regform section .text select{margin-left:-2px;background:transparent;border:0;color:inherit ;font-size:inherit;width:125%;-webkit-appearance:none;-moz-appearance:none; -ms-appearance:none; appearance:none;outline:0;}
  .regform section .text select:active,.regform section .text select:focus{border:0;outline:0;color:#222222;}
  /*.regform section .half{width:50%;margin-right:-2px; padding:0;}
  .regform section .zip{width: 40%; margin-right: 7%;}*/
  .regform section .half .text { width: 90%;}
  .regform section.submitbox{text-align:center;}
  .regform section .tip{font-size:0.75em;color:#bf202f;height:1em;margin:2px 0 -1em 6px;font-weight:bold;display:block;clear:both;}
  .regform section .notice.tip{color:#125672;}
  .regform section .notice.tip a{border-bottom:1px dotted;}


.gender-overlay{height:auto!important;width:432px!important;background:#2F2F2F;text-align:center;margin:0 auto;padding:40px 45px 0;border-radius:.3em;border: 4px solid #C6C6C8;box-shadow:0px 0px 8px #222}
.gender-overlay button,.gender-overlay a{display:block;cursor:pointer;border:none;padding:4px;}
.gender-overlay .btn-confirm,.gender-overlay .btn-cancel{color:white;font-weight:bold;}
.gender-overlay .btn-confirm{background:#38889F; width: 272px; margin: 20px auto; font-size: 18px; padding: 8px 0px; height:36px;text-align: center;position: relative; overflow:visible;}
.gender-overlay .btn-confirm:after { content: ""; border: 18px solid transparent;border-left-color: #38889f; display:block; position:absolute;top:0;right:-36px;}
.gender-overlay .btn-cancel{ width: 24px; background:none; position:absolute;top: 20px; right: 30px; font-size: 20px;}
.gender-overlay h1, .gender-overlay h2{font-size:26px;color:#FAB023;margin:0;padding:0;text-align:center;}
.gender-overlay h1{font-size:36px; border-bottom:1px dotted white;padding:0 0 20px; margin-bottom: 20px;}
.gender-overlay p{font-size:18px; line-height: 18px; margin:0 0 30px; color:#fff;}
.ui-widget-overlay,.overlay{height:100%;width:100%;background:#fff;left:0;opacity:0.6;position:fixed;top:0;-ms-filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=50);filter:alpha(opacity=50);}