html {
	margin: 0;
	padding: 0;
	height: 100%;
}

body#mainbody {
	margin: 0;
	padding: 0;
	height: 100%;
	font: 10pt "Trebuchet MS",Verdana,Arial,Helvetica,sans-serif;
	color: #000000;
	background: #DDDDDD url(dynamic_images/gradient.php?x=32&y=640&col1=FFFFFF&col2=DDDDDD) repeat-x;
/*	background: #BCC2C5 url(images/bg_nailed_plate.jpg) repeat fixed;
/*
	background: #BCC2C5 url(images/bg_stucco.jpg) repeat;
	background: #BCC2C5 url(images/bg.gif) repeat-y;
	text-align: center;
*/
}
/**/



div#maincontainer {
	position: relative;
	min-width: 720px;
/*	max-width: 880px;*/
	width: 92%;
	min-height: 95%;
	margin-left: auto;
	margin-right: auto;
	margin-top: 8px;
	margin-bottom: 4px;
	border: 1px solid #000000;
	background: #ffffff;
	text-align: left;
}



div#banner {
	width: 100%;
	height: 96px;
	border-bottom: 12px solid #5B789F;
/*
	border-bottom: 1px solid #000000;
*/
	background: #AFCCF3 url(dynamic_images/gradient.php?x=240&y=1&col2=AFCCF3&col1=8FACD3&dir=x) repeat-y;
/*
	background: #365075 url(dynamic_images/gradient.php?x=1&y=96&col1=666666&col2=777777&col3=666666) repeat-x;
	background: #e0e0e0;
*/
}

div#banner img.logo {
	position: relative;
	left: 40px;
	top: 4px;
}



div#banner span.languages {
	float: right;
	margin-top: 1px;
	margin-right: 6px;
}

div#banner .languages {
	color: #999999;
	font: 10pt Tahoma,Arial,Helvetica,sans-serif;
}

div#banner .languages a {
	text-decoration: none;
	color: #555555;
}

div#banner .languages a.current {
	border-bottom: 1px solid #999999;
}



div#content {
/*
	position: absolute;
	left: 0;
	right: 0;
	top: 97px;
	margin-left: 180px;
	padding: 8px;
*/
	position: relative;
	left: 0;
	right: 0;
	top: 0;
	margin-left: 180px;
	padding: 8px;
}



div#navigation {
	position: absolute;
	float: left;
	left: 0;
	top: 97px;
	bottom: 0;
	width: 180px;
	color: #D6AEFE;
	background: #5B789F url(dynamic_images/gradient.php?x=180&y=1&col1=5B789F&col2=6F8CB3&col3=5B789F&dir=x) repeat-y;
/*
	background: #5b789f;
*/
	font: 10pt Tahoma,Arial,Helvetica,sans-serif;
/*
	font: 9pt Verdana,Arial,Helvetica,sans-serif;
*/
}

/*
@media screen { 
	body>div#navigation  { 
		position: fixed; 
	} 
} 
*/


#navigation ul {
	padding-left: 0;
	margin-left: 0;
}

#navigation ul li {
	list-style-type: none;
	margin-top: -1px;
	margin-bottom: 0;
	padding-top: 0;
	padding-bottom: 0px;
	letter-spacing: 1pt;
}

#navigation ul li a {
	display: block;
	position: relative;
	left: 0px;
	width: 179px;
	text-decoration: none;
	color: #BBD8FF;
	background: #3B587F url(dynamic_images/gradient.php?x=180&y=1&col1=3B587F&col2=4F6C93&col3=3B587F&dir=x) repeat-y;
/*
	color: #dddd00;
	background-color: #9C0200;
*/	
	border-top: 1px solid #dddd00;
	border-bottom: 1px solid #dddd00;
	border-left: 0px solid #dddd00;
	border-right: 0px solid #dddd00;
	text-align: center;
	letter-spacing: 2pt;
	padding-top: 1px;
	padding-bottom: 2px;
	padding-left: 0;
	padding-right: 1px;
}

#navigation ul li a.current:link, #navigation ul li a.current:visited, #navigation ul li.current a:visited {
	position: relative;
/*
	left: -4px;
	width: 185px;
*/
	color: #FFFF00;
	background: #8FACD3 url(dynamic_images/gradient.php?x=179&y=1&col1=8FACD3&col2=7B98BF&col3=8FACD3&dir=x) repeat-y;
/*
	color: #eeee00;
	background-color: #C31200;
*/
/*
	border-left: 1px solid #dddd00;
	border-right: 1px solid #dddd00;
*/
}

#navigation ul li a:hover, #navigation ul li  a.current:hover {
	padding-top: 2px;
	padding-bottom: 1px;
	padding-left: 1px;
	padding-right: 0;
	color: #FFFF00;
	background: #7B88AF url(dynamic_images/gradient.php?x=180&y=1&col1=8FACD3&col2=7B98BF&col3=8FACD3&dir=x) repeat-y;
}


#navigation ul ul {
	padding-left: 20px;
	margin-left: 0;
	padding-top: 0px;
	padding-bottom: 8px;
}

#navigation ul ul li {
	width: 184px;
	margin-top: -1px;
	margin-bottom: 0px;
	letter-spacing: 1pt;	
}

#navigation ul ul li a {
	color: #BBD8FF;
	background: #3B587F url(dynamic_images/gradient.php?x=167&y=1&col1=607DA4&col2=4F6C93&col3=2B486F&dir=x) repeat-y;
	width: 159px;
	letter-spacing: 0.5pt;
}

/*
#navigation ul ul li a.current:link, #navigation ul ul li a.current:visited {
	border: 1px solid #BA96EE;
}

#navigation ul ul li a:hover, #navigation ul ul li a.current:hover {
	border-left: 1px solid #8262B2;
}
*/


tt, code {
	font-family: monospace;
}
b {
	font-weight: bold;
}
small, .small {
	font-size: 75%;
}
ul {
	list-style: square;
}

h1 {
	font-size: 16pt;
	font-weight: bold;
}
h2 {
	font-size: 14pt;
	font-weight: bold;
}
h3 {
	font-size: 12pt;
	font-weight: bold;
}
h4 {
	font-size: 11pt;
	font-weight: bold;
}
h2 a {
	text-decoration: none;
}



img, a img {
	border-width: 0;
}



span.companyname1 {
	color: #9C0200;
	font-family: "Arial Black",Arial,Helvetica,sans-serif;
	font-weight: bold;
}
span.companyname2 {
	color: #243E53;
	font-family: "Arial Black",Arial,Helvetica,sans-serif;
	font-weight: bolder;
}

span.field {
	width: 5ex;
	display: block;
	float: left;
	color: #666666;
	font-style: italic;
	font-size: 85%;
	margin-top: 2px;
}



.error {
	font-weight: bold;
	color: #DD0000;
}
.warning {
	font-weight: bold;
	color: #CC6600;
}
.success {
	font-weight: bold;
	color: #009900;
}



strong {
	font-weight: bold;
}

#content ul {
	list-style-type: none;
	margin: 0;
	padding-top: 0.4em;
	padding-left: 2em;
}
#content ul li {
	margin-top: 0.4em;
	background: url(images/bullet_star.png) 0 0.3em no-repeat;
	padding-left: 18px;
}
#content ul ul li {
	margin-top: 0.2em;
	background: url(images/bullet_plus.png) 0 0.3em no-repeat;
}
#content ul ul ul li {
	margin-top: 0.1em;
	background: url(images/bullet_minus.png) 0 0.3em no-repeat;
}



p.systeminfo {
	padding-top: 1em;
	padding-bottom: 1em;
	padding-left: 2em;
	padding-right: 1em;
	background-color: #F4F4F4;
}
p.systeminfo img {
	position: relative;
	left: -1.75em;
}
a.systemlink {
	font-weight: bold;
	color: #000000;
	text-decoration: none;
	letter-spacing: .75pt;
	font-style: italic;
}



table.monthcalendar {
	background-color: #F8F8F8;
}

.monthcalendar td {
	text-align: right;
}

.monthcalendar td.weeknumber {
	text-align: left;
	width: 4em;
	font-size: 60%;
	color: #777777;
	font-style: italic;
}

.monthcalendar td.thiscompany {
	color: #003300;
}

.monthcalendar td .dayfill {
/*	color: #4466DD;	*/
	color: #880000;
/*
	display: inline;
	position: relative;
	left: -1ex;
	z-index: 1;
*/
}

.monthcalendar td.thiscompany .dayfill {
	color: #008800;
}

.monthcalendar td.available .dayfill {
	color: #FFFFFF;
}

.monthcalendarlegend .dayfill {
	color: #880000;
}
.monthcalendarlegend .thiscompany {
	color: #008800;
}

div.legend {
	float: right;
	color: #888888;
}