#wrap {
	width: 980px;
	margin: 0 auto;
}


#header {
	clear: both;
	width: 100%;
}

#footer {
	clear: both;
	width: 100%;
}


#mainContainer #leftContainer h1, #mainContainer #leftContainer h2, #mainContainer #leftContainer #about-the-city #createsocial_main .heading,  {
	color: #333333;
	font-family: "Calibri",Arial;
	font-size: 160%;
	line-height: 1.4;
	margin: 0;
	padding: 0;
	z-index: 1;
}

#mainContainer h1 {
	font-size: 1.9em;
	font-family: "Calibri", Arial;
}


.layout-1, .layout-2 {
/*	padding: 12px 18px 0;*/
}


/* Layout 1: 410px / 375px / 118px */

.layout-1 #primary-content {
	float: left;
	width: 410px;
}

.layout-1 #secondary-content {
	float: left;
	width: 365px;
	padding: 0;
	margin: 0 0 10px 20px;
}

.layout-1 #tirtary-content {
	float: right;
	width: 118px;
}

/* Layout 2: 480px / 288px / 118px */

.layout-2 #primary-content {
	float: left;
	width: 480px;
}

.layout-2 #secondary-content {
	float: left;
	width: 288px;
	padding: 0;
	margin: 0 0 10px 35px;
}

.layout-2 #tirtary-content {
	float: right;
	width: 118px;
}


/* Layout 5: 500px / 288px / 118px */

.layout-5 #primary-content {
	float: left;
	width: 500px;
}

.layout-5 #secondary-content {
	float: left;
	width: 288px;
	padding: 0;
	margin: 0 0 10px 20px;
}

.layout-5 #tirtary-content {
	float: right;
	width: 118px;
}


.userData, .social-teaser {
	color: #666666;
}



#secondary-content .panel-style-1 p, #secondary-content .panel-header-no p {
	margin-top: 0;
}




#secondary-content .panel-style-1, #secondary-content .panel-style-1 .header {
/*	background: #FFFFFF url(../images/metro/panel-background-opt.png) no-repeat;*/
}

#secondary-content .panel-style-1 {
	background-position: 0 bottom;
	/*padding: 5%;*/
	margin-bottom: 5%;
	position: relative;
}

#secondary-content .panel-style-1 div.header {
	background-position: 0 top;
	height: 5%;
	width: 100%;
	top: 0;
	left: 0;
	position: absolute;
}

#secondary-content .panel-style-1 h2.header {
	background-position: -800px top;
	color: #FFF;
	margin: -5% -5% 0;
	padding: 3% 5% 2%;
}


#secondary-content .panel-style-3 {
	background-position: 0 bottom;
	padding: 0;
	margin-bottom: 5%;
	position: relative;
	padding: 20px 0 0;
	border-top: 1px solid #CCCCCC;
	border-bottom: 1px solid #CCCCCC;
	width: 100%;
	float: left;
}

#secondary-content .panel-style-3 div.header {
	background-position: 0 top;
	height: 5%;
	width: 100%;
	top: 0;
	left: 0;
	position: absolute;
}

#secondary-content .panel-style-3 h2.header {
	background-position: -800px top;
	color: #FFF;
	margin: -5% -5% 0;
	padding: 3% 5% 2%;
}


/* Join us today panel */


#formJoinUsToday {
}


#formJoinUsToday p label {
	margin-right: 5px;
	float: left;
}

#formJoinUsToday .join-us-button input {
/*	width: auto;
	float: none;
*/}


#formJoinUsToday p {
/*	width: 240px;*/
	width: 100%;
	margin: 10px auto;
	text-align: right;
	color: #666;
	clear: both;
	float: left;
}

#formJoinUsToday p label {
	width: auto;
	float: left;
	font-weight: bold;
}

#formJoinUsToday p input, #formJoinUsToday p .input-text-ie {
	float: right;
	width: auto;
}

#formJoinUsToday p .input-text-ie input {
	float: left;
}

#formJoinUsToday p .btn-primary-ie {
	float: right;
}

#formJoinUsToday p .btn-primary-ie input {
	float: left;
}


#formJoinUsToday p .accountField {
	width: 150px !important;
}


#formJoinUsToday {
	width: auto;
	clear: both;
}

#formJoinUsToday .join-us-graphic {
	width: 250px;
	margin: 0 auto 10px;
	height: 150px;
	background: #FFF url("/assets/images/sprite.png") no-repeat -860px 0;
	overflow: hidden;
	text-indent: -2000px;	
}

#formJoinUsToday .join-us-graphic * {
	text-align: left;
}

#formJoinUsToday p {
	text-align: center;
}


#secondary-content #formJoinUsToday .join-us-graphic {
	text-align: center;
}


#add-new-group-promo {
	border: 2px solid #CCC;
	border-radius: 10px;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	padding: 10px 0 15px;
	clear: both;
}


#add-new-group-promo p {
	text-align: center;
}

#add-new-group-promo a.header-text {
	background: #FFFFFF url(/assets/images/sprite.png) no-repeat -890px -185px;
	display: block;
	height: 63px;
	width: 305px;
	margin: 0 auto;
}

#add-new-group-promo a span, #add-new-group-promo a strong {
	display: none;
}

#add-new-group-promo p {
	text-align: center !important;
	clear: both;
	width: 100% !important;
}

#add-new-group-promo .btn-primary-ie {
	margin: 0 auto;
	width: 170px;
	float: none;
}



.social-promo {
	border: 2px solid #CCC;
	border-radius: 10px;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	padding: 10px 0 15px;
}


.social-promo p {
	text-align: center;
}

.social-promo a.header-text {
	background: #FFFFFF url(/assets/images/sprite.png) no-repeat -603px -239px;
	display: block;
	height: 110px;
	width: 230px;
	margin: 0 auto;
}

.social-promo a span, .social-promo a strong {
	display: none;
}

.social-promo a.btn-img span {
        display: inline-block !important;
}

.social-promo {
	border: 2px solid #CCC;
	border-radius: 10px;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	padding: 10px 0 15px;
	clear: both;
	margin-top: 10px;
}

.social-promo .btn-primary-ie {
	margin: 0 auto;
	float: none;
	display: block;
	width: 135px;
	text-align: center;
}

.friends-teaser {
	margin: 1% 0 !important;
	padding: 1% 0 !important;
	width: 100% !important;
	clear: both;
	width: auto;
	color: #666666;
}


.socialContainer {
	border-top: 1px solid #CCC;
}

#upcoming_socials_container_dynamic_updater .socialContainer, #newmembers_container_dynamic_updater .socialContainer {
	border: none;
}


.friends-teaser .photo_info {
	float: left;
	width: 25%;
}

.friends-teaser .event-info {
	float: right;
	width: 70%;
}

#newmembers_container_dynamic_updater .friends-teaser .photo_info {
	width: 29%;
}

#newmembers_container_dynamic_updater .friends-teaser .event-info {
	width: 65% !important;
}




#interest_groups_container_dynamic_updater .groupData {
	margin: 0;
}

#interest_groups_container_dynamic_updater .wide-vertical li:last-child {
	border: none;
}




/* Socials panel styles */

#upcoming_socials_container_dynamic_updater .social-teaser {
	border-bottom: 1px solid #CCC;
}


.social-teaser {
	width: 100%;
	clear: both;
	margin: 1% 0;
	padding: 2% 0 3%;
	float: left;
	list-style: none;
}

.social-teaser .organiser {
	width: 20%;
	float: left;
	text-align: center;
	margin-top: 4px;
	font-size: 0.88em;
}

.social-teaser .organiser * {
	clear: both;
	float: none;
	width: auto;
}

.social-teaser .organiser p.organiser-label {
	margin: 0 0 5px;
}

.social-teaser .organiser p.organiser {
	margin: 5px 0 0;
	font-size: 1em;
	width: 100% !important;
}


.social-teaser .event-info {
	width: 78%;
	float: right;
}



.social-teaser .organiser img {
	clear: both;
	border: 2px solid #CCC;
}

.social-teaser .event-info h3 {
	float: none;
	width: auto !important;
	clear: none !important;
	margin: 0;
}

.social-teaser .event-info p {
	clear: both;
	margin: 0 0 1%;
}

.social-teaser .event-info p {
}

.social-teaser .event-info p .eventCategory {
	font-size: 1em !important;
}

.social-teaser .event-info .actions {
	float: right;
	margin: 0 0 0 5px;
	width: 61px;
}


.tell_me_more, .host_button {
	float: right;
	outline: none;
	clear: both;
	margin-bottom: 5px;
}

.tell_me_more a, .host_button a {
	width: 129px;
	height: 27px;
	display: block;
	background-image: url('../images/sprite.gif');
	background-repeat: no-repeat;
}

.tell_me_more a {
	background-position: -613px 0;
}

.host_button a {
	width: 94px;
	background-position: -474px -32px;
}



.social-teaser .event-info .rsvp_button a {
	width: 89px;
	height: 27px;
	background: url('../images/sprite.gif') no-repeat scroll -852px -419px;
	display: block;
}

.social-teaser .invited * {
	float: none !important;
	display: inline-block;
}


/* Social diary iteration */

#SocialDiary_container .social-teaser .organiser {
	width: 14%;
	float: left;
}

#SocialDiary_container .social-teaser .event-info {
	float: left;
	width: 48%;
}


#SocialDiary_container .social-teaser #rightActions {
	width: 35%;
	float: right;
	margin-right: 1%;
}

#SocialDiary_container .social-teaser {
	border: none;
}



.socialDiary_container ul.social_listing li {
	clear: both;
	margin:5px 0 0 3px;
	padding:0 6px 2px 5px;
	float: left;
	width:739px;
}

.socialDiary_container .event-info {
	margin: 0;
	color:#666666;
	float:left;
}

.recent_socials .social-teaser .event-info {
	width: 72%;
}


.social-teaser .event-info .redCards{
	width:29px;
	height:11px;
	background:url('../images/sprite.gif') no-repeat scroll -918px -5px;
	clear:none;
	margin: 3px 0 0 5px;
}


.upcomingSocial_container .socialContainer {
	width: 100%;
}

.social-teaser span, .friends-teaser span {
	color: #FF8700;
}


.friends-teaser .photo_info .socialPhotoSmall {
	float: left !important;
	margin: 0 0 10px !important;
	width: auto;
	height: auto;
}

.friends-teaser .socialPhotoSmall img {
	border: 2px solid #cccccc;
	padding: 1px;
	height: 100px;
	width: 100px;
	float: left;
}

#newmembers_container_dynamic_updater .friends-teaser .socialPhotoSmall img {
	height: 70px;
	width: 70px;
}


.friends-teaser .photo_info p {
	margin: 0 0 5px;
	padding: 0;
	clear: both;
	float: left;
	width: 100%;
}

.friends-teaser .event-info ul.userDetails {
	width: 100%;
}

.friends-teaser .event-info ul.userDetails li {
	width: auto;
	float: left;
	clear: none;
	margin-right: 10px;
}


.newmembers_container .friends-teaser {
	margin: 5px 0 0;
	padding: 0 0 2%;
	width: auto;
	color: #666;
}


.friends-teaser .event-info p {
	margin: 0 0 5px;
}

ul.socialContainer li.friends-teaser:nth-child(last) {
	border: none;
}


h3.searchResult {
	margin: 20px 0 10px;
	color: #666;
}



#interest-groups #primary-content, #interest-groups #secondary-content {
	font-size: 13px;
	color: #555555;
	font-family: "Calibri",Arial;
}

#formJoinUsToday {
	font-size: 1em;
	color: #555555;
}

.layout-1 h1 {
	margin-bottom: 10px;
}

#primary-content .newmembers_container {
	font-size: 1.0em;
}


.upcomingSocial_container h3 {
	font-size: 1em;
	clear: none;
}



#menu_findfriends_section #user_social_status_form.userData {
	padding: 10px;
}

.forgot_container .friends-teaser {
	margin: 1% !important;
	border: none !important;
}

#secondary-content {
	color: #666;
}



#divMembersOutThisweek .viewmoreLink {
	height: auto;
	font-weight: bold;
	float: right;
	padding: 0;
	margin: 0;
}

#divMembersOutThisweek .viewmoreLink a {
	color: #000000;
	text-decoration: none; 
}

#divMembersOutThisweek .viewmoreLink a:hover {
	color: #999900;
	text-decoration: underline;
}


h1.main-heading {
	margin-bottom: 15px !important;
}

/*#friends-index .form_area {
	padding: 3% 1% 0;
	width: 98%;
	float: left;
}*/

#friends-index .form_area #search-friends {
	margin: 0;
	float: none;
	padding: 0;
}

#newmembers_container .search_result_criteria span {
	margin-right: 5px;
}

#newmembers_container .search_result_criteria span, #newmembers_container .search_result_criteria strong, #newmembers_container .search_result_criteria select {
	float: left;
}


#friends-index #search-friends li {
/*	clear: both;*/
}



#friends-index .search_criteria span {
	margin-right: 5px;
}

#friends-index .search_criteria span, #friends-index .search_criteria select {
	float: left;
}

#friends-index ul.socialContainer {
	clear: both;
}

#friends-index #result {
	clear: both;
}

.user-profile .event-info {
	width: 74%;
	float: right;
}

.user-profile .event-info .right_actions {
	margin: 10px 0 0 10px;
	position: inherit;
}

.user-profile .event-info .right_actions p {
	clear: both;
	position: inherit;
}

.user-profile .event-info .right_actions .blockIcon {
	margin: 0 5px 0 0;
}

.user-profile .event-info .right_actions .share_button {
	margin: 0;
}

.user-profile .event-info .right_actions .red_flag {
	margin: 0 5px 0 0;
	float: left;
}

#SocialDiary_container {
	clear: both;
	width: auto;
}


#cs-activity {
	clear: both;
	padding-top: 5%;
}

#panel-switcher {
	border-bottom: 1px solid #999;
	float: left;
	padding-left: 2%;
	width: 98%;
}

#panel-switcher li {
	float: left;
	list-style: none;
	margin: 0 1% -1px 0;
}

#panel-switcher li a {
	border: 1px solid #999;
	border-left: 1px solid #CCC;
	background: #F0F0F0;
	color: #666;
	font-size: 1em;
	text-decoration: none;
	padding: 2px 5px;
	display: block;
}

#panel-switcher li a:hover {
	background: #CCC;
}

#panel-switcher li a.selected {
	background-color: #FFF;
	border-bottom: 1px solid #FFF;
	font-weight: bold;
}

#cs-activity #panels {
	clear: both;
	padding-top: 3%;
	color: #666;
}

#cs-activity #panels .pane {
	clear: both;
}

#cs-activity .friends_Photo_container {
	float: left;
	margin: 10px 0;
	padding: 0;
	width: auto;
	height: auto;
	position: inherit;
}


#cs-activity .friends_Photo_container .friends_Photo {
	overflow: visible;
}

#cs-activity .friends_Photo_container .friends_Photo:nth-child(6n+6) {
	margin: 0 0 5px 0;
}


#group_category {
	background: #F5F5F5;
	border: 1px solid #E0E0E0;
	padding: 2% 5%;
	margin: 5px 0 0;
	float: left;
}

#group_category ul{
	padding: 0 10px;
	margin: 0px;
}

#group_category ul li {
	list-style: none;
	padding: 1px 0;
	float: left;
	width: 165px;
}

#group_category ul li a {
	color: #000000;
	text-decoration: none;
}

#group_category ul li a:hover{
	color: #FF8700;
	text-decoration: none;
}

#group_category ul li .selected {
	color: #FF8700;
	text-decoration: none;
}


.socialDiary_container .search_categories {
	float: left;
	width: 60%;
}

.socialDiary_container #datepicker {
	float: left;
}


input.displayButton {
	background: url("../images/sprite.gif") no-repeat scroll -426px -456px transparent;
	border: none;
	overflow: hidden;
	text-indent: -2000px;
}


.ui-datepicker, .ui-datepicker-inline {
	border-spacing: 0;
	float: right;
	width: 160px;
	background: #F5F5F5;
	border: 1px solid #E0E0E0;
	padding: 1px;
}

.ui-datepicker table, .ui-datepicker-inline table {
	width: 100%;
	clear: both;
}

.ui-datepicker thead tr th, .ui-datepicker-inline thead tr th {
	background: #E0E0E0;
	margin: 0 1px;
}

.ui-datepicker .ui-datepicker-prev, .ui-datepicker .ui-datepicker-next, .ui-datepicker-inline .ui-datepicker-prev, .ui-datepicker-inline .ui-datepicker-next {
	width: 10%;
	text-align: center;
	font-weight: bold;
	padding: 0 2px;
	border: 1px solid #E0E0E0;
	text-decoration: none;
	margin: 0 2px 0;
	color: #F5F5F5;
	background: #D8E8FF;	
}

.ui-datepicker a.ui-datepicker-prev:hover, .ui-datepicker a.ui-datepicker-next:hover, .ui-datepicker-inline a.ui-datepicker-prev:hover, .ui-datepicker-inline a.ui-datepicker-next:hover {
	background: #B2D1FF;
	text-decoration: none;
}

.ui-datepicker .ui-datepicker-prev, .ui-datepicker-inline .ui-datepicker-prev {
	float: left;
}

.ui-datepicker .ui-datepicker-next, .ui-datepicker-inline .ui-datepicker-next {
	float: right;
}

.ui-datepicker .ui-datepicker-title, .ui-datepicker-inline .ui-datepicker-title {
	text-align: center;
	font-weight: bold;
	margin-top: 3px;
}

.ui-datepicker td, .ui-datepicker-inline td {
	padding: 0;
	text-align: center;
	margin: 0;
}

.ui-datepicker a, .ui-datepicker-inline a, .ui-datepicker td span, .ui-datepicker-inline td span {
	padding: 0 2px;
	border: 1px solid #F5F5F5;	
	display: block;
	text-decoration: none;
}

.ui-datepicker a, .ui-datepicker-inline a {
	border: 1px solid #E0E0E0;
	color: #666;
}


.ui-datepicker a:hover, .ui-datepicker .ui-datepicker-current-day a, .ui-datepicker-inline a:hover, .ui-datepicker-inline .ui-datepicker-current-day a {
	background: #666;
	color: #F5F5F5;
	border: 1px solid #666;
	cursor: pointer;
}

.ui-datepicker .ui-datepicker-today a, .ui-datepicker-inline .ui-datepicker-today a {
	background: #E0E0E0;
	border: 1px solid #E0E0E0;
	color: #666;
}

.ui-datepicker a:hover, .ui-datepicker-inline a:hover {
	text-decoration: underline;	
}

.ui-datepicker .selected a, .ui-datepicker .ui-datepicker-today a, .ui-datepicker-inline .selected a, .ui-datepicker-inline .ui-datepicker-today a {
	font-weight: bold;
}



#social-view ul.admin_actions li {
	width: 50%;
	margin: 1% 0;
	float: left;
}

#social-view ul.admin_actions li.wide {
	width: 100%;
}

#social-view ul.admin_actions li a {
	padding: 1%;
	min-height: 16px;
	display: block;
}

/*#social-view ul.admin_actions li a span {
	width: 16px;
	height: 16px;
	margin-left: 7px;
	background:url('../images/icon_edit.gif') no-repeat;
}
*/

/*form #book_my_place, form #submit, form #post_a_comment {
	background: #FFF url(/assets/images/btn_book_place.gif) no-repeat;
	width: 146px;
	height: 27px;
	border: none;
	text-indent: -2000px;
	overflow: hidden;
}

form #submit {
	background-image: url(/assets/images/submit.gif);
	background-repeat: no-repeat;
	width: 84px;
}

form #post_a_comment {
	background:url("../images/sprite.gif") no-repeat -218px -1231px;
	width:158px;	
}
*/


/* Social comments */

#divViewComments {
	
}

#divViewComments .commentContainer {
	width: 100%;
	float: left;
	border: none;
	border-top: 1px solid #CCCCCC;
	margin: 0 10px 10px 0;
	padding: 5px 0.5% 0;
	position: inherit;
}

#divViewComments .commentContainer:nth-child(odd) {
	clear: both;
	margin: 10px 0 0;
}


#divViewComments .commentContainer:nth-child(even) {
	float: right;
	margin: 10px 0 0;
}



.search_result, .search_result_criteria {
	width: 100%;
	clear: none;
	border: none;
	margin: 10px 0;
}

.search_result {
	float: left;
}

.search_result_criteria {
	float: right;
}

#interest-groups .search_result_criteria {
	float: left;
}


/*  Home page carousel */


#infiniteCarousel {
	width: 560px;
  position: relative;
	height: 270px;
	float: left;
}

#infiniteCarousel .wrapper {
  width: 560px; /* #infiniteCarousel width - (.wrapper margin-left + .wrapper margin-right) */
  height: 270px;
  position: absolute;
  top: 0;
}



#infiniteCarousel .wrapper ul {
  width: 840px; /* single item * n */
	list-style: none;
  margin:0;
  padding:0;
  position: absolute;
  top: 0;
}

#infiniteCarousel ul li {
  display:block;
  float:left;
  height: 270px;
  width: 560px;
}



#infiniteCarousel ul:hover li img {
  border-color: #000;
}

#infiniteCarousel ul:hover li:hover img {
  border-color: #333;
}

#infiniteCarousel ul li a img {
  display:block;
}

#infiniteCarousel .arrow {
  display: block;
	text-indent: -999px;
  position: absolute;
	z-index: 5;
  top: 37px;
  cursor: pointer;
  outline: 0;
	height: 270px;
	width: 30px;
	background-image: url(/assets/images/homepage-carousel/arrows.png);
	background-repeat: no-repeat;
}

#infiniteCarousel .forward {
  background-position: 0 0;
  right: 0;
	background-position: 0 center;
	top: 0;

}

#infiniteCarousel .back {
  background-position: 0 -72px;
  left: 0;
	background-position: -69px center;
top: 0;
}

#infiniteCarousel .back, #infiniteCarousel .forward {
	display: block;
	height: 56px;
	width: 30px;
	margin-top: 107px;
	background-image: url("/assets/images/sprite.png");
}

#infiniteCarousel .back {
	background-position: -695px 0;
}

#infiniteCarousel .forward {
	background-position: -625px 0;
}



/*		Membership upgrades table		*/
		
#membership-upgrade-table {
	border-collapse: collapse;
	color: #444;
	margin-top: 10px;
	width: 801px;
}

#membership-upgrade-table .silver, #membership-upgrade-table .bronze, #membership-upgrade-table .free {
}

#membership-upgrade-table .silver {
	width: 33%;
/*	background-image: url(/assets/images/membership-upgrades-table/sprite.png);
	background-position: -7px 0;
	background-repeat: repeat-y;
*/}

#membership-upgrade-table .bronze {
	width: 33%;
/*	background-image: url(/assets/images/membership-upgrades-table/sprite.png);
	background-position: -274px 0;
	background-repeat: repeat-y;
*/}

#membership-upgrade-table .free {
	width: 33%;
/*	background-image: url(/assets/images/membership-upgrades-table/sprite.png);
	background-position: -540px 0;
	background-repeat: repeat-y;
*/}

#membership-upgrade-table thead th.silver, #membership-upgrade-table thead th.bronze, #membership-upgrade-table thead th.bronze-blank, #membership-upgrade-table thead th.free, #membership-upgrade-table tfoot td.silver, #membership-upgrade-table tfoot td.bronze, #membership-upgrade-table tfoot td.bronze-blank, #membership-upgrade-table tfoot td.free, #membership-upgrade-table tbody tr td, #membership-upgrade-table tfoot td ul li, #membership-upgrade-table tfoot td .sign-up {
	background-image: url(/assets/images/membership-upgrades-table/sprite.png);
}



#membership-upgrade-table tbody {
	background-position: -7px 0;
	background-repeat: repeat-y;
}

#membership-upgrade-table thead tr th {
	height: 50%;
}

#membership-upgrade-table thead tr th.silver, #membership-upgrade-table thead tr th.bronze, #membership-upgrade-table thead th.bronze-blank, #membership-upgrade-table thead tr th.free {
	height: auto;
	background-position: -912px -286px;
	background-repeat: no-repeat;
	background-color: #FFF;
}

#membership-upgrade-table thead tr th.silver, #membership-upgrade-table thead tr th.bronze, #membership-upgrade-table thead tr th.free {
	padding: 15px 0;
}

#membership-upgrade-table thead tr th.bronze {
	background-position: -1179px -309px;
}

#membership-upgrade-table thead th.bronze-blank {
	background-position: -1179px -286px;
}

#membership-upgrade-table thead tr th.free {
	background-position: -1445px -309px;
}

#membership-upgrade-table thead tr th.blank {
	background: #FFF;
}

#membership-upgrade-table thead tr th h1, #membership-upgrade-table thead tr th h3 {
	text-transform: uppercase;
	font-weight: normal;
}

#membership-upgrade-table thead tr th h1 {
	font-size: 1.1em;
}

#membership-upgrade-table thead tr th h3 {
	font-size: 1.05em;
	margin: 0;
}

#membership-upgrade-table thead tr th h3.banner {
	font-size: 1.1em;
	color: #FFF;
	background: #D5191B;
	border-right: 3px solid #DF2524;
	border-left: 3px solid #FA3D3A;
	border-top: 2px solid #E36A66;
	border-bottom: 2px solid #C45B56;
	margin: auto -1px;
	padding: 0 5px;
}

#membership-upgrade-table tbody tr td {
	padding-left: 25px;
	background-position: -3213px 12px;
	background-repeat: no-repeat;
	padding-left: 40px;
	vertical-align: top;
}


#membership-upgrade-table tbody tr td.silver, #membership-upgrade-table tbody tr td.bronze, #membership-upgrade-table tbody tr td.free {
	background-repeat: repeat-y;
}

#membership-upgrade-table tbody tr.quote td.silver, #membership-upgrade-table tbody tr.quote td.blank.silver, #membership-upgrade-table tbody tr.more-benefits td.silver {
	background-position: -7px 0;
}

#membership-upgrade-table tbody tr.quote td.bronze, #membership-upgrade-table tbody tr.quote td.blank.bronze, #membership-upgrade-table tbody tr.more-benefits td.bronze {
	background-position: -274px 0;
}

#membership-upgrade-table tbody tr.quote td.free, #membership-upgrade-table tbody tr td.blank.free, #membership-upgrade-table tbody tr.more-benefits td.free {
	background-position: -540px 0;
}


#membership-upgrade-table tbody tr td.silver {
	background-position: -3424px 12px;
}

#membership-upgrade-table tbody tr td.bronze {
	background-position: -3691px 12px;
}

#membership-upgrade-table tbody tr td.free {
	background-position: -3957px 12px;
}



#membership-upgrade-table tbody tr td p {
	padding: 0 0 4%;
	margin: 0;
	border-bottom: 2px solid #FAE3BA;
}

#membership-upgrade-table tbody tr.more-benefits td span {
	border-bottom: 2px solid #FAE3BA;
	width: 100%;
	float: left;
	margin: 0 0 0;
	padding: 5% 0 5%;
} 


#membership-upgrade-table td, #membership-upgrade-table tr.quote td, #membership-upgrade-table tr.more-benefits td {
	padding: 1% 1.5% 0;
}

#membership-upgrade-table tr.more-benefits td {
	text-align: right;
/*	background: none;*/
}

#membership-upgrade-table tr.more-benefits td a {
	color: #1C1C1C;
}

#membership-upgrade-table tr.quote td {
	font-size: 1.2em;
	text-align: center;
/*	background: none;*/
	padding-bottom: 2%;
}




#membership-upgrade-table tfoot td {
	height: 50%;
}




#membership-upgrade-table .bronze tbody {
	border-right: 2px solid black;
}




#membership-upgrade-table tfoot td.silver, #membership-upgrade-table tfoot td.bronze, #membership-upgrade-table tfoot td.bronze-blank,  #membership-upgrade-table tfoot td.free {
	background-repeat: no-repeat;
	background-color: #FFF;
	vertical-align: top;
}


#membership-upgrade-table tfoot td.silver {
	background-position: -1738px bottom;
	padding: 0 0 15px;
}

#membership-upgrade-table tfoot td.bronze {
	background-position: -2319px bottom;
	padding: 0 0 13px;
}

#membership-upgrade-table tfoot td.bronze-blank {
	background-position: -2005px bottom;
}

#membership-upgrade-table tfoot td.free {
	background-position: -2585px bottom;
}

#membership-upgrade-table tfoot td.blank {
	background: #FFF;
}

#membership-upgrade-table span.current-membership
{
        display: block;
        text-align: center;
        font-size: 1.3em;
        padding: 5px 0;
}

#membership-upgrade-table tfoot td ul {
	margin-top: 5%;
}


#membership-upgrade-table tfoot td ul li {
	font-size: 1.3em;
	padding: 3px 10px;
	background-repeat: no-repeat;
	clear: both;
}

#membership-upgrade-table tfoot td.silver ul li {
	background-position: -3424px -370px;
}

#membership-upgrade-table tfoot td.bronze ul li {
	background-position: -3691px -370px;
}

#membership-upgrade-table tfoot td.free ul li {
	background-position: -3690px -370px;
}

#membership-upgrade-table tfoot td ul li.trial {
        position: relative;
}

#membership-upgrade-table span#free-trial-explain {
        display: none;
        position: absolute;
        top: 2.1em;
        left: 0px;
        background-color: #fff;
        border: 4px solid #D5191B;
        font-size: 0.8em;
        line-height: 1.2em;
        width: 550px;
        padding: 8px;
        text-align: justify;
}

#membership-upgrade-table tfoot td ul li input {
	height: auto;
	width: auto;
	font-size: auto;
	padding: 0;
	margin: 0;
}

#membership-upgrade-table tfoot td ul li label {
	width: 90%;
	float: right;
}

#membership-upgrade-table tfoot td ul li.trial label {
	color: #D5191B;
        text-decoration: underline;
}

#membership-upgrade-table tfoot td .sign-up {
	background-position: -2985px 0;
	display: block;
	height: 34px;
	width: 133px;
	margin: 10px auto;
	text-indent: -2000px;
	overflow: hidden;
	background-repeat: no-repeat;
	border: none;
}




#membership-upgrade-table tbody tr td.blank {
/*	background: none;*/
}


#membership-upgrade-table tbody tr.free-benefits td, #membership-upgrade-table tbody tr.bronze-benefits td, #membership-upgrade-table tbody tr.silver-benefits td {
	padding: 1% 1.5% 1% 40px;
}

#membership-upgrade-table tbody tr td.header {
	background-image: none;
	padding: 1% 1.5% 0;
}

#membership-upgrade-table tbody tr.free-benefits td {
	background: #FCF8F2;
}

#membership-upgrade-table tbody tr.bronze-benefits td {
	background: #F7E6CF;
}

#membership-upgrade-table tbody tr td.blank.free {
	background-position: -540px 0;
	background-image: url(/assets/images/membership-upgrades-table/sprite.png);
}

#membership-upgrade-table tbody tr td.blank.bronze {
	background-position: -274px 0;
	background-image: url(/assets/images/membership-upgrades-table/sprite.png);
}

#membership-upgrade-table tbody tr.silver-benefits td {
	background: #DCDCDC;
}




/*		Admin Styles		*/
#admin-form {
	padding: 20px 0;
}

#admin-form p {
	clear: both;
	width: 589px;
	margin: 0 auto;
	padding: 10px 0;
}

#admin-form p.formError600 {
	float: auto;
	margin: 10px auto auto;
	padding: 5px;
}


#admin-form p * {
	float: left;
}

#admin-form p label {
	width: 20%;
}

#admin-form p label.fieldError {
	width: auto;
	padding: 0;
	margin: 0 0 0 10px;
}


#admin-form p label.iconCalendar {
	width: 16px;
	margin-right: 15px;
}

#admin-form p label.dateLabel {
	width: auto;
}



#admin-form p #submit_button {
	margin-left: 23%;
}


/*		Dashboard styles		*/

input.post_button, input.save_interests {
	display: block;
	float: left;
	border: none;
	background-image: url('../images/sprite.gif');
	background-repeat: no-repeat;
	height: 27px;
	outline: none;
}

input.post_button {
	width: 58px;
	margin: -3px 0 0 5px;
	position: relative;
	clear: none;
	background-position: -818px -277px;
	background-color: #FFF;
}

input.save_interests {
	width: 171px !important;
	clear: both;
	background-position: -188px -1019px;
}



/*		My Friends 		*/
#menu_findfriends_section #statusForm {
	background: #F5F5F5;
	border: 1px solid #E0E0E0;
	margin-left: 0;
	margin-top: 15px;
	padding: 2.5% 5%;
	width: 90%;
}

#menu_findfriends_section #statusForm .textfield {
	width: 247px;
}

#menu_findfriends_section #statusForm p {
	margin: 0;
	padding: 0;
}

#menu_findfriends_section #statusForm #success_div {
	border: none;
	margin-bottom: 10px;
}


#menu_findfriends_section #statusForm p.i-fancy {
	margin-bottom: 10px;
}

#menu_findfriends_section #statusForm p.i-fancy label, #menu_findfriends_section #statusForm p label {
	color: #666;
	float: left;	
}

#menu_findfriends_section #statusForm p.i-fancy input {
	margin: 0;
}


#menu_findfriends_section #statusForm p.i-fancy input, #menu_findfriends_section #statusForm p.when label, #menu_findfriends_section #statusForm p.when select {
	margin-left: 5px;
}

/* Disabled for now
#socialLanding_left ul.eventContainer li.cs-social {
	background: #F2F2F2;
}*/


/* Header */

/*
#header {
	margin: 28px 0 0;
	display: table;	
}

#header #logo {
	margin: 0;
	padding: 0;
}

#header #logo a {
	background: url("/assets/images/sprite.png") no-repeat scroll -265px 0;
	float: left;
	height: 60px;
	overflow: hidden;
	width: 350px;
	text-indent: -2000px;
}

#header #current-city {
	float: left;
	color: #666666;
	font-family: Tahoma;
	font-size: 13px;
	font-weight: bold;
	text-transform: uppercase;
	clear: none;
	margin-top: 7px;
}

#other-cities {
	margin: 0;
	padding: 0;
	color: #000;
	clear: both;
	width: 50%;
	float: left;
}

#other-cities a {
	text-decoration: none;
	color: #666666;
}

#other-cities a:hover {
	text-decoration: underline;
	color: #000;
}

#other-cities #more-cities a {
	color: #999900;
	text-decoration: underline;
}

#other-cities #more-cities a:hover {
	text-decoration: none;
}

#header #leaderboard {
	width: 468px;
	float: right;
	margin-top: -20px;
}


#header #user_my_account_login_area {
	width: 48%;
	float: right;
	margin-top: -6px;
}

#header #primary-nav {
	clear: both;
	width: 100%;
	margin-top: 15px;
	display: table;
	border-bottom: 4px solid #FF9203;
}


#header #primary-nav ul li {
	display: inline;
	margin: 0 3px 0 0;
	padding: 0px;
	float: left;
}



#header #primary-nav li a {
	background-image: url(/assets/images/sprite.png);
	display: block;
	text-indent: -2000px;
	height: 31px;
}

#header #primary-nav #home-tab a, #header #primary-nav #home-tab_selected a {
	width: 71px;
}

#header #primary-nav #home-tab a {
	background-position: -8px -125px;
}

#header #primary-nav #home-tab_selected a {
	background-position: -8px -85px;
}

#header #primary-nav #home-tab a:hover {
	background-position: -8px -165px;
}

#header #primary-nav #find-friends-tab a, #header #primary-nav #find-friends-tab_selected a {
	width: 109px;
}

#header #primary-nav #find-friends-tab a {
	background-position: -82px -125px;
}

#header #primary-nav #find-friends-tab_selected a {
	background-position: -82px -85px;
}

#header #primary-nav #find-friends-tab a:hover {
	background-position: -82px -165px;
}

#header #primary-nav #share-interests-tab a, #header #primary-nav #share-interests-tab_selected a {
	width: 129px;
}

#header #primary-nav #share-interests-tab a {
	background-position: -195px -125px;
}

#header #primary-nav #share-interests-tab_selected a {
	background-position: -195px -85px;
}

#header #primary-nav #share-interests-tab a:hover {
	background-position: -195px -165px;
}

#header #primary-nav #socialise-tab a, #header #primary-nav #socialise-tab_selected a {
	width: 159px;
}

#header #primary-nav #socialise-tab a {
	background-position: -327px -125px;
}

#header #primary-nav #socialise-tab_selected a {
	background-position: -327px -85px;
}

#header #primary-nav #socialise-tab a:hover {
	background-position: -327px -165px;
}

#header #primary-nav #community-tab a, #header #primary-nav #community-tab_selected a {
	width: 156px;
}

#header #primary-nav #community-tab a {
	background-position: -489px -125px;
}

#header #primary-nav #community-tab_selected a {
	background-position: -489px -85px;
}

#header #primary-nav #community-tab a:hover {
	background-position: -489px -165px;
}

#header #primary-nav #things-to-do-tab a, #header #primary-nav #things-to-do-tab_selected a {
	width: 109px;
}

#header #primary-nav #things-to-do-tab a {
	background-position: -648px -125px;
}

#header #primary-nav #things-to-do-tab_selected a {
	background-position: -648px -85px;
}

#header #primary-nav #things-to-do-tab a:hover {
	background-position: -648px -165px;
}


#header #primary-nav #blog-tab a, #header #primary-nav #blog-tab_selected a {
	width: 82px;
}

#header #primary-nav #blog-tab a {
	background-position: -761px -125px;
}

#header #primary-nav #blog-tab_selected a {
	background-position: -761px -85px;
}

#header #primary-nav #blog-tab a:hover {
	background-position: -761px -165px;
}






*/


#pageFooter .footerNav p, .bottomNav p {
	color: #000;
	margin: 0;
	padding: 0;
}

#pageFooter .footerNav p a {
	color: #666;
	text-decoration: none;
}

#pageFooter .footerNav p a:hover {
	text-decoration: underline;
	color: #000;
}

.bottomNav p {
	color: #666;
}

.bottomNav p a {
	color: #000;
	text-decoration: none;
}

.bottomNav p a:hover {
	color: #666;
	text-decoration: underline;
}


/*#pageFooter #masterCardLogo, #pageFooter #visaLogo {
	background-image: url(/assets/images/sprite.png);
	position: inherit;
	margin: 25px 10px;
	height: 45px;
}

#pageFooter #masterCardLogo {
	background-position: -4px -4px;
	width: 124px;
	float: left;
}

#pageFooter #visaLogo {
	background-position: -140px -4px;
	width: 106px;
	float: right;
}
*/
#myfriends_current_friends_listing_cont .friends  li {
	margin-top: 5px;
}

#myfriends_current_friends_listing_cont .friends .friendsAction {
	clear: both;
	float: left;
	margin: 5px 0;
}

#myfriends_current_friends_listing_cont .friends .friendsAction * {
	float: left;
	margin-right: 10px;
}

#myfriends_current_friends_listing_cont .friends .friendsAction span, #myfriends_current_friends_listing_cont .friends .friendsAction a {
	margin: 1px 5px 0;
}

#myfriends_current_friends_listing_cont .friends .friendsAction span.online-now {
	padding-left: 21px;
	background: url("/assets/images/online.gif") no-repeat 0 center;
	color: #FE8000;
	margin: 0 20px 0 0;
}


#myfriends_current_friends_listing_cont .friends .friendsAction a.remove-friend {
	padding-left: 21px;
	background: url("/assets/images/icon_remove.gif") no-repeat 0 center;
}

#myfriends_current_friends_listing_cont .friends img.friendsPhotoSmall {
	width: 60px;
	height: 60px;
	margin-right: 10px;
	border: 2px solid #CCC;
	padding: 1px;
}

#inviteFriends #select-friends li, #inviteFriends #selected-friends li {
	padding: 5px 0;
	width: 100%;
}

#inviteFriends #select-friends input, #inviteFriends #select-friends strong, #inviteFriends #selected-friends input, #inviteFriends #selected-friends strong {
	float: left;
	margin: 10px 10px 0 0;
}

#inviteFriends #select-friends li label, #inviteFriends #selected-friends li label {
	padding: 0;
	text-align: left;
	width: 100%;
}

#inviteFriends #select-friends li label img, #inviteFriends #selected-friends li label img {
	border: 2px solid #CCC;
	max-height: 30px;
	max-width: 30px;
}


ul.pagination li {
	width: auto;
	height: auto;
	padding: 0 !important;
	margin: 0 3px !important;
}

ul.pagination li.arrowPrev, ul.pagination li.arrowNext {
	height: 11px;
	width: 11px;
	margin: 4px 3px 0 !important;
}







/*		New registration form		*/

#authentication-form #facebook {
        margin: 10px 0;
        padding: 15px;
        background: #a3b5d5;
        border: 3px solid #8ca1c6;
        width: 67%;
        /*height: 19px;*/
        float: left;
}

#authentication-form #other-options {
        margin: 10px 0;
        padding: 7px 15px;
        background: #fff;
        border: 3px solid #ccc;
        width: 25%;
        height: 35px;
        float: right;
        font-size: 1.1em;
}

#authentication-form #other-options a {
        display: block;
        
}

#authentication-form, #signup-form, #login-form {
	width: 100%;
	clear: both;
}

#authentication-form .fb-not-connected #facebook-cont {
  float: left;
  width: 50%;
}

#authentication-form .fb-not-connected #facebook-cont #facebook {
  margin: 0;
  padding: 10% 0 0 0;
  height: 300px;
	width: 100%;
	position: relative;
}

#authentication-form .fb-not-connected #facebook-cont h3 {
	padding-left: 25%;
}

#authentication-form .fb-not-connected #facebook-cont p {
	padding-left: 25%;
}

#authentication-form .fb-not-connected #create-cs-account {
  background: #fff;
  padding: 10px;
  margin: 0;
  text-align: justify;
  font-size: 1em;
	position: absolute;
	bottom: 15px;
}

#authentication-form .fb-not-connected #login-form-cont {
  float: right;
  width: 48%;
  clear: right;
  padding-left: 2%;
  margin-bottom: 20px;
  height: 500px;
}

#authentication-form .fb-not-connected #login-form {
  border: 3px solid #ccc;
  padding-top: 10%;
  width: auto;
  margin-top: 2%;
  height: 302px;
}

#authentication-form .fb-not-connected #login-form form {
/*  border-left: 1px solid #ccc;*/
/*  padding: 10% 0 0 0;*/
}

#authentication-form .fb-not-connected #login-form h1 {
  margin-left: 4%;
}

#authentication-form #login-form form {
  font-size: 1.2em;
}

#authentication-form #login-form form input.text {
  font-size: 1.1em;
  width: 200px;
}

#login-form #forgot-password,
#login-form #login-troubleshooting {
  padding: 0.5em 0;
  padding-left: 40%;
  font-size: 1.1em;
}

#login-form #login-troubleshooting {
  margin-bottom: 0;
}

#login-form #login-troubles-explain {
  padding: 3%;
  background-color: #eee;
  display: none;
  text-align: justify;
}

#signup-form li, #login-form li {
/*	margin-bottom: .5em;*/
        padding: .5em 0;
        display: inline-block;
/*        border-bottom: 1px solid #ddd;*/
	position: relative;
	clear: both;
	width: 100%;
/*	float: left;*/
}

#signup-form li li, #login-form li li {
        margin: 0;
        padding: 0;
        border: none;
}

#signup-form li *, #login-form li * {
	float: left;
}

#signup-form #gender label {
	width: auto;
}

.mandatory {
	color: #FE0000;
        padding: 0 3px;
}

#signup-form label {
	width: 25%;
	float: left;
	text-align: right;
	margin-right: 5%;
	font-size: 1em;
	color: #666;
        font-size: 1.1em;
}

#signup-form .inline-label {
	display: inline;
        margin: 0 5px;
}

#authentication-form label * {
	float: none;
}

#signup-form .no-label label {
	text-align: left;
	float: left;
	width: 48%;
        margin-right: 0;
}

#authentication-form .no-label {
	padding-left: 30%;
	width: 70%;
}

#signup-form label.label, #login-form label.label {
	width: 25% !important;
}

#signup-form #gender_item label {
	width: auto;
}

#signup-form #gender_item div {
	float: left;
}

#signup-form .errors-graphic, #signup-form .okay-graphic {
	background-image: url("/assets/images/sprite.png");
	height: 20px;
	width: 20px;
	margin-right: 10px;
}

#signup-form .errors-graphic {
	background-position: -10px -200px;
}

#signup-form .okay-graphic {
	background-position: -40px -200px;
}


#signup-form .errors-div {
	margin-left: 10px;
	float: right;
	width: 255px;
}

#signup-form .errors-div ul {
	float: right;
	width: 225px;
}

#signup-form .errors-div ul li {
	color: #FE0000;
	margin: 0 0 5px;
}

#signup-form input {
        font-size: 1.2em;
}

#signup-form select {
        font-size: 1.1em;
}

/*#authentication-form input[type="text"], #authentication-form input[type="password"] {
	border: 1px solid #999;
	padding: 3px;
}
*/

#signup-form .input-error {
	border: 1px solid #fc8a17 !important;
}


#signup-form .hint p, #signup-form .hint .hint-footer {
	background-image: url("/assets/images/sprite.png");
}


#signup-form .hint {
	position: absolute;
	bottom: 20px;
	z-index: 2000;
	clear: both;
}

#signup-form .hint p {
	background-position: -2155px top;
	padding: 25px 30px 0;
	width: 270px;
	color: #666;
}

#signup-form .hint .hint-footer {
	background-position: -2155px bottom;
	height: 35px;
	width: 320px;
}

#signup-form .hint p {
	margin: 0;
}

#signup-form #name_item input {
	width: 125px;
}

#signup-form #name_item #name {
	margin-right: 10px;
}

#signup-form #name_item .input-text-ie {
	margin-right: 10px;
}

#signup-form #name_item .input-text-ie input {
	margin-right: 0 !important;
}

#signup-form #useremail_item input {
	width: 220px;
}

#signup-form #useFbPicture img {
	max-width: 100px;
	max-height: 100px;
}


/*	Hint positioning	*/

#signup-form #surname_hint {
	left: 554px;
	bottom: auto; /* Override positioning due to multiple (potential) errors */
	top: -60px;
}

#signup-form #useremail_hint {
	left: 506px;
}

#signup-form #user_password_hint {
	left: 466px;
}

#signup-form #dob_hint {
	left: 477px;
}


#signup-form #default_city_hint {
	left: 398px;
}

#signup-form #postcode_live_hint {
	left: 340px;
}

#signup-form #mobile_hint {
	left: 466px;
}

#authentication-form h3 {
	color: #fff;
	font-size: 1.15em;
}


#login-form #Iagree_item label, #login-form #Iagree_item label * {
	float: none !important;
}

#login-form #Iagree_item label * {
	float: none !important;
}

#login-form {
/*	background: #F5F5F5;*/
/*	float: left;*/
/*	padding: 3% 3% 0;*/
/*	width: 95%;*/
/*        height: 500px;*/
/*	border: 15px solid #F2F2F2;*/
}

#authentication-form .formError600 {
	width: 62%;
	margin-left: 26%;
	margin-bottom: 20px;
	padding: 0;
	background: none;
	border: none;
	text-align: left;
	color: #FE0000;
}

#authentication-form #facebook-login {
	width: 40%;
	float: right;
}

#authentication-form #facebook-login p {
	margin-top: 0;
}

#authentication-form #login-form form {
	/*width: 60%;*/
	/*float: left;*/
}

#authentication-form #login-form form label	 {
	width: 38%;
	float: left;
	text-align: right;
	margin-right: 2%;
	font-size: 1em;
	color: #666;
}

#authentication-form #login-form .no-label {
	padding-left: 24%;
}

#authentication-form #login-form form .no-label {
	padding-left: 40%;
        width: 60%;
}

#authentication-form #login-form #error_main {
	margin-left: 24%;
}

#authentication-form #login-form {

}

#authentication-form h1 {
	margin-bottom: 10px !important;
}

#authentication-form #login-form form #submit_item {
	margin-bottom: 10px;
}


/*		Newsletter unsubscribe		*/

#newsletter-unsubscribe {
	width: 100%;
}

#newsletter-unsubscribe li {
	margin-bottom: 10px;
}


#newsletter-unsubscribe li label {
	width: 25%;
	float: left;
	text-align: right;
	margin-right: 1%;
	color: #666;
}

#newsletter-unsubscribe .no-label {
	margin-left: 26%;
}

#newsletter-unsubscribe img {
	float: left;
}


#fb_profile_photo {
	background: #F5F5F5;
	border: 15px solid #F2F2F2;
	width: 88%;
	float: left;
	clear: both;
	margin-top: 2%;
	padding: 3%;
}

#fb_profile_photo img {
	margin-left: 40%;
	float: left;
	clear: both;
	max-width: 150px;
	margin-top: 20px;
}

#fb_profile_photo form {
	margin: 20px 0 0 30px ;
	float: left;
}


/*		New 'Meet the Team' page		*/
		
.the-team .mainContent #photos {
	float: left;
	width: 50%;
	margin: 2% 0;
}

.the-team .mainContent #photos li {
	float: left;
}

.the-team .mainContent #photos li a {
}

.the-team .mainContent #photos li img {
	max-height: 75px;
	border: none;
}

.the-team .mainContent #edit {
	float: right;
	width: 48%;
	position: relative;
}

.the-team .mainContent #edit div {
	position: absolute;
	top: 0;
}

