/* CSS Document */
/* Author: Travis Cunningham */
/* Date: December 2007 */
/* Description: General Styles */

/* ----------------------
Homepage
-------------------------*/
div.section #primaryFlashBanner {
	width:736px;
	height:322px;
	float:left;
	position:relative;
}
div.section #secondaryFlashBanner {
	width:199px;
	height:322px;
	float:left;
	position:relative;
}
div.midNavBlock {
	background:url(/images/backgrounds/bg_midNav.jpg) no-repeat;
	width:916px;
	height:254px;
	position:relative;
	margin:5px 0 0 10px;
	padding:16px 0 0 0;
}
div.midNavBlock h3 {
	text-indent:-9999px;
	overflow:hidden;
}
div.midNavBlock h3.midNavConsumer {
	background:url(/images/headers/hdr_consumer.jpg) no-repeat;
	width:224px;
	height:16px;
	float:left;
	margin:0 115px 0 9px;
}
div.midNavBlock h3.midNavSolutions {
	background:url(/images/headers/hdr_solutions.jpg) no-repeat;
	width:210px;
	height:16px;
	float:left;
}
/* Start Tabs */
div.midNavBlock ul.ui-tabs-nav {
	margin:5px 0 0 9px;
}
div.midNavBlock ul.ui-tabs-nav li {
	margin:0;
}
div.midNavBlock ul.ui-tabs-nav li a {
	padding:6px 6px 6px 6px;
	display:block;
	_display:inline;
	font-weight:bold;
	text-transform:uppercase;
	font-size:10px;
}
div.midNavBlock ul.ui-tabs-nav li.ui-tabs-selected a {
	background:url(/images/backgrounds/bg_midNav_tab.jpg) repeat-x left top;
	color:#FFFFFF;
}
div.midNavBlock li.midNavListSpace {
	padding-right:95px;
}
#midNav div.ui-tabs-panel {
	background:url(/images/backgrounds/bg_midNavCont.jpg) no-repeat;
	width:916px;
	height:198px;
	position:relative;
	margin:0;
	float:left;
	margin-top:4px;
}
/* Caution! Ensure accessibility in print and other media types... */
@media projection, screen { /* Use class for showing/hiding tab content, so that visibility can be better controlled in different media types... */
    .ui-tabs-hide {
        display: none;
    }
}

/* Hide useless elements in print layouts... */
@media print {
    .ui-tabs-nav {
        display: none;
    }
}
#tabs .header {
	margin-bottom:20px;
}
#tabs #content {
	border:none;
}
/* Skin */
.ui-tabs-nav, /*.ui-tabs-panel*/ {
}
.ui-tabs-nav {
    list-style: none;
    margin: 0;
    padding: 0 0 0 3px;
}
.ui-tabs-nav:after { /* clearing without presentational markup, IE gets extra treatment */
    display: block;
    clear: both;
    content: " ";
}
.ui-tabs-nav li {
    float: left;
    /*margin: 0 0 0 2px;*/
}
.ui-tabs-nav a:hover, .ui-tabs-nav a:focus, .ui-tabs-nav a:active,
.ui-tabs-nav .ui-tabs-unselect a:hover, .ui-tabs-nav .ui-tabs-unselect a:focus, .ui-tabs-nav .ui-tabs-unselect a:active { /* @ Opera, we need to be explicit again here now... */
    cursor: pointer;
}
.ui-tabs-disabled {
    opacity: .4;
    filter: alpha(opacity=40);
}
.ui-tabs-nav .ui-tabs-disabled a:link, .ui-tabs-nav .ui-tabs-disabled a:visited {
    color: #000;
}
/* Additional IE specific bug fixes... */
* html .ui-tabs-nav, * html .ui-tabs-nav a, * html .ui-tabs-nav a span { /* auto clear and hasLayout, @ IE 6 & IE 7 Quirks Mode */
    display: inline-block;
}
*:first-child+html .ui-tabs-nav  { /* @ IE 7 Standards Mode - do not group selectors, otherwise IE 6 will ignore complete rule (because of the unknown + combinator)... */
    display: inline-block;
}
.ui-tabs-loading em {
    padding: 0 0 0 20px;
    background: url(/images/loading.gif) no-repeat 0 50%;
}
/* End tabs */
div.midContBlock {
	float:left;
	width:220px;
	height:175px;
	overflow:hidden;
	padding:12px 0 0 8px;
}
div.midContBlock h3 {
	text-indent:-9999px;
	overflow:hidden;
	margin:0 0 10px 0;
}
div.midContBlock ul li {
	width:205px;
	margin-bottom:10px;
	
}
div#resourceBlock, div#learnMoreBlock {
	padding-top:22px;
}
div#resourceBlock h3 {
	background:url(/images/headers/hdr_resources.jpg) no-repeat;
	width:87px;
	height:16px;
}
div#learnMoreBlock h3 {
	background:url(/images/headers/hdr_learnMore.jpg) no-repeat;
	width:97px;
	height:16px;
}
div#findBlock form {
	background:url(/images/backgrounds/bg_find_tout.jpg) no-repeat;
	width:188px;
	height:95px;
	padding:10px 0 0 10px;
	margin:5px 0 0 0;
}
div#findBlock form h3 {
	background:url(/images/headers/hdr_find_title.jpg) no-repeat;
	width:149px;
	height:32px;
	margin:0 0 10px 0;
}
div#findBlock h3.hdrLink {
	background:url(/images/backgrounds/bg_hdr_see_more.jpg) no-repeat;
	width:188px;
	height:26px;
	text-indent:0;
}
div#findBlock h3.hdrLink a {
	color:#f0ab00;
	margin:10px 0 0 22px; 
	display:block;
	font-size:13px;
}
div#findBlock h3.hdrLink a:hover {
	text-decoration:underline;
}
div#findBlock h3.hdrLink a span {
	color:#b3b3b3;
}
div#findBlock form input {
	background:url(/images/backgrounds/bg_find_title.jpg) no-repeat;
	border:none;
	width:123px;
	height:19px;
	float:left;
	padding:3px 0 0 4px;
	color:#8b8d8e;
	font-size:10px;
}
div#findBlock form button {
	background:url(/images/buttons/btn_find_title.jpg) no-repeat;
	display:block;
	text-indent:-9999px;
	width:15px;
	height:19px;
	float:left;
	border:none;
}
div.toutHdr {
	background:url(/images/backgrounds/bg_toutHdr.jpg) no-repeat 20px top;
	padding-bottom:55px;
}
div.homeTouts h3 {
	text-indent:-9999px;
	overflow:hidden;
	margin-bottom:12px;
}
div.homeTouts {
	float:left;
	width:260px;
	margin:9px 0 0 0;
	padding-left:50px;
}
div.toutHdr div.pressReleases h3 {
	background:url(/images/headers/hdr_press_releases.jpg) no-repeat;
	width:99px;
	height:12px;
}
div.toutHdr div.popular h3 {
	background:url(/images/headers/hdr_popular.jpg) no-repeat;
	width:212px;
	height:12px;
}
div.toutHdr div.upcoming h3 {
	background:url(/images/headers/hdr_upcoming.jpg) no-repeat;
	width:215px;
	height:12px;
}
div.toutHdr div.pressReleases ul.vtList li, div.toutHdr div.upcoming ul.vtList li {
	margin:8px 0;
}
div.toutHdr div.popular ul.vtList li {
	margin:8px 0 6px 0;
}
div.toutHdr div.pressReleases ul.vtList a, div.toutHdr div.upcoming ul.vtList a {
	color:#FFFFFF;
}
div.toutHdr div.pressReleases ul.vtList a:hover, div.toutHdr div.upcoming ul.vtList a:hover {
	text-decoration:underline;
}