﻿/*********************************************************************
MAIN CONTENT
**********************************************************************/
#content	
	{
	padding: 8px 0 15px 8px;
	}

#content p	
	{
	font-size: 15px;
	line-height: 1.3em;
	}





/*********************************************************************
BILLBOARD
**********************************************************************/
#billboard
	{
	width: 690px;
	height: 340px;
	background: url(images/bkg_billboard.gif) top left repeat;
	}

#sliderNav
	{
	width: 180px;
	height: 340px;
	float: left;
	position: relative;
	z-index: 1000;
	}

#sliderNav #slide-1
	{
	display: block;
	height: 111px;
	padding: 60px 0 0 30px;
	margin-top: -1px;
	}

#sliderNav #slide-2
	{
	display: block;
	height: 170px;
	padding: 60px 0 0 30px;
	}

#sliderNav #slide-3
	{
	display: block;
	height: 71px;
	padding: 43px 0 0 30px;
	}

#sliderNav span
	{
	display: block; 
	}
	
a.selected 
	{
	width: 219px;
	background: url(images/bkg_billboardNav_on2.png) center left no-repeat;
	}

#sliderNav a#slide-1.selected
	{
	background:transparent url(images/bkg_billboardNav_on2.png) no-repeat scroll left bottom;
	height:111px;
	position:relative;
	width:180px;
	z-index:100;
	}

#sliderNav a#slide-2.selected
	{
	background:transparent url(images/bkg_billboardNav_onBottom2.png) no-repeat scroll left center;
	height:111px;
	position:relative;
	width:180px;
	z-index:100;
	}	

#sliderNav a#slide-3.selected
	{
	width: 219px;
	height: 72px;
	padding: 45px 0 0 40px;
	margin-top: -2px;
	position: relative;
	z-index: 100;
	background: url(images/bkg_billboardNav_onBottom.png) top left no-repeat;
	}
	
.anythingSlider                         
	{ 
	width: 461px; 
	height: 340px; 
	position: relative;
	float: left;
	}
	
.anythingSlider .wrapper                
	{ 
	width: 510px; 
	overflow: auto; 
	height: 340px; 
	position: absolute; 
	}
	
.anythingSlider .wrapper ul             
	{ 
	width: 9999px; 
	list-style: none; 
	position: absolute; 
	top: 0; 
	left: 0;
	margin: 0;
	padding: 0;
	}
	
.anythingSlider ul li                   
	{ 
	display: block; 
	float: left; 
	margin: 0;
	padding: 0; 
	height: 340px; 
	width: 510px; 
	}

.anythingSlider ul li img.bg                  
	{ 
	position: relative;
	top: -340px; 
	float: right;
	width: 100%;
	}

.anythingSlider ul li img.heading
	{ 
	border-bottom: 1px dotted #fff;
	}


/*
  Prevents
*/
.anythingSlider .wrapper ul ul          { position: static; margin: 0 0 15px 10px; background: none; overflow: visible; width: auto; border: 0; }
.anythingSlider .wrapper ul ul li
	{ 
	float: none;
	height: auto;
	width: auto;
	background: none;
	margin: 8px 2px 8px 2px;
	padding: 0 0 0 15px;
	background-image: url(images/arrow_ltblue.gif);
	background-repeat: no-repeat;
	background-position: 0em .25em;
	}
.forward {display: none;}
.back {display: none;}

.sliderContent
	{
	float: left;
	position: relative;
	width: 250px;
	height: 300px;
	padding: 20px 15px 20px 35px;
	z-index: 200;
	background: url(images/bkg_billboardContent.png) top left repeat;
	color: #fff;
	font-size: 10px;
	}

.sliderContent h2.cdars
	{
	background: url(images/bb-cdars-heading.png) top left no-repeat;
	border-bottom: 1px dotted #fff;
	}

.sliderContent h2.ind
	{
	background: url(images/bb-ind-heading.png) top left no-repeat;
	border-bottom: 1px dotted #fff;
	}

.sliderContent p
	{
	line-height: 1.3em;
	padding: 0 0 4px;
	}


/*********************************************************************
TAB CALLOUT
**********************************************************************/
#tabCallout .buttons li
	{
	float: left;
	margin: 0 0 0 0;
	}
	
#tabCallout .buttons a
	{
	font: bold 13px Verdana, Arial, Helvetica, sans-serif;
	background: #d4d4d4 url(images/bkg_tabs.gif) bottom left repeat-x;
	padding: 8px 9px 8px 9px; 
	display: block;
	color: #000;
	cursor: pointer;
	}

#tabCallout .buttons a:hover
	{
	color: #125687;
	}

#tabCallout .ui-tabs-nav .ui-tabs-selected a {
    background-image: none;
	background-color: #DEDEE0;
	}

#tabCallout .tabContent
	{
	background: #DEDEE0; 
	padding: 15px 10px 0 10px;
	float: left;
	width: 236px;
	}

#tabCallout .tabContent img
	{
	float: left;
	border: 1px solid #c8c8c8;
	padding: 3px;
	margin: 0 10px 0 0; 
	}

#tabCallout .item
	{
	margin: 0 0 15px 0;
	}

#tabCallout .webinars
	{
	padding: 7px;
	background: #E8E8E8;
	}

#tabCallout .webinars .title
	{
	font-weight: bold;
	font-size: 11px;
	line-height: 1.4em;
	}

#tabCallout .title
	{
	font-size: 11px;
	line-height: 1.4em;
	}
#tabCallout .whatsnew
	{
	padding: 7px;
	background: #E8E8E8;
	}

#tabCallout .whatsnew .title
	{
	font-weight: bold;
	font-size: 11px;
	line-height: 1.4em;
	}
#tabCallout .whatsnew .date
	{
	visibility: hidden;
	}
	
#tabCallout .title a
	{
	text-decoration: underline;
	color: #333;
	}

#tabCallout .title a:hover
	{
	text-decoration: underline;
	color: #125687;
	}

#tabCallout .date
	{
	font-size: 10px;
	font-weight: bold;
	color: #5381ac;
	display: block;
	margin: 3px 0 0 0;
	}

#tabCallout .bottom
	{
	border-top: 1px solid #fff;
	background: #D4D4D4;
	padding: 4px 8px 0 8px;
	height: 18px;
	position: relative;
	left: -10px;
	font-size: 11px;
	width: 240px;
	}

#tabCallout .bottom a
	{
	padding: 0 0 0 10px;
	background: url(images/arrow_blue.gif) left no-repeat;
	float: left;
	}

#tabCallout .bottom a.rss 
	{
	float: right;
	background: none;
	margin: 0 -8px 0 0;
	}
	
#tabCallout .bottom a.rss img
	{
	border: none;
	padding: 0;
	}

/*********************************************************************
CAREERS
**********************************************************************/
#careers
	{
	clear: both;
	float: left;
	margin: 19px 0 0 0;
	padding: 12px 12px 0px 12px;
	width: 232px;
	height:55px;
	background: url(images/bkg_calloutCareers.gif) top left no-repeat;
	}

#careers a
	{
	display: block;
	color: #c2d1d3;
	font-size: 11px;
	padding: 0 0 0 10px;
	background: url(images/arrow_ltblue.gif) left no-repeat; 
	position: relative;
	z-index: 100;
	}

#careers a:hover
	{
	color: #fff;
	}

#careers img
	{
	float: right;
	position: relative;
	top: -25px;
	right: -12px;
	margin: 0 0 -79px 0;
	}

