around whole text notes */
.topicTextNotes {
font-size: 9pt;
margin-left: 0.3em;
margin-top: 0.5em;
}
.topicTextNotes div {
margin-bottom: 0.8em; /* distance between paragraphs */
}
.topicTextNotes table {
margin-bottom: 0.7em; /* some space below tables and before next paragraph starts */
}
.topicTextNotes table div {
margin-left: 0.3em; /* some left and right cell padding */
margin-right: 0.3em;
}
.topicTextNotes .lastTableNotesDiv {
margin-bottom: 0em; /* no bottom margin for last paragraph in Notes */
}
/*
around whole text notes in callouts */
.callouts .topicTextNotes {
font-size: 8pt;
margin-left: 0px;
}
/* single link, so far used in callout section */
.topicHyperlink {
font-size: 8pt;
}
/* the icon behind the link */
.topicHyperlinkIcon {
vertical-align: bottom;
}
/* commands: active buttons / hot spots or links */
.command {
white-space: nowrap;
}
.command img {
display: inline; /* set to none or inline to hide or show command icons */
vertical-align: bottom;
margin-left: 2px;
}
.command .label {
display: inline; /* set to none or inline to hide or show command text labels */
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; /* some distance below this block */
}
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; /* this value will be set during the export depending on user setting in property inspector */
}
/* 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 {
background-color: #F4F4F4;
width: 360px;
margin-left: 30px;
margin-bottom: 8px;
border-top: 3px solid #6487DC;
border-bottom: 3px solid #6487DC;
}
/* single callout */
.callout {
margin-left: 8px;
margin-right: 8px;
margin-top: 0px;
margin-bottom: 3px;
}
/* topic text and icons */
.calloutHeader {
font-size: 8pt;
font-weight: bold;
color: Gray;
padding-left: 4px; /* align with text notes */
}
.calloutBody {
vertical-align: top;
text-align: left;
}
.calloutImage {
padding-left: 4px; /* align with text notes */
}
/* -----------------------------------------------------*/
/* 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; /* needed to hold down bottom border sometimes */
}
.collapsiblebox {
clear: both;
width: 360px;
padding-bottom: 0px;
background-color: #8CAAE7;
border: 1px solid #C0C0C0;
margin-bottom: 8px;
margin-left: 30px;
}
.legend .collapsiblebox {
margin-left: 0px; /* overide for the legend box */
}
.collapsiblebox .title {
padding: 3px;
padding-left: 6px;
font-size: 8pt;
text-align: left;
font-weight: bold;
color: White;
float: left;
}
.collapsiblebox .expandOrCollapseButton {
float: right;
text-align: right;
margin-top: 2px;
margin-left: 8px;
margin-right: 4px;
vertical-align: middle;
display: inline; /* set to none to hide button(s); set to inline to show */
}
.collapsiblebox .body {
clear: both;
padding-bottom: 1px;
padding-left: 0px;
padding-right: 0px;
background-color: #EEF3FF;
}
/* generic style for lists in boxes e.g. task information or about box */
.property {
clear: both;
height: 1em; /* since I'm using spans, I need some more line spacing */
}
.property .label {
width: 15 em;
font-size: 7pt;
color: gray;
text-indent: 6px;
}
.property .value {
width: auto;
font-size: 8pt;
color: #0066CC;
}
/* MODULES: BOX - TASK INFORMATION ---------------------------------------------------------- */
.taskInformationArea .body {
display: none; /* collapse when first shown */
}
/* MODULES: BOX - TEXT MARKERS INFORMATION ---------------------------------------------------------- */
.textMarkersArea .body {
display: none;
}
/* MODULES: BOX - DATA CONTAINER ---------------------------------------------------------- */
.dataContainerArea .body {
display: none; /* collapse when first shown */
}
.dataContainerTable {
table-layout: fixed;
width: 100%;
clear: both;
height: 1em; /* since I'm using spans, I need some more line spacing */
}
.dataContainerTableColumnHeader {
width: 15 em;
font-size: 7pt;
color: gray; /* STYLE */
text-indent: 6px;
}
.dataContainerTableRowHeader {
width: 15 em;
font-size: 7pt;
color: gray; /* STYLE */
text-indent: 6px;
}
.dataContainerTableCell {
width: auto;
font-size: 8pt;
color: #0066CC; /* STYLE */
}
.dataContainerCustomProperties {
width: 100%;
clear: both;
height: 1em; /* since I'm using spans, I need some more line spacing */
}
.dataContainerCustomPropertyGroup {
width: 15 em;
font-size: 7pt;
color: white;
background-color: gray;
text-indent: 6px;
}
.dataContainerCustomPropertyName{
width: 15 em;
font-size: 7pt;
color: gray; /* STYLE */
text-indent: 6px;
}
.dataContainerCustomPropertyNameInGroup{
width: 15 em;
font-size: 7pt;
color: gray; /* STYLE */
text-indent: 12px;
}
.dataContainerCustomPropertyValue{
width: auto;
font-size: 8pt;
color: #0066CC; /* STYLE */
}
.dataContainerImage {
margin-right: 1px; /* distance to outline */
}
/* MODULES: BOX - REVIEW COMMMENT ---------------------------------------------------------- */
.comment {
clear: both;
}
.commentsArea .body {
display: none; /* collapse when first shown */
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; /* makes bottom 'border' bigger on opera */
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; /* align with text notes */
}
.relatedItem {
font-size: 8pt;
margin-top: 1px;
margin-bottom: 2px;
}
.relatedItemBullet {
padding-left: 4px; /* align with text notes */
}
/* 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;
}
/* set with of both divs to avoid right border if text wraps */
.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;
}
.contentItemX {
margin-left: 18em;
clear: both;
}
/* WINDOW: OVERVIEW MAP ------------------------------------------------------------- */
/*
body overviewMapBody
.div overviewDiv
img mapOverview
img mapDetailed
*/
.overviewMapBody {
background-color: Gray;
}
.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: white;
background-color: #6487DC;
}