/** Add css rules here for your application. */
*:not(.veloxCustomFontArea, .veloxCustomFontArea *) {
	font-family: 'Roboto', sans-serif !important;
	/*letter-spacing: 0.5px !important;*/
}

/* we dont use outlines in here. */
input, textarea:hover, input:focus, input:active,
textarea, textarea:hover, textarea:focus, textarea:active {
    outline:0px none transparent;
}

/* For dragging calendar events, on drag start, we need to add '' to the 
root panel which will cause all scrolling containers to lose their transform, 
thus fixing an offset caused by translateZ(0px). */
.removeTransform .verticalScrollingLayoutContainer {
	transform: none !important;
}

body {
	position: fixed;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
}

iframe {
	border: none !important;
}

.defaultBorderRadius {
	border-radius: 3px;
}

.myProfileMenuIcon {
	border-radius: 100px; /* Make it a circle... */
}

.myProfileMenuTopLabel {
	padding: 5px;
}

.myProfileMenuFullNameText {
	font-size: 15px;
}

.myProfileMenuJobTitleText {
	font-size: 11px;
}

.elnSidePanel {
	
}

.elnNotebookViewPanel {
	overflow: hidden;
}

.exemplarPasswordField {

}

.veloxSplitDraggerBarVertical {
	height: 100%;
	width: 100%;
	position: relative;
	cursor: e-resize;
	cursor: col-resize;
}

.veloxSplitDraggerBarVerticalHorizontal {
	width: 100%;
	position: relative;
	cursor: n-resize;
	cursor: row-resize;
}

.veloxSplitDraggerDot {
	width: 4px;
	height: 4px;
	border-radius: 100px;
	border-style: solid;
	border-width: 1px;
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
}

.liveFeedPopupPanelHeader {
	
}

.liveFeedContainer {
	border-left: solid #ccc 1px !important;
	/*border-top: solid #C5C5C5 1px !important;*/
}

.liveFeedQuickFilterEnabled {
	
}

.liveFeedPopupPanel {
	
}

.noBoxShadow {
	box-shadow: none !important;
}

.primaryToolbarContainer {
	z-index: 10;
}

.primaryFooterContainer {
	z-index: 15;
}

.MainLimsViewDetailsPanel {
	/*border-top: none !important;*/
	
}

.MainLimsViewPanel {
	border-collapse: separate;
}

.autoMargin {
	margin: auto;
}

/*
 * This is the div tag used to display the background image for login.
 */
#background {
	width: 100%;
	height: 100%;
	position: fixed;
	left: 0px;
	top: 0px;
	z-index: -1;
	/* IE10+ */ /* @alternate */
	background-image: -ms-radial-gradient(center top, ellipse farthest-corner, #FFFFFF 0%, #FFFFFF 40%, #EEFAFF 60%, #BBE0FD 100%);
	/* Mozilla Firefox */ /* @alternate */
	background-image: -moz-radial-gradient(center top, ellipse farthest-corner, #FFFFFF 0%, #FFFFFF 40%, #EEFAFF 60%, #BBE0FD 100%);
	/* Opera */ /* @alternate */
	background-image: -o-radial-gradient(center top, ellipse farthest-corner, #FFFFFF 0%, #FFFFFF 40%, #EEFAFF 60%, #BBE0FD 100%);
	/* Webkit (Safari/Chrome 10) */ /* @alternate */
	background-image: -webkit-gradient(radial, center top, 0, center top, 359, color-stop(0, #FFFFFF),
		color-stop(40, #FFFFFF), color-stop(60, #EEFAFF), color-stop(100, #BBE0FD));
	/* Webkit (Chrome 11+) */ /* @alternate */
	background-image: -webkit-radial-gradient(center top, ellipse farthest-corner, #FFFFFF 0%, #FFFFFF 40%, #EEFAFF 60%, #BBE0FD 100%);
	/* W3C Markup */
	background-image: radial-gradient(ellipse farthest-corner at center top, #FFFFFF 0%, #FFFFFF 40%, #EEFAFF 60%, #BBE0FD 100%);
}

/*
 * The stretch class is used to stretch the background image the full
 * size of the browser window.
 */
.stretch {
	width: 100%;
	height: 100%;
	opacity: 0.4;
	filter: alpha(opacity = 40);
}

/* loading & error */
.loaderContainer, .errorContainer {
	font-size: 13px;
	color: #686868;
	font-weight: bold;
}

/*
 * This is the panel containing the Login fields as well as the version
 * and release numbers, copyright, and Sapio website link.
 */
.loginCompPanel {
	margin-left: auto;
	margin-right: auto;
	vertical-align: middle;
	bottom: auto;
}

.mainPanel {
	vertical-align: middle;
	border-spacing: 0px;
	margin-left: auto;
	margin-right: auto;
	/*margin-bottom:auto;*/
	width: 100%;
	background: #fff;
}

.dataRecordTreePanel {
	background: url("images/bluewaves.gif");
	background-image: url("images/bluewaves.gif");
	background-position: top left;
	background-repeat: no-repeat;
}

.dataRecordForm .x-border-layout-ct {
	background-color: transparent !important;
}

.dataFormMainPanel {
	/* background-color: transparent !important; */
	width: auto !important;
}

.dataFormPanel {
	/* background-color: transparent !important; */
	
}

.dataFormPanel .defaultPanelHeader {
	/* background-color: transparent !important; */
	
}

.mainFormPanel {
	/* background-color: transparent !important; */
	
}

.leftFormPanel form {
	padding: 0 10px !important;
	/* background-color: transparent !important; */
}

.rightFormPanel form {
	padding: 0 10px !important;
	/* background-color: transparent !important; */
}

.stackedDataForm {
	/* background-color: transparent !important; */
	position: relative;
}

.dataRecordPanel {
	/*margin-bottom: 20px;*/
	
}

/* generally used for Header component of ContentPanel */
.dataRecordPanelHeader {
	background: #fff;
	text-align: left;
	/*vertical-align: bottom;*/
	border-top: hidden;
	border-left: hidden;
	border-right: hidden;
	border-bottom: 2px solid #15428B;
	verical-align: middle;
	line-height: 20px;
	overflow: hidden;
	padding: 5px 3px 4px 5px;
}

.defaultDialogHeader {
	font-size: 11px !important;
	vertical-align: middle;
}

.workflowPanelHeader {
	background: #fff;
	text-align: left;
	/*vertical-align: bottom;*/
	border-top: hidden;
	border-left: hidden;
	border-right: hidden;
	border-bottom: 2px solid #15428B;
	verical-align: middle;
	line-height: 20px;
	overflow: hidden;
	padding: 5px 3px 4px 5px;
}

.wizardToolbarHeaderText {
	float: right;
	font-size: 16px !important;
	margin-left: 15px;
}

.tableTabPanelContainer {
	border: 2px ridge #dcdcdc;
}

.dataRecordTreeItemTable {
	display: table !important;
}

/* used to align the data tree icons with the associated text */
.dataRecordTreeItem {
	display: inline-block;
	font-size: 12px !important;
	vertical-align: middle;
}

.dataRecordTreeItemDiv {
	display: block !important;
	padding: 2px !important;
	border-radius: 3px;
}

.dataRecordTreeItemTable table:first-of-type {
	
}

.hideRootTreeItem .dataRecordRootTreeItem > table {
	display:none !important;
}

.dataRecordRootTreeItem {

}

.dataRecordContainerTreeItem {
	font-weight: bold !important;
}

.treeNodeIcon {
	display: inline;
	vertical-align: middle !important;
}

.gwt-TreeItem img {
	display: inline;
	vertical-align: middle !important;
}

.gwt-TreeItem-selected img {
	display: inline;
	vertical-align: middle !important;
}

/* general style for components on the right in label: value pairs. */
.fieldValueColumn {
	text-align: left !important;
	width: auto; /*!important;*/
}

.fieldEditorHyperlink {
	color: blue;
	text-decoration: underline;
	text-align: left;
	cursor: pointer;
	padding-top: 3px !important;
	vertical-align: middle;
	/*padding-top: 0 !important; */
	padding-bottom: 0 !important;
}

.fieldEditorDisabledHyperlink {
	color: grey;
	text-decoration: underline;
	text-align: left;
	cursor: default;
	padding-top: 3px !important;
	vertical-align: middle;
	/*padding-top: 0 !important; */
	padding-bottom: 0 !important;
}

.rightText {
	text-align: right;
}

.leftText {
	text-align: left;
}

/* style for the TextArea component used in the error dialogs */
.errorDialogInput {
	/*font-style: normal !important;*/
	font-size: 12px !important;
	color: #000 !important;
	background-color: #fff;
	width: auto;
	height: auto;
	padding: 5px;
}

.errorDialogLabel {
	font-size: 12px !important;
	margin-top: 5px;
	margin-bottom: 5px;
}

.defaultDialogBody {
	
}

.boldFont14 {
	font-size: 14px;
	font-style: normal;
	text-decoration: none;
	font-weight: bold;
}

.fieldLabel {
	text-align: right;
}

.JT-com-sencha-gxt-theme-base-client-field-FieldLabelDefaultAppearance-Style-fieldItem 
  .LT-com-sencha-gxt-theme-base-client-field-FieldLabelDefaultAppearance-Style-fieldLabel,
	.LT-com-sencha-gxt-theme-base-client-field-FieldLabelDefaultAppearance-Style-fieldLabel,
	.GQ-com-sencha-gxt-theme-base-client-field-CheckBoxDefaultAppearance-CheckBoxStyle-checkBoxLabel {
	font-size: 12px !important;
}

.dataRecordComboViewMainPanel {
	/* enable momentum scrolling in mobile Safari  */
	-webkit-overflow-scrolling: touch;
}

.dataRecordComboViewMainPanel>* {
	/* reduces rendering glitches during momentum scrolling */
	-webkit-transform: translateZ(0);
}

/* style for form field labels displayed on data form tab panels */
.formFieldLabel {
	text-align: right !important;
	/*margin-left: 10px;*/
	font-size: 12px !important;
}

/* special override for the formFieldLabel to make the text align to the left instead */
.formFieldLabel.leftFieldForm {
	text-align: left !important;
}

.formFieldLabel input {
	font-size: 12px !important;
	/* This does not need to be here anymore, webkit must have fixed the original issue as it breaks when using this now. */
/* As of Blink v537.36, taking this out works */
/*-webkit-transition: width 0.1s; /* PR-14562 */
}

.formFieldLabel textarea {
	font-size: 12px !important;
}

.formFieldLabel .editedText input {
	font: bold 12px !important;
	color: blue !important;
}

.formFieldLabel .editedText textarea {
	font: bold 12px !important;
	color: blue !important;
}

.dataTypeFormPanel {
	margin-left: auto;
	margin-right: auto;
	margin-bottom: auto;
	margin-top: 10px;
	text-align: right;
}

.dataTypeFormTabPanel {
	/*margin-bottom:20px; */ /* background-color: #afe; */ /* background-color: transparent !important; */
	
}

/*
 * entries that start with .x- are generally associated with gxt
 * components/classes that need to be overridden
 */
.dataRecordForm .x-tab-panel-body {
	/* background-color: transparent !important; */
	
}

.x-tab-panel-header {
	padding-bottom: 0px !important;
}

ul.x-tab-strip-top {
	padding-top: 5px !important;
}

.x-panel-body {
	/* background-color: transparent !important; */
	
}

/* style that turns the text blue/bold indicating the field has been edited */
.-editedText {
	color: blue !important;
	font-size: 12px !important;
	font-weight: bold;
}

.editedText {
	color: blue !important;
	font-size: 12px !important;
	font-weight: bold;
}

/*
 * because in GXT 3, the ability to set the input style was removed from
 * the containing widget, the styles .editedText input and .editedText textarea
 * are needed.  When not using GXT 3, we can simply use the .editedText
 */
.editedText input {
	color: blue !important;
	font-size: 12px !important;
	font-weight: bold;
}

.editedText textarea {
	color: blue !important;
	font-size: 12px !important;
	font-weight: bold;
}

.x-grid3-dirty-cell {
	color: blue !important;
	font-size: 12px !important;
	font-weight: bold !important;
}

.DIC-com-sencha-gxt-widget-core-client-grid-GridView-GridDataTableStyles-cellDirty,
	.KIC-com-sencha-gxt-widget-core-client-grid-GridView-GridDataTableStyles-cellDirty,
	.MQB-com-sencha-gxt-theme-blue-client-grid-BlueGridAppearance-BlueGridStyle-cellDirty,
	.BRB-com-sencha-gxt-theme-blue-client-grid-BlueGridAppearance-BlueGridStyle-cellDirty {
	color: blue !important;
	font-size: 12px !important;
	font-weight: bold !important;
}

.x-grid3-cell {
	font-size: 12px !important;
}

.CIC-com-sencha-gxt-widget-core-client-grid-GridView-GridDataTableStyles-cell,
	.JIC-com-sencha-gxt-widget-core-client-grid-GridView-GridDataTableStyles-cell,
	.LQB-com-sencha-gxt-theme-blue-client-grid-BlueGridAppearance-BlueGridStyle-cell,
	.BRB-com-sencha-gxt-theme-blue-client-grid-BlueGridAppearance-BlueGridStyle-cell {
	font-size: 12px !important;
}

.x-grid3-row-alt {
	/* background-color: #FAFAFA; */ /*background-color: #EEF6FF   /* 238, 246, 255 */
	background-color: #f0f0f0 !important;
}

.x-grid3-row-selected.x-grid3-row-alt {
	background-color: #DFE8F6 !important;
}

.defaultTableCell {
	white-space: nowrap !important;
}

.veloxLabel {
	font-size: 12px !important;
}

.groupQuickSelectRadio {
	top: 8px !important;
}

.statusBarUserLabel {
	margin-right: 20px !important;
}

.statusBarBuildLabel {
	right: 20px !important;
}

.statusPanel {
	vertical-align: middle;
	background-color: #eeeeee;
}

.cssButton {
	/*
	color:blue;
	text-decoration:underline;
	text-align:left;
	*/
	cursor: pointer;
	background-color: #DDDDEE;
	/*border: 2px outset #EEEEFF;*/ /* border: 1px outset #CCCCCC; */
	color: #222244;
	padding: 0px 1px;
	text-align: center;
	text-decoration: none;
	border-color: #CCCCCC #999999 #999999 #CCCCCC;
	border-style: solid;
}

/* If user tab-focuses the button, make it noticeable (TI-11851) */
.cssButton:focus {
	border: 1px outset rgb(0, 42, 176);
}

/* If user clicks the button, make it noticeable (TI-11851) */
.cssButton:active {
	border: 1px inset #ccc;
}

.cssButton-active {
	border-color: #777777 #EEEEEE #EEEEEE #777777;
}

.EIC-com-sencha-gxt-widget-core-client-grid-GridView-GridDataTableStyles-cellInner button,
	.LIC-com-sencha-gxt-widget-core-client-grid-GridView-GridDataTableStyles-cellInner button,
	.NQB-com-sencha-gxt-theme-blue-client-grid-BlueGridAppearance-BlueGridStyle-cellInner button {
	cursor: pointer;
	background-color: #DDDDEE;
	border: 1px outset #CCCCCC;
	color: #222244;
	padding: 0px 1px;
	text-align: center;
	text-decoration: none;
}

/*
 * Styles for the ActionEditor
 */
.actionButton {
	cursor: pointer;
	background-color: #DDDDEE;
	/*border: 1px outset #CCCCCC;*/
	color: #222244;
	text-decoration: none;
	text-align: center;
	/*text-align: left;
	padding-left: 5px;
	background-image: url("images/action.gif");
	background-position: center left;
	background-repeat: no-repeat; 
	padding: 2px 3px 3px 0px;*/
}

.actionButton .html-face {
	margin-left: 0px !important; /* IE puts a left margin of 12px for some reason */
/* margin-left: 12px; 
	padding: 2px 0px 0px 15px !important;
	margin:0px !important;
	background-image: url("images/action.gif");
	background-position: center left;
	background-repeat: no-repeat;*/
}

.actionCellRenderer {
	height: 16px;
	padding: 0px 5px !important;
}

/*
 * Styles for the SelectionEditor
 */
.selectionEditorMainPanel {
	width: auto !important;
	height: 22px;
}

.selectionEditorButton {
	width: 18px;
	height: 18px;
	padding: 0px !important;
	background: url("images/16x16/listbox.gif") no-repeat scroll 1px 1px transparent !important;
}

.selectionCellEditorField {
	
}

.selectionCellEditorFieldInput {
	
}

/*
 * Styles for the BooleanEditor
 */
.booleanEditor {
	width: 16px !important;
	height: 16px !important;
}

/* style to center the BooleanCellEditor toggle button in EditorGrid */
.booleanCellEditor {
	margin-left: auto;
	margin-right: auto;
}

.triStateButton {
	width: 16px !important;
	height: 16px !important;
	padding: 0px 0px !important;
	/*top: 2px;
	
	background-repeat: no-repeat;
	background-color: transparent;
	/*background-position: absolute 0px 0px;*
	background-attachment: scroll; /*0px 0px */
	position: relative;
}

.triStateButtonCellRenderer {
	margin-left: auto;
	margin-right: auto;
	bottom: 2px;
}

.checkedButton {
	background: url("images/16x16/checked.gif") no-repeat scroll 0px 0px transparent !important;
}

.checkedEditedButton {
	background: url("images/16x16/checkedEdited.gif") no-repeat scroll 0px 0px transparent !important;
}

.checkOffButton {
	background: url("images/16x16/checkOff.gif") no-repeat scroll 0px 0px transparent !important;
}

.checkOffEditedButton {
	background: url( "images/16x16/checkOffEdited.gif" ) no-repeat scroll 0px 0px transparent !important;
}

.checkSquareButton {
	background: url( "images/16x16/checkSquare.gif" ) no-repeat scroll 0px 0px transparent !important;
}

.checkSquareEditedButton {
	background: url( "images/16x16/checkSquareEdited.gif" ) no-repeat scroll 0px 0px transparent !important;
}

/* label for checkboxes in GXT 3 */
.HQ-com-sencha-gxt-theme-base-client-field-CheckBoxDefaultAppearance-CheckBoxStyle-checkBoxLabel {
	font: 12px !important;
}

/*
 * Styles for the Callback handling ProgressDialog
 */
.callbackErrorMessage {
	color: #ee0000;
	font: 12px !important;
	white-space: nowrap;
	font-size: 12px !important;
	white-space: nowrap;
	background-color: inherit;
	padding-left: 5px;
	padding-right: 5px;
}

.callbackInfoMessage {
	color: inherit;
	white-space: nowrap;
	font-size: 12px !important;
	white-space: nowrap;
	background-color: inherit;
	padding-left: 5px;
	padding-right: 5px;
}

.callbackWarningMessage {
	color: #0000ee;
	white-space: nowrap;
	font-size: 12px !important;
	white-space: nowrap;
	background-color: inherit;
	padding-left: 5px;
	padding-right: 5px;
}

.callbackGenericMessage {
	color: inherit;
	white-space: nowrap;
	font-size: 12px !important;
	white-space: nowrap;
	background-color: inherit;
	padding-left: 5px;
	padding-right: 5px;
}

.callbackAddMessage {
	color: inherit;
	white-space: nowrap;
	font-size: 12px !important;
	white-space: nowrap;
	background-color: inherit;
	padding-left: 5px;
	padding-right: 5px;
}

.callbackModifyMessage {
	color: inherit;
	white-space: nowrap;
	font-size: 12px !important;
	white-space: nowrap;
	background-color: inherit;
	padding-left: 5px;
	padding-right: 5px;
}

.callbackRemoveMessage {
	color: inherit;
	white-space: nowrap;
	font-size: 12px !important;
	white-space: nowrap;
	background-color: inherit;
	padding-left: 5px;
	padding-right: 5px;
}

.progressBarLabel {
	font-size: 12px !important;
	height: 20px !important;
	top: 5px !important;
	bottom: 5px !important;
	height: 20px !important;
	top: 5px !important;
	bottom: 5px !important;
}

.progressBarPanel {
	background: transparent !important;
}

.callbackMessageList {
	/*	margin-left: 10px;
	margin-right: 10px;
	margin-top: 5px; */
	overflow: auto;
	background-color: white;
}

.dialogTextBox {
	background-color: #fff;
	padding: 3px;
}

.parentRecordDialogText {
	/*padding: 3px; */
	font-size: 12px !important;
	background-color: transparent;
	border: none;
}

/*
 * center the data in each grid row
 */
.KIC-com-sencha-gxt-widget-core-client-grid-GridView-GridDataTableStyles-row,
	.HJC-com-sencha-gxt-widget-core-client-grid-GridView-GridDataTableStyles-row,
	.MFC-com-sencha-gxt-widget-core-client-grid-GridView-GridStateStyles-row {
	vertical-align: middle !important;
}

/*
 * Change settings for the RowNumberer in the GXT Grid
 */
.x-grid3-td-numberer, .x-grid-td-numberer, .veloxRowNumberer,
	.GAB-com-sencha-gxt-theme-base-client-grid-RowNumbererDefaultAppearance-RowNumbererStyles-cell {
	/* background-image: url("../images/default/grid/grid3-special-col-bg.gif"); */
	background-image: none !important;
	/* background: #ccccdd !important; */
	background-color: #ECECEC !important;
	border: 1px outset #CCCCCC !important;
	color: #000; /* #222244 !important; */
}

.x-grid-td-numberer div, .veloxRowNumberer div.NQB-com-sencha-gxt-theme-blue-client-grid-BlueGridAppearance-BlueGridStyle-cellInner,
	.HAB-com-sencha-gxt-theme-base-client-grid-RowNumbererDefaultAppearance-RowNumbererStyles-numberer {
	text-align: right !important;
	padding-right: 5px;
	padding-top: 3px;
}

.veloxRowNumbererHeader {
	/* The row numberer header should have no content in it, so hide any elements that are added to it. */
	display: none;
}

.AIC-com-sencha-gxt-widget-core-client-grid-ColumnHeader-ColumnHeaderStyles-headInner,
	.B3-com-sencha-gxt-theme-base-client-grid-ColumnHeaderDefaultAppearance-DefaultColumnHeaderStyles-headInner,
	.F3-com-sencha-gxt-theme-base-client-grid-ColumnHeaderDefaultAppearance-DefaultColumnHeaderStyles-headInner {
	line-height: 19px !important;
	font-size: 12px !important;
}

.EIC-com-sencha-gxt-widget-core-client-grid-GridView-GridDataTableStyles-cellInner,
	.LIC-com-sencha-gxt-widget-core-client-grid-GridView-GridDataTableStyles-cellInner,
	.NQB-com-sencha-gxt-theme-blue-client-grid-BlueGridAppearance-BlueGridStyle-cellInner,
	.BRB-com-sencha-gxt-theme-blue-client-grid-BlueGridAppearance-BlueGridStyle-cellInner {
	line-height: 19px !important;
	font-size: 12px !important;
}

.x-grid-td-numberer .EIC-com-sencha-gxt-widget-core-client-grid-GridView-GridDataTableStyles-cellInner,
	.x-grid-td-numberer .LIC-com-sencha-gxt-widget-core-client-grid-GridView-GridDataTableStyles-cellInner,
	.x-grid-td-numberer .NQB-com-sencha-gxt-theme-blue-client-grid-BlueGridAppearance-BlueGridStyle-cellInner,
	.x-grid-td-numberer .BRB-com-sencha-gxt-theme-blue-client-grid-BlueGridAppearance-BlueGridStyle-cellInner {
	line-height: 19px !important;
	font-size: 12px !important;
}

.x-grid3-col-numberer {
	font-size: 12px !important;
}

/*
 * the first column of text in the gxt tree table
 */
.x-tree3-node-text {
	font-size: 12px !important;
}

.x-window-mc {
	font-size: 12px !important;
}

/*
 * the first column of text in the gxt tree table
 */
.x-tree3-node-text {
	font-size: 12px !important;
}

.x-window-mc {
	font-size: 12px !important;
}

.ODC-com-sencha-gxt-widget-core-client-ListView-ListViewDefaultStyle-item,
	.FEC-com-sencha-gxt-widget-core-client-ListView-ListViewDefaultStyle-item,
	.HBB-com-sencha-gxt-theme-base-client-listview-ListViewDefaultAppearance-ListViewDefaultStyle-item {
	
}

.IEC-com-sencha-gxt-widget-core-client-ListView-ListViewDefaultStyle-view,
	.KBB-com-sencha-gxt-theme-base-client-listview-ListViewDefaultAppearance-ListViewDefaultStyle-view {
	font-size: 12px !important;
}

.dialogFilterLabel {
	font-size: 12px !important;
	padding: 0 !important;
	margin-right: 5px;
}

/*
.x-grid3-body .x-grid3-td-numberer {
    background: none repeat-y scroll right center transparent;
}
*/
/*
 * Settings for the Parent Record Selection Dialog
 */
.parentRecordSelectionMainPanel {
	background-color: transparent;
}

.parentSelectionDialogToolbar {
	/* essentially make it a gradient panel, but flexible */ /*	background: #dce6f0; /* for non-css3 browsers */
	/*	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#dce6f0'); /* for IE */
	/*	background: -webkit-gradient(linear, left top, left bottom, from(#ffffff), to(#dce6f0)); /* for webkit browsers */
	/*	background: -moz-linear-gradient(top,  #ffffff,  #dce6f0); /* for firefox 3.6+ */
	background: #fcfcfc !important; /* Old browsers */
	background: -moz-linear-gradient(top, #fcfcfc 64%, #dce9ef 100%) !important; /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(64%, #fcfcfc), color-stop(100%, #dce9ef))
		!important; /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, #fcfcfc 64%, #dce9ef 100%) !important; /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, #fcfcfc 64%, #dce9ef 100%) !important; /* Opera 11.10+ */
	background: -ms-linear-gradient(top, #fcfcfc 64%, #dce9ef 100%) !important; /* IE10+ */
	background: linear-gradient(to bottom, #fcfcfc 64%, #dce9ef 100%) !important; /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fcfcfc', endColorstr='#dce9ef', GradientType=0)
		!important; /* IE6-9 */
}

.parentRecordListView div {
	font-size: 12px !important;
}

.newParentRecordBtn {
	font-size: 12px !important;
	margin-left: 10px;
}

.activeWorkflowPanel {
	margin-left: 5px;
	margin-right: 5px;
	margin-top: 5px;
}

.workflowPanel {
	width: 100%;
	min-width: 200px;
	max-width: none;
}

.workflowHelpPanel {
	width: auto;
	margin-right: 5px;
	margin-top: 5px;
	min-width: 100px;
}

.gwt-PopupPanel .fileUploadPanel {
	background: none repeat scroll 0 0 #ffffff !important;
	/* border: 2px groove #dce6f0 !important; */
	border: 1px solid #888 !important;
	padding: 5px !important;
	-moz-border-radius: 0px !important;
	border-radius: 0px !important;
}

.gwt-PopupPanel .GWTUpld {
	-moz-border-radius: 6px 6px 6px 6px;
	/*background: none repeat scroll 0 0 #BF984C;
    border: 2px groove #F6A828; */
	background: none repeat scroll 0 0 #ffffff !important;
	/*border: 2px groove #dce6f0 !important;*/
	border: 1px solid #dce6f0 !important;
	padding: 8px !important;
}

.GWTUpld .prgbar-done {
	/* background: none repeat scroll 0 0 #D4E4FF;*/
	background: none repeat scroll 0 0 #ababab !important;
	float: left;
	font-size: 0;
}

.fileUploadDialog {
	padding: 0;
	border-width: 1px;
	/*-moz-border-radius: 6px 6px 6px 6px;*/
	-moz-border-radius-topleft: 6px;
	-moz-border-radius-topright: 6px;
	border-top-left-radius: 6px;
	border-top-right-radius: 6px;
	/*border-radius: 6px;*/
}

.fileUploadDialogHeader {
	color: #15428B;
	font-size: 11px !important;
	font-weight: bold;
	background-image: url("ext-resources/images/default/window/top-bottom.png");
	background: none repeat-x scroll 0 0 transparent;
	overflow: hidden;
	margin-left: 3px;
}

/*
 * This sets the properties for the window close button on the Attachment 
 * File Upload Dialog.  Use of the image makes it look like the other
 * GXT window close buttons.
 */
.fileUploadDialogCloseBtn {
	/* sometimes these two properties get combined */
	background-image: url("ext-resources/images/default/panel/tool-sprites.gif");
	background: url("ext-resources/images/default/panel/tool-sprites.gif") no-repeat scroll 0 0 transparent;
	background-position: 0 0;
	/*background: none no-repeat scroll 0 0 transparent;*/
	cursor: pointer;
	float: right;
	height: 9px;
	/* margin-right: 2px; */
	margin-top: 1px;
	overflow: hidden;
	width: 5px;
}

/*
 * this is for the arrow icon that appears at the bottom of the Add
 * button on the Form Toolbar
 */
.x-btn-mc em.x-btn-arrow-bottom button.x-btn-text {
	top: 3px;
}

.x-btn-mc em.x-btn-arrow-bottom {
	padding-bottom: 10px;
}

.x-item-disabled img { /* because they want 0.6 for text so it's not too dim, but want extra dim on buttons!! */
	opacity: 0.6 !important;
}

.x-item-disabled .editedText {
	color: rgba(0, 0, 255, 0.8) !important;
	font-size: 12px !important;
	font-weight: bold;
	background: none repeat scroll 0 0 #F4F4F4;
}

.x-item-disabled input {
	/* override the opacity setting of disabled gxt fields */
	color: #000 !important;
	background: none repeat scroll 0 0 #F4F4F4;
}

.x-item-disabled textarea {
	/* override the opacity setting of disabled gxt fields */
	color: #000 !important;
	background: none repeat scroll 0 0 #F4F4F4;
}

.x-item-disabled {
	/* override the opacity setting of disabled gxt fields */
	color: black !important;
}

.x-form-readonly .editedText {
	color: rgba(0, 0, 255, 0.8) !important;
	font-size: 12px !important;
	font-weight: bold;
	background: none repeat scroll 0 0 #F4F4F4;
}

.x-form-readonly input {
	/* override the opacity setting of disabled gxt fields */
	color: black !important;
	background: none repeat scroll 0 0 #F4F4F4;
}

.x-form-readonly textarea {
	/* override the opacity setting of disabled gxt fields */
	color: black !important;
	background: none repeat scroll 0 0 #F4F4F4;
}

.x-form-readonly {
	/* override the opacity setting of disabled gxt fields */
	color: black !important;
}

.gwt-PushButton-readOnly, .gwt-Label-readOnly {
	cursor: default;
}

.selectionCellEditor {
	opacity: 1.0 !important;
	/* padding: 0px 4px 2px; */
}

.x-form-readonly .selectionCellEditorFieldInput {
	padding: 0 2px 1px 4px !important;
	opacity: 1.0 !important;
}

.disabledCell {
	color: grey !important;
}

.disabledComponent {
	color: black !important;
}

.disabledComponent input {
	color: black !important;
	background: none repeat scroll 0 0 #F4F4F4;
}

.disabledComponent input.EHC-com-sencha-gxt-widget-core-client-form-Field-FieldStyles-invalid, .disabledComponent textarea.EHC-com-sencha-gxt-widget-core-client-form-Field-FieldStyles-invalid,
	.disabledComponent input.LHC-com-sencha-gxt-widget-core-client-form-Field-FieldStyles-invalid, .disabledComponent textarea.LHC-com-sencha-gxt-widget-core-client-form-Field-FieldStyles-invalid
	{
	color: black !important;
	background: none repeat scroll 0 0 #F4F4F4;
}

.gwt-TextBox-editedText {
	color: blue;
	font-weight: bold;
}

.gwt-TextArea-editedText {
	color: blue;
	font-weight: bold;
}

.gwt-DateBox-editedText {
	color: blue;
	font-weight: bold;
}

.gwt-SimpleCheckBox-editedText {
	color: blue;
	font-weight: bold;
}

.gwt-ListBox-editedText {
	color: blue;
	font-weight: bold;
}

.x-component-editedText {
	color: blue;
	font-weight: bold;
}

.textAreaLabel {
	vertical-align: top;
	margin-top: 2px;
}

.x-btn button {
	color: #333333;
	font-size: 12px !important;
}

.defaultButtonText .ON-com-sencha-gxt-theme-base-client-button-ButtonCellDefaultAppearance-ButtonCellStyle-text,
	.defaultButtonText .KN-com-sencha-gxt-theme-base-client-button-ButtonCellDefaultAppearance-ButtonCellStyle-text {
	font-size: 12px !important;
}

.toolbarButton  .KN-com-sencha-gxt-theme-base-client-button-ButtonCellDefaultAppearance-ButtonCellStyle-text {
	line-height: 12px;
}

.toolbarButton .BN-com-sencha-gxt-theme-base-client-button-ButtonCellDefaultAppearance-ButtonCellStyle-iconWrap {
	line-height: 11px;
}

.toolbarButton button {
	font-size: 11px !important;
	font-style: normal;
}

.x-button-toolbarButtonText {
	font-family: Arial !important;
	font-style: normal;
	font-size: 11pt;
}

.mainToolbar .toolbarButton button center {
	position: relative;
}

.mainToolbar .toolbarButton button {
	overflow: visible;;
}

.toolbarButton {
	text-align: left; /* setHorizontalAlignment(SwingConstants.LEFT);*/
	vertical-align: top !important; /*	setAlignmentY(Component.TOP_ALIGNMENT); */
	border: 0px; /*setBorderPainted(false);*/ /*setDefaultCapable(false);*/
	cursor: pointer; /* setCursor(Cursor.getPredefinedCursor(Cursor.HAND_CURSOR));*/ /*setRolloverEnabled(false);*/
	background: no-repeat center center !important;
	white-space: nowrap;
}

.toolbarButton-labelTop {
	text-align: center; /* setHorizontalTextPosition(SwingConstants.CENTER); */
	vertical-align: text-bottom; /*setVerticalTextPosition(SwingConstants.BOTTOM);*/
/*setIconTextGap(-10);*/
}

.toolbarSeparator {
	height: 56px !important;
	background-repeat: repeat-y !important;
}

/** Most GWT widgets already have a style name defined */
.gwt-DialogBox {
	width: 400px;
}

.dialogVPanel {
	margin: 5px;
}

.headerIcon {
	gwt-image: 'delete_24';
	vertical-align: middle;
}

.serverResponseLabelError {
	color: red;
}

/** Set ids using widget.getElement().setId("idOfElement") */
#closeButton {
	margin: 15px 6px 6px;
}

ul.x-tab-strip-top {
	background-color: #fff;
	background-image: none;
	/*border-bottom-color: #8DB2E3;*/
}

.GWTUpld .gwt-Button, .GWTUpld .gwt-FileUpload {
	font-size: 12px !important;
	min-height: 15px;
}

.gwt-TabLayoutPanel {
	
}

.gwt-TabLayoutPanel .gwt-TabLayoutPanelTabs {
	
}

.gwt-TabLayoutPanelContentContainer {
	border-color: #92c1f0;
	border-style: solid;
	border-width: 2px 1px 1px;
}

.gwt-TabLayoutPanel .gwt-TabLayoutPanelContent {
	border-color: #92c1f0;
	border-style: solid;
	border-width: 1px;
	overflow: hidden;
	padding: 6px;
}

.gwt-TabLayoutPanel .gwt-TabLayoutPanelTab {
	margin-left: 6px;
	padding: 3px 3px 3px 3px;
	cursor: pointer;
	cursor: hand;
	color: black;
	/* font-weight: bold; */
	text-align: center;
	/* background: #d0e4f6; */
}

.gwt-TabLayoutPanel .gwt-TabLayoutPanelTab-selected {
	cursor: default;
	/*background: #92c1f0;*/
	background: #88C3EE;
	background: url("images/tabright1.gif") no-repeat right top;
}

.gwt-TabLayoutPanelTab {
	float: left;
	/*width:100%;*/
	background: #F4F7FB;
	font-size: 93%;
	line-height: normal;
	border-bottom: 1px solid #BCD2E6;
	background: url("images/tabright1.gif") no-repeat right top;
	margin: 0;
	padding: 0 0 0 4px;
	text-decoration: none;
}

.gwt-TabLayoutPanelTab a {
	float: left;
	background: url("images/tableft1.gif") no-repeat left top;
	margin: 0;
	padding: 0 0 0 4px;
	text-decoration: none;
}

.gwt-TabLayoutPanelTab a span {
	float: left;
	display: block;
	background: url("images/tabright1.gif") no-repeat right top;
	padding: 5px 15px 4px 6px;
	color: #627EB7;
}

/* Commented Backslash Hack hides rule from IE5-Mac \*/
.gwt-TabLayoutPanelTab a span {
	float: none;
}
/* End IE5-Mac hack */
.gwt-TabLayoutPanelTab a:hover span {
	color: #627EB7;
}

.gwt-TabLayoutPanelTab a:hover {
	background-position: 0% -42px;
}

.gwt-TabLayoutPanelTab a:hover span {
	background-position: 100% -42px;
}

.gwt-TabLayoutPanelTab-selected a {
	background-position: 0% -42px;
}

.gwt-TabLayoutPanelTab-selected a span {
	background-position: 100% -42px;
}

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

.createReportPage-choicesPanel td {
	vertical-align: inherit;
}

.reportCard {
	height: 100%;
}

.tabEditorButton {
	float: right;
	position: relative;
	bottom: 3px;
	right: 3px;
}

.tabEditorTabPanel ul {
	width: auto;
}

.trigger-macro {
	background-image: url(images/trigger-macro.gif) !important;
}

.trigger-flush-right {
	right: 0 !important;
}

/*** BEGIN DERECK'S HELPER CLASSES ***/
/** Image Label -- a replacement for JLabel.
    1) Create a Text (or other) element.
    2) Add the imageLabel and an imageLabel-xx style class to the element.
    3) Set the backgroundImage/background-image attribute of the element (can use getSafeUri().asString() from the 
    	image bundle resources to get a URL to use).  
      note) May need to use a render event listener to set this, as a data url could cause issues pre-render **/
.imageLabel {
	background-repeat: no-repeat;
	vertical-align: middle;
	background-position: left center;
	background-size: contain;
}

.imageLabel-32 {
	padding-left: 34px;
	min-height: 32px;
}

.imageLabel-24 {
	padding-left: 26px;
	min-height: 24px;
}

.imageLabel-16 {
	padding-left: 18px;
	min-height: 16px;
}

/*** END DERECK'S HELPER CLASSES ***/
/*** BEGIN REPORT BUILDER COMPONENTS ***/
.reportTermEditorLabel {
	font-size: 11pt;
	font-weight: bold;
	/* simulation of: setBorder(new EtchedBorder(EtchedBorder.LOWERED)) */
	border: solid 1px #ccc;
	border-radius: 3px;
	/* really long data type and data field names need to be truncated */
	overflow: hidden;
}

.reportTermEditorLabel.simple-and {
	text-align: center;
    height: 32px;
    line-height: 32px;
}

.reportTermPanel {
	padding: 2px 1px 2px 2px;
	border-radius: 3px;
	border: 2px solid transparent;
}

.reportTermPanel-over {
	border: 2px dashed #5C8AF1;
}

.reportTermPanel-selected {
	border: 2px solid #5C8AF1;
}

.reportTermPanel.simple .reportTermPanel-selected, .reportTermPanel.simple .reportTermPanel-over, .reportTermPanel.simple.reportTermPanel-selected,
	.reportTermPanel.simple.reportTermPanel-over {
	/* border-color: transparent; */
	
}

.reportTermPanel>div {
	float: left;
}

.reportTermPanel.compositeTermPanel.simple {
	padding: 0;
	border-width: 0;
}

.reportConditionPanel {
	/* simulation of: setBorder(new BevelBorder(BevelBorder.LOWERED)) */
	
}

.reportConditionPanel .termPanel {
	max-height: 380px;
	overflow: auto;
}

.rawTermPanel .notLabel {
    font-size: 12px;
    font-weight: bold;
    background-position: 0px 0px;
    margin-right: 5px;
    margin-top: 6px;
    background-size: 24px;
}

.rawTermPanel .notLabel > div {
    padding-left: 3px;
    line-height: 24px;
}

.termDataTypePanel {
	min-height: 34px;
	min-width: 320px;
	background-color: transparent;
}

.termDataTypePanel .reportTermEditorLabel {
	padding-left: 3px;
	width: 313px;
	height: 32px;
	line-height: 32px;
	white-space: nowrap;
	text-overflow: ellipsis;
	overflow: hidden;
}

.termDataTypePanel .dataTypePicker {
	width: 320px;
	height: 34px;
}

.termDataFieldPanel {
	min-height: 34px;
	min-width: 320px;
	background-color: transparent;
}

.termDataFieldPanel .reportTermEditorLabel {
	text-align: left;
	padding-left: 3px;
	width: 313px;
	height: 32px;
	line-height: 32px;
	white-space: nowrap;
	text-overflow: ellipsis;
	overflow: hidden;
}

.termOperatorPanel {
	text-align: center;
	border-width: 0;
	min-height: 34px;
	min-width: 50px;
}

.termOperatorPanel .reportTermEditorLabel {
	width: 46px;
	height: 32px;
	line-height: 32px;
}

.termOperatorPanel .operatorCombo {
	width: 50px;
	height: 32px;
}

.termValuePanel {
	min-height: 34px;
	min-width: 220px;
}

.termValuePanel .editor {
	width: 220px;
	height: 34px;
}

.termValuePanel .reportTermEditorLabel {
	text-align: left;
	padding-left: 3px;
	width: 213px;
	height: 32px;
	line-height: 32px;
	white-space: nowrap;
	text-overflow: ellipsis;
	overflow: hidden;
}

.termValuePanel .dateChooser {
	width: 220px;
	height: 34px;
}

.termValuePanel .dateChooser input {
	width: 195px;
}

.termValuePanel .termValueSelectionComponent {
	width: 216px !important;
	height: 34px;
}

.termValuePanel .termValueSelectionComponent>div {
	float: left;
}

.termValuePanel .termValueSelectionComponent div {
	width: 195px !important;
}

.termValuePanel .termValueSelectionComponent div input {
	width: 187px !important;
}

.termValuePanel .termValueSelectionComponent div.selectionEditorButton {
	width: 19px !important;
	height: 19px !important;
}

.termValuePanel .termValueSelectionComponent div.selectionEditorButton input {
	width: 1px !important;
	height: 1px !important;
}

.termValuePanel .enumComboBox {
	width: 220px !important;
	height: 34px;
}

.termValuePanel .enumComboBox input {
	width: 194px !important;
}

.termValuePanel .multiLineTextEditor {
	width: 216px;
	height: 34px;
	/* simulation of: setBorder(new BevelBorder(BevelBorder.LOWERED)) */
/* border: 2px inset #ccc; */
}

.termValuePanel .multiLineTextEditor textarea {
	height: 32px;
	padding-top: 2px;
}

.termValuePanel .multiLineTextEditor .selectionEditorButton {
	width: 20px;
	height: 20px;
}

.termValuePanel .singleLineTextEditor {
	width: 216px;
	height: 32px;
	/* simulation of: setBorder(new BevelBorder(BevelBorder.LOWERED)) */
/* border: 2px inset #ccc; */
}

.termValuePanel .singleLineTextEditor .selectionEditorButton {
	width: 20px;
	height: 20px;
}

.actionTextEditorTextComponent {
	border-width: 0;
}

.compositeTermPanel .notLabel {
	font-size: 12px;
	font-weight: bold;
}

.termLogicalOperator {
	text-align: center;
	font-family: sans-serif;
	vertical-align: middle;
	border-width: 0;
}

.termLogicalOperator .reportTermEditorLabel {
	width: 66px;
	height: 32px;
	line-height: 32px;
}

.termLogicalOperator .operatorCombo {
	width: 70px;
	height: 34px;
}

.operatorPanel {
	width: 100px;
	float: left;
	overflow: visible !important
}

.operatorPanel .notLabel, .operatorPanel .termLogicalOperatorPanel {
	float: left;
	/*margin: 0 5px 0 5px;*/
}

.operatorPanel .notLabel {
	clear: both;
}

.operatorBranch {
	width: 60px;
	height: 0;
	float: right;
	border-left: 1px solid gray;
}

.operatorBranch-top {
	border-top: 1px solid gray;
}

.operatorBranch-bottom {
	border-bottom: 1px solid gray;
}

.termDataFieldPanel .dataFieldDefPicker div[role="combobox"], .termDataTypePanel .dataTypePicker div[role="combobox"] {
	width: 318px !important;
}

.termDataFieldPanel .dataFieldDefPicker div[role="combobox"] input, .termDataTypePanel .dataTypePicker div[role="combobox"] input
	{
	width: 294px !important;
}

.singleLineTextEditor .actionTextEditorTextComponent {
	width: 196px !important;
}

.singleLineTextEditor .actionTextEditorTextComponent input {
	width: 188px !important;
}

.multiLinePopup .actionTextEditorTextComponent textarea {
	overflow-y: scroll;
	margin-top: 1px;
}

.multiLineTextEditor .selectionEditorButton {
	margin-left: 196px !important;
}

/*** END REPORT BUILDER COMPONENTS ***/
.reportGroupHeaderRow {
	border: 1px solid gray;
	font-style: italic !important;
	font-weight: bold !important;
	background-color: #C5D9F1;
	text-align: center;
	white-space: nowrap;
}

.reportHeaderRow {
	border: 1px solid gray;
	font-style: normal !important;
	font-weight: bold !important;
	background-color: #F2DCDB;
	text-align: center;
	white-space: nowrap;
}

.reportSummaryRow {
	border: 1px solid gray;
	font-style: normal !important;
	font-weight: bold !important;
	background-color: #ffffff;
	text-align: left;
	white-space: nowrap;
}

.reportDataRow {
	/* border-top: 1px solid gray;
	border-bottom: 1px solid gray; */
	font-style: normal !important;
	font-weight: normal !important;
	/* background-color: #F2DCDB; */
	text-align: right;
	white-space: nowrap;
}

.addRemoveButtons button {
	font-size: 0.7em !important;
}

.velox-overflow-menu-item img {
	width: 16px !important;
	height: 16px !important;
	background-size: contain !important;
}

.statusTaskHelpPanel {
	width: 100%;
}

.focusStealer {
	position: absolute !important;
	top: 0% !important;
	left: 0% !important;
	width: 95%; /* shouldnt be 100% or else in dialogs with this, it looks wierd, ex: QBE dialog */
	height: 95%; /* shouldnt be 100% or else in dialogs with this, it looks wierd, ex: QBE dialog */
	border: none;
	z-index: -10;
	opacity: 0.0;
}

.focusStealerCheckbox {
	position: fixed !important;
	top: -10000px !important;
	left: -10000px !important;
	width: 0;
	height: 0;
	border: 0;
}

/* Chrome needs the focus stealer to be positioned absolutely, or else the first paste on a table always fails.  But if
   it is positioned absolutely then it causes a few bugs in Firefox.  Need to have a condtional style rule that handles
   both cases (TI-TODO) */
.focusStealer.absoluteFocusStealer {
	position: absolute !important;
}

.helpButtonWrapper {
	/* Use auto overflow to clear the floating children */
	overflow: auto !important;
}

.helpButtonWrapper>* {
	/* Any children of the help button wrapper should float left and ignore positional parameters */
	float: left !important;
	position: static !important;
}

.helpBalloonIframe {
	border-style: none;
	/* Tweak the margins so that the iframe is displayed inline with the close button */
	margin-top: -16px;
}

.veloxHeaderInnerText {
	/* Get rid of block display, so that the widget container that follows will be next to it instead of under it */
	display: inline-block;
}

.veloxHeaderLeftBar {
	/* Get rid of block display, so that we will be to the right of the header text instead of under it */
	display: inline-block;
	/* A little space between the header text and this widget container */
	margin-left: 5px;
	/* Using a tall image is not recommended, but make it vertically align just in case */
	vertical-align: middle;
}

.veloxHeaderLeftBar>* {
	/* Ensure that no children of the left header bar are block elements */ /*	display: inline-block !important; */
	
}

.veloxHeaderUnderline {
	height: 2px;
}

.staticHelpBalloon {
	font-size: 12px;
	margin: 8px;
}

.staticHelpBalloon h2 {
	font-size: 18px;
	font-weight: bold !important;
	margin: 0 0 5px 0;
}

.staticHelpBalloon>div {
	overflow: auto;
}

/* Make GXT Tree entries match the velox grid entries */
.FOB-com-sencha-gxt-theme-base-client-tree-TreeBaseAppearance-TreeBaseStyle-text,
	.MOB-com-sencha-gxt-theme-base-client-tree-TreeBaseAppearance-TreeBaseStyle-text,
	.KLB-com-sencha-gxt-theme-base-client-tree-TreeBaseAppearance-TreeBaseStyle-text,
	.OLB-com-sencha-gxt-theme-base-client-tree-TreeBaseAppearance-TreeBaseStyle-text {
	font-size: 12px !important;
	line-height: 20px !important;
}

.pickListConfigMainPanel {
	margin-top: 10px;
}

.quickSearch fieldset {
	border-color: #15428B;
	border-width: 1px 0 0 0;
	padding-top: 0;
	padding-bottom: 0;
}

/* Hide mobile safari's annoying "gray rectangle on click" "feature" */
* {
	-webkit-tap-highlight-color: transparent !important;
}

.velox-mobile-menu-item {
	height: 28px !important;
}

.touch-grid tr>td {
	padding-top: 5px !important;
	padding-bottom: 5px !important;
}

.requestPortalTitle-Request {
	font-size: 22px;
	color: #3f3;
}

.requestPortalTitle-Portal {
	font-size: 22px;
	color: #33f;
}

/* Hide grid cells in grids representing plates. */
.PlateGrid .CIC-com-sencha-gxt-widget-core-client-grid-GridView-GridDataTableStyles-cell, .PlateGrid .JIC-com-sencha-gxt-widget-core-client-grid-GridView-GridDataTableStyles-cell,
	.PlateGrid .LQB-com-sencha-gxt-theme-blue-client-grid-BlueGridAppearance-BlueGridStyle-cell {
	border-style: none !important;
}

/* Over-override the padding for the inner cell divs when displaying plates. */
.PlateGrid .EIC-com-sencha-gxt-widget-core-client-grid-GridView-GridDataTableStyles-cellInner, .PlateGrid .LIC-com-sencha-gxt-widget-core-client-grid-GridView-GridDataTableStyles-cellInner,
	.PlateGrid .NQB-com-sencha-gxt-theme-blue-client-grid-BlueGridAppearance-BlueGridStyle-cellInner {
	padding: 4px 3px 3px 5px !important;
}

/* Disable gradient background on the toolbar that appears in the header of the plate grid panel. */
.plateGridPanelHeader .gradientPanel {
	background: transparent none !important;
}

.plateGridPanel .LNC-com-velox-gwt-client-component-VeloxContentPanelAppearance-VeloxContentPanelStyle-body,
	.plateGridPanel .COC-com-velox-gwt-client-component-VeloxContentPanelAppearance-VeloxContentPanelStyle-body,
	.plateGridPanel .OJC-com-velox-gwt-client-component-VeloxContentPanelAppearance-VeloxContentPanelStyle-body {
	border-style: outset !important;
	border-width: 3px !important;
}

.plateGridPanelHeader {
	background-color: #15428B !important;
	color: white !important;
}

/** Hide annoying bottom-border from the header toolbar in plate grid panels. */
.plateGridPanelHeader .x-toolbar-mark {
	border-width: 0 !important;
}

/** Bump up the toolbar within the header in the plate grid */
.plateGridPanelHeader .COC-com-velox-gwt-client-component-VeloxHeaderAppearance-VeloxHeaderStyle-headerBar,
	.plateGridPanelHeader .JOC-com-velox-gwt-client-component-VeloxHeaderAppearance-VeloxHeaderStyle-headerBar,
	.plateGridPanelHeader .FKC-com-velox-gwt-client-component-VeloxHeaderAppearance-VeloxHeaderStyle-headerBar {
	position: relative;
	top: -5px;
	z-index: 10;
}

/** Push down the heading text within the header of the plate grid */
.plateGridPanelHeader .FOC-com-velox-gwt-client-component-VeloxHeaderAppearance-VeloxHeaderStyle-headerText,
	.plateGridPanelHeader .MOC-com-velox-gwt-client-component-VeloxHeaderAppearance-VeloxHeaderStyle-headerText {
	position: relative;
	/*top: 5px;*/
}

/** Enforce a maximum width on the plate name. */
.plateGridPanelHeader .veloxHeaderInnerText {
	height: 17px;
	max-width: 285px;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}

/** Tweak the edit button's position. */
.plateGridPanelHeader .veloxHeaderLeftBar {
	margin-top: -4px;
}

/** Disable annoying backgrounds on the edit button for plate grid panels. */
.plateGridEditButton * {
	background: transparent none !important;
}

.veloxCheckBoxCell {
	width: 100%;
	text-align: center;
	position: relative;
}

.veloxCheckBoxCell>span {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	z-index: 100;
}

/** The editors don't know about padding, I guess, so add 5px to make it fit into the touch grid. */
.touch-grid .veloxCheckBoxEditor {
	margin-top: 5px;
}

/** Every-other row seems to be off, so look for the "nudge" class as well, to know to tweak the margin. */
.touch-grid .veloxCheckBoxCell.nudge {
	top: 1px;
}

/** Kinda hacky, but seems to work. */
.touch-grid .veloxCheckBoxCell {
	padding-bottom: 4px;
}

.tab_card_current_tab {
	border: 2px solid gray;
	background-color: #eee !important;
	border-radius: 3px;
}

.dataFieldTable-disabled {
	color: gray !important;
}

.idFieldEditor {
	text-align: left;
	overflow: hidden;
}

.multiLineStringEditor textarea {
	line-height: 16px;
}

/* CR-7596 rounded corners everywhere! */
textarea, input, .actionCellRenderer, .cssButton {
	-moz-border-radius: 3px; /* Firefox */
	-webkit-border-radius: 3px; /* Safari, Chrome */
	border-radius: 3px; /* CSS3 */
	vertical-align: middle;
}

textarea, input {
	border: solid 1px #eaeaea;
	background-image: none !important;
}

.dataFormPanel, .commentPanel {
	background-color: white;
}

/* Modify headers of data form panels */
/*.dataFormPanel > div:first-child > div {
	background-color: rgb(75, 172, 198) !important;
}*/
.commentPanel>div:first-child>div {
	background-color: rgb(234, 142, 66) !important;
}

/* Rounds the borders of data form panels and pushes headers down a bit */
.dataFormPanel, .commentPanel {
	border-radius: 3px;
	padding-top: 5px;
	margin-top: 25px;
}

/* Disables white background that would overlap bottom rounded corners of dataFormPanel */
.dataFormPanel div:first-child+div div:first-child, .commentPanel div:first-child+div div:first-child {
	background-color: transparent;
}

.mce-container-body {
	background-color: #F0F0F0 !important;
}

.progressDialogList {
	background-color: inherit;
	border: 1px solid #cccccc;
	border-radius: 3px;
}

/* This is the optional label at the top of a data field entry dialog */
.dfedLabel {
	background-color: white;
	padding: 5px;
	border-color: #CCCCCC #888888 #888888 #CCCCCC;
	border-style: solid;
	border-width: 1px;
	border-radius: 8px;
	margin-left: 5px;
}

.selectionDialogToolbar {
	background-color: transparent !important;
	background-image: none !important;
	border: none !important;
}

.hasRequiredFields .requiredField {
	display: inline;
	margin-left: 5px;
}

.requiredField {
	display: none;
}

/* For elements that want to ignore the "reset.css" rules */
/* (via: http://www.jbcrawford.net/archives/tag/un-reset-css) */
.unreset address:not(.ignore-unreset),
.unreset blockquote:not(.ignore-unreset),
.unreset dd:not(.ignore-unreset),
.unreset div:not(.ignore-unreset),
.unreset dl:not(.ignore-unreset),
.unreset dt:not(.ignore-unreset),
.unreset fieldset:not(.ignore-unreset),
.unreset form:not(.ignore-unreset),
.unreset frame:not(.ignore-unreset),
.unreset frameset:not(.ignore-unreset),
.unreset h1:not(.ignore-unreset),
.unreset h2:not(.ignore-unreset),
.unreset h3:not(.ignore-unreset),
.unreset h4:not(.ignore-unreset),
.unreset h5:not(.ignore-unreset),
.unreset h6:not(.ignore-unreset),
.unreset noframes:not(.ignore-unreset),
.unreset ol:not(.ignore-unreset),
.unreset p:not(.ignore-unreset),
.unreset ul:not(.ignore-unreset),
.unreset center:not(.ignore-unreset),
.unreset dir:not(.ignore-unreset),
.unreset hr:not(.ignore-unreset),
.unreset menu:not(.ignore-unreset),
.unreset pre:not(.ignore-unreset) {
	display: block
}

.unreset li {
	display: list-item
}

.unreset head {
	display: none
}

.unreset table {
	display: table
}

.unreset tr {
	display: table-row
}

.unreset thead {
	display: table-header-group
}

.unreset tbody {
	display: table-row-group
}

.unreset tfoot {
	display: table-footer-group
}

.unreset col {
	display: table-column
}

.unreset colgroup {
	display: table-column-group
}

.unreset td, .unreset th {
	display: table-cell
}

.unreset caption {
	display: table-caption
}

.unreset th {
	font-weight: bolder;
	text-align: center
}

.unreset caption {
	text-align: center
}

.unreset body {
	margin: 8px
}

.unreset h1 {
	font-size: 2em;
	margin: .67em 0
}

.unreset h2 {
	font-size: 1.5em;
	margin: .75em 0
}

.unreset h3 {
	font-size: 1.17em;
	margin: .83em 0
}

.unreset h4 {
	margin: 1.12em 0
}

.unreset p, .unreset blockquote, .unreset ul, .unreset fieldset, .unreset form, .unreset ol, .unreset dl,
	.unreset dir, .unreset menu {
	margin-block-end: 0.5em;
    margin-block-start: 0.5em;
    margin-top: 0.5em;
    margin-bottom: 0.5em;
}

/*
 * Since the client halves the margins by default, if you want
 * to use the standard 1em margins, you have to put 'standardmargins'.
 */
.unreset.standardmargins p, .unreset.standardmargins blockquote, .unreset.standardmargins ul,
.unreset.standardmargins fieldset, .unreset.standardmargins form, .unreset.standardmargins ol,
.unreset.standardmargins dl, .unreset.standardmargins dir, .unreset.standardmargins menu {
	margin-block-end: 1em;
    margin-block-start: 1em;
    margin-top: 1em;
    margin-bottom: 1em;
}

.unreset h5 {
	font-size: .83em;
	margin: 1.5em 0
}

.unreset h6 {
	font-size: .75em;
	margin: 1.67em 0
}

.unreset h1, .unreset h2, .unreset h3, .unreset h4, .unreset h5, .unreset h6, .unreset b, .unreset strong {
	font-weight: bolder;
	font-style: inherit
}

.unreset blockquote {
	margin-left: 40px;
	margin-right: 40px
}

.unreset i, .unreset cite, .unreset em, .unreset var, .unreset address {
	font-style: italic;
	font-weight: inherit;
}

.unreset pre, .unreset tt, .unreset code, .unreset kbd, .unreset samp {
	font-family: monospace
}

.unreset pre {
	white-space: pre
}

.unreset button, .unreset textarea, .unreset input, .unreset select {
	display: inline-block
}

.unreset big {
	font-size: 1.17em
}

.unreset small, .unreset sub, .unreset sup {
	font-size: .83em
}

.unreset sub {
	vertical-align: sub
}

.unreset sup {
	vertical-align: super
}

.unreset table {
	border-spacing: 2px;
}

.unreset thead, .unreset tbody, .unreset tfoot {
	vertical-align: middle
}

.unreset td, .unreset th, .unreset tr {
	vertical-align: inherit
}

.unreset s, .unreset strike, .unreset del {
	text-decoration: line-through
}

.unreset hr {
	border: 1px inset
}

.unreset ol, .unreset ul, .unreset dir, .unreset menu, .unreset dd {
	margin-left: 40px
}

.unreset ol {
	list-style-type: decimal
}

.unreset ol ul, .unreset ul ol, .unreset ul ul, .unreset ol ol {
	margin-top: 0;
	margin-bottom: 0
}

.unreset ul {
	list-style-type: disc
}

.unreset u, .unreset ins {
	text-decoration: underline
}

.unreset br:before {
	content: "\A";
	white-space: pre-line
}

.unreset center {
	text-align: center
}

.unreset :link, .unreset :visited {
	text-decoration: underline
}

/* these unresets come from Chrome's user agent stylesheet (TI-12322) */
.unreset ul ul, ol ul {
	list-style-type: circle
}

.unreset ol ol ul, ol ul ul, ul ol ul, ul ul ul {
	list-style-type: square
}

/* special case for comments. */
.commentbody.unreset p {
	margin: 5px;
}

.docSearchMainContainer table td {
	font-size: 11px;
}

.docSearchMainContainer input {
	font-size: 12px !important;
}

.docSearchMainContainer .loadingLabel {
	font-size: 18px !important;
	font-weight: bold !important;
}

.docSearchMainContainer .rounded-corners {
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	-khtml-border-radius: 10px;
	border-radius: 10px;
}

.docSearchMainContainer .searchView {
	
}

.docSearchMainContainer .searchTextField {
	height: 16px !important;
	font-size: 15px !important;
	/* TI-9339 - Darken the doc (initial) search box outline so it is easier to see. */
	border: solid #598CC6 1px !important;
}

.docSearchMainContainer .searchButton {
	text-align: center;
	color: white !important;
	background: #598CC6 !important; /* Old browsers */
	background: -moz-linear-gradient(top, #76ACD0 0%, #598CC6 35%, #376BA6 100%) !important; /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #76ACD0), color-stop(35%, #598CC6),
		color-stop(100%, #376BA6)) !important; /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, #76ACD0 0%, #598CC6 35%, #376BA6 100%) !important; /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, #76ACD0 0%, #598CC6 35%, #376BA6 100%) !important; /* Opera 11.10+ */
	background: -ms-linear-gradient(top, #76ACD0 0%, #598CC6 35%, #376BA6 100%) !important; /* IE10+ */
	background: linear-gradient(to bottom, #76ACD0 0%, #598CC6 35%, #376BA6 100%) !important; /* W3C */
	font-weight: bold;
	cursor: pointer;
	font-size: 10px;
	border: solid black 1px;
	border-radius: 10px;
	padding-top: 4px;
	padding-bottom: 4px;
	padding-left: 4px;
	padding-right: 4px;
}

.docSearchMainContainer .searchButton:hover {
	color: #E9E208 !important;
}

.docSearchMainContainer .searchButton:active {
	background: #376BA6 !important; /* Old browsers */
	background: -moz-linear-gradient(top, #598CC6 0%, #376BA6 35%, #376BA6 100%) !important; /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #598CC6), color-stop(35%, #376BA6),
		color-stop(100%, #376BA6)) !important; /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, #598CC6 0%, #376BA6 35%, #376BA6 100%) !important; /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, #598CC6 0%, #376BA6 35%, #376BA6 100%) !important; /* Opera 11.10+ */
	background: -ms-linear-gradient(top, #598CC6 0%, #376BA6 35%, #376BA6 100%) !important; /* IE10+ */
	background: linear-gradient(to bottom, #598CC6 0%, #376BA6 35%, #376BA6 100%) !important; /* W3C */
	color: #E9E208 !important;
}

.docSearchMainContainer .sapioSearchLogoImage {
	
}

.docSearchMainContainer .searchResultsView {
	
}

.docSearchMainContainer .searchToolbarView {
	background: #598CC6 !important; /* Old browsers */
	background: -moz-linear-gradient(bottom, #376BA5 0%, #76ACD0 16%, #598CC6 50%, #376BA5 100%) !important; /* FF3.6+ */
	background: -webkit-gradient(linear, left bottom, left top, color-stop(0%, #376BA6), color-stop(16%, #76ACD0),
		color-stop(50%, #598CC6), color-stop(100%, #376BA5)) !important; /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(bottom, #376BA5 0%, #76ACD0 16%, #598CC6 50%, #376BA5 100%) !important;
	/* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(bottom, #376BA5 0%, #76ACD0 16%, #598CC6 50%, #376BA5 100%) !important;
	/* Opera 11.10+ */
	background: -ms-linear-gradient(bottom, #376BA5 0%, #76ACD0 16%, #598CC6 50%, #376BA5 100%) !important; /* IE10+ */
	background: linear-gradient(to top, #376BA5 0%, #76ACD0 16%, #598CC6 50%, #376BA5 100%) !important; /* W3C */
}

.docSearchMainContainer .searchFilterToolbarView {
	background: #598CC6 !important; /* Old browsers */
	background: -moz-linear-gradient(bottom, #C7C7C7 0%, #EBEBEB 16%, #D8D8D8 50%, #C7C7C7 100%) !important; /* FF3.6+ */
	background: -webkit-gradient(linear, left bottom, left top, color-stop(0%, #C7C7C7), color-stop(16%, #EBEBEB),
		color-stop(50%, #D8D8D8), color-stop(100%, #C7C7C7)) !important; /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(bottom, #C7C7C7 0%, #EBEBEB 16%, #D8D8D8 50%, #C7C7C7 100%) !important;
	/* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(bottom, #C7C7C7 0%, #EBEBEB 16%, #D8D8D8 50%, #C7C7C7 100%) !important;
	/* Opera 11.10+ */
	background: -ms-linear-gradient(bottom, #C7C7C7 0%, #EBEBEB 16%, #D8D8D8 50%, #C7C7C7 100%) !important; /* IE10+ */
	background: linear-gradient(to top, #C7C7C7 0%, #EBEBEB 16%, #D8D8D8 50%, #C7C7C7 100%) !important; /* W3C */
}

.docSearchMainContainer .backButton {
	background: url('images/docsearch/back.png');
	width: 84px !important;
	height: 23px !important;
	text-align: center !important;
	color: white !important;
	vertical-align: middle !important;
	margin-top: -7px !important;
	padding-top: 9.35px !important;
	cursor: pointer !important;
	font-size: 11px;
	font-weight: bold;
	position: absolute;
	left: 25px;
	top: 15px;
}

.docSearchMainContainer .backButton:hover {
	background: url('images/docsearch/back_highlighted.png');
	color: #EFE05D !important;
}

.docSearchMainContainer .backButton:active {
	background: url('images/docsearch/back_active.png');
	color: #EFE05D !important;
}

/* SEARCH CONTENTS VIEW */
.docSearchMainContainer .searchContentsView {
	
}

.docSearchMainContainer .searchResultEntry {
	margin: 15px !important;
	/*padding: 10px !important;*/
}

.docSearchMainContainer .searchResultHeadingRow {
	vertical-align: middle !important;
	text-align: left !important;
}

/*.searchResultEntry:hover
{
	border: solid #777777 1px;
	border-radius: 10px;
	background: linear-gradient(to bottom right, #FFFFFF 0%,#E2E2E2 35%,#9B9B9B 100%) !important;
}*/
.docSearchMainContainer .resultNumberer {
	width: 40px !important;
	text-align: left !important;
	font-weight: bold;
	text-shadow: 1px 1px #FFFFFF;
	color: #585858;
}

.docSearchMainContainer .link {
	cursor: pointer !important;
}

.docSearchMainContainer .parentLinkDiv {
	display: inline-block !important;
	height: 20px !important;
}

.docSearchMainContainer .parentLinkHeading {
	vertical-align: middle !important;
	font-weight: bold;
	font-size: 11px !important;
}

.docSearchMainContainer .parentLinkLink {
	vertical-align: middle !important;
	font-size: 11px !important;
}

.docSearchMainContainer .attachmentTypeTitle {
	font-weight: bold !important;
	font-size: 12px !important;
}

.docSearchMainContainer .attachmentTypeValue {
	font-size: 12px !important;
}

.docSearchMainContainer .mimicIframeBorder {
	border-top: 2px solid #666;
	border-left: 2px solid #666;
	border-right: 2px solid #bbb;
	border-bottom: 2px solid #bbb;
}

.docSearchMainContainer .surroundingTextLine {
	font-size: 11px !important;
	/*font-style:italic !important;*/
}

.docSearchMainContainer .documentViewOptionsDiv {
	position: absolute !important;
	right: 25px !important;
	top: 2px !important;
	overflow: hidden !important;
}

.docSearchMainContainer .documentViewOptionsTable {
	width: 100px !important;
	height: 40px !important;
	background: #ffffff;
	padding: 5px !important;
	padding-top: 15px !important;
	margin-top: -10px;
	border: solid #696969 1px;
	border-radius: 3px !important;
}

.docSearchMainContainer .optionsSlot {
	text-align: center;
	vertical-align: middle;
	cursor: pointer;
	font-weight: bold;
	font-size: 11px;
}

.docSearchMainContainer .enabledOption {
	color: #444444;
}

.docSearchMainContainer .enabledOption:hover {
	color: #041DD4 !important;
}

.docSearchMainContainer .disabledOption {
	color: #A1A1A1 !important;
}

.docSearchMainContainer .filterHeading {
	font-weight: bold !important;
	vertical-align: middle !important;
	text-align: center !important;
	font-size: 11px !important;
	color: #545454 !important;
	display: inline-block !important;
	text-shadow: 1px 1px #FFFFFF !important;
}

.docSearchMainContainer .filterContents {
	font-size: 11px !important;
	vertical-align: middle !important;
	text-align: center !important;
	display: inline-block !important;
	/*color: #545454 !important;*/
	padding: 3px;
	padding-left: 5px !important;
	padding-right: 5px !important;
	border: none !important;
	cursor: pointer !important;
	background: transparent !important;
}

.docSearchMainContainer .filterContents:hover {
	text-decoration: none !important;
	color: #E9E208 !important;
	background: #598CC6 !important; /* Old browsers */
	background: -moz-linear-gradient(top, #76ACD0 0%, #598CC6 35%, #376BA6 100%) !important; /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #76ACD0), color-stop(35%, #598CC6),
		color-stop(100%, #376BA6)) !important; /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, #76ACD0 0%, #598CC6 35%, #376BA6 100%) !important; /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, #76ACD0 0%, #598CC6 35%, #376BA6 100%) !important; /* Opera 11.10+ */
	background: -ms-linear-gradient(top, #76ACD0 0%, #598CC6 35%, #376BA6 100%) !important; /* IE10+ */
	background: linear-gradient(to bottom, #76ACD0 0%, #598CC6 35%, #376BA6 100%) !important; /* W3C */
	padding: 2px;
	padding-left: 4px !important;
	padding-right: 4px !important;
	border: solid black 1px !important;
	border-radius: 10px !important;
}

.docSearchMainContainer .filterContents:active {
	text-decoration: none !important;
	background: #376BA6 !important; /* Old browsers */
	background: -moz-linear-gradient(top, #598CC6 0%, #376BA6 35%, #376BA6 100%) !important; /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #598CC6), color-stop(35%, #376BA6),
		color-stop(100%, #376BA6)) !important; /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, #598CC6 0%, #376BA6 35%, #376BA6 100%) !important; /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, #598CC6 0%, #376BA6 35%, #376BA6 100%) !important; /* Opera 11.10+ */
	background: -ms-linear-gradient(top, #598CC6 0%, #376BA6 35%, #376BA6 100%) !important; /* IE10+ */
	background: linear-gradient(to bottom, #598CC6 0%, #376BA6 35%, #376BA6 100%) !important; /* W3C */
	color: #E9E208 !important;
}

/* END - SEARCH CONTENTS VIEW */
/* DOCUMENT VIEW */
.attachmentView {
	background-color: #404040;
	color: #ccc;
}

.attachmentViewNoBg {
	background-color: #fff !important;
}

.touchAttachmentView {
	overflow: auto !important;
	-webkit-overflow-scrolling: touch !important;
}

.noSelectedAttachmentContainer, .noAttachmentsFoundContainer, .unviewableAttachmentContainer {
	padding: 25px !important;
}

.noSelectedAttachmentContainer>div, .noAttachmentsFoundContainer>div, .unviewableAttachmentContainer>div {
	font-weight: normal !important;
}

.imagePreviewAttachmentContainer {
	width: 100%;
	height: 100%;
	position: relative;
}

.imagePreviewAttachmentContainer img {
	max-width: 100%;
	max-height: 100%;
	position: absolute;
	margin: auto;
	left: 0;
	right: 0;
	top: 0;
	bottom: 0;
}

.docSearchMainContainer .unsupportedExtensionMessage {
	font-weight: bold;
	font-size: 15px !important;
	text-align: center;
	vertical-align: middle;
	min-width: 500px /* TI-12920 - fix awkward word-wrap */
}
/* END - DOCUMENT VIEW */
/* PAGINATION VIEW */
.docSearchMainContainer .paginationView {
	/*	background: #598CC6 !important; /* Old browsers */
	/*  	background: -moz-linear-gradient(top, #082F5B 0%, #376BA5 16%, #194A83 50%, #082F5B 100%) !important; /* FF3.6+ */
	/*    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#082F5B), color-stop(16%,#376BA5), color-stop(50%,#194A83), color-stop(100%,#082F5B)) !important; /* Chrome,Safari4+ */
	/*    background: -webkit-linear-gradient(top, #082F5B 0%, #376BA5 16%, #194A83 50%, #082F5B 100%) !important; /* Chrome10+,Safari5.1+ */
	/*    background: -o-linear-gradient(top, #082F5B 0%, #376BA5 16%, #194A83 50%, #082F5B 100%) !important; /* Opera 11.10+ */
	/*    background: -ms-linear-gradient(top, #082F5B 0%, #376BA5 16%, #194A83 50%, #082F5B 100%) !important; /* IE10+ */
	/*	background: linear-gradient(to bottom, #082F5B 0%, #376BA5 16%, #194A83 50%, #082F5B 100%) !important; /* W3C */
	border-top: 2px solid #598CC6;
}

.docSearchMainContainer .pageNumberButton {
	background-color: #FFFFFF;
	color: #000000;
	width: 28px !important;
	height: 28px !important;
	display: table-cell !important;
	text-align: center !important;
	vertical-align: middle !important;
	cursor: pointer !important;
	border: solid #082F5B 2px;
	border-radius: 50px;
}

.docSearchMainContainer .pageNumberButton:hover {
	border: solid #B7AF3D 2px !important;
}

.docSearchMainContainer .pageNumberButton:active {
	background-color: #76ACD0 !important;
	border: solid #B7AF3D 2px;
	color: #E9E208 !important;
}

.docSearchMainContainer .currentPageNumberButton {
	background-color: #5B99C3 !important;
	color: #FFFFFF !important;
	font-weight: bold;
	width: 28px !important;
	height: 28px !important;
	display: table-cell !important;
	text-align: center !important;
	vertical-align: middle !important;
	cursor: auto !important;
	border: solid #082F5B 2px;
	border-radius: 50px;
}

.docSearchMainContainer .pageNavigationTitleText {
	color: black !important;
	height: 28px !important;
	display: table-cell !important;
	text-align: right !important;
	vertical-align: middle !important;
	font-weight: bold;
}

.docSearchMainContainer .pageNumberSpace {
	width: 10px !important;
	height: 28px !important;
	display: table-cell !important;
}

.docSearchMainContainer .pageNumberEllipses {
	color: black !important;
	font-weight: bold !important;
	height: 28px !important;
	display: table-cell !important;
	text-align: center !important;
	vertical-align: middle !important;
}

.docSearchMainContainer .emptyBlock {
	background-color: transparent !important;
	border: none !important;
	cursor: auto !important;
}

.docSearchMainContainer .emptyBlock:hover {
	border: none !important;
	cursor: auto !important;
}

.docSearchMainContainer .emptyBlock:active {
	background-color: transparent !important;
	border: none !important;
	cursor: auto !important;
}

.docSearchMainContainer .previousPageButton {
	background-color: transparent !important;
	border: none !important;
	background-image: url("images/docsearch/arrow_left.png") !important;
}

.docSearchMainContainer .previousPageButton:hover {
	border: none !important;
	background-image: url("images/docsearch/arrow_left_highlighted.png") !important;
}

.docSearchMainContainer .nextPageButton {
	background-color: transparent !important;
	border: none !important;
	background-image: url("images/docsearch/arrow_right.png") !important;
}

.docSearchMainContainer .nextPageButton:hover {
	border: none !important;
	background-image: url("images/docsearch/arrow_right_highlighted.png") !important;
}

/* END - PAGINATION VIEW */
.statusUpdateDiv {
	border: 1px solid #a1a1a1;
	border-radius: 3px;
	padding: 10px;
	margin: 8px;
	font-size: 13px;
	border-left-width: 6px;
	overflow: hidden;
}

.statusUpdateDiv img {
	vertical-align: middle;
	padding: 2px;
	width: 24px;
	height: 24px;
}

.statusUpdateHr {
	margin: 0 7px 0 7px;
	border-bottom: 3px double #ccc;
}

.dataRecordUpdate {
	border-left-color: #1D60B6;
}

.dataRecordAddition {
	border-left-color: green;
}

.dataRecordDeletion {
	border-left-color: tomato;
}

.broadcastMessageDiv {
	border-left-color: #D5D560;
}

.broadcastMessageDiv span.date {
	color: gray;
	display: inline-block;
	margin-bottom: 5px;
}

.systemBroadcastMessageDiv {
	border-width: 2px 2px 2px 6px;
	border-color: #cc0000 #cc0000 #cc0000 #990000;
}

.no-user-select {
	user-select: none;
	-o-user-select: none;
	-moz-user-select: none;
	-khtml-user-select: none;
	-webkit-user-select: none;
}

.no-button-background:not (:active ):not (:hover ), .no-button-background:not (:active ):not (:hover ) :not(img) {
	background-image: none !important;
}

.commentPostPanel {
	min-height: 150px;
	border-bottom: 2px solid #ccc;
	margin-top: 5px;
}

.commentPostPanel.animate {
	-webkit-transition: background-color 1s;
	transition: background-color 1s;
}

/* Was causing slowness in IE, so disabled */
/*.commentPanel {
	overflow: hidden;
}*/
.commentPanel.animate {
	-webkit-transition: height 1s;
	transition: height 1s;
}

.commentPanel.collapsedThread {
	height: 150px;
	overflow: hidden;
}

/* The last post in a thread shouldn't have a bottom border, since it'll overlap the thread's border (but slow)*/
/*.postHolder > div:last-child .commentPostPanel {
	border-bottom-width: 0;
}*/
.lastpost>.commentPostPanel {
	border-bottom-width: 0;
}

div.commentPostPanel div.commentAvatar {
	position: absolute;
	top: 0;
	left: 0;
	width: 120px;
	height: 120px;
	text-align: center;
	font-size: 11px;
}

div.commentPostPanel div.commentAvatar div {
	margin: 0 5px 5px 5px;
	max-height: 54px;
	overflow: hidden;
}

div.commentPostPanel div.commentAvatar div.profileImage {
	width: 75%;
	height: 75%;
	border: 1px solid #ccc;
	margin: 0 5px 5px 12%;
	cursor: pointer;
	max-height: inherit;
	overflow: inherit;
	border-radius: 3px;
}

.commentPostPanel .commentPost {
	margin-left: 120px;
	min-height: 120px;
}

.commentPostPanel .commentSubject {
	font-size: 14px;
	font-weight: bold;
	border-bottom: 1px solid gray;
}

.commentPostPanel .commentSubject span.postDate, .commentPostPanel .commentSubject span.subjectLinks {
	font-size: 11px;
	font-weight: normal;
}

.commentPostPanel .commentSubject span.subjectLinks {
	float: right;
	padding-right: 5px;
}

.commentPostPanel .commentSubject span.subjectLinks a {
	cursor: pointer;
	text-decoration: none;
}

.commentPostPanel .commentBody {
	background-color: inherit;
}

.commentPostPanel .commentActions {
	text-align: right;
	height: 25px;
	margin: 5px;
}

.commentPostPanel .commentActions .cssButton, .commentPostPanel .commentPostReply .cssButton {
	float: right;
	width: 100px;
}

.commentPostPanel .commentPostReply {
	/* background-color: rgb(208,223,255); */ /*	border: 1px solid lightgray; */ /*	border-width: 1px 0 1px 0; */
	
}

.commentPostPanel .commentPostReply .clear {
	clear: both;
}

.commentHeaderLink {
	font-size: 12px;
	font-weight: normal;
	width: 165px;
	overflow: hidden;
	padding: 5px;
	border-radius: 5px;
}

.commentHeaderLink:hover {
	background-color: rgba(255, 255, 255, .3) !important;
}

.commentPanel .veloxHeaderInnerText {
	width: 525px;
}

.commentsHeader {
	border: 2px solid gray;
	width: 994px;
	font-size: 20px;
	font-weight: bold;
	background-color: #FFE39B;
	padding: 8px;
	border-radius: 10px 0 10px 0;
	color: gray;
	margin-top: 10px;
}

.childTablesHeader {
	border: 2px solid gray;
	width: 994px !important;
	font-size: 20px;
	font-weight: bold;
	background-color: rgb(194, 243, 255);
	padding: 8px;
	border-radius: 10px 0 10px 0;
	color: gray;
	margin-left: 5px;
	margin-bottom: 10px;
	margin-top: 10px;
}

.commentPanel {
	margin-top: 10px;
	overflow: hidden;
}

.commentThreadHeader {
	cursor: pointer;
}

/* vertically center the comment thread header text */
.commentThreadHeader div:nth-child (3) {
	height: 42px;
	line-height: 42px;
}

/* vertically center the comment thread header text */
.commentThreadHeader div:nth-child (3) div.veloxHeaderInnerText {
	display: inline-block;
	vertical-align: middle;
	line-height: 14px;
}

/* vertically center the header icon */
.commentThreadHeader div:nth-child (1) img {
	margin-top: 12px;
}

.adminPageUserProfileImage {
	width: 135px;
	height: 135px;
	border: 1px solid #ccc;
	border-radius: 3px;
}

.adminPageUserProfileImageContainer {
	display: table-cell;
	vertical-align: middle;
	text-align: center;
}

.liveUpdatesClearFilterButton {
	text-align: center;
	color: white !important;
	background: #598CC6 !important; /* Old browsers */
	background: -moz-linear-gradient(top, #76ACD0 0%, #598CC6 35%, #376BA6 100%) !important; /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #76ACD0), color-stop(35%, #598CC6),
		color-stop(100%, #376BA6)) !important; /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, #76ACD0 0%, #598CC6 35%, #376BA6 100%) !important; /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, #76ACD0 0%, #598CC6 35%, #376BA6 100%) !important; /* Opera 11.10+ */
	background: -ms-linear-gradient(top, #76ACD0 0%, #598CC6 35%, #376BA6 100%) !important; /* IE10+ */
	background: linear-gradient(to bottom, #76ACD0 0%, #598CC6 35%, #376BA6 100%) !important; /* W3C */
	font-weight: bold;
	cursor: pointer;
	font-size: 10px;
	border: solid black 1px;
	border-radius: 10px;
	padding-top: 4px;
	padding-bottom: 4px;
	padding-left: 4px;
	padding-right: 4px;
	margin: 5px;
}

.liveUpdatesClearFilterButton:hover {
	color: #E9E208 !important;
}

.liveUpdatesClearFilterButton:active {
	background: #376BA6 !important; /* Old browsers */
	background: -moz-linear-gradient(top, #598CC6 0%, #376BA6 35%, #376BA6 100%) !important; /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #598CC6), color-stop(35%, #376BA6),
		color-stop(100%, #376BA6)) !important; /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, #598CC6 0%, #376BA6 35%, #376BA6 100%) !important; /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, #598CC6 0%, #376BA6 35%, #376BA6 100%) !important; /* Opera 11.10+ */
	background: -ms-linear-gradient(top, #598CC6 0%, #376BA6 35%, #376BA6 100%) !important; /* IE10+ */
	background: linear-gradient(to bottom, #598CC6 0%, #376BA6 35%, #376BA6 100%) !important; /* W3C */
	color: #E9E208 !important;
}

.liveUpdatesButton {
	text-align: center;
	color: white !important;
	background: #598CC6 !important; /* Old browsers */
	background: -moz-linear-gradient(top, #76ACD0 0%, #598CC6 35%, #376BA6 100%) !important; /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #76ACD0), color-stop(35%, #598CC6),
		color-stop(100%, #376BA6)) !important; /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, #76ACD0 0%, #598CC6 35%, #376BA6 100%) !important; /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, #76ACD0 0%, #598CC6 35%, #376BA6 100%) !important; /* Opera 11.10+ */
	background: -ms-linear-gradient(top, #76ACD0 0%, #598CC6 35%, #376BA6 100%) !important; /* IE10+ */
	background: linear-gradient(to bottom, #76ACD0 0%, #598CC6 35%, #376BA6 100%) !important; /* W3C */
	font-weight: bold;
	cursor: pointer;
	font-size: 10px;
	border: solid black 1px;
	border-radius: 10px;
	padding-top: 4px;
	padding-bottom: 4px;
	padding-left: 4px;
	padding-right: 4px;
}

.liveUpdatesButton:hover {
	color: #E9E208 !important;
}

.liveUpdatesButton:active {
	background: #376BA6 !important; /* Old browsers */
	background: -moz-linear-gradient(top, #598CC6 0%, #376BA6 35%, #376BA6 100%) !important; /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #598CC6), color-stop(35%, #376BA6),
		color-stop(100%, #376BA6)) !important; /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, #598CC6 0%, #376BA6 35%, #376BA6 100%) !important; /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, #598CC6 0%, #376BA6 35%, #376BA6 100%) !important; /* Opera 11.10+ */
	background: -ms-linear-gradient(top, #598CC6 0%, #376BA6 35%, #376BA6 100%) !important; /* IE10+ */
	background: linear-gradient(to bottom, #598CC6 0%, #376BA6 35%, #376BA6 100%) !important; /* W3C */
	color: #E9E208 !important;
}

.liveUpdatesUserImageThumbnail {
	display: table-cell;
	width: 56px;
	height: 100%;
	vertical-align: middle;
	text-align: center;
	margin: auto;
	cursor: pointer;
}

.liveUpdatesUserImageThumbnail .profileImage {
	height: 50px;
	width: 50px;
	overflow: hidden;
}

.liveUpdatesUserImageThumbnailContainer {
	height: 50px;
	width: 50px;
	border-radius: 6px;
	border: double darkgray 4px;
}

/* PR-25215 - If there is a long broadcast message and it does not have 
room to render, it goes under the reply links and the div looks bad.*/
.liveUpdatesEventDiv {
	display: table-cell;
	padding-bottom: 10px;
}

.liveUpdatesEventDiv .classicLink {
	cursor: pointer;
}

.LiveUpdatesTabSlider {
	transition: background 750ms;
	-webkit-transition: background 750ms; /* For Safari 3.1 to 6.0 */
}

.LiveUpdatesTabSlider.Glow {
	background-color: #FF6700 !important;
	left: -28px;
	width: 28px;
	w
}

.liveUpdateReplyLinks {
	height: 20px;
	position: absolute;
	right: 0;
	margin-right: 10px;
	font-size: 11px;
	bottom: 0;
	margin-bottom: 3px;
}

.profileTabView {
	width: 100%;
	padding: 5px;
	padding-bottom: 10px;
}

.profileTabViewProfileImageTd {
	width: 85px;
	min-width: 85px;
}

.profileTabViewProfileImageTd>div {
	width: 85px;
	height: 85px;
	border-radius: 3px;
}

.profileTabViewAttributes {
	padding-left: 5px;
}

.profileFullName {
	font-size: 15px;
	padding-bottom: 5px;
}

.profileViewStats {
	font-size: 11px;
	word-wrap: break-word;
}

.profileView {
	height: 100%;
	padding-top: 10px;
}

.profileView div {
	margin-left: 220px;
	margin-bottom: 5px;
}

div.profileViewFullName {
	font-size: 30px;
	width: 100%;
	margin-left: 0;
	margin-top: 0;
	padding-left: 10px;
	margin-bottom: 5px;
	white-space: nowrap;
	border-bottom: 1px solid lightgray;
	background: #ffffff;
}

div.profileView div.profileViewLabel {
	font-weight: bold;
	font-size: 15px;
	margin-bottom: 0;
}

div.profileViewActions {
	width: 200px;
	margin-left: 35px;
	position: absolute;
	top: 260px;
	left: 0;
}

div.profileActionButton {
	margin-left: 0;
}

div.profileActionButton div {
	margin-left: auto;
	margin-bottom: auto;
}

.profileViewUserId, .profileViewJobTitle, .profileViewEmail, .profileViewGroup {
	font-size: 17px;
}

.multiLineStringEditor .mce-tinymce {
	margin: 1px;
}

.multiLineStringEditor .mce-tinymce.editedHtml {
	border-color: blue;
	border-width: 2px !important;
	margin: 0;
}

.x-form-field-wrap .x-form-trigger-editor {
	background-image:
		url('data:image/gif;base64,R0lGODlhZgAYAMZzAABuohVxmQB2qQGH1ER9kyCFtwCN2AeM1B+NsyOMvj\
					       6JpCSOzSeS1XiLkki28n6t2aqpqE6++Ey/+VC/+FG/+VK/+LW4yLTJ4rbL5K7Q46/Q5LnN5rDQ5LHQ5K\
					       7R47nP57vQ6dbNytHR0dLS0tPT09TU1NbW1tfX18rb5tnZ2dfZ38Xd+dra2snd9sve9drc3sff+83f9N\
					       3d3c/g9Mvh/dHh89Pi8tXj8c3k/+Tk5Ojm4efm5Ofm5+fo5+7o5urp6erq6uzs7O7t6O3t7e3u7e7u7u\
					       /v7e3v8+/v7u/v7+Xx+d3z/+3v+O7w9PDw7/Dw8N/0//Hx8fDx9PLx8eH1//Ly8fLy8vHy9uP2//T08+\
					       b3//T09PX09PT19fX19ff19uj5//b29vf29ur6//f39/j39/j4+Pn4+Pn5+fn5+vr5+fr6+vv7+/z7+/\
					       /7+fv8/vz8/Pz9/v39/f///////////////////////////////////////////////////yH5BAEKAH\
					       8ALAAAAABmABgAAAf+gBaCg4SFFn8PiYqLjA+IjZCJj5GNk5SLlpeScZydnp8qFm+jpKWmHw8oqqusra\
					       imsKWvsbGorbesqFG7vL29nBY3wsPExHFzqbjKD8XNw8cPY9LT1NRzyMrLvtu9XcHOztjZt8zgzcjV6d\
					       bJ46wPTxDx8vFP9fZsFjbz8zb9/uLtVj3Qty+ev38PwBSMB6ahQ4ABUTxIAqHNGjVmyEAQAyGJR4/4al\
					       S8mHEjhBooUWJbCAHXA5EWMWrkmFLlAy0jZZrUwpPnyoUui0CQI4dNmjMbORZZWgTfjKFFjyaFMKPqjJ\
					       UxS3Ik95SoUaRiOFq9+gAL1K9TsajFgpXkzJb+rR4IhcMGjRkvSZUuxRcDAl27eMNyjEF4pVepYeEK7P\
					       v3bl4IhGMgo+K3rmPBEKhoNhwV7FZ3QyCwWWNGzJZ9Q1LjcyGatOl9LmKvbBw4sTvWo0ufnhfbBTIorX\
					       Xvg0J8tuXan1U9CAIBDRrTU5AMASK0QYMgayy0aP58S/Tp1Ru0WJn79Tx3251Dl04dgvXxD5ZwXw/efY\
					       Ml5F3vludOBoQyZXBhRRJHHJEDEQ348EIDYVhwwX8BDljggQkuqMQDHsznHXvheZDBAw8CKCCBBiKoYA\
					       MXrgDhiBOaaCGGGn7XnnUePsACBGGEUYURQhR4hAAENOAGgxZggKOOPPr+CKSQKD6QwYoSllhhAx8ame\
					       OOPRa45JAXwnAklkoGyaWTUJJI4YkfpgDBFllcwYSSCjhQQAMpNLjBmm2+qWWcc25w4ZNXJqmlmFQ+cC\
					       ebbsIpZwN+PkADnonuuSgNf34p6I+EfngCBFVI4eOPCEhgAAAnnNAgCJx6qmSoo4IAQqWI6vkjn1R+iG\
					       qnnwrAKgCuXohDqrnuigMOsOap6JwZfGgCBE40oWQCEQwggAnUnsqss1pCK62rr5KJ66qiApCsrdc+G6\
					       0A3PpabrbnDkust6pqueu4D5QAQQ87aLnABAIIAEEJAFuLr778+psumc2aK+245A784779QnDwrw7+Cw\
					       Cxv+5WmjC7C9NLAgQ/8KCDAAxU0O8REJCgsrUhj1zyyRL3+oAG9+b7cMEQaKAzuS2TbLIAKE8Mssg+w5\
					       zxzDUTHLHOGnw4gjz9UnCAv/GMYLW18UQ9tTwHczC0yz+jzMHY5GYtgNRUx9ztr2ajLc/RXvf8MtAQjM\
					       3BhyLkLUIIX/Sr99+ncst3v9wWfmEHUJ+9dTwdNG6r4H2jW7jM7uIwuACVH41424tD0HgHeOsdQN9/A2\
					       5B4aNLPnm3n3dweeufP+5q6qtT7m7qmWv++euwg/5A6cCbXvvwh3+eeu+OPzB87b7m7vy7rR+PfOjBAx\
					       /48oY/gPz2smNv+/MtmRe/PezUVy+89weP33v33jcPfuXiq5+8+dafjr7M8rfOPvbuvz9s/PL7UCAAAD\
					       s=');
}

div.userDirectoryProfile {
	width: 400px;
	height: 115px;
	float: left;
	border-radius: 3px;
	border: 1px solid #ccc;
	margin: 40px 0 0 5px;
	padding: 5px;
	background: #ffffff;
}

div.directoryAvatar {
	position: relative;
	top: -20px;
	border: 1px solid #ccc;
	border-radius: 3px;
	width: 150px;
	height: 150px;
	text-align: center;
	line-height: 145px;
	background: #ffffff;
}

.directoryAvatar div.profileImage {
	border: 1px solid #ccc;
	width: 95%;
	height: 95%;
	border-radius: 3px;
	vertical-align: middle;
	margin-left: inherit;
	margin-bottom: inherit;
	display: inline-block;
	margin-top: 2%;
}

.directoryInfo {
	width: 245px;
	height: 115px;
	overflow: hidden;
	position: relative;
	top: -155px;
	left: 160px;
}

.directoryFullName {
	font-size: 18px;
	max-height: 48px;
	overflow: hidden;
	margin-right: 32px;
}

.directoryMenuButton {
	position: absolute;
	right: 4px;
	top: 2px;
	width: 20px;
	border-radius: 3px;
	height: 20px;
	background-image:
		url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAAO0lEQVQ4T2\
						   NkoBAwUqifgToG+Pr6/ifHJZs3b2YEu2DKlClkGZCTkwMxgBJAHQNGw4CBYTQMKEmHDAwAIx8YEZAWTv\
						   MAAAAASUVORK5CYII=');
	background-repeat: no-repeat;
	background-position: center;
	cursor: pointer;
	-webkit-transition: background-color .2s;
	transition: background-color .2s;
}

.directoryMenuButton:hover {
	background-color: rgb(216, 237, 254);
}

.directoryUserId, .directoryJobTitle, .directoryEmail, .directoryGroup {
	width: 1000px;
	padding-left: 20px;
	background-repeat: no-repeat;
	background-position: left;
}

.directoryUserId {
	background-image:
		url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADAAAAAwCAYAAABXAvmHAAABBElEQVR42u2WwQ2DIBiFHcGDNvXWUTqCI3ioPfei6bEbdQTcgMgCjsAIFJQ0adVoKyro+5J3UYT34AfxPAAAAMAgx4wlUcZIlDPxIflMvbPX+J2eorykLeMtlVS1tdA848Pm3+JWhRg38+2VsKfmfzbfyIo90blhx0p+a0H5/GleCwEQwPkArm9i549R539km7hKOH+Z28R1GoA9E1zI+XAljyAtnmFaVFKiR1S1qdvKb1Y1HaYk0YbFFDV9kGVOJz8hvpo9OTCfarxDXPWtxpjFvOw8nsl4V5DYdI3fFjD+JUNlpWderCEjKzFwqsytavKmXdF8rX0H0CWEAAgAAAAA9PAC0+byU7f1pHIAAAAASUVORK5CYII=');
	background-size: 16px;
}

.directoryEmail {
	background-image:
		url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADAAAAAwCAYAAABXAvmHAAAB8UlEQVR42u2Yu0oDQRSG8xIW9kJ630BIKyxsZ5HOSmwURLRQRFMECwsLA8LaiAQWRBFvBFG8gWjjCyzkCXyD45zBKTLOZs6Z3dkEMgf+JjuX79udmQ1bq4UKFSpUqFBawed2JJKJADfdNIF4/wGm174Hgr/hNZcx/1giDjx7kv5TGxqt53/gerANtnUUiSgCmQt8ffPLCq+CbR0lMooAe2DKnTc9CZe57AL3McDLMmvNc+FVWHsCmQSbXeBmHmSIIqYNSw32pYIrLroAUcQVXoUK7i5gESldIAecLvC+CtBbAKpIaQIWcMkk2OinEFGksIANHK8hC/kU0h8pdh4yQdy6cN/Eoi93ybq/B3LuVDfZcj9GRV/uoVH8RWYQaezc8V9kog8HvDwBg0j/vAn1jQ/6XwnRFvtwwMsX0EQQiPIksI2EZ4L7E9BEcF2bNjb+Jte8I7h/Adt5XhC8OgFdpCTw6gU8JQiY8np5AO3OCTT3UphduYWpxUdj5tavZBtsi31GKnB2eiRh8mCpwTFwrEoEft525d2bWeoVBteDY+LYOIcXgev00Au4SQTnKlWgkxx7B9eTt6zYAng3qoZXMT0JtsCwU8V3cO5CArihRgWvMpECA58Wx0wgY3/cHTOBiP15fUwE6J/XQ4UKFSrURNUvdMYd0un17AMAAAAASUVORK5CYII=');
	background-size: 16px;
}

.directoryGroup {
	background-image:
		url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADAAAAAwCAYAAABXAvmHAAACXElEQVR42u1Xz0sbQRReEwsFLzl6KvkTgqce8yfk4sGbnkqhF4+eov4DORaMsgdR8KQU6UFDBwUppaSh7DbRg7+TCKIOCpoaD6/zNtskbJLd2XV3mNp58IHMPMP3ve/N7DxNU6FChbDIVhrJWbOpz5lNygA2KK7hntzkzWbKQdwJijnSVt6DfEeEjE7YbQM8wFzpBHBWv+2CjALAD5SAl99CpJLUCqbOQBnABrXWcE/qQ7xlphzEnaBWjpTXaKvybuQ7IhxOyPEha7UNcEKX7ynBV/2OC9IFP/kWXqyAjxfJ+GJNj+drlAFsUFzDPalb6NVCNeUg7gTFHGkOcbYEidnyY4Yd1NyH7w0yotfBhXxbRDRO+LhGx4tXk/PG03r3VTm2cc1D3sLo6iXJGk9p4R+y11/K8K501/e+56y+BczF/5k3mwRdFPKUeLNzWJr+eT/wS8tL/i+ET2tYLbenwjMEWE5EOzYym73eOkFaSNgzm0eAn0OMucLnBC8B08UGlwuYg7nhCiClhFYoZ7RtM8cOLBl0CyV3j+Dt1xpMFG9gxvjdQ+L9twdXEbiHOeFNattGWisY676fETZSe2cw9eO2xwlskW4h+Deu9at8MAFWxQdXOgCI9ZtCwnvqCoqeaS2qNw+JgHzHiWgHdqt1IFL8kwK2fsHQpwOIrR2xQ1sng6/ROhnOV3PxxXpG048TQVsoNOJDm/sQWznx/Yxogw05w/nztHgBrOKx5dPgxPs4w+/Ic6v+uQLxpWqI5EVMa13h3uMhOBFpMJujI9+CEuDdQkqAEqBCxf8SfwCYQY4l7mmMywAAAABJRU5ErkJggg==');
	background-size: 16px;
}

.directoryFilterToolbar {
	padding-top: 4px;
	border-bottom: 1px solid lightgray;
	background: rgb(220, 233, 239); /* Old browsers */
	background: -moz-linear-gradient(top, rgba(220, 233, 239, 1) 0%, rgba(252, 252, 252, 1) 36%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(220, 233, 239, 1)),
		color-stop(36%, rgba(252, 252, 252, 1))); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, rgba(220, 233, 239, 1) 0%, rgba(252, 252, 252, 1) 36%);
	/* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, rgba(220, 233, 239, 1) 0%, rgba(252, 252, 252, 1) 36%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top, rgba(220, 233, 239, 1) 0%, rgba(252, 252, 252, 1) 36%); /* IE10+ */
	background: linear-gradient(to bottom, rgba(220, 233, 239, 1) 0%, rgba(252, 252, 252, 1) 36%); /* W3C */
	filter: literal("progid:DXImageTransform.Microsoft.gradient( startColorstr='#dce9ef', endColorstr='#fcfcfc',GradientType=0 )");
	/* IE6-9 */
}

.directoryBadges {
	position: relative;
	top: -168px;
	left: 160px;
	width: 240px;
}

.directoryBadges div.badge {
	border-radius: 3px;
	padding: 1px;
	line-height: 9px;
	width: 75px;
	height: 12px;
	font-weight: bold;
	font-variant: small-caps;
	font-size: 12px;
	text-align: center;
	margin-right: 5px;
	display: inline-block;
}

.greenBadge {
	background-color: rgba(100, 255, 100, .75);
}

.redBadge {
	background-color: rgba(255, 100, 100, .75);
}

.blueBadge {
	background-color: rgba(50, 200, 255, .75);
}

.velox_collapse_button {
	width: 100%;
	height: 12px;
	position: absolute;
	bottom: -2px;
	z-index: 2;
}

.velox_collapse_button.collapsed {
	top: -1px;
}

.velox_collapse_button div {
	background-color: #FFFFFF;
	width: 200px;
	height: 9px;
	position: absolute;
	left: 50%;
	margin-left: -100px;
	bottom: 0;
	border-radius: 5px 5px 0 0;
	border: 1px solid rgb(153, 187, 232);
	text-align: center;
	font-size: 9px;
	color: rgb(43, 89, 148);
	line-height: 9px;
	cursor: pointer;
}

.x-item-disabled {
	/* Override opacity */
	opacity: 1 !important;
}

.cursor-pointer {
	cursor: pointer;
}

.booleanCellEditor.x-item-disabled {
	/* Do not override opacity for booleans (they're plenty readable) */
	opacity: 0.6 !important;
}

.designModeBg:hover {
	background-color: #E3EFFA !important;
}

.boldRed {
	color: white;
	font-weight: bold;
	background-color: #F44336;
	border-radius: 3px;
}

/* ensure tinymce dialogs appear above velox dialogs (PR-32271) */
/* use important since it seems like TinyMCE regularly injects a new style for this class, which overrides our rules */
.tox-tinymce-aux {
	z-index: 2000000 !important;
}