/*******************************************************************************
 element level styles - elements take these styles unless over-ridden elsewhere
*******************************************************************************/
body,
#screenMode,
#printMode{
	background : white;
	font-family: tahoma, arial, helvetica, courier, sans-serif;
    font-size: 0.7rem;
    margin: 0px;
    display:flex;
    flex-direction: column;
    height: 100%;
    box-sizing: border-box;
/*   -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;*/
}

body{
    padding: 3px;
}

#body,
#body-main{
    display: flex;
    flex: auto 1 1;
}

#body-main{
    flex-direction: column;
    width: 100%;
}

 .brandedClass{
     background-image: url('../images/companyNameLogo.svg');
     background-position: left 20px top 15px;
     background-repeat: no-repeat;
     /*background-attachment: fixed;   */
     background-size: 200px 82px;
 }

 .bodyDiv{
     margin-top: 15%;
     margin-left: 30%;
 }

th{
    text-align: center;
    font-weight: bold;
	font-size: 11px;
}
input{
	font-family: tahoma, arial, helvetica, courier, sans-serif;
	font-size: 1.0em;
}
textarea{
	font-family: tahoma, arial, helvetica, courier, sans-serif;
	font-size: 1.0em;
}
option{
	font-family: tahoma, arial, helvetica, courier, sans-serif;
	font-size: 1.0em;
}
select{
	font-family: tahoma, arial, helvetica, courier, sans-serif;
	font-size: 1.0em;
}

pre,
pre.notFixedWidthFont{
	font-family: tahoma, arial, helvetica, courier, sans-serif;
	font-size: 1.0em;
}

.tabboundary
{
    border: 1px solid #D4D4D4;
    margin: -1px 4px 0px 0px;
    padding: 10px 12px;
}

/*******************************************************************************
 main page sections
*******************************************************************************/

/****** header - used for the logo and links header ******/
table.header{
    background-color: #CCD9E6;
    color: Black;
}
td.header{
    background-color: #CCD9E6;
    color: Black;
}

/***** footer: style for footer link *****/
table.footer{
    background-color: white;
    vertical-align: top;
}
td.footer{
    vertical-align: top;
}

a{
    cursor: pointer; cursor: hand;
}

a.footer{
    color: black;
    cursor: pointer; cursor: hand;
}

.producttitle{
    margin-left:20px;
    margin-top:6px;
    font-weight: bold;
    font-family: arial;
    font-size: 20px;
    color: #666666;
}
.topmainmenu{
    float:left;
    line-height:30px;
    padding-top: 10px;
}
.topmainmenu.warning,
div.warning{
    color:red;
    font-weight: bold;
}
.errorMsg {
    width:70%;
    color:red;
    font-size: 14px;
    font-weight: bold;
}
.modalTitle{
    font-weight: bold;
    font-size: 15px;
    color: #2C2F33;
    font-weight: bold;
}
/*******************************************************************************
Titlebar styles
*******************************************************************************/

/***** titlebar: any message to be displayed in a 'sausage' *****/
table.titlebar{
    border: solid 0px #E6E6E6;
    background-image: -webkit-linear-gradient(top, #FFFFFF, #CCD9E6);
    background-image:    -moz-linear-gradient(top, #FFFFFF, #CCD9E6);
    background-image:     -ms-linear-gradient(top, #FFFFFF, #CCD9E6);
    background-image:      -o-linear-gradient(top, #FFFFFF, #CCD9E6);
    background-image:         linear-gradient(0deg, #FFFFFF, #CCD9E6);
    filter:progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr=#CCD9E6, endColorstr=#FFFFFF);
    color:#2C2F33;
    font-size:12px;
    font-weight:bold;
    float:left;
    padding: 0.5em;
    margin-left:2px;
}

table.treeQueryCountsSummaryHeader{
    margin-left:0px;
}

td.titlebar{
    font-weight: bold;
}

/***** titlebarError: any error message to be displayed in a 'sausage' *****/
table.titlebarError{
    background-color: #E25C5C;
    color: White;
    margin-left:5px;
}
td.titlebarError{
	height : 13px;
    background-color: #E25C5C;
    color: White;
}
td.errorReason{
	height : 13px;
    background-color: white;
    color: black;
    white-space:pre;
}

/***** titlebarDisabled: used for disabled buttons *****/
table.titlebarDisabled,.barDisabled{
    background-color: #FFFFFF;
    cursor: default;
}

/***** titlebarNoResults: style of sausage indicating no results from query *****/
table.titlebarNoResults{
    color: #236092;
    border: solid 1px #A9BED1;
    background-image: -webkit-linear-gradient(top, #FFFFFF, #A9BED1);
    background-image:    -moz-linear-gradient(top, #FFFFFF, #A9BED1);
    background-image:     -ms-linear-gradient(top, #FFFFFF, #A9BED1);
    background-image:      -o-linear-gradient(top, #FFFFFF, #A9BED1);
    background-image:         linear-gradient(0deg, #FFFFFF, #A9BED1);
    filter:progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr=#A9BED1, endColorstr=#FFFFFF);
}

td.titlebarNoResults{
    padding:0.3em;
}


/***** titlebarWarning: header bar for warning info *****/
table.titlebarWarning{
    background-color: #266093;
    color: #ffffff;
}

td.titlebarWarning{
    font-weight: bold;
}

/***** titlebarPT: any message to be displayed in a 'sausage' *****/
table.titlebarPT{
    background-color: #A9BED1;
    color: White;
}

td.titlebarPT{
	height : 13px;
    background-color: #A9BED1;
    color: White;
}

.selected{
    clear: both;
    display: block;
    margin-left: -1px;
    margin-top: -4px;
    padding-left: 10px;
}

.unselected{
    clear:both;
    display:none;
}

/*******************************************************************************
 COLOUR PALETTE
*******************************************************************************/

/***** light light grey *****/
table.light_light_grey{
    background-color: #DFD7CA;
    color: White;
}
td.light_light_grey{
    background-color: #DFD7CA;
    color: White;
}

/***** light dark grey *****/
table.light_dark_grey{
    background-color: #B2AB9B;
    color: White;
}
td.light_dark_grey{
    background-color: #B2AB9B;
    color: White;
}

/***** dark brown  *****/
table.dark_brown{
    background-color: #C9BA65;
    color: White;
}
td.dark_brown{
    background-color: #C9BA65;
    color: White;
}

/***** light brown *****/
table.light_brown{
    background-color: #E2DFA8;
    color: White;
}
td.light_brown{
    background-color: #E2DFA8;
    color: White;
}

/***** light green *****/
table.light_green{
    background-color: #D4D8BD;
    color: Black;
}
td.light_green{
    background-color: #D4D8BD;
    color: Black;
}

/***** dark green *****/
table.dark_green{
    background-color: #949E7C;
    color: White;
}
td.dark_green{
    background-color: #949E7C;
    color: White;
}

/***** dark grey *****/
table.dark_grey{
    background-color: #758279;
    color: White;
}
td.dark_grey{
    background-color: #758279;
    color: White;
}

/***** light grey *****/
table.light_grey{
    background-color: #B0B2B1;
    color: White;
}
td.light_grey{
    background-color: #B0B2B1;
    color: White;
}

/***** red *****/
table.red{
    background-color: #CEBDC3;
    color: White;
}
td.red{
    background-color: #CEBDC3;
    color: White;
}

/*******************************************************************************
 BUTTONS
*******************************************************************************/

/***** loginButton: style of button to open a message from the finder *****/
table.loginButton, td.loginButton{
    cursor: pointer; cursor: hand;
    background-color: #eeeeee;
    color: #236093;
}

/***** finderMessageSummaryTitlebar: style of header shown above Message Summary in Finder *****/
table.finderMessageSummaryTitlebar{
    border: solid 0px #A9BED1;
    background-color: #A9BED1;
    color: #236092;
}

td.finderMessageSummaryTitlebar{
    padding: 0.3em;
    font-weight: bold;
}

/***** paginationHeader: Pagination/Title bar in resultset *****/
table.paginationHeader, div.paginationHeader{
    background-image: -webkit-linear-gradient(top, #FFFFFF, #A9BED1);
    background-image:    -moz-linear-gradient(top, #FFFFFF, #A9BED1);
    background-image:     -ms-linear-gradient(top, #FFFFFF, #A9BED1);
    background-image:      -o-linear-gradient(top, #FFFFFF, #A9BED1);
    background-image:         linear-gradient(0deg, #FFFFFF, #A9BED1);
    filter:progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr=#A9BED1, endColorstr=#FFFFFF);
    color : #236092;
    font-weight: bold;
    padding:  5px;
}

/***** resultsHeader: Style of the column headers in a resultset *****/
tr.resultsHeader{
    vertical-align: middle;
}

th.resultsHeader,
table.scrollableGridColHeader tr.columnHeader span.columnCaption{
    font-family: tahoma, arial, helvetica, sans-serif;
    color: #236092;
    vertical-align: top;
    text-align: left;
    font-weight: bold;
    background-color: #FFFFFF;
}

th.resultsHeader{
    position: -webkit-sticky;
    position: sticky;
    top: 0;
}

div.resultsHeader,
div.resultsHeaderAsc,
div.resultsHeaderDesc{
    cursor: pointer; cursor: hand;
    font-family: tahoma, arial, helvetica, sans-serif;
    vertical-align: top;
    text-align: left;
    font-weight: bold;
    background-color: #E6E6E6;
    white-space : nowrap;
}

div.resultsHeader{
    color: black;
}

div.resultsHeaderAsc{
    color: red;
}

div.resultsHeaderDesc{
    color: green;
}

th.resultsHeaderPointer{
    font-family: tahoma, arial, helvetica, sans-serif;
    color: black;
    vertical-align: top;
    text-align: left;
    font-weight: bold;
    background-color: #E6E6E6;
    width: 1em;
}

/***** resultNormal: Style of an unselected row in a resultset *****/
tr.resultNormal{
    cursor: pointer; cursor: hand;
    vertical-align: middle;
}

td.resultNormal{
    cursor: pointer; cursor: hand;
    font-family: tahoma, arial, helvetica, sans-serif;
    font-size: 11px;
    vertical-align: middle;
    text-align: left;
	white-space : nowrap;
}

/***** resultSelected: Style of the selected row in a resultset *****/
tr.resultSelected{
    cursor: pointer; cursor: hand;
    vertical-align: middle;
}

td.resultSelected{
    cursor: pointer; cursor: hand;
    font-family: tahoma, arial, helvetica, sans-serif;
    font-size: 11px;
    text-align: left;
    background-color: #FAEFD2;
}

/***** resultSelected: Style of the selected row in a resultset *****/
tr.resultNoLink{
    vertical-align: middle;
}

td.resultNoLink{
    font-family: tahoma, arial, helvetica, sans-serif;
    font-size: 11px;
    vertical-align: middle;
    text-align: left;
}

/* mouse over row */
tr.mouseOverRow{
    background-color: #EEEEEE;
}

/* Cells in pointer column that don't contain pointer icon */
td.emptyPointerCell{
    background-color: white;
    text-align: center;
}


/***** sidebarWorkgroup: style of button for a workgroup in the sidebar
*****/
.signclass{
    padding-left: 0.52em;
    padding-right: 0.4em;
    font-weight: bold;
    font-size: 1.1em;
    padding-bottom: 0.2em;
}

.signquery{
    padding-left: 1.8em;
    padding-right: 0.75em;
}

.imageCold{
    padding-right:0.8em;
    padding-bottom: 0.2em;
    zoom:1;
}

.leftSideImage{
    /*padding-bottom: 0.4em;*/
    zoom:1;
    margin-right:0.3em;
    height: 0.7rem;
}

table.sidebarSubWorkgroup, table.sidebarSubWorkgroup:hover{
    padding: 0.3em 0 0 0.6em;
    background: #FFFFFF;
}

td.sidebarSubWorkgroup,div.sidebarSubWorkgroup{
    cursor: pointer; cursor: hand;
    background: linear-gradient(0deg, #ffffff, #e1ebf5) repeat scroll 0 0 #e1ebf5;
    background-image: -webkit-linear-gradient(top, #FFFFFF, #E1EBF5);
    background-image:    -moz-linear-gradient(top, #FFFFFF, #E1EBF5);
    background-image:     -ms-linear-gradient(top, #FFFFFF, #E1EBF5);
    background-image:      -o-linear-gradient(top, #FFFFFF, #E1EBF5);
    filter:progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr=#E1EBF5, endColorstr=#FFFFFF);
    color: black;
    border: solid 0px #E6E6E6;
    padding-left: 0.9em;
    width: 100%;
    max-width: 400px;
}
.refreshCounts {
    clear:right;
    display: inline;
    float:right;
}
table.sidebarWorkgroup, table.sidebarWorkgroup:hover{
    padding-top: 0.3em;
    background: #FFFFFF;
    max-width: 400px;
}

td.sidebarWorkgroup, .sidebarWorkgroup{
    cursor: pointer; cursor: hand;
    background: #B8CADB;
    border: solid 0px #E6E6E6;
    background-image: -webkit-linear-gradient(top, #FFFFFF, #CCD9E6);
    background-image:    -moz-linear-gradient(top, #FFFFFF, #CCD9E6);
    background-image:     -ms-linear-gradient(top, #FFFFFF, #CCD9E6);
    background-image:      -o-linear-gradient(top, #FFFFFF, #CCD9E6);
    background-image:         linear-gradient(0deg, #FFFFFF, #CCD9E6);
    filter:progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr=#CCD9E6, endColorstr=#FFFFFF);
    color: #333333;
    letter-spacing: 0.2px;
    width:100%;
    font-weight:bold;
    zoom:1;
    max-width: 500px;
}

table.nonExpandSidebarWorkgroup, table.nonExpandSidebarWorkgroup:hover{
    background: #FFFFFF;
    color: black;
}

td.nonExpandSidebarWorkgroup, .nonExpandSidebarWorkgroup{
    cursor: pointer; cursor: hand;
    background: #B8CADB;
    border: solid 0px #E6E6E6;
    background-image: -webkit-linear-gradient(top, #FFFFFF, #CCD9E6);
    background-image:    -moz-linear-gradient(top, #FFFFFF, #CCD9E6);
    background-image:     -ms-linear-gradient(top, #FFFFFF, #CCD9E6);
    background-image:      -o-linear-gradient(top, #FFFFFF, #CCD9E6);
    background-image:         linear-gradient(0deg, #FFFFFF, #CCD9E6);
    filter:progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr=#CCD9E6, endColorstr=#FFFFFF);
    color: #333333;
    letter-spacing: 0.2px;
    /*float:left;*/
    width:100%;
    font-weight:bold;
}

div.ctmSideBarItem span.signclass + span,
div.nonExpandSidebarWorkgroup span.signclass + span{
    margin-right: 4px;
}
div.sidebarSubWorkgroup span.signclass + span{
    margin-right: 35px;
}

table.sidebarQuery, table.sidebarQuery:hover{
    cursor: pointer; cursor: hand;
    padding-top: 0.3em;
    color : #000000;
    background-color: #FFFFFF;
    max-width: 400px;
    display:block;
}

.sidebarblock{
    width:100%;
}

.sidebarQuery{
    cursor: pointer; cursor: hand;
    color : #000000;
    background-color: #FFFFFF;
    padding-bottom: 0.2em;
    width:100%;
    display:block;
    clear:right;
}

#tabs{
    margin-top:2px;
}

.tabHeader,.tabHeaderSelected{
    background: #FFFFFF;
    display: inline-block;
    float: none;
    position: relative;
    height:16px;
    font-size: 12px;
    white-space: nowrap;
    font-weight: bold;
}

.tabHeader{
    cursor: pointer; cursor: hand;
    border-top: solid 1px #A8A8A8;
    border-left: solid 1px #A8A8A8;
    border-right: solid 1px #A8A8A8;
    margin-top: 1px;
    padding:  0.4em;
    background-image: -webkit-linear-gradient(top, #FFFFFF, #D4D4D4);
    background-image:    -moz-linear-gradient(top, #FFFFFF, #D4D4D4);
    background-image:     -ms-linear-gradient(top, #FFFFFF, #D4D4D4);
    background-image:      -o-linear-gradient(top, #FFFFFF, #D4D4D4);
    background-image:         linear-gradient(0deg, #FFFFFF, #D4D4D4);
    filter:progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr=#D4D4D4, endColorstr=#FFFFFF);
    color: #666666;
}

.tabHeaderSelected{
    cursor: default;
    border-top: solid 1px #A9BBCC;
    border-left: solid 1px #A9BBCC;
    border-right: solid 1px #A9BBCC;
    margin: -1px;
    padding:  0.5em;
    background-image: -webkit-linear-gradient(top, #FFFFFF, #A9BBCC);
    background-image:    -moz-linear-gradient(top, #FFFFFF, #A9BBCC);
    background-image:     -ms-linear-gradient(top, #FFFFFF, #A9BBCC);
    background-image:      -o-linear-gradient(top, #FFFFFF, #A9BBCC);
    background-image:         linear-gradient(0deg, #FFFFFF, #A9BBCC);
    filter:progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr=#A9BBCC, endColorstr=#FFFFFF);
    pointer-events: none;
    color:black;

}

td.sidebarWorkgroup:hover,.tabHeader.td{
    cursor: pointer; cursor: hand;
    background-image: -webkit-linear-gradient(top, #FFFFFF, #A9BBCC);
    background-image:    -moz-linear-gradient(top, #FFFFFF, #A9BBCC);
    background-image:     -ms-linear-gradient(top, #FFFFFF, #A9BBCC);
    background-image:      -o-linear-gradient(top, #FFFFFF, #A9BBCC);
    background-image:         linear-gradient(0deg, #FFFFFF, #A9BBCC);
    filter:progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr=#A9BBCC, endColorstr=#FFFFFF);
    color: black;
}

/***** AuditSbarGroup: style of button for an audit sidebar group
*****/
td.auditSbarGroup,table.auditSbarGroup,.auditSbarGroupx{
    cursor: pointer; cursor: hand;
    color: black;
    padding: 0.4em;
    font-size: 10px;
    font-weight: bold;
    background-image: -webkit-linear-gradient(top, #FFFFFF, #CCD9E6);
    background-image:    -moz-linear-gradient(top, #FFFFFF, #CCD9E6);
    background-image:     -ms-linear-gradient(top, #FFFFFF, #CCD9E6);
    background-image:      -o-linear-gradient(top, #FFFFFF, #CCD9E6);
    background-image:         linear-gradient(0deg, #FFFFFF, #CCD9E6);
    filter:progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr=#CCD9E6, endColorstr=#FFFFFF);
    width: 200px;
}

.rightSideButtonImage{
    float:right;
    padding-left:0.4em;
}

table.auditSbarGroup:hover{
    cursor: pointer; cursor: hand;
    background-image: -webkit-gradient(linear, left top, left bottom, from(#d4dee1), to(#a9c0c8));
    background-image: -webkit-linear-gradient(top, #d4dee1, #a9c0c8);
    background-image: -moz-linear-gradient(top, #d4dee1, #a9c0c8);
    background-image: -ms-linear-gradient(top, #d4dee1, #a9c0c8);
    background-image: -o-linear-gradient(top, #d4dee1, #a9c0c8);
    background-image: linear-gradient(to bottom, #d4dee1, #a9c0c8);
    filter:progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr=#a9c0c8, endColorstr=#d4dee1);
    color: black;
}

.auditClose{
    margin: 2px;
    color: black;
    font-weight: bold;
    background-color: #f2f9fe; background-image: -webkit-gradient(linear, left top, left bottom, from(#f2f9fe), to(#E1EBF5));
    background-image: -webkit-linear-gradient(top, #f2f9fe, #E1EBF5);
    background-image: -moz-linear-gradient(top, #f2f9fe, #E1EBF5);
    background-image: -ms-linear-gradient(top, #f2f9fe, #E1EBF5);
    background-image: -o-linear-gradient(top, #f2f9fe, #E1EBF5);
    background-image: linear-gradient(to bottom, #f2f9fe, #E1EBF5);
    filter:progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr=#f2f9fe, endColorstr=#E1EBF5);
    padding:4px;
}

/***** actionsWorkgroup: style of button for the action workgroup in the sidebar
*****/
table.actionsWorkgroup{
    padding: 0;
    color: #000000;
    background-color: #f2f9fe; background-image: -webkit-gradient(linear, left top, left bottom, from(#A9BED1), to(#ffffff));
    background-image: -webkit-linear-gradient(top, #A9BED1, #ffffff);
    background-image: -moz-linear-gradient(top, #A9BED1, #ffffff);
    background-image: -ms-linear-gradient(top, #A9BED1, #ffffff);
    background-image: -o-linear-gradient(top, #A9BED1, #ffffff);
    background-image: linear-gradient(to bottom, #A9BED1, #ffffff);
    filter:progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr=#A9BED1, endColorstr=#ffffff);
}

td.actionsWorkgroup{
    padding-top: 0.3em;
    padding-left: 0.3em;
    background: #236092;
    border: solid 1px #B2B2B2;
    color: #236092;
    font-weight: bold;
}

table.bulkPageTitle{
    font-size: 1.2em;
}

/***** searchWorkgroup: style of button for the search workgroup in the sidebar  *****/
div.searchWorkgroup,
table.searchWorkgroup{
    cursor: pointer; cursor: hand;
    background-image: -webkit-linear-gradient(top, #FFFFFF, #CCD9E6);
    background-image:    -moz-linear-gradient(top, #FFFFFF, #CCD9E6);
    background-image:     -ms-linear-gradient(top, #FFFFFF, #CCD9E6);
    background-image:      -o-linear-gradient(top, #FFFFFF, #CCD9E6);
    background-image:         linear-gradient(0deg, #FFFFFF, #CCD9E6);
    filter:progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr=#CCD9E6, endColorstr=#FFFFFF);
    color: black;
    line-height: 1.43em; /*the reciprocal of 0.7 which is defined for the <body>. */
}

/***** searchHeaderWorkgroup: style of a header sausage for the search workgroup in the sidebar *****/
table.searchHeaderWorkgroup{
    cursor: pointer;
    border: solid 0px #E6E6E6;
    background-image: -webkit-linear-gradient(top, #FFFFFF, #CCD9E6);
    background-image:    -moz-linear-gradient(top, #FFFFFF, #CCD9E6);
    background-image:     -ms-linear-gradient(top, #FFFFFF, #CCD9E6);
    background-image:      -o-linear-gradient(top, #FFFFFF, #CCD9E6);
    background-image:         linear-gradient(0deg, #FFFFFF, #CCD9E6);
    filter:progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr=#CCD9E6, endColorstr=#FFFFFF);
    color: black;
    font-weight: bold;
}

td.searchHeaderWorkgroup{
    cursor: pointer;
    padding: 0.3em;
}

/***** hrsmall: allows us to have short rowheights for the hr graphics */
tr.hrsmall{
    font-size: 11px;
    height: 5px;
}

/***** blankrow: allows us to have short rowheights for the blank rows */
tr.blankrow
{
    font-size: 0.3em;
    height: 2px;
}

/***** toolbarButton: Button for reject match / view match report etc*****/
.toolbarButton,
.toolbarButtonDisabled{
    cursor: pointer; cursor: hand;
    border:1px solid #909090; -webkit-border-radius: 3px; -moz-border-radius: 3px;border-radius: 3px;
    padding: 0.3em;
    margin-right:0.3em;
    text-decoration:none; display:inline-block;
    font-size: 12px;
    font-weight:bold;
    white-space: nowrap;
    width: auto;

    color: #236093;
    background-color: #eeeeee;

    filter:progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr=#e0e0e0, endColorstr=#ffffff);
    background-image: -webkit-gradient(linear, left top, left bottom, from(#ffffff), to(#e0e0e0));
    background-image: -webkit-linear-gradient(top, #ffffff, #e0e0e0);
    background-image: -moz-linear-gradient(top, #ffffff, #e0e0e0);
    background-image: -ms-linear-gradient(top, #ffffff, #e0e0e0);
    background-image: -o-linear-gradient(top, #ffffff, #e0e0e0);
    background-image: linear-gradient(to bottom, #ffffff, #e0e0e0);
}

.toolbarButton:hover,
.dropDownMenuItem:hover{
    background-color: #A9BED1;
    background-image: none;
}

.toolbarButtonDisabled{
    cursor: not-allowed;
    color: #aaaaaa;
}

a.toolbarButton{
    cursor: pointer; cursor: hand;
    text-decoration: none;
	color : White;
}

.dropDownMenu{
  position:relative;
  z-index: 999;
}

.dropDownMenuItems{
  position:absolute;
  border:1px solid #909090;
  background-color: #ffffff;
  left:0px;
  box-shadow:0px 8px 16px 0px rgba(0,0,0,0.2);
}

.dropDownMenuItem{
  color: #236092;
  cursor:hand;
  padding:0.32em;  
}


/***** dialogButton: style of buttons on the dialogs
*****/
table.dialogButton{
    cursor: pointer; cursor: hand;
    border:1px solid #A9BED1; -webkit-border-radius: 3px; -moz-border-radius: 3px;border-radius: 3px;
    padding: 0.3em;
    text-decoration:none; display:inline-block;
    background-color: #A9BED1;
    color: #236092;
    font-weight:bold;
}

td.dialogButton{
	cursor: pointer; cursor: hand;
	height : 13px;
}

a.dialogButton{
    text-decoration: none;
	color : white;
	cursor: pointer; cursor: hand;
}

/***** workgroupSummary: shown when a workgroup is selected
*****/
table.workgroupSummary{
    background-color: #e6e6e6;
    color: Black;
}

td.workgroupSummary{
    height: 8px;
    background-color: #E6E6E6;
    color: Black;
    font-weight: bold;
    text-align:left;
}

/***** prettyTableHeader: style of header shown above data sections in summary etc
*****/
table.prettyTableHeader{
    background-color: #FFFFFF;
}

td.prettyTableHeader{
    background-color: #f2f9fe; background-image: -webkit-gradient(linear, left top, left bottom, from(#f2f9fe), to(#E1EBF5));
    background-image: -webkit-linear-gradient(top, #f2f9fe, #E1EBF5);
    background-image: -moz-linear-gradient(top, #f2f9fe, #E1EBF5);
    background-image: -ms-linear-gradient(top, #f2f9fe, #E1EBF5);
    background-image: -o-linear-gradient(top, #f2f9fe, #E1EBF5);
    background-image: linear-gradient(to bottom, #f2f9fe, #E1EBF5);
    filter:progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr=#E1EBF5, endColorstr=#f2f9fe);
    color: Black;
    font-weight: bold;
}

td.prettySuccessTableHeader
{
    background-color: #31DA31;
    color: Black;
}


/***** prettyTableHeaderHref: style of header shown above dashboard pods etc  *****/
table.prettyTableHeaderHref{
    background-color: #FFFFFF;
}

td.prettyTableHeaderHref{
    background-color: #f2f9fe; background-image: -webkit-gradient(linear, left top, left bottom, from(#f2f9fe), to(#E1EBF5));
    background-image: -webkit-linear-gradient(top, #f2f9fe, #E1EBF5);
    background-image: -moz-linear-gradient(top, #f2f9fe, #E1EBF5);
    background-image: -ms-linear-gradient(top, #f2f9fe, #E1EBF5);
    background-image: -o-linear-gradient(top, #f2f9fe, #E1EBF5);
    background-image: linear-gradient(to bottom, #f2f9fe, #E1EBF5);
    filter:progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr=#E1EBF5, endColorstr=#f2f9fe);
    color: Black;
    font-weight: bold;
    padding: 0.3em;
}

/***** ctmErrorTableHeader: style of header shown above data sections in summary when Errors/Exceptions > 0 *****/
td.prettyErrorTableHeader{
    background-color: #E25C5C;
    color: White;
    font-weight: bold;
    padding-left: 0.3em;
}

/***** prettyTableBodyBorder: style of round corners on table used to show data in summary etc *****/
table.prettyTableBodyBorder,td.prettyTableBodyBorder{
    background-color: #F0F5FA;
}

tr.prettyTableBodyBorder{
    line-height: 0.4em;
}

/***** prettyTableBody: style of table used to show data in summary etc ****/
table.auditViewerBodyWrapper{
    padding-left:2px;
}
.queriesTable{
    width:100%;
}
.titlebarForm{
    margin-bottom:0;
    height:0;
}

table.prettyTableBody,
th.prettyTableBody,
th.prettyTableBodyRight,
tr.prettyTableBody,
td.prettyTableBody,
td.prettyTableBodyBold,
td.prettyTableBodyBoldRight,
td.prettyTableBodyHeader,
td.prettyTableBodyHeaderRight,
td.prettyTableBodyRed,
td.prettyTableBodyRedRight,
td.prettyTableBodyRight,
td.prettyTableBodyRightRed{
   background-color: #F0F5FA;
   color: Black;
}

th.prettyTableBody,
td.prettyTableBodyHeader{
   font-weight: bold;
   text-align: left;
}

th.prettyTableBodyRight,
td.prettyTableBodyHeaderRight{
   font-weight: bold;
   text-align: right;
}

td.prettyTableBodyRed{
   height: 8px;
   color: red;
}

td.prettyTableBodyRedRight{
   height: 8px;
   color: red;
   text-align: right;
}

td.prettyTableBodyBold{
   height: 8px;
   font-weight: bold;
}

td.prettyTableBodyRight, td.prettyTableBodyRightRed{
   height: 8px;
   text-align: center;
}

td.prettyTableBodyBoldRight{
   height: 8px;
   text-align: right;
   font-weight: bold;
}

td.prettyTableBodyRightRed{
   color: #ff7000;
   font-weight: 800;
}

/** Used in CTM match reports for MISM rows */

table.prettyTableBodyLeftRed,td.prettyTableBodyLeftRed{
   height: 8px;
   background-color: #F0F5FA;
   color: Red;
   text-align: left;
}

table.ofeToolbar{
    background-color: #FFFFFF;
    border: solid, thin, 1px;
}

div.ofePageSectionL1_container{
    margin:10px;
}

div.ofePageSectionL1_title{
    font-weight: 700;
    color:#303030
}

div.ofePageSectionL2_container{
    background-color:#F0F5FA;
    border-style: solid;
    border-width:1px;
    border-color:#606060;
    padding:10px;
    overflow: hidden
}

div.ofeContainer{
    background-color:#ffffff;
    padding:10px;
    border-style: solid;
    border-width:1px;
    border-color:#606060;
}

/**---------Severities----------*/

td.severity_3{
   height: 8px;
   background-color: gray;
   color: Black;
}

td.severity_2{
   height: 8px;
   background-color: yellow;
   color: Black;
}

td.severity_1{
   height: 8px;
   background-color: #e25c5c;
   color: Black;
}

a.prettyTableBody{
   color: Black;
}

table.querySummarySame{
   background-color: #F0F0F0;
   color: Black;
}

.alignTop{
	vertical-align : top;
}

input.background{
	height: 1em;
	width: 1em;
	border-style : none none none none;
}

input.noBorder{
	border-style : none none none none;
}

td.querySummarySame{
   height: 8px;
   background-color: #F0F0F0;
   color: Black;
   font-weight: normal;
   text-align:left;
}

table.querySummaryChange{
   background-color: #F0F0F0;
   color: Red;
}

td.querySummaryChange{
   height: 8px;
   background-color: #F0F0F0;
   color: Red;
   font-weight: normal;
   text-align:left;
}

table.currentCount{
   background-color: #F0F0F0;
   color: Black;
}

td.currentCount,td.previousCount{
   height: 8px;
   background-color: #F0F0F0;
   color: Black;
   font-weight: normal;
   text-align:right;
}

table.previousCount{
   background-color: #F0F0F0;
   color: Black;
}

TD.popup_data{
   font-family: tahoma, arial, helvetica, sans-serif;
   font-size: 11px;
   vertical-align: middle;
   text-align: left;
   background-color: #FFFFFF;
}

TD.popup_header{
   font-family: tahoma, arial, helvetica, sans-serif;
   font-size: 11px;
   color: black;
   vertical-align: middle;
   text-align: left;
   font-weight: bold;
   background-color: #E6EDF5;
}

INPUT.popup_code{
   font-family: tahoma, arial, helvetica, sans-serif;
   font-size: 11px;
   height: 20px;
   vertical-align: middle;
   text-align: left;
   color: #FF0000 ;
   background-color: #FFFFFF;
}

.popup_text{
   font-family: tahoma, arial, helvetica, courier, sans-serif;
   font-size: 11px;
   color: black;
   white-space : nowrap;
}

td.header1{
   font-family: tahoma, arial, helvetica, sans-serif;
   font-size: 11px;
   color: White;
   vertical-align: middle;
   text-align: left;
   font-weight: bold;
   background-color: #3366CC;
}

td.header{
   font-family: tahoma, arial, helvetica, courier, sans-serif;
   text-align : left;
}

table.bordertable{
	border-style:solid;
	background-color : White;
    border: 1px solid #D4D4D4;
}

table.border1
{
	border-collapse: collapse;
	border-style:solid;
	background-color : White;
    border-width: 0px; /* this is for IE10/11 default values*/
}
th.data1{
   font-family: tahoma, arial, helvetica, sans-serif;
   font-size: 11px;
   color: black;
   vertical-align: top;
   text-align: left;
   font-weight: normal;
   background-color: #F3F3F3;
}

.renderMessage{
	font-size : 11px;
	font-family: tahoma, arial, helvetica, sans-serif;
	word-spacing : normal;
    padding-top: 10px;
}
.messages{
	font-size : 11px;
	font-family: tahoma, arial, helvetica, sans-serif;
	word-spacing : normal;
    padding-top: 2px;
}

textarea{
	background-color : White;
}

tr.row_selected{
   vertical-align: middle;
}

td.row_selected{
   font-family: tahoma, arial, helvetica, sans-serif;
   font-size: 11px;
   text-align: center;
   background-color: #D3D4FF;
}

td{
   font-family: tahoma, arial, helvetica, courier, sans-serif;
   text-align : left;
   white-space : nowrap;
}

td.login{
   color : Black;
   font-size : 11px;
   text-align : left;
   width : 10%;
}

image{border: none;}
 .opterr{border: inset red;}
 .mand{background-color: #f4f2b9;}
 .manderr{background-color: #f4f2b9; border: inset red;}
 .readonly{background-color: #F3F3F3;}
 .readonlyerr{background-color: silver; border: inset red;}
 .vsight{color: #f4f2b9;; background-color: blue;}
 .vsighterr{color: #f4f2b9;; background-color: blue; border: inset red;}
 .vrekey{background-color: blue; color: blue;}
 .vrekeyerr{background-color: blue; color: blue; border: inset red;}
 .gt{background-color: White; color: Black;}

 .maintitle{font-size: 1.5em;}
 .valbarok{background-color: silver; border: thin solid blue;}
 .valbarfail{background-color: #E25C5C; border: thin solid blue; color: White; }
 .arrelem{background-color: Silver;}
 .option{background-color: White;}
 .otbl{background-color: silver;}
 .gotbl{border: thin inset; text-align: left;}
 .tbl{border: thin inset; text-align: left; width: 100%;}
 .tblwarn{border: thin inset; text-align: left; width: 100%;}


/* IE doesn't support borders on select elements, so we always wrap them in divs.
   However, other browsers do support borders on selects, so we need to set them to none. */
   
select.opterr, select.manderr, select.readonlyerr, select.vsighterr, select.vrekeyerr{
   border:none;
}

span.maintitle{
   font-family: tahoma, arial, helvetica, courier, sans-serif;
   color : Black;
   font-size : 14px;
   text-align : left;
   font-weight : bold;
}

td.data5{
   font-family: tahoma, arial, helvetica, sans-serif;
   font-size: 11px;
   vertical-align: middle;
   text-align: center;
   background-color: #FFFFFF;
}

.error{
   font-family: tahoma, arial, helvetica, courier, sans-serif;
   font-weight: bold;
   font-size: 11px;
   color:  #E25C5C;
}

.nowrap{
	white-space : nowrap;
}

a.alink1{
   font-weight: bold;
   font-size: 11px;
   font-family: tahoma, arial, helvetica, courier, sans-serif;
}

a{
	color : #2C2F33;
	text-decoration : none;
}

a.plain{
   text-decoration: none;
   color : Black;
}

a:hover{
   text-decoration: none;
   color:#000000;
}

.info{
   font-family: tahoma, arial, helvetica, sans-serif;
   font-size: 11px;
   color: black;
   font-weight: bold;
   background-color: #ffffff;
}

td.sidebar{
   border-style: none;
   text-align : left;
   width : 100%;
   background-color : White;
   vertical-align : bottom;
}

td.messageheader{
   background-color : #CCD9E6;
   color : White;
   width : 100%;
   text-align : left;
   vertical-align : middle;
}

td.footer{
	text-align : center;
	font-size : 11px;
}

td.dialogtitle{
   background-color: #CCD9E6;
   color: White;
   vertical-align : middle;
}

td.dialogtitleError{
   background-color: Red;
   color: White;
   vertical-align : middle;
}

td.disabledButton{
	background-color: #CCD9E6;
	color: Silver;
	text-align : center;
}

td.notetitle{
	font-size : 11px;
}

td.rightbutton{
	text-align : right;
}

td.curve{
	vertical-align : middle;
}

td.buttontext{
	background-color: #CCD9E6;
	text-align : center;
	color: White;
	vertical-align : middle;
}

td.buttontextsel{
	background-color:  #00008B;
	text-align : center;
	color: White;
}

td.button{
	text-align : center;
}

td.queryResult{
	background-color : Silver;
}

td.leftcurve{
	text-align : right;
	width : 16px;
	height : 13px;
}

td.leftcurvebold{
	text-align : right;
	width : 16px;
	height : 16px;
}

td.rightcurve{
	text-align : left;
	width : 16px;
	height : 13px;
}

td.rightcurvebold{
	text-align : left;
	width : 16px;
	height : 20px;
}

td.align-left{
	text-align : left;
	vertical-align: middle;
}


td.data2{
   margin-left : 50px;
   font-size: 11px;
   vertical-align: middle;
   text-align: left;
   background-color: #FFFFFF;
}

img{
	border : 0;
	vertical-align : middle;
}

td.greybox{
   letter-spacing:7pt;
   color : #333333;
   height : 15px;
   text-align : center;
}

td.outerborder{
	background-color: #999999;
}

table.innerbox{
	background-color: #eeeeee;
	border-style: none;
	padding: 0;
}

.calendar_cell{
   font-family: tahoma, arial, helvetica, courier, sans-serif;
   font-size: 11px;
   vertical-align: middle;
   text-align: center;
   color: black;
   height: 25px;
   width: 25px;
}

td.calendar_selected_date{
    font-weight: bold;
    white-space : nowrap;
}

.calendar_highlight{
   font-family: tahoma, arial, helvetica, courier, sans-serif;
   font-weight: bold;
   font-size: 11px;
   vertical-align: middle;
   text-align: center;
   background-color: #CC99FF ;
}

.calendar_padding{
   color: #2a428c;
   background-color: #EEEEEE;
}

.calendar_day_header{
   font-family: tahoma, arial, helvetica, courier, sans-serif;
   font-weight: bold;
   font-size: 11px;
   vertical-align: middle;
   text-align: center;
   color: #ffffff;
   height: 25px;
   width: 25px;
   background-color: #B8CADB;
}

.calendar_date_header{
   font-family: tahoma, arial, helvetica, courier, sans-serif;
   font-weight: bold;
   font-size: 11px;
   vertical-align: middle;
   text-align: center;
   color: black;
   background-color: #EEEEEE;
   border-right-color : #EEEEEE;
   border-left-color : #EEEEEE;
   height: 25px;
}

input.calendar_button{
   font-family: tahoma, arial, helvetica, courier, sans-serif;
   color: black;
   width: 5em;
   background-color: #B8CADB;
}

.calendar_backwards_button{
   padding: 0;
   background-color: #EEEEEE;
   border-right-color : #EEEEEE;
   text-align: left;
}

.calendar_forwards_button{
   padding: 0;
   background-color: #EEEEEE;
   border-left-color : #EEEEEE;
   text-align: right;
}

.calendar_time{
   font-family: tahoma, arial, helvetica, courier, sans-serif;
   vertical-align: middle;
   text-align: center;
   color: black;
   font-size: 11px;
}

.selected_date{
   background-color:#EEEEEE;
   border: solid 1px #B8CADB;
   padding: 3px;
   vertical-align: middle;
   text-align: left;
}


tr.CSearchWrkgrpNode{
    height:20px;
}

table.CSearchNode,
table.lastCSearchNode{
    padding-top:1px;
    padding-bottom:3px;
}

table.lastCSearchNode{
    padding-bottom:6px;
}

div.CSearchNode,
div.selectedCSearchNode{
    cursor: pointer; cursor: hand;
    color : #000000;
    width:100%;
}

span.CSearchNode,
span.selectedCSearchNode{
	color : #000000;
    padding: 1px 4px 1px 4px;
}

span.selectedCSearchNode{
    border: 2px solid #236092;
    font-weight:600;
}

input.tiny{
   color: white;
   width: 1px;
   height: 1px;
   background-color: #FFFFFF;
}

table.button-table{
	height : 150px;
	vertical-align : top;
}


.podQuery1{
	cursor: pointer; cursor: hand;
	background-color: #CC0000;
   color : white;
}

.podQuery2{
	cursor: pointer; cursor: hand;
	background-color: #99CC66;
}

.podQuery3{
	cursor: pointer; cursor: hand;
	background-color: #97B5D1;
    color : white;
}

.podQuery4{
	cursor: pointer; cursor: hand;
	background-color: #339900;
    color : white;
}

.podQuery5{
	cursor: pointer; cursor: hand;
	background-color: #FF9933;
    color : white;
}

.podQuery6{
	cursor: pointer; cursor: hand;
	background-color: #FF0000 ;
    color : white;
}

.podQuery7{
	cursor: pointer; cursor: hand;
	background-color: #B8CADB;
    color : white;
}

.podQuery8{
	cursor: pointer; cursor: hand;
	background-color: #E6E6E6;
    color : white;
}

td.subaccountheader{
   background-color: #502550;
   color: White;
}

/* Problems in firefox with heading rendering */
h5.summarytitle{
    font-size:13px;
}

div.visible{
    visibility: visible;
    width:60%;
}

div.hidden{
    visibility: hidden;
}

pre.rendered{
	font-family:courier,'lucida console','courier new';
	font-size:11;
}

/* style for the debug box which will be inserted into top of page by javascript */
.debugBox{
	color:black;
	border: medium groove #B0C4DE;
	background-color:white;
	border-spacing:3pt;
	margin-left: 20;
}

.confirmation{
    color:green;
    font-weight:bold;
}

div.tree_child_node_hidden{
    display: none;
}

div.tree_child_node_visible{
    font-size: 11px;
    color: Black;
}

div.prettyTableBody{
   height: 8px;
   background-color: #E6E6E6;/*#F0F0F0;*/
   margin-left: 11px;
   margin-right: 11px;
}

.auditedItemTitle{
   background-color: #E25C5C;
   color: white;
}

.guiSbarGroup{
    cursor:pointer;
    font-weight:bold;
    background-image: -webkit-linear-gradient(top, #FFFFFF, #A9BED1);
    background-image: -moz-linear-gradient(top, #FFFFFF, #A9BED1);
    background-image: -ms-linear-gradient(top, #FFFFFF, #A9BED1);
    background-image: -o-linear-gradient(top, #FFFFFF, #A9BED1);
    background-image: linear-gradient(0deg, #FFFFFF, #A9BED1);
    filter:progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr=#A9BED1, endColorstr=#FFFFFF);
    padding: 0.3em;
    color: black;
}

div.guiSbarItem,
div.guiSbarItemSelected{
    cursor:pointer;
    whitespace:nowrap;
    margin-right:2px;
    border:2px solid;
    padding: 1px 4px 1px 4px;
}

div.guiSbarItem {
    border-color: #ffffff;
}

div.guiSbarItemSelected{
    border-color: #236092;
}

span.guiSbarItemSelected{
    font-weight:600;
    padding: 0px;
}

div.guiButtons{
    margin-bottom: 2px;
    padding-left:0.1em;
}

span.guiOfeCaption {
    font-size: 150%;
}
/*overide all td sizing for IE8 */
/*td{
    font-size: 94%;
} */

.errorBody {
    bgcolor: "#ffffff";
}

.errorTable {
    width: 100%;
    cellspacing: 0;
    cellpadding: 0;
    border: 0;
}

/** The menu at the top displaying the Administrator options.*/
.adminmenu{
    overflow: hidden;
    margin-left: 15px;
    margin-top: 5px;
}

.adminmenu ul{
    margin: 0;
    padding: 0;
    font: bold 10px Verdana;
    list-style-type: none;
}

.adminmenu li{
    display: inline;
    margin: 0;
}

.adminmenu li a,
.adminmenu li span{
    float: left;
    display: block;
    text-decoration: none;
    margin: 0;
    padding: 5px 6px; /*padding inside each tab*/
    border-right: 1px solid white; /*right divider between tabs*/
    color: white;
    background: #A9BED1; /*background of tabs (default state)*/
}

.adminmenu li span{
    cursor:pointer;
}

.adminmenu li a:visited{
    color: #FFFFFF;
}

.adminmenu li a:hover,
.adminmenu li span:hover,
.adminmenu li.selected a{
    background: #236092; /*background of tabs for hover state, plus tab with "selected" class assigned to its LI */
}

.filterButton{
    cursor:pointer;
    display:inline;
    width:20px;
}

.filterText{
    xwidth:99%;
    xfloat:left;
    background:white;
    xdisplay:inline;
}
.filterTextModified{
    background:#F2D8DE;
}

.filterOption{
    width:100%;
}
.filterChk{
    float:left;
    background:white;
    width:auto;
    padding-top: 23px;
    /*min-width:200px;*/
}

.multiFilterChk{
    background:white;
    width:auto;
    padding-bottom: 10px;
    font-weight: bold;
}
.filterDiv{
    background:white;
    width:auto;
    display:none;
    /*min-width: 200px; width:auto !important; width:200px;*/
}

.filterSpan{
    display:none;
    float:right;
}

.gridHeader{
    background:#E6E6E6;
    padding: 2px;
    /*min-width:200px;*/
}
.filterElement1,.filterElement2{
    display:inline;
    vertical-align:middle;
    white-space: nowrap;
}

.dateFormat{
    clear:left;
    color: #919090;
    font-weight: bold;
    display:block;
    line-height: 20px;/*center on vertical*/
}

.filtersButtons{
    display:inline;
    cursor:pointer;
}

.filteredColumn,.notFilteredYetColumn{
    font-weight: bold;
    display: inline;
    float: left;
    width: 99%;
}
.filteredColumn{
    background-color: #D2F7D9;
}
.notFilteredYetColumn{
    background-color: #F2D8DE;
}
.sidebarContainer{
    width:100%;
}
.divSideBar{
    overflow-x: hidden;  /*this may have an issue as it could cut the content xx*/
    overflow-y: scroll;
}
.navigateToPageButton{
    vertical-align: bottom;
}
.errorBody {
    bgcolor: "#ffffff";
}
.errorTable {
    width: 100%;
    cellspacing: 0;
    cellpadding: 0;
    border: 0;
}

img.urlEnabled{
    cursor: pointer;
}
.popupfilterSelect{
    /*width:40%;*/
    float:left;
    font-size: 14px;
}
.boolfilterSelect{
    font-size: 14px;
}
.btnErase
{
    background: url(../images/erase.png) no-repeat;
    cursor:pointer;
    border: none;
}

.btnEraseHidden
{
    background: url(../images/erase.png) no-repeat;
    cursor:pointer;
    border: none;
    visibility:hidden;
}
.btnRefreshAll{
    cursor:pointer;
    padding:4px;
}
.filteringErrors{
    font-weight: normal;
    color: #236092;
    float:left;
}
.titleCountclass{
    clear:left;
}

pre.renderedHform,
div.guiBrowser pre{
    font-family: consolas, lucida console, courier;
    margin: 0px;
}

pre.renderedHform {
    -webkit-user-select: text;
    -moz-user-select: text;
    -ms-user-select: text;
    user-select: text;
}

.topmostButton {
    position: relative;
    z-index: 999;
}

pre.notFixedWidthFont{
	font-family: tahoma, arial, helvetica, courier, sans-serif;
	font-size: 1.0em;
}

.dx-datagrid .dx-row > td {
    padding-top: 0;
    padding-bottom: 0;
    font-size: 11.2px;
}

@media print {
    .doNotPrint,
    .selTabBodyRhsTop,          /* mwtopgrid */
    .selTabBodyRhsBottom,       /* comments */
    #screenMode                 /* everything else */
    {
        visibility: hidden;
    }

    .messages,
    .flexItem,
    .scrollableGrid,
    #vertScrollableWidget
    {
        display: none;
    }

    #printMode
    {
        visibility: visible;
        position: absolute;
        top: 0;
        left: 0;
        margin: 0;
    }
}

@media screen {
    #printMode
    {
        visibility: hidden;
        position: absolute;
    }
}


/* Styles for bulk action elements */
.toggleAllButton{
    display:inline;
    cursor:pointer;
}

.selTabBodyBulkGrid {
    width:100%;
}

.icons {
    height: 14px;
}

td.toggleAll {
    text-align: right;
}

.pageButtons{
  padding: 0px;
  margin: 0px;
}

.bulkActionDialogBody{
    border: 1px solid #D4D4D4;
    overflow: auto;
    margin-top:5px;
    height: 100%;
}


.toolbar{
  display:flex;
}

.toolbarGroup{
    margin-right: 3px;
}

.toolbarGroupItemsContainer_minimised,
.toolbarGroupItemsContainer_expanded{
   height:50px;
}

.toolbarGroupItemsContainer_minimised{
   display:inline;
 }

.toolbarGroupItemsContainer_expanded{
   display:none;
 }

.button{
  width: 100px;
  flex:1 0 100px;
  border: 2px solid #000000;
  background-color: #cc0000;
}

.centeredHoriVert{
    position: absolute;
    margin: auto;
    top: 0; left: 0; right: 0; bottom: 0
}

.dx-datagrid .dx-header-filter-empty{
    font-size: 11px;
    color: rgba(153,161,168,.5)
}

.dx-datagrid .dx-header-filter{
    font-size: 11px;
    color: #266093;
}