body { background-color: #FFF; font-family: Arial, Helvetica, sans-serif; line-height: 110%; font-weight: normal; color: #333; margin: 0; padding: 0; }
* { margin: 0; padding: 0; }

h3 { font-size: 1.5em; font-weight: bold; color: #666; border-bottom: 1px solid #CCC; padding: 8px 9px 5px; margin-bottom: 10px; }
p { margin: 5px 0; }

#framework-content-right .padTop { padding-top: 4px; }
/* pad lock and popup icons */
#framework-content-right img,
.contcss .feature-holder img,
.mostPopular img,
table.sortable tbody tr td img { margin: 0 0 -2px 3px; }

div.notice { background-color: #D9E5EB; border: 1px solid #A3C3CE; margin: 6px 0; padding: 0 8px; color: #333; font-size: 86%; }
.indent { margin: 1px 9px 6px; }
.clearFloat { clear: both; }
a.video { background: url(http://www.cisco.com/public/support/tac/play_video.gif) 100% 50% no-repeat; padding-right: 24px; }

.contcss .content-page-subtitle { border-bottom: 1px solid #CCC; border-left:1px solid #CCC; margin: 6px 0 0; padding: 6px 12px 6px; }
.contcss .content-page-subtitle h2 { border: 0; color:#666; font-size: 127.5%; margin: 0; padding: 0; }

.contcss .top-parcel .netPro, 
.contcss .top-parcel .supportWiki { border: none; margin: 0 16px 12px 0px; padding: 0; overflow: hidden; width: 344px; float: left; }
.contcss .top-parcel .supportWiki { width: 335px; margin-right: 0px; }
.contcss .top-parcel .supportWikiDesc { padding: 0 10px 0 75px; background: url(../images/icn/supportwiki.gif) 0 50% no-repeat; }
.contcss .top-parcel .bolster { padding: 5px 0px 3px 5px; }
.contcss .top-parcel .netProDesc { padding: 0 10px 0 60px; background: url(../images/icn/netpro.gif) 0 50% no-repeat; }
.contcss .top-parcel .col { float: left; width: 50%; }
.contcss .top-parcel .left { float: left; padding-right: 12px; }
.contcss .feature-holder img.logo { margin: -0.5em 0 1em; }
.contcss .feature-holder p { padding-bottom: 1em; }
.contcss ul.no-bullet li { padding-bottom: 1em; }
.contcss ul.no-bullet li.catspacing { padding-bottom: 8px; }

.module-related h3 { border: 0; }
.module-related .content { color: #000; display: block; font-size: 85%; margin: 0 0 3px; padding: 3px 12px; }
.module-related .box { border: 1px solid #CCC; padding: 5px 0 12px; margin-top: 12px; }
.module-related .box .content { padding: 3px 11px; }
#framework-content-right .module-related .box img { margin-left: 11px; }

.taskProductSelector { clear: both; background-color: #D5E0E6; border: 1px solid #CCC; margin-top: 0; padding-top: 0; width: 696px; overflow: hidden; }
.taskProductSelector h2 { border: 0; margin-bottom: 0; font-size: 150%; padding: 6px 12px; }
.taskProductSelector ul.no-bullet { margin-top: 6px; margin-left: 12px; }
.taskProductSelector .leftCol { float: left; width: 346px; }
.taskProductSelector .rightCol { float: left; width: 328px; margin-left: 6px; padding-left: 6px; background: url(../images/bg/vrule.gif) 6px 50% no-repeat; }
/* .taskProductSelector .block { margin: 0 0 6px 6px; width: 167px; height: 72px; } */
.taskProductSelector .block { margin: 0px 0px 10px 6px; width: 167px; height: 72px; }
.taskProductSelector .block a { display: block; font-size: 120%; width: 167px; height: 72px; position: relative; }
.taskProductSelector .download a span,
.taskProductSelector .install a span,
.taskProductSelector .maintain a span { position: absolute; top: 20px; left: 67px; cursor: pointer; }
.taskProductSelector .configure a span,
.taskProductSelector .design a span,
.taskProductSelector .troubleshoot a span { position: absolute; top: 26px; left: 67px; cursor: pointer; }
.taskProductSelector .download,
.taskProductSelector .download a:link,
.taskProductSelector .download a:visited { background: url(../images/icn/download.gif) 0 0 no-repeat; }
.taskProductSelector .configure,
.taskProductSelector .configure a:link,
.taskProductSelector .configure a:visited { background: url(../images/icn/configure.gif) 0 0 no-repeat; }
.taskProductSelector .design,
.taskProductSelector .design a:link,
.taskProductSelector .design a:visited { background: url(../images/icn/design.gif) 0 0 no-repeat; }
.taskProductSelector .troubleshoot,
.taskProductSelector .troubleshoot a:link,
.taskProductSelector .troubleshoot a:visited { background: url(../images/icn/troubleshoot.gif) 0 0 no-repeat; }
.taskProductSelector .install,
.taskProductSelector .install a:link,
.taskProductSelector .install a:visited { background: url(../images/icn/install.gif) 0 0 no-repeat; }
.taskProductSelector .maintain,
.taskProductSelector .maintain a:link,
.taskProductSelector .maintain a:visited { background: url(../images/icn/maintain.gif) 0 0 no-repeat; }
.taskProductSelector .downloadSelected a,
.taskProductSelector .download a:hover,
.taskProductSelector .download a:active { background-position: 0 -72px; }
.taskProductSelector .configureSelected a,
.taskProductSelector .configure a:hover,
.taskProductSelector .configure a:active { background-position: 0 -72px; }
.taskProductSelector .designSelected a,
.taskProductSelector .design a:hover,
.taskProductSelector .design a:active { background-position: 0 -72px; }
.taskProductSelector .troubleshootSelected a,
.taskProductSelector .troubleshoot a:hover,
.taskProductSelector .troubleshoot a:active { background-position: 0 -72px; }
.taskProductSelector .installSelected a,
.taskProductSelector .install a:hover,
.taskProductSelector .install a:active { background-position: 0 -72px; }
.taskProductSelector .maintainSelected a,
.taskProductSelector .maintain a:hover,
.taskProductSelector .maintain a:active { background-position: 0 -72px; }

.mostPopular { border-bottom: 1px solid #CCC; overflow: hidden; height: 100%; font-size: 86%; color: #666; }
.mostPopular .col { float: left; width: 50%; }
.mostPopular a { font-weight: bold; }
.mostPopular p { margin-bottom: 12px; }

/* Tools & Resources Table */
.expandCollapseToolList { clear: both; margin: 12px 9px 6px; font-size: 86%; }
.bhvExpandToolList { background: url(../images/btn/plus.gif) 0 0 no-repeat; display: block; height: 13px; padding-left: 18px; }
.bhvCollapseToolList { background: url(../images/btn/minus.gif) 0 0 no-repeat; display: block; height: 13px; padding-left: 18px; }
.toolListTable { height: 100%; }
table.sortable { width: 100%; border: 1px solid #CCC; border-collapse: collapse; font-size: 88%; color: #666;  }
table.sortable tr { background-color: #FFF; }
table.sortable thead tr { background: url(../images/bg/thead.gif) 0 0 repeat-x; }
table.sortable thead tr th { border-left: 1px solid #CCC; border-bottom: 1px solid #CCC; color: #333; white-space: nowrap; font-size: 100%; font-weight: bold; text-align: left; padding: 6px 12px; }
table.sortable thead tr th.sorted { background: #D7E1E6 url(../images/bg/thead_sorted.gif) 0 0 repeat-x; }
table.sortable thead tr th.sortable { background: #EAEAEA url(../images/bg/thead_sortable.gif) 0 0 repeat-x; font-weight: normal; }
table.sortable thead tr th.sorted:hover,
table.sortable thead tr th.sortable:hover,
table.sortable thead tr th.sorted_over,
table.sortable thead tr th.sortable_over { background: #C7D8E3 url(../images/bg/thead_sortable_over.gif) 0 0 repeat-x; font-weight: normal; }
table.sortable thead tr th.sorted:active,
table.sortable thead tr th.sortable:active,
table.sortable thead tr th.sorted_down,
table.sortable thead tr th.sortable_down { background: #FFF url(../images/bg/thead_sortable_down.gif) 0 0 repeat-x; font-weight: normal; }
table.sortable thead tr th a:link,
table.sortable thead tr th a:visited,
table.sortable thead tr th a:hover,
table.sortable thead tr th a:active { color: #333; outline: none; }
table.sortable thead tr th a.sortheader { display: block; padding: 6px 12px; }
table.sortable thead tr th span.sortedUp { padding-right: 12px; background: url(../images/icn/norgie_up.gif) 100% 50% no-repeat; font-weight: bold; }
table.sortable thead tr th span.sortedDown { padding-right: 12px; background: url(../images/icn/norgie_down.gif) 100% 50% no-repeat; font-weight: bold; }
table.sortable tbody tr { background-color: #FFF; }
table.sortable tbody tr:hover { background-color: #F2F2F2; }
table.sortable tbody tr td { padding: 6px 12px; vertical-align: top; border-top: 1px solid #E8E8E8; }
table.sortable tbody tr td a:link,
table.sortable tbody tr td a:visited,
table.sortable tbody tr td a:hover,
table.sortable tbody tr td a:active { outline: none; }

/* Modals -- Hidden by default */
#modalHideSelect { border: 0; margin: 0; padding: 0; z-index: 2639; top: 0; left: 0; position: absolute; filter: alpha(opacity=0); opacity: 0; }
#modalWashout { border: medium none; margin: 0; padding: 0; z-index: 3000; cursor: wait; top: 0; left: 0; position: fixed; background-image: url(../images/bg/washout.png); } /* Using an alpha PNG instead of the opacity class to add support for Opera 8 and below. */
#modal { position: absolute; top: -9999px; left: -9999px; }
.sebtModal { z-index: 3764; position: fixed; }
.sebtToolTip { z-index: 2000; position: absolute; display: none; width: 310px; }

/* Drop shadows for modals and tool tips */
.shadowTopLeft { width: 5px; height: 10px; float: left; background: url(../images/bg/shadow_tl.png); }
.shadowTopRight { width: 5px; height: 10px; float: right; background: url(../images/bg/shadow_tr.png); }
.shadowLeft { padding-left: 5px; background: url(../images/bg/shadow_left.png) 0 0 no-repeat; }
.shadowRight { padding-right: 5px; background: url(../images/bg/shadow_right.png) 100% 0 repeat-y; }
.shadowModalContent { border: 1px solid #999; background-color: #FFF; width: auto; }
.shadowTipContent { border: 1px solid #999; background-color: #FFC; width: auto; }
.shadowBottomLeft { padding-left: 10px; background: url(../images/bg/shadow_bl.png) 0 0 no-repeat; }
.shadowBottomRight { padding-right: 10px; background: url(../images/bg/shadow_br.png) 100% 0 no-repeat; }
.shadowBottom { height: 10px; background: url(../images/bg/shadow_bottom.png) 0 0 repeat-x; }
.modalTitle { background-color: #666; color: #FFF; overflow: auto; }
.modalTitle strong { display: block; float: left; font-size: 110%; margin: 3px 6px 4px; white-space: nowrap; }
.modalTitle div.modalTitleIcons { width: 61px; float: right; text-align: right; margin: 3px 6px 4px; }
.modalTitle div.icnCloseModal { display: inline; background: url(../images/btn/close.gif) 100% 1px no-repeat; width: auto; margin: 0 0 0 10px; }
.modalTitle div.icnNewWindow { display: inline; background: url(../images/btn/new_window.gif) 100% 1px no-repeat; width: auto; margin: 0 0 0 10px; }
.modalTitle a.closeModal { color: #FFF; text-decoration: none; padding-right: 18px;}
.modalTitle a.newWindow { color: #FFF; text-decoration: none; padding-right: 18px;}
.toolTipContent { padding: 5px 5px 0; color: #333; text-align: left; }
.toolTipContent p { line-height: 110%; margin: 0 0 5px; }
.toolTipContent .btnClose { float: right; margin: 0; padding: 0 0 6px 6px; }
.modalContent iframe { border: none; width: 100%; height: 100%; display: none; }