/* --- Reset --- */
	a:active, a:focus	{outline: 0}
	a img 				{border:none}
	body				{ font-size:100%; }

/* --- Basic html styles --- */
	html { min-height:100%; }
	body { 
		margin:0; padding:0; font-size:10pt; line-height:1.5em;
		font-family: Arial, sans-serif;		
	}
	
	p    		{ margin:0 0 0.7em 0; }
	
	a    		{ color:#006699; text-decoration:none; }
	a:link		{ color:#006699; text-decoration:none; }
	a:hover		{ color:#006699 !important; text-decoration:underline; }
	a:visited	{ color:#006699; }
	a:active	{ color:#F60; text-decoration:underline; }
	a:focus		{ color:#F60; text-decoration:underline; }
	
	b    	{ font-weight:bold; }
	strong	{ font-weight:bold; }
	em     	{ font-style:oblique; }
	i     	{ font-style:oblique; }
	
	h1,h2,h3 { font-family:"Lucida Grande","Lucida Sans Unicode", Arial, sans-serif; }
	
	h1		{ font-size:220%; margin-bottom:0.4em; font-weight:normal; line-height: 115%; margin-top:0; color:#006699; }
	h2   	{ font-size:165%; margin-bottom:0.2em; margin-top:0.8em; font-weight:normal; line-height: 115%; color:#555;}
	h3		{ font-size:130%; margin-top:1.4em; margin-bottom:0.2em; font-weight:normal; line-height: 115%; }
	h4,h5, h6 { font-size:100%; font-weight:bold;margin-top:0.8em; margin-bottom:0.2em; line-height: 115%;}
	
	form		{ margin:0; padding:0; }
	fieldset	{  }
	legend		{  }
	label		{  }
	input, 
	textarea	{ font-size:92%; padding:2px 3px; color:#333; }
	select		{ font-size:92%; padding:0; color:#555; font-family:Tahoma, Arial, sans-serif; }
	optgroup	{ font-weight:normal; }
	options		{ font-weight:normal; }
	button		{ font-size:92%; padding:0; color:#444; font-family:Tahoma, Arial, sans-serif; }
	label		{ font-size:92%; padding:0; color:#555; font-family:Tahoma, Arial, sans-serif; }
	
	ul    {  }
	ul li { list-style:disc;  }
	
	hr { height:0; overflow:hidden; border:0; border-top:1px dashed #777; clear:both; margin:1em 0; background:none; }	
	hr + h3,
	hr + h4 { margin-top:0; }

	span.pseudo_button { background:#DDD; cursor:pointer; font-size:92%; padding:0;  color:#555; font-family:Tahoma, Arial, sans-serif; }
	
	optgroup    	{  }
	optgroup option {  }
	
	div.hr_clear	{ clear:both; height:0; overflow:hidden; margin:0; padding:0; visibility:hidden; border:0; line-height:50%; }
	
	
/* ---- Specials from here ---- */

	div.id_field { border: 1px solid #AAA; width:50%; padding:5px; position:relative; background-color:#FFB;  }
		div.id_field span  { display:block; padding-right:170px; }
		div.id_field input { position:absolute; right:10px; top:10px; width:90px; font-size:18px; text-align:center; border:1px solid #BBB; }

	div#showArea { display:block; position:absolute; right:2em; top:10em; width:40%; text-align:right; }
		div#showArea textarea { width:97%; height:620px; overflow:auto; font-family:'Consolas','Andale Mono','Lucida Console', monospace; font-size:12px; text-align:left; border:1px solid #AAA; }
		div#showArea p { text-align:left; color:#555; font-size:86%; line-height:1.15em; margin:1px; }
		div#showArea p#codeCount { text-align:right; }
		
	div#showArea.wide { /* width:78%; background:#FFF; */   }
		div#showArea.wide textarea { border:1px solid #f2c425; font-family:Consolas,"Lucida Console",monospace; }
		div#showArea.wide p { /* width:450px; margin:1px 0px 1px auto; */ }
		
	a#homeLink { position:absolute; top:8em; right: 2em; color:#555; }

/* Trolly */

	div#troll  
	{
		display:none; z-index:1000; position: fixed;
		bottom:10px;
		right: 10px;
    }
		div#troll img {  }
		
    .showCode { }