html {
	height: 100%;
}

body {
    margin: 0;
	height: 100%;
    min-height: 100%;
	font-family: "Arial", sans-serif;
	font-size: 16px;
	font-weight: 300;
	color: #333;
	background: #fff;
	letter-spacing: 0px;
}

a {
	color: #26c;
	text-decoration: none;
	border-radius: 3px;
}
a:hover { color: #a00; background: #aaaaaa; }

h1, h2, h3, h4 {
	letter-spacing: 0px;
}

h1 {
	text-align: center;
	font-weight: bold;
}

h4 {
	margin: 0px;
	padding: 0px;
	display: inline;
}

.clear { clear: both !important; }
.pink { color: #faa !important; }
.red { color: #d00 !important; }
.orange { color: #f80 !important; }
.green { color: #080 !important; }
.blue { color: #24a !important; }
.grey { color: #aaa !important; }
.italic { font-style: italic !important; }
.bold { font-weight: bold !important; }
.small { font-size: 10px !important; }
.center { text-align: center !important; }
.right { text-align: right !important; }

.w50  { width: 50px  !important; min-width: 50px  !important; }
.w100 { width: 100px !important; min-width: 100px !important; }
.w150 { width: 150px !important; min-width: 150px !important; }
.w175 { width: 175px !important; min-width: 175px !important; }
.w200 { width: 200px !important; min-width: 200px !important; }
.w250 { width: 250px !important; min-width: 250px !important; }
.w275 { width: 275px !important; min-width: 275px !important; }
.w300 { width: 300px !important; min-width: 300px !important; }
.w350 { width: 350px !important; min-width: 350px !important; }
.w400 { width: 400px !important; min-width: 400px !important; }
.w500 { width: 500px !important; min-width: 500px !important; }
.w600 { width: 600px !important; min-width: 600px !important; }
.w700 { width: 700px !important; min-width: 700px !important; }

div#all {
	/*position: relative;
	height: 100%; */
    min-height: 100%;
	width: 1000px;
	margin: 0px auto 0px auto;
}

div.developer {
	border-radius: 7px;
	border: 1px solid #bbb;
	background: #dee;
	margin: 20px 0px 20px 0px;
	padding: 5px;
}

/* div { border: 1px solid #fdd; } */

/* --- BANNER ---------------------------------------------------------------------- */

div#banner {
	float: left;
	margin-top: 10px;
	width: 100%;
	height: 189px;
}

img.logo {
	float: left;
	width: 100%;
	height: 189px;
	border-radius: 10px 10px 0px 0px ;
}

h2.title {
	display: inline-block;
	float: right;
	margin: 0 0 0 0;
	padding: 0 0 0 0;
	font-size: 20px;
	font-weight: 400;
	line-height: 100px;
}

/* --- MAIN ---------------------------------------------------------------------- */

div#main {
	clear: both;
	width: 100%;
}

div#navigation {
	width: 996px;
	padding: 2px;
	height: 70px;
	background: #136;
	color: #fff;
	border-radius: 7px 7px 0px 0px;
}

div#content {
	width: 940px;
	min-height: 500px;
	padding: 30px;
	background: #f8f8f8;
	border-radius: 0px 0px 10px 10px;
}

div#footer {
	clear: both;
	width: 980px;
	padding: 10px;
	margin-top: 30px;
    height: 20px;
    text-align: center;
	font-weight: 200;
}

i#version {
	font-size: 14px;
	color: #333;
	font-style: normal;
}


/* --- CUSTOM ---------------------------------------------------------------------- */

bold-text { font-weight: bold; }
hi-lite { color: #d00; }

clear-floats {
	display: block;
	clear: both;
}

page-title {
	display: block;
	font-size: 18px;
	font-weight: bold;
	margin: 10px 10px 10px 10px;
}

sub-heading {
	display: block;
	font-size: 16px;
	font-weight: bold;
	margin: 10px 10px 10px 20px;
}

report-box {
	display: block;
	clear: both;
	margin: 20px;
	font-size: 20px;
	color: black;
}

report-box h2 {
	background: #ccc;
	padding: 6px 0px 10px 14px;
}

text-box, alert-box, group-box, message-box, success-message, fail-message, quest-box {
	display: block;
	clear: both;
	margin: 10px 0px 10px 0px;
	padding: 10px 0px 10px 0px;
}

text-box, alert-box {
	margin: 10px;
}

alert-box {
	color: #d30;
}

group-box, message-box, success-message, fail-message, quest-box {
	border-radius: 10px;
	border: 1px solid #ddd;
}

message-box {
	margin: 10px;
	padding: 10px;
}

success-message, fail-message {
	margin: 10px;
	padding: 5px 20px 5px 20px;
	background: #ded;
	font-weight: bold;
}

fail-message {
	background: #edd;
}

quest-box {
	background: #eee;
	border-radius: 10px 10px 100px 10px;
}

badge-circle, badge-oval {
	display: block;
	float: left;
	width: 20px;
	height: 20px;
	border-radius: 20px;
	background: #0a8;
	margin: 0px -50px 0px 10px;
	padding: 10px;
	font-weight: bold;
	text-align: center;
	color: white;
}
badge-oval { width: 40px; }

badge-partner {
	display: block;
	float: left;
	margin: 0px 10px 0px 60px;
	padding: 10px;
}

field-box {
	display: block;
	clear: both;
}

field-label {
	display: block;
	margin: 6px;
	float: left;
	width: 200px;
	text-align: right;
	color: #666;
	line-height: 28px;
}

field-input, field-output, field-note {
	display: block;
	margin: 4px;
	float: left;
	width: 700px;
	text-align: left;
}

field-output, field-note {
	margin-top: 6px;
    line-height: 28px;
}

field-note {
	color: #666;
}

submit-button, new-button, delete-button, dull-button {
	display: inline-block;
	min-width: auto;
	height: 28px;
	padding: 0 15px;
	background: #269;
	border:0 none;
	color: #fff;
	font-weight: 400;
	line-height: 28px;
	cursor:pointer;
	-webkit-border-radius: 4px;
	border-radius: 4px;
}

submit-button:hover { background: #269a; }
new-button { background: #296; }
new-button:hover { background: #296a; }
delete-button { background: #a44; }
delete-button:hover { background: #a44a; }
dull-button { background: #ccc; }
dull-button:hover { background: #ccca; }

list-item {
	display: block;
	clear: both;
	margin: 7px;
	padding: 7px;
}

list-item:nth-child(even) {
	background: #eee;
}

list-column {
	display: inline-block;

}

question-text {
	display: block;
	font-weight: bold;
	font-size: 16px;
	margin: 10px 20px 10px 60px;
}

answer-choice {
	display: block;
	margin: 0px 20px 0px 100px;0
	vertical-align: top;
	clear: both;
	height: 24px;
}

answer-radio {
	display: block;
	float: left;
	margin: 0px 10px 0px 0px;
	height: 20px;
}

answer-text {
	display: block;
	float: left;
	color: #555;
	height: 20px;
	margin-top: 2px;
	cursor: pointer;
}

/* --- FORMS ---------------------------------------------------------------------- */

input, select {
	min-width: 150px;
	height: 28px;
	font-size: 14px;
	font-weight: 300;
	background: #fff;
	border: solid 1px #136;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	--border-radius: 4px;
	border-radius: 4px;
	line-height: 28px;
}
input {
	height: 18px;
	padding: 5px;
}

input:focus, select:focus {
	background: #dfecff;
	outline: none;
}

textarea.smalltext {
	margin: 4px;
	width: 690px;
	height: 80px;
}

textarea.largetext {
	margin: 4px;
	width: 690px;
	height: 400px;
}


/* ------------------------------------------------------------------------------------- */
/* --- ADMIN PAGE ---------------------------------------------------------------------- */
/* ------------------------------------------------------------------------------------- */

div#assessment, div#organisation {
	margin: 20px;
	background: #eee;
	border-radius: 10px;
}

/* ------------------------------------------------------------------------------------- */
/* --- PRINTING ------------------------------------------------------------------------ */
/* ------------------------------------------------------------------------------------- */

@media print {
	.noprint, div#footer {
		display: none;
	}
}