html{ overflow-y: scroll; background: #33a6db fixed no-repeat 0px -28px url("/images/background.png"); }
body{ font-family: "Helvetica Neue", Helvetica, Arial, sans; color: #7d7d7d; width: 960px; margin: 0 0 0 40px; }
:focus{ outline: none; }
.clear{ height: 0; clear: both; }
a{ color: #00aeef; text-decoration: none; }
a:hover{ text-decoration: underline; }
a.button, #logInForm input[type=submit], #found input[type=submit], #forgotForm input[type=submit]{ margin: 5px 2px 5px 0; height: 40px; width: 140px; background: #00aeef; color: #fff; font-weight: bold; text-align: center; display: block; float: left; -moz-border-radius: 7px; -webkit-border-radius: 7px; cursor: pointer; }
a.button{ line-height: 40px; }
a.button:hover, a.large_button:hover{ text-decoration: none; }
a.large_button{ background: #00aeef; color: #fff; padding: .5em 1em; float: left; display: block; text-decoration: none; text-align: center; margin: 0 10px 10px 0; font-weight: bold; font-size: 1.2em; -moz-border-radius: 10px; -webkit-border-radius: 10px; }
a.button:hover, a.large_button:hover, form input[type=submit]:hover{ background: #0e76bc; }
input, select, button, option, textarea{ font-family: "Helvetica Neue", Helvetica, Arial, sans; }
h1{ font-size: xx-large; font-weight: bold; margin-bottom: 1em; }
#main h1{ padding: 10px 10px 0; }
.container h1{ color: #33A6DB; }
h2{ text-transform: uppercase; font-weight: bold; font-size: medium; margin-bottom: .25em; color: #666; clear: both; }
h5{ background: #8DC63F; padding: 5px 10px; color: #fff; font-weight: bold; margin-bottom: 10px; -moz-border-radius: 4px; -webkit-border-radius: 4px; }
p{ margin-bottom: 1em; font-size: .9em; line-height: 120%; }
p.notes{ color: #999; font-size: small; }
dl{ margin-bottom: 1em; }
dt{ float: left; clear: left; width: 25%; margin-right: 2%; color: #999; text-transform: uppercase; font-size: small; display: block; margin-bottom: 1em; }
dd{ float: left; width: 60%; display: block; margin-bottom: 1em; }
dl.multiline dt{ float: none; width: 100%; margin-bottom: .25em; }
dl.multiline dd{ float: none; width: 100%; margin-bottom: .25em; text-indent: 1em; font-size: .9em; }
ul.textile{ margin-bottom: .5em; font-size: .9em; list-style-type: square; margin-left: 1em; }
ul.textile li{ padding: .25em 0; }
strong{ font-weight: bold; }
#header{ overflow: hidden; position: relative; height: 110px; }
#header #tell_friend{ position: absolute; right: 25px; display: block; padding: 5px 15px; color: #fff; background: #8dc63f; -moz-border-radius: 0 0 7px 7px; -webkit-border-bottom-left-radius: 7px; -webkit-border-bottom-right-radius: 7px; }
#header #tell_friend:hover{ text-decoration: none; background: #0e76bc;}
#header h1{ width: 409px; float: left; background: url("/images/logo.png"); margin-top: 15px; margin-left: 25px; }
#header h1 a{ display: block; height: 83px; text-indent: -999em; }
#header #user-bar{ margin-top: 50px; width: 400px; float: right; margin-right: 25px; }
#header #user-bar li{ float: right; width: auto; margin-left: 4px; }
#header #user-bar li a{ display: block; color: #fff; background: #59b7e2; -moz-border-radius: 4px; -webkit-border-radius: 4px; font-size: 1em; padding: 6px 10px; border: 1px solid #99d3ed; }
#header #user-bar li a:hover{ background: #99d3ed; text-decoration: none; }
.sub{ background: #7fc7e8; color: #fff; padding: 20px; }
#main, #footer{ clear: both; }
.container{ padding: 20px; }
.two-column{ overflow: hidden; }
.two-column .left, .two-column .right{ float: left; width: 50%; }
.small-column{ width: 740px; }
#footer{ border-top: 2px solid #7fc7e8; }
#footer ul{ padding: 0 10px; margin: 0; }
#footer li{ float: left; width: auto; font-size: .7em; padding: 10px 8px; color: #33a6db; }
#footer li a{ font-weight: bold; color: #33a6db; }
#footer li#sponsors{ float: right; margin-right: 180px; }
#wrapper{ background: #fff; -moz-border-radius: 10px; -webkit-border-radius: 10px; position: relative; margin-bottom: 30px; }
#cape{ position: absolute; left: 960px; top: 75px; }
#error, #success, #alert{ padding: 20px; color: #fff; background: #999; -webkit-border-top-left-radius: 10px; -webkit-border-top-right-radius: 10px; -moz-border-radius: 10px 10px 0 0; font-weight: bold; }
#error span, #success span, #alert span{ }
#error{ background-color: #E92E25; }
#success{ background-color: #8dc63f; }
#alert{ background-color: #FDBA40; }
#errorExplanation{ margin-bottom: 20px; padding: 20px; color: #fff; background: #E92E25; -webkit-border-top-left-radius: 10px; -webkit-border-top-right-radius: 10px; -moz-border-radius: 10px 10px 0 0; }
#errorExplanation ul{ list-style-type: square; list-style-position: inside; }
#errorExplanation li{ margin-bottom: .5em; font-size: .8em; }
#errorExplanation p{ display: none; }
#errorExplanation h2{ font-size: medium; color: #fff; }
#purchase_now{ margin: 40px auto; float: none; width: 9em; }
/* Log In */
#logInForm, #forgotForm{ width: 300px; margin: 0; padding: 10px 25px; overflow: hidden; }
#logInForm h1, #forgotForm h1{ font-size: x-large; margin-bottom: .5em; color: #444; }
#forgotForm input[type=text],#logInForm input[type=text], #logInForm input[type=password]{ width: 96%; padding: .25em; font-size: small; display: block; margin-bottom: 1em; font-size: medium; font-weight: bold; }
#forgotForm input[type=text]{ font-size: large; }
/* Home Page */
#homeContent{ padding: 10px 340px 0px 20px; background: no-repeat right bottom url("/images/home_bg.gif"); height: 375px; overflow: hidden; }
#finders h2{ color: #fdba40; font-size: 3.2em; font-weight: bold; text-transform: none; letter-spacing: -1px; margin-bottom: 0; }
#finders h4{ font-weight: bold; color: #000; margin-bottom: .25em; font-size: 1.2em; }
#owners h2{ color: #00aeef; font-size: 3.2em; font-weight: bold; text-transform: none; letter-spacing: -1px; margin-bottom: 0; }
#owners h4{ color: #00aeef; font-weight: bold; margin-bottom: .25em; font-size: 1.2em; }
#owners .left{ float: left; width: 284px; }
#owners .right{ float: left; margin-left: 32px; width: 284px; }
#owners .right a#forgot{ display: block; font-size: .8em; text-align: center; }
#owners a.large_button{ float: none; padding-top: .75em; padding-bottom: .75em; font-size: 1.4em; }
#finders p, #owners p{ margin-bottom: .25em; }
#home_about{ background: #7fc7e8 no-repeat 686px top url("/images/how_background.png"); color: #fff; padding: 20px 340px 20px 20px; }
#home_about #panes div{ display: none; font-size: 1.1em; line-height: 120%; }
#home_about #panes p{ margin-bottom: 0; }
#home_about #panes h4{ font-weight: bold; font-size: 1.2em; margin-bottom: .5em; }
#home_about #panes a{ color: #fff; border-bottom: 2px solid #bfe3f4; }
#home_about #panes a:hover{ text-decoration: none; border-color: #fff; }
#home_about #tabs{ float: left; width: 80px; margin-right: 20px; margin-bottom: 0; }
#home_about #tabs a{ display: block; border: 1px solid #bfe3f4; text-decoration: none; font-size: 1.2em; padding: 8px 5px; color: #fff; margin-bottom: 5px; text-align: center; background: #3fbaec; -moz-border-radius: 10px; -webkit-border-radius: 10px; }
#home_about #tabs a.current, #home_about #tabs a:hover{ background: #308ec9; }
/* ID Form */
form#found_device{ -moz-border-radius: 10px; -webkit-border-radius: 10px; width: 600px; margin: 0px 0 15px; hidden; background: #fdba40; color: #fff; padding: .5em 0; position: relative; }
form#found_device input[type=text]{ border: 0; -moz-border-radius: 3px; -webkit-border-radius: 3px; padding: 2px 4px; display: inline; font-weight: bold; text-align; center; }
form#found_device input#device_brid_0{ width: 1.5em; }
form#found_device input#device_brid_1{ width: 1.8em; }
form#found_device input#device_brid_2{ width: 1.8em; }
form#found_device input#device_brid_3{ width: .7em; }
form#found_device label{ color: #fff; font-size: 1.3em; font-weight: bold; display: block; width: auto; float: left; margin-right: 10px; margin-left: .5em; padding: .25em; }
form#found_device #device_brid{ float: left; margin: 4px 0 0 0; width: 10em; border: 0; font-size: 1.5em; font-weight: bold; letter-spacing: 4px; color: #b6b6b6; padding: 4px; }
form#found_device input.submit{ position: absolute; top: .25em; right: 0; background: #fedda0; width: 8em; color: #fdba40; border: 0; }
form#found_device input.ready.submit{ color: #fff; background: #8dc63f; }
/* Device Listing */
#firstDevice{ margin: 3em; text-align: center; font-size: x-large; }
#firstDevice a{ background: #ffc; padding: 3px 6px; color: #333; }
#firstDevice a:hover{ text-decoration: none; background: #004d99; color: #fff; }
.toggle fieldset, .toggle input, .edit_loss div, .edit_loss fieldset, .edit_loss input{ display: inline; margin: 0; }
.toggle input, .edit_loss input{ width: 150px; }
table#devices{ margin: 1em 0px; width: 740px; }
tr{}
#devices td{ padding: 10px 15px; border-bottom: 1px solid #eee; border-top: 1px solid #eee; vertical-align: middle; }
#devices th{ padding: 2px 15px; text-transform: uppercase; font-size: small; color: #999; }
td.name{ font-size: large; font-weight: bold; color: #999;}
#devices tr.lost td{ background: #EEFBFF; border-bottom: none; }
#devices tr.important td{ background: #EEFBFF; border-top: none; }
#devices tr.lost td.name{ color: #E92E25;}
#devices tr.lost td.loss{ width: 11.5em; }
#devices td a:hover{ text-decoration: underline; }
#devices td a.recover_button{ -moz-border-radius: 5px; -webkit-border-radius: 5px; padding: 4px 8px; display: block; float: right; background: #8dc63f; color: #fff; }
#devices td a.recover_button:hover{ text-decoration: none; background-color: #0E76BC; }
#devices td a.lost_button{ border: 3px solid #b6b6b6; -moz-border-radius: 3px; -webkit-border-radius: 3px; padding: 4px 8px; float: right; display: block; font-size: .85em; }
#devices td a.lost_button:hover{ background-color: #E92E25; border-color: #E92E25; text-decoration: none; color: #fff; }
#devices .loss_info li{ padding: 2px 0; }
/* Device View */
#map_div{ margin: 15px auto; }
strong.highlight{ padding: 2px 4px; background: #ffc; margin: 10px 0; }
/* Create Device */
/* Public */
#public h2{ padding-top: 0em; }
#public h3{ font-weight: bold; color: #bbb; padding-top: 1em; }
#public blockquote{ margin: 10px 0 2em; padding: 10px; border: 1px solid #ffd705; background: #fff8d4; font-family: Georgia; width: 565px; }
#right dd, #right dt{ display: block; float: none; width: 100%; padding-bottom: .25em; }
#right dt{ margin: 1em 0 0 0; }
#changeReward{ padding: 0; margin: 0; width: 400px; float: none; border-top: 0; }
form#changeReward label{ display: none; }
form#changeReward p{ margin-bottom: 2em; }
form#changeReward div.select-field{ margin: 0; padding: 0; border-bottom: 0; width: 8em; display: inline;}
form#changeReward div.select-field div.input{ margin: 0; padding: 0; float: none; display: inline; width: 8em; }
form#changeReward div.select-field div.input select#reward_reward_type{ padding: 2px; width: 8em; display: inline; margin: 0; }
#changeReward input[type=submit]{ display: inline; }
#public #newMessageForm input[type=submit]{ float: right; margin-top: 6px; }
/* Special Form Classes */
.image_select{ overflow: hidden; }
.image_select li{ display: block; width: auto; float: left; padding: 10px 15px 5px; border: 5px solid #f5f5f5; cursor: pointer; }
.image_select li.image_selected{ border-color: #004d99; }
.value_select{ overflow: hidden; }
.value_select li{ display: block; width: auto; float: left; padding: 10px 15px 5px; border: 5px solid #f5f5f5; cursor: pointer; }
.value_select li.image_selected{ border-color: #004d99; }
#user_state, #user_zipcode, #user_pin{ width: 5em; }
form.toggle{ width: 400px; padding: 10px; margin: 0; }
form.toggle div.select-field label{ width: 400px; padding-bottom: .25em; text-align: left; }
form.toggle div.select-field, form.toggle div.submit-field{ border-bottom: none; margin: 0; padding: 0; width: 400px; }
form.toggle div.submit-field{ padding-top: 10px; text-align: right; }
form.toggle #loss_recovery_type{ width: 400px; }
form.toggle div.submit-field div.input{ margin-left: 0; margin-right: 0px; float: right; width: auto; }
form.edit_loss{ width: 200px; }
form.edit_loss div.submit-field, form.edit_loss div.submit-field div.input{ margin: 0; padding: 10px 0; width: 200px; float: none; text-align: center; }
form.edit_loss input{ width: 200px; }
form.edit_loss p{ font-weight: bold; }
#editDeviceForm .image_select li{ border-color: #fff; }
#editDeviceForm .image_select li.image_selected{ border-color: #004d99; }
#updateRewardForm .image_select li{ border-color: #fff; padding: 10px; }
#updateRewardForm .image_select li.image_selected{ border-color: #004d99; }
#updateRewardForm #reward_reward_notes{ height: 12em; }
fieldset.submitWrapper{}
#delete_button{ padding-left: 10px; color: #999; font-size: .9em; }
#delete_button:hover{ color: #E92E25; }
#destroyDeviceForm input{ display: block; width: auto; margin: 10px auto; }
#newMessageForm .image_select{ margin: 0 0 20px; padding: 0; width: 570px; }
#newMessageForm .image_select li{ border-color: #fff; width: auto; }
#newMessageForm .image_select li.image_selected{ border-color: #004d99; }
/* Messages */
dl#loss_messages{ margin-bottom: 1em; overflow: hidden; }
dl#loss_messages dt{ text-transform: none; font-weight: bold; color: #FDBA40; margin-top: 1.5em; }
dl#loss_messages dt.you{ color: #999; }
dl#loss_messages dt .timestamp{ color: #ccc; font-size: .9em; display: block; padding-top: .2em; font-weight: normal; }
dl#loss_messages dd{ margin-bottom: 0em; padding: 1.5em 1em 1.5em 1em; border-top: 1px solid #66BCE4; line-height: 1.5em; font-size: .9em; background: #EEFBFF; }
dl#loss_messages dd.you{ background: #fff; }
#newMessageForm{ padding: 30px 0 0 0; margin-top: 30px; border-top: 1px solid #bbb; clear: both; width: 575px; margin-left: 0; clear: both; }
#newMessageForm fieldset, #newMessageForm .textarea-field, #newMessageForm .text-field{ border: 0; padding: 0; margin: 0; width: 575px; }
#newMessageForm fieldset.submit{ margin-top: 1em; text-align: right; }
#newMessageForm label{ width: 158px; }
#newMessageForm textarea{ height: 5em; width: 396px; padding: 2px; }
#newMessageForm #message_finder_email{ width: 396px; padding: 2px; margin-bottom: 1em; }
#newMessageForm .textarea-field div.input, #newMessageForm .text-field div.input{ width: 396px; }
#newMessageForm fieldset.submit{ margin: 10px 0; }
#left{ width: 70%; float: left; margin-left: 10px; }
#right{ width: 25%; float: right; margin-right: 10px; }
#right h3{ font-size: small; font-weight: bold; }
#right p{ font-size: small; line-height: 1.5em; color: #999; }
/* Update reward */
#reward_reward_amount_list li{ width: 73px; height: 55px; text-align: center; color: #8dc63f; font-size: .8em; font-weight: bold; padding: 0; margin: 2px; line-height: 55px; border: 4px solid #eee; -moz-border-radius: 3px; -webkit-border-radius: 3px; }
#reward_reward_amount_list li.image_selected{ background: #8dc63f; border-color: #8dc63f; color: #fff; }
/**/
div.margin_shunt{ margin-left: 10px; margin-right: 10px; }
/* Ads */
div.home_ad{ float: right; position: relative; }
div.home_ad div.square-ad{ position: absolute; left: 80px; top: -20px; width: 300px; height: 250px; padding-left: 20px; padding-top: 20px; background: no-repeat -20px -20px url(/images/ad_background.png); }
div.skyscraper-ad{ position: absolute; left: 770px; top: 60px; padding-left: 20px; padding-top: 20px; background: no-repeat -20px -20px url(/images/ad_background.png); }
#right div.square-ad{ position: absolute; left: 700px; padding-top: 20px; padding-left: 20px; padding-top: 20px; background: no-repeat -20px -20px url(/images/ad_background.png); }
/* New Device Form */
#newDeviceForm label{ width: 8em; }
#newDeviceForm textarea{ height: 8em; margin-bottom: 1em; }
/*#newDeviceForm input[type=submit]{ font-size: 1.2em; }*/
/* Tool Tips */
div.tooltip {
background-color:#8DC63F;
padding:10px;
width: 300px;
display:none;
color:#fff;
text-align:left;
font-size:12px;
-moz-border-radius: 8px;
-webkit-border-radius: 8px;
line-height: 150%;
}
/* Tell Some Friends */
#send_emails_form label{ display: none; }
#send_emails_form ul li input[type=text]{ font-size: .8em; float: left; width: 94%; }
#send_emails_form li{ margin-bottom: .5em; overflow: hidden; width: 30%; float: left; margin-right: 3%; }
#send_emails_form textarea{ font-size: .65em; width: 94%; height: 12em; }
#send_emails_form fieldset{ margin-bottom: 1em; padding-bottom: 0; padding-top: 0; margin-top: 0; }
#send_emails_form #your_email{ width: 94%; font-size: 1.2em; font-weight: bold; }
#tell_some_friends{ margin-left: .5em; width: 12em; }
input.default{ color: #ccc; }
#tweet_this{ position: absolute; right: -50px; top: -30px; display: block; }
/* Wallpaper */
#wallpaper_preview{ float: left; margin: 0 2em 1em 0; }
#wallpaper_copy{ margin-right: 180px; padding-bottom: 2em; }
#wallpaper_copy p{ font-size: .85em; line-height: 150%; }
/* How It Works */
#how_it_works{ padding-right: 450px; background: no-repeat right 90px url(/images/how_it_works.png); padding-bottom: 0; }
#how_it_works #caterpiller{ display: block; margin-left: 480px; }
#how_it_works ol li{ font-size: .85em; margin-bottom: 1em; line-height: 130%; color: #808080; background: no-repeat 0 2px; padding-left: 40px; }
#how_it_works #one{ background-image: url("/images/one.png"); }
#how_it_works #two{ background-image: url("/images/two.png"); }
#how_it_works #three{ background-image: url("/images/three.png"); }
#how_it_works #four{ background-image: url("/images/four.png"); }
#how_it_works #five{ background-image: url("/images/five.png"); }
#how_it_works #six{ background-image: url("/images/six.png"); }
/* About Pages */
#about{ background: no-repeat url(/images/about.png) 325px bottom; padding-bottom: 390px; }
#contact{ background: no-repeat url(/images/contact.png) 325px bottom; padding-bottom: 390px; }