#dhtmlgoodies_tooltip
{
		background-color:#EEE;
		border:1px solid #000;
		position:absolute;
		display:none;
		z-index:20000;
		padding:2px;
		font-size:0.9em;
		-moz-border-radius:6px;	/* Rounded edges in Firefox */
		font-family: Arial;
		
}
#dhtmlgoodies_tooltipShadow
{
		position:absolute;
		background-color:#555;
		display:none;
		z-index:10000;
		opacity:0.7;
		filter:alpha(opacity=70);
		-khtml-opacity: 0.7;
		-moz-opacity: 0.7;
		-moz-border-radius:6px;	/* Rounded edges in Firefox */
}
BODY
{
    color: #000000;
    background-color: White;
    padding-right: 0px;
    padding-left: 0px;
    padding-bottom: 0px;
    margin: 0px;
    padding-top: 0px;
    font-size: 12px;
	font-family: helvetica,arial,tahoma,serif;
    background-color: #ebebc6;
 }

.background
{
	background-color: transparent;
}

.calendar
{
	border-right: #008852 thin solid;
	border-top: #008852 thin solid;
	border-left: #008852 thin solid;
	border-bottom: #008852 thin solid;
}

.calendarheader
{
	color: white;
	background-color: #008852;
	font-size: 25pt;
	background-image: url(/ul/menu/gssatesting2samp.JPG);
}
.calendarothermonthday
{
	color: black;
	background-color: #a9a9a9;
	border-right: black thin solid;
	border-top: black thin solid;
	border-left: black thin solid;
	border-bottom: black thin solid;
}
.calendarselectedday
{
	color: white;
	background-color: #800080;
}

.calendarnextprev
{
	
}

/*formTable*/
.formTable
{
	/*
	border-right: #cc0066 thick groove;
	border-top: #cc0066 thick groove;
	border-left: #cc0066 thick groove;
	border-bottom: #cc0066 thick groove;
    */
}
.grid
{
	
}
.gridHeader
{
	
}
.gridHeaderLeftItem
{
	background-position: left center;
	background-image: url(/ul/menu/RoundLeftSideSmall.JPG);
	background-repeat: no-repeat;
	background-color: #008852;
	color: White;
	text-decoration: underline;
}
.gridHeaderRightItem
{
	background-position: right center;
	background-image: url(/ul/menu/RoundRightSideSmall.JPG);
	background-repeat: no-repeat;
	background-color: #008852;
	color: White;
	text-decoration: underline;
}

.gridHeaderMiddleItem
{
	background-color: #008852;
	color: White;
	text-decoration: underline;
}

.gridRowStyle
{
}
.gridAlternatingRowStyle
{
	background-color: #CEDEBE;
}
.menuLabelMousedOverMiddle
{
	background-color: white;
	color: #000000;
	text-decoration: underline;
}
.menuLabelNotSelectedMiddle
{
	color: White;
	background-color: #008852; 	
}
.menuLabelMousedOverLeft
{
	background-color: white;
	color: #000000;	
	text-decoration: underline;
}
.menuLabelNotSelectedLeft
{
	background-position: left 50%;
	background-image: url(/ul/menu/RoundLeftSideSmall.JPG);
	background-repeat: no-repeat;
	background-color: #008852;
	color: White;	
}
.menuLabelMousedOverRight
{
	background-color: White;
	color: #000000;
	text-decoration: underline;		
}
.menuLabelNotSelectedRight
{
	background-position: right center;
	background-image: url(/ul/menu/RoundRightSideSmall.JPG);
	background-repeat: no-repeat;
	background-color: #008852;
	color: White;	
}

.mmenuOff1
{
    color: #000000;
    font-style: normal;
    font-weight: bold;
    font-family: helvetica,arial,tahoma,serif;
    font-size: 14px;
    margin: 0px;
    padding: 2px;
    text-decoration: none;
    background-color: #ebebc6;
    
} 
      
.mmenuOn1
{
    color: #000000;
    font-style: normal;
    font-weight: bold;
    font-family: helvetica,arial,tahoma,serif;
    font-size: 14px;
    margin: 0px;
    padding: 2px;
    text-decoration: underline;
    background-color: #ebebc6;
    }

.mmenuOff2
{
    color: #000000;
    font-style: normal;
    font-weight: normal;
    font-family: helvetica,arial,tahoma,serif;
    font-size: 12px;
    margin: 0px;
    padding: 1px;
    text-decoration: none;
    background-color: #ebebc6;
} 
      
.mmenuOn2
{
    color: #000000;
    font-style: normal;
    font-weight: normal;
    font-family: helvetica,arial,tahoma,serif;
    font-size: 12px;
    margin: 0px;
    padding: 1px;
    text-decoration: underline;
    background-color: #ebebc6;
    }

/*****************************************************************************
 * Milonic Tree Menu specific
 *****************************************************************************/ 
.treeItemCollapsed
{
    color: #000000;
    font-style: normal;
    font-weight: bold;
    font-family: helvetica,arial,tahoma,serif;
    font-size: 12px;
    margin: 0px;
    padding: 4px;
    text-decoration: none;
}

.treeItemExpanded
{
    color: #000000;
    font-style: normal;
    font-weight: bold;
    font-family: helvetica,arial,tahoma,serif;
    font-size: 12px;
    margin: 0px;
    padding: 4px;
    text-decoration: underline;
}
/*****************************************************************************
 * Milonic Tree Menu specific
 *****************************************************************************/ 


.tCDescription
{
	background-position: left 50%;
	background-image: url(/ul/menu/RoundLeftSideSmall.JPG);
	background-repeat: no-repeat;
	background-color: #008852;
}

.tCDescriptionLabel
{
	color: white;
	white-space: nowrap;
	
}
.tCInput
{
	color: White;
	/*
	border-right: #cc0066 thin solid;
	border-top: #cc0066 thin solid;
	border-left: #cc0066 thin solid;
	border-bottom: #cc0066 thin solid;
	*/
}





a:active
{
    color: #000000;
}
a:hover
{
    color: #aa0000;
    text-decoration: underline;
}
a:link
{
    color: #000000;
    
}
a:visited
{
    color: #000000;
}


/* LEG CARD */
  
  
table.LegCardMonitor
{
	border-style: solid;
	border-width: 1px;
	width: 800px;
	border-color: Black;
	background: #C0C0C0;
	margin-bottom: 1px;
	
	/* IE10 Consumer Preview */ 
	background: -ms-radial-gradient(right bottom, circle farthest-side, #FFFFFF 0%, #C0C0C0 100%);

	/* Mozilla Firefox */ 
	background: -moz-radial-gradient(right bottom, circle farthest-side, #FFFFFF 0%, #C0C0C0 100%);

	/* Opera */ 
	background: -o-radial-gradient(right bottom, circle farthest-side, #FFFFFF 0%, #C0C0C0 100%);

	/* Webkit (Safari/Chrome 10) */ 
	background: -webkit-gradient(radial, right bottom, 0, right bottom, 973, color-stop(0, #FFFFFF), color-stop(1, #C0C0C0));

	/* Webkit (Chrome 11+) */ 
	background: -webkit-radial-gradient(right bottom, circle farthest-side, #FFFFFF 0%, #C0C0C0 100%);

	/* W3C Markup, IE10 Release Preview */ 
	background: radial-gradient(circle farthest-side at right bottom, #FFFFFF 0%, #C0C0C0 100%);
}


table.LegCardPassed
{
	border-style: solid;
	border-width: 1px;
	width: 800px;
	border-color: Black;
	margin-bottom: 1px;
	
	
	background: #00FF00;
	
	/* IE10 Consumer Preview */ 
	background: -ms-radial-gradient(right bottom, circle farthest-side, #FFFFFF 0%, #00FF00 100%);

	/* Mozilla Firefox */ 
	background: -moz-radial-gradient(right bottom, circle farthest-side, #FFFFFF 0%, #00FF00 100%);

	/* Opera */ 
	background: -o-radial-gradient(right bottom, circle farthest-side, #FFFFFF 0%, #00FF00 100%);

	/* Webkit (Safari/Chrome 10) */ 
	background: -webkit-gradient(radial, right bottom, 0, right bottom, 973, color-stop(0, #FFFFFF), color-stop(1, #00FF00));

	/* Webkit (Chrome 11+) */ 
	background: -webkit-radial-gradient(right bottom, circle farthest-side, #FFFFFF 0%, #00FF00 100%);

	/* W3C Markup, IE10 Release Preview */ 
	background: radial-gradient(circle farthest-side at right bottom, #FFFFFF 0%, #00FF00 100%);
}

table.LegCardWork
{
	border-style: solid;
	border-width: 1px;
	width: 800px;
	border-color: Black;
	background: #FFA500;
	margin-bottom: 1px;
	
	/* IE10 Consumer Preview */ 
	background: -ms-radial-gradient(right bottom, circle farthest-side, #FFFFFF 0%, #FFA500 100%);

	/* Mozilla Firefox */ 
	background: -moz-radial-gradient(right bottom, circle farthest-side, #FFFFFF 0%, #FFA500 100%);

	/* Opera */ 
	background: -o-radial-gradient(right bottom, circle farthest-side, #FFFFFF 0%, #FFA500 100%);

	/* Webkit (Safari/Chrome 10) */ 
	background: -webkit-gradient(radial, right bottom, 0, right bottom, 973, color-stop(0, #FFFFFF), color-stop(1, #FFA500));

	/* Webkit (Chrome 11+) */ 
	background: -webkit-radial-gradient(right bottom, circle farthest-side, #FFFFFF 0%, #FFA500 100%);

	/* W3C Markup, IE10 Release Preview */ 
	background: radial-gradient(circle farthest-side at right bottom, #FFFFFF 0%, #FFA500 100%);
}

table.LegCardHot
{
	border-style: solid;
	border-width: 1px;
	width: 800px;
	border-color: Black;
	background: #FF0000;
	margin-bottom: 1px;
	
	/* IE10 Consumer Preview */ 
	background: -ms-radial-gradient(right bottom, circle farthest-side, #FFFFFF 0%, #FF0000 100%);

	/* Mozilla Firefox */ 
	background: -moz-radial-gradient(right bottom, circle farthest-side, #FFFFFF 0%, #FF0000 100%);

	/* Opera */ 
	background: -o-radial-gradient(right bottom, circle farthest-side, #FFFFFF 0%, #FF0000 100%);

	/* Webkit (Safari/Chrome 10) */ 
	background: -webkit-gradient(radial, right bottom, 0, right bottom, 973, color-stop(0, #FFFFFF), color-stop(1, #FF0000));

	/* Webkit (Chrome 11+) */ 
	background: -webkit-radial-gradient(right bottom, circle farthest-side, #FFFFFF 0%, #FF0000 100%);

	/* W3C Markup, IE10 Release Preview */ 
	background: radial-gradient(circle farthest-side at right bottom, #FFFFFF 0%, #FF0000 100%);
}
table.LegCardWatch
{
	border-style: solid;
	border-width: 1px;
	width: 800px;
	border-color: Black;
	background: yellow;
	margin-bottom: 1px;
	
	/* IE10 Consumer Preview */ 
	background: -ms-radial-gradient(right bottom, circle farthest-side, #FFFFFF 0%, yellow 100%);

	/* Mozilla Firefox */ 
	background: -moz-radial-gradient(right bottom, circle farthest-side, #FFFFFF 0%, yellow 100%);

	/* Opera */ 
	background: -o-radial-gradient(right bottom, circle farthest-side, #FFFFFF 0%, yellow 100%);

	/* Webkit (Safari/Chrome 10) */ 
	background: -webkit-gradient(radial, right bottom, 0, right bottom, 973, color-stop(0, #FFFFFF), color-stop(1, yellow));

	/* Webkit (Chrome 11+) */ 
	background: -webkit-radial-gradient(right bottom, circle farthest-side, #FFFFFF 0%, yellow 100%);

	/* W3C Markup, IE10 Release Preview */ 
	background: radial-gradient(circle farthest-side at right bottom, #FFFFFF 0%, yellow 100%);
}
table.LegCardNewBill
{
	border-style: solid;
	border-width: 1px;
	width: 800px;
	border-color: Black;
	background: pink;
	margin-bottom: 1px;
	
	/* IE10 Consumer Preview */ 
	background: -ms-radial-gradient(right bottom, circle farthest-side, #FFFFFF 0%, pink 100%);

	/* Mozilla Firefox */ 
	background: -moz-radial-gradient(right bottom, circle farthest-side, #FFFFFF 0%, pink 100%);

	/* Opera */ 
	background: -o-radial-gradient(right bottom, circle farthest-side, #FFFFFF 0%, pink 100%);

	/* Webkit (Safari/Chrome 10) */ 
	background: -webkit-gradient(radial, right bottom, 0, right bottom, 973, color-stop(0, #FFFFFF), color-stop(1, pink));

	/* Webkit (Chrome 11+) */ 
	background: -webkit-radial-gradient(right bottom, circle farthest-side, #FFFFFF 0%, pink 100%);

	/* W3C Markup, IE10 Release Preview */ 
	background: radial-gradient(circle farthest-side at right bottom, #FFFFFF 0%, pink 100%);
}


a.info {
	position:relative; /*this is the key*/
	z-index:24;
	color: #000;
	text-decoration: underline;
	font-weight: bold;
}
a.info:hover {
	z-index:25;
	text-decoration: none;
}

a.info span {
	display: none;
}

a.info:hover span { /*the span will display just on :hover state*/
	display:block;
	position:absolute;
	top:2em;
	left:2em;
	width:500px;
	border:1px solid #000;
	background-color:#e9e9e9;
	color:#000;
	font-weight: normal;
	text-align: left;
	padding: 5px;
	text-decoration: none!important;
}

a.info span:hover {
	text-decoration: none;
}