/*
c17v1.css
$Revision: 1.7 $
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 
------------------------------------------------  */
.c17v1 {
	margin-right: 8px;
	zoom:1;  /* this style for ie float behavior */
}

/* -----------------------------------------------
     Main tabs non-js version, also affects dhtml 
--------------------------------------------------  */
.c17v1 .tab, .c17v1 .tab-active {
	vertical-align:bottom; 
	zoom:1;  /* this style for ie float behavior */
	font-size:small !important;
}

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

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

.c17v1 .tabset td {
	padding-bottom:0;
	padding-right:2px;
}

.c17v1 .tabset .tab .tabcorner, .c17v1 .tabset .tab-active .tabcorner {
	display: block; 
	background-image: url(/web/fw/w/cl/c17v1/1px_white.gif);
	background-position: top left; 
	background-repeat: no-repeat;
	position:relative;
	top:13px;
	height:1px;
	width:100%;
}
.c17v1 .tabset .tab-active .tabcorner {
	top:8px;
	%top:10px;
	%left:0;
	z-index:1;
}
.c17v1 .tabset .tab .tabcorner span, .c17v1 .tabset .tab-active .tabcorner span {
	background-image: url(/web/fw/w/cl/c17v1/1px_white.gif); 
	background-position: top right; 
	background-repeat: no-repeat;
	height:1px;
	width:1px;
	position:absolute;
	right:0;
	_right:-1px;
}
.c17v1 .tabset .tab-active a{
	text-decoration:none !important;
	display:block;
	border:1px #b6b6b6 solid;
	border-bottom:#fff 3px solid; 
	padding:7px 9px 4px 10px;
	margin-top:7px;
	%margin-top:9px;
	margin-bottom:-4px;
	background:url(/web/fw/w/cl/c17v1/active_gradient.gif) -1px 0 repeat-x;
	background-color:#fff; /* will replace with an img */
 	color:#666 !important;
	cursor:default;
	font-weight:bold;
	overflow:visible;
	position:relative;
	%bottom:0;
	zoom:1;  /* this style for ie float behavior */
	font-size:85.2% !important;
}
.c17v1 .tabset .tab-active a:hover,.c17v1 .tabset .tab-active a:visited,.c17v1 .tabset .tab-active a:link{
	 	color:#666 !important;
}
.c17v1 .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;
	font-size:85.2% !important;
}
.c17v1 .tabset .tab  a:hover,.c17v1 .tabset .tab  a:visited,.c17v1 .tabset .tab  a:link{
	 	color:#2f6681 !important;
}
html>body#libra .c17v1  .tabset .tab a { /* ie7 only */
	%padding-right:9px;
	%padding-left:9px;
}
#framework-base-content .c17v1 .tabset .tab  a:hover {
	background-color:#d1dce4;
	text-decoration:none;
}

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

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

.c17v1 .subtab { 
	margin-bottom:10px; 
	font-size:small !important;
}

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

.c17v1 .subtab ul {
	margin:0;
	padding-left:11px;
	%padding-left:12px;
	_padding-left:16px;
}

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

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

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


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

.c17v1 #subtabs .subtab li {
	margin-left:0; /* To override the style that is applying from .clb ul li{margin:5px 0 0 -18px;} */
}
.c17v1 #subtabs .subtab li a {
	font-size:99.5%; 	
}


/* ---------------------------------------
      Infotab - content container
------------------------------------------ */

.c17v1 .infotab {
	border:1px #ccc solid;
	width:auto;
	border-top:0;
	zoom:1;  /* this style for ie float behavior */
	padding:18px 12px 0; /* Add for PCR tabs */
}
.clb .infotab {   /* Replaced the class c17v1 with clb such that it effects only "clb" component tabs. */
padding:17px 12px 19px !important;
%padding:17px 11px 19px !important;
}
.c17v1 .infotab .tab-col-left {
   float: left;
   width: 306px;
}

.c17v1 .infotab .tab-col-right {
   float: right;
   width: 172px;
}

.infotab:after {
  clear:both;
  content: ".";
  display:block;
  height:0;
  visibility:hidden;
}
.infotab {
  zoom:1;  /* this style for ie float behavior */
}
.c17v1 a{ 
	outline:none;
}
.c17v1 .cl-bottom-corners { display:block; background:url(/web/fw/w/cl/c17v1/4px_corners_ccc.gif) 0 -12px no-repeat; height:4px; width:100%; position:relative; bottom:4px; left:0px; font-size:0;}
.c17v1 .cl-bottom-corners span { display:block; background:url(/web/fw/w/cl/c17v1/4px_corners_ccc.gif) 100% -8px  no-repeat;  height:4px; width:100%; position:relative; bottom:-0px; right:0px;}	

/* sitecopy override for font-size 11px */
#framework-content-main .sitecopy .c17v1 .tabset .tab-active a,
#framework-content-main .sitecopy .c17v1 .tabset .tab  a{
	font-size:85.2% !important ;
}
#framework-content-main .sitecopy .c17v1 .subtab ul {
	%padding-left:11px;
	_padding-left:15px;
}
#framework-content-main .sitecopy .c17v1 .subtab li {	
	font-size:85%; 
}
#framework-content-main .sitecopy .c17v1 .subtab li a{
	font-size:99.5%; 
}
/* Included the below 2 styles to override the styles that are applying from normal version of c17v1  */
.sitecopy .c17v1 .infotab {
	margin:0px;
}	

.sitecopy .c17v1 .subtab li a{
	text-decoration:none;
}	

.sitecopy .c17v1 .subtab li a:hover {
	text-decoration:underline;
}