@CHARSET "UTF-8";
* {box-sizing: border-box;}
html, body {height:100%; margin:0px; padding:0px;}

a {color:#ff6800; text-decoration:none;}
body {background-color:#fff; color:#444; font-family: 'Raleway', sans-serif; font-size:14px; margin:0px; padding:0px;}
label {display:inline-block; width:140px;}
h1 {color:#ff6800; font-size:1.9em; font-weight:normal;}
h2 {font-size:1.4em; font-weight:normal;}
input[type=submit] {background-color:#ff6800; border:none; color:#fff !important; cursor:pointer; font-size:1em; padding:4px 6px;}
p {margin:0px;}
table {width:100%;}
textarea {font-family:inherit;}
th {text-align:left;}

.clearfix:after {clear:both; content:" "; display:block; height:0px;}
.clientColor1 {color:#ff6800;}
.error {border:2px solid #f00; margin:10px 0px; padding:4px;}
.loud, .loudDark {border:none; color:#fff !important; display:inline-block; font-size:1em; padding:4px 6px;}
.loud {background-color:#ff6800;}
.loudDark {background-color:#707070;}
.messageBox {border:1px solid #cecece; border-radius:4px; padding:10px;}
.messageBox.error {color:#f00;}

form div {margin:10px 0px;}
form label {text-transform:capitalize;}

.flash {background-color:lightgreen; border:1px solid green; border-radius:4px; padding:10px; margin:20px 0px;}

/* custom selects */
div.select {display:inline-block; position:relative;}
div.select select {cursor: pointer; position:relative; width:200px !important; z-index:2;}
div.select span.select {bottom:0; left:0; position:absolute; width:200px; z-index:1;}

/* wrapping */
div#wrapper {min-height:100%; position:relative;}
div#wrapperPadder {padding-bottom:230px;}
div.pageContainer {max-width:1080px; margin:0px auto;}

/* header */
div#header {border-bottom:1px solid #999; border-top:2px solid #ff6800; margin-bottom:20px;}
div#header img#clientLogo {margin-right:120px; vertical-align:bottom;}
div#header div#nav {display:inline-block;}
div#header div#nav ul {margin:0px; padding:0px;}
div#header div#nav ul li {display:inline-block; margin:6px;}
div#header div#nav ul li a {color:#444; font-size:20px; padding-bottom:6px;}
div#header div#nav ul li a:hover {border-bottom:4px solid #ff6800; color: #ff6800}
div#header div#nav ul li a.active {border-bottom:4px solid #ff6800;}

/* home */
div#home div#colOne {width:60%;}
div#home div#colTwo {width:300px;}
div#home ul.tabs {margin:0px; padding:0px; position:relative; top:1px;}
div#home ul.tabs li {background-color:#e5e5e5; border-color:#aaa; border-style:solid; border-width:1px 1px 1px 0px; cursor:pointer; display:table-cell; height:50px; margin:0px; padding:10px; vertical-align:bottom;}
div#home ul.tabs li:first-child {border-left-width:1px;}
div#home ul.tabs li.active {background-color:#fff; border-bottom:1px solid #fff;}
div#home ul.tabs li.active a {color:#444;}
div#home div.tabContent {padding:10px 0px; border-top:1px solid #aaa;}
div#home button[type="submit"] {background-color:#fff;border:none; color:#ff6800; font-size:16px; cursor:pointer;}
div#home .inputsmall {width:100px;}

ul.ads {margin:0px; padding:0px;}
li.ad {list-style-type:none; border:1px solid #cecece; padding:10px; margin-bottom:4px; cursor:pointer;}
li.ad:hover {border:1px solid #444;}
li.ad .title {font-weight:bold;}
li.ad .img {float:left; width:15%;}
li.ad .content {float:right; width:80%;}

div#searchCriteria div {margin:8px 0px;}
div#searchCriteria input[name="searchString"] {width:100%;}
div#searchCriteria select[name="categoryid"] {width:100%;}
div#searchCriteria select[name="targetid"] {width:100%;}

/* actions */
div#actions ul li { border:1px solid #e5e5e5; display:inline-block; padding:4px; width:200px;}
div#actions ul li img {width:80px; border:1px solid #e5e5e5; vertical-align:middle;}
div#actions div.actionSelected {border-left:2px solid #ff6800 !important;}

/* FOOTER */
div#footer {bottom:0; left:0; position:absolute; width:100%;}

.g-recaptcha {display:inline-block;}

/* MEDIA QUERIES */
@media all and (max-width:992px) {
	div.pageContainer {width:90%;}
	div#sponsors div#colTwo {width:auto;}
}

@media all and (max-width:768px) {
	div#actions div#colOne {float:none; margin:0px auto;}
	div#actions div#colTwo {margin:20px auto; width:300px;}
}

@media all and (max-width:600px) {
	div#sponsors div#colOne {float:none; margin:0px auto;}
	div#sponsors div#colTwo {margin:20px auto; width:300px;}
}

@media all and (max-width:480px) {
	div#footer {display:none;}
	div#wrapperPadder {padding-bottom:0px;}
}

@media all and (max-width:320px) {}