* {margin: 0; padding: 0}
body {font-family: helvetica neue, arial, sans-serif; background-color: #F7F7F7; color: #000}
#wrapper {background-color: #fff; border-bottom: 3px solid #E4E4E4; padding-bottom: 30px; min-width: 950px}
#content {width: 80%; margin: 30px auto 0 auto}
#contentInner {width: 570px; margin: 30px auto 0 auto}
#contentInner.wide {width: 900px !important; padding: 0px 20px 0px 20px}
#home #content, #about #content, #admin #content, #info #content {width: 100%; margin: 0}
#reportgroup #content {padding: 40px 0}
 a:link, a:visited {color: #367B1C; text-decoration: none}
a:hover, a:active {color: #CB0202}
#groups_info h2 a:link, #groups_info h2 a:visited, #map p.nearest a:link, #map p.nearest a:visited {color: #CB0202; font-weight: bold}
#groups_info h2 a:hover, #groups_info h2 a:active, #map p.nearest a:hover, #map p.nearest a:active {text-decoration: underline; color: #000}
#content p {line-height: 1.6em; margin-bottom: 18px; font-size: 12px}
#content ul, #content ol {font-size: 12px}
#contentInner p {font-size: 13px; line-height: 1.8em}
#contentInner p em {background-color: #FEF1A5; padding: 1px 2px; font-style: normal}
#content #contentInner h3 {margin-top: 35px}
h2 {font-weight: normal; margin-bottom: 20px; font-size: 24px}
h3 {margin-bottom: 15px; font-weight: normal}
#quickLinks h2, #home form label {position: absolute; visibility: hidden}
.groupList:after, #reportgroup #content:after, #quickLinks:after {content: "."; display: block; height: 0; clear: both; visibility: hidden}
.groupList, #reportgroup, #quickLinks {display: inline-block}
.groupList, #reportgroup, #quickLinks {display: block}
* html .groupList, * html #reportgroup, * html #quickLinks {height: 1px}
 #content p.contextNav {text-align: center; margin-top: 30px; font-size: 16px}
 #header {background-color: #DFF1C9; position: relative}
#header a img {border: 0}
#logo {width: 27%; background-color: #62B623}
#logo a {padding: 8px 0 4px 0; display: block; margin: 0 auto; width: 243px}
#locationCrumb {width: 48%; position: absolute; left: 29%; top: 10px; color: #1C6A00; font-size: 18px}
#searchAgain {width: 22%; position: absolute; right: 1%; top: 10px; text-align: right}
#searchAgain .input-text {width: 75%}
#searchAgain .submit {width: 18%}
#location_country {display: block; position: absolute; top: 30px; right: -4%; width: 120%; background: #DFF1C9 url("http://d3dg9ihejmb0bf.cloudfront.net/images/detail/locationBg.gif") no-repeat 0 100%; padding: 10px 0 15px 0}
#searchAgain #location_country .input-text {width: 85%; margin-right: 15px}
 #footer {width: 80%; margin: 0 auto; color: #bbb; font-size: 12px; padding-top: 70px; padding-bottom: 70px; background: url("http://d3dg9ihejmb0bf.cloudfront.net/images/detail/powered-by.gif") 0 43% no-repeat}
#home #footer {width: 820px; background: url("http://d3dg9ihejmb0bf.cloudfront.net/images/detail/powered-by-on.gif") 60px 20% no-repeat; padding-left: 60px; padding-top: 40px; margin-top: 35px}
#about #footer, #admin #footer, #info #footer {width: 750px}
#footer p {margin-left: 225px; margin-bottom: 2px}
#footer a:link, #footer a:visited {color: #999; text-decoration: underline}
#footer a:hover, #footer a:active {color: #fff; background-color: #999; text-decoration: none}
 .input-text {color: #999; font-size: 13px; font-family: arial, sans-serif}
.input-text, textarea {border: 1px solid #c3c3c3; border-top: 1px solid #7c7c7c; border-bottom: 1px solid #ddd; background: #fff url("http://d3dg9ihejmb0bf.cloudfront.net/images/detail/input-shad.gif") repeat-x top; padding: 3px}
#home #location-search, #home #location-search-noip {font-weight: bold}
fieldset {margin-top: 15px; border: 1px solid #000000; padding: 15px}
 body#home {background-color: #fff}
#home #wrapper, #about #wrapper, #admin #wrapper, #info #wrapper {border: 0; min-width: 850px}
#home h1, #about h1, #admin h1, #info h1 {display: block; background: #62B623 url("http://d3dg9ihejmb0bf.cloudfront.net/images/logo-large.png") no-repeat 50% 50%; height: 52px; border-bottom: 5px solid #DAEBC4; color: #fff; text-indent: -9000px; margin-bottom: 30px}
#home #content p {text-align: center; font-size: 26px; margin-bottom: 30px}
#content p#homepageinfo {margin-bottom: 0}
#content p#homepageinfo strong {color: #CB0202}
#exampleMap {height: 320px; border-top: 2px solid #666; border-bottom: 2px solid #666; background: #B2B2B2 url("http://d3dg9ihejmb0bf.cloudfront.net/images/detail/home-map.jpg") no-repeat 48% 50%; margin-top: 20px}
#home form {width: 820px; margin: 55px auto 0 auto; position: relative}
#quickLinks {width: 820px; margin: 55px auto 0 auto}
#home #location-search {width: 500px; margin-right: 10px}
#home #location-search-noip {width: 650px}
#searchNow {position: absolute; right: 0; top: -2px}
#home .input-text {color: #999; font-size: 16px; padding: 6px 4px}
#quickLinks a img {border: 0}
#quickLinks {padding-left: 10px}
.quickLink {text-align: center; width: 189px; margin-right: 16px; float: left}
.quickLink img {margin-bottom: 10px}
 .groupList {width: 95%; margin: 0 auto 30px auto}
.groupList ol {list-style-type: none; float: left; line-height: 1.3em}
.groupList ol li {float: left; margin-right: 7px; margin-bottom: 6px}
.groupList ol li a {display: block}
.groupList em {font-style: normal}
.groupList a em {color: #70AB34}
.groupList a:link, .groupList a:visited, a.quickGroupLink:link, a.quickGroupLink:visited {background-image: url("http://d3dg9ihejmb0bf.cloudfront.net/images/detail/grouplist/top-left.gif"), url("http://d3dg9ihejmb0bf.cloudfront.net/images/detail/grouplist/top-right.gif"), url("http://d3dg9ihejmb0bf.cloudfront.net/images/detail/grouplist/bottom-left.gif"), url("http://d3dg9ihejmb0bf.cloudfront.net/images/detail/grouplist/bottom-right.gif"); background-repeat: no-repeat, no-repeat, no-repeat, no-repeat; background-position: top left, top right, bottom left, bottom right; border-radius: 1.6em; -moz-border-radius: 1.6em; background-color: #F0F9E6; font-size: 12px; padding: 6px 10px}
#groups_info {text-align: center}
#groups_info table {font-size: 12px; margin-left: 2%}
#groups_info table th {text-align: right; padding: 3px 15px; color: #777; font-weight: normal}
#groups_info table td {text-align: left; padding: 3px 15px; font-weight: bold}
#groups_info h2 em {color: #bbb; font-style: normal; font-size: 14px}
tr.groupPerma td, tr.groupPerma th {border-top: 2px solid #efefef; margin-top: 10px}
#groups_info table tr.groupPerma td {font-size: 16px; font-weight: bold; padding-top: 10px}
#groups_info table tr.yahooGrpPage td, #groups_info table tr.yahooGrpPage th {padding-bottom: 20px}
 #content p#locationExp {margin: 0 auto; text-align: center; color: #999; font-size: 14px; margin-bottom: 25px}
#content p#locationExp strong {font-weight: normal; padding: 15px 0 15px 55px; background: url("http://d3dg9ihejmb0bf.cloudfront.net/images/markers/marker-small.gif") no-repeat 0 50%}
#mapWrap {margin-bottom: 15px; border: 9px solid #E4E4E4}
#map {height: 385px; border: 1px solid #7F7F7F; overflow: hidden}
#map p {margin-left: 10px}
#content p.pickedGroup {font-size: 14px}
.pickedGroup strong {color: #CB0202}
.pickedGroup a {margin-left: 10px; font-size: 11px}
#map p.nearest {font-size: 14px; margin-top: 15px}
#content #map p {margin-bottom: 5px}
 #viewgroup #mapWrap {width: 55%; float: left}
#viewgroup #groups_info {width: 42%; float: right; margin-top: 15px}
#reportgroup #groups_info {float: left; width: 50%}
#viewgroup h2, #reportgroup h2 {text-align: center; font-size: 28px}
#reportgroup h2 {margin-bottom: 40px}
#viewgroup h3 {clear: both}
#viewgroup h2 strong, #reportgroup h2 strong {color: #CB0202}
#viewgroup #groups_info table th, #viewgroup #groups_info table td {padding: 3px 5px}
#viewgroup #groups_info a {font-weight: normal}
#report_problem_with_group {margin-bottom: 25px}
#report_problem_with_group, #group_reported_message {padding: 0; width: 35%; float: right}
#reportgroup #report_problem_with_group, #reportgroup #group_reported_message {width: 45%}
#content #report_problem_with_group p {margin-bottom: 5px}
#report_problem_with_group label {font-weight: bold}
#defunct_group_label {margin-right: 10px}
#report_problem_with_group textarea {width: 100%}
#report_comments_label {display: block}
#report_problem a:link, #report_problem a:visited {color: #000; padding: 2px 0 2px 21px; background: url("http://d3dg9ihejmb0bf.cloudfront.net/images/icons/alert.gif") 0 50% no-repeat}
#groups_info h4 {font-size: 15px; padding: 3px 15px; color: #777; font-weight: normal}
 .share {vertical-align: middle; margin-bottom: 30px; clear: both}
.share ul.controls {clear: both}
.share ul.controls li {display: inline; font-size: 1em}
.share ul.controls li a {background-repeat: no-repeat; background-position: left; margin-left: 10px; margin-bottom: 20px; padding-left: 25px; height:16px}
.share ul.controls li a.twitter {background: url('/images/twitter.png') no-repeat top left}
.share ul.controls li a.fb_share_link {background:url(http://static.ak.fbcdn.net/images/share/facebook_share_icon.gif?2:26981) no-repeat top left}
  #about img, #admin img {border: 10px solid #efefef}
#about h2, #admin h2, #info h2 {text-align: center}
#admin #check_exists_group_found {background-color: #22bb22; color: #ffffff; padding: 15px; font-size: 20px; font-weight: bold; margin: 0px}
#admin #check_exists_group_not_found {background-color: #ff3300; color: #ffffff; padding: 15px; font-size: 20px; font-weight: bold; margin: 0px}
#admin #check_exists_help, #admin #check_exists_help li {font-size: 14px; margin: 5px 20px 0px 20px}
#admin ul {margin: 5px 20px 20px 5px}
#admin li {font-size: 14px; margin: 5px 20px 0px 20px}
#admin .admin_group_data {text-align: left}
#admin .admin_group_data th {padding: 0px 10px 0px 5px; text-align: right}
#admin #admin_view_map {float: right}
#admin table #admin_yahoo_data {clear: both}
#admin .signup_warning {font-size: 16px}
#admin #group_location_warning {font-size: 16px; color: #ffffff; background-color: red; padding: 10px; margin: 10px}
 #home .flash {text-align: center; margin-top: 25px; font-size: 24px; color: #E21917; margin-bottom: -20px}
#group_reported_message p {color: #CB0202; font-size: 20px; text-align: center}
 #sponsor {margin: 15px 0 20px 0; text-align: center; font-size: 130%}
 body#info {font: 70%/1.4em Verdana,sans-serif; color: #333; line-height: 1.1em}