/* ------------------------------------------------------------------------- Input styles*/
fieldset {
    width: 100%;
}
legend {
    display: none;
}
textarea {
    width: 30em;
    height: 6em;
    border: 1px solid #CCC;
    padding:5px;
}
span.label,
label {
    color: #333;
    font-weight: normal;
    padding-right: 5px;
    font-family: Trebuchet MS, Arial, Verdana;
    font-size: 1.167em;
}
input.text-box {
    width: 13em;
}
input.text-box-small {
    width: 3em;
}
input.text-box-medium {
    width: 8em;
}
input.text-box-large {
    width: 20em;
}
select.select {
}
select.select-small {
    width: 3em;
}
.list-box {
    border: 1px solid;
}
.help {
    font-size:0.933em;
    padding:0 0 2px 0;
}
.box-grey h2{
    margin-top:20px;
    padding-bottom:10px;
}
.box-grey h2.first{
    margin-top:0;
}
.bold-labels label,
.bold-labels span.label  {
    font-size:1em;
    font-weight:bold;
}
.plain-labels label,
.plain-labels span.label  {
    font-size:1em;
    font-weight:normal;
}
.form-labels label,
.form-labels span.label  {
    color: #333;
    font-family:Arial, Trebuchet MS, Verdana;
    font-size:1.083em;  
}
ul.pad-b li {
    padding:0 0 10px 0 !important;
}
li.last {
    padding-bottom:0 !important;
}
.terms-conditions-container h1{
   font-size:1.2em;  
   font-weight:bold;
}
.terms-conditions-container h3{
   font-size:1.083em;  
}
.terms-conditions-container {
    height:100px;
    overflow:auto;
    padding:10px;
    border:1px solid #CCC;
    font-size:0.933em;
}
/* ------------------------------------------------------------------------- Errors */
.error-summary {
    border: 2px solid #FF6633;
    margin-bottom: 10px;
    padding: 0;
    width: 95%;
}
.error-summary span {
    color: #FFF;
    font-size: 1.2em;
    background: #FF6633;
    font-weight: bold;
    display: block;
    padding: 3px;
}
.error-summary li {
    color: #FF6633;
    list-style-type: square;
}
.txt-error {
    color:#FF6633;
    display:block;
    font-weight:bold;
    padding:3px 0 15px 0;
}
/* ------------------------------------------------------------------------- Checkbox row */
li.chk-box {
    overflow: auto;
}
li.chk-box label {
    float: left;
    display: block;
    font-family: Arial, Trebuchet MS, Verdana;
    width: 90%;
    padding-top:2px!important;
}
li.chk-box input {
    float: left;
    width: 18px;
}
/* ------------------------------------------------------------------------- Required marker */
fieldset em, em.required {
    font-weight: bold;
    color: #FF6633;
    margin: 0 5px;
    display: inline-block;
    width: 6px;
    height: 15px;
    background: url(icons/required.gif) no-repeat;
    text-indent: -999em;
}
/* ------------------------------------------------------------------------- All forms are in lists (ul)*/
.form {
    margin: 0;
    padding: 0;
}
.form li {
    list-style: none;
    margin: 0 0 10px 0;
    padding: 0;
    overflow: auto;
}
.form li.section-divider,
.form li.section-divider-both {
    margin-top:15px;
    padding-top:15px;
    border-top:1px solid #EFEFEF;
}
.form li.section-divider-bottom {
    padding-bottom:15px;
    padding-bottom:15px;
    border-bottom:1px solid #EFEFEF;
}
.form li.section-divider-both{
    margin-bottom:15px;
    padding-bottom:15px;
    border-bottom:1px solid #EFEFEF;
}
.accept-terms input,
.accept-terms label{
    float:left;
}
.accept-terms label{
    padding-left:5px;
    width:90%;
}
/* ------------------------------------------------------------------------- Checkbox list*/
.chk-list ul {
    padding: 0;
    margin: 0;
    width:100%;
}
.chk-list li {
    padding: 0;
    margin: 0;
    list-style: none;
    margin-bottom: 5px;
}
.chk-list label {
    float:none !important;
}
.chk-list .chk-list-horizontal li {
    float: left;
}
.chk-list .chk-cols-2 li{
    width:48%;
}
.chk-list .chk-cols-3 li{
    width:32%;
}
/* ------------------------------------------------------------------------- Checkbox list - inline */
.chk-list-horizontal{
    overflow:auto;
}
.chk-list-horizontal li {
    padding-right:5px;
    overflow:visible;
}
.chk-list-horizontal li label{
    float:none !important;
    display:inline !important;
}
/* ------------------------------------------------------------------------- Forms inline labels */
ul.inline-labels li {
    margin: 0 0 15px 0;
}
ul.inline-labels li label, ul.inline-labels li input, ul.inline-labels li select {
    float: left;
}
ul.inline-labels label,
ul.inline-labels span.label {
    width: 12em;
    color: #333;
    display: block;
    float: left;
    padding-top: 2px;
}
ul.inline-labels input.text-box, ul.inline-labels select.select {
    width: 20em;
}
/* ------------------------------------------------------------------------- Forms labels on new lines */
ul.block-labels li {
    margin: 0 0 7px 0;
    display: block;
}
ul.block-labels label,
ul.block-labels span.label  {
    color: #333;
    display: block;
    padding: 0 0 3px 0;
    font-family:Arial, Trebuchet MS, Verdana;
    font-size:1.083em;  
}
ul.block-labels .chk-box label,
ul.block-labels .chk-box span.label  {
    font-weight:normal;
}
ul.block-labels input.text-box, ul.block-labels select, ul.block-labels textarea {
    width: 20em;
    color:#666;
}
ul.block-labels textarea {
    width:19.5em;
}
/* ------------------------------------------------------------------------- Forms labels on new line*/
ul.column li {
    margin: 0 0 4px 0;
}
ul.column li label, ul.column span.label, ul.column li input, ul.column li select {
    display: block;
}
ul.column label,
ul.column span.label{
    color: #333;
    padding: 0 0 3px 0;
}
ul.column input.text-box, ul.column select.select {
    width: 8em;
}
/* ------------------------------------------------------------------------- Label fixed sizes - apply to containers */
.label-widths-6 label {
    width: 3em;
}
.label-widths-6 label {
    width: 4em;
}
.label-widths-6 label {
    width: 5em;
}
.label-widths-6 label {
    width: 6em;
}
.label-widths-7 label {
    width: 7em;
}
.label-widths-8 label {
    width: 8em;
}
.label-widths-9 label {
    width: 9em;
}
.label-widths-10 label {
    width: 10em;
}
/* ------------------------------------------------------------------------- Label style overrides - apply to individual labels */
.width-4 {
    width: 4em !important;
}
.width-5 {
    width: 5em !important;
}
.width-6 {
    width: 6em !important;
}
.width-7 {
    width: 7em !important;
}
.width-8 {
    width: 8em !important;
}
.width-9 {
    width: 9em !important;
}
.width-10 {
    width: 9em !important;
}
.width-11 {
    width: 11em !important;
}
.width-12 {
    width: 12em !important;
}
.width-13 {
    width: 13em !important;
}
.width-14 {
    width: 14em !important;
}
.width-15 {
    width: 15em !important;
}