/*	CASHCRATE.COM CSS STYLESHEET
	MEDIA: SCREEN	*/
body {
    background: #f9f9f9 url(../images/global/background.jpg) repeat-x;
    color: black;
    font-size: 75%;
    line-height: 1.4em;
    font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
    margin: 0;
}

/* GLOBAL */
img { border: 0;}

a { color: #212c5a; }
a:hover { color: #000000; }

a.menu, a.menu:hover {
    font-size: 10px;
    color: #000;
}

p { line-height: 1.8em; }

h1 {
    font-size: 24px;
    font-family: Tahoma, sans-serif;
    font-weight: normal;
    line-height: 1em;
    margin: 0;
}
h3 {
    margin: 1.5em 0 0 0;
    font-size: 1.2em;
    line-height: 1.2em;
}

table {
    width: 100%;
    border-collapse: collapse;
    border: 2px solid #d0d0d0;
    text-align: left;
    padding: 2px;
}
table caption {
    margin: auto;
    font-weight: bold;
    padding-bottom: 2px;
}
table thead {
    background: #fffde3;
    border-bottom: 1px solid #e5e1a9;
}
thead th {
    font-family: "Lucida Sans", sans-serif;
    font-size: 1em;
    padding: 8px;
    text-align: left;
    font-weight: bold;
}

tr td { padding: 6px 8px 6px 8px; }

.odd { background: none; }
.even {
    background: #f5f5f5;
    border-bottom: 1px solid #e6e6e6;
}
.highlighted {
    background-color: #617a76;
    color: #fff;
    font-weight: bold;
}

div#center-layout {
    width: 755px;
    margin: 0 auto;
}

div.center { margin: auto; }
div.clear { clear: both; }

div#header {
    width: 755px;
    height: 140px;
    background: url(../images/global/header.jpg) no-repeat;
}

div#content {
    width: auto;
    background: #fff;
    border: #e5e5e5 solid 2px;
    padding: 2px;
}

div#nav-backing {
    width: auto;
    height: 44px;
    background: url(../images/global/nav-backing-bg.jpg) repeat-x;
    border-bottom: #e5e5e5 solid 2px;
}
div#nav-backing ul {
    list-style: none;
    float: right;
    margin: 0;
    padding: 0;
    margin-top: 6px;
    margin-right: 6px;
}
div#nav-backing ul li {
    display: inline;
    float: left;
    margin-right: 6px;
    background: #617A76 url(../images/global/nav-left.gif) no-repeat;
}
div#nav-backing ul li span {
    margin-left: 6px;
    text-align: center;
    padding-right: 6px;
    padding-top: 6px;
    height: 24px;
    display: block;
    background: url(../images/global/nav-right.gif) no-repeat right;
}
div#nav-backing ul li a {
    font-family: "Lucida Sans", sans-serif;
    font-size: 1.2em;
    color: #EAFAEF;
    text-decoration: none;
    font-weight: bold;
}
div#nav-backing ul li a:focus { outline-width: 0; }

#core-content {
    padding: 0 30px 30px;
    width: auto;
}

#footer {
    margin: 10px 0 20px 0;
    text-align: center;
    font-size: 0.8em;
    line-height: 1.4em;
    color: #969696;
}
#footer p { margin: 0; }

div#message_box, div.bonus, div.error, div.neutral, div.success , div.new-message {
    width: auto;
    margin: 0px 26px 20px 26px;
}

div#message_box p {
    text-align: left;
    padding-left: 10px;
    padding-right: 10px;
}

div.new-message {
	border: 2px solid #04508B;
    background: #D1DEF0;
}

div.new-message  p{
	text-align: left;
    padding-left: 10px;
    padding-right: 10px;
}

div.bonus {
    border: 2px solid #D0D0D0;
    background: #FFFDE3;
}

div.bonus p {
    text-align: left;
    padding-left: 10px;
    padding-right: 10px;
}

div.error {
    border: 2px solid #F45949;
    background: #FDE2DF;
}

div.error p {
    text-align: left;
    padding-left: 10px;
    padding-right: 10px;
}

div.neutral {
    border: 2px solid #999999;
    background: #DFDFDF;
}

div.neutral p {
    text-align: left;
    padding-left: 10px;
    padding-right: 10px;
}

div.success {
    border: 2px solid #00C060;
    background: #DEF7C6;
}

div.success p {
    text-align: left;
    padding-left: 10px;
    padding-right: 10px;
}

/* Homepage */
div#hp-container {
    width: auto;
    margin-top: 2px;
    padding: 2px;
    border: none;
}

table#hp-head {
    width: 100%;
    height: 196px;
    border-collapse: collapse;
    border: none;
}
#hp-head td { padding: 0px; }
table#hp-head td.left {
    width: 504px;
    background: url(../images/global/hp-head-left.jpg) no-repeat;
    vertical-align: top;
}
table#hp-head td.left img { margin: 18px 0 0 18px; }
table#hp-head td.left p {
    margin: 6px 10px 0 18px;
    color: #617A76;
}

table#hp-head td.right {
    width: 239px;
    background: url(../images/global/hp-head-right.jpg) no-repeat;
    vertical-align: top;
}
table#hp-head td.right table {
    border-collapse: collapse;
    margin-left: 26px;
    margin-top: 60px;
    width: auto;
    border: none;
}
table#hp-head td.right table td {
    font-size: .8em;
    padding: 2px;
    color: #3D5753;
}
table#hp-head td.right table input.text { width: 105px; }

table#hp-head div#logged-in {
    text-align: center;
    margin-top: 66px;
    margin-right: 9px;
}
table#hp-head div#logged-in span {
    font-size: .8em;
    color: #5E7972;
}
table#hp-head div#logged-in h3 {
    margin-top: 16px;
    margin-bottom: 22px;
    font-size: 1.4em;
    font-weight: normal;
}
table#hp-head div#logged-in a.members-link {
    padding-right: 18px;
    background: url(../images/buttons/members-go.jpg) no-repeat right;
}

div#three-column { width: auto; }
div#three-column table {
    width: 100%;
    border-collapse: collapse;
    padding: 0;
    margin: 0;
    border: none;
}
div#three-column table tr.mid {
    background: url(../images/global/mid-bg.jpg) repeat-x;
    height: 40px;
}
div#three-column table tr.mid td.head {
    padding: 0;
    width: 33%;
    text-align: center;
}
div#three-column table td {
    padding: 14px;
    width: 33%;
    vertical-align: top;
}
div#three-column table td.border-right { border-right: 1px solid #DCDCDC; }

div.how-it-works {
    padding-left: 38px;
    background: url(../images/global/hp-starburst.jpg) left top no-repeat;
    margin-top: 10px;
    margin-bottom: 10px;
    margin-right: 5px;
}
div.how-it-works h4 {
    font-size: 1.2em;
    padding-top: 5px;
    margin: 0;
    font-weight: bold;
}
div.how-it-works p { font-size: .8em; }

div.news {
    margin-top: 10px;
    margin-bottom: 10px;
    margin-left: 5px;
    margin-right: 5px;
}
div.news h4 {
    font-size: 1em;
    padding-top: 5px;
    margin: 0;
    font-weight: bold;
    color: #617A76;
}
div.news p {
    margin-left: 8px;
    margin-top: 4px;
    border-bottom: 1px solid #d0d0d0;
    padding-bottom: 6px;
}

div#three-column table td table#join {
    border-collapse: collapse;
    margin-top: 10px;
}
div#three-column table td table#join input { width: 110px; }
div#three-column table td table#join input.terms { width: 20px; }
div#three-column table td table#join td {
    font-size: .8em;
    padding: 4px;
}

/* Members */
p.center { text-align: center; }

div#login-container {
    width: auto;
    margin-top: 30px;
}

.center-box {
    display: table;
    margin: 0 auto;
}

form#login {
    display: table;
    margin: 1em auto;
}
form#login label { width: 8em; }

/*@@ delete after old eliminated */
fieldset#login-form {
    display: table;
    margin-left: auto;
}
fieldset#login-form label { width: 10em; }
fieldset#login-form input.submit {
    float: right;
    margin-top: 14px;
}

div#members-header { padding: 20px 30px 20px; }

div#members-header div#dash-header {
    width: auto;
    height: 30px;
    color: #7D7D7D;
}
div#members-header div#dash-header h2 {
    margin: 0;
    font-size: 1.2em;
    float: left;
}
div#members-header div#dash-header ul {
    list-style: none;
    margin: 0;
    padding: 0;
    float: right;
}
div#members-header div#dash-header ul li {
    float: left;
    margin-right: 8px;
}
div#members-header div#dash-header ul li span {
    color: #008156;
    font-weight: bold;
    font-size: 1.2em;
}

div#memebers-nav-bg {
    width: auto;
    background: url('images/global/members-nav-bg.gif') repeat-x;
}

div#members-nav-left {
    width: auto;
    background: url('images/global/members-nav-left.gif') no-repeat;
}

div#members-nav-right {
    width: auto;
    background-image: url('images/global/members-nav-right.gif');
    background-position: right;
    background-repeat: no-repeat;
    height: 35px;
}
div#members-nav-right ul {
    list-style: none;
    margin: 0;
    padding: 8px 0 0 12px;
}
div#members-nav-right ul li {
    float: left;
    margin-left: 4px;
    padding-right: 4px;
}
div#members-nav-right ul li a {
    font-size: .8em;
    color: #517A54;
}

div#members-content {
    width: auto;
    padding: 0 30px 30px 30px;
}

div#table-controls {
    width: auto;
    text-align: center;
    margin: 30px 0 20px 0;
}

.sm-data {
    border: 2px solid #d0d0d0;
    padding: 2px;
    margin: 0 0 20px 0;
    width: auto;
}
.sm-data td { padding: 8px; }
.sm-data td.heading {
    font-weight: bold;
    font-size: 1em;
    background: #fffde3;
    border-bottom: #e5e1a9 1px solid;
    font-family: "Lucida Sans", sans-serif;
    text-align: left;
}
.sm-data td.data {
    background: #f5f5f5;
    border-bottom: #d0d0d0 1px solid;
}

table.messages {
    width: 100%;
    border: 2px solid #d0d0d0;
    padding: 2px;
    border-collapse: collapse;
}

td.checkbox { width: 1em; }
td.subject { width: auto; }

div.pages-container, #pages, #pages-header {
    width: auto;
    height: 40px;
}
ul.pages-control, #pages, #pages-header {
    padding: 0;
    margin: 0;
    list-style: none;
}
#pages, #pages-header { margin-top: 1em; }

#pages-header {
    float: left;
    font-size: 1em;
    margin-right: 0.5em;
}
ul.pages-control li, #pages li {
    float: left;
    border: 1px solid #d0d0d0;
    background: #f0f0f0;
    margin-right: .5em;
}
#pages li {
    float: left;
    margin: 0 .5em 0 0;
}
ul.pages-control li:hover, ul.pages-control li.no-style { background: none; }
#pages li:hover, #pages li.no-style { background: none; }
ul.pages-control li.no-style, #pages li.no-style {
    border: none;
    margin-right: 8px;
    padding-top: 4px;
}
ul.pages-control li.active, #pages li.active {
    padding: 4px;
    margin-right: 4px;
    background: #617a76;
    border: 1px solid #525f4e;
    color: #eafaef;
}
ul.pages-control li a, #pages li a {
    padding: 4px;
    display: block;
    text-decoration: none;
}

ul#key {
    clear: both;
    border-top: #d0d0d0 solid 1px;
    padding-top: 8px;
}

h2.section-hd {
    width: auto;
    font-family: "Lucida Sans", sans-serif;
    font-size: 1.4em;
    font-weight: normal;
    border-bottom: 1px solid #d0d0d0;
    padding-bottom: 4px;
    color: #617A76;
    margin-top: 30px;
}

form.half-form {
    margin: 0;
    padding: 0;
    width: 48%;
}
.full-form, .half-accountform, .half-accountrightform {
    padding: 0;
    margin: 0;
}
.full-form { width: auto; }
.half-accountform { width: 54%; }
.half-accountrightform {
    width: 44%;
    float: right;
}

fieldset {
    border: 1px solid #d0d0d0;
    padding: 1em;
    margin: 0;
}
fieldset legend {
    font-weight: bold;
    font-size: 1.2em;
}
fieldset li label {
    display: -moz-inline-stack;
    display: inline-block;
    padding: 0;
    margin: .25em 0;
}
fieldset input, fieldset textarea, fieldset select, fieldset textarea {
    margin: .25em 0;
}
fieldset ul {
    list-style-type: none;
    padding: 0;
    margin: 0;
}
/* 100% width causes textarea to be larger than its container allows */
fieldset textarea { width: 98%; }

fieldset input.submit-button {
    display: block;
    margin-top: 20px;
    float: left;
    margin-left: 0;
}

p.small { font-size: .8em; }

table.view-message {
    width: 100%;
    margin-bottom: 20px;
    border: 2px solid #d0d0d0;
    padding: 2px;
    border-collapse: collapse;
}
table.view-message td { padding: 10px; }
table.view-message tr.head-info {
    font-family: "Lucida Sans", sans-serif;
    font-size: 1em;
    padding: 8px;
    text-align: left;
    font-weight: bold;
    background: #FFFDE3;
    border-bottom: 1px solid #E5E1A9;
}

a.unread { font-weight: bold; }

#join-form {
    width: auto;
    margin-right: 220px;
}
#join-form li label {
    width: 140px;
}
#join-form #terms {
    width: auto;
    text-align: center;
    margin-top: 20px;
    padding: 14px;
    background: #FCFAF4;
    border: 1px solid #d0d0d0;
}
#join-form #join {
    display: block;
    margin: 1em auto 0 auto;
    width: 112px;
    height: 24px;
}
#join-right {
    float: right;
    width: 200px;
}

#info li label { width: 12em; }

#inbox #delete { margin: 1em 0.75em 0; }
#message-options #save { margin: 1em 0.75em 0; }

table#prize-shop {
    width: 100%;
    border-collapse: collapse;
    margin-top: 26px;
    border: none;
}
table#prize-shop td {
    width: 30%;
    text-align: center;
    padding: 20px;
    border: 1px solid #d0d0d0;
}
table#prize-shop td img { border: 2px solid #d0d0d0; }
table#prize-shop td div.points {
    font-size: 1.2em;
    color: #008156;
    margin-bottom: 4px;
}
table#prize-shop td p { text-align: left; }

a.view-prize-cart {
    float: right;
    padding-left: 16px;
    background: url(../images/global/star.jpg) no-repeat left;
}

a.cart {
    padding-left: 24px;
    background: url(../images/global/shopping-cart.gif) no-repeat left;
}

.support-answers p {
    font-size: .9em;
    padding: 10px;
    background: #fdfaef;
}

#tutorial li, #promotion li { margin-bottom: 0.7em; }

ul.buttons, ul.fields {
    list-style-type: none;
    padding: 0;
    margin: .5em 0 0 0;
}
ul.buttons li { display: inline; }

ul.left-float { float: left; }
ul.right-float { float: right; }
#daily-surveys {
    width: 500px;
    margin: auto;
    border: 2px solid #d0d0d0;
    text-align: left;
}
#daily-surveys thead img {
    display: block;
    margin: auto;
}
#daily-surveys td {
    padding: .5em 1em .5em 2em;
}
#daily-surveys p { text-align: center; }
#daily-surveys ol li { margin-bottom: .2em; }
#payment-options li label { display: inline; }
#password-update li label { width: 10em; }
#account-update li label { width: 12em; }
#account-update #receive-email {
    width: 100%;
    display: block;
}

#abuse li label { width: 80px; }
#contact li label { width: 80px; }
#support li label { width: 80px; }
#new-message li label { width: 80px; }
#new-message #send { float: right; }

#change-password li { clear: both; }
#change-password li input { float: right; }
#change-password {
    width: 25em;
    margin: auto;
}
#change-password #update {
    clear: both;
    float: right;
}

#basic-info ul li {
    display: block;
    width: 47%;
    float: left;
    text-align: right;
    padding-right: 3%;
}
#basic-info ul li label {
    float: left;
}
#basic-info #sex-question label {
    display: -moz-inline-stack;
    display: inline-block;
    float: none;
    display: inline;
}
#basic-info #sex-question input { margin: .25em; }
#basic-info label#sex { float: left; }

#industries { margin-top: 1em; }
#industries label {
    width: 50%;
    float: left;
}
#industries label input {
    margin: .4em;
    padding: auto;
    vertical-align: middle;
}
#profile-first #save { margin: 1em 0 0.75em; }
#profile-second #previous, #profile-second #save, #profile-second #finish {
    margin: 1em 0 0.75em;
}
#other-info li { text-align: right; }
#other-info li label { float: left; }
#other-info #tobacco-question label { float: none; }
#other-info label#tobacco { float: left; }
#tobacco-question label { display: inline; }
#tobacco-question input { margin: .25em; }
#children-info { display: none; }
#children-info li {
    text-align: left;
    clear: both;
}
#children-info div {
    width: 33%;
    float: left;
}
#children-info label { padding: .25em; float: none; }
#children-info .age { text-align: center; }
#children-info .age label { float: none; }
#children-info .sex { text-align: right; }
#children-info .sex label { padding: .25em; float: none; }
#children-info input { margin: .25em; }

#offers .description { font-size: .8em; }

#offers .submit { padding: 5px 1px 5px 0px;}

#offers .ignore { padding: 5px 4px 4px 5px;}

h1#contest-leaderboard { text-align: center; }
div.contest {
    width: 50%;
    float: left;
    margin-top: 1em;
}
div.contest table {
    width: auto;
    margin: auto;
}
div.contest table thead th {
    text-align: center;
    white-space: nowrap;
}
div.contest table tbody { text-align: right; }
div.contest table tfoot {
    background: #fffde3;
    border-top: 1px solid #e5e1a9;
    text-align: center;
}
