/* COLORS
light slate: b2bcc4
red border: 802626

*/

/* ========================== SEARCH FORMS */

/* --------------------- contains forms & results */
#dictsearch_wrapper {
	visibility: hidden;
	height: auto;
}
#dictsearch_container {
	height: auto;
}

/* --------------------- form styling */
.dictsearch { 
	display: block;
	float: left;
	padding: 0px;
	margin: 0px 5px 10px 0px;
	width: 140px;
}
.dictsearch div {
	position: relative;
	background: #b2bcc4;
	border: solid 2px #777;
	width: 130px;
	padding-bottom: 3px;
	margin: 0px;
	text-align: center;
}	
#dictsearch_km {
	margin-right: 0px;
}

/* --------------------- text input fields */
#dict_kssearch, #dict_ensearch {
	text-align: left;
	font-size: 1.1em;
	color: #444;
	font-family: "Century Gothic", "Verdana", sans-serif;
	width: 124px;
	padding: 3px;
	margin: 0px 0px 3px 0px;
	line-height: 20px;
	height: 20px;
	border: none;
	border-bottom: solid 1px #ccc;
	background: #fff url(images/topshadow.png) top left repeat-x;
}
#dict_kmsearch {
	text-align: left;
	font-size: 1.2em;
	color: #444;
	font-family: "Kryptonian 6", "Wingdings";
	width: 124px;
	padding: 3px;
	margin: 0px 0px 3px 0px;
	line-height: 20px;
	height: 20px;
	border: none;
	border-bottom: solid 1px #ccc;
	background: #fff url(images/topshadow.png) top left repeat-x;
}

/* --------------------- loading status indicators */
#en_spinner, #ks_spinner, #km_spinner {
	display: block;
	position: absolute;
	top: 5px;
	right: 5px;
	width: 16px;
	height: 16px;
	z-index: 100;
	padding: 0px;
	margin: 0px;
	background: none;
	border: none;
}
#en_spinner.loading, #ks_spinner.loading, #km_spinner.loading {
	background: url(images/spinner.gif) top left no-repeat;
}


/* Accordion blocks: ============================================*/	
#accordion .toggler,
.accordion .toggler {
	margin: 0px;
	padding: 0px;
	overflow: hidden;
	padding: 2px 15px;
	background: #b2bcc4 url(images/topshadow.png) top left repeat-x;
}
#accordion .toggler:hover,
.accordion .toggler:hover {
	background: #777 url(images/topshadow.png) top left repeat-x;
}

#accordion .tSelected,
.accordion .tSelected,
#accordion .tSelected:hover,
.accordion .tSelected:hover {
	background: #802626;
}

#accordion .element,
.accordion .element {
	margin-bottom: 1px;
	visibility: visible;
	overflow: visible;
}

#accordion .clickme,
.accordion .clickme {
	float: right;
}

#accordion .shortstring,
.accordion .shortstring {
	float: left;
}

.shortstring, .clickme { font-size: .7em; color: #fff; }
.shortstring .en { font-weight: bold; color: #fff; }
.shortstring .type { font-style: italic; color: #777; }
.shortstring k6 { color: #444; }
.shortstring .ks { color: #777; }

.toggler:hover .shortstring, .clickme { color: #fff; }
.toggler:hover .shortstring .en {color: #fff; }
.toggler:hover .shortstring .type { color: #aaa; }
.toggler:hover .shortstring k6 { color: #b2bcc4; }
.toggler:hover .shortstring .ks { color: #aaa; }

.eSelected table.dict, .eSelected table.dict td.foot { border-color: #802626; } 

.tSelected  .clickme { color: #610909; }
.tSelected .shortstring, .tSelected:hover .shortstring, .tSelected .shortstring .en, .tSelected:hover .shortstring .en, .tSelected .shortstring .type, .tSelected:hover .shortstring .type, .tSelected .shortstring k6, .tSelected:hover .shortstring k6, .tSelected .shortstring .ks, .tSelected:hover .shortstring .ks {
	color: #610909;
}

.shortstring span { padding: 0px 5px; }


/* ========================== DICTIONARY ENTRIES */

/* --------------------- initialize */
table.dict, .dict tbody, .dict tr, .dict td {
	border: none;
	padding: 0px;
	margin: 0px;
}

/* --------------------- outer styling */
table.dict {
	width: 430px;
	margin: 0px;
	padding: 0px;
	border: solid 4px #b2bcc4;
	border-top-width: 0px;
	background: url(images/whitebg.png) top left repeat;
}

/* --------------------- Kryptonian cell */
.dict td.k6 {
	border-right: solid 1px #f0f0f0;
	padding: 7px;
	font-size: 2em;
	background: #b2bcc4 url(images/topshadow.png) top left repeat-x;
}

/* --------------------- Kryptonese cell */
.dict td.ks {
	padding: 4px;
	background: #ccc url(images/topshadow.png) top left repeat-x;
	border-bottom: solid 1px #f0f0f0;
}

/* --------------------- IPA cell */
.dict td.ipa {
	padding: 4px;
	background: #ccc;
}

/* --------------------- English cell */
.dict td.en {
	text-align: left;
	padding: 4px;
	background: url(images/topshadow.png) top left repeat-x;
}
.dict span.en {
	font-size: 1.2em;
	font-weight: bold;
}
.dict span.type {
	font-size: 0.8em;
	font-style: italic;
	padding: 0px 4px;
}

/* --------------------- Definition cell */
.dict td.def {
	font-size: 0.9em;
	padding: 0px 4px 4px 4px;
	text-align: left;
}

/* --------------------- Footer cell */
.dict td.foot {
	background: #b2bcc4 url(images/topshadow.png) top left repeat-x;
	padding: 2px 4px;
	border-top: solid 1px #b2bcc4;
	color: #444;
	text-align: center;
	font-size: 0.7em;
}.dict td.foot strong {
	text-shadow: none;
}