/*
---------------------------------
  - Filename: forms.css
  - Rev: v00.06.01 
  - Section: CSS / Blueprint
---------------------------------
*/
/* forms.css */
label {display:block;}
fieldset {padding:1.4em;margin:0 0 1.5em 0;border:1px solid #ccc;}
legend {font-size:1.2em;}
input[type=text], input[type=password], input.text, input.title, textarea, select {background-color:#fff;border:1px solid #bbb;}
input[type=text]:focus, input[type=password]:focus, input.text:focus, input.title:focus, textarea:focus, select:focus {border-color:#666;}
input[type=text], input[type=password], input.text, input.title, textarea, select {margin:0.5em 0;}
input.text, input.title {width:300px;padding:0.417em;}
input.title {font-size:1.5em;}
textarea {width:390px;height:250px;padding:0.417em;}
input[type=checkbox], input[type=radio], input.checkbox, input.radio {position:relative;top:.25em;}
form.inline {line-height:3;}
form.inline p {margin-bottom:0;}
.error, .notice, .success {padding:.8em;margin-bottom:1em;border:2px solid #ddd;}
.error {background:#FBE3E4;color:#8a1f11;border-color:#FBC2C4;}
.notice {background:#FFF6BF;color:#514721;border-color:#FFD324;}
.success {background:#E6EFC2;color:#264409;border-color:#C6D880;}
.error a {color:#8a1f11;}
.notice a {color:#514721;}
.success a {color:#264409;}

/* Span and errorclass on input is enough */
li.error {
	background:none;
	border:none;
}

form.ipsform  ul,
form ol {
  padding: 0px;
  margin: 0px;
  list-style-type: none;
}

form legend {
    display:none;
}
form.ipsform legend {
    color: #000;
    /*padding: 0 0.417em;*/
    display: inline;
}

form.ipsform  span.mandatory {
    color: #f00;
}

form.ipsform  .error input,
form.ipsform  .error select,
form.ipsform  .error textarea {
    background-color: #ffffcb;
}
form.ipsform  .error,
form.ipsform  label.error,
form.ipsform  p.error,
form.ipsform  .error p {
    color: #f00;
}

form  li {
    position: relative;
    z-index: 1;
    clear: both;
}

form.ipsform  li {
    position: relative;
    z-index: 1;
    clear: both;
}

form.ipsform  li.separate {
    margin-bottom: 1.667em;
}
form.ipsform  li.afterseparate {
    clear: both;
}
form.ipsform  li.size_one_liner,
form.ipsform  li.form_captcha,
form.ipsform  li.form_password {
    float: left;
    clear: none;
    width: 50%;
}
form.ipsform  li.form_password,
form.ipsform  li.form_captcha,
form.ipsform  li.username {
    clear: both;
    margin-right: 50%;
}

li.size_one_liner input,
li.size_one_liner textarea,
li.form_password input,
li.form_captcha input {
    width: 90%;
}

li label {
    display: block;
}

li.form_text input {
    display: block;
    margin-bottom: 0.667em;
    margin-right: 1.667em;
}

form.ipsform li.form_fileinput input {
    margin-bottom: 0.667em;
}
form.ipsform li.form_checkbox {
    position: relative;
    z-index: 1;
}
form.ipsform li.form_checkbox input {
    margin: 0.417em 0px 0.833em 0px;
}
form.ipsform li.form_checkbox label {
    position: absolute;
    z-index: 2;
    left: 20px;
    top: 0.417em;
}

form.ipsform  .form_radio_button_group input {
    margin: 3px 0.417em 3px 0px;
}

form.ipsform input.submit {
    clear: both;
    margin-right: 0.417em;
    padding: 0.333em;
}

select,
.form_text input,
.form_password input,
.form_captcha input {
    width: 98%;
    padding: 0.417em;
}

form select option {
    padding: 0 0.417em 0 0.25em;
}

form textarea {
    width: 95%;
    margin-bottom: 0.667em;
}

form select {
    margin-bottom: 0.667em;
}

form.ipsform li span.error {
    -webkit-border-radius: 0.333em;
    -moz-border-radius: 0.333em;
    border-radius: 0.333em;
    display: block;
    background-color: #fff;
    border: 1px solid #f00;
    position: absolute;
    z-index: 5;
    padding: 0.417em;
    top: -0.417em;
    right: 20px;
    width: 50%;
    font-size: 0.917em;
}