/* Surveys CSS */

html { font: 12px verdana; background-color: #f0f0f0; text-align: center;}

h1 { font-size: 1.25em; font-weight: bold; margin-bottom: 1em; color: #c00000;}
h2 { font-size: 1.10em; font-weight: bold; margin-bottom: 1em; color: #c00000;}

.page-container {  width: 600px; padding-top: 16px;  padding-bottom: 16px; margin-left: auto; margin-right: auto; text-align: left;}
.page {  padding: 12px; background-color: #ffffff; border: 1px solid #c0c0c0; border-width: 1px 2px 2px 1px; }

dl { margin: 8px 0; }
dt { font-weight: bold; }
dt .note {font-weight: normal; font-style: italic; font-size: 80%; }
dd { margin: 16px; }

table { table-layout: fixed; }

table th,td { font-size: 11px; padding: 1px 0; }
table th { color: #505050; font-size: 11px; padding-right: 4px; }
table td {}

div.grid { width: 100%; }
table.grid { margin-left: auto; margin-right: auto;  width: 100%;}
table.grid thead th {text-align: center; border: 1px solid #d0d0d0; padding: 4px; font-weight:bold;}
table.grid th {border: 1px solid #d0d0d0; padding: 4px; color: #000000;}
table.grid td {text-align: right; white-space: nowrap; border: 1px solid #d0d0d0; padding: 4px 8px;}

table.grid td.checkbox {text-align: left; padding-left: 90px;}

table.grid td.units {text-align: left; padding: 0 1em 0 0.25em; border-left: 1px solid #ffffff;}
table.grid tfoot th {text-align: left; border: 1px solid #d0d0d0;}
table.grid tfoot td {text-align: right;  border: 1px solid #d0d0d0;}
table.grid tfoot td.units {border-left: none;} 
table.grid input {text-align: right; padding: 2px;  }

div.buttons {
   text-align: center;
   margin-top: 16px; padding-top: 16px;
   border-top: 1px solid #c0c0c0;
}

.subhead {
   font-weight: bold;
   font-size: 11px;
   color: #c00000;
}

.welcome { margin-top: 16px; margin-bottom: 16px; }