/* ============================ */
/* == Red 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.png);
}
div#footer
{
    background: url(../images/backgrounds/bg-footer.png);
}

/* ------------------------------------------------------------------------------------------------------ */
/* 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-red.gif);
}
ul.nav-primary li.selected a
{
    background: transparent url(../images/navigation/edge-right-red.gif) right top no-repeat;
}

/* ------------------------------- */
/* Secondary Navigation - Selected */
/* ------------------------------- */
ul.nav-primary li.selected ul.nav-secondary li.selected a
{
    color: #800000; /* Color sampled from concept */
}
ul.nav-primary li.selected ul.nav-secondary li.selected a:hover
{
    color: #800000; /* 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;
}

div#column_1 tr, div#column_1 tr td
{
    background-color: silver;
    color: black !important;
    border-bottom: solid 1px white;
    border-top: none;
}
div#column_1 tr.alt, div#column_1 tr.alt td
{
    background-color: gray;
    color: white !important;
}
div#column_1 tr.alt a, div#column_1 tr.alt td a, div#column_1 tr a, div#column_1 tr td a
{
    color: White !important;
}
div#column_1 th
{
    background-color: #07203f;
    color: White !important;
    border-bottom: none;
    border-top: none;
}

/* --------------------------------------- */
/* Callout 2 - Column 1 - Width 270        */
/* Inside primary content area - text only */
/* --------------------------------------- */
div.callout2
{
    background-color: #cfcfcf;
    background-image: url(../images/backgrounds/bg-callout2-ltgrey.png);
}
div.callout2 h1, div.callout2 h2, div.callout2 h3, div.callout2 h4, div.callout2 h5, div.callout2 h6
{
    color: #000;
}
div.callout2 *
{
    color: #000;
}
div.callout2-alt
{
    background-color: #1d1d1d;
    background-image: url(../images/backgrounds/bg-callout2-black.png);
}
div.callout2-alt h1, div.callout2-alt h2, div.callout2-alt h3, div.callout2-alt h4, div.callout2-alt h5, div.callout2-alt h6
{
    color: #fff;
}
div.callout2-alt *
{
    color: #fff !important;
}

div.callout2-alt h1, div.callout2-alt h2, div.callout2-alt h3, div.callout2-alt h4, div.callout2-alt h5, div.callout2-alt h6
{
    color: #fff;
}
div#column_1 div.callout2-alt *
{
    color: #fff !important;
}
div#column_1 div.callout2 tr, div#column_1 div.callout2 tr td
{
    background-color: silver;
    color: black !important;
    border-bottom: solid 1px white;
    border-top: none;
}
div#column_1 div.callout2-alt tr, div#column_1 div.callout2-alt tr td
{
    background-color: silver;
    color: black !important;
    border-bottom: solid 1px white;
    border-top: none;
}
div#column_1 div.callout2 tr.alt, div#column_1 div.callout2 tr.alt td
{
    background-color: gray;
    color: white !important;
}
div#column_1 div.callout2-alt tr.alt, div#column_1 div.callout2-alt tr.alt td
{
    background-color: gray;
    color: white !important;
}
div#column_1 div.callout2 th
{
    background-color: #07203f;
    color: White !important;
    border-bottom: none;
    border-top: none;
}
div#column_1 div.callout2-alt th
{
    background-color: #07203f;
    color: White !important;
    border-bottom: none;
    border-top: none;
}
/* -------------------- */
/* Column 2 - 260 Width */
/* -------------------- */
div#column_2
{
    background-image: url(../images/backgrounds/bg-column2.png);
    padding-top: 0;
}

/* ------------------ */
/* Widgets - Column 2 */
/* ------------------ */
div.widget
{
    border-top: solid 15px #0A2E59;
    margin-top: 0px;
}
div.widget div.header
{
    background-color: #dc5c01; /* Override default */
    background-image: url(../images/backgrounds/bg-widget-header-red.png); /* Override default */
}
div.widget h3
{
    background: transparent url(../images/corners/corners-260-darkblue-top.gif) no-repeat; /* EDITED IN IE 6 CSS */
}

/* ------------------------------- */
/* Dynamic Navigation (Tertiary +) */
/* ------------------------------- */
div#nav-dynamic
{
    border-top: none;
    margin-bottom: 0px;
    color: #fff;
    background: #0a2e59 url(../images/backgrounds/bg-nav-dynamic.png) 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 */
}
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: 0px; /* Override widget default */
    background-color: transparent; /* Override widget default */
    background-image: none; /* Override widget default */ /* background-image: url(../../../images/corners/corners-widget-footer-green.png); */ /* Override widget default - EDITED IN IE 6 CSS */
}
.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: 0;
	padding: 0;
	background-color: transparent;
	
}

.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;
}
div#feature-weekly li
        {
            background-image: url(../images/navigation/tab-hanging-light-7-tab.jpg); /* Color sampled from concept - duplicated background image to eliminate IE flicker on mouseover */
        }
div#feature-weekly li a
        {
            background-image: url(../images/navigation/tab-hanging-dark-7-tab.jpg); /* Color sampled from concept */
        }
div#feature-weekly li a:hover
        {
            background-image: url(../images/navigation/tab-hanging-light-7-tab.jpg);