@import url(reset.css);

body {
	font-family: "trebuchet ms", arial, helvetica, sans-serif;
	color: #333;
	line-height: 1.5em;
}
a { color: #900; font-weight: bold; text-decoration: none; }
a:hover { color: #c00; }
p { margin: 0 0 1em 0; }

#mainContent { padding: 1em; border-top: 14px solid #333; margin-bottom: 1em; }
#mainColumn { width: 800px; }

form {

}
fieldset {
	border: 1px solid #ccc;
	padding: 1em;
	background: #fff url(../img/gradient.jpg);
	background-repeat: repeat-x;
	background-position: bottom;
	margin-bottom: 1em;
}
legend { padding: 0 0.25em; }
label { margin-right: 0.5em; }
strong { font-style: italic; font-weight: bold; }

p.info { font-style: normal; font-size: 80%; }

#header { padding: 1em; border-bottom: 5px solid #900; margin-bottom: 1px; }
#header h1 { font-size: 250%; font-weight: normal; }
#header h1 a { font-weight: normal; }
#header h2 { display: none; }

#footer { background: #333; color: #fff; font-size: 75%; padding: 1em; border-bottom: 3px solid #900; border-top: 5px solid #ccc; }
#footer a, #footer a:hover { color: #fff; font-weight: normal; text-decoration: none; }
#footer ul { padding-bottom: 2em; clear: both; }
#footer li { float: left; margin: 0 1em 0 0; line-height: 1em; }
#footer li a, #footer li a:hover { color: #666; }


/* QCodo */
span.warning {
	color: orange; font-size: 1em; font-weight: bold;
	margin-left: 0.5em;
	background: url(../img/icon-error-16.png);
	background-repeat: no-repeat;
	background-position: 3px center;
	padding: 3px 5px 3px 24px;
}
.success {
	color: #060; font-size: 1em; font-weight: bold;
	margin-left: 0.5em;
	background: url(../img/tick.png);
	background-repeat: no-repeat;
	background-position: 3px center;
	padding: 3px 5px 3px 27px;
}
/* span.required { border-right: 2px solid #0c0; padding-right: 4px;} */