body 
{
	margin: 0;
	padding: 0;
	background-image: url("../img/pildo/background.png");
	text-align: center;
}

ul,ol
{
	display: block;
	margin: 0 0 0 10px;
	padding: 0;
	border: 0;
}
li
{
   width: auto;
   margin: 0 0 0 16px;
   border: 0;
   padding: 0;
}

#logo {	
	position: absolute;
	top: 0;
	left:5%;
	z-index: 2;
	margin-top:1px;
	
	background: url("../img/pildo/logo.png") top;
	width:130px;
	height:100px;
	
	/*display: none;*/ /*uncomment this in order to hide the logo*/
}

#container
{
    position: relative;   
	background-color: #ffffff;
	margin-top: 10px;
	margin-bottom: 10px;
	margin-left: auto;
	margin-right: auto;
	width: 800px;
	text-align: left;
	font-family: sans-serif;
	font-size: 80%;
	line-height: 1.5em;
	border: 1px solid gray;
}

/* hack explorer, set here the minimum height for the pages */
#container
{
	height: 600px;
}
html>body #container 
{
	height: auto;
	min-height: 600px;
}

#header
{
	position: relative;
	background-color: #ffffff;
	background-image: url("../img/pildo/header.png");
	top: 0;
	left: 0;
	width: 800px;
	height: 100px;
	margin: 0;
	padding: 0;
	z-index: 1;
}

#header ul{
	padding: 0;
	padding-right: 3%;
	margin: 0;
	list-style: none;
	position: absolute;
	top: 65px;
	right: 15px;
	width: 80%;
	text-align: right;
	z-index:1;
}


#header li{
	float: right;
	padding-left: 10px;
	margin: 0;
	font-family: arial, verdana, sans-serif;
	font-weight: bold;
	font-size: 85%;
	color: gray;
}

#header ul li a:link, #header ul li a:visited{
	display: block;
	text-decoration: none;
	color: gray;
	font-family: arial, verdana, sans-serif;
	font-weight: bold;
	margin: 0;
	float: left;	
}
#header ul li a:hover{
	color: #ff8500;
	font-weight: bold;
	text-decoration: none;
}


#subheader, #subheader-admin {
	height: 20px;
	margin: 0 0 1em 0;
	padding: 0; 
	z-index: 1;
	position:relative;
	top:-20px;
}

#subheader ul, #subheader-admin ul {
	padding: 0;
	padding-right: 3%;
	margin: 0;
	list-style: none;
	position: relative;
	top:0;
	font-size: inherit;
	float: right;	/* set this to left or right to put menu on left or right side*/
	/*left: 15%;*/	/* comment this when menu on right side*/
}

#subheader li, #subheader-admin li {	
	float: left;
	font-family: arial, verdana, sans-serif;
	font-weight: bold;
	font-size: 70%;
	position: relative;
	margin-top: 3px;
	display: block;
	height: 16px;
	color: gray;
}

#subheader ul a:link, #subheader ul a:visited, #subheader-admin ul a:link, #subheader-admin ul a:visited {
	float: left;
	position: relative;
	text-decoration: none;
	color: #ff8500;
	font-family: arial, verdana, sans-serif;
	font-size: inherit;
}

#subheader ul li a:hover, #subheader-admin ul li a:hover  {
	color: gray;
	text-decoration: none;
}

/* page text view */
.text {margin:2em; font-family : arial, verdana, sans-serif; background-color:inherit; text-align:left;}

h1.text {font-size:135%;color:#c61624; font-weight:bold;}
h2.text {font-size:100%;color:#c61624; font-weight:bold;}
p.text  {font-size:inherit; color:#000000;}

img, img.home-img {position:relative;display: block; margin-left: auto; margin-right: auto;}


.homepage-table {width:630px; margin-left: auto; margin-right:auto;}
.homepage-table {border:1px solid #ff6046; background-color:#fff0e0; padding:5px; margin-bottom:9px; font-size:inherit; font-family : arial, verdana, sans-serif;}
.homepage-table tr {background:#fff; border:1px solid #acabab;font-size:inherit;}
.homepage-table td {background-color:#fff0e0;font-family : arial, verdana, sans-serif; font-size:inherit;text-align:left;}
.homepage-table-head td {background:#7e603f; border:1px solid #acabab; font-weight:bold;font-size:inherit; color:#fff;}
tr.homepage-table-incomming td{color:#0000aa;}

.homepage-sites-list {border:0; margin:2em;list-style: square;}
.homepage-sites-list li {font-family : arial, verdana, sans-serif; text-align:left; font-size:inherit; color:#000000;}

/* data view */
table.tbl, table.note, table.caution,.error, .warningbox, .messagebox {width:690px; margin-left: auto; margin-right:auto;}

table.tbl {color:#000; background-color: #ffffff; font-family: arial,sans-serif;border:2px solid #682b00;padding:0.2em;border-collapse: collapse;margin-top:8px; margin-bottom:8px;}
.tbl td  {border:1px solid #ccc;padding:0.2em;border-collapse: collapse;}
tr.tblhead, td.tblhead {background-color: #682b00;font-weight:bold; text-align:center;color:#fff;}
tr.tbltres, td.tbltres {background-color: #f5eeee;font-style:italic; text-align:center;}
tr.tbldata, td.tbldata {background-color: #fff;text-align:center;}
tr.tblkey, td.tblkey {background-color: #fff;font-weight:bold;text-align:left;}
.warning {color: #ff0000; font-family:arial,sans-serif; text-decoration:none; font-weight: normal;}
a.warning {text-decoration:underline;}

.dataview {text-align:center;margin:0;padding:0;}
.ie-center-box {text-align:center;}

table.caution{ border:2px solid #dd0000; background-color:#ffffff; padding:2px; margin-bottom:9px;}
p.caution{ font-family : arial, verdana, sans-serif; text-align:justify; font-size:inherit; color:#dd0000;margin:0;}

table.note{ border:0px; background-color:#ffffff; padding:2px; margin-bottom:0.9em;margin-top:0px;}
p.note{ font-family : arial, verdana, sans-serif; text-align:justify; font-size:smaller; color:#000000;margin:0;font-style:italic;}

/* events view */
.check-selecttion-actions{width:630px; margin-left: auto; margin-right:auto;text-align:left;padding-bottom:1em;padding-left:40px;padding-top:5px;font-size:smaller;background: url("../img/arrow_ltr.png") top left no-repeat;}

/* form view */
#login-box {text-align:center; margin-top: 5%;}
#form-box { width:580px; margin-left: auto; margin-right: auto; padding: 0.5em; position: relative; border: 1px solid #d62612; background: #fff3e7; margin-bottom:1em;}
.form-content { width:550px; margin-left: auto; margin-right:auto; padding: 0.5em;}
.form-fielddset {border:1px solid #682b00; background-color:inherit; padding:8px 8px 15px 8px; margin-top:8px; color:#682b00; font-family : arial, verdana, sans-serif; font-size:inherit;}
table.form-table{ border:0px; font-family : arial, verdana, sans-serif; font-size:inherit;width:95%; margin-left: auto; margin-right:auto;}
.form-table td {text-align:left;font-size:inherit;white-space: nowrap;}

/* form button*/
#sf,.calendar-link, .buttonlike-link {background-color:#d62612; color:#fff; border:1px solid #682b00; width:60px; margin-left: auto; margin-right:auto;}
/* calendar link and button like links*/
.calendar-link, .buttonlike-link {text-decoration: none;font-size: smaller; margin:2px; margin-top:2px;padding-left:1px;padding-right:1px;}
select, input {border: 1px solid #682b00;}

/* settings style */
.tbl-settings, .settings, .form-settings-box {width:80%;margin-left:auto; margin-right:auto;}
.tbl-settings, .form-settings-box {border:1px solid #d62612; background-color:#f3f3f7;}

.tbl-settings, .form-settings-box {padding:5px; margin-bottom:9px; font-size:inherit; font-family : arial, verdana, sans-serif;}
.tbl-settings tr {background:#fff; border:1px solid #acabab;}
.tblhead-settings, .tblhead-settings td {background:#bfbfbf; border:1px solid #acabab; font-weight:bold;font-size:inherit;}
.tblnote-settings, .tblnote-settings td {background:#fff; border:1px solid #acabab;font-size:inherit; color:#9A5231;font-weight:bold;padding-left:5px;}

.settings a {font-family : arial, verdana, sans-serif;}

.form-settings-box ul {list-style: none;}
.form-settings-box li{font-family: arial, verdana, sans-serif;}


@media print {
	@page { size: 21cm 29.7cm; margin: 2.0cm;}
	body {background: #fff;}
	#container {border:0;}

	#header, #subheader, #subheader-admin, #logo, #form-box {display: none;}
	table.tbl, table.note, table.caution,.error, .warningbox, .messagebox {width:17cm; margin-left: auto; margin-right:auto;}
	table.tbl, .tbl td {border:2px solid #000;}
}

/* message settings */
.error, .warningbox, .messagebox {
	width:580px;
	padding: 1em; 
	font-family : arial, verdana, sans-serif; 
	text-align:left;
	font-weight:normal;
	margin-bottom:1em;
	font-size:100%;
}

.error      { border: 1px solid #D12631; background: #dddddd; color:#960000;}
.warningbox, .messagebox { border: 1px solid #ffcc68; background: #ffeecc; color:#00008f;}