/*

Dark blue - 003b80
Orange - f7921e

*/


body { background: #003b80; font-family: tahoma; font-size: 75%; text-align: center; }
input, textarea { font-family: tahoma; font-size: 85%; }
input.button { background: #f7921e; font-weight: bold; font-size: 90%; color: #003b80; }
select { font-family: tahoma; font-size: 80%; }
table, td, th, img, div { border: solid #003b80 0px; }
table { font-size: 100%; }
td, th, div { text-align: left; vertical-align: top; }
form { margin: 0px; }
fieldset { border: solid transparent 0px; padding: 0px; }
a { color: #003b80; text-decoration: none; font-weight: bold; }
a:hover { color: #f7921e; }

h1 { color: #003b80; font-size: 130%; margin: 0px 0px 10px 0px; }
h2 { color: #003b80; font-size: 120%; border-bottom: solid #f7921e 1px; margin: 0px 0px 10px 0px; }
h3 { color: #003b80; font-size: 120%; margin: 0px 0px 10px 0px; }
h4 { color: #003b80; font-size: 110%; margin: 0px 0px 10px 0px; }

table.base { width: 960px; background: white; border: solid white 5px; margin-left: auto; margin-right: auto; }
div.baseheader { margin: 5px; text-align: right; }
td.basetoolbar { color: white; }
div.basetoolbar { background: #f7921e; padding: 2px; margin-bottom: 5px; }
td.basetoolbar table { width: 100%; }
td.basetoolbar td { vertical-align: middle; }
td.basetoolbar td.language { text-align: right; }
td.basetoolbar a { color: white; font-weight: normal; }
td.basetoolbar a:hover { color: white; text-decoration: underline; }
td.basemenu { width: 200px; border-right-width: 1px; }
div.basemenu { margin: 5px; }
td.basecontent { width: 750px; }
div.basecontent { margin: 5px; width: 740px; }

div.message { color: #f7921e; font-weight: bold; margin-bottom: 20px; border-width: 2px; padding: 5px; }

table.menu { width: 100%; }
table.menu td.root { padding: 2px 5px 2px 5px; border-top: solid white 15px; }
table.menu td.selected { background: #003b80; }
table.menu td.selected a { color: white; }
table.menu td.sub { padding: 1px 3px 1px 10px; }
table.menu td.sub a { font-weight: normal; }

table.dialog td, table.dialog th { padding: 5px; }
table.dialog td.titletxt { text-transform: uppercase; font-weight: bold; color: #003b80; border-bottom: solid #f7921e 1px; }

table.searchbar, table.alphabet { width: 100%; }
table.searchbar td.alphabet { width: 75%; }
table.searchbar td.search { width: 25%; text-align: right; }
table.alphabet td { text-align: center; width: 3%; }

table.list td, table.list th { padding: 2px 5px 2px 5px; }

table.grid { border-width: 1px 0px 0px 1px; }
table.grid td, table.grid th { border-width: 0px 1px 1px 0px; padding: 2px 5px 2px 5px; }

table.form td, table.form th { padding: 2px 5px 2px 5px; }
table.form td.buttons { padding-top: 20px; }

div.accpending { color: #f7921e; }
div.accrejected { color: red; }
div.accapproved { color: green; }

span.late { font-weight: bold; text-transform: uppercase; }

tr.accpending, div.eventpending { background: #ddddff; }
tr.accreserve, div.eventreserve { background: #fddebb; }
tr.accrejected, div.eventrejected { background: #ffb2b2; }
tr.accapproved, div.eventapproved { background: #b2ffb2; }

div.eventbox { border: solid #003b80 1px; margin-top: 20px; }
div.eventcheckbox { background: #003b80; color: white; font-weight: bold; padding: 2px 5px 2px 5px; }
div.eventinfo, div.eventoptions { margin: 20px; }
div.eventcheckbox .late { background: red; width: 150px; text-align: center; vertical-align: middle; text-transform: uppercase; }

div.termsconditions { background: #eeeeee; border: solid #003b80 1px; height: 150px; width: 600px; overflow-y: scroll; padding: 5px; }
.reminder { color:red; font-weight: bold; }

.formbuilder .field { clear: both; padding: 10px 0px 0px 0px; }
.formbuilder .label { float: left; width: 370px; font-weight: bold; }
.formbuilder .input { float: left; width: 300px; }
.formbuilder .value { float: left; width: 300px; }
.formbuilder .field_error .label { color: #f7921e; }
.formbuilder .moreinfo { clear: both; margin: 0px 0px 0px 400px; }
.formbuilder .description { padding: 10px 0px 0px 0px; }
.formbuilder .field_section { padding: 20px 0px 0px 0px; }
.formbuilder .field_section .label { width: auto; float: none; }
.formbuilder h2 {clear:both;}

div.footerlinks { margin-top: 10px; padding: 10px 0px 5px 0px; border-top: 1px #f7921e dashed; text-align: right; }
div.footerlinks ul {padding: 0px 10px 0px 0px; margin: 0px 0px 0px 0px;}
div.footerlinks li {display: inline; padding: 0px 0px 0px 20px; margin: 0px 0px 0px 0px;}