body { margin-bottom: 20px; }
h1 { font-size: 1.4em; border-bottom: 1px solid #D0D0D0; font-weight: normal; padding: 0px 0px 10px 0px; margin: 0 0 14px 0; color: #444; }
h2 { font-size: 1.3em; border-bottom: 1px solid #E0E0E0; font-weight: normal; padding: 0px 0px 5px 0px; margin: 0 0 14px 0; color: #999; }

header { background-color: none; min-height: 50px; }
header > img.logo { float: left; display: block; margin: 5px 20px 10px 5px; width: 40px; height: 40px; }
header > nav > ul { display: none; }

header > nav > ul.expand { display: block; clear: both; background-color: #eeeeee; z-index: 1; list-style: none; position: relative; top: 10px; padding: 0px; }
header > nav > ul.expand > li { padding: 8px; border-bottom: 1px solid #dddddd; }
header > nav > ul.expand > li.active { background-color: #dddddd; }
header > nav > ul.expand > li.active > a { color: #333333; }
header > nav > ul.expand > li > a { color: #666666; }
header > nav > div.toggle-navbar { border: 1px solid black; float: right; background-color: transparent; padding: 7px 5px 5px 5px; width: 30px; height: 30px; margin: 10px 10px; border-radius: 3px; }
header > nav > div.toggle-navbar > span.icon-bar { background-color: black; box-sizing: border-box; height: 2px; border: 1px solid black; display: block; margin-bottom: 4px; border-radius: 3px; }

@media screen and (min-width:768px) { 
	header > nav > div.toggle-navbar { display: none; }
	header > nav > ul { display: block; list-style: none; padding: 0px; margin: 0px; }
	header > nav > ul > li { float: left; padding: 13px 10px 10px 10px; box-sizing: border-box; height: 50px; line-height: 30px; }
	header > nav > ul > li > a { font-size: 0.9em; color: #444444; font-size: 1.1em;}
	header > nav > ul > li.active > a { color: black; font-weight: bold; }
	header > nav > ul > li > a:hover { color: black; }
}

@media screen and (min-width:992px) { header > nav > ul > li > a { font-size: 1em; } }
@media screen and (min-width:1200px) {  }

.form label { width: 150px; height: 100%; display: inline-block; vertical-align: top; text-align: right; padding-right: 25px; }
.form input { width: 250px; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; }
.form select { width: 250px; }
.form textarea { width: 250px; height: 50px; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; }
.form span { display: inline-block; }

.formrow { padding: 5px; }
.formrow.error input { border: 1px #BF3C3B solid; background-color: #FFDBDB; }
.formrow.error select { border: 1px #BF3C3B solid; background-color: #FFDBDB; }

.main-footer { border-top: 1px #D0D0D0 solid; text-align: right; font-size: 0.8em; padding: 10px; margin-top: 20px; }


.clickable { cursor: pointer; }

.textbutton { border: 1px #999999 solid; display: inline-block; padding: 3px 3px 3px 3px; color: #0f0f0f; text-decoration: none; background-color: #eeeeee; border-radius: 3px; -webkit-border-radius: 3px; margin-right: 6px; cursor: pointer; }
.iconbutton { border: 1px #999999 solid; display: inline-block; padding: 6px 6px 6px 25px; color: #0f0f0f; text-decoration: none; background-color: #eeeeee; border-radius: 3px; -webkit-border-radius: 3px; margin-right: 6px; background-repeat: no-repeat; background-position: 6px center; cursor: pointer; }
.icontext { display: inline-block; padding: 0px 0px 0px 25px; color: #0f0f0f; text-decoration: none; margin-right: 6px; background-repeat: no-repeat; background-position: 6px center; }
.icon { display: inline-block; width: 16px; height: 16px; background-repeat: no-repeat; background-position: 0px center; }
.iconbutton { background-repeat: no-repeat; background-position: 4px center; padding-left: 24px; }


.colwrapper { overflow: auto; }
.col50 { -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; float: left; width: 50%; padding: 10px; }
.col100 { -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; float: left; width: 100%; padding: 10px; }

.spacer10 { height: 10px; line-height: 10px; clear: both; }

.floatingtoolbar { background-color: #eeeeee; border-radius: 3px; -webkit-border-radius: 3px; border: 1px #999999 solid; padding: 5px; }
.floatingtoolbar button { padding-top: 1px; padding-bottom: 1px; background-color: #EFEFEF; color: #333333; border-color: #CCCCCC; }

.pad-top-30 { padding-top: 30px; }
.pad-top-20 { padding-top: 20px; }

.fullwidth { width: 100%; }

.summarybox { padding-top: 7px; }