/* ============================= */
/* == Pumpkin Halloween 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: #ffffff;
}

h1, h2, h3, h4, h5, h6, caption
{
    color: #903000;
}

div#footer
{
    background: url(../images/backgrounds/bg-footer.png);
}

table
{
}
td
{
    background-color: #FFF5ED;
}
tr.alt td, td.alt
{
    background-color: #FFD98C;
}
/* ------------------------------------------------------------------------------------------------------ */
/* SPECIFIC ELEMENTS AND ATTRIBUTES                                                                       */
/* Rules that apply to specific elemements in specific locations                                          */
/* ------------------------------------------------------------------------------------------------------ */
div#column_1
{
    border-color: #FFF4DC;
}
/* --------------- */
/* 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-orange.gif);
}
ul.nav-primary li.selected a
{
    background: transparent url(../images/navigation/edge-right-orange.gif) right top no-repeat;
}

/* ------------------------------- */
/* Secondary Navigation - Selected */
/* ------------------------------- */
ul.nav-primary li.nav-secondary li.selected
{
    background-color: #fff4dc;
}
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.gif);
}

/* -------------------- */
/* 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.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);
    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;
}
/* -------------------- */
/* 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: #000000;
    margin-top: 0px;
}
div.widget div.header
{
    background-color: #dc5c01; /* Override default */
    background-image: url(../images/backgrounds/bg-widget-header-orange.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;
}

.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 + span li
{
    background-image: none;
}
ul.nav-primary li.selected ul.nav-secondary li.selected + span li
{
    background-image: none;
}
div.gallery-item div.f2
{
    border-color: #FFF4DC;
}
div#feature-weekly
{
    background-image: url(../images/backgrounds/weeklyschedulebackground.jpg);
}
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);
}
div#feature-weekly li.middle a
{
border-left:1px solid #fef4db;
}

