/*
	theme.css	  
*/

body {
	background-color:#EEEEEE;
	background-image:url(../imgs/bg_body.gif);
	color:#333333;
}

#page { 
 color:#333333;
 background: #FFFFFF;
 border-color:#CCCCCC;
 border-style:solid;
 border-width: 0 1px;
}

#header {
 color:#000000;
 background-color: #FFFFFF;
 background-image:url(../imgs/bg_header.jpg);
}

ul.headnavi a {
	font-size: 90%;
}
ul.headnavi a:link,
ul.headnavi a:visited {	color:#333333; 	text-decoration:none;}
ul.headnavi a:hover,
ul.headnavi a:active { color:orange; 	text-decoration:none;}

h2.logo a,
h2.logo a:link,
h2.logo a:visited {	color:#333333; 	text-decoration:none;}
h2.logo a:hover,
h2.logo a:active { color:orange; 	text-decoration:underline; }



#navi {
 background-color: #ABBEBE;
}

#menu { 
}

#content { 
 background-color: #FFFFFF;
 font-size:114%;
}

#content p,
#content ul { 
 line-height:1.4;
}

#content ul{
  list-style-type:decimal;
  margin-bottom:1em;
}

#content ul.simple{
	list-style-type:square;
	list-style-position:outside;
	margin-bottom:1em;
	list-style-image: url(../imgs/ar_brown.gif);
}

#content ul.simple li {
  margin-bottom: 0.5em;
}


#content dt{
	font-weight:bold;
}

#content dl.case dd {
	margin-bottom:1em;
}

#content dd.here a {
	font-weight:bold;
	color:#FF6600;
}

#content caption {
	text-align:right;
	color:#999999;
	font-size: 76%;
}


#topicpath {
	color:#666666;
	background-color:#FFFFFF;
	font-size:90%;
}

#topicpath a,
#topicpath a:link,
#topicpath a:hover,
#topicpath a:active,
#topicpath a:visited{
	color:#333333;
	background-color:#FFFFFF;
	text-decoration:underline;
}


#footer { 
 background-color: #DDDDDD;
 font-size:90%;
 line-height: 1.4;
 color:#333;
}


#menu a,
#menu a:hover {
	text-decoration:none;
}

div.section,
div.relative  { 
	background-color: #EEEEEE;
	background-image:url(../imgs/bg_menu.gif);
}

div.relative h2,
div.section h2{
	font-weight:bold;
	background-color: #CCCCCC;
	background-image:url(../imgs/bg_menutop.gif);
	font-size:112%;
	padding:6px;
	border-bottom:1px outset #CCCCCC;
}

div.section h2 a,
div.section h2 a:link,
div.section h2 a:visited,
div.relative h2 a,
div.relative h2 a:link,
div.relative h2 a:visited {
	color:#FFFFFF;
}
div.section h2 a:hover,
div.relative h2 a:hover {
	color:#FFFFEE;
}


div.section ul a,
div.relative ul a
{
	display:block;
	padding:4px;
}

div.section ul,
div.relative ul {
	padding:0; margin:0;
}

div.section ul li,
div.relative ul li
{
	padding:0; margin:0;
	width:100%;
	border-bottom:1px solid #CCCCCC;
}

div.submenu {
	margin:4px;
	background:#FFFFFF;
}

div.submenu ul{
	padding:0; margin:0;
}

div.submenu li{
	padding:0; margin:0;
	width:100%;
}

div.submenu li a
{
}

div.submenu li a:hover
{

}

div.section ul a:link,
div.section ul a:visited { color:#333333; }
div.section ul a:hover,
div.section ul a:active {
	color:#333333;
	background-color: #D7DEE6;
}

.heightlight {
	font-weight:bold;
	background-color: #D7DEE6;
	background-image:url(../imgs/bg_submenu-hl.gif);
	background-repeat:repeat-x;
}
.heightlight li{
	font-weight:normal;
}


p.menuclose {
	text-align:right;
	font-size: 90%;
	border-bottom:1px solid #FFFFFF;
	margin:0!important;
}

p.menuclose a:hover {
	text-decoration:none;
	background-color:#EEEEEE;
	color:#333333;
	cursor:pointer;
}

div.alr {
	text-align:right;
}

#navi {
	position:relative;
	height:29px;
	font-size:13px;
	font-weight:bold;
	color:#fff;
	background:#006699 url(../imgs/gnabi_bg.gif) repeat-x bottom left;
	padding:0 0 0 20px;
}
#navi ul {
	height:29px;
	width:auto;
	margin:auto;
	text-align:center;
	font-family:Geneva, Arial, Helvetica, sans-serif;
}
#navi ul li{ display:block; float:left;margin:0 1px; white-space:nowrap;}
#navi ul li a{ display:block; float:left; color:#eeeeee; text-decoration:none; padding:0 0 0 20px; height:29px;}
#navi ul li a span{ width:100px; padding:8px 20px 0 0; float:left;white-space:nowrap;}
#navi ul li a.current,
#navi ul li a.current:hover,
#navi ul li a:hover{ color:#fff;background:transparent url(../imgs/gnavi_bg-OVER.gif) repeat-x bottom left;}
#navi ul li a:hover span{display:block;width:100px;cursor:pointer;}

#navi_en {
	position:relative;
	height:29px;
	font-size:13px;
	font-weight:bold;
	color:#fff;
	background:#006699 url(../en/imgs/gnabi_bg_en.gif) repeat-x bottom left;
	padding:0 0 0 20px;
}
#navi_en ul {
	height:29px;
	width:auto;
	margin:auto;
	text-align:center;
	font-family:Geneva, Arial, Helvetica, sans-serif;
}
#navi_en ul li{ display:block; float:left;margin:0 1px; white-space:nowrap;}
#navi_en ul li a{ display:block; float:left; color:#eeeeee; text-decoration:none; padding:0 0 0 20px; height:29px;}
#navi_en ul li a span{ width:100px; padding:8px 20px 0 0; float:left;white-space:nowrap;}
#navi_en ul li a.current,
#navi_en ul li a.current:hover,
#navi_en ul li a:hover{ color:#fff;background:transparent url(../en/imgs/gnabi_bg_en_hover.gif) repeat-x bottom left;}
#navi_en ul li a:hover span{display:block;width:100px;cursor:pointer;}

#content h1,
#content h2,
#content h3,
#content h4 {
	clear:both;
	border-style:solid;
	border-color:#CCCCCC;
	margin-bottom:1em;
	font-weight:bold;
	background-color: #FFFFFF;
}

#content h1 { font-size:130%; color: #573A00; border-width: 0 0 2px 0; }
#content h2 { font-size:115%; color: #333333; border-width: 0 0 1px 0; }
#content h3 { font-size:110%; color: #555555; border-width: 0 0 1px 0; }
#content h4 { font-size:100%; color: #666666; border-width: 0 0 1px 0; }

#content h1 a {
	color: #573A00 !important;
}

#content h1.img {
	border-style:none!important;
	border-width: 0!important;
}

#content div.date {
	text-align: right;
	margin-bottom:1em;
}

#content p.back {
	margin: 1em;
	font-size: 90%;
}

#content div {
	margin-bottom: 1.5em;
}


#information {
 float: right;
 display: inline;
 width: 140px;
}

#footer address {
 width: 580px;
 position: relative;
}


#information ul {
 border-left:1px solid #FFF;
 float: right;
}

#information ul li{
width:120px;
margin:6px;
}


dl.related {
	clear:both;
	margin: 2em 1em;
	padding: 1em;
	border: 1px solid #CCCC99;
	width:auto;
}

dl.related dt{
	font-weight:bold;
	line-height:1.4;
}

dl.related dd{
	line-height:1.4;
}


table.tblbasic {
	border:1px solid #CCCCCC;
	width: 540px;
}

table.tblbasic th,
table.tblbasic td {
	color:#444444;
	padding: 6px;
	line-height:1.4;
}

table.tblbasic thead th {
	font-weight:bold;
	color:#000000;
	background-color:#DDDDDD;
	border-bottom:3px double #CCCCCC;
	border-right:1px solid #CCCCCC;
	white-space:nowrap;
}

table.tblbasic tbody th {
	font-weight:bold;
	text-align:right;
	border-right:1px dashed #DDDDDD;
	white-space:nowrap;
}

table.tblbasic tr.zb th,
table.tblbasic tr.zb td {
	background-color:#EEEEEE;
}

table.tblbasic table th,
table.tblbasic table td {
	padding: 3px;
	font-size:90%;
}

table.tblbasic td span {
	font-size:90%;
	color:#996600;
}


table.tbllist {
	border:1px solid #EEEEEE;
	width: 540px;
	margin-bottom: 1.5em;
}

table.tbllist th,
table.tbllist td {
	color:#444444;
	padding: 4px;
	line-height:1.4;
}

table.tbllist th {
	width: auto;
	white-space:nowrap;
	font-weight:bold;
	color:#000000;
	background-color:#DDDDDD;
	border:1px solid #FFFFFF;
}

table.tbllist td {
	width: auto;
	font-size:90%;
	border:1px solid #FFFFFF;
	background-color:#EEEEEE;
}

table.tbllist2 {
	border:1px solid #EEEEEE;
	width: 524px;
	margin-bottom: 1.5em;
}

table.tbllist2 th,
table.tbllist2 td {
	color:#444444;
	padding: 4px;
	line-height:1.4;
}

table.tbllist2 th {
	width: 262px;
	white-space:nowrap;
	font-weight:bold;
	color:#000000;
	background-color:#DDDDDD;
	border:1px solid #FFFFFF;
}

table.tbllist2 td {
	width: 262px;
	font-size:90%;
	border:1px solid #FFFFFF;
	background-color:#EEEEEE;
}


th.w180,
td.w180 {
	width:180px!important;
}

th.w120,
td.w120 {
	width:120px!important;
}

th.nwrap
td.nwrap {
	white-space:nowrap!important;
}



/*
	Sortable Table	  
*/

table.stable {
	border:1px solid #999999;
	width: 540px;
}

table.stable thead th {
	border:1px solid #999999;
	background-color:#DDDDDD;
	padding: 4px 2px 3px 2px;
	border-bottom:1px solid #333333;
	font-weight:bold;
}

table.stable tbody th
{
	border-bottom:1px dashed #CCCCCC;
	background-color:#EEEEEE;
	padding: 3px;
}

table.stable tbody td
{
	border-bottom:1px dashed #CCCCCC;
	background-color:#FFFFFF;
	padding: 3px;
}


table.stable tbody span.sortdata {
	display:none;
}

input.num {
	text-align:right;
}