#step1 { padding-top: 50px; padding-bottom: 50px; }
#step1 input[type=text], #step1 input[type=password] { width: 280px !important; height: 17px !important;}
#step1 label { margin-top: 10px; margin-bottom: 5px; font-weight: bold; }
.button { background: #238dd1; color: white; border: 0; padding: 5px; cursor: pointer; }
.groupChooser { width: 330px; margin: auto; padding-bottom: 30px; }
.groupChooser select { width: 328px; }
#step1 #gender { width: 100px; }
#step1 #country { width: 230px; }
#step1 .button { float: right; }
#myPhotoWrapper { width: 510px; margin: auto; position: relative; }
#photoDiv { width: 200px; float: left; }
#photoWrapper { width: 200px; height: 200px; position: relative; overflow: hidden;  }
#photoWrapper img { }
#photoChooser { width: 300px; float: right; height: 120px; padding-top: 23px; }
#photoChooser h4 { margin-bottom: 9px; font-size: 14px; font-weight: bold; color: #999999; }

#photoChooserWrapper div { width: 50px; height: 50px; overflow: hidden; border: 3px solid transparent; position: relative; float: left; margin-left: 4px; cursor: pointer;}
#photoChooserWrapper div img {  }
#photoChooserWrapper div.selected { border: 3px solid #188eda; }
#myPhotoWrapper div.hr { clear: both; margin-top: 10px; }
#orUploader { width: 300px; float: right; text-align: center; font-size: 16px; color: #188eda }
.graySkipDiv { width: 300px; position: absolute; bottom: 9px; right: 0px; text-align: right }
.graySkipDiv a { text-decoration: none; font-size: 14px; }
.mailConfirmation { width: 830px; background: url('../images/envelope.png') no-repeat 0% 20%; padding-left: 100px; }
.mailConfirmation h2 { margin-bottom: 0px; padding-bottom: 0px; font-weight: bold; font-size: 24px; }
.mailConfirmation p { margin-bottom: 4px; margin-top: 4px; font-size: 12px; }
.mailConfirmation p a { font-size: 12px; }

.mailConfirmation .infoSmall { text-align: right; font-size: 12px; }

#niceCheckboxes {width:320px;}

#step1 textarea { width: 570px; }

/** warning przy polu */
.requiredWarningMessage { width: 270px; position: absolute; background: url('../images/warning_start.png') no-repeat 0% 0%; padding-left: 9px; height: 29px;}
.requiredWarningMessage div { font-size: 11px; width: 268px; border: 1px solid #cccccc; border-left: 0px; height: 21px; line-height: 21px; padding-left: 5px; color: red; padding: 3px; background: white; }
input.requiredWarning { border: 1px solid red !important; }
#step1 input.requiredWarning { border: 1px solid red !important; }
.requiredWarning .select { border: 1px solid red !important; }

/** WAŻNE **/
.ui-datepicker-year { width: 62px !important; }
div.ui-datepicker-title { width: auto !important; }
#step1 input.datepicker { width: 98px !important; background: white url('../images/calendar.png') no-repeat 100% 50% !important; }
.datepicker { width: 130px; background: white url('../images/calendar.png') no-repeat 90% 50%; }

#termsLabel #terms { vertical-align: top; }
#termsLabel a { vertical-align: top; }