/* Form */
.jFormer { }
.jFormer .jFormerTitle { }
.jFormer .jFormerDescription { }
.jFormer .jFormerIFrame { border: none; display: none; clear: both; border: 1px solid #CCC; }

/* Global alerts */
.jFormer .jFormerAlertWrapper { position: fixed; top: 0; left: 0; z-index: 3; text-align: center; width: 100%; margin: 0 0 0 0; }
.jFormer .jFormerAlertWrapper .error { background-color: red; }
.jFormer .jFormerAlertWrapper .update { background-color: blue; }
.jFormer .jFormerAlert { max-width: 100px; margin: 0 auto; padding: .25em 1em .5em 1em; text-align: center; font-weight: bold; background: #333; color:#FFF; font-size: .8em; -webkit-border-radius-bottomleft: 5px; -webkit-border-radius-bottomright: 5px; -moz-border-radius-bottomleft: 5px; -moz-border-radius-bottomright: 5px; -moz-box-shadow: 2px 2px 8px #666; -webkit-box-shadow: 2px 2px 8px #666; }

/* Form controls */
.jFormer .jFormerControl { clear: both; margin: .75em 0 0 0; padding: 0 0 1.5em 0; list-style: none; height: 3em; overflow: auto; }
.jFormer .jFormerControl li { float: left; margin-right: 1em; }
.jFormer .jFormerControl li button { font-size: 1em; background: #FFFFFF url(/images/jformer/button-bg.png) repeat-x scroll left center; border: 1px solid; border-color: #DEDEDE #BBBBBB #BFBFBF #DEDEDE; padding: .65em .75em; cursor: pointer; -moz-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.15); -moz-border-radius: 5px; -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.15); -webkit-border-radius: 5px; }
.jFormer .jFormerControl li button:active { margin-top: 1px; }
.jFormer .jFormerControl .jFormerFailureNotice { background: url(/images/jformer/icons/exclamation.png) no-repeat .5em 50%; padding: .25em .75em .25em 2em; background-color: #FFDFE0; border: 1px solid #EFC2C4; -moz-border-radius: 5px; -webkit-border-radius: 5px;  }

/* Form pages */
.jFormer .jFormPageWrapper { overflow: hidden; clear: both; }
.jFormer .jFormPageScroller { }
.jFormer .jFormPage { float: left; }
.jFormer .jFormPageSuccess {}
.jFormer .jFormPageFailure {}
.jFormer .jFormerFailure { background: url(/images/jformer/icons/exclamation.png) no-repeat .5em 50%; padding: .25em .75em .25em 2em; background-color: #FFDFE0; border: 1px solid #EFC2C4; -moz-border-radius: 5px; -webkit-border-radius: 5px;  }
.jFormer .jFormPage .jFormPageTitle { }
.jFormer .jFormPage .jFormPageDescription { }
.jFormer .jFormPageInactive { visibility: hidden; }
.jFormer .jFormPage .jFormPageSubmitInstructions { }

/* Splash page */
.jFormer .splashPage { float:left; padding:0;}

/* Form sections */
.jFormer .jFormSection { clear: both; }
.jFormer .jFormSection .jFormSectionTitle { }
.jFormer .jFormSection .jFormSectionDescription { }
.jFormer .jFormSectionDependencyDisabled { background: url(/images/jformer/icons/lock.png) no-repeat top right #f1f1f1; color: #cccccc; }

/* Instances (section and component) */
.jFormer .jFormComponentAddInstanceButton { display: block; margin: 0 0 .75em .65em; background: url(/images/jformer/icons/add.png) no-repeat .25em 50% #EEEEEE; font-size: .8em; clear: both; border: 1px solid #AAA; padding: .25em .25em .25em 1.5em; cursor: pointer; -moz-border-radius: 5px; }
.jFormer .jFormComponentRemoveInstanceButton { display: inline; margin: 0 0 0 .5em; background: url(/images/jformer/icons/cancel.png) no-repeat .25em 50% #EEEEEE; font-size: .8em; clear: both; border: 1px solid #AAA; padding: .25em .25em .25em 1.5em; cursor: pointer; -moz-border-radius: 5px; }

/* Form components */
.jFormer .jFormComponent { padding: .25em .8em .5em .5em; overflow: hidden; margin-bottom: 3px; border: 1px solid #FFF; float: left; clear: both; -moz-border-radius: 5px; -webkit-border-radius: 5px; }
.jFormer .jFormComponent input { font-family: Arial; font-size: .8em; padding: 3px 7px; background: url('/images/jformer/input-bg.gif') repeat-x 0 1px scroll #EEEEEE; border: 1px solid #AAA; }
.jFormer .jFormComponent select { font-family: Arial; font-size: .8em; background: url('/images/jformer/input-bg.gif') repeat-x 0 1px scroll #EEEEEE; border: 1px solid #AAA; }
.jFormer .jFormComponent textarea { font-family: Arial; font-size: .8em; padding: 3px 7px; background: url('/images/jformer/input-bg.gif') repeat-x 0 1px scroll #EEEEEE; border: 1px solid #AAA; }
.jFormer .jFormComponent .defaultValue{ color: #666666; }
.jFormer .jFormComponent .jFormComponentDescription { margin: .5em 0 0 0; }
.jFormer .jFormComponentHighlight { background-color: #DFEFFF; border: 1px solid #C2D7EF; }
.jFormer .jFormComponentServerSideCheck { background-color: #FFFCDF; border: 1px solid #EFEBC2; }
.jFormer .jFormComponentValidationFailed { background-color: #FFDFE0; border: 1px solid #EFC2C4; }
.jFormer .jFormComponentDependencyDisabled { background: url(/images/jformer/icons/lock.png) no-repeat top right #f1f1f1; color:#cccccc; }

/* Form component labels */
.jFormer .jFormComponent .jFormComponentLabel { display: block; font-size: .8em; font-weight: bold; }
.jFormer .jFormComponent .jFormComponentLabelRequiredStar { color: #F00; }
.jFormer .jFormComponentValidationFailed .jFormComponentLabel { background: url(/images/jformer/icons/exclamation.png) no-repeat left; padding-left: 18px; }

/* Form component types */
.jFormer .singleLineText { width: 12em; }
.jFormer .textArea { }

.jFormer .jFormComponentName .firstName { width: 7em; margin-right: .35em; }
.jFormer .jFormComponentName .middleInitial { width: 1em; margin-right: .35em; }
.jFormer .jFormComponentName .lastName { width: 8em; }

.jFormer .jFormComponentMultipleChoice .multipleChoice { cursor: pointer; margin: 0 .35em 0 0; }
.jFormer .jFormComponentMultipleChoice .multipleChoiceLabel { font-size: .8em; font-weight: normal; margin-right: 1em; cursor: pointer; }
.jFormer .jFormComponentMultipleChoice .multipleChoiceWrapper { }

.jFormer .jFormComponentHidden { display: none; }

.jFormer .jFormComponentDropDown .dropDown { display: block; }
.jFormer .jFormComponentDropDown .dropDown .choice { }

/* Tips */
.jFormer .jFormerTip { position: absolute; top: 0; left: 0; display: none; z-index: 3; max-width: 300px; _width: 300px; }
.jFormer .jFormerTip .tipArrow { position: relative; top: 12px; left: 1px; font-size: 0px; line-height: 0%; width: 0px; border-top: 13px solid transparent; border-right: 20px solid #333; border-bottom: 13px solid transparent; z-index: 2; }
.jFormer .jFormerTip .tipContent { position: relative; background: #333333; zoom: 1; color: #FFF; font-size: .8em; z-index: 3; margin: -4px 0 0 13px; padding: .75em 1em .75em .95em; -webkit-border-radius: 5px; -moz-border-radius: 5px; -moz-box-shadow: 2px 2px 8px #444; -webkit-box-shadow: 2px 2px 8px #444; }
.jFormer .jFormerTip .tipContent p { color: #FFF; margin: 0; font-size: 1em; }
.jFormer .jFormerTip .tipContent ul { margin: 0;  font-size: 1em; }
.jFormer .jFormerTip .tipContent .tipErrorUl { color: #FF8F8F; }
.jFormer .jFormerTip .tipContent .tipErrorUl li { list-style-type: disc; margin-left: 1.25em; font-weight: bold; }

.jFormer .jFormComponentMultipleChoiceTip { z-index: 5; }

/* Form Table of Contents */
.jFormer .tocDisabled {  background: url(/images/jformer/icons/lock.png) no-repeat top right; color:#cccccc;  }
.jFormer .tocUnlocked { cursor:pointer; color:blue;}
.jFormer .tocCompleted {  background: url(/images/jformer/icons/accept.png) no-repeat top right; }
.jFormer .jFormPageNavigator { height: 26px; }
.jFormer .rightNav { float:right; }
.jFormer .jFormPageNavigator ul { margin: 0 0 0 1em; list-style:none; }
.jFormer .jFormPageTabTop { border-color:#CCCCCC; border-width:thin; border-style:solid; border-width: 1px 1px 0 1px; display:inline; padding:2px 10px; margin-right:2px;}
.jFormer .jFormPageTabRight { border-color:#CCCCCC; border-width:thin; border-style:solid; border-width: 1px 1px 1px 1px; padding:2px 10px; margin-bottom:2px;}
.jFormer .tabUnlocked { cursor:pointer; color:blue;}
.jFormer .tabDisabled { color:#cccccc; cursor:default;}

/* Instance wrappers */
.jFormer .instanceWrapper { float:left; clear:both;}

/* Date Picker */
.jFormer .JFormComponentDatePicker { cursor:pointer; width: 16px; height: 16px; padding: 0; margin: 0 3px -2px; display: inline-block; text-indent: -2000px; overflow: hidden; background:url(/images/jformer/calendar.gif) no-repeat; }
/* Some resets for compatibility with existing CSS */
.jFormer .date_selector, .date_selector * { width: auto;  height: auto;  border: none;  background: none;  margin: 0;  padding: 0;  text-align: left;  text-decoration: none; }
.jFormer .date_selector { background: #F2F2F2; border: 1px solid #bbb;  padding: 5px 5px 5px 8px;  margin: -1px 0 0 0;  position: absolute;  z-index: 100000;  display: none; }
.jFormer .date_selector_ieframe { position: absolute;  z-index: 99999;  display: none; }
.jFormer .date_selector .nav {  width: 13.5em; /* 7 * 2.5em */  }
.jFormer   .date_selector .month_nav, .date_selector .year_nav {  margin: 0 0 3px 0;  padding: 0;  display: block;  position: relative;  text-align: center;  }
.jFormer .date_selector .month_nav { float: left;  width: 50%;  }
.jFormer   .date_selector .year_nav { float: right;  width: 35%;  }
.jFormer   .date_selector .month_name, .date_selector .year_name { font-weight: bold; line-height: 20px;  }
.jFormer   .date_selector .button { display: block; position: absolute; top: 0; width: 18px; height: 18px; line-height: 17px; font-weight: bold; color: #003C78; text-align: center; font-size: 120%; overflow: hidden; border: 1px solid #F2F2F2; }
.jFormer     .date_selector .button:hover, .date_selector .button.hover { background: none; color: #003C78; cursor: pointer; border-color: #ccc; }
.jFormer   .date_selector .prev { left: 0; }
.jFormer   .date_selector .next { right: 0; }
.jFormer   .date_selector table { border-spacing: 0; border-collapse: collapse; clear: both; }
.jFormer   .date_selector th, .date_selector td { width: 2.3em; height: 2em; padding: 0; text-align: center; color: black; }
.jFormer     .date_selector td { border: 1px solid #ccc; text-align: center; white-space: nowrap; color: #003C78; background: white; }
.jFormer     .date_selector td.today { background: #FFFEB3; }
.jFormer     .date_selector td.unselected_month { color: #ccc; }
.jFormer     .date_selector td.selectable_day { cursor: pointer; }
.jFormer     .date_selector td.selected { background: #D8DFE5; font-weight: bold; }
.jFormer     .date_selector td.selectable_day:hover, .date_selector td.selectable_day.hover { background: #003C78; color: white; }