/**
 * TLB Stylesheet
 *
 *
 **/
body { background: #c8c3ad; color: #383117; font-family: Arial, Helvetica, sans-serif; font-size: 70%; text-align: center; }

a { color: #383117; }
a img { border: 0; }

h1 { font-size: 170%; }
h2 { font-size: 165%; }
h3 { font-size: 150%; }

#container { text-align: left; width: 762px; margin: 0 auto; }
#header h1 { display: none; }
#header { white-space: nowrap; }
#header_links { background: #383117; height: 23px; line-height: 24px; color: white; border-bottom: 4px solid #ff9f2e; }
#header_links ul { list-style-type: none; padding: 0; margin: 0; height:20px; }
#header_links li { display:block; float:left; margin:0 5px; padding:4px 8px; width:auto; }
#header_links span { color: white; padding: 0 10px; font-style: italic; font-weight: bold; font-size: 14px; color: #ff9f2e; }
#header_links em,
#header_links a { height:14px; padding: 0.25em 0; text-decoration: none; }
#header_links a span { color: white; }
#header_links a:hover span { color: #c8c19e; }
#header_links #search { float: left; padding: 0 3px; margin: 0; background: #524a2b; width: 227px; }
#header_links form { margin: 0; padding: 0; }
#header_links input.searchbox { margin: 0; font-size: 12px; border: none; background-color: #c1b89e; background-image: url(/images/search_input_backdrop.gif); }
#header_links .searchbutton { vertical-align: middle; }
#header_links .status { background: none; font-size: 12px; font-weight: 700; height: 14px; padding-top: 6px; position: relative; }
#header_links .status em { font-weight: 700; }
#step_indicator span { color: #110b0a; }
#path { background: #837b58; color: white; margin: 0; padding: 4px; }
#path a { color: white; }
#main_area { background: #837b58; padding: 4px 0; color: white; width: 762px; float: left; }
#body { background: #EDEADE; color: #383117; margin: 4px; padding: 8px; float: left; width: 738px; }
.group_section #body { padding-bottom: 200px; }
#footer  { clear: both; color: white; text-align: center; background: #837b58; line-height: 3em; }
#footer a { color: white; text-decoration: none; font-weight: bold; padding: 0 10px; }
#footer a:hover { color: white; text-decoration: underline; }

.red { color: red; }
.green { color: green; }
.orange { color: #f82; }
.white { color: white; }
.tan { color: #edeade; }
.black { color: black; }
label.error { width: 90%; }

/* Home Page */

#ads { text-align: center; background: #837b58; padding: 4px 0; }
#ads img { vertical-align: middle; }
#polls { width: 229px; float: left; }
#polls a { text-decoration: none; }
.poll { margin: 4px; }
#polls #player_of_game { background: #776f4a; margin-top: 0; }
#polls #subscribe_box { background: url(/images/signup_bg.jpg); height: 119px; }
#polls #subscribe_box h3,
#polls #subscribe_box p { display: none; }
#polls #subscribe_box form { padding-top: 60px; text-align: right; margin-right: 10px; }
#polls #subscribe_box .text_line { border: none; font-size: 13px; vertical-align: middle; background: #EDEADE url(/images/subscribe_backdrop.gif); padding: 2px; }
#polls #subscribe_box .submit { vertical-align: middle; margin-top: 3px; }
#home_subhead p { margin: 0; line-height: 1.4em; }
#home_subhead p.date { float: left; width: 210px; padding: 0 8px; }
#home_subhead p.tagline { margin-left: 230px; }
.groups { background: #ABA787; margin-left: 229px; margin-right: 5px; }
.group_row { width: 100%; float: left; background: #ABA787; }
.category_group_wrapper { width: 250px; float: left; margin: 5px; background: url(/images/cbox_mid.gif) repeat-x; }
.category_group { background: url(/images/cbox_lf.gif) no-repeat; }
.category { background: url(/images/cbox_rt.gif) no-repeat top right; height: 43px; }
.group { background: url(/images/cbox_rt.gif) no-repeat top right; height: 43px; }
.category_group a { text-decoration: none; color: white; }
.category_group a:hover { text-decoration: underline; color: white; }
.category_group p.name { margin: 0; margin-left: 50px; padding-top: 8px; font-size: 14px; }
.category_group p.description { margin: 0; margin-left: 50px; font-style: italic; color: #615a39; font-size: 12px; }
.category_group strong { display: block; }
.category_group img { float: left; }
.suggest_row { background: #b5b19a; }
.suggest_row .category_group_wrapper { margin-left: 265px; }
.category_group .subcategories { position: absolute; background: #837B58; width: 160px; border: 1px solid #524a2b; padding: 5px; list-style-type: none; margin: 0; margin-top: 5px; margin-left: 48px; line-height: 1.5em; display: none; }

/* Category Page */
.businesses { background: white; float: left; text-align: center; padding: 0; width: 740px; }
.business { float: left; margin: 10px 5px; }
.business .information { background: #AAA; padding: 4px; }
.business .information img { display: inline; vertical-align: middle; padding-right: 3px; padding-left: 8px; background: #AAA; }
.business .information ul { list-style: none; padding: 0; margin: 0; text-align: right; }
.business .information li { display: inline; }
.business .break { clear: both; }
.business img { display: block; }
.locations { clear:both; }
.location { margin: 0; float: left; width: 48%; color: #383117; height: 8em; }
.location h3 { margin-bottom: 0; }
.location h5 { margin: 0; font-size: 12px; }
.location p { margin: 0; }
.locations .alternate { width: 49%; margin-left: 1%; }
.location h6 { font-size: 100%; }
.location h6 { margin: 0; }
.location .contact_info { text-align: left; }

/* Map Display */
#map_display { background: #F5EFD7; padding: 8px; margin-bottom: 1em; }
#map_display h3 { margin: 0; float: left; margin-left: 4px; }
#map_panel { margin-top: 2em; text-align: center; }
#map_display a { color: #454534; }
#map { margin: 0 auto; text-align: left; }
#map_button { display: block; text-align: right; height: 1.8em; }
a#map_button:hover { background: white; }

/* Group Page */
.group_header_wrapper { margin: 5px; background: url(/images/cbox_bg2_mid.gif) repeat-x; }
.group_header { background: url(/images/cbox_bg2_lf.gif) no-repeat; }
.group { background: url(/images/cbox_bg2_rt.gif) no-repeat top right; height: 43px; }
.group h1 { margin: 0; }
.group_header h1 { margin: 0; margin-left: 50px; padding-top: 3px; color: white; }
.group_header p { margin: 0; margin-left: 50px; font-style: italic; color: #615a39; font-size: 14px; font-weight: bold; }
.group_sublist { padding-left: 55px; }
.group_sublist a:hover { text-decoration: underline; }

/* Forms */
.input_element { margin: 1em 0; }
.input_element label { display: block; font-weight: bold; }
.input_element label.inline { display: inline; }
.input_element .textline, .input_element textarea { width: 350px; border-width: 1px; }
.warning, .error { background: white; padding: 1px 4px; border: 1px solid red; font-weight: bold; color: red; }
.notice { background: white; padding: 1px 4px; font-weight: bold; color: green; }
.formError { font-weight: bold; color: red; border-left: 5px solid red; padding-left: 2px; margin-top: 3px; }
#sidebar { float: right; width: 340px; margin: 5px; background: #524a2b; padding: 3px; color: white; }
#sidebar .instruction { padding: 0 2px; margin: 5px 0; }
.email { background: white; color: #383117; }
.email a { color: #383117; }
.email_header { padding: 1px 4px; border-bottom: 1px solid black; background: #EDEADE; }
.email_body { padding: 1px 4px; }
.email_footer { margin: 0 4px; padding: 1px 0; border-top: 1px solid; font-size: 90%; }
#allvotes { text-align: right; }
.box_wrapper3 { background: url(/images/corner-tl.gif) no-repeat left top; }
.box_wrapper2 { background: url(/images/corner-tr.gif) no-repeat right top; }
.box_wrapper { background: url(/images/corner-br.gif) no-repeat right bottom; }
.box { background: url(/images/corner-bl.gif) no-repeat left bottom; padding: 8px; }
#votepage { width: 100%; float: left; }
.vote { background-color: #928a6b; color: white; width: 33%; float: left; margin: 0 7px; text-align: center; }
.vote .option,
.vote_deals .option { text-align: left; margin: 4px 0; font-size: 12px; }
.winners { text-align: center; background-color: #928a6b; color: white; width: 33%; float: left; margin: 0 7px; }
.vote_instructions { background-color: white; margin: 1em 5px; margin-left: 300px; border: 1px solid #E9E5D6; }
.vote .title,
.vote_deals .title { font-weight: normal; font-size: 30px; margin: 0 8px; }
.vote .question,
.vote_deals .question { margin: 0 8px 8px 8px; border-bottom: 1px solid; padding-bottom: 8px; font-size: 13px; }
.winners h1.title { font-weight: normal; font-size: 30px; margin: 0 8px; font-style: italic; border-bottom: 1px solid; padding-bottom: 8px; }
.potg_winner p { margin: 0.3em 0; }
.potg_winner { margin: 1.5em 0; font-size: 13px; }
.potg_winner .winner { font-weight: bold; }
.option, .option_result { margin: 8px 0; }
.options p { margin: 0; }
.options .option_result .count { float: left; width: 20px; text-align: right; line-height: 10px; }
.progress_bar { height: 1%; border: 1px solid black; margin-left: 22px; text-align: left; }
.percentage { border-left: 1px solid #f85f02; background: #f85f02; height: 10px; margin-left: 0; }
p.votes_result { margin-top: 0; margin-left: 22px; }
.potg_images { margin-left: 36%; }
.potg_images img { margin-bottom: 6px; }
.vote_deals { background-color: #928a6b; color: white; width: 40%; margin: 0 7px; float: left; text-align: center; }
.coupons { background: white; width: 490px; padding: 1px; }
.coupon { background: #C8C3AD; padding: 8px; margin: 5px; }
.coupon p { margin: 0; }
.coupon .image { text-align: center; }
.coupon h3 { margin: 0; }
.coupon .date { padding-left: 8px; color: #773; }
#print_bar { float: right; background: #CCC; width: 240px; text-align: center; }
#print_link { text-align: center; font-weight: bold; }
.couponthumb { margin: 5px; padding: 4px; float: left; width: 100px; height: 80px; }
#print_bar { position: fixed; margin-left: 500px; padding: 5px 0; background: #C8C3AD; width: 240px; }

/* -------------------------------------------------- */
/* Step indicator */

/* Left navigation */
#current_status { float: left; width: 210px; }
#category_list h2 { display: none; }
#category_list ul { margin: 0; padding: 0; list-style-type: none; }
#category_list li { padding: 0 0 4px 0; border-bottom: 1px solid; }
#category_list a { text-decoration: none; color: #383117; }
#category_list .category_name { font-size: 130%; font-weight: bold; }
#category_list .completed a { color: #777; }
#category_list a:hover { text-decoration: underline; }
#category_list .completed .category_count { color: green; }
#category_list .category_count { font-size: 85% }
.progress_bar { border: 1px solid; width: 80%; height: 6px; line-height: 6px; }
.progress_bar .completed { background-color: #ff9f2e; height: 6px; line-height: 6px; }
#question_count { padding: 0.3em; margin: 0.5em 0; background: #c8c3ad; }
#question_count p { margin: 0.4em; }
#question_count.section_divide,
.section_divide{ margin-bottom: 35px; }

.finish_form .input_row .input_element { border: 1px solid #524a2b; background-color: #837b58; color: white; }

.instructions li { margin: 1em 0; }
.ineligible { border: 1px solid #837b58; }
.ineligible_warning { background-color: #FCC; border: 1px solid #F33; }
.eligible { background-color: #060; border: 1px solid #060; border-width: 1px 0 1px 10px; }
.eligible a { color: navy; }
.arrow { background: url(/images/arrow.png) no-repeat; height: 67px; padding: 1px; }
.arrow p { margin-left: 22px; margin-top:12px; float: left; border: 2px solid; border-width: 2px 0; line-height: 36px; text-align: center; }

/* Survey */

#category, #entry_form { margin-left: 250px; }
#category_title { text-align: center; }
#category_title h3 { margin: 0;  }
#category_title h1 { margin: 0;  }
#suggest_instructions { margin: 1em 0; padding: 0 10px; border-left: 10px solid #060;  }
#category_notes { border: 1px solid; padding: 10px; }
#category_notes p { margin: 0; }

label.checkbox                      { display: inline; }
.input_element                      { padding: 0.5em; margin: 0.5em 0; border: 1px solid #524a2b; background-color: #837b58; color: white; }
table, .input_element table         { border-spacing: 0 0; margin-top: 15px; padding: 0; }
#signupform                         { padding: 10px 0 10px 50px; }
#signupform .input_element          { background-color: #EDEADE; border: none; color: #383117; margin: 0 0; padding: 0 0; }
#signupform .input_element h2,
#signinform .input_element h2       { margin: 0 0 4px 0; }
#signupform .input_element h3,
#signinform .input_element h3       { color: #555; font-size: 14px; font-weight: 100; margin: 0 0 4px 0; }
#signupform .input_element label    { margin: 4px 5px 2px 5px; }
.phone_td                           { background: #837b58; }
#signupform .input_element input    { border: 1px solid #888; margin: 0 0 10px 5px; padding: 5px 2px; }
#signinform .input_element input    { border: 1px solid #888; margin: 0 0 10px 0px; padding: 5px 2px; }
#signupform .input_element          {  }
#signinform                         {  }
#signinform .input_element          { color: #383117; background-color: #EDEADE; padding: 10px 40px 10px 40px; }
.phone_td .phone_text               { padding: 0 20px; }
.phone_td .phone_text h2            { margin: 0 0; }
.phone_td .phone_text ol            { margin-left: 0px; }

.finish_form                        { overflow: hidden; }
.finish_form .input_row             { clear: left; padding: 8px 0; }
.finish_form .xstack .input_element { float: left; margin-right: 5px; }
.finish_form .input_element         { padding: 0; margin: 0; border: none; background: none; color: #383117; }
.input_element .question            { margin: 0 0 0.4em 0; }


#entry_form .finish_form .input_row { padding: 0 0; }
.finish_form .input_row .input_element { padding: 0.5em; margin: 0.5em 0; border: 1px solid #524a2b; background-color: #837b58; color: white; }

/* Verify Page */
#verify_body                        { margin: 0 auto; text-align: center; width: 90%; }
#verify_body h1                     { font-size: 24px; margin-bottom: 0; }
#verify_body h2                     { font-size: 64px; margin: 0 0 20px 0; }
#verify_body .left                  { width: 50%; }
#verify_body .left h4               { font-size: 22px; margin: 0 0 0 40px; }
#verify_body .left ol               { list-style: none; }
#verify_body .left ol li            { font-size: 14px; margin-bottom: 10px; }
#verify_body .left ol li .phone     { font-size: 18px; margin: 20px 0; }
#verify_body .right                 { border: 1px solid #888; padding: 20px 20px; width: 40%; }
#verify_body .right h3              { font-size: 20px; margin: 0 0 10px 0; }
#verify_body .right a               { background: #fff; border: 1px solid #888; display: block; font-size: 22px; font-weight: 700; margin: 20px auto 0 auto; padding: 10px 0; text-decoration: none; width: 100px; }
#verify_body .dialup                { background: #837b58; margin: 20px auto; padding: 5px 2px; text-align: left; width: 80%; }
#verify_body .dialup h2             { font-size: 22px; margin: 0; }
#verify_body .dialup p              { font-size: 17px; font-weight: 100; margin: 0; }
#verify_body #phone                 { border: 1px solid #888; margin: 0 0 10px 5px; padding: 5px 2px; }
#verify_body .phone_div             { margin-top: 25px; }
#verify_body .phone_div label       { font-size: 18px; }
#verify_body .phone_div .status     { margin-bottom: 1em; }
#verify_body .phone_div label.error { background: transparent; border: none; border-width: 0; line-height: 1.3em; }

.action_element                     { padding: 0.5em; margin: 0.5em 0; }
.action_element                     {  }
.action_element input               {  }
.gift { padding-bottom: 1em; font-size: 90%; }
.gift_select { float: left; width: 2em; }
.gift_description { margin-left: 2em; }
.gift_description p { margin: 0.2em; }
.suggestion_list { background: white; border: 1px solid; padding: 4px; }
.suggestion_list ul { padding: 0; margin: 0; list-style-type: none; }
.suggestion_list li { white-space: nowrap; }
.suggestion_list a { text-decoration: none; color: navy; white-space: nowrap; }
.suggestion_list .selected { background: navy; color: white; }
.suggestion_list .selected a { color: white; }
.break { clear: both; }
.testimonial_link { padding:4px 0 0 0; float: right; margin-right: 130px; display: none; }
.testimonial_link a { padding:3px 5px 2px 3px;; text-decoration:none; color: white; }
.testimonial_link a span { text-decoration:underline; }
.testimonial_link a img { vertical-align:bottom; }
.yui-skin-sam .yui-dialog .ft span.default button  { font-size:1em; }
#vote_header h1 { display:none }
#vote_header #logo { float: right; }
#vote_header #header_steps { padding-top: 120px; }
#vote_header ul { list-style-type: none; padding: 0; margin: 0; }
#vote_header li { float: left; padding: 0; margin: 0; }
#vote_header li span { padding: 8px; background: #EDEADE; border-bottom: 7px solid green; border-right: 1px solid black; color: #070CD2; font-size: 13px; font-weight: bold; font-style: italic; display: block;}
#vote_header li a span { border-bottom: 7px solid #FCB032; }
#vote_header li a:hover span { text-decoration: underline; }
#vote_header li.last a span { border-right: none; }
#error_summary { background: white; color: #000; padding: 3px; border: solid red; border-width: 1px 0 1px 5px; }

.error      { font-weight: bold; padding: 3px; background: white; color: red; margin: 5px 0; border: solid red; border-width: 1px 1px 1px 5px; }
.left       { float: left; }
.right      { float: right; }
.clear      { clear: both; height: 0.0001em; line-height: 0.0001em; }
.vtop       { vertical-align: top; }
.vmid       { vertical-align: middle; }
.vbot       { vertical-align: bottom; }
.btn { border: solid 1px #CCC; border-top: solid 1px #DDD; border-left: solid 1px #DDD; border-bottom: solid 1px #999; border-right: solid 1px #999; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; color: #333; background: whiteSmoke; background-image: url(/images/gradient_button.png); background-position: 0 -61px; text-align: center; font-weight: bold; background-repeat: repeat-x; padding: 5px 10px; cursor: pointer; border-top-left-radius: 5px 5px; border-top-right-radius: 5px 5px; border-bottom-right-radius: 5px 5px; border-bottom-left-radius: 5px 5px; white-space: nowrap; text-decoration: none; }
.fb_share {font-size: 13px;line-height: 16px;}
.orange { color: #f82; }
p.not_sure a { color: white; }

.input_element .yui-skin-sam .yui-dialog .ft { padding: 10px 0; }
.input_element .yui-skin-sam .yui-button button,
.input_element .yui-skin-sam .yui-button a { padding: 0 10px 3px 10px; }

#countdown_dashboard { height: 110px; margin: 20px auto 0 auto; position: relative; }

.dash { width: 110px; height: 93px; background: transparent url(/images/dash.png) 0 0 no-repeat; float: left; margin: 0 0 0 78px; padding: 10px 0 0 0; }
.dash .digit { font-size: 55pt; font-weight: bold; float: left; width: 55px; text-align: center; font-family: Times; color: #555; position: relative; }
.dash_title { bottom: 0px; color: #555; font-size: 9pt; left: 98px; letter-spacing: 2px; position: absolute; text-align: center; text-transform: uppercase; }
.dev_comment { font-size: 14pt; color: #777; text-align: center; font-style: italic; margin: 40px 10px; }
.ui-dialog-content { text-align: left; }

.share-link { cursor: pointer; margin: 15px 0 5px 0; text-align: center; }
.share-link label { display: inline; margin-right: 10px; font-size: 20px; line-height: 24px; }
.share-link input { width: 300px; font-size: 20px; line-height: 24px; text-align: center; }
.item-unusable a { color: red; }