html, body, ul, ol, fieldset { padding:0; margin:0; border:none; }
footer { text-align:center; margin-top:10px; }
body > header { padding:30px calc(50% - 512px); }

main > section { padding:80px calc(50% - 512px);}
body > header, main > section { border-bottom:1px solid #9ca8b9; }


form { text-align:right; }
form > * { text-align: left; }

fieldset { border-right: 1px solid #AAAAAA;  padding:0 80px 0 50px; position:relative; max-width:310px; }
fieldset:before { border-left:1px solid #EFEFEF; content: ''; position:absolute; right:-2px; top:0; bottom:0;  }

.hidden { visibility: hidden; }

#logo { margin-left:77px; }


label { display:block; padding-left: 40px; background: no-repeat 9px 50%; }
label.signin-username { background-image :url('/images/username.png'); }
label.signin-password { background-image :url('/images/password.png'); }
label.signin-captcha { background-image :url('/images/captcha.png'); margin-top:10px; margin-bottom: 2px; }

.field { width: 80%; min-width:250px; }
.field { border: 1px solid #f7f7f7; outline:none; background-color: #FCFCFC; box-shadow: inset 0 0 4px #909090; }
.field.error { border-color: #dd5168; }
.field:focus { border-color: #6abaea; background-color: #FFFFFF; }

.button { margin: 25px 80px 10px 50px; display:inline-block; }

.button { background-color: #F56E10; box-shadow: inset 0 0 2px #ECAA7C, 0 0 1px #000; border-radius: 5px; border:none; outline:none; }
.button:hover { background-color: #E54F27; cursor:pointer; }
.button:disabled { background-color: #CECECE !important; box-shadow:0 0 2px #000 !important; color:#EEE !important; }

.signin-captcha-image { width:75%; height: 60px; margin-left: 40px; }
.signin-captcha-refresh { background-image: url("/images/refresh.png"); width:12px; height:12px; display:inline-block; vertical-align:top; margin:5px 10px; }
.signin-captcha-refresh:hover { background-position: -12px 0;}

#signin-form h3 { padding-left :37px; }
#signin-form h3 { color: #43494f; font-weight: 400; }

.error-container { min-height:40px; padding-left: 40px; background: url("/images/error.png") no-repeat 11px 9px; font: 0.9rem/1.4 Helvetica,serif; margin-top: 10px; }


.signin { background: #F7F7F8; color: #000000; white-space:nowrap; position:relative; overflow:hidden; }
.signin > * { white-space: normal; }
.signin:before { content:''; position:absolute; top:0; bottom:0; right:0; max-width: 1136px; width:calc(50% - 200px); background: url("/images/login.jpg") 0 0/auto 100% no-repeat}
#signin-form, #signin-carousel { display:inline-block; vertical-align:top;}

#signin-carousel { max-width: 550px; }
#signin-carousel .carousel-item { padding-top: 0; padding-right:0; padding-left:50px; min-height:410px; }
#signin-carousel .carousel-controls { left: auto; right:0; bottom:0; }
#signin-carousel .carousel-button { width:42px; height:42px; padding:5px; margin:0 10px; border-radius:50px; background:#39698E 50% 50%/65% 65% no-repeat; border:2px solid #39698E; }
#signin-carousel .carousel-button:hover { background-color: #5DA9D7; border-color:#5DA9D7; }
#signin-carousel .carousel-button.active { background-color: #5DA9D7; border-color:#39698E; }

#signin-carousel a { color: inherit; text-decoration: underline; }
#signin-carousel a:hover { text-decoration: none; }

#signin-company-btn { background-image: url("/images/company.png") !important; }
#signin-workplace-btn { background-image: url("/images/workplace.png") !important; }
#signin-team-btn { background-image: url("/images/team.png") !important; }