@import url(reset.css);

/*
* Main CSS Definition
*/

body {
	font-family: Segoe UI, Helvetica, Arial, sans-serif;
	font-size: 85%;
	line-height: 1.4em;
	background-color: #fff;
}
#container {
	padding: 0 1em 1em 1em;
}
#header {
	background: bottom left url(../img/header-bg.gif) repeat-x;
	padding-bottom: 27px;
}
#header h1 a {
	display: block;
	width: 250px;
	height: 53px;
	overflow: hidden;
	text-indent: -1000px;
	background: top left url(../img/logo.gif) no-repeat;
}
#left-panel {
	float: left;
	width: 345px;
	padding-top: 330px;
	background: top left url(../img/header.jpg) no-repeat;
}
#left-panel h3 {
	width: 343px;
	height: 130px;
	overflow: hidden;
	text-indent: -1000px;
	background: top left url(../img/header-quote.gif) no-repeat;
}
#left-panel p.tip {
	padding: 0.5em 1em;
}
#left-panel h4.tip {
	padding: 0.5em 1em;
	font-size: 1.2em;
}
#content {
	margin-left: 345px;
	padding: 1.5em 2em;
}

h2 {
	font-weight: normal;
	font-size: 1.6em;
	padding: 0 0 1em 0;
	margin: 0 0 0.75em 0;
	background: bottom left url(../img/line.gif) repeat-x;
}
h3 {
	font-weight: normal;
	font-size: 1.2em;
}
p {
	padding: 0 0 0.5em;
}
fieldset {
	margin: 1em 0;
	padding: 0.5em 1em 0.5em 1em ;
	border: 1px solid #c1cfe0;
	ba/ckground-color:#fafbfc;
	background: bottom left url(../img/fieldset-bg.gif) repeat-x #fff;
}
legend {
	font-size: 1.25em;
	padding: 0 0.5em;
}
input, select, textarea {
	vertical-align: middle;
	font-family: Segoe UI, Helvetica, Arial, sans-serif;
	font-size: 1em;
}
#skip-links {
	height: 20px;
	margin-top: -20px;
	overflow: hidden;
}

.next, .start {
	float: right;
	padding: 0 1em;
}
.previous {
	float: left;
	padding: 0 1em;
}
.print {
	text-align: center;
}

#pie-chart {

}
p.feedback {
	float: right;
	width: 250px;
	background-color: #fff;
	border: 1px solid #D9E3EF;
	padding: 0.5em 0.75em 0.5em;

}
p.feedback label,p.feedback label strong {
	display: block;
	font-size: 1.2em;
}
p.feedback label {
	font-size: 0.8em;
	color: #6D849F;
}
p.feedback textarea {
	border: 1px solid #D9E3EF;
	width: 21.85em;
	height: 15em;
	padding: 0.5em;
	font-size: 0.8em;
}
.feedback-submit {
	margin-top: 0.5em;
}


.large {
	font-size: 1.4em;
	padding: 0.1em 0 0.25em;;
	display: block;
}
.large .large {
	padding: 0.3em 0 0.25em;;

}
.large span.large {
	font-size: 1.2em;
}
.large .large strong {
	padding: 0.5em 0 0.25em;;
	display: block;
	font-size: 1.3em;
}
.right {
	float: right;
	width: 18em;
	color: #999;
	font-size: 0.9em;
	text-align: right;
}
#detailed-usage, #printable-tips {
	display: none;
}
#footer {
	font-size: 0.9em;
	line-height: 1.4em;
	clear: both;
	color: #ccc;
	padding: 1em 0.5em;
	text-align:center;
}
#footer a {
	color: #bbb;
}