.graybordediv{ border-bottom:1px solid #cccccc;}
 .divpaddingtop{padding-top:5px;}
 .imgdivbody{border-bottom:1px solid #cccccc;border-left:1px solid #cccccc; margin-top:0px;vertical-align:top;}
  .divbody{border-bottom:1px solid #cccccc;border-left:1px solid #cccccc; padding-left:8px;}
 .imgdivheading{padding-top:5px;padding-left:5px;padding-bottom:8px; font-size:12px; font-weight:bold; color:#666666;}
  .divheading{padding-top:5px;padding-left:8px;padding-bottom:8px; font-size:12px; font-weight:bold; color:#666666; border-bottom:1px solid #cccccc;}
 .imgdivcontent{padding-left:5px;padding-right:45px; padding-top:0px;}
 .divcontent{padding-top:5px;border-bottom:1px solid #cccccc;padding-right:25px;}
 .imgdiv1{border-right:0px solid #cccccc;border-top:1px solid #cccccc;border-bottom:0px solid #cccccc;}
 .contentdiv{padding-left:10px; padding-right:30px;}
 .imgleftdiv{float:left; padding-left:5px;padding-right:15px;}
 .divpad{padding-left:15px;}
 .divborder{border:1px solid #cccccc;padding:10px 10px 20px 20px;}
 .divgray{background-color:#EBEBEB; height:20px; font-size:13px; font-weight:bold; padding-left:11px; padding-top:3px; border-top:1px solid #cccccc;border-left:1px solid #cccccc;border-right:1px solid #cccccc;}
  .divblue{background-color:#C0D1D9; height:20px; font-size:13px; font-weight:bold; padding-left:10px; padding-top:3px; border-top:1px solid #cccccc;border-left:1px solid #cccccc;border-right:1px solid #cccccc; }
   .divborderblue{border:1px solid #cccccc; padding:10px; padding-top:0px; background-color:#EAEFF2;}
 .divcontent1{padding:5px; padding-bottom:0px;}
 .divleft{float:left; width:45%;}
 .divleftfloat{float:left; }
 .divleftfloatimg{float:left; width:210px; padding:5px;}
 .divfloatright{float:right; width:185px; padding:5px;}
 .divgray_brd{clear:both; border-bottom:1px solid #ccc;}
  .divgray_brd_middle{padding-top:10px;padding-top:16px;clear:both; border-bottom:1px solid #ccc;}
  .divgray_brd_last{padding-bottom:0px;padding-top:16px;clear:both}
 .brownbold{ font-size:12px; font-weight:bold; color:#986700; padding-top:8px;}
 .brownbold-1{ font-size:12px; font-weight:bold; color:#986700; padding-top:10px;}
 .right-presentation{float:right; width:45%;}
 		.clearer{ clear:both; line-height:1px; width:100%;}
.mainfirst{padding:20px 20px 20px 0px;}
.first{ float:left; width:48%;}
.second{ float:left; width:48%;}
.seconddiv{ float:left; width:48%;padding:20px 20px 20px 0px;}
.seperator{ border:1px solid #cccccc;}


 .arrow {
	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;}
	p{ color:#666666; line-height:15px; font-family:Arial, Helvetica, sans-serif; font-size:11px;}
	
/*Start Styles for abstract pages*/	
.main-container{ width:709px; border-style:solid; border-top:none; border-color:#cccccc; border-width:1px; }

.container-title{line-height:23px; background-color:#EBEBEB; padding:0 0 0 10px; border-style:solid; border-left:none; border-color:#cccccc; border-width:1px;  border-right:none; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:12px; font-weight:bold;}

.div-left{ float:left; width:341px; padding:0 0 18px 10px;}
.div-right{ float:left; width:341px; padding:0 0 18px 10px;}

.div-left-second{ float:left; width:341px; padding:0 0 40px 10px;}
.div-right-second{ float:left; width:341px; padding:0 0 40px 10px;}


.top_space{ height:15px;}
.left_space{ float:left; width:10px;}

.bottom_brdr{ float:left; width:696px; border-style:solid; border-left:none; border-color:#cccccc; border-width:1px; border-bottom:none; border-right:none;}

.subtitle{ float:left; padding-left:10px; width:668px; padding-bottom:10px; font-weight:bold;}

.clearer{ clear:both;}
.img-padding{ padding:15px;}
/*End Styles for abstract pages*/	



.contcss {
   font-size:86%; 
   color:#666;
}

.contcss .cn {
   font-size:109.5%; 
   line-height:133.5%;
}

.contcss .jp {
   font-family:ms pgothic, arial, helvetica, sans-serif;
   font-size:109.5%;
   line-height:133.5%;
}

.contcss .kr {
   font-family:dotum, arial, helvetica, sans-serif;
   font-size:109.5%;
   line-height:133.5%;
}

.contcss .rtl {
   font-size:109.5%;
   line-height:133.5%;
   direction:rtl;
}

/* Title parcel styles */
.contcss .content-page-title {
   font-size:164%;
   color:#666;
   font-weight:normal;
   border-bottom:1px solid #ccc;
   border-left:1px solid #ccc; 
   padding:3px 12px 6px 12px;
   %padding-bottom:7px;
   margin:0 ;
}

.contcss .rtl .content-page-title {
   border-left:0;
   border-right:1px solid #ccc; 

}

.contcss .content-page-title h1 {
   font-size:100%;
   font-weight:normal;
   color:#666;
   margin:0;
   padding:0;
}



.contcss .promobox {
   border:1px solid #ccc;
   border-top:0;
   background-color:#d5e0e6;
   min-height:193px; 
   %border-collapse:collapse;
   border-spacing:0;
   margin-top:0;   
   padding-top:0;
   width:100%;  /* so it won't play well with data-driven floating modules */
}

* html .contcss .promobox {
   height:193px;
}

.contcss .promobox td { padding:0; } /* for the image, overridden for the text */

.contcss .promobox .flash-holder {
   background-color:#fff;
   padding:0;
}

.contcss .promobox td #flash-alt {
   padding:0;
   margin:9px 12px 12px 12px;
}

.contcss .promobox #flash-alt p {
   margin-bottom:-1px;
   font-size:100.5%;
   line-height:158.5%;
}

* html .contcss .promobox #flash-alt p {
   padding-bottom:10px; 
   margin:0;
}

.contcss .promobox td.promobox-text {
   padding:12px 16px 16px 16px;
   margin-bottom:0;
   line-height:133.5%;
}

* html .contcss .promobox-text {
   padding-top:9px;
}

.contcss .promobox-text h2{
   color:#666;
   font-size:145.5%;
   line-height:normal;
   border:0 !important;
   margin-bottom:0 !important;
}

.contcss .cn .promobox-text h2,
.contcss .rtl .promobox-text h2 {
   font-size:142%;
   line-height:123.6%;
}

.contcss .promobox-text p {
   margin:0;
   padding:0 0 6px 0;
   font-weight:bold;
}

.contcss .cn .promobox-text p {
   line-height:158.5%;
}

.contcss .jp .promobox-text p,
.contcss .kr .promobox-text p {
   line-height:142%;
}

.contcss .rtl .promobox-text p {
   line-height:146.5%;
}

.contcss .promobox-link {
   background:transparent url(/web/fw/i/promo_arrow.gif) no-repeat left 2px;
   padding-left:11px;
   font-weight:bold;
}

.contcss .rtl .promobox-link {
   background:none;
   padding-left:0;
   font-size:99%;
   line-height:146.5%;
}

.contcss .cn .promobox-link {
   line-height:158.5%;
}

.contcss .jp .promobox-link,
.contcss .kr .promobox-link  {
   line-height:142%;
}

/* Set of image/text modules going across page */

.contcss .promo-set {
   %border-collapse:collapse;
   border-spacing:0;
   margin-top:8px;
}

* html .contcss .promo-set {
   margin-top:7px;
}

.contcss .promo-set th {
   border-left:1px #ccc solid;
}

.contcss .rtl .promo-set th {
   border-right:1px #ccc solid;
   border-left:0;
}

.contcss .promo-set th h2{
   border:0;
   padding:8px 12px 1px 12px;
   margin-bottom:7px;
   text-align:left;
   font-size:104.5%;
}

.contcss .cn .promo-set th h2 {
   font-size:96%;
   line-height:158.5%;
}

.contcss .rtl .promo-set th h2 {
   font-size:120%;
   line-height:133.5%;
   text-align:right !important;
}

.contcss .promo-set th.gutter {
   padding:0;
   margin:0;
   border-left:#fff;
   width:16px;
}

.contcss .promo-set td {
   border-collapse:separate !important;
   background-color:#eaeff2;
   border:1px #ccc solid;
   padding:0;
   vertical-align:top;
   width:220px;
}

.contcss .promo-set .text {
   margin:0; 
   padding:9px 11px 2px 11px;
}

* html .contcss .promo-set .text {
   padding-right:12px;
}

.contcss .promo-set .text p {
   margin:0;
   padding:0;
   padding-bottom:6px;
}

.contcss .promo-set .text ul {
   margin:0;
   padding:0;
   padding-bottom:6px;
   font-size:100.5%;
   line-height:133.5%;
}

.contcss .promo-set .text li {
   padding-bottom:0.4em;
}

/* List modules, and paragraphs */

.contcss .feature-holder p {
   margin-top:0;
   padding-top:0;
   padding-bottom:4px;
   margin-bottom:0;
}

.contcss ul.flush,
.contcss ul.no-bullet {
   margin-top:0;
   padding-top:0;
   padding-bottom:9px;
   margin-bottom:0;
}

.contcss ul.news {
   margin-top:0;
   padding-top:0;
   padding-bottom:7px;
   margin-bottom:0;
}

.contcss ul.compact {
   padding-bottom:0px !important;
}

.contcss .no-bullet,
.contcss .news {
   list-style-type:none;
   margin:0;
   padding:0;
}

.contcss .flush {
   margin-left:12px;
   padding-left:0;
   %padding-left:4px;
}

.contcss .rtl .flush {
   margin-left:0;
   margin-right:12px;
   padding-right:0;
   %padding-right:4px;
}

.contcss .flush li, .contcss .no-bullet li {
   padding-bottom:0.4em;
}

 .contcss .news li  {
   padding-bottom:0.55em;
}

.contcss li.chevron  {
   list-style:none;
   background-image:url(/web/fw/i/chevrons.gif);
   background-repeat:no-repeat;
   background-position:left 0.4em;
   padding-left:10px;
   padding-bottom:0.4em;
}

/* .contcss .rtl li.chevron  {
   background-position:right 0.4em;
   padding-right:10px;
} live site doesn't switch this, chevron points wrong way */

.contcss .standard-holder hr, .contcss .feature-holder  hr {
   height:0;
   border:0;
   border-top:1px #ccc solid;
   margin:9px 0;
   %margin:2px 0;
}

.contcss .thumb img {
   float:left;
   margin:3px 10px 13px 0px;
   width:60px; height:60px;
}

.contcss .thumb .thumb-txt {
   margin-left:72px;
   min-height:60px;
   padding-bottom:6px;
}
* html .contcss .thumb .thumb-txt {
   height:60px;
}

.contcss .thumb .thumb-txt h2,
.contcss .thumb .thumb-txt p,
.contcss .thumb .thumb-txt a {
   margin:0;
}

.contcss .feature-holder .thumb .thumb-txt h3 {
   padding-bottom:4px;
}

.contcss .thumb.wrap .thumb-txt{
   margin-left:0px;   
}

.contcss .standard-holder .main-title {
   border-bottom:1px solid #d6d8da;
   padding:4px 10px;
   margin:0 -10px;
}

.contcss .js-only { display:none; }
.contcss .subcol form {
   padding:3px 0 9px 0;
   margin:0;
}

.contcss .subcol form select {
   font-size:100%;
   color:#666;
}

.contcss .feedback-link {
   background-color:#eaeff2;
}



.contcss table.promobox-cat {
   empty-cells:show;
   }

.contcss .promobox-cat td {
   border:solid 1px #ccc;
   margin:0;
   padding:0;
   }

.contcss .promobox-cat td.main {
   border-bottom:none;
   width:100%;
   vertical-align:top;
   }

.contcss .promobox-cat td.base-link {
   border-top:none;
   vertical-align:bottom;
   }

.contcss .promobox-cat td.base-link br {
   line-height:0;
   }

.contcss .promobox-cat .base-link-holder {
   border-top:solid 1px #ccc;
   padding-top:9px;
   margin:0 12px 13px 12px;
   }

.contcss .promobox-cat td.videobar {
   background-color:#e5e5e5;
   border:none;
   border-left:solid 8px #fff;
   vertical-align:top;
   height:315px;
   }

.contcss .promobox-cat .main-content {
   margin:9px 12px 0 12px;
   %margin-bottom:0;
   }

.contcss .promobox-cat .main-content h3 {
   padding:0;
   }

.contcss .promobox-cat .main-content p {
   padding:0;
   margin-top:10px;
   margin-bottom:10px;
   }

.contcss .promobox-cat .main-content .flush {
   padding-bottom:9px;
   }

.contcss .promobox-cat .flash-alt {
   min-width:164px;
   %width:164px;
   }

.contcss .promobox-cat .promo-video {
   padding:9px 12px 12px;
   }

.contcss .promobox-cat .promo-video h3 {
   padding-bottom:3px;
   }
 .video-span{
font-family:Arial, Helvetica, sans-serif;
font-size:13px;
font-weight:bold;
color:#666666;
border-bottom:4px solid #E5E5E5;}
  
  .contcss .promobox-cat .promo-video span{
font-family:Arial, Helvetica, sans-serif;
font-size:13px;
font-weight:bold;
color:#666666;
border-bottom:5px solid #E5E5E5;
display:block;  } 

.contcss .promobox-cat .promo-video p {
   margin:9px 0 1px;
   }
.contcss .solutions {
   width:709px;
   }

.contcss .solutions .content-page-title {
   border-bottom:none;
   padding-bottom:7px;
   %padding-bottom:8px;
   }

.contcss .solutions .feature-holder {
   padding-left:12px;
   margin-bottom:0px;
   }

.contcss .solutions .feature-holder .flush {
   padding-bottom:8px;
   %padding-bottom:9px;
   }

.contcss .solutions .feature-holder p,
.contcss .solutions .feature-holder h3 {
   padding-bottom:10px;
   }

.contcss .solutions .feature-holder .base-link-holder {
   border-top:solid 1px #ccc;
   padding-top:9px;
   margin-bottom:13px;
   }

.contcss .solutions table.promo-set {
   width:100%;
   }

.contcss .solutions .promo-set th.gutter {
   width:8px;
   }

.contcss .solutions .promo-set .text {
   padding-top:3px;
   padding-bottom:7px;
}

.contcss .solutions .promo-set h4 {
   padding-bottom:4px;
}

@charset "iso-8859-1";
/* CSS Document */
#framework-content-titles-1 h1, #framework-content-titles-1 h2 {
  margin:0;
  padding:0 0 0 13px;
  font-family: Arial, Helvetica, Sans-serif;
  }
#framework-content-titles-1 h1 {
  margin:13px 0 -10px 0;  
  font-size:87%;
  color:#8e9091;
  }
#framework-content-titles-1 h2 {
  padding:13px 0 7px 11px; 
  font-size:175%; 
  line-height:0.92em; 
  color:#424e53;

  }