a:link				{ 	color:#f70; text-decoration:none; }
a:visited			{	color:#f30; text-decoration:none; }
a:hover				{	color:#888; text-decoration:underline }
a:active			{ 	color:orange; text-decoration:none }
a:hover img			{	background-color:#ef9}
body				{ 	background-color:#fff;
						font-family: Helvetica, Arial, sans-serif;
						font-size:.75em;
						margin:20px;
						line-height:12pt;
						color:#000;
						padding: 1em;
					}
img					{	border: 0px solid black;}
.neg				{	background-color:#fa7; color: white;
						font-weight:bold; }
.pos				{	background-color:#8d4; color: white;
						font-style:italic;}
.faint				{	color:#aaa; }
span.bold			{	font-weight:bold;}
span.thin			{	font-weight:normal;}
.headline			{	background-color:#f9f9f9; color:black;
						border:1px dotted #ccc; font-weight:bold;
						text-align:center;
						margin-top:1em;}
.headline:hover		{	background-color:#ef9;}
.nobg				{	background-color:transparent }
.ktablehead			{	background-color:#ef9;
						color:black;
					}
.ktable				{	border-collapse:collapse;}
.ktabledata			{	border-bottom:1px solid black;
						padding-right:1em;
					}
					
.funky_form			{	border:1px dotted #aaa;
						width:60%;
						margin:1em;
					}
.funky_form input	{	border:2px solid #cf0;
						background-color:#bbb;
						color:white;
						font-weight:bold;
					}
.funky_form select	{	border:3px solid #faa;
						background-color:#fff;
					}
.funky_form .funky_meta { border-bottom:1px dashed #aaa; }
.funky_form .head { font-weight:bold; }

code				{	font-family: Helvetica, Arial, sans-serif;
						/*text-transform:uppercase;*/
						text-decoration:underline;
						}

.ktab				{	border-collapse:collapse;
						line-height:1.3em;
					}
.ktab td			{	border-top:1px solid #555;
					}
.ktab td.grammar,
.ktab td.occ_grammar	{	font-style:italic;
					}
.ktab td.occ_bookname,
.ktab td.occ_lessonnr,
.ktab td.lessonnr,
.ktab td.bookname	{	font-size:.8em;
						color:#888;
					}
.ktab tr:hover		{	background-color:#fec;
					}
.ktab tr.head:hover	{	background-color:transparent}
.ktab tr.head td,
.ktab td.headcell	{	font-weight:bold;
						font-size:1.2em;
						/*padding-top:1.2em;*/
						background-color:#eee;
					}
.ktab .reading,
.ktab .translation,
.ktab .grammar,
.ktab .bookname,
.ktab .lessonnr,
.ktab .occ_lessonnr,
.ktab .occ_bookname,
.ktab .occ_grammar,
.ktab .occ_translation,
.ktab .occ_reading	{	padding-left:.5em;
					}
.ktab .occ_kanji		{	padding-left:1.5em; }

.ktab .column_div_left	{	border-left:0px solid red; padding-left:1em;}
.ktab .column_div_right	{	border-right:2px solid #000; padding-right:1em;}
.ktab .column_left	{	border-left:0px solid blue; padding-left:.5em;}
.ktab .column_right	{	border-right:0px solid pink; padding-right:.5em;}

.ktab .occ_search_kanji{	padding-left:2em;}

.ktab td.noborder	{	border-top:0px solid black;
					}
.ktab td.occ_first	{	padding-top:0em; border-top:0px solid blue;}
.ktab .warning		{	background-color:red; color:white;}

.simplebuttons input	{	border:1px solid black;
						background-color:#fff;
						color:black;
						font-weight:bold;
					}
.newkanji			{	border-bottom:1px solid black;
					}
.kanji_index		{	border-top:	4px solid #aaa;
						border-bottom: 4px solid #aaa;
						margin:.5em;
						padding:.5em;
						line-height:1.5em;
					}
					
/*Super Menu Dropdown*/
#superMenu > ul{
    width: 290px;
    margin:0 auto;
    padding: 0;
}

#superMenu > ul > li{
    list-style: none;
    box-shadow: 0 0 10px rgba(100, 100, 100, 0.2) inset,1px 1px 1px #CCC;
    display: inline-block;
    line-height: 1;
    margin: 1px;
    border-radius: 3px;
    position:relative;
    z-index: 1000;
}

#superMenu > ul > li > a{
    color:inherit;
    text-decoration:none !important;
    font-size:15px;
    padding: 10px;
}

#superMenu li ul{
    position:absolute;
    list-style:none;
    text-align:left;
    width:250px;
    left:50%;
    margin-left:-165px;
    top:20px;
    font:bold 12px 'Open Sans Condensed', sans-serif;

    /* This is important for the show/hide CSS animation */
    max-height:0px;
    overflow:hidden;

    -webkit-transition:max-height 0.4s linear;
    -moz-transition:max-height 0.4s linear;
    transition:max-height 0.4s linear;
}

#superMenu li:hover ul{
    max-height:800px;
}

#superMenu li ul li{
    background-color:#313131;
}

#superMenu li ul li a{
    padding:12px;
    color:#fff !important;
    text-decoration:none !important;
    display:block;
}

#superMenu li ul li:nth-child(odd){ /* zebra stripes */
    background-color:#464646;
}

#superMenu li ul li:hover{
    background-color:#666;
}

#superMenu li ul li:first-child{
    border-radius:3px 3px 0 0;
    margin-top:25px;
    position:relative;
}

#superMenu li ul li:first-child:before{ /* the pointer tip */
    content:'';
    position:absolute;
    width:1px;
    height:1px;
    border:5px solid transparent;
    border-bottom-color:#313131;
    left:50%;
    top:-10px;
    margin-left:-5px;
}

#superMenu li ul li:last-child{
    border-bottom-left-radius:3px;
    border-bottom-right-radius:3px;
}

#superMenu li.green{
    /* This is the color of the menu item */
    background-color:#999;

    /* This is the color of the icon */
    color:white;
}

#superMenu li.active{
	background-color: #0cf;
}

/* jQuery UI Accordion */
.ui-accordion {
	width: 20em;
	left: 50%;
	position: relative;
	left: 50%;
	margin-right: -50%; /* said to be necessary */
    transform: translate(-50%, 0);
    -webkit-transform: translate(-50%, 0);
    -moz-transform: translate(-50%, 0);
	
}

.ui-accordion-header{
	border: 1px dotted #ccc;
	background: white;
	border-radius: 0px;
	color: black;
	padding: 1px !important;
	text-align: center;
	font-size: 11px !important;
}

.ui-accordion-header:hover {
	background-color: #ef9;
	cursor: pointer;
}

.ui-accordion-header.ui-state-focus{
	outline: none;
}

.ui-accordion-header.ui-state-active{
}

.ui-accordion-content{
	background-color: white;
	border: none;
	font-size: .85em;
	line-height: 14pt;
}

.ui-accordion i.borderedIcon {
	border: 1px dotted #bbb;
	font-size: 11px;
	padding: 2px;
	color: #444;
}

/* dropdown submenu extension of bootstrap */

.dropdown-submenu {
    position: relative;
}

.dropdown-submenu>.dropdown-menu {
    top: 0;
    left: 100%;
    margin-top: -6px;
    margin-left: -1px;
    -webkit-border-radius: 0 6px 6px 6px;
    -moz-border-radius: 0 6px 6px;
    border-radius: 0 6px 6px 6px;
}

.dropdown-submenu:hover>.dropdown-menu {
    display: block;
}

.dropdown-submenu>a:after {
    display: block;
    content: " ";
    float: right;
    width: 0;
    height: 0;
    border-color: transparent;
    border-style: solid;
    border-width: 5px 0 5px 5px;
    border-left-color: #ccc;
    margin-top: 5px;
    margin-right: -10px;
}

.dropdown-submenu:hover>a:after {
    border-left-color: #fff;
}

.dropdown-submenu.pull-left {
    float: none;
}

.dropdown-submenu.pull-left>.dropdown-menu {
    left: -100%;
    margin-left: 10px;
    -webkit-border-radius: 6px 0 6px 6px;
    -moz-border-radius: 6px 0 6px 6px;
    border-radius: 6px 0 6px 6px;
}

/* Kais additions to dropdown submenu */
.dropdown-submenu.activeCat > a {
	color: #0cf;
}

li.maintainHover {
	background-color: #ddd;
}