body{
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
color: #999999;
}


a:link, a:visited {
	color: #06c;
	text-decoration: none;
	
  }

a:hover {
	color:#000000;
	text-decoration: none;
	
  }

a:active {
	color: #06c;
	text-decoration: none; 
	
  }


#navlist{
margin: 2px;	
}


.simplebox{
border: 1px solid #CCCCCC;

padding: 10px;
margin-bottom: 5px;

}

.imagebox{
border: 1px solid #CCCCCC;
/*float: left;*/
padding: 5px;
margin-bottom: 5px;
margin-right: 10px;
}

.widget_normal{
min-height: 25px;
height: auto;
border: 0;
padding: 5px;
margin: 5px;
margin-bottom: 15px;
background-image: url();

}

.errormessage{
	background-image: url(../img/error_back.png);
	color: #FFF;
	font-weight: bold;
	border: 1px solid #C00;
	padding: 10px;
	margin-bottom: 10px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;

}

.errormessage p{
	color: #FFF;
}

.successmessage{
	background-image: url(../img/streep_back.png);
	color: #000;
	font-weight: bold;
	border: 1px solid #090;
	padding: 10px;
	margin-bottom: 10px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;

}


/* grid */

.row{
clear: both;
padding-top: 5px;
padding-bottom: 5px;

}

.left {
	float: left;
}

.right {
	float: right;
}

.middle {
	margin: 0 auto;
    
}

.w22 {
	width: 21%;
}

.w33 {
	width: 31%;
}

.w44 {
	width: 44%;
}

.w50 {
	width: 50%;
}

.w66 {
	width: 61%;
}

.w70 {
	width: 65%;
}

.w100 {
/* no width here, so it will automatically be 100% */	
}

.full{
width: 99%;	
}

h1{
margin: 20px;
}

.widget{
background-color: #FFF;
color: #000;

}

.widget_normal{
background-color: #FFF;
color: #000;
padding: 15px;
}