.Toolbar
{
	background-color: #CCCCCC;
}

.ToolbarButton
{
	border:1px solid #CCCCCC;
	cursor:hand;	
}

.ToolbarButtonOver
{
	border:1px solid navy;
	cursor:hand;	
}

.separator 
{
        width : 1px ;
        border: 1px inset ;
        background-color: buttonface ;
}

.win 
{
	border:			2px solid;
	border-color:	ThreeDLightShadow ThreeDShadow
					ThreeDShadow ThreeDLightShadow;
	padding:		1px;
	background:		buttonFace;
}

.button 
{
	border-bottom: 2px ridge buttonface;
	border-right: 2px ridge buttonface;
	border-top: 1px solid window;
	border-left: 1px solid window;
	padding: 2px;
	font: menu ;
}

.heading_title {
	font-size: 10pt;
	font-weight: bold;
	padding-left: 10px;
	margin-top: 5px;
}

TH
{
    FONT-WEIGHT: normal;
    FONT-SIZE: 10px;
    FONT-FAMILY: Arial,sans-serif;
    TEXT-ALIGN: left;
    white-space: nowrap;
}

A
{
	color: Navy;
	text-decoration: none;
}

TD
{
    FONT-WEIGHT: normal;
    FONT-SIZE: 11px;
    FONT-FAMILY: Arial,sans-serif;
}

.LegendItem
{
    FONT-SIZE: 11px;
}

FORM
{
	margin: 0px 0px 0px 0px;
}

FIELDSET
{
	padding-top:3px;
	padding-bottom:2px;
}

LEGEND
{
	color:Navy;
}

/* Make Div/Span look like link, used by Help and KPI View*/
.MyLink
{
    CURSOR: hand;
    COLOR: navy;
    TEXT-DECORATION: underline;
}

.inpDrag
{
    FONT-SIZE: 10px;
    BACKGROUND: white;
    BORDER-STYLE: none;
    HEIGHT: 15px;
}

.inpDragGrey
{
	font-family:Tahoma;
    FONT-SIZE: 10px;
    BACKGROUND: LightGrey;
    WIDTH: 100%;
    BORDER-STYLE: none;
    HEIGHT: 15px;
    cursor: hand;
}

.DragGrey
{
    font:menu;
    WIDTH: 100%;
    background-color: ButtonFace;
    BORDER-STYLE: outset;
    HEIGHT: 17px;
    CURSOR: hand;
    text-align:center;
    padding: 0 2 0 2;
}

.DragMeasure
{
    font:menu;
    WIDTH: 100%;
    background-image:url("images/measureDrag.gif"); 
    background-repeat:no-repeat;
    BORDER-STYLE: outset;
    HEIGHT: 17px;
    CURSOR: hand;
    text-align:left;
    padding: 0 2 0 15;
}

.DragDimension
{
    font:menu;
    WIDTH: 100%;
    background-image:url("images/dimensionDrag.gif"); 
    background-repeat:no-repeat;
    BORDER-STYLE: outset;
    HEIGHT: 17px;
    CURSOR: hand;
    text-align:left;
    padding: 0 2 0 15;
}

.DragLevel
{
    font:menu;
    WIDTH: 100%;
    background-image:url("images/levelDrag.gif"); 
    background-repeat:no-repeat;
    BORDER-STYLE: outset;
    HEIGHT: 17px;
    CURSOR: hand;
    text-align:left;
    padding: 0 2 0 15;
}

.DragNamedSet
{
    font:menu;
    WIDTH: 100%;
    background-image:url("images/namedSetDrag.gif"); 
    background-repeat:no-repeat;
    BORDER-STYLE: outset;
    HEIGHT: 17px;
    CURSOR: hand;
    text-align:center;
    padding: 0 2 0 15;
}

.FilterBox
{
	BORDER: white 1px solid;
}

.DropDown
{
    Z-INDEX: 9;
    VISIBILITY: hidden;
    POSITION: absolute
}

.BlueButton
{
    FONT-SIZE: 8pt;
    MARGIN: 0px;
    COLOR: white;
    FONT-FAMILY: Tahoma;
    BACKGROUND-COLOR: #2073D7;
}
.FlatButton
{
    BORDER-RIGHT: silver 1px solid;
    BORDER-TOP: silver 1px solid;
    FONT-SIZE: 10pt;
    BORDER-LEFT: silver 1px solid;
    COLOR: black;
    BORDER-BOTTOM: silver 1px solid;
    Font-FAMILY: tahoma , verdana, serif
}
.WhiteOption
{
    FONT-SIZE: 8pt;
    MARGIN: 0px;
    COLOR: navy;
    FONT-FAMILY: Tahoma;
    BACKGROUND-COLOR: white
}

.bt
{
    VERTICAL-ALIGN: bottom
}

.whiteLink
{
    COLOR: white;
    FONT-FAMILY: Verdana,Arial,Helvetica
}

.hand
{
	CURSOR: hand;
}

.shade
{
    BACKGROUND: #ededed
}
.fineprint
{
    FONT-SIZE: 8pt
}
.BlackBorder
{
    BORDER-RIGHT: black 2px solid;
    BORDER-TOP: black 2px solid;
    BORDER-LEFT: black 2px solid;
    BORDER-BOTTOM: black 2px solid
}
.NavyBorder
{
    BORDER-RIGHT: navy 1px solid;
    BORDER-TOP: navy 1px solid;
    BORDER-LEFT: navy 1px solid;
    BORDER-BOTTOM: navy 1px solid
}

.DragColumn{
    FONT-SIZE: 14px;
    FONT-FAMILY: tahoma , verdana, serif;
    white-space: nowrap;
    BORDER-RIGHT: navy 1px solid;
    BORDER-LEFT: navy 1px solid;
    BACKGROUND-COLOR: LightGrey;
    COLOR: Navy;
    FONT-WEIGHT: bold;
    width: 100px;
    TEXT-ALIGN: left;
}

.ColorButton
{
    WIDTH: 80px;
    HEIGHT: 20px;
    cursor:hand;
	border-style:solid;
	border-width:thin;
	border-color:navy;
    text-align:center;
    text-decoration:bold;
}


.Tab
{
    BORDER-RIGHT: white 1px solid;
    BORDER-TOP: white 0px solid;
    BORDER-LEFT: white 1px solid;
    BORDER-BOTTOM: navy 0px solid;
}

.Tab A
{
	color:White;
	cursor:hand;
	font-weight:bold;
}

.Tab A:hover
{
	color:Red;
	cursor:hand;
	font-weight:bold
}

.ActiveTab
{
    BORDER: white 1px solid;
    BORDER-TOP: white 0px solid;
    BORDER-LEFT: white 1px solid;
    BORDER-BOTTOM: navy 0px solid;
}

.ActiveTab A
{
	color:White;
	cursor:hand;
	font-weight:bold;
	text-decoration:underline;
}

.ActiveTab A:hover
{
	color:Red;
	cursor:hand;
	font-weight:bold;
}

.PageTitle
{
	background-color:RoyalBlue;
	color:White;
	width: 100%;
	border: navy 1px solid;
	text-align:center;
	font-family: Verdana,Arial,Helvetica;
	font-size:14px;
	font-weight:bold;
	background-image:url('images/head.gif'); 
}

.YHandle
{
	background:buttonface; 
	border:1px solid ThreeDShadow; 
	border-top: 1px solid white; 
	border-left:1px solid white; 
	cursor:s-resize;
	
}

THEAD.TopFrozen TD{
    BORDER-RIGHT: white 1px solid;
    BORDER-BOTTOM: white 1px solid;
    POSITION: relative;
    Z-INDEX: 40;
    COLOR: white;
    TOP: expression(document.getElementById("idReport").scrollTop);
}

.TopFrozenDiv{
    POSITION: relative;
    Z-INDEX: 41;
    background-color: white;    
    TOP: expression(document.getElementById("idReport").scrollTop);
}

THEAD.TopNotFrozen TD{
    BORDER-RIGHT: white 1px solid;
    BORDER-BOTTOM: white 1px solid;
    COLOR: white;
}

.tabFrame
{
	BORDER: #D4D0C8 5PX SOLID;
	background-color: #D4D0C8;
	height: 350;
}

.tabOff
{
	FONT: menu;
	TEXT-ALIGN: CENTER;
	BACKGROUND-COLOR: #F7F3E9;
	BORDER-BOTTOM: #F7F3E9 1PX SOLID;
	HEIGHT: 25;
	width:80;
	CURSOR: HAND;
	
}

.tabOn
{
	FONT: menu;
	TEXT-ALIGN: CENTER;
	BACKGROUND-COLOR: buttonface;
	BORDER-BOTTOM: buttonface 1PX SOLID;
	HEIGHT: 28;
	width: 80;
	CURSOR: HAND;
}

.colorBox
{
	width: 20px;
	height: 17px;
	border: solid 1px #93BEE2;
	CURSOR: HAND;
}


.MenuItem
{
	position:relative; 
	top:0; 
	left:0; 
	background:buttonface; 
	white-space: nowrap;
	
	border:1px solid ThreeDShadow; 
	border-top: 1px solid white; 
	border-left:1px solid white; 
	
	height:20px; 
	color:black; 
	font-family:verdana; 
	font-weight:bold; 
	padding:2px; 
	padding-left:2px; 
	font-size:8pt; 
	cursor:hand;
}
.MenuBox
{
	position:relative; 
	top:0; 
	left:0; 
	
	border:1px solid black;  
	border-color:	ThreeDLightShadow ThreeDShadow
					ThreeDShadow ThreeDLightShadow;
	
	background:buttonface; 

}

.CustomLogo
{
	font-size:25px;
	font-weight:bold;
	color:white;
	font-family:Tahoma;
	padding-left:15px;
}

@media print {
	.noprint {display:none}
	.PrintOnly {display:block}
	.XHandle {display:none}
	.SqlPrintHeader{page-break-before: always;}
}

@media screen {
	.PrintOnly {display:none}
	.SqlPrintHeader {display:none}

	.XHandle
	{
		background:buttonface; 
		border-right:1px solid ThreeDShadow; 
		border-left:1px solid white; 
		cursor:w-resize;
	}
}