@charset "utf-8";
/* CSS Document */
body {
min-width:1000px;
}

.clearfix:after {/*everybody but IE6/7. Allows us to clear floats on parent elements without extra stuff in html */
clear:both;
content:" ";
display:block;
font-size:0;
height:0;
visibility:hidden;
}
#shelves .content p {
color:#fff !important;
font-size:11px !important;
}
* html .clearfix,
*:first-child+html .clearfix {/* IE6/7 temporarily ok with non-validating css for this purpose. move to ie-only css later. */
zoom:1;
}
body,
body#hp-flash {
background:#0067c5;
margin:0;
padding:0;
}
.ltr {/*for testing Israel (and any future RTL sites we might add on)*/
direction:ltr;
}
.rtl {/*for testing Israel (and any future RTL sites we might add on)*/
direction:rtl;
}
#outerWrapper {
background:#fff url(http://media.netapp.com/designimages/bkg-footer-bar.gif) bottom left repeat-x;
}
#innerWrapper {
background:url(http://media.netapp.com/designimages/bkg-tab-bar-93x122.gif) top left repeat-x;/*shorten*/
}
#outerMain {
margin:0 auto;
min-height:587px;/* keeps really short pages from looking like a smurf sandwich */
}
#sp-innerMain {
min-height:339px;/* keeps really short pages from looking like a smurf sandwich */
}
#bodyContainer {
min-height:270px;/* keeps really short SEARCH pages from looking like a smurf sandwich */
}
#subcontent.popupDiv {
display:none;/*required to make the footer a consistent height*/
}
#header {
/*shorten: kill bkg*/
color:#fff;
font-size:11px;
height:122px;/*shorten*/
padding:0 0 0 127px;/*LTR*/
margin:0 0 0px 25px;/*need to move the header 5px to the right - kb*/
position:relative;
width:821px;/*+129px padding=950px*/
}
.rtl #header {
background-position:bottom right;
padding:0 127px 0 0;/*RTL*/
margin:0 24px 0 0;
}
#header a:hover,
#header a:active {/*We seem to be totally opposed to the outline default of some browsers. Leaving it for focus/visited, though.*/
outline:0;
}
#header a:focus {
outline:1px dotted #ACE9FF;
}
#headerLogo {
background:url(http://media.netapp.com/designimages/bkg-tab-cutout-132x27.png) bottom left no-repeat;/*LTR*//*shorten*/
height:121px;
left:-2px;/*LTR - shift it outside header to align the wall of the cutout with the edge of the page */
position:absolute;
top:0;
width:132px;/*shorten*/
}
.rtl #headerLogo {
background-position:bottom right;/*RTL*/
left:818px;/*RTL*//*shorten*/
}
#headerLogo a {
display:inline-block;
margin:21px 0 0 28px;/*LTR*//*shorten*/
}
.rtl #headerLogo a {
margin:21px 28px 0 0;/*RTL*/
}
#headerLogo img {
height:81px;
width:75px;
}
#header a:link,
#footer-gnr a:link {
color:#fff;
text-decoration:none;
cursor:pointer;
}
#header a:visited,
#footer-gnr a:visited {
color:#fff;
text-decoration:none;
cursor:pointer;
}

#header a:hover,
#header a:focus,
#footer-gnr a:hover,
#footer-gnr:focus {
color:#fff;
text-decoration:underline;
cursor:pointer;
}
#header a:active,
#footer-gnr a:active {
color:#fff;
cursor:pointer;
}
#shelves {
background:url(http://media.netapp.com/designimages/bkg-shelves-closed.gif) bottom left no-repeat;/*shorten*/
display:block;
height:23px;/*shorten*/
left:127px;/*LTR*/
list-style:none;
margin:0;
padding:0;
position:absolute;
top:0;
width:826px;
z-index:1;
}
.rtl #shelves {
left:0;/*RTL*/
}
.shelf {
display:block;
float:left;/*LTR*/
margin:0 1px 0 0;
padding:0;
position:relative;
width:274px;
z-index:1;
}
.rtl .shelf {
float:right;/*RTL*/
}
#shelves .label {
background:url(http://media.netapp.com/designimages/bkg-shelf-closed-arrow-43x13.gif) top right no-repeat;/*shorten*/
display:block;
font-size:11px;
font-weight:bold;
height:22px;/*shorten*/
line-height:20px;/*shorten*/
padding:0 33px 0 28px;/*LTR*/
overflow:hidden;
}
#shelves .shelf.hover .label, .ltr #header #shelves .shelf.hover .label {
background:url(http://media.netapp.com/designimages/bkg-shelf-open-line.gif) top center no-repeat;
}
.rtl #shelves .label {
background-position:top left;/*RTL*/
padding:0 28px 0 33px;/*RTL*/
}
#shelves .content {
display:none;
line-height:1.3;
}
#shelves .shelf.hover {
background:#0068c6 url(http://media.netapp.com/designimages/bkg-shelf-hover.gif) bottom left repeat-x;
}
#shelves .shelf.hover .content {
display:block;
margin:0 auto;
padding:0 29px 10px 29px;
}
.shelf .badge {
display:block;
margin:1px 0 10px 0;
}
.shelf p {
margin:0 0 7px 0;
padding:0;
}
.shelf .content ul {
list-style:none;
margin:0 0 2px 0;/*2px so that when combined with the LIs, it is 7px and appears consistent*/
padding:0;
}
.shelf li, .ltr #header .shelf li {
background:url(http://media.netapp.com/designimages/bkg-shelf-caret.gif) top left no-repeat;/*LTR*/
font-weight:600;
margin:0 0 5px 0;/*LTR*/
padding:0 0 0 10px;/*LTR*/
position:relative;/*prevent IE6 peekaboo bug with caret img*/
}
.rtl .shelf li {
background:url(http://media.netapp.com/designimages/bkg-shelf-caret-rtl.gif) top right no-repeat;/*RTL*/
padding:0 10px 0 0;/*RTL*/
}
#header .shelf li a:link,
#header .shelf li a:link:hover,
#header .shelf li a:visited:hover,
#header .shelf li a:visited,
#header .shelf li a:hover,
#header .shelf li a:focus,
#header .shelf li a:active {
color:#ACE9FF;
font-weight:600;
}
.shelf .shadow {
background:url(http://media.netapp.com/designimages/bkg-shelf-shadow.png) bottom left no-repeat;
bottom:-6px;
display:none;
height:500px;
left:-6px;
position:absolute;
right:-6px;
width:288px;
z-index:-1;
}

.rtl #shelves .hover .shadow {
left:-4px;/*RTL*/
right:-8px;/*RTL*/
}
#shelves .hover .shadow {
display:block;
}
* html #shelves .hover .shadow {/*don't show shadow in IE6*/
display:none;
}
#utility {
padding:43px 0 19px;/*shorten*/
text-align:left;/*LTR*/
}
.rtl #utility {
text-align:right;/*RTL*/
}
#q, #utility #textBox {
background:#fff url(http://media.netapp.com/designimages/bkg-header-search-textbox.gif) top left no-repeat;/*LTR*/
border-bottom:1px solid #6a6a6a;
border-left:0;
border-right:0;
border-top:0;
color:#454545;
display:inline-block;
height:16px;
margin:0;
padding:5px;
width:315px;
}
.rtl #q, .rtl #utility #textBox {
background-position:top right;/*RTL*/
}

#utility .shadow {
background:url(http://media.netapp.com/designimages/bkg-header-search-shadow.png) bottom left no-repeat;
display:inline-block;
margin-left:51px;/*ltr*/
padding:2px 3px 4px 3px;
}
#utility span.shadow * {
float:left;
}
.rtl #utility span.shadow * {
float:right;/*RTL*/
}
.rtl #utility .shadow {
margin:0 51px 0 0;/*rtl*/
}
#utility .shadow a {
background:#fff;
border-bottom:1px solid #6a6a6a;
display:inline-block;
padding:0 0 0 1px;/*LTR*/
vertical-align:bottom;
}
.rtl #utility .shadow a {
padding:0 1px 0 0;/*RTL*/
}
#utility img {
height:26px;
vertical-align:bottom;
width:28px;
}
#utilityLinks,
#footer-gnr ul {
display:inline-block;
list-style-type:none;
padding:0;
}
#utilityLinks {
position:absolute;
top:33px;/*shorten*/
right:0;
}
.rtl #utilityLinks {
right:715px;
}
*:first-child+html.rtl #utilityLinks {
right:670px;
}
#footer-gnr ul {
margin:0;
}
#utilityLinks li,
#footer-gnr li {
background:url(http://media.netapp.com/designimages/bkg-header-utility-divider.gif) left center no-repeat;/*LTR*/
display:inline-block;
float:left;/*LTR*/
margin:6px 0 0 0;
padding:0 9px 0 11px;/*LTR*/
vertical-align:baseline;
}
.rtl #utilityLinks li,
.rtl #footer-gnr li {
background-position:right center;/*RTL*/
float:right;/*RTL*/
padding:0 11px 0 9px;/*RTL*/
}
#utilityLinks li.first,
#footer-gnr li.first {
background:transparent;
padding-left:0;/*LTR*/
}
.rtl #utilityLinks li.first,
.rtl #footer-gnr li.first {
padding:0 0 0 11px;/*RTL*/
}
#utilityLinks li.first a:link,
#utilityLinks li.first a:visited,
#utilityLinks li.first a:hover,
#utilityLinks li.first a:focus,
#utilityLinks li.first a:active {
color:#ACE9FF;
}
#utilityLinks li.last,
#footer-gnr li.last {
padding-right:0;/*LTR*/
}
.rtl #utilityLinks li.last,
.rtl #footer-gnr li.last {
padding:0 11px 0 0;/*RTL*/
}
#gnTabs {
border-spacing:0;
border:0;
height:27px;/*shorten*/
width:822px;/*I'd rather not hardcode this width, but 100% was inconsistent.*//*shorten*/
margin-left:1px;/*shorten*/
}
.rtl #gnTabs {
margin-left:0;/*shorten*/
}
#gnTabs td {
background:url(http://media.netapp.com/designimages/bkg-tab-divider.gif) right top repeat-y;/*LTR*/
border-spacing:0;
border:0;
margin:0;
min-width:90px;/*to prevent a larger cell from being abusrdly wide while the rest are too small -kb */
padding:0;
}
.rtl #gnTabs td {
background-position:top left;
}
#gnTabs td.hover {/*prehover removed*/
background:#006dc7 url(http://media.netapp.com/designimages/bkg-gntab-hover-400x27.gif) top center no-repeat;/*shorten*/
}
#gnTabs #gnTab1.hover {/*prehover removed*/
background-position:top left;/*ltr*//*shorten*/
}
.rtl #gnTabs #gnTab1.hover {/*prehover removed*/
background-position:top right;/*rtl*//*shorten*/
}
#gnTabs .ieHalo {
display:none;
}
#gnTabs .hover .ieHalo {/*with some more work, this lets us make a fake dropshadow via glow, using a slightly offest element. Move to ie-only stylesheet later. */
/* pausing for now to hit FF3.5 milestone for usability testing...
display:block;
filter:Glow(Color=#330066,Strength=3);
height:100%;
left:0px;
position:absolute;
top:0px;
width:100%;
z-index:-1;
*/
}
#gnTabs .ieShadow {
/* planning to use glow on this to create an offset, blurred dropshadow for IE7+, which is challenging without using lots of nested divs with bkg images. Pausing for now to hit FF3.5 milestone. */
}
#gnTabs .gnTab {
display:block;
font-size:14px;
font-weight:bold;
line-height:26px;/*shorten*/
text-align:center;
text-shadow: #fff 1px 1px;/* IE8 needs an equivalent for the text-shadow to get the white underlaid text sorted out. Or I might just be doing it wrong. :)*/
padding-bottom:1px;/*shorten*/
}
/*prehover declaration removed*/

#gnTabs .hover .gnTab {
-moz-box-shadow:0px 3px 10px #666;
-webkit-box-shadow:0px 3px 10px #666;
box-shadow:0px 3px 10px #666;
position:relative;
text-shadow:none;
z-index:1;
}
#gnTabs td.active {
background-color:#fff;
}
#gnTab1.active {
/*shorten background:#006dc7 url(http://media.netapp.com/designimages/bkg-gntab-active.gif) top left no-repeat;*//*ltr*/
}
#gnTab1.active .gnTab {/*have to layer the divider ont this one*/
background:url(http://media.netapp.com/designimages/bkg-tab-divider.gif) right top repeat-y;/*LTR*/
}
.rtl #gnTab1.active .gnTab {/*have to layer the divider ont this one*/
background:url(http://media.netapp.com/designimages/bkg-tab-divider.gif) left top repeat-y;/*RTL*/
}
.rtl #gnTab1.active {
/*background:#006dc7 url(http://media.netapp.com/designimages/bkg-gntab-active.gif) top right no-repeat;*//*rtl*/
}
#header #gnTab1.hover .gnTab {/*prehover code removed*/
background-image:none;/*...and then we have to get rid of it during .hover */
}
#gnTabs .gnTab:link,
#gnTabs .gnTab:visited,
#gnTabs .gnTab:visited:hover,
#gnTabs .gnTab:hover,
#gnTabs .gnTab:link:hover,
#gnTabs .gnTab:focus,
#gnTabs .gnTab:active {
color:#0067c5;
font-weight:bold;
}
#gnTabs .active .gnTab:link,
#gnTabs .active .gnTab:visited,
#gnTabs .active .gnTab:hover,
#gnTabs .active .gnTab:focus,
#gnTabs .active .gnTab:active {
color:#58A618;
}
#gnTabs td.hover .gnTab:link,
#gnTabs td.hover .gnTab:visited,
#gnTabs td.hover .gnTab:hover,
#gnTabs td.hover .gnTab:focus,
#gnTabs td.hover .gnTab:active {/*prehover code removed*/
color:#fff;
}
.tabWrapper {/*used to make positioning a lot easier (especially with ltr/rtl toggles) */
display:none;
height:auto;
left:0;
position:absolute;
top:122px;/*shorten*/
width:950px;
z-index:10;

}

.rtl .tabWrapper {
left:-2px;/*not sure why this needed to be pulled to the left a smidge. But it works */
}
.hover .tabWrapper {
display:block;
}
.subTab {
position:relative;
-moz-box-shadow:0px 5px 10px #666;
-webkit-box-shadow:0px 5px 10px #666;
box-shadow:0px 5px 10px #666;
background:#fff;
border-bottom:7px solid #006ec8;
border-top:7px solid #006ec8;
z-index:9;

}
/*START: hardcoded margins for now, based on beginning layout.*/
/*Later: create a batch of conditional classes that can handle lots of permutations, using the numeric IDs and count-x classes*/

#gnTab1 .subTab {}/*since it's 5 columns, no need to position it right now*/
.rtl #gnTab1 .subTab {}

#gnTab2 .subTab {}
.rtl #gnTab2 .subTab {}

#gnTab3 .subTab  {margin:0 auto;}/*should be same for ltr/rtl this way*/
.rtl #gnTab3 .subTab {}

#gnTab4 .subTab{margin:0 0 0 0px;}
.rtl #gnTab4 .subTab {margin:0 0px 0 0;}

#gnTab5 .subTab {}
.rtl #gnTab5 .subTab {}

#gnTab6 .subTab {margin:0;}
.rtl #gnTab6 .subTab {margin:0 190px 0 0;}
/*END: hardcoded margins for now, based on beginning layout.*/

.subTab .cols {
margin:18px 4px;
}
/*since we have to do some positioning in the future based on the number of tabs, might as well take advantage of it and avoid other hoops for stuff like column dividers*/
/*Assuming we won't have a 1 or 2 column anytime soon*/
/* DOH! 2 columns were created */
#gnTabs .subTab.count-2 {
width:384px;
}

#gnTabs .subTab.count-3 {
width:572px;
}

#gnTabs .subTab.count-4 {
width:760px;
}
#gnTabs .subTab.count-5 {
width:950px;
}
#gnTabs .count-2 .cols {
background:url(http://media.netapp.com/designimages/bkg-subtab-columns-2.gif) top left repeat-y;
}
#gnTabs .count-3 .cols {
background:url(http://media.netapp.com/designimages/bkg-subtab-columns-3.gif) top left repeat-y;
}
#gnTabs .count-4 .cols {
background:url(http://media.netapp.com/designimages/bkg-subtab-columns-4.gif) top left repeat-y;
}
#gnTabs .count-5 .cols {
background:url(http://media.netapp.com/designimages/bkg-subtab-columns-5.gif) top left repeat-y;
}
.subTab dl {
float:left;/*LTR*/
list-style:none;
margin:0;
padding:0;
width:188px;
color:#454545;
}
.rtl .subTab dl {
float:right;/*rtl*/
}
.subTab dt {
display:block;
font-size:14px;
font-weight:bold;
padding:0 0 0 13px;/*ltr*/
list-style:none;
margin:0 23px 8px 13px;/*ltr*/
}
body.ja .subTab dt {
font-size:13px;/*needs to be smaller for Japan*/
}
.rtl .subTab dt {
padding:0 13px 0 0;/*rtl*/
margin:0 13px 8px 23px;/*rtl*/
}
.subTab dt a {
display:block;
background:url(http://media.netapp.com/designimages/bkg-header-tertiary-caret.gif) left top no-repeat;/*ltr*/
margin-left:-13px;/*ltr*/
padding-left:13px;/*ltr*/
}
.rtl .subTab dt a {
background:url(http://media.netapp.com/designimages/bkg-header-tertiary-caret-rtl.gif) right top no-repeat;/*rtl*/
margin-left:0;/*rtl*/
margin-right:-13px;/*rtl*/
padding-left:0;/*rtl*/
padding-right:13px;/*rtl*/
}
.subTab dd,
.ltr #header .subTab dd {
background:url(http://media.netapp.com/designimages/bkg-header-tertiary-caret.gif) left top no-repeat;
list-style:none;
padding:0 0 0 13px;
display:block;
font-size:12px;
margin:0 26px 2px 26px;
}
body.ja .subTab dd {
font-size:11px;/*needs to be smaller for Japan*/
}
.rtl .subTab dd {
padding:0 13px 0 0;
background:url(http://media.netapp.com/designimages/bkg-header-tertiary-caret-rtl.gif) right top no-repeat;
}
#header #gnTabs a:focus {
outline:0;
}
#header .subTab dt a:link,
#header .subTab dt a:visited,
#header .subTab dt a:link:visited,
#header .subTab dt a:hover,
#header .subTab dt a:visited:hover,
#header .subTab dt a:active {
color:#0067c5;
font-weight:bold;
}
#header .subTab dd a:link,
#header .subTab dd a:visited,
#header .subTab dd a:hover,
#header .subTab dd a:active {
color:#0067c5;
}
.subTab dd+dt {
margin-top:11px;/*When a dt follows a dd, we add 1px of top margin to equal 13px (after adding the dd's 2px bottom margin*/
}
#footer-gnr {/*temporary id to avoid conflict with mainstructure.css*/
background:transparent;
height:83px;
position:relative;
width:922px;
padding-left:28px;/*double check IE6 with this*/
clear:both;
padding-top:43px;
margin-left:25px;
}
.rtl #footer-gnr {
margin-left:0;
margin-right:30px;
}
body#hp-flash #footer-gnr {
padding-top:44px;
font-size:11px;
margin-left:28px;/*ltr*/
padding-left:0;/*ltr*/
}
.rtl body#hp-flash #footer-gnr {
left:-5px;/*hacking it for now*/
}
#footer-gnr .truste {
height:auto;
right:0;/*ltr*/
position:absolute;
top:52px;
width:auto;
}
.rtl #footer-gnr .truste {
right:834px;/*rtl*/
}
#hp-flash #footer-gnr .truste {
top:53px;
}
.rtl #hp-flash #footer-gnr {
margin-right:0;/*rtl*/
}
#footer-gnr ul {/*sloppy overwriting of declarations further up. It's late/early. Sorry. */
display:block;
margin-top:4px;/*originally 7 but ryan says that was 3 too tall -kb  */
}
#hp-flash #top-container {
margin-top:20px;
height:308px;
}
#hp-flash #outerMain {
width:950px;
}
#hp-flash #header {
margin-left:0;
}
.rtl #hp-flash #header {
left:25px;/*hacking for now*/
}
#flash-ads-hp {
padding-top:0;
}

/* START: style overrides for twitter modules - kb */
.twtr-hd {
display:none !important;
}
#twtr-widget-1 {
width:auto;
padding:0;
/*	margin: 10px 10px 0 -6px;*/ /* not necessary for rollup*/
}
.rtl .twtr-timeline {
text-align:right;
}
.rtl .twtr-reply{
clear:right;
float:right;
padding-left:5px;}
.twtr-ft * {
float:none !important;
}
/*.twtr-ft span {
text-align:right !important;
display:block !important;
background: #fff url(http://media.netapp.com/designimages/arrow-wrap.gif) no-repeat 0 2px !important;
padding: 0 0 0 12px !important;
margin: 12px 0 0 0 !important;
}
.rtl .twtr-ft span {
text-align:left !important;
}
*/
.twtr-ft {
display: none !important;
}
.twtr-doc {
font: normal 11px Arial,Helvetica,sans-serif;
}
#twt-footer {
 		margin:10px;/*changing for rollup*/
}
#twt-bottom-text {
margin:10px 10px 10px 0px;
}
#twt-ico {
text-align: center;
}
/* END: style overrides for twitter modules - kb */

/* just to style showHelp text within global nav */
#header .hint a {color:#c00 !important;font-weight:normal !important;background-image:none;font-size:11px;display:inline;}