body, p, ol, ul, td 
{
	font-family: verdana, arial, helvetica, sans-serif;
	font-size:   13px;
	line-height: 18px;
}

pre 
{
	background-color: #eee;
	padding: 10px;
	font-size: 11px;
}

a 
{ 
	color: #000; 
}

a:visited 
{ 
	color: #666; 
}

a:hover 
{ 
	color: #fff; background-color:#000; 
}

.fieldWithErrors 
{
	padding: 2px;
	background-color: red;
	display: table;
}

#errorExplanation 
{
	border: 2px solid red;
	padding: 3px;
	padding-bottom: 12px;
	margin-bottom: 20px;
	background-color: #f0f0f0;
}

#errorExplanation h2 {
	text-align: left;
	font-weight: bold;
	padding: 5px 5px 5px 15px;
	font-size: 12px;
	margin: -7px;
	background-color: #c00;
	color: #fff;
}

#errorExplanation p 
{
	color: #333;
	margin-bottom: 0;
	padding: 5px;
}

#errorExplanation ul li 
{
	font-size: 12px;
	list-style: none;
	margin-left: -30px;
	font-family: Fixedsys;
	border-bottom: 1px dashed red;
}

#word
{
	width: 200px;
	min-width: 100px;
	min-height: 100px;
	padding: 20px;
}

.wp_word
{
	text-align: center;
	margin: auto;
	padding: 3px;
}

.wp_word_pronunciation
{
	font-size: 14px;
	font-style: italic;
	padding-bottom: 8px;
}

.wp_word_spelling
{
	font-size: 36px;
}

.wp_element_add
{
	background-color: red;
}

.wp_element_remove
{
	background-color: green;
}

#kotoba-content
{
}

#kotoba-main
{
	width: 650px;	
	position: absolute;
	top: 5px;
	left: 175px;
	margin-left: 20px;
	height: 100%;	
}

#kotoba-left
{
	border-right: 5px solid #005CB8;
	position: absolute;
	top: 5px;
	width: 175px;
}

#kotoba-navigation
{
	padding-left: 20px;
}

#kotoba-left 
{
	left: 5px;
}

#kotoba-navigation
{
	float: none;
}

#kotoba-navigation *,
.kb-no-decoration *
{
	text-decoration: none;
}

#kotoba-left *,
#kotoba-logo *
{
	font-weight: 100;
	text-decoration: none;
}

#kotoba-left a:hover *,
#kotoba-navigation a:hover,
#kotoba-logo a:hover
{
	color: #fff;
	background-color: #005CB8;
}

#kotoba-logo *
{
	text-align: center;
	padding-bottom: 10px;
}

#kotoba-logo-pronunciation
{
	color: #005CB8;
	font-size: 50%;
	font-stretch: extra-expanded;
	padding-bottom: 5px;
}

#kotoba-logo-word
{
	color: #005CB8;
	margin-top: 12px;
	font-size: 160%;
	font-weight: bold;
}

#kotoba-navigation ul, #kotoba-meta ul	
{
	margin-bottom: 10px;
	padding-left: 15px;
}

#kotoba-navigation li, #kotoba-meta li
{
	font-size: 0.9em;
	list-style-type: circle;
}

#kotoba-donate
{
	text-align: center;
	margin-top: 10px;
}

#kotoba-splash-top,
#kotoba-splash-main,
.kb_popup
{
  width: 400px;
  margin-left: auto;
  margin-right: auto;	
}

#kotoba-splash-top
{
	margin-top: 100px;
}

#kotoba-splash-top h1
{
	height: 90px;
	margin: 10px;
}

#kotoba-splash-top a:hover *
{
	color: #fff;
	background-color: #005CB8;
}

#kb-language-dictionary,
#kb-language-character-family
{
    text-align: right;	
}

.kb_required
{
	background: lightyellow url('/images/required.png') no-repeat scroll 100% 0%;
}

.kb_field
{
	
}

.kb_label
{
	font-size: 130%;
	padding-bottom: 5px;
	padding-top: 5px;
}

.kb_submit
{
	margin-top: 10px;
	font-size: 150%;
}

.hand { 
	cursor: pointer; 
	cursor: hand;
} 

.kb_splash_button
{
	font-size: 150%;
}

.kb_splash_field, .kb_splash_field *
{
	font-size: 180%;
	width: 100%;
}

.kb_splash_field select, .kb_splash_field select *
{
	font-size: 100%;	
}

.kb_main_field, .kb_main_field *
{
	font-size: 150%;
	width: 100%;
}

.kb_main_field select, .kb_main_field select *
{
	font-size: 100%;	
}

.kb_closebutton
{
	text-align: right;
}

.kb_select
{
	width: 250px;
}

.kb_my_vocablary_lists
{
    background-color: transparent;
	list-style-type: none;
}

legend
{
    font-size: 175%;	
	padding-bottom: 5px;
}

.kb_user_navigation ul
{
	list-style: none;
	font-size: 12px;
	line-height: 150%;
	padding: 0px;
	margin: 0px;
}

.kb_user_navigation li 
{
	float: left;
	width: 183px;
	padding: 10px;
	margin: 0px;
	border-left: 1px solid;
	border-right: 1px solid;
	border-top: 1px solid;
	background: url(./images/side-tab.gif) 0 3px no-repeat;
	padding-left: 20px;
	font-size: 110%;
}

.kb_navigation_selected
{
	background-color: #eee;
}

.kb_navigation_selected *
{
	font-weight: bolder;
	font-size: 130%;	
}

.kb_navigation_not_selected
{
	border-bottom: 1px solid;
	background-color: #eee;
}

#kb_word_of_moment, 
#kb_character_of_moment
{
	text-align: center;
}

#kb_character_of_moment_meanings,
#kb_character_of_moment_charcters,
#kb_character_of_moment_characters
{
	clear: left;
	width: 55%; 
	float: left;
}
#kb_character_of_moment_readings,
#kb_character_of_moment_radicals,
#kb_character_of_attributes
{
	clear: right;
	width: 40%; 
	float: right;
}

#kb_word_of_moment *,
#kb_character_of_moment *
{
	padding: 3px;
	margin: 2px;
}

#kb_word_of_moment .kb_pronunciation
{
	font-size: 200%;
	margin-bottom: 10px;
}

#kb_word_of_moment .kb_spelling
{
	font-size: 400%;
	line-height: 110%;
}

#kb_character_of_moment .kb_character
{
	font-size: 800%;
	line-height: 110%;
}

#kb_footer
{
	margin-top: 10px;
}

.kb_language,
.kb_character_reading_family,
.kb_character_attribute_entity_attribute
{
	width: 75px;
	min-width: 75px;
	font-style: italic;
	float:left;
}

.kb_definition,
.kb_character_meaning
{
	margin-left: 75px;
}

.kb_character_reading_family,	
.kb_character_attribute_entity_attribute
{
	width: 50px;
	min-width: 50px;
}

.kb_character_reading
{
	margin-left: 50px;	
}

.kb_character_reading .kb_emphasis
{
	font-weight: 800;	
	color: red;
}

.kb_meta
{
	text-align: right;
	margin-bottom: 10px;
	font-size: 150%;
}

.kb_beta_ja
{
	background: url('/images/beta_72_ja.png') no-repeat;
	background-position: 55px 0px;
}

.kb_beta_en
{
	background: url('/images/beta_72_en.png') no-repeat;
	background-position: 55px 0px;
}

.kb_main_beta_ja
{
	background: url('/images/beta_48_ja.png') no-repeat;
	background-position: -2px -2px;
}

.kb_main_beta_en
{
	background: url('/images/beta_48_en.png') no-repeat;
	background-position: -2px -2px;
}

.kb_selected_radical
{
	background: white;
	border: 1px green solid;
	padding: 3px;
}

.kb_unselectable_radical
{
	color: #999;
}

.kb_backtrace
{
	
}

.kb_backtrace li
{
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 80%;
	list-style-type: none;
	margin: 0px;
	padding: 0px;
}

#kb_user_welcome
{
	border-bottom: 1px solid #005CB8;
	padding-bottom: 10px;
}

#kb_user_welcome a
{
	border-bottom: 1px dotted;
}

.kb-model-overview
{
	padding-top: 10px;
	width: 90%;
	margin-top: 5px;
	margin-left: auto;
	margin-right: auto;
}

.kb-model-overview table
{
	text-align: center;
	padding: 5px;
	margin: 5px;
	margin-left: auto;
	margin-right: auto;
	width: 90%;
}

.kb-model-overview table .value
{
	font-size: 32px;
	margin: 5px;
}
.kb-model-overview table .property
{
	font-style: italic;
}

