/* ##### Common Styles ##### */

.TC_block_label {
    display: none;
}

body {
  color: black;
  background-color: rgb(243,242,235);
  font-family: verdana, helvetica, arial, sans-serif;
  font-size: 73%;  /* Enables font size scaling in MSIE */
  margin: 0;
  padding: 0;
}

html > body {
  font-size: 9pt;
}


/* form stuff */
table.form { 
  font-size: 120%;
}

table.form th { 
  text-align: right;
  font-weight: normal;
}

table.form th { 
  padding: 5px;
}

table.form th #fl-Agreement { 
  padding: 10;
}

table.form th acronym { 
  border-bottom: 0;
}

table.form td { 
  padding: 4;
  text-align: left;
  font-weight: normal;
}

input, textarea, select, option {
	font-family: verdana, helvetica, arial, sans-serif;
	font-size: 100%;
}

.mandatory { 
  color:black;
}


p.bottombuttons { 
  text-align: left;
}


acronym, .titleTip {
  border-bottom: 1px dotted rgb(168,140,83);
  cursor: help;
  margin: 0;
  padding: 0;
}

.doNotDisplay {
  display: none !important;
}

.smallCaps {
  font-size: 117%;
  font-variant: small-caps;
}


ul {
	padding: 1.4em;
	margin-right: 1em;
}

.TC_page ul {
	margin-left: 2em;
	padding: 0px;
}

li {
	padding: 0;
	margin: 0;
}


/* ##### Header ##### */

#header {
  color: inherit;
  background-color: rgb(230,223,207);
  border-bottom: 1px solid rgb(168,140,83);
}

#header H1 {
  margin: 0;
  padding: 0.25em 4mm 0.25em 4mm;
}

#header H1 IMG {
  border: 0;
  background-color: transparent;
}

#header H1 A {
  color: black;
  background-color: transparent;
  text-decoration: none;
  font-size: 90%;  /* For MSIE */
  font-weight: bold;
  font-style: italic;
}

#header H1 > A {
  font-size: 128%;  /* For fully standards-compliant user agents */
}

#header H1 SPAN {
  background-color: transparent;
  font-weight: normal;
}


/* ##### Menu Side Bar ##### */

#navbranch {
	width: 13.5em;
	float: left;
	clear: left;
}

#navbranch ul {
	list-style-type: none;
	margin: 0;
	padding: 0;
}

#navbranch ul ul {
	padding: 0;
	margin: 0 0 0 .7em;
}

#navbranch ul ul ul {
	padding: 0;
	margin: 0 0 0 .7em;
}

#navbranch li {
	margin: .7ex 0ex .7ex .7ex ;
	font-weight: bold;
	padding-bottom: .2ex;
}

#navbranch a,
#navbranch li.active li a,
#navbranch li.active li.active li a,
#navbranch li.active li.active li.active li a,
#navbranch a:hover,
#navbranch li.active li a:hover,
#navbranch li.active li.active li a:hover,
#navbranch li.active li.active li.active li a:hover,
#navbranch li.active a,
#navbranch li.active li.active a,
#navbranch li.active li.active li.active a,
#navbranch li.active li.active li.active li.active a
{
	padding-right:3px;
}

#navbranch a,
#navbranch li.active li a,
#navbranch li.active li.active li a,
#navbranch li.active li.active li.active li a
{
	text-decoration: none;
	background-color: rgb(243,242,235);
	color: rgb(98,85,56);
}

#navbranch a:hover,
#navbranch li.active li a:hover,
#navbranch li.active li.active li a:hover,
#navbranch li.active li.active li.active li a:hover
{
	background-color: rgb(230,223,207);
	text-decoration: none;
}

#navbranch li.active a,
#navbranch li.active li.active a,
#navbranch li.active li.active li.active a,
#navbranch li.active li.active li.active li.active a
{
	background-color: rgb(230,223,207);
}



/* ##### Callout Side Bar ##### */

#calloutSideBar {
	position: relative;
	float: right;
	margin: 2ex .75ex 0 1em;
	width: 13em;
	clear: right; 
	border: 1px solid rgb(216,210,195);
}

[class~="calloutSideBar"] {
  margin-right: 1.5ex;
}

#calloutSideBar .sideBarTitle {
  color: black;
  background-color: rgb(230,223,207);
  font-weight: bold;
  margin: 1.25ex 1ex;
  padding: 0.9ex 1ex;
}

#calloutSideBar a {
  color: rgb(98,85,56);
/*  color: rgb(166,140,83); */
  background-color: transparent;
  text-decoration: underline;
  font-weight: bold;
}

#calloutSideBar a:hover {
  text-decoration: none;
}

#calloutSideBar .sideBarText {
  line-height: 1.5em;
  margin: 0;
  padding: 0 2ex 1em 2ex;
}

#calloutSideBar .more {
  text-decoration: none;
  text-align: right;
  margin: 0;
  padding: 0 2ex 1em 2ex;
  display: block;
}

#calloutSideBar .more:hover {
  text-decoration: underline;
}


/* ##### Main Copy ##### */

.headingBox {
  border-top: 1px solid rgb(216,210,195);
}

.TC_page IMG {
 vertical-align: middle;
 border-width: 0px;
}

.TC_page {
  color: black;
  background-color: white;
/*  text-align: justify; */
  line-height: 1.4em;
  margin: 0 0 0 13.5em;	/* left must be same as width of menuSidebar */
/*  padding: 0.5ex 15em 1em 1em; */
  padding: 0.5ex 1em 1em 1em; 
  border-left: 1px solid rgb(216,210,195);
}

.TC_page h1, h2, h3 {
  line-height: 1.4em;
  color: rgb(166,140,83);
  background-color: transparent;
  font-family: arial, verdana, helvetica, sans-serif;
  text-align: left;
  margin-top: 1em;
  margin-bottom: .5em;
}

.TC_page h1 {
  font-style: italic;
  font-size: 180%;
  font-weight: bold;
}

.TC_page h2 {
  font-size: 140%;
  font-weight: bold;
}

.TC_page h3 {
  font-size: 120%;
  font-weight: bold;
}

.TC_page a {
  color: rgb(98,85,56);
/*  color: rgb(168,140,83); */
  background-color: transparent;
  text-decoration: underline;
}

.TC_page a:hover {
  text-decoration: none;
}

p {
  margin: .5em 0 1em 0;
  padding: 0;
}

p.close {
  margin: .5em 0 0 0;
  padding: 0;
}

.code {
  font-family: Courier New;
  font-size: 10pt;
  line-height: 1.1em;
  margin: .5em 0 0 1em;
  padding: 0;
}

p.right {
  margin: 1em 5em 1.5em 0;
  text-align: right;
}

p.indent {
  margin-left: 3em;
}

p.quote {
  margin-left: 4em;
  margin-right: 4em;
  font-style: italic;
}

dt {
  font-weight: bold;
  margin: 0;
  padding: 0 0 0.5ex 0;
}

dd {
  margin: 0 0 .5em 1.5em;
  padding: 0;
}

th.ColumnHeader {
	color: rgb(98,85,56);
	font-weight: bold;
	font-size: 120%;
	padding-left: .5em;
}

th.ColumnHeaderHeader {
	color: rgb(98,85,56);
	font-weight: bold;
	font-size: 120%;
	text-align:left;
}

th.RowHeader {
	text-align:left;
}

table.rowover {
	behavior:url(rowover.htc);
}

.TC_page td.clsCell {
	text-align: right;
	nowrap: true;
}

.TC_page td.clsNullCell {
	color: grey;
   text-align: center;
}

.TC_page td.clsTotalRow {
	background-color:#d0d0d0;
	white-space: nowrap;
	font-weight: bold;
}


/* ##### Footer ##### */

#footer {
  color: black;
  background-color: rgb(230,223,207);
  font-size: 92%;
  text-align: center;
  line-height: 1.25em;
  margin: 0;
  padding: 1em 4mm 1em 4mm;
  clear: both;
  overflow: hidden;
  border-top: 1px solid rgb(168,140,83);
}

#footer #footer_left {
  float:left;
}

#footer #footer_right {
  float:right;
}

#footer img {
 vertical-align: middle;
 border-width: 0px;
}

#footer div {
  margin: 0;
  padding: 0 0 1ex 0;
}

#footer div.doNotPrint a {
  padding: 2px 5px 2px 5px;
  color: black;
  background-color: transparent;
  text-decoration: none;
  font-weight: bold;
  border-right: 1px solid rgb(168,140,83);
}

#footer div.doNotPrint a.navlast {
  border-right: 0px;
}

#footer div.doNotPrint a:hover {
  text-decoration: underline;
}

/**** demo-list.xsl ***/

table.y { margin-top:1em; background-color:white;}
table.y TH { color:#336699; font-weight:bold;}
table.y A:hover { background: #FFA;}
table.y A:visited { text-decoration:none; color: #336699;}
table.y A { text-decoration: none; color: #336699;}
table.y TR.h TD {   background-color: rgb(243,242,235);}

/**** screenshot-list.xsl ***/
.TC_page DIV.screenshotList { 
  margin-bottm: 1em;
}

.TC_page DIV.screenshotList H2 { 
  margin-top: 1.5em;
}

.TC_page DIV.screenshotList IMG { 
  margin-top: 1em;
  padding: 10px;
  border: 1px dotted rgb(168,140,83);  
}


/* callout */

div.leftcallout {
  clear:left;
  float:left;
  width: 12em;
  margin: 5px;
  padding: 3px;
  border: 1px dotted rgb(168,140,83);  
}

div.leftcallout p {
  margin: 0px;
  padding: 1px;
}

/**** Copy HTML styles ****/

DIV.cf {margin: 1em; font-family: Courier New; font-size: 10pt; color: black; background: white; }
DIV.cf p { margin: .2em 0 0 0; padding: 0; }
div.cf p.cl { margin: 2px; }
div.cf span.cb1 { color: blue; }
div.cf span.cb2 { color: maroon; }
div.cf span.cb3 { color: red; }


/* charting  styles */

v\:* { behavior:url(#default#VML);}
o\:* { behavior:url(#default#VML);}
.shape {behavior:url(#default#VML);}

DIV.clsThinOlap TABLE {
	background-color: lightgrey;
}

DIV.clsThinOlap TH.ColumnHeaderHeader,
DIV.clsThinOlap TH.ColumnHeader {
	background-color: ivory;
	padding: 2 4 2 2;
	font-weight: bold;
	text-align: center;
}

DIV.clsThinOlap TH.RowHeader {
	cursor: hand;
	vertical-align: top;
	white-space: nowrap;
	background-color: whitesmoke;
	font-weight: bold;
	text-align: left;
}

DIV.clsThinOlap TD.clsCell {
	text-align: center;
	padding: 2 4 2 2;
	white-space: nowrap;
	background-color: white;
	height: 1.2em;
}

DIV.clsThinOlap TD.clsNullCell {
	color: grey;
   text-align: center;
}

DIV.clsThinOlap TD.clsBar
{
	text-align:left; 
	color: #000000;
	background-color: white;
}

.PageCaption {
  font-weight: bold;
  color: #006bbd;
}

