body {
	margin:0;
	padding:0;
	font:0.9em Verdana, Arial, Helvetica, sans-serif;
	text-align:center;
	color:#333;
	background:#fff url(bg_body.png) repeat-x top left;
}

/****************************************
main navigation and general link styling
*****************************************/
#head ul {
	display:inline;
	margin:0 30px 0 0;
	padding:0;
	list-style:none;
	position:absolute;
	bottom:12px;
	right:0
}
		  
#head li {
	float:left;
	background:url("tab_off_li.gif") no-repeat left top;
	margin:0;
	padding:0 0 0 10px;
}

#head li a {
	float:left;
	display:block;
	background:url("tab_off_a.gif") no-repeat right top;
	padding:10px 20px 3px 8px;
	text-decoration:none;
	font-weight:bold;
	color:#666;
}

/* Commented Backslash Hack hides rule from IE5-Mac \*/
#head a {float:none}
/* End IE5-Mac hack */

#head a:hover {color:#cc6600}
/* end main top nav */


ul#mymenu {
	margin:0;
	padding:0;
	list-style:none
}
ul#mymenu li {
	padding-bottom:5px
}
	ul#mymenu span { font-size:0.75em }

/* page number links on member search */
a:link.pageNum , a:visited.pageNum {
	text-decoration:none;
	font-weight:bold;
	padding:2px 7px
}
a:hover.pageNum {
	color:#666
} 


/* generic link styling */
a:link , a:visited {
	color:#cc6600; 
	text-decoration:underline;
	font-weight:bold
}
a:hover {
	text-decoration:none;
}

a#writemessageboard {background:url(bg_a_writemessageboard.png) no-repeat center left; padding:5px 20px}

a#messageuser {background:url(bg_a_messageuser.png) no-repeat center left; padding:5px 30px}

a#newer {background:url(bg_a_newer.gif) no-repeat center right; padding:10px 25px}
a#older {background:url(bg_a_older.gif) no-repeat center left; padding:10px 25px}

a#nudge_wink, a#nudge_slap, a#nudge_grin {padding:10px 40px; display:block}
a#nudge_wink {background:url(smilie_wink.gif) no-repeat center left}
a#nudge_slap {background:url(smilie_slap.gif) no-repeat center left}
a#nudge_grin {background:url(smilie_grin.gif) no-repeat center left}

/***********************
header tag stying
************************/
h1 {font-size:24px; color:#336699}
h1#venuesearch {background:url(bg_h1_venuesearch.png) no-repeat top left; height:34px; margin:0 -10px; padding:0 }
h1#filtervenues {background:url(bg_h1_filtervenues.png) no-repeat top left; height:34px; margin:0 -10px; padding:0 }
h1#membersearch {background:url(bg_h1_membersearch.png) no-repeat top left; height:34px; margin:0 -10px; padding:0 }
h1#essentialinfo {background:url(essential_info.jpg) no-repeat top left; height:34px; margin:0; padding:0}
h1#search {background:url(bg_h1_search.gif) no-repeat top left; height:34px; margin:0; padding:0}
h1#instructions {background:url(instructions.jpg) no-repeat top left; height:34px; margin:0; padding:0}
h1#accountmenu {background:url(myaccount_menu.jpg) no-repeat top left; height:34px; margin:0; padding:0}
h1#join {background:url(bg_h1_join.gif) no-repeat top left; height:34px; margin:0; padding:0}
h1#errors {background:url(bg_h1_errors.gif) no-repeat top left; height:34px; margin:0; padding:0}
h1#message {background:url(message.jpg) no-repeat top left; height:34px; margin:0; padding:0}
h1#member {background:url(member.jpg) no-repeat top left; height:34px; margin:0; padding:0}
h1#nudgeme {background:url(nudgeme.jpg) no-repeat top left; height:34px; margin:0; padding:0}
h1#myotherprofiles {background:url(my_other_profiles.jpg) no-repeat top left; height:34px; margin:0; padding:0}
h1#blank {background:url(bg_h1_blank.gif) no-repeat top left; height:34px; margin:0; padding:0}

h1#venuename, h1#membername {margin:0; padding:0; font-size:16px; font-weight:bold; color:#333; display:inline}

	h1 span {display:none}
	
h3 {font-size:16px; color:#666}

h2 {font-size:16px; margin:0 0 10px}

/************************
general text styling
*************************/
span.label {font-size:90%; color:#666; font-weight:bold}
span.star {font-size:16px; color:#cc0000; font-weight:bold}
span.join_note {font-size:12px; color:#666}
span.form_err {background:#eee; color:#cc0000; font-size:14px; padding:2px 4px; border:1px dashed #cc0000; display:block; width:416px; margin:2px 0}
span.currentPageNum {background:#fff; padding:3px 0; border-left:1px solid #b5b5b5; border-right:1px solid #b5b5b5; height:30px}
* html span.currentPageNum {padding:1px 0}

div#left p {margin:0 0 10px}
div#right p {margin: 0 0 5px}

p.error {color:#CC0000; font-size:14px; font-weight:bold; background:#efefef; padding:3px 5px; border:1px dashed #cc0000; text-align:center; margin-top:20px}
p.success {color:#339900; font-size:14px; font-weight:bold; background:#eee; padding:3px 5px; border:1px dashed #339900; text-align:center; margin-top:20px}
p.featuretext {margin:0; padding:0 0 5px}
p#newslinks {margin:10px 0 0; text-align:center}
p.eventfooter {font-size:11px; color:#666; padding:5px 0 0}

ol {margin-bottom:0; padding-bottom:0}
ol#join_steps {margin:0px; padding:0; list-style-type:none}
ol#join_steps li {padding:1px 5px}
ol#join_steps li#currentstage {font-weight:bold; padding:1px 5px; background:#efefef}
ol#join_steps span { font-size:0.75em }

address {font-style:normal}

blockquote#memberpage_text {padding:0 10px; margin:0; background:#eee; line-height:15px; position:relative}
	blockquote#memberpage_text p {padding:0; margin:0}


/************************
table styling
*************************/

/* left column in homepage search boxes */
div#searchwrap td.leftcell {width:110px; color:#ddd; padding:0; vertical-align:middle}
div#searchwrap td.leftcol {width:110px; padding:0; vertical-align:middle; text-align:right; color:#666}
div#search_member td.leftcell, div#membersearch td.leftcell {width:110px; color:#fff; padding:0; vertical-align:middle}

/* table to hold member details on venue page */
table.venuemember_tbl td {padding:0 5px}
table.venuemember_tbl td.leftcell {vertical-align:top; width:60px; padding:0; text-align:center}
table.venuemember_tbl td.rightcell {vertical-align:top}

table#memberdetails, table#venuedetails {width:100%; margin-top:10px}
table#memberdetails td, table#venuedetails td {border-bottom:1px solid #eee}
table#memberdetails td.leftcell {width:130px}
table#venuedetails td.leftcell {width:85px}

td.homepage_members_left {width:60px; text-align:center; vertical-align:top}
td.homepage_members_right {text-align:left; vertical-align:top; padding-left:5px}

/* registration tables */
table.join_tbl {width:100%; margin:10px 0 0}
table.join_tbl td {padding:2px 5px}
table.join_tbl td.col_label {width:120px; text-align:right; vertical-align:top}
table.join_tbl label {font-weight:normal}

/* container table on pages such as member.php and venue.php to keep the layout stable and flowing */
table#maincontent_tbl {width:100%; margin-top:-10px}
table#maincontent_tbl tr td {vertical-align:top}

/* left column in search page search box */
div#membersearchleft td.leftcell {width:85px}

/* general table */
table.generic_tbl td {padding:3px}

td.leftcell {
	color:#666;
	text-align:right;
	padding-right:5px
}

td.last {padding:5px 10px}
td.notlast {padding:5px 10px; border-bottom:1px solid #ccc}

/************************
header styling
*************************/
div#head {
	height:122px;
	position:relative;
	text-align:left;
	margin:0
}


/************************
main containers
*************************/

/* holder for all content between header and footer */
div#mainwrap {
	text-align:left;
	margin:0
}

div#fixedwrap, div#loginwrap {
	text-align:left;
	margin:10px auto;
	width:760px
}
	div#loginwrap {width:620px}


/************************
main content divs
*************************/

/* holder to clear map from search boxes */
div#mapwrap {
	margin:10px 370px 0 10px; 
	padding:10px 10px 5px;
	border:2px solid #ccc
}

/* adjust margin for p.success and p.error feedback messages on map page */
div#mapwrap p {margin-top:5px}

/* homepage div to hold google map */
div#map {
	border:1px solid #999;
	height:454px;
	margin-bottom:5px
}

div#novenues {
	margin:0 365px 0 0; 
	padding:0 10px
}

/* holds all content on homepage to left of search boxes */
div#homecontent {
	margin:0 370px 0 10px; 
	padding:0
}
	/* IE 3px jog fix part 2 */
	* html div#homecontent {margin-right:367px; height:1%}
	/* IE5 Mac doesn't like above fix so add fix for Mac */
	* html>body div#homecontent {height:auto}

/* intro text on homepage */
div#introtext {
	clear:both;
	overflow:hidden;
	margin:10px 10px 0
}

/* blue graphic titles on round boxes in venue page content */
div#title_thaspots, 
div#title_venuereview, 
div#title_venuelocation, 
div#title_ihanghere, 
div#title_hangwith, 
div#title_createprofile, 
div#title_uploadphoto, 
div#title_yourdetails, 
div#title_yourprofile, 
div#title_userandpass,
div#title_signin,
div#title_signout,
div#regcomplete,
div#title_editprofile,
div#title_editdetails,
div#title_editpass,
div#title_changephoto,
div#title_writemessageboard,
div#title_favemembers,
div#title_members,
div#title_addlocation1,
div#title_addlocation2,
div#title_sendmessage,
div#title_comingsoon,
div#title_aboutwhh,
div#title_venue,
div#title_sopt_picture,
div#title_thankyou,
div#title_retrieve,
div#title_emailpref,
div#title_noresults,
div#title_removevenues,
div#title_addvenues,
div#title_addfavemembers,
div#title_removemembers,
div#title_privacy,
div#title_termsofuse,
div#title_messageboard,
div#title_writemessageboard,
div#title_blank,
div#title_events,
div#title_eventdetails,
div#title_eventmessageboard,
div#title_myevents,
div#title_regcomplete,
div#title_myfans { height:36px; margin:0; padding:0 }

div.title { height:34px; margin:0; padding:0 }

div#title_thaspots {background:url(wehang_here.jpg) no-repeat top left; height:36px }
div#title_venuereview {background:url(spot_review.jpg) no-repeat top left; height:36px }
div#title_venuelocation {background:url(spot_location.jpg) no-repeat top left }
div#title_ihanghere {background:url(ihang_here.jpg) no-repeat top left }
div#title_hangwith {background:url(idliketo_to_hang_here.jpg) no-repeat top left }
div#title_createprofile {background:url(bg_title_createprofile.gif) no-repeat top left }
div#title_uploadphoto {background:url(bg_title_uploadphoto.gif) no-repeat top left }
div#title_yourdetails {background:url(bg_title_yourdetails.gif) no-repeat top left }
div#title_yourprofile {background:url(bg_title_yourprofile.gif) no-repeat top left }
div#title_userandpass {background:url(bg_title_userandpass.gif) no-repeat top left }
div#title_signin {background:url(signin_or_jjoin.jpg) no-repeat top left }
div#title_signout {background:url(bg_title_signout.gif) no-repeat top left }
div#title_editprofile {background:url(bg_title_editprofile.gif) no-repeat top left }
div#title_editdetails {background:url(bg_title_editdetails.gif) no-repeat top left }
div#title_editpass {background:url(bg_title_editpass.gif) no-repeat top left }
div#title_changephoto {background:url(bg_title_changephoto.gif) no-repeat top left }
div#title_writemessageboard {background:url(bg_title_writemessageboard.gif) no-repeat top left }
div#title_favemembers {background:url(myfavourite_member.jpg) no-repeat top left }
div#title_favevenues {background:url(myfavouritespot.jpg) no-repeat top left }
div#title_members {background:url(member.jpg) no-repeat top left }
div#title_addlocation1 {background:url(essential.jpg) no-repeat top left }
div#title_addlocation2 {background:url(extra_info.jpg) no-repeat top left }
div#title_sendmessage {background:url(send_message.jpg) no-repeat top left }
div#title_comingsoon {background:url(bg_title_comingsoon.gif) no-repeat top left }
div#title_aboutwhh {background:url(about_thaspots.jpg) no-repeat top left }
div#title_venue {background:url(spot.jpg) no-repeat top left }
div#title_sopt_picture {background:url(spot_picture.jpg) no-repeat top left }
div#title_thankyou {background:url(bg_title_thankyou.gif) no-repeat top left }
div#title_retrieve {background:url(retrieve_password.jpg) no-repeat top left }
div#title_emailpref {background:url(email_prefernces.jpg) no-repeat top left }
div#title_noresults {background:url(nosearchresult.jpg) no-repeat top left }
div#title_removevenues {background:url(remove.jpg) no-repeat top left }
div#title_addvenues {background:url(addspot.jpg) no-repeat top left }
div#title_addfavemembers {background:url(add_favourite_members.jpg) no-repeat top left }
div#title_removemembers {background:url(remove_favourite_members.jpg) no-repeat top left }
div#title_privacy {background:url(bg_title_privacy.gif) no-repeat top left }
div#title_termsofuse {background:url(bg_title_termsofuse.gif) no-repeat top left }
div#title_myfans {background:url(my_fans.jpg) no-repeat top left }
div#title_messageboard {background:url(message_board.jpg) no-repeat top left }
div#title_writemessageboard {background:url(bg_title_writemessageboard.gif) no-repeat top left }
div#title_blank {background:url(bg_title_blank.gif) no-repeat top left }
div#title_events {background:url(event.jpg) no-repeat top left }
div#title_eventdetails {background:url(event_details.jpg) no-repeat top left  }
div#title_eventmessageboard {background:url(bg_title_eventmessageboard.gif) no-repeat top left  }
div#title_regcomplete {background:url(bg_title_regcomplete.gif) no-repeat top left  }
div#title_myevents {background:url(myevents.jpg) no-repeat top left  }
div#title_blog {background:url(bg_title_blog.gif) no-repeat top left  }
div#title_yourfriends {background:url(bg_title_yourfriends.gif) no-repeat top left  }

div#title_featuredvenue {background:url(featuredspot.jpg) no-repeat top left }
div#title_featuredmember {background:url(featuredmember1.jpg) no-repeat top left }
div#title_sign {background:url(signin.jpg) no-repeat top left }
div#title_venuemap {background:url(spotmap.jpg) no-repeat top left }
div#title_welcome {background:url(bg_title_welcome.gif) no-repeat top left }
div#title_venuesearch {background:url(spotsearch.jpg) no-repeat top left }
div#title_membersearch {background:url(membersearch.jpg) no-repeat top left }
div#title_latestnews {background:url(bg_title_latestnews.gif) no-repeat top left }
div#title_filtervenues {background:url(filterspot.jpg) no-repeat top left }

/* blue graphic titles on round boxes in member page content */
div#title_aboutme {background:url(aboutme.jpg) no-repeat top left; height:34px; margin:0; padding:0 }
div#title_hangwith {background:url(idliketo_to_hang_here.jpg) no-repeat top left; height:34px; margin:0; padding:0 }


/* grey rounded boxes for holding main and left content*/
div.roundbox_top, div.roundgreybox_top {
	background: url(roundbox_tleft.gif) no-repeat top left;
	height: 11px;
	margin: 18px 0 0;
}
div.roundgreybox_top {background: url(roundgreybox_tleft.gif) no-repeat top left}

div.roundbox_bot, div.roundgreybox_bot {
	background: url(roundbox_bot.gif) no-repeat top left;
	height: 11px;
	margin: 0 0 10px;
}
div.roundgreybox_bot {background: url(roundgreybox_bot.gif) no-repeat top left}

div.roundbox_bot283 {
	background: url(roundbox_bot283.gif) no-repeat top left;
	height: 11px;
	margin: 0 0 10px;
}
div.roundgreybox_bot283 {
	background: url(roundgreybox_bot283.gif) no-repeat top left;
	height: 11px;
	margin: 0 0 10px;
}
div.roundbox_bot350 {
	background: url(roundbox_bot350.gif) no-repeat top left;
	height: 11px;
	margin: 0 0 10px;
}
div.roundbox, div.roundgreybox {
	margin: 0;
	padding:5px 10px 0;
	border-right: 1px solid #B5B5B5;
	border-left: 1px solid #B5B5B5;
	background:#fff
}
div.roundgreybox { background:#eee }

	div.roundbox p, div.roundgreybox p {margin:5px 0 0; position:relative}

/* grey background rounded boxes for holding member about me text */
div#membertext_top {
	background:#eee url(membertext_tleft.gif) no-repeat top left;
	height: 11px;
	margin: 0;
}
div#membertext_bot {
	background:#eee url(membertext_bleft.gif) no-repeat top left;
	height: 11px;
	margin: 0;
}

/* main content on venue page */
div#venuemain, div#mainright, div#accountmain {
	margin:0 0 0 293px; 
	position:relative;
	padding:0 10px;
}
	
/*div#venuemain { height:870px }
html>body div#venuemain {height:auto; min-height:870px;}*/

div#accountmain { height:1100px }
html>body div#accountmain {height:auto; min-height:1100px}

/* box to hold each member on venue page */	
div.venuemember, div.memberfaves, div.homepagemembers, div.homepagevenues {
	padding:5px 5px 3px;
	border:1px solid #ccc;
	width:200px;
	float:left;
	display:inline;
	height:80px;
	margin:5px 5px;
	position:relative;
	font-size:12px;
	overflow:hidden;
	background:url(bg_featureditem.gif) repeat-x bottom left
}
div.memberfaves { height:100px }
div.homepagemembers, div.homepagevenues { height:80px; width:180px; padding:3px 3px 1px }
div.homepagemembers { height:100px }

div.homepagemembers table tr td.gendercell {text-align:right; vertical-align:middle}
div.homepagemembers table tr td.leftcell {text-align:left; vertical-align:middle}


div#nosearchresults {color:#CC0000; font-size:14px ; background:#eee; padding:90px 10px; border:1px dashed #cc0000; text-align:center}

div.pagelist, div.pagelist_bot {
	background:#efefef;
	margin:10px 0;
	padding:2px 5px;
	position:relative;
	line-height:normal;
	border:1px solid #b5b5b5;
}
div.pagelist_bot {margin:10px 0 0}


/* div to clear content below floats */
div.clear {
	clear:both; 
	height:1px; 
	overflow:hidden
} 

/* div to clear left floats in homepage main content */
div.clearleft {
	clear:left; 
	height:1px; 
	overflow:hidden
} 

div#join, div#signin {width:255px; text-align:left; padding:10px; height:220px; margin:0 10px; line-height:20px}
div#join {background:url(bg_join.png) no-repeat top center}
div#signin {background:url(exit_bg.jpg) no-repeat top center}
div#join h2, div#signin h2 {margin:3px -10px 10px; font-size:16px; padding:0 10px 5px; color:#fff}
div#signin h2 {background-image:url(exiting_member.jpg);width:265px;height:34px}
div#join h2 {background-image:url(new_member.jpg);width:265px;height:34px}
div#signin label {color:#1C4860}


div#bubble_title {
	margin:0; padding:5px 10px; background:url(bg_bubble_title.png) no-repeat top left
}
	div#bubble_title a { color:#fff }
	
div#addreview p {margin:10px 0 5px}
div#addreview label {color:#666}

div.review {line-height:22px; margin:10px 0 0}
div.odd {background:#eee}

/* sample map shown in the homepage */
div#mapsample {
	border:1px solid #999;
	overflow:hidden;
	height:80px;
	margin-top:8px;
	background:url(mapsample.png) no-repeat top left
}
	div#mapsample a { display:block; padding-bottom:105px; text-decoration:none }

div.hr {
	margin:5px;
	padding:0;
	height:0;
	font-size:0;
	border-top:1px solid #ccc
}
/************************
right divs
*************************/

/* holder for both search boxes on homepage */
div#searchwrap {
	width:350px;
	margin:0 10px 0 0;
	padding:0;
	float:right;
	display:inline;
}
	/* IE 3px jog fix part 1 */
	* html div#searchwrap {margin-left:-3px}
	
div#searchwrap form {margin:0; padding:0}

/* homepage venue search box */
div#search_venue, div#filter_venue, div#venuesearch {
	background:#1C4860 url(bg_search_venue.png) no-repeat bottom right;
	padding:0 10px 10px;
	margin:0 0 10px;
	color:#fff
}
	div#search_venue p, div#filter_venue p, div#venuesearch p {font-weight:bold; margin:5px 0; font-size:12px; text-align:center; color:#FFCC00}

/* homepage member search box */
div#search_member, div#membersearch {
	background:#007ED2 url(bg_search_member.png) no-repeat bottom right;
	padding:0 10px 10px;
	color:#fff
}



/* 1px line with OR text on homepage search forms */
div.vsearch_spacer, div.msearch_spacer, div.msearchrs_spacer {
	background:url(bg_search_spacer.gif) no-repeat center;
	text-align:center;
	font-size:12px; 
	font-weight:bold;
	margin:3px 0;
	color:#eee
}
	div.vsearch_spacer span {background:#1C4860; padding:0 5px}
	div.msearch_spacer span {background:#007ED2; padding:0 5px}
	div.msearchrs_spacer span {background:#fff; padding:0 5px; color:#333}
	
div.or_spacer {
	background:url(bg_or_spacer.gif) no-repeat center;
	text-align:center;
	font-size:12px; 
	font-weight:bold;
	margin:3px 0;
	color:#fff
}
	div.or_spacer span {background:#999; padding:0 5px}
	

/************************
left divs
*************************/

/* left column on venue page */	
div#venueleft, div#joinleft, div#membersearchleft {
	width:283px; 
	position:absolute;
	top:140px;
	left:10px;
	padding:0;
}
div#membersearchleft { /*width:350px*/ }

/* div showing the venue type symbol */
div#venuetype, div#gender {
	float:left;
	width:70px;
	text-align:center
}
	div#venuetype p, div#gender p {margin:0 0 5px}

div#nameandrating {margin-left:70px; position:relative}

/************************
footer divs
*************************/
div#foot {
	background:url(footer_img.jpg) repeat-x bottom left;
	padding:50px 10px 5px;
	color:#333;
	text-align:center;
	font-size:11px;
	font-weight:bold;
	border-bottom:1px solid #ccc
}
	div#foot a {text-decoration:underline; color:#fff}
	div#foot a:hover {text-decoration:none}

div#footfoot {
	height:5px;
	background:#eee;
	font-size:0;
	border-bottom:1px solid #ccc
}


/************************
form styling
*************************/
form {margin:0; padding:0}

input, select {font:0.9em Verdana, Arial, Helvetica, sans-serif}

label {font-weight:bold; font-size:12px}

input.checkbox {padding:0; margin:0 5px 0 0; line-height:normal}

select.ddl_width {width:229px}


/************************
image styling
*************************/
img {border:none}
img.framed {padding:5px; border:1px solid #ccc; background:#fff}
img.framed2 {padding:3px; border:1px solid #ccc; background:#fff}
img.pubimg{
	display: block;
	border:1px solid #B5B5B5;
	/* margin:10px 0; */
	margin-left: auto;
	margin-right: auto;
	padding:5px
}
img.filtericon {vertical-align:middle}