﻿BODY { background: #FFFFDD; 
  color: #004000; 
  font: small sans-serif;
   }

H1 { color: #000066; font-size: 20pt; font-weight: bold; }
H2 { color: #000066; font-size: 14pt; }
H3 { color: #000066 }
H4 { color: #000066 }
UL { list-style-image: url(images/enum.gif);
  list-style-type: square;
	margin: 100 0 1em 2em;
 }
LI 
{
  margin: 1em 0;
padding: 0;

}
CODE { 
	font-size: 10pt; 
	font-family: Courier New; color:black; 
	background-color:white;
	display:inline-block;
}

pre {
	background-color : white;
	font-size : 0.9em;
	font-family : Courier, sans-serif;	
}

.SmallFont { font-size: 10pt }
.Caption { font-size: 9pt; font-weight: bold; text-align:center; }

.language {
	color : #EE0000;
	background-color : #FFFFFF;
	font-size : 0.6em;
	font-weight:bold;
	font-family : Arial, sans-serif;	
}


TABLE.TableSmallFont { font-size: 10pt; background-color: white; border: 1px #000000 solid; border-collapse: collapse; border-spacing: 0px; }
TABLE.TableSmallFont TD { border-style:inset; border-color:Gray; border-width:1px;  padding:2px  }

TABLE.Grid { font-size: small; background-color: White; border-width: thin; border-collapse:collapse; border-style:outset; border-color:Black; }
TABLE.Grid TD { border-style:inset; border-color:Gray; border-width:1px;  padding:2px  }
TR.Separator TD { border-bottom-width:thin }

.NoBorder { border: 0; }

.CodeHighlight { background-color: yellow; }

.printscreen 
{
  border-width:1px;
  border-color:#5c8841;
  border: solid;
}

IMG { border: 0; }

IMG.buttongenopro 
{
  vertical-align:middle;
  border-style:outset;
  border-width: 2px;
  border-color:white;
  width:18px;
  height:18px;
  background-color:#E0DFE3;
}

IMG.bigIcon
{
  width:36px;
  height:36px;
  vertical-align:middle;
}

/* navigation */

.contextlink
{
  text-align: left;
  border-style: solid;
  border-width: 1px;
  padding: 15px;
  float: right;
  background-color: #FBEFB7;
  white-space: nowrap;
  font-size:small;
  font-weight:bold; 
}
.contextlink a 
{
    font-weight:normal;
}

.quote
{
  font-family:Tahoma;
  font-style:italic;
  font-size:small;
}

.tips
{
  float:left;
  margin-right:5px;
}

/* use in the top and low menu */               
               
.greenbar
{
  background-color: #5c8841;
  border: none;
  vertical-align: middle;
  text-align:center;
  padding-top:4px;
  padding-bottom:4px;
  color: white;
  font-size:small;
  height:19px;
  white-space:nowrap;
}
.greenbar A
{
  color: white;
}

.greenTable {
  border-width:thin;
  border-style:solid;
  border-color:green;
  border-collapse:collapse;
}


/* Image Contour is a image stretchable image to surround a section. */

.imageContourRight
{  
float: right;
  background-color: #FDF0AD;
}

.imageContourLeft
{  
float: left;
  background-color: #FDF0AD;
}

.imageContour
{  
  background-color: #FDF0AD;
  text-align:left;
}

.cellTopCenter 
{
  vertical-align:top;
  text-align:center;
}

/* search page */

.searchLnk   { color: #008000; font-size:smaller }

/* quote */
.quotebox
{width: 450px; background-color:white; border-color:Black; border-style: solid; border-width: 1px;  padding:10px; margin:10px; margin-left:25px}

/* sdk */

.code {
	font-size: small;
	font-family: Courier New, Courier, monospace;
	color: 			black;
	padding:		4px;
	background:		#FBFBFB;
	border:			1px solid #dddddd;
	margin:			20px;	margin-right:	50px;	
	overflow:		auto;	
	}
.output {
	font-size: small;
	font-family: Courier New, Courier, monospace;
	color: 			black;
	padding: 		4px;
	background:		#CCFFFF;
	border:			1px dotted #0000FF;
	margin:			20px;	margin-right:	50px;	
	overflow:		auto;	
	}

.Notes {
	font-style: italic;
	background-color: #FFFFCC;
	border-style: ridge;
	border-width: medium;
	border-color: #FFFF66;
	margin: 1px;
	padding: 5px;
}

.features  /* essential-features result */
{
  color:Navy;
  border-style:dashed;
  border-width:thin;
  border-color:Navy;
  background-color:White;
  padding:4px;
  margin-bottom:15px;
  margin-top:10px;
}

.cellTopAlign TD
{
   vertical-align:top;
}

.message 
{
  color:red; 
  border:thin maroon double;
  padding:5px; 
  width:75%
}
