/****
FSA Foodbase Website Stylesheet
created by AEA
****/

body {
	margin:0;
	padding:0px;
	font-size:80%;
	font-family:Arial, Helvetica, sans-serif;

}


/* Layout
--------------------------------- */
#header {
	width:100%;
	height:102px;
	margin:0 auto;
	background-color:#F3F3CF;
	background-image:url(../images/header.jpg);
	background-position:top left;
	background-repeat:no-repeat;
}


#header p {
	font-size:85%;
	text-align:right;
	padding-right:20px;
	padding-top:82px;
}




/* Left Nav */
#leftNav{
    line-height:140%;
	float: left;
	margin: 1px 0 1px 0px;
	padding: 0;
	width: 180px;
	background: #e8e8dc;
}

#leftNav ul{
	float: left;
	margin: 0;
	padding: 0;
	width: 180px;
	list-style: none;
}

#leftNav ul li{
	float: left;
	margin: 0;
	padding: 0;
	width: 180px;
}

#leftNav ul li a{
	float: left;
	margin: 0;
	padding:0;
	width: 180px;
	color: #000;
	
	cursor: hand;
	background: #f3f3cf;
	border-bottom: 1px solid #fff;
	text-decoration: none;

}

#leftNav ul li a.regionLink{
	background: #d8d8c4;
}

#leftNav ul li a:hover{
	font-weight: normal;
	background: #E1E189;
}

#leftNav ul li a .selected{
	font-weight: bold;
	background: #E1E189;
}

#leftNav ul li a.selected:hover{
	font-weight: bold;
	background: #E1E189;
}

#leftNav ul li .selected{
	float: left;
	margin: 0;
	padding: 0;
	width: 180px;
	color: #000;
	font-weight: bold;
	background: #E1E189;
}

#leftNav ul li .item{
	display:block;
	line-height:200%;
	xfloat: left;
	margin: 0;
	width: 180px;
	text-indent:10px;
	
}

#leftNav ul li .rss{
	float: left;
	margin: 0;
	padding: 6px 8px 6px 15px;
}



#leftNav ul ul{
	float: left;
	margin: 0;
	padding: 0;
	border-top: 1px solid #fff;
	border-bottom: 3px solid #fff;
}

#leftNav ul ul li a{
	color: #000;
	background: #fff;
	border-bottom: none;
}

#leftNav ul ul li a:hover{
	font-weight: normal;
	background: #fff;
	text-decoration: underline;
}

#leftNav ul ul li .item{
	float: left;
	margin: 0;
	padding: 2px 8px 2px 16px;
}

#leftNav ul ul li .selected{
	float: left;
	margin: 0;
	padding: 0;
	width: 165px;
	color: #999933;
	font-weight: normal;
	background: url(/navimages/left_nav/sub_selected_arrow.gif) no-repeat top left #fff;
}

#leftNav ul ul li a.selected:hover {
	font-weight: normal;
	background: url(/navimages/left_nav/sub_selected_arrow.gif) no-repeat top left #fff;
}


#center_col {
	margin-left:200px;
	margin-right:10px;
}

/*---*/
#center_col h1 {
	padding-top:0;
	font-size:160%;
	font-weight:bold;
	color:#666;
	margin-top:none;
}

#center_col h2 {
	font-weight:bold;
	font-size:130%;
	color:#666;
}

#center_col h3 {
	font-weight:bold;
	font-size:110%;
	color:#990000;
}

#center_col h4 {
	font-size:100%;
}


#center_col img {
	border:0px;
}
#center_col .note {
	color:#666666;
	padding-left:30px;
	background-image:url(../images/help.jpg);
	background-position:top left;
	background-repeat:no-repeat;
	font-size:100%;
}


caption {
	font-weight:bold;
}

table {
	float:none;
}
p {
	line-height:140%;
}
p.default {
	line-height:normal;
}


#status_area {
	float:right;
	width:250px;
	border:1px solid #000000;
	margin:10px;
	background-color:#FFFF99;
}
#status_area h2 {
	display:block;
	margin:0px;
	padding:2px;
	color:#FFFFFF;
	background-color:#993300;
	font-weight:bold;
	font-size:100%;
}
#status_area span {
	padding:10px;
	display:block;
}


#center_col .report_status_map {
	border:1px solid #D56633;
	padding-bottom:0px;
	margin-bottom:20px;
	width:600px;
	
}
#center_col .report_status_map h3 {
	display:block;
	background-color:#D56633;
	color:#FFFFFF;
	margin-top:0px;
	margin-bottom:0px;
	padding:3px;
}

.notauthorised {
	margin:auto auto;
	padding:20px;
	width:500px;
	border:1px solid #CCCCCC;
	margin-top:50px;
	background-image:url(../images/icon_exclam_large.jpg);
	background-position:15px 10px;
	background-repeat:no-repeat;
}
.notauthorised h3 {
	display:block;
	padding-left:100px;
	color:#990000;
	font-weight:bold;
	font-size:130%;
	margin-top:0px;
}
.notauthorised p {
	display:block;
	padding-left:100px;
}
/* Three Column CSS layout - from http://www.pmob.co.uk/pob/three-columns-fluid.htm
--------------------------------- */
.wrapper_outer3{
	width:98%;
	float:left;
	margin:15px 0 15px 9%;
	margin:0px;
}
.left_col3{
	float: left;
	width: 33%;
}
.middle_col3 {
	overflow:auto;
}
* html .middle_col3{
	float:left;
}
* html .middle_col3 .inner_middle3{
	width:100%;
}

.right_col3 {
	float:right;
	width: 33%;
	xposition:relative;
}
.column_content {
	margin-left:0px;
	margin-right:10px;
}

/* Tables
--------------------------------- */
.data_output th {
	text-align:left;
	background-color:#eee;
	padding:2px auto;
}

.data_output td {
	border-bottom:1px solid #CCCCCC;

}
.data_whiteblue th {
	text-align:left;
	background-color:#eee;
	text-align:center;
	padding:2px auto;
}
.data_output td {
	border-bottom:1px solid #CCCCCC;
}

.table_pass th {
	border:1px solid #009900;
	background-color:#D9FFD9;
	background-image:url(../images/text_pass.gif);
	background-position:right top;
	background-repeat:no-repeat;
}
.table_pass td {
	background-color:#EAFFEA;
}

.table_fail th {
	border:1px solid #FF0000;
	background-color:#FFD5D5;
	background-image:url(../images/text_fail.gif);
	background-position:right top;
	background-repeat:no-repeat;
}
.table_fail td {
	background-color:#FFE6E6;
}



/* Anchors
--------------------------------- */
a:link, 
a:visited{
	color:#D56633;
	text-decoration:none;
}
a:hover, 
a:active {
	color:#D56633;
	text-decoration:underline;
}

#center_col a:link,
#center_col a:visited{
	color:#D56633;
	text-decoration:none;
}

#center_col  a:hover, 
#center_col  a:active {
	color:#D56633;
	text-decoration:underline;
}


a.switch:link,
a.switch:visited {
	border:2px solid #990000;
	display:block;
	width:240px;
	line-height:230%;
	background-color:#F7F3CE;
	font-weight:bold;
	background-image:url(../images/icon_details.gif);
	background-position:left top;
	background-repeat:no-repeat;
	text-indent:40px;
	
} 
a.switch:hover,
a.switch:active {
	
} 



a.user_type:link, 
a.user_type:visited {
	line-height:200%;
	font-weight:bold;	
	color:#990000;
	
}

a.user_type:hover, 
a.user_type:active {
	
}
 



/* FPC Boxes
--------------------------------- */
.fpc_box {
	border:1px solid #990000;
	margin:2px;
}
#center_col .fpc_box h2 {
	margin:0px;
	padding:3px;
	background-color:#990000;
	color:#FFFFFF;
	font-size:120%;
}
.fpc_content {
	display:block;
	margin-top:0px;
	padding:5px;
}


/* Forms
--------------------------------- */
.textfield {
	width:200px;
}
textarea {
	overflow:auto;
	font-family:Arial, Helvetica, sans-serif;
	font-size:100%;
	width:600px;
	height:300px;
}
select.multiple {
	height:200px;
	width:400px;
}
.button {
	padding:4px;
}

#f_project_id {
	width:600px;
}
#comments {
	width:600px;
	height:300px;
}
/* Tabs
--------------------------------- */
ul.tab_wrapper {
	list-style-type:none;
	margin:0px;
	padding:0px;
	line-height:300%;
	background-image:url(../images/linefade_600.gif);
	background-position:bottom left;
	background-repeat:no-repeat;
}

ul.tab_wrapper li {
	border:1px solid #999;
	background-color:#ebf3eb;
	display:inline;
	font-weight:bold;
	padding:10px;
	margin-right:10px;
	background-image:url(../images/tab_normal.png);
	background-repeat:repeat-x;
	background-position:bottom;
}

ul.tab_wrapper li.selected {
	border-bottom:1px solid #FFFFFF;
	background-color:#FFFFFF;
	color:#000000;
	font-weight:bold;
	background-image:url(../images/tab_selected.png);
	background-repeat:repeat-x;
	background-position:top;
}



/* Lists
--------------------------------- */
.nobullet {
	margin:0px;
	margin-top:10px;
	padding:0px;
	list-style-type:none;
	line-height:130%;
}

ul.map_layout {
	list-style-type:none;
	margin:0px;
	margin-top:10px;
	padding:0px;
	margin-left:10px;
}
ul.map_layout li {
	float:left;
	width:100px;
	text-align:center;
}
ul.map_layout li img {
	display:block;
	margin:auto auto;
}

ul.map_layout li.seperator {
	width:60px;
	background-image:url(../images/bullet_seperator_horizontal.gif);
	background-repeat:no-repeat;
	height:30px;
	
}
ol {
	margin:0px;
	margin-left:0px;
	padding-left:30px;
}
ol li {
	margin-bottom:5px;
}
/* Misc
--------------------------------- */
.bold {
	font-weight:bold;
}
.red {
	color:#FF0000;
}
.green {
	color:#009900;
}
.clearboth {
	clear:both;
}
.clearleft {
	clear:left;
}
.floatleft {
	float:left;
}
.hide, 
.access {
	display:none;
}
.valign {
	vertical-align:middle;
}
.smalltext {
	font-size:80%;
}

.subset  {
	background-color:#EEEEEE;
	width:90%;
	margin-bottom:10px;
}

.padding {
	padding:7px;

}
span.grey {
	background-color:transparent;
	color:#999999;
}
.grey {
	background-color:#EEEEEE;
}
#project_full_name {
	margin:5px 5px 5px 0px;
	width:600px;
	font-weight:bold;
}
.lightblue {
	background-color:#EFFFFF;
}
.margintop {
	display:block;
	margin-top:10px;
}
.margintop_table {
	margin-top:10px;
	
}
.marginbottom {
	margin-bottom:10px;
}
.marginright_small {
	margin-right:20px;
}
.marginbottom_large {
	margin-bottom:30px;
}
.align_right {
	text-align:right;
}
.margintop_large {
	margin-top:30px;
}
/* Search Dropdown
--------------------------------- */
#search_results {
	position:absolute; 
	left:80px; 
	top:23px;
	background-color:#FFFFFF; 
	height:80px;
	width:395px;
	overflow:auto;
	padding:5px;
	border:2px solid #CCCCCC; 
	border-top-width:1px; 
	border-left-width:1px;

}

#search_results span {
	position:absolute;
	display:block;
	top:2px;
	right:2px;

}	



/* 
--------------------------------- */
#footer {
	border-top:8px solid #CFCFAD;
	padding-top:10px;
	background-color:#FFFFFF;
	margin-top:30px;
}
#footer p{
	padding-left:20px;
	font-size:85%;
}

#footer a{
	text-decoration:none;
	color:#999;
}