@charset "utf-8";

/* layout defaults */

#wrap {
  height: 100%;
  width: 100%;
}

#tablewrapper td a {color: #333; }

#header, #subheader { margin: 0; }

#content { width: 100%; }

#top #head, #top #foot {
  background: #FFFFFF none;
}

#left { float: left; }

.nav {
  border-top-color: #484848;
  border-top-style: solid;
  border-top-width: 4px;
  padding: 0 20px;
}

#right {
  float: right;
}

html.active #top #right { padding: 10px; }

/* uncomment if something breaks */
/*
#top #head {
    height: 114px;
}
*/
/* comment if something breaks */
#top #foot {
    padding-top: 40px;
}
body.index #top #foot,
body.confirmations #top #foot,
body.invites#index #top #foot,
body.invites#new #top #foot,
body.invites#create #top #foot,
body.invites#index #top #foot,
body.links #top #foot,
body.signatures #top #foot,
body.tokens #top #foot,
body.users#dashboard #top #foot,
body.users#forgot #top #foot,
html.agent body.users#index #top #foot,
body.users#password #top #foot,
html.guest body.users#create #top #foot,
html.guest body.users#register #top #foot {
  padding-top: 114px;
}

#top #head, #header, #subheader {
  background-repeat: no-repeat;
  background-position: top left;
  width: 100%;
}

input { width:143px; }

#content input { margin: 5px 0; }

/* columns */

div.col {
  float:left;
  margin:0 30px 30px;
  max-width:280px;
}

div.widecol {
  max-width:600px;
  margin:0 30px 30px;
}

div.fullcol {
  margin:0 30px 30px;
  padding: 10px;
}

/* text formatting */

body {
  font: 12px Arial, Helvetica, sans-serif;
}

label { color: #000000; }
input { color: #333333; }

p { margin-bottom: 10px; }

a {
  text-decoration: underline;
  text-transform: none;
  font-style: normal;
}

a:hover, a:focus {
    font-weight: bold;
}

#content ol {
  list-style-type: decimal;
  list-style-position: inside;
}

#content h1 {
  font-size: 24px;
  font-weight: bold;
  margin: 10px 0;
}

#content h2 {
  font-size: 20px;
  font-weight: bold;
  margin: 9px 0;
}

#content #col h3 {
  font-size: 18px;
  margin: 0 0 8px;
}

#content h4 {
  font-size: 16px;
  margin: 0 0 7px;
}

/* navigation images */

#nav li, #nav li:hover {
  background-color: #FFFFFF;
  background-repeat: no-repeat;
}

#nav li {
  background-position: top left;
  display: block;
  float: left;
  height: 17px;
  list-style: none;
  margin-top: 7px;
  overflow:hidden;
  padding: 0 5px;
  text-indent: -9999px;
}

#nav li a {
  display: block;
  height: 17px;
  width: 100%;
}

#nav li:hover,
body.index#index #nav li.index#index, 
body.users#dashboard #nav li.users#dashboard,
body.index#howitworks #nav li.index#howitworks, 
body.index#about #nav li.index#about, 
body.index#faq #nav li.index#faq, 
body.users#register #nav li.users#register, 
body.invites#index #nav li.invites#index, 
body.index#help #nav li.index#help
{
  background-position: 0 -17px;
}

#nav li.index#index {
  background-image: url(/images/menu_bambera.gif);
  width: 49px;
}

#nav li.users#dashboard {
  background-image: url(/images/menu_dashboard.png);
  width: 59px;
}

#nav li.index#howitworks {
  background-image: url(/images/menu_hiw.gif);
  width: 70px;
}

#nav li.index#about {
  background-image: url(/images/menu_about.gif);
  width: 31px;
}

#nav li.index#faq {
  background-image: url(/images/menu_faq.png);
  width: 18px;
}

#nav li.users#register,
html.guest #nav li.users#create {
  background-image: url(/images/menu_apply.png);
  width: 29px;
}

#nav li.invites#index {
  background-image: url(/images/menu_invite.png);
  width: 29px;  
}

#nav li.index#help {
  background-image: url(/images/menu_help.gif);
  width: 23px;
}

#nav li.logout#index {
  background-image: url(/images/menu_logout.png);
  width: 38px;
}

/* background colors */

body {
  background-color: #484848;  
}

body.secure_template {
  background-color: #fff !important;  
}

body.index#privacy,
body.index#tos {
  background-color: #d8dad4;
}
body.index#privacy #top .nav,
body.index#tos #top .nav {
  border-top-color: #d8dad4;
}

body.index#howitworks { background-color: #f0e67a; }
body.index#howitworks #top .nav { border-top-color: #f0e67a; }

body.index#about { background-color: #bcd6e1; }
body.index#about #top .nav { border-top-color: #bcd6e1; }

body.index#faq { background-color: #c9cac4; }
body.index#faq #top .nav { border-top-color: #c9cac4; }

body.users#register,
html.guest body.users#create { background-color: #9acc99; }
body.users#register #top .nav,
html.guest body.users#create #top .nav { border-top-color: #9acc99; }

body.index#help { background-color: #c8cac2; }
body.index#help #top .nav { border-top-color: #c8cac2; }

/* foreground colors */

a { color: #222222; }

p { color: #000000; }

#content h1,
#content h2,
#content h3 {
  color: #EBEBEB;
}

#content a {
  color: #F0E67A;
  text-decoration: underline;
}
#content p {
  color: #CCCCCC;
}

body.index#howitworks #content a,
body.index#about #content a, 
body.index#faq #content a, 
body.users#register #content a,
html.guest body.users#create #content a,
body.index#help #content a,
body.index#privacy #content a, 
body.index#tos #content a {
  color: #000000;
  text-decoration: underline;
}

body.index#howitworks #content p,
body.index#about #content p, 
body.index#faq #content p, 
body.users#register #content p, 
html.guest body.users#create #content p,
body.index#help #content p, 
body.index#privacy #content p, 
body.index#tos #content p {
  color: #000000;
}

body.index#howitworks #content h1,
body.index#about #content h1, 
body.index#faq #content h1, 
body.users#register #content h1, 
html.guest body.users#create #content h1,
body.index#help #content h1, 
body.index#privacy #content h1, 
body.index#tos #content h1 {
  color: #000000 !important;
}

body.index#howitworks #content h2,
body.index#about #content h2, 
body.index#faq #content h2, 
body.users#register #content h2, 
html.guest body.users#create #content h2,
body.index#help #content h2, 
body.index#privacy #content h2, 
body.index#tos #content h2 {
  color: #000000 !important;
}

body.index#howitworks #content h3,
body.index#about #content h3, 
body.index#faq #content h3, 
body.users#register #content h3, 
html.guest body.users#create #content h3,
body.index#help #content h3, 
body.index#privacy #content h3, 
body.index#tos #content h3 {
  color: #000000 !important;
}

body.users#forgot #content p,
body.users#forgot #content label,
body.confirmations#confirm #content label,
body.tokens #content label { color: #ffffff; }

/* header images */

body.index#index #header {
  background-image: url(/images/bambera/share_ideas.png);
  height: 114px;
}
body.index#index #subheader {
  background-image: url(/images/bambera/make_money.png);
  height: 147px;
}

body.index#howitworks #header {
  background-image: url(/images/howitworks/howitworks.png);
  height: 106px;

}
body.index#howitworks #subheader { height: 34px; }

body.index#about #header {
  background-image: url(/images/about/about.png);
  height: 106px;
}
body.index#about #subheader { height: 34px; }

body.index#faq #header {
  background-image: url(/images/faq/faq.png);
  height: 113px;
}
body.index#faq #subheader {
  background-image: url(/images/faq/faq-bottom.png);
  height: 70px;
}

body.users#register #header,
html.guest body.users#create #header {
  background-image: url(/images/apply/apply.png);
  height: 113px;
}
body.users#register #subheader,
html.guest body.users#create #subheader {
  background-image: url(/images/apply/apply-bottom.png);
  height: 70px;
}

body.index#help #header {
  background-image: url(/images/help/help.png);
  height: 113px;
}
body.index#help #subheader {
  background-image: url(/images/help/p.png);
  height: 70px;
}

body.index#privacy #header {
  background-image: url(/images/policy/privacy.png);
  height: 113px;
}
body.index#privacy #subheader {
  background-image: url(/images/policy/py.png);
  height: 48px;
}


body.index#tos #header {
  background-image: url(/images/policy/tos.png);
  height: 113px;
}
body.index#tos #subheader { height: 34px; }

body.confirmations #header {
  background-image: url(/images/confirmations/confirmations-large.png);
  height: 113px;
}
body.confirmations #subheader { height: 34px; }

body.users#dashboard #header {
  background-image: url(/images/users/dashboard.png);
  height: 113px;
}
body.users#dashboard #subheader { height: 34px; }

body.index#error #header {
  background-image: url(/images/error/error.png);
  height: 113px;
}
body.index#error #subheader { height: 34px; }

body.invites #header {
  background-image: url(/images/invites/invites-large.png);
  height: 113px;
}
body.invites #subheader { height: 34px; }

body.links #header {
  background-image: url(/images/links/links-large.png);
  height: 113px;
}
body.links #subheader { height: 34px; }

body.offers #header {
  background-image: url(/images/offers/offers-large.png);
  height: 113px;
}
body.offers #subheader { height: 34px; }

html.agent body.users#index #header {
  background-image: url(/images/users/panel.png);
  height: 113px;
}
html.agent body.users#index #subheader {
  background-image: url(/images/users/panel-bottom.png);
  height: 147px;
}

body.tokens #header {
  background-image: url(/images/tokens/profile.png);
  height: 113px;
}
body.tokens #subheader {
  background-image: url(/images/tokens/profile-bottom.png);
  height: 48px;
}

body.signatures #header {
  background-image: url(/images/signatures/signatures-large.png);
  height: 113px;
}
body.signatures #subheader {
  background-image: url(/images/signatures/signatures-large-bottom.png);
  height: 48px;
}

body.index#thanks #header {
  background-image: url(/images/thanks/thankyou-large.png);
  height: 113px;
}
body.index#thanks #subheader {
  background-image: url(/images/thanks/thankyou-large-bottom.png);
  height: 34px;
}

body.index#congrats #header {
  background-image: url(/images/congrats/congrats-large.png);
  height: 113px;
}
body.index#congrats #subheader {
  background-image: url(/images/congrats/congrats-large-bottom.png);
  height: 48px;
}

body.users#forgot #header {
  background-image: url(/images/users/problems-large.png);
  height: 113px;
}
body.users#forgot #subheader {
  background-image: url(/images/users/problems-large-bottom.png);
  height: 60px;
}

body.users#password #header {
  background-image: url(/images/users/password-large.png);
  height: 113px;
}
body.users#password #subheader {
  background-image: url(/images/users/password-large-bottom.png);
  height: 48px;
}

body.verifications #header {
  background-image: url(/images/verifications/verifications-large.png);
  height: 113px;
}
body.verifications #subheader { height: 34px; }

/*login box*/

iframe.login_box {
  height: 125px;
  overflow: hidden;
  position: absolute;
  right: 10px;
  top: 10px;
  width: 450px;
}

.secure_login { float: right; }

.secure_login table tr td { padding: 5px; }

a.lock, input.go {
  display: inline-block;
  height: 22px !important;
  overflow: hidden;
  margin: 0 !important;
  padding: 0 !important;
  text-indent: -9999px;
  vertical-align: middle;
  width: 22px !important;
}

a.lock {
  background: url(/images/lock.png) top left no-repeat;
}

input.go {
  background: url(/images/go.png) top left no-repeat;
}

.secure_login label { color: #999999; }
.secure_login input { color: #333333; }

.secure_login a {
  color: #222222 !important;
  text-decoration: none !important;
}

.secure_login input#user_email_address,
.secure_login input#user_password {
  width: 143px;
}

.secure_login .fieldWithErrors {
  display: none;
}
    
/* error formatting */
    
.errorExplanation {
  font-style: italic;
  font-weight: bold;
}
    
div.fieldWithErrors {
  color: black;
  margin: 0 0 10px 0;
  padding: 0;
}

/* miscellaneous */

input.send {
  background: url(/images/send.png) top left no-repeat;
  height: 15px !important;
  overflow: hidden;
  margin: 4px 0 0 284px !important;
  text-indent: -9999px;
  width: 30px !important;
}

body.users#register #content input,
html.guest body.users#create #content input {
  width: 318px;
}

/* footer */

#footer {
  text-align: center;
  width: 100%;
}

#footer p {
  color:#FFFFFF !important;
  margin: 0 auto;
  padding: 7px;
}

#footer a {
  color:#FFFFFF !important;
  text-decoration: none !important;
  font-weight: bold;
}

/* signatures */

.signature_area {
  float: left;
  width: 50%;
}

.signature_area, .rate_area, .signature_area label, .signature_area p {
  color: #CCCCCC;
}

.rate_area {
  float: left;
  margin-left: 10%;
  width: 40%;
}

.rate_area table {
  min-width: 60%;
}

.contract_text {
  margin-bottom: 1em;
  max-height: 30em;
  overflow-x: auto;
}

.contract_text p {
  line-height: 1.1em;
  padding-right: 5px;
  text-align: justify;
}

/* needs cleanup */

label { display: block; font-weight: bold; }