@import url("/stylesheets/static/redbox.css");



/* ============================================================================ */
/* =                          Global Reset a la Eric Meyer                    = */
/* ============================================================================ */
html {
  margin: 0;
  padding: 0;
  border: 0;
  outline: 0;
  font-weight: inherit;
  font-style: inherit;
  font-size: 100%;
  font-family: inherit;
  vertical-align: baseline;
}
body {
  margin: 0;
  padding: 0;
  border: 0;
  outline: 0;
  font-weight: inherit;
  font-style: inherit;
  font-size: 100%;
  font-family: inherit;
  vertical-align: baseline;
}
div {
  margin: 0;
  padding: 0;
  border: 0;
  outline: 0;
  font-weight: inherit;
  font-style: inherit;
  font-size: 100%;
  font-family: inherit;
  vertical-align: baseline;
}
span {
  margin: 0;
  padding: 0;
  border: 0;
  outline: 0;
  font-weight: inherit;
  font-style: inherit;
  font-size: 100%;
  font-family: inherit;
  vertical-align: baseline;
}
applet {
  margin: 0;
  padding: 0;
  border: 0;
  outline: 0;
  font-weight: inherit;
  font-style: inherit;
  font-size: 100%;
  font-family: inherit;
  vertical-align: baseline;
}
object {
  margin: 0;
  padding: 0;
  border: 0;
  outline: 0;
  font-weight: inherit;
  font-style: inherit;
  font-size: 100%;
  font-family: inherit;
  vertical-align: baseline;
}
iframe {
  margin: 0;
  padding: 0;
  border: 0;
  outline: 0;
  font-weight: inherit;
  font-style: inherit;
  font-size: 100%;
  font-family: inherit;
  vertical-align: baseline;
}
h1 {
  margin: 0;
  padding: 0;
  border: 0;
  outline: 0;
  font-weight: inherit;
  font-style: inherit;
  font-size: 100%;
  font-family: inherit;
  vertical-align: baseline;
}
h2 {
  margin: 0;
  padding: 0;
  border: 0;
  outline: 0;
  font-weight: inherit;
  font-style: inherit;
  font-size: 100%;
  font-family: inherit;
  vertical-align: baseline;
}
h3 {
  margin: 0;
  padding: 0;
  border: 0;
  outline: 0;
  font-weight: inherit;
  font-style: inherit;
  font-size: 100%;
  font-family: inherit;
  vertical-align: baseline;
}
h4 {
  margin: 0;
  padding: 0;
  border: 0;
  outline: 0;
  font-weight: inherit;
  font-style: inherit;
  font-size: 100%;
  font-family: inherit;
  vertical-align: baseline;
}
h5 {
  margin: 0;
  padding: 0;
  border: 0;
  outline: 0;
  font-weight: inherit;
  font-style: inherit;
  font-size: 100%;
  font-family: inherit;
  vertical-align: baseline;
}
h6 {
  margin: 0;
  padding: 0;
  border: 0;
  outline: 0;
  font-weight: inherit;
  font-style: inherit;
  font-size: 100%;
  font-family: inherit;
  vertical-align: baseline;
}
p {
  margin: 0;
  padding: 0;
  border: 0;
  outline: 0;
  font-weight: inherit;
  font-style: inherit;
  font-size: 100%;
  font-family: inherit;
  vertical-align: baseline;
}
blockquote {
  margin: 0;
  padding: 0;
  border: 0;
  outline: 0;
  font-weight: inherit;
  font-style: inherit;
  font-size: 100%;
  font-family: inherit;
  vertical-align: baseline;
}
pre {
  margin: 0;
  padding: 0;
  border: 0;
  outline: 0;
  font-weight: inherit;
  font-style: inherit;
  font-size: 100%;
  font-family: inherit;
  vertical-align: baseline;
}
a {
  margin: 0;
  padding: 0;
  border: 0;
  outline: 0;
  font-weight: inherit;
  font-style: inherit;
  font-size: 100%;
  font-family: inherit;
  vertical-align: baseline;
}
abbr {
  margin: 0;
  padding: 0;
  border: 0;
  outline: 0;
  font-weight: inherit;
  font-style: inherit;
  font-size: 100%;
  font-family: inherit;
  vertical-align: baseline;
}
acronym {
  margin: 0;
  padding: 0;
  border: 0;
  outline: 0;
  font-weight: inherit;
  font-style: inherit;
  font-size: 100%;
  font-family: inherit;
  vertical-align: baseline;
}
address {
  margin: 0;
  padding: 0;
  border: 0;
  outline: 0;
  font-weight: inherit;
  font-style: inherit;
  font-size: 100%;
  font-family: inherit;
  vertical-align: baseline;
}
big {
  margin: 0;
  padding: 0;
  border: 0;
  outline: 0;
  font-weight: inherit;
  font-style: inherit;
  font-size: 100%;
  font-family: inherit;
  vertical-align: baseline;
}
cite {
  margin: 0;
  padding: 0;
  border: 0;
  outline: 0;
  font-weight: inherit;
  font-style: inherit;
  font-size: 100%;
  font-family: inherit;
  vertical-align: baseline;
}
code {
  margin: 0;
  padding: 0;
  border: 0;
  outline: 0;
  font-weight: inherit;
  font-style: inherit;
  font-size: 100%;
  font-family: inherit;
  vertical-align: baseline;
}
del {
  margin: 0;
  padding: 0;
  border: 0;
  outline: 0;
  font-weight: inherit;
  font-style: inherit;
  font-size: 100%;
  font-family: inherit;
  vertical-align: baseline;
}
dfn {
  margin: 0;
  padding: 0;
  border: 0;
  outline: 0;
  font-weight: inherit;
  font-style: inherit;
  font-size: 100%;
  font-family: inherit;
  vertical-align: baseline;
}
em {
  margin: 0;
  padding: 0;
  border: 0;
  outline: 0;
  font-weight: inherit;
  font-style: inherit;
  font-size: 100%;
  font-family: inherit;
  vertical-align: baseline;
}
font {
  margin: 0;
  padding: 0;
  border: 0;
  outline: 0;
  font-weight: inherit;
  font-style: inherit;
  font-size: 100%;
  font-family: inherit;
  vertical-align: baseline;
}
img {
  margin: 0;
  padding: 0;
  border: 0;
  outline: 0;
  font-weight: inherit;
  font-style: inherit;
  font-size: 100%;
  font-family: inherit;
  vertical-align: baseline;
}
ins {
  margin: 0;
  padding: 0;
  border: 0;
  outline: 0;
  font-weight: inherit;
  font-style: inherit;
  font-size: 100%;
  font-family: inherit;
  vertical-align: baseline;
}
kbd {
  margin: 0;
  padding: 0;
  border: 0;
  outline: 0;
  font-weight: inherit;
  font-style: inherit;
  font-size: 100%;
  font-family: inherit;
  vertical-align: baseline;
}
q {
  margin: 0;
  padding: 0;
  border: 0;
  outline: 0;
  font-weight: inherit;
  font-style: inherit;
  font-size: 100%;
  font-family: inherit;
  vertical-align: baseline;
}
s {
  margin: 0;
  padding: 0;
  border: 0;
  outline: 0;
  font-weight: inherit;
  font-style: inherit;
  font-size: 100%;
  font-family: inherit;
  vertical-align: baseline;
}
samp {
  margin: 0;
  padding: 0;
  border: 0;
  outline: 0;
  font-weight: inherit;
  font-style: inherit;
  font-size: 100%;
  font-family: inherit;
  vertical-align: baseline;
}
small {
  margin: 0;
  padding: 0;
  border: 0;
  outline: 0;
  font-weight: inherit;
  font-style: inherit;
  font-size: 100%;
  font-family: inherit;
  vertical-align: baseline;
}
strike {
  margin: 0;
  padding: 0;
  border: 0;
  outline: 0;
  font-weight: inherit;
  font-style: inherit;
  font-size: 100%;
  font-family: inherit;
  vertical-align: baseline;
}
strong {
  margin: 0;
  padding: 0;
  border: 0;
  outline: 0;
  font-weight: inherit;
  font-style: inherit;
  font-size: 100%;
  font-family: inherit;
  vertical-align: baseline;
}
sub {
  margin: 0;
  padding: 0;
  border: 0;
  outline: 0;
  font-weight: inherit;
  font-style: inherit;
  font-size: 100%;
  font-family: inherit;
  vertical-align: baseline;
}
sup {
  margin: 0;
  padding: 0;
  border: 0;
  outline: 0;
  font-weight: inherit;
  font-style: inherit;
  font-size: 100%;
  font-family: inherit;
  vertical-align: baseline;
}
tt {
  margin: 0;
  padding: 0;
  border: 0;
  outline: 0;
  font-weight: inherit;
  font-style: inherit;
  font-size: 100%;
  font-family: inherit;
  vertical-align: baseline;
}
var {
  margin: 0;
  padding: 0;
  border: 0;
  outline: 0;
  font-weight: inherit;
  font-style: inherit;
  font-size: 100%;
  font-family: inherit;
  vertical-align: baseline;
}
dl {
  margin: 0;
  padding: 0;
  border: 0;
  outline: 0;
  font-weight: inherit;
  font-style: inherit;
  font-size: 100%;
  font-family: inherit;
  vertical-align: baseline;
}
dt {
  margin: 0;
  padding: 0;
  border: 0;
  outline: 0;
  font-weight: inherit;
  font-style: inherit;
  font-size: 100%;
  font-family: inherit;
  vertical-align: baseline;
}
dd {
  margin: 0;
  padding: 0;
  border: 0;
  outline: 0;
  font-weight: inherit;
  font-style: inherit;
  font-size: 100%;
  font-family: inherit;
  vertical-align: baseline;
}
ol {
  margin: 0;
  padding: 0;
  border: 0;
  outline: 0;
  font-weight: inherit;
  font-style: inherit;
  font-size: 100%;
  font-family: inherit;
  vertical-align: baseline;
}
ul {
  margin: 0;
  padding: 0;
  border: 0;
  outline: 0;
  font-weight: inherit;
  font-style: inherit;
  font-size: 100%;
  font-family: inherit;
  vertical-align: baseline;
}
li {
  margin: 0;
  padding: 0;
  border: 0;
  outline: 0;
  font-weight: inherit;
  font-style: inherit;
  font-size: 100%;
  font-family: inherit;
  vertical-align: baseline;
}
fieldset {
  margin: 0;
  padding: 0;
  border: 0;
  outline: 0;
  font-weight: inherit;
  font-style: inherit;
  font-size: 100%;
  font-family: inherit;
  vertical-align: baseline;
}
form {
  margin: 0;
  padding: 0;
  border: 0;
  outline: 0;
  font-weight: inherit;
  font-style: inherit;
  font-size: 100%;
  font-family: inherit;
  vertical-align: baseline;
}
label {
  margin: 0;
  padding: 0;
  border: 0;
  outline: 0;
  font-weight: inherit;
  font-style: inherit;
  font-size: 100%;
  font-family: inherit;
  vertical-align: baseline;
}
legend {
  margin: 0;
  padding: 0;
  border: 0;
  outline: 0;
  font-weight: inherit;
  font-style: inherit;
  font-size: 100%;
  font-family: inherit;
  vertical-align: baseline;
}
table {
  margin: 0;
  padding: 0;
  border: 0;
  outline: 0;
  font-weight: inherit;
  font-style: inherit;
  font-size: 100%;
  font-family: inherit;
  vertical-align: baseline;
}
caption {
  margin: 0;
  padding: 0;
  border: 0;
  outline: 0;
  font-weight: inherit;
  font-style: inherit;
  font-size: 100%;
  font-family: inherit;
  vertical-align: baseline;
}
tbody {
  margin: 0;
  padding: 0;
  border: 0;
  outline: 0;
  font-weight: inherit;
  font-style: inherit;
  font-size: 100%;
  font-family: inherit;
  vertical-align: baseline;
}
tfoot {
  margin: 0;
  padding: 0;
  border: 0;
  outline: 0;
  font-weight: inherit;
  font-style: inherit;
  font-size: 100%;
  font-family: inherit;
  vertical-align: baseline;
}
thead {
  margin: 0;
  padding: 0;
  border: 0;
  outline: 0;
  font-weight: inherit;
  font-style: inherit;
  font-size: 100%;
  font-family: inherit;
  vertical-align: baseline;
}
tr {
  margin: 0;
  padding: 0;
  border: 0;
  outline: 0;
  font-weight: inherit;
  font-style: inherit;
  font-size: 100%;
  font-family: inherit;
  vertical-align: baseline;
}
th {
  margin: 0;
  padding: 0;
  border: 0;
  outline: 0;
  font-weight: inherit;
  font-style: inherit;
  font-size: 100%;
  font-family: inherit;
  vertical-align: baseline;
}
td {
  margin: 0;
  padding: 0;
  border: 0;
  outline: 0;
  font-weight: inherit;
  font-style: inherit;
  font-size: 100%;
  font-family: inherit;
  vertical-align: baseline;
}

html {
  height: 100%;
}
body {
  height: 100%;
}

body {
  line-height: 1;
  color: black;
  background: white;
}

table {
  border-collapse: separate;
  border-spacing: 0;
}

caption {
  text-align: left;
  font-weight: normal;
}
th {
  text-align: left;
  font-weight: normal;
}
td {
  text-align: left;
  font-weight: normal;
}

blockquote:before {
  content: "";
}
blockquote:after {
  content: "";
}
q:before {
  content: "";
}
q:after {
  content: "";
}

blockquote {
  quotes: "" "";
}
q {
  quotes: "" "";
}

/* ============================================================================ */
/* =                                 General Styles                           = */
/* ============================================================================ */

html body {
  font: 12px "Lucida Grande", Tahoma, Arial, Helvetica, sans-serif;
}
html strong { font-weight: 700; }
html input { border: 1px solid; }
html p { font-size: 12px; line-height: 1.2em; margin: 0 0 10px 0; }
html ul li { font-size: 12px; }
html a img { border: none; }
html br.clear-both { clear: both; }
html label { display:block; font-size:12px; }
html h1 {
  font-family: Georgia, tahoma, serif; font-weight: normal;
}
html h2 {
  font-family: Georgia, tahoma, serif; font-weight: normal;
}
html h3 {
  font-family: Georgia, tahoma, serif; font-weight: normal;
}
html h4 {
  font-family: Georgia, tahoma, serif; font-weight: normal;
}
html h5 {
  font-family: Georgia, tahoma, serif; font-weight: normal;
}
html.errorExplanation {
  padding: 10px;
  border: 4px solid red;
  width: 500px;
  color: red;
}
html.errorExplanation li {
  list-style-type: square;
  margin-left: 15px;
}
html.fieldWithErrors input {
  border: 2px solid red;
}
html.formError {
  float: left;
  margin-left: 500px;
  font-size: 12px;
  color: red;
}

/* ========================= */
/* = nav and subnav states = */
/* ========================= */

li.active a {
  background:#fff;
  color: #333!important;
  padding: 5px 5px 0 5px;
  text-decoration: none;
}
body.summary li.summary a {
  background:#fff;
  color: #333!important;
  padding: 5px 5px 0 5px;
  text-decoration: none;
}
body.screeners li.screeners a {
  background:#fff;
  color: #333!important;
  padding: 5px 5px 0 5px;
  text-decoration: none;
}
body.recruits li.recruits a {
  background:#fff;
  color: #333!important;
  padding: 5px 5px 0 5px;
  text-decoration: none;
}
body.title li.edit a {
  background:#fff;
  color: #333!important;
  padding: 5px 5px 0 5px;
  text-decoration: none;
}
body.questions li.edit a {
  background:#fff;
  color: #333!important;
  padding: 5px 5px 0 5px;
  text-decoration: none;
}
body.thank_you li.edit a {
  background:#fff;
  color: #333!important;
  padding: 5px 5px 0 5px;
  text-decoration: none;
}
body.activation li.edit a {
  background:#fff;
  color: #333!important;
  padding: 5px 5px 0 5px;
  text-decoration: none;
}
body.users_tested li.users-tested a {
  background:#fff;
  color: #333!important;
  padding: 5px 5px 0 5px;
  text-decoration: none;
}
body.incentives li.incentives a {
  background:#fff;
  color: #333!important;
  padding: 5px 5px 0 5px;
  text-decoration: none;
}

body#index.marketing li.index a {
  color: #12252E;
  background: url('/images/header_on.jpg') top left repeat-x;
  height:30px;
  width:100px;
}
body#features.marketing li.features a {
  color: #12252E;
  background: url('/images/header_on.jpg') top left repeat-x;
  height:30px;
  width:100px;
}
body#pricing.marketing li.pricing a {
  color: #12252E;
  background: url('/images/header_on.jpg') top left repeat-x;
  height:30px;
  width:100px;
}
body#services.marketing li.services a {
  color: #12252E;
  background: url('/images/header_on.jpg') top left repeat-x;
  height:30px;
  width:100px;
}
body#faq.marketing li.faq a {
  color: #12252E;
  background: url('/images/header_on.jpg') top left repeat-x;
  height:30px;
  width:100px;
}

/* ================================================================================ */
/* =                               General Marketing Styles                       = */
/* ================================================================================ */

/* ============= */
/* = marketing = */
/* ============= */

body.marketing {
  font-family:georgia,serif;
  font-size:12px;
  line-height:1.2em;
  /*end body.marketing form#login*/
}
body.marketing a { color: #273940; }
body.marketing h1 {
  font-family: Georgia, tahoma, serif;
}
body.marketing h2 {
  font-family: Georgia, tahoma, serif;
}
body.marketing h3 {
  font-family: Georgia, tahoma, serif;
}
body.marketing h4 {
  font-family: Georgia, tahoma, serif;
}
body.marketing h5 {
  font-family: Georgia, tahoma, serif;
}
body.marketing h1 {
  font-size: 2.6em;
  letter-spacing: -0.02em;
  color: #403A00;
  line-height:1.1em;
}
body.marketing h2 {
  font-size: 1.5em;
  line-height:1.2em;
}
body.marketing h2 em { font-style: italic; }
body.marketing h3 {
  font-size: 1.8em;
  line-height:1.8em;
  font-family:georgia;
}
body.marketing ul { padding: 0px 30px 10px; }
body.marketing p {
  font-size: 14px;
  line-height: 1.2;
}
body.marketing p span {
  color: #777;
  font-size: 0.9em;
}
body.marketing div#main {
  width: 60%;
  margin-left: 20%;
}
body.marketing div.upgrade {
  background-color:#EAF0F5;
  border-top: 2px solid #9BCCE9;
  border-bottom: 2px solid #9BCCE9;
  padding: 5px;
  margin: 20px 0 20px 0;
  width:100%;
}
body.marketing form.login {
  margin: 0 auto;
  width: 400px;
}
body.marketing form.login input#username_or_email {
  border:2px inset #F0F0F0;
  font-size:18px !important;
  height:1.4em;
  padding-left:3px;
  position:relative;
  text-align:left;
  vertical-align:middle;
  width:auto;
}
body.marketing form.login input#password {
  border:2px inset #F0F0F0;
  font-size:18px !important;
  height:1.4em;
  padding-left:3px;
  position:relative;
  text-align:left;
  vertical-align:middle;
  width:auto;
}
body.marketing form.login input.submit {
  width:200px;
  float:right;
  padding: 5px;
  font-size: 1.2em;
}
body.marketing form.login ul {
  margin: 0 0 10px 0;
  padding: 20px 50px 50px 50px;
  background-color: #12252E;
  border: 10px solid #273940;
  color: #A6BCD1;
  font-size:20px;
}
body.marketing form.login ul li {
  list-style: none;
  margin-left: 0;
  line-height: 2;
  margin-bottom: 0.5em;
}
body.marketing form.login ul li label {
  font-size: 20px;
  line-height: 2;
  display: block;
  clear: both;
  float: left;
  vertical-align: middle;
  white-space: nowrap;
  text-align:left;
  margin-right:30px;
}
body.marketing form.login ul li input#remember_me {
  float:left;
  width:auto;
  height:auto;
  margin: 14px 0 0 0;
}
body.marketing div#login p#signup {
  width: 400px;
  clear: both;
  text-align: left;
}
body.marketing div#flash {
  color: #70BD68;
  width: 200px;
  margin: 20px 50px 10px;
  font-size: 14px;
  padding:10px;
}
body.marketing input { margin: 2px 0; }
body.marketing div#bp_joint {
  float:right;
  margin:50px;
}
body.marketing img#bp-joint {
  margin: 10px 0 0 25px;
}
body.marketing div#content {margin:30px auto; width:800px;}
body.marketing div#content.with_flash { margin-top: 140px; }
body.marketing div.row {
  clear: both;
  width: 653px;
  margin-left: 30px;
  margin-top: 10px;
  border:10px solid #12252E;
  background-color: #273940;
}
body.marketing div.row li { width:180px; }
body.marketing div.row div.block {
  float: left;
  width: 175px;
  height: 390px;
  padding: 5px;
  margin: 0 30px 40px 0;
  color: #A6BCD1;
  text-align:center;
}
body.marketing div.row div.block * { text-align:left; }
body.marketing div.row div.block h3 {
  font-size: 21px;
  letter-spacing:-.02em;
  padding:10px 0px 10px 15px;
  line-height:0.9em;
  height: 50px;
  color:#EBF0F5;
}
body.marketing div.row div.block p {
  font-family: "lucida grande", verdana, serif;
  font-size: 12px;
  line-height:1.3em;
  margin: 10px 10px;
}
body.marketing div.row div.block img {
  border: 3px solid #12252E;
  margin:0;
  padding:0;
}
body.marketing div.row div.block ul {
  margin-left: -25px;
}
body.marketing div.row div.block ul li {
  margin-bottom: 3px;
}
body.marketing div.row div.block a { color: #fff;}
body.marketing div.row div.block a.signup {
  margin-top: 20px;
  color: #fff;
  font-weight: bold;
  font-size: 14px;
  background-color: #546b74;
  padding:10px;
  clear: both;
  float:left;
  border:1px solid #fff;
  text-decoration:none;
}
body.marketing div.row div.block a.signup:hover {
  background-color: #12252E;
}
body.marketing div#header {
  background:#fff;
}
body.marketing div#header img#logo-medium2 {
  float:left;
  margin: 16px 0 0 20px;
}
body.marketing div#header img#bp { float: right; }
body.marketing div#header img#logo { margin: 10px 0 0 140px; }
body.marketing div#header h1 { clear: both; }
body.marketing div#header ul#marketing_nav {
  padding: 0em 0 0em 15em;
  background: #EADF8F url('/images/header_ul_bkg.jpg') 125px -2px no-repeat;
  white-space: nowrap;
  height:70px;
  min-width:800px;
}
body.marketing div#header ul#marketing_nav img {
  position: absolute;
  left: 50px;
  top:100px;
}
body.marketing div#header ul#marketing_nav li {
  font-family: Georgia, serif;
  line-height: 1.4;
  display: inline;
  font-size: 1.6em;
  color: #bdb77b;
  text-align:center;
}
body.marketing div#header ul#marketing_nav li a:hover {
  color: #12252E;
  background: url('/images/header_on.jpg') top left repeat-x;
}
body.marketing div#header ul#marketing_nav li span { font-size: 1.2em;}
body.marketing div#header ul#marketing_nav li a {
  color: #333;
  float:left;
  margin: 0px 0 0 5px;
  padding:20px 3px;
  display:block;
  width:100px;
}
body.marketing div#header ul#marketing_nav li.signin a {
  color: green;
}
body.marketing div#login {
  margin: -50px 100px 0 100px;
}
body.marketing div#login img#logo { margin:0 auto; display:block;}
body.marketing div#login p#forgot-password {
  margin: 20px auto;
  font-size: 14px;
  width: 400px;
}
body.marketing div#login p#signup {
  margin: 20px auto;
  font-size: 14px;
  width: 400px;
}
body.marketing div#footer {
  clear: both;
  width:100%;
  padding:0;
  margin:0;
  margin-top: 50px;
  font-family:georgia,serif;
  font-size:1.3em;
  background-color: #eff4bc;
  border-top: 5px solid #eadf8f;
}
body.marketing div#footer ul {
  width:800px;
  margin:0 auto;
  padding:20px 0;
  text-align:center;
}
body.marketing div#footer ul li {
  display: inline;
  margin-right: 1em;
  color: #546b74
}
body.marketing div#footer ul li a:link {
  color: #546b74;
}
body.marketing div#footer ul li a:visited {
  color: #546b74;
}
body.marketing div#footer ul li a:hover {
  color: #546b74;
}
body.marketing div#footer ul li a:active {
  color: #546b74;
}

/* ================== */
/* = marketing home = */
/* ================== */

body#index.marketing {
  margin:0!important;
  font-family: georgia, serif;
  font-size: 12px;
  line-height: 1.2em;
}
body#index.marketing div#content {
  margin:0;
  margin-left: 150px;
  margin-top: 20px;
  width:731px;
  clear:both;
  background-image: url("/images/giant-yellow-bg.png");
  background-repeat: no-repeat;
  height: 2517px;
}
body#index.marketing div#content h1 {
  font-family: Helvetica, Arial, "MS Trebuchet", sans-serif;
  text-align: center;
}
body#index.marketing div#content h2 {
  font-family: Helvetica, Arial, "MS Trebuchet", sans-serif;
  text-align: center;
}
body#index.marketing div#content#ethnio_title {
  text-align: center;
}
body#index.marketing div#content h1 {
  color: #403A00;
  font-weight:bold;
  font-size: 500%;
}
body#index.marketing div#content h2 {
  font-size: 155%;
  color: #666;
}
body#index.marketing div#content h2 img {
  margin-top: 50px;
}
body#index.marketing div#content div#top {
  width:100%;
  clear: both;
  padding:70px 0 30px 0;
}
body#index.marketing div#content div#bottomwrap {
  width:100%;
  clear:both;
}
body#index.marketing div#content div#bottomwrap div#bottom {
  width:800px;
  margin:0 auto;
  padding-top:30px;
  color: #fff;
  clear: both;
  line-height:1.8em;
  font-family: helvetica, arial, sans-serif;
}
body#index.marketing div#companies {
  margin: 0;
  margin-left: 11px;
  padding: 0;
  background-image: url('/images/companies-bg.png');
  background-position: top left;
  width: 709px;
  height: 110px;
}
body#index.marketing div#companies p {
  width: 200px;
  padding: 20px;
}
body#index.marketing div#video {
  margin: 0;
  padding: 0;
  margin-left: 11px;
  margin-top: 20px;
  background-color: #fdf9dc;
  width: 709px;
  height: 150px;
}
body#index.marketing div#video p {
  width: 200px;
  padding: 20px 20px 0px 20px;
  float:left;
  margin: 0;
}
body#index.marketing div#video div {
  float:right;
  margin-right: 50px;
}
body#index.marketing div#video div img {
  margin-top: 15px;
}
body#index.marketing div#display_location { position: relative; }
body#index.marketing ul {
  margin-top: 0;
}
body#index.marketing ul li {
  list-style: disc;
  line-height: 1.4;
  margin-left: 20px;
  width:100%;
  font-size: inherit;
}
/* ================= */
/* = marketing faq = */
/* ================= */

body#faq.marketing h1 {
  border-bottom:2px solid #EADF8F;
  padding:10px;
  margin-bottom:40px;
}
body#faq.marketing h2 {
  width: 100%;
  padding: 10px 40px;
  color: #12252E;
  background-color: #9ECCE9;
  font-size: 24px;
  margin: 1em 0 0.5em 0;
  border-top:3px solid #A6BCD1;
  border-bottom:3px solid #A6BCD1;
}
body#faq.marketing h3 {
  line-height: 1.2;
  font-size: 18px;
}
body#faq.marketing p {
  margin-top: 0;
  margin-bottom: 15px;
  line-height: 1.4;
  font-size: 13px;
}
body#faq.marketing ul li {
  font-size: 13px;
  line-height: 1.4;
}
body#faq.marketing ul li.complete { text-decoration: line-through; }

/* ================= */
/* = marketing faq = */
/* ================= */

body#pricing.marketing h1 {
  border-bottom:2px solid #EADF8F;
  padding:10px;
  margin-bottom:40px;
}
body#pricing.marketing h2 { margin-bottom: 0; }
body#pricing.marketing p { margin-top: 5px; }
body#pricing.marketing span.pricing-big {
  font-size: 1.2em;
  color: #000;
}
body#pricing.marketing img.chart {
  margin: 10px 0 15px;
}
body#pricing.marketing img.pricing {
  width: auto;
  float: left;
  border: 3px solid #F8F7F2;
  margin: 0 20px 20px 0;
}
body#pricing.marketing ul#prices {
  margin: 0 0 10px 0;
  padding: 0;
  list-style-type: none;
}
body#pricing.marketing ul#prices li {
  font-size: 20px;
  line-height: 1.4;
}
body#pricing.marketing ul#prices li strong {
  float: left;
  font-weight: normal;
  width: 180px;
}
body#pricing.marketing ul#prices li em {
  color: #444;
}

/* ====================== */
/* = marketing services = */
/* ====================== */

body#services.marketing h1 {
  border-bottom:2px solid #EADF8F;
  padding:10px;
  margin-bottom:40px;
  font-size: 2.6em !important;
}
body#services.marketing h2 {
  line-height: 1.4;
  font-size: 26px;
}
body#services.marketing h3 {
  font-size: 20px;
  margin: 5px 0;
}
body#services.marketing p {
  line-height: 1.4;
  font-size: 14px;
  margin-bottom: 10px;
}
body#services.marketing a.button {
  width: 100px;
  float: left;
  display: block;
  margin: 0 0 20px;
  padding: 10px;
  font-size: 16px;
  background-color: #EFF4BC;
  border: 2px solid #EADF8F;
}
body#services.marketing div.service {
  clear: both;
}
body#services.marketing img.pre {
  float: left;
  padding: 0 10px 40px 0;
}
body#services.marketing img.icon {
  float: left;
  margin-bottom: 10px;
}
body#services.marketing span.icon_label {
  float: left;
  margin-top: 10px;
  font-size: 14px;
}

/* ==================== */
/* = marketing simple = */
/* ==================== */

body#simple.marketing div#content {
  width:100%;
  padding:50px 0;
  /*end body#simple.marketing #content #banner*/
}
body#simple.marketing div#content img.left { float: left; margin: 0 0 5px 30px;}
body#simple.marketing div#content img.right { float: right; margin:15px 30px 0 0;}
body#simple.marketing div#content div#banner {
  width: 100%;
  background-color: #12252E;
  color: #fff;
  border-top: 6px solid #273940;
  border-bottom: 6px solid  #273940;
  clear:both;
  height: 110px;
  margin-top: -80px;
  text-align:center;
}
body#simple.marketing div#content div#banner h1 {
  color: #fff;
  letter-spacing: 1px;
  width:500px;
  margin:0px auto;
  margin-top: 50px;
}
body#simple.marketing div#content div#banner h1 img#signup_logo {
  float:left;
  margin-top: -50px;
}
body#simple.marketing div#content div#banner h1 em {
  display: block;
  font-size: 16px;
}
body#simple.marketing div#content form#signup {
  width:900px;
  margin: 0px auto;
  margin-top: 30px;
  border: 4px solid #9ECCE9;
  /* end the fieldset */
}
body#simple.marketing div#content form#signup fieldset {
  margin: 0 0 30px 0;
  padding:20px 0;
  clear: both;
  background-color: #EFF4BC;
  /*end body.simple form#signup ul*/
}
body#simple.marketing div#content form#signup fieldset ul {
  padding: 0;
  margin: 0 auto;
  width:800px;
  /*end the li*/
}
body#simple.marketing div#content form#signup fieldset ul li.timezone span { margin-left: -16px; }
body#simple.marketing div#content form#signup fieldset ul li span a { float: none; }
body#simple.marketing div#content form#signup fieldset ul select * { clear:both; }
body#simple.marketing div#content form#signup fieldset ul select {
  width: 245px;
  margin: 0 30px 0 10px;
}
body#simple.marketing div#content form#signup fieldset ul li {
  clear: both;
  list-style: none;
}
body#simple.marketing div#content form#signup fieldset ul li * { float: left; }
body#simple.marketing div#content form#signup fieldset ul li label {
  font-size: 16px;
  margin: 4px 0 25px 10px;
  width: 150px;
  text-align: left;
  color: #666;
}
body#simple.marketing div#content form#signup fieldset ul li input {
  width: 190px;
  height: 20px;
  border: 1px solid #ddd;
  margin: 0 20px;
  padding: 0.2em;
  font-size: 1.1em;
  background-color: #fff;
}
body#simple.marketing div#content form#signup fieldset ul li div.form-element-message {
  color: #fd0000;
  font-size: 11px;
  margin-left:30px;
  display:block;
}
body#simple.marketing div#content form#signup fieldset ul li div.form-element-message img {
  margin-left:-30px;
  display:block;
}
body#simple.marketing div#content form#signup div#terms {
  width: 80%;
  padding: 10px;
  margin: 20px auto;
  height: 120px;
  background-color: #EBF0F5;
  border: 3px solid #9ECCE9;
  /*end div#terms p */
}
body#simple.marketing div#content form#signup div#terms h3 {
  font-size: 16px;
  margin:0 auto;
  width:800px;
}
body#simple.marketing div#content form#signup div#terms p {
  font-size: 14px;
  width: 800px;
  margin: 20px auto;
}
body#simple.marketing div#content form#signup div#terms p span#terms_summary {
  float:left;
  width:400px;
}
body#simple.marketing div#content form#signup div#terms p input.submit {
  background: url('/images/create_fuzzy.jpg') no-repeat top left;
  width: 234px;
  height: 83px;
  border: none;
  text-decoration: none;
  color: #ddd;
  cursor: pointer;
  float:right;
  margin:-30px 100px 0 0;
}
body#simple.marketing div#content form#signup div#terms p input { border: 1px solid #A6BCD1; }
body#simple.marketing div#content form#signup div#terms div#user_terms_message {
  width: 800px;
  margin: 0 auto;
  clear: both;
  color: #fd0000;
  font-family: helvetica, arial, sans-serif;
  font-weight: bold;
}
body#simple.marketing div#content form#signup div#terms div#user_terms_message span { font-size: 11px; margin-left: 10px; }
/*end body#simple.marketing */

/* =============================================================================== */
/* =                              General Application Styles                     = */
/* =============================================================================== */

span.in_place_editor_field {
  height: 1%;
  min-height: 1em;
  display: block;
}

div#content.with_flash {
  margin-top: 0px;
}

div#navwrap {
  float:left;
  background-color:#273940!important;
  width:100%;
}
div#navwrap ul#navigation {
  margin-top: 0px;
  padding-left:130px;
  height:50px; /* previously 45px */
  float:left;
  clear:both;
  /* added from DK */
}
div#navwrap ul#navigation li {
  font-size: 17px;
  display: inline;
  float: left;
  margin-top:18px; /* previously 13px */
}
div#navwrap ul#navigation a {
  color: #3F1212;
  padding: 19px 15px;
  margin-top:20px;
  font-size:14px; /* previously 16px */
}
div#navwrap ul#navigation a:link {
  color:#EBF0F5;
  text-decoration: none;
}
div#navwrap ul#navigation a:visited {
  color:#EBF0F5;
  text-decoration: none;
}
div#navwrap ul#navigation a:active {
  color:#EBF0F5;
  text-decoration: none;
}
div#navwrap ul#navigation a:hover span.link {
  color: #9ECCE9;
  text-decoration: underline;
}
div#navwrap ul#navigation li.border {
  border-left: 1px solid #7795a1;
  border-right: 1px solid #405158;
  position: relative;
  top: 0px;
  height: 50px;
  margin: 0 2px;
}
div#navwrap ul#navigation li span.steps {
  font-size: 10px;
  position: relative;
  top: -18px;
  left: 7px;
}
div#navwrap ul#navigation li.swapnav span.steps {
  color: #bbb;
}
div#navwrap ul#navigation li.recruits span.steps {
  color: #bbb;
}
div#navwrap ul#navigation li.swapnav a {
  padding-left: 5px;
}
div#navwrap ul#navigation li.swapnav a:hover span:steps {
  color: #83a8c0;
  text-decoration: none;
}
div#navwrap ul#navigation li.recruits a:hover span.steps {
  color: #83a8c0;
  text-decoration: none;
}
div#navwrap ul#navigation li.active span.steps {
  color: #777;
}
div#navwrap ul#navigation li.active a:hover span.steps {
  text-decoration: none;
}
div#navwrap ul#navigation li.active a:hover span.link {
  color: #333;
  text-decoration: underline;
}

input.create {
  float: left;
  padding: 5px;
  width: 200px;
  font-size: 1.3em;
}

/* ============================ */
/* = app edit (formely setup) = */
/* ============================ */

body.edit {
  /*TODO remove unnecessary element #swap_panels CGB*/
  /*end ol#questions_list*/
}
body.edit li.setup a {
  background: #546b74;
  color: #fff!important;
  padding: 5px 5px 0 5px;
  text-decoration: none;
}
body.edit div#content {
  min-height: 600px; /*TODO: remove this hack  which prevents scrollbar flicker*/
}
body.edit div#sub_navigation {
  width: 100%;
  background-color: #546B74;
  border-bottom: 2px solid #91C7F1;
  color:#FFFFFF;
  clear:both;
}
body.edit div#screencap_wrap {
  width:640px;
  height:480px;
}
body.edit div#screencap_wrap div#screencap {
  position: relative;
  width: 640px;
  height: 480px;
  border: 1px solid #333;
  float:none;
}
body.edit div#screenerBox {
  position: absolute;
  color: #fff;
  padding: 2px;
  width: 251px;
  height: 220px;
  font-size: 10px;
  background: transparent url('/images/dummy_screener.jpg') left top no-repeat;
  cursor: move;
}
body.edit div#swap_panels {
  float:left;
  clear:left;
  margin:10px 40px;
  padding-top:20px;
  min-height:440px;
}
body.edit div.row {
  background: #EBF0F5;
  padding:30px;
  border:2px solid #9ECCE9;
  border-left:none;
  border-right:none;
  margin-bottom:50px;
  position:relative;
  width:650px;
}
body.edit div.swapcontent {
  margin-top:30px;
  margin-bottom: 30px;
}
body.edit div.swapcontent h3 {
  padding:0;
  font-size: 1.8em;
  line-height:1.1em;
}
body.edit div.swapcontent div#display_switcher a.activation_on {
  display:block;
  background: url('/images/app_box_on.png') no-repeat center;
  text-indent: -9000px;
  width:75px;
}
body.edit div.swapcontent div#display_switcher a.activation_off {
  display:block;
  background: url('/images/app_box_off.png') no-repeat center;
  text-indent: -9000px;
  width:75px;
}
body.edit p.instructions {
  margin:20px;
  line-height:1.4em;
  width:180px;
  color:#333;
  padding:20px 20px 20px 60px;
  float:right;
  position:absolute;
  right:-285px;
  top:-20px;
  min-height:65px;
  background: #EFF4BC url('/images/arrow_transparent.gif') repeat-y left center;
}
body.edit p.instructions em {
  width:150px;
  margin:0 0 10px 0;
  padding:0;
  display:block;
  font-size:15px;
  color:#546b74;
}
body.edit p.instructions strong {
  background:#FBED73;
  font-weight:normal;
}
body.edit p.instructions a:link {
  color:#265A99;
}
body.edit p.instructions a:visited {
  color:#265A99;
}
body.edit p.instructions a:hover {
  color:#265A99;
}
body.edit p.instructions a:active {
  color:#265A99;
}
body.edit div#tool-builder {
  position:absolute;
  top:500px;
  left:655px;
  padding:10px;
  background:#EBF0F5;
  border-top: 2px solid #9ECCE9;
  border-bottom: 2px solid #9ECCE9;
}
body.edit div#tool-builder label { font-weight: 700; }
body.edit div#tool-builder p {
  margin-left:0;
  margin-right:0;
  padding-left:0;
  padding-right:0;
}
body.edit div#tool-builder input {
  padding: 2px;
  width: 200px;
  margin-bottom: 3px;
}
body.edit div#tool-builder input#question_builder_update {
  font-size: 1.3em;
}
body.edit div#tool-builder input#question_builder_create {
  font-size: 1.3em;
}
body.edit div#tool-builder input {
  margin-top: 5px;
}
body.edit div#tool-builder select {
  margin-top: 5px;
}
body.edit div#question-builder {
  position:absolute;
  top:426px;
  left:655px;
  padding:10px;
  background:#EBF0F5;
  border-top: 2px solid #9ECCE9;
  border-bottom: 2px solid #9ECCE9;
}
body.edit div#question-builder label { font-weight: 700; }
body.edit div#question-builder p {
  margin-left:0;
  margin-right:0;
  padding-left:0;
  padding-right:0;
}
body.edit div#question-builder input {
  padding: 2px;
  width: 200px;
  margin-bottom: 3px;
}
body.edit div#question-builder input#question_builder_update {
  font-size: 1.3em;
}
body.edit div#question-builder input#question_builder_create {
  font-size: 1.3em;
}
body.edit div#question-builder input {
  margin-top: 5px;
}
body.edit div#question-builder select {
  margin-top: 5px;
}
body.edit div#new-question {
  position: absolute;
  margin: 40px 0 0 -10px;
  width: inherit;
  padding: 10px 30px 10px 10px;
  background:#EBF0F5;
  border-top: 2px solid #9ECCE9;
  border-bottom: 2px solid #9ECCE9;
}
body.edit div#new-question input { margin-top: 10px; }
body.edit div.screenerpage {
  line-height: 1.4;
  margin:20px 0 0 60px;
  width:495px;
  border:1px solid #333;
  clear:left;
  padding:0 10px 0 0;
}
body.edit div.screenerpage img.closebutton {
  float:right;
  margin:10px;
}
body.edit div.screenerpage div#logo {
  margin:25px 0;
  text-align:center;
}
body.edit div.screenerpage div#logowrap {
  text-align:center!important;
  width:160px;
  float:left;
  margin:55px 15px;
}
body.edit div.screenerpage h2.title-incentive {
  clear:both;
  font-size: 20px;
  margin:0px 0 20px 0;
  border:2px solid #EADF8F;
  border-right:none;
  border-left:none;
  background:#EFF4BC;
  width:100%;
  padding:5px 5px;
  color:#333;
}
body.edit div.screenerpage h2.title-incentive input.editor_field {
  width: 360px;
  margin-right: 5px;
}
body.edit div.screenerpage h2.thank-you-headline {
  clear:both;
  font-size: 20px;
  margin:0px 0 20px 0;
  border:2px solid #EADF8F;
  border-right:none;
  border-left:none;
  background:#EFF4BC;
  width:100%;
  padding:5px 5px;
  color:#333;
}
body.edit div.screenerpage h2.thank-you-headline input.editor_field {
  width: 360px;
  margin-right: 5px;
}
body.edit div.screenerpage h3.headline {
  float:right;
  width:270px;
  margin:0px;
}
body.edit div.screenerpage h3.headline textarea.editor_field {
  width: 260px;
}
body.edit div.screenerpage h2 input.editor_field {
  padding: 2px;
  font-family: inherit;
  font-size: inherit;
  border: 1px solid #333;
  border-style: inset;
  background-color: #EBF0F5;
}
body.edit div.screenerpage h3 textarea.editor_field {
  padding: 2px;
  font-family: inherit;
  font-size: inherit;
  border: 1px solid #333;
  border-style: inset;
  background-color: #EBF0F5;
}
body.edit div.screenerpage p.title-description {
  margin: 0 0 0 5px;
  clear:both;
  font-size: 13px;
}
body.edit div.screenerpage p.thank-you-description {
  margin:0 0 10px 5px;
  clear:both;
}
body.edit div.screenerpage p.thank-you-goodbye {
  margin:0 0 10px 5px;
  clear:both;
}
body.edit div.screenerpage p.title-description textarea.editor_field {
  padding: 2px;
  font-family: inherit;
  font-size: inherit;
  width: 100%;
  margin-bottom: 5px;
  border: 1px solid #333;
  border-style: inset;
  background-color: #EBF0F5;
}
body.edit div.screenerpage p.thank-you-description textarea.editor_field {
  padding: 2px;
  font-family: inherit;
  font-size: inherit;
  width: 100%;
  margin-bottom: 5px;
  border: 1px solid #333;
  border-style: inset;
  background-color: #EBF0F5;
}
body.edit div.screenerpage p.thank-you-goodbye textarea.editor_field {
  padding: 2px;
  font-family: inherit;
  font-size: inherit;
  width: 100%;
  margin-bottom: 5px;
  border: 1px solid #333;
  border-style: inset;
  background-color: #EBF0F5;
}
body.edit div.screenerpage div#screener-content {
  padding-top:20px;
  margin-top:20px;
}
body.edit div.screenerpage p.footer {
  font-size: 9px;
  margin: 20px 0 5px 5px;
  color: #999;
}
body.edit div.screenerpage p.instructions {
  left:600px;
  top:246px;
  width:145px;
  color:#333;
}
body.edit div.screenerpage input.editor_ok_button {
  margin-left: 2px;
  font-size: 16px;
}
body.edit div.screenerpage a.editor_cancel {
  font-size: 14px;
  margin-left: 10px;
}
body.edit ol.swapper {
  width: 915px;
  padding: 15px 60px;
  background:#546b74;
  height:40px;
  margin:0px;
  color:#fff;
  white-space: normal;
}
body.edit ol.swapper li.swapnav {
  font-size: 1.2em;
  cursor: pointer;
  display:inline;
  padding:10px 5px;
  text-align:center;
  float:left;
  width:170px;
}
body.edit ol.swapper a:link {
  color:#fff;
  text-decoration:none;
}
body.edit ol.swapper a:visited {
  color:#fff;
  text-decoration:none;
}
body.edit ol.swapper a:hover {
  color:#fff;
  border-bottom:1px solid #f8f8f8;
  text-decoration:none;
}
body.edit ol.swapper a:active {
  color:#fff;
  border-bottom:1px solid #f8f8f8;
  text-decoration:none;
}
body.edit ol.swapper li.active {
  background-color: #D0E4F0;
  border:1px solid #A5BADC;
}
body.edit ol.swapper li.active a:link {
  color:#333;
  border-bottom:none;
  text-decoration:none;
}
body.edit ol.swapper li.active a:visited {
  color:#333;
  border-bottom:none;
  text-decoration:none;
}
body.edit ol.swapper li.active a:hover {
  color:#333;
  border-bottom:none;
  text-decoration:none;
}
body.edit ol.swapper li.active a:active {
  color:#333;
  border-bottom:none;
  text-decoration:none;
}
body.edit ol#questions_list {
  color: #000;
  background-color: #8FC678;
  list-style: decimal inside;
  clear:both;
  float:left;
  padding:0;
  width:100%;
  /*END li.question*/
  /*answers list*/
  /*question text*/
}
body.edit ol#questions_list li.question {
  padding: 15px 5px 5px 5px;
  border-top: 1px solid #e3e3e3;
  clear: both;
  position:relative;
  background: #fff;
  width:100%;
}
body.edit ol#questions_list li.question em.question-edit {
  position:absolute;
  top:0;
  font-size: 10px;
  right: 5px;
}
body.edit ol#questions_list span.screener_answer {
  color: #000;
  display:block;
  margin:5px 5px 5px 25px;
}
body.edit ol#questions_list li.question label {
  font-size:1.1em;
  font-weight:700;
  display: inline;
}
body.edit ol#questions_list li.question label.inline {
  display: inline;
}
body.edit ol#questions_list input {
  border: 1px solid #999999;
}
body.edit ol#questions_list#questions_list select {
  border: 1px solid #999999;
}
body.edit ol#questions_list li.question:hover {
  background-color: #FDFF8B;
  color: #000;
  cursor: move;
}
body.edit div_form input {
  float: left;
  margin:10px 0 0 10px;
}
body.edit div#sort-me {
  margin: 8px;
}
body.edit div#sort-me li {
  margin: 4px 0;
  cursor: move;
}
body.edit div.row textarea {
  font-family: "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", Verdana, Arial, sans-serif;
  font-size: 12px;
  width:400px;
  padding: 10px;
  background-color: #FFFF99;
  border: 1px solid;
  line-height: 1.3;
  float:left;
  margin-left:66px;
}
body.edit div#screener_questions {
  background:#fff;
}
body.edit div#screener_questions fieldset {
  clear:both;
  border: none;
}
body.edit div#update_display {
  margin-top:10px;
}
body.edit div#update_incentive {
  margin-top:10px;
}
body.edit div#update_frequency {
  margin-top:10px;
}
body.edit div#update_display {
  margin-left: 20px;
  width:600px;
}
body.edit div#update_display form { float:left; }
body.edit div#update_display_submit {
  float:right;
  display:inline;
  margin-top: -20px;
}
body.edit div#update_display_submit input {
  font-size: 1.4em;
  padding: 5px 25px;
}
body.edit div#upload_form label {margin-bottom: 10px;}
body.edit div#upload_form div#upload_form_submit { display: inline; }
body.edit div#upload_form input {
  margin-left: 10px;
  font-size: 1.4em;
  padding: 5px 25px;
}
body.edit div#upload_form input#asset_uploaded_data {
  width: auto;
  font-size: 1em;
}
body.edit div#upload_form img#logo {
  float: right;
  margin-top: -50px;
  padding: 0;
}
body.edit div#screener_position_form {
  width:800px;
}
body.edit div#update_frequency {margin-top:10px;}
body.edit p.flash {
  float:right;
  padding:10px;
  background: #C6FFFF;
  border:1px solid #B8E9DB;
  top:10px;
  position:absolute;
  right:10px;
  margin:0;
  width:180px;
  text-align:center;
  z-index:1111;
}
body.edit div#previous_next input {
  float:right;
  cursor:none;
  border:solid 1px #E6E6E6;
  background:#F8F8F8;
  color:#DDD;
  font-weight:bold;
  padding: 10px;
  margin:10px;
  width:150px;
}
body.edit div#previous_next.previous {
  float:left;
  clear:none;
  width:150px;
  margin-left:30px;
}

/* ================ */
/* = app recruits = */
/* ================ */

body.recruits span.in_place_editor_field {
  margin-top: 3px;
  width:    100px;
  font-style: italic;
  font-size: 0.9em;
}
body.recruits textarea.editor_field {
  border: 1px solid #999;
}
body.recruits div#content.with_flash {
  margin-top:70px;
}
body.recruits div.row {
  background: #EBF0F5;
  padding:15px;
  border:2px solid #9ECCE9;
  border-left:none;
  border-right:none;
  margin: 20px 27px 0px;
  position:relative;
  min-width:800px;
  font-family: Georgia,tahoma,serif;
}
body.recruits div.row span {
  font-size: 1.8em;
  vertical-align: middle;
  float: left;
}
body.recruits div.row img#close_button {
  float: right;
  margin-top: -30px;
  margin-right: -30px;
  cursor: pointer;
}
body.recruits div.row img#logo {
  float: right;
  margin-right: 40px;
}
body.recruits div.row div#promo_message {
  padding: 0px 230px;
  font-size: 1.3em;
}
body.recruits div#content {
  clear:both;
}
body.recruits div#content h2#count {
  margin: 10px 0 10px 30px;
  font-size: 16px;
  color: #12252E
}
body.recruits div#content h3 {
  font-size: 18px;
  margin: 40px 0 10px 0;
  padding-top: 30px;
}
body.recruits div#content p {
  font-size: 12px;
}
body.recruits div#content h3 {
  margin-left: 110px;
}
body.recruits div#content p {
  margin-left: 110px;
}
body.recruits div#content div#export_links ul {
  clear: both;
  display: block;
  margin: 10px 0 0 30px;
  list-style: none;
  padding-bottom: 10px;
}
body.recruits div#content div#export_links ul li {
  color: #12252E;
  font-size: 0.9em;
  line-height: 1.6;
}
body.recruits div#content div#filter_controls {
  padding: 20px 30px 0;
  clear: both;
  vertical-align: middle;
}
body.recruits div#content div#filter_controls div {
  font-size:        1em;
  color:            #000;
  text-align:       center;
  text-decoration:  none;
  padding:          5px 10px;
  float:            left;
  border:           1px solid #ccc;
  vertical-align:   middle;
}
body.recruits div#content div#filter_controls div.toggle {
  border:           1px solid #ccc;
  background-color: #ecead9;
}
body.recruits div#content div#filter_controls div.toggle input {
  margin:         1px;
}
body.recruits div#content div#filter_controls div#filters {
  border-left: none;
}
body.recruits div#content div#filter_controls label {
  display:          inline;
  padding:          4px;
}
body.recruits div#content div#notify_link {
  float: right;
  font-size: 0.9em;
  margin: 20px 0 -20px 0;
  padding-right: 30px;
}
body.recruits div#content div#notify_link a {color: #999;}
body.recruits div#content div#recruit_notification {
  position:absolute;
  top:300px;
  margin:0 50px;
  background:#fff;
  z-index:1;
  border:2px solid #333;
  padding:20px;
}
body.recruits div#content div#recruit_notification h3 {
  padding:0;
  margin: 0 0 10px 0;
  font-size: 22px;
  float:left;
  width:600px;
}
body.recruits div#content div#recruit_notification p { margin: 10px 0 0 105px; }
body.recruits div#content div#recruit_notification table {
  font-size:11px;
  border:1px solid #333;
  margin:0 auto;
  width:95%;
}
body.recruits div#content div#recruit_notification table tr {
  border:none;
}
body.recruits div#content div#recruit_notification table td {
  padding:5px;
  width:100px;
  border:none;
}
body.recruits div#content div#recruit_notification a {
  float:right;
  padding:5px;
  margin:10px;
  border:1px solid #333;
  color: #12252E;
  background: url('/images/header_on.jpg') top left repeat-x;
}
body.recruits div#content div#recruit_notification div#notify_link {
  float: none;
  position: absolute;
  margin-right: 50px;
}
body.recruits div#content div#recruit_notification div#notify_link a {
  color: #999;
  margin: 0;
  padding: 0;
  border: none;
  background: none;
}
body.recruits div#content table {
  border-collapse: collapse;
  border-bottom:   5px solid #1F2248;
  margin:          20px 30px 20px;
  clear:           both;
}
body.recruits div#content table th.first {
  border-left: 5px solid #1F2248;
}
body.recruits div#content table td.first {
  border-left: 5px solid #1F2248;
}
body.recruits div#content table th.last {
  border-right: 5px solid #1F2248;
}
body.recruits div#content table td.last {
  border-right: 5px solid #1F2248;
}
body.recruits div#content table thead {
  background: #fff;
  clear: both;
}
body.recruits div#content table thead th {
  font-size: 11px;
}
body.recruits div#content table thead tr.faceted_filters th {
  color:      #000;
  padding:    2px 4px 10px;
}
body.recruits div#content table thead tr.faceted_filters a {
  color:           blue;
  text-decoration: none;
}
body.recruits div#content table thead tr.labels {
  background:    #16323E;
  border-bottom: none;
  border-right: 5px solid #1F2248;
  border-left: 5px solid #1F2248;
}
body.recruits div#content table thead tr.labels th {
  border-top: 5px solid #1F2248;
  color:   #fff;
  padding: 2px 10px 10px 20px;
}
body.recruits div#content table thead tr.labels a {
  color:           #fff;
  text-decoration: none;
}
body.recruits div#content table tbody td {
  padding:       0.5em;
  border-bottom: 1px solid #C3CFB6;
  border-left:   1px solid #C3CFB6;
}
body.recruits div#content table tbody a {
  color: #333;
}
body.recruits div#content table td.recruit_status_New { background: #E2FFD2 !important; }
body.recruits div#content table td.recruit_status_Completed { background: #B1E2A6 !important; }
body.recruits div#content table td.recruit_status_Scheduled { background: #BEF2AE !important; }
body.recruits div#content table td.recruit_status_No { background: #ABDA9C !important; color:#333 }
body.recruits div#content table td.recruit_status_Bogus { background: #A1CD93!important; color:#333 }
body.recruits div#content table td.recruit_status_Dismissed { background: #A1CD93 !important; color:#333; }
body.recruits div#content table th.sortable {
  background: #16323E url('/images/bg_header_sortable.gif') top left no-repeat;
}
body.recruits div#content table th.sortable-sortArrival {
  background: #16323E url('/images/bg_header_sortable.gif') top left no-repeat;
}
body.recruits div#content table th.sortable-text {
  background: #16323E url('/images/bg_header_sortable.gif') top left no-repeat;
}
body.recruits div#content table th.forwardSort { background: #16323E url('/images/bg_header_up.gif') top left no-repeat; }
body.recruits div#content table th.reverseSort { background: #16323E url('/images/bg_header_down.gif') top left no-repeat; }
body.recruits div#content table span.timestamp { font-size:10px; }
body.recruits div#content table td.incentive { font-size:11px; }
body.recruits div#content tr.faceted_filters a#edit_filters {
  display: block;
  margin-top: -15px;
  font-size: 13px;
  background: url('/images/facet_add.jpg') no-repeat left top;
  width: 115px;
  height: 43px;
}
body.recruits div#content div.facet_box div.main {
  padding-left: 6px;
  text-align:   left;
  background:   url('/images/facet_tl.png') no-repeat left top;
}
body.recruits div#content div.facet_box div.main div.content {
  color:      black;
  padding:    4px 4px 0;
  height:     100%;
  background: url('/images/facet_tr.png') no-repeat right top;
}
body.recruits div#content div.facet_box div.main div.content a {
  display:  block;
  float:    right;
}
body.recruits div#content div.facet_box div.main div.head {
  font-size:    10px;
  font-weight:  normal;
  padding:      4px 20px 0px 10px;
  white-space:  nowrap;
}
body.recruits div#content div.facet_box div.main div.body {
  padding:  0 20px 0px 10px;
}
body.recruits div#content div.facet_box div.foot {
  padding-left: 6px;
  background:   url('/images/facet_bl.png') no-repeat left top;
}
body.recruits div#content div.facet_box div.foot div.spacer {
  height:     6px;
  background: url('/images/facet_br.png') no-repeat right top;
}
body.recruits div#content div.recruit_status_popup {
  position:   absolute;
  top:        10px;
  left:       30px;
  z-index:    1000;
  background: #fff;
}
body.recruits div#content div.recruit_status_popup ul.popup {
  border:           3px solid #273940;
  list-style-type:  none;
}
body.recruits div#content div.recruit_status_popup ul.popup li.popup_status {
  border-bottom:  1px solid #c3c3c3;
}
body.recruits div#content div.recruit_status_popup ul.popup li.popup_status a {
  padding:      5px;
  display:      block;
  white-space:  nowrap;
}
body.recruits div#content div.recruit_status_popup ul.popup li.popup_status a:hover { background:#FFF4CB; }
body.recruits div#RB_redbox div#RB_window {
  top:          5px !important;
  border:       5px solid #8f9aa0;
}
body.recruits div#RB_redbox div#RB_window div#filter_panel {
  width:    850px;
}
body.recruits div#RB_redbox div#RB_window div#filter_panel h1 {
  color:        #fff;
  background:   #00627b;
  line-height:  40px;
}
body.recruits div#RB_redbox div#RB_window div#filter_panel h2 {
  color:        #fff;
  background:   #00627b;
  line-height:  40px;
}
body.recruits div#RB_redbox div#RB_window div#filter_panel h1 {
  font-size:    1.8em;
  padding:      0 5px 0 40px;
  float:        left;
}
body.recruits div#RB_redbox div#RB_window div#filter_panel h2 {
  font-family:  "Lucida Grande", Tahoma, Arial, Helvetica, sans-serif;
  font-size:    1em;
  text-align:   right;
  padding:      0 40px 0 5px;
}
body.recruits div#RB_redbox div#RB_window div#filter_panel div.wrapper {
  padding:      0;
  margin:       10px 0 20px 0;
  margin-right: 25px;
  background:   #5f5f5f url('/images/bg_filter_editor.png') repeat-y;
}
body.recruits div#RB_redbox div#RB_window div#filter_panel a#save_filters {
  margin:10px 25px 20px 10px;
  padding:10px;
  float:right;
  border:1px solid #333;
  background:#33AA33;
  width: 150px;
  text-align: center;
}
body.recruits div#RB_redbox div#RB_window div#filter_panel a#cancel_filters {
  margin:10px 225px 20px 10px;
  padding:10px;
  float:right;
  width: 100px;
  text-align: center;
}
body.recruits div#RB_redbox div#RB_window div#filter_panel a#save_filters:link {
  color: #fff;
  font-size:1.1em;
  text-decoration: none !important;
}
body.recruits div#RB_redbox div#RB_window div#filter_panel a#save_filters:visited {
  color: #fff;
  font-size:1.1em;
  text-decoration: none !important;
}
body.recruits div#RB_redbox div#RB_window div#filter_panel a#save_filters:hover {
  color: #fff;
  font-size:1.1em;
  text-decoration: none !important;
}
body.recruits div#RB_redbox div#RB_window div#filter_panel a#save_filters:active {
  color: #fff;
  font-size:1.1em;
  text-decoration: none !important;
}
body.recruits div#RB_redbox div#RB_window div#filter_editor {
  width:      545px;
  float:      right;
}
body.recruits div#RB_redbox div#RB_window div#filter_editor li.Visible a { color:#fff!important;}
body.recruits div#RB_redbox div#RB_window div#filter_editor li.Hidden a { color:#333!important;}
body.recruits div#RB_redbox div#RB_window div#filter_editor form {
  padding:  20px 30px;
}
body.recruits div#RB_redbox div#RB_window div#filter_editor div.placeholder {
  padding:  20px 30px;
}
body.recruits div#RB_redbox div#RB_window div#filter_editor p.intro {
  color:          #fff;
  font-size:      1.4em;
  padding-bottom: 10px;
}
body.recruits div#RB_redbox div#RB_window div#filter_editor p.note {
  color:      #202020;
  font-size:  1em;
  padding:    20px 0 0 0;
}
body.recruits div#RB_redbox div#RB_window div#filter_editor textarea {
  width:  200px;
  height: 40px;
  border: 1px solid #00627b
}
body.recruits div#RB_redbox div#RB_window div#filter_editor a {
  margin: -20px;
}
body.recruits div#RB_redbox div#RB_window div#filter_editor ul {
  width:      500px;
}
body.recruits div#RB_redbox div#RB_window ul {
  list-style-type:  none;
  margin:     0;
  padding:    0px 0;
  width:      300px;
}
body.recruits div#RB_redbox div#RB_window ul li {
  margin:       0;
  padding:      6px 20px;
  line-height:  21px;
}
body.recruits div#RB_redbox div#RB_window ul a {
  color:            #404040;
  font-size:        1.0em;
  text-decoration:  none;
  padding: 1px 6px;
}
body.recruits div#RB_redbox div#RB_window ul li.selected a {
  background: #fbffa3;
}
body.recruits div#RB_redbox div#RB_window input {
  width: 100px;
}
body.recruits div.pagination {
  margin: 5px 0 20px 30px;
  float: left;
  clear: both;
  display: block;
  color: #273940;
}
body.recruits div.pagination a:link {
  padding: 5px;
  text-decoration: none;
  background-color: #EBF0F5;
  color: #546b74;
  border: 1px solid #A6BCD1;
}
body.recruits div.pagination a:visited {
  padding: 5px;
  text-decoration: none;
  background-color: #FDFFE2;
  color: #9c9c9c;
  border: 1px solid #A6BCD1;
}
body.recruits div.pagination a:hover {
  padding: 5px;
  text-decoration: none;
  background-color: #FDFFE2;
  color: #9c9c9c;
  border: 1px solid #A6BCD1;
}

div#RB_redbox div#RB_window {
  border:       5px solid #8f9aa0;
}
div#RB_redbox div#RB_window h2 {
  margin: 0px;
  font-size: 200%
}
div#RB_redbox div#RB_window p {
  margin: 20px;
  width: 400px;
  font-size: 125%
}
div#RB_redbox div#RB_window a {
  color: #000;
  text-decoration: none;
  margin:5px 85px 5px 10px;
  padding:10px;
  float:right;
  border:1px solid #333;
  background:#909090;
}
div#RB_redbox div#RB_window a:hover {
  text-decoration: underline;
}


/* =============== */
/* = direct_link = */
/* =============== */

body#direct_link {
  background: url('/images/gradient_blue.jpg') top left repeat-x;
       font-size:22px;
       color:#626262;
       margin: 0 auto;
       padding: 120px;
       width: 500px;
       line-height: 1.4em;
}
body#direct_link a { color: #51799F}

/* ================================================================= */
/* = App common account  setup  screeners  recruits and incentives = */
/* ================================================================= */

body.account a.fdbk_tab_right {
  top: 0px!important;
}
body.account div#content {
  clear:both;
}
body.account div.navigation_buttons {
  margin-top: 20px;
  text-align: right;
  clear: both;
}
body.account a.submit {
  font-size:        1.2em;
  color:            #000;
  text-align:       center;
  text-decoration:  none;
  padding:          10px 50px;
  margin:           10px;
  border:           1px solid #ccc;
  background-color: #ecead9;
  width:            120px;
  clear:            both;
}
body.account a.navigation_button {
  font-size:        1.2em;
  color:            #000;
  text-align:       center;
  text-decoration:  none;
  padding:          10px 50px;
  margin:           10px;
  border:           1px solid #ccc;
  background-color: #ecead9;
  width:            120px;
  clear:            both;
}
body.account p.notice {
  background-color: #EFF4BC;
  color:#273940;
  padding:20px 0;
  margin: 20px 0 0 0;
  border-top: 3px solid #EADF8F;
  border-bottom: 3px solid #EADF8F;
  float:left;
  width:100%;
  text-align:center;
  font-size: 14px;
}
body.account div#app_header {
  font: 12px "Lucida Grande", Tahoma, Arial, Helvetica, sans-serif;
  width: 100%;
  color: #333;
  background: #12252E!important;
  display:block;
}
body.account div#app_header img#ethnio_logo_small {
  float: left;
  margin: 8px 10px 0px 10px;
}
body.account div#app_header ul#sentence {
  color:#fff;
  margin:60px 0px 20px 0px;
  float:left;
}
body.account div#app_header ul#sentence li {
  line-height: 1.4em;
  list-style-type: none;
  display: inline;
  font-family:Georgia,serif;
  font-size:1.35em;
  font-size-adjust:none;
  font-variant:normal;
  font-weight:normal;
  letter-spacing: 0.03em;
}
body.account div#app_header ul#sentence li h2 {
  padding-bottom: 10px;
  color:#fff;
  font-size:30px;
  letter-spacing: 0.05em;
  float:left;
  border-right:1px solid #EFF4BC;
  padding-right:30px;
  margin-right: 20px;
}
body.account div#app_header ul#sentence li a {
  color:#fff;
}
body.account div#app_header ul#sentence li span { padding-right:10px;}
body.account div#app_header div#toolbar {
  font: 12px "Lucida Grande", Tahoma, Arial, Helvetica, sans-serif;
  margin-top:0px;
  top:7px;
  float:right;
  margin-right: 30px;
  margin-bottom: 20px;
  background-color: black;
  height: 43px;
  padding-left: 14px;
  padding-right: 15px;
  text-decoration: none;
}
body.account div#app_header div#toolbar li {
  font-size: 17px;
  display: inline;
  float: left;
  margin-top:8px;
}
body.account div#app_header div#toolbar li img {
  display: inline;
}
body.account div#app_header div#toolbar a {
  font-size: 11px;
  color: #999;
  padding: 0px 10px;
  line-height: 26px;
}
body.account div#app_header div#toolbar li.recruits-available-low a {
  font-weight: bold;
  color: red;
}
body.account div#app_header div#toolbar a:hover {
  color: #9ECCE9;
  text-decoration: underline;
}
body.account div#app_header div#navwrap ul#navigation li.incentives img#new {
  float: right;
  margin-top: -23px;
  margin-left: -20px;
  position: relative;
}
body.edit a.fdbk_tab_right {
  top: 0px!important;
}
body.edit div#content {
  clear:both;
}
body.edit div.navigation_buttons {
  margin-top: 20px;
  text-align: right;
  clear: both;
}
body.edit a.submit {
  font-size:        1.2em;
  color:            #000;
  text-align:       center;
  text-decoration:  none;
  padding:          10px 50px;
  margin:           10px;
  border:           1px solid #ccc;
  background-color: #ecead9;
  width:            120px;
  clear:            both;
}
body.edit a.navigation_button {
  font-size:        1.2em;
  color:            #000;
  text-align:       center;
  text-decoration:  none;
  padding:          10px 50px;
  margin:           10px;
  border:           1px solid #ccc;
  background-color: #ecead9;
  width:            120px;
  clear:            both;
}
body.edit p.notice {
  background-color: #EFF4BC;
  color:#273940;
  padding:20px 0;
  margin: 20px 0 0 0;
  border-top: 3px solid #EADF8F;
  border-bottom: 3px solid #EADF8F;
  float:left;
  width:100%;
  text-align:center;
  font-size: 14px;
}
body.edit div#app_header {
  font: 12px "Lucida Grande", Tahoma, Arial, Helvetica, sans-serif;
  width: 100%;
  color: #333;
  background: #12252E!important;
  display:block;
}
body.edit div#app_header img#ethnio_logo_small {
  float: left;
  margin: 8px 10px 0px 10px;
}
body.edit div#app_header ul#sentence {
  color:#fff;
  margin:60px 0px 20px 0px;
  float:left;
}
body.edit div#app_header ul#sentence li {
  line-height: 1.4em;
  list-style-type: none;
  display: inline;
  font-family:Georgia,serif;
  font-size:1.35em;
  font-size-adjust:none;
  font-variant:normal;
  font-weight:normal;
  letter-spacing: 0.03em;
}
body.edit div#app_header ul#sentence li h2 {
  padding-bottom: 10px;
  color:#fff;
  font-size:30px;
  letter-spacing: 0.05em;
  float:left;
  border-right:1px solid #EFF4BC;
  padding-right:30px;
  margin-right: 20px;
}
body.edit div#app_header ul#sentence li a {
  color:#fff;
}
body.edit div#app_header ul#sentence li span { padding-right:10px;}
body.edit div#app_header div#toolbar {
  font: 12px "Lucida Grande", Tahoma, Arial, Helvetica, sans-serif;
  margin-top:0px;
  top:7px;
  float:right;
  margin-right: 30px;
  margin-bottom: 20px;
  background-color: black;
  height: 43px;
  padding-left: 14px;
  padding-right: 15px;
  text-decoration: none;
}
body.edit div#app_header div#toolbar li {
  font-size: 17px;
  display: inline;
  float: left;
  margin-top:8px;
}
body.edit div#app_header div#toolbar li img {
  display: inline;
}
body.edit div#app_header div#toolbar a {
  font-size: 11px;
  color: #999;
  padding: 0px 10px;
  line-height: 26px;
}
body.edit div#app_header div#toolbar li.recruits-available-low a {
  font-weight: bold;
  color: red;
}
body.edit div#app_header div#toolbar a:hover {
  color: #9ECCE9;
  text-decoration: underline;
}
body.edit div#app_header div#navwrap ul#navigation li.incentives img#new {
  float: right;
  margin-top: -23px;
  margin-left: -20px;
  position: relative;
}
body.screeners a.fdbk_tab_right {
  top: 0px!important;
}
body.screeners div#content {
  clear:both;
}
body.screeners div.navigation_buttons {
  margin-top: 20px;
  text-align: right;
  clear: both;
}
body.screeners a.submit {
  font-size:        1.2em;
  color:            #000;
  text-align:       center;
  text-decoration:  none;
  padding:          10px 50px;
  margin:           10px;
  border:           1px solid #ccc;
  background-color: #ecead9;
  width:            120px;
  clear:            both;
}
body.screeners a.navigation_button {
  font-size:        1.2em;
  color:            #000;
  text-align:       center;
  text-decoration:  none;
  padding:          10px 50px;
  margin:           10px;
  border:           1px solid #ccc;
  background-color: #ecead9;
  width:            120px;
  clear:            both;
}
body.screeners p.notice {
  background-color: #EFF4BC;
  color:#273940;
  padding:20px 0;
  margin: 20px 0 0 0;
  border-top: 3px solid #EADF8F;
  border-bottom: 3px solid #EADF8F;
  float:left;
  width:100%;
  text-align:center;
  font-size: 14px;
}
body.screeners div#app_header {
  font: 12px "Lucida Grande", Tahoma, Arial, Helvetica, sans-serif;
  width: 100%;
  color: #333;
  background: #12252E!important;
  display:block;
}
body.screeners div#app_header img#ethnio_logo_small {
  float: left;
  margin: 8px 10px 0px 10px;
}
body.screeners div#app_header ul#sentence {
  color:#fff;
  margin:60px 0px 20px 0px;
  float:left;
}
body.screeners div#app_header ul#sentence li {
  line-height: 1.4em;
  list-style-type: none;
  display: inline;
  font-family:Georgia,serif;
  font-size:1.35em;
  font-size-adjust:none;
  font-variant:normal;
  font-weight:normal;
  letter-spacing: 0.03em;
}
body.screeners div#app_header ul#sentence li h2 {
  padding-bottom: 10px;
  color:#fff;
  font-size:30px;
  letter-spacing: 0.05em;
  float:left;
  border-right:1px solid #EFF4BC;
  padding-right:30px;
  margin-right: 20px;
}
body.screeners div#app_header ul#sentence li a {
  color:#fff;
}
body.screeners div#app_header ul#sentence li span { padding-right:10px;}
body.screeners div#app_header div#toolbar {
  font: 12px "Lucida Grande", Tahoma, Arial, Helvetica, sans-serif;
  margin-top:0px;
  top:7px;
  float:right;
  margin-right: 30px;
  margin-bottom: 20px;
  background-color: black;
  height: 43px;
  padding-left: 14px;
  padding-right: 15px;
  text-decoration: none;
}
body.screeners div#app_header div#toolbar li {
  font-size: 17px;
  display: inline;
  float: left;
  margin-top:8px;
}
body.screeners div#app_header div#toolbar li img {
  display: inline;
}
body.screeners div#app_header div#toolbar a {
  font-size: 11px;
  color: #999;
  padding: 0px 10px;
  line-height: 26px;
}
body.screeners div#app_header div#toolbar li.recruits-available-low a {
  font-weight: bold;
  color: red;
}
body.screeners div#app_header div#toolbar a:hover {
  color: #9ECCE9;
  text-decoration: underline;
}
body.screeners div#app_header div#navwrap ul#navigation li.incentives img#new {
  float: right;
  margin-top: -23px;
  margin-left: -20px;
  position: relative;
}
body.recruits a.fdbk_tab_right {
  top: 0px!important;
}
body.recruits div#content {
  clear:both;
}
body.recruits div.navigation_buttons {
  margin-top: 20px;
  text-align: right;
  clear: both;
}
body.recruits a.submit {
  font-size:        1.2em;
  color:            #000;
  text-align:       center;
  text-decoration:  none;
  padding:          10px 50px;
  margin:           10px;
  border:           1px solid #ccc;
  background-color: #ecead9;
  width:            120px;
  clear:            both;
}
body.recruits a.navigation_button {
  font-size:        1.2em;
  color:            #000;
  text-align:       center;
  text-decoration:  none;
  padding:          10px 50px;
  margin:           10px;
  border:           1px solid #ccc;
  background-color: #ecead9;
  width:            120px;
  clear:            both;
}
body.recruits p.notice {
  background-color: #EFF4BC;
  color:#273940;
  padding:20px 0;
  margin: 20px 0 0 0;
  border-top: 3px solid #EADF8F;
  border-bottom: 3px solid #EADF8F;
  float:left;
  width:100%;
  text-align:center;
  font-size: 14px;
}
body.recruits div#app_header {
  font: 12px "Lucida Grande", Tahoma, Arial, Helvetica, sans-serif;
  width: 100%;
  color: #333;
  background: #12252E!important;
  display:block;
}
body.recruits div#app_header img#ethnio_logo_small {
  float: left;
  margin: 8px 10px 0px 10px;
}
body.recruits div#app_header ul#sentence {
  color:#fff;
  margin:60px 0px 20px 0px;
  float:left;
}
body.recruits div#app_header ul#sentence li {
  line-height: 1.4em;
  list-style-type: none;
  display: inline;
  font-family:Georgia,serif;
  font-size:1.35em;
  font-size-adjust:none;
  font-variant:normal;
  font-weight:normal;
  letter-spacing: 0.03em;
}
body.recruits div#app_header ul#sentence li h2 {
  padding-bottom: 10px;
  color:#fff;
  font-size:30px;
  letter-spacing: 0.05em;
  float:left;
  border-right:1px solid #EFF4BC;
  padding-right:30px;
  margin-right: 20px;
}
body.recruits div#app_header ul#sentence li a {
  color:#fff;
}
body.recruits div#app_header ul#sentence li span { padding-right:10px;}
body.recruits div#app_header div#toolbar {
  font: 12px "Lucida Grande", Tahoma, Arial, Helvetica, sans-serif;
  margin-top:0px;
  top:7px;
  float:right;
  margin-right: 30px;
  margin-bottom: 20px;
  background-color: black;
  height: 43px;
  padding-left: 14px;
  padding-right: 15px;
  text-decoration: none;
}
body.recruits div#app_header div#toolbar li {
  font-size: 17px;
  display: inline;
  float: left;
  margin-top:8px;
}
body.recruits div#app_header div#toolbar li img {
  display: inline;
}
body.recruits div#app_header div#toolbar a {
  font-size: 11px;
  color: #999;
  padding: 0px 10px;
  line-height: 26px;
}
body.recruits div#app_header div#toolbar li.recruits-available-low a {
  font-weight: bold;
  color: red;
}
body.recruits div#app_header div#toolbar a:hover {
  color: #9ECCE9;
  text-decoration: underline;
}
body.recruits div#app_header div#navwrap ul#navigation li.incentives img#new {
  float: right;
  margin-top: -23px;
  margin-left: -20px;
  position: relative;
}
body.incentives a.fdbk_tab_right {
  top: 0px!important;
}
body.incentives div#content {
  clear:both;
}
body.incentives div.navigation_buttons {
  margin-top: 20px;
  text-align: right;
  clear: both;
}
body.incentives a.submit {
  font-size:        1.2em;
  color:            #000;
  text-align:       center;
  text-decoration:  none;
  padding:          10px 50px;
  margin:           10px;
  border:           1px solid #ccc;
  background-color: #ecead9;
  width:            120px;
  clear:            both;
}
body.incentives a.navigation_button {
  font-size:        1.2em;
  color:            #000;
  text-align:       center;
  text-decoration:  none;
  padding:          10px 50px;
  margin:           10px;
  border:           1px solid #ccc;
  background-color: #ecead9;
  width:            120px;
  clear:            both;
}
body.incentives p.notice {
  background-color: #EFF4BC;
  color:#273940;
  padding:20px 0;
  margin: 20px 0 0 0;
  border-top: 3px solid #EADF8F;
  border-bottom: 3px solid #EADF8F;
  float:left;
  width:100%;
  text-align:center;
  font-size: 14px;
}
body.incentives div#app_header {
  font: 12px "Lucida Grande", Tahoma, Arial, Helvetica, sans-serif;
  width: 100%;
  color: #333;
  background: #12252E!important;
  display:block;
}
body.incentives div#app_header img#ethnio_logo_small {
  float: left;
  margin: 8px 10px 0px 10px;
}
body.incentives div#app_header ul#sentence {
  color:#fff;
  margin:60px 0px 20px 0px;
  float:left;
}
body.incentives div#app_header ul#sentence li {
  line-height: 1.4em;
  list-style-type: none;
  display: inline;
  font-family:Georgia,serif;
  font-size:1.35em;
  font-size-adjust:none;
  font-variant:normal;
  font-weight:normal;
  letter-spacing: 0.03em;
}
body.incentives div#app_header ul#sentence li h2 {
  padding-bottom: 10px;
  color:#fff;
  font-size:30px;
  letter-spacing: 0.05em;
  float:left;
  border-right:1px solid #EFF4BC;
  padding-right:30px;
  margin-right: 20px;
}
body.incentives div#app_header ul#sentence li a {
  color:#fff;
}
body.incentives div#app_header ul#sentence li span { padding-right:10px;}
body.incentives div#app_header div#toolbar {
  font: 12px "Lucida Grande", Tahoma, Arial, Helvetica, sans-serif;
  margin-top:0px;
  top:7px;
  float:right;
  margin-right: 30px;
  margin-bottom: 20px;
  background-color: black;
  height: 43px;
  padding-left: 14px;
  padding-right: 15px;
  text-decoration: none;
}
body.incentives div#app_header div#toolbar li {
  font-size: 17px;
  display: inline;
  float: left;
  margin-top:8px;
}
body.incentives div#app_header div#toolbar li img {
  display: inline;
}
body.incentives div#app_header div#toolbar a {
  font-size: 11px;
  color: #999;
  padding: 0px 10px;
  line-height: 26px;
}
body.incentives div#app_header div#toolbar li.recruits-available-low a {
  font-weight: bold;
  color: red;
}
body.incentives div#app_header div#toolbar a:hover {
  color: #9ECCE9;
  text-decoration: underline;
}
body.incentives div#app_header div#navwrap ul#navigation li.incentives img#new {
  float: right;
  margin-top: -23px;
  margin-left: -20px;
  position: relative;
}

/* ================== */
/* = app incentives = */
/* ================== */

body.incentives div#content {
  clear:both;
  padding-top: 30px;
}
body.incentives div#content h2 {
  font-size: 22px;
}
body.incentives div#content h3 {
  font-size: 18px;
}
body.incentives div#content p {
  padding:10px 0;
  font-size: 12px;
  margin: 0px 150px 0px 0px;
}
body.incentives div#content div p {
  padding: 3px 0px;
}
body.incentives div#content div p label {
  font-size: 12px;
  display: inline;
}
body.incentives h1 {
  clear: both;
  font-size: 28px;
  margin-left: 105px;
}
body.incentives div#swap_panels {
  float:left;
  clear:left;
  margin:10px 40px;
  padding-top:20px;
  min-height:440px;
}
body.incentives div#swap_panels input.save {
  padding: 4px;
  width: 200px;
  font-size: 1.2em;
  width: auto;
  font-size: 1.3em;
  padding: 5px 25px;
  margin: 10px 0 0 185px;
}
body.incentives div.row {
  background: #EBF0F5;
  padding:30px;
  border:2px solid #9ECCE9;
  border-left:none;
  border-right:none;
  margin-bottom:50px;
  position:relative;
  width:650px;
}
body.incentives table {
  border-collapse: collapse;
  border-bottom:   5px solid #1F2248;
  margin:          20px 0px 10px;
  clear:           both;
}
body.incentives table th.first {
  border-left: 5px solid #1F2248;
}
body.incentives table td.first {
  border-left: 5px solid #1F2248;
}
body.incentives table th.last {
  border-right: 5px solid #1F2248;
}
body.incentives table td.last {
  border-right: 5px solid #1F2248;
}
body.incentives table thead {
  background: #fff;
  clear: both;
}
body.incentives table thead th {
  font-size: 11px;
}
body.incentives table thead tr.faceted_filters th {
  color:      #000;
  padding:    2px 4px 10px;
}
body.incentives table thead tr.faceted_filters a {
  color:           blue;
  text-decoration: none;
}
body.incentives table thead tr.labels {
  background:    #16323E;
  border-bottom: none;
  border-right: 5px solid #1F2248;
  border-left: 5px solid #1F2248;
}
body.incentives table thead tr.labels th {
  border-top: 5px solid #1F2248;
  color:   #fff;
  padding: 2px 10px 10px 20px;
}
body.incentives table thead tr.labels a {
  color:           #fff;
  text-decoration: none;
}
body.incentives table tbody td {
  padding:       0.5em;
  border-bottom: 1px solid #C3CFB6;
  border-left:   1px solid #C3CFB6;
}
body.incentives table tbody a {
  color: #333;
}
body.incentives table td.recruit_status_New { background: #E2FFD2 !important; }
body.incentives table td.recruit_status_Completed { background: #B1E2A6 !important; }
body.incentives table td.recruit_status_Scheduled { background: #BEF2AE !important; }
body.incentives table td.recruit_status_No { background: #ABDA9C !important; color:#333 }
body.incentives table td.recruit_status_Bogus { background: #A1CD93!important; color:#333 }
body.incentives table td.recruit_status_Dismissed { background: #A1CD93 !important; color:#333; }
body.incentives table th.sortable {
  background: #16323E url('/images/bg_header_sortable.gif') top left no-repeat;
}
body.incentives table th.sortable-sortArrival {
  background: #16323E url('/images/bg_header_sortable.gif') top left no-repeat;
}
body.incentives table th.sortable-text {
  background: #16323E url('/images/bg_header_sortable.gif') top left no-repeat;
}
body.incentives table th.forwardSort { background: #16323E url('/images/bg_header_up.gif') top left no-repeat; }
body.incentives table th.reverseSort { background: #16323E url('/images/bg_header_down.gif') top left no-repeat; }
body.incentives table span.timestamp { font-size:10px; }
body.incentives table td.incentive { font-size:11px; }
body.incentives div.recruit_status_popup {
  position:   absolute;
  top:        10px;
  left:       30px;
  z-index:    1000;
  background: #fff;
}
body.incentives div.recruit_status_popup ul.popup {
  border:           3px solid #273940;
  list-style-type:  none;
}
body.incentives div.recruit_status_popup ul.popup li.popup_status {
  border-bottom:  1px solid #c3c3c3;
}
body.incentives div.recruit_status_popup ul.popup li.popup_status a {
  padding:      5px;
  display:      block;
  white-space:  nowrap;
}
body.incentives div.recruit_status_popup ul.popup li.popup_status a:hover { background:#FFF4CB; }

/* ================== */
/* = app account    = */
/* ================== */

body.account div#content {
  padding-top: 0;
}
body.account form#signup label { margin-left: 100px;}
body.account form#signup input.save {
  margin-top:15px;
  margin-left: 180px;
  padding: 4px;
}
body.account form#my_account fieldset {
  clear: both;
  margin: 0 30px;
  padding: 5px;
}
body.account form#my_account ul {margin-top: 20px;}
body.account form#my_account li {
  clear: both;
  list-style-type: none;
  margin-bottom: 10px;
}
body.account form#my_account li span {
  position: absolute;
  margin: -18px 0 0 370px;
  padding: 0;
  font-size: 0.9em;
  color: #333;
}
body.account form#my_account label {
  font-size: 14px;
  float: left;
  clear: both;
  width: 150px;
}
body.account form#my_account input {
  padding: 4px;
  width: 200px;
  font-size: 1.2em;
}
body.account form#my_account input.save {
  width: auto;
  font-size: 1.3em;
  padding: 5px 25px;
  margin: 10px 0 0 185px;
}

body.marketing #forgot_password {
  margin: -20px 20px 0 20px;
}
body.marketing #forgot_password input {
  width: 220px;
  float: left;
  margin: 5px 0;
  padding: 2px;
}
body.marketing #forgot_password input.submit {
  width: auto;
  float: none;
  margin: -10px 0 0 5px;
}

/* ===================================================================================== */
/* =                               Screener List Page                                  = */
/* ===================================================================================== */

body.screeners {
  /*TODO change second logo id */
  /*this rule should not work*/
  /*end div#screeners table*/
}
body.screeners img#corner_banner_edit {
  display:none;
}
body.screeners div#header h1 {
  font-size:40px;
  color:#fff;
  margin-left:100px;
}
body.screeners li.questions {
  margin:0 !important;
}
body.screeners li.questions ul li {
  padding:0!important;
  margin:0!important;
}
body.screeners ul.setup li.setup {
  background: #fff;
}
body.screeners ul.questions li.questions {
  background: #fff;
}
body.screeners ul.title li.title {
  background: #fff;
}
body.screeners ul.thank_you li.thank_you {
  background: #fff;
}
body.screeners#logo #logo {
  float:right;
  margin-right:30px;
}
body.screeners ul.summary li.title { background: #fff; }
body.screeners form#new-screener-form {
  white-space: nowrap;
  display: block;
}
body.screeners select.action {
  margin-top: 10px;
  border: 1px solid #666;
  width: auto;
}
body.screeners input.create-button {
  padding: 4px;
  margin-left: 10px;
  white-space: nowrap;
  cursor: pointer;
  font-size: 1.3em;
}
body.screeners#update_display_submit { float: right; }
body.screeners input#screener_display_location {
  padding: 4px;
  width: 300px;
  float: left;
}
body.screeners div#screeners {
  margin-left:40px;
  margin-bottom: 30px;
}
body.screeners div#delete_screener_notice {
  position: absolute;
  color: #273940;
  margin-top: 5px;
  padding: 0;
  white-space: nowrap;
}
body.screeners div#delete_screener_notice a { color: #12252E; }
body.screeners div#screeners table#screeners-table {
  border:3px solid #596A72;
  margin:10px 20px 20px 1px;
  clear:both;
  position:relative;
  min-width:700px;
  /*end td.edit_screener*/
}
body.screeners div#screeners table#screeners-table span.no_recruits {
  font-family: Georgia, serif;
  font-size: 26px;
  text-align: left;
  float: left;
  color:#62757E;
  margin-top:6px;
}
body.screeners div#screeners table#screeners-table tr#screeners-header th {
  background: #546b74;
  padding: 10px 35px 10px 5px;
  color:#fff;
  font-size:16px;
  text-align: left;
}
body.screeners div#screeners table#screeners-table tr#screeners-header th.name {
  padding-left:30px;
}
body.screeners div#screeners table#screeners-table tr#screeners-header th.status {
  padding-left:10px;
}
body.screeners div#screeners table#screeners-table tr#screeners-header th.rate {
  padding-left:15px;
  white-space:nowrap;
}
body.screeners div#screeners table#screeners-table tr#screeners-header th.conversion {
  padding-left:25px;
}
body.screeners div#screeners table#screeners-table td {
  text-align:left;
  font-size:9px;
  clear:both;
  font-family:verdana;
  vertical-align: middle;
  padding-top:12px;
  padding-left:20px;
}
body.screeners div#screeners table#screeners-table td.recruiting_cap {
  text-align:center;
  font-size:15px;
}
body.screeners div#screeners table#screeners-table td.edit_screener { font-size:17px;}
body.screeners div#screeners table#screeners-table td.recruiting_stats h4 {
  margin-left: 0px;
  font-size:40px;
  margin-top:0px;
  color:#545454;
  float:left;
  margin-bottom: 4px;
}
body.screeners div#screeners table#screeners-table td.recruiting_stats h4#conversion-rate {
  font-size: 30px;
  float: none;
  margin-bottom: -5px;
}
body.screeners div#screeners table#screeners-table td.recruiting_stats ul {
  background: url('/images/curly_brace.png') top left no-repeat;
  padding:2px 5px 15px 30px;
  list-style-type:none;
  text-transform: none;
  text-align:left;
  margin-top:6px;
}
body.screeners div#screeners table#screeners-table td.recruiting_stats ul li {
  white-space: nowrap;
  font-size: 9px;
  margin:7px 10px 0 0 ;
  color:#898989;
}
body.screeners div#screeners table#screeners-table td.recruiting_stats ul li strong { font-size: 11px; }
body.screeners div#screeners table#screeners-table td.active_notice {
  text-align:left;
  margin-left:0;
  padding-left:0;
}
body.screeners div#screeners table#screeners-table td.recruiting_cap {
  width:30px;
  padding:0!important;
}
body.screeners div#screeners table#screeners-table a {
  display: block;
  height: 40px;
  margin: 10px;
}
body.screeners div#screeners table#screeners-table a.activation_on {
  background: url('/images/app_on.png') no-repeat center;
  text-indent: -9000px;
  width:75px;
}
body.screeners div#screeners table#screeners-table a.activation_off {
  background: url('/images/app_off.png') no-repeat center;
  text-indent: -9000px;
  width:75px;
}
body.screeners div#screeners table#screeners-table a.activation_on_debug {
  background: url('/images/app_on_debug.png') no-repeat center;
  text-indent: -9000px;
  width:75px;
}
body.screeners div#screeners table#screeners-table a.activation_off_debug {
  background: url('/images/app_off_debug.png') no-repeat center;
  text-indent: -9000px;
  width:75px;
}
body.screeners div#screeners table#screeners-table a.activation_disabled {
  font-size:18px;
  margin-top:33px;
  color:red;
}
body.screeners div#screeners table#screeners-table img.sparkline {
  margin:10px;
}
body.screeners div#screeners table#screeners-table tr.highlight h4 { color:#000; }
body.screeners div#screeners table#screeners-table td.screenername {
  font-family: Georgia, serif;
  font-size: 27px;
  text-align: left;
  margin-top:20px;
  padding-right: 15px;
  padding-left:10px;
}
body.screeners div#screeners table#screeners-table td.screenername a {white-space: nowrap; margin-left:20px;}
body.screeners div#screeners table#screeners-table td.screenername form.edit_screener {
  position: absolute;
  margin-top: -15px;
}
body.screeners div#screeners table#screeners-table td.screenername form.edit_screener input#screener_name {
  margin: 0;
  padding: 0 2px 0 8px;
  width: 217px;
  font-size: inherit;
  font-family: inherit;
  border: 1px solid #546b74;
}
body.screeners div#screeners table#screeners-table td.screenername form.edit_screener input#screener_submit {
  vertical-align: middle;
  margin-top: -5px;
}
body.screeners div#screeners table#screeners-table td.screenername span.screenertools {
  position: absolute;
  margin-top: 8px;
  padding-right: 40px!important;
}
body.screeners div#screeners table#screeners-table td.screenername span.screenertools a {
  margin: 0;
  padding: 0;
  line-height: 1em;
  font-size: 1em;
  cursor: pointer;
}
body.screeners div#screeners table#screeners-table td.screenername span.screenertools ul {
  margin-top: 5px;
  margin-left:-30px;
  display: block;
  list-style-type: none;
  background-color: white;
  border-right: 1px solid #bbb;
  border-bottom: 1px solid #bbb;
  border-left: 1px solid #eee;
  border-top: 1px solid #eee;
}
body.screeners div#screeners table#screeners-table td.screenername span.screenertools ul li a {
  display: block;
  height: auto;
  padding: 3px;
  text-decoration: none;
  color: #555!important;
}
body.screeners div#screeners table#screeners-table td.screenername span.screenertools ul li a:hover {
  color: #12252E!important;
  background-color: #eee!important;
}
body.screeners div#screeners table#screeners-table td.screenername span.screenertools span.duplicate a {
  margin-right: 0px;
  vertical-align: top;
  font-size:10px;
  color:#CECECE!important;
  text-decoration:none;
}
body.screeners div#screeners table#screeners-table td.screenername span.screenertools span.delete a {
  margin-right: 0px;
  vertical-align: top;
  font-size:10px;
  color:#CECECE!important;
  text-decoration:none;
}
body.screeners div#screeners table#screeners-table td.screenername span.screenertools span.rename a {
  margin-right: 0px;
  vertical-align: top;
  font-size:10px;
  color:#CECECE!important;
  text-decoration:none;
}
body.screeners div#screeners table#screeners-table td.screenername span.screenertools span.duplicate a:hover {
  color: #555!important;
}
body.screeners div#screeners table#screeners-table td.screenername span.screenertools span.delete a:hover {
  color: #555!important;
}
body.screeners div#screeners table#screeners-table td.screenername span.screenertools span.rename a:hover {
  color: #555!important;
}
body.screeners div#screeners table#screeners-table td.screenername a {
  display: inline;
  color:#000;
}
body.screeners div#screeners table#screeners-table td.edit_screener {
  width:130px;
  font-size:12px;
}
body.screeners div#screeners table#screeners-table td.edit_screener a { margin-top: 40px; }
body.screeners div#screeners table#screeners-table td.edit_screener a:link {
  display:block;
  padding:10px 0 10px 0px;
}
body.screeners div#screeners table#screeners-table td.edit_screener a:visited {
  display:block;
  padding:10px 0 10px 0px;
}
body.screeners div#screeners table#screeners-table td.edit_screener a:hover {
  display:block;
  padding:10px 0 10px 0px;
}
body.screeners div#screeners table#screeners-table td.edit_screener a:active {
  display:block;
  padding:10px 0 10px 0px;
}
body.screeners div#screeners table#screeners-table form.edit_screener select {
  text-align: right;
}
body.screeners div#screeners table#screeners-table form.edit_screener option {
  text-align: right;
}
body.screeners div#blankslate_screener {
  padding-top:100px;
}
body.screeners div#body {
  float: left;
  margin: 0px 0 0 40px;
}
body.screeners div#newscreener {
  margin-left: 0px;
  border:3px solid #D0D0D0;
  background:;
  width:600px;
}
body.screeners div#newscreener h2 {
  color: #000;
  margin: 10px 30px;
  font-size: 22px;
  letter-spacing:0.03em;
  float:none;
}
body.screeners div#newscreener form {
  margin:10px 30px;
  float:none;
}

/* ===================================================================================== */
/* =                               Admin                                               = */
/* ===================================================================================== */

body.admin {
  margin: 0;
  line-height: 1.4;
  background: #e9e7dd;
}
body.admin hr {
  clear:both;
  height:1px;
}
body.admin p {
  clear:both;
  font-size:11px;
  margin-top:40px;
  font-weight:700;
  background:#70C100;
  color:#000;
  width:100px;
  display:block;
  padding:8px;
  float:left;
}
body.admin div#graphs h3 {
  font-size:30px;
  margin-top:30px;
  background:#333;
  color:#fff;
  padding:10px;
}
body.admin div#content {
  margin:0 auto;
  width:800px;
}
body.admin div#content h1 {
  font-size:25px;
  clear:both;
  padding:30px 0 15px;
  width:400px;
}
body.admin img {
  float:left;
  clear:both;
}
body.admin h2 {
  font-size: 26px;
  width:100%;
  clear:both;
}
body.admin div#leftcol {
  width:560px;
  float:left;
}
body.admin div#leftcol div.row {
  color: #555;
  font-size:20px;
  clear:both;
  float:left;
  height:90px;
}
body.admin div#leftcol div.row h2 {
  width:340px;
  float:left;
  clear:none;
  margin-top:30px;
}
body.admin div#leftcol div.row div.chart {
  width:100px;
  float:left;
}
body.admin div#leftcol div.row span.caption {
  color: #999;
  font-size: 15px;
  margin: 0 3px;
}
body.admin div#leftcol div.row strong { margin: 0 15px; }
body.admin div#currently {
  margin-top:20px;
  width:180px;
  float:right;
  background:#fff;
  padding:20px;
  clear:none;
}
body.admin div#currently span.timestamp {
  font-size:10px;
  color:#c3c3c3;
  margin-bottom:15px;
  display:block;
  font-style:italic;
}
body.admin div#currently h2 {
  font-size:25px;
}
body.admin div#currently dl dt {
  float:left;
  clear:left;
  height:40px;
  font-size:15px;
  padding-top:5px;
}
body.admin div#currently dl dd {
  background:#079900;
  padding:3px 6px;
  color:#fff;
  float:right;
  font-family:monaco, courier;
  font-size:18px;
}
body.admin div#navwrap {
  border:0;
  width:100%;
  padding:5px 0 0 0;
  background:#333!important;
}
body.admin div#navwrap h1 {
  font-size: 25px;
  float:right;
  width:300px;
  color:#fff;
}
body.admin div#navwrap ul#navigation {
  list-style-type: none;
  color:#fff;
  padding-left:10%;
  clear:none;
}
body.admin div#navwrap ul#navigation li {
  display: inline;
  font-size: 1.2em;
  margin: 8px 25px 0 0;
}
body.admin div#navwrap ul#navigation li a {
  font-size:10px;
  text-decoration: none;
  color: #fff;
  padding:8px 15px!important;
}
body.admin div#navwrap ul.index li.index a {
  background-color: #FA0 !important;
  color: #000!important;
}
body.admin div#navwrap ul.view_recruits li.index a {
  background-color: #FA0 !important;
  color: #000!important;
}
body.admin div#navwrap ul.server li.server a {
  background-color: #FA0 !important;
  color: #000!important;
}
body.admin div#navwrap ul.cc li.cc a {
  background-color: #FA0 !important;
  color: #000!important;
}
body.admin div#navwrap ul.users li.users a {
  background-color: #FA0 !important;
  color: #000!important;
}
body.admin div#navwrap ul.partners li.partners a {
  background-color: #FA0 !important;
  color: #000!important;
}
body.admin div#navwrap a:hover {
  background-color: #FA0 !important;
  color: #000!important;
}
body.admin table {
  clear:both;
  margin: 7px auto;
  width: 100%;
}
body.admin table td {
  vertical-align: top;
  padding:10px 20px;
}
body.admin table td a { color:#003F0C; }
body.admin table th {
  padding:10px 20px;
  background-color:#7BC031;
  color:white;
  width:120px;
}
body.admin table th a {
  text-decoration:none;
  color:white;
  width:100px;
}
body.admin table tr {
  font-size: 11px;
}
body.admin table tr span.delete_user a {
  font-size: 0.9em;
  line-height: 2em;
  text-decoration: none;
  color: #8a8a8a;
}
body.admin table span.delete_user a:hover {
  background-color: #F94700;
  color:#fff;
}
body.admin a.screener {
  float: left;
  display: block;
  margin:1px;
  padding: 2px;
  width:5px!important;
  height:5px;
  background-color: #C71200;
}
body.admin a.screener.on { background-color: #2D9900;}
body.admin span.screener {
  float: left;
  display: block;
  margin:1px;
  padding: 2px;
  width:5px!important;
  height:5px;
  background-color: #C71200;
}
body.admin span.screener.on { background-color: #2D9900;}
body.admin span.remote_key {
  font-size: 8px;
  color: #3f3f3f;
}
body.admin span.created {
  font-size: 9px;
  color: #3f3f3f;
}
body.admin a.example {
  color: #c3c3c3;
  color: #c3c3c3;
}
body.admin span.example {
  color: #c3c3c3;
  color: #c3c3c3;
}

span.note {
    color:#333;
    font-size:11px;
    width:400px;
    float:right;
    text-align:right;
}

div.tooltip ul { margin-left:20px; }
div.tooltip h3 { font-size:25px!important;}

div#graphs {
    clear:both;
    padding-top:40px;
}

div.chart {
    margin:20px 20px 20px 0;
    width:150px;
    float:left;
}
div.chart span.caption {
  width:300px;
  float:left;
  font-size:11px;
  color:#999;
}

/*------ misc and unfiled ----------------------*/

div#stats_timeframe {
  float:left;
  width:300px;
  margin:15px 0 0 650px;
  color:#A5A5A5;
}
div#stats_timeframe form { display:inline; margin:2px;}
div#stats_timeframe form * { margin:2px; color:#333; border-color:#AFAFAF;}
div#stats_timeframe form a.editor_cancel_link { color:#c3c3c3; }
div#stats_timeframe span {
  height: 1%;
  min-height: 1em;
  display: inline;
  width:200px;
  text-decoration:underline ;
  min-width:1em;
}
div#stats_timeframe span:after {
  content: " Hours"
}

p.browser_icon {
  float: left;
  width: 16px;
  padding: 0px;
  height: 16px;
  background: url("/images/icons.gif");
  margin-left: 10px!important;
}

p.ie7 { background-position: 0px 0px!important; }
p.safari { background-position: 16px 0px!important; }
p.firefox { background-position: 33px 0px!important; }
p.ie6 { background-position: 53px 0px!important; }

p.ie7 span {
  display:none;
}
p.safari span {
  display:none;
}
p.firefox span {
  display:none;
}
p.ie6 span {
  display:none;
}

p.NA {
  background-image: none !important;
}
p.opera {
  background-image: none !important;
}
p.icab {
  background-image: none !important;
}
p.AOL {
  background-image: none !important;
}
p.camino {
  background-image: none !important;
}
p.flock {
  background-image: none !important;
}
p.netscape {
  background-image: none !important;
}
p.omniweb {
  background-image: none !important;
}
p.lynx {
  background-image: none !important;
}
p.shiira {
  background-image: none !important;
}
p.iPhone {
  background-image: none !important;
}
p.seamonkey {
  background-image: none !important;
}

input#screener_display_location {
  padding: 4px;
  width: 300px;
  font-size: 12px;
}

dd.emergency { background: #FF1700;}
dd.warning {
  background: #FF7C00;
}
dd.error {
  background: #FF7C00;
}
dd.ok { background: green; }

#screener-selector {
  background-color: #ebf0f5;
  float: left;
  height: 43px;
  margin-bottom: 20px;
  margin-left: 39px;
  padding-left: 14px;
  padding-right: 14px;
}
#screener-selector >* {
  float:left;
}
#screener-selector form select {
  margin-top: 9px;
  margin-right: 8px;
  font-size: 15px;
}
#screener-selector a {
  display: block;
  height: 40px;
  font-size: 13px;
  line-height: 36px;
  margin-left: 14px;
  color: #2f3031;
}
#screener-selector a.activation_on {
  background: url('/images/app_box_on.png') no-repeat center;
  text-indent: -9000px;
  width:75px;
}
#screener-selector a.activation_off {
  background: url('/images/app_box_off.png') no-repeat center;
  text-indent: -9000px;
  width:75px;
}