/* Body */

body {
    font-family: Verdana, sans-serif;
    font-size: 12px;
    margin: 0;
    padding: 0;
}

/* Headings */

h1, h2, h3, h4 {
    font-size: 100%;
    font-weight: bold;
}

h1, h2 {
    color: #3a9333;
    margin: 2em 0 1em 0;
}

h3 {
    margin: 1.5em 0 0 0;
    border-bottom: 1px solid gray;
}

h1 {
  border-top: 1px dotted black;
}

.muted {
    font-weight: normal;
    color: #666666;
}

/* Links */

a, span.link {
    color: #ab5603;
    text-decoration: none;
}

a:hover, span.link:hover {
    text-decoration: underline;
}

a img {
    border: none;
}

/* Fields */

div.field {
    position: relative;
    margin-bottom: 0.5em;
    clear: left;
    zoom: 1;
}

div.field:after {
    content: ".";
    display: block;
    height: 0;
    clear: left;
    visibility: hidden;
}

div.field .label {
    float: left;
    width: 40%;
    margin-right: 1%;
    font-weight: bold;
    text-align: right;
}

div.field .value {
    margin-left: 41%;
}

/* Forms */

fieldset {
    border: none;
    border-top: 1px solid gray;
    padding: 0;
    margin-bottom: 1em;
    position: relative;
}

legend {
    font-weight: bold;
}

button {
    padding: 0 1em;
    margin: 0 0.5em;
}

form input.submit {
    display: block;
    margin-left: 41%;
}

form div.buttons {
    position: relative;
    margin: 1em 0;
    zoom: 1;
}

form div.buttons:after {
    content: ".";
    display: block;
    height: 0;
    clear: left;
    visibility: hidden;
}

form div.buttons input.submit {
    float: right;
    margin: 0;
}

form div.buttons input.submit.left {
    float: left;
}

form fieldset div.container {
    padding-top: 1em;
}

form p.hint {
    margin-top: 0;
    color: #444;
}

form div.field p.hint {
    margin-top: 1em;
    margin-bottom: 0.5em;
}

form .errors {
    color: red;
}

form ul.errors {
    list-style: url('red-up-arrow.gif');
    padding: 0 0 0 24px;
    margin: 0 0 0.5em 0;
}

form div.field input, form div.field select {
    position: relative;
    top: -3px;
    vertical-align: text-top;
}

form div.field label input {
    padding: 0;
    margin-top: 0;
    position: static;
    top: 0;
    vertical-align: middle;
}

form div.field input.long {
    width: 400px;
}

form div.field select.long {
    width: 400px;
}

/* Stacked forms or fieldsets (field value below field label) */

.stacked div.field {
    margin: 0 0 1em 0;
}

.stacked div.field .label {
    display: block;
    float: none;
    width: auto;
    margin-right: 0;
    text-align: left;
}

.stacked div.field .value, .stacked div.field ul.errors {
    margin-left: 0;
}

.stacked div.field input, .stacked div.field select, .stacked div.field .value label {
    position: static;
}

/* Survey forms (labels aligned left) */

form.survey {
    margin-top: 2em;
}

form.survey div.field .label {
    text-align: left;
    font-weight: normal;
    width: 35%;
}

form.survey div.field .value, form.survey input.submit {
    margin-left: 36%;
}

/* Tabs */

div.tabs {
    margin: 1em 0;
    padding: 0.5em;
    background: #eeeeee;
    height: 1.3em;
}

div.tabs a.current, div.tabs span.active a {
    text-decoration: underline;
}

.tabs-subnav-wrapper {
    position: absolute; 
    top: 2em; 
    left: -0.5em; 
    width: 1000px;
}

.tabs-subnav {
    padding: 0.3em 0.5em; 
    background: #eeeeee;
}

/* Columns */

.columns {
    clear: left;
    zoom: 1;
}

.columns:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}

.column {
    float: left;
    width: 48%;
    margin-left: 1%;
}

.column.single {
    width: 96.5%;

}
/* Validation error box */

.validation-error {
    margin: 1em 1em 1em 1em;
    padding: 1em 1em 1em 50px;
    background: url(validation-error.png) #ffccba 10px center no-repeat;
    color: #d63301;
    border: 1px solid #d63301;
}

/* Tables */

table {
    border-collapse: collapse;
    border: 1px solid #9fc0d6;
    background: white;
    margin-bottom: 1em;
}

tbody tr:first-child td, tfoot tr:first-child td {
    border-top: 1px solid #9fc0d6;
}

td {
    padding: 1px 1em;
}

th {
    padding: 3px 1em;
    text-align: left;
    vertical-align: top;
}

thead th {
    background-color: #d6e7f1;
}

tbody th {
    background-color: #eeeeee;
    border-top: 1px solid #9fc0d6;
    border-bottom: 1px solid #9fc0d6;
}

tfoot td {
    background-color: #d6e7f1;
    font-weight: bold;
}

th p {
    font-weight: normal;
}

table.big-cells td {
    padding: 1em;
}

tr.group-start td {
    border-top: 1px solid #9fc0d6;
}

tr.group-end td {
    border-bottom: 1px solid #9fc0d6;
}

td.group-start, th.group-start {
    border-left: 1px solid #9fc0d6;
}

td.group-end, th.group-end {
    border-right: 1px solid #9fc0d6;
}

table.list {
    width: 100%;
    border-collapse: collapse;
}

table.list tbody tr:hover {
    /*background-color: #d6e7f1;*/
  background-color: #d1f9cd;
}

table.grid td, table.grid th {
    border: 1px solid #9fc0d6;
    text-align: center;
    vertical-align: top;
}

table.grid td.standout {
    background: #fefed0;
}

table.stats {
    margin: 1em auto;
    min-width: 40em;
    border-collapse: collapse;
}

table.stats tr.subtotal, tr.total {
    font-weight: bold;
    height: 2.5em;
    vertical-align: top;
}

table.stats tr.subtotal td, tr.total td {
    border-top: 1px solid #9fc0d6;
}

table.stats caption {
    background: #ffffaa;
    border: 1px solid #c79810;
    padding: 0.75em;
    margin-bottom: 1em;
}

table.borderless {
    border: none;
    box-shadow: none;
}

table.borderless tbody tr:first-child td {
    border: none;
}

.green, tr.green td:first-child {
    background-image: url(green-circle.png);
    background-repeat: no-repeat;
    background-position: 5px center;
    padding-left: 15px;
}

.yellow, tr.yellow td:first-child {
    background-image: url(yellow-circle.png);
    background-repeat: no-repeat;
    background-position: 5px center;
    padding-left: 15px;
}

.red, tr.red td:first-child {
    background-image: url(red-circle.png);
    background-repeat: no-repeat;
    background-position: 5px center;
    padding-left: 15px;
}

.flag, tr.flag td:first-child {
    background-image: url(flag.gif);
    background-repeat: no-repeat;
    background-position: left center;
    padding-left: 15px;
}

.incomplete-file, tr.incomplete-file td:first-child {
    background-image: url(incomplete-file.png);
    background-repeat: no-repeat;
    background-position: left center;
    padding-left: 15px;
}

.checkmark, tr.checkmark td:first-child {
    background-image: url(checkmark.png);
    background-repeat: no-repeat;
    background-position: left center;
    padding-left: 15px;
}

tr.green, tr.yellow, tr.red, tr.flag, tr.incomplete-file, tr.checkmark {
    background-image: none;
    padding-left: 0;
}

tr.shaded {
    background-color: #eeeeee;
}

td.nowrap {
  white-space: nowrap;
}

td.top {
  vertical-align: top;
}

/* Pagination */

div.pagination-control {
    margin: 1em 0;
    text-align: center;
}

div.pagination-control .disabled {
    color: gray;
}

div.pagination-control .current {
    font-weight: bold;
}

/* Comments */

.comment-subtitle {
    color: gray;
}

p.comment {
    margin-top: 0;
}

/* Other stuff */

.standout {
    padding: 5px 15px;
    background: #E5F6FE;
}

div.one-line {
    white-space: nowrap;
}

.watermark {
    color: gray;
}

.strong {
    font-weight: bold;
}