/*Site styles*/
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {

    @font-face {
        font-family: 'Segoe UI';
        /*
        src: url('/audittool/segoeui.eot');
        src: url('/audittool/segoeui.eot?#iefix') format('embedded-opentype'),
             url('/audittool/segoeui.woff') format('woff'),
             url('/audittool/segoeui.ttf') format('truetype'),
             url('/audittool/segoeui.svg#Segoe') format('svg');
        */
        src: local("Segoe UI"),
	    url('/audittool/segoeui.ttf') format('truetype');
        font-weight: normal;
        font-style: normal;
    }
}

P,H2,H3{
	font-family: Segoe UI,Tahoma,Geneva, Verdana, Comic Sans MS, Geneva, Arial, Helvetica, sans-serif;
	font-size: 12px;	
}

BODY{
	font-family: Segoe UI,Tahoma,Geneva, arial, Comic Sans MS, Geneva, Arial, Helvetica, sans-serif;
	font-size: 12px;
	margin:0px;
	padding:0px;
	BACKGROUND-COLOR: #ffffff;
	overflow: hidden;
	height:99%;
	position:relative;
}
iframe
{
	height:100%;
}
BODY.bodymain
{
	VISIBILITY:hidden;
	padding-left:5px;
	padding-right:5px;
	margin:0px;
}
TH{
	font-family: Segoe UI,Tahoma,Geneva, Arial;
	color: black;
	font-weight : bold;
	font-size : 12px;
}
TD{
	font-family: Segoe UI,Tahoma,Geneva, Verdana,Arial;
	font-size: 12px;
	color: black;
	white-space:nowrap;
	/*font-weight : bold;*/
}
TD.sec
{
	/*width:				100%;*/
	color:				#606050;
	font-weight:		bold;
	padding-left:		3px;
	padding-bottom:		2px;
}
TD.filter
{
	/*width:				100%;*/
	color:				#606050;
	font-weight:		normal;
	padding-left:		0px;
	padding-bottom:		2px;
	font-size:			11px;
	background-color:#FFFFFF;
}
TD.bar 
{
	border-bottom:		1px solid #838574;
}
TD.queuespacer 
{
	height:5px;
}
TD.savedquery{
	font-family: Segoe UI,Tahoma,Geneva, Verdana, Tahoma, Arial;
	font-size: 10px;
	color: #666666;
	/*font-weight : bold;*/
}
img {border:none;}
span.smallgray{
	font-family: Segoe UI,Tahoma,Geneva, Verdana, Tahoma, Arial;
	font-size: 10px;
	color: #666666;
	/*font-weight : bold;*/
}
HR
{
	height: 1px;
	color:#CCCCCC;
}
INPUT
{
	font-size: 12px;
	font-family: Segoe UI,Tahoma,Geneva, Tahoma,Verdana,Arial;
}
input[type='text']
{
	height:14px;
}
select
{
	height:20px;
}
SELECT
{
	font-size: 12px;
	font-family: Segoe UI,Tahoma,Geneva, Tahoma,Verdana,Arial;
}
TEXTAREA
{
	font-size: 12px;
	font-family: Segoe UI,Tahoma,Geneva, Tahoma,Verdana,Arial;
	resize: none;
}
XML
{
	display:none;
}
td.hr
{
	padding:0px 2px 0px 2px;
}
.refresh
{
	cursor:pointer;
}
.popupdivheader
{
	 background-color:#7288AC;
	 font-family: Segoe UI,Tahoma,Geneva, Tahoma,Verdana,Arial;
	 font-size: 12px;
	 font-weight : bold;
	 padding:6px 0px 0px 10px;
	 color: #FFFFFF;
}
.popupdivheadersmall
{
	 background-color:#7288AC;
	 font-family: Segoe UI,Tahoma,Geneva, Tahoma,Verdana,Arial;
	 font-size: 11px;
	 font-weight : normal;
	 padding:3px 5px 8px 18px;
	 color: #FFFFFF;
}

A.tooltip
{
    /*COLOR: #008000;*/
    color:#3333cc;
    border-bottom-color:#008000;
    border-bottom-style:dotted;
    border-bottom-width: 1px;
    
}
A.queuelink
{
    COLOR: #3333cc;
    cursor:pointer;
    TEXT-DECORATION: underline
}
A:link
{
    COLOR: #3333cc;
    TEXT-DECORATION: underline
}
A:visited
{
    COLOR: #3333cc;
    TEXT-DECORATION: underline
}
A:hover
{
    COLOR: #3333cc;
	TEXT-DECORATION: underline
}
A.menu {
	FONT: bold 9px verdana, tahoma, arial; COLOR: #808080; TEXT-DECORATION: none
}
A.menu:hover {
	COLOR: #0000FF
}
A.expcol {
	COLOR: #CCCCCC; 
	FONT: bold 8px verdana, tahoma, arial;
	cursor:pointer;
}
A.expcol:hover {
	COLOR: #FFFFFF;
	TEXT-DECORATION: underline;
	FONT: bold 9px verdana, tahoma, arial;
	cursor:pointer;
}
A.sqlremovetable {
	cursor:pointer;
}
A.sqlselectfields 
{
	TEXT-DECORATION: underline;
	cursor:pointer;
	COLOR: #3333cc;
}
.button{
	cursor:	pointer;
	font-size: 11px;
	padding-left: 5px;
	padding-right: 5px;
	border:	1px solid #7b9ebd;
}
.buttonsmall{
	
	cursor:	pointer;
	font-size: 9px;
	padding-left: 5px;
	padding-right: 5px;
	border:	1px solid #7b9ebd;

}

.arrowbutton
{
	width:30px;
	font-size : 16px;
	font-family: Webdings;
}
.smallbutton{
	font-family: Segoe UI,Tahoma,Geneva, Arial;
	font-size : 10px;
	width:1px;
	padding:2px;
	filter:progid:DXImageTransform.Microsoft.dropshadow(OffX=1, OffY=1, Color='black',Positive='true');
	/*BORDER: #000000 1px solid;
	border-style: double;*/
	text-align:center;
	/*font-weight:bold;*/
	BACKGROUND-COLOR: #7288AC;
	color:White;
	position:relative;
	cursor:pointer;
}
.smallquerytext{
	font-family: Segoe UI,Tahoma,Geneva, Arial;
	font-size : 10px;
}
.smallqueryselect{
	font-family: Segoe UI,Tahoma,Geneva, Veranda;
	font-size : 9px;
}
.logintext{
	font-family: Segoe UI,Tahoma,Geneva, Arial;
	color: black;
	font-weight : bold;
	font-size : 14px;
}
.loginsmalltext
{
	font-family: Segoe UI,Tahoma,Geneva, Arial;
	color: black;
	font-weight : normal;
	font-size : 12px;
}
.headercolor {
    height: 50px;
    background: #7288AC url(/AuditTool/images/AuditToolHeader.jpg) repeat-x;
}
.headercolor_dev {
    height: 50px;
    background: #7288AC url(/AuditTool/images/AuditToolHeader_dev.jpg) repeat-x;
}
.headerlines{
	background-color: #7288AC
}
.tdblack{
	color: #000000;
}
.tdgray{
	color: #CCCCCC;
}
.sqlfieldtext{
	color: green;
}
.queuestatustext{
	color: 7288AC;
}
.headertext{
	font-family: Segoe UI,Tahoma,Geneva, Arial;
	color: black;
	font-weight : bold;
	font-size : 16px;
	padding-top : 3px;
	padding-bottom : 3px;
	padding-left: 6px;
}
.tabheadertableborder
{
	BORDER-BOTTOM: #CCCCCC 1px solid;
	BORDER-TOP: #CCCCCC 1px solid;
	BORDER-LEFT: #CCCCCC 1px solid;
	BORDER-RIGHT: #CCCCCC 1px solid;
	/*background-color: #FAF8F9;*/
	background-color: #F0F0F0;
}
.tablebordershadow
{
	BORDER-BOTTOM: #CCCCCC 1px solid;
	BORDER-TOP: #CCCCCC 1px solid;
	BORDER-LEFT: #CCCCCC 1px solid;
	BORDER-RIGHT: #CCCCCC 1px solid;
	background-color: #FAF8F9;
	border-bottom-style:window-inset;
	/*filter:progid:DXImageTransform.Microsoft.dropshadow(OffX=0, OffY=2, Color='#CCCCCC', Positive='true');*/
}

.statusbar
{
	height:6px;
	width: 8px;
	margin:0px 1px;
	font-size:6px;
	background-color:#FFFFFF;
	float:left;

	/*z-index:30px;*/
}

.movingBar
{
	height:12px;
	width:270px;
	background: url('/audittool/images/progressBar.gif');
}

.statusbarcolortop1
{
	filter:progid:DXImageTransform.Microsoft.gradient(GradientType=0, StartColorStr=#33ABEDAC, EndColorStr=#332ED331);
}
.statusbarcolorbot1
{
	filter:progid:DXImageTransform.Microsoft.gradient(GradientType=0, StartColorStr=#332ED331, EndColorStr=#33ABEDAC);
}


.statusbarcolortop2
{
	filter:progid:DXImageTransform.Microsoft.gradient(GradientType=0, StartColorStr=#77ABEDAC, EndColorStr=#772ED331);
}
.statusbarcolorbot2
{
	filter:progid:DXImageTransform.Microsoft.gradient(GradientType=0, StartColorStr=#772ED331, EndColorStr=#77ABEDAC);
}

.statusbarcolortop3
{
	filter:progid:DXImageTransform.Microsoft.gradient(GradientType=0, StartColorStr=#BBABEDAC, EndColorStr=#BB2ED331);
}
.statusbarcolorbot3
{
	filter:progid:DXImageTransform.Microsoft.gradient(GradientType=0, StartColorStr=#BB2ED331, EndColorStr=#BBABEDAC);
}

.statusbarcolortop4
{
	filter:progid:DXImageTransform.Microsoft.gradient(GradientType=0, StartColorStr=#FFABEDAC, EndColorStr=#FF2ED331);
}
.statusbarcolorbot4
{
	filter:progid:DXImageTransform.Microsoft.gradient(GradientType=0, StartColorStr=#FF2ED331, EndColorStr=#FFABEDAC);
}

.statusbarborder1
{
	border:solid 1px #686868;
	/*filter:progid:DXImageTransform.Microsoft.gradient(GradientType=0, StartColorStr=#FF62DE64, EndColorStr=#FFCDF1C1);*/
}
.statusbarborder2
{
	border:solid 1px #ACABA6;
	/*z-index:10;
	filter:progid:DXImageTransform.Microsoft.gradient(GradientType=0, StartColorStr=#FF62DE64, EndColorStr=#FFCDF1C1);*/
}
.statusbarborder3
{
	border:solid 1px #EFEFEF;
	height:10px;
	background-color:#FFFFFF;
	/*z-index:20;
	filter:progid:DXImageTransform.Microsoft.gradient(GradientType=0, StartColorStr=#FFEFEFEF, EndColorStr=#FFFFFFFF);*/
}

.worktableborder
{
	BORDER-BOTTOM: #CCCCCC 1px solid;
	BORDER-LEFT: #CCCCCC 1px solid;
	BORDER-RIGHT: #CCCCCC 1px solid;
}

.worktableborder2
{
    border-left:solid 1px #CCCCCC;
    border-right:solid 1px #CCCCCC;
    border-bottom:solid 1px #CCCCCC;
}

.worktablebordertop
{
	BORDER-TOP: #CCCCCC 1px solid;
}

.worktableborderscroll
{
	BORDER-BOTTOM: #CCCCCC 1px solid;
	BORDER-LEFT: #CCCCCC 1px solid;
}
.queuetable
{
	background-color:#FFFFCC;
	padding:1px 5px;
}
.queuetr
{
	background-color:#FFFFCC;
}
TD.indent
{
	padding-left:10px;
	padding-right:10px;
}
.historytableborder
{
	BORDER-BOTTOM: #CCCCCC 1px solid;
	BORDER-TOP: #CCCCCC 1px solid;
	BORDER-LEFT: #CCCCCC 1px solid;
	BORDER-RIGHT: #CCCCCC 1px solid;
	padding:1px 5px;
}
.allborder
{
	BORDER-BOTTOM: #CCCCCC 1px solid;
	BORDER-TOP: #CCCCCC 1px solid;
	BORDER-LEFT: #CCCCCC 1px solid;
	BORDER-RIGHT: #CCCCCC 1px solid;
}
.joinallborder
{
	BORDER-BOTTOM: #CCCCCC 1px solid;
	BORDER-TOP: #CCCCCC 1px solid;
	BORDER-LEFT: #CCCCCC 1px solid;
	BORDER-RIGHT: #CCCCCC 1px solid;
	padding-left:20px;
	padding-right:20px;
}
.selectedfield
{
	BORDER-BOTTOM: #CCCCCC 1px solid;
	BORDER-TOP: #CCCCCC 1px solid;
	BORDER-LEFT: #CCCCCC 1px solid;
	BORDER-RIGHT: #CCCCCC 1px solid;
	BACKGROUND-COLOR: #9AAAC3
}
.selectedfieldnew
{
	border-bottom: #CCCCCC 1px solid;
	border-top: #CCCCCC 1px solid;
	border-left: #CCCCCC 1px solid;
	border-right: #CCCCCC 1px solid;
	/*background-color: #bac8d6;*/
	background-color: #becdeb;
	color:#000;
}
.tabtableborder
{
	BORDER-BOTTOM: #CCCCCC 1px solid;
	BORDER-LEFT: #CCCCCC 1px solid;
	BORDER-RIGHT: #CCCCCC 1px solid;
}
.worktableheader{
	font-family: Segoe UI,Tahoma,Geneva, Arial;
	font-size: 12px;
	color: #000000;
	font-weight : bold;
	/*BACKGROUND-COLOR: #7288AC;
	padding:0px 10px;*/
	
}
.worktableheader1{
	/*font-family: Segoe UI,Tahoma,Geneva, Tahoma;
	font-size: 10px;
	font-weight : bold;
	BACKGROUND-COLOR: #7288AC;*/
	BORDER-LEFT: #CCCCCC 1px solid;
	color: #000000;
	BACKGROUND-COLOR: #FFFFFF;
	padding:5px 10px;
	
	
}
.worktableheader2{
	/*font-family: Segoe UI,Tahoma,Geneva, Tahoma;
	font-size: 10px;
	font-weight : normal;
	BACKGROUND-COLOR: #7288AC;*/
	BACKGROUND-COLOR: #FFFFFF;
	padding:3px 2px;
	BORDER-RIGHT: #CCCCCC 1px solid;
	
}
.querytableheader{
	font-family: Segoe UI,Tahoma,Geneva, Arial;
	font-size: 12px;
	/*color: #FFFFFF;*/
	border-bottom:#CCCCCC 1px solid;
	font-weight : normal;
	BACKGROUND-COLOR: #E9E7D7;
	/*height:24px;
	BACKGROUND-COLOR: #7288AC;*/
	
}
.querytableheadernew{
	font-family: Segoe UI,Tahoma,Geneva, Arial;
	font-size: 12px;
	/*color: #FFFFFF;*/
	border-bottom:#CCCCCC 1px solid;
	font-weight : normal;
	BACKGROUND-COLOR: #F0F0F0;
	/*height:24px;
	BACKGROUND-COLOR: #7288AC;*/
	
}

.sidetableheader{
	font-family: Segoe UI,Tahoma,Geneva, Arial;
	font-size: 12px;
	color: black;
	font-weight : bold;
	BACKGROUND-COLOR: #ccdcef
}
.tabtd
{
	BACKGROUND-COLOR: #FFFFFF;
}
.selecttabtd
{
	BACKGROUND-COLOR: #7288AC;
}

.tab
{
	padding-top:5px;
	BORDER-TOP: #CCCCCC 1px solid;
	font-family:Segoe UI,Tahoma,Geneva, Verdana;
	font-size:12px;
	text-align:center;
	font-weight:normal;
	BACKGROUND-COLOR: #FFFFFF;
	color:Black;
	cursor:pointer;
}
.selecttab
{
	padding-top:5px;
	BORDER-TOP: #CCCCCC 1px solid;
	font-family:Segoe UI,Tahoma,Geneva, Verdana;
	font-size:12px;
	text-align:center;
	font-weight:bold;
	BACKGROUND-COLOR: #7288AC;
	color:White;
	cursor:pointer;
}
.tabtable
{
	BORDER-LEFT: #CCCCCC 1px solid;
	BORDER-RIGHT: #CCCCCC 1px solid;
}
.tablebottomborder
{
	BORDER-BOTTOM: #CCCCCC 1px solid;
	padding-left: 5px;
	padding-right: 5px;
}
.tdrightborder
{
	BORDER-RIGHT: #CCCCCC 1px solid;
}
.tdbottomborder
{
	BORDER-BOTTOM: #CCCCCC 1px solid;
}
.tdleftborder
{
	BORDER-LEFT: #CCCCCC 1px solid;
}
.popuptdbottomborder
{
	BORDER-BOTTOM: inset 1px #CCCCCC;
}
.tdtopborder
{
	BORDER-TOP: #CCCCCC 1px solid;
}
.tdnoleftborder
{
	BORDER-TOP: #CCCCCC 1px solid;
	BORDER-BOTTOM: #CCCCCC 1px solid;
	BORDER-RIGHT: #CCCCCC 1px solid;
}
.tdnorightborder
{
	BORDER-TOP: #CCCCCC 1px solid;
	BORDER-BOTTOM: #CCCCCC 1px solid;
	BORDER-LEFT: #CCCCCC 1px solid;
}
.tdnotopborder
{

	BORDER-BOTTOM: #CCCCCC 1px solid;
	BORDER-LEFT: #CCCCCC 1px solid;
	BORDER-RIGHT: #CCCCCC 1px solid;
}
.tdnorightleftborder
{
	BORDER-TOP: #CCCCCC 1px solid;
	BORDER-BOTTOM: #CCCCCC 1px solid;
}
.tdbottomrightborder
{
	BORDER-BOTTOM: #CCCCCC 1px solid;
	BORDER-RIGHT: #CCCCCC 1px solid;
}
.popupbody	
{
	background-color:#EFEFEF;
	/*background-color:#FFFFFF;*/
	font-family:Segoe UI,Tahoma,Geneva, Tahoma; 
	font-size:12px
	/*font-weight:bold;*/
	overflow:hidden;
}
.popuptd
{
	padding:8px 7px 8px 7px;
}
/*.popupbuttonpad
{
	padding-top:10px;
	padding-right:10px;
}*/
.popuptableheader	
{
	color: #0054E3;
	/*margin-left:6px;*/
	position:absolute;
	z-index:6;
	background-color:#EFEFEF;
}
.popuptableborder	
{
	BORDER-BOTTOM: #CCCCCC 1px solid;
	BORDER-TOP: #CCCCCC 1px solid;
	BORDER-LEFT: #CCCCCC 1px solid;
	BORDER-RIGHT: #CCCCCC 1px solid;
	background-color:#EFEFEF;
}

.popupdivdivheader	
{
	border:outset 1px #CCCCCC
}

span.filterheader	
{
	border-left:'1px solid #FFFFFF';
	border-right:'1px solid #C5C1B1';
	padding:2px 5px 2px 5px;
}
span.norightfilterheader	
{
	border-left:'1px solid #FFFFFF';
	padding:2px 5px 2px 5px;
}
table.filterheaderdiv	
{
	background-color:#E9E7D7;
	border-bottom:solid 2px #C5C1B1;
}

div.popupbodyfooter
{
	border-bottom:		1px solid #C2C2BF;
}
div.popupfooter
{
	border-top:		1px solid #ffffff;
}
.menutitle
{
	cursor:pointer;
	/*position:absolute;*/
	margin-bottom: 5px;
	background-color:#ECECFF;
	width:110px;
	/*top:55px;*/
	padding:2px;
	text-align:center;
	font-family: Segoe UI,Tahoma,Geneva, Tahoma,Verdana,Arial;
	font-size: 11px;
	color: black;
	font-weight:bold;
	z-index:10;
	/*/*/border:1px solid #CCCCCC;/* */
}

.submenu
{
	/*margin-bottom: 0.5em;*/
	cursor:pointer;
	margin-bottom: 5px;
	font-family: Segoe UI,Tahoma,Geneva, Tahoma,Verdana,Arial;
	font-size: 11px;
	color: black;
	/*font-weight:bold;*/
	z-index:10;
	/*top:55px;*/
}
.back
{
	background-color:#F1F7FE;
	/*position:absolute;*/
	width:130px;
	height:500px;
	padding:5px;
	/*top:50px;*/
	z-index:5;
}

.paraminput
{
	background-color:#d8e3dc;
	font-size : 12px;
	height:15px;
	padding:0px;
	border:0;
}

.clsNode, .clsNode:visited{
	font-family: Segoe UI,Tahoma,Geneva, Verdana, Geneva, Arial, Helvetica, sans-serif;
	color: black;
	font-weight : bold;
	font-size : 9px;
	text-decoration : none;
	/*background-color:#CCDCEF;*/
	z-index:2;
}
.clsNodeL1, .clsNodeL1:visited{
	color: black;
	font-size : 10px;
	text-decoration : none;
	z-index:2;
}
.clsNodeL1:hover{
	color: blue;
	font-size : 10px;
	text-decoration : underline;
	z-index:2;
}

.clsNodeL2, .clsNodeL2:visited{
	color: black;
	font-size : 10px;
	text-decoration : none;
	z-index:2;
}
.clsNodeL2:hover{
	color: blue;
	font-size : 10px;
	text-decoration : underline;
	z-index:2;
}

.clsNodeL3, .clsNodeL3:visited{
	color: black;
	font-size : 10px;
	text-decoration : none;
	z-index:2;
}
.clsNodeL3:hover{
	color: blue;
	font-size : 10px;
	text-decoration : underline;
	z-index:2;
}

.clsNodeL4, .clsNodeL4:visited{
	color: black;
	font-size : 10px;
	text-decoration : none;
	z-index:2;
}
.clsNodeL4:hover{
	color: blue;
	font-size : 10px;
	text-decoration : underline;
	z-index:2;
}

/* Menus - default styles - do not edit */
.clCMAbs{
	position:absolute;
	visibility:hidden;
	left:0;
	top:0;
}

/* Menus - default styles - end */ /*Style for the background-bar*/ 
.clBar{
	position:absolute;
	width:10;
	height:5;
	background-color:#666666;
	visibility:hidden;
	
	
}
.menuarrowwhite
{
	position:absolute;
	font-family: Webdings;
	font-size : 12px;
	color:white;
	top:0px;	
}
.clLevel0span
{
	text-align:center;
	width:100%;
	position:absolute;
	filter:progid:DXImageTransform.Microsoft.dropshadow(OffX=1, OffY=1, Color='black',Positive='true');
}
/*/*Styles for level 0*/ 
.clLevel0,.clLevel0over
{
	position:absolute;
	padding-top:2px;
	font-family:Segoe UI,Tahoma,Geneva, Verdana;
	font-size:11px;
	font-weight:normal;
	color:White;
	border-right:solid 1px white;
}
.clLevel0{
	color:white;
}
.clLevel0over
{
	background-color:#000000;
	color:#FFFFFF;
	cursor:pointer;
	
}
.clLevel0border{
	position:absolute;
	visibility:hidden;
}
/*Styles for level 1*/ 
.clLevel1, .clLevel1over
{
	padding:2px 12px;
	font-family:Segoe UI,Tahoma,Geneva, Verdana;
	font-size:11px;	
}
.clLevel1
{
	position:absolute;
	background-color:#666666;
	color:#FFFFFF;
	border-top:solid 1px black;
	border-left:solid 1px black;
	border-right:solid 1px black;
}
.clLevel1over
{
	position:absolute;
	background-color:#000000;
	color:#FFFFFF;
	cursor:pointer; 
}
.clLevel1border
{
	position:absolute;
	visibility:hidden;
	background-color:#000000;
}
/*Styles for level 2*/ 
.clLevel2, .clLevel2over{
	padding:2px 12px;
	font-family:Segoe UI,Tahoma,Geneva, Verdana;
	font-size:11px;	
}
.clLevel2{
	position:absolute;
	background-color:#666666;
	color:#FFFFFF;
	border-top:solid 1px black;
	border-left:solid 1px black;
	border-right:solid 1px black;
}
.clLevel2over
{
	position:absolute;
	background-color:#000000;
	color:#FFFFFF;
	cursor:pointer; 
}
.clLevel2border{
	position:absolute;
	visibility:hidden;
	background-color:#000000;
}

/*Styles for level 3*/ 
.clLevel3, .clLevel3over{
	position:absolute;
	padding:2px 12px;
	font-family:Segoe UI,Tahoma,Geneva, Verdana;
	font-size:11px;
	border-top:solid 1px black;
	border-left:solid 1px black;
	border-right:solid 1px black;	
}
.clLevel3{
	background-color:#666666;
	color:#FFFFFF;
}
.clLevel3over{
	background-color:#000000;
	color:#FFFFFF;
	cursor:pointer; 
}
.clLevel3border{
	position:absolute;
	visibility:hidden;
	background-color:#000000;
}



/*Grid Styles*/
.accenttext
{
    COLOR: #333366;
    FONT-FAMILY: Segoe UI,Tahoma,Geneva, Tahoma, Arial, sans-serif;
    FONT-SIZE: 11px
}
.bodytext
{
    COLOR: #000000;
    FONT-FAMILY: Segoe UI,Tahoma,Geneva, Tahoma, Arial, sans-serif;
    FONT-SIZE: 11px
}
.bodytextsmall
{
    COLOR: #000000;
    FONT-FAMILY: Segoe UI,Tahoma,Geneva, Tahoma, Arial, sans-serif;
    FONT-SIZE: 10px
}
.bodytextsmaller
{
    COLOR: #000000;
    FONT-FAMILY: Segoe UI,Tahoma,Geneva, Tahoma, Arial, sans-serif;
    FONT-SIZE: 7px
}

.diffbold
{
	COLOR: red;
	FONT-WEIGHT: bold;
}
.diffbold A:link
{
	COLOR: red;
	FONT-WEIGHT: bold;
}
.diffbold A:visited
{
	COLOR: red;
	FONT-WEIGHT: bold;
}
.diffbold A:hover
{
	COLOR: red;
	FONT-WEIGHT: bold;
}
.processidspan
{
	padding:0px 5px;
	background-color:#FFFFFF;
}
.grayline
{
    BACKGROUND-COLOR: #DDDDDD
}
.darkline
{
    BACKGROUND-COLOR: #000000
}
.paging
{
    BACKGROUND-COLOR: #FFFFFF;
    COLOR: #000000;
    FONT-FAMILY: Segoe UI,Tahoma,Geneva, Tahoma, Arial, sans-serif;
    FONT-SIZE: 11px;
    FONT-WEIGHT: normal
}
.profilefield
{
    COLOR: #000000;
    FONT-FAMILY: Segoe UI,Tahoma,Geneva, Tahoma, Arial, sans-serif;
    FONT-SIZE: 11px;
}
.fieldname
{
    COLOR: #000000;
    FONT-FAMILY: Segoe UI,Tahoma,Geneva, Tahoma, Arial, sans-serif;
    FONT-SIZE: 11px
}
.fieldnamesmall
{
    COLOR: #000000;
    FONT-FAMILY: Segoe UI,Tahoma,Geneva, Tahoma, Arial, sans-serif;
    FONT-SIZE: 10px
}
.textbox
{
    BACKGROUND-COLOR: #ffffff;
    COLOR: #000000;
    FONT-FAMILY: Segoe UI,Tahoma,Geneva, Tahoma, Arial, sans-serif;
    FONT-SIZE: 11px
}
.textboxdisabled, input[type="textbox"]:disabled
{
    background: #FFFFFF;
    color: #777777;
    border: 1px solid #888888;
	padding:2px;
}

.textboxshared
{
    BACKGROUND-COLOR: #ffffbb;
    COLOR: #000000;
    FONT-FAMILY: Segoe UI,Tahoma,Geneva, Tahoma, Arial, sans-serif;
    FONT-SIZE: 11px
}
.resource
{
    FONT-FAMILY: Segoe UI,Tahoma,Geneva, Tahoma, Arial, sans-serif;
    FONT-SIZE: 12px;
    FONT-WEIGHT: bold
}
.buttontext
{
    BACKGROUND-COLOR: #333333;
    COLOR: #CCCCCC;
    FONT-FAMILY: Segoe UI,Tahoma,Geneva, Tahoma, Arial, sans-serif;
    FONT-SIZE: 11px;
    FONT-WEIGHT: bold
}
.buttontext A:link
{
    COLOR: #ffffff;
	TEXT-DECORATION: underline
}
.buttontext A:visited
{
    COLOR: #ffffff;
	TEXT-DECORATION: underline
}
.buttontext A:hover
{
    COLOR: #ffffff;
    TEXT-DECORATION: underline
}
.errortext
{
    COLOR: #ff0000;
    FONT-FAMILY: Segoe UI,Tahoma,Geneva, Tahoma, Arial, sans-serif;
    FONT-SIZE: 11px
}
.spacer
{
    FONT-SIZE: 1px
}
.menuspacer
{
    FONT-SIZE: 1px
}
.tabspacer
{
    FONT-SIZE: 18px
}
.subtabspacer
{
    FONT-SIZE: 4px
}
TABLE
{
	BORDER: 0px lightgrey solid;
	COLOR: #000000;
    FONT-FAMILY: Segoe UI,Tahoma,Geneva, Tahoma, Arial, sans-serif;
    FONT-SIZE: 11px
}
.tablepopup
{
	font-family: Segoe UI,Tahoma,Geneva, Verdana,Tahoma,Arial;
	font-size: 13px;
	color: red;
	BORDER-BOTTOM: #CCCCCC 1px solid;
	BORDER-TOP: #CCCCCC 1px solid;
	BORDER-LEFT: #CCCCCC 1px solid;
	BORDER-RIGHT: #CCCCCC 1px solid;
	background-color: #FAF8F9;
}

.cover
{
	BACKGROUND: #EEEEEE;
	COLOR: #000000;
    FONT-FAMILY: Segoe UI,Tahoma,Geneva, Tahoma, Arial, sans-serif;
    FONT-SIZE: 11px;
	TEXT-DECORATION: none
}

.cover A:link
{
	BACKGROUND: #EEEEEE;
	COLOR: #000000;
    FONT-FAMILY: Segoe UI,Tahoma,Geneva, Tahoma, Arial, sans-serif;
    FONT-SIZE: 11px
	TEXT-DECORATION: none
}

.cover A:visited
{
	BACKGROUND: #EEEEEE;
	COLOR: #000000;
    FONT-FAMILY: Segoe UI,Tahoma,Geneva, Tahoma, Arial, sans-serif;
    FONT-SIZE: 11px
	TEXT-DECORATION: none
}

.rover
{
    BACKGROUND-COLOR: #333366;
    COLOR: #FFFFFF;
    FONT-FAMILY: Segoe UI,Tahoma,Geneva, Tahoma, Arial, sans-serif;
    FONT-SIZE: 11px
	TEXT-DECORATION: none
}

.rover A:link
{
    BACKGROUND-COLOR: #333366;
    COLOR: #FFFFFF;
    FONT-FAMILY: Segoe UI,Tahoma,Geneva, Tahoma, Arial, sans-serif;
    FONT-SIZE: 11px
	TEXT-DECORATION: none
}

.rover A:visited
{
    BACKGROUND-COLOR: #333366;
    COLOR: #FFFFFF;
    FONT-FAMILY: Segoe UI,Tahoma,Geneva, Tahoma, Arial, sans-serif;
    FONT-SIZE: 11px
	TEXT-DECORATION: none
}

.dhtml_header
{
	BACKGROUND: #FFFFFF;
	COLOR: #000000;
	FONT-FAMILY: Segoe UI,Tahoma,Geneva, Tahoma, Arial, sans-serif;
    FONT-SIZE: 11px
}

.dhtml_result
{
	BACKGROUND: #FFFFFF;
	COLOR: #000000;
	FONT-FAMILY: Segoe UI,Tahoma,Geneva, Tahoma, Arial, sans-serif;
    FONT-SIZE: 11px
}
.moverow A:link {
	COLOR: #3333cc; TEXT-DECORATION: none
}
.moverow A:visited {
	COLOR: #3333cc; TEXT-DECORATION: none
}
.moverow A:hover {
	COLOR: #0000cc; TEXT-DECORATION: underline
}
.dragpopup
{
  position:absolute;
  background-color:#9999cc;
  text-align:left;
  display:none;
  left:100;
  top:100;
  border-width:3px;
  border-style:outset;
  font-family: Segoe UI,Tahoma,Geneva, Arial, sans-serif;
  font-size: 12px;
  font-weight: bold;
  color: #000000
}
.dragpopuptitle {
  padding: 4px;
  cursor: move;
}

.dropdownmenu
{
	background-color : #CCCC99;
}
.dropdownmenuitem
{
	cursor:pointer;
	text-indent:-30;
	padding-left:44;
	z-index:5;
	padding-right:20;
	padding-bottom:2;
	padding-top:2;
	width:220;
	color:#000000
}

.appbackground
{
	BACKGROUND-COLOR: #CCCCCC;
}

.lightGray
{
	BACKGROUND-COLOR: #CCCCCC;
}
.mediumGray
{
	BACKGROUND-COLOR: #D9D6C3;
}
.mediumPurple
{
	BACKGROUND-COLOR: #666699;
}
.darkPurple
{
	BACKGROUND-COLOR: #333366;
}
.typesmenutop
{
  background-color:#cecece
}

.typesmenubottom
{
  background-color:#eeeeee
}

.gridrow
{
  border-bottom:solid;
  border-width:1;
  border-color:#DDDDDD
}

.restrictedtext
{
	font-style:normal
}
.gridlines
{
    BORDER-BOTTOM:  1px solid mediumGray;
}

.columnhead
{
    COLOR: #000000;
    FONT-FAMILY: Segoe UI,Tahoma,Geneva, Tahoma, Arial, sans-serif;
    FONT-SIZE: 12px;
    FONT-WEIGHT: bold;
    BORDER-BOTTOM: 1px solid black;
    PADDING-BOTTOM: 1px;
    PADDING-TOP: 10px;
}
.gridreportcell
{
	vertical-align:top;
	padding-top:2;
	padding-bottom:2;
	border-bottom:solid;
	border-width:1;
	border-color:#000000;
}

.gridreportheader
{
	vertical-align:top;
	padding-top:2;
	padding-bottom:2;
	font-weight:bold;
	background-color: #CCCCCC;
}

.gridtextlink
{
    COLOR: #3333cc;
    TEXT-DECORATION: underline
}

.relationshipmapnames
{
    COLOR: #FFFFFF;
	BACKGROUND-COLOR: #666699;
    FONT-FAMILY: Segoe UI,Tahoma,Geneva, Tahoma, Arial, sans-serif;
    FONT-SIZE: 13px;
    FONT-WEIGHT: bold
}

.proxytextsmall
{
    BACKGROUND-COLOR: #ffffff;
    COLOR: #000000;
    FONT-FAMILY: Segoe UI,Tahoma,Geneva, Tahoma, Arial, sans-serif;
    FONT-SIZE: 9px
}

.lightcolor
{
	background-color:#9AAAC3
}

.darkcolor
{
	background-color:#7288AC
}

.blackcolor
{
	background-color:#000000
}

.darkcolorborder
{
	border:1px solid #7288AC
}
span.tab 
{
	font-size: 11px;
	border: 1px solid #94a6b5;
	top: 1px;
	left: 1px;
	height: 17px;
	margin-right: 1px;
	position: relative;
	padding: 10px;
	padding-top: 2px;
	padding-bottom: 3px;
	background-color: #ffffff;
	cursor: pointer;
}

span.tabOn
{
	filter: "";
	background-color: #fffbff;
	border-bottom: 1px solid #fffbff;
	padding-bottom: 5px;
	cursor: default;
}

hr.tabGlow
{
	height: 3px;
	color: #e89f2e;
	border-top: 1px solid #de8e29;
	border-bottom: 1px solid #ffc739;
	position: absolute;
	z-index: 2;
	display: none;
}

div.tab
{
	width: 100%;
	height: 100%;
	border: 1px solid #949e9c;
	background-color: #fffbff;
	display: none;
}

span.bottab 
{
	font-size: 11px;
	border: 1px solid #94a6b5;
	padding: 2px 5px 3px 5px;
	/*top: -1px;
	left: 1px;*/
	margin-right: 1px;
	height: 17px;
	position: relative;
	background-color: #FFFFFF;
	cursor: pointer;
}

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

.newbottabborder
{
    
}

span.bottabOn
{
	filter:"";
	background-color: #fffbff;
	border-top: 1px solid #fffbff;
	/*border-right: 1px solid #000000;
	border-left: 1px solid #ffffff;*/
	border-bottom: 2px solid #e89f2e;
	/*padding-bottom: 3px;*/
	cursor: pointer;
}
span.bottab_new
{
	font-size: 11px;
	border: 1px solid #94a6b5;
	padding: 2px 5px 3px 5px;
	font-family:Segoe UI,Tahoma,Geneva;
	height: 17px;
	margin-right: 1px;
	position: relative;
	/*background-color: #ffffff;*/
	background-image:url(/AuditTool/images/tabbg.jpg);
	cursor: pointer;
}

span.bottabOn_new
{
	border-top: 1px solid #FFF;
	background-image:url(/AuditTool/images/tabbg_on.jpg);
}
.tabarrowbutton
{
	/*filter: progid:DXImageTransform.Microsoft.Gradient(GradientType=0, StartColorStr='#fffbff', EndColorStr='#e7e4de');
	border-bottom: 1px solid #CCCCCC;
	border-left:1px solid #FFFFFF;
	border-right:1px solid #FFFFFF;*/
	padding:0px 0px 0px 0px;
	font-size : 14px;
	font-family: Webdings;
	border: 1px solid #FFFFFF;
	height:22px;
	overflow:hidden;
}
.tabarrowbuttonOn
{
	border: 1px solid #CCCCCC;
	background-color:#FFEEC2;
	cursor: pointer;
	height:22px;
	overflow:hidden;
}
.dupicon
{
	
	width:25px;
	padding:2px 4px 2px 4px;
	font-family:Segoe UI,Tahoma,Geneva, veranda;
	font-size:11px;
	font-weight:normal;
	
	color:white;
	
	text-align:center;
	
	position:absolute;
	filter:progid:DXImageTransform.Microsoft.dropshadow(OffX=1, OffY=1, Color='black', Positive='true');
	
}
.dupicon1
{    
	HEIGHT: 18px;
	
	width:32px;
	BACKGROUND-COLOR: #7288AC;
	
}
.chartdivheader
{
	 background-color: #d8e4f8;
	 font-family: Segoe UI,Tahoma,Geneva, Tahoma,Verdana,Arial;
	 font-size: 12px;
	 font-weight : bold;
	 padding:6px 0px 0px 10px;
	 color: #000000;
}
.chartdivheadersmall
{
	 background-color: #d8e4f8;
	 font-family: Segoe UI,Tahoma,Geneva, Tahoma,Verdana,Arial;
	 font-size: 11px;
	 font-weight : normal;
	 padding:3px 5px 8px 18px;
	 color: #000000;
}
img.advanced
{
	position:relative; 
	top:2; 
	left:6;
}
.alias
{
	font-family: Segoe UI,Tahoma,Geneva, Verdana,Tahoma,Arial;
	font-size: 12px;
	font-weight : bold;
}

/***************************************************
TAB STYLES
***************************************************/
span.tabnew
{
	font-size: 14px;
	font-family:Segoe UI,Tahoma,Geneva;
	top: -3px;
	left: -1px;
	height: 34px;
	margin-right: 1px;
	margin-left: 1px;
	position: relative;
	padding: 10px;
	padding-top: 6px;
	padding-bottom: 3px;
	/*background-color: #ffffff;*/
	background-image:url(/AuditTool/images/tabbg.jpg);
	cursor: pointer;
}

span.tabOnnew {
    background-image: url(/AuditTool/images/tabbg_on.jpg);
    outline: none;
}

span.tabHighlightOrange
{
	background-image:url(/AuditTool/images/tabbg_highlightOrange.jpg);
}

span.tabHighlightGreen
{
	background-image:url(/AuditTool/images/tabbg_highlightGreen.jpg);
}

span.tabHighlightBlue
{
    background-image:url(/AuditTool/images/tabbg_highlightBlue.jpg);
}

span.tabOvernew
{
	font-size: 14px;
	font-family:Segoe UI,Tahoma,Geneva;
	top: 1px;
	left: 1px;
	height: 34px;
	margin-right: 1px;
	margin-left: 1px;
	position: relative;
	padding: 10px;
	padding-top: 6px;
	padding-bottom: 3px;
	color: #000000;
	cursor: pointer;
	background-image:url(/AuditTool/images/taboverbg.jpg);
}
span.tabOnOvernew
{
	font-size: 14px;
	font-family:Segoe UI,Tahoma,Geneva;
	top: 1px;
	left: 1px;
	height: 34px;
	margin-right: 1px;
	margin-left: 1px;
	position: relative;
	padding: 10px;
	padding-top: 6px;
	padding-bottom: 3px;
	color: #000000;
	cursor: pointer;
	background-image:url(/AuditTool/images/tabonoverbg.jpg);
}

#tabBar1
{
	width: 100%;
	border-bottom:1px solid #CCCCCC;
}
.newtabs
{
	float:left;
	border-left: 1px solid #CCCCCC;
    border-top: 1px solid #CCCCCC;
}
.newtabsend
{
	float:left;
    border-top: 1px solid #CCCCCC;
}
.newtabspacer
{
	float:left;
	width:100%;
    border-left: 1px solid #CCCCCC;
    border-bottom: 1px solid #CCCCCC;
    height: 36px;
}
.eventheader
{
	font-size: 18px;
	font-family:Segoe UI,Tahoma,Geneva;
	top: 1px;
	height: 28px;
	position: relative;
	padding: 10px;
	padding-left:1px;
	padding-right:1px;
	padding-top: 11px;
	padding-bottom: 8px;
	width:100%;
}
#logoheader
{
	height:33px;
	border-bottom: #CCCCCC 1px solid;
	margin-left: 14px;
	margin-right:16px;
}
#gear
{
    display: none;
	float:left;
	height:28px;
	width:28px;
	padding-left:10px;
	padding-right:10px;
}
#logo
{
	float:left;
	height:28px;
}
#headertext
{
	float:left;
	padding-left:20px;
	height:28px;
}
.divdotlead{
	border-bottom:1px dotted #000;
	line-height:1.0;
	margin:0 0 .5em 0;
	width:100%;
	float:left;
	top:5px;
}
.spandotlead{
 float:left;
	position:relative;
	margin:0;
	padding:0 5px 0 0;
	background:#ffffff;
	font-style:normal;
	top:2px;
	height:15px;
}
.spandotleadpopup{
 float:left;
	margin:0;
	position:relative;
	padding:0 5px 0 0;
	background:#F5F5F5;
	font-style:normal;
	top:2px;
	height:15px;
}
.divtextbox
{
	border-bottom: #EEEEEE 1px solid;
	border-top: #AAAAAA 1px solid;
	border-left: #DDDDDD 1px solid;
	border-right: #DDDDDD 1px solid;
	padding:2px;
}
.NewFormTableLayout tr {height:25px;}
.NewFormTableLayout td {height:25px;vertical-align:middle;overflow:hidden;}

.deleteprelim
{
    width:180px;
}

#ATG_JumpToDiv 
{
    display:none;
    position:absolute;
    margin-top:22px;
    margin-left:-30px;
    background:#EEE;
    cursor:pointer;
}

#ATG_JumpToDiv div
{
    padding:1px 10px;
}

.ATG_rightDockOptions td
{
    padding-left: 4px;
    padding-right:4px;
    padding-top:2px;
    padding-bottom:2px;
    vertical-align:middle;
}

.embeddedPageOuterTable
{
    /*border-left: 1px solid #CCCCCC;
    border-right: 1px solid #CCCCCC;
    border-bottom: 1px solid #CCCCCC;*/
}

.greyHeaderBar
{
	color: black;
    background-color:#F0F0F0;
    border:1px solid #BFBFBF;
    
    margin-top:13px;
    margin-bottom:5px;
	font-family: Segoe UI,Tahoma,Geneva, Verdana,Arial;
	font-size: 12px;
    clear:both;
	padding:5px;
}

.headerSubtext
{
	font-size: 10px;
	font-style: italic;
}

.headerAside
{
	font-size: 10px;
	font-style:italic;
}

/* Styles for the tab header ribbon icons */
.SG-ToolTip
{
    background-color: White;
    border: 1px solid #C0C0C0;
    color: #585858;
    float:right;
    position: absolute;
    padding: 10px 10px 10px 10px;
    z-index: 10000;
    font-size: 12px;
    overflow: auto;
    width: 250px;
    height: auto;
    position: absolute;
    display: none;
}



.SG-ColumnHeaderTooltip
{
	padding:2px;
	font-family: Segoe UI,Tahoma,Geneva;
	border: 1px solid #C0C0C0;
	z-index: 10000;
	position: absolute;
	background: white;
	font-size: 12px;
    width: 300px;
}
.ribbonImage
{
    padding: 3px 3px 3px 3px;
    margin: 1px 1px 1px 1px;
    top: -3px;
    background: White;
    position: relative;
    cursor:pointer;
    width: 20px;
}

.ribbonImageDPR
{
    float: left;
    height:20px;
    width:20px;
}

.ribbonImage:hover
{
    background: #D0D0D0;
}

.SG-ToolTip p
{
    margin-top: 6px;
}

.ribbonImageDisabled
{
    padding: 3px 3px 3px 3px;
    margin: 1px 1px 1px 1px;
    top: -3px;
    background: White;
    position: relative;
    cursor:default;
}
.alphaPopupWrapper
{
    padding: 0px 2px 0px 2px;
    position: absolute;
    z-index: 500;
    background: white;
}

.errorPopupWrapper {
    padding: 2px 5px;
    position: absolute;
    z-index: 500;
    background: #FFEEEE;
    color: red;
    text-align:center;
    margin-top:-5px;
}

.alphaPopupLetterLink
{
    margin: 1px 1px 1px 1px;
    padding: 2px 2px 2px 2px;
    /*cursor: default;*/
    font-size: 14px;
}

.alphaPopupLetterLink:hover
{
    background: #D0D0D0;
}
.SlickGridEventHeader
{
	font-size: 18px;
	font-family:Segoe UI,Tahoma,Geneva;
	top: 1px;
	left: 1px;
	margin-right: 1px;
	padding-top: 11px;
	padding-bottom: 8px;
	width:100%;
}

.SlickGridEventHeader img
{
    margin-left: 1px;
    margin-right: 1px;
}

.searchresultsdiv
{
    position:absolute;
    border:1px solid #CCC;
    padding:5px;
    max-height:130px;
    overflow-y:auto;
    overflow-x:hidden;
    width:190px;
    background:#FFF;
    margin-top:20px;
}

.searchresultsdiv div
{
    cursor:pointer;
    padding:2px;
}

.searchresultsdiv div:hover
{
    color:#0000AA;
}

.searchresultsdiv .highlight, .highlight
{
    color:#003300;
    font-weight:bold;
}

.newButton, .newButton:hover:disabled
{
    font-size:11px;
    font-family:Segoe UI,Tahoma,Geneva, Tahoma, Arial, Helvetica;
    cursor:pointer;
    border:1px solid #91A0CB;
    color:#3F52B8;
    background-color:#F6F8FF;
    width: 80px;
}

.newButton:disabled
{
	cursor:default !important;
	color:#BBBBBB !important;
}

.newButton:hover
{
    background-color: #FFEFB2;
    border: 1px solid #FFCC00;
    color: #000000;
}

.dragOntoArea {
    font-size:11px;
    font-family:Segoe UI,Tahoma,Geneva, Tahoma, Arial, Helvetica;
    border:1px dashed #7ca4bc;
    color:#265f84;
    background-color:#f6f8fb;
	text-align:center;
	padding:10px 0px;
}

.dragOntoArea.HighlightedDragBox {
    background-color: #FFEFB2;
    border: 1px solid #FFCC00;
    color: #000000;
}

.multiSelectColumnChooser
{
    height:300px;
    width: 175px;
}

.stylelessUL
{
    padding:0px;
    margin:0px;
    padding-left:20px;
}

.stylelessUL li
{
    list-style-type: none;
}

#newSpinnerContainer 
{
    display: table;
    position:absolute;
    overflow:hidden;
    z-index:10000000;
}
#newSpinnerDiv {
    display: table-cell;
    text-align:center;
    vertical-align:middle;
}

html
{
    height:100%;
    overflow:hidden;
}

.popupButtonContainer
{
	background-color: #EEEEEE; 
	border-top: 2px solid #FFFFFF;
	padding:8px 10px;
	clear:both;
	overflow:auto;
}

/** New, standardized styles for things **/

/** Old popup table styles **/

.oldPopupHeader 
{
	border-bottom: 1px solid #D1CDBB;
	height: 19px;
	vertical-align: middle;
	float: left;
	cursor: pointer;
	padding-right: 3px;
	padding-left: 7px;
	overflow: hidden;
}

.oldPopupHeader :hover
{
	background-color: white;
	border-bottom: 1px solid #FFC739;
}

.oldPopupRowItem
{
	vertical-align:top;
	margin-right:5px;
	padding-top:3px;
	padding-bottom:3px;
	border-bottom:1px solid #AAAAAA;
}

/** Header styles **/

#NewPageLogoHeader
{
	border-bottom: #CCCCCC 1px solid;
	height: 32px;
}

#NewPageLogo
{
	float:left;
	height:28px;
}

.NewPageHeaderText
{
	float: left;
	height:28px;
	padding-left: 10px;
}

/** Styles relating to page organization 
 ** This will mainly be organizing elements on a page and keeping them all uniform
 **/
 
.pageObjDiv
{
	width:300px;
	float:left;
	clear:both;
}

.componentItems
{
	min-width:1000px;
	/*max-width:1600px;*/
	font-family: Segoe UI,Tahoma,Geneva, Verdana,Arial;
	overflow:hidden;
}

.componentItemColumn
{
	width:50%;
	float:left;
}

.componentRow div
{
	font-family: Segoe UI,Tahoma,Geneva, Verdana,Arial;
	font-size: 12px;
	color: black;
}

.newPageSingleComponent
{
	float:left;
	width: 49%;
	padding-bottom: 3px;
	height:25px;
	font-family: Segoe UI,Tahoma,Geneva, Verdana,Arial;
}

.newPageDoubleComponent
{
	float:left;
	width: 100%;
	padding-bottom: 3px;
	height:25px;
	font-family: Segoe UI,Tahoma,Geneva, Verdana,Arial;
}

.divComponentTitle
{
    width: 200px;
    float:left;
	height:25px;
	font-family: Segoe UI,Tahoma,Geneva, Verdana,Arial;
}

.divComponentInput
{
    float:left;
	height:25px;
	font-family: Segoe UI,Tahoma,Geneva, Verdana,Arial;
}

.divComponentCheckbox
{
	float:left;
	width:25px;
	height:25px;
	font-family: Segoe UI,Tahoma,Geneva, Verdana,Arial;
}

.divComponentImage
{
	padding-top:2px;
}

.componentItemBlock
{
	float:left;
	width: 100%;
	padding-bottom: 2px;
	height:24px;
	font-family: Segoe UI,Tahoma,Geneva, Verdana,Arial;
}

.componentItemBlock input
{
	height:14px;
}

.componentItemIndent{
	width:24px;
	float:left;
}

.componentItemCheckbox {
    width: 13px;
    height: 13px;
    padding: 0;
    margin:0;
    vertical-align: bottom;
    position: relative;
    top: -1px;
	float:left;
}
.componentItemRadio {
    width: 13px;
    height: 13px;
    padding: 0;
    margin:0;
    vertical-align: bottom;
    position: relative;
    top: 0px;
	float:left;
}

.componentItemTitle
{
    width: 200px;
    float:left;
	height:25px;
	font-family: Segoe UI,Tahoma,Geneva, Verdana,Arial;
}

.componentItemColon {
	float:left;
}

.componentItemInputField
{
	float:left;
	margin-left:5px;
}

.componentItemTrail
{
    float:left;
}

#ATG_Logout
{
	padding-right:10px;
	padding-left:10px;
	filter:progid:DXImageTransform.Microsoft.dropshadow(OffX=2, OffY=2, Color='black',Positive='true');
	text-shadow:#000 1px 1px 1px;
	border:none;
}

.mainHeaderItem
{
	cursor:pointer;
	font-family:Segoe UI,Tahoma,Geneva, Verdana;
	font-size:11px;
	font-weight:normal;
	float:right;
	height:20px;
	padding-top:2px;
	visibility:hidden;
	border-left:1px solid white;
}
.mainHeaderItem:hover
{
	background-color: black;
}

#ATG_EnterTime
{
	padding-right:0px;
	width:25px;
    text-align: center;
}

.ui-button-text
{
}

_CalendarObject
{
	display:none;
	position:absolute;
}


/***************************************************
POPUP STYLES
***************************************************/
.ui-dialog
{
	clear:both;
	z-index:9000000;
}

.ui-dialog-content 
{
	clear:both;
}

.ui-dialog-titlebar-close
{
	background:none !important;
	border:none !important;
	outline: 0 !important;
	position:relative !important;
	top:2px !important;
	right:10px !important;
	float:right !important;
}
.ui-dialog-titlebar-close:focus 
{
	outline: 0 !important;
}

.popupText
{
	font-family: Segoe UI,Tahoma,Geneva, Verdana,Arial;
	font-size: 12px;
	color: black;
	white-space:nowrap;
}



/***************************************************
POSITION STYLES
***************************************************/
.floatBreak
{
	width:100%;
	clear:both;
	height:0px;
	overflow:hidden;
}

.floatLeft {
    float:left;
}

.floatRight {
    float:right;
}

/***************************************************
SPATIAL STYLES
***************************************************/
.mb10 {
    margin-bottom:10px;
}


/***************************************************
FORM STYLES
***************************************************/

input[type=checkbox]:before {
	content:"";
	display:inline-block;
	width:12px;
	height:12px;
	background:white;
	border:1px solid black;
	font-size:14px;
	line-height:12px;
}
	input[type=checkbox]:disabled:before {
		background-color: #CCCCCC;
	}
input[type=checkbox]:checked:before {
    content: "\2713";
    font-size: 14px;
    position: absolute;
}

input[type=radio]:before {
	content: "";
	display: inline-block;
	width: 10px;
	height: 10px;
	margin-right: 10px;
	left: 0;
	bottom: 3px;
	border:1px solid #888888;
	background-color: #FFFFFF;
	border-radius: 20px;
}
	input[type=radio]:disabled:before {
		background-color: #CCCCCC;
	}

input[type=radio]:checked:before {
	content: "\2022";
	color: #000000;
	font-size: 18px;
	text-align: center;
	line-height: 8px;
}

.CheckedSelectBoxNewTDFix {
    white-space:nowrap;padding-right:17px;
}

.formLabel {
    display:block;
    text-align:right;
    width:250px;
    padding:5px;
}

/***************************************************
SCROLLING STYLES
***************************************************/
#Scroller {
    position:relative;
    height:500px;
    overflow-y:auto;
    overflow-x:hidden;
    border-top:1px solid #CCCCCC;
    border-bottom:1px solid #CCCCCC;
    padding-bottom:0px;
}
.overflowHidden
{
	overflow:hidden;
    margin:0px;
    padding:0px;
}
}

.overflowAuto
{
	overflow:auto;
}

@media print
{
	.overflowAuto
	{
		overflow: visible;
	}
}

.nodisplay {
    display:none;
}

.opbutton {
	width:auto;
	padding:1px;
	min-width:25px;
}

.ui-resizable-s {
    height: 10px !important;
}

.noselect {
  -webkit-touch-callout: none; /* iOS Safari */
    -webkit-user-select: none; /* Chrome/Safari/Opera */
     -khtml-user-select: none; /* Konqueror */
       -moz-user-select: none; /* Firefox */
        -ms-user-select: none; /* Internet Explorer/Edge */
            user-select: none; /* Non-prefixed version, currently
                                  not supported by any browser */
}

/***************************************************
GRID OVERLAY STYLES
***************************************************/
#overlayGrid {
    position: absolute; /* Sit on top of the page content */
    display: none; /* Hidden by default */
    width: 100%; /* Full width (cover the whole page) */
    height: 100%; /* Full height (cover the whole page) */
    transform: scale(1.112, 1.112);
    -ms-transform: scale(1.112, 1.112);
    -webkit-transform: scale(1.112, 1.112);
    transform-origin: top left;
    background-repeat: no-repeat;
    top: 72px;
    left: 0px;
    right: 0;
    bottom: 0;
    background-color: rgba(0,0,0,0.0); /* Black background with opacity */
    background-image: url("/AuditTool/images/eRecoverOverlayGrid2.png");
    z-index: 999; /* Specify a stack order in case you're using a different order for other elements */
    cursor: pointer; /* Add a pointer on hover */
}
#btnOverlayGrid {
    width: 5px;
    height: 5px;
    font-size: 50px;
    position: absolute;
    z-index: 999;
    overflow: hidden;
    cursor: pointer;
    top: 0px;
}

/***************************************************
 ERECOVER HOME PAGE
***************************************************/
#pageHelper {
    overflow-y: auto;
    height: 100%;
    width: 100%;
    margin-top: 70px;
}

#pageContainer {
    max-width: 1462px;
    margin: auto;
    height: calc(100vh - 100px);
}

#pageContainer #header {
    font-size: 20px;
    vertical-align: middle;
    font-family: Segoe UI,Tahoma,Geneva;
    height: 58px;
    margin-top: 0.5em;
    margin-left: 1.0em;
    margin-bottom: 0.5em;
}

#pageContainer #header .helper {
    display: inline-block;
    height: 100%;
    vertical-align: middle;
}

#pageContainer #header img {
    vertical-align: middle;
    margin: auto;
}

#pageContainer #header .headerText {
    font-size: 20px;
    font-family: Segoe UI,Tahoma,Geneva;
    line-height: 24px;
    vertical-align: middle;
    padding-left: 10px;
}

#tileContainer {
    text-align: center;
}

#tileContainer #tileBox {
    padding: 5px;
    text-align: center;
    display: inline-block;
    overflow-y: auto;
    overflow-x: visible;
    border: 1px solid #CCC;
}

#tileContainer .tContainer {
    position: relative;
    float: left;
    display: block;
}

#tileContainer .tChildContainer {
    width: 278px;
    display: table;
    margin: 5px;
    border: 1px solid #CCC;
}

#tileContainer .logo {
    opacity: 1;
    transition: .5s ease;
    backface-visibility: hidden;
}

#tileContainer .middle {
    transition: .5s ease;
    opacity: 0;
    position: absolute;
    top: 35%;
    left: 10%;
    right: 10%;
    text-align: center;
    -webkit-backface-visibility: hidden;
    -webkit-transform: translateZ(0) scale(1.0, 1.0);
}

#tileContainer .logoContainer {
    height: 168px;
    max-width: 278px;
    display: table-cell;
    vertical-align: middle;
    cursor: pointer;
}

#tileContainer .logoContainer img {
    display: inline-block;
    vertical-align: middle;
    margin-left: auto;
    margin-right: auto;
    max-width: 210px;
    max-height: 100px;
    font-size: 2em;
}

#tileContainer .logoContainer img[alt]:after {
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: #fff;
    text-align: center;
    content: attr(alt);
}

#tileContainer .logoContainer h1 {
    display: inline-block;
    vertical-align: middle;
    margin-left: auto;
    margin-right: auto;
    max-width: 210px;
    max-height: 100px;
}

#tileContainer .logoContainer:hover .logo {
    -webkit-transform: scale(1.15);
    -webkit-font-smoothing: antialiased;
    transform: scale(1.15);
}

#tileContainer .logoContainer:not(:hover) .logo {
    -webkit-font-smoothing: antialiased;
    -webkit-transform: scale(1);
    transform: scale(1);
    -webkit-transition: .3s ease-in-out;
    transition: .3s ease-in-out;
}

#tileContainer .menuContainer {
    height: 30px;
    background-color: #EEE;
    display: table-row;
}

#tileContainer .menu {
    display: table-cell;
    height: 70px;
    border: none;
    border-top: 1px solid #CCC;
}

#tileContainer .menu select {
    width: 218px;
    height: 25px;
    display: block;
    margin: 0 auto;
    margin-top: 7px;
    text-align: center;
    margin-bottom: 5px;
}

#tileContainer .menu button {
    cursor: pointer;
    width: 106px;
    vertical-align: middle;
    text-align: center;
    display: inline-block;
    margin: 2px;
}

#tileContainer .menu button img {
    text-align: center;
    vertical-align: middle;
}

@media screen and (min--moz-device-pixel-ratio:0) {
    #pageContainer {
        max-width: 1465px;
    }
}