/* */ 
@charset "utf-8";  
/*****************************************************************************************
 *            Fieldset styling
 ****************************************************************************************/
 
/************************
 *  fieldsets
 ************************/
fieldset {
    margin: 0;
    padding: 0;
    border: none;
    display: block;
}
/************************
 * legend 
 ************************/
fieldset h2.legend,
fieldset .legend,
fieldset legend {
    font-weight: bold;
    margin: 0;
    padding: 0;
    color: black;
    font-size: 1em;
}
/*****************************************************************************************
 * Default form items appearance
 ****************************************************************************************/
 
input.text, input.textshort {
    margin: 0;
    padding: 2px !important;
    font-size: 1.1em;
    border: 1px solid #797979;
    color: #636466;
    background: #FFF url(/images/bg_input-textarea.gif) no-repeat top left;
}
.form-item textarea {
    margin: 0;
    padding: 2px;
    border: 1px solid #797979;
    font-family: Arial, Helvetica, sans-serif;
    color: #636466;
    font-size: 1em;
    background: #FFF url(/images/bg_input-textarea.gif) no-repeat top left;
}
.form-item select {
    margin: 0;
    display: inline;
    padding: 1px !important;
    font-size: 1.1em;
    color: #636466;
    border: 1px solid #797979;
    background: #FFF url(/images/bg_input-textarea.gif) no-repeat top left;
}
.form-item label {
    vertical-align: middle;
    font-weight: normal;
}
/************************
 *  buttons
 ************************/
.buttons-form-item {
    text-align: right;
    margin-top: 10px;
}
/************************
 *  radios / checkboxes
 ************************/
/* style the input/label container */
#page .checkboxes-form-item .form-item,
#page .radios-form-item .form-item {
    margin: 0 0 3px 0;
    padding: 0;
}
/* get the label and input to sit nicely beside each other */
#page .checkboxes-form-item label,
#page .checkboxes-form-item input,
#page .radios-form-item label,
#page .radios-form-item input {
    display: inline;
    vertical-align: middle;
}
/* push the label away from the input slightly */
#page .checkboxes-form-item input,
#page .radios-form-item input {
    margin-right: 3px;
    margin-left: 10px;
    width: 13px; /* for ie */
    height: 13px; /* For ie */
}
/* styling for the label */
#page .radios-form-item label,
#page .checkboxes-form-item label {
    font-weight: normal;
    float: none;
    margin: 0;
}
/************************
 * enhanced textareas
 ************************/
.enhanced-textarea .textarea-footer {
    background-color: #ececec;
    border: 1px solid #999;
    border-top: none;
}
 
.enhanced-textarea .grippie {
    min-height: 5px;
    _height: 5px;
    background: url(/images/bg_grippie.gif) #ececec 50% 50% no-repeat;
}
.enhanced-textarea .grippie:hover {
    cursor: n-resize
}
.enhanced-textarea .textarea-length-counter {
    text-align: right;
    padding: 2px;
}
/************************
 *  container / inline form items
 ************************/
fieldset.container-form-item {
}
#page fieldset.container-form-item .form-item {
    float: left; 
    _float: none; /* ie 6 had crazy jumping label issues when these boxes were floated. make it display inline and no float instead to line up the items */
    _display: inline;
    margin: 0 10px 0 0;
    clear: none;
    padding: 0 0 1.4em 0;
    position: relative;
    overflow: visible; /* IE7 chops off content if this is hidden */
}
#page fieldset.container-form-item .form-item label {
    margin: 0;
    position: absolute;
    text-align: left;
    width: auto;
    bottom: 0; 
    left: 0;
    font-size: 0.92em;
}
#page fieldset.container-form-item .read-only-form-item label {
    display: none;
}
#page fieldset.container-form-item legend {
    font-weight: normal;
}
#page fieldset.container-form-item .form-item input.text,
#page fieldset.container-form-item .form-item  select {
    float: left;
    clear: left;
    max-width: 1000px;
}
/************************
 *  error form items
 ************************/
.error-form-item {
}
.error-form-item .error-message {
    display: block;
    margin: 5px 0;
}
.error-form-item input.text,
.error-form-item input.textshort,
.error-form-item textarea,
.error-form-item select {
    border-color: #f00;
}
.error-form-label {
    color: #f00
}
/************************
 *  form item advice
 ************************/
 
.form-item-advice {
    display: block;
    margin: 5px 0;
    color: #999;
}
/************************
 *  file uploader form item
 ************************/
.file-form-item dl.file-details {
    margin: 0;    
}
.file-form-item dl.file-details dt {
    float: left;
    width: 50px;
}
.file-form-item dl.file-details dd {
    padding: 0 0 0 60px;
}
/************************
 *  image uploader form item
 ************************/
.image-file-form-item dl.file-details {
    padding-left: 100px;
}
.image-file-form-item dl.file-details dt.thumbnail {
    position: absolute;
    left: -1000em;
    top: -1000em;
}
.image-file-form-item dl.file-details dd.thumbnail {
    padding: 0;
    float: left; display: inline;
    margin: 0 10px 0 -100px;
}
/*****************************************************************************************
 * Form layout
 ****************************************************************************************/
/************************
 *  normal form
 ************************/
 
form.normal-form {
    margin: 10px 0 0 0;
}
form.normal-form label {
    float: left; display: inline;
    width: 110px; /*82px;*/
    padding: 2px 0 0 0;
}
form.normal-form .form-item-advice {
    margin-left: 110px; 
}
form.normal-form em {
    font-style: normal;
    color: #666;
}
form.normal-form .form-item {
    margin: 10px 0;
}
form.normal-form .arb-even {
    background: #F0F0F0;
}
form.normal-form fieldset fieldset h3 {
    float: left;
    margin: 0;
    padding: 2px 0 0 0;
    color: #333;
    font-size: 1em;
    width: 82px;
}
form.normal-form fieldset fieldset.checkboxes-form-item h3, form.normal-form fieldset fieldset.radios-form-item h3 {
    width: 72px;
}
fieldset fieldset.inline-form-item label {
    float: left;
    width: 35px;
}
fieldset fieldset.inline-form-item input {
    float: left;
}
fieldset fieldset.inline-form-item #date-to-label {
    margin-left: 10px;
    width: 30px;
}
/************************
 *  comments form
 ************************/
.comment {
    padding-bottom:10px;
}
/************************
 *  small form
 ************************/
form.small-form {
    margin: 10px 0 0 0;
}
form.small-form label {
    float: left; display: inline;
    width: 82px;
    padding: 2px 0 0 0;
}
form.small-form .form-item-advice {
    margin-left: 82px;
}
form.small-form .form-item {
    margin: 7px 0;
}
form.small-form input.add-date-picker {
    width: 100px;
    margin: 0 10px 0 0;
}
form.small-form fieldset fieldset {
    margin-bottom: -5px;
}
form.small-form fieldset fieldset h3 {
    font-size: 1em;
    margin: 0;
    padding: 0;
    color: #292929;
    vertical-align: middle;
    font-weight: normal;
}
form.small-form fieldset fieldset label {
    font-style: italic;
}
/************************
 *  wide form
 ************************/
form.wide-form label {
    width: 105px;
    font-weight: bold;
}
form.wide-form .form-item-advice {
    margin-left: 105px;
}
/************************
 *  extra wide form
 ************************/
form.extra-wide-form label {
    width: 35px;
    padding: 0;
    font-weight: bold;
    
}
form.extra-wide-form .form-item-advice {
    margin-left: 30px;
}
#page form.extra-wide-form .checkboxes-form-item .form-item {
    padding: 5px 0 5px 0;
    margin: 0;
}
form.extra-wide-form .form-item a.delete-button {
    float: right;
    margin: 0 5px 0 0;
}
/************************
 *  two column form
 ************************/
form.normal-form-two-col .form-left-col {
    float: left;
    width: 210px;
}
form.normal-form-two-col .form-right-col {
    float: right;
    width: 210px;
}
form.normal-form-two-col .form-item {
    min-height: 35px;
    _height: 35px;
    padding: 0;
    margin: 0;
}
form.normal-form-two-col label {
    width: 65px;
}
form.normal-form-two-col input.text {
    width: 130px;
}
form.normal-form-two-col input.textshort {
    width: 100px;
}
form.normal-form-two-col select {
    width: 137px;
}
/*custom fields for reg form*/
#dobDay{
    width: 38px
}
#dobMonth{
    width: 45px
}
#dobYear{
    width: 49px
}
/************************
 * all checkboxes
 ************************/
 
form.all-checkboxes {
    margin: 0;
}
#main form.all-checkboxes fieldset .form-item fieldset h3 { /* Needs to be more specific as something else was overriding it */
    display: block;
    float: none;
    font-weight: bold;
    font-size: 1.2727em;
    margin: 10px 0 5px 0;
}
#main form.all-checkboxes fieldset fieldset.checkboxes-form-item input.first {
    margin-left: 0;
}
#main form.all-checkboxes fieldset fieldset.checkboxes-form-item span.new-line {
    display: block;
    height: 5px;
}
/************************
 * form notes
 ************************/
.form-notes {
    border-bottom: 1px dotted #A6AAAD;
    padding: 10px 0 0 0;
    margin: 0 0 10px 0;
}
.form-notes p.left {
    float: left; display: inline;
    margin: 0.5em 0;
    padding: 0;
}
.form-notes p.right {
    float: right; display: inline;
    margin: 0.5em 0;
    padding: 0;
    color: #E53D45;
}
/************************
 *  date picker form item
 ************************/
 
.date-form-item .description {
    clear: both;
}
/* For the input and anchor */
a.dp-choose-date {
    width: 21px;
    height: 17px;
    border: none;
    color: #FFF;
    padding: 0;
    margin: 1px 0 0 3px;
    float: left;
    overflow: hidden;
    cursor: pointer;
    background: url(/images/but_calendar.png) #ececec left top no-repeat;
    text-indent: -1000px;
}
a.dp-choose-date.dp-disabled {
    background-position: 0 -20px;
    cursor: default;
}
input.dp-applied {
    float: left;
}
/* For the calendar table */
table.jCalendar {
    width: auto;
    margin: 0 5px;
    border-collapse: collapse;
    border: none;
}
table.jCalendar th {
    color: #333;
    font-weight: bold;
    padding: 3px 5px;
    border: none;
    text-align: center;
    // font-size: 1.1667em;
    font-size: 10px;
}
table.jCalendar td {
    color: #000;
    padding: 3px 5px;
    text-align: center;
    vertical-align: middle;
    border: none;
    // font-size: 1.1667em;
    font-size: 10px;
}
table.jCalendar td.other-month {
    visibility: hidden;
}
table.jCalendar td.today {
    color: #333;
    font-weight: bold;
}
table.jCalendar td.eventDate{
    color: #E00;
    font-weight: bold;
}
table.jCalendar td.selected {
    color: #E31E27;
    font-weight: bold;
}
table.jCalendar td.selected:hover {
    color: #333;
}
table.jCalendar td:hover, table.jCalendar td.dp-hover {
    color: #000;
}
table.jCalendar td.disabled, table.jCalendar td.disabled:hover {
    color: #888;
}
/* For the popup */
/* NOTE - you will probably want to style a.dp-choose-date - see how I did it in demo.css */
div.dp-popup {
    position: absolute;
    font-size: 10px;
    background: #FFF url(/images/bg_feature_content.gif) bottom left repeat-x;
    border: 1px solid #A6AAAD;
    padding:1px 1px 20px;
    // min-height: 172px;
    _height: 172px;
    min-width: 171px;
    z-index: 3500;
}
div.dp-popup h2, #content #sub div.dp-popup h2 {
    font-size: 10px;
    text-align: center;
    margin: 2px 0;
    padding: 0;
    font-weight: bold;
}
a.dp-close {
    font-size: 11px;
    padding: 4px 0;
    text-align: center;
    display: block;
}
a.dp-close:hover {
    text-decoration: underline;
}
div.dp-popup a:link, div.dp-popup a:active, div.dp-popup a:visited {
    color: #000;
    text-decoration: none;
    padding: 3px 2px 0;
}
div.dp-popup div.dp-nav-prev {
    position: absolute;
    top: 2px;
    left: 12px;
    width: 100px;
}
div.dp-popup div.dp-nav-prev a {
    float: left;
}
/* Opera needs the rules to be this specific otherwise it doesn't change the cursor back to pointer after you have disabled and re-enabled a link */
div.dp-popup div.dp-nav-prev a, div.dp-popup div.dp-nav-next a {
    cursor: pointer;
}
div.dp-popup div.dp-nav-prev a.disabled, div.dp-popup div.dp-nav-next a.disabled {
    cursor: default;
}
div.dp-popup div.dp-nav-next {
    position: absolute;
    top: 2px;
    right: 12px;
    width: 100px;
}
div.dp-popup div.dp-nav-next a {
    float: right;
}
div.dp-popup a.disabled {
    cursor: default;
    color: #aaa;
}
div.dp-popup td {
    cursor: pointer;
}
div.dp-popup td.disabled {
    cursor: default;
}
/* Right hand column inline calendar */
#sub div.dp-popup {
    width: 225px;
}
#sub table.jCalendar {
    width: 215px;
}
.insert-calendar  {
    height: 190px;
}
/*****************************************************************************************
 *            focus highlighting
 ****************************************************************************************/
/* style the label when the associated control has focus */
.form-item label.arbHasFocus {
}
.form-item input[type=text].arbHasFocus,
.form-item textarea.arbHasFocus,
.form-item select.arbHasFocus {
    border: 1px solid #000;
}
/*****************************************************************************************
 * Form item widths
 ****************************************************************************************/
 
/************************
 * standard width controls
 ************************/
.form-item input.text,
x.form-item textarea,
.form-item .short-help {
    width: 200px;
}
.form-item select {
    width: 206px;
}
.form-item textarea {
    width: 98%;
}
/************************
 * extra short controls
 ************************/
.form-item .extra-short input.text,
.form-item .extra-short textarea,
.form-item input.extra-short,
.form-item textarea.extra-short,
.form-item .extra-short .short-help {
    width: 100px;
}
.form-item .extra-short select,
.form-item select.extra-short {
    width: 107px;
}
/************************
 * short controls
 ************************/
.form-item .short input.text,
.form-item .short textarea,
.form-item input.short,
.form-item textarea.short,
.form-item .short .short-help {
    width: 139px;
}
.form-item .short select,
.form-item select.short {
    width: 145px;
}
/************************
 * wide controls
 ************************/
.textbox .wide input,
x.form-item .wide textarea,
.form-item input.wide,
x.form-item textarea.wide,
.form-item .wide .short-help {
    width: 315px;
}
.form-item .wide select,
.form-item select.wide {
    width: 322px;
}
/************************
 * extra wide controls
 ************************/
.textbox .extra-wide input,
x.form-item .extra-wide textarea,
.form-item input.extra-wide,
x.form-item textarea.extra-wide,
.form-item .extra-wide .short-help {
    width: 385px;
}
.form-item .extra-wide select,
.form-item select.extra-wide {
    width: 392px;
}
/*****************************************************************************************
 * misc
 ****************************************************************************************/
 
/************************
 * clearfix (float clearing) for controls
 ************************/
/*ClearFix for good browsers*/
html > body .form-item:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}
/* only mac ie \*//*/
* html .form-item { display: inline-block !important; }
*//* end hack */
@media all { /* Hides from IE-mac, clearfix for IE/win and reset for not IE/mac */
    .form-item { 
        zoom: 1; 
        display: block;
    }
}
/**/