/* xsp.css overrides these from the default browser settings... WHY WHY WHY???? */
em {
	font-style: italic
}

strong {
	font-weight: bold
}


.lotusFilters a.lotusFilter,.lotusFilters button.lotusFilter {
	background: #f4f7fc; border: 1px solid #c4d8f2; border-radius: 4px;
	padding: 1px .5em; display: inline-block; vertical-align: middle;
	margin-bottom: 1px; position: relative; top: 2px;
	/* position/top are to correct for padding and border, keep text aligned */
}

.lotusFilters a.lotusFilter:hover {
	text-decoration: none; background: #eeeefc;
}

.ReadOnly .lotusFilters a.lotusFilter:hover {
	background: #f4f5fc;
}

.lotusFilters a.lotusFilter .lotusClose,.lotusFilters button.lotusFilter .lotusClose
	{
	margin-left: .5em
}

/* the skin CSS has this as inline-table (without the span) but that won't allow the shared toolbar to wrap */
.cke_skin_lotus span.cke_editor {
	display: inline-block;
}

.cke_skin_lotus .cke_rcombo {
	margin: 2px 4px !important;
}

/* new in 9, the oneui3 has this border, so overriding it here. They put in important, so I have to too */
/*  and in 9.0.1, ckeditor 4.x, they changed the target of the rule to .ce_inner .cke_contents */
.MapElementFieldCell .cke_skin_oneui3 .cke_wrapper .cke_editor td.cke_contents,
.MapElementFieldCell .cke_inner .cke_contents
	{
	border: none !important;
	border-bottom: 1px solid silver !important;
}
/* for the moonocolor skin, some changes necessary in the mapelementfieldcell */
.MapElementFieldCell .cke_chrome {
	border: none !important;
}

/* not really oneUI, but trying to make dijit.dialog non-modal */
#search_underlay,#searchForm_underlay {
	background: silver; display: none;
}

.xspButtonNative,.xspButtonCommand,.xspButtonSubmit,.xspButtonCancel {
	/* if a button has a height, it messes with the default formatting, so put it back/make it consistant */
	font-family: Verdana, Arial, sans-serif; font-size: 11px;
	border-radius: 5px; color: #039; background-color: #e0e0e0;
	background: -webkit-linear-gradient(bottom, #e0e0e0 0%, #fff 100%);
	background: linear-gradient(to top, #e0e0e0 0%, #fff 100%);
	cursor: pointer; border: 1px solid #669; white-space: nowrap;
	/* since we have an height from xsp.css, just to be sure the content text doesn't wrap*/
	margin-right: .4em;
}

a.xspButtonCommand {
	display: inline-block; text-decoration: none; padding: .25em .5em;
	vertical-align: baseline; height: auto;
}

a.xspButtonCommand:link,a.xspButtonCommand:visited,a.xspButtonCommand:hover,a.xspButtonCommand:active
	{
	text-decoration: none;
}

.xspButtonNative.active,.xspButtonCommand.active,.xspButtonSubmit.active,.xspButtonCancel.active
	{
	box-shadow: 0px 0px 4px 0px #039; background-color: #bdf;
	background: -webkit-linear-gradient(bottom, #bdf 0%, #fff 100%);
	background: linear-gradient(to top, #bdf 0%, #fff 100%);
}

.xspButtonCommand[disabled] {
	color: #999
}

.xspInputFieldEditBox {
	height: 1.5em;
}

.xspTabbedPanelContainer { /* border-bottom: 1px solid #039; */
	
}

.xspTabbedPanelTabs li {
	background: url('table-head-grad.jpg') repeat-x #4A69C6; color: white;
	margin-right: 5px; border-width: 1px; border-style: solid;
	border-color: #039; -moz-border-radius: 5px 5px 0 0;
	border-radius: 5px 5px 0 0; font-weight: bold;
}

.xspTabbedPanelTabs li.xspSelectedTab {
	background: white; color: #039; border-bottom-color: white;
}

.xspTabbedPanelTabs a:link,.xspTabbedPanelTabs a:visited,.xspTabbedPanelTabs a:hover
	{
	color: white; background: none
}

.xspTabbedPanelTabs li.xspSelectedTab a:link,.xspTabbedPanelTabs li.xspSelectedTab a:visited,.xspTabbedPanelTabs li.xspSelectedTab a:hover
	{
	background: none; color: black;
}

.xspTabbedPanelTabs a:hover,.xspTabbedPanelTabs a:focus {
	text-decoration: underline;
}

.xspTabTabbedPanel {
	border-width: 1px; border-color: #039;
	border-style: solid solid solid solid; border-radius: 5px;
	background: white; padding: 10px 20px; background: white;
}

ul.xspTabbedPanelTabs {
	bottom: -2px;
}

/* for the plain dijitTabbedContainer interface: */
.tundra .dijitTabContainerTop-tabs {
	padding-left: 10px; border-color: #039;
}

.tundra .dijitTabContainerTop-tabs .dijitTab {
	background: url('table-head-grad.jpg') repeat-x #4A69C6; color: white;
	margin-right: 5px; border-width: 1px; border-style: solid;
	border-color: #039; -moz-border-radius: 5px 5px 0 0;
	border-radius: 5px 5px 0 0; font-weight: bold;
}

.tundra .dijitTabContainerTop-tabs .dijitTabChecked {
	background: white; color: #039; border-bottom-color: white;
}

.tundra .dijitTabPaneWrapper {
	border-width: 1px; border-color: #039;
	border-style: none solid solid solid; background: white;
	padding: 10px 10px;
}

/* end of dijitTabbedContainer */
.xspDataTableFileDownload {
	width: 600px
}

.xspDataTableFileDownload thead tr th .xspTextComputedField {
	color: white
}

.hideMyContents * {
	display: none
}  /* to hide the delete column in multivalue tables */
.menuButton {
	border: none; background: transparent;
}

.tundra .dijitSplitterH {
	border-width: 1px; border-color: #666; border-style: solid none;
	background: #E0E0FF;
}

.tundra .dijitPaddedContentPane {
	padding: 5px
}

.tundra .dijitDialog {
	border: 3px solid #039; min-height: 100px;
}

.tundra .dijitDialogTitleBar {
	background: #4A68C8 url(table-head-grad.jpg) repeat-x; font-size: 12px;
	color: white;
}

.tundra .dijitDialogPaneContent .layoutTable {
	width: auto; border: 1px solid lightgray; margin: 1em 10%;
}

.tundra .dijitDialogPaneContent .layoutTable td {
	padding: 10px;
}

.tundra .dialogButtonBar {
	text-align: right; background: #EEEEFF; margin: 0 -10px -10px -10px;
	padding: 5px 20% 5px 10px;
}
.tundra .dialogButtonBar button+button {
	margin-left: 2em;
}

.tundra .dijitDialog .errorSummary {
	font-weight: bold;
}

.tundra .dijitDialog .errorDetail {
	padding: 3px 2em
}

.tundra .dijitDialog .xspPickerListButton {
	margin-top: 3px; margin-bottom: 3px;
}

.tundra .dijitSelectMenu td.dijitMenuItemLabel,
	/* dijit.form.Select (1.5)*/ .tundra .dijitComboBoxMenu .dijitMenuItem,
	/* dijit.form.FilteringSelect (1.5) */ .tundra .dijitPopup .dijitMenuItem
	/* dijit.form.FilteringSelect (1.4.3) */ {
	max-width: 250px; white-space: normal; padding-left: 2.1em;
	text-indent: -2em;
}

.tundra table.dijitSelect {
	border: none
}

.tundra .dijitMenuPassive .dijitMenuItemHover,.tundra .dijitMenuItemSelected
	{
	background-color: #69f; color: white;
}

.tundra .dijitMenuPassive .dijitMenuItemHover.dijitMenuItemDisabled,.tundra .dijitMenuItemSelected.dijitMenuItemDisabled
	{
	background-color: white; color: black;
}

.xspPickerName .dijitBorderContainer {
	width: auto; height: auto;
}

.xspPickerName {
	height: 100%; width: 100%;
}

.xspPickerNameBodyWrapper {
	border: 1px solid #b7b7b7; overflow: auto; height: 100%;
}

.xspPickerNameBody {
	margin: 0; padding: 0; background: #fff;
}

.xspPickerNameItem {
	background: #b7cdee !important;
}

.xspPickerNameItemSelected {
	background: #b7cdee !important;
}

.xspPickerNameItemHover { /*border:1px dotted #b7b7b7*/
	
}

.xspPickerNameBody li {
	padding: 2px 1px 1px 2px
}

.xspPickerNameButton {
	width: 70px !important; margin: 0 8px 0 5px;
}

.xspPickerNameButton2 {
	width: 70px !important; margin: 0 8px 0 5px
}

.xspPickerNameButton3 {
	width: 100px !important; margin: 0 8px 0 5px
}

.dirTabTable {
	border-spacing: 0
}

.dirTabButton {
	margin: 0; display: block;
}

.dirTabButton .dijitButtonNode {
	border-right: none; -moz-border-radius: 5px 0 0 5px;
	-webkit-border-radius: 5px 0 0 5px; border-radius: 5px 0 0 5px;
	height: 1em; width: 20px; padding: 4px 0;
}

.dirTabButton.selectedTab .dijitButtonNode {
	background: #DDD; font-weight: bold
}

/* buttonEnabled.png image copied to database */
.dirTabPlaceholder {
	height: .5em; padding-top: 2px; border-style: solid none none;
	border-width: 1px; border-top-color: silver;
	background-image: url('buttonEnabled.png');
}

.dirTabButton .dijitButtonContents {
	height: 100%;
}

.dijitTooltipContents {
	max-height: 300px; min-width: 200px; max-width: 450px; overflow: auto;
	padding: 10px;
}

/* to fix what appears to be a bug in FF, the pager (floated right) is on top of the table. Use this style on outerStyleClass on the pager. This forces an outer div, with a clear */
.cupPagerClear {
	clear: both;
}

.xspPagerRight {
	/* the elements of the pager are floated left with left padding, but that leaves no padding for the last item, so here it is */
	padding-right: 5px
}

/* to hide non-handle cells in a drag and drop avatar */
	/*.dojoDndAvatarItem td {display: none}
.dojoDndAvatarItem td.dojoDndHandle {display:table-cell}
*/ /* so that cursor only shows draggable cursor on the handle item */
.dojoDndItemOver>* {
	cursor: default
}

.dojoDndItemOver>.dojoDndHandle {
	cursor: inherit
}

.dojoDndItemBefore,.dojoDndItemAfter {
	border:none;
	padding:2px;
}

.dojoDndItemBefore > * {
	/*border-top: 4px solid #090; border-bottom: none; */
	background-image: linear-gradient(to bottom,rgba(0,153,0,1) 0%, rgba(0,153,0,.5) .25rem, rgba(255,255,255,0) .25rem, rgba(255,255,255,0) 100%); 

}
.dojoDndItemAfter > * {
	/*border-bottom: 4px solid #090; border-top: none;*/
	background-image: linear-gradient(to top,rgba(0,153,0,1) 0%, rgba(0,153,0,.5) .25rem, rgba(255,255,255,0) .25rem, rgba(255,255,255,0) 100%); 
}
fieldset.xspCheckBox, fieldset.xspRadioButton {
	margin: 0; padding: 0; border: none; vertical-align: top;
	display: inline-block;
}

fieldset.xspCheckBox label {
	white-space: nowrap
}

.tundra .dijitToolbar.largeToolbar {
	padding: 20px 10px; background: none;
}

.tundra .dijitToolbar.largeToolbar .dijitButton {
	margin: 0 5px;
}

.tundra .dijitToolbar.largeToolbar .dijitButtonNode {
	font-size: 120%;
}

.tundra .dijitToolbar .dijitButtonNode img {
	margin-right: .25em;
}

.xspPanelViewColumnHeader,.xspPanelViewColumnHeader:hover {
	color: inherit; background: inherit; padding: 0;
}

.xspSection {
	border-style: solid; border-width: 1px; border-color: #039;
	border-radius: 0 5px 5px 5px; margin: 3em 0 0 0; background: white;
	color: black; width: auto; vertical-align: baseline; min-height: 0px;
	position: relative; overflow: visible;
}

.xspSection-header {
	color: white; font-weight: bolder; font-size: 13px; white-space: nowrap;
	padding: 0; /*border-bottom: 1px solid #039;*/ position: absolute;
	bottom: 100%; width: 100%; left: -1px;
}

.xspSection-header>div {
	background: rgb(74, 104, 200) url('table-head-grad.jpg') repeat-x;
	color: white; font-weight: bolder; font-size: 13px; width: auto;
	white-space: nowrap; padding: 4px 15px 4px 10px; border-width: 1px;
	border-style: solid solid none; border-color: #039;
	border-radius: 5px 5px 0 0;
}

.xspSection-header a {
	color: inherit
}

.xspSection-header>div[style="display: inline;"],.xspSection-header>div[style="display: block;"]
	{
	display: inline-block !important;
}

.xspSection-body {
	padding: 10px 5px 10px 10px;
}

.lotusFormTable {
	width: 100%;
}

.lotusFormTitle {
	padding-bottom: 5px;
}

.lotusFormLabel {
	text-align: right; padding-right: 1em; font-style: italic; color: #666;
}

.lotusFormHeaderRow>th {
	padding-top: 6px; padding-bottom: 6px; text-align: left;
	font-weight: bold;
}

.lotusFormFieldRow>td {
	padding-top: .5em; padding-bottom: .5em;
}
.lotusFormFieldRow>td.lotusFormLabel {
	padding-top: .75em;
}
/* override iNotes Calendar formatting */
.s-cv-text,.s-cv-text-large,.s-cv-textarea {
	color: rgb(16, 16, 32) !important;
}

.s-cv-entry,.s-cv-entry-innerframe {
	background: #BDF !important;
}

.s-cv-navigator {
	display: none !important;
}

/* override xspLTR, the floating messes up formatting in FF  */
div.xspInputFieldEditBox {
	float: none
}
.xspMessage {
	display:inline-block;
	border-radius:8px;
	text-align:left;
}
@media print {
	.dijitTooltip {
		display: none !important;
	}
}