/* -------------- reset -------------- */

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, /* sub, sup, */ tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
}
body {
	line-height: 1;
}
ol, ul {
	list-style: none;
}
p, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}

:focus {
	outline: 0;
}

ins {
	text-decoration: none;
}
del {
	text-decoration: line-through;
}

table {
	border-collapse: collapse;
	border-spacing: 0;
}

/* -------------- site -------------- */

body {
	font:0.65em/1.6 Verdana;
	text-align:center;
	color:#555;
}
a {
	color:#667c0e;
	text-decoration:none;
	border-bottom:1px solid;
}
a:hover {
	color:#000;
	border-bottom:1px solid #9a8e51;
}
abbr {
	border-bottom:1px dotted;
	cursor:help;
}
.floatright {
	float:right;
}
.floatleft {
	float:left;
}
.clearboth {
	clear:both;
}
.aligncenter {
	text-align:center;
}
.alignleft {
	text-align:left;
}
.alignright {
	text-align:right;
}
.fail {
	color:#CC3300;
}
.pass {
	color:#669900;
}

.main {
	margin:0 auto;
	width:640px;
	text-align:left;
	overflow:hidden;
}
.header {
	background:#fbfaf4;
	border-bottom:1px solid #e8e4d3;
	border-top:5px solid #8caa13;
	position:relative;
}
.header .main {
	position:relative;
}
.header h1 {
	padding:15px 0 18px 0;
}
.header h1 a {
	font:bold 3.2em Arial;
	letter-spacing:-1px;
	color:#333;
	border:none;
}
.header h1 a:hover {
	color:#000;
}
.header .report {
	font-size:1.05em;
	position:absolute;
	right:0;
	top:0;
	border:none;
	color:#B69D85;
}
.header .report:hover {
	color:#96785A;
}
.primary .main {
	margin-top:12px;
	margin-bottom:20px;
}
.notice {
	background:#FFF9F0;
	border:1px dotted #FF9900;
	padding:8px 0 10px 0;
	margin:4px 0 0 0;
	font-size:1.1em;
}
.notice .main {

}
.notice .notice-content {
	text-align:center;
}
.notice p {
	margin-top:10px;
}
.notice h2 {
	font:bold 2em Arial;
	text-align:center;
	color:#CC3300;
	letter-spacing:-1px;
}
.notice.failure h2 {
	color: #CC3300;
}
.notice.success h2 {
	color:#669900;
}
.notice form {
	padding:10px;
	border:1px solid #eee;
	margin:10px 0;
	background:#fff;
}
.notice form input {
	position:relative;
	top:2px;
}
.notice form em {
	color:#aaa;
	font-size:0.9em;
}

.content p,
.content ul,
.content ol,
.content table,
.content blockquote,
.content pre code {
	margin:0 0 16px 0;
}
.content ol, .content ul {
	margin-left:36px;
	margin-top:-6px;
}
.content form ol {
	margin:0;
	list-style:none;
}
.content ol {
	list-style:decimal;
}
.content ul {
	list-style:square;
}

h1, h2, h3, h4, h5, h6 {
	color:#444240;
}
.content h1,
.content h2,
.content h3,
.content h4,
.content h5,
.content h6 {
	margin:0 0 6px 0;
}
.content h2 {
	font:bold 1.4em Arial;
}
.content h3 {
	font:bold 1.2em Arial;
}
.description {
	font:1.4em/1.4 Arial;
	margin:0 0 15px 0;
	border-bottom:1px dotted #ccc;
}
.form-desc {
	border-bottom:3px dotted #ccc;
	margin-bottom:30px;
}
.description h2 {
	color:#333;
}




.form {
	
}
.form li {
	margin:0 0 32px 0;
}
.form li li {
	margin:6px 0 0 0;
}




.footer {
	padding:0 0 20px 0;
}
.footer .main {
	border-top:1px dashed #d9d9d9;
	padding:14px 0 20px 0;
	text-align:center;
}
.footer .main .form-kid {
	background:url(/_img/sps-bg.png) no-repeat 0 0;
	text-indent:-1000em;
	width:113px;
	height:15px;
	overflow:hidden;
	display:block;
	margin:0 auto;
}
.footer .main .form-kid:hover {
	border:none;
}
.footer a {
	border:none;
}
.footer a:hover {
	border-bottom:1px solid #9a8e51;
}

table {
	border:1px solid #eee;
	width:100%;
	border-collapse:separate;
	border-spacing:2px;
}
caption {
	font-weight:bold;
}
th, td {
	padding:2px 4px;
}
th {
	background:#f1f1f1;
}
td {
	background:#f7f7f7;
}
q {
	font-style:italic;
}
blockquote {
	font:1.5em/1.6 Times New Roman;
	padding:6px 0 6px 20px;
	border-left:2px solid #669900;
	color:#765;
}
code {
	font:1em Courier New;
}
pre {
	font-size:1.1em;
}
pre code {
	display:block;
	padding:6px 0 6px 20px;
	border-left:2px solid #3366CC;
	color:#678;
	line-height:1.6;
}

form {
}
form .question {
	font:1.2em Arial;
	margin:0 0 4px;
	padding:0 0 0 20px;
	background:url(/_img/icon-questionmark.png) no-repeat 0 50%;
	color:#516060;
}
form .question em {
	font-weight:bold;
}
.input-radio {
	margin-right:5px;
	margin-left:10px;
	margin-bottom:2px;
	vertical-align:middle;
}
ul.radios, ul.checkboxes {
	margin:8px 0 2px 0;
	list-style:none;
	line-height:1.2;
}
ul.checkboxes {
	margin:0 0 2px 8px;
}
ul.radios li label, ul.checkboxes li label {
	position:relative;
	top:2px;
}
.input-checkbox {
	margin-right:5px;
	vertical-align:middle;
}
.input-text {
	border:1px solid #ccc;
	border-top-color:#999;
	font:1.2em Arial;
	padding:3px 2px;
	display:block;
}
.input-text:hover {
	border-color:#afafaf;
	border-top-color:#666;
}
.input-text:focus {
}
.text-input {
	width:500px;
}
label {
	display:block;
	margin:4px 0 6px 0;
	font:bold 1.36em Verdana;
	color:#444;
}
label strong {
	font-weight:bold;
	font-size:1.6em;
	line-height:0;
	color: #FF0066;
}
legend {
	font:2em Arial;
	color:#9ab;
	padding:2px 0 8px 30px;
	background:url(/_img/fieldset.png) no-repeat 0 3px;
}
button {
	font:bold 1.28em Verdana, Helvetica, Arial, sans-serif;
	padding:5px 20px;
}
button img {
	vertical-align:middle;
}
.standalone button {
	margin-top:10px;
}
.hint, .tip {
	font:italic 1.12em Verdana;
	color:#919191;
	padding:4px 0 0 0;
}
.tip {
	font-style:normal;
	color:#333;
	display:inline;
}
.tip strong {
	font-size:1.6em;
}

input.error, textarea.error {
	border-color: #FFCC00;
}
input.error:hover, textarea.error:hover {
	border-color: #FF9900;
}
span.error {
	color: #FF4111;
	font:bold 1.12em Tahoma;
	background:url(/_img/arrow-up.png) no-repeat 0 0;
	padding:0 0 0 18px;
	margin:4px 0 0 0;
	display:block;
}
span.example, span.error span.example {
	border-bottom:1px dotted;
	color:#777;
}

.html {
	font:1.4em/1.4 Arial;
	margin:0 0 15px 0;
}

form .html ul, form .html ol {
	margin-left:35px;
	margin-bottom:15px;
}
form .html ul {
	list-style:square;
}
form .html ol {
	list-style:decimal;
}

.inline {
	display:inline;
	vertical-align:middle;
}

.section {
	background:#f6f6f6;
	padding:10px 0 4px 12px;
}
.section div {
	margin:0 0 8px 0;
}

.feedback {
	font:1.6em/1.6 Arial;
	color:#9EACB4;
	padding:0 0 0 5px;
	border-left:10px solid #f2f1e2;
	margin:0 0 0 15px;
}
.feedback .feedback-content {
	padding:0 0 0 15px;
}
.feedback h2 {
	font:1.4em Lucida Sans Unicode, Lucida Grande, sans-serif;
	color:#fff;
	letter-spacing:-1px;
	padding:2px 6px 4px 6px;
	background:#7bb52e;
}