/* ============================= */
/* == Spring THEME == */
/* ============================= */

/* NOTE: This theme must be loaded with default screen CSS */

/* ------------------------------------------------------------------------------------------------------ */
/* GENERAL ELEMENTS AND ATTRIBUTES     	                                                                  */
/* General rules that can apply to many elements in various locations                                     */
/* ------------------------------------------------------------------------------------------------------ */

body
{
    background-image: url(../images/backgrounds/bg-body.gif);
    background-color: #d9f5ff;
}

h1, h2, h3, h4, h5, h6, caption
{
    color: #006400;
}

div#footer
{
    background: url(../images/backgrounds/bg-footer.gif);
}


/* ------------------------------------------------------------------------------------------------------ */
/* SPECIFIC ELEMENTS AND ATTRIBUTES                                                                       */
/* Rules that apply to specific elemements in specific locations                                          */
/* ------------------------------------------------------------------------------------------------------ */

/* --------------- */
/* Main Navigation */
/* --------------- */
div#navigation
{
    background-image: url(../images/backgrounds/bg-body.gif);
}

/* ----------------------------- */
/* Primary Navigation - Selected */
/* ----------------------------- */
ul.nav-primary li.selected
{
    background-image: url(../images/navigation/edge-left-chrome.gif);
    color: #000000;    
}
ul.nav-primary li.selected a
{
    color: #000000;
    background: transparent url(../images/navigation/edge-right-chrome.gif) right top no-repeat;
}
 ul.nav-primary li.selected a:visited
 {
    color: #000000;
 }

/* ------------------------------- */
/* Secondary Navigation - Selected */
/* ------------------------------- */
ul.nav-primary li.nav-secondary li.selected
{
    background-color: #FFFFFF;
}
ul.nav-primary li.selected ul.nav-secondary li a
{
    color: #000000;
}
ul.nav-primary li.selected ul.nav-secondary li a:hover
{
    color: #FFFFFF;
}
ul.nav-primary li.selected ul.nav-secondary li.selected
{
    background-image: url(../images/navigation/edge-left-white.gif);
}
ul.nav-primary li.selected ul.nav-secondary li.selected a
{
    background-image: url(../images/navigation/edge-right-white.gif);
    color: #000000; /* Color sampled from concept */
}
ul.nav-primary li.selected ul.nav-secondary li.selected a:hover
{
    color: #000000; /* Need to override hover color on selected navigation item */
}

/* ------------------------- */
/* Artificial Width Boundary */
/* ------------------------- */
div#boundary
{
    background-image: url(../images/backgrounds/bg-content.png);
}

/* -------------------- */
/* Column 1 - 580 Width */
/* -------------------- */

/* -------------- */
/* Generic Images */
/* -------------- */
div#column_1 img
{
    margin-bottom: 15px;
}

/* --------------------------------------- */
/* Callout 2 - Column 1 - Width 270        */
/* Inside primary content area - text only */
/* --------------------------------------- */
div.callout2
{
    background-color: #c6f2ff;
    background-image: url(../images/backgrounds/bg-calloutgrass.png);
    background-position: right bottom;
    
}
div.callout2 *
{
    color: #000 !important;
}

div.callout2 div.corners-top
{
background-image: url(../images/corners/corners-270-white-top-ghost.gif);
}
div.callout2-alt div.corners-top 
{
background-image: url(../images/corners/corners-270-white-top-ghost.gif);
}
div.callout2-alt
{
    background-color: #c6f2ff;
    background-image: url(../images/backgrounds/bg-calloutgrass2.png);
    background-repeat:no-repeat;
    background-position:left bottom;
}
div.callout2-alt *
{
    color: #000 !important;
}

div.callout2, div.callout2-alt 
{
    overflow:hidden;
}
div.callout2 div.corners-bottom, div.callout2-alt div.corners-bottom 
{
    height:60px;
    background-image: none;
    visibility:hidden;
}
/* -------------------- */
/* Column 2 - 260 Width */
/* -------------------- */
div#column_2
{
    background-image: url(../images/backgrounds/bg-column2.png);
    padding-top: 0;
}

/* ------------------ */
/* Widgets - Column 2 */
/* ------------------ */
div.widget
{
    border-style: solid none none none;
    border-width: 15px;
    border-color: #11380f;
    margin-top: 0px;
}
div.widget div.header
{ 
    background-color: #003333; /* Override default */
    background-image: url(../images/backgrounds/bg-widget-header-yellow.png); /* Override default */
     }

div.widget h3
{
    background: transparent url(../images/corners/corners-260-black-top.gif) no-repeat top;
    color: black; /* EDITED IN IE 6 CSS */
}

/* ------------------------------- */
/* Dynamic Navigation (Tertiary +) */
/* ------------------------------- */
div#nav-dynamic
{
    border-top: none;
    margin-bottom: 0px;
    color: #fff;
    background: #11380f url(../images/backgrounds/bg-nav-dynamic.gif) repeat-x;
}
div#nav-dynamic div.header
{
    background-color: transparent;
    background-image: none; /* Override widget default */
}
div#nav-dynamic h3
{
    background-image: none; /* Override widget default */
    color:#fff;
}
div#nav-dynamic div.content
{
    border: none; /* Override widget default */
    background-color: transparent; /* Override widget default */
    background-image: none;
    background-repeat: repeat-x;
    background-position: bottom;
}
div#nav-dynamic ul
{
    margin: 0 20px;
}
div#nav-dynamic li
{
}
div#nav-dynamic a
{
    color: #fff;
    text-decoration: none;
}
div#nav-dynamic a:hover
{
    text-decoration: underline;
}

div#nav-dynamic div.footer
{
    width: 260px;
    height: 11px; /* Override widget default */
    background:transparent none no-repeat;
    display: none; 
}

.tooltipdata
{
	color: red;
	display: none;
	visibility: hidden;
	
	background-color: transparent;
}
.fill .tooltipdata
{
	color: white;
	display: inline;
	visibility: visible;	
	background-color: transparent;
}

.tooltip_down, .tooltip_up {
	width: 200px;
	margin: 15px 0 0 0;
	padding: 0;
	background-color: transparent;	
	z-index: 99;	
}

.tooltip_down .top {
	height: 10px;
	overflow: hidden;
	background-image: url(../../../images/tooltip/bubble_top_down.png);
	background-repeat: no-repeat;
	background-color: transparent;
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="../../../images/tooltip/bubble_top_down.png", sizingMethod="crop");
}
* html .tooltip_down .top {
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="../../../images/tooltip/bubble_top_down.png", sizingMethod="crop");
	background-image: none;
	background-color: transparent;
}

.tooltip_down .fill, .tooltip_up .fill {
	padding: 0px 10px 0px 10px;
	background-image: url(../../../images/tooltip/bubble_fill.png);
	background-repeat: repeat-y;	
	
	background-color: transparent;
}
* html .tooltip_down .fill, * html .tooltip_up .fill {
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="../../../images/tooltip/bubble_fill.png", sizingMethod="crop");
	
	background-color: transparent;
}

.tooltip_down .bottom {
	height: 23px;
	overflow: hidden;
	background-image: url(../../../images/tooltip/bubble_bottom_down.png);
	background-repeat: no-repeat;
	background-color: transparent;
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="../../../images/tooltip/bubble_bottom_down.png", sizingMethod="crop");
}
* html .tooltip_down .bottom {
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="../../../images/tooltip/bubble_bottom_down.png", sizingMethod="crop");
	background-image:none;
	background-color: transparent;
}

.tooltip_up .top {
	height: 20px;
	overflow: hidden;
	background-image: url(../../../images/tooltip/bubble_top_up.png);
	background-repeat: no-repeat;
	background-color: transparent;
}
* html .tooltip_up .top {
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="../../../images/tooltip/bubble_top_up.png", sizingMethod="crop");
	background-image:none;
	background-color: transparent;
}

.tooltip_up .bottom {
	height: 13px;
	overflow: hidden;
	background-image: url(../../../images/tooltip/bubble_bottom_up.png);
	background-repeat: no-repeat;
	background-color: transparent;
}
* html .tooltip_up .bottom {
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="../../../images/tooltip/bubble_bottom_up.png", sizingMethod="crop");
	background-image:none;
	background-color: transparent;
	
}

.tooltip_down ul, .tooltip_up ul {
	margin-bottom: 0px;
}

ul.nav-primary li.selected + span li  
{
    background-image:none
}
ul.nav-primary li.selected ul.nav-secondary li.selected + span li
{
    background-image:none
}