@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 400;
  src: local('Roboto'), local('Roboto-Regular'), url(../images/Roboto-Regular.ttf);
}
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 700;
  src: local('Roboto Bold'), local('Roboto-Bold'), url(../images/Roboto-Bold.ttf);
}
@font-face {
  font-family: 'Roboto';
  font-style: italic;
  font-weight: 400;
  src: local('Roboto Italic'), local('Roboto-Italic'), url(../images/Roboto-Italic.ttf);
}
@font-face {
  font-family: 'Roboto';
  font-style: italic;
  font-weight: 700;
  src: local('Roboto Bold Italic'), local('Roboto-BoldItalic'), url(../images/Roboto-BoldItalic.ttf);
}
@font-face {
  font-family: 'Roboto Mono';
  font-style: normal;
  font-weight: 400;
  src: local('Roboto Mono'), local('RobotoMono-Regular'), url(../images/RobotoMono-Regular.ttf);
}
@font-face {
  font-family: 'Roboto Mono';
  font-style: italic;
  font-weight: 400;
  src: local('Roboto Mono Italic'), local('RobotoMono-Italic'), url(../images/RobotoMono-Italic.ttf);
}

@font-face {
  font-family: 'Material Icons';
  font-style: normal;
  font-weight: 400;
  src: url(../images/MaterialIcons-Regular.eot); /* For IE6-8 */
  src: local('Material Icons'),
       local('MaterialIcons-Regular'),
       url(../images/MaterialIcons-Regular.woff2) format('woff2'),
       url(../images/MaterialIcons-Regular.woff) format('woff'),
       url(../images/MaterialIcons-Regular.ttf) format('truetype');
}


/*##############################################
## global.css
################################################*/

.material-icons {
  font-family: 'Material Icons';
  font-weight: normal;
  font-style: normal;
  font-size: 24px;  /* Preferred icon size */
  display: inline-block;
  line-height: 1;
  text-transform: none;
  letter-spacing: normal;
  word-wrap: normal;
  white-space: nowrap;
  direction: ltr;

  /* Support for all WebKit browsers. */
  -webkit-font-smoothing: antialiased;
  /* Support for Safari and Chrome. */
  text-rendering: optimizeLegibility;

  /* Support for Firefox. */
  -moz-osx-font-smoothing: grayscale;

  /* Support for IE. */
  font-feature-settings: 'liga';
}

/* Rules for sizing the icon. */
.material-icons.md-18 { font-size: 18px; }
.material-icons.md-24 { font-size: 24px; }
.material-icons.md-36 { font-size: 36px; }
.material-icons.md-48 { font-size: 48px; }

/* Rules for using icons as black on a light background. */
.material-icons.md-dark { color: rgba(0, 0, 0, 0.54); }
.material-icons.md-dark.md-inactive { color: rgba(0, 0, 0, 0.26); }

/* Rules for using icons as white on a dark background. */
.material-icons.md-light { color: rgba(255, 255, 255, 1); }
.material-icons.md-light.md-inactive { color: rgba(255, 255, 255, 0.3); }

.material-icons.red { color: #ea566c; }
.material-icons.blue { color: #3797DB; }
.material-icons.orange { color: #f9bd85; }

/*** custom fancy checkboxes ***/

.fancy input[type=checkbox] { display:none; } /* to hide the checkbox itself */
input[type=checkbox] + label:before {
  font-family: 'Material Icons';
  font-weight: normal;
  font-style: normal;
  display: inline-block;
}

.fancy input[type=checkbox] + label:before { /* unchecked icon */
	content: ''; 
	color: #cecece; 
	font-size: 18px;
	vertical-align: top; 
}


.fancy input[type=checkbox] + label:before { letter-spacing: 5px; } /* space between checkbox and label */

.fancy input[type=checkbox]:checked + label:before { /* checked icon */ 
	content: ''; 
	color: #3797DB; 
	font-size: 18px; 
	vertical-align: top;
} 
.fancy input[type=checkbox]:checked + label:before { letter-spacing: 5px; } /* allow space for check mark */


.warning > span {
	display: table-cell;
    padding-right: 7px;
}

a, .linkButton, .linkButton td {
	color: black;
	text-decoration: none;
	/*font-weight: bold;*/
}

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

a img {
	border: none;
}

body {
	/* overflow and padding use !important here to avoid issues with AWT component
	attributes leaking out of the shadow DOM and overriding */
	overflow: auto !important;
	padding-right: unset !important;
	background: #ffffff;
	text-align: left;
	margin: 0px;
	min-width: 980px;
	font-family: Roboto;
	transition: all .6s linear;
	-ms-overflow-style: scrollbar;
}

body, td {
	font-size: 13px;
}

.page {
	margin: 10px auto;
	background: white repeat-y;
	text-align: left;
	padding: 20px;
	overflow: hidden;
	min-width: 980px;
	height: 100%;
	width: 100%;
}

h2 {
	margin-bottom: 25px;
	color: #939597;
	font-size: 21px;
	font-weight: normal;
}

h3 {
	margin-bottom: 17px;
	color: #939597;
	font-size: 18px;
	font-weight: normal;
}

h4 {
	font-size: 14px;
	font-weight: normal;
}

.header {
	color: #660000;
	font-size: 16px;
}

tr.alignTop, td.alignTop {
	vertical-align: middle;
}

tr.alignMiddle, td.alignMiddle {
	vertical-align: middle;
}

.gwt-SuggestBoxPopup strong {
	font-weight: bold;
}

.gwt-SuggestBoxPopup em {
	font-style: italic;
}

.errorMessage {
	color: red;
}

input[type="checkbox"] {
	height:14px;
	width:14px;
}

input[type="radio"] {
	margin: 5px;
}

input[type="text"] {
	margin: 0 0px;
    height: 30px;
    text-indent: 10px;
}

input[type="password"] {
	margin: 0 0px;
    height: 30px;
    text-indent: 10px;
}

select {
	margin: 0 0px;
	
}

.buttonRow {
	/*margin-left: 1px;*/
	margin-top: 3px;
}
/*#############################################
###	loginPanel
################################################*/
.loginPanel {
	float: left;
	width: 50%;
	padding-right: 20px;
	border-right: 1px solid #e5e5e5;
}

.loginTitleLabel {
	font-size: 21px;
	color: #939597;
}

.loginPanel td .loginTitleLabel {
	float: left;
	font-size: 21px;
}

button, .gwt-Button {
    font-family: Roboto;
}

.loginMainPanel {
	width: 100%;
	padding-top: 60px;
}

.loginRightPanel {
	float: left;
	padding-left: 20px;
}

.loginPanel table {
	float: right;
}

.loginPanel table table td {
	padding-bottom: 0.5em;
}

.loginPanel table table td td {
	padding-bottom: 0;
}

.loginPanel .label {
	padding-right: 1em;
}

.loginPanel .inputField {
	width: 250px;
	font-family: Roboto;
	font-size: 14px;
	color: #292929;
	text-indent: 10px;
	height: 30px;
}

.loginPanel .gwt-ListBox {
	/*margin-left: 0px;*/
	float: right;
}

.loginPanel .gwt-TextBox {
	margin-right: 0px;
}

.loginPanel .gwt-Label {
	float: right;
	line-height: 30px;
	font-size: 14px;
}

.loginPanel .adminHint {
    padding-top: 3px;
    padding-left: 5px;
    color: #373737;
}

.loginPanel .loginLink {
    padding-left: 4px;
    color: #3797DB;
    cursor: pointer;
}

.loginPanel .gwt-Button {
	float: right;
	margin-right: 0px;
	height: 36px;
	font-size: 14px;
}

.panelWithNavigation {
	width: 100%;
}

.loginRightPanel .gwt-Anchor {
	color: #3e96db;
	font-size: 14px;
	font-weight: normal;
	display: block;
	padding-bottom: 20px;
}

.loginRightPanel a:before {
    content: "\203A";
    padding-right: 5px;
}

.loginRightPanel .gwt-Anchor:hover {
	text-decoration: none;
}

.loginRightPanel .loginTitleLabel {
	padding-bottom: 20px;
}

.loginMainPanel .loginPanel .alignTop td  {
	padding-bottom: 20px;
}
/*#############################################
###	mainPanelWithNavigation
################################################*/
.mainPanelWithNavigation {
	height: 100%;
	width: 100%;
}

.selectedNavigationMenuItem {
	background: white;
}

/*#############################################
###	gwt-TabPabel
################################################*/
.gwt-TabBarItem {
    /* background: #f0f0f0 none repeat scroll 0 0; */
    /* border-left: 1px solid #C8C8C8; */
    /* border-right: 1px solid #C0C0C0; */
    /* border-top: 1px solid #D0D0D0; */
    color: #3e96d8;
    cursor: pointer;
    font-weight: normal;
    margin: 0 1em 0 0;
    padding: 5px 20px;
    /* text-decoration: underline; */
    text-transform: uppercase;
}

.gwt-TabBarItem:hover {
	background: #f8f8f8;
}

.gwt-TabBarItem-selected:hover {
	background: white;
	cursor: pointer;
}

.gwt-TabBarItem-selected {
    background: #FFFFFF none repeat scroll 0 0;
    /* border-left: 1px solid #888888; */
    /* border-right: 1px solid #888888; */
    /* border-top: 1px solid #888888; */
    color: #333333;
    cursor: default;
    font-size: 13px;
    /* font-weight: bold; */
    padding: 5px 20px;
    position: relative;
    text-decoration: none;
    top: 1px;
    border-bottom: 3px solid #3797DB;
}

.gwt-TabPanelBottom {
	border: 1px solid #888;
	background: #fff;
	padding: 10px;
}

.gwt-TabPanel {
	margin: 15px 0 5px;
}

.gwt-TabPanelBottom {
	background: #FFFFFF none repeat scroll 0 0;
	border: none;
	border-top: 1px solid #d6d6d6;
	padding: 0;
}

.gwt-TabBarItem-selected .gwt-Label {
    margin-bottom: -2px;
}

/*#############################################
###	GWT Text Areas
################################################*/
textarea.gwt-TextArea {
	resize: both !important;
}

/*#############################################
###	LinkButton
################################################*/
.linkButton, .linkButton td {
	cursor: pointer;
}

.linkButtonDisabled {
	color: silver;
}

/*#############################################
###	gwt-StackPanel
################################################*/
.gwt-StackPanel {
	border-right: 1px silver solid;
	padding-right: 10px;
}

.gwt-StackPanelItem {
	color: blue;
	cursor: pointer;
}

.gwt-StackPanelItem-selected {
	font-weight: bold;
	cursor: auto;
}

/*#############################################
###	gwt-Buttons
################################################*/
.gwt-ToggleButton-up, .gwt-ToggleButton-up-hovering,
	.gwt-ToggleButton-up-disabled, .gwt-ToggleButton-down,
	.gwt-ToggleButton-down-hovering, .gwt-ToggleButton-down-disabled {
	cursor: pointer;
}

.gwt-PushButton {
	cursor: pointer;
}

/*#############################################
###	gwt-ListBox
################################################*/
.gwt-ListBox {
	border: 1px solid #AEAEAE;
	font-family: Roboto, sans-serif;
	font-size: 14px;
}

.gwt-ListBox:not([size]) {
	height: 30px;
	
}

select.invalidListBoxSelection {
	/*	background-color: ff6666; */
	border: 2px solid red;
}

.invalidListBoxSelection option {
	/*	background-color: white; */
	
}

/*
* In IE 6/7 we can't change the color of the list box, 
* so we wrap it into a panel and assign the border style to that panel.
*/
.invalidData {
	/*	background-color: ff6666; */
	border: 2px solid red !important;
}

/*#############################################
###	userTools/* and userToolsPanel
################################################*/
.userToolsPanel {
	float: right;
}

.userTools {
	/* width: em;*/
	padding: 10px;
	background: #ffe;
	border: 1px solid #888;
}

/*#############################################
###	User Section
################################################*/
.loginDetails .formGrid table table td {
	padding-right: 1em;
}

.loginDetails .formGrid table table td td {
	padding-right: 0;
	padding-bottom: 0;
}

.privilegesSelector td {
	padding: 0 1em 0.5em 0;
}

.privilegesSelector td label {
	margin-left: 3px;
}

.metadataOverview {
	margin-bottom: 15px;
	margin-top: 4px;
}

.accessPoint {
	margin-bottom: 15px;
	margin-left: 20px;
}

.accessPointsPanelLink td {
	color: #939597;
	font-size: 17px;
	padding: 0 0 10px;
}

/*#############################################
###	TasksViewer
################################################*/
.tasksViewer {
	margin-top: 20px;
	border: 1px solid #888;
	background: #ffe;
}

/*#############################################
###	FormGrid
################################################*/
.Modified .SubmitButton, .Modified .ResetButton {
	font-weight: bold;
}

.formGrid .alignTop td {
	padding-bottom: 3px;
}

/*#############################################
###	ErrorListViewer
################################################*/
.problemListViewer div {
	border: 2px solid;
	margin-bottom: 0.5em;
	padding-right: 10px;
}

.problemListViewer div ul {
	margin-bottom: 1em;
}

.errorListViewer div {
	border-color: red;
}

.warningListViewer div {
	border-color: yellow;
}

.termEnterPopup {
	border: 1px solid #888;
	background: #ffe;
}

.gwt-MenuBar {
	border: 1px solid #888;
	background: #ffe;
}

.gwt-MenuBar .gwt-MenuItem {
	background: #ffe;
}

.gwt-MenuBar .gwt-MenuItem-selected {
	background: #bbb;
}

/*#############################################
###	DialogBoxes
################################################*/
.gwt-DialogBox {
	
	-webkit-box-shadow: 0 0 10px 0 rgba(0,0,0,0.15);
	box-shadow: 0 0 10px 0 rgba(0,0,0,0.15);
	
	background: white;
	z-index: 10;
}

.gwt-SuggestBoxPopup {
	z-index: 110;
}

.foregrounded-popup {
	z-index: 110;
}

.gwt-DialogBox .closableDialogTitleBar {
	padding: 3px 40px 3px 5px;
	white-space: nowrap;
	position: relative;
}

.gwt-DialogBox .closableDialogBoxCloseButton {
	position: absolute;
	right: 4px;
	top: 4px;
}

.gwt-DialogBox .contentWidgetContainer {
	padding: 15px;
}

.standardDialogBoxWithOnlyTextContent {
	width: 40em;
}

.dialogPromptText {
	margin-bottom: 1em;
}

.spacyDialogContent {
	margin: 1em;
}

.spacyDialogButtonRow {
	margin-top: 1em;
}

/*#############################################
###	TermStatus
################################################*/
.TERM_STATUS_approved {
	color: #339900;
}

.TERM_STATUS_deprecated {
	color: #ff9900;
}

.TERM_STATUS_3 {
	color: #ff3399;
}

.TERM_STATUS_preferred {
	color: #663399;
}

.TERM_STATUS_5 {
	color: #666666;
}

.TERM_STATUS_6 {
	color: #3366CC;
}

/*#############################################
###	SpecialPanels
################################################*/
.collapsiblePanel .CollapsiblePanelTitle {
	cursor: pointer;
}

.rightPanel td.contentPanelCell {
	padding: 15px 20px 0 20px;
}

.contentPanel {
	width: 100%;
}

.collapsibleContent {
	padding-left: 15px;
	margin-bottom: 15px;
}

/*#############################################
###	TriggerGroups
################################################*/
.triggerGroup {
	margin-bottom: 10px;
	margin-left: 5px;
}

.variableGroup {
	margin-bottom: 10px;
	margin-left: 5px;
}

/*#############################################
###	Filter and FilterElements
################################################*/
.filterElement {
	cursor: pointer;
	text-decoration: underline;
	font-weight: bold;
}

filterElementConstant {
	font-weight: bold;
}

.filterElement:hover {
	color: #f00000;
}

.filterLabelStyle {
	cursor: pointer;
	text-decoration: underline;
}

.filterLabelStyle:hover {
	background: #ff33aa;
}

.FilterPopup {
	background: white;
	border: 1px solid;
	padding: 4px;
	z-index: 10;
}

.FilterPopup input.gwt-TextBox {
	margin-right: 0;
}

.CustomFieldSelectionPopup {
	z-index: 10;
}

/*#############################################
###	General styles
################################################*/
.CollapsiblePanel  .groupCollection .title {
	font-size: small;
}

.CollapsiblePanel .title {
	font-size: medium;
}

.CollapsiblePanel .title:hover {
	cursor: pointer;
}

.groupCollection {
	margin-left: 5px;
	margin-top: 3px;
	margin-bottom: 10px;
}

.odd td {
	border-bottom: 1px solid #CDCDCD;
}

.even td {
	background: #f3f3f3;
	border-bottom: 1px solid #CDCDCD;
}

.comfortableTable_hover tr:hover .odd td {
	background: #f7f7f7;
	border-bottom: 1px solid #CDCDCD;
}

.comfortableTable_hover tr:hover .even td {
	background: #e6e6e6;
	border-bottom: 1px solid #CDCDCD;
}

.mailboxMessages {
	width: 800px;
}

.mailboxMessageDialog {
	width: 650px;
}

.mailboxMessageDialog textarea {
	width: 98%;
	!
	important;
}

.mailboxMessageTable {
	width: 100%;
}

.mailboxMessageTable td {
	vertical-align: top;
	padding: 3px;
}

/*
	Links
*/
.linkedLabel {
	font-weight: bold;
}

.linkedLabel:hover {
	cursor: pointer;
	text-decoration: underline;
}

.externalLink {
	font-weight: bold;
}

.externalLink:hover {
	cursor: pointer;
	text-decoration: underline;
}

.helpParagraph {
	margin-bottom: 1em;
}

/*#############################################
###	Table Viewer
################################################*/
.tableViewer td td.clusterTableTab {
	vertical-align: top;
	border-bottom: 0px solid #cdcdcd;
	border-right: 1px solid #cdcdcd;
	border-left: 1px solid #cdcdcd;
}

.tableViewer td td.noBottomLine {
	border-bottom: 0px solid #cdcdcd;
}

.tableViewer td td.bottomLine {
	border-bottom: 1px solid #cdcdcd;
}

.tableViewer td td td {
	vertical-align: top;
	border-bottom: 0px solid #cdcdcd;
}

.tableViewer td td td .alignMiddle {
	vertical-align: middle;
}

.tableViewer tr {
	border-right: 1px solid #CDCDCD;
	border-bottom: 1px solid #CDCDCD;
	border-left: 1px solid #CDCDCD;
}

.tableViewer td ul {
	margin-top: 0px;
	margin-bottom: 0px;
}

.clusterSentenceTableCell td {
	vertical-align: top;
}

.tableHeader {
	border-right: 1px solid #FFFFFF;
	font-size: 13px;
	background-color: #f4f4f4;
	height: 30px;
}

/*
.tableHeaderLeftTop {
    border-left: 1px solid #CDCDCD;
}
*/
.tableHeader .columnHeader {
	display: block;
}

.tableHeader .columnHeader>* {
	display: inline;
	margin-left: 2px;
	margin-right: 2px;
}

.tableHeader .columnHeader .sortOrder {
	vertical-align: 2px;
}

.pagedTableViewer .refreshButton {
	margin-right: 10px;
}

.pagedTableViewer tr:last-child div {
	padding-right: 3px;
}
/*#############################################
###	term overview tables
################################################*/
.gwt-HTML {
	color: #444444;
}

/*#############################################
###	build ins
################################################*/
.gwt-SuggestBox {
	font-size: 13px;
}

.gwt-SuggestBoxPopup {
	background-color: white;
	border: 1px solid silver;
	padding: 0 5px;
}

.gwt-SuggestBoxPopup .item {
	
}

.gwt-SuggestBoxPopup .item-selected {
	background-color: silver;
}

/*#############################################
###	Widgets
################################################*/
.stylishBox {
	width: 100%;
}

.stylishBoxTitle {
	padding: 2px;
	padding-right: 8px;
	font-weight: bolder;
	background-color: #f0f0f0;
}

.stylishBoxHeader {
	border-bottom: 1px solid #f0f0f0;
	width: 100%;
}

.stylishBoxContent {
	padding-top: 0px;
	padding-left: 0px;
}

.stylishLittleRedLink {
	color: red;
	font-size: small;
	padding-right: 2px;
	padding-left: 2px;
}

.stylishLittleRedLink:hover {
	cursor: pointer;
	text-decoration: underline;
}

.stylishLittleRedLinkDisabled {
	color: silver;
	font-size: small;
	padding-right: 2px;
	padding-left: 2px;
}

.termListTitle {
	font-weight: bold;
	width: 180px;
}

.termListAcrolinxSpan b {
	font-weight: bold;
}

.termViewTermTitle {
	font-size: large;
	font-weight: bold;
	padding-right: 20px;
}

.termViewLinkSectionTermStatus {
	padding-left: 10px;
}

.termViewChangeLog {
	padding-top: 5px;
	font-size: x-small;
}

.noPadding {
	padding: 0px 0px 0px 0px;
}

.hideShowNavigationField {
	padding-left: 5px;
	padding-right: 5px;
	background-color: #f0f0f0;
}

.addButton {
	font-size: x-small;
}

.collapseIcon {
	background-color: #f0f0f0;
}

.collapseIcon:hover {
	cursor: pointer;
}

.createPanel {
	text-align: left;
}

/* TermView*/
.customFieldForm td {
	vertical-align: top;
}

textarea {
	overflow: auto;
}

.conceptTermOptionPopup {
	background-color: white;
	border: 1px solid black;
}

.conceptTermOption:hover {
	cursor: pointer;
	background-color: silver;
}

/*#############################################
###	Navigation Panel
################################################*/
.menuItemLabel {
	word-break: normal;
}

.navigationList, .navigationList ul {
	list-style: none;
	margin: 0px;
	padding: 0px;
	background: #ffffff;
	font-size: 12px;
}

.navigationList {
	width: 250px;
	overflow: hidden;
}

.closeButton {
	position: absolute;
	right: 5px;
	top: 5px;
	width: 14px;
	height: 14px;
}

.navigationList .menuItemLabel {
	display: block;
	color: black;
	padding: 4px 25px;
	font-weight: 700;
	font-size: 14px;
	/*border-bottom: 1px solid #aeaeae;*/
	padding-right: 25px;
}

/*
.navigationList .menuItemLabel {
    display: block;
    color: #3B3B3B;
    padding: 5px 10px;
    border-bottom: 1px solid #aeaeae;
    padding-right: 25px;
}
*/
.navigationList ul .menuItemLabel {
	font-family: Roboto;
	font-size: 13px;
	/*color:#455a65;*/
	padding-left: 35px;
	font-weight: normal;
}

.navigationList ul ul .menuItemLabel {
	padding-left: 45px;
}

.navigationList ul ul ul .menuItemLabel {
	padding-left: 55px;
}

.navigationList li {
	color: black;
	position: relative;
	overflow: hide;
}

.spacerMenuItemWidget {
	height: 30px;
	border-bottom: 1px solid #aeaeae;
	border-right: 1px solid #aeaeae;
	background-color: #f3f3f3;
}

.navigationList .navigationItemLogOut .menuItemLabel {
	color: #c7342d;
}

.menuItemWidget .title {
	width: 120px;
	overflow: hidden;
	float: left;
}

.menuItemWidget a {
	overflow: hidden;
}

/* NAVIGATION */
.navigationList .menuItemLabelContainer {
	/*width: 189px;*/
	overflow: hidden;
	line-height: 22px;
}

.navigationList .menuItemLabelContainer:hover {
    background: #F9FAFB;
}

.menuItemLabel:hover {
	cursor: pointer;
}

.navigationList .unselectedMenuItemWidget {
	color: #282829;
	border-left: 2px solid #fff;
}

.navigationHide {
	display: none;
}

.navigationList .unselectedMenuItemWidget:hover {
	border-left: 2px solid #3e96db;
}

.linkButton.menuItemLabel {
    float: left;
    width: 210px
}

.menuItemLabelContainer span.material-icons {
    color: #1e88e5;
    float: right;
    padding-top: 3px;
    padding-right: 7px;
    cursor: default;
    display: none;
}

.menuItemLabelContainer:hover span.material-icons {
    display: inherit;
}

.navigationList a:hover {
	text-decoration: none;
}

.navigationList  .selectedMenuItemWidget {
	background-color: white;
	border-left: 2px solid #3e96db;
}

.navigationList  ul .selectedMenuItemWidget a {
	color: #3e96db;
}

/* Global Search */
.rightPanel {
	width: 100%;
	padding-bottom: 3rem;
	padding-left: 2rem;
}

.navRailDockChild {
	/* !important used here so that we can override the default top/inset in the DockLayoutPanel
	and leave space for the top bar */
	top: 5em !important;
}

.panelWithNavigationHeaderPanel {
	background: #F0F0F0 none repeat scroll 0 0;
	background-color: #F5F7F8;
	border: none;
	margin: -2px 0 0 20px;
	padding: 8px 8px 8px 4px;
}

/*  Data tables */
.deletionFlaggedRow td {
	text-decoration: line-through;
}

/* Reuse Section #ffc; */
table tr.even td.clusterTableTab, table tr.even td.clusterTableTab td,
	table tr.even td.clusterTableTab td td {
	background-color: #e2e2e2;
}

table tr.odd td.clusterTableTab, table tr.odd td.clusterTableTab td,
	table tr.odd td.clusterTableTab td td {
	background-color: #e9e9e9;
}

table tr.even td.clusterTableTab .representativeSentence td.representativeSentence,
	table tr.even td.clusterTableTab .representativeSentence td td {
	background-color: #8eceac;
}

table tr.odd td.clusterTableTab .representativeSentence td.representativeSentence,
	table tr.odd td.clusterTableTab .representativeSentence td td {
	background-color: #8eceac;
}

.clustersPageFilterPanel {
	margin-top: 0.5em;
}

.clustersPageFilterPanel .gwt-Label {
	padding: 0 0.5em 0 0;
}

.clustersPageFilterPanel .minimumClusterSizeLabel {
	padding-left: 2em;
}

.clusteringWizardSpacer {
	margin-bottom: 1em;
}

/* END OF Reuse Section */
/* Just for Debugging */
.debugBox {
	background: red;
	border: 1px dotted #ffff00;
	float: left;
	display: block;
}

/*
	Information Table
*/
.informationTable {
	margin-bottom: 15px;
}

.informationTableGreyedOut {
	color: #a0a0a0;
}

/*
.informationTable tbody tr td{
	border-bottom: 1px solid #d0d0d0;
	border-right: 10px solid #d0d0d0;
	padding:2px 15px 2px 2px;
}
*/
.informationTableTd {
	border-bottom: 1px solid #d0d0d0;
	padding: 2px 15px 2px 2px;
	margin-right: 10px;
}

.informationTableBorderButtom {
	border-bottom: 1px solid #d0d0d0;
	padding: 2px 15px 2px 2px;
}

.popup {
	background-color: white;
	border: 1px solid #d0d0d0;
	padding: 5px;
}

.messagePopup {
	width: 800px;
	height: 600px;
}

.fullWidth {
	width: 100%;
}

.licenseLaptopLabel {
	width: 18em;
}

.licenseEditionTitle {
	color: #660000;
	font-size: 25px;
}

.floatElement {
	float: left;
}

/*
  ColorPicker
*/
.colorpicker-button2 {
	width: 20px;
	height: 5px;
	border: 0px;
}

.colorpicker-button {
	width: 10px;
	height: 10px;
	border: 0px;
}

.colorpicker-frame {
	
}

.colorpicker-grid {
	border: 0px;
}

.colorpicker-colorDisplay {
	width: 76px;
	height: 20px;
}

/*
	BagOfOptions
*/
.bagOfOptionsTable {
	border: 1px solid black;
	width: 100%;
}

/*
	PushButton
*/
.gwt-PushButton-down-disabled {
	cursor: default;
}

/*
	BubbleToolTip
*/
#bubbleToolTip {
	display: block;
	position: absolute;
	top: 0px;
	left: 0;
	padding: 0px 0 0 0;
	width: 200px;
	color: #993300;
	text-align: center;
	z-index: 20;
	filter: alpha(opacity : 90);
	KHTMLOpacity: 0.90;
	MozOpacity: 0.90;
	opacity: 0.90;
}

#bubbleToolTip #top {
	display: block;
	padding: 30px 8px 0;
	background: url(../images/bubble.gif) no-repeat top;
}

#bubbleToolTip #middle {
	/* different middle bg for stretch */
	display: block;
	padding: 0 8px;
	background: url(../images/bubble_filler.gif) repeat bottom;
}

#bubbleToolTip #bottom {
	display: block;
	padding: 3px 8px 10px;
	color: #548912;
	background: url(../images/bubble.gif) no-repeat bottom;
}

.tablePanel td {
	padding-right: 6px;
}

/*
	ProgressBar
*/
.progressBarEmptyArea {
	background: url(../images/progressbar/empty_area_background.gif) #888;
	height: 1.2em;
}

.progressBarFullArea {
	background: url(../images/progressbar/full_area_background.gif) #333;
	height: 1.2em;
}

.progressWidget {
	border: 1px solid #F0F0F0;
	width: 170px;
	padding-left: 8px;
	cursor: pointer;
	overflow: hidden;
}

.importTable {
	background: #ffffff;
}

.importTableHeader {
	background: #c0c0c0;
}

.importHeaderRow {
	background: #f0f0f0;
}

.importTableSubHeader {
	background: #f0f0f0;
}

.importTransformationSelector {
	margin-left: 4px;
}

.fileUploadRow .gwt-Label {
	margin-right: 1em;
}

/*
	Drag And Drop
*/
.dndProxy {
	background: yellow;
	opacity: 0.5;
	filter: alpha(opacity = 50);
}

/*
	Term Edit
*/
.historyEvent {
	padding-bottom: 15px;
}

.historyEventHeader {
	font-weight: bold;
	padding-bottom: 5px;
}

/*
	Info Box
*/
.infoBox {
	border: 1px solid #aeaeae;
	width: 392px;
}

/* **********************************************************
   		CategoryPage
   *************************************************************/
*
.categoryPageSection {
	margin-bottom: 23px;
}

.warningSign {
	color: red;
}

.warningSign:hover {
	cursor: pointer;
}

.defaultCategory {
	font-style: italic;;
}

.defaultCategory .defaultLabel {
	color: #888;
}

/* ADDITIONS */
/* Term */
a, .linkButton {
	color: #444;
	text-decoration: none;
	/*font-weight: bold;*/
}

h1 {
	float: left;
	margin-bottom: 10px;
	font-size: 17px;
	color: #994455;
	padding-bottom: 2px;
	padding-right: 78px;
	border-bottom: 1px solid #945;
}

/* OverlayInformation Page */
.OverlayInformationHorizontalPanel, .OverlayInformationPage h3,
	.gwt-HTML h3 {
	margin-top: 20px;
}

/**
* Filter box selector - layout bugfix for Chrome (#60049)
*/
.OverlayInformationFilter-bugfixChrome div, .x-form-field-wrap .OverlayInformationFilter-bugfixChrome .x-component .x-trigger-wrap-focus div,
	.x-form-field-wrap .OverlayInformationFilter-bugfixChrome .x-component div
	{
	position: relative !important;
	float: right;
}

.OverlayInformationFilter-bugfixChrome input, .x-form-field-wrap .OverlayInformationFilter-bugfixChrome .x-component .x-trigger-wrap-focus input,
	.x-form-field-wrap .OverlayInformationFilter-bugfixChrome .x-component input
	{
	float: left !important;
}

/* TERMS */
.stylishBox {
	margin-top: 4px;
}

.collapseIcon {
	color: #222;
	text-decoration: none;
	background: none;
	display: block;
	width: 100%;
}

.stylishBoxTitle {
	background-color: transparent;
	font-weight: normal;
	padding: 0 2px;
	text-decoration: underline;
}

.stylishBoxTitle span {
	padding: 0 0px;
}

.collapseIcon:hover, .stylishBoxTitle:hover {
	color: #222;
	text-decoration: none;
}

.stylishBoxHeader {
	background: #F0F0F0 none repeat scroll 0 0;
	background-image: url(../images/tableHeadBackground.gif);
	background-repeat: repeat-x;
	border-bottom: none;
	border: 1px solid #F0F0F0;
	padding: 8px 0 8px 8px;
	width: 100%;
}

table.stylishBoxContent {
	width: 100%;
}

table.stylishBoxContent table {
	width: 100%;
	border-spacing: 0;
	border-collapse: collapse;
	border-spacing: 0;
}

table.stylishBoxContent table table {
	width: auto;
}

table.stylishBoxContent table td {
	padding: 8px 8px;
}

table.stylishBoxContent table td table td {
	padding: 0;
}

table.stylishBoxContent tr.tsp_even, table.stylishBoxContent tr.tsp_odd
	{
	background-image: url(../images/tab_bg.png);
	background-repeat: repeat-x;
	background-position: bottom;
}

tr.tsp_even td.label, tr.tsp_odd td.label {
	padding-left: 8px;
	padding-right: 8px;
}

.gwt-SuggestBox {
	margin: 0 4px;
	height: 30px;
	text-indent: 10px;
}

.autocomplete {
    padding: 0 5px;
}

table.termLinkSection table.coolButton {
	margin: 4px 2px 5px;
}

/* Advanced Term Editting */
.tableHeader {
	padding: 5px;
}

/* FILTER */
table.CollapsiblePanel {
	margin-top: 4px;
}

.even td {
	height: 30px;
	font-size: 13px;
	background-color: #ffffff;
	/*border-bottom: none;*/
	padding: 8px 8px;
}

.zebra .even td {
	background: #eee;
}

.even td td {
	background: none;
	border-bottom: none;
	padding: 0px;
	height: auto;
	
}

.odd td, .zebra .odd>td {
	height: 30px;
	font-size: 13px;
	background-color: #ffffff;
	/*border-bottom: none;*/
	padding: 8px 8px;
}



.zebra .odd td {
	background: #fff;
}

.odd td td {
	background: none;
	border-bottom: none;
	padding: 0px;
	height: auto;
}

.tableViewer td td.tableHeader {
	border-right: 1px solid #CDCDCD;
	border-top: 1px solid #CDCDCD;
	padding: 6px 8px;
}

.tableViewer td td.tableHeaderLeftTop {
	border-left: 1px solid #CDCDCD;
}

.tableViewer td ul {
	margin-bottom: 0;
	margin-top: 0;
	padding-left: 0px;
}

.tableViewer td ul.unIndentedList {
	padding-left: 0;
}

.tableViewer td ul li {
	padding: 2px 0;
}

.tableViewer .unorderedListPanel {
	padding: 0px;
}

.tableViewer .unorderedListPanel li {
	padding: 0px;
	padding-bottom: 2px;
}

/* Warning Messages */
.gwt-DialogBox .Caption {
	cursor: move;
	font-size: 13px;
	/*font-weight: bold;*/
	width: auto;
	padding: 15px;
}

.gwt-DialogBox .xCloseButton {
	position: absolute;
    top: 14px;
    right: 0px;
    padding: 5px 5px 0 0;
}

table.popup div.gwt-Label {
	margin-bottom: 5px;
}

.gwt-DialogBox .Caption {
	color: #939597;
	font-size: 21px;
	border-bottom: 1px solid #d1d1d3;
}

.gwt-DialogBox .closableDialogTitleBar {
	border-bottom: 1px solid #d1d1d3;
	
}
.gwt-DialogBox .closableDialogTitleBar .Caption {
	border-bottom: none;
}

/* Dialogs */
.dialogContent {
	margin: 4px;
	/*border: 1px solid #d0d0d0;*/
	padding: 15px;
}

.gwt-DialogBox .closableDialogBoxCloseButton {
	position: absolute;
	right: 7px;
	top: 7px;
}

.MsgDialogBar {
	padding-top: 10px;
}

/* REUSE */
table tr.odd td.clusterTableTab, table tr.odd td.clusterTableTab td,
	table tr.odd td.clusterTableTab td td {
	background-color: #fff;
}

table tr.even td.clusterTableTab, table tr.even td.clusterTableTab td,
	table tr.even td.clusterTableTab td td {
	background-color: #fff;
}

input.gwt-TextBox {
	margin-right: 10px;
	font-family: Roboto;
	text-indent: 10px;
	height: 30px;
	box-sizing: content-box;
}

input.gwt-PasswordTextBox {
	box-sizing: content-box;
}

/* IMPORT */
.importWizardFileNameDisplay {
	margin-bottom: 1em;
}

.termStylePanelTitle h3 {
	background-color: #FFFFFF;
	color: #945;
	font-size: 17px;
	font-weight: bold;
	margin-bottom: 10px;
	padding: 4px 0px;
	text-align: left;
	border-bottom: 1px solid #945;
	#7
	c9caf;
}

tr.importTableHeader td, tr.importTableSubHeader td {
	background-color: #FFFFFF;
	color: #945;
	font-size: 17px;
	font-weight: bold;
	padding: 15px 0px 3px;
	margin-top: 10px;
	text-align: left;
}

tr.tableHeader td {
	padding: 6px 12px;
	border-top: 1px solid #CDCDCD;
}

/* Server */
.ruleDocumentationLink {
	display: block;
	margin-left: 5px;
	margin-bottom: 1.5em;
}

/*
.contentPanel table {			
width:100%;
border-spacing: 0;
border-collapse: collapse; 
border-spacing: 0;
}
*/
/* DATEPICKER */
.gwt-DatePicker {
	border: 1px solid #A2BBDD;
	cursor: default;
}

.gwt-DatePicker td, .datePickerMonthSelector td:focus {
	outline: none
}

.datePickerMonthSelector td:focus {
	outline: none
}

.datePickerDays {
	width: 100%;
	background: white;
}

.datePickerDay, .datePickerWeekdayLabel, .datePickerWeekendLabel {
	font-size: 75%;
	text-align: center;
	padding: 4px;
	outline: none;
}

.datePickerWeekdayLabel, .datePickerWeekendLabel {
	background: #C3D9FF;
	padding: 0px 4px 2px;
	cursor: default;
}

.datePickerDay {
	padding: 4px;
	cursor: hand;
	cursor: pointer;
}

.datePickerDayIsToday {
	border: 1px solid black;
	padding: 3px;
}

.datePickerDayIsWeekend {
	background: #EEEEEE;
}

.datePickerDayIsFiller {
	color: #888888;
}

.datePickerDayIsValue {
	background: #aaccee;
}

.datePickerDayIsDisabled {
	color: #AAAAAA;
	font-style: italic;
}

.datePickerDayIsHighlighted {
	background: #F0E68C;
}

.datePickerDayIsValueAndHighlighted {
	background: #bbddd9;
}

.datePickerMonthSelector {
	background: #C3D9FF;
	width: 100%;
}

.datePickerPreviousButton, .datePickerNextButton {
	font-size: 120%;
	line-height: 1em;
	color: blue;
	cursor: hand;
	cursor: pointer;
	padding: 0px 4px;
}

td.datePickerMonth {
	text-align: center;
	vertical-align: center;
	white-space: nowrap;
	font-weight: bold;
	color: blue;
}

.gwt-DateBox input {
	width: 8em;
}

.dateBoxFormatError {
	background: #ffcccc;
}

.dateBoxPopup {
	
}

/* end of datepicker*/
.integerTextBox {
	text-align: right;
}

.timeSelector .gwt-Label {
	margin-right: 1em;
}

.dateTimeSelectorDialog .timeSelector {
	margin-top: 6px;
	margin-bottom: 6px;
}

.checkingStatus {
	font-weight: bold;
}

.checkingStatusGREEN {
	color: green;
}

.checkingStatusRED {
	color: red;
}

.checkingStatusYELLOW {
	color: rgb(255, 192, 000);
}

.licenseLimitNumber {
	text-align: right;
	padding-left: 15px;
	padding-right: 2px;
}

.licenseLimitLabel {
	padding-left: 30px;
	padding-right: 15px;
}

.licensedModuleEnabled {
	text-align: right;
	padding-left: 15px;
	padding-right: 2px;
}

.selectAllLinkButton {
	margin-right: 1em;
}

.multipleCategorySelector .popup {
	width: 100%;
}

.multipleCategorySelectionPanel {
	width: 100%;
	padding: 5px 5px 5px 5px;
}

.multipleCategorySelectionPanel .linkButton {
	margin-top: 3px;
}

.categoriesSelectorSectionTitle {
	margin-left: 0px;
}

.categorySelectorDialogContent, .categorySelectorDialogContent .gwt-ListBox
	{
	width: 100% !important;
	overflow: auto;
	padding-right: 20px;
}

.checkBoxPanel {
	margin-left: 6px;
	margin-top: 3px;
	margin-bottom: 3px;
}

.selectButtonPanel {
	margin-left: 0px;
}

.userSearchBar {
	background: #F5F7F8 none repeat scroll 0 0;
	border: medium none;
	margin: 0 0 10px 0;
	padding: 8px;
	width: 100%;
}

.userSearchBar td {
	vertical-align: middle;
}

.strictUserPasswordCheck {
	margin-left: 20px;
}

.strictUserPasswordCheck label {
	padding-left: 0.3em;
	display:inline-block;    
    vertical-align:middle; 
}

.strictUserPasswordCheck input {
	display:inline-block;    
    vertical-align:middle; 
}

.createUserPanel {
	vertical-align: middle;
}

.modelUserPanel {
	padding-top: 1em;
}

.modelUserPanel td {
	vertical-align: middle;
	padding-right: 10px;
}

.modelUserPanel .gwt-Label {
	font-weight: bold;
}

/* TabularListBox */
.TabularListBox .selectedItem {
	background: #ffa;
}

.TabularListBox tr:hover {
	background: #ffd;
}

.TabularListBox tr.selectedItem:hover {
	background: #ffa;
}

.TabularListBox td {
	padding: 2px 10px;
	cursor: pointer;
}

/*  Fix some gxt-probems*/
.gwt-HTML > ul {
	list-style: disc;
	margin-left: 3em;
	margin-top: 1em;
}

.ember-application ul {
	list-style: disc;
	padding-left: 3em;
}

.batchEditActionOptionPanel {
	zoom: 1; /* IE hack */
}

/* decorator Panel */
.buttonPanel td {
	padding-right: 5px;
}

.buttonPanel td td {
	padding-right: 0px;
}

.gwt-DecoratorPanel {
	margin-bottom: 7px;
}

/*
html>body .gwt-DecoratorPanel {
}*/
.gwt-DecoratorPanel .topCenter, .gwt-DecoratorPanel .bottomCenter {
	background: url(../images/hborder.png) repeat-x;
}

.gwt-DecoratorPanel .middleLeft, .gwt-DecoratorPanel .middleRight {
	background: url(../images/vborder.png) repeat-y;
}

.gwt-DecoratorPanel .topLeftInner, .gwt-DecoratorPanel .topRightInner,
	.gwt-DecoratorPanel .bottomLeftInner, .gwt-DecoratorPanel .bottomRightInner
	{
	width: 5px;
	height: 5px;
	zoom: 1;
}

.gwt-DecoratorPanel .middleCenterInner {
	padding: 10px;
}

.gwt-DecoratorPanel .topLeft {
	background: url(../images/corner.png) no-repeat 0px 0px;
	-background: url(../images/corner_ie6.png) no-repeat 0px 0px;
}

.gwt-DecoratorPanel .topRight {
	background: url(../images/corner.png) no-repeat -5px 0px;
	-background: url(../images/corner_ie6.png) no-repeat -5px 0px;
}

.gwt-DecoratorPanel .bottomLeft {
	background: url(../images/corner.png) no-repeat 0px -5px;
	-background: url(../images/corner_ie6.png) no-repeat 0px -5px;
}

.gwt-DecoratorPanel .bottomRight {
	background: url(../images/corner.png) no-repeat -5px -5px;
	-background: url(../images/corner_ie6.png) no-repeat -5px -5px;
}

* html .gwt-DecoratorPanel .topLeftInner, * html .gwt-DecoratorPanel .topRightInner,
	* html .gwt-DecoratorPanel .bottomLeftInner, * html .gwt-DecoratorPanel .bottomRightInner
	{
	width: 5px;
	height: 5px;
	overflow: hidden;
}

.verticalLine {
	border-left: 1px solid #AEAEAE;
	height: 30px;
	margin-left: 5px;
	margin-right: 5px;
}

.titleDeepNavigation {
	font-size: 16px;
	color: #994455;
}

.titleDeepNavigation .linkButton {
	font-size: 16px;
	color: #994455;
	margin-right: 5px;
}

.titleDeepNavigation .gwt-Label {
	font-size: 16px;
	color: #994455;
	margin-right: 5px;
	font-weight: bold;
}

.clickable {
	cursor: pointer;
}

.ruleSetOverviewTable .language {
	font-size: 20px;
	padding-right: 10px;
}

.ruleSetOverviewTable .ruleSet {
	
}

.ruleSet td {
	padding-top: 5px;
}

.ruleInstanceOverviewHeaderTable {
	padding-bottom: 10px;
	margin-bottom: 15px;
}

.ruleInstanceOverviewHeaderTable td {
	padding-right: 20px;
}

.stringFilterTextBox {
	margin-left: 5px;
	margin-right: 0;
	margin-top: 20px;
}

.stringFilterTextBox .filterLabel {
	margin-right: 10px;
}

.ruleTypeSelectionPanel {
	margin-bottom: 5px;
	margin-left: 5px;
	margin-top: 10px;
}

.gwt-RadioButton {
	padding: 5px 0 5px 2px;
}

.ruleTypeSelectionPanel .gwt-RadioButton,
	.userConcurrencyModelSelectorPanel .gwt-RadioButton {
	margin-right: 10px;
}

.ruleTypeSelectionPanel .gwt-RadioButton input,
	.userConcurrencyModelSelectorPanel .gwt-RadioButton input {
	margin-right: 2px;
}

.ruleInstanceView .selectionHelper {
	margin-top: 5px;
}

.ruleInstanceView .selectionHelper .linkButton {
	margin-right: 10px;
}

.languageRow td {
	padding-top: 15px;
	vertical-align: baseline;
}

.ruleInstanceView .gwt-DecoratorPanel {
	margin-top: 5px;
	width: 100%;
}

.ruleInstanceView .gwt-DecoratorPanel .middleCenterInner {
	padding: 0px;
}

/* generic stuff */
.floatRight {
	float: right;
}

.gwt-FileUpload {
	width: 350px;
}

/* *********** Import Wizard: List Item Mapping Page * */
.valueWithFrequencyAndMapping {
	margin: 0px 0px 6px;
}

.listItemMappingDivisionTitle {
	margin: 16px 0px 8px 0px;
}

.listItemMappingSection {
	margin: 0px 0px 4px;
}

.listItemMappingSection .collapsibleContent {
	margin-bottom: 6px;
	margin-top: 6px;
}

.valueWithFrequencyAndMapping .gwt-image {
	margin-right: 8px;
}

.valueWithFrequencyAndMapping .linkButton {
	margin-right: 0.5em;
}

.valueWithFrequencyAndMapping .isNotMapped {
	font-style: italic;
	color: #444444;
	padding-right: 5px;
}

/* *********** Settings Page ************************* */
.invalidInput {
	background: red;
}

/* *********** Term Set Configuration Page *********** */
.unknownDomain {
	color: red;
}

.unknownRuleset {
	color: red;
}

/* *********** Reuse Clustering Job Page ************* */
.clusterJobFilterCheckBox {
	margin-left: 1em;
}

.clusterJobFilterCheckBox input {
	margin-right: 0.5ex;
}

.repositorySelectionTable {
	margin: 5px;
}

.repositorySelectionTable td {
	margin: 5px;
}

.repositorySelectionTable td .gwt-RadioButton {
	
}

.repositorySelectionTable td .gwt-RadioButton input {
	margin-right: 5px;
	margin-top: 5px;
}

.repositorySelectionTable .formGrid .gwt-Label {
	margin-right: 5px;
}

.repositorySelectionTable .formGrid .gwt-TextBox {
	width: 10em;
}

/* *********** Reuse Repository Clusters Page ********** */
.clusterActivationFilterCheckBox {
	margin-left: 1em;
}

.clusterActivationFilterCheckBox input {
	margin-right: 0.5ex;
}

.gwt-CheckBox {
    line-height: 30px;
    padding-right: 10px;
}

.gwt-CheckBox label {
	padding-left: 0.3em;
	color: #444444;
}

.formTableLeftColumn {
	padding-right: 2em;
	padding-top: 5px;
	padding-bottom: 5px;
	vertical-align: top;
}

.paragraph {
	margin-bottom: 1em;
}

.inlineLabel {
	padding-right: 1em;
}

/* ************** Basic Tool Tips ******************* */
.tooltipAspect {
	border: 1px black solid;
	background-color: #FFFFAA;
	padding: 4px;
}

.tooltipAspect pre {
	font-family: verdana;
	overflow-x: auto;
	/* Use horizontal scroller if needed; for Firefox 2, not needed in Firefox 3 */
	white-space: pre-wrap; /* css-3 */
	white-space: -moz-pre-wrap !important; /* Mozilla, since 1999 */
	white-space: -pre-wrap; /* Opera 4-6 */
	white-space: -o-pre-wrap; /* Opera 7 */
	/* width: 99%; */
	word-wrap: break-word; /* Internet Explorer 5.5+ */
}

/* ++++++++++++++ Broadcast Messages ***************** */
.broadcastMessages {
	width: 70%;
}

.message {
	padding: 5px;
	margin-bottom: 10px;
}

.HIGH {
	background-color: #FFCCCC;
}

.NORMAL {
	background-color: #FFFFCC;
}

.message .subject {
	font-weight: bold;
	margin-bottom: 5px;
}

.message .body pre {
	font-family: verdana;
	overflow-x: auto;
	/* Use horizontal scroller if needed; for Firefox 2, not needed in Firefox 3 */
	white-space: pre-wrap; /* css-3 */
	white-space: -moz-pre-wrap !important; /* Mozilla, since 1999 */
	white-space: -pre-wrap; /* Opera 4-6 */
	white-space: -o-pre-wrap; /* Opera 7 */
	/* width: 99%; */
	word-wrap: break-word; /* Internet Explorer 5.5+ */
}

/* ---------------- Recording Request --------------------------- */
.captureStateRunning {
	color: red;
}

/******************* Role Overview Page**********************/
.rolesOverviewPage {
	
}

.rolesOverviewPage .buttons {
	
}

.rolesOverviewPage .rolesTable {
	margin-top: 10px;
}

.roleName {
	font-weight: bold;
}

.rolePage {
	
}

.rolePage .areaPanel {
	margin-top: 10px;
}

.rolePage .areaPanel .gwt-CheckBox {
	margin-left: 5px;
}

.rolePage .areaPanel .linkButton {
	margin-left: 5px;
}

.rolePage .areaHeader {
	font-weight: bold;
	margin-bottom: 5px;
}

.rolePage .privilegeWithRestriction td {
	padding: 0px;
}

/******************* Effective Privileges ******************************/
.simpleEffectivePrivileges {
	
}

.simpleEffectivePrivileges .areaColumn {
	width: 160px;
}

.simpleEffectivePrivileges .area {
	font-weight: bold;
}

.simpleEffectivePrivileges .privilegesColumn {
	
}

.simpleEffectivePrivileges {
	
}

.styledEffectivePrivileges .roleList {
	margin-bottom: 5px;
	margin-left: 4px;
}

.styledEffectivePrivileges .roleList .role {
	
}

/******************* User Settings ******************************/
.userSettings .buttonPanel {
	padding-bottom: 10px;
}

/******************* Access Point View ******************************/
.accessPointView {
	margin-bottom: 10px;
}

.checkBoxWithoutLabel label {
	padding-left: 0px;
}

/****************** Role Deletion Not Allowed Dialog ****************/
.roleDeletionNotAllowedDialogContent .paragraph {
	margin-bottom: 0.3em;
}

.roleDeletionNotAllowedDialogContent .paragraph strong {
	font-weight: bold;
}

.roleDeletionNotAllowedDialogContent .paragraph ul {
	list-style: disc;
	margin-left: 2em;
	margin-top: 0.3em;
}

.roleDeletionNotAllowedDialogContent .paragraph li {
	margin-bottom: 0.0em;
}

/****************** Reporting Generator ****************/
.reportGenerator .content {
	margin-bottom: 15px;
	margin-left: 10px;
}

.reportGenerator .contentLabel {
	margin-bottom: 7px;
	margin-left: 2px;
}

.reportGenerator .report {
	margin-top: 35px;
}

/****************** Monitoring ****************/
.mon-widget {
	padding: 10px 10px 0px 10px;
}

.mon-simple-container {
	padding-top: 10px;
}

.mon-simple-container div {
	padding-right: 10px;
}

.mon-label {
	font-size: 12px;
	font-weight: bold;
	padding-right: 5px;
}

.mon-value-container {
	padding: 10px;
}

.mon-error-widget {
	background-color: #F7D079;
	border-radius: 10px;
	padding: 20px !important;
	font-weight: bold;
}

.mon-adv-value {
	white-space: normal !important;
}

.mon-adv-table tr {
	-moz-user-select: text !important;
}

/***************** Analytics ***************/
.ana-filter {
	text-align: right;
	padding-right: 30px !important;
}

.ana-filter a {
	padding: 0px !important;
}

.ana-filter input {
	width: 100% !important;
}

.ana-filter-row {
	vertical-align: bottom !important;
}

.ana-filter-row div {
	padding-right: 5px;
}

.ana-filter-row a {
	padding-right: 30px;
}

.ana-col-button {
	padding-left: 30px;
	position: relative;
	top: 7px;
}

.ana-link {
	cursor: pointer;
	text-decoration: underline;
	color: gray;
	font-size: 10px;
	font-weight: normal;
}

.ana-table-link {
	padding-right: 10px;
}

.ana-report-icon-cell {
    border-bottom: 1px solid #aeaeae;
	padding: 20px;
	background-color: #f7f7f7;
	width: 220px;
	height: 132px;
    vertical-align: top;
    overflow: hidden;
    position: relative;
	cursor: pointer;
}

.ana-report-icon-cell:hover {
	border-color: #D0D0D0;
}

.ana-report-label-box {
	align-items: stretch;
    width: 100%;	
}

.ana-report-name {
	text-align: left;
	font-size: 16px;
    color: #3e96db;
    padding-bottom: 10px;
    width: 200px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.ana-report-open  {
	font-size: 16px;
    color: #909090;
	cursor: pointer;
    right: 20px;
    top: 20px;
    position: absolute;
}

.ana-report-open:hover  {
	color: #373737;
}
	
.ana-report-desc {
	text-align: left;
	font-size: 13px;
	cursor: pointer;
	color: #373737;
}

.ana-report-desc-unavailable {
	text-align: left;
	font-size: 13px;
	color: #aeaeae;
}

.ana-report-param {
	margin: 10px;
	width: 250px;
}

.ana-report-locked {
    color: #d5d5d5;
    right: 20px;
    bottom: 20px;
    position: absolute;
}

.ana-report-icon-cell .material-icons {
	font-size: 16px;
}

.ana-generate-report {
	margin: 10px;
}

.ana-report-frame {
	margin-left: 20px;
	border: none;
}

.ana-h2-header {
	margin: 15px 0 15px 10px;
	text-align: left;
	color: #939597;
	font-size: 21px;
	font-weight: normal;
}

.ana-back-to-report-types {
	display: block;
	margin: 10px 10px 0;
}

.ana-date-picker td {
	color: #FFFFFF;
}

.ana-date-picker div {
	color: #000000;
}

.ana-dialog {
	z-index: 1;
}

.ana-warning-button {
	border: 1px solid red;
	border-radius: 4px;
}

.ana-value-list-textarea {
	width: 475px;
	height: 300px;
	resize: none !important;
}

.ana-value-list-dialog {
	width: 520px;
	min-height: 460px;
}

.ana-value-list-dialog>div>table {
	width: 100%;
}

.ana-label {
	margin-bottom: 5px;
}

.ana-range-values-empty-txt {
	color: #999999;
}

.ana-tag-label {
	border: 1px solid #C9C9C9;
	border-radius: 3px 3px 3px 3px;
	display: inline-block;
	margin-bottom: 2px;
	margin-right: 2px;
	padding: 3px;
}

.ana-table-list {
	white-space: normal !important;
}

.ana-grid-checkbox div {
	text-align: center !important;
}

.file-upload-visible-element {
	margin-right: 5px;
}

.file-upload-chrome-39-fix {
	margin-left: 50px;
}

.ana-report-multi-value-container {
	max-height: 100px;
}

/****************** Rule Context Configuration ****************/
.gwt-PopupPanelGlass {
	background-color: rgba(206,209,210,0.9);
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=30)";
	filter: alpha(opacity = 30);
	opacity: 0.3;
}