/* =reset
 ------------------------------------------------*/

body,
dl, dt, dd, ul, ol, li,
h1, h2, h3, h4, h5, h6,
form, fieldset, legend,
th, td, hr, pre, p, blockquote {margin:0; padding:0;}

h1, h2, h3, h4, h5, h6 {font-size:100%; font-weight:normal; line-height:1;}

ol, ul {list-style:none;}

table {border-collapse:collapse; border-spacing:0;}

fieldset, img {border:0;}

body {font-size:62.5%;}

/* =layout
 ------------------------------------------------*/

body {
	border-top:1px solid #444;
	background:#ccc;}

#all {
	padding:20px 20px 50px; max-width:800px; position:relative;
	font-family:Arial, Helvetica, sans-serif; color:#000;}


/* =general elements and classes
 ------------------------------------------------*/

h1, h2, h3 {
	font-family:Calibri, sans-serif; color:#000;}


*[title*='HELP'] span {
	border-bottom:1px dotted #666;}

a {color:#000;}

.cleaner {
	clear:both; height:1px;}

.functional {
	cursor:pointer;}
	
.other-content .functional {
	border-bottom:1px dotted #444;}
	
/* =
 ------------------------------------------------*/


h1 {
	margin-bottom:0;
	font-size:280%;}

#add-this {
	margin:20px 0 20px;}

#quicksearch label {
	padding:0 1em 0 0;
	font-size:130%;}

#quicksearch input {
	padding:1px 3px;}


.rememberer {
	position:fixed; left:480px; top:0; z-index:9999; opacity:0.9;
	width:330px; padding:10px 0 10px 10px;
	border-top:1px solid #444;
	background:#ccc;}
	
	.rememberer h2 {
		padding:0.3em 0;
		font-size:130%; text-transform:uppercase;}
		
		.rememberer h2 span {
			margin-left:0.5em;
			border-left:1px solid #999; padding-left:0.5em; 
			color:#666; text-transform:none;}
		
		.rememberer h2 span {
			visibility:hidden;}
		
		.rememberer:hover h2 span {
			visibility:visible;}		

	textarea#rememberer {
		width:315px; height:1.2em; padding:5px 5px 5px 10px; /* => w 330 */
		border:0; overflow:hidden;
		background:#fff;
		font-size:180%; color:#000; font-family:Arial, Helvetica, sans-serif; letter-spacing:7px;}
		 
.add-new-block {
	margin:1em 0;
	padding-right:25px;
	background:url('img/add.png') right center no-repeat;
	text-align:right; font-size:130%;}
	
	.add-new-block option.used {color:#999}
	
h2 + ul {
	margin-left:2em;
	list-style-type:square;
	font-size:130%; line-height:1.3;}

/* =block
 ------------------------------------------------*/

.block {
	clear:both;}

.block h2,
.other-content h2 {
	margin:1em 0 0.5em 0;
	font-size:180%;
	overflow:hidden;}
	
	.block h2 span {
		float:left;
		border-bottom:1px dashed #999;}
	
	.block h2 .delete-button {
		float:right;}
	
	.block h2 .arrow {
		margin-right:10px;
		color:#666; font-size:12px; font-family:Arial, Helvetica, sans-serif;}
	
 	/* table */
	
div.table {
	padding:1em; /* max-height:50em; overflow:auto; overflow-y:scroll; overflow-x:visible;  */
	background:#fff;}
	
ol.table {
	list-style-type:none;}

	
 	/* table > char */

ol.table > li {
	float:left; position:relative;
	width:32px; height:32px;
	text-align:center; line-height:32px; font-size:150%;}
	
	/* table > char detail view */

ol.table > li > ul {
	display:none;}
	
ol.table > li:hover > ul {
	display:block;}
	
ol.table > li:hover > span {
	position:absolute; top:0; left:0; z-index:500; opacity:0.80;
	width:64px; height:64px; 
	background:#000;
	
	-moz-border-radius-topleft:5px;
	-moz-border-radius-bottomleft:5px;
	-khtml-border-radius-topleft:5px;
	-khtml-border-radius-bottomleft:5px;
	-webkit-border-top-left-radius:5px;
	-webkit-border-bottom-left-radius:5px;
	border-top-left-radius:5px;
	border-bottom-left-radius:5px;

	color:#fff; font-size:250%; line-height:64px;}
	
	ol.table > li > ul {
		position:absolute; top:0; left:64px; z-index:500; opacity:0.80;
		list-style-type:none;
		border-left:1px solid #333;
		background:#000;
		color:#fff; line-height:1.5; font-size:90%; text-align:left;
		
		-moz-border-radius-topright:3px;
		-moz-border-radius-bottomright:3px;
		-moz-border-radius-bottomleft:3px;
		-khtml-border-radius-topright:3px;
		-khtml-border-radius-bottomright:3px;
		-khtml-border-radius-bottomleft:3px;
		-webkit-border-top-right-radius:3px;
		-webkit-border-bottom-right-radius:3px;
		-webkit-border-bottom-left-radius:3px;
		border-top-right-radius:3px;
		border-bottom-right-radius:3px;
		border-bottom-left-radius:3px;}
		
		ol.table > li li {
			padding:2px 6px;
			border-bottom:1px solid #333;
			white-space:nowrap;}
			
			ol.table > li .html-entity.not-found {
				color:#999; }
			
			ol.table > li li:last-child {
				border-bottom-width:0;}
			
			ol.table > li [class*='entity'] {
				font-family:monospace;}

			ol.table > li li a {
				color:#fff; font-size:80%;}