html {
	overflow: scroll;
	padding: 0;
	margin: 0;
 	height:100%;
}
body {
	padding: 0;
	margin: 0;
	font-family: arial;
	font-size: 13px;
	background: #dddddd;
}

div {
	margin: 0;
	padding: 0;
}

hr {
	margin: 40px 0px 5px 0px;
}

#page {
	width: 800px;
	margin: 40px auto 15px auto;
	padding:0;
	border: none 0px blue;
}

/* Top */

#page #top {
	border: solid 1px red;
	display: none;
}

/* Middle */

#page #middle {
	height: auto;
	margin: 0px;
}
	/* Middle Home */

	#middle #home {
		margin: 0;
		padding: 0px 10px 10px 0;
		display: block;
		background: #333399;
	}
	#middle #home ul {
		float:right;
		margin: 0;
		padding: 0;
	}
	#middle #home ul li {
		float: left;
		list-style: none;
		border: 0px none black;
	}
	#middle #home ul li a {
		display: block;
		color: white;
		text-decoration:none;
		background: transparent;
		padding: 5px;
	}
	#middle #home ul li a.current {
		color:#ddddde;
	}

	/* Middle Head */

	#middle #head {
		height: 40px;
		margin: 0px;
		padding: 20px 20px 0px 20px;
		background:#333399;
		color: white;
	}

	/* Middle Navi */

	#middle #navi {
		margin: 1px;
		text-align: right;
		border: solid 1px green;
		display:none;
	}

	/* Middle content */

	#middle #content {
		border-left: solid 1px #333399;
		border-right: solid 1px #333399;
		height: auto;
		width: 798px;
		background: white;
		padding: 0px;		
		margin: 0px;
	}

	#middle #content .left {
		display: none;
	}

	#middle #content .middle {
		width:528px;
		height: auto !important;
		padding: 20px 20px 40px 40px;
		float: left;
		margin: 0px 10px 0 0;
		overflow:hidden;
	}
	#middle #content .right {
		float: left;
		margin: 20px 0 0 0 ;
		width: 180px;
		padding: 15px 0 15px 0;
		border: none 0px red;
		background: transparent;
		border-left: 1px solid #333399;
	}
	#middle #content .right ul {
		margin: 0 0 0 20px;
		padding: 0 0 0 0;
		list-style-type: disc;
		list-style-position:inside;
		color: #333398;
	}
	#middle #content .right ul li {
		line-height: 20px;
	}
	#middle #content .right ul a {
		font-size: 13px;
		font-weight: normal;
		text-decoration: none;
		color: #333398;
	}
	#middle #content .right ul li.current{
		color: red;
	}

	#middle #content .right ul a.current{
		color: red;
	}

	/* Middle footer */

	#middle #footer {
		margin: 0px;
		text-align: right;
		border-top: solid 1px #333399;
		display: block;
	}
	#middle #footer img{
		margin:20px;
		border: 0px none;
	}


/* Bottom */

#page #bottom {
	border: solid 1px red;
	display: none;
}



.floatbreaker {
	clear: both;
	line-height: 0px;
	height: 0px;
	font-size: 0px;
}
.current {
	color: red;
}

.apidoc a {
	text-decoration:none;
}
.apidoc code {
	border:1px dotted;
	display:block;
	padding:10px;
	margin: 10px 0 0 0;
	background:#eee;
	overflow:auto;
}
.apidoc .attribs {
	background: #FFFFE0;
	padding: 10px;
	border: 1px solid;
	width: 508px;
}
.apidoc .methods {
	background: #E4EEFF;
	padding: 10px;
	border: 1px solid;
	width: 508px;
}

.apidoc .attribs a, .apidoc .methods a{
	display:block;
	text-align:right;
	margin: 10px 0 0 0;
	padding:10px;
	font-size:12px;
	color:black;
	text-decoration:none;
}
.apidoc .attribs div, .apidoc .methods div {
	background: white;
	border:1px solid;
	margin: 0 0 0 0;
	padding:10px;
	color:black;;
}
.apidoc .attribs pre, .apidoc .methods pre {
	margin: 0;
	padding: 0;
	border: 0px none !important;
	overflow:auto;
}
.apidoc .attribs .indent, .apidoc .methods .indent {
	margin: 0;
	border: none 0px;
	padding: 15px 10px 0px 35px;
	font-size:15px;
}
/* Search */
#search {
	position:absolute;
	top:25px;
	right:9px;
	color: black;
	width: 172px;
}
#searchstring {
	display: block;
	height: 17px;
	background: url("../images/search-icon.gif") no-repeat white;
	padding: 1px 0 2px 22px;
	border: 0px none;
	width: 150px;
	font-size: 13px;
}
#searchresult {
	position: absolute;
	top: 20px;
	right: -1px;	
}
#searchbutton button{
	padding: 1px 2px;
	font-size: 8px;
	font-family: arial;
}