/* +++++++++++++++++++++++++++++++++++++++++++++++
   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.
*/

/* We start out with a CSS reset suggested by Yahoo and by Eric Meyer. 
   This version is Yahoo's. If this works, we will merge Yahoo's 
   and Meyer's in a customized edition. 
   Update 8/18/14 - it killed bullets; commented out for research 
   on a private branch. */
/*
Copyright (c) 2010, Yahoo! Inc. All rights reserved.
Code licensed under the BSD License:
http://developer.yahoo.com/yui/license.html
version: 3.3.0
build: 3167
*/
/*
html{color:#000;background:#FFF;}body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td{margin:0;padding:0;}table{border-collapse:collapse;border-spacing:0;}fieldset,img{border:0;}address,caption,cite,code,dfn,em,strong,th,var{font-style:normal;font-weight:normal;}li{list-style:none;}caption,th{text-align:left;}h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}q:before,q:after{content:'';}abbr,acronym{border:0;font-variant:normal;}sup{vertical-align:text-top;}sub{vertical-align:text-bottom;}input,textarea,select{font-family:inherit;font-size:inherit;font-weight:inherit;}input,textarea,select{*font-size:100%;}legend{color:#000;}
*/

/*================================================
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: #fff;
    text-align: left;
    font-family: "Trebuchet MS", Verdana, Geneva, Arial, Helvetica, Tahoma, sans-serif;
    font-size: 11pt;
    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;
}

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

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: 11pt;
}

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

thead {
    line-height: 1em;
}

th {
    /*background : #c7e3ff; */
    background: #ddeeff;
    text-align: left;
    padding: 6px 5px 5px;
    vertical-align: top;
}

td {
    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;
}*/

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

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

/* 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.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 -2.25em;
    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 -1.25em;
    font-size: 90%;
}

/* Same as above, but for when admons are in table cells. */
table div.note *.title,
table div.important *.title,
table div.caution *.title,
table div.tip *.title,
table div.warning *.title {
    margin: 0em 0em -0.5em -1.25em;
    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:'<';
}

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

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-weight: 500;
    background-color: #e0e0e0;
}

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

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

p.centered {
	text-align: center;
}

p.fauxsection {
  font-size=120%;
}

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: #a8beff;
    color: #272727;
}

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;
}

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;
}

div.navheader th {
    background : #fff;
}

/* 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: 1em;
    margin-top: 0;
    margin-bottom: 0.35em;
}

    /* ================================================
    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;
}