/* ----------------------------------------------- Product Display CSS Version: 26 Sept 2006 -----------------------------------------------*/ /* =Imported styles to use as our base -----------------------------------------------*/ @import url("./StarRating.css"); @import url("./formLayout.css"); /* =Global link styling ---------------------------------------*/ a{text-decoration:none;color:#003399;} a:hover{text-decoration:underline} a:hover span.highlight{text-decoration:underline} #content a{text-decoration:underline} #content a:visited{color:#6699CC;} #content a:hover{text-decoration:none} #content a:hover span.highlight{text-decoration:none} /* =Global font definitions ---------------------------------------*/ body {font:13px/1.5 arial,verdana,arial,helvetica,clean,sans-serif;*font-size:small;*font:x-small;color:#000000;}table {font-size:inherit;font:100%;}pre,code,kbd,samp,tt{font-family:monospace;*font-size:108%;line-height:100%;} td#sidebar, div#header, div#footer, td#content{ /* set the base font size for the content to 12px. Can't rely on PRINCE and the Feature Editor to always place content in a p tag*/ font-size:93%; /* equates to 12px */ /* font sizes in percentages based on the above percentage formula: (desired font size * 100)/12 10px = 83% 11px = 92% 12px = 100% 13px = 108% 14px = 117% 15px = 125% 16px = 133% 17px = 142% */ } td#content h1{font-size:142%;font-weight:bold;line-height:inherit;margin:0 0 15px 0;} td#content h2{font-size:133%;font-weight:bold;line-height:inherit;margin:0 0 15px 0;} td#content h3{font-size:125%;font-weight:bold;line-height:inherit;margin:0 0 15px 0;} td#content h4{font-size:117%;font-weight:bold;line-height:inherit;margin:0 0 15px 0;} td#content h5{font-size:108%;font-weight:bold;line-height:inherit;margin:0 0 15px 0;} td#content h6{font-size:100%;font-weight:bold;line-height:inherit;margin:0 0 15px 0;} td#content h1.title{margin:0 0 5px 0;font-size:142%;font-weight:bold;} td#content p.source{margin:0 0 15px 0;font-size:100%;} td#content p{margin:0 0 15px 0;font-size:100%;line-height:1.5em;} td#content sup{ font-size:11px; vertical-align:super; } td#content sup sup{ vertical-align:top; } body input, body select, body textarea, body button{ font-size:99%; } #sidebar p, #sidebar table, #sidebar li, #sidebar dd, #sidebar dt, #sidebar caption, #sidebar h1, #sidebar h2, #sidebar h3,#sidebar h4, #sidebar h5, #sidebar h6{ font-size:92%; } #sidebar input, #sidebar select, #sidebar textarea, #sidebar button{ font-size:99%; /* this is 99% of the parent elements font size set on the line above */ } #content .VSSImage{float:left; padding:15px;} #content .VSSLink{clear:both} #footer p.copyrightWarning, #footer p.classification{ text-align:center; margin:2px 0; } #header p.copyrightWarning, #header p.classification{ text-align:center; margin:2px 0; } #header hr, #footer hr{height:1px;color:#333;background:#333;border:none;margin:3px 0;padding:0;} .pageBreak{page-break-after:always} /* =CSS Page Structure ---------------------------------------*/ #pageWrapper{width:100%;margin:0 auto;} #sidebar div{clear:both;margin-bottom:20px} #header, #footer{clear:both;position:relative;} #footer{padding: 20px 0 15px 0;} .clearing {height: 0px;clear: both;} /*= Table layout ----------------------------------------------*/ #container{width:100%;} #sidebar{vertical-align:top;background:#ffffff;width:230px;padding-left:20px;} #sidebar div{width:230px;} #content{vertical-align:top;width:auto;background:#ffffff} /* =Define highlight color for text search results ---------------------------------------------------*/ .highlight, .HIGHLIGHT {background-color: #FEFF5F} .last{margin-bottom:0px;} #content div#featureWrapper br{clear:both;} #content table{margin:5px;} .imgCap{float:left;width:1px;margin:0 10px 10px 0} .imgCap img{border:1px solid #000;} .imgCap p{margin:0;color:#666;} /* =Items contained in the right column. ---------------------------------------------------*/ #sidebar div, #sidebar div ul{position:relative} #sidebar div#feedbackMini{text-align:center;clear:both;margin-bottom:30px;margin-top:5px} #sidebar div#feedbackMini *{margin:0;padding:0;} #sidebar div#feedbackMini h6{margin:0;} #sidebar div#feedbackMini input, #sidebar div#feedbackMini button {font-size:99%} #sidebar div#feedbackMini #stars{margin:3px auto;float:none;height:18px;} #stars span{background:url("../img/stars.gif") no-repeat 0 -35px;display:block; width:15px;height:16px;float:left;margin-right:3px;position:relative} #stars span.blank{background-position: 0 1px;} #sidebar div#feedbackMini p{float:none;clear:both;text-align:center;margin:3px 0;} #sidebar div#feedbackMini p input{margin:5px 0 0 0;padding:0;} #sidebar div#feedbackMini div.content{padding:5px;} #feedbackMini{background:#fff;border:1px solid #6B9ED5;} #feedbackMini div{margin:0;padding:0;} /* =Metadata tab controls ---------------------------------------------------*/ #controls {margin:0;padding:0;} #controls tbody, #controls tr, #controls td{margin:0;padding:0;} #controls a,#controls a.current {display: block;float: left;padding:2px 10px;margin:0;text-align: center;text-decoration: none;color: #333;} #controls a.current,#controls a.current:hover {background: #6B9ED5;color:#fff;font-weight:bold} #controls a {background: #ededed;border: 1px solid #6B9ED5;} #controls a:hover {margin-top: 0;border-color: #666;background: #FFF7CD;} /* =Metadata list ---------------------------------------------------*/ #metadata{background:#fff;padding:0;margin:0;} #metadata h6{background:#6B9ED5;color:#ffffff;margin:0;padding:2px 5px} #metadata div{margin:0 0 20px 0;border:1px solid #6B9ED5;} #metadata dl{padding:5px;margin:0 0 0 0;} #metadata dt{font-weight:bold;margin:0;padding:2px 0;} #metadata dd{margin:0;padding:0 0 3px 0;} /* =Version history table ---------------------------------------------------*/ #history{background:#919191;margin-top:20px;} #history h3{background:#6B9ED5;color:#fff;font-weight:bold;border:1px solid #000000;} #history table{width:100%;border:1px solid #6B9ED5;border-bottom:none;background:#ffffff;} #history table th, #history table tfoot th {font-weight:bold;} #history table th, #history table td{margin:0;padding:2px 5px;border-bottom:1px solid #6B9ED5;text-align:left;} #history table caption{margin:0;padding:2px 5px;text-align:left;border:1px solid #6B9ED5;border-bottom:none;background:#6B9ED5;font-weight:bold;color:#fff;} /* =Show full version (click on printer friendly link) ---------------------------------------------------*/ #showFullVersion a { background-image:url(../full_version_show.gif); text-decoration:none; color:#003399; padding:3px 30px 3px 0px; background-repeat:no-repeat; background-position:top right; } #showFullVersion a:hover{text-decoration:underline;} #showFullVersion{text-align:right;} /* =Result Navigation ---------------------------------------------------*/ #resultNavigation{border:1px solid #6B9ED5;padding:0px;margin:0 0 10px 0;position:relative;} #resultNavigation h3{} #resultNavigation h6{background:#6B9ED5;color:#ffffff;margin:0;padding:2px 5px;} #resultNavigation ul{margin:0;padding:0;} #resultNavigation li{text-align:right;list-style:none;padding:2px 0;margin:6px 5px} div#pageWrapper #resultNavigation #navigationLinks a.prev{background-image:url(../img/icons/navigate_previous.gif); background-position:center left; background-repeat:no-repeat; } div#pageWrapper #resultNavigation #navigationLinks a.next{background-image:url(../img/icons/navigate_next.gif); background-position:center right; background-repeat:no-repeat; padding-right: 8px; _padding-right: 5px;} /* =Article tools ---------------------------------------------------*/ #articleTools{border:1px solid #6B9ED5;padding:0px;margin:0 0 10px 0;position:relative;} #articleTools h3{} #articleTools h6{background:#6B9ED5;color:#ffffff;margin:0;padding:2px 5px;} #articleTools ul{margin:0;padding:0;} #articleTools li{text-align:right;list-style:none;padding:2px 0;margin:6px 5px} #articleTools li a{padding:3px 30px 3px 0px;background-repeat:no-repeat; background-position:top right} #articleTools #emailArticle a{background-image:url(../email_article.gif)} #articleTools #printerFriendly a{background-image:url(../printer_friendly.gif)} #articleTools #hideM{background-image:url(../metadata_control_hide.gif);} #articleTools #showM{background-image:url(../metadata_control_show.gif);} #articleTools #hideH{background-image:url(../history_hide.gif);} #articleTools #showH{background-image:url(../history.gif);} #articleTools #edit a{background-image:url(../action_edit.gif);} #articleTools #featurize a{background-image:url(../featurize.gif);} #articleTools #printLabel a{background-image:url(../print_label.gif);} #articleTools #associate a{background-image:url(../action_associate.gif);} #articleTools #toggleHighlighting a{background-image:url(../img/icons/toggle-highlight.gif);} #articleTools #previousArticle a{background-image:url(../widget_arrow_left.gif);} #articleTools #nextArticle a{background-image:url(../widget_arrow_right.gif);} /* =Related Items ---------------------------------------------------*/ #related{border:1px solid #6B9ED5;} #related h6{background:#6B9ED5;color:#ffffff;margin:0;padding:2px 5px} #related ul{padding:0 0 0 25px;margin:0;} #related li{padding:0 0 2px 5px;margin:7px 6px 7px 3px;line-height:1.5em;} /* =Listing of article feedback that is shown at the bottom of the article ---------------------------------------------------*/ div#feedback {clear:both;margin-top:40px;width:99%;} div#feedback h3#AvgProductRating{margin-top:0;clear:both;float:left;font-size:142%;font-weight:normal;} div#feedback h3#AvgProductRating img{} #feedback input#bodyDisplayFormButton2{margin-left:20px;} #feedbackSortingSelector{text-align:right;float:right;} #feedbackSortingSelector select{} /* user entered comments */ div#feedback div#feedbackComments h5 {clear:both;margin-bottom:0;border-top:1px solid #D8E3EE;background: url("../img/optsbg.gif") repeat top left;padding:3px 0 0 5px;font-size:108%;} div#feedback div#feedbackComments p{clear:both;margin:5px 5px 30px 5px} div#feedback div#feedbackComments .date{float:left;} div#feedback div#feedbackComments .version{font-weight:normal;} div#feedbackComments{margin-bottom:20px;} #feedbackComments img{margin:0 10px;float:left;} #feedbackComments .appropriatenessFlagClass { float:right; text-decoration:none;font-weight:normal; } #feedbackComments .appropFlagImgClass { border:none; } #showMoreReviews {text-align:right;} div#ProductFeedbackFormContainer{} form#ProductFeedbackForm h5{font-size:100%;} div#feedback p.note{margin-top:10px;margin-bottom:10px;} div#feedback p.disclaimer{font-size:92%;margin-top:20px;} /* target the no rating link */ form#ProductFeedbackForm fieldset ol p{float:left;clear:none;margin:1px 0 0 5px;padding-bottom:10px;} form#ProductFeedbackForm fieldset ol p a{display:block;padding-left:17px;background:url('../img/noRating.gif') no-repeat top left;overflow:hidden;} form#ProductFeedbackForm fieldset ol p a:hover{background-position:0px -35px;} /* =Overwrite some of the default form attributes that are imported from formLayout.css ---------------------------------------------------*/ form.cmxform{background:#FEFBDB;border:1px solid #cccccc;padding:0;margin:0;font-size:100%;} form.cmxform input, form.cmxform select, form.cmxform textarea{font-size:100%;} form.cmxform label, form.cmxform span.label{width:auto;padding:0;margin:0;} form.cmxform fieldset{border:none;padding:0px;margin:10px 10px 0 10px;} form.cmxform fieldset li p{margin-left:4.5em;} form.cmxform textarea{margin:0;line-height:1.3em;} form.cmxform fieldset li{padding:0;margin:0;} form.cmxform fieldset p.required{text-align:center;} .comments h5{background:#E6E3CA;margin:0;padding:5px;} .buttons{text-align:left;padding:0;margin:10px 0 10px 5px;clear:both;} /*.note, .discliamer{line-height:1.1em;}*/ .disclaimer{margin-top:20px;font-size:0.9em} /* =CSS hacks and filters ---------------------------------------------------*/ .clearfix:after {content: "."; display: block; height: 0; clear: both; visibility: hidden;} .clearfix {display: inline-block;} /* Hides from IE-mac \*/ * html .clearfix {height: 1%;} .clearfix {display: block;} /* End hide from IE-mac */ /* quote box and fact box display styles * HB (highlightbox) is the parent container for qb(quote box) and fb(fact box) * QB = Quote Box * FB = Fact Box */ #content table.hb{border-collapse:collapse;border:none;border-top:1px solid #E1E1E1;border-bottom:1px solid #E1E1E1;margin:0 0 10px 20px;} #content table.hb td{padding:0px 0px 1px 0px;border-left:none;border-right:none;} #content table.hb td h1,#content table.hb td h2,#content table.hb td h3,#content table.hb td h4,#content table.hb td h5,#content table.hb td h6{padding:3px;font-weight:bold;x-background:#ccc;margin:5px 0 5px 0;line-height:1em;color:#333;} #content table.hb td p{margin:10px 20px 0px 30px;line-height:1.5em;} #content table.hb td p i,#content table.hb td p em,#content table.hb td i,#content table.hb td em{font-style:italic} #content table.hb td hr{height:1px;font-size:0.1px;line-height:0.1px;color:#ccc;background:#ccc;border:0px;margin:5px 0px;} #content table.hb td ol,#content table.hb td ul{margin:0 10px 0 0;padding:0 0 0 30px;} #content table.hb td ol li,#content table.hb td ul li{margin-bottom:3px;} #content table.hb td ol li a,#content table.hb td ul li a{text-decoration:none;} #content table.hb td ol li a:hover,#content table.hb td ul li a:hover{text-decoration:underline;} #content table.hb caption{caption-align:bottom;text-align:right;margin:-10px 0 0 0;} #content table.qb1{width:200px;float:right;background: url("../img/quoteBoxBG.gif") repeat-x top left;} #content table.qb2{width:500px;margin:10px auto;clear:both;background: url("../img/quoteBoxBG.gif") repeat-x top left;} #content table.qb3{width:200px;margin:0px 20px 10px 0px;float:left;background: url("../img/quoteBoxBG.gif") repeat-x top left;} #content table.qb2 caption{width:500px;margin:-10px auto 10px auto;} #content table.qb1 table,#content table.qb1ws table,#content table.qb2ws table, #content table.qb2 table, #content table.qb3 table{ background-image:none; } #content .endquote{margin: 0 10px 0 0; background: url("../img/quoteEnd36.gif") no-repeat bottom right;} #content table.fb1{width:200px;float:right;clear:both;background: url("../img/bg_module_light.gif") repeat-x top left;} #content table.fb1 td p{margin:10px 10px 10px 15px;} #content table.fb1 td ol,#content table.fb1 td ul{padding:0 0 0 15px;} #content table.fb2{width:500px;margin:10px auto;clear:both;background: url("../img/bg_module_light.gif") repeat-x top left;} #content table.fb2 td p{margin:10px 10px 10px 15px;} #content table.fb2 td ol,#content table.fb2 td ul{padding:0 0 0 15px;} #content table.fb2 caption{width:500px;margin:-10px auto 10px auto;} #content table.fb3{width:200px;margin:0px 20px 10px 0px;float:left;clear:both;background: url("../img/bg_module_light.gif") repeat-x top left;} #content table.fb3 td p{margin:10px 15px 10px 10px;} #content table.fb3 td ol,#content table.fb3 td ul{padding:0 0 0 20px;} /* set different style for IE to hide */ #content td.borderTopHide{border-top: hidden;*border-style:none;} #content td.borderBottomHide{border-bottom: hidden;*border-style:none;}