/* -------------------------------------------------------------- 
   
   forms.css
   * Sets up some default styling for forms
   * Gives you classes to enhance your forms
   
   Usage:
   * For text fields, use class .title or .text
   
-------------------------------------------------------------- */

label       { font-weight: normal; }
fieldset    { padding:1.4em; margin: 0 0 1.5em 0; border: 1px solid #ccc; }
legend      { font-weight: bold; font-size:1.2em; }


/* Form fields
-------------------------------------------------------------- */

input[type=text], input[type=password],
input.text, input.title, 
textarea, select { background-color:#fff; border:1px solid #bbb; padding: 4px; height: 20px; width: 170px; }
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: 0em; 
}
input.title   { font-size:1.5em; }
select { height: 30px; width: 240px; }


textarea      { width: 550px; height: 200px; padding:5px; }

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; }


/* Success, notice and error boxes
-------------------------------------------------------------- */

.error,
.notice, 
.success    { margin-bottom: 10px; border: 1px solid #ddd; margin-top: 10px; padding-top: 15px; padding-right: 15px; padding-bottom: 5px; padding-left: 15px; }


.error      { color: #8a1f11; border-color: #FBC2C4; padding-left: 50px; background-color: #FBE3E4; background-image: url(../images/image-07.png); background-repeat: no-repeat; background-position: left center; margin-right: 10px; }
.notice     { background-color: #ECF8FF; border-top-color: #B7E4FF; border-right-color: #B7E4FF; border-bottom-color: #B7E4FF; border-left-color: #B7E4FF; color: #0079C1; font-size: 13px; }
input.required, select.required{ background-color: #FFFBDD; }
.success    { background: #E6EFC2; color: #264409; border-color: #C6D880; }
.error a    { color: #8a1f11; }
.notice a   { color: #514721; }
.success a  { color: #264409; }

ul.form { list-style-type: none; clear: both; width: 570px; margin: 0px; padding: 0px; }
ul.form li { padding: 0px; list-style-type: none; display: block; width: 190px; float: left; margin-top: 0px; margin-right: 0px; margin-bottom: 10px; margin-left: 0px; }
ul.list , ul.list2Col{ list-style-type: none; clear: both; width: 468px; background-color: #efefef; border: 1px solid #CCC; padding-top: 19px; padding-right: 20px; padding-bottom: 19px; padding-left: 20px; margin-top: 0px; margin-right: 0px; margin-bottom: 20px; margin-left: 0px; }
ul.list li { margin: 0px; padding: 0px; list-style-type: none; display: block; width: 100%; height: 30px; line-height: 30px; }
ul.list2Col li { margin: 0px; padding: 0px; list-style-type: none; display: block; width: 234px; height: 30px; line-height: 30px; float: left; }
ul.enrolmentForm { list-style-type: none; clear: both; width: 880px; padding: 0px; margin-top: 0px; margin-right: 0px; margin-bottom: 10px; margin-left: 0px; }
ul.enrolmentForm li { padding: 0px; list-style-type: none; display: block; width: 175px; float: left; margin-top: 0px; margin-right: 0px; margin-bottom: 10px; margin-left: 0px; }
ul.enrolmentForm li input.text-input { width: 155px; }