body				{ margin: 0px; font-size:10pt }
h1					{ font-size:125%; margin:4px; }
h2					{ font-size:110%; margin:4px; }
h3					{ font-size:110%; margin:4px; }
ul					{ margin-top:8px; margin-bottom:8px; }
li					{ }
th					{ text-align:left; border:none; font-weight:normal }
td					{ }
caption				{ text-align:left }
a					{ color:#404020 }
a:hover				{ color:#ff0000 }
a img				{ border:none }

/* layout */
#header 			{ width:100%; margin:0px; padding:4px; background:#b0d0c0; font-size:90%; }
#body				{ margin:4px 0px; padding:0px; padding-bottom:8px; background:#ffffff; border-bottom:1px solid #80c0a0; font-size:10pt; }
#footer 			{ width:100%; height:40px; margin:auto; padding:4px 0px; text-align:center; font-size:80%; }
#footer	a			{ text-decoration:none }

/* style */
.indent				{ margin-left:12px; }
.full				{ width:96%; }
.left				{ text-align:left }
.right				{ text-align:right }
.center				{ text-align:center; margin:auto }

.bold				{ font-weight:bolder }
.italic				{ font-weight:italic }
.big				{ font-size:125% }
.small				{ font-size:80% }
.warn				{ color:#ff2000; }
.error				{ color:#ff0000; font-weight:bolder }
.copyright			{ font-size:90%; }
.highlight			{ color:#000000; background:#ffff80 }
.selected			{ color:#000000; font-weight:bold; }
.require			{ color:#ff0000; font-weight:normal; }
.off				{ color:#a0a0a0; }
.off a				{ color:#a0a0a0; }

.navi				{ margin-left:8px; font-size:90%; }
.back				{ text-align:right; margin-right:8px; }
.next				{ text-align:left; margin-right:8px; }

.button				{ margin:1px; padding:0px 4px; background:#209040; border:1px solid #c0f0e0; border-right-color:#006000; border-bottom-color:#006000 }
.button	a			{ color:#ffffff; text-decoration:none }
.closebutton		{ width:16px; float:right; text-align:center; color:#606060; background:#e0e0e0; border:1px solid #c0c0c0 }

.msgbox				{ width:90%; max-width:560px; margin:8px; padding:4px; color:#604000; background:#fffff0; border:1px solid #d0c080 }
.warnbox			{ width:90%; max-width:560px; margin:8px; padding:4px; color:#ff2000; background:#fff0f0; border:1px solid #c0a0a0 }
.warnbox:before		{ content:url('warning.gif') }
.errorbox			{ width:90%; max-width:560px; margin:8px; padding:4px; color:#ff0000; background:#fff0f0; border:1px solid #f0c0c0 }
.helpbox			{ width:90%; max-width:560px; margin:4px; padding:2px; color:#004080; background:#f0ffff; border:1px solid #80c0c0; font-size:80% }
.textbox			{ width:90%; max-width:560px; margin:8px; padding:4px; color:#000000; background:#f4f4f4; border:1px solid #808080; overflow-y:scroll }
.infobox			{ width:90%; max-width:560px; margin:4px; padding:2px; color:#000000; background:#f8f8f8; border:1px solid #b0b0b0; font-size:80% }
.nec				{ background-color: #ffffff; }

/* menu bar */
.menubar				{ margin-bottom:4px; padding-left:10px; color:#000000; background:#d0f0c0; font-size:90% }
.menubar a				{ color:#000000; text-decoration:none }
.menubar a:hover		{ color:#ff0000; }
.menuitem				{ padding:0px 2px; }
.menuitem.selected		{ padding:0px 2px; color:#000000; background:#308030; font-weight:normal; border:1px solid #004000; border-top:1px solid #308030; }
.menuitem.selected a	{ color:#ffffff; }

.toolbar				{ margin-top:1px; padding-left:20px; color:#000000; background:#f4f8e8; border-bottom:1px solid #80c0a0; font-size:90% }
.toolbar a				{ color:#000000; text-decoration:none }
.toolbar a:hover		{ color:#ff0000; }
.toolbar:before			{ content:' ' }
.tooltray				{ width:120px; float:right }
.tooltray img			{ padding:0px 4px; vertical-align:middle }
.toolitem				{ padding:0px 4px; }
.toolitem.selected		{ background:#ffffff; font-weight:normal; border:1px solid #80c0a0;  border-top:1px solid #80c0a0; border-bottom:1px solid #ffffff;  }
.toolitem.close img		{ margin:0px 8px; }

/* document structure */
h1.title				{ font-size:100%; }
h2.title				{ margin-bottom:16px; padding:4px; color:#305030; border-bottom:1px solid #80a080;  }
h2.title:before			{ padding-right:8px; }
h3.section				{ margin:0px; color:#204020;  }
h3.section:before		{ padding-right:4px; }
h4.section				{ margin:0px; color:#204020; font-weight:normal  }
h4.section:before		{ padding-right:4px; }
h5.section				{ margin:0px; color:#604020; font-size:85%  }

hr.separator			{ width:98%; border:1px dashed #c0c0c0 }

/* tables */
table.grid 				{ margin:8px; border-collapse:collapse; border-right:2px solid #a0b080; border-bottom:2px solid #a0b080 }
table.grid th			{ font-size:92%; padding:1px 4px; color:#002000; background:#d0e0d8; border:1px solid #a0c080; vertical-align:top }
table.grid th a			{ text-decoration:none }
table.grid td			{ font-size:92%; padding:1px 4px; border:1px solid #a0c080; vertical-align:top }
table.grid thead th		{  }
table.grid caption		{ padding:0px 4px; font-size:90%; text-align:left}

table.form 				{ width:640px; }
table.form tbody th		{ width:150px; font-size:90% }