/* CSS Document */
body { font-family: Arial, Helvetica, sans-serif; font-size: 11px; background-color: #CECECE; color: #222222; margin-left: 0px; margin-top: 0px; margin-bottom: 0px; }

div#container { width: 800px; padding: 0px; background-color: white; border: 1px solid black; margin-left: auto; margin-right: auto;}
div#head { float: left; width: 100%; background-color: white;  border-right: 1px solid black; border-left: 1px solid black;}
div#logo { float: left; width: 100%; height: 100px; background-image:url(images/head.jpg);}

div#left { float: left; width: 150px; padding: 0px 0px 5px 9px; margin-top: 9px; background-color: white; margin-right: 9px; border-right: 1px solid black; border-top: 1px solid black; border-bottom: 1px solid black; }
div#left_box { width: 97%; text-align: left; overflow: hidden;}

div#box { float: left;  width: 100%; background-color: #E8E8E8; border-top: 1px solid black;  border-right: 1px solid black; border-left: 1px solid black;}
div#content { float: left; width: 610px;  height: auto; background-color: white; padding: 5px; margin-top: 9px; border: 1px solid black; }
div#menu { float: left;  width: 100%; background-image: url(images/head_ad.jpg); height: 90px; }

div#footer { float: none; width: 100%; }
div#right {float: left; background-color: white; border: 1px solid black; width: 130px; margin-left: 9px; }

td { padding: 5px; }
td#special { border-bottom: 1px dashed #CCCCCC; }
table#plain { border: none; background-color: transparent; }
td#plain { border: none; }

table#menu { margin: 0px;}
td#menu { padding: 3px; border-bottom: 1px dotted #666666; }

table#products { border: 1px solid #666666; padding: 0px; width: 350px; background-color: #FFFF99; }

table#registrar { background-color: #DFDFDF; padding: 2px; border: 1px solid #CCCCCC; }
table#ratings {background-color: white; border: 1px solid #333333; }

tr#heading { background-color: #DEDEDE; border: 1px solid black; font-weight: bold; color:black;}
tr#listing { height: 30px; font-size: 13px; height: 2px; }

td#separator { background-image: url(images/dash.gif); background-repeat: repeat-x; }

h1 { font-size: 18px; font-weight: bold; color: #666666; } 
h2 { margin: 0px; font-size: 16px; font-weight: bold; color: #336600; width: 98%; padding-top: 6px; border-top: 1px solid #CCCCCC;}
h4 { font-size: 11px; margin: 0px; }
h5 { font-size: 11px; color: #336600; margin: 0px; }
h6 { font-size: 12px; font-family: Arial, Helvetica, sans-serif; font-weight: bold; color: black; margin: 0px;}

hr { border: 1px dotted #CCCCCC; }

input#required { background-color: #FFFF66; font-size: 11px; }
select#required { background-color: #FFFF66; font-size: 11px; }
input { background-color: #FEFEFE; border: 1px solid #666666; font-size: 11px; }
textarea { background-color: #FEFEFE; border: 1px solid #666666; font-size: 11px; font-family: Arial, Helvetica, sans-serif; padding: 5px; }
input#button { background-color: #006600; color: white; border: 1px solid #003300;}

.small { font-size: 9px; }
.rating { font-size: 9px; }
.error { color: #FF0000; font-weight: bold; margin-left: 10px;}

.main_head { font-size: 13px; font-weight: bold; color: #333333; }
.main { font-size: 12px; font-weight: bold;}
a.articles:link {font-size: 12px; color: #CC0000; }

a, a:link, a:visited { color: #0000CC; text-decoration: underline; }
a, a:hover { color: #990000; }

.main_table{
	width: 98%;
	height: 100%;
	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:blue;
}

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

/* order by links */
/* normal */
a.order_link {
	color:blue;
	font-size: 9px;
	text-decoration: none;
}
/* currently selected */
a.order_link_selected {
	color:black;
	font-size: 9px;
	text-decoration: none;
}

/* results table */

table.results {
	background-color: #D0DCE0; /* used to make the table bordered */
}
/* 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: 9px;
	vertical-align: top;
	white-space: nowrap;
	background-color: #EFEFEF;
}
td.results_2 {
	font-size: 9px;
	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: 9px;
	background-color: #EFEFEF;
}
td.controls_2 {
	font-size: 9px;
	background-color: #ffffff;
}

.export_to_csv{
}

/* "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{
}
/*******************************************************/

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

/* 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:1px;
border-color: #000000;
border-style: solid;
background-color:#FFFFFF;
}

.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:#FFFFFF;
}

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

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