/* --------- /stylesheets/mamyda.css --------- */ 
* {
  margin: 0;
  outline: 0;
  padding: 0;
}

html {
  overflow-y: scroll;
}


body {
  background-color: #fff;
  font: 12px/130% arial, sans-serif;
  color: #333;
  cursor: default;
}

a {
  cursor: pointer;
  text-decoration: none;
}

a:link {
  color: #1e8ad2;
}
	
a:visited {
  color: #1e8ad2;
}
	
a:active {
  color: #2dadf4;
}

a:hover {
  color: #9966cc;
  text-decoration: none;
}

a img {
  border: none;
}

.clear {
  clear: both;
}


/**********
 * LAYOUT *
 **********/

#page {
	margin: 10px auto;
	width: 930px;
}

#container {
  /*
  overflow: hidden;
  zoom: 1;
  */
}

#sidebar {
  float: left;
  margin-right: 25px;
  width: 225px;
}

#main {
  float: left;
  width: 680px;
}


/**********
 * HEADER *
 **********/

#header {
	height: 100px;
  position: relative;
}

#header h1#logo {
  left: 0;
  top: 25px;
  position:absolute;
}

#header h1#logo a {
  background-image: url(/images/MaMyDa_logo.gif);
  background-repeat: no-repeat;
  display: block;
  font-size: 0;
  height: 0;
  margin-left: 4px;
  overflow: hidden;
  padding-top: 52px;
  width: 603px;
}

#header ul.nav {
  list-style: none;
  position:absolute;
  right: 10px;
  top: 10px;
}

#header ul.nav li {
  border-left: 1px solid #999;
  display: block;
  float: left;
  margin-left: 10px;
  padding-left: 10px;
}

#header ul.nav li.first {
  border-left: none;
}

#header .counter {
  float: right;
  list-style: none;
  margin-right: 0px;
  overflow: hidden;
  padding-top: 30px;
  zoom: 1;
}
#header .counter .days-and-hours {
  border: 5px solid #00afd1;
  overflow: hidden;
  width: 150px;
  zoom: 1;
}

#header .counter .days-and-hours .days {
  background-color: #00afd1;
  color: #fff;
  float: left;
  padding: 5px;
  text-align: center;
  width: 80px;
}

#header .counter .days-and-hours .days .daynumber {
  display: block;
  font-size: 14px;
  line-height: 12px;
  margin-bottom: 2px;
}

#header .counter .days-and-hours .hours {
  background-color: #00afd1;
  color: #fff;
  float: left;
  padding: 5px;
  text-align: center;
  width: 70px;
}

#header .counter .days-and-hours .hours .hour {
  display: block;
  font-size: 14px;
  line-height: 12px;
  margin-bottom: 2px;
}

#header .counter .days-and-hours .users {
  background-color: #00afd1;
  color: #fff;
  float: left;
  padding: 5px;
  text-align: right;
  width: 100px;
}

#header .counter .days-and-hours .users .count {
  display: block;
  font-size: 14px;
  line-height: 12px;
  margin-bottom: 2px;
}

#header ul.search-tabs {
  bottom: 0;
  list-style: none;
  position: absolute;
  right: 16px;  
}

#header ul.search-tabs li {
  float: left;
  margin-left: 2px;
  width: 73px;
}

#header ul.search-tabs li a {
  background: url(/images/search_tab.gif) left bottom no-repeat;
  color: #fff;
  display: block;
  font-size: 10px;
  font-weight: bold;
  height: 20px;
  line-height: 18px;
  text-align: center;
  text-transform: uppercase;
}

#header ul.search-tabs li a:hover,
#header ul.search-tabs li.selected a {
  background-position: left top;
}

form#time_zone_selector {
  left: 250px;
  position: absolute;
  top: 57px;
}

form#time_zone_selector select {
  border: 1px solid #ccc;
  padding: 2px 4px;
  width: 350px;
}

form#country_selector {
  left: 680px;
  position: absolute;
  top: 57px;
}

form#country_selector select {
  border: 1px solid #ccc;
  padding: 2px 4px;
  width: 200px;
}


/********************
 * COUNTRY SELECTOR *
 ********************/

#current_country {
  position: absolute;
  right: 10px;
  top: 42px;
  z-index: 10;
}

#country_selector {
  overflow: hidden;
  zoom: 1;
}

#country_selector {
  background-color: #90d4f9;
  border-bottom: 2px solid #1f8bd3;
  border-top: 2px solid #1f8bd3;
  margin-bottom: 30px;
  overflow: hidden;
  zoom: 1;
}

#country_selector .intro {
  float: left;
  padding: 2px 14px;
  width: 60%;
}

#country_selector .intro h4 {
  color: #333;
  font-size: 14px;
  font-weight: bold;
  line-height: 16px;
  margin-bottom: 6px;
}

#country_selector .intro p {}

#country_selector ul.countries {
  background-color: #fff;
  float: right;
  list-style: none;
  padding: 14px 0 4px;
  text-align: right;
  width: 35%;
}

#country_selector ul.countries li {
  padding: 0 10px 10px 0;
}

#country_selector ul.countries li.selected {
  background: url(/images/current_country_bg.gif) left top no-repeat;
}

#country_selector ul.countries li.selected a {
  font-weight: bold;
}

#current_country a.flag,
#country_selector a.flag {
  background-position: right center;
  background-repeat: no-repeat;
  display: block;
  height: 30px;
  line-height: 29px;
  padding-right: 40px;
}

#current_country a.au,
#country_selector a.au {
  background-image: url(/images/flags/au.jpg);
}

#current_country a.de,
#country_selector a.de {
  background-image: url(/images/flags/de.jpg);
}

#current_country a.gb,
#country_selector a.gb {
  background-image: url(/images/flags/gb.jpg);
}


/***********
 * SIDEBAR *
 ***********/

#sidebar #big_activity_button,
#sidebar #big_invite_button {
  display: block;
  margin-bottom: 10px;
}

#sidebar #big_invite_button {
  margin-bottom: 25px;
}

#sidebar .box,
#right_sidebar .box {
  background: #fff url(/images/sidebar_box_bg.gif) left bottom no-repeat;
  margin-bottom: 20px;
  padding-bottom: 18px;
  width: 225px;
}

#right_sidebar .box {
  width: 175px;
}

#sidebar .box form,
#right_sidebar .box form {
  padding-left: 10px;
  padding-right: 10px
}

#right_sidebar .box form {
  padding: 0 15px 5px;
}

#right_sidebar .box form input.form-text {
  border: 1px solid #bbb;
  color: #333;
  font: 12px/130% arial, sans-serif;  
  padding: 2px 5px;
  width: 133px;
}

#right_sidebar .box form input.form-prompt {
  color: #999;
}

#sidebar .box h2,
#right_sidebar .box h2 {
  background: #fff url(/images/sidebar_box_bg.gif) left top no-repeat;
  border-bottom: none;
  padding: 20px 15px 12px;
}

#right_sidebar .box,
#right_sidebar .box h2 {
  background-image: url(/images/right_sidebar_box_bg.gif);
}

#sidebar .box h3,
#right_sidebar .box h3 {
  font-size: 12px;
  font-weight: bold;
  padding: 8px 15px 4px;
}

#sidebar .box p,
#right_sidebar .box p {
  padding-left: 10px;
  padding-right: 10px;
  padding-top: 0;
}

#sidebar .box h2 span,
#right_sidebar .box h2 span {
  border-bottom: 1px dotted #999;
  display: block;
  padding-bottom: 4px;
}

#sidebar .box ul,
#right_sidebar .box ul {
  list-style: none;
  padding: 0 15px;
}

#sidebar .box ul li,
#right_sidebar .box ul li {
  overflow: hidden;
  text-transform: lowercase;
  zoom: 1;
}

#sidebar .box ul li.all,
#right_sidebar .box ul li.all {
  margin-bottom: 2px;
}

#sidebar .box ul li.empty,
#right_sidebar .box ul li.empty {
  border-top: 1px dotted #999;
	padding: 5px 5px 0px;
}

#sidebar .box ul li.signout,
#sidebar .box ul li.join {
  text-align: right;
}

#sidebar .box ul li a,
#right_sidebar .box ul li a {
  line-height: 16px;
}

#sidebar .box ul li.selected a,
#right_sidebar .box ul li.selected a,
#sidebar .box ul li.selected .count {
  color: #ea127e;
}

body.newsletter-subscribers-section #right_sidebar .box ul li.selected a,
body.newsletter-subscribers-section #right_sidebar .box ul li.selected .count {
  font-weight: normal;
}

#sidebar .box ul li .value,
#right_sidebar .box ul li .value {
  float: left;
}

#sidebar .box ul li .count,
#right_sidebar .box ul li .count {
  color: #999;
  float: right;
}

#sidebar .box ul.notifications {
  border-bottom: 1px dotted #999;
  margin: 0 15px 10px;
  padding: 0 0 10px;
}

#sidebar .box ul.notifications li.whoami {
  color: #444;
  font-weight: normal;
  margin-bottom: 3px;
}

#sidebar .box ul.notifications li {
  font-weight: bold;
}

#sidebar .box img.signup {
  display: block;
  margin: 0 auto;
  width: 117px;
}

#sidebar .last-box,
#right_sidebar .last-box {
  margin-bottom: 0;
}


/***************
 * SIDEBAR ADS *
 ***************/

#sidebar ol.ads {
  list-style: none;
  margin-top: 25px; 
  text-align: center;
}

#sidebar ol.ads li {
  /*border: 1px solid #ccc;*/
  margin-bottom: 20px;
  padding: 10px;
}


/**********
 * SEARCH *
 **********/

#search {
  background: #fff url(/images/search_bg.jpg) left top no-repeat;
  height: 120px;
  padding: 10px 20px;
  position: relative;
}

#search .search-field {
  float: left;
  margin: 5px 10px 0 5px;
  position: relative;
}

#search .search-field label {
  display: block;
  font-weight: bold;
  margin-bottom: 1px;
}

#search .search-field input {
  background-color: #fff;
  border: 1px solid #1e8ad2;
  font-weight: bold;
  padding: 5px;
  width: 270px;
}

#search .search-field input.prompt {
  color: #aaa;
}

#search #when_field input {
  width: 140px;
}

#search #what_field.full-width input {
  width: 437px;
}

#search #what_field.full-width #what_hints {
  background-image: url(/images/what_search_hints_expanded_bg.png);
  width: 449px;
}

#search .search-hints {
  font-size: 11px;
  height: 49px;
  left: 0;
  padding: 14px 6px;
  position: absolute;
  top: 39px;
  width: 140px;
}

#search .search-hints .eg {
  float: left;
  letter-spacing: -1px;
  margin-right: 5px;
}

#search .search-hints .examples {
  float: left;
}

#search #what_hints {
  background: transparent url(/images/what_search_hints_bg.png) left top no-repeat;
  width: 282px;
}

#search #when_hints {
  background: transparent url(/images/when_search_hints_bg.png) left top no-repeat;
}

#search #when_hints .oops {
  color: #ea127e;
  line-height: 13px;
  margin: 2px auto 0;
  text-align: center;
  width: 130px;
}

#search #what_examples {
  position: absolute;
  right: 20px;
  top: 29px;
}

#search #what_examples a {
  color: #ea127e;
}

#search button {  
  background: url(/images/search_btn.jpg);
  cursor: pointer;
  height: 77px;
  position: absolute;
  right: 22px;
  top: -18px;
  width: 146px;
}

#search button span {  
  display: none;
}

#search ul#search_selector {
  bottom: 33px;
  list-style: none;
  position: absolute;  
  right: 30px;
}

#search ul#search_selector li {
  margin-bottom: 4px;
}

#search ul#search_selector li a {
  background: url(/images/search_selector.jpg) left top no-repeat;
  color: #333;
  display: block;
  font-size: 9px;
  height: 9px;
  line-height: 9px;
  padding-left: 12px;
  text-transform: uppercase;
}

#search ul#search_selector li a.selected {
  background-position: left bottom;
  color: #ea127e;  
}


/************
 * NOSCRIPT *
 ************/

.noscript-message {
  background: #e53a97 url(/images/noscript_bg_bottom.jpg) left bottom no-repeat;
  margin: -10px 0 20px;
  padding: 0;
}

.noscript-message h4 {
  background: #e53a97 url(/images/noscript_bg_top.jpg) left top no-repeat;
  font-size: 16px;
  font-weight: bold;
  height: 20px;
  line-height: 20px;
  margin-bottom: 6px;
  padding: 13px 24px 0;
}

.noscript-message .content {
  color: #fff;
  padding: 0 24px 13px;
}

.noscript-message p {
  margin: 4px 0 0 !important;
}

.noscript-message a {
  color: #fff;
  text-decoration: underline;
}


/***********
 * CONTENT *
 ***********/

#content h2 {
  line-height: 24px;
}


/**********
 * FOOTER *
 **********/

#footer {
  border-top: 1px solid #999;
  clear: both;
  margin: 25px 0;
}

#footer ol.sponsors {  
  list-style: none;
  margin: 15px 0;
  padding: 0;
  text-align: center;
}

#footer ol.sponsors li {  
  display: inline;
  padding: 0 2px;
}

#footer ol.sponsors li a {}

#footer ol.sponsors li a img {
  border: 1px solid #ccc;
  padding: 1px;
}

#footer ul.nav {
  padding: 0;
  margin: 15px 0;
  text-align: center;
}

#footer ul.nav li {
  border-left: 1px solid #999;
  display: inline;
  margin-left: 10px;
  padding-left: 10px;
}

#footer ul.nav li.first {
  border-left: none;
  margin-left: 0;
  padding-left: 0;
}

#copyright {
  text-align: center;
}

/************************
 * Terms and conditions *
 ************************/

body#site_section div.terms p {
	padding: 5px 0px 5px 0px;
	text-transform: none;
	font-weight: normal;
}

body#site_section div.terms ol {
	margin: 20px 30px;
	list-style-type: none;
}

body#site_section div.terms li.first-level {
  font-weight: bold;
  margin: 8px 0 2px;
  text-transform: uppercase;
}

body#site_section div.terms li {
	margin: 8px 0 2px;
	list-style-type: none;
  	text-transform: none;
	font-weight: normal;
}

/****************
 * STATIC PAGES *
 ****************/

body#users_section .static p,
body#site_section p {
  margin-bottom: 8px;
	padding: 0;
}

body#site_section h3 {
	padding: 8px 0px 5px 0px;
}

body#site_section h4 {}

body#site_section h5 {}

body#site_section .list-wrapper {
	margin-bottom: 5px;
}

body#site_section ul.what-is-mamyda {
  padding: 10px 20px 18px;
  overflow: hidden;
	width: 600px;
  zoom: 1;
}

body#site_section ul.what-is-mamyda li {
	float: left;
	width: 300px;
}

body#users_section .static ul,
body#site_section .static ul {
	margin: 20px 20px;
}

body#site_section .static ol {
	margin: 20px 30px;
}

body#site_section .static ol li {
  font-weight: bold;
  margin: 8px 0 2px;
}

body.privacy-page .static ol li {
  margin: 0 0 14px !important;
}

body#site_section .static ol li h5 {
  font-size: 12px;
  font-weight: bold;
  margin: 0 0 5px;
}

body#site_section .static ol li p {
  font-weight: normal;
  margin: 8px 0 2px;
}

body.privacy-page .static ol li p {
  margin: 0 0 8px !important;
}

body#site_section .static ol li.long {
  font-weight: normal;
  margin: 8px 0 2px;
}

body.privacy-page .static ol li ol {
  margin: 0 30px !important;
}

body.privacy-page .static ol li ol li {
  font-weight: normal !important;
  margin: 8px 0 0 !important;
}


/*******
 * FAQ *
 *******/

#faqs {}

#faqs h3 {
  font-size: 16px;
  font-weight: normal;
}

#faqs .description {
  background-color: #f4fbfe;
  border-bottom: 1px solid #f4fbfe;
  border-top: 1px solid #94d6f9;
  color: #777;
  font-size: 11px;
  margin: 5px 0 10px;
  padding: 6px 6px;
}

dl.faq {
  margin: 12px 0 25px;
}

dl.faq dt,
dl.faq dd {
  overflow: hidden;
  zoom: 1;
}

dl.faq dt {
  font-weight: bold;
  margin: 8px 0 2px;
}

dl.faq dt a {
  color: #333;
  display: block;
  float: left;
  width: 448px;
}

dl.faq dt a.selected {
  color: #1e8ad2;
}

dl.faq dt a:hover {
  color: #1e8ad2;
}

dl.faq dd {
  margin-top: 5px;
  overflow: hidden;
  zoom: 1;
}

dl.faq dt span.q-or-a,
dl.faq dd span.q-or-a {
  display: block;
  float: left;
  width: 30px;
}

dl.faq dd .answer {
  display: block;
  float: left;
  width: 448px;
}

dl.faq dd .answer p {
  margin-bottom: 5px;
  padding: 0 !important;
}

dl.faq dd .answer ol, 
dl.faq dd .answer ul {
  margin: 0 0 5px 30px;
  padding: 0 !important;
}

dl.faq dd .answer ol li, 
dl.faq dd .answer ul li {
  margin-bottom: 3px;
  padding: 0 !important;
}


/*******************
 * OLD-SCHOOL TABS *
 *******************/

ul.old-school-tabs {
  border-bottom: 1px solid #b7d601;
  list-style: none;
  margin: 0 0 12px 0;
  overflow: hidden;
  padding: 0;
  width: 65%;
  zoom: 1;
}

ul.old-school-tabs li {  
  background: url(/images/tab.jpg) left top no-repeat;
  float: left;
  margin-right: 4px;
  display: block;
  height: 22px;
  padding-left: 15px;
}

ul.old-school-tabs li a {
  background: url(/images/tab.jpg) right top no-repeat;
  color: #3b3b3b !important;
  display: block;
  font-weight: bold;
  line-height: 20px;
  padding: 2px 15px 0 0;  
}

ul.old-school-tabs li.selected {
  background-position: left bottom;
}

ul.old-school-tabs li.selected a {
  background-position: right bottom;
}

ul.old-school-tabs li.compose {
  float: right;
  margin-right: 0;
}


/***********
 * MAILBOX *
 ***********/

.mailbox-status {
  margin: 12px 0;
  overflow: hidden;
  zoom: 1;
}

.mailbox-status p {
  float: left;
}

.mailbox-status .pagination {
  float: right;
}

#mailbox .pagination-wrapper {
  overflow: hidden;
  zoom: 1;
}

#mailbox .pagination-wrapper p.count {
  float: left;
  padding: 0 0 12px 0;
}

#mailbox .select-all {
  margin: 15px 0 15px 6px;
}

#mailbox .select-all label {
  font-weight: bold;
}

#mailbox table {
  border: 1px solid #999;
  background: url(/images/content_window_bg.jpg) left top repeat-x;
  width: 100%;
}

#mailbox thead th {
  font-weight: bold;
  padding: 10px;
}

#mailbox thead th.name {
  text-align: left;
}

#mailbox thead th.message {
  background: url(/images/mail.jpg) 10px center no-repeat;
  color: #333;
  padding-left: 34px;
  text-align: left;
}

#mailbox thead th.status {
  text-align: center;
}

#mailbox table tr {
  vertical-align: top;
}

#mailbox table td {
  border-top: 1px dotted #9b9b9b;
  padding: 10px;
}

#mailbox table td.delete-message {
  border-right: 1px solid #b3b3b3;
  padding: 10px;
  width: 1%;
}

#mailbox table td.message-details {
  overflow: hidden;
  width: 25%;
  zoom: 1;
}

#mailbox table td.message-details img {
  border: 1px solid #333;
  display: block;
  float: left;
  margin-right: 10px;
  padding: 2px;
}

#mailbox table td.message-details .message-user {
  padding: 0;
  margin-bottom: 5px;
}

#mailbox table td.message-pane {
  width: 60%;
}

#mailbox table td.message-pane .message {
  color: #333;
}

#mailbox table td.message-pane .visible {
  background-color: #f2f2f2;
  border: 1px solid #ccc;
  padding: 10px;
}

#mailbox table td.message-pane a.subject {
  background: url(/images/triangle1.gif) left center no-repeat;
  color: #333;
  display: block;
  font-weight: bold;  
  padding-left: 12px;
}

#mailbox table td.message-pane .visible a.subject {
  background-image: url(/images/triangle2.gif);
}

#mailbox table td.message-pane .message .body {
  margin-top: 8px;
  padding-left: 12px;
}

#mailbox table td.message-pane .message .body ol,
#mailbox table td.message-pane .message .body ul {
  margin-left: 24px;
}

#mailbox table td.message-pane .message .body li {
  margin-bottom: 5px;  
}

#mailbox table td.message-pane .reply {
  margin-top: 10px;
  text-align: right;
}

#mailbox table td.message-pane .reply textarea {
  background-color: #fff;
  border: 1px solid #ccc;
  color: #333;
  display: block;
  font: 12px arial;
  height: 100px;
  margin-bottom: 10px;
  padding: 4px;
  width: 345px;
}

#mailbox table td.message-status {
  text-align: center;
  width: 15%;
}


/*****************
 * RESULTS TABLE *
 *****************/

table.results {
	border: 1px solid #999;
	background: url(/images/content_window_bg.jpg) left top repeat-x;
	width: 100%;
}

table.results tr, 
table.results tr.even {
	vertical-align: top;
}

table.results tr.odd {
  background-color: #efefef;
	vertical-align: top;
}

table.results th {
	background: url(/images/th_bgd.gif) left top repeat-x;
	color: white;
	padding: 8px;
	text-align:left;
}

table.results td {
  border-top: 1px dotted #9b9b9b;
  padding: 8px;
}

table.results td.skyscraper {
  text-align: center;
}


/**************
 * TAG CLOUDS *
 **************/

.tag-cloud {
  margin: 10px 0;
  padding-bottom: 10px;
}

.tag-cloud h2 {
  margin-bottom: 8px;
  position: relative;
}

.tag-cloud h2 span {
  font-size: 10px;
  position: absolute;
  right: 0;
}

.tag-cloud .tags {
  text-transform: lowercase;
}

.tag-cloud .tag {
  padding: 0 2px;
}

.tag-cloud .tag:hover {
  background-color: #1e8ad2;
  color: #fff;
}

.tag-cloud .tag1 {
  font-size: 11px;
  line-height: 11px;
}

.tag-cloud .tag2 {
  font-size: 13px;
  line-height: 13px;
}

.tag-cloud .tag3 {
  font-size: 15px;
  line-height: 15px;
}

.tag-cloud .tag4 {
  font-size: 19px;
  line-height: 19px;
}

.tag-cloud .tag5 {
  font-size: 24px;
  line-height: 24px;
}

#tag_clouds {
  margin: 10px 0;
  overflow: hidden;
  zoom: 1;
}

#tag_clouds h2 {
  border-bottom: 2px solid #1f8bd3;
  line-height: 26px;
  margin-bottom: 10px;  
	padding-bottom: 2px;
}

#activity_tags,
#location_tags {
  float: left;
  width: 47%;
}

body.browse-page #activity_tags,
body.browse-page #location_tags {
  width: 100%;
}

#location_tags {
  float: right;
}

#activity_tags h2 a {
	color: #ea127e;
	font-weight: normal;
	line-height: 29px;
}


/*******************
 * MANAGE CONTACTS *
 *******************/

#friend_search_form {
  margin-bottom: 10px;
  overflow: hidden;
  zoom: 1;
}

#friend_search_form label {
  font-weight: bold;
  padding-right: 10px;
}

#friend_search_form input.form-text {
  border: 1px solid #999;
  color: #333;
  margin-right: 10px;
  padding: 1px;
}

#friend_tags {}

#friend_tags dl {
  margin-bottom: 10px;
  overflow: hidden;
  zoom: 1;
}

#friend_tags dt {
  float: left;
  font-weight: bold;
  margin-right: 10px;
}

#friend_tags dd {
  float: left;
}

#friend_tags dd a.selected {
  background-color: #00afd1;
  color: #fff;
}

#invitation_list .top-pagination-wrapper,
#invitation_list .bottom-pagination-wrapper {
  overflow: hidden;
  zoom: 1;
}

#invitation_list .top-pagination-wrapper {
  margin-bottom: 15px;
}

#invitation_list .bottom-pagination-wrapper {
  margin-top: 15px;
}

#invitation_list .pagination {
  float: right;
}

#invitation_list table thead th {
  text-align: left;
}

#myfriends {
  position: relative;
}

#myfriends .infobox {
  top: 0;
  right: 0;
  left :auto;
  width: 150px;
}

#myfriends .infobox a {
  display: block;
  line-height: 26px;
  margin-left: 8px;
}

#myfriends .infobox a.friendships {
  background: url(/images/plus_figure.jpg) left center no-repeat;
}



/************
 * PROFILES *
 ************/

#my_groups,
#myrsvps,
#bookmarks,
#myactivities,
#subscriptions,
#myhome,
#profile {
  position: relative;
}

#my_groups .infobox,
#myrsvps .infobox,
#bookmarks .infobox,
#myactivities .infobox,
#subscriptions .infobox,
#myhome .infobox,
#profile .infobox {
  top: 20px;
  right: 0;
  left :auto;
  width: 200px;
}

#my_groups .infobox a,
#myrsvps .infobox a,
#bookmarks .infobox a,
#myactivities .infobox a,
#subscriptions .infobox a,
#myhome .infobox a,
#profile .infobox a {
  display: block;
  line-height: 26px;
  margin-left: 8px;
  padding-left: 30px; 
}

#my_groups .infobox a.friendships,
#myrsvps .infobox a.friendships,
#bookmarks .infobox a.friendships,
#myactivities .infobox a.friendships,
#subscriptions .infobox a.friendships,
#myhome .infobox a.friendships,
#profile .infobox a.request-friendship,
#profile .infobox a.add-to-blacklist,
#profile .infobox a.report-user {
  background: url(/images/plus_figure.jpg) left center no-repeat;
}

#profile .infobox a.remove-from-blacklist,
#profile .infobox a.cancel-friendship {
  background: url(/images/minus_figure.jpg) left center no-repeat;
}

#my_groups .infobox a.edit,
#myrsvps .infobox a.edit,
#bookmarks .infobox a.edit,
#myactivities .infobox a.edit,
#subscriptions .infobox a.edit,
#myhome .infobox a.edit,
#profile .infobox a.write-message {
  background: url(/images/pen.gif) left center no-repeat;
}

#my_groups .infobox a.mycalendar,
#myrsvps .infobox a.mycalendar,
#bookmarks .infobox a.mycalendar,
#myactivities .infobox a.mycalendar,
#subscriptions .infobox a.mycalendar,
#myhome .infobox a.mycalendar {
  background: url(/images/icon_calendar_small.jpg) left center no-repeat;
}


/********
 * TOUR *
 ********/

body#tours_section .tour {
  margin: 20px 0;
  overflow: hidden;
  zoom: 1;
}

body#tours_section .tour .slide {
  float: left;
  margin-right: 20px;
  width: 400px;
}

body#tours_section .tour .slide img {
  display: block;  
}

body#tours_section .tour ul {
  float: left;
  list-style: none;
  padding-top: 5px;
  width: 240px;
}

body#tours_section .tour ul li {
  border-top: 1px dotted #999999;
  padding: 5px 0 10px;
}

body#tours_section .tour ul li.selected a {
  color: #f33694;
}


/******************
 * USEFUL CLASSES *
 ******************/

.hidden {
  display: none;
}

.fleft {
  float: left;
}

.fright {
  float: right;
}

.cleared {
  overflow: hidden;
  zoom: 1;
}

.debug {
  color: #777;
  font-size: 11px;
}






/**************
 * LEGACY CSS *
 **************/

/*register */
.register {
border-bottom:1px dotted #999999;
}

.reg {
	width: 270px;
	text-align:right;
	padding-right:78px;
	display:block;
	background-color:#99FF00;
	}

.form {
display:block;
padding-top:10px;
}
.form2 {
display:block;
padding-top:10px;
border-bottom:1px solid #999999;
border-top:1px solid #999999;
border-left:1px solid #999999;
border-right:1px solid #999999;
}

.form_left{
text-align:right;
display:block;
width:158px;
float:left;
padding-top:5px;
}

.fields {
display:block;
text-align:left;
padding-left:10px;
width: 220px;
float:left;
}

.form_right {
font-size:11px;
font-weight: bold;
width:350px;
margin-left:388px;
text-align:left;
padding-top:5px;
}

.form_left2{
text-align:right;
display:block;
width:120px;
padding: 5px 10px 0px 0px;
float:left;
}

.form_middle {
	float:left;
	width:215px;
	padding-top:5px;
	}
	
.form_middle2 {
	float:left;
	width:250px;
	text-align:right;
	}

.form_right2 {
font-size:11px;
font-weight: bold;
width:300px;
margin-left:360px;
text-align:left;
padding-top:5px;
}

.row1 {
	height:30px;
	font-weight:bold;
	}

.row2 {
	height:170px;
	font-weight:bold;
	}
	
.row3 {
	height:30px;
	font-weight:normal;
	}
.row4 {
	height:170px;
	}

#errorExplanation {
	display:block;
	border: 1px solid #333333;
	padding:5px 5px 5px 5px;
	color:#CC3300;
	}
	
.warn {
	display:inline;
	width:300px;
	color:#CC3300;
	}
.fieldWithErrors {
	background-color:#CC3300;
}
.message{
	color: #f33694;
}

#flash {
  margin-bottom: 20px;
}

#flash .flash-message {
  background-color: #fff5ca;
  border-bottom: 1px solid #f1df95;
  border-top: 1px solid #f1df95;  
  color: #666;
  font-size: 14px;
  line-height: 16px;
  margin-bottom: 10px;
  padding: 3px 0;  
}

#flash .flash-notice {
  background-color: #e1ffd1;
  border-color: #c5f8ac;
  color: #468d3f;
}

#flash .flash-warning {
  background-color: #ffd1d1;
  border-color: #f8acac;
  color: #8d3f3f;
}

#flash p {
  margin: 4px 0 !important;
  text-align: center;
}


/*
.result_norm {
	text-align: left;
	width:650px;
	display: block;
	padding:5px 15px 5px 15px;
}
.result_header {
	text-align: center;
	display: block;
	height: 30px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #666666;
}
.activity_header {
	display: block;
	width: 100px;
	height:30px;
	position:absolute;
	background-image: url(/images/th_bgd.gif);
	}
.activity_header2 {
	display: block;
	width: 80px;
	height:30px;
	position:absolute;
	background-image: url(/images/th_bgd.gif);
	}
.description_header {
	display: block;
	position:absolute;
	text-align:left;
	padding-left:5px;
	height: 30px;
	width: 315px;
	margin-left: 100px;
	background-image: url(/images/th_bgd.gif);
}
.description_header2 {
	display: block;
	position:absolute;
	text-align:left;
	padding-left:5px;
	height: 30px;
	width: 250px;
	margin-left: 80px;
	background-image: url(/images/th_bgd.gif);
}
.startd_header {
	display: block;
	width: 100px;
	height:30px;
	position: absolute;
	margin-left: 420px;
	background-image: url(/images/th_bgd.gif);
}
.startd_header2 {
	display: block;
	width: 80px;
	height:30px;
	position: absolute;
	margin-left: 330px;
	background-image: url(/images/th_bgd.gif);
}
.suburb {
	display: block;
	width: 80px;
	height:30px;
	position: absolute;
	margin-left: 410px;
	background-image: url(/images/th_bgd.gif);
}
.organizer {
	display: block;
	width: 80px;
	height:30px;
	position: absolute;
	margin-left: 490px;
	background-image: url(/images/th_bgd.gif);
}

.type_header {
	display: block;
	height: 30px;
	width: 75px;
	position: absolute;
	margin-left:520px;
	padding-right:5px;
	background-image: url(/images/th_bgd.gif);
}
.type_header2 {
	display: block;
	height: 30px;
	width: 75px;
	position: absolute;
	margin-left:570px;
	padding-right:5px;
	background-image: url(/images/th_bgd.gif);
}
.result_row {
	text-align: left;
	height:50px;
	display: block;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #666666;
	padding-top:5px;
}
.result_row2 {
	background-color:#e4e2e2;
	text-align: left;
	height:50px;
	display: block;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #666666;
	padding-top:5px;
}
.activity_result {
	text-align:center;
	display: block;
	width:100px;
	float:left;
	position:absolute;
}
.activity_result2 {
	text-align:center;
	display: block;
	width:80px;
	float:left;
	position:absolute;
}
.description_result {
	display:block;
	position:absolute;
	width:315px;
	padding-left:5px;
	margin-left:100px;
}
.description_result2 {
	display:block;
	position:absolute;
	width:250px;
	padding-left:5px;
	margin-left:80px;
}
.startd_result {
	display: block;
	width:100px;
	position:absolute;
	margin-left:420px;
	text-align:center;
}
.startd_result2 {
	display: block;
	width:80px;
	position:absolute;
	margin-left:330px;
	text-align:center;
}
.suburb_result {
	display: block;
	width: 80px;
	height:30px;
	position: absolute;
	margin-left: 410px;
	text-align:center;
}
.organizer_result {
	display: block;
	width: 80px;
	height:30px;
	position: absolute;
	margin-left: 490px;
	text-align:center;
}
.type_result {
	text-align:right;
	display: block;
	width:75px;
	position:absolute;
	margin-left:520px;
	padding-right:5px;
}
.type_result2 {
	text-align:right;
	display: block;
	width:75px;
	position:absolute;
	margin-left:570px;
	padding-right:5px;
}
*/

.skyscraper {
	text-align:center;
	}
/* End result table */
.infobox {
display:block;
position:absolute;
left:800px;
top:300px;
width:150px;
border: 1px dotted #999999;
padding: 5px 5px 5px 5px;
}






#type {
	position:relative;
	width:170px;
	height:20px;
	background-color:#CCCCCC;
	border:1px solid #333333;
	padding:5px 3px 0px 5px;
	float:right;
	margin-bottom:20px;
	}

.tabheadline {
	display:block;
	width:100%;
	height:16px;
	padding-top:6px;
	padding-left:8px;
	border-bottom:1px solid #ffcc80;
	background-image:url(/images/tab_description.gif);
	background-repeat:no-repeat;
	}
.tabheadline2 {
	display:block;
	width:100%;
	height:16px;
	padding-top:6px;
	padding-left:8px;
	border-bottom:1px solid #ffcc80;
	background-image:url(/images/tab_info.gif);
	background-repeat:no-repeat;
	}
	
.details {
	/*border:1px solid #333333;*/
}
.wrapper {
	padding-top:10px;
	padding-bottom:10px;
	}
.wrapper2 {
	padding-top:20px;
	padding-bottom:10px;
	}
.det_left {
	text-align:right;
	font-weight:bold;
	display: block;
	width:100px;
	float:left;
	position:absolute;
	margin-left:50px;
}
.det_right {
	text-align:left;
	display: block;
	width:150px;
	position:absolute;
	margin-left:170px;
	padding-right:5px;
}
#map {
	display:block;
	position:absolute;
	width:300px;
	height:200px;
	margin-left:350px;
	margin-top:50px;
	text-align:center;
	border:1px solid #999999;
	}
  
/* Ensure popup calendars sit on top of redbox windows */
.calendar {
  z-index: 200;
}

/****************
 * JB FORM *
 ****************/
fieldset.jb{margin:1em 0;border:none;border-top:1px solid #ccc;}
fieldset.jb legend{margin:1em 0;padding:0 .5em;color:#036;background:transparent;font-size:1.3em;font-weight:bold;}
fieldset.jb label{float:left;width:100px;padding:0 1em;text-align:right;}
fieldset.jb div{margin-bottom:.5em;padding:0;display:block;}
fieldset.jb div input{width:150px;border:1px solid #1e8ad2;padding:1px;color:#333;}
fieldset.jb div textarea{height:150px;width:150px;border:1px solid #1e8ad2;padding:1px;color:#333;}
fieldset.jb div select{padding:1px;}
fieldset.jb div.fm-multi div{margin:5px 0;}
fieldset.jb div.fm-multi input{width:1em;}
fieldset.jb div.fm-multi label{display:block;width:200px;padding-left:5em;text-align:left;}
fieldset.jb div #fm-submit{clear:both;padding-top:1em;text-align:center;}
fieldset.jb div #fm-submit input{border:1px solid #333;padding:2px 1em;background:#555;color:#fff;font-size:100%;}
fieldset.jb div input:focus,textarea:focus{background:#f2f2f2;color:#000;}
fieldset.jb div.fm-req{font-weight:bold;}
fieldset.jb div.fm-req label:before{content:"* ";color: #f00;}



	
/*Text styles */

h1 {
	font-size:14px;
	font-weight:bold;
	text-align:left;
	}

h2 {
	font-size:16px;
  line-height: 18px;
	font-weight:bold;
	border-bottom:1px dotted #999999;
	text-align:left;
}

h2.page-title {
  margin-bottom: 20px;
}

h3 {
	font-size:12px;
	font-weight:bold;
	}
	
h4 {
	margin: 10px 0px 0px 0px;
	font-size:12px;
	font-weight:bold;
	color:#FFFFFF;
	}

p {
	margin-bottom: 5px;
	text-align: left;
}

p.center{
	text-align:center;
	margin:0px 0px 0px 0px;
}
p.space {
	padding-top:10px;
	vertical-align:top;
	}

/*
span {
display:block;
text-align:right;
}
*/

span.small {
font-size:11px;
}

.button2 {
	background-color: transparent;
	border:none;
	margin:0px 0px 0px 0px;
	padding:0px 0px 0px 0px;
	}
	
.button3 {
	background-color:transparent;
	border:none;
	margin:0px 0px 0px 0px;
	padding:0px 0px 0px 0px;
	}
	

button {
	background-color:transparent;
	border:none;
}

.sitetext {
	/*margin-left: 15px;*/
}

.sitetext ul {
	margin: 0 0 5px 30px;
}

#free_trial {
  text-align: center;
}
/* --------- /stylesheets/redbox.css --------- */ 
/*********************
 * REDBOX COMPONENTS *
 ********************/

#RB_overlay {
  background-color: #000;
  bottom: 0;
  filter: alpha(opacity=60);
  height: 100%;
  left: 0;
  min-height:100%;
  opacity: .6;
  position: absolute;
  right: 0;
  top: 0;
  width: 100%;
  z-index:100;
}

#RB_redbox {
  left: 0px;
  position: absolute;
  right: 0px;
  top: 0px;
  width: 100%;
}

#RB_loading {
  background: #666 url(/images/redbox_spinner.gif) no-repeat center center;
  border: 2px solid black;
  display: none;
  height: 70px;
  margin: 0 auto;
  position: relative;
  top: 200px;
  text-align: center;
  width: 70px;
  z-index: 101;
}

#RB_window {
  background-color: #fff;
  border: 5px solid #f63796;
  display: block;
  margin: 0 auto;
  padding: 10px 20px;
  outline: 1px solid #fff;
  overflow: auto;
  position: absolute;  
  text-align: left;
  z-index: 102;
}

#RB_window .content {}

#RB_window .content fieldset {
  border: 1px solid #00afd1;
  margin: 10px 0;
  padding: 10px;
}

#RB_window .content fieldset legend {
  font-weight: bold;
}

#RB_window .content fieldset .fieldset {
  position: relative;
}


/*******************
 * RECURRENCE FORM *
 *******************/

#RB_window form#recurrence_options_form .two-columns {
  overflow: hidden;
  zoom: 1;
}

#RB_window form#recurrence_options_form .two-columns .left-column {
  float: left;
  width: 180px;
}

#RB_window form#recurrence_options_form .two-columns .right-column {
  float: left;
  width: 380px;
}

#RB_window form#recurrence_options_form input,
#RB_window form#recurrence_options_form select {
  color: #333;
  font-family: arial;
  font-size: 12px;
}

#RB_window form#recurrence_options_form input.form-text {
  border: 1px solid #ccc;
  padding: 1px 4px;
  width: 20px;
}

#RB_window form#recurrence_options_form input.form-date {
  width: 90px;  
}

#RB_window form#recurrence_options_form input.form-radio {
  margin-bottom: -2px;
}

#RB_window form#recurrence_options_form .form-item {
  margin: 0 0 10px;
}

#RB_window form#recurrence_options_form .form-item label {
  line-height: 20px;
}

#RB_window form#recurrence_options_form .two-columns .left-column label {
  display: block;
}

#RB_window form#recurrence_options_form .recurrence-option {
  margin-bottom: 10px;
}

#RB_window form#recurrence_options_form .form-buttons {
  margin: 20px 0 10px;
  text-align: right;
}

#RB_window form#recurrence_options_form .form-buttons .form-submit {}

#RB_window form#recurrence_options_form .form-buttons .form-cancel {
  padding-right: 12px;
}

/*******************
 * Static pages *
 *******************/

#RB_window .static p {
	padding: 5px 0px 5px 0px;
}

#RB_window  h3 {
	padding: 8px 0px 5px 0px;
}

#RB_window h4 {}

#RB_window h5 {}

#RB_window .list-wrapper {
	margin-bottom: 5px;
}

#RB_window .list-wrapper ul {
	margin: 10px 20px;
	width: 600px;
}

#RB_window .list-wrapper ul li {
	float: left;
	width: 300px;
}

#RB_window .list-wrapper br {
	clear: left;
}

#RB_window .static ul {
	margin: 20px 20px;
}

#RB_window .static ol {
	margin: 20px 30px;
}

#RB_window .static ol li {
  font-weight: bold;
  margin: 8px 0 2px;
}
#RB_window .static ol li p {
  font-weight: normal;
  margin: 8px 0 2px;
}
#RB_window .static ol li.long {
  font-weight: normal;
  margin: 8px 0 2px;
}

/************************
 * Terms and conditions *
 ************************/

#RB_window div.terms p {
	padding: 5px 0px 5px 0px;
	text-transform: none;
	font-weight: normal;
}

#RB_window div.terms ol {
	margin: 20px 30px;
	list-style-type: none;
}

#RB_window div.terms li.first-level {
  font-weight: bold;
  margin: 8px 0 2px;
  text-transform: uppercase;
}

#RB_window div.terms li {
	margin: 8px 0 2px;
	list-style-type: none;
  	text-transform: none;
	font-weight: normal;
}
/* --------- /stylesheets/mamyda-ext.css --------- */ 
/*************
 * FIELDSETS *
 *************/

fieldset {
  background: #fff url(/images/fieldset_bg.png) left top repeat-x;
  border: 1px solid #ccc;
  font-size: 12px;
  margin: 20px 0 10px;
  padding: 20px 25px 11px;
}

fieldset.selected {
  border-color: #999;
}

fieldset.flat-top {
  margin-top: 0;
}

fieldset.reduced-top {
  margin-top: 10px;
}

fieldset legend {
  font-weight: bold;
}

fieldset legend a.selected {
  color: #333;
}

fieldset legend a.selected:hover {
  color: #96c;
}

fieldset .fieldset {
  position: relative;
}


/*********
 * FORMS *
 *********/

label.option {
  display: block;
  font-size: 14px;
  line-height: 14px;
  margin-bottom: 14px;
}

label.option input {
  margin-right: 6px;
}

.form-item {
  margin-bottom: 14px;
  position: relative;
}

.form-item label {
  display: block;
  font-size: 12px;
  font-weight: bold;
  margin-bottom: 3px;
}

.form-item label span {
  display: inline;
}

.form-item label span.required {
  color: #f33694;
  display: inline;
}

.form-item label span.form-error,
.form-item label span.formError {
  color: #f33694;
  font-weight: normal;
}

.form-item .form-field {}

.form-item input,
.form-item select,
.form-item textarea,
.form-item .pseudo-textarea {
  color: #333;
  font: 14px arial;
}

.form-item input.form-text,
.form-item textarea.form-text,
.form-item select,
.form-item .pseudo-textarea {
  background-color: #fff;
  border: 1px solid #00afd1;
  padding: 5px;
  width: 350px;
}

.form-item input.disabled,
.form-item textarea.disabled,
.form-item select.disabled,
.form-item .pseudo-textarea {
  border-color: #ccc;
  color: #aaa;
}

.form-item textarea.form-text {
  height: auto;
  width: 350px !important;
}

.form-item select {
  padding: 4px 4px 4px 2px;
  width: 362px;
}

.form-item input.form-prompt {
  color: #999;
}

.form-date img.calendar-popup-btn {
  cursor: pointer;
  padding: 0 0 0 7px;
  vertical-align: bottom;
}

#profile_birthday_3i {
  width: 80px;
}

#profile_birthday_2i {
  width: 168px;
}

#profile_birthday_1i {
  width: 110px;
}

#recurrence_starts_on_3i {
  width: 70px;
}

#recurrence_starts_on_2i {
  width: 150px;
}

#recurrence_starts_on_1i {
  width: 100px;
}

#activity_starts_on_3i,
#activity_ends_on_3i {
  width: 50px;
}

#activity_starts_on_2i,
#activity_ends_on_2i {
  width: 100px;
}

#activity_starts_on_1i,
#activity_ends_on_1i {
  width: 70px;
}

#activity_start_time_string,
#activity_end_time_string {
  width: 68px;
}

.form-item #activity_capacity,
.form-item #activity_cost {
  width: 159px;
}

#recurrence_start_time_string,
#recurrence_duration_string {
  width: 159px;
}

.form-item .fieldWithErrors {
  display: inline;
}

.form-item .fieldWithErrors input.form-text,
.form-item .fieldWithErrors textarea.form-text,
.form-item .fieldWithErrors select.form-list {
  border-color: #f33694;
}

.form-item input.form-text:focus,
.form-item textarea:focus,
.form-item select.form-list:focus {
  border-color: #b7d601;
}

.form-item .description {
  color: #999;
  font-size: 11px;
  margin-top: 3px;
}

.form-item .description p {
  margin-bottom: 2px;
}

.form-item .fieldWithErrors {
  background-color: transparent;
}

.form-buttons {
  margin-top: 25px;
  overflow: hidden;
  text-align: right;
  zoom: 1;
}

.form-buttons .form-cancel,
.form-buttons .form-submit,
.form-buttons form.button-to {
  margin-left: 10px;
}

.form-buttons form.button-to {
  display: inline-block;
}

.form-item-columns {
  overflow: hidden;
  position: relative;
  zoom: 1;
}

.form-item-columns .left-column,
.form-item-columns .right-column {
  float: left;
}

.form-item-columns .left-column {
  margin-right: 20px;
}

.form-item-columns .form-item {
  position: static;
}

form#settings_form .fieldset {
  min-height: 145px;
	/* Start IE6 min-height hack */
	height: auto !important;
	height: 145px;
	/* End IE6 min-height hack */
}


/************
 * MESSAGES *
 ************/

div.messages {
  background-color: #ffd1d1;
  border-bottom: 1px solid #f8acac;
  border-top: 1px solid #f8acac;  
  color: #8d3f3f;
  font-size: 14px;
  line-height: 16px;
  margin-bottom: 10px;
  padding: 6px 0 8px;
  text-align: center;
}

div.messages h3 {
  font-size: 14px;
  margin: 5px 0 2px;
}

div.messages p {
  margin: 0;
  padding: 3px 0;
  text-align: center;
}

div.messages-message {
  background-color: #fff5ca;
  border-color: #f1df95;
  color: #333;
}

div.messages-notice {
  background-color: #e1ffd1;
  border-color: #c5f8ac;
  color: #468d3f;  
}

div.messages-warning {
  background-color: #ffd1d1;
  border-color: #f8acac;
  color: #8d3f3f;  
}

div.messages ul.adopted-activities {
  list-style: none;
}

div.messages ul.adopted-activities {
  padding-bottom: 3px;
}


/*********
 * STEPS *
 *********/

.steps {
  background-color: #fff;
  border-bottom: 1px solid #b7d601;
  border-top: 1px solid #b7d601;
  margin-top: 20px;
  padding: 1px 0;
  zoom: 1;
}

.steps > div {
  background-color: #b7d601;
  overflow: hidden;
}

.steps .summary {
  background: #99cc33 url(/images/active_step_bg.gif) right center no-repeat;
  color: #fff;
  float: left;
  font-weight: bold;
  line-height: 26px;
  padding: 0 18px 0 6px;
}

.steps ul {
  float: right;
  margin: 0;  
  overflow: hidden;
  padding: 0 4px 0 0;
  text-align: right;
  zoom: 1;
}

.steps ul li {
  background-color: #f899cc;
  color: #fff;
  display: block;
  float: left;
  line-height: 26px;
}

.steps ul li span {
  font-weight: bold;
}

.steps ul li.step {
  background: #b7d601 url(/images/step_bg.gif) right center no-repeat;
  padding: 0 18px 0 6px;
}

.steps ul li.active-step {
  background: #99cc33 url(/images/active_step_bg.gif) right center no-repeat;
}

.steps ul li.completed-step {
  background: #99cc33 url(/images/completed_step_bg.gif) right center no-repeat;
}

.steps ul li.active-step {
  font-weight: bold;
}

.steps ul li.empty-step,
.steps ul li.inactive-step {
  background: url(/images/inactive_step_bg.gif) right center no-repeat;
}

.steps ul li.empty-step {
  width: 20px;
}


/**********************
 * FIELDSET SUMMARIES *
 **********************/

fieldset.summary {}

fieldset.summary dl {
  margin: 0;
  padding: 0;
}

fieldset.summary .with-help {
  width: 350px;
}

fieldset.summary dl dt {
  font-weight: bold;
  margin: 0 0 2px 0;
  padding: 0;
}

fieldset.summary dl dd {
  font-size: 14px;
  line-height: 18px;
  margin: 0 0 14px 5px;
  padding: 0;
}


/*********************
 * FIELDSET WARNINGS *
 *********************/

fieldset.warning {
  border-color: #999;  
}


/***************
 * TWO-COLUMNS *
 ***************/

.two-columns,
.two-column-layout {
  overflow: hidden;
  zoom: 1;
}

.two-columns .left-column,
.two-column-layout .left-column {
  float: left;
  width: 48%;
}

.two-columns .right-column,
.two-column-layout .right-column {
  float: right;
  width: 48%;
}

.two-column-layout .left-column {
  width: 478px;
}

.two-column-layout .right-column {
  padding-top: 31px;
  width: 175px;
}


/********
 * TABS *
 ********/

ul.tabs {
  border-bottom: 2px solid #00afd1;
  list-style: none;
  margin: 0 0 20px 0;
  overflow: hidden;
  padding: 0;
  zoom: 1;
}

ul.inline-tabs {
  margin-top: 10px;
}

ul.main-tabs {
  margin-top: 20px;
}

ul.tabs li {
  border-bottom: 1px solid #fff;
  display: block;
  float: left;
  margin-right: 1px;
}

ul.tabs li.action,
ul.tabs li.join,
ul.tabs li.leave {
  float: right;
  margin: 0 0 0 1px;
}

ul.tabs li a,
ul.tabs li span {
  background-color: #94d6f9;
  color: #fff !important;
  display: block;
  padding: 4px 10px 3px;
}

ul.tabs li.join a,
ul.tabs li.join span {
  background-color: #99cc33;
  font-weight: bold;
  text-transform: uppercase;
}

ul.tabs li.leave a,
ul.tabs li.leave span {
  background-color: #f33694;
  font-weight: bold;
  text-transform: uppercase;
}

ul.tabs li.selected {  
  border-color: #00afd1;
  font-weight: bold;
}

ul.tabs li a:hover,
ul.tabs li.selected a,
ul.tabs li.selected span {
  background-color: #00afd1;
}

ul.tabs li.join a:hover {
  background-color: #99cc33;
}

ul.tabs li.leave a:hover {
  background-color: #f33694;
}

ul.tabs li.warning a {
  background-color: #f899cc;
}

ul.tabs li.warning a:hover {
  background-color: #f33694;
}

ul.tabs li.notice a {
  background-color: #c1d78c;
}

ul.tabs li.notice a:hover {
  background-color: #99cc33;
}

.tab-windows .tab-window {
  position: relative;
}

/**********
 * VENUES *
 **********/

.venues {
  border-top: 1px solid #94d6f9;
  padding-top: 10px;
}

fieldset#venue p.no-venues,
.venues p.loading,
.venues .venue {
  border-bottom: 1px solid #94d6f9;
  margin-bottom: 10px;
  padding-bottom: 10px;
}

.venues .venue {
  min-height: 106px;
  position: relative;
}

.venues .venue input.venue-radio {
  left: 0;
  position: absolute;
  top: 1px;
}

.venues .venue h5 {
  font-size: 12px;
  font-weight: bold;
  margin-bottom: 4px;
  padding-left: 22px;
}

.venues .venue address {
  font-style: normal;
  padding-left: 22px;
}

.venues .venue p.count,
.venues .venue p.edit {
  color: #999;
  margin-bottom: 0;
  padding: 4px 0 0 22px;
}

.venues .venue .gmap-wrapper a.toggle {
  display: none;
}

.venues .venue .gmap-wrapper {
  border-color: #00afd1;
}

.venues .venue .gmap-wrapper .gmap {
  height: 100px;
  width: 120px;
}


/********************
 * ACTIVITY OPTIONS *
 ********************/

#activity_options .activity-options {
  margin-bottom: 14px;
  overflow: hidden;
  zoom: 1;
}

#activity_options .activity-options .activity-option {
  border: 1px solid #00afd1;
  min-height: 212px;
	/* Start IE6 min-height hack */
	height: auto !important;
	height: 220px;
	/* End IE6 min-height hack */
  padding: 14px;
  width: 274px;
}

#activity_options .activity-options .group-option {
  float: left;
}

#activity_options .activity-options .recurrence-option {
  float: right;
}

#activity_options .activity-options .activity-option h5 {
  font-size: 12px;
  font-weight: bold;
  margin: 0 0 4px;
  padding: 0;
}

.multiday-options {
  margin-bottom: 14px;
}

.form-item .options {
  width: 340px;
}

.form-item .options,
.multiday-options,
#activity_options .activity-options .activity-option .radios {
  background-color: #EDF4FA;
  border: 1px solid #94D6F9;
  margin-top: 12px;
  padding: 10px 10px 2px;
}

.form-item .options label,
.multiday-options label,
#activity_options .activity-options .activity-option label {
  display: block;
  font-size: 14px;
  font-weight: normal;
  margin-bottom: 6px;
}

#activity_options .activity-options .activity-option input {
  margin-right: 5px;
}

#activity_options .activity-options .invalid-option {
  border-color: #94d6f9;
}

.form-item .invalid-options,
#activity_options .activity-options .invalid-option .radios {
  background-color: #efefef;
  border-color: #ccc;
}


/*******************
 * MINI-PAGINATION *
 *******************/

.pagination-wrapper .pagination,
.mini-pagination .pagination {
  float: right;
  margin-bottom: 10px;
  overflow: hidden;
  zoom: 1;
}

.pagination-wrapper .pagination a,
.pagination-wrapper .pagination span,
.mini-pagination .pagination a,
.mini-pagination .pagination span {
  border: 1px solid #94d6f9;
  display: block;
  float: left;
  font-size: 11px;
  margin-left: 2px;
  padding: 2px 5px;
}

.mini-pagination .pagination span.gap {
  color: #999;
}

.pagination-wrapper .pagination a:hover,
.mini-pagination .pagination a:hover {
  border-color: #00afd1;
  color: #1e8ad2;
}

.pagination-wrapper .pagination .disabled,
.mini-pagination .pagination .disabled {
  display: none;
}

.pagination-wrapper .pagination .current,
.mini-pagination .pagination .current {
  background-color: #00afd1;
  border-color: #00afd1;
  color: #fff;
  font-weight: bold;
}

body.news-section .bottom-pagination-wrapper,
body.newsletters-section .bottom-pagination-wrapper {
  margin-top: 30px;
}


/************
 * COMMENTS *
 ************/

.comments {}

.comments .disabled-content {
  border-top: 2px solid #00afd1;
  border-bottom: 1px solid #94d6f9;
  margin-bottom: 14px;
}

.comments .disabled-content p.none-found {
  border-top: 1px solid #94d6f9;
  margin: 10px 0 0;
  padding: 10px 0;
}

.comments form {}

.comments .form-item textarea {
  height: 60px;
  width: 263px !important;
}

.comments .form-buttons {
  border-bottom: 2px solid #00afd1;
  margin-top: 10px;
  padding-bottom: 15px;
}

#comment_list {
  border-bottom: 1px solid #94d6f9;
  margin: 10px 0 15px;
}

#comment_list p.be-the-first {
  border-top: 1px solid #94d6f9;
  margin: 10px 0 0;
  padding: 10px 0;
}

#comment_list .comment {
  border-top: 1px solid #94d6f9;
  padding: 10px 0;
  position: relative;
}

#comment_list .comment p.author {
  font-weight: bold;
  margin-top: 0;
}

#comment_list .comment .text-and-stars .stars {
  background: url(/images/star_small.gif) left top repeat-x;
  float: right;
  height: 10px;
  line-height: 10px;
  margin: 2px 0 10px 10px;
  text-indent: -1000px;
  width: 50px;
}

#comment_list .comment .text-and-stars .stars span {
  background: url(/images/star_small.gif) left bottom repeat-x;
  display: block;
}

#comment_list .comment .text-and-stars p {
  margin: 5px 0 0;
  padding: 0;
}



/*****************
 * GROUP DETAILS *
 *****************/

#group_details {}

#group_details .messages {
  margin-bottom: 20px;
}

#group_details #the_group {
  border-color: #999;
}

#group_details #the_group .description,
#group_details #me .join-now {
  margin-bottom: 12px;
}

#group_details #the_group ul,
#group_details #me ul {
  font-size: 14px;
  list-style: none;
}

#group_details #the_group ul li,
#group_details #me ul li {
  margin-bottom: 12px;
}

#group_details #the_group ul li.title {
  /*margin-bottom: 8px;*/
}

#group_details #the_group ul li.title h3 {
  font-size: 16px;
  font-weight: bold;
  line-height: 18px;  
}

#group_details #the_group ul li .in-search-of-an-organizer {
  font-size: 12px;
  margin-top: 4px;
}

#group_details.private ul li.title h3 {
  background: url(/images/private_single.jpg) left top no-repeat;
  padding-left: 22px;
}

#group_details.recommendation ul li.title h3 {
  background: url(/images/recommendation_single.jpg) left top no-repeat;
  padding-left: 22px;
}

#group_details .rating p.stars {
  background: url(/images/star.gif) -3px top repeat-x;
  height: 25px;
  margin: 6px 0 0;
  overflow: hidden;
  text-indent: -1000px;
  width: 125px;
}

#group_details .rating p.stars span {
  background: url(/images/star.gif) -3px bottom repeat-x;
  display: block;
  height: 25px;
}

#group_details .rating p.stats {
  color: #aaa;
  font-size: 11px;
  padding-right: 6px;
}

#group_details #active_members,
#group_details #my_friends {
  padding-bottom: 25px;
}

#group_details #active_members form,
#group_details #my_friends form {
  border-top: 2px solid #00afd1;
  margin-top: 10px;
  padding-top: 10px;
}

#group_details #active_members form .form-item,
#group_details #my_friends form .form-item {
  margin-bottom: 0;
}

#group_details #active_members form .form-item label,
#group_details #my_friends form .form-item label {
  display: none;
}

#group_details #active_members .form-item input.form-text,
#group_details #my_friends .form-item input.form-text {
  font-size: 12px;
  width: 263px;
}

#group_details #active_members #member_list,
#group_details #my_friends #friend_list {  
  border-bottom: 1px solid #94d6f9;
  margin: 0;
}

#group_details #active_members #member_list p.summary,
#group_details #my_friends #friend_list p.summary {
  border-bottom: 2px solid #00afd1;
  margin-bottom: 10px;
  padding-bottom: 10px;
}

#group_details #active_members #member_list p.none-found,
#group_details #my_friends #friend_list p.none-found {
  border-top: 1px solid #94d6f9;
  margin: 0;
  padding: 10px 0;
}

#group_details #active_members #member_list .member,
#group_details #my_friends #friend_list .member {
  border-top: 1px solid #94d6f9;
  overflow: hidden;
  padding: 10px 0;
  position: relative;
  zoom: 1;
}

#group_details #active_members #member_list .member .avatar,
#group_details #my_friends #friend_list .member .avatar {
  border: 1px solid #94d6f9;
  padding: 2px;
  float: left;
  margin-right: 15px;
}

#group_details #active_members #member_list .member .avatar img,
#group_details #my_friends #friend_list .member .avatar img {
  display: block;
}

#group_details #active_members #member_list .me .avatar,
#group_details #my_friends #friend_list .me .avatar {
  border-color: #00afd1;
}

#group_details #active_members #member_list .friend .avatar,
#group_details #my_friends #friend_list .friend .avatar {
  border-color: #99cc33;
}

#group_details #active_members #member_list .member .details,
#group_details #my_friends #friend_list .member .details {
  border: none;
  float: left;
  width: 213px;
}

#group_details #active_members #member_list .member .details h5,
#group_details #my_friends #friend_list .member .details h5 {
  font-size: 14px;
  font-weight: normal;
  line-height: 18px;
  margin: 0 0 4px 0;
}

#group_details #active_members #member_list .member .actions,
#group_details #my_friends #friend_list .member .actions {
  position: absolute;
  right: 0;
  top: 10px;
}

#group_details #active_members #member_list .member .actions a,
#group_details #my_friends #friend_list .member .actions a {
  padding-left: 4px;
}


/********************
 * ACTIVITY SUMMARY *
 ********************/

#next_activity {
  border-color: #999;
}

.activity-summary {
  margin-bottom: 14px;
  min-height: 105px;
	/* Start IE6 min-height hack */
	height: auto !important;
	height: 105px;
	/* End IE6 min-height hack */
  overflow: hidden;
  zoom: 1;
}

.activity-summary .sidebar {
  float: left;
  margin-right: 20px;
}

.activity-summary .sidebar .date {
  border: 5px solid #00afd1;
  overflow: hidden;
  width: 124px;
  zoom: 1;
}

.activity-summary .sidebar .date .day-and-month {
  background-color: #00afd1;
  color: #fff;
  float: left;
  padding: 5px;
  text-align: right;
  text-transform: uppercase;
  width: 48px;
}

.activity-summary .sidebar .date .day-and-month .day-of-week {
  display: block;
  font-size: 18px;
  line-height: 16px;
  margin-bottom: 2px;
}

.activity-summary .sidebar .date .day-and-month .month {
  display: block;
  font-size: 22px;
  font-weight: bold;
  line-height: 20px;
}

.activity-summary .sidebar .date .day-of-month {
  color: #00afd1;
  float: left;
  font-size: 50px;
  font-weight: bold;
  line-height: 38px;
  padding: 5px;
}

.activity-summary .sidebar .sidebar-option {
  color: #444;
  display: block;
  font-size: 14px;
  line-height: 14px;
  margin-top: 2px;
  padding: 4px 6px;
  text-align: right;
  text-transform: lowercase;
}

.activity-summary .sidebar .start-time {
  display: block;
  margin: 2px 0;
}

.activity-summary .sidebar .end-time {
  display: block;
}

.activity-summary .details {
  border: none;
  float: left;
  width: 300px;
}

.activity-summary .details h3 {
  font-size: 16px;
  font-weight: bold;
  line-height: 16px;
  margin-bottom: 8px;
}

.activity-summary .details address {
  font-style: normal;
  margin: 10px 0 8px;
}

.activity-summary .details address strong {
  display: block;
}

.activity-summary .details p.rsvps {
  margin: 0;
}

.activity-summary .gmap-wrapper {
  border-color: #00afd1;
  position: static;
  right: auto;
  top: auto;
}

.activity-summary .gmap-wrapper .gmap {
  height: 115px;
  width: 140px;
}

#next_activity.accepted .sidebar .date {
  border-color: #99cc33;
}

#next_activity.accepted .sidebar .date .day-and-month {
  background-color: #99cc33;
}

#next_activity.accepted .sidebar .date .day-of-month {
  color: #99cc33;
}

#next_activity.declined .sidebar .date {
  border-color: #f33694;
}

#next_activity.declined .sidebar .date .day-and-month {
  background-color: #f33694;
}

#next_activity.declined .sidebar .date .day-of-month {
  color: #f33694;
}


/*************************
 * ACTIVITY SUMMARY LIST *
 *************************/

.activity-summary-list {
  padding-bottom: 2px;
}

.activity-summary-list .mini-pagination {
  border-top: 2px solid #00afd1;
  padding-top: 10px;
}

.activity-summary-list p.none-found {
  border-bottom: 1px solid #94d6f9;
  border-top: 1px solid #94d6f9;
  margin: 0;
  padding: 10px 0;
}

.activity-summary-list ul {
  border-top: 1px solid #94d6f9;
  list-style: none;
  padding-top: 12px;
}

.activity-summary-list ul li {
  border-bottom: 1px solid #94d6f9;
  margin-bottom: 12px;
  overflow: hidden;
  padding-bottom: 12px;
  zoom: 1;
}

.activity-summary-list ul li .date {
  border: 3px solid #00afd1;
  float: left;
  margin-right: 15px;
  text-align: center;
  width: 34px;
}

.activity-summary-list ul li .date .month {
  background-color: #00afd1;
  color: #fff;
  display: block;
  font-size: 14px;
  line-height: 12px;
  padding: 2px 0 4px;
  text-transform: uppercase;
}

.activity-summary-list ul li .date .day {
  color: #00afd1;
  display: block; 
  font-size: 22px;
  font-weight: bold;
  line-height: 18px;
  padding: 2px 0;
}

.activity-summary-list ul li .details {
  border: none;
  float: left;
  width: 219px;
}

.activity-summary-list ul li .details h4 {
  color: #999;
  font-size: 16px;
  font-weight: normal;
  line-height: 18px;
  margin: 0 0 6px;
}

.activity-summary-list ul li.accepted .date {
  border-color: #99cc33;
}

.activity-summary-list ul li.accepted .date .month {
  background-color: #99cc33;
}

.activity-summary-list ul li.accepted .date .day {
  color: #99cc33;
}

.activity-summary-list ul li.declined .date {
  border-color: #f33694;
}

.activity-summary-list ul li.declined .date .month {
  background-color: #f33694;
}

.activity-summary-list ul li.declined .date .day {
  color: #f33694;
}

.activity-summary-list ul li.organize .date {
  border-color: #ffa500;
}

.activity-summary-list ul li.organize .date .month {
  background-color: #ffa500;
}

.activity-summary-list ul li.organize .date .day {
  color: #ffa500;
}

.activity-summary-list ul li.cancelled .date {
  border-color: #ccc;
}

.activity-summary-list ul li.cancelled .date .month {
  background-color: #ccc;
}

.activity-summary-list ul li.cancelled .date .day {
  color: #ccc;
}

.activity-summary-list ul li.current .date {
  border-color: #94d6f9;
}

.activity-summary-list ul li.current .date .month {
  background-color: #94d6f9;
}

.activity-summary-list ul li.current .date .day {
  color: #94d6f9;
}


/********************
 * ACTIVITY DETAILS *
 ********************/

#activity_details_page .messages {
  margin-bottom: 20px;
}

#activity_details {
  width: 392px;
}

#activity_details fieldset {
  border-color: #999;
  padding-bottom: 25px;
}

#activity_details .activity-details {
  overflow: hidden;
  zoom: 1;
}

#activity_details .activity-details .sidebar {
  float: left;
}

#activity_details .sidebar .date {
  border: 5px solid #00afd1;
  overflow: hidden;
  width: 124px;
  zoom: 1;
}

#activity_details .sidebar .date .day-and-month {
  background-color: #00afd1;
  color: #fff;
  float: left;
  padding: 5px;
  text-align: right;
  text-transform: uppercase;
  width: 48px;
}

#activity_details .sidebar .date .day-and-month .day-of-week {
  display: block;
  font-size: 18px;
  line-height: 16px;
  margin-bottom: 2px;
}

#activity_details .sidebar .date .day-and-month .month {
  display: block;
  font-size: 22px;
  font-weight: bold;
  line-height: 20px;
}

#activity_details .sidebar .date .day-of-month {
  color: #00afd1;
  float: left;
  font-size: 50px;
  font-weight: bold;
  line-height: 38px;
  padding: 5px;
}

#activity_details .sidebar .sidebar-option {
  /*background-color: #94d6f9;*/
  color: #444;
  display: block;
  font-size: 14px;
  line-height: 14px;
  margin-top: 2px;
  padding: 4px 6px;
  text-align: right;
  text-transform: lowercase;
}

#activity_details .sidebar a.sidebar-option:hover {
  background-color: #00afd1;
}

#activity_details .sidebar .start-time,
#activity_details .sidebar .end-time,
#activity_details .sidebar .end-date,
#activity_details .sidebar .cost {
  display: block;
}

#activity_details .sidebar .start-time {
  margin: 2px 0;
}

#activity_details .sidebar .cost {
  margin: 4px 0;
}

#activity_details .sidebar .activity-type,
#activity_details .sidebar .activity-location,
#activity_details .sidebar .activity-privacy {
  padding-bottom: 6px;
}

#activity_details .sidebar .rating {
  padding-left: 5px;
  padding-right: 0;
}

#activity_details .sidebar .rating p.stars {
  background: url(/images/star.gif) left top repeat-x;
  height: 25px;
  margin: 6px 0 2px;
  overflow: hidden;
  text-indent: -1000px;
  width: 125px;
}

#activity_details .sidebar .rating p.stars span {
  background: url(/images/star.gif) left bottom repeat-x;
  display: block;
  height: 25px;
}

#activity_details .sidebar .rating p.stats {
  color: #aaa;
  font-size: 11px;
  padding-right: 6px;
  text-align: right;
}

#activity_details .sidebar .gmap-wrapper {
  border-color: #00afd1;
  float: none;
  margin-top: 14px;
  position: relative;
  right: auto;
  top: auto;
}

#activity_details .sidebar .gmap-wrapper .gmap {
  height: 128px;
  width: 128px;
}

#activity_details .sidebar .expanded-gmap {
  bottom: 0;
  left: 0;
  margin-top: 0;
  position: absolute;
  right: 0;
  top: 0;
}

#activity_details p.more a {
  display: block;
}

#activity_details .activity-details .details {
  border: none;
  float: left;
  margin-left: 24px;
  width: 182px;
}

#activity_details .no-map .details {
  margin-left: 158px;
}

#activity_details .activity-details .details h3 {
  font-size: 16px;
  font-weight: bold;
  line-height: 18px;
  margin-bottom: 12px;
}

#activity_details.recommendation .activity-details .details h3 {
  background: url(/images/recommendation_single.jpg) left top no-repeat;
  padding-left: 22px;
}

#activity_details.commercial .activity-details .details h3 {
  background: url(/images/commercial_single.jpg) left top no-repeat;
  padding-left: 22px;
}

#activity_details.non-profit .activity-details .details h3 {
  background: url(/images/non_profit_single.jpg) left top no-repeat;
  padding-left: 22px;
}

#activity_details.private .activity-details .details h3 {
  background: url(/images/private_single.jpg) left top no-repeat;
  padding-left: 22px;
}

#activity_details .activity-details .details .activity-type,
#activity_details .activity-details .details .group {
  margin-bottom: 4px;
}

#activity_details .activity-details .details .organizer {
  margin-bottom: 12px;
}

#activity_details .venue-details {
  border-top: 1px solid #ccc;
  margin-top: 14px;
  min-height: 119px;
	/* Start IE6 min-height hack */
	height: auto !important;
	height: 119px;
	/* End IE6 min-height hack */
  padding-top: 14px;
  text-align: right;
}

#activity_details .venue-details h4 {
  color: #333;
  font-size: 12px;
  font-weight: bold;
  margin: 0 0 2px;
}

#activity_details .venue-details address {
  font-style: normal;
}

#activity_details .venue-details .phone {
  margin: 5px 0 0;
  text-align: right;
}

#activity_details .venue-details .info {
  margin-top: 10px;
}

#activity_details .venue-details .info p {
  margin-bottom: 5px;
}

#activity_details.accepted .sidebar .date {
  border-color: #99cc33;
}

#activity_details.accepted .sidebar .date .day-and-month {
  background-color: #99cc33;
}

#activity_details.accepted .sidebar .date .day-of-month {
  color: #99cc33;
}

#activity_details.declined .sidebar .date {
  border-color: #f33694;
}

#activity_details.declined .sidebar .date .day-and-month {
  background-color: #f33694;
}

#activity_details.declined .sidebar .date .day-of-month {
  color: #f33694;
}

#activity_details.organize .sidebar .date {
  border-color: #ffa500;
}

#activity_details.organize .sidebar .date .day-and-month {
  background-color: #ffa500;
}

#activity_details.organize .sidebar .date .day-of-month {
  color: #ffa500;
}

#activity_details.passed .sidebar .date,
#activity_details.cancelled .sidebar .date {
  border-color: #ccc;
}

#activity_details.passed .sidebar .date .day-and-month,
#activity_details.cancelled .sidebar .date .day-and-month {
  background-color: #ccc;
}

#activity_details.passed .sidebar .date .day-of-month,
#activity_details.cancelled .sidebar .date .day-of-month {
  color: #ccc;
}

#activity_details.expanded {
  width: 100%;
}

#activity_details.expanded .activity-details .details {
  width: 470px;
}


/*********
 * RSVPS *
 *********/

#activity_rsvps {
  width: 260px;
}

#activity_rsvps fieldset {
  padding-bottom: 25px;
}

#rsvps {}

#rsvps form {
  border-top: 2px solid #00afd1;
  margin-top: 10px;
  padding-top: 10px;
}

#rsvps form .form-item {
  margin-bottom: 0;
}

#rsvps form .form-item input.form-text {
  font-size: 12px;
  width: 196px;
}
 
#rsvp_list {
  margin: 0;
}

#rsvp_counts {
  font-size: 18px;
  font-weight: bold;
  overflow: hidden;
  zoom: 1;
}

#rsvp_counts dt,
#rsvp_counts dd {
  background-color: #99cc33;
  border: 5px solid #99cc33;
  color: #fff;
  display: block;
  float: left;
  padding: 5px 4px 4px;
  width: 32px;
}

#rsvp_counts dd {
  background-color: #fff;
  color: #99cc33;
  text-align: right;
}

#rsvp_counts dt.no,
#rsvp_counts dd.no {
  border-color: #f33694;
}

#rsvp_counts dt.no {
  background-color: #f33694;
  margin-left: 8px;
}

#rsvp_counts dd.no {
  color: #f33694;
}

#rsvp_responses {
  border-bottom: 2px solid #00afd1;
  margin: 4px 0 10px;
  overflow: hidden;
  padding-bottom: 10px;
  zoom: 1;
}

#rsvp_responses .yes-or-no {
  margin-bottom: 4px;
  overflow: hidden;
  zoom: 1;
}

#rsvp_responses p.rsvps-closed,
#rsvp_responses p.no-spaces-left,
#rsvp_responses p.spaces-left {
  background-color: #ccc;
  color: #fff;
  font-weight: bold;
  margin: 0;
  padding: 5px 0;
  text-align: center;
}

#rsvp_responses p.spaces-left {
  background-color: #94d6f9;
}

#rsvp_responses a {
  color: #fff;
  display: block;
  float: left;
  font-weight: bold;
  padding: 4px 0;
  text-align: center;
  text-transform: uppercase;
  width: 100px;
}

#rsvp_responses a.yes {
  background-color: #c1d78c;
}

#rsvp_responses a.no {
  background-color: #f899cc;
  margin-left: 8px;
}

#rsvp_responses a.yes:hover,
#rsvp_responses a.accepted {
  background-color: #99cc33;
}

#rsvp_responses a.no:hover,
#rsvp_responses a.declined {
  background-color: #f33694;
}

#rsvps .rsvps {
  border-bottom: 1px solid #94d6f9;
}

#rsvps .rsvps .mini-pagination {
}

#rsvps .rsvps p.none-found {
  border-top: 1px solid #00afd1;
  margin: 0;
  padding: 10px 0;
}

#rsvps .rsvps .rsvp {
  border-top: 1px solid #94d6f9;
  padding: 10px 0;
  position: relative;
}

#rsvps .rsvps .rsvp p {
  margin: 5px 0 0;
  padding: 0;
}

#rsvps .rsvps .rsvp p.author {
  font-weight: bold;
  margin-top: 0;
}

#rsvps .rsvps .declined p {
  text-align: right;
}

#rsvps .rsvps .rsvp p.reject {
  font-weight: normal;
  margin-top: 3px;
}


/***********
 * RATINGS *
 ***********/

.rateable h4.five-stars,
.rateable h4.four-stars,
.rateable h4.three-stars,
.rateable h4.two-stars,
.rateable h4.one-star {
  background: url(/images/star_mini.gif) left -1px no-repeat;
  padding-left: 24px;
}

.rateable h4.four-stars {
  background-position: left -21px;
}

.rateable h4.three-stars {
  background-position: left -41px;
}

.rateable h4.two-stars {
  background-position: left -61px;
}

.rateable h4.one-star {
  background-position: left -81px;
}

.rateable .odd h4.five-stars {
  background-position: left -101px;
}

.rateable .odd h4.four-stars {
  background-position: left -121px;
}

.rateable .odd h4.three-stars {
  background-position: left -141px;
}

.rateable .odd h4.two-stars {
  background-position: left -161px;
}

.rateable .odd h4.one-star {
  background-position: left -181px;
}

#comment_rating {
  margin-top: 8px;
  overflow: hidden;
  zoom: 1;
}

#comment_rating strong {
  float: right;
  line-height: 25px;
}

#comment_rating ol.stars {
  float: left;
}

#comment_rating ol.stars,
#comment_rating ol.stars a:hover,
#comment_rating ol.stars a:active,
#comment_rating ol.stars a:focus,
#comment_rating ol.stars a.selected,
#comment_rating ol.stars .current-rating {
  background: url(/images/star.gif) left -1000px repeat-x;
}

#comment_rating ol.stars {
  background-position: left top;
  height: 25px;  
  list-style: none;
  margin: 0;
  overflow: hidden;
  padding: 0;
  position: relative;
  width: 125px;
}

#comment_rating ol.stars li {
  display: inline;
}

#comment_rating ol.stars a,
#comment_rating ol.stars .current-rating {
  border: none;
  height: 25px;
  left: 0;
  line-height: 25px;
  outline: none;
  overflow: hidden;
  position: absolute;
  top: 0;  
  text-indent: -1000em;
}

#comment_rating ol.stars a:hover,
#comment_rating ol.stars a:active,
#comment_rating ol.stars a:focus {
  background-position: left bottom;
}

#comment_rating ol.stars a.one-star {
  width: 20%;
  z-index: 6;
}

#comment_rating ol.stars a.two-stars {
  width: 40%;
  z-index: 5;
}

#comment_rating ol.stars a.three-stars {
  width: 60%;
  z-index: 4;
}

#comment_rating ol.stars a.four-stars {
  width: 80%;
  z-index: 3;
}

#comment_rating ol.stars a.five-stars {
  width: 100%;
  z-index: 2;
}

#comment_rating ol.stars .current-rating {
  background-position: left center;
  z-index: 1;
}

#comment_rating ol.stars a.selected {
  background-position: left bottom !important;
}


/*******************
 * RECURRENCE FORM *
 *******************/

dl.recurrence-options {
  width: 362px;
}

dl.recurrence-options dt {
  margin-bottom: 2px;
}

dl.recurrence-options dt label {
  font-weight: bold;
}

dl.recurrence-options dd.recurrence-option {
  background-color: #edf4fa;
  border :1px solid #94d6f9;
  font-size: 14px;
  margin-bottom: 14px;
  padding: 12px;
}

dl.recurrence-options dd.selected {
  border-color: #00afd1;
}

dl.recurrence-options dd.recurrence-option select,
dl.recurrence-options dd.recurrence-option input.form-text {
  border: 1px solid #00afd1;
  color: #333;
  font-size: 14px;
}

dl.recurrence-options dd.recurrence-option input.form-radio {
  margin-right: 5px;
}

dl.recurrence-options dd.recurrence-option select {
  padding: 1px;
  width: 60px;
}

dl.recurrence-options dd.recurrence-option input.form-text {  
  background-color: #fff;  
  padding: 2px 5px;
  text-align: right;
  width: 20px;
}

dl.recurrence-options dd.recurrence-option .days-of-the-week {
  margin-top: 8px;
  overflow: hidden;
  zoom: 1;
}

dl.recurrence-options dd.recurrence-option .days-of-the-week label {
  display: block;
  float: left;
  margin-top: 6px;
  width: 60px;
}


/********
 * HELP *
 ********/

.help-container {
  position: relative;
}

.help {
  background-color: #fff;
/*  border: 2px solid #b7d601;*/
  border: 1px solid #b7d601;
  padding: 14px;
  position: absolute;
  top: 0;
  right: 0;
  width: 200px;
}

.last-help {
  bottom: 0;
  top: auto;
}

.help h5 {
  font-size: 12px;
  font-weight: bold;
  margin: 0 0 4px 0;
  padding: 0;
}

.help p {
  margin: 0;
  padding: 4px 0 0;
}


/********
 * GMAP *
 ********/

.gmap-wrapper {
  background-color: #fff;
  border: 1px solid #b7d601;
  float: right;
  padding: 2px;
  position: absolute;
  top: 0;
  right: 0;
}

.gmap-wrapper a.toggle {
  background: #94d6f9 url(/images/gmap_expand.gif) center center no-repeat;
  border: 2px solid #fff;
  display: block;
  height: 15px;
  position: absolute;
  right: 0;
  top: 0;
  width: 15px;
  z-index: 1;
}

.gmap-wrapper a.selected,
.gmap-wrapper a.toggle:hover {
  background-color: #00afd1;
}

.gmap-wrapper .gmap {
  height: 198px;
  width: 224px;
}

.gmap-wrapper .expanded-gmap {
  height: 198px;
  width: 622px;
}

.gmap-wrapper .gmap span {
  display: none;
}


/*********************
 * IMPORTED CONTACTS *
 *********************/

.imported-contacts {
  padding-bottom: 4px;
}

.imported-contacts .contact {
  font-size: 14px;
  margin-bottom: 8px;
}


/******************
 * BOOKMARK POPUP *
 ******************/

#bookmark_popup {}

#bookmark_popup label {
  display: block;
  font-size: 14px;
  line-height: 30px;
}

#bookmark_popup .form-buttons {
  margin: 10px 0 15px;
}


/******************
 * CLAIM ACTIVITY POPUP *
 ******************/

#claim_activity_popup {
  width: 500px;
}

#claim_activity_popup label {
  display: block;
  font-size: 14px;
  line-height: 30px;
}

#claim_activity_popup .form-buttons {
  margin: 10px 0 15px;
}


/*************************
 * ACTIVITY-INVITE POPUP *
 *************************/

#activity_invite_popup .form-buttons,
#organizer_message_popup .form-buttons {
  margin: 10px 0 15px;
}


/*********************
 * LEAVE GROUP POPUP *
 *********************/

#leave_group_popup {}

#leave_group_popup label {
  display: block;
  font-size: 14px;
  line-height: 30px;
}

#leave_group_popup .form-item {
  margin-top: 14px;
}

#leave_group_popup .form-item label {
  font-size: 12px;
  line-height: 130%;
}

#leave_group_popup .form-buttons {
  margin: 10px 0 15px;
}


/********************
 * RECURRENCE POPUP *
 ********************/

#recurrence_popup {}

#recurrence_popup label {
  display: block;
  font-size: 14px;
  line-height: 30px;
}

#recurrence_popup .form-buttons {
  margin: 10px 0 15px;
}


/***********************
 * TELL-A-FRIEND POPUP *
 ***********************/

#tell_a_friend_popup {}

#tell_a_friend_popup .form-buttons {
  margin: 10px 0 15px;
}


/***************
 * TERMS POPUP *
 ***************/

#terms_popup {
  height: 550px;
  width: 550px;
}

#terms_popup h2.page-title {
  line-height: 24px;
}


/**********************
 * ACTIVTY-TYPE POPUP *
 **********************/

#activity_type_popup {}

#activity_type_popup fieldset {
  border: 2px solid #00afd1;
}

#activity_type_popup fieldset p {
  padding: 0;  
}

#activity_type_popup #activity_type_list {
  border-top: 2px solid #00afd1;
  margin-top: 20px;
  padding-top: 10px;
}

#activity_type_popup #activity_type_list .alphabet-pad {
  border-bottom: 1px solid #94d6f9;
  margin-bottom: 10px;
  overflow: hidden;
  padding-bottom: 10px;
  zoom: 1;
}

#activity_type_popup #activity_type_list .alphabet-pad a {
  border: 1px solid #94d6f9;
  display: block;
  float: left;
  font-size: 11px;
  margin-right: 2px;
  padding: 2px 5px;
}

#activity_type_popup #activity_type_list .alphabet-pad a:hover {
  border-color: #00afd1;
  color: #1e8ad2;
}

#activity_type_popup #activity_type_list .alphabet-pad a.selected {
  background-color: #00afd1;
  border-color: #00afd1;
  color: #fff;
  font-weight: bold;
}

#activity_type_popup #activity_type_list .mini-pagination {
  border-bottom: 1px solid #94d6f9;
  margin-bottom: 10px;  
}

#activity_type_popup #activity_type_list ul {
  border-bottom: 1px solid #94d6f9;
  font-size: 14px;
  line-height: 18px;
  list-style: none;
  margin-bottom: 10px;
  padding: 0 0 10px;
}

#activity_type_popup #activity_type_list ul li {}

#activity_type_popup #activity_type_list ul li a {
  background: url(/images/accept.gif) 0 -18px no-repeat;
  line-height: 18px;
  padding-left: 22px;
}

#activity_type_popup #activity_type_list ul li.selected a,
#activity_type_popup #activity_type_list ul li a:hover {
  background-position: 0 0;
}

#activity_type_popup .form-buttons {
  margin: 10px 0 15px;
}

#activity_type_popup #activity_type_form {  
  border-top: 2px solid #00afd1;
  margin-top: 20px;
  padding-top: 10px;
}

#activity_type_popup #activity_type_form .form-item {
  border-bottom: 1px solid #94d6f9;
  padding-bottom: 10px;
}

#activity_type_popup #activity_type_form .form-item .form-text {
  width: 382px;
}

#activity_type_popup #new_activity_type .form-buttons {
  margin-bottom: 10px;
}


/************************
 * AUTO-COMPLETE FIELDS *
 ************************/

div.auto_complete {
  background-color: #fff;
  left: 0px !important;
  width: 360px !important;
  z-index: 10;
}

div.auto_complete ul {
  border: 1px solid #888;
  list-style: none;
  margin: 0;
  padding: 0;
  width: 100%;
}

div.auto_complete ul li {
  cursor: default;
  margin: 0;
  padding: 3px;
}

div.auto_complete ul li.selected {
  background-color: #94d6f9;
  color: #fff;
  font-weight: bold;
}

div.auto_complete ul strong.highlight {
  color: #800; 
  margin: 0;
  padding: 0;
}


/****************
 * HIGHLIGHTING *
 ****************/

strong.highlight {
  color: #ea127e;
  font-weight: inherit;
}

#activity_activity_type_name_form_item {
  margin-right: 0;
}


/*****************
 * RESULTS TABLE *
 *****************/

table.results {
  background: none;
  border: none;
}

table.results a:hover {
  color: #9966cc;
}

table.results thead th {
  background: none;
  border-bottom: 1px solid #94d6f9;
  color: #333;  
  font-size: 14px;
  padding: 0;
}

table.results thead th span {
  display: block;
  border-bottom: 2px solid #00afd1;
  margin-bottom: 6px;
  padding: 10px;
}

table.results tbody td {
  background-color: #fff;
  border-bottom: 1px solid #94d6f9;
  border-top: none;
  padding: 11px 10px;
}

table.results tbody tr:hover td {
  background-color: #f4fbfe;
}


/**************************
 * ACTIVITY RESULTS TABLE *
 **************************/

#activity_list {
  margin: 12px 0 20px;
}

#activity_list table.results thead th.when {
  width: 75px;
}

#activity_list table.results thead th.what {
  width: 360px;
}

#activity_list table.results thead th.where {
  text-align: right;
  width: 100px;
}

#activity_list table.results thead th.who {
  text-align: right;
  width: 160px;
}

#activity_list table.results tbody td.where,
#activity_list table.results tbody td.who p {
  text-align: right;
}

#activity_list table.results tbody td.when .date {
  border: 3px solid #00afd1;
  float: left;
  text-align: center;
  width: 34px;
}

#activity_list table.results tbody td.when .date .month {
  background-color: #00afd1;
  color: #fff;
  display: block;
  font-size: 14px;
  line-height: 12px;
  padding: 2px 0 4px;
  text-transform: uppercase;
}

#activity_list table.results tbody td.when .date .day {
  background-color: #fff;
  color: #00afd1;
  display: block; 
  font-size: 22px;
  font-weight: bold;
  line-height: 18px;
  padding: 2px 0;
}

#activity_list table.results tbody tr.accepted td.when .date {
  border-color: #99cc33;
}

#activity_list table.results tbody tr.accepted td.when .date .month {
  background-color: #99cc33;
}

#activity_list table.results tbody tr.accepted td.when .date .day {
  background-color: #fff;
  color: #99cc33;
}

#activity_list table.results tbody tr.declined td.when .date {
  border-color: #f33694;
}

#activity_list table.results tbody tr.declined td.when .date .month {
  background-color: #f33694;
}

#activity_list table.results tbody tr.declined td.when .date .day {
  color: #f33694;
}

#activity_list table.results tbody tr.organize td.when .date {
  border-color: #ffa500;
}

#activity_list table.results tbody tr.organize td.when .date .month {
  background-color: #ffa500;
}

#activity_list table.results tbody tr.organize td.when .date .day {
  color: #ffa500;
}

#activity_list table.results tbody tr.cancelled td.when .date {
  border-color: #ccc;
}

#activity_list table.results tbody tr.cancelled td.when .date .month {
  background-color: #ccc;
}

#activity_list table.results tbody tr.cancelled td.when .date .day {
  color: #ccc;
}

#activity_list table.results tbody tr.pending td.when .date {
  border-color: #94d6f9;
}

#activity_list table.results tbody tr.pending td.when .date .month {
  background-color: #94d6f9;
}

#activity_list table.results tbody tr.pending td.when .date .day {
  color: #94d6f9;
}

#activity_list table.results tbody td.what h4 {
  font-size: 16px;
  font-weight: normal;
  line-height: 18px;
  margin: 0 0 6px;
  position: relative;
}

#activity_list table.results tbody td.what h4 .delete,
#group_list table.results tbody td.what h4 .delete {
  display: block;
  height: 18px;
  overflow: hidden;
  position: absolute;
  right: 10px;
  top: 3px;
}

#activity_list table.results tbody td.what h4 .delete a,
#group_list table.results tbody td.what h4 .delete a {
  background: #fff url(/images/delete.gif) 0 -18px no-repeat;
  display: block;
  width: 14px;
  padding-top: 18px;
}

#activity_list table.results tbody td.what h4 .delete a:hover,
#group_list table.results tbody td.what h4 .delete a:hover {
  background-position: 0 0;
}

#activity_list table.results tbody tr.commercial td.what h4 a {
  background: url(/images/commercial.jpg) left top no-repeat;
  padding-left: 22px;
}

#activity_list table.results tbody tr.non-profit td.what h4 a {
  background: url(/images/non_profit.jpg) left top no-repeat;
  padding-left: 22px;
}

#activity_list table.results tbody tr.recommendation td.what h4 a {
  background: url(/images/recommendation.jpg) left top no-repeat;
  padding-left: 22px;
}

#activity_list table.results tbody tr.commercial:hover td.what h4 a,
#activity_list table.results tbody tr.recommendation:hover td.what h4 a {
  background-position: left bottom;
}

#activity_list table.results tbody td.what p.type {
  margin: 0;
}

#activity_list table.results tbody td.what p.multiday {
  color: #999;
  font-size: 11px;
  margin: 4px 0 0;
}

#activity_list table.results tbody td.where address {
  font-style: normal;
}

#activity_list .bottom-pagination-wrapper {
  margin-top: 12px;
}


/***********************
 * GROUP RESULTS TABLE *
 ***********************/

#group_list {
  margin: 12px 0 20px;
}

#group_list table.results thead th.what {
  width: 300px;
}

#group_list table.results thead th.activities {
  width: 220px;
}

#group_list table.results thead th.who {
  text-align: right;
  width: 160px;
}

#group_list table.results tbody td.where,
#group_list table.results tbody td.who p {
  text-align: right;
}

#group_list table.results tbody td.what h4 {
  font-size: 16px;
  font-weight: normal;
  line-height: 18px;
  margin: 0 0 6px;
  position: relative;
}

#group_list table.results tbody tr.recommendation td.what h4 a {
  background: url(/images/recommendation.jpg) left top no-repeat;
  padding-left: 22px;
}

#group_list table.results tbody td.what p.type {
  margin: 0;
}

#group_list table.results tbody td.where address {
  font-style: normal;
}

#group_list .bottom-pagination-wrapper {
  margin-top: 12px;
}


/*************************
 * PROFILE RESULTS TABLE *
 *************************/

#find_activity_buddies_form label {
  display: block;
  margin-bottom: 12px;
  text-align: right;
}

#profile_list {
  margin: 12px 0 20px;
}

#profile_list table.results thead th.avatar {
  width: 70px;
}

#profile_list table.results thead th.username {
  width: 195px;
}

#profile_list table.results thead th.joined {
  text-align: center;
  width: 100px;
}

#profile_list table.results thead th.interests {
  text-align: right;
  width: 330px;
}

#profile_list table.results tbody td.avatar img {
  border: 1px solid #94d6f9;
  display: block;
  padding: 2px;
}

#profile_list table.results tbody td.username h4 {
  background-position: left bottom;
  background-repeat: no-repeat;
  font-size: 16px;
  font-weight: normal;
  line-height: 18px;
  margin: 0 0 6px;
  padding-left: 22px;
  position: relative;
}

#profile_list table.results tbody td.username h4.male {
  background-image: url(/images/male_icon_small.jpg);
  background-position: 3px bottom;
}

#profile_list table.results tbody td.username h4.female {
  background-image: url(/images/female_icon_small.jpg);
  background-position: 3px bottom;
}

#profile_list table.results tbody td.username h4.commercial-user {
  background-image: url(/images/commercial_icon_small.jpg);
}

#profile_list table.results tbody td.username h4.non-profit-user {
  background-image: url(/images/non_profit_icon_small.jpg);
}

#profile_list table.results tbody td.username h4.recommender a {
  background: left bottom url(/images/recommender_icon_small.jpg) no-repeat;
  padding-left: 22px;
}

#profile_list table.results tbody tr:hover td.username h4.male,
#profile_list table.results tbody tr:hover td.username h4.female {
  background-position: 3px top;
}

#profile_list table.results tbody tr:hover td.username h4,
#profile_list table.results tbody tr:hover td.username h4 a {
  background-position: left top;
}

#profile_list table.results tbody td.joined {
  text-align: center;
}

#profile_list table.results tbody td.interests {
  text-align: right;
}

#profile_list .bottom-pagination-wrapper {
  margin-top: 12px;
}


/************************
 * FRIEND RESULTS TABLE *
 ************************/


#friend_list {
  margin: 20px 0;
}

#friend_list .top-pagination-wrapper,
#friend_list .bottom-pagination-wrapper,
#invitation_list .top-pagination-wrapper {
  overflow: hidden;
  zoom: 1;
}

#friend_list .top-pagination-wrapper {
  margin-bottom: 15px;
}

#friend_list .bottom-pagination-wrapper {
  margin-top: 15px;
}

#friend_list .pagination {
  float: right;
}

#friend_list table.results thead th.avatar {
  width: 100px;
}

#friend_list table.results thead th.username {
  width: 195px;
}

#friend_list table.results thead th.gender,
#friend_list table.results thead th.name {
  width: 200px;
}

#friend_list table.results thead th.gender {
  text-align: center;
}

#friend_list table.results thead th.actions {
  text-align: right;
  width: 200px;
}

#friend_list table.results tbody td.avatar img {
  border: 1px solid #94d6f9;
  display: block;
  padding: 2px;
}

#friend_list table td.username div {
  height: 50px;
  position: relative;
}

#friend_list table.results tbody td.username h4 {
  font-size: 16px;
  font-weight: normal;
  line-height: 18px;
  margin: 0 0 6px;
}

#friend_list table td.username div input {
  border: 1px solid #999;
  bottom: 0;
  color: #333;
  left: 0;
  padding: 1px;
  position: absolute;
  width: 330px;
}

#friend_list table.results tbody td.gender {
  text-align: center;
}

#friend_list table.results tbody td.actions {
  text-align: right;
}

#friend_list table.results tbody td.actions a {
  display: block;
  margin-bottom: 2px;
}

#friend_list .bottom-pagination-wrapper {
  margin-top: 12px;
}


/**************
 * LOGIN FORM *
 **************/

#login_form {
  padding: 0 15px !important;
}

#login_form .form-item {
  margin-bottom: 8px;
}

#login_form .form-item label {
  margin-bottom: 2px;
}

#login_form .form-buttons {
  margin: 14px 0;
  float: none;
  text-align: left;
}

#login_form .form-options a {
  display: block;
  font-size: 11px;
  font-weight: bold;
}


/********************
 * INTERESTS WIDGET *
 ********************/

div.interests-widget {
  height: 80px;
  padding: 6px !important;
  position: relative;
}

div.interests-widget .interests {
  width: 320px;
}

div.interests-widget .interests a {
  background: #fff url(/images/delete.gif) 0 -18px no-repeat;
  color: #333;
  display: block;
  height: 18px;
  line-height: 18px;
  overflow: hidden;
  padding-left: 22px;  
}

div.interests-widget .interests a:hover {
  background-position: 0 0;
  color: #1e8ad2;
}

div.interests-widget .interests a.disabled {
  background: #fff url(/images/delete_disabled.gif) 0 0 no-repeat;
}

div.interests-widget a.explorer {
  background: url(/images/interests_btn_bg.gif) left top no-repeat;
  border: 1px solid #fff;
  display: block;
  height: 90px;
  position: absolute;
  right: 0;
  top: 0;  
  width: 25px;  
}

#group_interests.empty,
#profile_interests.empty {
  cursor: pointer;
}

#group_interests.empty .interests,
#profile_interests.empty .interests {
  height: 80px;
}

#group_interests.empty:hover a.explorer,
#profile_interests.empty:hover a.explorer,
div.interests-widget a.explorer:hover {
  background-position: 0 -300px;
}
  
div.interests-widget a.explorer span {
  display: none;
}


/****************
 * USER PROFILE *
 ****************/

#user_profile {}

#user_profile .at-a-glance {
  margin-bottom: 25px;
  overflow: hidden;
  zoom: 1;
}

#user_profile .at-a-glance .avatar {
  float: left;
  margin-right: 20px;
}

#user_profile .at-a-glance .avatar img {
  background-color: #fff;
  border: 1px solid #94d6f9;
  display: block;
  padding: 2px;
}

#user_profile .at-a-glance .avatar .options {
  margin-top: 8px;
  padding: 0 3px;
  position: static;
  text-align: left;
}

#user_profile .at-a-glance .avatar .options a {
  display: block;
}

#user_profile #user_rating p.stars {
  background: url(/images/star.gif) left top repeat-x;
  height: 25px;
  margin: 10px 0 0;
  overflow: hidden;
  text-indent: -1000px;
  width: 125px;
}

#user_profile #user_rating p.stars span {
  background: url(/images/star.gif) left bottom repeat-x;
  display: block;
  height: 25px;
}

#user_profile #user_rating p.stats {
  color: #aaa;
  font-size: 11px;
  padding-left: 3px;
}

#user_profile .at-a-glance .details {
  background-color: #fff;
  border: 1px solid #94d6f9;
  float: right;
  padding: 2px;
  width: 498px;
}

#user_profile .at-a-glance .content {
  background-color: #ddf0f8; 
  min-height: 86px;
  padding: 12px 14px 14px;
  position: relative;
}

#user_profile .at-a-glance .content h2 {
  background-position: left bottom;
  background-repeat: no-repeat;
  border: none;
  font-size: 18px;
  font-weight: bold;
  line-height: 20px;
  margin-bottom: 8px;
  padding-left: 22px;
}

#user_profile .at-a-glance .content h2.male {
  background-image: url(/images/male_icon.gif);
  background-position: 3px bottom;
}

#user_profile .at-a-glance .content h2.female {
  background-image: url(/images/female_icon.gif);
  background-position: 3px bottom;
}

#user_profile .at-a-glance .content h2.commercial-user {
  background-image: url(/images/commercial_icon.jpg);
}

#user_profile .at-a-glance .content h2.non-profit-user {
  background-image: url(/images/non_profit_icon.jpg);
}

#user_profile .at-a-glance .content h2 span {
  color: #777;
  font-size: 12px;
  font-weight: normal;
}

#user_profile .at-a-glance .content .two-columns {
  position: relative;
}

#user_profile .at-a-glance .content .two-columns .left-column,
#user_profile .at-a-glance .content .two-columns .right-column {
  width: 45%;
}

#user_profile .at-a-glance .content .contact-details {
  margin-bottom: 6px;
  padding-left: 22px;
}

#user_profile .at-a-glance .content .other-details {
  color: #777;
  padding-left: 22px;
}

#user_profile .at-a-glance .content .name,
#user_profile .at-a-glance .content .address {
  font-size: 14px;
  line-height: 17px;
}

#user_profile.recommender .at-a-glance .content .contact-details {
  background: url(/images/recommender_icon.jpg) left 2px no-repeat;
}

#user_profile .at-a-glance .content .address-details {
  font-size: 11px;
  margin-top: 2px;
}

#user_profile .at-a-glance .content .phones,
#user_profile .at-a-glance .content .website {
  margin-top: 3px;
}
  
#user_profile .at-a-glance .content .description {
  margin-top: 7px;
  padding-left: 16px;
}

#user_profile .at-a-glance .content .description .excerpt {
  font-weight: bold;
}

#user_profile .at-a-glance .content .expandable {
  background: url(/images/profile_more_btn.gif) left top no-repeat;
  cursor: pointer;
}

#user_profile .at-a-glance .content .description p {
  margin: 4px 0 0;
}

#user_profile .at-a-glance .content .interests {
  position: relative;
}

#user_profile .at-a-glance .content .interests h5 {
  font-size: 12px;
  margin-bottom: 4px;  
}

#user_profile .at-a-glance .content .interests span.edit {
  bottom: 0;
  font-size: 10px;
  font-weight: normal;
  position: absolute;
  right: 0;
}

#user_profile .at-a-glance .content .interests p {
  color: #777;
  margin-bottom: 4px;
}

#user_profile .at-a-glance .content .interests ul {
  list-style: none;
}

#user_profile .options {  
  position: absolute;
  right: 0;
  text-align: right;
  top: 0;
}

#user_profile .options a.btn {
  background: url(/images/options_bg.gif) right top no-repeat;
  color: #ea127e;
  display: block;
  font-size: 10px;
  height: 16px;
  line-height: 16px;
  padding-right: 22px;
}

#user_profile .options a.btn:hover,
#user_profile .expanded-options a.btn {
  background-position: right -16px;
}

#user_profile .expanded-options {}

#user_profile .options .window {
  background-color: #fff;
  border: 2px solid #00afd1;
  padding: 8px 14px 8px 12px;
  text-align: left;
}

#user_profile .options .window a.icon {
  display: block;
  line-height: 22px;
  padding-left: 24px !important;
}


/*****************************
 * USER RECOMMENDATION POPUP *
 *****************************/

#recommendation_popup {
  width: 420px;
}

#recommendation_popup .recommendation {
  margin-bottom: 20px;
  overflow: hidden;
  zoom: 1;
}

#recommendation_popup .recommendation .avatar {
  border: 1px solid #94d6f9;
  float: left;
  margin-right: 15px;
  padding: 2px;
}

#recommendation_popup .recommendation .avatar img {
  display: block;
}

#recommendation_popup .recommendation .details {
  float: left;
  width: 300px;
}

#recommendation_popup .recommendation .details h4 {
  background: transparent url(/images/male_icon_small.jpg) no-repeat scroll left bottom;
  color: #333;
  font-size: 16px;
  font-weight: normal;
  line-height: 18px;
  margin: 0 0 6px;
  padding-left: 16px;
}

#recommendation_popup .female .details h4 {
  background-image: url(/images/female_icon_small.jpg);
}

#recommendation_popup .reasons {
  margin-bottom: 12px;
}

#recommendation_popup .reasons ol {
  margin-left: 22px;
}

#recommendation_popup .reasons ol li {
  font-size: 14px;
  line-height: 18px;
  margin-bottom: 8px;
}

#recommendation_popup .reasons ol li em {
  font-style: normal;
  font-weight: bold;
}

#recommendation_popup .reasons p.no-interests {
  margin: 12px 0 0;
  text-align: center;
}


/****************
 * TABBED FEEDS *
 ****************/

.tabbed-feed {
  margin: 30px 0;
  overflow: hidden;
  zoom: 1;
}

.tabbed-feed .info {
  float: left;
  margin-right: 20px;
  width: 130px;
}

.tabbed-feed .info h3 {
  background-color: #00afd1;
  color: #fff;
  font-size: 12px;
  font-weight: bold;
  margin-bottom: 2px;
  padding: 4px 10px;
  text-align: right;
}

.tabbed-feed .info ul.tabs {
  border-right: 2px solid #00afd1;
  border-bottom: none;
  margin-bottom: 0;
}

.tabbed-feed .info ul.tabs li {
  border-bottom: none;
  border-right: 1px solid #fff;
  float: none;
  margin: 1px 0 0 0;
}

.tabbed-feed .info ul.tabs li.first {
  margin-top: 0;
}

.tabbed-feed .info ul.tabs li.selected {
  border-right: 1px solid #00afd1;
}

.tabbed-feed .info ul.tabs li a {
  display: block;
  padding: 4px 10px;
  text-align: right;
}

.tabbed-feed .info ul.tabs li a span {
  display: inline;
  padding: 0;
}

.tabbed-feed .info ul.tabs li a:hover span {
  background-color: #00afd1;
}

.tabbed-feed .feeds {
  float: left;
  position: relative;
}

.tabbed-feed .feeds .feed {  
  width: 528px;
}

.tabbed-feed .feeds .feed .notice {
  background-color: #fff;
  border-top: 1px solid #94D6F9;
  padding: 2px 0;
}

.tabbed-feed .feeds .feed .notice .content {
  background-color: #ddf0f8;
  font-size: 11px;
  padding: 6px;
  text-align: center;
}

.tabbed-feed .feeds .feed .notice .content a.selected {
  text-decoration: underline;
}

.tabbed-feed .feeds .feed .notice .content .complete-your-profile {
  margin-top: 6px;
  position: relative;
}

.tabbed-feed .feeds .feed .notice .content .complete-your-profile a.close {
  position: absolute;
  right: 0;
  top: 4px;
}

.tabbed-feed .feeds .feed .notice .content h3 {
  font-size: 14px;
  font-weight: normal;
  line-height: 16px;
}

.tabbed-feed .feeds .feed .notice .content p {
  color: #777;
  margin: 4px auto 0;
  text-align: center;
  width: 80%;
}

.tabbed-feed .feeds .feed .feed-content {
  border-bottom: 1px solid #94d6f9;
  border-top: 1px solid #94d6f9;
  padding: 2px 0;
}

.tabbed-feed .feeds .feed .feed-content p.none-found {
  background-color: #f4fbfe;
  color: #777;
  font-size: 14px;
  line-height: 16px;
  padding: 6px;
  margin-bottom: 0;
  text-align: center;
}

.tabbed-feed .feeds .feed .feed-content .text {
  background-color: #f4fbfe;
  padding: 10px 20px;
  margin-bottom: 0;
}

.tabbed-feed .feeds .feed .feed-content .text p {
}

.tabbed-feed .feeds .feed .feed-content ul.summary {
  background-color: #f4fbfe;
  list-style: none;
  padding: 10px 20px;
  margin-bottom: 0;
}

.tabbed-feed .feeds .feed .feed-content ul.summary li {
  font-size: 14px;
  line-height: 26px;
}

.tabbed-feed .feeds .feed .feed-content ul.list {
  list-style: none;
}

.tabbed-feed .feeds .feed .feed-content ul.list li {
  border-top: 1px solid #94d6f9;
  margin-top: 2px;
  padding-top: 2px;
}

.tabbed-feed .feeds .feed .feed-content ul.list li.first {
  border-top: none;
  margin-top: 0;
  padding-top: 0;
}

.tabbed-feed .feeds .feed .feed-content ul.list li .content {
  overflow: hidden;
  padding: 8px 10px;
  position: relative;
  zoom: 1;
}

.tabbed-feed .feeds .feed .feed-content ul.list li.odd .content {
  background-color: #f4fbfe;
}

.tabbed-feed .feeds .feed .feed-content ul.list li h4.title {
  color: #333;
  font-size: 16px;
  font-weight: normal;
  line-height: 18px;
  margin: 0 0 6px;
}

.tabbed-feed .feeds .feed .mini-pagination {
  margin-top: 6px;
}

.tabbed-feed .feeds .feed .mini-pagination .pagination {
  margin-bottom: 0;
}


/**************
 * FEED FORMS *
 **************/

.tabbed-feed .feeds .feed .feed-form { 
  border-top: 1px solid #94d6f9;
  padding: 2px 0;  
}

.tabbed-feed .feeds .feed .feed-form form {}

.tabbed-feed .feeds .feed .feed-form form .form-fields {
  background-color: #f4fbfe;
  padding: 10px 20px;
}

.tabbed-feed .feeds .feed .feed-form form .form-fields label.option {
  margin: 0;
  line-height: 30px;
}

.tabbed-feed .feeds .feed .feed-form form .form-fields .form-item {
  margin-top: 8px;
}

.tabbed-feed .feeds .feed .feed-form form .form-fields .form-item input.form-text,
.tabbed-feed .feeds .feed .feed-form form .form-fields .form-item textarea.form-text,
.tabbed-feed .feeds .feed .feed-form form .form-fields .form-item select {
  border-color: #94d6f9;
  font-size: 13px;
}

.tabbed-feed .feeds .feed .form-buttons {
  margin-top: 12px;
}

.tabbed-feed .feeds .feed .feed-form form .form-buttons {
  border-top: 1px solid #94d6f9;
  margin-top: 2px;
  padding-top: 12px;
}


/*****************
 * ACTIVITY FEED *
 *****************/

.tabbed-feed .feeds .feed ul.activities li h4.private a {
  background: url(/images/private_icon_small.jpg) left bottom no-repeat;
  padding-left: 22px;
}

.tabbed-feed .feeds .feed ul.activities li.odd h4.private a {
  background-position: left top;
}

.tabbed-feed .feeds .feed ul.activities li.activity .date {
  border: 3px solid #00afd1;
  float: left;
  margin-right: 15px;
  text-align: center;
  width: 34px;
}

.tabbed-feed .feeds .feed ul.activities li.activity .date .month {
  background-color: #00afd1;
  color: #fff;
  display: block;
  font-size: 14px;
  line-height: 12px;
  padding: 2px 0 4px;
  text-transform: uppercase;
}

.tabbed-feed .feeds .feed ul.activities li.activity .date .day {
  background-color: #fff;
  color: #00afd1;
  display: block; 
  font-size: 22px;
  font-weight: bold;
  line-height: 18px;
  padding: 2px 0;
}

.tabbed-feed .feeds .feed ul.activities li.activity .details {
  float: left;
  width: 255px;
}

.tabbed-feed .feeds .feed ul.activities li.activity .venue {
  float: right;
  margin-top: 8px;
  text-align: right;
  width: 190px;
}

.tabbed-feed .feeds .feed ul.activities li.accepted .date {
  border-color: #99cc33;
}

.tabbed-feed .feeds .feed ul.activities li.accepted .date .month {
  background-color: #99cc33;
}

.tabbed-feed .feeds .feed ul.activities li.accepted .date .day {
  color: #99cc33;
}

.tabbed-feed .feeds .feed ul.activities li.declined .date {
  border-color: #f33694;
}

.tabbed-feed .feeds .feed ul.activities li.declined .date .month {
  background-color: #f33694;
}

.tabbed-feed .feeds .feed ul.activities li.declined .date .day {
  color: #f33694;
}

.tabbed-feed .feeds .feed ul.activities li.organize .date {
  border-color: #ffa500;
}

.tabbed-feed .feeds .feed ul.activities li.organize .date .month {
  background-color: #ffa500;
}

.tabbed-feed .feeds .feed ul.activities li.organize .date .day {
  color: #ffa500;
}

.tabbed-feed .feeds .feed ul.activities li.current .date {
  border-color: #94d6f9;
}

.tabbed-feed .feeds .feed ul.activities li.current .date .month {
  background-color: #94d6f9;
}

.tabbed-feed .feeds .feed ul.activities li.current .date .day {
  color: #94d6f9;
}

.tabbed-feed .feeds .feed ul.activities li.cancelled .date {
  border-color: #ccc;
}

.tabbed-feed .feeds .feed ul.activities li.cancelled .date .month {
  background-color: #ccc;
}

.tabbed-feed .feeds .feed ul.activities li.cancelled .date .day {
  color: #ccc;
}


/*************
 * USER FEED *
 *************/

.tabbed-feed .feeds .feed ul.users li.user .avatar {
  border: 1px solid #94d6f9;
  padding: 2px;
  float: left;
  margin-right: 15px;
}

.tabbed-feed .feeds .feed ul.users li.user .avatar img {
  display: block;
}

.tabbed-feed .feeds .feed ul.users li.friend .avatar {
  border-color: #00afd1;
}

.tabbed-feed .feeds .feed ul.users li.user .details {
  border: none;
  float: left;
  width: 370px;
}

.tabbed-feed .feeds .feed ul.users li .details h4,
.tabbed-feed .feeds .feed ul.comments li .details h4 {
  background-position: left bottom;
  background-repeat: no-repeat;
  padding-left: 22px;
}

.tabbed-feed .feeds .feed ul.users li .male .details h4.title,
.tabbed-feed .feeds .feed ul.comments li .male .details h4.title {
  background-image: url(/images/male_icon_small.jpg);
  background-position: 3px bottom;
}

.tabbed-feed .feeds .feed ul.users li .female .details h4.title,
.tabbed-feed .feeds .feed ul.comments li .female .details h4.title {
  background-image: url(/images/female_icon_small.jpg);
  background-position: 3px bottom;
}

.tabbed-feed .feeds .feed ul.users li .female .details h4.title,
.tabbed-feed .feeds .feed ul.comments li .female .details h4.title {
  background-image: url(/images/female_icon_small.jpg);
}

.tabbed-feed .feeds .feed ul.users li .commercial-user .details h4.title,
.tabbed-feed .feeds .feed ul.comments li .commercial-user .details h4.title {
  background-image: url(/images/commercial_icon_small.jpg);
}

.tabbed-feed .feeds .feed ul.users li .non-profit-user .details h4.title,
.tabbed-feed .feeds .feed ul.comments li .non-profit-user .details h4.title {
  background-image: url(/images/non_profit_icon_small.jpg);
}

.tabbed-feed .feeds .feed ul.users li.odd .details h4 {
  background-position: left top;
}

.tabbed-feed .feeds .feed ul.users li.odd .male .details h4,
.tabbed-feed .feeds .feed ul.users li.odd .female .details h4 {
  background-position: 3px top;
}

.tabbed-feed .feeds .feed ul.users li.user .actions {
  float: right;
  text-align: right;
  width: 70px;
}

.tabbed-feed .feeds .feed ul.users li.user .actions a {
  padding-left: 4px;
}


/**************
 * GROUP FEED *
 **************/

.tabbed-feed .feeds .feed ul.groups li h4.private a {
  background: url(/images/private_icon_small.jpg) left bottom no-repeat;
  padding-left: 22px;
}

.tabbed-feed .feeds .feed ul.groups li.odd h4.private a {
  background-position: left top;
}

.tabbed-feed .feeds .feed ul.groups li.group .details {
  float: left;
  width: 400px;
}

.tabbed-feed .feeds .feed ul.groups li.group .counts {
  float: right;
  margin-top: 8px;
  text-align: right;
  width: 100px;
}


/*****************
 * FEEDBACK FEED *
 *****************/

.tabbed-feed .feeds .feed ul.comments li.comment .details h4.title,
.tabbed-feed .feeds .feed ul.invites li.invite .details h4.title {
  color: #999;
}
  
.tabbed-feed .feeds .feed ul.comments li.comment .details {
  float: left;
  width: 390px;
}

.tabbed-feed .feeds .feed ul.comments li.comment .more-details {
  float: right;
  position: relative;
  text-align: right;
  width: 110px;
}

.tabbed-feed .feeds .feed ul.comments li.comment .more-details .rating {
  background-color: #fff;
  border: 1px solid #DDF0F8;
  padding: 2px 4px 3px;
  position: absolute;
  right: 0;
  top: 0;    
}

.tabbed-feed .feeds .feed ul.comments li.comment .more-details .rating div {
  background: url(/images/star_small.gif) left top repeat-x;
  height: 10px;
  overflow: hidden;
  text-indent: 1000px;
  width: 50px;
}

.tabbed-feed .feeds .feed ul.comments li.comment .more-details .rating span {
  background: url(/images/star_small.gif) left bottom repeat-x;
  display: block;
  height: 10px;
}

.tabbed-feed .feeds .feed ul.comments li.comment .more-details .timestamp {
  font-size: 11px;
  line-height: 13px;
  margin-top: 26px;
}


/***********************
 * INVITE/MESSAGE FEED *
 ***********************/

.tabbed-feed .feeds .feed ul.invites li.invite,
.tabbed-feed .feeds .feed ul.messages li.message {
  color: #333;
}

.tabbed-feed .feeds .feed ul.invites li.invite .details,
.tabbed-feed .feeds .feed ul.messages li.message .details {
  float: left;
  width: 400px;
}

.tabbed-feed .feeds .feed ul.invites li.invite .sent,
.tabbed-feed .feeds .feed ul.invites li.invite .actions,
.tabbed-feed .feeds .feed ul.messages li.message .sent {
  float: right;
  margin-top: 9px;
  text-align: right;
  width: 100px;
}

.tabbed-feed .feeds .feed ul.invites li.invite .actions {
  color: #999;
}

.tabbed-feed .feeds .feed ul.invites li.invite .actions a.accepted {
  color: #9c3;
}

.tabbed-feed .feeds .feed ul.invites li.invite .actions a.declined {
  color: #f33694;
}

.tabbed-feed .feeds .feed ul.invites li.invite .actions a.selected {
  font-weight: bold;
}

.tabbed-feed .feeds .feed #my_invites ul.invites li.invite .details {
  width: 255px;
}


/*********************
 * USER PROFILE FORM *
 *********************/

#city_selector {
  margin: 20px 0 14px;
  overflow: hidden;
  zoom: 1;
}

#city_selector .city {
  float: left;
  margin-right: 25px;
  overflow: hidden;
  zoom: 1;
}

#city_selector .city input {
  display: block;
  float: left;
  margin-right: 5px;
}

#city_selector .city .gmap-wrapper {
  float: left;
  position: static;
  right: auto;
  top: auto;
}

#city_selector .city .gmap-wrapper .gmap {
  height: 150px;
  width: 150px;
}


/********************
 * MANAGE-TAB FEEDS *
 ********************/

#manage_activity .tabbed-feed .feeds .feed,
#manage_group .tabbed-feed .feeds .feed {
  margin-bottom: 30px;
}


/*********
 * ICONS *
 *********/

a.icon {
  background: #fff url(/images/user_edit.png) left center no-repeat;
  padding-left: 28px !important;
}

a.edit-profile {
  background-image: url(/images/vcard_edit.png) !important;
}

a.edit-user {
  background-image: url(/images/user_edit.png) !important;
}

a.privacy-settings {
  background-image: url(/images/lock_edit.png) !important;
}

a.toggle-profile {
  background-image: url(/images/eye.png) !important;
}

a.request-friendship {
  background-image: url(/images/user_add.png) !important;
}

a.cancel-friendship {
  background-image: url(/images/user_delete.png) !important;
}

a.accept-friendship {
  background-image: url(/images/user_add.png) !important;
}

a.reject-friendship {
  background-image: url(/images/user_delete.png) !important;
}

a.write-message {
  background-image: url(/images/email_edit.png) !important;
}

a.report-user {
  background-image: url(/images/user_comment.png) !important;
}

a.show-calendar {
  background-image: url(/images/calendar.png) !important;
}


/**********************
 * HOMEPAGE SHOWCASES *
 **********************/

#showcases {
  overflow: hidden;
  zoom: 1;
}

#showcases h2 {
  border-bottom: 2px solid #1f8bd3;
  line-height: 26px;
  margin-bottom: 10px;
	padding-bottom: 2px;
}

#showcases p.some-of {
  color: #444;
  font-size: 9px;
  margin-bottom: 8px;
  text-transform: uppercase;
}

#activity_showcase,
#user_showcase {
  float: left;
  width: 47%;
}

#activity_showcase li .details {
  width: 264px;
}

#user_showcase {
  float: right;
}

#user_showcase li {
  overflow: hidden;
  zoom: 1;
}

#user_showcase li .avatar {
  float: left;
  width: 60px;
}

#user_showcase li .avatar img {
  border: 1px solid #94d6f9;
  display: block;
  padding: 2px;
}

#user_showcase li .details {
  width: 259px;
}


/*****************
 * HOMEPAGE NEWS *
 *****************/

#latest_news {
  margin: 15px 0 18px;
}

#latest_news h2 {
  border-bottom: 2px solid #00afd1;
  line-height: 26px;
  margin-bottom: 10px;
}

#latest_news ul {
  border-bottom: 1px solid #94d6f9;
}

#latest_news ul li {
  border-top: 1px solid #94d6f9;
  overflow: hidden;
  padding: 12px 0;
  zoom: 1;
}

#latest_news ul li h4 {
  font-size: 16px;
  font-weight: normal;
  line-height: 18px;
  margin: 0 0 6px;
}

#latest_news ul li img {
  border: 1px solid #94d6f9;
  float: left;
  margin-right: 20px;
  padding: 2px;
  width: 66px;
}

#latest_news ul li .intro {}


/****************
 * NEWS STORIES *
 ****************/

#news_stories {}

#news_stories ul.list,
#newsletters ul.list {
  list-style: none;
}

#news_stories ul.list li,
#newsletters ul.list li {
  margin-bottom: 20px;
  overflow: hidden;
  zoom: 1;
}

#news_stories ul.list li h2,
#news_story h2,
#newsletters ul.list li h2 {
  border-bottom: none;
  font-size: 16px;
  font-weight: normal;
}

#news_stories ul.list li .content {}

#news_stories ul.list li .content img,
#news_story .content img,
#newsletters ul li .content img {
  border: 1px solid #00afd1;
  float: right;
  margin: 0 0 10px 20px;
  padding: 2px;
}

#news_stories ul.list li .content .details,
#news_story .content .details,
#news_story .content .links,
#newsletters ul.list li .content .details {
  background-color: #f4fbfe;
  border-bottom: 1px solid #f4fbfe;
  border-top: 1px solid #94d6f9;
  color: #777;
  font-size: 11px;
  margin: 5px 0 10px;
  padding: 6px 6px;
  width: 340px;
}

#news_stories ul.list li.without-image .content .details,
#newsletters ul.list li.without-image .content .details {
  width: 100%;
}

#news_story.with-image .content .details {
  width: 260px;
}

#news_story.without-image .content .details {
  width: 466px;
}

#news_stories ul.list li.with-image .content .intro,
#newsletters ul.list li.with-image .content .intro {
  width: 352px;
}

#news_stories ul.list li .content .intro p,
#newsletters ul.list li .content .intro p {
  margin-bottom: 4px;
}

#news_stories ul.list li .content .intro ol, 
#news_stories ul.list li .content .intro ul {
  list-style-position: inside !important;
  margin: 0 0 6px 10px;
}

#news_stories ul.list li .content .intro ol li, 
#news_stories ul.list li .content .intro ul li {
  margin-bottom: 2px;
}

#news_stories ul.list li .content .intro ol {
  list-style: decimal;
}

#news_stories ul.list li .content .intro ul {
  list-style: disc;
}

#news_story .content .story p {
  margin-bottom: 8px;
}

#news_story .content .story ol,
#news_story .content .story ul {  
  margin: 0 0 8px 25px;
}

#news_story .content .story ol li,
#news_story .content .story ul li {
  margin-bottom: 6px;
}

#news_stories ul.list li .content .intro p.more,
#newsletters ul.list li .content .intro p.more {
  font-size: 11px;
  margin-top: 0;
  text-align: right;
}

#news_story .content .links {
  margin-top: 20px;
  width: 466px;
}


/********************
 * ACTIVITY INVITES *
 ********************/

#activity_invite_to {
  height: 200px;
}

#activity_invite_to.with-picker {
  width: 300px !important;
}

.manage-invitations .picker {
  position: absolute;
  right: 0;
  top: 0;
}

.manage-invitations .picker h5 {
  font-size: 12px;
  font-weight: bold;
  margin-bottom: 3px;
  text-align: right;
}

.manage-invitations .picker ul {
  background-color: #fff;
  border: 1px solid #94d6f9;
  height: 200px;
  list-style: none;
  padding: 5px;
  overflow: auto;
  width: 150px;
}

.manage-invitations .picker li {
  font-size: 13px;
  margin-bottom: 1px;
  text-align: right;
}


/********************
 * ACTIVITY INVITES *
 ********************/

#activity_invites label {
  display: block;
  margin-bottom: 12px;
  text-align: right;
}

#activity_invites .activity-summary-list ul li .details {
  width: 500px;
}

#activity_invites .activity-summary-list ul li .actions {
  color: #999;
  float: right;
  margin-top: 24px;
  text-align: right;
  width: 110px;
}

#activity_invites .activity-summary-list ul li .actions a.accepted {
  color: #9c3;
}

#activity_invites .activity-summary-list ul li .actions a.declined {
  color: #f33694;
}

#activity_invites .activity-summary-list ul li .actions a.selected {
  font-weight: bold;
}


/***************************
 * ACTIVITIES I'VE BEEN TO *
 ***************************/

#recent_activities label.filter {
  display: block;
  margin-bottom: 12px;
  text-align: right;
}
/* --------- /jscalendar/calendar-win2k-1.css --------- */ 
/* The main calendar widget.  DIV containing a table. */

.calendar {
  position: relative;
  display: none;
  border-top: 2px solid #fff;
  border-right: 2px solid #000;
  border-bottom: 2px solid #000;
  border-left: 2px solid #fff;
  font-size: 11px;
  color: #000;
  cursor: default;
  background: #d4d0c8;
  font-family: tahoma,verdana,sans-serif;
}

.calendar table {
  border-top: 1px solid #000;
  border-right: 1px solid #fff;
  border-bottom: 1px solid #fff;
  border-left: 1px solid #000;
  font-size: 11px;
  color: #000;
  cursor: default;
  background: #d4d0c8;
  font-family: tahoma,verdana,sans-serif;
}

/* Header part -- contains navigation buttons and day names. */

.calendar .button { /* "<<", "<", ">", ">>" buttons have this class */
  text-align: center;
  padding: 1px;
  border-top: 1px solid #fff;
  border-right: 1px solid #000;
  border-bottom: 1px solid #000;
  border-left: 1px solid #fff;
}

.calendar .nav {
  background: transparent url(/jscalendar/menuarrow.gif) no-repeat 100% 100%;
}

.calendar thead .title { /* This holds the current "month, year" */
  font-weight: bold;
  padding: 1px;
  border: 1px solid #000;
  background: #848078;
  color: #fff;
  text-align: center;
}

.calendar thead .headrow { /* Row <TR> containing navigation buttons */
}

.calendar thead .daynames { /* Row <TR> containing the day names */
}

.calendar thead .name { /* Cells <TD> containing the day names */
  border-bottom: 1px solid #000;
  padding: 2px;
  text-align: center;
  background: #f4f0e8;
}

.calendar thead .weekend { /* How a weekend day name shows in header */
  color: #f00;
}

.calendar thead .hilite { /* How do the buttons in header appear when hover */
  border-top: 2px solid #fff;
  border-right: 2px solid #000;
  border-bottom: 2px solid #000;
  border-left: 2px solid #fff;
  padding: 0px;
  background-color: #e4e0d8;
}

.calendar thead .active { /* Active (pressed) buttons in header */
  padding: 2px 0px 0px 2px;
  border-top: 1px solid #000;
  border-right: 1px solid #fff;
  border-bottom: 1px solid #fff;
  border-left: 1px solid #000;
  background-color: #c4c0b8;
}

/* The body part -- contains all the days in month. */

.calendar tbody .day { /* Cells <TD> containing month days dates */
  width: 2em;
  text-align: right;
  padding: 2px 4px 2px 2px;
}
.calendar tbody .day.othermonth {
  font-size: 80%;
  color: #aaa;
}
.calendar tbody .day.othermonth.oweekend {
  color: #faa;
}

.calendar table .wn {
  padding: 2px 3px 2px 2px;
  border-right: 1px solid #000;
  background: #f4f0e8;
}

.calendar tbody .rowhilite td {
  background: #e4e0d8;
}

.calendar tbody .rowhilite td.wn {
  background: #d4d0c8;
}

.calendar tbody td.hilite { /* Hovered cells <TD> */
  padding: 1px 3px 1px 1px;
  border-top: 1px solid #fff;
  border-right: 1px solid #000;
  border-bottom: 1px solid #000;
  border-left: 1px solid #fff;
}

.calendar tbody td.active { /* Active (pressed) cells <TD> */
  padding: 2px 2px 0px 2px;
  border-top: 1px solid #000;
  border-right: 1px solid #fff;
  border-bottom: 1px solid #fff;
  border-left: 1px solid #000;
}

.calendar tbody td.selected { /* Cell showing selected date */
  font-weight: bold;
  border-top: 1px solid #000;
  border-right: 1px solid #fff;
  border-bottom: 1px solid #fff;
  border-left: 1px solid #000;
  padding: 2px 2px 0px 2px;
  background: #e4e0d8;
}

.calendar tbody td.weekend { /* Cells showing weekend days */
  color: #f00;
}

.calendar tbody td.today { /* Cell showing today date */
  font-weight: bold;
  color: #00f;
}

.calendar tbody .disabled { color: #999; }

.calendar tbody .emptycell { /* Empty cells (the best is to hide them) */
  visibility: hidden;
}

.calendar tbody .emptyrow { /* Empty row (some months need less than 6 rows) */
  display: none;
}

/* The footer part -- status bar and "Close" button */

.calendar tfoot .footrow { /* The <TR> in footer (only one right now) */
}

.calendar tfoot .ttip { /* Tooltip (status bar) cell <TD> */
  background: #f4f0e8;
  padding: 1px;
  border: 1px solid #000;
  background: #848078;
  color: #fff;
  text-align: center;
}

.calendar tfoot .hilite { /* Hover style for buttons in footer */
  border-top: 1px solid #fff;
  border-right: 1px solid #000;
  border-bottom: 1px solid #000;
  border-left: 1px solid #fff;
  padding: 1px;
  background: #e4e0d8;
}

.calendar tfoot .active { /* Active (pressed) style for buttons in footer */
  padding: 2px 0px 0px 2px;
  border-top: 1px solid #000;
  border-right: 1px solid #fff;
  border-bottom: 1px solid #fff;
  border-left: 1px solid #000;
}

/* Combo boxes (menus that display months/years for direct selection) */

.calendar .combo {
  position: absolute;
  display: none;
  width: 4em;
  top: 0px;
  left: 0px;
  cursor: default;
  border-top: 1px solid #fff;
  border-right: 1px solid #000;
  border-bottom: 1px solid #000;
  border-left: 1px solid #fff;
  background: #e4e0d8;
  font-size: 90%;
  padding: 1px;
  z-index: 100;
}

.calendar .combo .label,
.calendar .combo .label-IEfix {
  text-align: center;
  padding: 1px;
}

.calendar .combo .label-IEfix {
  width: 4em;
}

.calendar .combo .active {
  background: #c4c0b8;
  padding: 0px;
  border-top: 1px solid #000;
  border-right: 1px solid #fff;
  border-bottom: 1px solid #fff;
  border-left: 1px solid #000;
}

.calendar .combo .hilite {
  background: #048;
  color: #fea;
}

.calendar td.time {
  border-top: 1px solid #000;
  padding: 1px 0px;
  text-align: center;
  background-color: #f4f0e8;
}

.calendar td.time .hour,
.calendar td.time .minute,
.calendar td.time .ampm {
  padding: 0px 3px 0px 4px;
  border: 1px solid #889;
  font-weight: bold;
  background-color: #fff;
}

.calendar td.time .ampm {
  text-align: center;
}

.calendar td.time .colon {
  padding: 0px 2px 0px 3px;
  font-weight: bold;
}

.calendar td.time span.hilite {
  border-color: #000;
  background-color: #766;
  color: #fff;
}

.calendar td.time span.active {
  border-color: #f00;
  background-color: #000;
  color: #0f0;
}
