/* +++++++++++++++++++++++++++++++++++++++++++++++
   sbhelp.css : Styles for StreamBase Help
   +++++++++++++++++++++++++++++++++++++++++++++++ 
   Maintainers: To keep this CSS maintainable, please
   observe the guidelines provided in comments. In particular, 
   use CSS inheritance to minimize clutter, and find the 
   appropriate grouping in this file when you add rules.

   For example, given these two rules: 

   p {margin:0;}

   p#myId {margin-top 1em; padding:1em;)

   then all p elements are rendered with {margin:0;}, except for 
   p#myId, which: 
   - inherits all margins except margin-top, which is overridden.
   - adds padding.
*/

/*================================================
Global elements 

In this section list only plain rules for elements, no other selectors.
Since general rules are inherited by more specific ones, any 
qualified rules we use later only have to contain differences, 
Use subsections to organize elements by type    
================================================ */

    /* ================================================
    Global block elements
    ================================================ */

body{
    background: #eff6ff;
    text-align: left;
    font-family: "Trebuchet MS", Verdana, Geneva, Arial, Helvetica, Tahoma, sans-serif;
    font-size: 100%;
    padding: 10px; 
    margin: 0;
}

    /* ================================================
    Global heading elements
    ================================================ */

h1, div.glossary h2 {
    color: black;
    margin: 1em 0 0.75em 0;
    padding: 2px 0;
    font-size: 160%;
    font-weight: bold;
    text-align: center;
}

h1.infocenter {
    color: #000066;
    margin: 3px 0 0 50px;
    font-size: 20pt;
    font-weight: bold;
    text-align: left;
}

h1.title {
  background: #ebfaeb;
}

h2 {
    color: black;
    margin: 1em 0 0.75em 0;
    padding: 2px 0;
    font-size: 145%;
    font-weight: bold;
    border-top: 1px solid gray;
}

div.article > div > div >div > h2.title {
    line-height: 1em;
    /*background: #bed7f3;*/
    background: #bfd7f3;
}

div.section > div > div >div > h2.title {
    line-height: 1em;
    background: #FFEEDD;
}

h2.title {
  background: #FFEEDD;
}

h3 {
    color: black;
    margin: 1em 0 0.75em 0;
    padding: 2px 0;
    font-size: 130%;
    font-style: italic;
    font-weight: bold;
    width: 65%;
    border-top: 1px dashed;
    }

h4 {
    color: black;
    margin: 1em 0 0.75em 0;
    padding: 2px 0;
    font-size: 115%;
    font-weight: bold;
}

h5 {
    color: black;
    margin: 1em 0 0.5em 0;
    padding: 2px 0;
    font-size: 100%;
    font-style: italic;
}

h6 {
    color: black;
    margin: 1em 0 0.5em 0;
    padding: 2px 0;
    font-size: 100%;
    font-weight: bold;
}

    /* ================================================
    Global table elements
    ================================================ */

    /*
    Font information must be repeated for tables. It is not inherited 
    by default from the global body element. The border-left and -top
    specifications are to work around the odd way that IE (IE 8, at 
    least) collapses table borders: if lets the thin, light-grey 
    border win for left and top. Firefox doesn't do this. So now tables
    in IE (which also means in Studio help) will look the same as 
    they do in Firefox.
    */
table {
    border-collapse: collapse;
    border-left: 1px solid gray;
    border-top: 1px solid gray;
    font-family: "Trebuchet MS", Verdana, Geneva, Arial, Helvetica, Tahoma, sans-serif;
    font-size: 10pt;
}

table.simplelist, table.tool, div.mediaobject table {
    border: none;
}

thead {
    line-height: 1em;
}

/* The background of header cells is light blue, and the text is bottom-aligned. */
th {
    /*background: #e6f2ff;*/
    /*background: #e9f1fb;*/
    background: #E5EFFB;
    text-align: left;
    font-size: 100%;
    font-family: "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
    font-weight: bold;
    vertical-align: top;
    border-bottom: 1px solid;
}

td, th {
    padding: 6px 5px 5px 5px;
    vertical-align: top;
}

td.indentcolor {
    background-color: #6699cc;
}

table p {
    margin-top: 4pt;
    margin-bottom: 4pt;
}

table.simplelist {
    margin-bottom: 5px;
    margin-left: 10px;
}

table.simplelist td {
    padding-top: 0px;
    padding-bottom: 0px;
    padding-left: 5px;
    padding-right: 5px;
    vertical-align: top;
}

span.simplelist {
	margin-bottom: 5px;
	margin-left: 10px;
}

td.grayrow {
    background: #e0e0e0;
}
    /* ================================================
    Global list elements
    ================================================ */

ul, ol {
    margin-top: 1.0pt;
    margin-bottom: 1.0pt;
    margin-left: 1.5em;
    padding: 0 0 0 20px;
}

/*li {
    margin-top: 0;
    margin-bottom: 4.0pt;
    list-style-type: square;
}*/

ol[compact] li p, ul[compact] li p {
    margin-top: 0;
    margin-bottom: 2.0pt;
    list-style-type: square;
}

/* Control vertical space within list so li's don't run together */
li p {
    margin-top: 0;
    margin-bottom: 2.0pt;
    list-style-type: square;
}

/* In DocBook-generated HTML, term is in a span - see qualified rules */

dt {
    font-size: 95%;
    font-weight: bold;
    margin-top: 8.0pt;
    margin-bottom: 1.0pt;
}

dd {
    margin-left: 1em;
}

    /* ================================================
    Other global block elements
    ================================================ */
img {
    border: none;
}

blockquote {
    margin: 0 0 0 2em;
    padding: 5px 0;
}

    /* ================================================
    Global inline elements
    ================================================ */

span {
    margin: 0;
    padding: 0;
}

a {
    margin: 0;
    padding: 0;
}

/* ================================================
Global qualified elements
Rules in this section are qualified but can be used 
anywhere. They are often qualified by the class 
attribute (.) selector.
================================================ */

div.variablelist {
    margin-left: 2em;
}

div.variablelist dl dt span.term {
    margin-bottom: 2.0pt;
}

div.variablelist dl dd p {
    margin-top: 0pt;
    margin-bottom: 5.0pt;
}

div.mediaobject, div.informaltable {
    margin: 0.5ex 0 0.5ex 0; 
    padding: 0.5ex 0 0.5ex 0; 
}

/* Soften the boldness of GUI item names to a medium-dark
   grey so they are less easily confused with bold section 
   titles. */
span.guilabel, span.guimenuitem, span.guibutton {
    font-weight: bold;
    color: #202020;
}

span.guimenuitem {
    margin-right: 2px;
}

/* outermod and innermod classes currently used only 
   in authoring/querytab-share.html to flag outer 
   and inner modules in StreamSQL code. */

span.outermod {
    color: #0000ff;
    border-bottom: 1px dotted #0000ff;
}

span.innermod {
    color: #ff0000;
    text-decoration: underline;
}

span.link {
    color: #0000ff;
    text-decoration: underline;
}

span.underline {
    text-decoration: underline;
}

/* Highlighted box on doc home page */
div.box {
    border: 1px solid blue;
    margin: 0.5em 0 0 0;
    padding: 0 0.5em 0 0.5em;
    width: 60%; 
    background: #ddeeff;
}

/* Highlighted float box */
div.floatbox {
    border: 1px solid blue;
    margin: 0.5em 40% 0 0;
    padding: 0 0.25em 0 1em;
    width: 36%; 
    float: right;
    background: #ddeeff;
}

div.sb7not10 {
    border: 1px solid #CD2E58;
    background: #F0F4FE;
    margin: 0 1.5in 0 1.5in !important;
    padding: 0 0.25em 0 1em;
    display: inline-block;
}

div.sb7not10 h3 {
    font-style: normal;
    font-size: 110%;
    margin-top: 0.5em;
    margin-bottom: 0.25em;
    border-top: none;
}

div.box h3, div.floatbox h3 {
    font-style: normal;
    font-size: 85%;
    margin-top: 0.25em;
    margin-bottom: 0.25em;
    border-top: none;
}

div.box table.simplelist td,
div.floatbox table.simplelist td {
    font-size: 80%;
}

div.back2top {
    margin-top: 30px;
}

div.literallayout p {
    font-family: "Courier New", Courier, "Lucida Console", monospace;
    /* font-size: 95% */;
}

div.note h3,
div.important h3,
div.caution h3,
div.tip h3,
div.warning h3 {
    border-top: none;
}

/* Reduce the font size and tighten up the space after 
   admonition titles (Note, Important, and so on), so that
   they are more clearly distinguishable from section headings. */
div.note *.title,
div.important *.title,
div.caution *.title,
div.tip *.title,
div.warning *.title {
    margin: 0em 0em -0.3em 0em;
    font-size: 90%;
}

/* Same as above, but for cases where the admonition is embedded in  
   ordered lists .In these cases, the context already has 
   tighter line spacing than regular paras, so we only need to 
   tighten up the admon heading a wee bit. */

li div.note *.title, 
li div.important *.title, 
li div.caution *.title, 
li div.tip *.title, 
li div.warning *.title {
    margin: 0em 0em -0.2em 0em;
    font-size: 90%;
}

/* Same as above, but for when admons are in table cells. */
tr > td > div.note *.title,
tr > td > div.important *.title,
tr > td > div.caution *.title,
tr > td > div.tip *.title,
tr > td > div.warning *.title {
    margin: 0.5em 0em -1.0em 0em;
    font-size: 90%;
}

tr > td > div.note p,
tr > td > div.important p,
tr > td > div.caution p,
tr > td > div.tip p,
tr > td > div.warning p {
  margin: 0.5em 0em 0em 0.5em;
  font-size: 90%;
}

div.note p,
div.important p,
div.caution p,
div.tip p,
div.warning p {
    margin-top: -0.25em;
    /*margin-left: -1.0em;*/
}

div.note div.itemizedlist,
div.important div.itemizedlist,
div.caution div.itemizedlist,
div.tip div.itemizedlist,
div.warning div.itemizedlist {
    margin-left: -1.0em;
}

div.note li p,
div.important li p,
div.caution li p,
div.tip li p,
div.warning li p {
    margin-left: 0;
}

pre.programlisting {
    border: 1px solid gray;
    padding: 2px;
    background: #EEE;
    font-family: "Courier New", Courier, "Lucida Console", monospace;
    /* font-size: 95% */;
}

pre.programlisting em.replaceable code {
    font-family: "Courier New", Courier, "Lucida Console", monospace;
    font-style: italic;
}

pre.screen {
    border: 1px solid gray;
    padding: 2px;
    background: #FBFFFF;
    font-family: "Courier New", Courier, "Lucida Console", monospace;
    /* font-size: 95% */;
}

code.sgmltag-attribute, code.sgmltag-element, code.sgml-emptytag, code.function, 
code.type, code.exceptionname, code.parameter, code.varname, code.interfacename, 
code.oointerface, code.classname, code.ooclass, code.methodname, code.coexception,
code.command, code.option, code.filename, code.literal, code.uri, code.constant,
code.methodsynopsis, pre.classsynopsis, span.type, span.markup
{
    font-family: "Courier New", Courier, "Lucida Console", monospace;
    /* font-size: 95% */
}

code.sgmltag-attvalue, 
code.filename em.replaceable, 
code.literal  em.replaceable, 
code.filename em.replaceable code,
code.literal  em.replaceable code {
    font-family: "Courier New", Courier, "Lucida Console", monospace;
    font-style: italic;
}

em.replaceable {
    font-style: italic;
}

/* format sgmltag elements */
code.sgmltag-element:before {
    content:'&lt;';
}

code.sgmltag-element:after {
    content:'&gt;';
} 

h2 code.sgmltag-element, h3 code.sgmltag-element, h4 code.sgmltag-element {
    font-family: inherit; 
}

/* make these bold */
code.command, code.option {
    font-weight: bold;
}

/* Soften the boldness of command names to a dark grey
   so they are less easily confused with bold section 
   titles. */
strong.command, strong.keycap {
    color: #202020;
}

strong.userinput {
    font-family: "Courier New", Courier, "Lucida Console", monospace;
    font-size: 90%;
    font-weight: 500;
    background-color: #e0e0e0;
}

p.nospaceabove {
    margin-top: -1.0em;
}

p.smaller {
  font-size: 80%;
}

p.centered {
	text-align: center;
}

div.book div.preface ul, ol {
    margin-top: 0;
    margin-bottom: 0;
    padding: 0 0 0 0;
}

/*
div.book div.preface div.itemizedlist ul li {
    margin-top: -0.4em;
    margin-bottom: 0;
    list-style: none;
}
*/

/* For use on the Expression Functions page, for each 
   function section, wrapped in phrase role="functionsection"
   */
span.functionsection {
    background-color: #ccffe6;
    color: #000066;
}

span.newnotesection {
    background-color: #D1DFF2;
    color: #272727;
}

span.newnotesubsection {
    background-color: #DAEEF3;
}

span.strikethrough {
    text-decoration: line-through;
}

/*================================================
Page structure
Rules in this section are specific to page structures,
and organized into subsections by page areas. 
They are often qualified by the element id (#).
===============================================*/

div#page {
    margin: 0;
    padding: 0;
}

    /* ================================================
    Page header area 
    ================================================ */

    /* div enclosing banner and nav elements */

div#header {
    margin: 0;
    padding: 0;
    text-align: left;
    font-size : 90%;
}
    /* div for logo and (in non-IDE docs) index and sitemap buttons */

div#banner {
    margin: 0;
    padding: 0;
    height: 46px;
    border-bottom: 3px solid  #d32b56;
}

a#mainLogo {
    float: left; 
}

ul#topNavigation {
    float: right; 
    margin: 5px 0 0 0;
    padding: 5px 0 0 0;
    list-style: none;
}

#topNavigation li {
    list-style: none;
}

#tnSiteMap a {
    margin: 0 0 0 15px;
    padding: 0 0 0 15px;
    text-decoration: none;
    background: url(../images/icon_siteMap.png) 0 1px no-repeat;
}

#tnTopicIndex a {
    margin: 0 0 0 15px;
    padding: 0 0 0 15px;
    text-decoration: none;
    background: url(../images/icon_topicIndex.png) 0 2px no-repeat;
}

/* div to break out of float */
div#clear-banner {
    line-height: 0px;
}

div#indexindex {
    background-color: #ddeeff;
}

div.abstract p.title {
    display: none;
}

    /* ================================================
    New nav menu for entire help system 
    ================================================ */

div#user-header-navigation {
    width : 100%;
    border-top: 2px solid  #cd96cd;
    margin : 0 0 0 0;
    padding : 0 0 0 0;
    background : #ddeeff;
}

p#mainhelp-navmenu {
    margin: 0.25em 0 0 0.25em;
    padding: 0.25em 0 1px 0.25em;
}

p#mainhelp-navmenu span a {
    line-height: 1.5em;
    margin: 0 0 0 0.25em;
    padding: 0 0.25em 0.25em 0.25em;
    color : #fff;
    text-align: center;
    vertical-align: middle;
    background-color: #137fcc;
    /*background-color: #236fb3; */
    /*background-image: url(../images/navmenu-tab.png);*/
    /*background-repeat: repeat-x;*/ 
}

/* set off current book in navmenu */
p#mainhelp-navmenu  span.currentbook a {
    color: #000080;
    background-color: #f0f4ff;
    border: 1px solid #999; 
    border-bottom: none;
    text-align: center;
    vertical-align: middle;
}
/* Special coloring for the cross-docset tabs */
p#mainhelp-navmenu span#liveviewtab.otherbook a,
p#mainhelp-navmenu span#lvcepdocsettab.otherbook a  {
	 /*color: #000080;*/
	 color : #fff;
	 font-weight: bolder;
	 font-style: italic;
    /*background-color: #f1dce5;*/
    background-color: #1168a6;
    border: 1px solid #d32b56; 
    border-bottom: none;
    text-align: center;
    vertical-align: middle;
}

/* browse buttons generated for tutorials */

div.navheader {
    margin-top: 0.5em;
}

div.navheader *, div.navfooter * {
    padding: 0;
    margin: 0;
}

div.navheader table, div.navfooter table {
    border: none;
    font-family: "Trebuchet MS",Verdana,Geneva,Arial,Helvetica,Tahoma,sans-serif;
    font-size: 8pt;
}

div.navheader table td, div.navfooter table td {
	line-height: 2em;
    border: none;
}

div.navheader th {
    background: #fff;
    border: none;
}

div.navheader a, div.navfooter a {
    position: relative;  /*IE hack to make border work */
    font-size: 90%;
    margin: 0;
    padding: 2px 4px 2px 4px;
    text-decoration: none;
    color: #004080;
    background: #fff;
    border: 1px solid #004080;
}

div.navheader > hr {
    display: none;
}

/* breadcrumbs */
p.breadcrumbText {
    margin:0;
    padding:0.5em 0 0.25em 0.5em;
    background-color: #f0f4ff;
    border-bottom: 1px solid #d8bfd8;
}

/* turn off bolding in generated tocs */
div.toc dt, div.toc dl {
    font-weight: normal;
    line-height: 12px;
    margin-top: 0.5em;
    margin-bottom: 0em;
}

    /* ================================================
    Content Area
    ================================================ */
#mainContent {
    margin: 0;
 }

#mainContent-topicindex {
    padding: 0;
}

div.article div.section, div.preface div.section, div.toc {
    padding: 0 10px 0 10px;
}

    /* ================================================
    Footers
    ================================================ */

div#footer {
    padding-left: 0;
}

div.navfooter {
    padding-bottom: 5px;
}

div#user-footer {
    border-top: 1px solid gray;
    padding-bottom: 12pt;
    font-size: 90%;
    margin-top: 20pt;
    margin-left: 0;
}

#user-footer ul {
    list-style: none;
    margin: 0;
    padding: 0 10px 10px;
}

li#copyright {
    float: left;
}

li#contact {
    float: right;
}

/* ================================================
Link effects
================================================ */

a:link, a:visited {
    color: #003399;
}

a:hover {
    color: #ff0000;
}

#mainhelp-navmenu a {
    text-decoration: none;
}

#mainhelp-navmenu a:hover {
    background-color: #f0f4ff; 
    color: #000080;
    background-image: none;
}

#tnSiteMap a:hover, 
#tnTopicIndex a:hover {
    color: #000080;
    text-decoration: none;
    background-color: #f0f4ff; 
}

div.navheader a:hover, div.navfooter a:hover {
    color: #ff0000;
    border-top: 1px dotted #004080; 
    border-bottom: 1px dotted #004080; 
}

.breadcrumbLink a {
    text-decoration: underline;
}

div#indexindex a {
    font-weight: bold;
    text-decoration: none;
}
