/* +++++++++++++++++++++++++++++++++++++++++++++++
   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: #fff;
	text-align: left;
	font-family: Verdana, Arial, Helvetica, Tahoma, "Trebuchet MS", sans-serif;
	font-size: 10pt;
	padding: 10px;  
	margin: 0;
}

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

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

h1 {
	margin: 0 0 0.75em 0px;

}

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



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


h4 {
	color: black;
	margin: 1em 0 0.75em 0;
	padding: 2px 0;
	border-top: none;
	font-size: 100%;
	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.
*/
table {
	border-collapse: collapse;
	font-family: Verdana, Arial, Helvetica, Tahoma, "Trebuchet MS", sans-serif;
	font-size: 10pt;
}

thead {
	line-height: 1em;
}

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

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

table p {
	margin-bottom: 2px;
	margin-top: 3px;
}


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


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

li {
/*	margin-top: 0.5em; */
	margin-top: 0;
	margin-bottom: 0;

}

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

/* In docbook-generated html, term is in a span - see qualified rules */

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

dt {
	font-size: 95%;
	font-weight: bold;
	margin-top: 1em;
}

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

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


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

div.box {
	border: 1px solid blue;
        padding: 0 0.25em 0 1em;
	background: #def;
}

td div.box {
	margin-top: 0.5em;	
}

div.box h3 {
        font-style: normal;
	margin-top: 0.25em;
}

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

div.literallayout p {
	font: 95% "Courier New", Courier, "Lucida Console", monospace;
}

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

pre.programlisting {
	border: 0.5px solid gray;
	padding: 2px;
	background: #EEE;
	font: 95% "Courier New", Courier, "Lucida Console", monospace;
}

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

code.sgmltag-attribute, 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: 98% "Courier New", Courier, "Lucida Console", monospace;
}

code.sgmltag-attvalue, 
code.filename em.replaceable, 
code.filename em.replaceable code {
	font: 98% "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:'>';
} 

/* 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: #333;
}

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

/*================================================
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-bottom: 0;
	text-align: left;
	font-size : 90%;

}
        /* div for logo and (in non-IDE docs) index and sitemap buttons */

div#banner {
        padding-right: 0;
	height: 50px;
/* 	background: url(../images/logo_larger.png) 0 1px no-repeat;*/
}

a#mainLogo {
	float: left;
}

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

#topNavigation li {
	margin: 0;
	padding: 0 10px 0 15px;
	list-style: none;
}

#tnSiteMap {
	background: url(../images/icon_siteMap.gif) 0 1px no-repeat;
}

#tnTopicIndex {
	background: url(../images/icon_topicIndex.gif) 0 2px no-repeat;
}

        /* div to break out of float */

div#clear-banner {
        margin: 0;
        padding: 0;
	height: 0;
	clear: both;
}

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

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

        /* ================================================
        New nav menu for entire help system 
        ================================================ */
/*
    This line was removed from the following style so the CSS can 
    pass validation. I found it (not) commented out with an invalid
    preceding pound sign. BW 9 Sep 07
    #	border-bottom: 5px solid  #d16279;
*/
div#user-header-navigation {
	width : 100%;
	border-top: 5px solid  #d16279;
	margin : 0;
	padding : 0;
/*	background : #def;*/
	background : #c7e3ff;
}

p#mainhelp-navmenu {
        margin: 0;
        padding: 4px 0 0 4px;
}


p#mainhelp-navmenu span a {
	margin-left: 2px;
	padding-left: 0.25em;
	padding-right: 0.25em;
	color : #fff;
/*	background: #4e8bc2; */
	background: #236fb3;
}

/* set off current book in navmenu */
p#mainhelp-navmenu  span.currentbook a {
	color: #000080;
	background: #fff;
}


/* browse buttons generated for tutorials */

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

div.navheader a, div.navfooter a {
        font-size: 90%;
	margin: 0;
        padding: 2px 4px 2px 4px;
        text-decoration: none;
	color: #004080;
	background: #fff;
	border: 0.5px solid #004080;
}


div.navheader hr {
	display: none;
}

div.navheader th {
    background : #fff;
}

/* breadcrumbs */

div#breadcrumbs{}

.breadcrumbText {
	color: #004080;
}

/* turn off bolding in generated tocs */
div.toc dt {
	font-weight: normal;
	line-height: 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: 0.5px solid gray;
	padding-bottom: 20px;
	font-size: 90%;
}


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

li#copyright {
	float: left;
}

li#contact {
	float: right;
}

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

a:link {
	color: #004080;
	text-decoration: none;
}

a:visited {
	color: #800080;
	text-decoration: none;
}

a:hover {
	color: #ff0000;
}

#topNavigation a:hover {
	color: #065ba9;
	background: #236fb3;

}

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

#mainhelp-navmenu a:hover,
#tnSiteMap a:hover, 
#tnTopicIndex a:hover {
	color: #000080;
	background: #4e8bc2; 
}

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