body {	
	background-image: url('/common/graphics/bg6.gif');
	background-attachment: fixed;
	font-family:helvetica, arial,sans-serif;
	font-size:10pt;
	line-height: 1.5em;
}

body.gradient_gray {
	background-image: url('/common/graphics/gradient_gray_1.jpg');
}
body.gradient_blue {
	background-image: url('/common/graphics/gradient_blue_1.jpg');
}
td {
	font-family:helvetica, arial,sans-serif;
	font-size:10pt;
	align-vertical: top;
}

#root {
	width:800px;
	background-color:white;
	margin-top:20px;
	border-color:black;
	border-width:1px;
	border-style:solid;
	padding:2px;
	text-align:left;
}
div.header {
	color:#9BB9BF;
	border-color:#DDDDDD;
	border-width:1px;
	border-style:solid;
	padding-left:10px;
	padding-right:0px;
	background-image: url('../graphics/grain.gif');
	background-position: right;
	background-repeat: no-repeat;
	height:100px;
	
}
div.main {
	border-color:#DDDDDD;
	border-width:1px;
	border-style:solid;
	padding:10px;
	margin-top:2px;
}


div.main2 {
	text-align:justify;
	padding:10px;
	margin-left: 110px;
	margin-top: 20px;
	margin-right: 20px;
}

div.header td { color:#444444; }
div.header span.big { font-size:16pt; font-weight:bold; }
div.header span.little {font-size: 10 pt; }

div.main td { border-color:#DDDDDD;border-style:solid;border-width:1px;font-size:9pt;}

div.centered {text-align:center;}

div.videoitem { text-align:center; margin: 40px; }
ol.nice { }
ol.nice li:first-line {font-weight:bold;}

ul.pagemenu { list-style: none; padding: 0px; }
ul.pagemenu li { font-size: 10pt; margin-left: 1em; margin-top: 2em; margin-right: 1em; margin-bottom: 2em; }
ul.pagemenu li:first-line { font-weight: bold; }
ul.pagemenu li .right  { float: right;  margin-right:10px; width:375px;}
ul.pagemenu li .rightwide { float: right;  margin-right:10px; width:525px;}


ul.lite { list-style: none; padding:0px;}
ul.lite li {  font-size:10px;}
ul.lite li:first-line { font-weight:bold; font-size:10px;line-height:14pt; font-family: helvetica, arial,sans-serif; }

ul.clean { list-style: none; padding:0px;}
ul.clean li { margin-bottom: 2em;}
ul.clean a { font-weight:bold;}
ul.clean li .right { float: right;  margin-right:10px; width:375px;}
ul.clean li .rightwide { float: right;  margin-right:10px; width:525px;}

ul.dotted { list-style: none; padding: 0px;}
ul.dotted li { border: 1px #aaa dashed; margin: 1em; padding: 1em;}
ul.dotted li:first-line { font-weight: bold;}

a { color: #2255AA; text-decoration:none; }
img { border-width:0px; }

img.pic { border-color:#22222;border-width:1px; border-style:solid; }
img.right { float:right; margin-bottom:20px; margin-left:40px; border-color:#22222; border-width:1px; border-style:solid; }
img.left { float:left; margin-top:5px; margin-bottom:20px;  margin-right:40px; border-color:#22222; border-width:1px; border-style:solid; }

img.thumb{
	margin-right:10px;
	border-width:0px;
	margin-bottom:5px;
	margin-top:5px;
}

#caption {
	font-style:italic;
}

.right {
	float:right;  margin-left:2em;
}
span.gray { color: #AAAAAA; }
span.ltgray { color: #CCCCCC; font-weight: normal; }
.ltblue { color: #6688AA; }

.nav_index {
	width:150px;
	padding:10px;
	border-width:1px;
	border-style:solid;
	border-color:black;
	font-size:8pt;
	float:left;
	clear:left;
	margin-top:10px;
	margin-bottom:10px;
	background-color:#EEEEEE;
}

.nav_index_right {
	width:150px;
	padding:10px;
	border-width:1px;
	border-style:solid;
	border-color:black;
	font-size:8pt;
	float:right;
	margin-top:10px;
	margin-bottom:10px;
	background-color:#EEEEEE;
	margin-left: 30px;
}

.nav_index_horizontal {
	padding: 10px;
	border-width:1px;
	border-style:solid;
	border-color:black;
	float:right;
	background-color:#EEEEEE;
	margin-left: 30px;
	text-align:left;
}

.nav_index_horizontal li {
	list-style-type: none;
	display: inline;
	text-align: left;
}

.nav_index_horizontal ul {
	display: inline;
	text-align: left;
	padding:2px;
	}

.nav_index_left2 {
	width: 100px;
	padding: 10px;
	font-size: 8pt;
	margin-top: 20px;
	float: left;
	clear: left;
}


#nav_nextprev {
	width:98%;
	padding:5px;
	border-width:1px;
	border-style:solid;
	border-color:black;	
	margin-top:10px;
	margin-bottom:10px;
	margin-right:10px;
	text-align:center;
	clear:both;
}

#nav_nextprev #prev {
	float:left;
	margin-left:10px;
}

#nav_nextprev #next {
	float:right;
	
}

.nav_index .currentpage {
	background-color:#AACCEE;
	padding:3px;
	
}

.note {
	float:right;
	background-color:#FFFFBB;
	padding:10px;
	width:100px;
	margin: 10px;
	font-size: 8pt;
	line-height:10pt;
	border-color:#AAAA66;
	border-style:solid;
	border-width:1px;
}

.code {
	background-color:#EEEEEE;
	border: 1px solid black;
	margin: 10px;
	padding: 10px;
	white-space: pre;
	font-family: monospace;
}

blockquote {
	margin-left: 30px;
	padding-right: 30px;
	text-align:justify;
}

table.documentation td { padding: 1em; }
