body {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10pt ;
	/*background-color: #F0A300;
	background-color: #E1E1E1;*/
	margin-left: 10px;
	margin-top: 10px;
	/*S-ADDED BELOW*/
	background-color:#fff;
	background-image:url('../images/factary_background.jpg');
	background-repeat:no-repeat;
	background-position:-80 0;
	background-attachment:scrolling;
}

p {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10pt;
}

a {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10pt;
	color:#0A416F;
}

th {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10pt;
}

td {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10pt;
}

input{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10pt;
}

select{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10pt;
}

textarea{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10pt;
	border-style: outset;
}

hr{
	height: 1px;
	border-style: none;
	color: black; /* need this for IE */
	background-color: black;  /* need this for Mozilla */
}

/* used with subtitles ("Search for records", "Edit the record", etc.) */

h3 {
}

/* the main big table that contain all the page */

.main_table{
	width: 100%;
	height: 100%;
	background-color: #FFCC99;
	background-color: #E1E1E1;
	padding: 10px; /* doesn't work with IE, cellpadding in header */
	border-style: solid;
	border-width: 1px;
	border-color: black;
	vertical-align: bottom;
}

/*******************************************************/
/************************************************ RESULTS PAGE */

/* "n records found" message */
.n_results_found {
	color:black;
	font-weight: bold;
}

/* "page n of m" sentence */
.page_n_of_m {
	color:black;
}

/* links of the navigation bar ( << < 1 2 3......) */
a.navig {
	color:#0A416F;
}

/* previous next links */
a.previous_next {
	color:#0A416F;
	text-decoration: none;
}

a.previous_next:hover {
	color:#0A416F;
	text-decoration:underline;
}

/* current page in the navigation bar ( << < 1 2 3......) */
.navig {
	color:black;
}

/* order by links */
/* normal */
a.order_link {
	color:#0A416F;
	font-size: 8pt;
	text-decoration: none;
}

a.order_link:hover {
	color:#0A416F;
	font-size: 8pt;
	text-decoration: underline;
}

/* currently selected */
a.order_link_selected {
	color:black;
	font-size: 8pt;
	text-decoration: none;
	font-weight:bold;
}

/* the small arrow near the column head which represents currently the order by field */
.arrow {
	font-size: 8pt;
}


/* results table */

table.results {
	background-color: #D0DCE0; /* used to make the table bordered */
}

/* result rows */
/* results_1 and results_2 differ only for the background-color, this create the alternate row colors effect */
.tr_results_1 {
	font-size: 8pt;
	vertical-align: top;
	white-space: nowrap;
	background-color: #EFEFEF;
}
.tr_results_2 {
	font-size: 8pt;
	vertical-align: top;
	white-space: nowrap;
	background-color: #ffffff;
}

.tr_highlighted_onmouseover{ /* a results table row when the mouse pointer is over it */
	font-size: 8pt;
	vertical-align: top;
	white-space: nowrap;
	background-color: #D0DCE0;
}
.tr_highlighted_onclick{ /* a results table row when the click on it */
	font-size: 8pt;
	vertical-align: top;
	white-space: nowrap;
	background-color: #D0DCE0;
}

/* coloumn headings */
th.results {
	background-color: #EFEFEF;
	white-space: nowrap;
}
/* result cells */
/* results_1 and results_2 differ only for the background-color, this create the alternate row colors effect */
/*
td.results_1 {
	font-size: 8pt;
	vertical-align: top;
	white-space: nowrap;
	background-color: #EFEFEF;
}
td.results_2 {
	font-size: 8pt;
	vertical-align: top;
	white-space: nowrap;
	background-color: #ffffff;
}
*/
/* control (edit, delete, details) cells */
/* results_1 and results_2 differ only for the background-color, this create the alternate row colors effect */
td.controls_1 {
	font-size: 8pt;
	background-color: #EFEFEF;
}
td.controls_2 {
	font-size: 8pt;
	background-color: #ffffff;
}

.export_to_csv {
	color:#0A416F;
}

/* "Total records: n" sentence */
.total_records {
}

/* links of the bottom menu (insert, search, show all) */
a.bottom_menu{
	color: black;
}

/* home link */
a.home{
	color: red;
}

/* change table combo box  */
.select_change_table{
}

/* change table button */
.button_change_table{
}

/* change records per page combo box*/
.select_records_per_page{
}
/*******************************************************/

/*******************************************************/
/************************************************ FORM (insert, search and update form) */

/* insert, save and search buttons */
.button_form{
}

/* rows containing insert, save and search buttons */
.tr_button_form {
	text-align: center;
}

/* rows containing the all/any in the search form */
.tr_operator_form{
	text-align: center;
}

/* the cell that contains the label in the form */
.td_label_form{
	text-align: right;
	vertical-align: top;
}

/* the cell that contains the input (textbox, textarea, etc) in the form */
.td_input_form{
	vertical-align: top;
}

/* the cell that contains the hint in the form */
.td_hint_form{
	vertical-align: top;
}

/* NULL word */
.null_word{
	font-style: italic;
}

/* error messages (e.g. "You haven't filled out some required fields...." */
.error_messages_form{
	color: red;
}

.change_table{
	margin-top: 0px;
	margin-left: 0px;
	}


/*******************************************************/
/************************************************ DETAIL PAGE */
/* the cell that contains the label */
.td_label_details{
	text-align: right;
	vertical-align: top;
}

/* the cell that contains the value */
.td_value_details{
	vertical-align: top;
}
/*******************************************************/

/*******************************************************/
/************************************************ LOGIN FORM */
.table_login_form {
text-align: center;
border-width:1px;
border-color: #000000;
border-style: solid;
text-align:"center";
background-color:#fffff;
}

.tr_header_login_form {
background-color:#aaaaaa;
font-weight:bold;
color:#ffffff;
}

.input_login_form{
border-width:1px;
border-color: #000000;
border-style: solid;
}
/*******************************************************/


div.break {
	page-break-before:always
}
table.labels {
	width: 21cm
}
td.address {
	height: 3.4cm;
	width: 10cm;
	text-align: left;
	vertical-align: top;
	margin-top: 10px;
	margin-left: 10px;
	font-size: 14px
}
td.marginvert {
	width: 0.5cm
}
td.marginorizz {
	height: 1.2cm
}

/***********S-ADDED ALL STYLES BELOW TO END*********/

/******** The headerWrap div text-align style is an IE-only requirement, to make it correctly display the nested content as centralised - the centralised text is 'undone' by the text div, which aligns text to the left as usual*/

#headerWrap {
	width:100%;
	text-align:center;	
}

#header {
	padding:0;
	width:80%;
	margin: 0 auto;
}

/******** Large Phi logo and text - note that the h1 text is hidden so that search engines pick up on the wording, but when viewed in html only the Factary Phi logo will be visible */

#PhiLogoLg {
	background-image:url('../images/factary_phi.gif');
	background-repeat:no-repeat;
	width:480px;
	height:164px;
	margin:0 auto;
	
}




/******** Text wrapper divs - please note that the left alignment of text is to 'break' the IE-only body fix to centre the layout - DO NOT REMOVE */
/******** Note that text styles have been nested to ensure that other page styles are unaffected */

.text {
	
}

	.text p,h2,h2,h3,h4 {
		font-family: Verdana, Arial, Helvetica, sans-serif;
		color:#0A416F;
		text-align:left;
	}

	.text h2 {
		font-size:11pt;
	}

	.text p {
		font-size:10pt;
	}

p.textCenter {
	text-align:center;
}

h2.textCenter {
	text-align:center;
}


.bodyText {
	width:46%;
	margin:20 auto;
	text-align:left;
} 

	.bodyText p,h2,h2,h3,h4 {
		font-family: Verdana, Arial, Helvetica, sans-serif;
		color:#0A416F;
		text-align:left;
	}


/******** Div wrapper for the button menu - this is a div class so that the button menu can be reused in the page without breaking */

.buttonWrap {
	width:550px;
	height:44px;
	text-align:center;
	margin:0 auto;
	margin-top:0px;
	margint-bottom:10px;
}

.buttonWrap .button {
	float:left;
	margin-left:10px;
}

.buttonWrap .button img {
	border:0px;
}


/******** Footer style */

#footerWrap {
	width:100%;
	text-align:center;
}

#footerWrap .text p {
	font-family: Century Gothic,Verdana,Arial,Helvetica,sans-serif;
	color:#0A416F;
}


#footerWrap .text a {
	color:#0A416F;
	text-decoration:none;
	font-weight:bold;
}

#footerWrap .text a:hover {
	text-decoration:underline;
}


/******** Login table style - this applies a background to the login table */

.table_login_form {
	background-image:url('../images/phi_login_table_bg.gif');
	background-repeat:no-repeat;
	border:0px;
	width:275px;
	height:138px;
}

#table_login_form_values {
	color:#fff;
	position:relative;
	top:13px;
}

/******** This hides the php-called login dialogue, allowing the CSS style to show through */

tr.tr_header_login_form {
	visibility:hidden;
}

/******** This applies a white color to the login dialogue text */
.table_login_form td {
	color:#fff;
}