.oneui ul.lotusList {clear:both;overflow:hidden;margin:0;padding:0;list-style-type:none}
.oneui ul.lotusMeta.lotusList {font-size:1em;} /*lists that have meta text use normal text size but meta color. the class order is important so IE6 reads ul.lotusList*/
.oneui ul.lotusList ul {list-style-type:none} /*makes sure all nested lists don't have bullets, even though we don't typically nest these straight lists*/
.oneui ul.lotusList li {margin:1px 0;padding:3px 2px;clear:both;zoom:1}
.oneui ul.lotusEditable li {text-align:right;overflow:hidden}/*use this class in combination with list class - allows you to put a delete button on a list item*/
.oneui ul.lotusList li.lotusSelected {background-color:#eee}
.oneui ul.lotusList li.lotusSelected a {text-decoration:none;color:#000;}
.oneui ul.lotusList img.lotusLeft {margin-right:3px}
.oneui ul.lotusList div p {margin-top:3px;margin-bottom:0} /*second line of data*/
.oneui.lotusImagesOff .lotusEditable .lotusDelete img, .lotusImagesOff .oneui .lotusEditable .lotusDelete img {display:none}
/*styles for a definitions list*/
.oneui dl.lotusList dt {padding:3px 10px;margin:10px 0 0 0;font-size:1.1em}
.oneui dl.lotusList dd {margin:0;padding:5px 10px}
.oneui ul.lotusList li {padding:1px 0}
.oneui ul.lotusList li.lotusSelected {background-color:#eee;border-top:1px solid #ccc;border-bottom:1px solid #ccc;}
.oneui ul.lotusList li.lotusSelected a, .oneui ul.lotusList li.lotusSelected a:visited {color:#000;}
.oneui .lotusInlinelist {list-style-type:none;margin:0;padding:0;}
.oneui .lotusInlinelist li.lotusFirst, .oneui .lotusInlinelist li.lotusLast{border-left-width:0;padding-left:0;}
.oneui .lotusInlinelist li {display:inline-block;font-size:1em;line-height:1.5;}
.oneui .lotusInlinelist li {border-left:1px solid #CCCCCC;display:inline;margin:0;padding:0 7px;}

.oneui .lotusOffScreen{position:absolute;right:-9999px;}

.oneui .lotusForm2 {
  margin:0;
  padding:0;
  zoom:1;
  background-color:transparent;
}

.oneui .lotusForm2 .lotusMessage2 {
  top:20px;
  margin:20px;
} /*global error messages*/

.oneui .lotusForm2 .lotusFormTitle {
  padding:15px 20px
}

.oneui .lotusForm2 .lotusFormBody {
  padding:0 20px 10px;
}

.oneui .lotusForm2 .lotusFormTitle .lotusHeading {
  font-size:1.3em;
  font-weight:bold;
  color:#222;
} /*extra specificity here so if the form sits in a table it doesn't use the table lotusHeading size*/

.lotusui_ie .oneui .lotusForm2 .lotusFormTitle .lotusHeading {
  float:none;
  /*override for when form is in a section*/
}

.oneui .lotusForm2 .lotusFormTitle .lotusMeta {
  font-size:1em;
}

.oneui .lotusForm2 label, .oneui .lotusForm2 .lotusFormLabel {
  display:block;
  margin-bottom:3px;
  color:#222;
} /*lotusFormLabel is used when you want text that looks like a label but isn't really.  Chances are you would use a section header or fieldset legend instead, but this gives you another option*/

.lotusui_ie8 .oneui .lotusForm2 label .lotusIcon img,
.lotusui_ie8 .oneui .lotusForm2 .lotusFormLabel .lotusIcon img,
.lotusui_ie9 .oneui .lotusForm2 label .lotusIcon img,
.lotusui_ie9 .oneui .lotusForm2 .lotusFormLabel .lotusIcon img {
  vertical-align:text-top;
} /*better alignment than the icon hanging below the label which middle alignment does*/

.oneui .lotusForm2 .lotusFormRequired {
  margin-right:3px;
}

.oneui .lotusForm2 fieldset {
  margin:0;
  padding:0;
  border-width:0;
  min-width:271px;
  float:left;
} /*this allows us to use fieldsets for non-sighted users, only*/

.oneui .lotusForm2 .lotusFieldset {
  padding:0 5px 5px 5px;
  border:1px solid #aaa;
} /*assign this to a fieldset you want to display*/

.oneui .lotusForm2 fieldset legend {
  padding-left:0;
  padding-right:0;
  margin-bottom:2px;
  color:#222;
  font-weight:normal;
}

.oneui .lotusForm2 .lotusFieldset legend {
  padding-left:2px;
  padding-right:2px;
}

/*adjustments to checkbox/radio buttons for better x-browser alignment*/
.oneui .lotusForm2 input.lotusCheckbox {
  width:13px;
  height:13px;
  margin:0 3px 0 0;
  padding:0;
  vertical-align:bottom;
  position:relative;
  top:-3px;
}

.lotusui_ie .oneui .lotusForm2 input.lotusCheckbox {
  top:-5px;
  margin-right:6px;
}

.lotusui_ie .oneui .lotusForm2 .lotusFieldset input.lotusCheckbox {
  top:-2px;
} 

.lotusui_ie9 .oneui .lotusForm2 input.lotusCheckbox {
  top:-2px;
}

.oneui .lotusForm2 label.lotusCheckbox {
  display:inline;
} /*use for radio buttons, too*/

.oneui .lotusForm2 .lotusFormField {
  margin-bottom:10px;
  overflow:hidden;
  clear:both;
  zoom:1;
}

.oneui .lotusForm2 .lotusFormField .lotusMeta {
  margin-top:5px;
}

.oneui .lotusFormField .lotusFieldWrapper {
  float:left;
  /*this is to allow an error or help icon to align top*/
}

.oneui .lotusForm2 fieldset .lotusFieldWrapper {
  float:none;
}

.oneui .lotusForm2 .lotusText, .oneui .lotusForm2 textarea, .oneui .lotusForm2 select {
  width:275px;
  border:1px solid #aaa;
  padding:3px;
}

.oneui .lotusForm2 textarea.lotusText {
  overflow:auto;
} /*removes textarea scrollbars in IE unless they are needed*/

.oneui .lotusForm2 select {
  padding:1px 0;
  width:283px;
} /*reset this to look better*/

.oneui .lotusForm2 .lotusFormFooter {
  padding:10px 20px;
  background-color:#eee;
}

.oneui .lotusForm2 .lotusFormFooter .lotusBtn {
  margin-right:10px;
}

.lotusui_ie .oneui .lotusForm2 .lotusBtn {
  padding:1px 7px;
  width:auto;
  overflow:visible;
} /*IE button padding hack (and reset button padding from default)*/

.lotusui_ie7 .oneui .lotusForm2 input.lotusCheckbox {
  margin-left:-3px
} /*fixes IE 3px margin jog bug - we aren't fixing in IE6 or IE8 because the checkboxes are different from the radio buttons in left alignment and this fix brings the checkbox too far to the left*/

.lotusui_ie .oneui .lotusForm2 legend, .lotusui_ie8 .oneui .lotusForm2 legend {
  margin-left:-6px
} /*align legend with content when there's no border*/

.lotusui_ie .oneui .lotusForm2 .lotusFieldset input.lotusCheckbox, .lotusui_ie .oneui .lotusForm2 .lotusFieldset legend, .lotusui_ie8 .oneui .lotusForm2 .lotusFieldset input.lotusCheckbox, .lotusui_ie8 .oneui .lotusForm2 .lotusFieldset legend {
  margin-left:0
} /*reset*/


/*forms with labels to the left - lotusLeftLabels is an additional class beside lotusForm2*/
/* this version of the form has adjustments to padding to get the required field indicators to hang*/
.oneui .lotusLeftLabels .lotusFormBody {
  padding-left:10px
}

.oneui .lotusLeftLabels label, .oneui .lotusLeftLabels .lotusFormLabel {
  margin-left:10px;
  padding-right:10px;
  float:left;
  width:120px;
  position:relative;
  word-wrap:break-word;
  zoom:1;
} /*lotusFormLabel is an extra label like a fieldset legend*/

.oneui .lotusLeftLabels .lotusFormRequired {
  position:absolute;
  left:-8px;
}

/*use lotusIndent for items needed to align with the form elements, when there isn't a left label*/
.oneui .lotusLeftLabels .lotusIndent {
  margin-left:140px;
}

.lotusui_ie6 .oneui .lotusLeftLabels .lotusIndent {
  margin-left:150px;
}

.oneui .lotusLeftLabels label.lotusCheckbox {
  margin-left:0;
  padding-right:3px;
  float:none;
  width:auto;
}

.oneui .lotusLeftLabels fieldset input.lotusCheckbox {
  margin-left:0;
}

.oneui .lotusLeftLabels .lotusFormField .lotusMeta {
  width:275px;
  /*this needs to match the width of form fields*/
}


/*form sections*/
.oneui .lotusForm2 .lotusFormSection {
  margin-top:30px
}

.lotusui_ie6 .oneui .lotusForm2 .lotusFormBody .lotusFormSectionHeader .lotusArrow {
  overflow:hidden;
}

.oneui .lotusForm2 .lotusFormBody .lotusFormSectionHeader .lotusHeading2 {
  font-size:1.1em;
  float:none;
  /*override for when form is in a section*/
}

.oneui .lotusForm2 .lotusFormSectionHeader .lotusMeta {
  font-size:1em;
}

.oneui .lotusForm2 .lotusFormSectionHeader .lotusHeading2 a, .oneui .lotusForm2 .lotusFormSectionHeader .lotusHeading2 a:visited, .oneui .lotusForm2 .lotusFormSectionHeader .lotusHeading2 a:hover, .oneui .lotusForm2 .lotusFormSectionHeader .lotusHeading2 a:focus, .oneui .lotusForm2 .lotusFormSectionHeader .lotusHeading2 a:active {
  color:#222;
  text-decoration:none;
}

.oneui .lotusForm2 .lotusFormSectionBody {
  padding-top:10px;
  padding-left:15px;
  clear:both;
}


/*form errors*/
/*lotusFormError applies to older form styles, it is for a message that shows up above a field in error or for an error message at the top of a smaller form.  For messages at the top of a larger form or dialog, use an error message component*/
.oneui .lotusForm2 .lotusFormError {
  color:#ce2c25;
} /*for error text not in a message component*/

.oneui .lotusForm2 .lotusFormErrorIcon {
  visibility:hidden;
  display:inline-block;
  margin-left:5px;
  font-weight:bold;
  color:#ce2c25/*alt text*/;
} /*displays next to a field*/

.oneui .lotusForm2 fieldset.lotusFieldset + span.lotusFormErrorIcon {
  margin-top:8px;
} /*this is the error icon for a radio or checkbox group with a visible fieldset*/

.oneui .lotusForm2 .lotusFormErrorField {
  border:1px solid #ce2c25;
}

.oneui .lotusForm2 fieldset.lotusFormErrorField {
  padding:5px;
}

/*the fieldset top border disappears when the legend isn't visible. Using progressive enhancement (and advanced CSS selectors) we can create fallback styling*/
/*all fieldsets in error in IE get a background color instead of a border*/
.lotusui_ie .oneui .lotusForm2 fieldset.lotusFormErrorField, .lotusui_ie8 .oneui .lotusForm2 fieldset.lotusFormErrorField {
  border-width:0;
  background-color:#ffe3ed;
}

/*IE7 and up browsers get a red border on a visible fieldset*/
.lotusui_ie7 .oneui .lotusForm2 fieldset.lotusFieldset.lotusFormErrorField, .lotusui_ie8 .oneui .lotusForm2 fieldset.lotusFieldset.lotusFormErrorField {
  border:1px solid #ce2c25;
  background-color:transparent;
}


.oneui .lotusForm2 .lotusFormFooter {
  border-width:1px 0 0;
   border-style:solid;
   border-color:#aaa;
}

.oneui .lotusForm2 .lotusFormFooter {
  background:none;
}

.oneui .lotusForm2 .lotusFormFooter .lotusBtn {
  margin-right:9px;
}

.lotusui_ie .oneui .lotusForm2 .lotusFormFooter .lotusBtn, .lotusui_ie8 .oneui .lotusForm2 .lotusFormFooter .lotusBtn, .lotusui_ie9 .oneui .lotusForm2 .lotusFormFooter .lotusBtn {
  margin-right:10px;
} /*IE6-8 do not have the shadow, and IE9s shadow does not need the 1px left margin*/

.oneui .lotusForm2 .lotusFieldEmphasis {
  
		-moz-box-shadow: 0 3px 3px #F3F3F3 inset;
  
		-webkit-box-shadow: 0 3px 3px #F3F3F3 inset;
  
		box-shadow: 0 3px 3px #F3F3F3 inset;
}

.pageMargin{margin:15px;}

div.fieldset {
    background-color: #FFFFFF;
    border: 1px solid #DDDDDD;
    border-radius: 10px;
    margin: 2px 30px 2px 5px;
    padding: 2px 6px;
}
div.field-row {
    margin-bottom: 7px;
    margin-top: 7px;
    width: 100%;
}
div.field-title {
    font-size: 18px;
    font-weight: bold;
    margin: 1em 0.7em 0.3em;
}
span.field-label {
    color: #333333;
    display: inline-block;
    font-size: 16px;
    font-weight: bold;
    line-height: 30px;
    vertical-align: top;
    width: 140px;
}
div.field-title {
    color: #333333;
    text-shadow: 0 1px 1px #FFFFFF;
}
.footer{height:50px;width:100%;position:fixed;bottom:0px;left:0px;}
.footerA{height:50px;width:100%;bottom:0px;left:0px;}
#footerLink img{vertical-align:bottom;}
.mblListItemIcon{margin-top:12px;}
/*COMMENT CONTAINERS*/
/* comment list */
.oneui ul.lotusCommentList{margin:0;padding:0;list-style-type:none;}
.oneui ul.lotusCommentList li{border-top-color:#e3e2e2;zoom:1;}
.oneui ul.lotusCommentList li.lotusCommentItem,
.oneui ul.lotusCommentList > li{border-top-width:1px;border-top-style:solid;}/*the second definition is for any 2.1 code that was out there without the lotusCommentItem class*/
.oneui ul.lotusCommentList li.lotusFirst{border-top-width:0;}
.lotusCommentBubbleFirst{margin:10px;padding:5px;}
.lotusCommentBubble{border-top: 1px #ddd solid;margin: 10px;padding:10px;}
.mblHeadingw .mblDomButtonIdxHeadingSearchIconw {
    background-color: rgba(0, 0, 0, 0);
    background-image: url("lotusHSprite-8bit.png");
    background-position: -591px -8px;
    opacity: 0.45;

    background-repeat: no-repeat;
    height: 16px;
    margin: 0;
    vertical-align: middle;
    width: 16px;
}