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;
}
.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 10px 0 0;
}
label.ManageOther {
  width: 45%;
}
div#viewMainProfile div.blockLabel h4  {
  /*display: block;*/
  float: none;
  width: auto;
  padding: 0;
}
form div.blockLabel label {
  width: auto;
  padding: 0;
}
form div.blockLabel textarea, form div.blockLabel input {
  clear: both;
}
div#viewMainProfile div.blockLabel p, div#addinterviewPopup div.blockLabel textarea,
div#demandPopup div.blockLabel textarea, div#DenyPopup textarea {
  margin: 0;
  width: 100%;
}
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 label.required {
  padding: 0 0 0 15px;
}
form div.blockLabel em {
  left:0;
  right:auto;

}
input, select {
  width: 45%;
  border: 1px solid #6699cc;
  float: left;
}
textarea {
  border: 1px solid #6699cc;
  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.detailsPsychoInfo input.inversion {
  float: right;
  width: auto;
  height: auto;
  margin: .2em 30px 0 0;
  padding: 0;
  border: none;
}
input.range {
  float:left;
  width: 15%;
}
div.checkBox label {
  width: auto;
  font-weight: normal;
}
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 {
  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 {               /* red bg */
  background-color: #cc0000;
  color: #FFFFFF;
  padding: 3px;
}
.buttonHolder input.confirm {              /* blue bg */
  background-color: #3399cc;
  color: #FFFFFF;
  padding: 3px;
}

/* 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: 0.2em 0;
  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;
  padding: 0 0 0 .2em;
}
#left input.loginButton {
  clear: left;
  margin: 5px 5px 0 0;
  color: #3399cc;
  font-size: .9em;
  text-align: left;
  width: auto;
  padding: 0;
  cursor: pointer;
}
#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 {
  color: #363636;
  font-size: 1em;
  padding:2em 20% 0 20%;
  width:50%;
  overflow: hidden;
}
#content 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 {
  background:transparent none repeat scroll 0 0;
  clear: both;
  margin: .5em 0;
  padding: 0;
  width: auto;
  overflow: hidden;
}
#content form.loginForm #errorSummary {         /* list of errors */
  margin: 1em 0;
  padding: 1.5em;
  width: auto;
}
#content form.loginForm div.error {
  background-color:#FFDFDF;
  margin-right:1em;
}
#content 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 {
 width:35%;
 padding: 0 .5em;
}

form.loginForm div.error label.required {
  padding: 0 0 0 .5em;
}
#content form.loginForm input {
  width: 50%;
  /*display: block;*/
  margin: 0 0 10px 0;
}
#content form.loginForm div.checkBox {
  clear: both;
  background:transparent none repeat scroll 0 0;
  overflow: hidden;
}
#content form.loginForm div.checkBox label {
width:auto;
}
#content form.loginForm div.checkBox input {
  border: none;
}
#content form.loginForm input.checkBox {
  clear: left;
  float: left;
  width: auto;
  margin: .1em .5em 0 38%;
}
#content form.loginForm p {
  font-size: .8em;
  padding: 0;
}
#content form.loginForm p.passSecure {
  display: none;
}
#content form.loginForm input.loginButton {
  clear: left;
  margin: 1em 1em 0 38%;
  border: 1px solid #6699cc;
  background: #FFFFFF;
  padding: 0 1em;
  font-size: .75em;
  width: auto;
}

/* registration Form */
.registrationForm {
  padding: 0 1em 1em;
}
form.registrationForm h2 {
  color: #3399CC;
  font-weight: bold;
  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;
}

/* create model form */
.createModel img {
  float: left;
  margin: 0 10px 0 0;
}
h2.label {
  color:#CC3333;
  width: 45%;
  text-align: left;
}
.createModel div.span-23 {
  padding: 10px 0 10px 20px;
}
.createModel div.span-23 p.formHint {
  clear: left;
}