/* Common Tags */
strong { font-weight: bold; }
small { font-size: .8em; }
em { font-style: italic; }
fieldset { border: 1px solid #CCCCCC; }
/* li { list-style-type:  decimal; }   changed from disc to decimal */
li { line-height: 1.2em; }
p p2 { line-height: 1.2em; }
a img { border: 0; }

/* Page */
body {
	color: #000000;
	background: #EFEFEF url('../images/background.jpg')
	repeat-x scroll top left;
	padding-top: 6px;
	font-family: Arial, Helvetica, Sans-Serif;
	font-size: .8em;
}

div#page {
	width: 942px;
	margin: 0 auto;
	position: relative;
	z-index: 2; 
}
a { color: #0000FF; }

p { 
	margin-bottom: 10px;
	text-align: justify;
}

/* Headings can have h1 - h6 */

/* h1 = Title on Cover page - default.htm 
   h2 = Title on top of each page of the manual.
   h3 = Sub-headings 
   h4 = heading row in tables.
   h5 = sub-heading row in larger tables.
   h6 = Version number of Cover page.   */
   
h1 {
	font-size: x-large;
	text-align: left;
	font-weight: bold;
	color: #0075C0;
}
h2 {
	font-size: large; 
	text-align: left;
	font-weight: bold; 
	color:#0075C0;
	padding-bottom: 3px;
	margin-bottom: 3px;
}
h3 {
	font-size: medium;
	text-align: left;
	font-weight: bold; 
	color:#0075C0;
	padding-bottom:3px;
	margin-bottom:3px;
}

/* Table headings - in top row, white text on blue bg color */
h4 {
	font-size: medium;
	text-align: left;
	font-weight: bold; 
	background-color: #0075C0;
	color:#FFFFFF;
	padding-bottom:3px;
	margin-bottom:3px;
}

/* Table headings - for sub-headings (small text), white text on blue bg color */
h5 {
	font-size: small;
	text-align: left;
	font-weight: bold; 
	background-color: #0075C0;
	color:#FFFFFF;
	padding-bottom:3px;
	margin-bottom:3px;
}

/* h6 = like h2, large, but not bolded for use as a heading in doc. */
h6 {
	font-size: large; 
	text-align: left;
	font-weight: normal;
	color: #0075C0;
	padding-bottom: 3px;
	margin-bottom: 3px;
}


/* Shadowing */
.ShadowBottom { z-index: -1; }
.ShadowRight { z-index: -1; }
.ShadowLeft { z-index: -1; }
.ShadowTop { z-index: -1; }
.ShadowTop { position: absolute; left: -3px; top: -2px; width: 949px; height: 35px; background-image: url('../images/shadow.top.png'); background-repeat: no-repeat; } 
.ShadowLeft { position: absolute; left: -3px; top: 33px; bottom: 30px; width: 3px; height: auto; background-image: url('../images/shadow.left.png'); background-repeat: repeat-y; } 
.ShadowRight { position: absolute; right: -5px; top: 33px; bottom: 30px; width: 5px; height: auto; background-image: url('../images/shadow.right.png'); background-repeat: repeat-y; } 
.ShadowBottom { position: absolute; left: -3px; bottom: -5px; width: 949px; height: 35px; background-image: url('../images/shadow.bottom.png'); background-repeat: no-repeat; } 

/* Header */
div#header { width: 100%; height: 106px; position: relative; }
div#header div#headerleft { width: 20px; height: 106px; background-image: url('../images/header.left.png'); background-repeat: no-repeat; position: absolute; left: 0; top: 0; }
div#header div#headerright { width: 20px; height: 106px; background-image: url('../images/header.right.png'); background-repeat: no-repeat; position: absolute; right: 0; top: 0; }
div#header div#headermiddle { background-image: url('../images/header.middle.gif'); position: absolute; left: 20px; top: 0; width: 902px; height: 106px; }
div#header div#headermiddle div#logo { position: absolute; left: 0; top: 3px; }
div#header div#headermiddle div#tagline { position: absolute; right: 0; top: 50px; }

div#header div#menulinks { position: absolute; top: 75px; left: 0px; height: 31px; }
div#header div#menulinks a { float: left; height: 31px; display: block; background: url('../images/header.links.gif'); }
div#header div#menulinks a#home { width: 61px; background-position: 0px 0px; }
div#header div#menulinks a#products { width: 78px; background-position: -61px 0px; }
div#header div#menulinks a#downloads { width: 90px; background-position: -139px 0px; }
div#header div#menulinks a#comingsoon { width: 94px; background-position: -229px 0px; }
div#header div#menulinks a#forums { width: 70px; background-position: -323px 0px; }
div#header div#menulinks a#about { width: 67px; background-position: -393px 0px; }
div#header div#menulinks a#home:hover { background-position: 0px -31px; }
div#header div#menulinks a#products:hover { background-position: -61px -31px; }
div#header div#menulinks a#downloads:hover { background-position: -139px -31px; }
div#header div#menulinks a#comingsoon:hover { background-position: -229px -31px; }
div#header div#menulinks a#forums:hover { background-position: -323px -31px; }
div#header div#menulinks a#about:hover { background-position: -393px -31px; }

/* Session Links */
div#menu { position: absolute; top: 116px; right: 25px; padding: 5px 5px 5px 15px; }
div#menu ul { margin: 0; }
div#menu ul li { float: left; display: inline-block; padding: 0 8px; font-weight: bold; border-right: 1px solid #222222; }
div#menu ul li a { color: #222222; text-decoration: underline; }
div#menu ul li a:hover { text-decoration: none; }

/* Content */
div#content { background-color: #FFFFFF; padding: 15px 25px; }
div#content ul { margin-left: 25px; margin-bottom: 15px; }

/* Footer */
div#footer { width: 100%; height: 78px; position: relative; }
div#footer div#footerleft { width: 20px; height: 78px; background-image: url('../images/footer.left.png'); background-repeat: no-repeat; position: absolute; left: 0; top: 0; }
div#footer div#footerright { width: 20px; height: 78px; background-image: url('../images/footer.right.png'); background-repeat: no-repeat; position: absolute; right: 0; top: 0; }
div#footer div#footermiddle { background-image: url('../images/footer.middle.gif'); position: absolute; left: 20px; top: 0; width: 902px; height: 78px; }
div#footer div#footermiddle div#footerbuttons { height: 52px; text-align: center; }
div#footer div#footermiddle div#footerbuttons img { position: relative; top: 14px; margin: 0px 5px 10px 5px; }
div#footer div#footermiddle div#footerlinks { height: 26px; line-height: 26px; text-align: center; }
div#footer div#footermiddle div#footerlinks { color: #FFFFFF; font-size: .9em; }
div#footer div#footermiddle div#footerlinks a { text-decoration: none; color: #FFFFFF; }
div#footer div#footermiddle div#footerlinks a:hover { text-decoration: underline; }

/* Copyright */
div#copyright { margin: 10px auto 10px auto; text-align: center; font-size: .9em; }

/* Login Form */
table#loginpage { width: 100%; }
table#loginpage tr td { padding: 10px; vertical-align: top; }
table#loginform { margin: 20px auto; }
table#loginform tr th { font-weight: bold; text-align: right; }
table#loginform tr td { padding: 3px; vertical-align: middle; }

table#loginform tr th { padding: 3px; vertical-align: middle; }

/* Register Form */
table#registerform { margin: 0 auto; }
table#registerform tr td { padding: 5px; font-size: .9em; line-height: 1.1em; }

/* Tool tips */
#tooltip { position: absolute; width: 200px; height: auto; border: 1px solid #CCCCCC; background-color: #FFFFFF; visibility: hidden; z-index: 100; }
.tooltiptitle { border-bottom: 1px solid #CCCCCC; margin: 3px; text-align: left; font-weight: bold; }
.tooltiptext { text-align: left; margin: 3px; }
.tooltip_img { width: 17px; height: 18px; }

/* Misc */
div.narrow { width: 500px; margin: 0 auto; }
div.errormsg { text-align: center; font-weight: bold; color: #FF0000; }
div.valsummary { text-align: center; margin: 10px auto; }

/* Menu Sections */
div.menusection { margin-bottom: 10px; }
div.menusection h2 { font: bold 1.2em Verdana, Arial, Helvetica, Sans-Serif; background-color: #333333; color: #FFFFFF; padding: 2px; text-align: center; }
div.menusection h3 { font: bold 1.1em Verdana, Arial, Helvetica, Sans-Serif; }
div.menusection table { margin: 10px auto; }
div.menusection div.links p { margin-top: 10px; }
div.menusection div.links table tr td { vertical-align: top; padding: 10px; }
div.menusection div.links table tr td table tr td { vertical-align: middle; padding: 0; }
table.selection tr td { padding: 5px; }
table.selection tr th { padding: 5px; text-align: right; font-weight: bold; }

/* IE 6 PNG Fixes */
.tooltip_img { behavior: url('css/iepngfix.htc'); }
.ShadowBottom { behavior: url('css/iepngfix.htc'); }
.ShadowRight { behavior: url('css/iepngfix.htc'); }
.ShadowLeft { behavior: url('css/iepngfix.htc'); }
.ShadowTop { behavior: url('css/iepngfix.htc'); }
div#footer div#footerright { behavior: url('css/iepngfix.htc'); }
div#footer div#footerleft { behavior: url('css/iepngfix.htc'); }
div#header div#headerright { behavior: url('css/iepngfix.htc'); }
div#header div#headerleft { behavior: url('css/iepngfix.htc'); }

/* Layout */
table#doccontainer { width: 100%; font-family: Tahoma, Arial, Helvetica, sans-serif }
table#doccontainer * { font-family: Tahoma, Arial, Helvetica, sans-serif; text-align: left; }
table#doccontainer tr td { vertical-align: top }
table#doccontainer a { color: #06C; text-decoration:  none }        /* Changed from underline to none, because headings, etc. were being underlined. */
table#doccontainer a:hover { color: #000; text-decoration:  underline }
table#doccontainer td.border { border-bottom: solid 1px #0075C0; }  /* Added (jk) - for blue bottom border in Quick Ref tables. */

div#lefttoc { width: 200px; border: 1px solid #000; padding: 10px }
div#lefttoc ul { list-style: none outside none; padding-left: 0; margin: 0 }
div#lefttoc ul ul { padding-left: 20px }
div#lefttoc ul li { line-height: 1.25em }

div#rightbody { width: 100%; padding: 0 10px }
div#rightbody table.header { width: 100%; height: 55px }
div#rightbody table.header td { vertical-align: middle; font-weight: bold; font-size: 18px; color: #06C; padding: 0 10px }
div#rightbody table.header td.leftarrow { width: 50px }
div#rightbody table.header td.rightarrow { width: 50px; text-align: right}
div#rightbody table.header td.pagetitle { border-width: 0 1px; border-style: solid; border-color: #06C }
div#rightbody table.header td.pagenum { width: 50px; font-size: 24px }

div#rightbody table.footer { width: 100%; height: 55px }
div#rightbody table.footer td { vertical-align: middle; font-weight: bold; font-size: 18px; color: #06C; padding: 0 10px }
div#rightbody table.footer td.leftarrow { width: 50px }
div#rightbody table.footer td.rightarrow { width: 50px; text-align: right}

img.centered { display: block; clear: both; margin-left: auto; margin-right: auto; vertical-align: middle; text-align: center; }
/* For inline images - images between words in sentences */
img.inline { display:  inline; clear: both; margin-left: auto; margin-right: auto; vertical-align: middle; }

}