html, body { margin: 0; padding: 0; font-family: 'Abel', sans-serif; background-color: #ffffff; color: #6d6e70;}
a {color: #58595a; text-decoration: underline;}
.header {background-color: #2F3133; color: #ffffff; padding: 8px 12px;}
.header .logo {float:right;}
.header a {color: #ffffff;}
.header .clr {clear: right;}
.content {margin: 20px;}

form { background-color: #d9d9d9; width: 350px; padding: 15px; color: #000000;}
form p {margin: 10px 0; line-height:1.7em;}
form .btns {text-align:center; margin-bottom: 5px;}
form a.small {font-size: 0.7em;}
form input[type=text] {font-size: 1.1em; padding: 5px; margin: 0 7px;}
form input.btn  {margin-top: 10px; font-size: 1em; color: #ffffff; background-color:#F26523; padding: 10px 15px; text-decoration: none; border-radius: 5px; border: 0; cursor: pointer;}
form input.btn.red { background-color: #c00000;}
form select, form select>option { font-size: 1.1em; padding: 5px; margin: 0 7px;}



a.btn {font-size: 0.9em; color: #ffffff; background-color:#F26523; padding: 4px 7px; text-decoration: none; border-radius: 5px; margin-left: 5px;}
span.btn {font-size: 0.9em; color: #ffffff; background-color:#F26523; padding: 4px 7px; text-decoration: none; border-radius: 5px; margin-left: 5px;}
span.btn.disabled {color:#d6d4d4;; font-style: italic;}
strong {font-size: 1.1em; margin: 0;}



table {display: table; width: 100%; border: 1px solid silver; border-top: 0; margin-top: 30px; border: 1px solid gray; border-collapse: collapse;}

table caption { border: 0; background-color: #96D1D0; color: #ffffff; padding: 0; text-align: left;}
table caption h2 { margin: 8px 10px;  padding: 0;}
table caption div.red { background-color: #ce2121; color: #ffffff; padding: 8px 10px;}
table caption div.red a {color: #ffffff;}
table caption div.orange { background-color: #ce5821; color: #ffffff; padding: 8px 10px;}
table caption div.orange a {color: #ffffff;}
table caption div.yellow { background-color: #ffff00; color: #000000; padding: 8px 10px;}
table caption div.yellow a {color: #000000;}


table tr.buttons { border: 0; background-color: rgba(235, 231, 240, 0.568); color: #ffffff;  width:100%;}
table tr.buttons td { padding: 15px 5px;}

table td, table th { padding: 8px 10px; }
table td {border: 1px solid silver; vertical-align: top;} 
table td a {font-size: 0.8em; color:#F26523;}
table td a:hover {color: #ffffff; background-color:#F26523;}
table td:first-child {width: 180px;}
table th { background-color: #ABADB0; color: #ffffff; text-align: left;}

table tr td .unit {margin-bottom: 10px;}
table tr td .unit:last-child {margin-bottom: 0;}
table tr td .label {font-size: 1.1em; line-height: 1.1em; }
table tr td img.icon {width: 18px; height: 18px; vertical-align: middle; margin-left: 5px; margin-top:-4px;}

.title h1 { padding:0; margin: 0 15px 0 0; display: inline-block;}
.title a.btn {display: inline-block; margin-bottom: 4px;}

.flash {margin: 0 0 15px 0; background-color: #559b00; border-radius: 3px; border: 1px solid#396801; color: #ffffff; padding: 5px;}
.flash a {color: #ffffff;}
.flash.error {background-color: #ce2121; border: 1px solid #891414;}
.flash.warning {background-color: #e56114; border: 1px solid#af4a0f;}