/* ============================= */
/* == Magic 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);
    background-color: #fff4ff;
}

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

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

div#column_1 table {
		
		}
div#column_1 table a
{
    color: #dcdcdc;
}
div#column_1 th
{
    color: #FFFFFF;
    background-color: #3e1259;
}
div#column_1 td
{
    background-color: #e2e7ec;
    color: #000 !important;
}
div#column_1 tr.alt td,div#column_1 td.alt
{
    background-color: #525252;
    color: #FFFFFF !important;
}
/* ------------------------------------------------------------------------------------------------------ */
/* SPECIFIC ELEMENTS AND ATTRIBUTES                                                                       */
/* Rules that apply to specific elemements in specific locations                                          */
/* ------------------------------------------------------------------------------------------------------ */

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



/* ----------------------------- */
/* 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:#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: #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;
}

/* --------------------------------------- */
/* Callout 2 - Column 1 - Width 270        */
/* Inside primary content area - text only */
/* --------------------------------------- */
div.callout2
{
    background-color: #E0E5EA;
    background-image: url(../images/backgrounds/bg-callout2-ghost.gif);
}
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 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-black.gif);
}
div.callout2-alt
{
    background-color: #1d1d1d;
    background-image: url(../images/backgrounds/bg-callout2-black.gif);
    background-repeat:no-repeat;
    background-position:left bottom;
}
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, 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
{
    padding-top: 0;
}

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

/* ------------------------------- */
/* Dynamic Navigation (Tertiary +) */
/* ------------------------------- */
div#nav-dynamic
{
    border-top: none;
    margin-bottom: 0px;
    color: #fff;
    background: #000 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: 11px; /* Override widget default */
    background:transparent none no-repeat;
    display: none; 
}
/* Calendar */

table.calendar 
{
    color: #000000;
    border-left-color:#000000;
}
table.calendar caption {
						background-color: #000000;										
						}				
a.previous_month {
					background-image: url(../images/buttons/button-back-notext.gif); 
					filter:none;
				}
a.next_month { 							
					background-image: url(../images/buttons/button-next-notext.gif);
					filter:none;
				}
table.calendar th
{
    color: #dddddd;
    border-right-color: #000000;
    border-bottom-color: #000000;
    background-color: #555555;
}
table.calendar td
{
    background: transparent url(../images/backgrounds/bg_calendar.gif) no-repeat right bottom;
}
table.calendar td.today, table.calendar td.today a, table.calendar td.today a:link, table.calendar td.today a:visited
{
    color: #FFB3B5;
    background: #FF0000 url(../images/backgrounds/bg_calendar.gif) no-repeat left bottom;
}	
table.calendar td a:link, table.calendar td a:visited
{
    background: #747474 url(../images/backgrounds/bg_calendar.gif) no-repeat;
    color: #f8f8ff;
}
table.calendar td a:hover, table.calendar td a:active
{
    background: #777777 url(../images/backgrounds/bg_calendar.gif) no-repeat right top;
    color: #f8f8ff;
}	
							table.calendar td.empty {
						background: transparent url(../images/backgrounds/bg_calendar.gif) no-repeat center bottom;
						}	
/* TOOLTIP HERE DUE TO ISSUES */

.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_red.png);
	background-repeat: no-repeat;
	background-color: transparent;
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="../images/tooltip/bubble_top_down_red.png", sizingMethod="crop");
}


.tooltip_down .fill, .tooltip_up .fill {
	padding: 0px 10px 0px 10px;
	background-image: url(../images/tooltip/bubble_fill_red.png);
	background-repeat: repeat-y;	
	
	background-color: transparent;
}


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

.tooltip_up .top {
	height: 20px;
	overflow: hidden;
	background-image: url(../images/tooltip/bubble_top_up_red.png);
	background-repeat: no-repeat;
	background-color: transparent;
}


.tooltip_up .bottom {
	height: 13px;
	overflow: hidden;
	background-image: url(../images/tooltip/bubble_bottom_up_red.png);
	background-repeat: no-repeat;
	background-color: transparent;
}


.tooltip_down ul, .tooltip_up ul {
	margin-bottom: 0px;
}
ul.nav-primary li.selected + li, ul.nav-primary li.selected ul.nav-secondary li.selected + 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);