/* $Revision: 2.1 $ 
 * sitecopy_hs CSS 
 * (c) 2006 Cisco Systems, Inc. All rights reserved. Terms and Conditions: 
 ************************************************
 * These divs/classes set the main content regions.  
 *************************************************/
.sitecopy_hs {
	font-family: Arial, Helvetica, sans-serif;
	margin: 10px 0px 0px 0px;
}

.sitecopy_hs .guide {
	position: absolute;
	top: 0px;
	left: 10px;
	border: 1px solid #000;
	width: 276px;
	padding: 0;
	margin: 0;
	height: 650px;
}

.sitecopy_hs .guide2 {
	position: absolute;
	top: 0px;
	left: 10px;
	border: 1px solid #f00;
	width: 261px;
	padding: 0;
	margins: 0;
	height: 650px;
}

.sitecopy_hs .guide3 {
	position: absolute;
	top: 0px;
	left: 10px;
	border: 1px solid #f00;
	width: 15px;
	padding: 0;
	margins: 0;
	height: 650px;
}

.sitecopy_hs h1 {
	font-size: 100%;
	font-weight: bold;
	color: #666666;
	border-left: 1px solid #d6d8da;
	margin: 0px 10px 0px 0px;
	padding: 5px 0px 5px 15px;
}

.sitecopy_hs h1.closed {
	font-size: 100%;
	font-weight: bold;
	color: #666666;
	border-left: 1px solid #d6d8da;
	border-top: 1px solid #d6d8da;
	border-right: 1px solid #d6d8da;
	background-color: #ebebeb;
	padding: 5px 10px 5px 15px;
	margin: 0;
}

.sitecopy_hs h2 {
	font-size: 90%;
	font-weight: bold;
	color: #666666;
	margin-bottom: 0px;
	margin-top: 0px;
	padding: 10px 0px 0px 15px;
}

.sitecopy_hs h1.btm {
	font-size: 115%;
	font-weight: bold;
	color: #666666;
	border-left: 1px solid #d6d8da;
	border-bottom: 1px solid #d6d8da;
	margin: 0px 0px 10px 0px;
	padding: 0px 0px 5px 15px;
	width: 705px;
}

.sitecopy_hs h1.btm-small {
	font-size: 115%;
	font-weight: bold;
	color: #666666;
	border-left: 1px solid #d6d8da;
	border-bottom: 1px solid #d6d8da;
	margin: 0px 0px 10px 0px;
	padding: 0px 0px 5px 15px;
	width: 495px;
}

.sitecopy_hs .footnote {
	font-size: 90%;
	color: #666666;
}

/*******************************************************
 * Form elements
 *******************************************************/
.btn_nav {
	display: inline;
	font-size: 8px;
	font-weight: bold;
	color: #2f6681;
	border-style: solid;
	border-width: 1px;
	border-top-color: #eaeff2;
	border-left-color: #eaeff2;
	border-right-color: #d6d8da;
	border-bottom-color: #d6d8da;
	width: auto;
	height: 18px;
	margin-bottom: 1px;
	padding: 2px 3px 2px 3px;
}

/*******************************************************
 * Promo table behaviors
 *******************************************************/
.sitecopy_hs .table-vision {
	border: 1px solid #d6d8da;
	margin: 0px 0px 10px 0px;
}

.sitecopy_hs .table-vision-nopic {
	margin: 0px 0px 10px 0px;
}

.sitecopy_hs .table-vision td,
.sitecopy_hs .table-vision-nopic td {
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	vertical-align: top;
}

.sitecopy_hs .table-vision-nopic p {
	font-size: 100%;
	margin: 15px 15px 0px 15px;
}

.sitecopy_hs .table-vision .table-column-right {
	background-color: #d5e0e6;
}

.sitecopy_hs td.td-content-right-alt {
	padding-left: -10px;
}

.sitecopy_hs .table-columns,
.sitecopy_hs .table-columns-full,
.sitecopy_hs .table-columns-full-featured {
	border-spacing: 0px;
	border: 1px solid #d6d8da;
	padding: 0px 0px 0px 0px;
	margin: 0px 12px 0px 0px;
}

.sitecopy_hs .table-columns-full {
	margin: 0px 0px 10px 0px;
	border: 1px solid #d6d8da;
}

.sitecopy_hs .table-columns-full-featured {
	margin: 0px;
	background-color: #eaeff2;
}

.sitecopy_hs .table-columns-nort,
.sitecopy_hs .table-columns-nort-full,
.sitecopy_hs .table-columns-nort-nobtm-full,
.sitecopy_hs .table-columns-nort-notop,
.sitecopy_hs .table-columns-nort-notop-nobtm {
	border-spacing: 0px;
	border-left: 1px solid #d6d8da;
	border-bottom: 1px solid #d6d8da;
	border-top: 1px solid #d6d8da;
	margin: 0px 15px 10px 0px;	
	padding: 0;
}

.sitecopy_hs .table-columns-nort-nobtm-full {
	margin: 0;
}

.sitecopy_hs .table-columns-nort-full {
	margin-bottom: 10px;
}

.sitecopy_hs .table-columns-nort-notop,
.sitecopy_hs .table-columns-nort-notop-nobtm {
	border-top: none;
	margin: -10px 15px 0px 0px;
}

.sitecopy_hs .table-columns-nort-notop {
	margin-bottom: 10px;
}

.sitecopy_hs .table-columns td, 
.sitecopy_hs .table-columns tr,
.sitecopy_hs .table-columns-nort-nobtm td,
.sitecopy_hs .table-columns-nort td,
.sitecopy_hs .table-columns-nort-full td,
.sitecopy_hs .table-columns-nort tr {
	margin: 0px 15px 0px 0px;
	padding: 0px 0px 0px 0px;
	vertical-align: top;
}

.sitecopy_hs .table-columns-nort-full td {
	margin-left: 15px;
}

/*******************************************************
 * Promotional Area Content Behaviors
 *******************************************************/
.sitecopy_hs .item .promo-hdr-solid {
	border: 1px solid #d6d8da;
}

.sitecopy_hs .item .promo-hdr-solid h1 {
	margin: 0px;
	padding: 3px 0px 3px 14px;
	font-size: 100%;
	background-color: #d6d8da;
	border-bottom: 1px solid #d6d8da;
}

/* Fixing the height is a hack to get our design system working (i.e. trying to find a way to aligned a 
*  nexted div tag to the bottom of its parent! Not easy to do! */

.sitecopy_hs .promo-text-nohdr {
	height: 163px;
	/* (Mateo Nares) For some reason need this statement to ensure height is kept consistent between browsers! */
	border: 1px solid #d5e0e6;
}

.sitecopy_hs .promo-text-hdr2 {
	height: 105px;
	/* (Mateo Nares) For some reason need this statement to ensure height is kept consistent between browsers! */
	border: 1px solid #d5e0e6;
}

.sitecopy_hs .promo-text-hdr1 {
	height: 120px;
	/* (Mateo Nares) For some reason need this statement to ensure height is kept consistent between browsers! */
	border: 1px solid #d5e0e6;
}

.sitecopy_hs .promo-text-nohdr p {
	font-size: 100%;
	line-height: 15px;
	margin: 16px 15px 0px 30px;
}

.sitecopy_hs .promo-text-hdr2 p,
.sitecopy_hs .promo-text-hdr1 p {
	font-size: 100%;
	line-height: 15px;
	margin: 0px 15px 0px 24px;
}

.sitecopy_hs .promo-link,
.sitecopy_hs .promo-link-noleft {
	padding: 0px;
	margin-bottom: 10px;
	display: block;
}

.sitecopy_hs .promo-link-noleft {
	color: #666666;
	font-size: 100%;
}

.sitecopy_hs .promo-link-noleft a {
	font-weight: bold;
	color: #003399;
	margin: 5px 0px 15px 0px;
}

.sitecopy_hs .promo-link a {
	font-size: 100%;
	padding-left: 40px;
	background: url(http://www.cisco.com/cdc_content_elements/images/css/promo_arrow.gif) 30px 2px no-repeat;
	font-weight: bold;
}

.sitecopy_hs .promo-link-noleft a {
	font-size: 100%;
	padding-left: 25px;
	background: url(http://www.cisco.com/cdc_content_elements/images/css/promo_arrow.gif) 15px 2px no-repeat;
}


.sitecopy_hs .promo-link-hdr2 a,
.sitecopy_hs .promo-link-hdr1 a {
	font-size: 100%;
	font-weight: bold;
	padding-left: 35px;
	background: url(http://www.cisco.com/cdc_content_elements/images/css/promo_arrow.gif) 25px 2px no-repeat;
}

/*******************************************************
 * Item behaviors
 *******************************************************/
.sitecopy_hs .item {
	margin-top: 10px;
	margin-bottom: 10px;
	font-size: 88%;
}

.sitecopy_hs .item-alt {
	margin-top: 10px;
	margin-bottom: 10px;
	margin-left: 0px;
	padding-left: 0px;
	font-size: 88%;
}

.sitecopy_hs .item img {
	margin-top: 5px;
}

.sitecopy_hs .item img.notop {
	margin-top: -10px;
}

.sitecopy_hs .item p {
	margin-bottom: 10px;
	/* added following line to get things to line up properly */
	margin-top: 0px;
/* GS added following 2 lines */
	color: #666666;
/*	font-weight:bold; GS remove bold  */
}

.sitecopy_hs .item-alt p {
	margin-bottom: 10px;
	/* added following line to get things to line up properly */
	margin-top: 0px;
	margin-left: 6px;
/* GS added following 2 lines */
	color: #666666;
/*	font-weight:bold; GS remove bold  */
}

.sitecopy_hs .item p.subtxt,
.sitecopy_hs .item p.subtxt-mar,
.sitecopy_hs .item p.subtxt-smm,
.sitecopy_hs .item p.subtxt-top {
	font-size: 100%;
/*	color: #666666;   GS removed */
	padding-left: 14px;
	margin-top: 0px;
	margin-bottom: 10px;
	padding-right: 15px;
	line-height: 15px;
}

.sitecopy_hs .item p.subtxt-mar {
	margin-top: 10px;
	margin-bottom: 5px;
}

.sitecopy_hs .item p.subtxt-top {
	margin-top: 10px;
	margin-bottom: 10px;
}

.sitecopy_hs .item p.subtxt-smm {
	margin-top: 10px;
	margin-bottom: 5px;
	padding-right: 14px;
	height: 50px;
	color: #535353;
}

.sitecopy_hs .item h1,
.sitecopy_hs .item-alt h1 {
	color: #535353;
	border-left: none;
	padding-left: 14px;
	margin: 15px 15px 0px 10px;
	font-size: 140%;
}

.sitecopy_hs .item h2,
.sitecopy_hs .item-alt h2 {
	display: block;
  	margin: 5px 0px 3px 14px;
  	padding: 0px 0px 0px 0px;
	font-size: 110%;
	font-weight: bold;
	color: #666666;
}

.sitecopy_hs .item h3 {
	display: block;
  	margin: 8px 0px 3px 14px;
  	padding: 0px 0px 0px 0px;
	font-size: 100%;
	font-weight: bold;
	color: #666666;
}

.sitecopy_hs .item-alt h3 {
	display: block;
  	margin: 8px 0px 3px 6px;
  	padding: 0px 0px 0px 0px;
	font-size: 100%;
	font-weight: bold;
	color: #666666;
}

.sitecopy_hs .item .vid {
	padding: 10px;
	background-color: #e5e5e5;
}

.sitecopy_hs .item .vid p {
	padding: 10px 0px 0px 0px;
	margin: 0;
}

.sitecopy_hs .item .vid h2 {
	display: block;
  	margin: 0px 0px 3px 0px;
  	padding: 0px 0px 0px 0px;
	font-size: 110%;
	font-weight: bold;
}

.sitecopy_hs .item .link,
.sitecopy_hs .item .link-top {
	padding-left: 15px;
	padding-right: 15px;
	font-size: 100%;
	margin-bottom: 3px;
}

.sitecopy_hs .item .link-top {
	margin-top: 10px;
	color: #666666;
	font-weight: bold;
}

.sitecopy_hs .item .link-str {
	margin-top: 10px;
	font-weight: bold;
	padding-bottom: 0px;
}

.sitecopy_hs .item .link-arrow-inline {
	display: inline;
	padding-left: 13px;
	font-size: 100%;
	background: url(http://www.cisco.com/cdc_content_elements/images/css/list_arrow_small.gif) 5px 6px no-repeat;
	margin-top: 0px;
}

.sitecopy_hs .item .link-arrow,
.sitecopy_hs .item .link-arrow-top {
	padding-left: 25px;
	font-size: 100%;
	background: url(http://www.cisco.com/cdc_content_elements/images/css/list_arrow_small.gif) 15px 6px no-repeat;
	margin-bottom: 8px;
	padding-right: 15px;
	margin-top: 0px;
}

.sitecopy_hs .item .link-arrow-top {
	margin-top: 5px;
}

/*******************************************************
 * Hover Behaviors (Cross-Browser Compliant)
 *******************************************************/
.td-content-hvr {
	behavior: expression(
	this.onmouseover = new Function("this.className +=' hover'"),
	this.onmouseout = new Function("this.className = this.className.replace(' hover','')"),
	this.style.behavior = null);
	background-color: #eaeff2;
}

.td-content-hvr.hover, .td-content-hvr:hover {
    background-color: #d5e0e6;
}

/*******************************************************
 * Layout tables
 *******************************************************/
.sitecopy_hs .table-2col,
.sitecopy_hs .table-3col {
	margin-bottom: 10px;
}

.sitecopy_hs .table-2col td,
.sitecopy_hs .table-3col td {
	vertical-align: top;
}

.sitecopy_hs .table-2col h1,
.sitecopy_hs .table-3col h1 {
	margin-bottom: 0px;
	font-size: 90%;
	padding-top: 6px;
	padding-bottom: 5px;
	padding-left: 15px;
	padding-right: 15px;
	color: #666666;
}

.sitecopy_hs .content-region-both-bottom {
	margin-left: 15px;
	margin-right: 15px;
	padding-top: 10px;
}

.sitecopy_hs .content-region-both-bottom h1,
.sitecopy_hs .content-region-both-bottom .table-2col h1  {
	border-left: 0px;
	padding-top: 0px;
	padding-left: 0px;
	padding-bottom: 5px;
	border-bottom: 1px solid #d6d8da;
	margin-bottom: 10px;
	margin-top: 0px;
}

/* this is for placement only */
.sitecopy_hs .footer {
	border: 1px solid #d6d8da;
}

/*******************************************************
 * Spotlights
 *******************************************************/
.sitecopy_hs .spotlight {
	display: block;
}

.sitecopy_hs .spotlight-img {
	float:left;
	margin: 2px 10px 0px 0px;
}

.sitecopy_hs .spotlight-txt {
	display: block;
}

.sitecopy_hs .spotlight-magic {
	clear: both;
	display: block;
}

.sitecopy_hs .spotlight-nowrap-60 {
	margin: 0px 0px 0px 75px;
}

.sitecopy_hs .spotlight-nowrap-60 p {
	margin-top: 0px;
	font-size: 100%;
	margin: 0;
	padding-bottom: 5px;
	padding-left: 0px;
	padding-right: 0px;
}

.sitecopy_hs .spotlight-nowrap-60 img {
	margin-left: -75px;
	margin-top: 0px;
	float: left;
	padding-right: 15px;
	padding-bottom: 10px;
}

.sitecopy_hs .item .spotlight-nowrap-60 h2 {
	display: block;
  	margin: 0px 0px 3px 0px;
  	padding: 0px 0px 0px 0px;
	font-size: 110%;
	font-weight: bold;
}

.sitecopy_hs .item .spotlight-nowrap-60-alt {
	margin: -4px 0px 0px 0px;
	border: 1px solid #e5e5e5;
	padding: 10px 0px 5px 10px;
	background-color: #e5e5e5;
}

.sitecopy_hs .item .spotlight-nowrap-60-alt p {
	margin-top: 0px;
	padding-bottom: 0px;
}

.sitecopy_hs .item .spotlight-nowrap-60-alt img {
	margin-left: 0px;
	margin-top: 0px;
	float: left;
	padding-right: 10px;
	padding-bottom: 10px;
}

.sitecopy_hs .spotlight-nowrap-100 {
	margin: 0px 0px 0px 0px;
	border: 1px solid #eaeff2;
	padding: 5px;
	background-color: #eaeff2;
}

.sitecopy_hs .spotlight-nowrap-100 p {
	margin-top: 0px;
	padding-bottom: 0px;
}

.sitecopy_hs .spotlight-nowrap-100 img {
	margin-left: 0px;
	margin-top: 2px;
	float: left;
	padding-right: 10px;
	padding-bottom: 10px;
}

.sitecopy_hs .spotlight-nowrap-100-alt {
	margin: 0px 0px 0px 0px;
	padding: 5px;
}

.sitecopy_hs .item .spotlight-nowrap-100-alt p {
	margin-top: 0px;
	padding-bottom: 0px;
}

.sitecopy_hs .spotlight-nowrap-100-alt img {
	margin-left: 10px;
	margin-top: 2px;
	float: left;
	padding-right: 10px;
	padding-bottom: 10px;
}

/**********************************************************
 * List Element Behaviors
 **********************************************************/
.sitecopy_hs ul li,
.sitecopy_hs ol li {
	color: #003399;	
	font-size: 100%;
	line-height: 17px;
	margin-top: 0px;
	margin-bottom: 0px;
	padding-left: 15px;
}

.sitecopy_hs ul.noleft-notop {
	margin-top: 0px;
	
}

.sitecopy_hs ul.highlight,
.sitecopy_hs ul.highlight-last {
	margin-top: 5px;
}

.sitecopy_hs ul.bulleted,
.sitecopy_hs ul.bulleted-nobot,
.sitecopy_hs ul.highlight-bulleted {
	list-style-type: disc;
	padding: 0px 0px 10px 0px;
	margin-left: 28px;
}

.sitecopy_hs ul.highlight-bulleted {
	padding-top: 0px;
	padding-bottom: 8px;

}

.sitecopy_hs ul.highlight li,
.sitecopy_hs ul.highlight-last li,
.sitecopy_hs ol.highlight li,
.sitecopy_hs ul.highlight-bulleted li {
	color: #666666;
	line-height: 15px;
	margin-bottom: 5px;
}

.sitecopy_hs ul.highlight-last {
	padding-bottom: 0px;
}

.sitecopy_hs ul.highlight-bulleted li {
	color: #666666;
	line-height: 16px;
	margin-bottom: 0px;
}

.sitecopy_hs ul.bulleted li,
.sitecopy_hs ul.bulleted-nobot li,
.sitecopy_hs ul.highlight-bulleted li {
	padding-left: 0px;
}

.sitecopy_hs ul.nobot,
.sitecopy_hs ul.bulleted-nobot {
	padding-bottom: 0px;
}

.sitecopy_hs ul.news {
	padding: 0px 0px 0px 0px;
	margin: 5px 10px 0px 0px;
}

.sitecopy_hs ul.news li {
	padding-left: 25px;
	background: url(http://www.cisco.com/cdc_content_elements/images/css/list_arrow_small.gif) 15px 5px no-repeat;
	line-height: 14px;
	padding-bottom: 8px;
}

.sitecopy_hs ul.logged {
	padding: 0px 0px 0px 0px;
	margin: 5px 10px 0px 0px;
}

.sitecopy_hs ul.logged li {
	padding-left: 25px;
	background: url(http://www.cisco.com/swa/i/padlock.gif) 15px 3px no-repeat;
	line-height: 14px;
	padding-bottom: 5px;
}