/*
	TABS.CSS
	Description: Styling for CDP-based tab layouts.
	Path: /_consumer/common/tabs.css
*/

/* TABS */
#tabs .ui-tabs-nav li a:link, #tabs .ui-tabs-nav li a:visited { color: #517597; }
#tabs .ui-tabs-nav li a:hover, #tabs .ui-tabs-nav li a:active { color: #517597; }



#tabs { zoom: 1; padding: 5px 0 0 0; margin: 0; float: left; width: 718px; }

.ui-tabs-panel {
	font-size: 12px; 
	line-height: 17px; 
	float: left; 
	clear: both; 
	border-width: 0; 
	width: 715px; 
	padding: 0; 
	margin: 1px 0 0 0; 
	*margin: -6px 0 0 0; 
	_margin-left: 1px; 
	background-color: white;
	background-image: none;
	width: 715px;
	-moz-border-radius-topright: 10px;
	-webkit-border-top-right-radius: 10px;
	border-top-right-radius: 10px;
	-moz-border-radius-bottomright: 10px;
	-webkit-border-bottom-right-radius: 10px;
	border-bottom-right-radius: 10px;
	-moz-border-radius-bottomleft: 10px;
	-webkit-border-bottom-left-radius: 10px;
	border-bottom-left-radius: 10px;
	overflow:hidden;
}
#cdp-accessories .ui-tabs-panel {
	margin: 0; 
	*margin: 0; 
}
#cdp-accessories #tabbed .ui-tabs-nav li {
    background: #666;
	background: -moz-linear-gradient(center top , #666666 0%, #4B4B4B 40%, #4B4B4B 60%, #666666 100%) repeat scroll 0 0 transparent;
	border-radius: 8px 8px 0 0;
	behavior: url(/css/PIE.htc);
	position: relative;
	overflow: hidden;
}
#cdp-accessories #tabbed .ui-tabs-nav li.ui-state-active {
    background: #d2d2d2;
	background: -moz-linear-gradient(center top , #E1E1E1 0%, #D2D2D2 100%) repeat scroll 0 0 transparent;
    color: #4B4B4B;
}
#cdp-accessories #tabbed .ui-tabs-nav li a{
	background:none;
	filter:none;
	border:0;
}


#tabs .ui-tabs-nav { list-style: none; position: relative; padding: 0; }
#tabs .ui-tabs-nav li { position: relative; float: left; border-bottom-width: 0 !important; padding: 0; margin: 0 0 -1px 0;}
#tabs .ui-tabs-nav li a { float: left; padding: .5em 1em; }
#tabs .ui-tabs-nav li a { _position: relative;_z-index: 100; }
#tabs .ui-tabs-nav li.ui-tabs-selected { border-bottom-width: 0; }
#tabs .ui-tabs-nav li.ui-tabs-selected a, #tabs .ui-tabs-nav li.ui-state-disabled a, #tabs .ui-tabs-nav li.ui-state-processing a {cursor: pointer; }
#tabs .ui-tabs-nav li a, .ui-tabs.ui-tabs-collapsible .ui-tabs-nav li.ui-tabs-selected a {cursor: pointer; }

#tabs .ui-tabs-hide {display: none !important; }

#tabs .ui-tabs-nav li a span { background: none; float: none; width: auto; height: auto; padding: 0; }
#tabs .ui-tabs-nav li a span em { background: url('/prxm/prxm_img/global/spinner.gif') 0 0 no-repeat; display: block;  color: #666; font-size: 12px; height: 16px; padding-left: 20px; }


#tabs .ui-tabs-nav li {
	display: block;
	width: 110px;
	height: 27px;
	line-height: 12px;
	margin-right: 7px;
	background: url('/prxm/prxm_img/global/tabs/menu_tab_bg_lt.png') no-repeat;
	_background: url('/prxm/prxm_img/global/tabs/menu_tab_bg_lt.gif') no-repeat;
}

#tabs .ui-tabs-nav li a {
	width: 95px;
	height: 16px;
	padding-left: 10px;
	text-align: center;
	color: #517597;
	font-size: 14px;
	font-weight: bold;
	background: url('/prxm/prxm_img/global/tabs/menu_tab_bg_rt.png') right 0 no-repeat;
	_background: url('/prxm/prxm_img/global/tabs/menu_tab_bg_rt.gif') right 0 no-repeat;
}


#tabs .ui-tabs-nav li.ui-tabs-selected {
	background: url('/prxm/prxm_img/global/tabs/menu_tab_ac_lt.png') no-repeat;
	_background: url('/prxm/prxm_img/global/tabs/menu_tab_ac_lt.gif') no-repeat;
}
#tabs .ui-tabs-nav li.ui-tabs-selected a {
	color: #333;
	background: url('/prxm/prxm_img/global/tabs/menu_tab_ac_rt.png') right 0 no-repeat;
	_background: url('/prxm/prxm_img/global/tabs/menu_tab_ac_rt.gif') right 0 no-repeat;	
}
#tabs .ui-tabs-nav li a { outline: none; }


#tabs .ui-tabs-nav li {
	width: 120px;
	margin-right: 4px;
	_margin-right: 1px;
	margin-bottom: -1px;
	*margin-bottom: 0;
}
#tabs .ui-tabs-nav li a {
	display: block;
	position: relative;
	width: 105px;
	_width: 110px;
	font-size: 11px;
}

/* Different tab sizes */
#tabs .ui-tabs-nav li.narrow {width: 80px;}
#tabs .ui-tabs-nav li.narrow a {width: 65px;}
#tabs .ui-tabs-nav li.medium {width: 100px;}
#tabs .ui-tabs-nav li.medium a {width: 85px;}
#tabs .ui-tabs-nav li.wide { width: 130px; }
#tabs .ui-tabs-nav li.wide a { width: 115px; }
#tabs .ui-tabs-nav li.xwide { width: 150px; }
#tabs .ui-tabs-nav li.xwide a { width: 135px; _width: 140px; }


/* Layouts for inside the tabs */
.ui-tabs-panel h1 { font-size: 18px; line-height: 17px; padding: 5px 0 0 0; margin: 5px 0; height: auto; }
.ui-tabs-panel p { margin: 0 0 10px 0; }
.ui-tabs-panel ul, .ui-tabs-panel ol { margin: 0 0 10px 10px; padding: 0 10px; }
.ui-tabs-panel .tabbed-content { width: 695px; padding: 10px; float: left; }
.ui-tabs-panel .content-block { margin: 0; padding: 0; background: none; width: 695px; _float: none; _overflow: visible; }

.ui-tabs-panel .align-left { float: left; }
.ui-tabs-panel .align-right { float: right; }

.ui-tabs-panel .hr { clear: both; margin: 20px auto; }


.ui-tabs-panel .btm-pagination { margin-bottom: 0; }
	.ui-tabs-panel .btm-pagination ul { float: left; width: 695px; margin: 0; padding: 0; }
		.ui-tabs-panel .btm-pagination ul li.prev { float: left; }
		.ui-tabs-panel .btm-pagination ul li.next { float: right; }
		
		
#fullscreen #tabs { width: 964px; padding-left:2px; }
#fullscreen #tabs .ui-tabs-panel { width: 958px; }
#fullscreen .ui-tabs-panel .tabbed-content { padding:10px 5px; }
#fullscreen .ui-tabs-panel .tabbed-content, #fullscreen .ui-tabs-panel .content-block { width: 950px; }
#fullscreen .ui-tabs-panel .btm-pagination ul { width: 938px; }
#fullscreen .cards-wrapper {left:0;}
#fullscreen .ui-tabs-panel .btm-pagination { width: 938px; background-image: url('/prxm/prxm_img/cdp/tabs_pagination_bg-wide.png'); }