/*******************************************************************************
* This file contains CSS definitions for the CTM elements of Web CTM, and
* also styles that are used in both the web and fat client versions of CTM
*******************************************************************************/

/****** ctmHeader: Bar that goes across the top of the entire CTM page ******/
table.ctmHeader{
    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;
    margin-left: 3px;
}

td.ctmHeader{
    padding: 0.3em;
}

/****** ctmSideBarGroup: Bar separating groups of items in the CTM Sidebar ******/
table.ctmSideBarGroup{
    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);
    padding: 0.3em;
    color: black;
}

td.ctmSideBarGroup{
    color: black;
    font-weight: bold;
}

/****** ctmSidebarItem: Used to set the background behind CTM menu ******/
table.ctmSideBarItem{
    cursor: pointer; cursor: hand;
	color : #000000;
    background-color: #E6E6E6;
	white-space : nowrap;
    padding-left: 6px;
    width:100%;
}

div.ctmSideBarItem,div.selectedQueryL0Node, td.ctmSideBarItem, td.ctmSideBarItemSubquery,div.ctmSideBarItemSubquery{
    cursor: pointer; cursor: hand;
	color : #000000;
    padding: 0.1em 0.1em 0.1em 1em;
    background-color: #FFFFFF;
    clear:left;
}

td.ctmSideBarItem{
    padding-left:0.9em;
}

td.ctmSideBarItemSubquery,div.ctmSideBarItemSubquery{
    padding-left: 2.4em;
    display:block;
}

.ctmInnerSidebarItem, div.selectedQueryL1Node {
    display:inline;
    white-space:nowrap;
    width:90%;
    line-height:5px;
}

div.selectedQueryL0Node, div.selectedQueryL1Node{
    display: inline-block;
    position: relative;
    left: 11px;
    padding-left: 0px;
    padding-right: 7px;
    padding-top: 0.5px;
    padding-bottom: 0.5px;
    border: 2px solid #236092;
    font-weight: 600;
}

.ctmWrapperSideBarItemSelected{
    padding-left:1em;
    width:100%;
    overflow: hidden;
}
div.ctmWrapperSubSideBarItemSelected{
    padding-left:30px;
    width:100%;
    overflow: hidden;
    zoom: 1;
    line-height:5px;
}
table.ctmSideBarItemSelected, td.ctmSideBarItemSelected, td.ctmSubSideBarItemSelected,.ctmSideBarItemSelected,.ctmAuditSideBarItemSelected{
    cursor: pointer; cursor: hand;
	color: #236092;
    background-color: #FAEFD2;
    font-weight:bold;
    line-height:5px;
    padding-left:6px;
}
.ctmAuditSideBarItemSelected{
    padding:2px;
    padding-left:6px;
    width:100%;
}

span.ctmInnerSideBarItemSelected{
    cursor: pointer; cursor: hand;
	color: #236092;
    background-color: #FAEFD2;
    font-weight:bold;
    padding-right:5px;
    padding-bottom: 2px;
    padding-top: 2px;
}

/****** ctmSideBarHidden: Used to set the background of drop down menu ******/
td.ctmSideBarHidden{
	cursor: pointer;
	color: black;
	background: #B8CADB;
	border: none;
}

/****** ctmNoResults: Used in a titlebar when a CTM item returns no data in the CTM grid ******/
table.ctmNoResults{
    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;
}

td.ctmNoResults{
    background: #B8CADB;
    color: White;
}

/****** ctmTitlebarError: Used in a titlebar when a CTM item causes an error *****/
table.ctmTitlebarError
{
	background-color: #CC0000;
	color: White;
}

td.ctmTitlebarError{
	background-color: #CC0000;
	color: White;
}

/****** ctmTitlebarRejectMatch: Bar that goes across the Reject Match page ******/
table.ctmTitlebarRejectMatch{
    background-color: #355382;
    color: White;
}

td.ctmTitlebarRejectMatch{
    background-color: #355382;
    color: White;
}

/****** ctmTitlebarMatchReport: Bar that goes across the Match Report ******/
table.ctmTitlebarMatchReport{
    background: #B8CADB;
    color: White;
}

td.ctmTitlebarMatchReport{
    background: #B8CADB;
    color: White;
}

/****** ctmTitlebarMessageDetails: Bar that goes across the Rendered Message view ******/
table.ctmTitlebarMessageDetails{
    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);
    padding: 0.3em;
    color: black;
}

td.ctmTitlebarMessageDetails{
    color: black;
    font-weight:bold;
}

/****** ctmTitlebarDialog: Bar that goes across the Match Report ******/
table.ctmTitlebarDialog{
    background-color: #355382;
    color: White;
}

td.ctmTitlebarDialog{
    background-color: #355382;
    color: White;
}


/*******************************************************************************
* Styles relating to displaying the CTM summary etc, including the fat client
*******************************************************************************/

/****** ctmTableHeader: style of header shown above data sections in summary etc ******/
td.ctmTableHeader{
    background-color: #D3D4FF;
    color: Black;
}

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

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

tr.ctmTableBodyBorder{
    font-size: 0.93em;
    height: 8px;
}

td.ctmTableBodyBorder{
    background-color: #F0F0F0;
}

/****** ctmTableBody: style of table used to show data in summary etc ******/
table.ctmTableBody{
    background-color: navy;
}

th.ctmTableBody{
    height: 8px;
    background-color: #F0F0F0;
    color: Black;
    font-weight: bold;
    text-align:left;
}

td.ctmTableBody{
    height: 8px;
    background-color: #F0F0F0;
    color: Black;
}


td.vmuOneOfTwoColumns{
	width : 50%;
	height: 100%;
	vertical-align : top;
	border : 0;
	padding : 0 0 0 0;
	margin : 0 0 0 0;
}

td.vmuTableDataSection{
	text-align : left;
	width : 100%;
}

td.vmuDataCell{
    font-family: verdana, arial, helvetica, sans-serif;
    vertical-align: top;
    text-align: left;
    background-color: #FFFFFF;
	border : solid Black;
	border-width : 1px 1px 1px 1px;
}

th.vmuHeaderCell{
   	font-family: verdana, arial, helvetica, sans-serif;
   	vertical-align: middle;
   	text-align: left;
   	background-color: #FFFFFF;
	border : solid Black;
	border-width : 1px 1px 1px 1px;
	font-style : italic;
}

table.vmuTableDataSection{
	text-align : left;
	width : 100%;
	border-width : 1px 1px 1px 1px;
	border-style : solid;
	padding : 0 0 0 0;
	margin : 0 0 0 0;
	border-collapse : collapse;
}

table.vmuInvisible{
	border-width : 0;
	margin : 0 0 0 0;
	padding : 0 0 0 0;
	border-collapse : collapse;
}

table.vmuInvisibleFramed{
	width : 92%;
	border-width : 0;
	margin : 0 0 0 0;
	padding : 0 0 0 0;
	border-collapse : collapse;
}

.invalidOfeField,
.userErrorMsg{
    color: #ff0000;
}

.invalidOfeField{
    border-color: #ff0000;
}