body {
	margin: 0 0 1em 0;
	padding: 0; /* needed for Opera */
	background: #fff;
	color: #333;
	min-width: 610px;
	font-size:1em;
	background-color: #ddddde;
}

#container
{
	position: relative;
  	background-color: #ffffff;
	font-family: sans-serif;
	font-size: inherit;
	margin-left: auto;
	margin-right: auto;
	width: 800px;
	border-left: 1px solid #A1A6B1;
	border-right: 1px solid #A1A6B1;
	border-bottom: 1px solid #A1A6B1;
	padding-bottom:1em;	
}
/* hack explorer, set here the minimum height for the pages */
#container
{
	height: 600px;
}

html>body #container 
{
	height: auto;
	min-height: 600px;
	margin-top:auto;
	margin-bottom:auto;
}

/* home page view */
.homepage-sites-list {border:0; margin:0 0 2em 2em;}
.homepage-sites-list li {font-family : arial, verdana, sans-serif; text-align:left; font-size:inherit;}

.homepage-table, .homepage-table-2 {width:630px; margin-left: auto; margin-right:auto; margin-bottom:2em;}
.homepage-table {border:1px solid #A1A6B1; background-color:#ECECEC; padding:5px; margin-bottom:9px; font-size:inherit; font-family : arial, verdana, sans-serif;}
.homepage-table-2 {border:1px solid #A1A6B1; background-color:inherit; padding:5px; margin-bottom:9px; font-size:inherit; font-family : arial, verdana, sans-serif;}
.homepage-table tr, .homepage-table-2 tr {background:#fff; border:1px solid #acabab;font-size:smaller;}
.homepage-table td {background-color:#ECECEC;font-family : arial, verdana, sans-serif; font-size:inherit;text-align:left;}
.homepage-table-2 td {background-color:inherit;font-family : arial, verdana, sans-serif; font-size:inherit;text-align:left;}
td.homepage-table-head {background:#bfbfbf; border:1px solid #acabab; font-weight:bold;font-size:inherit;text-align:left; padding-left:1em;}
.homepage-table-head td {background:#bfbfbf; border:1px solid #acabab; font-weight:bold;font-size:inherit;}
tr.homepage-table-incomming td{color:#0000aa;}
tr.not-validated {background:#fff5f5;}

/* data view */
table.tbl, table.note, table.caution,.error, .warningbox, .messagebox, .mi-history {width:690px; margin-left: auto; margin-right:auto;}

table.tbl {color:#000; background-color: #ffffff; font-size:smaller;font-family: arial,sans-serif;border:2px solid #222;padding:0.2em;border-collapse: collapse;margin-top:8px; margin-bottom:8px;}
.tbl td  {border:1px solid #222;padding:0.2em;border-collapse: collapse;}
tr.tblhead, td.tblhead {background-color: #ddd;font-weight:bold; text-align:center;}
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;}
.mi-history {padding: .5em 0 .5em 0; margin-top:.5em; margin-bottom:.5em;font-size:100%; text-align:left; border:thin solid #A1A6B1;}
.mi-history a:link, .mi-history a:visited{font-size:80%;margin-left:2em;}

/*performance view*/
.prn-preview {width:630px; margin-left: auto; margin-right:auto; margin-bottom:1em; border: 0;}
.prn-preview-h2 {margin-left:30px; border-bottom: solid medium #dde;font-family : arial, verdana, sans-serif; text-align:left;font-size:1em;}

/* 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 #aaa; background: #deeff8; margin-bottom:1em;}
.form-content { width:490px; margin-left: auto; margin-right:auto;padding-bottom:1em;}
.form-fielddset {border:1px solid #3A5271; background-color:inherit; padding:8px 8px 15px 8px; margin-top:8px; color:#3A5271; 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:smaller;white-space: nowrap;}
.form-table-header td {text-align:center;white-space: nowrap;border:0; background-color:#3A5271; color:White;}
legend {font-size:smaller;font-weight:bold;}


/* settings style */
.tbl-settings, .form-settings-box, .settings {width:630px;margin-left:auto; margin-right:auto;}
.tbl-settings, .form-settings-box {border:1px solid #3A5271; background-color:#ECECEC;}

.tbl-settings, .form-settings-box {padding:5px; margin-bottom:9px; font-size:inherit; font-family : arial, verdana, sans-serif;}
.form-settings-box {width:620px;} /*10 px less because of the padding*/

.tbl-settings tr {background:#fff; border:1px solid #acabab;font-size:smaller;}
.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-size:smaller; font-family : arial, verdana, sans-serif;}

.form-settings-box ul {list-style: none;}
.form-settings-box li{font-family: arial, verdana, sans-serif; font-size: smaller;}

.unactive-mail {font-style:italic; color:gray;}
.active-mail {font-style:normal; color:black;}

/* calendar link and button like links*/
.calendar-link, .buttonlike-link {color:#ffffff;background-color:#33417D;text-decoration: none;border:1px solid #6F94BA;font-size: smaller; margin:2px; padding-left:1px;padding-right:1px;}


/* form elements*/
#sf {background-color:#33417D; color:#fff; border:1px solid #6F94BA; width:60px; margin-left: auto; margin-right:auto;}
select, input, textarea {border: 1px solid #6F94BA;}

/* page text view */
.text {margin:2em; font-family : arial, verdana, sans-serif; background-color:inherit; text-align:left;}

h1.text {font-size:135%;color:#000055; font-weight:bold;}
h2.text {font-size:100%;color:#000055; font-weight:bold;}
p.text  {color:#000000;font-size:100%;}



/* message settings */
.error, .warningbox, .messagebox {
	padding: 10px;
	width:670px;
	font-family : arial, verdana, sans-serif; 
	text-align:left;
	font-weight:normal;
	font-size: smaller;
	margin-bottom:1em;
}

.error      { border: 1px solid #D12631; background: #dddddd; color:#960000;}
.warningbox, .messagebox { border: 1px solid #ffcc68; background: #ffeecc; color:#00008f;}
/*.messagebox { border: 1px solid #ffcc68; background: #ffeecc; color:#00008f;}*/


img, img.home-img {display: block; margin-left: auto; margin-right: auto;}

/* header and menu*/

#header {
	height: 38px;
	margin: 0;
	padding: 0; 
	position: relative;
	/*border-bottom: 1px solid #A1A6B1;*/
	background: #33415D url("../img/p-header-background.png") top repeat-x;
	z-index: 1;	
}

#header ul {
	padding: 0% 3% 0% 0%;
	margin: 0;
	list-style: none;
	border-left: 1px solid #576178;
	border-right: 1px solid #1f2635;
	position: relative; /*position: absolute;*/ /*changed to relative for Opera */
	top: 0;
	font-size: 1em;
}

#header li {
	float: right;
	padding: 0;
	margin: 0;
	font-family: arial, verdana, sans-serif;
	font-weight: bold;
	font-size: smaller;
}

#header ul a:link, #header ul a:visited {
	margin: 0;
	display: block;
	position: relative;
	float: left;
	padding: 10px 15px;
	text-decoration: none;
	border-right: 1px solid #576178;
	border-left: 1px solid #1f2635;
	color: #dee0e5;
	font-family: arial, verdana, sans-serif;
	font-weight: bold;
	height: 16px;
}

#header ul li a:hover {
	/*background: #475470;*/
	background: #607799;
	color: #fff;
	text-decoration: underline;
}

/* subheader and menu*/

#subheader, #subheader-admin {
	height: 20px;
	margin: 0 0 1em 0;
	padding: 0; 
	border-bottom: 1px solid #A1A6B1;
	background: #ddd;
	z-index: 1;
}

#subheader ul, #subheader-admin ul {
	padding: 0% 3% 0% 0%;
	margin: 0;
	list-style: none;
	border-left: 1px solid #576178;
	border-right: 1px solid #1f2635;
	position: relative; 
	top: 0;
	font-size: 90%;
}

#subheader li, #subheader-admin li {
	float: right;
	padding: 0 .5em 0 .5em;
	margin: .2em 0 .2em 0;
	font-family: arial, verdana, sans-serif;
	font-weight: bold;	
	font-size: 75%;
	color:#63717D;
}

#subheader ul a:link, #subheader ul a:visited, #subheader-admin ul a:link, #subheader-admin ul a:visited {
	text-decoration: none;
	color: #555;
	font-family: arial, verdana, sans-serif;
}

#subheader ul li a:hover, #subheader-admin ul li a:hover  {
	background: #494949;
	color: #fff;
	text-decoration: underline;
}

#subheader-admin ul{
	position:relative;
	padding-left: 15%;
}

#subheader-admin li{
	float:left;
	color: #a00;
}
.admin-user-name {color: #a00;}

#logo {
	position: absolute;
	top: 0;
	left:3%;
	z-index: 2;
	margin-top:1px;
	
	background: url("../img/logo.gif") top;
	width:65px;
	height:60px;
}


