body
		{
		margin:30px;
		background-color:#FFFFFF;
		font:10px verdana, arial, san-serif;
		color:#000000;
		}
	
	td {
		font:10px verdana, arial, san-serif;
		color:#000000;
		}
	
	pre, code
		{
		color:#000000;
		font-size:11px;	
		}
	
	a {
		color:#0066CC;
		}
	
	img 
		{
		border:0px;
		}
	
	#btns 
		{
		position:relative;
		}
		
	#btn_code 
		{
		position:absolute;
		left:127px; 
		top:25px;
		}
		
	#btn_about
		{
		position:absolute;
		left:0px;
		top:25px;
		}
		
	#btn_copy
		{
		position:absolute;
		left:660px;
		top:25px;
		}
		
	#contents
		{		
		height:500px;
		width:809px;
		position:relative;
		}
		
	
	hr
		{
		border:none;
		background-color:#eeeeee;
		height:10px;
		width:100%;
		}
	
	.col1, .col2
		{
		width:400px;
		font:10px verdana, arial, san-serif;
		line-height:14px;
		color:#000000;
		top:0px;
		left:0px;
		position:relative;
		float:left;
		
		}
	
	.col1 
		{
		padding-right:8px;
		}
	
	
		
	.title
		{
		width:100%;
		font-weight:bold;
		}
		
	
	
	
	/*
	
	demos
	
	*/
	
	#info, #source
	{
	width:600px;
	display:none;
	background:#FFFFFF;
	border:10px #EEEEEE solid;
	margin-top:10px;
	}
	
	legend
	{
	font-size:11px;
	font-weight:bold;
	padding-left:5px;
	padding-right:5px;
	}
	
	#demos_table td
	{
	padding-bottom:5px;
	}
	
	.non
	{
	color:#FF0000;
	}