BODY
{
    FONT-SIZE: x-small;
    COLOR: DimGray;
    FONT-FAMILY: Verdana, Arial;
    FONT-SIZE: 12px;    
    BACKGROUND-COLOR: white;
}
A:active
{
    COLOR: #336699;
}
A:link
{
    COLOR: #336699;
}
A:visited
{
    COLOR: #336699;
}
A:hover
{
    COLOR: #FF0000;
}

.RadioButtonText
{
	COLOR: black;
    FONT-FAMILY: Verdana, Arial;
    FONT-WEIGHT: normal;
    FONT-SIZE: x-small;
}
.XYLocatorText
{
	COLOR: #336699;
	BACKGROUND-COLOR: transparent;
    FONT-FAMILY: Verdana, Arial;
    FONT-WEIGHT: bold;
    FONT-SIZE: xx-small;
    border-style:none;	
}
.MapSizeList
{
	COLOR: black;
    FONT-FAMILY: Verdana, Arial;
    FONT-WEIGHT: normal;
    FONT-SIZE: xx-small;
}
.MapBorder
{  
    border-color:#336699;
    border-style:outset; 
}
.SmallMap
{ 
    height:330px;
    width:440px;
}
.LargeMap
{
    height:450px;
    width:600px;
}
.ZoomBox
{
	border-width:0px;
	border-style:solid;
	border-color:(0,0,150);
	background-color:Blue;
	opacity:.25;
	filter: alpha(opacity=25);
	visibility:hidden;
	cursor:crosshair;
}
.SelectionCanvas
{
	border-width:0px;
	border-style:solid;
	border-color:(0,0,150);
	background-color:transparent;
	opacity:.25;
	filter: alpha(opacity=25);	
	visibility:visible;
	cursor:crosshair;
}
.CurrentToolText 
{
    border-width:0px;
    font-family:Verdana;
    color:dodgerblue;
    FONT-SIZE: 10px;    
    font-weight:bold;
}
.ToolButton
{
    border-width:0px;
    border-color:Red;
}
.HRule
{
    color:#336699;
}
.PrintTitle 
{
	COLOR: black;
	BACKGROUND-COLOR: transparent;
    FONT-FAMILY: Verdana, Arial;
    FONT-WEIGHT: bold;
    FONT-SIZE: 16px;
    border-style:none;
    width:450px;
}
.FootNote
{
    COLOR: #336699;
    FONT-SIZE: xx-small;
}

.releaseList {
	list-style-type:disc;
}


/* Styles for the Animation Reference */
.animationReferenceTable
{
}

.animationReferenceRow
{
}

.animationReferenceField
{
	text-align: right;
	vertical-align: top;
	padding-top: 5px;
}

.animationReferenceCode
{
	margin-top: 5px;
	vertical-align: top;
	font-family: 'Courier New', Monospace;
	font-style: normal;
	font-weight: bold;
	
	display:block;
	background-color:#FFF;
	color:#000;
	font-family:'Courier New', Monospace;
	font-size:0.9em;
	font-style:normal;
	font-weight: bold;
	margin-bottom: 5px;
}

.animationReferenceItems
{
	vertical-align: top;
}

.animationReferenceItemTable
{
	width: 100%;
	padding: 0px;
	margin: 0px;
}

.animationReferenceItemRow
{
	width: 100%;
	padding: 0px;
	margin: 0px;
}

.animationReferenceItem
{
	width: 100%;
	padding: 0px;
	margin: 0px;
	padding-bottom: 10px;
}

.animationReferenceItemCode
{
	display:block;
	background-color:#FFF;
	color:#000;
	font-family:'Courier New', Monospace;
	font-size:0.9em;
	font-style:normal;
	font-weight: bold;
}

/******************************/
/**Styling information specific to individual content pages**/

/* Accordion */
.accordionHeader
{
    color: white;
    background: transparent url(../images/OrangeGradientBackground.gif) repeat top center;
	font-family: Arial, Sans-Serif;
	font-size: 14px;
	font-weight: bold;
    padding: 3px;
    margin-top: 3px;
    cursor: pointer;
	text-decoration: underline;
}

.accordionHeader_Blue
{
    color: white;
    background: transparent url(../images/OrangeGradientBackground.gif) repeat top center;
	font-family: Arial, Sans-Serif;
	font-size: 14px;
	font-weight: bold;
    padding: 3px;
    margin-top: 3px;
    cursor: pointer;
text-decoration: underline;
}
.accordionHeader_Blue:hover
{
	background: transparent url(../images/BlueGradientBackground.gif) repeat top center;
	text-decoration: underline;
}

.accordionHeaderLink
{
	font-family: Arial, Sans-Serif;
	font-size: 14px;
	font-weight: bold;
    color: White;
}
.accordionHeader:hover
{
	/*background: #a3b3ff;*/
	background: transparent url(../images/BlueGradientBackground.gif) repeat top center;
	text-decoration: underline;
}
#master_content .accordionHeader a
{
	color: #FFFFFF;
	background: none;
	text-decoration: none;
}

#master_content .accordionHeader a:hover
{
	background: none;
	text-decoration: underline;
}

.accordionContent
{
    background-color: white;
    border-top: none;
    padding: 5px;
    padding-top: 8px;
}

/*Cascading DropDown*/

/*CollapsiblePanel*/
.collapsePanel {
	
	background-color:white;
	overflow:hidden;
}

.collapsePanelHeader{	
	width:100%;		
	height:30px;
	background-image: url(images/bg-menu-main.png);
	background-repeat:repeat-x;
	color:#FFF;
	font-weight:bold;
}

.MyCalendar .ajax__calendar_container {
    border:1px solid #646464;
    background-color: white;
    color: gray;
    cursor:pointer;
    width:auto;
}
.MyCalendar .ajax__calendar_other .ajax__calendar_day,
.MyCalendar .ajax__calendar_other .ajax__calendar_year {
    color:  silver;
}
.MyCalendar .ajax__calendar_hover .ajax__calendar_day,
.MyCalendar .ajax__calendar_hover .ajax__calendar_month,
.MyCalendar .ajax__calendar_hover .ajax__calendar_year {
    color: #FFB252;
}
.MyCalendar .ajax__calendar_active .ajax__calendar_day,
.MyCalendar .ajax__calendar_active .ajax__calendar_month,
.MyCalendar .ajax__calendar_active .ajax__calendar_year {
    color: #FFB252;
    font-weight:bold;
}