/*	--------------------------------------------------------
	A bordered box with a header and an information area
*/	
.info_box {
	border: 1px gray solid;		
}
.info_box th {
	background-color: #CCCCCC;	
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: small;
	font-weight: bold;
	color: #000080;		
}
.info_box td {
	border:0px;	
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: small;		
}
.info_box td div {
	text-align:center;
}

/*	--------------------------------------------------------
	A table of info_boxes
*/	
.info_table {
	margin:auto;
}

.info_table tr {
	vertical-align:top;
}

.info_table td {
	height:100%;
	border: 1px gray solid;		
}

/*	--------------------------------------------------------
	Use with info_box for a "product" box
*/	
.info_product {
	width:400px;
	height:100%	
}
.info_product td {	
	border: 0px;
	vertical-align:top;
}

/*	--------------------------------------------------------
	Use with info_box for a "documentation" box
*/	
.info_doc {
	width:200px;	
	height:100%;	
}
.info_doc th {
	text-align:center;
}
.info_doc td {
	border:0px;
	text-align:center;
}

/*	--------------------------------------------------------
	Use with info_box for a "downloads" box
*/	
.info_download {
	width:600px;
	height:100%;
}
.info_download th {
	text-align:center;
}
.info_download td {
	border:0px;	
}

/*	--------------------------------------------------------
	Use to center things inside a div
*/	
.center {
	width:100%;
	text-align:center;
	margin:auto;
}

/*	--------------------------------------------------------
	Documentation
*/
.documentation {
	padding-left: 50px; 
	background-image: url('../images/spiral_00.jpg');
}
.documentation *{
	font-family:Verdana, Geneva, Tahoma, sans-serif;
	font-size:small;
	color:black;	
}	
.documentation h1 {
	font-size:medium;
	font-weight:bold;
}
.documentation h2 {
	font-size:small;
	font-weight:bold;
}
.documentation ol li {
	font-size:small;
	font-weight:bold;
	margin-top:30px;
	margin-bottom:10px;
}
.documentation ol ul li{
	font-family:Verdana, Geneva, Tahoma, sans-serif;
	font-size:small;
	color:black;
	font-weight:normal;
	margin-top:5px;
	margin-bottom:5px;
}
.code {
	color:blue;
}


/*
	-----------------------------------------
				Download Menu
	Use for downloading options inside an
	info_download box.				
	-----------------------------------------
*/	
.dmenu {
}
.dmenu ul {
}
.dmenu li {
	height: 30px;
	width: 500px;
	text-align:left;
}
.dmenu li a {
	font-family:Verdana, Geneva, Tahoma, sans-serif;
	font-size:small;
	display: block;
}
.dmenu li a:hover {
	text-decoration: none;
	background-color: #CCCCCC;	
}