#bottomBar
{
	
}

#bottomBar td
{
	font-size: 8pt;
	font-family: Arial;
}

#bottomBar td.topBorder
{
	border-top: solid 1px black;
}

#bottomBar a:link
{
	text-decoration: none;
}

#bottomBar a:visited
{
	text-decoration: none;
}

#bottomBar a:hover
{
	text-decoration: none;
}

#bottomBar a:active
{
	text-decoration: none;
}

#bottomBar div.defaultLink
{
	background-color: #FFFFFF;
	padding: 2px 2px 2px 5px;
	height: 20px;
	/*
    ** The voice-family hack is introduced to work around the 
	** IE5.x width and height bug.
	*/
	voice-family: "\"}\""; 
	voice-family: inherit;
	height: 15px;
}
/*
** Opera does not understand the voice-family hack so be
** friendly to Opera (CSS2).
*/
html>body #bottomBar div.defaultLink
{
	height: 15px;
} 

#bottomBar div.defaultLink a:link {color: #000000;}
#bottomBar div.defaultLink a:visited {color: #000000;}
#bottomBar div.defaultLink a:hover {color: #000000;}
#bottomBar div.defaultLink a:active {color: #000000;}

#bottomBar div.hoverLink a:link {color: #FFFFFF;}
#bottomBar div.hoverLink a:visited {color: #FFFFFF;}
#bottomBar div.hoverLink a:hover {color: #FFFFFF;}
#bottomBar div.hoverLink a:active {color: #FFFFFF;}

#bottomBar div.hoverLink
{
	background-color: #000000;
	padding: 2px 2px 2px 5px;
	height: 20px;
	/*
    ** The voice-family hack is introduced to work around the 
	** IE5.x width and height bug.
	*/
	voice-family: "\"}\""; 
	voice-family: inherit;
	height: 15px;
}
/*
** Opera does not understand the voice-family hack so be
** friendly to Opera (CSS2).
*/
html>body #bottomBar div.hoverLink
{
	height: 15px;
} 

#bottomBar div.defaultSubject
{
	background-color: #88C2BF;
	padding: 2px 2px 2px 5px;
	height: 20px;
	/*
    ** The voice-family hack is introduced to work around the 
	** IE5.x width and height bug.
	*/
	voice-family: "\"}\""; 
	voice-family: inherit;
	height: 15px;
}
/*
** Opera does not understand the voice-family hack so be
** friendly to Opera (CSS2).
*/
html>body #bottomBar div.defaultSubject
{
	height: 15px;
} 

#bottomBar div.hoverSubject
{
	background-color: #88C2BF;
	padding: 2px 2px 2px 5px;
	height: 20px;
	/*
    ** The voice-family hack is introduced to work around the 
	** IE5.x width and height bug.
	*/
	voice-family: "\"}\""; 
	voice-family: inherit;
	height: 15px;
}
/*
** Opera does not understand the voice-family hack so be
** friendly to Opera (CSS2).
*/
html>body #bottomBar div.hoverSubject
{
	height: 15px;
} 

#bottomBar div.defaultSubject a:link {color: #000000;}
#bottomBar div.defaultSubject a:visited {color: #000000;}
#bottomBar div.defaultSubject a:hover {color: #000000;}
#bottomBar div.defaultSubject a:active {color: #000000;}

#bottomBar div.hoverSubject a:link {color: #FFFFFF;}
#bottomBar div.hoverSubject a:visited {color: #FFFFFF;}
#bottomBar div.hoverSubject a:hover {color: #FFFFFF;}
#bottomBar div.hoverSubject a:active {color: #FFFFFF;}

#bottomBar div.hiddenSubject
{
	position: absolute;
	display: none;
	top: -200px;
	left: -118px;
	width: 118px;
	height: 200px;
	background-color: #FFFFFF;
	z-index: -1;
}

#bottomBar div.editingSubject
{
	position: static;
	display: block;
	width: 118px;
	height: 200px;
	background-color: #FFFFFF;
	z-index: 1;
	border: solid 1px black;
}

#bottomBar div.hoveringSubject
{
	position: absolute;
	display: block;
	width: 118px;
	height: 200px;
	background-color: #FFFFFF;
	z-index: 1;
	border: solid 1px black;
}

#bottomBar div.hoveringSubject div
{
	padding: 5px;
	height: 90px;
}

#bottomBar div.editingSubject div
{
	height: 100px;
}
