body {
    background: #FAFAFA url(images/background1.gif) 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; }

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 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;
}

.homeColorSet2 {
color: #006BC6;

}

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

div.center { margin: auto; }

div#header {
    height: 111px;
    background: url(images/sitelogo.gif) no-repeat;
    
}

div#headerbeat {
    height: 111px;
    background: url(images/sitelogo.gif) no-repeat;
}

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

div#nav-backing {
    width: auto;
    height: 44px;
    background: url(images/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: #003056 url(images/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/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 {
    width: auto;
    margin: 0px 26px 20px 26px;
}

div#message_box 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/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/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/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/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/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; }

form#verify-code {
    display: table;
    margin: 0 auto;
}
form#verify-code label { width: 10em; }

form#update-phone-number {
    display: table;
    margin: 0 auto;
}
form#update-phone-number label { width: 9em; }

/*@@ 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/members-nav-bg.gif') repeat-x;
}

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

div#members-nav-right {
    width: auto;
    background-image: url('images/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: block;
    float: left;
    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;
}
fieldset textarea { width: 100%; }

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

textarea.fluid-width {
    width: 96%;
}

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;
}

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/star.jpg) no-repeat left;
}

a.cart {
    padding-left: 24px;
    background: url(images/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; }
#email-options p { margin: 0; }
#password-update li label { width: 110px; }
#account-update li label { width: 135px; }
#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;
}
table.empty {
padding: 0px;
}

tr.empty { padding: 0px 0px 0px 0px; }

td.empty { padding: 0px 0px 0px 0px; }