body {
	font-family: Arial, Helvetica, sans-serif, Verdana;
	font-size: 10px ;
	background-color: #ffffff;
	margin-left: 10px;
	margin-top: 0px;
	margin-bottom: 0px;
	color: #aaa;
	text-align: center;
	background:#3C2E23 url(../../images/wood_pattern.gif) top center repeat;
}
div#listContainer {
	width: 575px;
	border: 0px solid #336699;
	}
div#listContainer div {
		border-top: 1px solid #ddd;
		margin: 0px;
		background: #ffffff;
		width: 575px;
		cursor: move;
		clear: both;
		height: 45px;
}

p {
	font-family: Arial, Helvetica, sans-serif, Verdana;
	font-size: 10px;
}
a {
	font-family: Arial, Helvetica, sans-serif, Verdana;
	font-size: 10pt;
	color: #aaa;
	text-decoration: none;
}
a:hover {
	color: #0000ff;
	text-decoration: none;
}
th {
	font-family: Arial, Helvetica, sans-serif, Verdana;
	font-size: 10px;
	font-weight: 100;
}
td {
	font-family: Arial, Helvetica, sans-serif, Verdana;
	font-size: 12px;
}
input{
	font-family: Arial, Helvetica, sans-serif, Verdana;
	font-size: 10pt;
	color: #000000;
}
select{
	font-family: Arial, Helvetica, sans-serif, Verdana;
	font-size: 10pt;
	color: #AAAAAA;
}
textarea{
	font-family: Arial, Helvetica, sans-serif, Verdana;
	font-size: 10pt;
	border-style: solid;
	border-width: 1px;
	color: #AAAAAA;
}
hr{
	height: 1px;
	border-style: none;
	color: #aaa; /* need this for IE */
	background-color: #ffff;  /* need this for Mozilla */
}

/* used with subtitles ("Search for records", "Edit the record", etc.) */
h3{
	color:#aaa;
	font-weight: normal;
	;
	font-size: 10px;
}

/* the main big table that contain all the page */
.main_table{
	width: 650px;
	height: 100%;
	background-color: #fff;
	padding: 0px; /* doesn't work with IE, cellpadding in header */
	border-style: solid;
	border-width: 0px;
	border-color: #C0AD68;
	vertical-align: bottom;
	text-align: left;
	border-left: 5px solid #C0AD68;
	border-right: 5px solid #C0AD68;
}
.header{
margin-left:-10px;
margin-top:-10px;
margin-right:-10px;
border-bottom: 1px solid #eee;
}
#titleImg{
margin-top:-25px;
margin-bottom: 20px;
}
#mainTable{
padding: 20px;
}
/*******************************************************/
/************************************************ RESULTS PAGE */
#orderid{
width: 30px;
padding: 0px;
margin:0px;
margin-left: 10px;
}
#title{
width:200px;
padding: 0px;
margin:0px;
overflow: hidden;
}
.td_results#title{
width:200px;
padding: 0px;
margin:0px;
height: 35px;
overflow: hidden;
}
a_id{
width:200px;
padding: 0px;
margin:0px;
overflow: hidden;
}
.td_results#a_id{
width:200px;
padding: 0px;
margin:0px;
height: 35px;
overflow: hidden;
}
#date{
width: 100px;
padding: 0px;
margin:0px;
}
#photo{
padding: 0px;
margin:0px;
}
#image{
padding: 0px;
margin:0px;
}
/* "n records found" message */
.n_results_found {
	color:#aaaaaa;
	font-weight: regular;
	text-transform: uppercase;
	font-size: 10px;
}

/* "page n of m" sentence */
.page_n_of_m {
	color:#aaa;
	font-weight: regular;
	text-transform: uppercase;
	font-size: 10px;
}

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

/* current page in the navigation bar ( << < 1 2 3......) */
.navig {
	color:#aaa;
	font-weight: regular;
	text-transform: uppercase;
	font-size: 10px;
}

/* order by links */
/* normal */
a.order_link {
	color:#666;
	font-size: 10px;
	text-decoration: none;
	text-transform: uppercase;
	display: block;
	float: left;
}
/* currently selected */
a.order_link_selected {
	color:#666;
	font-size: 10px;
	text-decoration: none;
	display: block;
	float: left;
}
div.results {
	background-color: #fff; /* used to make the table bordered */
	border-spacing: 0px;
	margin-top: 20px;
	margin-bottom: 20px;
	padding: 0px;
}
/* coloumn headings */
span.head_row {
	margin-left: 45px;
	width: 475px;
	display: block;
	float: left;
}
span.head_results {
	white-space: nowrap;
	text-align: left;
	padding-left: 0px;
	display: block;
	float: left;
}
/* res
ult cells */
/* results_1 and results_2 differ only for the background-caderolor, this create the alternate row colors effect */
.td_results {
	display: block;
	float: left;
	line-height: 45px;
	margin-left: 20px;
	text-align:left;
	padding-left: 10px;
	height: 45px;
	}
.td_results img{
height: 35px;
margin-top:5px;
}
.tr_highlighted_onmouseover td img{
height: 35px;
}
.tr_results_2 td{
	font-size: 10px;
	vertical-align: middle;
	white-space: nowrap;
	background-color: #fff;
	width: 100px;
	border-top: 1px solid #eee;
	padding-left: 10px;
}
.tr_highlighted_onmouseover td{
	font-size: 10px;
	vertical-align: middle;
	white-space: nowrap;
	width: 100px;
	background-color: #eee;
	border-top: 1px solid #eee;
	padding-left: 10px;
}
/* control (edit, delete, details) cells */
/* results_1 and results_2 differ only for the background-color, this create the alternate row colors effect */
.controls_1 {
	font-size: 10px;
	display: block;
	float: left;
	width: 100px;
	margin-top:5px;
	text-align:left;
}
.controls_2 {
	font-size: 8pt;
	display: block;
	float: left;
	width: 120px;
	text-align:left;
}

.export_to_csv{
}

/* "Total records: n" sentence */
.total_records {
text-transform: uppercase;
font-size: 10px;
}

/* links of the bottom menu (insert, search, show all) */
#menu{
}
a.bottom_menu{
	border-top: 1px solid #ddd;
	border-bottom: 1px solid #ddd;
	color: #67AEDC;
	height: 20px;
	padding: 5px;
	padding-left: 10px;
	padding-right: 10px;
	border-right: 1px solid #ddd;
	font-size: 10px;
}
a.bottom_menu:hover{
background-color: #67AEDC;
color: #fff;
}
/* home link */
a.home{
	color: #67AEDC;
	padding: 5px;
	border: 1px solid #ddd;
	padding-left: 10px;
	padding-right: 10px;
	height: 17px;
	font-size: 10px;
}
a.home:hover{
background-color: #67AEDC;
color: #fff;
}
/* change table combo box  */
.select_change_table{
background-color: #fff;
font-size: 10px;
border: 1px solid #ddd;
}
.select_records_per_page{
background-color: #fff;
font-size: 10px;
border: 1px solid #ddd;
}

/* change table button */
.button_change_table{

}
/*******************************************************/

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

/* required field labels */
/* if you change the color you should change also the "required_fields_red" sentence in your language file*/
.required_field_labels{
	color: #67AEDC;
}

/* 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;
}

/* 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{
border-width:0px;
border-color: #000000;
border-style: solid;
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;
}


.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:#66666;
font-weight:bold;
color:#ffffff;
}

.input_login_form{
border-width:1px;
border-color: #000000;
border-style: solid;
}
div.head{
position: absolute;
margin-top: 15px;
margin-left: 15px;
};
hr.onlyscreen{
color:#555;
}
.img_content {
width: 80px;
border-width:0;
};