@import url(http://maxcdn.bootstrapcdn.com/font-awesome/4.3.0/css/font-awesome.min.css);

html { font-family: Segoe UI, Arial, Helvetica, sans-serif; font-size:100%; }
body, td, input, select, textarea, button { font-size:1em; }
body { padding:0; margin:0; background:#444; color:#222; }
.noList { list-style: none; margin: 0; padding: 0; }
.clearFix:after { visibility: hidden; display: block; font-size: 0; content: " "; clear: both; height: 0; }
a { text-decoration: none; }
a img { border: none; }
header { background:#87B21A; color:#fff; padding:1em 0 1.5em; }
header img { max-height: 3.5em; vertical-align: bottom; margin-right:1em; }
header h1 { margin:0; font-weight:300; display:inline-block; }
.sitePart { width:90%; max-width:1100px; margin:0 auto; }
main { min-height:65vh; background:#fff; color:#222; padding:2em 0; display:block; }
nav { float:left; width:26.33%; margin-right:5%; }
nav ul.noList ul.noList { margin-left:1.45em; margin-top:.055em; }
nav ul.noList li { padding:.2em 0; }
nav a { color:#222; font-size:.95em; position:relative; display:inline-block; padding-left:2em; }
nav a::before { display: inline-block; position:absolute; left:0; top:.4em; color: #9fa591; width: 25px; text-align: center; font: normal normal normal 14px/1 FontAwesome; font-size: .85em; text-rendering: auto; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; transform: translate(0, 0); content: "\f0ca"; }
nav a.homePage::before { content: "\f015"; font-size:1.2em;  }
nav a.testArchive::before { content: "\f187"; font-size:1em; top:.2em; }
nav a.testArchiveFolder::before { content: "\f07b"; font-size:1em; top:.2em; }
nav a.testArchiveFolder.active::before { content: "\f07c"; }
nav a.active { font-weight:500; }
.content { float:left; width:68.66%; }
footer { color:#ccc; padding:2em 0; text-align:right; }
footer img { max-width:10em; }
main h1 { font-weight:300;  margin:0 0 .4em; }
h2 { font-weight:300; margin:1.2em 0 .4em; }
.content > h2:first-child { margin-top:0; }
.infoList > li { padding:.15em 0; }
.infoList label { display:inline-block; width:15em; margin-right:1.5em; font-weight:500; font-size:.9em; }
.content a { color:#7fb100; }
.content a:hover { text-decoration:underline; }
.formList > li { padding:.45em 0; font-size:.95em; }
fieldset { border: solid 1px #bbb; border-radius: 3px; padding: 1em 2em 1.25em; margin-bottom:2em; }
input[type=number] { width: 2.5em; margin: 0 .5em; padding-left: .5em; }
legend { padding: .25em .5em; margin-left: -.5em; font-size: .9em; font-weight:500; }
button { padding: .75em 1.5em; background: #87b21a; border: solid 1px #759a17; border-radius: 3px; color: #fff; font-size: .95em; cursor: pointer; margin-top: 1em; }
button:hover { background:#a1d227; border-color: #9dcc27; }
.testList { margin-bottom:2em; }
.testList > li { padding:.15em 0; }