/* 
Main colors to use here

Title:	#81c0cf (dark blue) or #b9d1f4 (darker)
Body:	#EFF3FB (light blue)

*/
BODY {
	margin: 0;
	background: #FFF;
	color: #000;
	font-family: 'Segoe UI', 'Lucida Sans Unicode', Sans-Serif;
	font-size: 13.6px;
}

.tabContainer {
	font-family: 'Segoe UI', 'Lucida Sans Unicode', Sans-Serif;
	font-size: 13.6px;
}

FORM {
	margin: 0;
	/* overflow: none;  this appears to help IE10 deal with toggling body overflow hidden<->auto during dialog show and hide, without this oddball scrollbars appear on form element */
}
/* added a harmless class for div below to prevent an occasional yet ridiculous "style not defined" error in IE Console when minimizing web parts, on code: n.style.display = "none" where n.style === undefined which should be impossible. Only happens in IE */
div {
	cursor: auto;
}
/* griview column headers should be left aligned, ref bugid 5501 */
TH {
	text-align: left;
}

A {
	color: #003399;
}

	A:link {
		COLOR: #003399;
		TEXT-DECORATION: none;
	}

	A:visited {
		COLOR: #003399;
		TEXT-DECORATION: none;
	}

	A:hover {
		COLOR: red;
		TEXT-DECORATION: underline;
	}

select {
}

.border1 {
	border: 1px;
	border-radius: 2px;
}

HR {
	COLOR: #003399;
	HEIGHT: 2px;
}

.chart {
	width: 100% !important;
	height: 100% !important;
}
/* cosmetic change to UI: move ibtnManage to top right with using float */
.ibtnManage {
	float: right;
}

.tblDyn {
	border-spacing: 0;
	margin-right: 16px;
	position: center;
	width: 100%;
}


.trDyn {
	margin: 0 0 0 0;
	border-spacing: 0;
	border-top-width: 0;
	border-right-width: 0;
	border-bottom-width: 0;
	border-left-width: 0;
}

.hidden {
	visibility: hidden;
	width: 0;
}

.tickler {
	color: blue;
	background-color: yellow;
	text-decoration: blink;
	font-variant: small-caps;
}

.BulletStyle {
	vertical-align: top;
	padding-bottom: 5px;
}

div#dvInnerDataNavTree {
	clear: both;
	width: 100%;
	overflow: scroll;
	/*height: 530px;*/
}

/* change this when creating new skin */
.WebPartTitle {
	background-color: #e2ecee;
	color: #3C466C;
	padding: 2px 7px 2px 6px;
	border-radius: 4px;
}

.roundedCorners {
	border-radius: 4px;
}

#tdMainForm {
	border-radius: 4px;
	vertical-align: top;
	border: 0 inset Gray;
	position: relative;
}

.BannerFrame {
	background-color: #68a6b4;
	border-radius: 4px;
}
/* sets the black images on Bannerframe to white */
/* https://stackoverflow.com/a/35326916/1129926 */
.inverted {
	-webkit-filter: grayscale(1) invert(1) contrast(500%);
	filter: grayscale(1) invert(1) contrast(500%);
}

.BannerCell A:link {
	/*font-weight: bold;*/
	font-size: 16px;
	color: white;
	text-decoration: none;
}

.BannerCell A:visited {
	/*font-weight: bold;*/
	font-size: 16px;
	color: white;
	text-decoration: none;
}

.BannerCell {
	/*font-weight: bold;*/
	font-size: 16px;
	color: white;
}

.BannerTitle {
	/*font-weight: bold;*/
	font-size: 16px;
	color: #FFFFFF;
}

.HeaderFrame {
	background-color: #c9d1d5;
}

.HeaderCell {
}

.HeaderTitle {
	font-weight: normal;
	font-size: 14px;
	color: black;
}
/* change this when creating new skin */
/* since adding ibtnHamburger, the panel will default to hidden */
.LogoAndTreeviewCells {
	background-color: #EFF3FB;
	display: none;
	visibility: hidden;
	width: 0;
}

.GradientTitleHeader {
	/*font-weight: bold;*/
	font-size: 16px;
	color: #003399;
	padding: 2px 7px 2px 6px;
}

.SolidTitleHeader {
	background-image: none;
	background-color: #b9d1f4;
	/*font-weight: bold;*/
	font-size: 16px;
	color: #003399;
	padding: 2px 7px 2px 6px;
	border-radius: 4px;
}

.DarkGradientTitleHeader {
	background-color: #b9d1f4;
	/*font-weight: bold;*/
	font-size: 16px;
	color: #FFFFFF;
	padding: 2px 7px 2px 6px;
	border-radius: 4px;
}
/* 866 Remove Buttons in 'New' mode */
.ibtnNotAllowed {
	cursor: not-allowed;
}

.LabelText {
	color: black;
}

.RadioButtonText {
	color: black;
}
/* note that CTCalcCell is above resultsCellOffSpec1 so that resultsCellOffSpec1 take precedence in the cascade, otherwise off spec calculated results can be green */
.CTCalcCell {
	height: 100%;
	color: Black;
	border-width: 1px;
	background-color: palegreen;
	width: 70px;
}
/* note that CTCalcCell is above resultsCellOffSpec1 so that resultsCellOffSpec1 take precedence in the cascade, otherwise off spec calculated results can be green */
.CTCalcCell_2 {
	height: 100%;
	color: Black;
	border-width: 1px;
	background-color: palegreen;
	width: 70px;
}

.resultsCellNormal {
	height: 100%;
	color: black;
	border-width: 1px;
	width: 125px;
}

.resultsCellMenuChoice {
	height: 100%;
	color: black;
	border-width: 1px;
	width: 50px;
}
/* STATUS = e */
.resultsCellEntered {
	height: 100%;
	color: Black;
	border-width: 1px;
	background-color: #99cc00 !important;
	width: 125px;
}
/* STATUS like %v */
.resultsCellValidated {
	height: 100%;
	color: Blue !important;
	border-width: 1px;
	width: 125px;
}
/* STATUS like %v */
.resultsCellInValidated {
	height: 100%;
	color: Red !important;
	border-width: 1px;
	width: 125px;
}

.invalidDataEntry {
	height: 100%;
	color: Black;
	border-width: .1em;
	border-right: darkkhaki 0.1em solid;
	border-top: darkkhaki 0.1em solid;
	border-left: darkkhaki 0.1em solid;
	border-bottom: darkkhaki 0.1em solid;
	background-color: #99cc00;
}
/* STATUS = m */
.resultsCellModified {
	height: 100%;
	color: Black;
	border-width: 1px;
	background-color: #999900 !important;
	width: 125px;
}
/* STATUS like %1 */
.resultsCellOffSpec1 {
	background-color: #ff6347 !important;
	height: 100%;
	color: Black;
	border-width: 1px;
	font-size: 14px;
	width: 125px;
}
/* STATUS like %2 */
.resultsCellOffSpec2 {
	background-color: #ff9c00 !important;
	border-width: 1px;
	width: 125px;
}
/* STATUS like %3 */
.resultsCellOffSpec3 {
	color: black;
	background-color: #ffff51 !important;
	border-width: 1px;
	width: 125px;
}
/* STATUS like %s */
.resultsCellOffSpecS {
	color: black;
	background-color: #d8bfd8 !important;
	border-width: 1px;
	width: 125px;
}
/* STATUS like %f */
.resultsCellOffSpecF {
	color: black;
	background-color: #db7093 !important;
	border-width: 1px;
	width: 125px;
}

.resultsCellEnteredLabel {
	color: black;
}

.resultsCellModifiedLabel {
	color: black;
}

.resultsCellOffSpec1Label {
	color: black;
}

.resultsCellOffSpec2Label {
	color: black;
}

.resultsCellOffSpec3Label {
	color: black;
}

.resultsCellOffSpecSLabel {
	color: black;
}

.resultsCellOffSpecFLabel {
	color: black;
}

.resultsTextBoxOffSpecLow {
	color: white;
	background-color: #ff6347;
	text-align: left;
	height: 100%;
	width: 125px;
	font-size: 14px;
	border: .0em solid black;
}

.resultsTextBoxOffSpecHigh {
	color: white;
	background-color: #ff6347;
	text-align: right;
	height: 100%;
	width: 125px;
	font-size: 14px;
	border: .0em solid black;
}

.TableText {
	color: #003399;
}

.WebPartContent {
	color: #003399;
}

.EditorZoneBody {
	color: #000000;
	border-radius: 4px;
}

.EditorZoneFooter {
	color: white;
	background-color: #2254b1;
	padding: 5px;
}

.EditorPartStyle {
	background-color: #e1ecfc;
	padding: 0;
}

.EditorZoneTitle {
	/*font-weight: bold;*/
	font-size: 16px;
	color: white;
	background-color: #2254b1;
	padding: 3px 7px 3px 3px;
}

.EditorPartTitle {
	background-color: #cbdbf8;
	/*font-weight: bold;*/
	font-size: 16px;
	color: #191970;
	padding: 2px 0 2px 4px;
}

.EditorZoneVerb {
	color: black;
}

.unsorted {
	background-image: none;
}

.sortedAsc {
	background-image: url(images/sort_down.gif);
	background-repeat: no-repeat;
	background-position: right;
}

.sortedDesc {
	background-image: url(images/sort_up.gif);
	background-repeat: no-repeat;
	background-position: right;
}

.WebPartBody {
	/*border-width: 3px;*/
	border-radius: 4px;
}

	.WebPartBody TABLE {
		font-size: 13.6px;
	}

	.WebPartBody A:link {
		color: #003399;
		text-decoration: underline;
	}

	.WebPartBody A:visited {
		color: #003399;
		text-decoration: underline;
	}

	.WebPartBody A:hover {
		color: red;
		text-decoration: underline;
	}

	.WebPartBody TH {
		/*font-weight: bold;*/
		font-size: 16px;
	}

	.WebPartBody TD {
	}

	.WebPartBody H1 {
		/*font-weight: bold;*/
		font-size: 200%;
	}

.toolTip {
	visibility: hidden;
	background-color: #EFF3FB;
}

.toolTipHeader {
	height: 15px;
	background-color: #cbdbf8;
}

.toolTipFooter {
	height: 15px;
	background-color: #cbdbf8;
}

.toolTipText {
}

.collapsePanelHeader {
	width: 100%;
	background-color: #68a6b4;
	color: #ffffff;
	border-radius: 2px;
	/*font-weight: bold;*/
	font-size: 16px;
	border-radius: 5px;
}

.menuPanel {
	width: 100%;
	background-color: #68a6b4;
	color: #ffffff;
	border-radius: 2px;
	/*font-weight: bold;*/
	font-size: 16px;
}

#rightcolumn .collapsePanelHeader a {
	color: #ffffff;
}

	#rightcolumn .collapsePanelHeader a:hover {
		text-decoration: none;
		background: none;
	}

.textBoxMini {
	height: 100%;
	width: 70px;
	font-size: 12px;
	color: Black;
	border-width: 1px;
}

.dvLookup {
	z-index: 20;
	display: none;
	height: auto;
	background-color: #EFF3FB;
	visibility: hidden;
	position: absolute; /*width: 500px;*/
	width: auto;
	line-height: 1.5;
	border: 0 gray solid;
	border-radius: 4px;
}

.textBoxModReason {
	height: 100%;
	width: 100px;
	font-size: 12px;
	color: Black;
	border-width: 1px;
	background-color: lightblue;
}

#excelDataTableTH td {
	padding-left: 5px;
}

#excelDataTable td {
	padding-left: 5px;
}

.textBoxSQC {
	z-index: 19;
	height: 12px;
	width: 125px;
	color: Black;
	position: absolute;
}

.listboxSQC {
	z-index: 19;
}

.dvSQC35 {
	z-index: 20001;
	height: auto;
	background-color: #EFF3FB;
	visibility: visible;
	position: absolute;
	width: auto;
}

.SQC35 {
	left: 10px;
	width: 900px;
	height: 460px;
	visibility: visible;
	top: 10px;
}

.sqcLookupON {
	display: none;
	z-index: 1;
	height: auto;
	background-color: #EFF3FB;
	visibility: hidden;
	position: absolute;
	width: auto;
}

.textBox, .textBoxNumeric, .textBoxDate, .bgTextBox, .textBoxSettings, .resultTextBox, .textBoxTime, .DateType {
	height: 30px;
	width: 95%;
	color: Black;
	background-color: white;
	white-space: pre-wrap;
	border-radius: 5px;
	border-color: black;
	border-width: 0px;
	padding-left: .25em;
	border-width: 0px;
	border-style: none;
}

.textBoxOwner {
	height: 30px;
	width: 100px;
	font-size: 12px;
	color: Black;
	vertical-align: top;
	border-radius: 5px;
	border-color: darkgoldenrod;
	border-width: 2px;
	background-color: lightgrey;
	border-width: 0px;
	padding-left: .25em;
}

.textBoxWatermark {
	height: 100%;
	font-size: 12px;
	color: #808080;
}

.smartsearch {
	width: 2em;
	position: relative;
	line-height: 1.25;
	top: -8px;
	display: inline-block;
	margin: 0 0 -5px 2px !important;
	height: 20px;
	border-radius: 2px;
}

.smartsearchOnFocus {
	width: 20em;
	position: absolute;
	top: 40px;
	border: 1px solid black;
	font-size: 120%;
	padding: 3px;
	border-radius: 2px;
	background-color: white;
}

.textBoxMultiLine {
	height: 50px;
	width: auto;
	overflow: auto;
	color: Black;
	/*border-width: 1px;*/
}

.textBoxLimits {
	height: 100%;
	color: Black;
	/*border-width: 1px;*/
}

.textBoxCalc {
	height: 50px;
	overflow: auto;
	color: Black;
	/*border-width: 1px;*/
}

.textBoxCalcInv {
	height: 0;
	width: 0;
	visibility: hidden;
}

.miniTextBoxDate {
	height: 12px;
	width: 117px;
	color: Black;
	/*border-width: 1px;*/
}

.requiredField {
	background-color: #eee8aa;
	border-width: 10px;
	border-style: solid;
	border-color: red;
}

.reqTextBox, .reqTextBoxNumeric, .reqTextBoxDate {
	height: 30px;
	width: 95%;
	/*background-color: #eee8aa;*/
	white-space: pre-wrap;
	border-radius: 5px;
	border-color: gold;
	border-style: solid;
	border-width: 1px;
	padding-left: .25em;
}

	.reqTextBox:hover {
		background-color: lightyellow;
	}

.tdRight {
	margin: 0;
	padding: 3px 2px 3px 10px;
	text-align: left;
	white-space: nowrap;
	width: 20%;
}

.tdLeft {
	margin: 0;
	padding: 3px 2px 3px 10px;
	text-align: left;
	white-space: nowrap;
	width: 20%;
}

.FormLabel {
	height: auto;
	width: auto;
	display: inline-block;
	color: black;
	text-align: left;
	font-size: 15px;
}

.MultiLineLabel {
	height: 100%;
	width: 100%;
	display: inline-block;
	color: black;
	overflow: auto;
}

.FormLabelLeft {
	height: 100%;
	width: 100%;
	display: inline-block;
	color: black;
	text-align: left;
}

.FormLabelDisabled {
	height: 100%;
	width: 100%;
	display: inline-block;
	color: Gray;
	text-align: right;
}

.miniDisabledLabel {
	height: 12px;
	width: 10px;
	display: inline-block;
	color: Gray;
	text-transform: none;
}

.checkBox {
	height: 100%;
	width: 100%;
	display: inline-block;
	color: black;
	text-align: left;
	text-transform: capitalize;
	z-index: 1;
}

.checkBoxRecd {
	height: 12px;
	display: inline-block;
	color: black;
	text-transform: capitalize;
	white-space: nowrap;
}

.clsLookUpButtonCell, .clsLUBC {
	padding: 0;
	margin: 0;
	width: auto;
}

.info {
	color: Black;
	left: 0;
	/*font-weight: bold;*/
	font-size: 16px;
}

	.info > div {
		display: inline-block;
		padding-bottom: 2px;
	}

.gridButton {
	height: 28px;
	width: 50px;
	color: White;
	background-color: #81c0cf;
	border-bottom-color: White;
	border: 1px outset #FFF;
}

.form {
	background-color: #EFF3FB;
	padding-bottom: 2px;
	width: 98%;
}

.controlHeader {
	background-color: #81c0cf;
	height: 20px;
	color: White;
	/*font-weight: bold;*/
	font-size: 16px;
}

.modalBackground {
	background-color: Gray;
	filter: alpha(opacity=70);
	opacity: 0.7;
}

.modalPopup {
	background-color: #EFF3FB;
	border: 3px solid Gray;
	padding: 3px;
	width: 450px;
	text-align: left;
}

.popupControl {
	background-color: White;
	position: absolute;
	visibility: hidden;
}

.modalPopupInner {
	background-color: #EFF3FB;
	padding: 3px;
	width: 400px;
	text-align: left;
}

.menuBarForm {
	vertical-align: middle;
	height: auto;
	text-align: left;
}

.panelTests {
	overflow: auto;
	width: 690px;
}

.gridViewResults {
	width: auto;
	text-align: left;
	/*line-height: 10px;*/
}

.textBoxDisabled {
	background-color: #D6D6D6;
	color: #000000;
	border: darkkhaki 0.1em solid;
	height: 30px;
	width: 95%;
	border-radius: 5px;
	padding-left: .25em;
	border-width: 0px;
	border-style: none;
	/*width: 125px;*/
}
/* dont hardcode height; was height:525px;*/
/* overflow-y:scroll; creates a scrolling treeview */
.treeViewDiv {
	width: 150px;
	overflow-y: auto;
}
/* dont hardcode height; was height:525px;*/
/* overflow-y:scroll; creates a scrolling treeview */
/* gridViewDivWide height should match the height for treeViewDiv */
.treeViewDivWide {
	overflow: auto;
	width: 300px;
	overflow-y: scroll;
}

.invButton {
	height: 0;
	width: 0;
	visibility: hidden;
	display: none;
	border-style: none;
	border-width: 0;
}

.panelResults {
	/* overflow-x: scroll will create vertical scrollbars for gridviews but break the fixed table header, ref 7243 */
	/*overflow-x: scroll;*/
}

.locked {
	position: relative;
	cursor: default;
	/*expression supported in IE only*/
	/* left: expressionX(document.getElementById("div-datagrid").scrollLeft-2); */
}

.gridViewDivHigh {
	overflow: auto;
	width: 600px;
	/* height: 300px; */
}

.modalToolTip {
	background-color: #EFF3FB;
	border-width: 1px;
	border-style: solid;
	width: auto;
	height: auto;
	text-align: left;
	position: absolute;
	z-index: 100;
	padding: 3px 7px 2px 6px;
}

.GridViewPager {
	text-align: left;
	cursor: default;
	/* left: expressionX(document.getElementById("div-datagrid").scrollLeft-2); */
}
/* these settings are important: gridsettings-vis.height:800px; and gridsettings-inv.height:0px; 
otherwise you will see treeview settings bleed through form or gridview */
.gridsettings-inv {
	position: absolute;
	visibility: hidden;
	height: 0;
	display: none;
}
/* use gridsettings-vis style from classic theme, don't duplicate it in other style sheets*/
/* these settings are important: gridsettings-vis.height:800px; and gridsettings-inv.height:0px; 
otherwise you will see treeview settings bleed through form or gridview */
.gridsettings-vis {
	visibility: visible;
	height: 800px;
}
/* 3174 Browse Results Horizontal Scroll Overlaps
width: expressionX(screen.width-220);
height: 600px;
overflow: scroll;*/
.controlWrapper {
	width: auto;
	height: auto;
	background-color: White;
	border: 2px Gray outset;
}

.area {
	font: normal;
	color: menutext;
	width: 700px;
	padding: 5px 0 5px 1px;
}

.fieldset {
	padding: 1em;
}

.sampleNewHidden {
	visibility: hidden;
	width: 0;
}

.handleClass {
	height: 22px;
	position: absolute;
	width: 10px;
	margin-bottom: 5px;
}

.invText {
	display: none;
	width: 0;
	height: 0;
}

.dimmer {
	visibility: hidden;
	position: fixed; /* note: position=fixed will auto resize the dimmer to viewport, absolute is less flexible */
	left: 0;
	top: 0;
	/*font-weight: bold;*/
	font-size: 16px;
	padding: 40px;
	background-color: Gray;
	opacity: 0.5;
}

.updateProgress {
	position: fixed;
	left: 0;
	top: 0;
	padding: 140px;
	background-color: Gray;
	opacity: 0.5;
	z-index: 100;
	width: 100%;
	height: 100%;
}
/* dimmerInner is a RT centering trick to get the loading-64.gif img in the center of the page */
.dimmerInner {
	/*background-color: white;*/
	border-radius: 50% 50% 50% 50%;
	box-shadow: 5px 5px 150px 50px #FFFFFF, -5px -5px 150px 50px #FFFFFF;
	display: inline-block;
	height: 64px;
	margin: 300px;
	opacity: 0.5;
	width: 64px;
}

div.dimming {
	font-style: normal;
	background-color: #ffffff;
	position: absolute; /* set z-index higher than possible */
	z-index: 10000;
	visibility: hidden;
	border: 1px #999999 solid;
}

table.floatingHeader {
	background-color: #81c0cf;
	color: #ffffff;
}

table.center {
	margin-left: auto;
	margin-right: auto;
}

.popupDialogHeader {
	background-color: #81c0cf;
	color: #003399;
	position: absolute;
	width: 100%;
	height: 32px;
}

.pass {
	width: auto;
	color: Green;
	left: 0;
	text-align: left;
}

.inc {
	width: auto;
	color: #FFA500;
	left: 0;
	text-align: left;
}

.spec {
	top: 50px;
	position: absolute;
}

.MyCalendar .ajax__calendar_container {
	border: 1px solid #646464;
	background-color: #EFF3FB;
	color: red;
}

.MyCalendar .ajax__calendar_other .ajax__calendar_day, .MyCalendar .ajax__calendar_other .ajax__calendar_year {
	color: black;
}

.MyCalendar .ajax__calendar_hover .ajax__calendar_day, .MyCalendar .ajax__calendar_hover .ajax__calendar_month, .MyCalendar .ajax__calendar_hover .ajax__calendar_year {
	color: black;
}

.MyCalendar .ajax__calendar_active .ajax__calendar_day, .MyCalendar .ajax__calendar_active .ajax__calendar_month, .MyCalendar .ajax__calendar_active .ajax__calendar_year {
	color: black;
	font-weight: bold;
}

.WaterMarkText {
	font-size: small;
}

.calculation {
	/*height: 13px;*/
	/*width: 120px;*/
	color: darkred;
	text-align: center;
	vertical-align: top;
	font-style: normal;
	/*background-color: #dcdcdc;*/
	/*border: 1px solid gray ;*/
}

/*.calcCellOffSpec1 {
	height: 13px;
	width: 120px;
	color: darkred;
	text-align: center;
	vertical-align: top;
	font-style: normal;
	background-color: #ff6347;
	border: thin outset gray ;
}*/

/*.calcCellOffSpec2 {
	height: 13px;
	width: 120px;
	color: darkred;
	text-align: center;
	vertical-align: top;
	font-style: normal;
	background-color: #ff9c00;
	border: thin outset gray ;
}*/

/*.calcCellOffSpec3 {
	height: 13px;
	width: 120px;
	color: darkred;
	text-align: center;
	vertical-align: top;
	font-style: normal;
	background-color: #ffff51;
	border: thin outset gray ;
}*/

.dataNavTreeVis {
	position: relative;
	visibility: visible;
	display: block;
}

.dataNavTreeInv {
	position: absolute;
	visibility: hidden;
	display: none;
	width: 0;
	height: 0;
}

.dvApprove {
	display: none;
	z-index: 20;
	background-color: #EFF3FB;
	visibility: hidden;
	position: absolute;
	width: 500px;
	height: 200px;
}

.dvSQCRule {
	display: none;
	z-index: 20;
	background-color: #EFF3FB;
	visibility: hidden;
	position: absolute;
	width: 500px;
	height: 200px;
}

.toolbarGroup {
	/*border: 1px solid #cccccc;*/
	/*border: 1px solid gray;*/
	border: 1px solid transparent;
	display: inline-block;
	/*line-height: 1.00;*/
	border-radius: 2px;
	padding: 2px;
	margin-right: 9px;
}

	.toolbarGroup:hover {
		border: 1px solid black;
	}

.sectionGroup {
	border: 1px solid gray;
	display: inline-block;
	line-height: 1.00;
	border-radius: 2px;
}

.checkBoxListHorizontal label {
	padding-right: 5px;
	margin-left: -1px;
}

.ajax__slider_h_rail {
	display: inline-block;
	margin-bottom: 5px;
}
/*.sliderRail{
	width: 60px;
}*/

.dvSavedQueries {
	z-index: 20;
	display: none;
	height: auto;
	background-color: transparent;
	visibility: hidden;
	position: absolute;
	width: auto;
	/*margin-top: -8px;*/
	margin-top: 2px;
}
/* toolbarPopupDialog used for reports popup dialog etc */
.toolbarPopupDialog {	
	background-color: #EFF3FB;
}

.tbDashBoardFavQuery {
	padding: 1px;
	border-collapse: separate;
	border-spacing: 1px;
}

.dvAttachments {
	display: none;
	background-color: #EFF3FB;
	visibility: hidden;
	position: absolute;
	width: auto;
	height: auto;
}

.dvSchedule {
	display: none;
	background-color: #EFF3FB;
	visibility: hidden;
	position: absolute;
	width: 600px;
	height: 600px;
}

.lookupHeader {
	background-color: #81c0cf;
	width: 100%;
}

.favQueryLabel {
	height: 12px;
	color: black;
	text-align: left;
}

.gvTextBox {
	height: 100%;
	width: 100px;
	font-size: 12px;
	color: Black;
	border-width: 1px;
}

.gvLabel {
	height: 12px;
	width: 100%;
	display: inline-block;
	font-size: 12px;
	color: black;
	text-align: right;
}

.selectedGVRow {
	background-color: PaleGoldenrod;
}

.normalGVRow {
	font-style: normal;
}

.reportTableBG {
	background-color: #EFF3FB;
}

.reportTableHeader {
	background-color: #81c0cf;
	border-color: #81c0cf;
	border-width: 2px;
}

.reportGridview {
	margin-left: 0;
}

.reportListFooter {
	background-color: #EFF3FB;
	width: 100%;
}

.reportFieldItem {
	font-size: 13px;
}

.reportFieldValue {
	font-size: 13px;
}

.invisibleValidationError {
	visibility: hidden;
	display: none;
}

.STPanleINVis {
	visibility: hidden;
	display: none;
}

.STPanleVis {
	visibility: visible;
	display: inline;
}

span.ReportNoWrap {
	white-space: nowrap;
}

a.ReportNoWrap {
	white-space: nowrap;
}

td.ReportNoWrapRightJustify, span.ReportNoWrapRightJustify {
	white-space: nowrap;
	text-align: right;
}

.ListboxNoBorder {
	width: auto;
	overflow: auto;
	border-right: 0 solid;
	border-top: 0 solid;
	border-left: 0 solid;
	border-bottom: 0 solid;
}

.gridLabel {
	color: Black;
	-ms-word-wrap: normal;
	word-wrap: normal;
	-ms-word-break: normal;
	word-break: normal;
}

.CTSolidCell {
	background-image: none;
	background-color: #81c0cf;
	color: #FFFFFF;
	padding: 2px 7px 2px 6px;
}

.CTNACell {
	background-image: none;
	background-color: inactiveborder;
	color: #FFFFFF;
	padding: 2px 7px 2px 6px;
}

.CTDISCell {
	height: 100%; /*height: 12px;*/
	width: 125px;
	color: Black; /*border-width: .0em;*/
	border-width: .0em;
	border-right: darkkhaki 0 solid;
	border-top: darkkhaki 0 solid;
	border-left: darkkhaki 0 solid;
	border-bottom: darkkhaki 0 solid;
	background-color: #cccccc;
}

.CTToolTip {
	height: auto;
	width: 250px;
	color: Black;
	border-radius: 5px;
	border-width: .1em;
	border-right: darkkhaki 0.1em solid;
	border-top: darkkhaki 0.1em solid;
	border-left: darkkhaki 0.1em solid;
	border-bottom: darkkhaki 0.1em solid;
	background-color: infobackground;
	visibility: visible;
	display: block;
	position: absolute;
	margin-left: 165px;
	margin-top: -25px;
}

	.CTToolTip .CTToolTiptext::after {
		content: "   ";
		position: absolute;
		top: 5%;
		right: 100%; /* To the left of the tooltip */
		margin-top: -5px;
		border-width: 10px;
		border-style: solid;
		border-color: transparent Black transparent transparent;
	}

.CTFixedHeader {
	background-color: white;
	position: relative;
	/*top:expressionX(this.offsetParent.scrollTop);*/
}

.lstbox {
	border-color: Black;
}

.IE8Fix {
	z-index: 100;
}

.sqcChart {
	Height: 1440px;
	Width: 1850px;
}

.sqcChartCheckboxTable {
	Width: 210px;
}

.sqcChartTextboxTable {
	Width: 12%;
}

.rtBorder {
	/* style="border-right-color: Black; border-right-style: inset; border-right-width: 1.5px;"*/
	/*background-repeat: repeat-y;
	background-image: url(Images/blackDot.gif);*/
	border-right-style: inset;
	border-right-width: 1px;
	border-right-color: #000000;
}
/* ResizableControl */

.frameImage {
	width: 130px;
	height: 65px;
	overflow: hidden;
	float: left;
	padding: 3px;
}

.frameText {
	width: 100px;
	height: 100px;
	overflow: auto;
	float: left;
	background-color: #ffffff;
	border: 2px gray solid;
	line-height: normal;
}

/*.handleImage {
	width: 15px;
	height: 16px;
	background-image: url(images/HandleHand.png);
	overflow: hidden;
	cursor: se-resize;
}

.handleText {
	width: 16px;
	height: 16px;
	background-image: url(images/HandleGrip.png);
	overflow: hidden;
	cursor: se-resize;
}*/

.resizingImage {
	padding: 0;
	border: 3px #B4D35D solid;
}

.resizingText {
	padding: 0;
	border: 2px solid #7391BA;
}

.errorLogPane {
	border: 2px inset #ccc;
	padding: 4px;
	height: auto;
	overflow: auto;
	font-family: monospace;
}
/* for elbow room */
#ctl00_SiteMapPath1 {
	margin-right: 10px;
}
/* for elbow room; added top margin=2px to separate a textarea (like ADDRESS.COMMENTS) from an input[type=text] above it */
select, input[type=text], input[type=password], textarea {
	/*border-width: 0px;*/
	padding-left: .25em;
	margin: 2px 0 0 2px;
}
	/*input[type=text]:hover {
		background-color: #7ab4;
	}*/
	/*textarea:hover {
		background-color: #7ab4;
	}*/
/* for elbow room */
input[type=checkbox] {
	margin-left: 0;
}

input[type=image]:hover {
	-moz-transform: scale(1.2);
	-ms-transform: scale(1.2);
	-o-transform: scale(1.2);
	-webkit-transform: scale(1.2);
	transform: scale(1.2);
}

input[type=image]:disabled {
	opacity: 0.3;
	-moz-transform: scale(1);
	-ms-transform: scale(1);
	-o-transform: scale(1);
	-webkit-transform: scale(1);
	transform: scale(1);
}
/* AutoCompleteExtender items */
.AutoCompleteExtender_CompletionList {
	background-color: #99bbc3;
	color: #eeeeee;
	margin: 0;
	text-align: left;
	cursor: pointer;
	visibility: hidden;
	list-style-type: none;
	padding: 8px;
	min-width: 160px;
	border-radius: 3px;
	overflow-y: scroll;
	max-height: 250px;
	border: 1px inset #000000;
	border-color: Black;
}

.AutoCompleteExtender_CompletionListItem {
	background-color: #002b8b;
	color: #eeeeee;
	font-weight: normal;
	text-align: left;
	padding: 1px 3px 1px 3px;
}

.AutoCompleteExtender_HighlightedItem {
	background-color: #81c0cf;
	color: #eeeeee;
	font-weight: normal;
	font-size: 14px;
	padding: 1px 3px 1px 3px;
}

#acewidth {
	width: 175px !important;
}

	#acewidth div {
		width: 175px !important;
	}

/* some common user attributes one might add, such as font-weight, text-align, color, etc.
/* font weights */

.fontWeightBold {
	font-weight: bold;
}

.fontWeightBolder {
	font-weight: bolder;
}

/* aligments */
.textAlignLeft {
	text-align: left;
}

.textAlignRight {
	text-align: right;
}

.textAlignCenter {
	text-align: center;
}

.textAlignJustify {
	text-align: justify;
}

/* colors */
.colorRed {
	color: #FF0000;
}

.colorGreen {
	color: #008000;
}

.colorYellow {
	color: #FFFF00;
}

.colorNavy {
	color: #000080;
}

.colorBlue {
	color: #0000FF;
}

.colorFuschia {
	color: #FF00FF;
}

/* text-transform */
.textTransformCapitalize {
	text-transform: capitalize;
}

.textTransformLower {
	text-transform: lowercase;
}

.textTransformUpper {
	text-transform: uppercase;
}

/*.ui-autocomplete-loading {
	background: white url(../Images/indicator.gif) right center no-repeat;
}*/

span.deleteicon {
	position: relative;
}

	span.deleteicon span {
		position: absolute;
		display: block;
		top: 3px;
		right: 0;
		width: 16px;
		height: 16px;
		background: url('../Images/DevExpress.Images/Images/Table_16x16.png');
		cursor: pointer;
	}

	span.deleteicon input {
		padding-right: 16px;
	}

.reqTextBoxCon {
	color: Black;
	background-color: #FF9900;
}

.menu_main {
	border: 1px solid gray;
	background-color: white;
	padding: 0;
	cursor: default;
	background-image: url('Images/bg3white.png');
	background-repeat: repeat-y;
}

/* title */
.menu_title {
	background-color: #f2f2f2;
	border-bottom: 1px solid gray;
	padding: 4px 4px 4px 37px;
}

.menu_main a {
	padding-left: 35px;
	color: black;
	text-decoration: none;
	cursor: default;
}

	.menu_main a img {
		margin-left: 6px;
		margin-top: 2px;
	}

	.menu_main a span {
		display: block;
		height: 20px;
		line-height: 20px;
		width: 150px;
		overflow: hidden;
		padding-left: 2px;
		padding-right: 20px;
	}

	.menu_main a:hover {
		background-image: url('Images/left.png');
		background-repeat: no-repeat;
		background-position: 0 100%;
	}

		.menu_main a:hover span {
			background-image: url('Images/right.png');
			background-repeat: no-repeat;
			background-position: 100%;
		}

.menu_main div div /* separator */ {
	border-top: 1px solid #dddddd;
	margin-top: 2px;
	margin-bottom: 2px;
	margin-left: 28px;
}

th {
	text-align: left;
}

.navigator_silver_main {
	border-left: 1px solid #A0A0A0;
	border-right: 1px solid #A0A0A0;
	border-bottom: 1px solid #A0A0A0;
	background-color: white;
	color: #000000;
}

.navigator_silver_month {
	/*border: 1px solid black;*/
}

.navigator_silver_day {
	color: black;
	/*background-color: white;*/
}

.navigator_silver_weekend {
	background-color: #f0f0f0;
}

.navigator_silver_dayheader {
	color: black;
}

.navigator_silver_line {
	border-bottom: 1px solid #A0A0A0;
}

.navigator_silver_dayother {
	color: gray;
}

.navigator_silver_todaybox {
	border: 1px solid red;
}

.navigator_silver_select {
	background-color: #FFE794;
}

.navigator_silver_title, .navigator_silver_titleleft, .navigator_silver_titleright {
	background-color: #ECE9D8;
	border-top: 1px solid #A0A0A0;
	background-image: url('navigator_silver/top21.gif');
	background-repeat: repeat-x;
}

.navigator_silver_busy {
	/*font-weight: bold;*/
	font-size: 16px;
}

.navigator_main {
	border-left: 1px solid #A0A0A0;
	border-right: 1px solid #A0A0A0;
	border-bottom: 1px solid #A0A0A0;
	background-color: white;
}

.navigator_month {
	/*border: 1px solid black;*/
}

.navigator_day {
	color: black;
	/*background-color: white;*/
}

.navigator_dayheader {
	color: black;
	/*border-bottom: 1px solid black;*/
}

.navigator_line {
	border-bottom: 1px solid #A0A0A0;
}

.navigator_dayother {
	color: gray;
}

.navigator_todaybox {
	border: 1px solid red;
}

.navigator_select {
	background-color: #FFE794;
}

.navigator_title, .navigator_titleleft, .navigator_titleright {
	background-color: #ECE9D8;
	border-top: 1px solid #A0A0A0;
	color: #000000;
}

.navigator_busy {
	/*font-weight: bold;*/
	font-size: 16px;
}

/* Navigator blue theme */

.navigator_google_main {
	border-left: 1px solid #A0A0A0;
	border-right: 1px solid #A0A0A0;
	border-bottom: 1px solid #A0A0A0;
	/*xbackground-color: #F3F3F9;*/
}

.navigator_google_month {
	/*border: 1px solid black;*/
}

.navigator_google_day {
	color: black;
	/*background-color: white;*/
}

.navigator_google_dayheader {
	color: black;
	/*border-bottom: 1px solid black;*/
}

.navigator_google_line {
	border-bottom: 1px solid #A0A0A0;
}

.navigator_google_dayother {
	color: gray;
}

.navigator_google_todaybox {
	border: 1px solid red;
}

.navigator_google_select {
	background-color: #AACCEE;
}

.navigator_google_title, .navigator_google_titleleft, .navigator_google_titleright {
	background-color: #C3D9FF;
	color: black;
	border-top: 1px solid #A0A0A0;
}

.navigator_google_busy {
	/*font-weight: bold;*/
	font-size: 16px;
}

.LabelTextLite {
	color: black;
	white-space: nowrap;
	height: auto;
	width: auto;
}
/* lookupLite needs this class, otherwise you will see two two table header rows */
.controlHeaderMask {
	background-color: #EFF3FB;
	height: 0;
	font-size: 0;
}
/* -ms-clear psuedo element set to display: none in order to remove "x" from input objects which appear (even on read-only elements) */
::-ms-clear {
	display: none;
}


/* navigator styles */

.navigator_transparent_main {
	border-left: 1px solid #A0A0A0;
	border-right: 1px solid #A0A0A0;
	border-bottom: 1px solid #A0A0A0;
	background-color: white;
	color: #000000;
}

.navigator_transparent_month {
	/*border: 1px solid black;*/
}

.navigator_transparent_day {
	color: black;
	/*background-color: white;*/
}

.navigator_transparent_weekend {
	background-color: #f0f0f0;
}

.navigator_transparent_dayheader {
	color: black;
}

.navigator_transparent_line {
	border-bottom: 1px solid #A0A0A0;
}

.navigator_transparent_dayother {
	color: gray;
}

.navigator_transparent_todaybox {
	border: 1px solid red;
}

.navigator_transparent_select {
	background-color: #ddd;
}

.navigator_transparent_title, .navigator_transparent_titleleft, .navigator_transparent_titleright {
	border-top: 1px solid #A0A0A0;
	color: #666;
	background: #eeeeee;
	background: -moz-linear-gradient( top, #f3f3f3 0, #e9e9e9);
	background: -webkit-gradient( linear, left top, left bottom, from(#f3f3f3), to(#e9e9e9));
	filter: progid:DXImageTransform.Microsoft.Gradient(startColorStr="#f3f3f3", endColorStr="#e9e9e9");
}

.navigator_transparent_busy {
	/*font-weight: bold;*/
	font-size: 16px;
}

/* calendar white */

.calendar_transparent_main {
	border: 1px solid #aaa;
}

.calendar_transparent_colheader {
}

.calendar_transparent_cornerright_inner,
.calendar_transparent_corner_inner,
.calendar_transparent_colheader_inner,
.calendar_transparent_alldayheader_inner {
	color: #666;
	background: #eeeeee;
	background: -moz-linear-gradient( top, #f3f3f3 0, #e9e9e9);
	background: -webkit-gradient( linear, left top, left bottom, from(#f3f3f3), to(#e9e9e9));
	filter: progid:DXImageTransform.Microsoft.Gradient(startColorStr="#f3f3f3", endColorStr="#e9e9e9");
}

.calendar_transparent_rowheader_inner {
	color: #666666;
	background: #eeeeee;
	background: -moz-linear-gradient( left, #f3f3f3 0, #e9e9e9);
	background: -webkit-gradient( linear, left top, right top, from(#f3f3f3), to(#e9e9e9));
	filter: progid:DXImageTransform.Microsoft.Gradient(startColorStr="#f3f3f3", endColorStr="#e9e9e9", GradientType=1);
	font-size: 16px;
	text-align: right;
	position: absolute;
	top: 0;
	left: 0;
	bottom: 0;
	right: 0;
	border-right: 1px solid #aaa;
	border-bottom: 1px solid #aaa;
}

.calendar_transparent_cornerright_inner {
	position: absolute;
	top: 0;
	left: 0;
	bottom: 0;
	right: 0;
	border-bottom: 1px solid #aaa;
}

.calendar_transparent_corner_inner {
	position: absolute;
	top: 0;
	left: 0;
	bottom: 0;
	right: 0;
	border-right: 1px solid #aaa;
	border-bottom: 1px solid #aaa;
}

.calendar_transparent_rowheader_minutes {
	vertical-align: super;
	padding-left: 2px;
	padding-right: 2px;
}

.calendar_transparent_colheader_inner {
	text-align: center;
	position: absolute;
	top: 0;
	left: 0;
	bottom: 0;
	right: 0;
	border-right: 1px solid #aaa;
	border-bottom: 1px solid #aaa;
}

.calendar_transparent_cell_business .calendar_transparent_cell_inner {
	background-color: #fff;
}

.calendar_transparent_cell_inner {
	position: absolute;
	top: 0;
	left: 0;
	bottom: 0;
	right: 0;
	border-right: 1px solid #ddd;
	border-bottom: 1px solid #ddd;
	background-color: #f3f3f3;
}

.calendar_transparent_alldayheader_inner {
	text-align: center;
	position: absolute;
	top: 0;
	left: 0;
	bottom: 0;
	right: 0;
	border-right: 1px solid #999;
	border-bottom: 1px solid #999;
}

.calendar_transparent_message {
	opacity: 0.0;
	filter: alpha(opacity=0);
	padding: 10px;
	color: #eeeeee;
	background: #333;
	width: 0;
	height: 0;
}

.calendar_transparent_alldayevent,
.calendar_transparent_event {
	opacity: 0.7;
	filter: alpha(opacity=70);
}

.calendar_transparent_alldayevent_inner,
.calendar_transparent_event_inner {
	color: #000;
	background: #47afff;
	border: 1px solid #1066a8;
}

.calendar_transparent_selected .calendar_transparent_event_inner {
	background: #ddd;
}

.calendar_transparent_alldayevent_inner {
	position: absolute;
	top: 2px;
	bottom: 2px;
	left: 5px;
	right: 5px;
	padding: 2px;
	margin-right: 1px;
	border-left: 5px solid #1066a8;
}

.calendar_transparent_event_withheader .calendar_transparent_event_inner {
	padding-top: 15px;
}

.calendar_transparent_event {
	cursor: default;
}

.calendar_transparent_event_inner {
	position: absolute;
	overflow: hidden;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	padding: 2px;
	padding-left: 10px; /* space for duration bar */
}

.calendar_transparent_shadow_inner {
	background-color: #666666;
	opacity: 0.5;
	height: 100%;
}

.calendar_transparent_event_bar {
	top: 3px;
	bottom: 4px;
	left: 4px;
	width: 4px;
	background-color: #9dc8e8;
}

.calendar_transparent_event_bar_inner {
	position: absolute;
	width: 4px;
	background-color: #1066a8;
}

.calendar_transparent_alldayevent_continueright:after {
	content: "";
	border-color: transparent transparent transparent #1066a8;
	border-style: solid;
	border-width: 5px;
	width: 0;
	height: 0;
	position: absolute;
	bottom: 8px;
	right: -3px;
}

.calendar_transparent_alldayevent_continueleft:after {
	content: "";
	border-color: transparent #1066a8 transparent transparent;
	border-style: solid;
	border-width: 5px;
	width: 0;
	height: 0;
	position: absolute;
	bottom: 8px;
	left: -5px;
}

.calendar_transparent_alldayevent_continueright .calendar_transparent_alldayevent_inner {
	border-right: 1px solid #1066a8;
}

.calendar_transparent_alldayevent_continueleft .calendar_transparent_alldayevent_inner {
	padding-left: 6px;
	border-left: 1px solid #1066a8;
}

.calendar_transparent_event_delete {
	background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAsAAAALCAYAAACprHcmAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAAadEVYdFNvZnR3YXJlAFBhaW50Lk5FVCB2My41LjExR/NCNwAAAI5JREFUKFNtkLERgCAMRbmzdK8s4gAUlhYOYEHJEJYOYOEwDmGBPxC4kOPfvePy84MGR0RJ2N1A8H3N6DATwSQ57m2ql8NBG+AEM7D+UW+wjdfUPgerYNgB5gOLRHqhcasg84C2QxPMtrUhSqQIhg7ypy9VM2EUZPI/4rQ7rGxqo9sadTegw+UdjeDLAKUfhbaQUVPIfJYAAAAASUVORK5CYII=) center center no-repeat;
	opacity: 0.6;
	-ms-filter: 'progid:DXImageTransform.Microsoft.Alpha(Opacity=60)';
	cursor: pointer;
}

	.calendar_transparent_event_delete:hover {
		opacity: 1;
		-ms-filter: none;
	}

.calendar_transparent_scroll_up {
	background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAoAAAAKCAYAAACNMs+9AAAAB3RJTUUH2wESDiYcrhwCiQAAAAlwSFlzAAAuIwAALiMBeKU/dgAAAARnQU1BAACxjwv8YQUAAACcSURBVHjaY2AgF9wWsTW6yGMlhi7OhC7AyMDQzMnBXIpFHAFuCtuaMTP+P8nA8P/b1x//FfW/HHuF1UQmxv+NUP1c3OxMVVhNvCVi683E8H8LXOY/w9+fTH81tF8fv4NiIpBRj+YoZtZ/LDUoJmKYhsVUpv0MDiyMDP96sIYV0FS2/8z9ICaLlOhvS4b/jC//MzC8xBG0vJeF7GQBlK0xdiUzCtsAAAAASUVORK5CYII=);
}

.calendar_transparent_scroll_down {
	background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAoAAAAKCAYAAACNMs+9AAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAALiMAAC4jAXilP3YAAACqSURBVChTY7wpam3L9J+xmQEP+PGPKZZxP4MDi4zI78uMDIwa2NT+Z2DYovrmiC+TI8OBP/8ZmEqwGvif4e8vxr+FIDkmEKH25vBWBgbG0+iK/zEwLtF+ffwOXCGI8Y+BoRFFIdC030x/WmBiYBNhpgLdswNJ8RSYaSgmgk39z1gPUfj/29ef/9rwhQTDHRHbrbdEbLvRFcGthkkAra/9/uMvhkK8piNLAgCRpTnNn4AEmAAAAABJRU5ErkJggg==);
}


/* month white */

.month_transparent_main {
	border: 1px solid #aaa;
}

.month_transparent_cell {
	background-color: #f3f3f3;
}

	.month_transparent_cell.month_transparent_cell_business {
		background-color: white;
	}

.month_transparent_cell_inner {
	border-right: 1px solid #ddd;
	border-bottom: 1px solid #ddd;
	position: absolute;
	top: 0;
	left: 0;
	bottom: 0;
	right: 0;
}

.month_transparent_cell_header {
	text-align: right;
	padding-right: 2px;
}

.month_transparent_header_inner {
	text-align: center;
	vertical-align: middle;
	position: absolute;
	top: 0;
	left: 0;
	bottom: 0;
	right: 0;
	border-right: 1px solid #999;
	border-bottom: 1px solid #999;
	cursor: default;
	color: #666;
	background: #eeeeee;
	background: -moz-linear-gradient( top, #f3f3f3 0, #e9e9e9);
	background: -webkit-gradient( linear, left top, left bottom, from(#f3f3f3), to(#e9e9e9));
	filter: progid:DXImageTransform.Microsoft.Gradient(startColorStr="#f3f3f3", endColorStr="#e9e9e9");
}

.month_transparent_message {
	opacity: 0.7;
	filter: alpha(opacity=70);
	padding: 10px;
	color: #eeeeee;
	background: #333;
}

.month_transparent_event {
	opacity: 0.7;
	filter: alpha(opacity=70);
}

.month_transparent_event_inner {
	position: absolute;
	top: 0;
	bottom: 2px;
	left: 5px;
	right: 5px;
	overflow: hidden;
	padding: 2px;
	padding-left: 5px;
	color: #000;
	background: grey;
	border: 1px solid #1066a8;
	border-left: 5px solid #1066a8;
}

.month_transparent_event_continueright:after {
	content: "";
	border-color: transparent transparent transparent #1066a8;
	border-style: solid;
	border-width: 5px;
	width: 0;
	height: 0;
	position: absolute;
	bottom: 8px;
	right: -5px;
}

.month_transparent_event_continueleft:after {
	content: "";
	border-color: transparent #1066a8 transparent transparent;
	border-style: solid;
	border-width: 5px;
	width: 0;
	height: 0;
	position: absolute;
	bottom: 8px;
	left: -5px;
}

.month_transparent_event_continueright .month_transparent_event_inner {
	border-right: 1px solid #1066a8;
}

.month_transparent_event_continueleft .month_transparent_event_inner {
	border-left: 1px solid #1066a8;
}

.month_transparent_event_hover {
	opacity: 0.5;
}


.month_transparent_selected .month_transparent_event_inner {
	background: #ddd;
}

.month_transparent_shadow_inner {
	background-color: #666666;
	opacity: 0.5;
	height: 100%;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
}


.month_transparent_event_delete {
	background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAsAAAALCAYAAACprHcmAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAAadEVYdFNvZnR3YXJlAFBhaW50Lk5FVCB2My41LjExR/NCNwAAAI5JREFUKFNtkLERgCAMRbmzdK8s4gAUlhYOYEHJEJYOYOEwDmGBPxC4kOPfvePy84MGR0RJ2N1A8H3N6DATwSQ57m2ql8NBG+AEM7D+UW+wjdfUPgerYNgB5gOLRHqhcasg84C2QxPMtrUhSqQIhg7ypy9VM2EUZPI/4rQ7rGxqo9sadTegw+UdjeDLAKUfhbaQUVPIfJYAAAAASUVORK5CYII=) center center no-repeat;
	opacity: 0.6;
	-ms-filter: 'progid:DXImageTransform.Microsoft.Alpha(Opacity=60)';
	cursor: pointer;
}

	.month_transparent_event_delete:hover {
		opacity: 1;
		-ms-filter: none;
	}

.dropdownMenu {
	/*margin-top: -8px;*/
	margin-top: 2px;
}
/*16274 asynchronously update results upon leaving cell (input.onblur event) and leverage jQuery $.ajax to call a web service*/
@-webkit-keyframes pulse {
	0% {
		-webkit-transform: scale(1, 1);
	}

	50% {
		-webkit-transform: scale(1.1, 1.1);
	}

	100% {
		-webkit-transform: scale(1, 1);
	}
}

@keyframes pulse {
	0% {
		transform: scale(1, 1);
	}

	50% {
		transform: scale(1.1, 1.1);
	}

	100% {
		transform: scale(1, 1);
	}
}

.pulse {
	-webkit-animation: pulse 1s linear infinite;
	animation: pulse 1s linear infinite;
}

	.pulse:hover {
		-webkit-animation: none;
		animation: none;
	}

@keyframes pulse_animation {
	0% {
		transform: scale(1);
	}

	30% {
		transform: scale(1);
	}

	40% {
		transform: scale(1.25);
	}

	50% {
		transform: scale(1);
	}

	60% {
		transform: scale(1);
	}

	70% {
		transform: scale(1.25);
	}

	80% {
		transform: scale(1);
	}

	100% {
		transform: scale(1);
	}
}

.btnPulse {
	animation-name: pulse_animation;
	animation-duration: 2000ms;
	transform-origin: 70% 70%;
	animation-iteration-count: infinite;
	animation-timing-function: linear;
	border: inset;
	border-width: 2px !important;
	border-color: yellow;
}
/*.basegridViewWithpagingSorting tr {
  padding:0 !important;
}
.basegridViewWithpagingSorting td {
  padding: 0 0 0 3px !important;
}
.basegridViewWithpagingSorting th {
  padding: 0 5px 0 10px !important;
}*/
.tdLeft img.ui-datepicker-trigger {
	/* this class is intended to move the datepicker triggering icon down a bit relative to the INPUT to the left, without this it looks misaligned and too high in the TD relative to the INPUT */
	vertical-align: -4px;
	margin-left: 2px;
	height: 16px;
}

td img.ui-datepicker-trigger {
	/* this class is intended to move the datepicker triggering icon down a bit relative to the INPUT to the left, without this it looks misaligned and too high in the TD relative to the INPUT */
	vertical-align: -5px;
	margin-left: 2px;
	height: 16px;
}
/* button.ui-datepicker-current class is intended to hide the Now button on the Timepicker */
/*.ui-datepicker .ui-datepicker-buttonpane button.ui-datepicker-current {
	float:left;
	background: #900;
	display: none;
}*/
.BannerCell table {
	border-collapse: separate; /* 17029 Add space between menu items - current look is hard to read and quite ugly */
}

#NumberofSamples-form {
	display: none;
}

.disabledbutton {
	pointer-events: none;
	opacity: 0.4;
}

.infobox {
	border: olive 1.5px solid;
	background-color: #EFF3FB;
	border-radius: 4px;
	color: black;
	margin-bottom: 10px;
	padding: 15px 15px 15px 30px;
	background-repeat: no-repeat;
	background-position: 10px 15px;
}

.screenReaderText {
	clip: rect(1px, 1px, 1px, 1px);
	height: 1px;
	width: 1px;
	overflow: hidden;
	position: absolute !important;
}
/* after changing menus for accessibility new submenus would sometimes fly away, left -2 removes any gap between menus */
div#ctl00_Menu1 li.dynamic {
	left: -2px;
}
/* 21455 Add settings to the OTS CSS files so we don't have to keep modifying customer systems */
.bold-font {
	font-weight: bold;
}

.align-right {
	text-align: right;
}

.align-center {
	text-align: center;
}

.align-justify {
	text-align: justify;
}

.font-xx-small {
	font-size: 80%;
}

.font-xx-large {
	font-size: 110%;
}

.gridviewRow {
	padding: 0 0 0 0 !important;
}

.gridviewCell {
	padding: 0 0 0 0 !important;
	white-space: nowrap !important;
}

.dxgvFixedColumn_DevEx {
	background-color: lightyellow;
}

.dxgvDataRow_Metropolis {
	padding: 0;
}

	.dxgvEditFormDisplayRow_Metropolis td.dxgv, .dxgvDetailCell_Metropolis td.dxgv, .dxgvDataRow_Metropolis td.dxgv, .dxgvDetailRow_Metropolis.dxgvADR td.dxgvAIC {
		overflow: hidden;
		border-bottom: 1px Solid #c0c0c0;
		border-right: 1px Solid #c0c0c0;
		border-top-width: 0;
		border-left-width: 0;
		padding: 0;
	}
/* small overriding tweaks to the DevExpress Gridview theme called "DevEx" */
.dxgvHeader_DevEx {
	padding: 1px 6px;
}

.dxgvControl_DevEx, .dxgvDisabled_DevEx {
	font-family: 'Segoe UI', 'Lucida Sans Unicode', Sans-Serif;
	font-size: 13.6px;
}

.dxgvGroupPanel_DevEx {
	background: none;
}

.btn-generic {
	padding: 0px;
	background: #ccdbdf;
	margin-bottom: 3px;
}

.dxbButton_DevEx div.dxb {
	padding: 3px 7px
}

.opacity075 {
	opacity: 0.75;
}

.ui-menu {
	overflow-y: auto;
	max-height: 250px;
	width: 125px;
	white-space: nowrap;
	overflow-x: hidden;
}

	.ui-menu .ui-menu-item a {
		font-size: 12px;
		font-family: 'Segoe UI', 'Lucida Sans Unicode', Sans-Serif;
	}

.ui-autocomplete-loading {
	background: white url(Images/indicator.gif) right center no-repeat;
}
/*21795 Web Part check boxes (that are based on DevEx grids) bleed through menus*/
/*21754 Dimmer does not cover devex checkboxes*/
.dx-acc-bi, .dx-acc {
	z-index: 0;
}

.ui-menu .ui-menu-item:hover, .ui-state-hover, .ui-widget-content .ui-state-hover, .ui-state-focus, .ui-widget-content .ui-state-focus {
	background-color: #99bbc3;
	color: white;
}
/* Gridview based webparts need a rounded corner like other panels */
.ASPxGridView {
	border-radius: 2px;
}

.ibtnNext {
	margin-left: -12px;
}

.ibtnPrev {
	margin-right: -12px;
}

.moreDetailsToolTip {
	height: auto;
	width: 400px;
	color: Black;
	border-radius: 5px;
	border-width: .1em;
	border-right: darkkhaki 0.1em solid;
	border-top: darkkhaki 0.1em solid;
	border-left: darkkhaki 0.1em solid;
	border-bottom: darkkhaki 0.1em solid;
	background-color: infobackground;
	visibility: visible;
	display: block;
	position: absolute;
	margin-left: 165px;
	margin-top: -25px;
}

.stickyHeader {
	position: fixed;
	top: 0;
}

.hiddenHeader {
	display: none;
}
/* 263235 Make widget pie charts resizable 
	ref. https://stackoverflow.com/a/48868952/1129926 */
.resizable-content {
	min-height: 30px;
	min-width: 30px;
	resize: both;
	overflow: auto;
	max-height: fit-content;
	max-width: fit-content;
}

.hover {
	background-color: lightpink;
}

.activeHover {
	background-color: lightgreen;
}

.ui-draggable-dragging {
	background-color: darkblue;
	color: White;
}

.ui-widget-header {
	background: #f7d67e;
}

.ui-widget.ui-widget-content {
	border: 2px solid #f7d67e;
}

.headerBar {
	background-color: #68a6b4;
	padding-bottom: 5px;
}

.footerBar {
	position: fixed;
	left: 0;
	right: 0;
	bottom: 0;
	background-color: #68a6b4;
	color: #fff;
}

.ajax__tab_xp .ajax__tab_header .ajax__tab_tab {
	height: 23px !important;
}

.collapsePanelTransparent {
	width: 100%;
	background-color: #eff3fb;
	color: black;
	border-radius: 2px;
	font-weight: normal;
}

.lookupDummy {
	margin: 0;
	white-space: nowrap;
	width: 2%;
	padding-top: 30px;
}