/*  common.css - MoinMoin Default Styles

Copyright (c) 2001, 2002, 2003 by Juergen Hermann
*/
@import "docbook.css";
@import "/site/docbook-site.css";

/* content styles */

html {
	background-color: white;
	color: black;
	font-family: Arial, Lucida Grande, sans-serif;
	font-size: 1em;
}

body {
	margin: 0;
}

/* Links */

a {color: #0044B3;}
a:visited {color: #597BB3;}
a.nonexistent, a.badinterwiki {color: gray;}

a.www:before {content: url(../img/moin-www.png); margin: 0 0.2em;}
a.http:before {content: url(../img/moin-www.png); margin: 0 0.2em;}
a.https:before {content: url(../img/moin-www.png); margin: 0 0.2em;}
a.file:before {content: url(../img/moin-ftp.png); margin: 0 0.2em;}
a.ftp:before {content: url(../img/moin-ftp.png); margin: 0 0.2em;}
a.nntp:before {content: url(../img/moin-news.png); margin: 0 0.2em;}
a.news:before {content: url(../img/moin-news.png); margin: 0 0.2em;}
a.telnet:before {content: url(../img/moin-telnet.png); margin: 0 0.2em;}
a.irc:before {content: url(../img/moin-telnet.png); margin: 0 0.2em;}
a.mailto:before {content: url(../img/moin-email.png); margin: 0 0.2em;}
a.attachment:before {content: url(../img/moin-attach.png); margin: 0 0.2em;}
a.badinterwiki:before {content: url(../img/moin-inter.png); margin: 0 0.2em;}
a.interwiki:before {content: url(../img/moin-inter.png); margin: 0 0.2em;}

/* IE sucks */
* html a.www { padding-left: 14px; background: url(../img/moin-www.png) left center no-repeat; }
* html a.http { padding-left: 14px; background: url(../img/moin-www.png) left center no-repeat; }
* html a.https { padding-left: 14px; background: url(../img/moin-www.png) left center no-repeat; }
* html a.file { padding-left: 14px; background: url(../img/moin-ftp.png) left center no-repeat; }
* html a.ftp { padding-left: 14px; background: url(../img/moin-ftp.png) left center no-repeat; }
* html a.nntp { padding-left: 14px; background: url(../img/moin-news.png) left center no-repeat; }
* html a.news { padding-left: 14px; background: url(../img/moin-news.png) left center no-repeat; }
* html a.telnet { padding-left: 14px; background: url(../img/moin-telnet.png) left center no-repeat; }
* html a.irc { padding-left: 14px; background: url(../img/moin-telnet.png) left center no-repeat; }
* html a.mailto { padding-left: 14px; background: url(../img/moin-email.png) left center no-repeat; }
* html a.attachment { padding-left: 14px; background: url(../img/moin-attach.png) left center no-repeat; }
* html a.badinterwiki { padding-left: 14px; background: url(../img/moin-inter.png) left center no-repeat; }
* html a.interwiki { padding-left: 14px; background: url(../img/moin-inter.png) left center no-repeat; }

/*
This could maybe avoid screen jumping in IE with IE7 hack.

It works (or rather: should work) like this:
First, IE sees the a.interwiki definition only as it doesn't understand neither
* > a.interwiki, nor a.interwiki:before. We use a.interwiki to reserve some
space for the icon inserted later.
Later, the IE7 hack kicks in and then IE also understands those 2 other css lines.
The * > a.interwiki line now removes the space we previously reserved and the
:before inserts the icon.

a.interwiki {margin-left: 25px; padding-top: 25px; padding-bottom: 25px;}
* > a.interwiki {margin-left: 0px; padding-top: 25px; padding-bottom: 25px;}
a.interwiki:before {content: url(../img/moin-inter.png);}

Problem:
While margin-left seems to work, margin-/padding-top/bottom doesnt.
After getting it to work, this has to be fine-tuned to avoid screen jumping.
*/

li p {
	margin: .25em 0;
}

li.gap {
    margin-top: 0.5em;
}

dt {
    margin-top: 0.5em;
    font-weight: bold;
}

dd {
    margin-top: 0;
    margin-bottom: 0;
}

dd p {
    margin: 0.25em 0;
}
   
a, img, img.drawing {
	border: 0;
}

pre {
	border: 1pt solid #AEBDCC;
	background-color: lightyellow;
	padding: 5pt;
	font-family: monospace;
	font-size: 12px;
	/* begin css 3 or browser specific rules - do not remove!
	  see: http://forums.techguy.org/archive/index.php/t-249849.html */
    white-space: pre-wrap;
    word-wrap: break-word;
    white-space: -moz-pre-wrap;
    white-space: -pre-wrap;
    white-space: -o-pre-wrap;
  /* end css 3 or browser specific rules */
}


pre.comment {
    background-color: #CCCCCC;
    color: red;
    padding: 0;
    margin: 0;
    border: 0;
}

pre.comment:before {
    content: url(../img/attention.png);
}


table
{
	margin: 0.5em 0 0 0.5em;
	border-collapse: collapse;
}

td
{
	padding: 0.25em 0.5em 0.25em 0.5em;
	border: 1pt solid #ADB9CC;
}

td p {
	margin: 0;
	padding: 0;
}

.footnotes div {
	width: 5em;
	border-top: 1pt solid gray;
}

.footnotes ul {
	padding: 0 2em;
	margin: 0 0 1em;
	list-style: none;
}

.footnotes li {
}

.info {
    float: right;
    font-size: 0.7em;
    color: gray;
}

#pageinfo {
    margin-top: 2em;
}

.seperator {
    color: gray;
}

#pagebottom {clear: both;}

/* standard rule ---- */
hr {
    height: 1pt;
    background-color: #9C9C9C;
    border: 0;
}

/* custom rules ----- to ---------- */
.hr1 {height: 2pt;}
.hr2 {height: 3pt;}
.hr3 {height: 4pt;}
.hr4 {height: 5pt;}
.hr5 {height: 6pt;}
.hr6 {height: 7pt;}

/* Replacement for deprecated html 3 <u> element and html 4 <strike> */
.u {text-decoration: underline;}
.strike {text-decoration: line-through;}

/* eye catchers */
.warning 
{
	color: red;
}

.error 
{
	color: red;
}

strong.highlight 
{
	background-color: #CCE0FF;
	padding: 1pt;
}


/* Recent changes */

.rcrss {
	float: right;
	margin: 0;
}

.recentchanges[dir="rtl"] .rcrss {
	float: left;
}

.recentchanges table {
	clear: both;
}

.recentchanges td {
	vertical-align: top;
	border: none;
	border-bottom: 1pt solid #E6EAF0;
	background: #F2F4F7;
}

.rcdaybreak td {
	background: #B8C5D9;
	border: none;
}

.rcdaybreak td a {
	font-size: 0.88em;
}

.rcicon1, .rcicon2 {
	text-align: center;
}

.rcpagelink {
	width: 33%;
}

.rctime {
	font-size: 0.88em;
	white-space: nowrap;
}

.rceditor {
	white-space: nowrap;
	font-size: 0.88em;
}

.rccomment {
	width: 50%;
	color: gray;
	font-size: 0.88em;
}


/* User Preferences */

.userpref table, .userpref td {
	border: none;
}

/* CSS for new code_area markup used by Colorizer and ParserBase */

div.codearea { /* the div makes the border */
	margin: 0.5em 0;
	padding: 0;
	border: 1pt solid #AEBDCC;
	background-color: #F3F5F7;
	color: black;
}

div.codearea pre { /* the pre has no border and is inside the div */
	margin: 0;
	padding: 10pt;
	border: none;
}

a.codenumbers { /* format of the line numbering link */
	margin: 0 10pt;
	font-size: 0.85em;
	color: gray;
}

/* format of certain syntax spans */
div.codearea pre span.LineNumber {color: gray;}
div.codearea pre span.ID         {color: #000000;}
div.codearea pre span.Operator   {color: #0000C0;}
div.codearea pre span.Char       {color: #004080;}
div.codearea pre span.Comment    {color: #008000;}
div.codearea pre span.Number     {color: #0080C0;}
div.codearea pre span.String     {color: #004080;}
div.codearea pre span.SPChar     {color: #0000C0;}
div.codearea pre span.ResWord    {color: #A00000;}
div.codearea pre span.ConsWord   {color: #008080; font-weight: bold;}
div.codearea pre span.Error      {color: #FF8080; border: solid 1.5pt #FF0000;}
div.codearea pre span.ResWord2   {color: #0080ff; font-weight: bold;}
div.codearea pre span.Special    {color: #0000ff;}
div.codearea pre span.Preprc     {color: #803999;}


/* Search results */

.searchresults dt {
    margin-top: 1em;
	font-weight: normal;
}

.searchresults dd {
	font-size: 0.85em;
}

/* MonthCalendar css */

/* days without and with pages linked to them */
a.cal-emptyday {
    color: #777777;
    text-align: center;
}
a.cal-usedday {
    color: #000000;
    font-weight: bold;
    text-align: center;
}
/* general stuff: workdays, weekend, today */
td.cal-workday {
    background-color: #DDDDFF;
    text-align: center;
}
td.cal-weekend {
    background-color: #FFDDDD;
    text-align: center;
}
td.cal-today {
    background-color: #CCFFCC;
    border-style: solid;
    border-width: 2pt;
    text-align: center;
}
/* invalid places on the monthly calendar sheet */
td.cal-invalidday {
    background-color: #CCCCCC;
}
/* links to prev/next month/year */
a.cal-link {
    color: #000000;
    text-decoration: none;
}
th.cal-header {
    background-color: #DDBBFF;
    text-align: center;
}

/* for MonthCalendar mouseover info boxes */
TABLE.tip {
    color: black;
    background-color: #FF8888;
    font-size: small;
    font-weight: normal;
    border-style: solid;
    border-width: 1px;
}

TH.tip {
    background-color: #FF4444;
    font-weight: bold;
    text-align: center;
}

TD.tip {
    text-align: left;
}
*[dir="rtl"] TD.tip {
    text-align: right;
}

/* end MonthCalendar stuff */



/* --- Change History SQI Inc. ---------------------------------
  18JUN2006 - Jeff Elpern - Initial construction of Steel Blue KC for MM
  25JUN2006 - Jeff Elpern - added styles for FAQ class
  02OCT2006 - Jeff Elpern - Base Table standard styles
  06OCT2006 - Jeff Elpern - Figure class
  08OCT2006 - Jeff Elpern - TT style for inline code
  22OCT2006 - Jeff Elpern - margin to top of ".article li p" so second para is spaced
  31OCT2006 - Jeff Elpern - whitepaper form styles - wp_form
  12NOV2006 - Jeff Elpern - graphfloat style
  30APR2007 - Jeff Elpern - row spacing in tables
  -------------------------------------------------------------- */


h1 { 
  font-family: Arial, Helvetica, sans-serif;
	font-size: 30px;
  font-weight: bold; 
  font-variant: normal;
  letter-spacing: .05em;
  line-height: 1.1em;
	color: #708090;
	white-space: wrap;
	margin-top: 10px;
	margin-bottom: 0px;
}


h2 { 
  font-family: Arial, Helvetica, sans-serif;
	font-size: 24px;
  font-weight: bold; 
  font-variant: normal;
  letter-spacing: .05em;
  line-height: 1.1em;
	color: #708090;
	white-space: wrap;
	margin-top: 10px;
	margin-bottom: 0px;
}


h3 { 
  font-family: Arial, Helvetica, sans-serif;
	font-size: 18px;
  font-weight: normal; 
  font-style: italic;
  letter-spacing: .0em;
  line-height: 1.4em;
	color: #708090;
	white-space: wrap;
	margin-top: 0px;
	margin-bottom: 5px;
}



p { 
  font-family: Arial, Helvetica, sans-serif;
  font-size: 16px;
  font-weight: normal;
  color: #555;
  padding-right: 35px;
  line-height:1.4em;
}

.TableBase {
background-color: #fff;
}

.TableBase td {
  border: 2px solid white !important;
}

.HeadingBase td, .OddRowBase td, .EvenRowBase td {
  /*border-style: none;*/
  margin: 1px;
  padding: 1px;
}

.HeadingBase td,
.HeadingBase p {
  font-family: Arial, Helvetica, sans-serif;
  font-size: 12px;
  letter-spacing: .1em;
  font-weight: bold;
  line-height:1.4em;
  color: gold !important;
  background-color: #708090;
  padding-right: 10px;
  padding-left: 10px;
  border-style: none;
}

.OddRowBase td,
.OddRowBase p {
  font-family: Arial, Helvetica, sans-serif;
  font-size: 12px;
  letter-spacing: .05em;
  font-weight: normal;
  line-height:1.4em;
  color: #000099;
  background-color: #ffffcc;
  padding-right: 10px;
  padding-left: 10px;
  border-style: none;
  margin: 0px;
} 


.EvenRowBase td,
.EvenRowBase p {
  font-family: Arial, Helvetica, sans-serif;
  font-size: 12px;
  letter-spacing: .05em;
  font-weight: normal;
  line-height:1.4em;
  color: #000099;
  background-color: #eeeab0;
  padding-right: 10px;
  padding-left: 10px;
  border-style: none;
} 


.LeftBase p {
 text-align: left;
}

/* style to float a  and fix MM para that is added */

div.graphfloat {
  float: left;
  padding: 0px;
  margin: 0px;
}

div.graphfloat p {
  line-height: .9em;
  padding: 0px;
  margin: 0px;
}


/* --- FRONT PAGE styles ---------------------------------------
   conditional on being inside a TABLE or TD with either:
       class="front-page" (in table)
       class="front-page-left"
       class="front-page-right"
  -------------------------------------------------------------- */

table.front-page {
    width: 100%;
}


td.front-page-left {
    width: 50%;
    padding-right: 10px;
    padding-left: 0px;
    margin-left: 0px;
    vertical-align: top;
    border: 0px dashed red;
}


td.front-page-right {
    width: 50%;
    padding-left: 10px;
    padding-right: 0px;
    margin: 0px;
    vertical-align: top;
    border: 0px dashed red;
}
  

td.front-page-left3 {
    width: 33%;
    padding-right: 10px;
    vertical-align: top;
    border: 0px dashed red;
}

td.front-page-center3 {
    width: 33%;
    padding-left: 10px;
    padding-right: 10px;
    vertical-align: top;
    border: 0px dashed red;
}


td.front-page-right3 {
    width: 33%;
    padding-left: 10px;
    vertical-align: top;
    border: 0px dashed red;
}
  

.front-page h1 { 
    font-family: Arial, Helvetica, sans-serif;
	  font-size: 20px;
    font-weight: bold; 
    font-variant: normal;
    letter-spacing: .0em;
    line-height: 1.2em;
    padding: 3px 0px;
	  color: #708090;
	  white-space: wrap;
	  border-color: #3C6E90;
	  border-width: 1px 0px 0px 0px;
	  border-style: solid;
	  margin-top: 30px;
	  margin-bottom: 10px;
	  background: #FFFFFF;
}
  


.front-page h2  { 
  font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	line-height: 1.2em;
  font-weight: bold; 
  letter-spacing: .05em;
	color: #708090;
	white-space: wrap;
	border-color: #3C6E90;
	border-width: 0px 0px 0px 0px;
	border-style: solid;
	margin-top: 15px;
	margin-bottom: 15px;
}


.front-page h3  { 
  font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
  font-weight: bold; 
  letter-spacing: .07em;
	color: #708090;
	white-space: wrap;
	border-color: #3C6E90;
	border-width: 0px 0px 0px 0px;
	border-style: solid;
	margin-top: 15px;
	margin-bottom: 5px;
}


.front-page p { 
  font-family: Arial, Helvetica, sans-serif;
  font-size: 13px;
  font-weight: normal;
  color: #555;
  margin: 0 0 15px 0;
  line-height:1.3em;
}
 

.front-page ul,
.front-page ol {
  margin-left: 25px;
  margin-top: 10px;
  margin-bottom: 15px;
  padding: 0px;
}

.front-page ul {
  list-style-image: url(../img/arrow_10.png);
}

.front-page ol {
  list-style-image: none;
}

.front-page ul ul {
  list-style-image: none;
}

.front-page li {
  margin-top: 0px;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 13px;
  line-height: 1.3em;
  font-weight: normal;
  letter-spacing: .03em;
  color: #555;
  padding-left: 4px;
}


.front-page li p {
  margin-top: 6px;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 13px;
  line-height: 1.3em;
  font-weight: normal;
  letter-spacing: .03em;
  color: #555;
  margin-bottom: 0px;
}


/* second level list point */

.front-page li ul {
  margin-left: 25px;
  margin-top: 4px;
  margin-bottom: 4px;
  padding: 0px;
}

.front-page li li {
  margin-top: 0px;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 13px;
  line-height: 1.3em;
  font-weight: normal;
  letter-spacing: .0em;
  color: #555;
}



.front-page li li p {
  margin-top: 0px;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 12px;
  line-height: 1.2em;
  font-weight: normal;
  letter-spacing: .0em;
  color: #555;
  margin-bottom: 0px;
}

.front-page a:link, .front-page a:visited { 
    color: #4682b4;
    font-weight: normal;
    text-decoration: underline;
}


.front-page a:hover {  
    color: #FF6600;
    font-weight: normal;
    text-decoration: underline;
}



.front-page div.linkrt {
  text-align:right;
}  
  
/* Whitepaper Request Form */

div#wp_form {
  background-color: #708090;
  float: left;
}

table.wprequest {
  font-family: Arial, Helvetica, sans-serif;
  font-size: 13px;
  font-weight: normal;
  font-color: white;
}

table.wprequest th {
  color: gold;
  vertical-aligh: top;
}

table.wprequest td label{
  font-family: Arial, Helvetica, sans-serif;
  font-size: .7em;
  font-weight: normal;
  font-color: white;

}

/* Contact Request Form */

div.inquiry_form {
  background-color: #708090;
  float: left;
}


table.contactrequest {
  font-family: Arial, Helvetica, sans-serif;
  font-size: 13px;
  font-weight: normal;
  font-color: white;
  padding-right: 20px;
  width: 100px;
}

table.contactrequest th {
  width: 40%;
  color: gold;
  line-height: 1.3em;
  font-weight: normal;
  letter-spacing: .5em;
  text-align: right;
  vertical-align: top;
  padding-right: 5px;;
}

table.contactrequest td {
  border-style: none;
  margin: 0px !important;
  padding: 0px 10px 0 0 !important;
}

table.contactrequest td input {
  font-family: Arial, Helvetica, sans-serif;
  font-size: 1.0em;
  line-height: 1.3em;
  font-weight: normal;
  letter-spacing: .0em;
  font-color: white;
  border-style: inset;
}

td.contactrequestinput {
	padding:0 !important;
	margin:0 !important;
}

td.contactrequestinput textarea {
  font-family: Arial, Helvetica, sans-serif;
  font-size: 1.1em;
  line-height: 1.3em;
  font-weight: normal;
  letter-spacing: .02em;
  font-color: white;
  border-style: inset;
  margin: 0 !important;
  padding: 0 !important;
}


form {
	padding:0;
	margin:0;
}
/* --- ARTICLE styles ---------------------------------------
   conditional on being inside a DIV with:
       class="article"
  -------------------------------------------------------------- */

table.article {
    width: 800px;
    margin: 0px;
    padding: 0px;
    border: 0px dashed red;
}

td.article{
  width: 650px;
  margin: 0px;
  padding: 0px;
  border-top: 0px dotted blue;
  border-bottom: 0px dotted blue;
  border-left: 0px dotted blue;
  border-right: 1px solid lightgrey;
}

div.article {
  width: 530px;
  margin: 0px;
  padding-left: 100px;
  padding-right: 20px;
  padding-top: 0px;
  background-color: #FFFFFF;
  vertical-align: bottom;
} 

div.author {
  text-align: right;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 14px;
  font-weight: bold; 
  font-variant: normal;
  letter-spacing: .03em;
  line-height: 1.2em;
  color: #777777;
  margin-bottom: 10px;
}


div.pub {
  text-align: right;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 14px;
  font-weight: bold; 
  font-style: italic;
  letter-spacing: .00em;
  line-height: 18px;
  color: #777777;
  margin-bottom: 10px;
}
 
div.pubdate {
  text-align: right;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 14px;
  font-weight: normal; 
  font-style: normal;
  letter-spacing: .0em;
  line-height: 1.2em;
  color: #777777;
  margin-bottom: 10px;
}    
      
div.subtitle {
  text-align: right;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 24px;
  font-weight: bold; 
  font-style: italic;
  letter-spacing: .04em;
  line-height: 1.0em;
  color: #708090;
  margin-bottom: 20px;
}    


.article h1 { 
  text-align: right;
  font-family: Arial, Helvetica, sans-serif;
	font-size: 34px;
  font-weight: bold; 
  font-variant: normal;
  letter-spacing: 0.1em;
  line-height: 1.0em;
	color: #708090;
	white-space: wrap;
	margin-left: -100px;
	margin-top: 5px;
	margin-bottom: 10px;
}


.article h2  { 
  font-family: Arial, Helvetica, sans-serif;
	font-size: 18px;
  font-weight: bold; 
  letter-spacing: .05em;
  line-height: 1.2em;
	color: #708090;
	white-space: wrap;
	border-color: #3C6E90;
	border-width: 0px 0px 1px 0px;
	border-style: solid;
	margin-top: 15px;
	margin-bottom: 15px;
	padding-right; 0px;
}

.article h3  { 
  font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
  font-weight: bold; 
  letter-spacing: .05em;
  line-height: 18px;
	color: #708090;
	white-space: wrap;
	border-color: #3C6E90;
	margin-top: 15px;
	margin-bottom: 5px;
	padding-right; 10px;
}



.article p { 
  font-family: Arial, Helvetica, sans-serif;
  font-size: 14px;
  font-weight: normal;
  letter-spacing: .03em;
  color: #222222;
  margin: 0 0 20px 0;
  line-height: 1.6em;
}

.article div.graphic, div.graphic {
  width:100%; 
  text-align: center; 
  margin-bottom: 0px; 
  padding-bottom: 0px;
}
  
.article p.figure, p.figure {
  font-family: Arial, Helvetica, sans-serif;
  font-size: 13px;
  line-height: 1.3em;
  font-weight: bold;
  font-style: italic;
  letter-spacing: .05em;
  color: #777777;
  margin-top: 0px;
  margin-bottom: 20px;
  margin-left: 0px;
  margin-right: 0px;
  padding: 0px 0px 0px 0px;
  line-height: 1em;
  text-align: center;
}

.article tt {
  color: firebrick;
  font-size: 15px;
  font-weight: normal;
}

.article ul {
  margin-left: 35px;
  margin-top: -5px;
  margin-bottom: 10px;
  padding: 0px;
}

.article li {
  margin-top: 0px;
  margin-bottom: 5px;
}


.article li p,
.article li {
  margin-top: 10px;
  margin-bottom: 0px;
  font-family: Arial, Helvetica, sans-serif;
  font-size:13px;
  font-weight: normal;
  letter-spacing: .0em;
  color: #554;
  line-height:1.4em;
}


.article a:link, .article a:visited { 
    color: #4682b4;
    font-weight: normal;
    text-decoration: underline;
}

 
.article a:hover {  
    color: #FF6600;
    font-weight: normal;
    text-decoration: underline;
}



/* --- Two colume article with TOC in right column --- */

td.article-toc{
  width: 150px;
  vertical-align: top;
  border: 0px dashed red;
}

div.article-toc {
  width: 150px;
  padding-left: 0px;
  padding-right: 0px;
  margin-left: 0px;
  margin-right: 0px;
}

.article-toc .toc-right {
    background-color: #FFFFF;
    border-top: solid 2px #708090;
    border-bottom: solid 2px #708090;
    color: #708090;
    margin-left: 0px;
    margin-right: 0px;
    padding-top: 5px;
    padding-bottom: 0px;
    padding-right: 0px;
    padding-left: 0;
    width: 150px;
}


.article-toc div#twikitoc {
  color: #444444;
  background-color: #FFFFFF;
  font-family: Arial, Helvetica, Sans-serif;
}


.article-toc .toc-right ol, .article-toc .toc-article ol {
  margin-left: 9px;
  margin-top: 5px;
  margin-bottom: 10px;
  padding: 0px;
  border-color: #CCCCCC;
  border-width: 0px 0px 0px 0px;
  border-style: solid;
}

.article-toc .toc-right li, .article-toc .toc-article li {
  padding-top: 6px;
  margin-bottom: 6px;
  padding-right: 10px;
  font-size: 10px;
  line-height: 1.4em;
  list-style-type: none;
  border-color: #CCCCCC;
  border-width: 1px 0px 0px 0px;
  border-style: solid;
}

.article-toc a:link, .article-toc a:visited { 
    color: #4682b4;
    font-weight: normal;
    text-decoration: none;
}



.article-toc .see-right {
    background-color: #FFFFF;
    border-top: solid 2px #708090;
    border-bottom: solid 2px #708090;
    color: #708090;
    margin-top: 20px;
    margin-left: 0px;
    margin-right: 0px;
    padding-top: 5px;
    padding-bottom: 5px;
    padding-right: 0px;
    padding-left: 0;
    width: 150px;
}

.see-right .see-link {
  padding-top: 6px;
  margin-top: 5px;
  margin-bottom: 0px;
  margin-left: 6px;
  line-height: 1.4em;
  border-color: #CCCCCC;
  border-width: 1px 0px 0px 0px;
  border-style: solid; 
}

.see-link ul {
  margin-top: 0px;
  margin-bottom: 0px;
  margin-left: 0px;
  margin-right: 0px;
}

.see-link ul li {
  list-style-type: none;
  margin-top: 0px;
  margin-bottom: 0px;
  margin-left: 0px;
  margin-right: 0px;
}

.see-link ul li p {
  font-size: 11px;
}



/* --- FAQ styles ---------------------------------------
   conditional on being inside a DIV with:
       class="faq"
  -------------------------------------------------------------- */

.toplink {
  text-align: right; 
  font-style: italic; 
  font-size: 80%;
}

.faq h2 { 
  font-family: Arial, Helvetica, sans-serif;
	font-size: 18px;
  font-weight: bold; 
  font-variant: normal;
  letter-spacing: .05em;
  line-height: 1.1em;
	color: #708090;
	white-space: wrap;
	margin-top: 20px;
	margin-bottom: 0px;
	padding-top: 10px;
	border-top: dotted 1px #708090;
}


.faq h3 { 
  font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
  font-weight: bold; 
  font-style: normal;
  letter-spacing: .0em;
  line-height: 1.4em;
	color: #708090;
	white-space: wrap;
	margin-top: 10px;
	margin-bottom: 5px;
}


.faq h4 { 
  font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
  font-weight: bold;  
  font-style: italic;
  letter-spacing: .0em;
  line-height: 1.2em;
	color: #708090;
	white-space: wrap;
	margin-top: 10px;
	margin-bottom: 2px;
}


.faq p { 
  font-family: Arial, Helvetica, sans-serif;
  font-size: 14px;
  font-weight: normal;
  color: #555;
  padding-right: 35px;
  line-height:1.4em;
}
 
 
.boxview {
	border: 1px solid #708090;
	background-color: #ffffff;
	margin-bottom: 15px;
}

.boxview > h1 {
	margin: 0 0 0.5em 0;
	padding: 0.3em 0.8em;
	border: 0;
	background-color: #708090;
	color: #ffffff;
	font-size:12pt;
	font-weight: bold;
}

.boxview h2,
.boxview h3,
.boxview h4,
.boxview h5,
.boxview h6,
.front-page .boxview ul,
.front-page .boxview ol,
.boxview .front-page ul,
.boxview .front-page ol {
	padding-left: 12px;
	padding-right: 12px;
} 


.boxview > p {
	padding: 0 12px;
}