/*
tabs.css
$Revision: 1.4 $
styles for tabs can be used for DHTML tabs or hand-coded tabs, see authoring guideline for HTML
(c) 1992-2006 Cisco Systems, Inc. All rights reserved. 
Terms and Conditions: http://cisco.com/en/US/swassets/sw293/sitewide_important_notices.html
*/


/* ---------------------------------------------
      The container 
------------------------------------------------  */
.pagetabs {
	padding-top: 4px; 
}

.sitecopy .pagetabs { 
	margin:10px;
}

.sitecopy .infotab {
	margin:-8px;
}
/* mb bz#2129 fix */
.cdc-fw .sitecopy .infotab { margin:0px; }

/* -----------------------------------------------
     Main tabs non-js version, also affects dhtml 
--------------------------------------------------  */
.pagetabs .tab, .pagetabs .tab-active {
	font-size:85%; 
	vertical-align:bottom; 
}

/* -------------------------------------------
    The table for tabs in DHTML view 
----------------------------------------------- */
.pagetabs .tabset {
	/* the thick line under the tabs */
	border-bottom:#2f6681 3px solid;
	position:relative;
	/* only 2 px gutter */
	margin:0 -8px;
	padding-left:5px;
}

.pagetabs .tabset table { 
	border-collapse: collapse; 
	position:relative;
}

.pagetabs .tabset td {
	padding-bottom:0;
	position:relative;
	padding-right:2px;
}
.pagetabs .tabset .tab, .pagetabs .tabset .tab-active {
	font-size:86.5%;
}

.sitecopy .pagetabs .tabset .tab, .sitecopy .pagetabs .tabset .tab-active {
	font-size:98%;
}
.pagetabs .tabset .tab .tabcorner, .pagetabs .tabset .tab-active .tabcorner {
	display: block; 
	background-image: url(/swa/i/1px_white.gif);
	background-position: top left; 
	background-repeat: no-repeat;
	position:relative;
	top:13px;
	height:1px;
	width:100%;
	/*z-index:100; */
}
.pagetabs .tabset .tab-active .tabcorner {
	top:8px;
	%top:10px;
	%left:0;
	z-index:1;
}
.pagetabs .tabset .tab .tabcorner span, .pagetabs .tabset .tab-active .tabcorner span {
	background-image: url(/swa/i/1px_white.gif); 
	background-position: top right; 
	background-repeat: no-repeat;
	height:1px;
	width:1px;
	position:absolute;
	right:0;
	_right:-1px;
}
.pagetabs .tabset .tab-active a{
	text-decoration:none;
	display:block;
	border:1px #b6b6b6 solid;
	border-bottom:#fff 3px solid; 
	padding:7px 9px 4px 10px;
	margin-top:7px;
	margin-bottom:-4px;
	background:url(/web/fw/i/active_gradient.gif) -1px 0 repeat-x;
	background-color:#fff; /* will replace with an img */
 	color:#666;
	cursor:default;
	font-weight:bold;
	overflow:visible;
	position:relative;
	%bottom:-2px;
}

.pagetabs .tabset .tab  a {
	text-decoration:none;
	display:block;
	border:1px #ccc solid;
	border-bottom:0px;
	margin-top:12px;
	padding:3px 9px 3px 10px;
	background-color:#eaeff2;
	color:#2f6681;
	font-weight:bold;
}
html>body#fw-mb .pagetabs  .tabset .tab a { /* ie7 only */ /* changed from #libra */
	%padding-right:9px;
	%padding-left:9px;
}
#framework-base-content .pagetabs .tabset .tab  a:hover {
	background-color:#d1dce4;
	text-decoration:none;
}

.pagetabs .tabset .endtail {
	border-bottom:1px #666 solid;
	color:#fff;
}


/* ----------------------------------
   Affects subtabs in both views 
------------------------------------*/

.pagetabs .subtab { 
	margin-bottom:10px; 
/*	margin-left:-45px;  */
}

.sitecopy .pagetabs .subtab { 
/*	margin-left:-52px; */
}

* html .pagetabs  .subtab { 
	margin-left:-5px;  
}

.pagetabs .subtab ul {
	margin:0;
}

.sitecopy .pagetabs .subtab ul {
/*	margin-left:38px; */
	padding-left:5px;
}

.pagetabs .subtab li {
	padding: 0 2px 0 5px;  
	border-right: 1px solid #333;
	display: inline;
	color:#333;
	font-weight:bold;
	font-size:85%; 
}


.pagetabs .subtab li a {
	font-weight:normal;
}	

.pagetabs .subtab li.last-li {
	border-right: 0px;
}


/* --------------------------------------
     Subtabs in DHTML view 
-----------------------------------------  */
.pagetabs #subtabs { 
	padding:0; 
	border-bottom:1px #ccc solid; 
	margin:10px 0px 6px ; 
}

.pagetabs #subtabs .subtab {
/*	margin-left:-35px;*/
	margin-bottom:10px; 
}

.sitecopy .pagetabs #subtabs .subtab {
/*	margin-left:-44px; */
}

* html .pagetabs #subtabs .subtab {
/*	margin-left:5px; */
}

* html .sitecopy .pagetabs #subtabs .subtab {
/*	margin-left:-42px; */
}


.pagetabs #subtabs .subtab li {
	font-size:88%; 
}