/*	
	=========================================================
	MadGENIUS Widget CSS - FBIRACING.COM
	Crafted by Rob Rubinoff, Web Producer.
	http://madgeniusinc.com rrubinoff@madgeniusinc.com
	Includes CSS for TABS, CAROUSEL-SLIDER, Sidebar Elements
	=========================================================


/* =HOME WIDGET STYLES
-----------------------------------------------------------------------------------*/


/* agent finder widget*/
.agentFinderHome{
	width: 220px;
	height: 140px;
	margin: 15px 10px 0 0;
	float:right;
	background-image:url(/images/_bg_agentFinder.png);
	background-repeat:no-repeat;
	}
	
.agentFinderHome h3 {color: #fff; padding: 14px 0 0 12px; font-size: 16px; font-weight: normal;}
	
.agentFinderHome ul.statesLft { list-style-type:none; float: left; width: 60px; margin: 3px 20px 0px 5px;}
.agentFinderHome ul.statesRt { list-style-type:none; float: left; width: 100px; margin: 3px 10px 0px 5px;}

.agentFinderHome li {font-size: 11px; font-weight: bold;}
.agentFinderHome li a{color: white; text-decoration:none;}
.agentFinderHome li a:hover{color: white; text-decoration:underline;}


/* sidebar inner */
.widgetAgentFinder-220{
	width: 220px;
	height: 140px;
	background-image:url(/images/_bg_agentFinder.png);
	background-repeat:no-repeat;
	}

.widgetAgentFinder-220 h3 {color: #fff; padding: 14px 0 0 12px; font-size: 16px; font-weight: normal;}
	
.widgetAgentFinder-220 ul.statesLft { list-style-type:none; float: left; width: 60px; margin: 3px 20px 0px 5px;}
.widgetAgentFinder-220 ul.statesRt { list-style-type:none; float: left; width: 100px; margin: 3px 10px 0px 5px;}

.widgetAgentFinder-220 li {font-size: 11px; font-weight: bold;}
.widgetAgentFinder-220 li a{color: white; text-decoration:none;}
.widgetAgentFinder-220 li a:hover{color: white; text-decoration:underline;}



/* =CAROUSEL SLIDER 
-----------------------------------------------------------------------------------*/
.sliderwrapper{
position: relative; /*leave as is*/
overflow: hidden; /*leave as is*/
width: 960px; /*width of featured content slider*/
height: 327px;
}

.sliderwrapper .contentdiv{
visibility: hidden; /*leave as is*/
position: absolute; /*leave as is*/
left: 0;  /*leave as is*/
top: 0;  /*leave as is*/
padding: 0px;

width: 960px; /*width of content DIVs within slider. Total width should equal slider's inner width (390+5+5=400) */
height: 100%;
filter:progid:DXImageTransform.Microsoft.alpha(opacity=100);
-moz-opacity: 1;
opacity: 1;
}

/* hides the pagination links */
.pagination{display: none;}

/* =TABS
-----------------------------------------------------------------------------------*/
/*style of main tab content oontainer*/
.mainTabContainer{ 
border: 1px solid #D3D3D3;
width: 688px;
margin-bottom: 1em;
padding: 7px 5px;
height: 160px;
}

.mainTabContainer h2 {font-size: 18px; font-weight: normal; padding: 6px 0 0 0;}
.mainTabContainer h4{font-style: normal; text-transform:none; font-size: 13px; font-weight: normal; margin: 12px 0px;}
.mainTabContainer p {font-size: 12px; line-height: 1.5; margin: 6px 0px; padding: 0;}
.mainTabContainer ul li {font-size: 12px;}
span.black {color: black; margin: 0; padding: 0;}

/* home tab life stage styles */

img.homeTabLifeStage {float:left;}

.homeTabLifeStageCenter {float: left; width: 220px; height: 144px; border-right:1px solid #D3D3D3; padding: 0 13px; }
.homeTabLifeStageRight {float:left; width: 150px; height: 160px; padding: 0 0 0 13px;}


.tabcontent{ /* hides tabs not active */
display:none;
}

.shadetabs{
padding: 3px 0;
margin-left: 0;
margin-top: 1px;
margin-bottom: 0;
font-size: 16px;
font-weight: bold;
list-style-type: none;
text-align: left; /*set to left, center, or right to align the menu as desired*/
}

.shadetabs li{
display: inline;
margin: 0;
}

.shadetabs li a{
text-decoration: none;

position: relative;
z-index: 1;
padding: 3px 10px;
margin-right: 10px;
border: 1px solid #D3D3D3;
color: #5F5C5C;
 /*background: white url(/images/tab_shade.gif) top left repeat-x; */
 background-color: #CBD2D5;
}

/*.shadetabs li a:visited{
color: #2d2b2b;
}*/

.shadetabs li a:hover{
text-decoration: none;
color: #333;
}

.shadetabs li a.selected{ /*selected main tab style */
position: relative;
}

.shadetabs li a.selected{ /*selected main tab style */
/* background-image: url(/images/tab_shade_active.gif); */
border-bottom-color: white;
background-color: #181512;
color: #eaeaea;
}

.shadetabs li a.selected:hover{ /*selected main tab style */
text-decoration: none;
}


@media print {
.tabcontent {
display:block !important;
}
}