/**
 * core.css default stylesheet for http://kanjiabc.x-lingua.com/
 * "Kanji Server" Theme by Michael
 */

html {
	font-size:13px;
	margin:0;
	padding:0;
	border:none;
	height:100%;
}
body {
	font-size:100.1%;
	font-family:'Arial Unicode MS',sans-serif;
	margin:0;
	padding:0;
	height:100%;
	border:none;
	background:#999966 url(bg.gif) repeat-y left top;
	color:#660033;
}

a, a:visited { color:#999966; }
a:hover { color:#CCCC99; }
a img, a:visited img { border-color:#999966; }
a:hover img { border-color: #CCCC99; }

form {
	display:inline;
	font:inherit;
}
input.text  { width:15em; padding-left:3px; }
input.short { width:5em; }
textarea { width:96%; }

input.btn { background-color:#CCCC99; color:#660033; border:1px outset #999966; }

h2.title {
	position:relative;
	left:-10px;
	width:80%;
	margin:0 0 5px 0;
	padding:2px 10px;
	border-bottom:3px double #CCCC99;
	font-size:1.1em;
	font-weight:bold;
	text-align:left;
}
p {
	margin:0.5ex auto 1ex 0px;
	padding:2px;
}

/* "Layout" */ 
#header {
	display:block;
	height:75px;
	background-color:#cccc99;
}
#logo {
	margin:0;
	padding:0;
	width:100%;
	height:55px;
	background:url(abc.gif) no-repeat left top;
}
#logo span { visibility:hidden; }

#menubar {
	background-color:#ff9933;
	height:20px;
}
#wrapper {
	float:none;
	clear:both;
	margin:10px 0 0 0;
	padding:0 0 0 0;
}
#sidebar {
	float:left;
	width:135px;
	background-color:#cccc99;
	margin:0;
	padding:0;
}
#maincontent {
	clear:right;
	width:75%;
	margin-left:145px;
	padding-bottom:10px;
}
/* non-semantic, visual FX only */
#maincontent div.outer {
	border:10px solid #CCCC99;
}
#maincontent div.inner {
	background-color:#FFFFCC;
	padding:0 10px 10px 10px;
}

/* msie6 hack */
* html #maincontent div.inner {
	height:20em;
}
/* CSS2 compliant browsers only */
#maincontent div[class=inner] {
	min-height:20em;
}


/* 
 * menus UL - default settings 
 * !CAUTION! this is a very STRONG selector. in order to override
 * any of the properties defined here for individual menus, their
 * selector must contain #menubar as well, eg. #menubar #usermenu { ... }
 */
#menubar ul {
	list-style:none;
	margin:0;
	padding:0;
	height:20px;
	font-size:1em;
}
#menubar li {
	float:left;
	margin:0px;
	padding:0 0.5ex;
	height:20px;
	line-height:20px;
	font-weight:bold;
}
#menubar li:hover {
	background-color:#ffAA44;
}
#menubar a,
#menubar a:visited {
	text-decoration:none;
	color:white;
}

/* 
 * #menubar, alignments of the UL menus
 */
#menubar #langmenu {
	float:left;
	width:130px;
	margin-left:5px;
}

/* CSS2.1 compliant browsers only: displays a country flag instead of vanilla text
 * free icons provided by http://www.famfamfam.com */
#langmenu ul > li {
	width:20px;
}
/* ul.menu only, to avoid side-efect with normal ULs somewhere in the content */
ul.menu > li[lang=de] { background:url(../pix/de.gif) no-repeat 50% 50%;}
ul.menu > li[lang=en] { background:url(../pix/uk.gif) no-repeat 50% 50%;}
ul.menu > li[lang=ja] { background:url(../pix/jp.gif) no-repeat 50% 50%;}
/* the (non-semantic) SPAN contains the language code which is hidden in this case */
ul.menu > li[lang] a span { visibility:hidden; }
/* hightlight current language: the CSS2.1 way ... */
body[lang=de] li[lang=de] { background-color:yellow; }
body[lang=en] li[lang=en] { background-color:yellow; }
body[lang=ja] li[lang=ja] { background-color:yellow; }
/* .. or using a plain class, written by the serverscript */
#menubar li.current { background-color:red; }

/*
 * the #usermenu contains links avaiable to logged-in users ONLY
 * and provides links to configure the application or the user account
 */
#menubar #usermenu {
	float:left;
	margin-left:10px;
}

/*
 * bunch of links for misc. tools, help, infos etc. w/ general availability
 */
#menubar #toolsmenu {
	float:right;
	margin-right:20px;
}

/* = = = = content stuff starts below = = = = */

/* 
 * #sidebar left menu 
 */
#mainmenu {
	width:125px;
	padding:5px 0;
	margin:0;
}
#mainmenu li {
	display:block;
	/* msie hack */
	-display:inline-block;
	width:auto;
	padding:0;
	margin:0;
	font-weight:bold;
}
#mainmenu a, #mainmenu a:visited {
	display:block;
	width:auto;
	margin-left:10px;
	color:#990000;
	text-decoration:none;
}
#mainmenu a:hover {
	color:#FFFF33;
}

/*
 * short list menu
 */

/*
#viewmenu { list-style:none; margin:0 -10px 0 -10px; padding:0; height:20px; font-size:1em; background-color:#ff9933;}
#viewmenu li { cursor:pointer !important; cursor:hand; float:left; margin:0px; padding:0 0.5ex; height:20px; line-height:20px; font-weight:bold; border-right:1px solid; }
#viewmenu li:hover { background-color:#ffAA44; }
*/
.viewmenu { list-style:none; margin:0 -10px 0 -10px; padding:0; height:20px; font-size:1em; background-color:#ff9933;}
.viewmenu li { cursor:pointer !important; cursor:hand; float:left; margin:0px; padding:0 0.5ex; height:20px; line-height:20px; font-weight:bold; border-right:1px solid; }
.viewmenu li:hover { background-color:#ffAA44; }
.viewmenu a,
.viewmenu a:visited { text-decoration:none; color:#660033}

/*
 * statistics submenu
 */

#statsmenu { list-style:none ; margin:0 -10px 0 -10px; padding:0; height:20px; font-size:1em; background-color:#660033;}
#statsmenu li { float:left; margin:0px; padding:0 0.5ex; height:20px; line-height:20px; font-weight:bold; border-right:1px solid; }
/* #statsmenu li a:hover { background-color:#999966; } */
#statsmenu a,
#statsmenu a:visited { text-decoration:none; color: #ff9933; } 
#statsmenu a:hover {  color:#660033; background-color: #ff9933; }
/*
#statsmenu a,
#statsmenu a:visited { text-decoration:none; color:#ff9933; }
#statsmenu a:hover {  color:#660033; }
*/
#statsmenu span,
#statsmenu span:hover {color:#ff9933; background-color:#660033; }

/*
 * content elements that appear inside #maincontent (div.inner)
 */

/* Kanji+Grapheme */
table.kagra {
	font-size:inherit;
}
table.kagra th {
	font-weight:bold;
	text-align:right;
	vertical-align:middle;
	padding:2px 5px;
}
table.kagra td {
	font-weight:normal;
	text-align:left;
	vertical-align:middle;
	padding:2px 5px;
}
table.kagra tr.buttons td {
	text-align:center;
}
table.kagra tr.buttons input {
	margin-left:1ex;
	margin-right:1ex;
}

/* search form results */
table.kagra_results {
	font-size:inherit;
	border:2px solid #999966;
	border-collapse:collapse;
}
table.kagra_results th {
	background-color:#999966;
	color:white;
	border:1px solid white;
	padding:2px 3px;
}
table.kagra_results td {
	border:1px solid #999966;
	padding:2px 3px;
}
td.chk { text-align:center; }
td.gly { text-align:center; }

/*
table.kagra_results th a { 
  color:white; text-decoration:none;
 }
table.kagra_results th a:visited { 
  color:white; text-decoration:none;
 }
 */


table.kagra_results th a, table.kagra_results th a:visited { 
  color:white; text-decoration:none;
 }


/* a.white, a.white:visited { color:white; text-decoration:none; } */


/*
 * statistics
 */

table.results {
	font-size:inherit;
	border:2px solid #999966;
	border-collapse:collapse;
}
table.results th {
	background-color:#999966;
	color:white;
	border:1px solid white;
	padding:2px 3px;
}
table.results td {
	border:1px solid #999966;
	padding:2px 3px;
	vertical-align: top;
}

/* 
 * books (zum bleistift ...)
 *  div.book
 *    img.cover
 *    div.abstract (P, UL)
 */
dl.book {
	clear:left;
	margin-top:0;
	margin-right:3em;
	margin-bottom:1ex;
}
dl.book dt {
	clear:both;
	border-bottom:3px double #CCCC99;
}
dl.book dd { 
	margin-left:2em;
	margin-bottom:1em;
}
dd img.cover { float:left; padding-right:1em; margin-bottom:1ex; }
/* ein UL neben fliegendem IMG hat probleme mit seinen listenpunkten ... */
dd ul { position:relative; left:1em; }

/* in Zukunft vom User konfigurieren lassen: */
.ck { color:#660033; }  /* color a */
.cki { border-color:#660033; important! } /* color img */

ul.kanjistats {margin-left: 0px; padding-left: 0px;}
ul.kanjistats li {float: left; width: 60px; list-style: none; line-height: 1em; text-align: center;margin-left: 0px; padding-left: 0px;}
ul.kanjistats li span {display: block}
ul.kanjistats li a {text-decoration:none;}


.error {
  background:#9a0100 none repeat scroll 0 0;
  color:white;
  font-weight:bold;
  margin-bottom:1em;
  margin-top:1em;
  padding:1em;
}

/*
 * tables
 */


table {
	font-size:inherit;
}
table th {
	font-weight:bold;
	padding:2px 5px;
}
table td {
	font-weight:normal;
	padding:2px 5px;
}
table tr.buttons td {
	text-align:center;
}
table tr.buttons input {
	margin-left:1ex;
	margin-right:1ex;
}