/*
* $Revision: 1.2 $
*
* c58-pilot.css: Selector Bar
*  - c58v1: Four Panel (940px)
*  - c58v2: Three Panel (700px)
*  - c58v3: Two Panel (460px)
*  - c58v4: One Panel (220px)
*/

/* General Properties */
.c58-pilot {
	position:relative;
	height:70px;
	border:solid 1px #ccc;
	background-color:#f9f7f7;
	z-index:20;
	zoom:1;
	}
.c58-pilot .left, 
.c58-pilot .mid, 
.c58-pilot .right {
	position:relative;
	float:left;
	height:50px;
	width:208px;
	padding:10px;
	}
.c58-pilot .mid {
	width:218px;
	border-right:1px solid #ccc;
	border-left:1px solid #f9f7f7;
	}
.c58-pilot .right {
	float:right;
	border-left:1px solid #f9f7f7;
	}
#ie7 .c58-pilot .right {
	width:207px;
	}
.c58v1-pilot .left, 
.c58v2-pilot .left, 
.c58v3-pilot .left {
	border-right:1px solid #ccc;
	}
.c58v4-pilot .left {
	width:198px;
	}
.c58-pilot .title {
	position:relative;
	}
.c58-pilot .menu {
	position:absolute;
	top:71px;
	left:-1px;
	padding:10px 15px 13px;
	background-color:#f9f7f7;
	border:solid 1px #ccc;
	border-top-style:none;
	}
.rtl .c58-pilot .menu {
	right:-1px;
	}
.c58-pilot .left .menu, 
.c58-pilot .mid .menu, 
.c58-pilot .right .menu {
	width:198px;
	box-shadow:0 5px 10px #ddd;
	}
.c58-pilot .mid .menu {
	width:208px;
	}
.c58v4-pilot .left .menu {
	width:188px;
	}
#ie7 .c58-pilot .right .menu {
	width:197px;
	}

/* Icons */
.c58-pilot span.icon {
	position:absolute;
	display:block;
	background:transparent url('//www.static-cisco.com/assets/pilot/c58/c58-background.png') no-repeat 0 -10px;
	height:40px;
	width:40px;
	left:8px;
	top:5px;
	}
.rtl .c58-pilot span.icon {
	left:auto;
	right:8px;
	}
.c58-pilot span.option-2 {
	background-position:0 -50px;
	}
.c58-pilot span.option-3 {
	background-position:0 -90px;
	}
.c58-pilot span.option-4 {
	background-position:0 -130px;
	}
.c58-pilot span.option-5 {
	background-position:0 -170px;
	}
.c58-pilot span.option-6 {
	background-position:0 -210px;
	}
.c58-pilot span.option-7 {
	background-position:0 -250px;
	}
.c58-pilot span.option-8 {
	background-position:0 -290px;
	}
.c58-pilot span.option-9 {
	background-position:0 -330px;
	}
.c58-pilot span.option-10 {
	background-position:0 -370px;
	}
.c58-pilot span.option-11 {
	background-position:0 -410px;
	}
.c58-pilot span.option-12 {
	background-position:0 -450px;
	}
.c58-pilot span.option-13 {
	background-position:0 -490px;
	}
.c58-pilot span.option-14 {
	background-position:0 -530px;
	}
.c58-pilot span.option-15 {
	background-position:0 -570px;
	}
.c58-pilot span.option-16 {
	background-position:0 -610px;
	}
.c58-pilot span.arrow {
	position:absolute;
	display:block;
	background:transparent url('//www.static-cisco.com/assets/pilot/c58/c58-background.png') no-repeat 0 0;
	height:6px;
	width:11px;
	right:10px;
	top:22px;
	}
.rtl .c58-pilot span.arrow {
	left:10px;
	right:auto;
	}

/* Gradients */
.c58-pilot div.left, 
.c58-pilot div.mid, 
.c58-pilot div.right {
	background:#f9f7f7; /* Old browsers */
	background:-moz-linear-gradient(top,  #f9f7f7 0%, #e7e6e6 100%); /* FF3.6+ */
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0%,#f9f7f7), color-stop(100%,#e7e6e6)); /* Chrome,Safari4+ */
	background:-webkit-linear-gradient(top,  #f9f7f7 0%,#e7e6e6 100%); /* Chrome10+,Safari5.1+ */
	background:-o-linear-gradient(top,  #f9f7f7 0%,#e7e6e6 100%); /* Opera 11.10+ */
	background:-ms-linear-gradient(top,  #f9f7f7 0%,#e7e6e6 100%); /* IE10+ */
	background:linear-gradient(to bottom,  #f9f7f7 0%,#e7e6e6 100%); /* W3C */
	/* filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#f9f7f7', endColorstr='#e7e6e6',GradientType=0 );  IE6-9 */
	}
.c58-pilot div.hover, 
.c58-pilot div.selected {
	background:#e6e5e5; /* Old browsers */
	background:-moz-linear-gradient(top,  #e6e5e5 0%, #d7d6d6 100%); /* FF3.6+ */
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0%,#e6e5e5), color-stop(100%,#d7d6d6)); /* Chrome,Safari4+ */
	background:-webkit-linear-gradient(top,  #e6e5e5 0%,#d7d6d6 100%); /* Chrome10+,Safari5.1+ */
	background:-o-linear-gradient(top,  #e6e5e5 0%,#d7d6d6 100%); /* Opera 11.10+ */
	background:-ms-linear-gradient(top,  #e6e5e5 0%,#d7d6d6 100%); /* IE10+ */
	background:linear-gradient(to bottom,  #e6e5e5 0%,#d7d6d6 100%); /* W3C */
	/* filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#e6e5e5', endColorstr='#d7d6d6',GradientType=0 );  IE6-9 */
	}

/* Font styling */
.c58-pilot h2 {
	position:absolute;
	top:16px;
	left:61px;
	width:115px;
	}
.c58-pilot h2.long {
	top:5px;
	line-height:1.4;
	}
.c58-pilot h2.extralong {
	top:0;
	font-size:13px;
	line-height:1.3;
	}
.rtl .c58-pilot h2 {
	left:auto;
	right:61px;
	}
.c58-pilot h2 a:link, 
.c58-pilot h2 a:hover, 
.c58-pilot h2 a:visited, 
.c58-pilot h2 a:active, 
.c58-pilot h2 a {
	color:#444;
	text-decoration:none;
	outline:none;
	}
.c58-pilot ul,
.rtl .c58-pilot ul, 
.rtl .ie67 .c58-pilot ul {
	z-index:300;
	list-style-type:none;
	padding:0;
	margin:0 0 15px;
	}
.c58-pilot li {
	line-height:17px;
	margin:0 0 7px;
	}
.c58-pilot a.cta {
	position:relative;
	padding-left:9px;
	}
.rtl .c58-pilot a.cta {
	padding-left:0;
	padding-right:9px;
	}
.c58-pilot a.cta span.cta {
	display:inline-block;
	position:absolute;
	background:transparent url('//www.static-cisco.com/assets/pilot/c58/c58-background.png') no-repeat -36px 0;
	height:5px;
	width:5px;
	left:0;
	bottom:4px;
	}
.rtl .c58-pilot a.cta span.cta {
	background-position:-31px 0;
	left:auto;
	right:0;
	}

/* Rounded corners */
.c58-pilot {
	-webkit-border-radius:6px;
	-moz-border-radius:6px;
	border-radius:6px;
	}
.c58-pilot.selectleft {
	-webkit-border-radius:6px 6px 6px 0;
	-moz-border-radius:6px 6px 6px 0;
	border-radius:6px 6px 6px 0;
	}
.c58v4-pilot.selectleft {
	-webkit-border-radius:6px 6px 0 0;
	-moz-border-radius:6px 6px 0 0;
	border-radius:6px 6px 0 0;
	}
.c58-pilot.selectright {
	-webkit-border-radius:6px 6px 0 6px;
	-moz-border-radius:6px 6px 0 6px;
	border-radius:6px 6px 0 6px;
	}
.c58-pilot .menu {
	-webkit-border-radius:0 0 6px 6px;
	-moz-border-radius:0 0 6px 6px;
	border-radius:0 0 6px 6px;
	}

/* Rounded corners for inner div with gradient */
.c58-pilot .panel.left {
	-webkit-border-radius:6px 0 0 6px;
	-moz-border-radius:6px 0 0 6px;
	border-radius:6px 0 0 6px;
	}
.c58v4-pilot .panel.left {
	-webkit-border-radius:6px;
	-moz-border-radius:6px;
	border-radius:6px;
	}
.c58-pilot .selected.left {
	-webkit-border-radius:6px 0 0 0;
	-moz-border-radius:6px 0 0 0;
	border-radius:6px 0 0 0;
	}
.c58v4-pilot .selected.left {
	-webkit-border-radius:6px 6px 0 0;
	-moz-border-radius:6px 6px 0 0;
	border-radius:6px 6px 0 0;
	}
.c58-pilot .panel.right {
	-webkit-border-radius:0 6px 6px 0;
	-moz-border-radius:0 6px 6px 0;
	border-radius:0 6px 6px 0;
	}
.c58-pilot .selected.right {
	-webkit-border-radius:0 6px 0 0;
	-moz-border-radius:0 6px 0 0;
	border-radius:0 6px 0 0;
	}

/* Icons */
.c58-pilot ul li span {
	display:inline-block;
	background-image: url('//www.static-cisco.com/assets/pilot/n13/filetype-sprite.png') ;
	background-repeat: no-repeat;
	position:relative;
	margin:0 0 -2px 0;
	left: 8px;
	padding:0;
	width: 16px;
	height: 16px;
	}
.rtl .c58-pilot ul li span {
	right: 8px;
	left: auto;
	}
.c58-pilot span.flash {
	background-position: 0 0;
	}
.c58-pilot span.audio {
	background-position: 0 -16px;
	}
.c58-pilot span.visio {
	background-position: 0 -32px;
	}
.c58-pilot span.lock {
	background-position: 0 -48px;
	}
.c58-pilot span.newwin {
	background-position: 0 -64px;
	}
.c58-pilot span.video {
	background-position: 0 -80px;
	}
.c58-pilot span.pdf {
	background-position: 0 -96px;
	}
.c58-pilot span.zip {
	background-position: 0 -112px;
	}
.c58-pilot span.xls {
	background-position: 0 -128px;
	}
.c58-pilot span.doc {
	background-position: 0 -144px;
	}
.c58-pilot span.ppt {
	background-position: 0 -160px;
	}
.c58-pilot span.txt {
	background-position: 0 -176px;
	}