/******************************** BEGIN GENERAL HTML DESIGN ***************************************/
/*** COMMON ELEMENTS ***/


/* The Original GreenScanner green background: 00C400; 66FF66 */
body
{
	background: #84BE6A;
	font-family:geneva, helvetica, sans-serif;
	font-size:14px;
	text-align:center;
}

/* The rest of this is specified in the HTML in disp_funcs.php */
header
{
	position: absolute;
}

div
{
/*
	border: solid thin black;
/**/
	margin-top:0px;
	margin-bottom:0px;
	padding-top:0px;
	padding-bottom:0px;
}

p
{
	/*so IE behaves how we want*/
	margin-top:10px;
	margin-bottom:10px; 
}

/* This controls the links on the main page, but the links in the menu bar are controlled with the
	code below, on the bottom of the page. */
a:link 
{
	color:#336633;
	text-decoration:none;
}

a img
{
	border:0;
}

a:visited
{
	color:#324F17;
	text-decoration:none;	
}

a:hover
{
	color: #a00;
}

/********************************* END GENERAL HTML DESIGN ***************************************/

/*** GENERAL ***/
div.message
{
	font-size:14px;
	font-weight:bold;
	color:#000000;
	padding:3px;
	margin-top:0px;
	padding-top:0px;
	margin-bottom:0px;
	padding-bottom:0px;
}

div.error
{
	font-size:14px;	
	font-weight:bold;
	color:#FF0000;
	margin-top:0px;
	padding-top:0px;
	margin-bottom:0px;
	padding-bottom:0px;
}

p.heading
{
	font-size:18px;
	text-align:center;	
	font-weight:bold;
}


/** HEADER/FOOTER ***/
/*div.header
{
	margin-bottom:0px;
	padding-bottom:0px;
}*/

div.scroll 
{
	position:absolute;
	top:0;
	bottom:-0.1px;
	width:1em;
	z-index:-1;
}

div.footer
{
	clear:both;
	font-size:11px;
}

div.footer p
{
	margin-top:0px;
	margin-bottom:0px;	
}

div.section_spacer
{
	/*border-top:dashed 2px black;*/
	border-top:solid 1px black;
	margin-left:auto;
	margin-right:auto;
	width:500px;
}


/*** INDEX ***/
div.description
{
	clear:both;
	width:670px;
	margin-left:auto;
	margin-right:auto;
	text-align:justify;	
}


/*** PRODUCT ***/
div.product_stats
{
	border:medium solid black;
	background:white;	
	font-size:13px;
	text-align:center;
	width:450px;
	padding-top:10px;
	padding-bottom:10px;
	margin-top:0px;
	margin-bottom:0px;
	margin-left:auto;
	margin-right:auto;
}

div.product_score
{
	border:medium solid black;
	background:white;	
	font-size:18px;
	font-weight:bold;
	text-align:center;
	width:450px;
	margin-left:auto;
	margin-right:auto;
	padding-top:5px;
	padding-bottom:5px;
	margin-top:10px;
	margin-bottom:10px;
}


/*** REPORTS ***/
div.all_reports /*box for all the reports*/
{
	background:#84BE6A;
	margin-left:auto;
	margin-right:auto;
	width:750px;
	padding:0px;
}

div.entry /*contains each report with comments*/
{
	background:white;
	border-right:solid thin black;	
	margin-bottom:10px;
}

div.report /*contains everything for a report*/
{
	border-top:solid thick black;
	border-bottom:dotted 1px black;
	border-left:solid thin black;
	margin-bottom:0px;
	overflow:hidden;
	height:125px;
	width:748px;
	clear:both;
}

div.report_box /*contains the report query itself*/
{
	float:left; 
	width:595px;
}

div.report_header /*contains the header for the report*/
{
	float:left;
	width:150px;
	text-align:center;
}

/*div.report_header p
{
	margin:0px;	
}*/

div.report_body /*contains the body of the report*/
{
	float:left;
	width:430px;
	padding:0px;
	margin:0px;
	text-align:left;
	height:125px;
}

div.report_body_text
{
	height:105px;
	width:430px;
	overflow:auto;
	padding-left:5px;
	padding-right:5px;
}

div.report_body_flag
{
	width:435px;
	padding:0px;
	margin:0px;
	text-align:right;
	font-size:11px;
}

div.report_rating_box /* contains the review elements*/
{
	float:left;
	width:145px;
	text-align:center;
	padding-left:5px;
	padding-right:0px;
	margin-right:0px;
}

div.report_rating_box p
{
	margin-top:0px;
	margin-bottom:0px;
}

div.report_divider
{
	float:left; 
	width:0px;
	padding:0px;
	margin:0px; 
	height:125px; 
	border-left:dashed thin black;
}

/***REVIEWS***/
div.all_reviews
{
	background:#84BE6A;
}

div.add_review_box
{
	height:50px;
	border-left:solid thin black;	
	border-bottom: solid thin black;
	text-align:left;
}

div.add_review_box p
{
	margin-top:0px;
	margin-bottom:0px;	
}

div.add_review_comment
{
	float:left;
	width:400px;
}

div.add_review_comment textarea
{
	border-right:solid thin gray;
	border-bottom:solid thin gray;
	height:45px;
	width:390px;
}

div.add_review_rating
{
	float:left;
	margin-right:10px;
	width:140px;
	font-size: 12px;
}

div.add_review_submit
{
	float:left;
	width:60px;
	padding-top:5px;
	padding-right:20px;	
	text-align:center;
}

div.reviews
{
	margin-left:100px;
	margin-right:0px;
	background:white;
}

div.review_box
{
	border-left:solid thin black;
	height:100px;	
	border-bottom:dotted 1px black;
}

div.review_header
{
	float:left; 
	width:135px;
}

div.review_body
{
	float:left;
	width:500px;
	text-align:left;
	padding:0px;
	margin:0px;
}

div.review_body_text
{
	height:80px;
	width:500px;
	overflow:auto;
	padding-left:5px;
	padding-right:5px;
}

div.review_body_flag
{
	width:505px;
	padding:0px;
	margin:0px;
	text-align:right;
	font-size:11px;
}

div.review_divider
{
	float:left; 
	width:0px;
	padding:0px;
	margin:0px; 
	border-left:dashed thin black;
	height:100px;
}


/***REPORT FORM***/
div.report_form
{
	width:700;
	margin-left:auto;
	margin-right:auto;
}

div.report_options
{
	text-align:left;
}


/*** ADD REPORT ***/
div.report_preview
{
	width:440;
	height:125px;
	min-height:125px;
	text-align:left;
	background:white;
	margin-left:auto;
	margin-right:auto;
	padding-left:5px;
	padding-right:5px;
	border:dotted thin black;
	overflow:auto;
}

/*** TOP CONTRIBUTORS ***/
#rankings table
{
	border:solid medium black;
	font-size:13px;
	text-align:center;
	width:auto;
	margin-left:auto;
	margin-right:auto;
	background:white;
}

tr.heading
{
	font-weight:bold;
	vertical-align:bottom;
}

td.head
{
	padding-left:5px;
	padding-right:5px;	
}

td.left
{
	text-align:left;
}

tr.weighted
{
	font-weight:bold;
	font-size:14px;
}

/*** USER ***/
div.userinfo
{
/*
	border:medium solid black;
	background:white;	
	font-size:13px;
	text-align:center;
	width:450px;
	margin-left:auto;
	margin-right:auto;	
*/
}

/*** MATCHING ***/
/*FIX THESE SO THEY DON'T USE IDs*/
#matching_list table
{
	font-size:13px;
	text-align:left;
	width:400px;
	margin-left:auto;
	margin-right:auto;
}

#matching_list td
{
	vertical-align:top;
}


/*** REPORT GUIDE ***/
div.report_guide
{
	text-align:justified;
}