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: #FAFAFA; /* STYLE */
width: 360px;
margin-left: 30px;
margin-bottom: 8px;
border: 1px solid #A31C3C; /* STYLE */
border-top: 5px solid #A31C3C; /* STYLE */
}
/* 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: #2F4F4F; /* STYLE */
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: #D3D3D3; /* STYLE */
border: 1px solid #A31C3C; /* STYLE */
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: Black; /* STYLE */
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: #FAFAFA; /* STYLE */
}
/* 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 {
float: left;
width: 15 em;
font-size: 7pt;
color: gray; /* STYLE */
text-indent: 6px;
}
.property .value {
float: left;
width: auto;
font-size: 8pt;
color: #2F4F4F; /* STYLE */
}
/* MODULES: BOX - TASK INFORMATION ---------------------------------------------------------- */
.taskInformationArea .body {
display: none; /* collapse when first shown */
}
/* MODULES: BOX - REVIEW COMMMENT ---------------------------------------------------------- */
.comment {
clear: both;
}
.commentsArea .body {
display: none; /* collapse when first shown */
font-size: 8pt;
color: #2F4F4F; /* STYLE */
}
.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: #A31C3C; /* STYLE */ /* 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: Gray; /* STYLE */
width: 200px;
}
/* set with of both divs to avoid right border if text wraps */
.legend .collapsiblebox {
width: 200px;
}
.legend .collapsiblebox .body {
width: 200px;
border: 1px solid #999999;
}
.legendGroup
{
clear: both;
font-weight: bold;
float: left;
margin-top: 5px;
margin-bottom: 4px;
margin-left: 5px;
}
.legendItem
{
clear: both;