/* --------------------------------------------------------------
  * File: bm.form.css
  * Description: Styles for forms
  * Project: http://www.brainsmatch.com
  * Author: Nataly R. Koot

--------------------------------------------------------------- */

form {
  margin:0;
  padding:5px 10px 5px 20px;
  color: #333333;
  text-align: left;
}

form h1 {
  color:#cc3333;
  font-size:1.1em;
  margin: 0;
  padding: .8em 0;
}

form em {                /* simbol '*' for required elements */
  color:#CC0000;
  font-size:1.1em;
  font-weight: bold;
}
label em{
  /*display: block;
  left:auto;
  position:absolute;
  right:0;*/
  float: right;
   margin: 2px 0 0 5px;
}
.formHint {
  font-size: .8em;
  color: #82878C;
  font-style:italic;
  font-weight:normal;
  float: left;
  padding: 0 5px;
}
form label, form .label {
  float:left;
  font-weight:bold;
  width:40%;
  /*position: relative;*/
  padding:0;
}
textarea:focus, input:focus{
  outline:none;
}
/*label.ManageOther {
  width: 45%;
} */
div#viewMainProfile div.blockLabel h4  {
  /*display: block;*/
  float: none;
  width: auto;
  padding: 0;
}
form div.blockLabel label {
 /* float: none;*/
  width: auto;
  padding: 0;
}
form div.blockLabel textarea, form div.blockLabel input {
  clear: both;
  color: #333333;
}
div#addinterviewPopup input, div#demandPopup input {
  width: 57%;
}
div#addinterviewPopup input.simplemodal-apply, div#demandPopup input.simplemodal-apply {
  width: auto;
}
div.blockLabel span.formHint {
  /*width: 50%;*/
  float: none;
}
form div.blockLabel em {
  /*left:0;
  right:auto;*/
  float:left;
  margin:0 5px 0 0;

}
#phoneInputDiv {
  padding-bottom: 0;
}
#phoneInputDiv input {
  float:none;
}
#phoneHint {
  clear: both;
  padding: 0 0 .3em 43%;
  width: 95%;
  overflow: hidden;
}
#tagsContainer #phoneHint {
  padding: 0 0 0.3em 32%;
  width: 100%;
}
#phoneHint div {
  float: left;
  font-size: 9px;
  color: #999999;
  text-align: center;
}
input, select, .registrationForm .select {
  width: 45%;
  border: 1px solid #cccccc;
  float: left;
}
input#Candidate_Avatar {
  float: none;
  margin:0 0 10px 10px;
}
.registrationForm .select {
  border: 0;
  padding: 0;
}
textarea {
  border: 1px solid #cccccc;
  width: 85%;
  display: block;
}
form.tags textarea {  width: 97%; }
input.checkBox {
  width: auto;
  height: auto;
  margin: .2em 10px 0 0;
  padding: 0;
  border: none;
  float: left;
}

div.checkBox label {
  width: auto;
  font-weight: normal;
}
input.confirm, a.confirm {
  background-color:#3399CC;
  color:#FFFFFF;
  padding:3px;
  border:medium none;
  width:auto;
}
input.loginButton {    /* red text without borders */
  border: none;
  background-color: transparent;
  color: #dc3d3d;
  font-size: 1em;
  font-weight: bold;
  text-align: center;
  width: auto;
  padding:0;
}
input.button,  a.button {    /* blue border,  black text */
  background-color: #FFFFFF;
  text-align: center;
  border: 1px solid #6699cc;
  color: #82878C;
  width: auto;
  padding: 3px;
}
/* link Forward, Back, See all etc. */
.buttonHolder input, .buttonHolderTop input {
  font-size: .9em;
  padding: 0;
  margin: 5px;
  text-align: center;
  border: none;
  color: #82878C;
  background-color: transparent;
  font-weight: bold;
  width: auto;
  float: none;
  cursor: pointer;
}
.buttonHolder input.reset, .buttonHolderTop input.reset {               /* red bg */
  background-color: #cc0000;
  color: #FFFFFF;
  padding: 3px;
}
.buttonHolder input.confirm, .buttonHolderTop input.confirm {              /* blue bg */
  background-color: #3399cc;
  color: #FFFFFF;
  padding: 3px;
}
.buttonHolder input.disabled, .buttonHolderTop input.disabled,  a.disabled {
  cursor:default;
  background-color: #cccccc;
  padding:3px;
  height:auto;
}
#tagsContainer a.confirm, a.disabled {
  color: #ffffff;
  font-weight: bold;
  font-size: 0.9em;
  margin: 0 0 0 3px;
}
#authCode {
  float: none;
    /*width: 54%;*/
}
#checkCodeButton {
 /* float: left;*/
}
#tagsContainer .disabled:hover {
  background-color: #cccccc;
}
#successPhoneNumber span {
    float: left;
    font-size: 0.9em;
    font-weight: bold;
    padding: 0;
    width: 30%;
    color: #3399cc;
}
#successPhoneNumber #phoneNumber {
  float: left;
  margin: 0 0.5em 0 0;
}
/* errors */
#errorSummary {         /* list of errors */
  background-color:#ffdfdf;
  border: #cc3333 solid;
  border-width: 1px 0;
  margin: 1em 0;
  padding: 1em;
}
#errorSummary h3 {
  color:#cc0000;
  font-size:1em;
  font-weight:bold;
  margin:0 0 0.5em;
}
#errorSummary ol, #errorSummary ul {
  margin:.5em;
  padding:0;
}
#errorSummary ol li, #errorSummary ul li {
  border-bottom:1px dotted #DF7D7D;
  list-style-position:inside;
  margin:0;
  padding:2px;
  position:relative;
}
div.error {
  background-color: #ffdfdf;
  border:#cc3333 solid;
  border-width: 1px 0;
  padding: 0 0 1em 0;
  overflow: hidden;
}
.errorField {
  background-color:#ffbfbf;
  color:#cc3333;
  margin:0 0 6px;
  padding:5px;
}
.error label {
 /*padding: 0 0 0 1em;*/
}
/* success */
#successMsg {
  background:#C8FFBF none repeat scroll 0 0;
  border:#006600 solid;
  border-width:1px 0;
  margin: 1em 0;
  padding: 5px;
  color: #006600;
  font-weight: bold;
}


/* Login Form in Header */
#header input.login {
  border: 1px solid #999999;
  background-color: #ffffcc;
  width: 120px;
}
#header input.loginButton {
  margin: 1.5em 0 0 0;
  padding: 0 0 0 10px;
  background: url(/images/marker-red-triangle.png) no-repeat left;
}

/* Login Form in Left Block */
#left form {
  color: #363636;
  font-size: .8em;
  text-align: left;
  padding: 70px 0 20px 27px;
 /* overflow: hidden;*/
}
#left form label {
 width: 60%;
 display: block;
}
#left form input {
  width: 80%;
  /*text-shadow: -1px -1px 2px white, 1px 1px 2px white, -1px 1px 2px white,1px -1px 2px white;*/
}
#left form div.checkBox {
  clear:both;
  margin:0;
  overflow:hidden;
  padding: .5em 0 0 .2em;
  width:80%;
  color: #666666;
}
#left form input.checkBox {
  /*clear:both;*/
  float:left;
  width:auto;
}
#left form div.checkBox label {
  width: auto;
  padding: .1em 0 0;
}
#left form a {
  /*clear: left;*/
  /*display: block;*/
  font-size: .9em;
  float: left;
  margin: .5em 0 0 .2em;
  padding: 0 .5em 0 0;
}
#left a.regButton {
  /*border-left:1px solid #C2C2C2;*/
  /*border-bottom:1px dashed;*/
  padding: 0;
  margin:0.5em .3em .5em .5em;
  text-transform: uppercase;
  text-decoration: none;
    color: #CC3333;
    font-size: 1.1em;
    font-weight: bold;
}
#left input.loginButton, #content form.loginForm input.loginButton {
  clear: left;
  margin: 5px 5px 0 0;
  color: #ffffff;
  background-color: #3399cc;
  font-size: .9em;
  text-align: left;
  width: auto;
  padding: 3px 5px;
  cursor: pointer;
  text-align: center;
}
#content form.loginForm input.loginButton {
  clear: left;
  margin-left: 38%;
  /*border: 1px solid #6699cc;
  background: #FFFFFF;
  padding: 0 1em;*/
  font-size: .75em;
  width: auto;
}
#left input.regButton {
  border: none;
  color: #dc3d3d;
  background: transparent;
  font-weight: bold;
  text-align: left;
  font-size: .9em;
  margin: 5px 0 0 0;
  padding: 0;
  width: auto;
  cursor: pointer;
}

/* Login form in Central Block  */
#content form.loginForm, div#modelAccordion form.loginForm {
  color: #666666;
  font-size: 1em;
  padding:2em 20% 0 20%;
  width:50%;
  overflow: hidden;
}
div#modelAccordion form.loginForm {
  padding:2em 20% 0 0;
  width: 80%;
}
#content form.loginForm div.loginBlock, div#modelAccordion form.loginForm  div.loginBlock {
  padding: 1em 0 1em 1.5em;
  width: auto;
  background: #E7E8EA;
  border: 1px solid #D6D8DB;
  overflow: hidden;
}
div.loginHint {
  background:#E7E8EA none repeat scroll 0 0;
  border:1px solid #D6D8DB;
  overflow:hidden;
  margin: 10px 2em;
  padding:1em;
  text-align:center;
}
#content form.loginForm div.ctrlHolder, div#modelAccordion form.loginForm div.ctrlHolder {
  background:transparent none repeat scroll 0 0;
  clear: both;
  margin: .5em 0;
  padding: 0;
  width: auto;
  overflow: hidden;
}
#content form.loginForm #errorSummary, div#modelAccordion form.loginForm #errorSummary {         /* list of errors */
  margin: 1em 0;
  padding: 1.5em;
  width: auto;
}
#content form.loginForm div.error, div#modelAccordion form.loginForm div.error {
  background-color:#FFDFDF;
  margin-right:1em;
}
#content form.loginForm h1, div#modelAccordion form.loginForm h1 {
  margin:0;
  padding: 0 0 1.5em 0;
}
form.loginForm label.required {
  display: inline;
  width: 20%;
  color: #82878C;
}
#content form.loginForm label, div#modelAccordion form.loginForm label {
 width:35%;
 padding: 0 0 0 .5em;
}

form.loginForm div.error label.required {
  padding: 0 0 0 .5em;
}
#content form.loginForm input, div#modelAccordion form.loginForm input {
  width: 50%;
  /*display: block;*/
  margin: 0 0 10px 0;
}
#content form.loginForm div.loginBlock  a, div#modelAccordion form.loginForm a {
  clear: both;
  color:#666666;
  display: block;
  font-size:0.75em;
  font-weight:bold;
  text-decoration:underline;
  margin: 0 0 5px 38%;
}
#content form.loginForm div.loginBlock  a.regButton, div#modelAccordion form.loginForm a.regButton {
  clear: none;
  display: inline;
  border-left:1px solid #C2C2C2;
  padding: 0 .5em;
  margin:0.7em .3em;
  text-transform: uppercase;
  float:left;
}
#content form.loginForm div.checkBox label, div#modelAccordion form.loginForm div.checkBox label {
  width:auto;
  font-size: .9em;
}
#content form.loginForm input.checkBox, div#modelAccordion form.loginForm  input.checkBox {
  clear: left;
  float: left;
  width: auto;
  margin: .1em .5em 0 38%;
}
#content form.loginForm p, div#modelAccordion form.loginForm p {
  font-size: .8em;
  padding: 0;
}
#content form.loginForm p.passSecure, div#modelAccordion form.loginForm p.passSecure {
  display: none;
}


/* registration Form */
.registrationForm {
  padding: 0 1em 1em;
}
form.registrationForm h2 {
  color: #3399CC;
  font-weight: bold;
  font-size: 1em;
  background:#E7E8EA none repeat scroll 0 0;
  padding: .1em .3em;
  margin: .5em .6em 0 0;
}
.verify {
  margin: 0;
  float: left;
}
.verify img {
  display: block;
  border: 1px solid #cccccc;
}
.verify div {
  text-align: left;
  clear: left;
  float: left;
}
.verify a {
  margin: 10px 0;
}
div.verify input {
  float: left;
  margin: 0 10px 5px 0;
  width: 200px;
}