.surfray_stats
{
	background-color: #f0f0f0;
	font: 8pt arial, helvetica, sans-serif;
	width: 600px;
	color: #000000;
	line-height: 28px;
	text-decoration: none;
}

.surfray_stats_calendar_row
/* the row with both calenders in it */
{
	background-color: #ffffff;
}

.surfray_stats_FromDateCal_area
{
	width: 270px;
	float: left;
}

.surfray_stats_ToDateCal_area
{
	width: 250;
	float:  right;
}

span.surfray_stats_DateCal_caption
{
	width: 230;
	font: bold 9pt arial, helvetica, sans-serif;
	color: #a8641e;
	text-indent: 0px;
	background-color: #ffffff;
}

.surfray_stats_DateCal
{
	width: 230;
	float: left;
	Font: normal 10pt arial, helvetica, sans-serif;
	line-height: 16px;
	border-bottom: solid 1px #cccccc;
	border-right: solid 1px #ffffff;
	border-left: solid 1px #ffffff;
	border-top: solid 1px #ffffff;
}

.surfray_stats_cal_nextprev
{
	/* this one does the < arrows > on the Month area 
    doesn't seem to do the colour for some reason*/
	font-weight: bold;
	font-size: 12pt;
	font-family: arial helvetica, sans-serif;
} 

.surfray_stats_cal_title
{
	/* the style of the calender titles
    ie the bits with 'September' in it */
	background-color: #ffffff;
	border-bottom: solid 1px #cccccc;
	border-top: solid 1px #cccccc;
	font: bold 9pt arial, helvetica, sans-serif;
	color: #db6c00;
	line-height: 24px;
	text-transform:capitalize;
}

.surfray_stats_cal_title a
{
	color: Green;
	
}

.surfray_stats_cal_dates
{  font: normal 8pt arial, helvetica, sans-serif;
	border-bottom: solid 1px #cccccc;
	border-top: solid 1px #ffffff;
	border-left: solid 1px #ffffff;
	border-right: solid 1px #ffffff;
	text-decoration: none;
}

.surfray_stats_cal_weekend
{	font: normal 8pt arial, helvetica, sans-serif;
	border-top: solid 1px #ffffff;
	border-bottom: solid 1px #ffffff;
	border-left: solid 1px #ffffff;
	border-right: solid 1px #ffffff;
	background-color: #efefef;
}

.surfray_stats_cal_daynames
{
	font: bold 9pt arial, helvetica, sans-serif;
	color: #666666;
	border-bottom: solid 1px #cccccc;
	border-right: solid 1px #ffffff;
	border-left: solid 1px #ffffff;
	border-top: solid 1px #ffffff;
	background: transparent;
}

.surfray_stats_result_hspacer
{
	line-height: 10px;
	height: 10px;
	width: 600px;
	float: left;
	clear: both;
	overflow: hidden;
	white-space: nowrap;
}

.surfray_stats_result_rule2
{
	
	background-image:  url('../images/ruletemp.gif');
	border-collapse: collapse;
	height: 7px;
	width: 600px;
	margin: 4px 0 0 0;
	float: left;
	clear: both;
	overflow: hidden;
	white-space: nowrap;
}

.surfray_stats_controls_row
/* the row with controls dropdowns etc in it */
{
	width: 600px;
	background-color: #ffffff;
}

.surfray_stats_input_title
{
	width:150px;
	font: bold 9pt arial, helvetica, sans-serif;
	color: #a8641e;
	padding: 6px 0 2px 0;
	float:  left;
	text-indent: 10px;
}

.surfray_stats_controls_query_input
{
font: normal 10pt arial, helvetica, sans-serif;
	color: #000000;
	
	width: 330px;
	background-color: #ffffff;
	border: solid 1px #7F9DB9;
	vertical-align: middle;
	margin: 4px 0 2px 0;
	float: left;
}

.surfray_stats_controls_fetchbutton_area
{	width: 120px;
	height: 28px;
	padding: 2px 0 0 15px;
	float: left;
	background-color: #ffffff;
   vertical-align: middle;
}

.surfray_stats_button
{	background-image: url('../images/fetch-butt-all.gif');
	background-color: transparent;
	line-height: 600;
	Height: 24px;
	Width: 84px;
	border: 0;
}

.surfray_stats_buttonover
{	background-image: url('../images/fetch-butt-allover.gif');
	background-color: transparent;
	line-height: 600;
	Height: 24px;
	Width: 84px;
	border: 0;
}

.surfray_stats_controls_line03
{
	width: 600px;
}

.surfray_stats_controls_drop_label
{	
	font: bold 8pt arial, helvetica, sans-serif;
	color: #db6c00;
	width:150px;
	height: 24px;
	padding: 8px 0 0 0;
	float: left;
	text-indent: 10px;
   background-color : #ffffff;
}

.surfray_stats_controls_drop_res
{	width: 145px;
	font: normal 10pt arial, helvetica, sans-serif;
	color: #000000;
	margin: 3px 0 0 0;
	text-indent: 0px;
	float: left;
	line-height:28px;
   vertical-align: middle;
}

.surfray_stats_controls_tick_exact
{	width:110px;
	height:24px;
	float: left;
	padding: 4px 0px 0px 0px;
	text-indent: 8px;
   background-color : #ffffff;
}

.surfray_stats_controls_tick_exact label
{  color: #db6c00;
   font: bold 8pt arial, helvetica, sans-serif;
   line-height:28px;
   padding-left: 5px;
   vertical-align: 3px;
}

.surfray_stats_controls_tick_null
{	width: 190px;
	height:24px;
	float: left;
	padding: 4px 0px 0px 0px;
	text-indent: 8px;
   background-color : #ffffff;
}


.surfray_stats_controls_tick_null label
{  color: #db6c00;
   font: bold 8pt arial, helvetica, sans-serif;
   line-height:28px;
   padding-left: 5px;
   vertical-align: 3px;
}

.surfray_stats_results_area
/* the row with stats result in it */
{
	width: 600px;
	background-color: #ffffff;
}

.surfray_stats_results_header
/* the row with stats header in it */
{
	width: 600px;
	background-color: #ffffff;
}

.surfray_stats_results_header_date
{
	width:130px;
	font: bold 9pt arial, helvetica, sans-serif;
	color: #db6c00;
	padding: 2px 0 2px 0;
	float:  left;
	text-indent: 10px;
}


.surfray_stats_results_header_title
{
	width: 320px;
	font: bold 9pt arial, helvetica, sans-serif;
	color: #db6c00;
	padding: 2px 0 2px 0;
	float:  left;
	text-align:left;
	text-indent:20px;
}

.surfray_stats_results_header_count
{
	width: 140;
	font: bold 9pt arial, helvetica, sans-serif;
	color: #db6c00;
	background-color: #ffffff;
	margin: 2px 0 2px 0;
	clear: right;
	float:  left;
	text-align: right;
}

/* the row with results in it */
.surfray_stats_results_grid
{
	width: 600px;
	background-color: #ffffff;
	clear: left;
}

.surfray_stats_results_date
{
	width: 130px;
	font: normal 9pt arial, helvetica, sans-serif;
	color: #000000;
	margin: 1px 0 1px 0;
	float:  left;
	clear: left;
	text-indent: 10px;
	border-bottom: solid 1px #efefef;
	border-top: solid 1px #efefef;
}



.surfray_stats_results_title
{
	width: 370px;
	font: normal 9pt arial, helvetica, sans-serif;
	color: #000000;
	margin: 1px 0 1px 0;
	text-indent: 20px;
	float:  left;
	text-align: left;
	border-bottom: solid 1px #efefef;
	border-top: solid 1px #efefef;
}


.surfray_stats_results_count
{
	width: 90px;
	font: normal 9pt arial, helvetica, sans-serif;
	color: #000000;
	margin: 1px 0 1px 0;
	clear: right;
	float:  left;
	text-align:right;
	border-bottom: solid 1px #efefef;
	border-top: solid 1px #efefef;
}

.surfray_stats_results_pager
	/* this one does the 1 2 3 pages of results  */
{
	font: bold 10pt arial, helvetica, sans-serif;
	font-size: 10pt;
}