body{color:#222;background-color:#fbfcfd;background-image:url(background.png)}
a:link, a:visited{color:#3a5352}
a:hover, a:focus, a:active{color:#3a5352;}

/*** XSP specific extensions to T A B S - from defaultTheme.css ***/

.lotusTabs li{background-image:url(ddnleftTab.gif);}
/* .lotusTabs a, .lotusTabs a:visited{background-image:url(ddnrightTab.gif);} */
.lotusTabs a, .lotusTabs a:visited{background-image:url(ddnrightTab.gif);}

.lotusTabs li.lotusSelected{background-image:url(ddnleftTabSelected.gif);}
.lotusTabs li.lotusSelected a, .lotusTabs li.lotusSelected a:visited{background-image:url(ddnrightTabSelected2.gif);}

/*** B U T T O N S ***/
/*graphic button, set width*/
.lotusButton{border-color:#86b75e}
.lotusButton a, .lotusButton a:visited{color:#fff;background-color:#9ce181;border-color:#9cda43;background-image:url(btnSpecialBkgd.png);}

span.lotusBtn{border-color:#c0c7cd;}

span.lotusBtn a, span.lotusBtn a:visited{color:#0084ff;background-color:#fff;border-color:#fefefe;background-image:url(btnSpecialBkgd.png);}
span.lotusBtnAction{border-color:#86b75e}
span.lotusBtnAction a, span.lotusBtnAction a:visited{color:#fff;background-color:#9ce181;border-color:#9cda43;background-image:url(btnSpecialBkgd.png);}
input.lotusBtn{color:#fff;background-color:#9ce181;border-color:#9cda43;background-image:url(btnSpecialBkgd.png);}
span.lotusBtnSpecial{border-color:#2f76b9}
span.lotusBtnSpecial a, span.lotusBtnSpecial a:visited{color:#fff;background-color:#2c86eb;border-color:#6cacf1;background-image:url(btnSpecialBkgd.png);}
input.lotusBtnSpecial{color:#fff !important;background-color:#2c86eb;border-color:#2f76b9;background-image:url(btnSpecialBkgd.png);}
.lotusButton:hover, .lotusButton:focus, .lotusBtnAction:hover, .lotusBtnAction:focus{border-color:#385e19}
.lotusBtn:hover, .lotusBtn:focus{border-color:#8e8e8e;}
.lotusBtnSpecial:hover, .lotusBtnSpecial:focus{border-color:#10395f}
.lotusBtnDivider{border-color:#e0e0e0}
/*not implemented in the prototype yet.  These is the class for iconAdd.gif*/
.lotusAdd{border-color:#2f76b9}
.lotusAdd:hover, .lotusAdd:focus{border-color:#10395f}



.lotusFormTable input.lotusFormButton {background:url(formBtnBg.gif) top left repeat-x;}
.lotusInfoTable {background:#f0f0f0 url("../images/announceBkgd.jpg") top left repeat-x;border-color:#e3e3e3;}

.ddnButton {background:url(ddnButton.gif) top left repeat-x;border-color:#669999;padding-top:2px;;padding-bottom:2px;padding-right:25px;padding-left:25px;color:#fff;font-weight: bold;}


/*** XSP specific override for lotusFormButton - from defaultTheme.css ***/
input.lotusFormButton{background:url(formBtnBg.gif) top left repeat-x;border-color:#669999;}
.lotusFormTable input.lotusFormButton {border:1px solid #669999;border-color:#669999;}

/*** XSP specific override for lotusFormButton to work with dojo BUTTON element - from core.css and defaultTheme.css ***/
button.lotusFormButton {margin-right:5px;}
button.lotusFormButton{background:url(formBtnBg.gif) top left repeat-x;}


/*** XSP  BUTTON.<?> ***/

.xspButtonNative{margin-right:5px;background:url(formBtnBg.gif) top left repeat-x;}
.xspButtonCommand{margin-right:5px;background:url(formBtnBg.gif) top left repeat-x;}
.xspButtonSubmit{margin-right:5px;background:url(formBtnBg.gif) top left repeat-x;}
.xspButtonCancel{margin-right:5px;background:url(formBtnBg.gif) top left repeat-x;}



#lotusTitleBar .portlet-tab, .lotusTitleBar .lotusTabs, .lotusTitleBar .portlet-tab {
left:10px;
}
.lotusBanner {
overflow:hidden;
padding:5px 10px 5px 80px;
text-align:left;
}

#lotusFooter th, #lotusFooter td, .lotusFooter th, .lotusFooter td {	
	border:none;
	border-right:1px solid #E0E0E0;
}
#lotusFooter th.lotusLast, #lotusFooter td.lotusLast, .lotusFooter th.lotusLast, .lotusFooter td.lotusLast {	
	border:none;
}

.dj_ie h4 { word-break: break-all }

/*** T A B S ***/
/*tabs are used in content area and titlebar.  The style adjustments needed for the titlebar are grouped with the titleBar styles*/
/*.lotusTabContainer{height:3em;position:relative;border-bottom-width:1px;border-bottom-style:none;z-index:1;}
/*ul.lotusTabs, .portlet-tab{margin:0;padding:0;position:absolute;bottom:-1px;overflow:hidden;list-style:none;}
/*.lotusTabs li, .portlet-tab li{border-width:0 0 1px 0;border-style:solid;background-repeat:no-repeat;}
/*.lotusTabs a, .lotusTabs a:visited, .portlet-tab a, .portlet-tab:visited{display:block;background-repeat:no-repeat;text-decoration:none;line-height:1em;}/*line-height is for IE, to keep the selected tab sitting on top of the border when there is a drop-down image in the tab*/
/*.lotusTabs li.lotusSelected{background-repeat:no-repeat;}
/*.lotusTabs li.lotusSelected a, .lotusTabs li.lotusSelected a:visited, .portlet-tab li.lotusSelected a, .portlet-tab li.lotusSelected a:visited{background-repeat:no-repeat;}


/*** T A B S ***/
.lotusTabContainer{border-bottom-color:#669999;border-bottom-width:0px;border-bottom-style:none}
.lotusTabs li, .portlet-tab li{border-width:0 0 1px 0;border-style:solid;background-repeat:no-repeat;}
.lotusTabs a, .lotusTabs a:visited, .portlet-tab a, .portlet-tab:visited{color:#fff;}
.lotusTabs a:hover, .lotusTabs a:focus, .portlet-tab a:hover, .portlet-tab a:focus{color:#000;}
.lotusTabs li.lotusSelected, .portlet-tab li.lotusSelected{background-color:transparent;border-bottom-color:#fff;border-width:0 0 1px 0;border-style:solid;background-repeat:no-repeat;}
.lotusTabs li.lotusSelected a, .lotusTabs li.lotusSelected a:visited, .portlet-tab li.lotusSelected a, .portlet-tab li.lotusSelected a:visited{color:#000;}
/***********************************************************/

/*** T I T L E   B A R ***/
#lotusTitleBar, .lotusTitleBar{height:3.5em;position:relative;border-bottom-width:1px;border-bottom-style:solid;background-repeat:repeat-x;}
#lotusTitleBar .lotusRightCorner, .lotusTitleBar .lotusRightCorner{background-repeat:no-repeat;height:3.5em;}
#lotusTitleBar .lotusInner, .lotusTitleBar .lotusInner{background-repeat:no-repeat;height:3.5em;}
#lotusTitleBar h2, .lotusTitleBar h2{font-size:1.5em;line-height:2em;letter-spacing:0;width:200px;font-weight:normal}
#lotusTitleBar .lotusTabs, #lotusTitleBar .portlet-tab, 
.lotusTitleBar .lotusTabs, .lotusTitleBar .portlet-tab{}
#lotusTitleBar .lotusTabs li, .lotusTitleBar .lotusTabs li{}
#lotusTitleBar .lotusSearch, .lotusTitleBar .lotusSearch{position:absolute;top:.8em;} 
#lotusTitleBar .lotusTabs a, #lotusTitleBar .lotusTabs a:visited, 
.lotusTitleBar .lotusTabs a, .lotusTitleBar .lotusTabs a:visited{display:block;text-decoration:none;line-height:1em;background-repeat:no-repeat;font-weight:bold;line-height:1em}/*line-height is for IE, to keep the selected tab sitting on top of the border when there is a drop-down image in the tab*/
/***********************************************************/

.DDNselectedTabStyleClass {height:10px; padding:0px;background-size: 15px 15px}

/*** XSP INPUT.<?>  ***/

.xspInputFieldDateTimePicker{line-height:1.5em !important;margin:0em 0em 0em 0.1em;position:relative;vertical-align:middle}
.xspInputFieldDateTimePicker span span span {border:none !important;}
.xspInputFieldDateTimePicker span span span.dijitButtonNode {background:none !important;}
.xspInputFieldDateTimePickerIcon{height:16px;width:16px;}
.xspInputField{border:1px solid #669999;line-height:1.5em;margin:0em 0.1em;overflow:hidden;}
.xspInputField:focus{border:1px solid #f7983d !important;}
.xspInputFieldEditBox{border:1px solid #669999;line-height:1.5em;padding:0.25em;margin:0em 0.1em;overflow:hidden;position:relative;height:1.4em;}
.xspInputFieldEditBox > div{position: absolute;top: 0;left: 0;bottom: 0;right: 0;width: 100%;background:transparent;}
.xspInputFieldEditBox > div, x:-moz-any-link {position: static !important;float: left;}

.xspInputFieldEditBox:focus{border:1px solid #f7983d !important;}
.xspInputFieldSecret{border:1px solid #669999;line-height:1.5em;padding:0.25em;margin:0em 0.1em;overflow:hidden;height:1.4em;}
.xspInputFieldSecret:focus{border:1px solid #f7983d !important;}
.xspInputFieldTextArea{overflow:auto;border:1px solid #669999;margin:0em 0.1em;padding:0.25em;font-family:Arial, Verdana, Helvetica, sans-serif;font-size:inherit;}
.xspInputFieldTextArea:focus{border:1px solid #f7983d !important;}
.xspInputFieldRichText{width:100%;background-color:#ffffff;}
/* override dojo theme rule for rte container - this provides a border around the rte */
.RichTextEditable{border-color:#b3b3b3 !important;border-style:solid !important;border-width:1px !important;}
.xspInputFieldHidden{display:none;}
.xspInputFieldFileUpload{margin:0em 0.1em;padding:1px;color:inherit;}
.xspInputFieldFileUpload:focus{border:1px solid #f7983d !important;}

/*** XSP TABBEDPANEL.<?> / TAB.TABBEDPANEL.<?> ***/

.xspTabbedPanelOuter{}
.xspTabbedPanelContainer{}
.xspTabbedPanelTabs{}
.xspTabbedPanelContentSeparator{}

.xspTabTabbedPanel{padding:5px 0px;margin:0px 10px;border:1px solid #669999}
.xspUnselectedTab{}
.xspStartTab{}
.xspMiddleTab{}
.xspEndTab{}

/*** XSP  PANEL.<?> ***/

.xspPanel{}
.xspPanelViewColumnHeader{padding:2px;padding-top:4px;color:#669999;font-weight:bold;}
.xspPanelViewColumnHeader:hover{background-color:#669999;}

/*** XSP COLUMN.<?> ***/

.xspColumn{padding:0px;margin:2px}

.xspColumnView{vertical-align:baseline;}
.xspColumnViewStart{padding-top:4px;padding-bottom:4px;}
.xspColumnViewMiddle{padding-top:4px;padding-bottom:4px;}
.xspColumnViewEnd{padding-top:4px;padding-bottom:4px;}
.xspColumnViewNumeric{padding-top:4px;padding-bottom:4px;}

/*** XSP LISTBOX.<?>  ***/

.xspListBox{border:1px solid #669999;line-height:normal;margin:0em 0.1em;}

/*** XSP  COMBOBOX.<?> ***/

.xspComboBox{background:#ffffff;border:1px solid #669999;line-height:normal;padding:0.25em;margin:0em 0.1em;height:2.0em;}
.xspComboBox:focus{border:1px solid #f7983d !important;}