/* this @charset is for mozilla's bug */

pre, dl, ol, p, blockquote
{
	line-height:160%;
}

blockquote
{
	margin-left:32px;
}

body
 { color: black; font-size: 90%; font-family: Verdana, Arial, Helvetica, sans-serif; background-color: white; }
a:link
   { color: #33c; text-decoration: underline; background-color: inherit }

a:active
{
	color:#215dc6;
	background-color:#CCDDEE;
	text-decoration:none;
}

a:visited
    { color: #336; text-decoration: underline }

a:hover
{ background-color:#FFFFFF; text-decoration: underline }

/* for links at headers and footers */
a.altr:link 
{ color: #fff; text-decoration: underline; background-color: inherit }
a.altr:visited 
{ color: #fff; text-decoration: underline; background-color: inherit }

h1
  { color: black; font-family: Helvetica, Verdana, Arial, sans-serif; background-color: #ddd; margin-top: 0.5em; margin-bottom: 0.5em; padding: 0.3em 0 0.3em 0.6em; text-align: center}

h2, h3, h4, h5, h6
  { color: black; font-family: Helvetica, Verdana, Arial, sans-serif; background-color: #eeeecc; margin-top: 0.5em; margin-bottom: 0.5em; padding: 0.3em 0 0.3em 0.6em; }

h1.title
  { color: #333; font-size: 28px; font-family: sans-serif; font-weight: bold; background-color: transparent; margin: 0.8em 20px; padding: 0; border: 0 }
dt
{
	font-weight:bold;
	margin-top:1em;
	margin-left:1em;
}

pre
{
	border-top:#DDDDEE 1px solid;
	border-bottom:#888899 1px solid;
	border-left:#DDDDEE 1px solid;
	border-right:#888899 1px solid;
	padding:.5em;
	margin-left:1em;
	margin-right:2em;
	white-space:pre;
	color:black;
	background-color:#F0F8FF;
}

blockquote
{
	border-top:#DDDDEE 1px solid;
	border-bottom:#888899 1px solid;
	border-left:#DDDDEE 1px solid;
	border-right:#888899 1px solid;
	padding:.5em;
	margin-left:1em;
	margin-right:2em;
	color:black;
	background-color:#E0FFE0;
}

img
{
	border:none;
	vertical-align:middle;
}

ul
 { line-height: 130%; margin-top: 0.5em; margin-bottom: 0.5em }
em
{
	font-style:italic;
}

strong
{
	font-weight:bold;
}

thead td.style_td,
tfoot td.style_td
{
	color:inherit;
	background-color:#D0D8E0;
}
thead th.style_th,
tfoot th.style_th
{
	color:inherit;
	background-color:#E0E8F0;
}
.style_table
{
	padding:0px;
	border:0px;
	margin:auto;
	text-align:left;
	color:inherit;
	background-color:#ccd5dd;
}
.style_th
{
	padding:5px;
	margin:1px;
	text-align:center;
	color:inherit;
	background-color:#EEEEEE;
}
.style_td
{
	padding:5px;
	margin:1px;
	color:inherit;
	background-color:#EEF5FF;
}

ul.list1
{
	list-style-type:disc;
}
ul.list2
{
	list-style-type:circle;
}
ul.list3
{
	list-style-type:square;
}
ol.list1
{
	list-style-type:decimal;
}
ol.list2
{
	list-style-type:lower-roman;
}
ol.list3
{
	list-style-type:lower-alpha;
}

div.ie5
{
	text-align:center;
}

span.noexists
{
	color:inherit;
	background-color:#FFFACC;
}

.small
{
	font-size:80%;
}

.super_index
{
	color:#DD3333;
	background-color:inherit;
	font-weight:bold;
	font-size:60%;
	vertical-align:super;
}

a.note_super
{
	color:#DD3333;
	background-color:inherit;
	font-weight:bold;
	font-size:60%;
	vertical-align:super;
}

div.jumpmenu
{
	font-size:60%; 
	text-align:right;
}

hr.full_hr
  { border-style: solid; border-width: 0 0 1px; border-color: #333333 }
hr.note_hr
 { text-align: center; margin: 1em auto 0; width: 90%; border-style: solid; border-width: 0 0 1px; border-color: #333333 }
span.size1
{
	font-size:xx-small;
	line-height:130%;
	text-indent:0px;
	display:inline;
}
span.size2
{
	font-size:x-small;
	line-height:130%;
	text-indent:0px;
	display:inline;
}
span.size3
{
	font-size:small;
	line-height:130%;
	text-indent:0px;
	display:inline;
}
span.size4
{
	font-size:medium;
	line-height:130%;
	text-indent:0px;
	display:inline;
}
span.size5
{
	font-size:large;
	line-height:130%;
	text-indent:0px;
	display:inline;
}
span.size6
{
	font-size:x-large;
	line-height:130%;
	text-indent:0px;
	display:inline;
}
span.size7
{
	font-size:xx-large;
	line-height:130%;
	text-indent:0px;
	display:inline;
}

/* html.php/catbody() */
strong.word0
{
	background-color:#FFFF66;
	color:black;
}
strong.word1
{
	background-color:#A0FFFF;
	color:black;
}
strong.word2
{
	background-color:#99FF99;
	color:black;
}
strong.word3
{
	background-color:#FF9999;
	color:black;
}
strong.word4
{
	background-color:#FF66FF;
	color:black;
}
strong.word5
{
	background-color:#880000;
	color:white;
}
strong.word6
{
	background-color:#00AA00;
	color:white;
}
strong.word7
{
	background-color:#886800;
	color:white;
}
strong.word8
{
	background-color:#004699;
	color:white;
}
strong.word9
{
	background-color:#990099;
	color:white;
}

/* html.php/edit_form() */
.edit_form
{
     clear:both;
}

/* pukiwiki.skin.*.php */
div#header
{
	padding:0px;
	margin:0px;
}

div#body
 { margin: 0 20px 0 30px; padding: 0 }

div#note
 { margin: 0 0 0 20px; padding: 0; clear: both }

div#attach
{
	clear:both;
	padding:0px;
	margin:0px;
}

div#toolbar
{
	clear:both;
	padding:0px;
	margin:0px;
	text-align:right;
}

div#lastmodified
{
	font-size:80%;
	padding:0px;
	margin:0px;
}

div#related
{
	font-size:80%;
	padding:0px;
	margin:16px 0px 0px 0px;
}

div#footer
{
	font-size:70%;
	padding:0px;
	margin:16px 0px 0px 0px;
}

div#preview
{
	color:inherit;
	background-color:#F5F8FF;
}

img#logo
{
	float:left;
	margin-right:20px;
}

/* aname.inc.php */
.anchor
{
}
.anchor_super
{
	font-size:xx-small;
	vertical-align:super;
}

/* br.inc.php */
br.spacer
{
}

/* calendar*.inc.php */
.style_calendar
{
	padding:0px;
	border:0px;
	margin:3px;
	color:inherit;
	background-color:#CCD5DD;
	text-align:center;
}

.style_td_caltop
{
	padding:5px;
	margin:1px;
	color:inherit;
	background-color:#EEF5FF;
	font-size:80%;
	text-align:center;
}

.style_td_today
{
	padding:5px;
	margin:1px;
	color:inherit;
	background-color:#FFFFDD;
	text-align:center;
}

.style_td_sat
{
	padding:5px;
	margin:1px;
	color:inherit;
	background-color:#DDE5FF;
	text-align:center;
}

.style_td_sun
{
	padding:5px;
	margin:1px;
	color:inherit;
	background-color:#FFEEEE;
	text-align:center;
}

.style_td_blank
{
	padding:5px;
	margin:1px;
	color:inherit;
	background-color:#EEF5FF;
	text-align:center;
}

.style_td_day
{
	padding:5px;
	margin:1px;
	color:inherit;
	background-color:#EEF5FF;
	text-align:center;
}

.style_td_week
{
	padding:5px;
	margin:1px;
	color:inherit;
	background-color:#DDE5EE;
	font-size:80%;
	font-weight:bold;
	text-align:center;
}

/* counter.inc.php */
div.counter
{
	font-size:70%;
}

/* diff.inc.php */
span.diff_added
{
	color:blue;
	background-color:inherit;
}

span.diff_removed
{
	color:red;
	background-color:inherit;
}

/* hr.inc.php */
hr.short_line
{
	text-align:center;
	width:80%;
	border-style:solid;
	border-color:#333333;
	border-width:1px 0px;
}

/* include.inc.php */
h5.side_label
{
	text-align:center;
}

/* navi.inc.php */
ul.navi
{
	margin:0px;
	padding:0px;
	text-align:center;
}

li.navi_none
{
	display:inline;
	float:none;
}

li.navi_left
{
	display:inline;
	float:left;
	text-align:left;
}

li.navi_right
{
	display:inline;
	float:right;
	text-align:right;
}

/* new.inc.php */
span.comment_date
{
	font-size:x-small;
}
span.new1
{
	color:red;
	background-color:transparent;
	font-size:x-small;
}
span.new5
{
	color:green;
	background-color:transparent;
	font-size:xx-small;
}

/* popular.inc.php */
span.counter
{
	font-size:70%;
}
ul.popular_list
{
/*
	padding:0px;
	border:0px;
	margin:0px 0px 0px 1em;
	word-wrap:break-word;
	word-break:break-all;
*/
}

/* recent.inc.php,showrss.inc.php */
ul.recent_list
{
/*
	padding:0px;
	border:0px;
	margin:0px 0px 0px 1em;
	word-wrap:break-word;
	word-break:break-all;
*/
}

/* ref.inc.php */
div.img_margin
{
	margin-left:32px;
	margin-right:32px;
}

/* vote.inc.php */
td.vote_label
{
	color:inherit;
	background-color:#FFCCCC;
}
td.vote_td1
{
	color:inherit;
	background-color:#DDE5FF;
}
td.vote_td2
{
	color:inherit;
	background-color:#EEF5FF;
}

/* HWB navigation */

td.header     { color: #ccc; font-size: 12px; font-family: sans-serif; background-color: #333; height: 48px }
td.footer	 { color: #ccc; font-size: 10px; font-family: sans-serif; background-color: #333; padding-right: 10px; padding-left: 10px !important; width: 50%; height: 15px }

td.nav2 { font-size: 12px; font-family: sans-serif; background-color: #ccc; padding-left: 1em; border-top: 1px solid #999; border-bottom: 1px solid #999 }

td.advanced { color: #fff; font-size: 10px; background-color: #db8c99; text-align:right; }

/* HWB macros */
.glossaryonly
{ 
	border-bottom:1px dotted gray; cursor:help; 
	margin-left: 0.1em; margin-right: 0.1em;
}
.term 
{ 
	border-bottom:1px dotted red; cursor:help; 
	margin-left: 0.1em; margin-right: 0.1em;
}
.synonym 
{ 
	border-bottom:1px dotted green; cursor:help; 
	margin-left: 0.1em; margin-right: 0.1em;
}
.synonym_index { border-bottom:1px dotted green; cursor:help; vertical-align:super; }
.synonym_index:after { content: "."; }
.related 
{
	border-bottom:1px dotted blue; cursor:help; 
	margin-left: 0.1em; margin-right: 0.1em;
}
.related_index { border-bottom:1px dotted blue; cursor:help; vertical-align:super; }
.related_index:after { content: "."; }

.user_input { white-space: pre; font-family: monospace; color:#ff0000; }
.em { color:#cc0000; }
.system_output, .terminal { white-space: pre; font-family: monospace; color:#2222ff; }
.terminal 
{ 
	line-height: 1;
	background-color: #fff;
	border:1px solid navy;
	padding-left: 3em;
	margin-left:2em;
	margin-right:2em;
}
.terminal > p
{
	line-height: inherit;
	margin: 0em;
}
.program_source
{ 
	white-space: pre; font-family: monospace; color:#000000; 
	background-color: #ccf;
	border:1px solid navy;
	padding-left: 3em;
	padding-right: 3em;
	margin-left:3em;
	margin-right:3em;
}
.menu_selection { white-space: pre; font-family: monospace; color:#000000; }
.menu 
{ 
	background-color: #ddf;
	border-top:#DDDDEE 2px solid;
	border-bottom:#888899 2px solid;
	border-left:#DDDDEE 2px solid;
	border-right:#888899 2px solid;
	padding-left: 3px;
	padding-right: 3px;
	margin-left: 0.3em;
	margin-right: 0.3em;
}
.menu_end 
{ 
	background-color: white;
	border-top:#DDDDEE 2px solid;
	border-bottom:#888899 2px solid;
	border-left:#DDDDEE 2px solid;
	border-right:#888899 2px solid;
	padding-left: 3px;
	padding-right: 3px;
	margin-left: 0.3em;
	margin-right: 0.3em;
}
span.menu_expansion:before { content: "\2192"; } /* right arrow */
h2.title  { background-color: transparent; border-left: 0.5em double #33c }

.super { font-size:80%; vertical-align:super; }
.subsc { font-size:80%; vertical-align:sub; }

.advanced_column  { background-color: white; margin: 1em; padding-right: 0.5em; padding-left: 0.5em; border: solid 3px #db8c99 }
.tips_column { background-color: white; margin: 1em; padding-right: 0.5em; padding-left: 0.5em; border: solid 3px #bd9583 }
.exercise_column { background-color: white; margin: 1em; padding-right: 0.5em; padding-left: 0.5em; border: solid 3px #73dda5 }
.modifier { 
  line-height: 2;
  margin: 0.2em; padding: 0.4em 0.35em; 
  border: 1px solid #ff8000; background-color: #fff5e5; 
}

.icon { vertical-align: middle; }

/*
 * for tree-view terms
 */

.tree_visible {
  margin-top: 5px;
  margin-left: 15px;
  margin-bottom: 3px;
}

.hidden {
   display: none;
}

.tree_category {
   font-family: monospace;
   border-color: #808080;
   border-style: solid;
   border-width: 1px;
   padding-right: 2px;
   padding-left: 2px;
   background-color: #ffffe0;
   text-decoration: none;
   color: black;
}

.tree_not_category{
   font-family: monospace;
   padding-right: 3px;
   padding-left: 3px;
   background-color: #ffffe0;
   text-decoration: none;
   color: black;
   visibility:hidden;
}

.tree_term{
   margin-top: 2px;
   margin-bottom: 2px;
}

.category_header{
   font-size: 10px;
   background-color:#ffffe8;
}

a.term{
   color: black;
   text-decoration: none;
}