@import 'suckerfish.css';

body
{
	font: 12px/16px Arial, sans-serif;
	background: #FFF;
	color: #000;
	margin: 0;
	padding: 0;
}

form{
	margin:0;
	padding:0;
}

h2{
	padding:5px 0 20px;
	color:#fff;
	margin:0;
	font: bold 19px/21px Arial, sans-serif;
}
h3{
	padding:0;
	color:#fff;
	margin:0;
	font: bold 13px/15px Arial, sans-serif;
}

/* center the page */
#PageContainer {
	width: 780px;
	margin: 0 auto;
	padding: 10px 0 20px;
	/* IE <6: */
	text-align: left;
	position:relative; /*to allow positioning added by Jonas*/
}
fieldset{
	display:block;
	padding:0 10px 5px;
	border:1px solid white;
}
legend{
	color:white;
}
label.txt{
	font-weight:bold;
	display:block;
}
input,textarea,select,button{
	font: 11px/15px Tahoma, sans-serif;
}
input.txt, input.err{
	border:1px solid #7F9DB9;
	padding:1px 0 1px 0;
	height:13px;
	width:130px;
}
input.but
{
	padding:0 5px;
	margin:0;
	line-height:13px;
}
html>body input.txt, html>body input.err{
	height:auto;
}

select.txt{
	border:1px solid #7F9DB9;
	padding:0 0 0 1px;
	margin-bottom:5px;
	width:132px;
}


.err{
	background-color:yellow;
	color:red;
	font-weight:bold;
}


select.txt, select.err{
	border:1px solid #7F9DB9;
	padding:0 0 0 1px;
	margin-bottom:5px;
}



/* style for content layers */

#topbar {
	background-color: #a2d600;
	height: 111px;
}

#menubar {
	position:absolute;
	top:140px;
	background-color: #000;
	width: 780px;
}
#menubar a {
	width:100px;
	background: #000;
}

#middlebar {
	background: #801803 url('../i/middlebar-bg-blank.jpg') top left no-repeat;
	height: 255px;
	padding: 30px 350px 30px 25px;
	color: #fff;
	margin-bottom:3px;
}
html>body #middlebar{
	min-height: 255px;
	height:auto;
}


#campaignbar {
	background: #fff url('../i/campaignbar-bg.jpg') top left no-repeat;
	background-position: 64% 50%;
	height: 126px;
}	

#campaignheader {
	float: left;
	width: 500px;
	margin:25px;
}

#campaignheader h2 {
	color: #808080;
	display: inline;
}
#campaignheader a {
	font: bold 18px/24px Arial, sans-serif;
	color: #808080;
}

#campaignheader b {
	padding:0;
	font: bold 26px/26px Arial, sans-serif;
	color: #000;
	display: block;
	text-transform: uppercase;
}

#campaignform {
	float: right;
	width: 160px;
}

#warningbar {
	font: 12px/18px Arial, sans-serif;
	background-color: #000;
	color: #fff;
	padding: 12px 25px;
}

#warningbar .alternate {
	color: #BFBFBF;
}

#footer {
	font-style: italic;
	font-size: 11px;
	color: #90C300;
}

/* links */

/* don't show image border on links */
img { border: 0px; }

a, a:visited, a:active {
	font-weight: bold;
	font-size: 13px;
	color: #90C300;
	text-decoration: none;
}

a:hover {
	color: #5C7F01;
	text-decoration: underline;
}



#register {
	width: 122px;
	height: 29px;
	margin:48px 0px 0px 0px;

}
#register a {
	text-decoration: none;
	display: block;
	width: 122px;	
	height: 29px;
}

/* lists */
#middlebar .bulleted {
	background-image: url('../i/bullet-howto.gif');
	background-repeat: no-repeat;
	background-position: 0% 50%;
	padding-left: 30px;
	font-size: 13px;
	margin-bottom: 10px;
}
.msg{
	margin: 20px 0;
	border:2px solid black;
	background-color:white;
	color:black;
	width:300px;
	padding:20px;
}

ul.error{
	padding:10px 20px;
	border:2px solid black;
	color:red;
	background-color:white;
	font-weight:bold;
}
p{
	margin:0 0 8px;
}
div.errorcontainer{
	border:1px solid red;
	padding:5px;
	margin-top:4px;
	background-color:#ffff66;
}
div.errortext{
	color:red;
	font: bold 10px/13px Tahoma,sans-serif;
}