html {font-family:Georgia;font-size:0.8em;margin:0px;padding:0px;}
input, button {font-family:Georgia;}

a, a:link, a:visited, a:hover, a:active {color:#3d9945;}

body {margin:0px;padding:0px;}

h1 {font-weight:normal;letter-spacing:-1px;margin:0px;font-size:1.25em;}
h1 strong {color:#3d9945;margin:0px;}

h2 {margin:0px;font-weight:normal;letter-spacing:0px;background:#3d9945;color:#fff;font-size:1.2em;padding:1px 10px;border-bottom:1px solid #000}
h2 img {vertical-align:-25%;}
h3 {margin:4px 8px 0px 8px;font-weight:bold;letter-spacing:0px;font-size:1.5em;}

hr {border:none;background:#eee;height:1px;margin:16px 32px;}

label {display:block;margin:8px 5px;padding:1px 12px;width:660px;text-align:right;}
label input {text-align:center;width:48px;border:1px solid #ccc;font:0.75em Verdana;}
input.widetext {text-align:left;width:468px;border:1px solid #ccc;font:0.75em Verdana;margin:1px 4px;padding:2px;}
input.narrowtext {text-align:left;width:100px;border:1px solid #ccc;font:0.75em Verdana;margin:1px 372px 1px 4px;padding:2px;}
label img {vertical-align:-60%;}

table {width:100%;border-collapse:collapse;margin:12px 0px}
table tr td {padding:6px 0px 0px;color:#444;font-size:0.85em}
table tr th {font-weight:normal;background:#eee;text-align:left;color:#444;padding:3px 1px;margin:1px 0px;font-size:0.9em;letter-spacing:-1px;}

td.label {width:300px !important;font-size:0.9em;padding:2px 16px;}
td.field {width:210px;}
td.field input {width:180px;text-align:center;font-size:1.1em;font-family:Verdana;}
td.field.narrow {width:110px;}
td.field.narrow input {width:80px;}

td.bold {font-weight:bold;padding:16px 0px 0px;}

input.grey {padding-left:10px;border:2px solid #aaa}
input.red {background:Url('images/red-stripe.png') top left no-repeat;padding-left:10px;border:2px solid #cd3a2c}
input.orange {background:Url('images/orange-stripe.png') top left no-repeat;padding-left:10px;border:2px solid #ff9320}
input.green {background:Url('images/green-stripe.png') top left no-repeat;padding-left:10px;border:2px solid #3d9945}

p {font-size:0.85em;}
p.radio label {display:inline;}

#header {background:Url('/images/grip-logo-small.jpg') no-repeat 100% 0px #daebdb;height:16px;padding:8px;border-bottom:1px solid #3d9945;}
#header .tools {float:right;margin-right:30px;}
#header .icons {float:right;margin-right:90px;}
#header .icons img {margin:0px 4px;}

#progress {background:#eee;border:1px solid #ccc;padding:4px 8px;margin:0px 0px 8px 0px;font-size:0.85em}
#progress h3 {position:absolute;margin:0px 0px 0px 4px;padding:0px;font-size:0.9em;}
#progress table {padding:4px 6px;width:100%;margin:0px;}
#progress table tr td {text-align:right;padding:0px 0px 4px 0px;width:5%;margin:0px}
#progress table tr td span {position:relative;left:4px;}
#progress table tr.bar td {background:#ddd;height:4px;font-size:0.5em;border-bottom:1px solid #ccc;border-top:1px solid #fff;}
#progress table tr.bar td.first {border-left:1px solid #fff;}
#progress table tr.bar td.last {border-right:1px solid #ccc;}
#progress table tr.bar td.complete {background:#3d9945;}

#mainForm {display:block;margin:0px;padding:8px 16px 0px 16px;}

.screen {display:none;}
.screen p {margin:8px;}

#pageNav {margin:8px 0px;padding:0px 8px 8px;text-align:right;background:#eee;height:24px;border:1px solid #ccc;}

#prevLabel {display:block;float:left;text-align:left;width:45%;font-size:0.8em;}
#prevLabel button {margin-right:4px;}

#nextLabel {float:right;text-align:right;width:40%;font-size:0.8em;}
#nextLabel button {margin-left:4px;}

.overview {line-height:100%;border-bottom:1px solid #ccc;margin:0px 16px 0px;}

.overview table.headers {border:1px solid #ccc !important;border-bottom:none !important;margin:6px 0px 0px 1px;background:#eee;}
.overview table.headers th {text-align: left;font-size:11px;font-weight:bold;padding:3px 6px 2px 6px;width:20%;background:#ddd;}
.overview table.headers th.active {background:#3d9945;color:#fff;text-decoration:none;}
.overview table.headers th.active a {color:#fff;text-decoration:none;}

.overview ul {display:block;margin:0px -1px 0px 0px;padding:2px 0px 0px;list-style-type:none;background:#eee;border:1px solid #ccc;border-top:none;border-bottom:none;display:none;}
.overview ul li {display:inline;padding:2px 4px 0px 4px;margin:0px 0px 0px 0px;font-size:0.85em;}
.overview ul li.active {background:#5cb761;color:#fff;}
.overview ul li.active a {color:#fff;text-decoration:none;padding:1px 2px;}
.overview ul#generalMenu {display:block;}

.overview ul.sub {background:#f7f7f7} 

.bold {font-weight:bold;}

