/* ============================ */
/* ==      Beach 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: #FBFBFB;
}
h1, h2, h3, h4, h5, h6, caption
{
    color: #000;
}
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.png);
}

/* ----------------------------- */
/* Primary Navigation - Selected */
/* ----------------------------- */
ul.nav-primary li.selected
{
    background-image: url(../images/navigation/edge-left-sand.gif); /* EDITED IN IE 6 CSS */
}
ul.nav-primary li.selected a
{
    color: #000000;
    background: transparent url(../images/navigation/edge-right-sand.gif) right top no-repeat; /* EDITED IN IE 6 CSS */
}
ul.nav-primary li.selected ul.nav-secondary li a:visited 
{
    color:#000000;
}
ul.nav-primary li.selected a:hover
{
    color: #FFFFFF;
}
ul.nav-primary li.selected ul.nav-secondary li a:hover
{
    color: #FFFFFF;
}
/* ------------------------------- */
/* Secondary Navigation - Selected */
/* ------------------------------- */

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: #000; /* Color sampled from concept */
}
ul.nav-primary li.selected ul.nav-secondary li.selected a:hover
{
    color: #000; /* Need to override hover color on selected navigation item */
}


/* ------------------------- */
/* Artificial Width Boundary */
/* ------------------------- */
div#boundary
{
    background-image: url(../images/backgrounds/bg-content.png);
    border-left:solid 1px #ffffff;
    border-right:solid 1px #ffffff;
}

/* -------------------- */
/* Column 1 - 580 Width */
/* -------------------- */
div#column_1
{
    border-left:0 solid #FFFFFF;
    border-right:15px solid #FFFFFF;
    float: right;
    right: 15px;
    left: auto;
}

div#column_1 th
{
    background-color: Transparent;
    border-bottom:1px solid #9fa58c;
}
div#column_1 td
{    
    border-bottom:1px solid #9fa58c;
}
div#column_1 tr.alt td,div#column_1 td.alt {					
			background-color: Transparent;
			color:#000000;
			}
div#column_1 td {
			background-color: Transparent;
			color:#000000;
			}
.callout2 td , .callout2 tr.alt td, .callout2 td.alt, .callout2 th  {
			background-color: Transparent;
			color:#ffffff !important;
			}
			
.callout2-alt td , .callout2-alt tr.alt td, .callout2-alt td.alt, .callout2-alt th  {
			background-color: Transparent;
			color:#ffffff !important;
			}
div#column_1 table a
{
    color:Black;
}
/* -------------- */
/* Generic Images */
/* -------------- */
div#column_1 img
{
    margin-bottom: 15px;
}

/* --------------------------------------- */
/* Callout 2 - Column 1 - Width 270        */
/* Inside primary content area - text only */
/* --------------------------------------- */
div.callout2
{
    background-image:url(../images/backgrounds/bg-callout2-sandwhisp2.png);
    background-color:#3c5da6;
}
div.callout2 table, div.callout2-alt table
{
    margin-left: 10px;
    margin-right: 10px;
}
div.callout2-alt
{
    background-image: url(../images/backgrounds/bg-callout2-sandwhisp.png);    
    background-color:#3c5da6;
}
div.callout2 h1, div.callout2 h2, div.callout2 h3, div.callout2 h4, div.callout2 h5, div.callout2 h6
{
    color: #ffffff;
}

div.callout2 *
{
    color: #ffffff !important;
}		
div.callout2 div.corners-bottom 
{
    background-image: none;

    margin-top: 3px;
}
div.callout2-alt div.corners-bottom 
{
    background-image:none;
    margin-top: 3px;
}

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: #ffffff;
}
div.callout2-alt *
{
    color: #ffffff !important;
}
div.callout2, div.callout2-alt 
{
    overflow:hidden;
}

/* -------------------- */
/* Column 2 - 260 Width */
/* -------------------- */
div#column_2
{
    float: left;
    background-image: url(../images/backgrounds/column2header.png);
    background-position:top left;
    background-repeat:no-repeat;
    background-color:Transparent;
    padding-top: 30px;
}
div.widget
{ padding-top: 10px;
    color: #000 !important;
    background: #fff url(../images/backgrounds/bg-nav-dynamic.png) repeat-y left top;
    margin: 0px 0px;
   }
div.widget div.header
{
    background:none;
  }
div.widget h3
{
    background-image: url(../images/backgrounds/bg-nav-dynamic-header.png); /* Override widget default */
    background-repeat: repeat-x;
    filter: none;
    color: #000;
    font-weight: bold;
    top:auto;
    bottom:auto;
    padding-top:3px;
    padding-bottom:3px;
    display:block;
   }
div.widget div.content
{   
    background: none;
    border: none;
    
   }
div.widget div.footer
{width: 260px;
    height: 11px; /* Override widget default */
    filter:none;    
    background-image: url(../images/backgrounds/bg-nav-dynamic-header.png); /* Override widget default */
    background-repeat: repeat-x;
    }

/* ------------------------------- */
/* Dynamic Navigation (Tertiary +) */
/* ------------------------------- */
div#nav-dynamic
{   
   }
div#nav-dynamic div.header
{
    background-color: transparent;
    background-image: none; /* Override widget default */
}
div#nav-dynamic h3
{
    
    
}
div#nav-dynamic div.content
{
    background-color:Transparent;
    border-width: 0;
}
div#nav-dynamic ul
{
    
    list-style-type:none; 
}
div#nav-dynamic li
{
       
}
div#nav-dynamic a
{
    color: #000;
    text-decoration: none;
}
div#nav-dynamic a:hover
{
    text-decoration: underline;
}
div#nav-dynamic div.footer
{   
    
    }

/* 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.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 + li, ul.nav-primary li.selected ul.nav-secondary li.selected + li 
{
    background-image:none
}

div#resetcalendar a  {
color:#000;
margin-left:15px;
}

div#feature-weekly div.schedule td
{
    color:Black !important;
}