@charset "utf-8";

html, body { height: 100%; margin: 0; padding: 0; background-color: #fff; font-family: "Trebuchet MS", Arial, sans-serif; }

/* reusable classes */
.hidden { display: none; }
.clear { clear: both; }
.center { text-align: center; }
.right-align { text-align: right; }
.right { float: right; }
.left { float: left; }

/* tooltips styling */
img.tooltip.highlight { margin: 0 5px !important; padding: 2px !important; position: relative; top: 4px !important; height: 16px; width: 16px; -moz-border-radius: 2px; -webkit-border-radius: 2px; }
img.tooltip.highlight:hover { cursor: help; }
#tooltip { position: absolute; top: 10px; background-color: #333; color: #fff;  width: 130px; z-index: 10; padding: 5px; opacity: 0.9; -moz-border-radius: 5px; font-size: 9px; font-weight: bold; }
#tooltip h3 { margin: 0; } 

a, a:link, a:visited { color: #ff7e00; border-bottom: 1px dotted #ff7e00; text-decoration: none; }
a:hover, a:active { border-bottom: 1px solid #ff7e00; }
a.fbconnect_login_button { border-bottom: none; }

/* form styling */
form fieldset { border: 2px solid #97c7b8; margin: 0; padding: 20px; }
form fieldset legend { border: 2px solid #97c7b8; padding: 3px 10px; font-weight: bold; }
form fieldset legend img { margin-right: 5px; margin-bottom: -2px; }
img.jquery-collapsible-toggle-image { margin-right: 0; margin-left: 5px; }
form fieldset p { margin-top: 0; }
input[type=text], input[type=password] { font-family: "Trebuchet MS", sans-serif; width: 223px; font-size: 14px; padding: 5px; border: 1px solid #97c7b8; background-color: #f8f8f8; }
input[type=text]:focus, input[type=password]:focus { background-color: #fff; }
select { font-family: "Trebuchet MS", sans-serif; width: 233px; font-size: 14px; padding: 5px; border: 1px solid #97c7b8; background-color: #f8f8f8; }
select:focus { background-color: #fff; }
textarea { font-family: "Trebuchet MS", sans-serif; width: 400px; height: 100px; font-size: 14px; padding: 5px; border: 1px solid #97c7b8; background-color: #f8f8f8; }
textarea:focus { background-color: #fff; }
button { font-family: "Trebuchet MS", sans-serif; font-weight: bold; border: 1px outset #97c7b8; height: 34px; line-height: 34px;  background-image: url(/images/button_bg.jpg); color: #fff; }
input[type=submit] { font-family: "Trebuchet MS", sans-serif; font-weight: bold; border: 1px outset #97c7b8; height: 34px; line-height: 34px;  background-image: url(/images/button_bg.jpg); color: #fff; } 
p.button { margin: 0; }
p.login-error { border: 2px solid #de5454; padding: 3px; }
p.login-error img { margin-right: 5px; margin-bottom: -2px; }
input.error, select.error { border-color: #de5454; }


div#banner { margin: 0 auto; overflow: hidden; height: 155px; width: 100%; background-color: #E0EFEA; background-image: url('/images/logo_bg.png'); background-repeat: repeat-x; }
img#logo-img { margin: 15px; border: none; }
div#logo { float: left; }
div#logo h1, div#logo h2 { display: none; }
div#logo h1 { font-weight: normal; font-size: 90px; float: left; margin-bottom: 0; margin-top: 0; padding-left: 15px; }
div#logo h1 span#las { color: #97c7b8; }
div#logo h1 span#you { color: #ff7e00; }
div#logo h1 span#dotcom { font-size: 32px; color: #cccccc; }
div#logo h2 { margin: 0; font-weight: normal; float: left; clear: left; line-height: 30px; font-size: 30px; margin-left: 20px; color: #94c0b2; }

div#logo a { border-bottom: none; }

div#header-login { float: right; margin-right: 15px; text-align: right; }
div#header-login h3 { margin: 10px 0; }
div#header-login ul { list-style: none; margin: 5px 0; }
div#header-login ul li { margin: 5px 0; }
div#header-login ul li#header-i-am-here { height: 48px; line-height: 48px; color: #000; font-size: 18px }
div#header-login ul li#header-i-am-here select { font-size: 18px; width: auto; }
div#header-login ul li#header-last-updated { color: #ff7e00; font-size: 14px; }
div#header-login a { border: none; }
div#header-login a:hover, div#header-login a:active { border-bottom: 1px dotted #ff7e00; }
div#header-login img { border: none; padding: 0 5px; position: relative; top: 2px; }
div#header-login p { margin: 15px 0; margin-bottom: 5px; }
div#header-login p input { font-size: 20px; background-image: url('/images/button_bg_orange.jpg'); border: 1px outset #FFB772; }

div#home-col-1 { float: left; width: 60%; background-color: #e0efea; }
div#home-col-1-inner { padding: 15px; }
div#home-col-2 { float: right; width: 40%; background-color: #e0efea; }
div#home-col-2-inner form fieldset, div#home-col-2-inner form fieldset legend { background-color: #fff; }
div#home-col-2-inner { padding: 15px; }

img#demo-image { border: 5px solid #fff; margin: 15px auto; }

div#menu { clear: left; background-color: #a1cbbf; height: 45px; background-image: url('/images/menu_bg.jpg'); background-repeat: repeat-x; }
div#menu ul { line-height: 30px; background-color: #a1cbbf; font-size: 18px; margin: 0;  color: #fff; list-style: none; padding: 0; background-image: url('/images/menu_bg.jpg'); background-repeat: repeat-x; }
div#menu ul.left { float: left; margin-left: 5px; }
div#menu ul.left li { float: left; margin-right: 10px; }
div#menu ul.right { float: right; margin-right: 5px; }
div#menu ul.right li { float: left; margin-left: 10px; }
div#menu ul li { margin-top: 5px; }
div#menu ul li.selected, div#menu ul li:hover {  color: #000; }
div#menu ul li.selected a, div#menu ul li a:hover { background-color: #e0efea; color: #000; }
div#menu ul li a { outline: none; padding: 5px 10px; display: block; color: #fff; border-bottom: none; }
div#menu ul li a img { border: none; }
/*div#menu ul li a:hover { color: #000; }*/

/* menu dropdowns styling */
div#menu ul li div.dropdown { z-index: 9999; position: absolute; background-color: #E0EFEA; margin-left: -5px; border: 5px solid #89b3a7; border-top: none; }
div#menu ul li div.dropdown ul { background-color: #E0EFEA; background-image: none; }
div#menu ul li div.dropdown ul li { float: none; background-color: #E0EFEA; color: #89b3a7; margin: 0; }
div#menu ul li div.dropdown ul li a { color: #89b3a7; }
div#menu ul li div.dropdown ul li a:hover { color: #000; }
div#menu ul li div.dropdown ul li a img { padding-right: 5px; }

div#container { clear: both; background-color: #e0efea; }

h2.page-title { float: left; height: 48px; background-color: #c3dfd6; margin: 10px; padding: 5px; line-height: 48px; }
h2.page-title span.title { float: left; margin: 0 5px; }
h2.page-title img { float: right; }


/*
div#map_div { clear: left; width: 80%; height: 450px; float: left; }
div#map_div a { text-decoration: none; border-bottom: none; }
div#map-users { height: 400px;  width: 20%; float: right; margin: 0; padding: 0; }
div#map-users ul { list-style: none; margin: 0; padding: 0; }
div#map-users li { text-align: left; margin-left: 6px; margin-bottom: 2px; }
div#map-users li:hover { background-color: #ff7e00; cursor: pointer; color: #fff; }
div#map-users li img { position: relative; top: 2px; margin-right: 5px; margin-left: 2px; }
*/
/* map marker styling */
div.marker-info h4 { margin-top: 0; color: #ff7e00; margin-bottom: 5px; height: auto !important; }
div.marker-info h4 img { margin-right: 5px; }
div.marker-info h4 span.distance { font-size: 11px; font-style: italic; color: #999; }
div.marker-info p { margin: 0; font-style: italic; color: #666; font-size: 12px; }

div.map-context-menu { -moz-border-radius: 5px; -webkit-border-radius: 5px; z-index: 5; position: absolute; display: none; color: #72a696; background-color: #e0efea; padding: 5px; }
div.map-context-menu ul { list-style-type: none; padding: 0; margin: 0; }
div.map-context-menu ul li { background-image: url(/images/icons/user_go.png); background-repeat: no-repeat; background-position: 5px center; padding-left: 26px; }
div.map-context-menu ul li:hover { color: #000; cursor: pointer; }

div.wrapper { min-width: 925px; background-color: #e0efea; min-height: 100%; height: auto !important; height: 100%; margin: 0 auto -34px; }

div.push { height: 34px; background-color: #e0efea; }

/* friends styling */
div#friends { padding: 0 5px; list-style: none; }
div#friends h1 { margin-top: 0; }
div#friends h3 { margin: 0; margin-left: 10px; }

div#top_bar div#find_friends { float: left; width: 25%;  }
div#top_bar div#find_friends_inner { background-color: #72a696; margin: 5px; padding: 10px; height: 130px; margin-top: 0; }

div#top_bar div#find_friends_inner input[type=text] { font-size: 18px; position: relative; width: 80%; }
div#top_bar div#find_friends_inner input[type=submit] { font-size: 20px; }

div#top_bar div#find_friends_inner ul#find_results { height: 200px; overflow: auto; }
div#top_bar div#find_friends_inner ul#find_results img.add_user_icon { margin-left: 5px; }

div#top_bar div h4 { border-bottom: 2px solid #eee; position: relative; padding: 5px; color: #eee; margin-top: 0; height: 32px; line-height: 32px; overflow: hidden; margin-bottom: 10px; }
div#top_bar div h4 img { padding-right: 5px; }

div#top_bar div#pending_requests { float: left; width: 25%; }
div#top_bar div#pending_requests_inner { background-color: #72a696; margin: 5px; padding: 10px; height: 130px; margin-top: 0; }

div#top_bar div#ungrouped_friends { float: left; width: 25%; }
div#top_bar div#ungrouped_friends_inner { background-color: #72a696; margin: 5px; padding: 10px; height: 130px; margin-top: 0; }

div#top_bar div#trash { float: left; width: 25%; }
div#top_bar div#trash h4 { border: none; }
div#top_bar div#trash_inner { background-color: #666; margin: 5px; padding: 10px; height: 130px; margin-top: 0; }

div#top_bar div#find_friends h4 { background-color: #eee; color: #000; }

div#top_bar ul { padding: 5px; margin: 0; color: #eee; height: 65px; }

div#top_bar div#find_friends ul { background-color: #eee; color: #000; }

div#friends ul { list-style: none; overflow: auto; }
div#friends ul.highlight { background-color: #fff !important; }
div#friends ul.disallowed {  }

div#friends img { padding-left: 5px; position: relative; top: 2px; }
div#friends a { border: none; }
div#friends a img { border: none; }
div#friends img.handle { padding-left: 0; padding-right: 5px; }

div#friends ul#find_results img { padding-left: 0px; padding-right: 5px; }

ul#groups { padding: 0; clear: both; }

ul#groups li.group { float: left; width: 25%; display: block; }
ul#groups div.group_inner { background-color: #eee; height: 210px; margin: 5px; padding: 10px; }
ul#groups div.group_inner ul { margin: 0; height: 148px; padding: 5px; background-color: #eee; }
ul#groups li.group h4 { height: 32px; line-height: 32px; padding: 5px; background-color: #eee; margin-top: 0; margin-bottom: 10px; }
ul#groups li.group h4 img { padding-right: 5px; padding-left: 5px; }
ul#groups li.group h4 img.marker { padding-right: 0; position: absolute; top: 5px; right: 0; }
ul#groups li.group h4 img.picker { padding-right: 0; position: absolute; top: 12px; right: 32px; padding-left: 0; }
ul#groups li.group h4 img.remove_group { padding-left: 0; }

ul#groups li.group h4 input { width: 50%; }

/* profile styling */

div#edit_profile { width: 500px; margin: 25px auto; padding: 10px; background-color: #666; }
div#edit_profile p { color: #fff; margin: 0; position: relative; }
div#edit_profile p input { position: absolute; right: 0; bottom: -7px; }

div#profile input, div#profile select { width: auto; }

div#profile { width: 500px; margin: 25px auto; background-color: #72a696; padding: 10px; }
div#profile h3 { margin-top: 5px; }
div#profile div.profile-details { background-color: #e0efea; padding: 10px; }
div#profile div.profile-details div.profile-picture { margin-right: 10px; float: left; background-color: #ff7e01; padding: 5px; }
div#profile div.profile-details div.profile-picture div.profile-picture-inner { background-color: #e0efea; }
div#profile div.profile-map { clear: left; height: 300px; padding: 10px; background-color: #e0efea; margin-top: 10px; }
div#profile div.profile-map-inner { height: 300px; overflow: hidden; }
div#profile div#profile_map { height: 300px; }
div#profile div.profile-picture a { border: none; }
div#profile div.profile-picture a img { border: none; }

/* map styling */
div#map_page_outer { clear: both; padding: 10px; background-color: #72a696; margin: 10px; margin-top: 0; }
div#map_div { height: 500px; overflow: hidden; }

div#map_users_outer_outer { position: relative; }
div#map_users_outer { overflow: hidden; position: absolute; right: -20px; top: -510px; height: 500px; width: 300px; float: right; padding: 10px; background-image: url(/images/map_friends_bg.png); margin: 10px; margin-top: 0; margin-left: 5px; }


div#friend_view_container { height: 455px; background-color: #eee; }
div#friend_view_container_inner { height: 435px; padding: 10px; overflow: auto; }
div#map_users {  }


div#map_users_outer h4#friends_title { margin-top: 0; background-color: #c3dfd6; color: #000; padding: 5px; margin-bottom: 15px; }
div#map_users_outer ul#switch_view { display: none; height: 36px; padding: 0; margin: 0; margin-left: 16px; text-align: center; list-style: none; }
div#map_users_outer ul#switch_view li { margin-left: 2px; height: 26px; line-height: 16px; background-color: #c3dfd6; display: block; float: left; padding: 5px; }
div#map_users_outer ul#switch_view li.selected, div#map_users_outer ul#switch_view li:hover { background-color: #eee; }
div#map_users_outer ul#switch_view li img { position: relative; top: 2px; margin-right: 5px; }

div#map_users_outer h4, div#map_page_outer h4 { height: 20px; line-height: 20px; color: #fff; margin: 0; margin-bottom: 10px; text-align: center; }
div#map_users_outer h4 img { position: relative; top: 2px; margin-right: 5px; }

/* by groups.. */
div#map_users div.group { overflow: hidden; padding: 5px; margin-bottom: 10px; }
div#map_users div.group h4 {  padding: 5px; background-color: #eee; color: #000;  margin: 0; margin-bottom: 5px; text-align: left; }
div#map_users div.group ul { list-style: none; margin: 0; padding: 0; background-color: #eee; overflow: auto; }
div#map_users li { text-align: left; padding: 2px; line-height: 13px; border-top: 1px solid #ddd; }
div#map_users li span { padding-left: 0px; font-size: 10px; color: #333; font-style: italic;  }
div#map_users li span.actions { position: absolute; right: 5px; }
div#map_users li:hover { background-color: #ffba79; cursor: pointer; color: #000; }
div#map_users li.selected { background-color: #ff7e01; color: #fff; }
div#map_users img { position: relative; top: 2px; margin-left: 2px; margin-right: 2px; }
div#map_users img.gen-image { margin-right: 5px; }

/* by places.. */
div#map_places div.network { background-color: #72a696; overflow: hidden; padding: 5px; margin-bottom: 10px; }
div#map_places div.network h4 {  padding: 5px; background-color: #eee; color: #000;  margin: 0; margin-bottom: 5px; text-align: left; }
div#map_places div.network ul { list-style: none; margin: 0; padding: 0; background-color: #eee; overflow: auto; }
div#map_places li.user { position: relative; text-align: left; padding: 2px; line-height: 13px; border-top: 1px solid #ddd; }
div#map_places li.user span { padding-left: 0px; font-size: 10px; color: #333; font-style: italic;  }
div#map_places li.user span.actions { position: absolute; right: 5px; }
div#map_places li.user:hover { background-color: #ffba79; cursor: pointer; color: #000; }
div#map_places li.user.selected { background-color: #ff7e01; color: #fff; }
div#map_places img { position: relative; top: 2px; margin-left: 2px; margin-right: 2px; }
div#map_places img.gen-image { margin-right: 5px; }

div#map_places li.place { background-color: #cfdfd6; padding: 5px; }
div#map_places li.place h5 { height: 18px; line-height: 18px; background-color: #eee; margin: 0; margin-bottom: 5px; padding: 5px; }
div#map_places li.place h5 span.distance { padding-left: 0px; font-size: 10px; color: #333; font-style: italic;  }

div.marker-info h4 { text-align: left !important; }

/* set location styling */
div#set_location { width: 500px; background-color: #72a696; padding: 10px; margin: 25px auto;  }
div#set_location_inner { background-color: #e0efea; padding: 10px; }
div#set_location div#top_bar { background-color: #94c0b2; padding: 5px; color: #fff; }
div#set_location div#top_bar p { margin: 0; }
div#set_location div#set_location_map { height: 300px; padding: 5px; background-color: #94c0b2; margin-top: 10px; }
div#set_location div#set_location_map_inner { overflow: hidden; background-color: #e0efea; }
div#set_location_map_map { height: 300px; }

/* enter styling */
div#enter { height: 100%; width: 100%; background-color: #72a696; }
div#enter div#enter_outer { padding: 50px 0; height: 710px; }
div#enter div#enter_container { margin: 0 auto; width: 560px; height: 500px; background-color: #fff; }
div#enter div#enter_container.activation { height: auto; }
div#enter div#enter_container.activation div.activate { text-align: center; padding-bottom: 20px; }
div#enter div#enter_container.activation div.activate input[type=submit] { font-size: 20px; background-image: url('/images/button_bg_orange.jpg'); border: 1px outset #FFB772; }
div#enter div#logo { display: none; margin: 20px auto; text-align: center; width: 100%; }
div#enter div#logoa { margin: 20px auto; text-align: center; width: 100%; }
div#enter div#logo_inner { width: 375px; height: 142px; margin: 0 auto; padding-top: 10px; }
div#enter div#logo img { background-color: #fff; padding: 10px; }
div#enter ul {width: 375px; padding: 0; text-align: center; list-style: none; margin: 0 auto; border-top: 3px solid #72a696; padding-top: 12px; margin-top: 30px;  }
div#enter div#flash { margin: 0 auto; text-align: center; padding-top: 30px; }
div#enter li { color: #999; float: left; padding: 10px 30px; font-size: 25px; }
div#enter li.hidden { display: none; }
div#enter li:hover { color: #000; }
div#enter li.selected { color: #000; }
div#enter a, div#enter a:link, div#enter a:visited { outline: none; border: none; text-decoration: none; color: #999; }
div#enter a:hover, div#enter a:active { color: #000; }
div#enter li.active a { color: #000 !important; }
div#enter div.login { border-top: 1px solid #ddd; color: #999; text-align: center; background-color: #e0efea; clear: both; margin: 0 80px; padding: 20px; width: 360px; position: absolute; top: 500px; }
div#enter div.login h3 { margin-top: 0; }
div#enter div.login p { margin-bottom: 0; }
div#enter div.login p input[type=submit] { font-size: 20px; background-image: url('/images/button_bg_orange.jpg'); border: 1px outset #FFB772; }
div#enter div.what-view { position: absolute; top: 0; width: 450px; height: 250px; margin: 10px; padding: 15px; background-color: #fff; }
div#enter div.what-inner { width: 450px; height: 250px; }
div#enter div#whats-this { position: absolute; top: 0; right: 0; height: 90px; width: 90px; }
div#enter div#whats-this a { outline: none; display: block; border: none; width: 90px; height: 90px; overflow: hidden; background-image: url('/images/whatsthis.png'); background-position: top; }
div#enter div#whats-this a:hover, div#enter div#whats-this a:active { background-position: bottom; }
div#enter div#whats-this img { display: none; padding: 0; background-color: transparent; }
div#enter div#whats-this a img:hover { }

/* getting started styling */
ol#gettingstarted { list-style: none; margin: 30px 10%; padding: 0; }
ol#gettingstarted li h3 { height: 48px; line-height: 48px; margin: 0; }
ol#gettingstarted li h3 img.fb-icon { float: none; padding-right: 0; position: relative; top: 1px; margin-right: 2px; }
ol#gettingstarted li { width: 70%; padding: 10px; margin-bottom: 20px; height: 48px; overflow: hidden; }
ol#gettingstarted li.done { background-color: #ADFF9F; }
ol#gettingstarted li.done h3 { background-image: url(/images/icons/accepted_48.png); background-position: right; background-repeat: no-repeat; }
ol#gettingstarted li.active { background-color: #eeef86; height: 200px; }
ol#gettingstarted li.not-done { background-color: #FF9F9F; }
ol#gettingstarted li#step2 { margin-left: 50px; margin-right: 200px; }
ol#gettingstarted li#step3 { margin-left: 100px; margin-right: 150px; }
ol#gettingstarted li#step4 { margin-left: 150px; margin-right: 100px; }
ol#gettingstarted li#step5 { margin-left: 200px; margin-right: 50px; }
ol#gettingstarted li div.do-buttons img { float: right; }
ol#gettingstarted li div.do-buttons { height: 48px; line-height: 48px; margin: 10px 0; }
ol#gettingstarted li div.step-content-desc-outer { margin: 10px 0; padding: 5px; height: 76px; background-color: #eee; }
ol#gettingstarted li p.step-content-desc { overflow: auto; height: 76px; margin: 0; }
ol#gettingstarted li.done div.do-buttons { color: #3a9805; }
ol#gettingstarted li div.do-buttons div.do { display: block; width: 120px; padding: 0 5px; text-align: center; float: right; height: 48px; background-color: #eee; color: #3391c5; border: none; margin-left: 10px; }
ol#gettingstarted li div.do-buttons div.do:hover { cursor: pointer; color: #fff; background-color: #4bc0dc; }
ol#gettingstarted li div.do-buttons img { border: none; padding-left: 5px; }
ol#gettingstarted li.done div.do-buttons { background-color: #ADFF9F; }
ol#gettingstarted li.active div.do-buttons { background-color: #eeef86; }
ol#gettingstarted li.not-done div.do-buttons { background-color: #eeef86; }
input#ready_to_go { height: 60px; font-size: 40px; background-image: url('/images/button_bg_orange_60.jpg'); border: 1px outset #FFB772; }
input#ready_to_go[disabled] { background-image: none; background-color: #ddd;}

ol#gettingstarted li h3 span.step-number { margin-right: 10px; float: left; width: 48px; height: 48px; background-position: 0 0px;  }
ol#gettingstarted li.active h3 span.step-number { background-position: 0 96px; }
ol#gettingstarted li.done h3 span.step-number { background-position: 0 48px; }
ol#gettingstarted li#step1 h3 span.step-number.step1 { background-image: url(/images/icons/circle_1.png); }
ol#gettingstarted li#step2 h3 span.step-number.step2 { background-image: url(/images/icons/circle_2.png); }
ol#gettingstarted li#step3 h3 span.step-number.step3 { background-image: url(/images/icons/circle_3.png); }
ol#gettingstarted li#step4 h3 span.step-number.step4 { background-image: url(/images/icons/circle_4.png); }
ol#gettingstarted li#step5 h3 span.step-number.step5 { background-image: url(/images/icons/circle_5.png); }

div#gettingstarted_done_button { margin: 20px 10%; }
div#gettingstarted_done_button p { margin-left: 200px; margin-right: 50px; }

/* privacy setting styling */
form#set_privacy_form, form#set_password_form, form#register_form { width: 50%; margin: 20px auto; text-align: center; }

/* feedback bar styling */
div#banner { height: 180px; }
div#feedback_bar { height: 25px; line-height: 25px; color: #000; background-image: url(/images/menu_bg.jpg); background-repeat: repeat-x; }
div#feedback_bar p { margin: 0; padding-left: 5px; }
div#feedback_bar p a { color: #fff; border: none; font-weight: bold; }

/* find friends styling */
div#friends_find { margin: 20px; }
div#friends_find.via-ajax { margin: 0; }
div#friends_find div.container {  }

div#friends_find div.search { float: left; width: 50%; }
div#friends_find div.search_inner { height: 130px; margin: 10px;  background-color: #72a696; padding: 10px; }
div#friends_find div.search_inner p#search_find_p { color: #eee; }
div#friends_find h4 { text-align: center; border-bottom: 2px solid #eee; height: 32px; line-height: 32px; margin-bottom: 10px; margin-top: 0; overflow: hidden; padding: 5px; position: relative; }
div#friends_find div.search_inner h4 { background-color: #eee; }
div#friends_find div.search_inner input[type=text] { font-size: 18px; position: relative; width: 200px; }
div#friends_find input[type=submit] { font-size: 20px; }

div#friends_find div.fb_friends { float: left; width: 50%; }
div#friends_find.via-ajax div.fb_friends { float: none; width: 100%; }
div#friends_find div.fb_friends_inner { height: 130px; margin: 10px;  background-color: #72a696; padding: 10px; }
div#friends_find div.fb_friends_inner p#fb_connect_find { color: #eee; }
div#friends_find div.fb_friends_inner p { margin-right: 0; }
div#friends_find div.fb_friends_inner h4 {  color: #eee; }

div#friends_find h4 img { padding-right: 5px; position: relative; top: 2px; }

div#friends_find ul { height: 200px; overflow: auto; list-style: none; margin: 0; padding: 5px; background-color: #eee; color: #000; }
div#friends_find ul img { padding-left: 0; margin-right: 5px; position: relative; top: 2px; }
div#friends_find ul img.add_user_icon { margin-left: 5px; }

/* facebook connect settings styling */
div#fbc_stat_container { width: 50%; height: 68px; margin: 0 auto; }
p.fb_connect_status { margin: 0 auto; line-height: 48px; padding: 10px; background-color: #ADFF9F; }
p.fb_connect_status img { float: left; margin-right: 5px; }
p.fb_connect_status.unconnected { background-color: #FF9F9F; }
input#unconnect_facebook { background-image: url(/images/button_bg_orange.jpg); border: 1px outset #ffb772; font-size: 20px; }

/* ajax loading messages styling */
span#ajaxloadingmsg img { position: relative; margin-right: 5px; top: 2px; }

/* messages styling */
div#messages { position: fixed; background-color: #999; z-index: 12; bottom: 0; height: 200px; width: 250px; margin-left: 5px; margin-bottom: -205px; padding: 5px 5px 0 5px; -moz-border-radius-topleft: 5px; -moz-border-radius-topright: 5px; -webkit-border-top-left-radius: 5px; -webkit-border-top-right-radius: 5px; }
div#messages.new { background-color: #ffba79; }
div#messages div#messages_inner { overflow: auto; background-color: #ddd; height: 200px; -moz-border-radius-topleft: 5px; -moz-border-radius-topright: 5px; -webkit-border-top-left-radius: 5px; -webkit-border-top-right-radius: 5px; }
div#messages.new div#messages_inner { background-color: #ff7e01; }
div#messages h3 { position: absolute; margin: 0; line-height: 48px; height: 48px; width: 52px; padding: 5px 5px 0 5px; text-align: center; background-color: #999; top: -51px; left: 35%; -moz-border-radius-topleft: 5px; -moz-border-radius-topright: 5px; -webkit-border-top-left-radius: 5px; -webkit-border-top-right-radius: 5px; }
div#messages.new h3 { background-color: #ffba79; }
div#messages h3 span { line-height: 62px; display: block; height: 51px; width: 52px; background-color: #ddd; background-image: url(/images/icons/mail_48.png); background-repeat: no-repeat; -moz-border-radius-topleft: 5px; -moz-border-radius-topright: 5px; -webkit-border-top-left-radius: 5px; -webkit-border-top-right-radius: 5px; background-position: 2px 0; }
div#messages.new h3 span { background-color: #ff7e01; }
div#messages ul { overflow: auto; list-style: none; padding: 5px; margin: 0; }
div#messages ul li { position: relative; height: 16px; line-height: 16px; font-size: 12px; background-color: #eee; padding: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; margin-bottom: 5px; }
div#messages ul li:hover { background-color: #C3DFD6; }
div#messages ul li.selected { background-color: #72a696; }
div#messages ul li span, div#messages ul li img { float: left; }
div#messages ul li span.name { margin-left: 5px; }
div#messages ul li.selected span.name { color: #fff; }
div#messages ul li span.read { position: absolute; right: 5px; right: 26px }
div#messages ul li span.date { color: #999; position: absolute; right: 52px; }
div#messages ul li.selected span.date { color: #eee; }
div#messages ul li span.delete { position: absolute; right: 5px; }

div.message { padding: 10px; z-index: 13; width: 200px; height: 300px; background-image: url(/images/facebox/b.png); position: absolute !important; left: 400px; top: 200px; -moz-border-radius: 10px; -webkit-border-radius: 10px; }
div.message div.message-inner { height: 290px; padding: 5px; position: relative; background-color: #e0efea; -moz-border-radius: 5px; -webkit-border-radius: 5px; }
div.message h3 { padding: 5px; margin-top: 0; margin-bottom: 5px; background-color: #72a696; color: #fff; font-size: 14px; -moz-border-radius: 5px; -webkit-border-radius: 5px; }
div.message h3 img.gender-icon { position: relative; margin-right: 5px; top: 2px; }
div.message h3 img.close { background-color: #ddd; padding: 1px; position: absolute; right: 11px; top: 11px; -moz-border-radius: 2px; -webkit-border-radius: 2px; }
div.message h3 img.close:hover { background-color: #fff; cursor: pointer; }
div.message div.conversation { height: 220px; overflow: auto; padding: 0; }
div.message div.conversation div.entry { position: relative; -moz-border-radius: 5px; -webkit-border-radius: 5px; padding: 5px; font-size: 12px; background-color: #FFBA79; margin-bottom: 20px; }
div.message div.conversation div.entry span.meta { text-align: right; display: block; font-size: 10px; color: #ff7e01; }
div.message div.conversation div.entry.me span.meta { text-align: left; color: #72a696; }
div.message div.conversation div.entry span.tail { right: 10px; display: block; position: absolute; height: 20px; width: 30px; background-image: url(/images/speech_tail_right.png); }
div.message div.conversation div.entry.me span.tail { left: 10px; background-image: url(/images/speech_tail_left.png); }
div.message div.conversation div.entry.me { background-color: #C3DFD6; }
div.message div.reply { position: absolute; bottom: 5px; width: 190px; }
div.message div.reply input { width: 178px; -moz-border-radius: 5px; -webkit-border-radius: 5px; }

.ui-effects-transfer { background-color: #C3DFD6; z-index: 13; opacity: 0.6; }

/* footer styling */
div#bottom-menu { line-height: 34px; text-align: center; margin: 0; height: 34px; background-image: url(/images/button_bg.jpg); background-repeat: repeat-x; }
div#bottom-menu p { margin: 0; color: #000; }
div#bottom-menu p a { color: #fff; border: none; font-weight: bold; }
div#bottom-menu p span.left { padding-left: 30px; }
div#bottom-menu p span.right { padding-right: 30px; }