/* CSS document colors

#003250

#5893ac

#4C565C

#F2F2F5

#A7A7A7

#787878

*/



* {

	padding: 0;

	margin: 0;

}



body {

	background-color: #DEDFE1;
	background-image:url(/web/skins/blue/images/img/topbg_ps.jpg);
	background-repeat:repeat-x;

	font-family: 'Lucida Grande', Verdana, Arial, Sans-Serif;

	font-size: 62.5%; /* Resets 1em to 10px */

	color: #4C565C;

	text-align: center;
	margin:0px;
	padding:0px;	

}



#container {

	margin-left: auto;

	margin-right: auto;

	margin-bottom: 20px;

	width: 1020px;

	font-size: 1.2em;

	text-align: left;

}



#head {

	padding-top: 20px;

	padding-left: 20px;

	padding-right: 20px;

	padding-bottom: 20px;

	height: 62px;

	background: url(/web/skins/blue/images/img/bg_head.jpg) no-repeat;

}



#headleft {

	float:left;

}



#headright {

	float:right;

	width:470px;

}



#headright h2 {

	color: #FFF;

}



#main {

	background-image:url(/web/skins/blue/images/img/middle_bordered.jpg);
	background-repeat:no-repeat;
	padding-left:20px;
	padding-right:20px;
	height:690px;

}



#menu {

	width: 200px;

	float: left;

}



.menuhead {

	background: url(/web/skins/blue/images/img/bg_tabletop.png);

	height: 18px;

	width: 200px;

	color: #FFF;

	padding-top: 2px;

	font-weight: bold;

	text-align: center;

}



.menucontent {

	background: #4C565C;

	color: #ffffff;

	width: 193px;

	padding-left: 5px;

	padding-top: 10px;

	padding-bottom: 10px;

	border-bottom: solid 1px #ffffff;

	border-left: solid 1px #003250;

	border-right: solid 1px #003250;

}



#content {

	margin-left: 10px;

	width: 750px;

	float: right;

}



#mainleft {

	float:left;

	width: 465px;

}



#mainright {

	float: right;

	width: 485px;

	margin-left: 10px;

}



#tabelfeaturestop {

	padding-left: 10px; background-color: #003250; height: 21px; color:#FFF; padding-top:5px;

}



#tablefeature {

	background: #4C565C;

	border-left: #003250 1px solid;

	border-right: #003250 1px solid;

	border-bottom: #ffffff 1px solid;

	padding: 2px;

}



#tablefeature span {

	background-image: url(/web/skins/blue/images/img/arrow.gif);

	background-repeat: no-repeat;

	background-position: 0.5em;

	padding-left: 20px;

	font-weight: bold;

	color: #ffffff;

}



#tablefeature p {

	padding-left:20px;

	padding-top: 2px;

	padding-bottom:2px;

}



#foot {

	height: 24px;

	background: url(/web/skins/blue/images/img/bg_foot.jpg) no-repeat;

	text-align: center;

	padding-top: 13px;

	color: #fff;



}



#poweredby {

	padding-top: 10px;

	text-align: center;

	font-size: 0.75em;

}



a, a:link {

	text-decoration: underline;

	color: #999999;

}



a:hover {

	text-decoration: none;

	color: #999999;

}



#foot a, #foot a:link {

	text-decoration: none;

	font-weight: bold;

	color: #999999;

}



#foot a:hover {

	text-decoration: none;

	color: #999999;

}



/* Tags */

h1, h2, h3 {

	font-family: 'Trebuchet MS', 'Lucida Grande', Verdana, Arial, Sans-Serif;

	font-weight: bold;

	}



h1 {

	font-size: 2.2em;

	color: #999999;

}



h2 {

	font-size: 1.6em;

	color: #003250;

}



h3 {

	font-size: 1.4em;

}



.underline {

	text-decoration:underline;

}



.button {

	color: #003250;

	background: #fff;

	border: solid 1px #003250;

	width: 50px;

	padding: 2px;

}



.smallbutton {

	color: #003250;

	background: #fff;

	border: solid 1px #003250;

	padding: 1px;

}



br {

	line-height: 1em;

}



ul {

	padding-left: 15px;

}



/* Navigation */

.navlist {

	margin-left: 0;

	padding-left: 0;

	list-style: none;

}



.navlist li {

	padding-left: 20px;

	background-image: url(/web/skins/blue/images/img/arrow.gif);

	background-repeat: no-repeat;

	background-position: 0.5em;

}



.navlist li a, .navlist li a:link {

	text-decoration: none;

	color: #003250;

}



.navlist li a:hover {

	text-decoration: none;

	color: #5893ac;

}



/* Form */



select, input {

	padding: 2px;

	margin-top: 1px;

	margin-right: 0;

	margin-bottom: 1px;

	margin-left: 0;

	font-size: 1em;

}



textarea {

	padding: 2px;

}



.warning-box {

	background-color: #4C565C;

	color: #ffffff;

	margin-left: 0px;

	margin-right: 10px;

}



.warning-text {

	padding-bottom : 5px;

	padding-top : 5px;

	padding-left : 10px;

	padding-right : 10px;

}



.browse_cell {

	width: 120px; 

	height: 60px; 

	font-size: 0.8em; 

	text-align: center; 

	overflow: hidden;

	padding: 3px;

}



.browse_rows_actions {

	background-color: #4C565C;

	color: #000000;

	font-size: 80%;

	font-weight: normal;

	text-align: left;

}



.browse_rows_heading {

	background-color: #4C565C;

	color: #999999;

	font-size: 110%;

	font-weight: bold;

}



.browse_rows_odd, .browse_rows_even {
background-color:#F2F2F5;

	color: #999999; 

	font-size: 80%;

	font-weight: normal;

	text-align: left;

}



.browse_rows_separator {

	border: 2px;

	color: #000000;

	font-size: 100%;

	text-align: left;

}



/*------------------------------------------------------------------------

   Process bar

From the PHP Pear package HTML_Progress

http://pear.laurent-laville.org/HTML_Progress/examples/horizontal/string.php

------------------------------------------------------------------------*/



.p_ba7428 .progressBar, .p_ba7428 .progressBarBorder {

    width: 172px;

    height: 24px;

    position: relative;

    left: 0;

    top: 0;

}



.p_ba7428 .progressBarBorder {

    border-width: 0;

    border-style: solid;

    border-color: #003250;

}



.p_ba7428 .installationProgress {

    width: 350px;

    text-align: left;

    font-family: Verdana, Arial, Helvetica, sans-serif;

    font-size: 12px;

    color: #000000;

}



.p_ba7428 .cellI, .p_ba7428 .cellA {

    width: 15px;

    height: 20px;

    font-family: Courier, Verdana;

    font-size: 0.8em;

    float: left;

}



.p_ba7428 .cellI {

    background-color: #003250;

}



.p_ba7428 .cellA {

    background-color: #003250;

    visibility: hidden;

}