/** * support_hp_decca.css * $Revision: $ * * support_hp_decca.css -- aggregated and minified * DO NOT EDIT THIS FILE -- edit the individual files and rebuild * * decca support css (c) 1992-2011 Cisco Systems, Inc. All rights reserved. * Terms and Conditions: http://cisco.com/en/US/swassets/sw293/sitewide_important_notices.html * (c) 1992-2011 Cisco Systems, Inc. All rights reserved. * Terms and Conditions: http://cisco.com/en/US/swassets/sw293/sitewide_important_notices.html * * * MANIFEST: * /cdc/fw/c/support_hp_decca_base.css 1.6 * /cdc/fw/w/cl/id20/id20.css 1.4 * /cdc/fw/w/cl/id21/id21.css 1.3 * /cdc/fw/w/cl/id22/id22.css 1.3 * /cdc/fw/w/cl/id23/id23.css 1.4 * /cdc/fw/w/cl/id30/id30.css 1.7 * /cdc/fw/w/cl/id36/id36.css 1.2 */ /*! * BEGIN /cdc/fw/c/support_hp_decca_base.css */ /* * support_hp_decca_base.css * Revision: 1.6 * * page styles and overrides for Decca SHP * * (c) 1992-2010 Cisco Systems, Inc. All rights reserved. * Terms and Conditions: http://cisco.com/en/US/swassets/sw293/sitewide_important_notices.html */ #emergency_banner{ width: 940px; margin: 0 auto 5px; } #location_wrapper{ margin: 0 auto 19px; width: 940px; position: relative; } #ie7 #location_wrapper{ margin-bottom: 35px;/*IE6/7 needs some extra margin to show as 12px*/ } #locale_selector{ width: 220px;/*need to replace with the actual value*/ position: absolute; right: 0; top: 0; height: 22px; margin-top: -10px; /*to overcome the padding-top in a08v8 component*/ } #location_wrapper:after { /*content:".";*/ height:0; clear:both; } #shp{ width: 940px; margin:0 auto; position: relative; } #shp #shp_tabs{ width: 700px; margin:0 20px 20px 0; } #shp #shp_tabs .c17v2{ margin:0 8px 21px 0; } .entitled #shp_tabs{ width:940px!important; } #shp #col1 { width: 347px; margin-right: 40px; float: left; } #shp #col2 { width: 313px; margin-right: 20px; float: left; } #shp #col3 { width: 220px; position:absolute; top:34px; right:0; } .entitled #col3{ position: static!important;/*nullify the position:absolute in the guest*/ float: right; } #shp #col1 .col, #shp #col2 .col, #shp #col3 .col { width:100%; margin-bottom: 20px; } /***** component overrides*********/ #shp .id20{ margin-bottom:18px; height:auto; } #locale_selector .a08v8 .shp-login { margin-left:-10px; } /********* suggestion box font-size override**********/ #shp .searchbar div.suggestions { font-size: 12px; } /*********************** styles as per the style.min.css. Can these be included in the support decca css? ******************************/ .searchbar div.suggestions { background-color: #FFFFFF; border: 1px solid #CCCCCC; clear: left; padding: 0 0 7px; position: absolute; } .searchbar div.suggestions div.psindent { padding: 2px 10px 2px 8px; text-indent: -3px; } .searchbar div.suggestions div { background-color: #FFFFFF; color: #2F6681; cursor: default; padding: 0; } .searchbar div.suggestions .ascurrent .psindent{ background-color:#d6e0e6; } #psa_autosuggest div.suggestions { top:29px; width:365px; } .infotab .searchbar { float: left; width: 100%; } #psa_autosuggest .searchtermholder input.searchterms{ height:17px; /**input box height in the download section**/ } /****************overrides for the form in downloads tab*********************/ /****************overlay content styling*********************/ .c26v3 #s-modal{ text-align: left; } .c17v2 .tabset { position: relative; margin: 0; } .c17v2 .tabset table { border-collapse: collapse; position: relative; } .c17v2 .tabset td { /*padding: 0px 10px 0px 0px;*/ padding: 0px 6px 0px 0px; } .c17v2 .tabset .tab-active a { color: #333333; cursor: default; display: block; font: 12px arial; font-weight: bold; margin-top: 7px; border-radius:5px 5px 0 0; width:149px; height:auto; padding:9px 8px 8px; text-align: center; position: relative; text-decoration: none; text-shadow: 0 1px 0 #FFFFFF; background: #C7C7C7; background: -moz-linear-gradient(top, #dddddd 26%, #bababa 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(26%,#dddddd), color-stop(100%,#bababa)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #dddddd 26%,#bababa 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #dddddd 26%,#bababa 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, #dddddd 26%,#bababa 100%); /* IE10+ */ background: linear-gradient(to bottom, #dddddd 26%,#bababa 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#dddddd', endColorstr='#bababa',GradientType=0 ); /* IE6-9 */ /*background: url("/etc/designs/cdc/fw/w/cl/c17/tabbg.png") no-repeat left -148px;/*changed let to -148px to make tab height dynamic*/ } .c17v2 .tabset .tab-active a:hover, .c17v2 .tabset .tab-active a:visited, .c17v2 .tabset .tab-active a:link { color: #333333; } .c17v2 .tabset .tab a { color: #666666; display: block; font: 12px arial; font-weight: bold; margin-top: 7px; position: relative; text-decoration: none; border-radius: 5px 5px 0 0; width:147px; height:auto; padding:8px; text-align: center; background: #EDEDED; border-top:1px solid #CCC; border-left:1px solid #CCC; border-right:1px solid #CCC; } .c17v2 .tabset .tab a:hover, .c17v2 .tabset .tab a:visited { color: #666666; /*background: url('/etc/designs/cdc/fw/w/cl/c17/tabbg.png') no-repeat left top;*/ text-decoration: none; background: #DBDBDB; } .c17v2 .tabset .endtail { border-bottom: 1px #666 solid; color: #fff; } .c17v2 .gd02v1 { /*padding: 27px 12px 0px;*/ padding: 13px 12px 0px; } .c17v2 .infotab { border-width: 6px 1px 1px !important; background-color: #f5f5f5; padding-bottom: 10px; -webkit-border-radius: 0px 6px 6px 6px; -moz-border-radius:0px 6px 6px 6px; border-radius:0px 6px 6px 6px; -webkit-box-shadow: 0 6px 4px -3px #D9D9D9; -moz-box-shadow: 0 6px 4px -3px #D9D9D9; box-shadow: 0 6px 4px -3px #D9D9D9; } /* Support home page language selector */ .a08v8 .shp-login { background-color:#EFEFEF; border: 1px solid #CCCCCC; border-radius: 4px 4px 4px 4px; color: #444444; font-size: 13px; height: 22px; padding: 1px; width: 220px; float:right; } /***************************************************************************************************** below section is added from the decca html files. Merged the internal css from the guest, customer and partner files and placed in this file below *******************************************************************************************************/ #shp_tabs .searchtermholder input.searchterms { color: #444444; float: left; font-size: 12px; height: 20px; margin-bottom: 0; margin-left: 0; margin-right: 0; margin-top: 0; padding-left: 10px; padding-right: 10px; width: 323px;/*makes the effective width of the input box as 343px*/ border: #d0d0d0 4px solid; -moz-border-radius: 2px; -webkit-border-radius: 2px; border-radius: 2px; border-right: none; } /*#ie8 .searchbar { margin-top: 14px; }*/ #ie8 .entitled .searchbar{ margin-top:7px; } .ie67 .c17v2 {text-align:left;} .ie #shp_tabs .info-contact .btm-link-list-ip { margin-top: 5px; } .searchbar div.suggestions { background-color: #FFFFFF; border: 1px solid #CCCCCC; clear: left; padding: 0 0 7px; position: absolute;} .entitled #shp_tabs .info-download .col-2 { width: 600px; margin-left: 18px;} /************ IE8 fixes **************/ /*#ie8 #info-shp_product .col-3 { float: none; margin-top: 70px; } .c17v2 .id30v3 .zeroResultWrapper { line-height: 1.45em;} /* Width of Product Support tab (guest != entitled). */ #shp_tabs .infotab { width: 914px; border-color: #bbb;} /* tabs-lock styles not used? */ #shp_tabs .info-contact .tabs-lock-link { margin-left: 8px;} /* Removed .ie67 class and targetting only #ie7 */ #ie8 #shp_tabs input.poly:hover, #ie7 #shp_tabs input.poly:hover{ -pie-background: linear-gradient(#868686, #4e4d4d); /*PIE*/ position: relative; behavior: url(/etc/designs/cdc/fw/lib/PIE.htc); } /* Removed .ie67 class and targetting only #ie7 */ #ie8 #shp_tabs input.poly, #ie7 #shp_tabs input.poly{ -pie-background: linear-gradient(#949494, #666666); /*PIE*/ position: relative; behavior: url(/etc/designs/cdc/fw/lib/PIE.htc); } /* Not used? */ #shp_tabs .contact-case { width: 910px; padding-bottom: 28px;} /* IE6 fix for the button floating right */ #ie6 #shp_tabs input.searchbtn { position: static; } /* IE6 fix for modal box window going below overlay div */ #ie6 #lightbox1 { position: absolute; width: 480px; } /* Hover poly fill */ #shp_tabs input.poly:hover{ background: -webkit-gradient(linear, 0 0, 0 100%, from(#868686) to(#4e4d4d)); /*old webkit*/ background: -webkit-linear-gradient(#868686, #4e4d4d); /*new webkit*/ background: -moz-linear-gradient(#868686, #4e4d4d); /*gecko*/ background: -ms-linear-gradient(#868686, #4e4d4d); /*IE10*/ background: -o-linear-gradient(#868686, #4e4d4d); /*opera 11.10+*/ background: linear-gradient(#868686, #4e4d4d); /*future CSS3 browsers*/ } /* general anchor link styles */ #shp_tabs a { /* color: #2970A6;*/ /*text-decoration: none;*/ font-size: 12px;} /* .list-products is Home Products list on guest version only. */ #shp_tabs ul.list-products { margin-top: 15px;} .searchbar div.suggestions div.psindent { padding: 2px 10px 2px 8px; text-indent: -3px;} .searchbar div.suggestions div { background-color: #FFFFFF; color: #2F6681; cursor: default; padding: 0;} .searchbar div.suggestions .ascurrent .psindent{ background-color:#d6e0e6; } .ie67 .searchbar { position:relative;} .ie67 .c17v2 { text-align: left; } .ie67 #shp_tabs input.searchbtn{ padding:0 8px 0 12px; } .ie67 #shp_tabs input.btn-gray { padding: 0 7px; margin: -1px 8px 3px 0;} .ie #shp_tabs ul.btm-link-list li { margin-bottom: 1px;} .ie #shp_tabs input.btn-gray { background-color: #666; -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; color: #fff; font-size: 11px; text-align: center; font-family: Arial; font-weight: bold; border: 0; padding: 0 2px; height: 28px; margin:12px 8px 7px 0;} .ie #shp_tabs hr.top-links-border { margin: 0; float: left;} .ie #shp_tabs .searchbar { float: left; height: 30px;} .ie #shp_tabs .infotab {/* backfills IE for CSS features */ behavior: url("/etc/designs/cdc/fw/lib/PIE.htc"); } .ie #shp_tabs .info-contact .tabs-rma-link { margin-top: -10px;} .ie #shp_tabs .info-contact .btm-link-list-ip { margin-top: 5px;} .id30 .c22v2 #case-popup-wrapper li:first-child + li + li { display: none;} .entitled .info-contact .tabs-lock-link { display: none; } .entitled .info-contact .tabs-lock { display:none;} .c17v2 .id30v1 { min-height: 275px; } .ie67 .col-2 ul li img { vertical-align: middle; margin-bottom:10px;} #shp_tabs ul.list-products li img, ul.list-products li div { float: left;} #shp_tabs ul.list-products li { height: 32px; margin:0px;} #shp_tabs ul.list-products { margin-top: 15px; } #shp_tabs ul.btm-link-list li { margin-bottom: 0px;}/* changed to fix the original redline issue */ #shp_tabs ul li { line-height: 15px; padding-top: 4px;}/* reverted as per the production */ #shp_tabs input.searchbtn:hover{ background: -webkit-gradient(linear, 0 0, 0 100%, from(#868686) to(#4e4d4d)); /*old webkit*/ background: -webkit-linear-gradient(#868686, #4e4d4d); /*new webkit*/ background: -moz-linear-gradient(#868686, #4e4d4d); /*gecko*/ background: -ms-linear-gradient(#868686, #4e4d4d); /*IE10*/ background: -o-linear-gradient(#868686, #4e4d4d); /*opera 11.10+*/ background: linear-gradient(#868686, #4e4d4d); /*future CSS3 browsers*/ } #shp_tabs input.searchbtn { background-color: #666; -moz-border-radius: 0 3px 3px 0; -webkit-border-radius: 0 3px 3px 0; border-radius: 0 3px 3px 0; color: #fff; font-size: 11px; text-align: center; font-family: Arial; font-weight: bold; border: 0; padding: 0 12px 0 13px; height: 28px; margin-left: -4px; margin-right: 10px; float: left; } #shp_tabs input.poly{ cursor:pointer; background: -webkit-gradient(linear, 0 0, 0 100%, from(#949494) to(#666666)); /*old webkit*/ background: -webkit-linear-gradient(#949494, #666666); /*new webkit*/ background: -moz-linear-gradient(#949494, #666666); /*gecko*/ background: -ms-linear-gradient(#949494, #666666); /*IE10*/ background: -o-linear-gradient(#949494, #666666); /*opera 11.10+*/ background: linear-gradient(#949494, #666666) repeat scroll 0 0 transparent; /*future CSS3 browsers*/} #shp_tabs input.btn-gray { background-color: #666; -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; color: #fff; font-size: 11px; text-align: center; font-family: Arial; font-weight: bold; border: 0; padding: 0 13px; height: 28px; margin: 12px 8px 7px 0px; cursor:pointer; } .entitled #shp_tabs hr.top-links-border { height: 1px; background-color: #ccc; width: 909px; margin: 11px auto 14px; border: none; } #shp_tabs hr.top-links-border { height: 2px; background-color: #ccc; width: 669px; margin: 14px auto 16px; border: none; }/* changed to fix the original redline issue */ #shp_tabs h5.sec-head { font-family: Arial, Helvetica, sans-serif; font-size: 12px; font-weight: bold; color: #444; margin: 0; padding: 0;} #shp_tabs h4.sub-head { font-family: Arial, Helvetica, sans-serif; font-size: 13px; font-weight: bold; color: #444; margin: 0; padding: 0; margin-bottom: 8px;} #shp_tabs a:hover.btn-green-small { text-decoration: none;} #shp_tabs a.preview-link { padding-left: 16px;} #shp_tabs a.btn-green-small { background-color: green; color: #fff; text-align: center; width: 34px; height: 14px; display: inline-block; font-size: 10px; -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px;} #shp_tabs .tab-top-links a.first-link { padding-right: 7px;} /*#shp_tabs .tab-top-links { margin-bottom: 14px;}*//* changed to fix the original redline issue */ .ie #shp_tabs .tab-top-links { margin-bottom: 12px;}/* changed to fix the original redline issue */ #shp_tabs .tabset table td { vertical-align: bottom; /* to avoid bottom space in IE7 */} #shp_tabs .searchtip { font-family: Arial, Helvetica, sans-serif; font-size: 11px; font-weight: normal; color: #444; } #shp_tabs .searchtermholder input.searchterms { color: #444444; float: left; font-size: 12px; height: 20px; margin-bottom: 0; margin-left: 0; margin-right: 0; margin-top: 0; padding-left: 10px; padding-right: 10px; width: 323px;/*makes the effective width of the input box as 343px*/ border: #d0d0d0 4px solid; -moz-border-radius: 2px; -webkit-border-radius: 2px; border-radius: 2px; border-right: none;} .entitled #shp_tabs .infotab { width: 914px; border-color:#bbb; padding-bottom: 10px; -webkit-border-radius: 0px 6px 6px 6px; -moz-border-radius: 0px 6px 6px 6px; border-radius: 0px 6px 6px 6px; border-color:#bbbbbb; } #shp_tabs .infotab .sec-head { margin-top: -2px; margin-bottom: 2px;}/* changed to fix the original redline issue */ #shp_tabs .info-product h4.sub-head { color: #444444; font-family: Arial, Helvetica, sans-serif; font-size: 13px; font-weight: bold; margin: 0 0 5px; padding: 0;} #shp_tabs .info-product h4.p-gap { color: #444444; font-family: Arial, Helvetica, sans-serif; font-size: 13px; font-weight: bold; margin: 18px 0 4px; padding: 0;} #shp_tabs .info-product .col-2 { margin: 11px 8px; /* margin: 16px 8px; */} #shp_tabs .info-product .col-1, #shp_tabs .info-product .col-2 { width: 216px;} #shp_tabs .info-product .bluebox-content-btmlink ul li { line-height: 17px;} .guest #shp_tabs .info-download .col-3 ul { margin-top: 25px; } #shp_tabs .info-download .col-2 ul li, #shp_tabs .info-download .col-3 ul li { line-height: 15px; } #shp_tabs .info-download .col-1 { width: 213px;} #shp_tabs .info-contact .tabs-rma-link { margin-top: -11px;} #shp_tabs .info-contact .tabs-lock-link { margin-left: 8px; } #shp_tabs .info-contact .sec-head-sb { margin-top: 8px;}/* changed to fix the original redline issue */ #shp_tabs .info-contact .sec-head-head { margin-top: 15px;} #shp_tabs .info-contact .col-3 .list-products a { width: 123px; } #shp_tabs .info-contact .col-2 ul li, #shp_tabs .info-contact .col-3 ul li { line-height: 15px; } #shp_tabs .info-contact .col-2, #shp_tabs .info-contact .col-3 { margin-top: 7px; padding-right: 10px; width: 195px; margin-top: 7px\9; } .entitled #shp_tabs .info-contact .col-2 { margin-top:2px; width: 600px; margin-left: 15px; border:none} #shp_tabs .info-contact .col-1, #shp_tabs .info-contact .col-2 { border-right: 1px solid #CCCCCC; } #shp_tabs .info-support .col-1 ul li { width: 195px; margin-top: 9px;} #shp_tabs .info-contact .col-1 li { font-size: 12px;} #shp_tabs .info-contact .col-1 { width: 220px;}/* changed to fix the original redline issue */ .entitled #shp_tabs .info-contact .col-1 { margin-left: 2px; margin-top:-1px; width: 213px;}/* changed to fix the original redline issue */ #shp_tabs .info-contact .btm-link-list-ip { margin-top: 1px;} #shp_tabs .downloads { padding-bottom: 20px;} #shp_tabs .downloads .col-3 { margin-top: 35px;} #shp_tabs .downloads .col-2 { margin: 11px 0 0 43px;} #shp_tabs .downloads .col-1, .downloads .col-2, .downloads .col-3 { width: 195px;} #shp_tabs .contact-case h4.sub-head { margin-bottom: 17px;} #shp_tabs .contact-case { width: 910px; padding-bottom: 28px;padding-left: 16px; } #shp_tabs .contact-case .col-3 { margin: 11px 0px 0 12px;} #shp_tabs .contact-case .col-3 .list-products a { width: 125px;} #shp_tabs .contact-case .col-3 .list-products { margin-bottom: 8px;} #shp_tabs .contact-case .col-2 { width: 196px; margin: 11px 0 0 12px; border-right: #ccc 1px solid; padding-right: 22px;} #shp_tabs .contact-case .col-1, .contact-case .col-2, .contact-case .col-3 { height: 340px;} #shp_tabs .contact-case .col-1 ul li { margin-bottom: 20px;} #shp_tabs .contact-case .col-1 { width: 216px; border-right: #ccc 1px solid;} #shp_tabs .col-2a { margin-top: 15px;} #shp_tabs .col-2 { margin: 9px 18px 0}/* changed to fix the original redline issue */ #shp_tabs .col-1, #shp_tabs .col-2, #shp_tabs .col-3 { margin-top: 9px; float: left; width: 212px; }/* changed to fix the original redline issue */ #shp_tabs .col-1 ul, .col-2 ul, .col-2a ul, .col-3 ul { list-style-type: none; padding: 0px; margin: 0px;} #shp_tabs .clear-fix { clear: both;} #shp_tabs .btm-link a { width: 195px; font-weight: bold;} #shp_tabs .btm-link { margin-top: 1px;} #shp_tabs .altRow { background-color: #f5f6f9;} #psa_autosuggest div.suggestions { top:29px; width:365px;} #ie8 .searchbar,#ie9 .searchbar { margin-top:14px; } #ie8 #shp_tabs input.searchbtn{ padding:0 16px 0 20px; } #ie8 #shp_tabs input.poly:hover, .ie67 #shp_tabs input.poly:hover { -pie-background: linear-gradient(#868686, #4e4d4d); /*PIE*/ behavior: url(/etc/designs/cdc/fw/lib/PIE.htc); } #ie8 #shp_tabs input.poly, .ie67 #shp_tabs input.poly { -pie-background: linear-gradient(#949494, #666666); /*PIE*/ behavior: url(/etc/designs/cdc/fw/lib/PIE.htc); } #ie8 #shp_tabs .searchtermholder input.searchterms, .ie67 #shp_tabs .searchtermholder input.searchterms{ width: 319px;/*there was some extra width in IE7 and 8*/ } .searchbar div.suggestions { background-color: #FFFFFF; border: 1px solid #CCCCCC; clear: left; padding: 0 0 7px; position: absolute; } /* general anchor link styles */ #shp_tabs a { /* color: #2970A6;*/ /*text-decoration: none;*/ font-size: 12px; } #shp_tabs ul.list-products li img, ul.list-products li div { float: left; } #shp_tabs ul.list-products li a.first { border: #e2e2e2 solid; border-width: 1px 0; } #shp_tabs ul.list-products li a { border-bottom: #e2e2e2 1px solid; border-collapse: collapse; vertical-align: middle; display: inline-block; width: 140px; margin-left: 14px; line-height: 32px !important; }/* changed to fix the original redline issue */ #shp_tabs ul.list-products li { min-height: 32px; margin: 0px; height:auto; } #shp_tabs ul.list-products { margin-top: 15px; } /*#shp_tabs ul li { line-height: 22px; }*/ /* changed to fix the original redline issue */ #shp_tabs input.searchbtn { background-color: #666; -moz-border-radius: 0 3px 3px 0; -webkit-border-radius: 0 3px 3px 0; border-radius: 0 3px 3px 0; color: #fff; font-size: 11px; text-align: center; font-family: Arial; font-weight: bold; border: 0; padding: 0 12px 0 13px; height: 28px; margin-left: -4px; margin-right: 10px; float: left; } #shp_tabs h5.sec-head { font-family: Arial, Helvetica, sans-serif; font-size: 12px; font-weight: bold; color: #444; margin: 0; padding: 0; } #shp_tabs h4.sub-head { font-family: Arial, Helvetica, sans-serif; font-size: 13px; font-weight: bold; color: #444; margin: 0; padding: 0; margin-bottom: 8px; } #shp_tabs a:hover.btn-green-small { text-decoration: none; } #shp_tabs a.preview-link { padding-left: 16px; } #shp_tabs a.btn-green-small { background-color: green; color: #fff; text-align: center; width: 34px; height: 14px; display: inline-block; font-size: 10px; -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; } #shp_tabs .tabset table td { vertical-align: bottom; /* to avoid bottom space in IE7 */ } #shp_tabs .searchtip { font-family: Arial, Helvetica, sans-serif; font-size: 11px; font-weight: normal; color: #444; } #shp_tabs .infotab { width: 674px; } #shp_tabs .info-download .col-1, #shp_tabs .info-download .col-2, #shp_tabs .info-download .col-3 { width: 195px; } #shp_tabs .info-download .btm-link { margin-top:28px; }/* changed to fix the original redline issue */ .entitled #shp_tabs .info-download .btm-link { margin-top: 25px; }/* changed to fix the original redline issue */ #shp_tabs .info-contact .tabs-lock-link { margin-left: 8px; } #shp_tabs .info-contact .col-3 { width: 195px; } #shp_tabs .downloads .col-3 { margin-top: 35px; } #shp_tabs .downloads .col-2 { margin: 11px 0 0 43px; } #shp_tabs .downloads .col-1, .downloads .col-2, .downloads .col-3 { width: 195px; } #shp_tabs .contact-case h4.sub-head { margin-bottom: 17px; } #shp_tabs .contact-case { width: 670px; padding-bottom: 28px; padding-left: 16px; } #shp_tabs .contact-case .col-3 { margin: 11px 0px 0 12px; } #shp_tabs .contact-case .col-3 .list-products a { width: 125px; } #shp_tabs .contact-case .col-3 .list-products { margin-bottom: 8px; } #shp_tabs .contact-case .col-2 { width: 196px; margin: 11px 0 0 12px; border-right: #ccc 1px solid; padding-right: 22px; } #shp_tabs .contact-case .col-1, .contact-case .col-2, .contact-case .col-3 { height: 340px; } #shp_tabs .contact-case .col-1 ul li { margin-bottom: 20px; } #shp_tabs .contact-case .col-1 { width: 216px; border-right: #ccc 1px solid; } #shp_tabs .col-1 ul, .col-2 ul, .col-2a ul, .col-3 ul { list-style-type: none; padding: 0px; margin: 0px; } #shp_tabs .btm-link a { width: 195px; font-weight: bold; } #shp_tabs .btm-link { margin-top: 28px; }#shp_tabs .clear-fix { clear: both; } /* ---------------- decca redline changes begin -------------- */ #shp_tabs .info-product .col-2, #shp_tabs .info-product .col-3 { margin-top: 14px; -webkit-margin-before: 15px; } #shp_tabs .info-product .col-1 { margin-top: 10px; -webkit-margin-before: 11px; } #shp_tabs .info-product{ position: relative; } #shp_tabs .info-product .col-1 li a{ font-size:13px; font-weight:bold; } #shp_tabs .info-product .col-2 li, #shp_tabs .info-product .col-3 li { font-size: 12px; line-height: 14px; margin-bottom: 0; padding-bottom: 10px; padding-top: 0; } #ie8 #shp_tabs .info-product .col-2 li, #ie7 #shp_tabs .info-product .col-2 li { padding-bottom:10px; } #shp_tabs .info-product hr.top-links-border { background-color: #CCCCCC; border: medium none; height: 2px; margin: 13px auto 14px; width: 669px; } #shp_tabs .info-product .bottom-prd-link{ /*float: right; margin:0 14px 5px 0; color: #2970A6;*/ font-size: 12px; position: absolute; right: 14px; bottom: 15px; } #shp_tabs .info-product .col-1 ul li span, #shp_tabs .info-contact ul li span { font-size: 12px; color:#9a9a9a; padding-left: 2px; } #shp_tabs .info-product .bottom-prd-link .btm-prd-left{ padding-right: 6px; font-weight: bold; } #shp_tabs .info-product .bottom-prd-link .btm-prd-right{ padding-left: 6px; } #shp_tabs .info-product .bottom-prd-link .btm-prd-center{ color: #9a9a9a; } #shp_tabs .info-product .col-1 ul li { margin-bottom:5px; line-height:15px; } #ie8 #shp_tabs .info-product .col-1 ul li, #ie7 #shp_tabs .info-product .col-1 ul li{ margin-bottom:6px; } #ie8 #shp_tabs .info-product .col-1{ margin-top:8px; } #ie8 #shp_tabs .info-product .col-2, #ie8 #shp_tabs .info-product .col-3{ margin-top:12px; } #ie7 #shp_tabs .info-product .col-1{ margin-top:9px; } .ie #shp_tabs .info-product hr.top-links-border { background-color: #CCCCCC; border: medium none; height: 2px; margin: 1px auto 0px; width: 669px; } /* ---------- contact support ------------------------- */ .ie #shp_tabs .info-contact .col-2 input.btn-gray { background-color: #666; -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; color: #fff; font-size: 11px; text-align: center; font-family: Arial; font-weight: bold; border: 0; padding: 0 2px; height: 28px; margin: -1px 0px 3px 0px; } #shp_tabs .info-contact .col-1, #shp_tabs .info-contact .col-2, #shp_tabs .info-contact .col-3{ float: left; } #shp_tabs .info-contact h5.sec-head { line-height: 14px; margin: 0 0 3px; padding: 0; } #ie7 #shp_tabs .info-contact hr.top-links-border{ margin: 1px auto 0px; } #ie8 #shp_tabs .info-contact hr.top-links-border{ margin: 1px auto 4px; } #shp_tabs .info-contact ul.btm-link-list{ margin-top: 0px; } #shp_tabs .info-contact .col-3 li { padding-bottom: 4px; } #shp_tabs .info-contact .col-1 li a { font-size: 13px; font-weight:normal; } #shp_tabs .info-contact hr.top-links-border { margin: 13px auto 4px; -webkit-margin-after: 5px; } #shp_tabs .info-contact .col-3 h4.sub-head { margin: 0; } #shp_tabs .info-contact .col-2 ul li{ padding-top:0; } #shp_tabs .info-contact .col-1 h4.sub-head { margin-bottom: 9px; line-height: 15px; } #ie #shp_tabs .info-contact hr.top-links-border { margin: 1px auto 2px; } #shp_tabs .info-contact .col-2 ul li.line-bottom{ padding-bottom:4px; *padding-bottom:2px -webkit-padding-after: 3px; -webkit-padding-before: 0; font-size:12px; } #shp_tabs .info-contact .col-2 ul li.returns{ padding:5px 0 3px 0 } #ie8 #shp_tabs .info-contact .btm-link-list-ip { margin-top: -1px;} #ie7 #shp_tabs .info-contact .col-1{ margin-top:-1px; } #ie7 #shp_tabs .info-contact .col-2, #ie7 #shp_tabs .info-contact .col-3{ margin-top:-4px; } #ie7 #shp_tabs .info-contact h5.sec-head { margin-top:4px; margin-bottom:2px; } #ie7 #shp_tabs .info-contact .btm-link-list-ip { margin-top: 1px; } #shp_tabs .info-contact .col-2 ul li input.btn-gray { margin: -1px 8px 3px 0; } /* ---------------- decca redline changes End -------------- */ /* ------------------ loggedin version ------------------------ */ .entitled #info-shp_download .searchbar { margin-top: 7px; } #shp_tabs .hrline{ height: 2px; background: #ccc; margin: 23px 0 9px 0; border:none; width:216px; } #ie7 #shp_tabs .hrline{ margin:10px 0 2px; } #ie8 #shp_tabs .hrline{ margin:22px 0 9px; } #shp_tabs .col-1 .all-prod{ font-size:12px; font-weight:bold; } #shp_tabs .col-1 .model-beta{ font-size:12px; font-weight:normal; } .entitled .info-product .searchbar{ margin:7px 0 3px 0; } #ie8 .entitled .info-product .searchbar{ margin-top: 7px; margin-bottom: 4px; } #ie7 .entitled .info-product .searchbar{ margin-bottom:-10px; } #ie7 .entitled .col-1{ margin-top: -3px; } .entitled .clearSpace{ margin-bottom: -5px; } #ie8 .entitled .clearSpace{ margin-top:-1px; } #ie7 .entitled .clearSpace{ margin-bottom:-6px; } #shp_tabs .info-product .col-1 ul li span, #shp_tabs .info-contact ul li span { font-size: 12px; color: #9a9a9a; padding-left: 2px; } .entitled .info-product .col-1 li a{ font-size:13px; font-weight:bold; } #ie8 .entitled .info-product .col-1 li{ padding-bottom: 0; } #ie7 .entitled .info-product .col-1 ul li, #ie8 .entitled .info-product .col-1 ul li { line-height: 15px; margin-bottom: 6px; } #shp_tabs .info-services a.preview-link { padding-left: 19px; } .entitled .info-product .col-1 { padding-right: 14px; } .entitled .info-product .col-2 { margin: 11px 0; } .entitled .info-contact .col-1 ul li { margin-top: 0; width: 195px; } /* ------------------ loggedin version ------------------------ */ /* * END /cdc/fw/c/support_hp_decca_base.css */ /*! * BEGIN /cdc/fw/w/cl/id20/id20.css */ /* * Revision: 1.4 * * id20.css: Provides classes for component id20 * - id20: Login * * (c) 1992-2009 Cisco Systems, Inc. All rights reserved. * Terms and Conditions: http://cisco.com/en/US/swassets/sw293/sitewide_important_notices.html */ /* ************************************************************* id20: Generic id20 styles ************************************************************* */ .id20 { font-family: Arial, Helvetica, sans-serif; font-size: 12px; padding: 15px 14px 0 14px; /* width: 190px; Width Given to Wrapper in use case*/ /*height: 133px;*/ border: 1px solid #CCCCCC; color: #444444; } .id20.poly { -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; } #ie8 .id20.poly, .ie67 .id20.poly{ /* polyfillIE6-8:ROUNDED*/ behavior: url("/etc/designs/cdc/fw/lib/PIE.htc"); } /* Setting href styles*/ .id20 a { color: #2970A6; text-decoration: none; } /* Setting hover href styles*/ .id20 a:hover { text-decoration: underline; } /* List style declarations*/ .id20 ul { margin: 0; padding: 0; } /* Setting LI bottom margin */ .id20 li { list-style: none; margin-bottom: 8px; line-height: 15px; } /* Login button styles .id20 li.sh-login a { background: url("/web/fw/w/cl/id20/login.gif") no-repeat; color: #FFFFFF; display: block; font-weight: bold; height: 22px; padding: 6px 0 0; text-align: center; text-decoration: none; width: 72px; } */ /* Grey divider */ .id20 li.sh-create { border-bottom: 1px solid #CCCCCC; padding-bottom: 8px; } /* CSS3 rounded corners */ .id20 .sh-login a.btn-gray { background-color: #666666; border: 0 none; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; color: #FFFFFF; font-size: 11px; font-weight: bold; margin-bottom:8px; padding: 6px 19px 6px 20px; text-align: center; text-decoration:none; display:inline-block; } /* CSS3 gradient */ .id20 .sh-login a.btn-gray{ background: -webkit-gradient(linear, 0 0, 0 100%, from(#949494) to(#666666)); /*old webkit*/ background: -webkit-linear-gradient(#949494, #666666); /*new webkit*/ background: -moz-linear-gradient(#949494, #666666); /*gecko*/ background: -ms-linear-gradient(#949494, #666666); /*IE10*/ background: -o-linear-gradient(#949494, #666666); /*opera 11.10+*/ background: linear-gradient(#949494, #666666); /*future CSS3 browsers*/ } /* CSS3 hover gradient */ .id20 .sh-login a.btn-gray:hover{ background: -webkit-gradient(linear, 0 0, 0 100%, from(#868686) to(#4e4d4d)); /*old webkit*/ background: -webkit-linear-gradient(#868686, #4e4d4d); /*new webkit*/ background: -moz-linear-gradient(#868686, #4e4d4d); /*gecko*/ background: -ms-linear-gradient(#868686, #4e4d4d); /*IE10*/ background: -o-linear-gradient(#868686, #4e4d4d); /*opera 11.10+*/ background: linear-gradient(#868686, #4e4d4d); /*future CSS3 browsers*/ } /* IE poly fill */ .ie67 .id20 .sh-login a.poly, #ie8 .id20 .sh-login a.poly{ -pie-background: linear-gradient(#949494, #666666); /*PIE*/ position: relative; behavior: url(/etc/designs/cdc/fw/lib/PIE.htc); } /* IE hover poly fill */ .ie67 .id20 .sh-login a.poly:hover, #ie8 .id20 .sh-login a.poly:hover{ -pie-background: linear-gradient(#868686, #4e4d4d); /*PIE*/ position: relative; behavior: url(/etc/designs/cdc/fw/lib/PIE.htc); text-decoration:none; } /* * END /cdc/fw/w/cl/id20/id20.css */ /*! * BEGIN /cdc/fw/w/cl/id21/id21.css */ /* * Revision: 1.3 * * id21.css: Provides classes for component id21 * - id21: Section Listing * * (c) 1992-2009 Cisco Systems, Inc. All rights reserved. * Terms and Conditions: http://cisco.com/en/US/swassets/sw293/sitewide_important_notices.html */ /* Component base declaration */ .id21 { font-family: Arial, Helvetica, sans-serif; font-size: 12px; /* width: 220px; Width Given to Wrapper in use case */ color: #444444; margin-bottom: 14px; } /* Component header declaration */ .id21 h3 { font-size: 13px; border-bottom: 4px solid #CCCCCC; font-weight: bold; margin-bottom: 11px; padding-bottom: 5px; } /* List style declaration */ .id21 ul { padding: 0px; margin: 0px; } /* Setting LI bottom margin */ .id21 li { list-style: none; margin-bottom: 10px; } /* LI href styles */ .id21 li a { display: block; color: #2970A6; text-decoration: none; } /* LI hover styles */ .id21 li a:hover { text-decoration: underline; } /* LI span styles*/ .id21 li span { display: block; padding: 10px 0px 14px 0px; } /* Overriding display inside span block */ .id21 li span a { display: inline; } /* Overriding CLB line height */ .id21, .id21 li, .id21 h3{ line-height:15px; } /* * END /cdc/fw/w/cl/id21/id21.css */ /*! * BEGIN /cdc/fw/w/cl/id22/id22.css */ /* * Revision: 1.3 * * id21.css: Provides classes for component id21 * - id21: Section Listing * * (c) 1992-2009 Cisco Systems, Inc. All rights reserved. * Terms and Conditions: http://cisco.com/en/US/swassets/sw293/sitewide_important_notices.html */ /* width and spacing of the component */ .id22 { /* width:313px; Width Given to Wrapper in use case*/ margin:0; } .id22 ul li, .id22 p, .id22 div, .id22 a, .id22 strong { line-height:18px; } /* bottom space for title of a section in the component */ .id22 .block-title { margin:10px 0; float:left; width:100%; } /* leaving space on the left to have image and uniform space through out the column */ .id22 .expert-content{ margin-left:90px; } .id22 .title-link { font-weight:bold; } .id22 .gray-text { color:#434343; font-size:11px; } /* profile image floated left */ .id22 img.block_thumb { float:left; margin-right:12px; } /* bottom space for the first section - Ask Expert */ .id22 .expert-wrap { margin-bottom:10px; } /* bottom space for the second section - Blogs */ .id22 .blog-wrap { margin-bottom:8px; } /* general anchor link styles */ .id22 a { color: #2970A6; text-decoration: none; } .id22 a:hover { text-decoration:underline; } .id22 .clear-fix { clear: both; } /* horizontal line below the component */ .id22 .hr-line { background-color:#ccc; height: 1px; border:0; margin: 15px 0 0; } .ie .id22 .hr-line { float:left; } /* * END /cdc/fw/w/cl/id22/id22.css */ /*! * BEGIN /cdc/fw/w/cl/id23/id23.css */ /* * Revision: 1.4 * * id21.css: Provides classes for component id21 * - id21: Section Listing * * (c) 1992-2009 Cisco Systems, Inc. All rights reserved. * Terms and Conditions: http://cisco.com/en/US/swassets/sw293/sitewide_important_notices.html */ .id23 { font-family: Arial, Helvetica, sans-serif; line-height:1; } /* .id23v2 { width:347px; fixing the width of the component } .id23v1 { width:313px; fixing the width of the component }*/ .id23 ul li, .id23 p, .id23 div, .id23 a, .id23 strong { line-height:18px; } .id23v2 img.lock-icon { margin:0 8px 0 1px; float:left; padding-top:5px; } .entitled .id23v2 img.lock-icon, .id23v2 img.lock-icon.hidden { display:none; } .id23v2 .link-lock-icon { margin-left:5px; } .entitled .id23v2 .link-lock-icon,.id23v2 .link-lock-icon.hidden { display:none; } .id23 .block-head { margin-bottom: 9px; /* space below heading */ border-bottom: 4px #ccc solid; /* bottom border of heading */ } /* left and right spacing for security advisories icon */ .id23v2 .block-head img.sec-icon { margin-right: 10px; margin-left: 1px; float:left; } /* left and right spacing for Tools icon */ .id23v2 .block-head img.tools-icon { margin-right: 7px; margin-left: 1px; float:left; } /* left and right spacing for Community icon */ .id23v1 .block-head img.com-icon { margin-right: 14px; margin-left: 1px; float:left; } /* heading styles */ .id23 .block-head h2 { font-family: Arial, Helvetica, sans-serif; font-size: 18px; font-weight:normal; margin:0 0 7px 0; color:#333; line-height:18px; /*padding-top:8px;*/ } /* link beside the heading styles */ .id23 .block-head h2 a { font-family: Arial, Helvetica, sans-serif; font-size: 12px; font-weight:normal; /*margin-left:10px;*/ display: block; } .id23 .block-title { margin-bottom:15px; float:left; width:100%; } /* general anchor link styles */ .id23 a { font-size:12px; font-weight:normal; color: #2970A6; text-decoration: none; } .id23 a:hover { text-decoration:underline; } .id23 .clear-fix { clear: both; } /* style for horizantal line in the bottom of the component */ .id23 .hr-line { background-color:#ccc; height: 1px; border:0; margin: 0px 0 5px 0; } .id23v1 .com-list ul li { margin:0 0 3px 0; } /* space below the component */ .id23v2 .tools-list { margin:0 0 16px 0; } /* style for Tools and Security Advisories list items */ .id23v2 .tools-list ul, .id23v2 .sec-adv-list ul { list-style:none; line-height: 12px; margin:0; width: 100%; padding:0; } /* style for Tools list items */ .id23v2 .tools-list ul li { display: block; margin-bottom:10px; color:#444; font-size;12px; line-height:18px; } .id23v2 .tools-list ul li.last-list { margin-bottom:0px; /* fix for ie space in bottom */ } .id23v2 .tools-list ul li a { margin:0; } /* style for Login Required link in the bottom of Tools section */ .id23v2 .btm-log-req { font-size:11px; color:#444; } .entitled .id23v2 .btm-log-req, .id23v2 .btm-log-req.hidden { display:none; } /* spacing below and above the component */ .id23v2 .sec-adv-list{ margin-bottom:20px; } .id23v2 .sec-adv-list ul li { line-height:18px; } .id23v2 .sec-adv-list ul li a { display: block; margin-bottom:3px; } /* space above the community section list border */ .id23v1 .com-list .hr-line { margin-top: 16px; } /* community list item styling */ .id23v1 .com-list ul { list-style:none; line-height: 24px; margin:0; width: 100%; padding:0; } /* styles for left column list in community section */ .id23v1 .com-list ul.first-col-list { list-style:none; float: left; width: 50%; margin:0; margin-right:18px; margin-bottom: 17px; } .ie .id23v1 .com-list ul.first-col-list { width: 145px; /* hack for IE 7 */ margin-bottom:5px; } /* styles for right column list in community section */ .id23v1 .com-list ul.second-col-list { list-style:none; } .ie .id23v1 .com-list ul.second-col-list { float: right;/* hack for IE 7 */ width: 122px; /* hack for IE 7 */ } .ie .id23 .hr-line { float:left; } /* * END /cdc/fw/w/cl/id23/id23.css */ /*! * BEGIN /cdc/fw/w/cl/id30/id30.css */ /* * Revision: 1.7 * * id30.css: styles for tables and hovers in SHP * * * (c) 1992-2009 Cisco Systems, Inc. All rights reserved. * Terms and Conditions: http://cisco.com/en/US/swassets/sw293/sitewide_important_notices.html */ .id30 { font-family: Arial, Helvetica, sans-serif; background-color: #E9F3F5; border: 1px solid #CCCCCC; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; } .id30 ul { /* added height and overflow properties to get gutter space */ height: auto; list-style-type: none; overflow: auto; padding: 0px; margin: 0px; overflow-x: hidden; overflow-y: auto; } /*Styles for error messages*/ .id30 .errorMessage { display: none; } .id30 .errorMessage td { padding: 12px 0 0 10px; } .id30 .btmLink a { font-weight:normal; max-width:410px; display:inline-block; } /* IE fix to place UP and DOWN arrow */ .ie .id30 thead tr .headerSortDown span, .ie .id30 thead tr .headerSortUp span { /*margin-top: -8px;*/ } .id30v1 { padding: 9px 0 0 11px !important; width: 441px; /*height: 251px; changed to min-height */ min-height: 251px; } .id30v1 .gridwrapper ul { padding: 10px 0px 19px 14px; margin: 0px; } .id30v1 .gridwrapper li { line-height: 1.2em; } .id30v1 li { line-height: 1.4em; margin-bottom: 6px; } /* Spinner */ .id30v1 .spinner { background: url('/etc/designs/cdc/fw/i/spinner.gif') no-repeat 200px 10px; height: 50px; } .id30v1 .zeroResultWrapper p, .id30v1 .zeroResultWrapper_devices p { line-height: 1.34em; padding: 10px 14px 19px 14px; width: 400px; background-color: #fff; margin-top: 5px; border: 1px solid #ccc; } .id30v1 .zeroResultWrapper_devices{ display:none; } /*Below style is for wrapper for products*/ .id30v1 .gridwrapper { /* made changes to add 5ps gutter to My Recently Viewed Products */ border: 1px solid #ccc; width: 428px; height: 213px; background-color: #fff; margin-top: 10px; /*overflow: auto;*/ display: none; /*overflow-x: hidden;*/ } /*Below style is for zero result*/ .id30v1 .zeroResultWrapper, .id30v1 .zeroResultWrapper_devices { padding-top: 3px; display: none; } .id30v1 .zeroResultWrapper h4 { padding-top: 18px; } .id30v1 h4.btmLink { margin-top: 5px; min-height:18px; } .id30v1 #device_link, .id30v1 #RVP_link{ display:none; } /*Below style is for mru link active*/ .id30v1 .mru-tabs a { font-weight: normal; } .id30v1 a.mru-link{ font-weight: bold; color:#444; } .id30v1 a.mru-link:hover{ text-decoration:none; cursor: text; } .id30v1 #container-devices{ display:none; } /* Below Style is for wrapper class of Downloaded history*/ .id30v2 { color: #000000; display: block; margin: 0; padding: 8px 10px !important; -webkit-border-radius: 3px 3px 3px 3px; -moz-border-radius: 3px 3px 3px 3px; border-radius: 3px 3px 3px 3px; width: 659px; min-height: 275px; } /* Below Style is for Downloaded history details*/ .id30v2 .inner-bluebox-container { background-color: #FFF; border: 1px solid #cccccc; color: #000000; display: block; font-size: 1em; line-height: 1; margin: 0; padding: 0; text-align: justify; text-indent: 0; height: 188px; width: 657px; /*overflow-x: hidden;*/ } /* Below Style is for Downloaded history details scrollable area*/ .id30v2 .inner-bluebox-content { width: auto; height: 150px; overflow-x: hidden; overflow-y: scroll; padding-top: 10px; } /* Below Style is for wrapper class for zero result */ .id30v2 .zeroResultWrapper { display: none; } .id30v2 .sub-head { margin-bottom: 10px; } .id30v2 .catgTable { margin-left: 15px; } .id30v2 .catgTable th { cursor: pointer; text-align: left; font-weight: normal; height:46px; } .id30v2 .catgTable td { line-height: 14px; vertical-align:top; padding-top: 4px; } .ie .id30v2 .catgTable TD { line-height: 1; } /*Below style is for odd row alternate color*/ .id30v2 .catgTable .even { background-color: #f5f6f9; } /* Style for Title attributes of id30v2 starts here*/ .id30v2 .firstCatgtitl { width: 212px; text-align: left; } .id30v2 .secondCatgtitl { padding-left: 11px; font-weight: normal; width: 142px; } .id30v2 .thirdCatgtitl { font-weight: normal; width: 128px; } .id30v2 .fourthCatgtitl { padding: 0px 10px 0px 11px; font-weight: normal; width: 122px; } /*added to hide fifth column*/ .id30v2 .fifthCatgtitl { display: none; } .id30v2 .catgTable th:hover, .id30v3 .catgTable th:hover { font-weight: bold; text-decoration:underline; } /* Style for Title attributes of id30v2 ends here*/ /* Style for Column attributes of id30v2 starts here*/ .id30v2 .firstCatgcont { width: 212px; font-size: 12px; color: #2970A6; padding-bottom: 2px; padding-top: 2px; white-space: pre-wrap; /* css-3 */ white-space: -moz-pre-wrap; /* Mozilla*/ white-space: -pre-wrap; /* Opera 4-6 */ white-space: -o-pre-wrap; /* Opera 7 */ word-wrap: break-word; /* Internet Explorer 5.5+ */ } .id30v2 .secondCatgcont { color: #444444; font-size: 12px; padding-left: 11px; white-space: pre-wrap; width: 142px; padding-bottom: 2px; padding-top: 2px; white-space: pre-wrap; /* css-3 */ white-space: -moz-pre-wrap; /* Mozilla*/ white-space: -pre-wrap; /* Opera 4-6 */ white-space: -o-pre-wrap; /* Opera 7 */ word-wrap: break-word; /* Internet Explorer 5.5+ */ } .id30v2 .thirdCatgcont { width: 124px; font-size: 12px; color: #2970A6; white-space: pre-wrap; /* css-3 */ white-space: -moz-pre-wrap; /* Mozilla*/ white-space: -pre-wrap; /* Opera 4-6 */ white-space: -o-pre-wrap; /* Opera 7 */ word-wrap: break-word; /* Internet Explorer 5.5+ */ } .id30v2 .fourthCatgcont { color: #2970A6; font-size: 12px; padding: 4px 10px 4px 11px; white-space: pre-wrap; width: 108px; white-space: pre-wrap; /* css-3 */ white-space: -moz-pre-wrap; /* Mozilla*/ white-space: -pre-wrap; /* Opera 4-6 */ white-space: -o-pre-wrap; /* Opera 7 */ word-wrap: break-word; /* Internet Explorer 5.5+ */ } /*added to hide fifth column*/ .id30v2 .fifthCatgcont { display: none; } /* Href pointer for third and fourth column */ .id30v2 .thirdCatgcont a, .id30v2 .fourthCatgcont a { cursor: pointer; } /* Red Icon label */ .id30v2 .fourthCatgcont span { color: #444; } /* Style for Column attributes of id30v2 ends here*/ .id30v2 .bluebox-container-btmlink { float: right; padding: 5px 1px 6px 0px; font-size: 11px; color: #444444; } .id30v2 .catgTable-category { height: 136px; overflow: auto; /*overflow-x: hidden;*/ } .id30v2 #downloadTabHeader { height:46px; } /* IE 7 grid overflow fix */ #ie7 .id30v2 .catgTable-category { margin-top: -12px; } /*Below style is for the hr separator between title and datas' of download details*/ .id30v2 .separator-hr-dwl { width: 630px; margin: 0 10px 0 10px; height: 1px; border-width: 0; color: #ccc; background-color: #ccc; } /* IE 7 Separator fix*/ #ie7 .id30v2 .separator-hr-dwl { margin: -8px 10px 0px 10px; } .id30v2 .catgTable .noResult { padding: 12px 0 0 10px; } .ie .id30v2 .catgTable .noResult { padding: 7px 0 10px 10px; } /* Info icon styles */ .id30v2 .thirdCatgcont .multipleFiles { background: url(/etc/designs/cdc/fw/w/cl/id30/info.png) no-repeat; width: 12px; height: 12px; margin-left: 5px; display: inline-block; } /* Critical Icon styles */ .id30v2 .fourthCatgcont .fileNotAvailable { background: url(/etc/designs/cdc/fw/w/cl/id30/critical.png) no-repeat; width: 12px; height: 12px; margin-left: 5px; display: inline-block; } .id30 .catgTable .spinner { padding-left: 400px; padding-top: 20px; background: url('/etc/designs/cdc/fw/i/spinner.gif') no-repeat 310px 10px; height: 50px; } /* Below Style is for wrapper class of case details*/ .id30v3 { background-color: #e9f3f5; border: 1px solid #cccccc; color: #000000; display: block; margin: 0; padding: 8px 10px !important; -webkit-border-radius: 3px 3px 3px 3px; -moz-border-radius: 3px 3px 3px 3px; border-radius: 3px 3px 3px 3px; width: 659px; min-height: 292px; } .id30v3 .sub-head { margin: 2px 0 11px; } /*Below style is for the hr separator between title and datas' of case details*/ .id30v3 .separator-hr-case { width: 636px; margin: 0 10px 0 10px; height: 1px; border-width: 0; color: #ccc; background-color: #ccc; } /* IE 7 separator fix */ #ie7 .id30v3 .separator-hr-case { margin: -8px 10px 0 10px; } /*Below style is for zero result for case details*/ .id30v3 .zeroResultWrapper { display: none; } .id30v3 .zeroResultWrapper td { padding: 12px 0px; } .ie .id30v3 .zeroResultWrapper td { padding: 0px; } .id30v3 .zeroResultWrapper td div { padding-top: 10px; } /* Below Style is for case detail data*/ .id30v3 .inner-bluebox-container-case { font-family: Arial; background-color: #fff; border: 1px solid #cccccc; color: #000000; display: block; font-size: 1em; line-height: 1; margin: 0; padding-bottom: 2px; text-align: justify; text-indent: 0; height: 240px; width: 657px; } /* Below Style is for case detail data scrollable area*/ .id30v3 .inner-bluebox-content { width: auto; height: 150px; overflow: auto; padding-top: 10px; overflow-x: hidden; } /*Below style is for the sub heading in case details*/ .id30v3 .bluebox-container .sub-head { color: #444444; font-family: Arial, Helvetica, sans-serif; font-size: 13px; font-weight: bold; } .id30v3 .catgTable { margin-left: 10px; } /*Below style is for the alternate row colours*/ .id30v3 .catgTable .even { background-color: #F5F6F9; } .id30v3 .catgTable th { cursor: pointer; text-align: left; font-weight: normal; } .id30v3 .catgTable td { font-size: 12px; } /*Below style is for the scrollable table for case details*/ .id30v3 .catgTable-scroll { height: 200px;/*was coming out of the box*/ overflow: auto; overflow-x: hidden; padding-right:0px; } /* Table overflow fix in cases grid - only for IE7*/ #ie7 .id30v3 .catgTable-scroll { margin-top: -12px; } /* Style for Title attributes of id30v3 starts here*/ .id30v3 .firstCasetitl { width: 82px; } .id30v3 .secondCasetitl { width: 86px; } .id30v3 .thirdCasetitl { width: 80px; } .id30v3 .fourthCasetitl { width: 280px; } .id30v3 .fifthCasetitl { width: 100px; padding: 12px 0px 13px; } /* Style for Title attributes of id30v3 ends here*/ /* Style for Column attributes of id30v3 starts here*/ .id30v3 .firstCasecont { width: 83px; color: #2970A6; padding-bottom: 2px; padding-top: 2px; cursor: pointer; white-space: pre-wrap; /* css-3 */ white-space: -moz-pre-wrap; /* Mozilla*/ white-space: -pre-wrap; /* Opera 4-6 */ white-space: -o-pre-wrap; /* Opera 7 */ word-wrap: break-word; /* Internet Explorer 5.5+ */ } .id30v3 .secondCasecont { width: 73px; color: #444444; white-space: pre-wrap; /* css-3 */ white-space: -moz-pre-wrap; /* Mozilla*/ white-space: -pre-wrap; /* Opera 4-6 */ white-space: -o-pre-wrap; /* Opera 7 */ word-wrap: break-word; /* Internet Explorer 5.5+ */ padding-top:4px; /* */ padding-bottom:4px; } .id30v3 .thirdCasecont { width: 75px; padding: 0 0 0 20px; color: #444444; align: center; white-space: pre-wrap; /* css-3 */ white-space: -moz-pre-wrap; /* Mozilla*/ white-space: -pre-wrap; /* Opera 4-6 */ white-space: -o-pre-wrap; /* Opera 7 */ word-wrap: break-word; /* Internet Explorer 5.5+ */ } .id30v3 .fourthCasecont { width: 286px; padding: 4px 0px; color: #444444; white-space: pre-wrap; /* css-3 */ white-space: -moz-pre-wrap; /* Mozilla*/ white-space: -pre-wrap; /* Opera 4-6 */ white-space: -o-pre-wrap; /* Opera 7 */ word-wrap: break-word; /* Internet Explorer 5.5+ */ } .id30v3 .fifthCasecont { width: 87px; padding: 4px 10px 4px 0px; color: #444444; white-space: pre-wrap; /* css-3 */ white-space: -moz-pre-wrap; /* Mozilla*/ white-space: -pre-wrap; /* Opera 4-6 */ white-space: -o-pre-wrap; /* Opera 7 */ word-wrap: break-word; /* Internet Explorer 5.5+ */ } /* Style for Column attributes ends here*/ /*Below style is for the left text below the table for case details*/ .id30v3 .bluebox-container-btmlink-case { float: right; padding: 7px 1px 26px 0px; color: #444444; width:160px; text-align:right; } /*Below style is for the right text below the table for case details*/ .id30v3 .bluebox-container-btmlink-left { float: left; padding: 7px 20px 26px 0px; color: #000; } .id30v3 .bluebox-container-btmlink-left a { color: #2970A6; } .id30 thead tr .headerSortDown, .id30 thead tr .headerSortUp { font-weight: bold; } /*Below style is for the sorting down image*/ .id30 thead tr .headerSortDown span { background: url("/etc/designs/cdc/fw/w/cl/id30/desc.gif") no-repeat scroll -3px 0 transparent; display: inline-block; height: 4px; margin-bottom: 2px; width: 21px; } /*Below style is for the sorting up image*/ .id30 thead tr .headerSortUp span { background: url("/etc/designs/cdc/fw/w/cl/id30/asc.gif") no-repeat scroll -3px 0 transparent; display: inline-block; height: 4px; margin-bottom: 2px; width: 21px; } /* Start ID30 tool tip styles */ /* Setting popup dimensions */ .id30 #c22v2 .tooltipcontent, .id30 #c22v2-a .tooltipcontent { width: 400px; } .ie67 .id30 #c22v2-a { width: 438px; } /* Setting popup dimensions */ .id30 #c22v2-b .tooltipcontent { width: 467px; } .id30 #c22v2-b .notes { max-height: 18px; overflow: hidden; } /* Fixing h3 overflow issue in IE7 - Cases tool tip*/ .ie67 .id30 #c22v2-b { width: 438px; } /* Small tool tip width */ .id30 .c22v3 .multipleFiles { width: 250px; padding: 5px; font-size: 11px; } .id30 .c22v3 .fileNotAvailable { width: 140px; padding: 5px; font-size: 11px; } /* Start - Case popup styles */ .id30 .c22v2 ul li { list-style-type: none; overflow: hidden; line-height: 1.5; margin: 0px; } .c22v2 ul li ul li a { margin: 0px; padding: 0px; text-decoration: none; color: #2970A6; } .id30 .c22v2 #case-popup-wrapper { font-family: Arial, Helvetica, sans-serif; background-color: #FFFFFF; margin: 0px; font-size: 12px; } .id30 .c22v2 #case-popup-wrapper li { display: inline; } .id30 .c22v2 #case-popup-wrapper li label { float: left; display: inline; width: 100px; font-weight: normal; } .id30 .c22v2 #case-popup-wrapper .popup-text { margin-left: 168px; vertical-align: top; white-space: pre-wrap; /* css-3 */ white-space: -moz-pre-wrap; /* Mozilla*/ white-space: -pre-wrap; /* Opera 4-6 */ white-space: -o-pre-wrap; /* Opera 7 */ word-wrap: break-word; /* Internet Explorer 5.5+ */ font-weight: bold; } /*added to remove bold for popup text for size*/ .id30 .c22v2 #case-popup-wrapper .popup-text span.nobold { font-weight: normal; } .ie67 .id30 .c22v2 #case-popup-wrapper .popup-text { margin-left: 124px; float: none; } #ie8 .id30 .c22v2 #case-popup-wrapper .popup-text, #ie9 .id30 .c22v2 #case-popup-wrapper .popup-text { margin-left: 24px; float: left; } .id30 .c22v2 #case-popup-wrapper .popup-text-model { height: 27px; clear: both; } .id30 .c22v2 #case-popup-wrapper .popup-button { height: 8px; clear: both; } .id30 .c22v2 #case-popup-wrapper input.btn-gray { background-color: #666666; border: 0 none; border-radius: 3px; color: #FFFFFF; font-size: 11px; font-weight: bold; height: 28px; margin: 20px 8px 0 0; padding: 0 13px; text-align: center; } .ie .id30 .c22v2 #case-popup-wrapper input.btn-gray { margin: 19px 8px 0 0; } .id30 .c22v2 #case-popup-wrapper .gap-element { margin-bottom: 6px; } /* End - Case popup styles */ /* Start - Download single popup styles */ .id30 .c22v2 #downld-singlepopup-wrapper, .id30 .extra-hover-data { font-family: Arial, Helvetica, sans-serif; background-color: #FFFFFF; margin: 0px; list-style-type: none; font-size: 12px; overflow: hidden; /* To avoid overflow in IE */ } .ie #downld-singlepopup-wrapper li, .id30 .extra-hover-data li { clear: both; } #downld-singlepopup-wrapper li ul, .extra-hover-data li ul { margin: 0px; padding: 0px; } .id30 .c22v2 #downld-singlepopup-wrapper li label, .id30 .extra-hover-data li label { float: left; width: 110px; font-weight: normal; min-height: 10px; } .id30 .c22v2 #downld-singlepopup-wrapper .popup-text, .id30 .extra-hover-data .popup-text { margin-left: 111px; white-space: pre-wrap; /* css-3 */ white-space: -moz-pre-wrap; /* Mozilla*/ white-space: -pre-wrap; /* Opera 4-6 */ white-space: -o-pre-wrap; /* Opera 7 */ word-wrap: break-word; /* Internet Explorer 5.5+ */ font-weight: bold; } /*added to remove bold for popup text for size*/ .id30 .c22v2 #downld-singlepopup-wrapper .popup-text span.nobold { font-weight: normal; } /* Targetting only IE6 and 7*/ .ie67 .id30 .c22v2 #downld-singlepopup-wrapper .popup-text { margin-left: 24px; float: left; } /* IE 8 & 9 tool tip text alignment*/ #ie8 .id30 .c22v2 #downld-singlepopup-wrapper .popup-text, #ie9 .id30 .c22v2 #downld-singlepopup-wrapper .popup-text { margin-left: 124px; } .id30 .c22v2 #downld-singlepopup-wrapper .popup-text-nowrap { margin-left: 111px; } .ie .id30 .c22v2 #downld-singlepopup-wrapper .popup-text-nowrap { margin-left: 24px; float: left; } .id30 .c22v2 #downld-singlepopup-wrapper .popup-text-model { height: 21px; clear: both; } .id30 .c22v2 #downld-singlepopup-wrapper .popup-button { height: 8px; clear: both; } .id30 .c22v2 #downld-singlepopup-wrapper .download-btn { margin-left: 111px; } .id30 .c22v2 #downld-singlepopup-wrapper input.btn-gray { background-color: #666666; border: 0 none; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; color: #FFFFFF; font-size: 11px; font-weight: bold; height: 28px; margin: 16px 8px 7px 0; padding: 0 13px; text-align: center; } .ie .id30 .c22v2 #downld-singlepopup-wrapper input.btn-gray { margin: 12px 8px 7px 12px; /* Changed margin left to 12px - Santhosh */ } /* Tool tip button padding fix */ .ie67 .id30 .c22v2 #downld-singlepopup-wrapper input.btn-gray { padding-left: 0px; padding-right: 0px; } .id30 .c22v2 #downld-singlepopup-wrapper .gap-element, .id30 ul.extra-hover-data .gap-element { margin-bottom: 6px; } /* End - Download single popup styles */ /* Start - Download Multi popup styles */ .id30 .c22v2 #downld-multipopup-wrapper { font-family: Arial, Helvetica, sans-serif; background-color: #FFFFFF; margin: 0px; font-size: 12px; } .ie .id30 .c22v2 #downld-multipopup-wrapper li { clear: both; } .id30 .c22v2 #downld-multipopup-wrapper li ul { margin: 0px; padding: 0px; } .id30 .c22v2 #downld-multipopup-wrapper li label { float: left; width: 100px; font-weight: normal; min-height: 10px; } .id30 .c22v2 #downld-multipopup-wrapper .popup-text { margin-left: 100px; white-space: pre-wrap; /* css-3 */ white-space: -moz-pre-wrap; /* Mozilla*/ white-space: -pre-wrap; /* Opera 4-6 */ white-space: -o-pre-wrap; /* Opera 7 */ word-wrap: break-word; /* Internet Explorer 5.5+ */ font-weight: bold; } /*added to remove bold for popup text for size*/ .id30 .c22v2 #downld-multipopup-wrapper .popup-text span.nobold { font-weight: normal; } .ie67 .id30 .c22v2 #downld-multipopup-wrapper .popup-text { margin-left: 24px; float: left; } #ie8 .id30 .c22v2 #downld-multipopup-wrapper .popup-text, #ie9 .id30 .c22v2 #downld-multipopup-wrapper .popup-text { margin-left: 124px; } .id30 .c22v2 #downld-multipopup-wrapper .popup-text-nowrap { margin-left: 100px; } .ie .id30 .c22v2 #downld-multipopup-wrapper .popup-text-nowrap { float: left; margin-left: 24px; } .id30 .c22v2 #downld-multipopup-wrapper .popup-text-nowrap a { text-decoration: none; color: #2970A6; } .id30 .c22v2 #downld-multipopup-wrapper .popup-text-model { height: 21px; clear: both; } .id30 .c22v2 #downld-multipopup-wrapper .popup-button { height: 8px; clear: both; } .id30 .c22v2#downld-multipopup-wrapper input.btn-gray { background-color: #666666; border: 0 none; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; color: #FFFFFF; font-size: 11px; font-weight: bold; height: 28px; margin: 16px 8px 7px 0; padding: 0 13px; text-align: center; } .ie .id30 .c22v2 #downld-multipopup-wrapper input.btn-gray { margin: 12px 8px 7px -18px; } .id30 .c22v2 #downld-multipopup-wrapper .gap-element { margin-bottom: 18px; line-height: 1.25em; } .ie .id30 .c22v2 #case-popup-wrapper li { display: inline-block; } /* Targetting only IE6 and 7 */ .ie67 .id30 .c22v2 #case-popup-wrapper .gap-element { padding-bottom: 18px; } /* c22v2 styles - repeat from c22v2 */ .id30 #c22v2 .tooltipcontent, .id30 #c22v2-a .tooltipcontent { width: 400px; } .ie67 .id30 #c22v2-a { width: 438px; } /* Setting popup dimensions */ .id30 #c22v2-b .tooltipcontent { width: 467px; } .id30 #c22v2-b .notes { max-height: 18px; overflow: hidden; } /* Fixing h3 overflow issue in IE7 - Cases tool tip*/ .ie67 .id30 #c22v2-b { width: 438px; } /* Small tool tip width */ .id30 .c22v3 .multipleFiles { width: 250px; padding: 5px; font-size: 11px; } .id30 .c22v3 .fileNotAvailable { width: 140px; padding: 5px; font-size: 11px; } /* Start - Case popup styles */ .id30 .c22v2 ul li { list-style-type: none; line-height: 1.5; margin: 0px; } .c22v2 ul li ul li a { margin: 0px; padding: 0px; text-decoration: none; color: #2970A6; } .id30 .c22v2 #case-popup-wrapper { font-family: Arial, Helvetica, sans-serif; background-color: #FFFFFF; margin: 0px; font-size: 12px; } .id30 .c22v2 #case-popup-wrapper li { display: inline; } .id30 .c22v2 #case-popup-wrapper li label { float: left; display: inline; width: 150px; font-weight: normal; } .id30 .c22v2 #case-popup-wrapper .popup-text { margin-left: 168px; vertical-align: top; white-space: pre-wrap; /* css-3 */ white-space: -moz-pre-wrap; /* Mozilla*/ white-space: -pre-wrap; /* Opera 4-6 */ white-space: -o-pre-wrap; /* Opera 7 */ word-wrap: break-word; /* Internet Explorer 5.5+ */ font-weight: bold; margin-bottom:1px; } /*added to remove bold for popup text for size*/ .id30 .c22v2 #case-popup-wrapper .popup-text span.nobold { font-weight: normal; } .ie67 .id30 .c22v2 #case-popup-wrapper .popup-text { margin-left: 124px; float: none; } #ie8 .id30 .c22v2 #case-popup-wrapper .popup-text, #ie9 .id30 .c22v2 #case-popup-wrapper .popup-text { margin-left: 24px; float: left; } .id30 .c22v2 #case-popup-wrapper .popup-text-model { height: 27px; clear: both; } .id30 .c22v2 #case-popup-wrapper .popup-button { height: 8px; clear: both; } .id30 .c22v2 #case-popup-wrapper input.btn-gray { background-color: #666666; border: 0 none; border-radius: 3px; color: #FFFFFF; font-size: 11px; font-weight: bold; height: 28px; margin: 20px 8px 0 0; padding: 0 13px; text-align: center; } .ie .id30 .c22v2 #case-popup-wrapper input.btn-gray { margin: 19px 8px 0 0; } .id30 .c22v2 #case-popup-wrapper .gap-element { margin-bottom: 7px; } /* End - Case popup styles */ /* Start - Download single popup styles */ .id30 .c22v2 #downld-singlepopup-wrapper { font-family: Arial, Helvetica, sans-serif; background-color: #FFFFFF; margin: 0px; list-style-type: none; font-size: 12px; overflow: hidden; /* To avoid overflow in IE */ } .ie #downld-singlepopup-wrapper li { clear: both; } #downld-singlepopup-wrapper li ul { margin: 0px; padding: 0px; } .id30 .c22v2 #downld-singlepopup-wrapper li label { float: left; width: 110px; font-weight: normal; min-height: 10px; } .id30 .c22v2 #downld-singlepopup-wrapper .popup-text { margin-left: 122px; white-space: pre-wrap; /* css-3 */ white-space: -moz-pre-wrap; /* Mozilla*/ white-space: -pre-wrap; /* Opera 4-6 */ white-space: -o-pre-wrap; /* Opera 7 */ word-wrap: break-word; /* Internet Explorer 5.5+ */ font-weight: bold; } /*added to remove bold for popup text for size*/ .id30 .c22v2 #downld-singlepopup-wrapper .popup-text span.nobold { font-weight: normal; } /* Targetting only IE6 and 7*/ .ie67 .id30 .c22v2 #downld-singlepopup-wrapper .popup-text { margin-left: 24px; float: left; } /* IE 8 & 9 tool tip text alignment*/ #ie8 .id30 .c22v2 #downld-singlepopup-wrapper .popup-text, #ie9 .id30 .c22v2 #downld-singlepopup-wrapper .popup-text { margin-left: 124px; } .id30 .c22v2 #downld-singlepopup-wrapper .popup-text-nowrap { margin-left: 111px; } .ie .id30 .c22v2 #downld-singlepopup-wrapper .popup-text-nowrap { margin-left: 24px; float: left; } .id30 .c22v2 #downld-singlepopup-wrapper .popup-text-model { height: 21px; clear: both; } .id30 .c22v2 #downld-singlepopup-wrapper .popup-button { height: 8px; clear: both; } .id30 .c22v2 #downld-singlepopup-wrapper .download-btn { margin-left: 111px; } .id30 .c22v2 #downld-singlepopup-wrapper input.btn-gray { background-color: #666666; border: 0 none; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; color: #FFFFFF; font-size: 11px; font-weight: bold; height: 28px; margin: 16px 8px 7px 0; padding: 0 13px; text-align: center; } .ie .id30 .c22v2 #downld-singlepopup-wrapper input.btn-gray { margin: 12px 8px 7px 12px; /* Changed margin left to 12px - Santhosh */ } .id30 .c22v2 #downld-singlepopup-wrapper input.btn-download { background-image: url('/etc/designs/cdc/fw/w/cl/id30/CDCButton-DownloadFile.jpg'); background-repeat: no-repeat; background-position: 0px 0px; border: 0 none; height: 21px; width: 95px; margin: 16px 8px 7px 0; } .id30 .c22v2 #downld-singlepopup-wrapper input.btn-download:hover { background-position: 0px -42px; } .id30 .c22v2 #downld-singlepopup-wrapper input.btn-download:active { background-position: 0px -63px; } /* added the cases hover tooltip styles */ .ie .id30 .c22v2 #case-popup-wrapper input.btn-vcase { margin: 12px 8px 7px 12px; /* Changed margin left to 12px - Santhosh */ } .id30 .c22v2 #case-popup-wrapper input.btn-vcase { background-image: url('/etc/designs/cdc/fw/w/cl/id30/CDCButton-ViewEntireCase.jpg'); background-repeat: no-repeat; background-position: 0px 0px; border: 0 none; height: 21px; width: 110px; margin: 16px 8px 7px 0; } .id30 .c22v2 #case-popup-wrapper input.btn-vcase:hover { background-position: 0px -42px; } .id30 .c22v2 #case-popup-wrapper input.btn-vcase:active { background-position: 0px -63px; } .ie .id30 .c22v2 #downld-singlepopup-wrapper input.btn-vcase { margin: 12px 8px 7px 12px; /* Changed margin left to 12px - Santhosh */ } .id30 .c22v2 #downld-singlepopup-wrapper input.btn-vcase { background-image: url('/etc/designs/cdc/fw/w/cl/id30/CDCButton-ViewEntireCase.jpg'); background-repeat: no-repeat; background-position: 0px 0px; border: 0 none; height: 21px; width: 110px; margin: 16px 8px 7px 0; } .id30 .c22v2 #downld-singlepopup-wrapper input.btn-vcase:hover { background-position: 0px -42px; } .id30 .c22v2 #downld-singlepopup-wrapper input.btn-vcase:active { background-position: 0px -63px; } .ie .id30 .c22v2 #downld-singlepopup-wrapper input.btn-download { margin: 12px 8px 7px 12px; /* Changed margin left to 12px - Santhosh */ } /* Tool tip button padding fix */ .ie67 .id30 .c22v2 #downld-singlepopup-wrapper input.btn-gray { padding-left: 0px; padding-right: 0px; } .id30 .c22v2 #downld-singlepopup-wrapper .gap-element { margin-bottom: 6px; } /* End - Download single popup styles */ /* Start - Download Multi popup styles */ .id30 .c22v2 #downld-multipopup-wrapper { font-family: Arial, Helvetica, sans-serif; background-color: #FFFFFF; margin: 0px; font-size: 12px; } .ie .id30 .c22v2 #downld-multipopup-wrapper li { clear: both; } .id30 .c22v2 #downld-multipopup-wrapper li ul { margin: 0px; padding: 0px; } .id30 .c22v2 #downld-multipopup-wrapper li label { float: left; width: 100px; font-weight: normal; min-height: 10px; } .id30 .c22v2 #downld-multipopup-wrapper .popup-text { margin-left: 100px; white-space: pre-wrap; /* css-3 */ white-space: -moz-pre-wrap; /* Mozilla*/ white-space: -pre-wrap; /* Opera 4-6 */ white-space: -o-pre-wrap; /* Opera 7 */ word-wrap: break-word; /* Internet Explorer 5.5+ */ font-weight: bold; } /*added to remove bold for popup text for size*/ .id30 .c22v2 #downld-multipopup-wrapper .popup-text span.nobold { font-weight: normal; } .ie67 .id30 .c22v2 #downld-multipopup-wrapper .popup-text { margin-left: 24px; float: left; } #ie8 .id30 .c22v2 #downld-multipopup-wrapper .popup-text, #ie9 .id30 .c22v2 #downld-multipopup-wrapper .popup-text { margin-left: 124px; } .id30 .c22v2 #downld-multipopup-wrapper .popup-text-nowrap { margin-left: 100px; } .ie .id30 .c22v2 #downld-multipopup-wrapper .popup-text-nowrap { float: left; margin-left: 24px; } .id30 .c22v2 #downld-multipopup-wrapper .popup-text-nowrap a { text-decoration: none; color: #2970A6; } .id30 .c22v2 #downld-multipopup-wrapper .popup-text-model { height: 21px; clear: both; } .id30 .c22v2 #downld-multipopup-wrapper .popup-button { height: 8px; clear: both; } .id30 .c22v2#downld-multipopup-wrapper input.btn-gray { background-color: #666666; border: 0 none; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; color: #FFFFFF; font-size: 11px; font-weight: bold; height: 28px; margin: 16px 8px 7px 0; padding: 0 13px; text-align: center; } /* styles for tooltip start*/ .id30 #c22v2-v1 { width: 200px; padding: 6px; } .id30 span.info-tip { float: right; margin-top: -19px; margin-right: 12px; display:none; } #downld-singlepopup-wrapper .shaValue{ cursor:pointer; } /* styles for tooltip end*/ .ie .id30 .c22v2 #downld-multipopup-wrapper input.btn-gray { margin: 12px 8px 7px -18px; } .id30 .c22v2 #downld-multipopup-wrapper .gap-element { margin-bottom: 18px; line-height: 1.25em; } .ie .id30 .c22v2 #case-popup-wrapper li { display: inline-block; } /* Targetting only IE6 and 7 */ .ie67 .id30 .c22v2 #case-popup-wrapper .gap-element { padding-bottom: 18px; } /* End ID30 tool tip styles */ .id30v4 .errorTemplate .error { display: none; } /* id30v4 column link colors sync with other links */ .id30v4 ul li a:link { color: #2970A6; } .ie .id30v2 .inner-bluebox-container { text-align: left; /*This style is added to fix the space issue between words*/ } /*This below class is added to remove the jumping header*/ .ie67 .id30v2 .fourthCatgtitl { padding: 0px 10px 0px 11px; font-weight: normal; width: 122px; height: 35px; } /* Close button fix in FF cases tool tip */ .c22v2.bottom.right .hoverClose { margin-right: 6px; } /* Start - IE Tool tip fixes */ /* Downloads IE8 Fixes */ /* Common IE fixes moved to c22.css #ie8 .id30 .left.bottom.c22v2 .caratTop{ top:22px; } #ie8 .id30 .c22v2 h3{ margin-top:-1px; z-index:1; } */ /* Close button moved out of DIV block */ #ie8 .id30 .c22v2.bottom.left .hoverClose { margin-right: 4px; } /* TO fix tool tip to the correct position */ /* Common IE fixes moved to c22.css #ie8 .id30 #c22v2-a{ margin-top:-20px; } #ie7 .id30 .c22v2 H3{ top:23px; } #ie7 .id30 .c22v2 .hoverClose{ margin-left:15px; margin-top:-15px; } */ /* Cases IE7 fixes - close button is having extra pixel in left*/ #ie7 .id30 .c22v2.bottom.right .hoverClose { margin-left: 0px; } /* End - IE Tool tip fixes */ /* Cases tool tip content fix in IE8 and IE9*/ #ie8 .id30 .c22v2 #case-popup-wrapper li, #ie9 .id30 .c22v2 #case-popup-wrapper li { display: block; clear: both; } /* Empty label issue */ #ie8 .id30 .c22v2 #case-popup-wrapper li label, #ie9 .id30 .c22v2 #case-popup-wrapper li label { height: 1px; } /* Trick to position IE7 downloads tool tip. It works. */ #ie7 .id30 #c22v2-a { margin-left: 440px; } /* Poly fill for tool tip buttons */ .ie67 .id30 .c22v2 input.poly, #ie8 .id30 .c22v2 input.poly { -pie-background: linear-gradient(#949494, #666666); /*PIE*/ position: relative; behavior: url(/etc/designs/cdc/fw/lib/PIE.htc); } /* Poly fill for tool tip buttons hover */ .ie67 .id30 .c22v2 input.poly:hover, #ie8 .id30 .c22v2 input.poly:hover { -pie-background: linear-gradient(#868686, #4e4d4d); /*PIE*/ position: relative; behavior: url(/etc/designs/cdc/fw/lib/PIE.htc); } /* Setting max height to downloads tool tip description label*/ .id30 #c22v2-a .desc { line-height: 1.25em; } .id30 .c22v2 #downld-singlepopup-wrapper li { padding-top: 2px; } .id30 .c22v2 #downld-singlepopup-wrapper li.gap-last-element { margin-top:12px; } /* Download tool tip multi icon */ .id30 .c22v2 #downld-multipopup-wrapper .multicon { background: url(/etc/designs/cdc/fw/w/cl/id30/alert_informational_2009_48.png) no-repeat 15px; height: 48px; } /*Download tool tip multi icon with information */ .id30v2 .c22v2 #downld-multipopup-wrapper .popup-textInfo .multicon { background: url(/etc/designs/cdc/fw/w/cl/id30/info_16.png) no-repeat 0px 0px ; height: 16px; width: 16px; margin:14px 5px; } .id30v2 #downld-multipopup-wrapper .popup-textInfo{ background-color: #FEF0BE; padding: 6px 6px; margin-bottom: 5px ; border:solid 1px #DCD8C9; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; } .id30v2 .c22v2 #downld-multipopup-wrapper .popup-textInfo .gap-element { margin-bottom: 0px; } .id30v2 .c22v2 #downld-multipopup-wrapper .popup-textInfo .popup-text{ margin-left: 30px; white-space: pre-wrap; white-space: -moz-pre-wrap; white-space: -pre-wrap; white-space: -o-pre-wrap; -ms-word-wrap: break-word; font-weight: normal; } /* added class for Download button image*/ .id30v2 .c22v2 #downld-singlepopup-wrapper input.btn-download { background-image: url('/etc/designs/cdc/fw/w/cl/id30/CDCButton-DownloadFile-NoText.jpg'); } #ie8 .id30v2 .c22v2 #downld-multipopup-wrapper .popup-textInfo .popup-text{ margin-left: 30px ; } .ie67 .id30v2 .c22v2 #downld-multipopup-wrapper .popup-textInfo .popup-text{ margin-left: 5px ; } .ie67 .id30v2 #downld-multipopup-wrapper .popup-textInfo, #ie8 .id30v2 #downld-multipopup-wrapper .popup-textInfo{ position:relative; border-radius:4px; behavior: url(/etc/designs/cdc/fw/lib/PIE.htc); } .id30 .c22v2 .caratTop, .id30 .c22v2 .caratBottom{ opacity:1.0; /* opacity changed due to carat image color 0.75*/ } .id30 .clb.c22v2 .tooltipcontent.poly { border-color:#444; background-color: #444; color: #000; padding: 0px; } .ie67 .id30 .clb.c22v2 .tooltipcontent.poly { border: 5px solid #444; border-radius: 6px 6px 6px 6px; behavior: url("/etc/designs/cdc/fw/lib/PIE.htc"); width: auto !important; } #ie8 .id30 .clb.c22v2 .tooltipcontent.poly { border: 5px solid #444; border-radius: 6px 6px 6px 6px; behavior: url("/etc/designs/cdc/fw/lib/PIE.htc"); margin-top: 1px; } /*common fix*/ .id30 .c22v2 .tooltipinner_wrap { border-radius: 6px; background-color: #fff; padding-bottom: 20px; padding-left: 14px; padding-right: 14px; padding-top: 14px; } #ie8 .id30 .c22v2 .tooltipinner_wrap { margin-top: 3px; border-radius: 6px 6px 6px 6px; behavior: url("/etc/designs/cdc/fw/lib/PIE.htc"); } .ie67 .id30 .c22v2 .tooltipinner_wrap { float:left; width: 400px; margin-top: 3px; border-radius: 6px 6px 6px 6px; behavior: url("/etc/designs/cdc/fw/lib/PIE.htc"); } .id30 .c22v2 ul li {list-style: none;} .ie67 .id30 .c22v2 ul li {display: inline-block;} .id30 .c22v2 h3 {background-color:rgb(68, 68, 68) !important;} .id30 .c22v2 .clr {clear: both;} .id30 #productlisting, .id30 #mydevicelist {height:179px;} /* * END /cdc/fw/w/cl/id30/id30.css */ /*! * BEGIN /cdc/fw/w/cl/id36/id36.css */ /* * Revision: 1.2 * * id36.css: styles for services tab content * * * (c) 1992-2009 Cisco Systems, Inc. All rights reserved. * Terms and Conditions: http://cisco.com/en/US/swassets/sw293/sitewide_important_notices.html */ /* services tab guest start */ #shp_tabs .id36v1 .col-1, #shp_tabs .id36v1 .col-3{ float: left; margin-top: 9px; width: 212px; } #ie8 #shp_tabs .id36v1 .col-1, #ie8 #shp_tabs .id36v1 .col-3{ margin-top: 0px; } #ie7 #shp_tabs .id36v1 .col-1, #ie7 #shp_tabs .id36v1 .col-3{ margin-top: -16px; } .entitled #shp_tabs .id36v1 .col-3{ border-right: 1px solid #CCCCCC; padding-right:14px; } .entitled #shp_tabs .id36v1 .col-1, .entitled #shp_tabs .id36v1 .col-3{ margin:0; } .entitled #shp_tabs .id36v1 .col-2{ margin: 0px 18px 0 0; } #shp_tabs .id36v1 .col-2 { float: left; margin: 9px 18px 0 0; width: 212px; } #ie7 #shp_tabs .id36v1 .col-2 { margin: -18px 18px 0; } #ie8 #shp_tabs .id36v1 .col-2 { margin: -1px 0 0 0; } #shp_tabs .id36v1 .col-1 p, #shp_tabs .id36v1 .col-2 p, #shp_tabs .id36v1 .col-3 p{ font-size: 12px; color: #444; line-height: 16px; } #shp_tabs .id36v1 h4.sub-head{ margin:0 0 4px; } #ie8 #shp_tabs .id36v1 h4.sub-head{ margin: 0 0 2px; } #ie7 #shp_tabs .id36v1 h4.sub-head{ margin: 0 0 3px; } #shp_tabs .id36v1 .col-1 ul, #shp_tabs .id36v1 .col-2 ul, #shp_tabs .id36v1 .col-3 ul { list-style-type: none; margin: 0; padding: 7px 0 0; /**margin:-5px 0 0 0;*/ } #ie7 #shp_tabs .id36v1 .col-1 ul, #ie7 #shp_tabs .id36v1 .col-2 ul, #ie7 #shp_tabs .id36v1 .col-3 ul { padding: 6px 0 0; } #ie8 #shp_tabs .id36v1 .col-1 ul, #ie8 #shp_tabs .id36v1 .col-2 ul, #ie8 #shp_tabs .id36v1 .col-3 ul { padding: 7px 0 0; } #shp_tabs .id36v1 ul li a{ font-size: 12px; font-weight: normal; line-height:14px; } #shp_tabs .id36v1 h4 .sub-head{ color: #444444; font-family: Arial,Helvetica,sans-serif; font-size: 14px; font-weight: bold; margin: 0 0 4px; padding: 0; } #shp_tabs .id36v1 ul li{ line-height: 14px; margin-bottom: 6px; font-size: 12px; color: #2970A6; line-height: 14px; } #shp_tabs .info-services hr.top-links-border{ background-color: #CCCCCC; border: medium none; height: 2px; margin: 13px 0 2px 0; width: 669px; } #ie7 #shp_tabs .info-services hr.top-links-border{ margin: 1px 0px 12px 0; } #ie8 #shp_tabs .info-services hr.top-links-border{ margin: 1px 0 11px 0px; } #shp_tabs .id36v1{ padding-top: 12px; position: relative; } #ie7 #shp_tabs .id36v1, #ie8 #shp_tabs .id36v1{ padding-top: 13px; } .entitled #shp_tabs .id36v1{ padding-top: 16px; } #shp_tabs .id36v1 .bottom-link{ bottom: 14px; float: left; font-size: 12px; left: 12px; position: absolute; } #ie7 #shp_tabs .id36v1 .bottom-link{ bottom: 14px; } #ie8 #shp_tabs .id36v1 .bottom-link{ bottom: 13px; } #shp_tabs .id36v1 .btm-left{ padding-right: 3px; color: #444; } #ie7 #shp_tabs .id36v1 .btm-left{ padding-right: 2px; } #ie8 #shp_tabs .id36v1 .btm-left{ padding-right: 2px; } #shp_tabs .id36v1 .btm-link-sep{ padding: 0 3px; color: #9A9A9A; } #ie7 #shp_tabs .id36v1 .btm-link-sep{ padding: 0 2px; } #ie8 #shp_tabs .id36v1 .btm-link-sep{ padding: 0 2px; } #shp_tabs .id36v1 .col-4{ float: left; width: 212px; padding-left: 14px; } #shp_tabs .id36v1 .col-4 ul{ list-style-type: none; margin: 0; padding-bottom: 4px; } #shp_tabs .id36v1 .col-4a{ padding-top: 4px; } #shp_tabs .id36v1 .col-4 h4.sub-head{ margin-bottom: 0px; } #shp_tabs .id36v1 .col-4 .col-4a h4.sub-head{ margin-bottom: 1px; } .ie #info-shp_services .tab-top-links { margin-bottom: 14px;} /* Logged in services tab column3 specific end */ /* * END /cdc/fw/w/cl/id36/id36.css */ /* MANIFEST: * /cdc/fw/c/support_hp_decca_base.css 1.6 * /cdc/fw/w/cl/id20/id20.css 1.4 * /cdc/fw/w/cl/id21/id21.css 1.3 * /cdc/fw/w/cl/id22/id22.css 1.3 * /cdc/fw/w/cl/id23/id23.css 1.4 * /cdc/fw/w/cl/id30/id30.css 1.7 * /cdc/fw/w/cl/id36/id36.css 1.2 */