/* Cascading Style Sheet for HTML export */ /* Light Blue style */ /* Compatibility notes: * * Names starting with "#" are ID selectors meaning they point to one specific single object/element * */ /* This stylesheet expects the following HTML structure body#page table#pageHeader tr td.left (rowspan 3) td.right div.utilities span.command (0+) a img span.label tr td.right div.mapName tr td.right div.contactInformation col left is optional sidebar navigation col.main col.right tr#breadcrumbsAndPageNavigation td.left (0-1: include if sideNav) div.box (0+) ... (see div.box contents below) Optional Breadcrumb and pageNavigation td.breadcrumbs td.pageNavigation td.right table#pageFooter tr td.left (rowspan = 2, could be used for image) td.center (rowspan = 2) div.footerText td.right div.hyperlink tr td.right div.lastUpdated */ /* GLOBAL SYTLE global styling, sets overall style of page */ body { font-family: Verdana; margin: 0px; /* increase to have page float on background */ padding: 0px; font-size: 12pt; } li { margin-bottom: .3em; /* make list items more compact than default */ } img { border: 0; /* by default, images should not have a border */ } .emptyImage { /* used for special effects */ float:left; margin: 0px; /* distance to outline */ } /* all headers in boxes */ .header { clear: both; /* floating element below */ } /* link styles */ a { text-decoration: underline; /* set to "none" to hide underlines on links */ } a img { text-decoration: none; /* set to "none" to hide underlines on links */ } /* remove link underline from some special elements: Header and Overview Map */ #mapPageHeader a, { text-decoration: none; /* set to "none" to hide underlines on links */ } a:link { color: #0066CC; } a:visited { color: #993399; } /* Note: hover selector should be last in order to take precedence in :visited AND :hover situation */ a:hover { color: #FF3300; } /* special link styles */ a.noHover:hover { background-color:transparent; /* If you don't want images wrapped in to have hover effect, make it */ } a:active { color: #FF3300; } /*********************************************************************************/ /*** Styles of specific modules **************************************************/ /*********************************************************************************/ /* MODULE: HEADER --------------------------------------------*/ #pageHeader { width: 100%; border-bottom: 1px solid #C0C0C0; background-image: url(../images/header_background.gif); background-repeat: repeat-y; background-color: #6487DC; /* same color as on right side in backgound image */ } #pageHeader td { padding-left: 6px; padding-right: 6px; } #pageHeader div { /*margin-bottom: .2em; */ } /* logo image on left side of header */ #pageHeader .left { width: auto; margin-right: 8px; vertical-align: middle; } /* header information */ #pageHeader .right { margin-left: 8px; width: 100%; /* helps to left align text */ color: White; } #pageHeader .right .utilities { text-align: right; font-size: 8pt; vertical-align: top; } .utilities_toc { display: show; /* show table of content link */ } /* link style in header */ /* note: Order is important. If ambiguous, last has precedence. */ #pageHeader a:link { color: White; } #pageHeader a:visited { color: White; } #pageHeader a:hover { color: #BEDBF7; } #pageHeader a:active { color: #FF3300; } /* note: Order is important. If ambiguous, last has precedence. */ #pageHeader .right .utilities a:link{text-decoration:none} #pageHeader .right .utilities a:visited{text-decoration:none} #pageHeader .right .utilities a:hover{text-decoration:none} #pageHeader .right .utilities a:active{text-decoration:none} #pageHeader .right .mapName{text-align:left;font-family:Arial;font-size:15pt;vertical-align:middle} #pageHeader .right .contactInformation{text-align:right;font-size:7pt;vertical-align:bottom} table#pageBody{width:100%} .bodyColumn{padding:0px;vertical-align:top;text-align:left;width:100%} #pageBody col.main{width:auto} #pageBody col.right{width:auto} table#pageBody tr td{padding-left:0px;padding-right:0px} table#pageBody td.main{padding-left:10px;padding-right:20px;border:2px solid #000000} table#pageBody td.breadcrumbs{vertical-align:top;padding-left:10px} table#pageBody td.pageNavigation{padding-right:20px} .topicDivider{border-top:1px solid #C0C0C0;height:0.1em;font-size:2pt} #pageFooter{width:100%;border-top:1px solid #C0C0C0;font-size:8pt;color:#FFFFFF;background:#6487DC} #pageFooter td{padding-left:6px;padding-right:6px} #pageFooter div{} /* link style in footer */ #pageFooter a:link{color:#FFFFFF} #pageFooter a:visited{color:#FFFFFF} #pageFooter a:hover{color:#BEDBF7} #pageFooter a:active{color:#FF3300} #pageFooter .left{width:0px;margin-right:0px} #pageFooter .center{width:65%;text-align:left;vertical-align:top} #pageFooter .center .footerText {} /* Last update and hyperlink */ #pageFooter .right{width:35%;text-align:right} #pageFooter .right .hyperlink{vertical-align:top} #pageFooter .right .lastUpdated{vertical-align:bottom} /* MODULE BREADCRUMBS AND PREV / NEXT NAVIGATION --------------------------------------------------*/ .breadcrumbs{font-size:7pt;text-align:left;width:70%;vertical-align:top;color:#0066CC;padding-top:4px;padding-bottom:2px} .breadcrumbs a:visited{color:#0066CC} .breadcrumbs .breadcrumb{white-space:nowrap} .pageNavigation {text-align:right;font-size:7pt;width:30%;vertical-align: middle;} .pageNavigation a:visited {color: #0066CC;} /*----------------------------------------------------------------------------------*/ /* MODULE: TOPIC ------------------------------------------------------------------ */ /*----------------------------------------------------------------------------------*/ /* tr.topic (0+) td.main (colspan = 2) tr.topicHeader td.topicImageColumn img.topicImage td.topicLineColumn span.outlineNumber span.topicLine span.topicIcons img.topicIcon div.body div.topicTextNotes div Notes td.right */ .topic .main .body{clear:both} .topicHeader{vertical-align:middle;clear:both} .topicimagecolumn{} .topicimage{margin-right:6px} .topictopiclinecolumn{} .outlineNumberFirst{display:visible;font-size:11pt;font-weight:bold} .outlineNumber{display:visible;font-size:10pt;font-weight:bold} .topicLineFirst{font-size:11pt;font-weight:bold} .topicLine{font-size:10pt;font-weight:bold} .topicIcons{margin-left:4px;vertical-align:middle} .topicIcon{margin-right:3px} /*
around whole text notes */ .topicTextNotes{font-size:9pt;margin-left:0.3em;margin-top:0.5em} .topicTextNotes div{margin-bottom:0.8em} .topicTextNotes table{margin-bottom:0.7em} .topicTextNotes table div{margin-left:0.3em;margin-right:0.3em} .topicTextNotes .lasttablenotesdiv{margin-bottom:0em} .callouts .topictextnotes{font-size:8pt;margin-left:0px} .topichyperlink{font-size:8pt} .topichyperlinkicon{vertical-align:bottom} /* commands: active buttons / hot spots or links */ .command{white-space:nowrap} .command img{display:inline;vertical-align:bottom;margin-left:2px} .command .label{display:inline;vertical-align:middle} /* MODULE: BOX - MAP GRAPHICS SNIPPET ---------------------------------------------------*/ /* div.partialMapArea table.partialMapTable div.SubTopicItems div.subtopicitem img a div.partialMap img */ .partialMapArea{vertical-align:top;margin-bottom:10px} table#partialMapTable tr td{padding:0px} .SubTopicItems{clear:both;font-size:8pt;font-weight:normal;margin-left:10px;margin-right:50px} .subtopicitem{margin-top:3px;margin-bottom:2px} .partialMap{margin-top:5px;margin-bottom:5px;display:visible} /* MODULE: CALLOUT -SECTION---------------------------------------------------------------------*/ /* div.callouts div.callout div.calloutHeader span topicIcons img.topicIcon tr.calloutBody div.calloutImage img.topicImage div.topicTextNotes div Notes span a.topicGyperlink a.topicHyperlinkIcon */ /* all callouts */ .callouts{width:360px;margin-left:30px;margin-bottom:8px;border-top:3px solid #6487DC;border-bottom:3px solid #6487DC;background:#F4F4F4} .callout{margin:0px 8px 3px} .calloutHeader{font-size:8pt;font-weight:bold;color:#808080;padding-left:4px} .calloutBody{vertical-align:top;text-align:left} .calloutImage{padding-left:4px} /* -----------------------------------------------------*/ /* COLLAPSIBLE BOXES /*-------------------------------------------------------*/ /* div.Area (need "Area" string for collapse button script) div.collapsiblebox (1+) div.header span.title img.expandOrCollapseButton div.body (varies) */ /* the body class is important for the collapse script. It follows the initial .collapsiblebox statement */ .body{clear:both} .clearfloat{clear:both} .collapsiblebox{clear:both;width:360px;padding-bottom:0px;border:1px solid #C0C0C0;margin-bottom:8px;margin-left:30px;background:#8CAAE7} .legend .collapsiblebox{margin-left:0px} .collapsiblebox .title{padding:3px;padding-left:6px;font-size:10pt;text-align:left;font-weight:bold;color:#FFFFFF;float:left;} .collapsiblebox .expandOrCollapseButton{float:right;text-align:right;margin-top:2px;margin-left:8px;margin-right:4px;vertical-align:middle;display:inline} .collapsiblebox .body{clear:both;padding-bottom:1px;padding-left:0px;padding-right:0px;background:#EEF3FF } /* generic style for lists in boxes e.g. task information or about box */ .property{clear:both;height:1em} .property .label{width:15 em;font-size:7pt;color:#808080;text-indent:6px} .property .value{width:auto;font-size:8pt;color:#0066CC} /* MODULES: BOX - TASK INFORMATION ---------------------------------------------------------- */ .taskInformationArea .body {display: none;} /* MODULES: BOX - TEXT MARKERS INFORMATION ---------------------------------------------------------- */ .textMarkersArea .body {display: none;} /* MODULES: BOX - DATA CONTAINER ---------------------------------------------------------- */ .datacontainerarea .body{display:none} .datacontainertable{table-layout:fixed;width:100%;clear:both;height:1em} .datacontainertablecolumnheader{width:15 em;font-size:7pt;color:#808080;text-indent:6px} .datacontainertablerowheader{width:15 em;font-size:7pt;color:#808080;text-indent:6px} .datacontainertablecell{width:auto;font-size:8pt;color:#0066CC} .datacontainercustomproperties{width:100%;clear:both;height:1em} .datacontainercustompropertygroup{width:15 em;font-size:7pt;color:#FFFFFF;text-indent:6px;background:#808080} .datacontainercustompropertyname{width:15 em;font-size:7pt;color:#808080;text-indent:6px} .datacontainercustompropertynameingroup{width:15 em;font-size:7pt;color:#808080;text-indent:12px} .datacontainercustompropertyvalue{width:auto;font-size:8pt;color:#0066CC} .datacontainerimage{margin-right:1px} /* MODULES: BOX - REVIEW COMMMENT ---------------------------------------------------------- */ .comment{clear:both} .commentsarea .body{display:none;font-size:8pt;color:#0066CC} .comment .username{font-weight:bold;float:left;margin-bottom:0px;padding-left:6px} .comment .date{font-weight:bold;float:right;margin-bottom:0px;padding-right:6px} .comment .text{clear:both;padding-bottom:4px;padding-right:6px;padding-left:6px} /* MODULE: RELATED SECTION ----------------------------------------------------------------------*/ /* div.relatedSection div.oneRelatedSection a topicHyperlink div.relatedSectionBody div.relatedItem span relatedItemBullet a topicHyperlink a topicHyperlink (optional callout link) img topicHyperlinkIcon */ .relatedsection{} .onerelatedsection{margin-top:16px;margin-bottom:8px} .relatedsectionheader{font-size:8pt;font-weight:bold;padding-left:4px} .relateditem{font-size:8pt;margin-top:1px;margin-bottom:2px} .relateditembullet{padding-left:4px} /* the icon behind the link */ .relateditem .topichyperlinkicon{vertical-align:middle} /* MODULE: TOP COMMAND ----------------------------------------------------------*/ .topCommand{vertical-align:bottom;font-size:7pt;margin-top:10mm;margin-bottom:2mm} .topCommand a:link{text-decoration:none/* set to "none" to hide underlines on links */} .topCommand a:visited{text-decoration:none;/* set to "none" to hide underlines on links */ color:#0066CC/* don't show visited colors for prev/next navigation */} .topCommand a:hover{text-decoration:none/* set to "none" to hide underlines on links */} .topCommand a:active{text-decoration:none/* set to "none" to hide underlines on links */} /**********************************************************************************************/ /******** OTHER WINDOW LAYOUTS ****************************************************************/ /**********************************************************************************************/ /* WINDOW: LEGEND ------------------------------------------------------------- */ /* .div legend .div collapsiblebox .div body .div legendGroup .div legendItem .div item .div label */ .legend{margin-left:6px;margin-top:6px;font-size:8pt;color:#0066CC;width:200px} .legend .collapsiblebox{width:200px} .legend .collapsiblebox .body{width:200px} .legendgroup{clear:both;font-weight:bold;float:left;margin-top:5px;margin-bottom:4px;margin-left:0px} .legendItem{clear:both;margin-left:5px} .legendItem .item{float:left;margin-right:6px} .legendItem .label{float:left;margin-right:2px} /* WINDOW: CONTENT ------------------------------------------------------------- */ /* div.Page table.pageBody col.TOCContents div.body div.contentItem1[1-9] div.outlineNumber div.topicLine a topicHyperlink col.TOCAbout div.collapsiblebox div.header div.body div.mapPreview img div.property div.label div.value */ .TOCContents{text-align:left;vertical-align:top;width:90%} .TOCContents .body{margin:15px;margin-right:5px;color:#0066CC;font-size:8pt;font-weight:normal} .TOCAbout{text-align:right;vertical-align:top;width:10%} .TOCAbout .collapsiblebox{margin:15px;margin-right:5px} .TOCAbout .property{margin-top:5px} .TOCAbout .property .label{float:left;text-align:left;width:7.5em} .TOCAbout .property .value{float:left;text-align:left;margin-left:1.0em} .mapPreview{padding-top:10px;padding-bottom:16px;text-align:center;border-bottom:1px solid #C0C0C0} .contentitem1{margin-top:5px;clear:both} .contentItem2{margin-top:3px;margin-left:2em;clear:both; } .contentItem3{margin-left:4em;clear:both} .contentItem4{margin-left:6em;clear:both} .contentItem5{margin-left:8em;clear:both} .contentItem6{margin-left:10em;clear:both} .contentItem7{margin-left:12em;clear:both} .contentItem8{margin-left:14em;clear:both} .contentItem9{margin-left:16em;clear:both} .contentItem10{margin-left:18em;clear:both} /* WINDOW: OVERVIEW MAP ------------------------------------------------------------- */ /* body overviewMapBody .div overviewDiv img mapOverview img mapDetailed */ .overviewmapbody{background:#808080} .overviewdiv{cursor:hand;text-align:center;margin-top:10px/* remove once we can center horizontally */} img#mapoverview,img#mapdetailed{margin:0px} body#mappagefooter{font-family:Verdana;font-size:8pt;text-align:center;padding-top:3px;vertical-align:middle;color:#FFFFFF;background:#6487DC}