/* -- [ Mix and Meet ] --------------------------------------------------------------------

	Developers:	Mathieu Dargavel
				David John
				Jessy Ouellette
				
	HTML/CSS:	Teddy Hwang
				Winnie Ho

---------------------------------------------------------------------------------------- */

/* ----- [ The Basics ] ---------------------------------------------------------------- */

* {
	margin: 0 auto;
	padding: 0px;
}

* p {
	margin: 7px 0;
}

body {
	font-size: 62.5%; /* Resets 1em to 10px */
	font-family: "Lucida Grande", Lucida, Verdana, sans-serif;
	background: url(../images/background.jpg) repeat-x #fdfdfd;
	color: #333333;
	text-align: left;
	height: 100%;
}

#account {
	background: url(../images/background-account.jpg) repeat-x #fdfdfd;
}

.hidden {
	position: absolute;
	left: -10000px;
}

.bot-not {
	display: none;
}

a:visited, a:link, a:active {
	color: #69ba2d;
	text-decoration: underline;
	padding: 1px 0;
	outline: none;
}

a:hover	{
	text-decoration: none;
	background: #69ba2d;
	color: #fff;
}

a img, a:hover img	{border: 0px;background-color: transparent;}
a.no_background:hover {background: none;}

h1, h2, h3 {
	font-family: "Helvetica Neue", Helvetica, Arial;
	color: #69ba2d;
}

small {
	color: #777;
}

.blue {
	color: #1a5286;
}

.left		{float: left;}
.right		{float: right;}
.alignleft	{text-align: left;}
.alignright	{text-align: right;}

.middle {
	display: block;
	margin: 0 auto;
	text-align: center;
}

.clear {
	clear: both;
}

/* ----- [ The Framework ] ------------------------------------------------------------- */

#header {
	width: 100%;
	background: url(../images/header.jpg) no-repeat 50% top;
	height: 211px;
}

#header .content {
	width: 960px;
	height: 211px;
	position: relative;
	background: url(../images/header_people.png) no-repeat 415px 0px;
}

#header img {
	margin: 20px 0 0 10px;
}

#header h1 {
	color: #fff;
	width: 323px;
	height: 32px;
	font-size: 25px;
	margin: 5px 0 0 10px;
	background: url(../images/slogan-trans.png) no-repeat;
	text-indent: -10000px;
}

#top {
	background: url(../images/top-trans.png) no-repeat 0 top;
	width: 960px;
	padding-top: 5px;
	margin: -30px auto 20px auto;
}

#homepage #top {
	background: url(../images/top_home-trans.png) no-repeat 0 top;
}

#bottom {
	background: url(../images/bottom.jpg) no-repeat 0 bottom;
	padding-bottom: 5px;
}

#middle {
	background: url(../images/middle.jpg) repeat-y 0 0;
}

#middle ul {
	list-style-type: none;
	margin: 5px 0 10px 20px;
}

#middle ul li {
	background: url(../images/li-trans.png) no-repeat left 4px;
	padding: 0 0 0 14px;
}

#gradient {
	background: url(../images/gradient.jpg) no-repeat 1px top;
	font-size: 1.2em;
	padding: 0 0 20px 0;
}

#footer {
	width: 960px;
	font-size: 1.2em;
	border-top: solid 5px #c5c5c5;
	padding: 10px 0 20px 0;
	color: #717171;
}

#footer a {
	color: #333;
	text-decoration: none;
}

#footer a:hover {
	background: none;
	text-decoration: underline;
}

#footer .right {
	font-size: 10px;
	color: #a1a1a1;
}

/* ---- [ Homepage ] ------------------------------------------------------------------- */

#homepage #gradient {
	background: url(../images/homepage.jpg) no-repeat 1px top;
	padding: 0 0 20px 0;
}

.intro {
	margin: 10px 0 10px 10px;
	width: 480px;
}

.intro h2 {
	font-size: 22px;
	font-weight: normal;
	margin: 10px 20px 10px 20px;
	background: url(../images/second_slogan-trans.png) no-repeat;
	text-indent: -10000px;
	height: 54px;
}

.intro h2 span {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-style: italic;
	font-weight: bold;
}

.intro ul li {
	width: 206px;
	margin: 0 20px 5px 0;
	float: left;
}

.intro p {
	clear: both;
	margin: 10px 0 0 110px;
}

a.sign_up {
	background: url(../images/sign_up-trans.png) no-repeat 0 0;
	width: 111px;
	height: 26px;
	padding: 0;
	display: block;
	margin: 0;
	text-indent: -10000px;
}

a.sign_up:hover	{background: url(../images/sign_up-trans.png) no-repeat 0 -26px;}
a.sign_up:active	{background: url(../images/sign_up-trans.png) no-repeat 0 -52px;}

#homepage_login {
	padding-top: 85px;
	float: left;
}

#homepage_login p {
	margin: 0;
	float: left;
}

#homepage_login input {
	border: none;
	outline: none;
	color: #7c7c7c;
}

#homepage_login #email {
	background: url(../images/email.jpg) no-repeat;
	font-size: 12px;
	width: 216px;
	height: 21px;
	padding: 5px 0 0 5px;
	margin: 0 20px 0 0;
}

#homepage_login #password {
	background: url(../images/password.jpg) no-repeat;
	width: 135px;
	height: 23px;
	padding: 3px 0 0 5px;
	margin: 0 20px 0 0;
}

a.login {
	background: url(../images/login-trans.png) no-repeat 0 0;
	width: 60px;
	height: 27px;
	padding: 0;
	display: block;
	float: left;
	margin: -1px 0 0 0;
	text-indent: -10000px;
}

a.login:hover	{background: url(../images/login-trans.png) no-repeat 0 -27px;}
a.login:active	{background: url(../images/login-trans.png) no-repeat 0 -54px;}

a.dashboard {
	background: url(../images/dashboard-trans.png) no-repeat 0 0;
	width: 133px;
	height: 27px;
	padding: 0;
	display: block;
	float: left;
	margin: -1px 0 0 0;
	text-indent: -10000px;
}

a.dashboard:hover	{background: url(../images/dashboard-trans.png) no-repeat 0 -27px;}
a.dashboard:active	{background: url(../images/dashboard-trans.png) no-repeat 0 -54px;}

a.send {
	background: url(../images/send-trans.png) no-repeat 0 0;
	width: 63px;
	height: 28px;
	padding: 0;
	display: block;
	float: left;
	margin: -1px 0 0 0;
	text-indent: -10000px;
}

a.send:hover	{background: url(../images/send-trans.png) no-repeat 0 -28px;}
a.send:active	{background: url(../images/send-trans.png) no-repeat 0 -56px;}

#steps {
	margin-top: 10px;
}

.step {
	margin: 0 10px;
	width: 220px;
	float: left;
}

.step h2 a {
	text-indent: -10000px;
	width: 220px;
	height: 160px;
	display: block;
}

#one a		{background: url(../images/steps.png) no-repeat 0 0;}
#two a		{background: url(../images/steps.png) no-repeat -220px 0;}
#three a	{background: url(../images/steps.png) no-repeat -440px 0;}

.step p {
	line-height: 20px;
}

#page .sign_up_today {
	float: right;
	margin: 30px 0 10px 20px;
}

a.sign_up_today, a.get_started {
	text-indent: -10000px;
	width: 220px;
	height: 42px;
	display: block;
	margin: 60px 0 0 10px;
	float: left;
	padding: 0;
}

a.sign_up_today			{background: url(../images/sign_up_today-trans.png) no-repeat 0 0;}
a.get_started			{background: url(../images/get_started.jpg) no-repeat 0 0;}
a.sign_up_today:hover	{background: url(../images/sign_up_today-trans.png) no-repeat 0 -42px transparent;}
a.get_started:hover		{background: url(../images/get_started.jpg) no-repeat 0 -42px transparent;}

.learn_more {
	text-align: center;
	width: 214px;
	margin: 10px 0 0 10px;
	float: left;
	padding: 5px 2px;
	font-size: 16px;
}

.register_for_free {
	background: url(../images/register_for_free.jpg) no-repeat;
	width: 146px;
	height: 21px;
	text-indent: -10000px;
	margin: 10px;
	float: right;
}

h1 a.sign_up-big {
	background: url(../images/sign_up.jpg) no-repeat 0 0;
	width: 300px;
	height: 38px;
	padding: 0;
	text-indent: -10000px;
	display: block;
	margin: 10px;
	clear: both;
}

h1 a.sign_up-big:hover {
	background: url(../images/sign_up.jpg) no-repeat 0 -38px;
}

/* ---- [ Forms ] ---------------------------------------------------------------------- */

.form {
	padding: 20px;
	font-size: 14px;
	margin: 0 auto;
}

.form form {
	padding: 20px;
}

.form .checkbox {
	margin: 2px 0;
}

.form p label {
	display: block;
	float: left;
	font-family: "Lucida Grande", Lucida, Verdana, sans-serif;
}

label {
	cursor: pointer;
}

input {
	font-size: 15px;
	padding: 3px 5px;
	margin: -7px 0 0 0;
}

.error {
	color: red;
	margin: 0 0 20px 0;
	font-size: 12px;
}

.error h2 {
	font-weight: normal;
}

.form .error p {
	margin: 10px 0;
	line-height: 18px;
}

#middle .error ul {
	margin: 0 0 15px 40px;
	color: #333;
	list-style-type: square;
}

#middle .error ul li {
	background: none;
	padding: 0;
}

.valid {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-style: italic;
	font-size: 12px;
	color: green;
	margin: 0 0 0 10px;
}

.invalid {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-style: italic;
	font-size: 12px;
	color: red;
	margin: 0 0 0 10px;
}

/* ---- [ System Messages ] ------------------------------------------------------------ */

.flash {
	width: 780px;
	margin: 0 auto 30px auto;
	padding: 5px 10px;
	position: relative;
	text-align: center;
	top: 15px;
}

.notice {
	background: #CCFFCC;
	border: solid 1px green;
	color: green;
	font-size: 12px;
}

/* ----- [ Login ] --------------------------------------------------------------------- */

#login			{width: 540px;}
#login form p	{margin: 25px 0;}

#login label	{
	width: 110px;
	margin: 0 20px 0 0;
	text-align: right;
}

#login_id {
	width: 300px;
}

#login_pw {
	width: 140px;
	float: left;
	margin: -5px 0 0 0;
}

#remember_me {
	float: left;
	margin: 1px 5px 0 130px;
	width: auto;
}

#forgot_password_container {
	font-size: 12px;
	float: left;
	color: #888;
	width: auto;
	margin: 3px 0 0 10px;
}

#login h3 {
	font-weight: normal;
	margin: 0;
}

#login .checkbox label {
	width: auto;
	font-size: 11px;
	float: none;
	display: inherit;
	text-align: left;
	margin: 3px 0 0 0;
}

#login .login {
	margin: 0 0 0 130px;
}

/* ----- [ Sign Up and Secondary Pages ] ----------------------------------------------- */

#signup, #page {
	width: 780px;
}

.popup {
	background: url(../images/b.png);
	clear: both;
	position: absolute;
	border: solid 1px #fff;
	z-index: 100;
	width: 500px;
	text-align: center;
	padding: 10px 0px;
	-webkit-border-radius: 10px; 
	-moz-border-radius: 10px;
}

.create_group {
	background: url(../images/b.png);
	clear: both;
	top: 100px;
	left: 50%;
	width: 400px;
	margin: 0 0 0 -200px;
	position: absolute;
	border: solid 1px #fff;
	z-index: 100;
	text-align: center;
	padding: 10px;
	-webkit-border-radius: 10px; 
	-moz-border-radius: 10px;
}

.create_group div {
	background: #fff;
	padding: 20px;
}

.create_group p {
	margin: 14px 0;
}

#signup .create_group label, .create_group label {
	width: 150px;
	float: left;
	text-align: right;
	margin-right: 20px;
	display: block;
}

#signup .create_group select, .create_group select {
	float: left;
	width: 140px;
}

#signup .create_group input {
	width: auto;
}

.original {
	top: 50%;
	left: 50%;
	margin: 0 0 0 -250px;
}

.front {
	top: 30px;
	left: 50%;
	margin: 0 0 0 -350px;
}

.faq {
	top: 1100px;
	left: 50%;
	margin: 0 0 0 -350px;
}

.popup .middle {
	padding: 5px 0;
	margin: 0 10px;
	background: #fff;
}

#signup_map_help {
	text-decoration: none;
	margin: 0;
}
a#signup_map_help:hover {
	background: white;
	color: #69BA2D;
}

.popup img { 
	width: auto;
	margin: 0 auto;
}

.popup .right {
	margin-bottom: 20px;
}

.popup div {
	margin: 0 10px;
	background: white;
}
.popup p {color: #69BA2D;}

#my_age_group {
	background: #fff;
	padding: 5px;
	margin: 0 10px;
}

#sub_container {
	background: #fff;
	margin: 0 10px;
	padding: 5px;
}

#page {
	padding-top: 20px;
}

#page h2 {
	font-weight: normal;
	font-size: 16px;
	margin: 25px 0 0 0;
}

#page h3 {
	font-weight: normal;
	font-size: 16px;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-style: italic;
	margin: 25px 0 0 0;
}

#page p	{
	margin: 14px 0;
	line-height: 16px;
}

#page form p	{margin: 20px 0;}

#page label {
	width: 140px;
	display: block;
	float: left;
	margin-right: 20px;
	text-align: right;
}

#page input, #page select {
	width: 220px;
}

#page textarea {
	width: 374px;
	height: 144px;
	padding: 3px;
	font-size: 14px;
}

#page .send {
	margin: -10px 0 0 160px;
}

#signup form p {
	margin: 25px 0;
}

#signup label {
	width: 220px;
	text-align: right;
	margin: 0 20px 0 0;
}

#signup input {
	width: 300px;
}

#signup .radios label {
	width: 70px;
	float: left;
	margin: 0 0px 0 5px;
	text-align: left;
}

#signup .radios input {
	float: left;
	margin: 0;
}

#signup select {
	margin: 0 10px 0 0;
}

#signup .checkbox input {
	float: left;
	width: auto;
	margin: 1px 10px 0 240px;
}

#signup .checkbox label {
	width: auto;
	float: left;
	display: inherit;
	text-align: left;
	font-size: 12px;
}

#signup .radio, #signup #update_profile {
	width: auto;
}

#signup .sign_up, #update_profile {
	margin: 20px 0 0 240px;
}

#faqs h2 a {
	font-size: 12px;
	float: right;
	margin: 0 0 0 10px;
}

/* ----- [ Account ] ------------------------------------------------------------------- */

#account #header {
	width: 100% !important;
	background: url(../images/header-account.jpg) no-repeat 50% top;
	height: 96px;
}

#account #header .content {
	background: none;
	position: static;
}

#account #header img	{margin: 15px 0 0 10px;}
#account #header p		{margin: 15px 10px 0 0;}

a.logout {
	background: url(../images/logout-trans.png) no-repeat 0 0;
	width: 69px;
	height: 25px;
	text-indent: -10000px;
	display: block;
	padding: 0;
}

a.logout:hover	{background: url(../images/logout-trans.png) no-repeat 0 -25px;}
a.logout:active	{background: url(../images/logout-trans.png) no-repeat 0 -50px;}

#navigation {
	width: 960px;
	margin: 0 auto 6px auto;
}

#navigation ul {
	margin: 0 10px;
	list-style-type: none;
	font-size: 12px;
}

#navigation ul li {
	float: left;
	margin-right: 15px;
	height: 38px;
}

#navigation ul li a {
	float: left;
	display: block;
	height: 23px;
	text-decoration: none;
	padding: 15px 10px 0 0;
	text-indent: 45px;
	color: #3f5911;
	min-width: 90px;
	width: auto !important;
	width: 90px;
}

#navigation ul li#dashboard a {
	width: auto;
}

#navigation ul li#editprofile a {
	width: 130px;
}

#navigation #nav li ul li {
	width: auto;
}

#navigation #nav li ul li a {
	text-indent: 0;
	width: 120px !important;
}

#navigation ul li#messages a {
	width: 100px;
}

#navigation ul li .active {
	color: #fff;
	text-shadow: 1px 1px 0 #273809;
	font-weight: bold;
	font-size: 11px;
}

#dashboard a				{background: url(../images/navigation.jpg) no-repeat 0 0;}
#editprofile a				{background: url(../images/navigation.jpg) no-repeat -140px 0;}
#settings a					{background: url(../images/navigation.jpg) no-repeat -280px 0;}
#venues a					{background: url(../images/navigation.jpg) no-repeat -420px 0;}
#groups a					{background: url(../images/navigation.jpg) no-repeat -560px 0;}
#messages a					{background: url(../images/navigation.jpg) no-repeat -560px 0;}

#dashboard a:hover			{background: url(../images/navigation.jpg) no-repeat 0 -38px;}
#editprofile a:hover		{background: url(../images/navigation.jpg) no-repeat -140px -38px;}
#settings a:hover			{background: url(../images/navigation.jpg) no-repeat -280px -38px;}
#venues a:hover				{background: url(../images/navigation.jpg) no-repeat -420px -38px;}
#groups a:hover				{background: url(../images/navigation.jpg) no-repeat -560px -38px;}
#messages a:hover				{background: url(../images/navigation.jpg) no-repeat -560px -38px;}

#dashboard .active			{background: url(../images/navigation.jpg) no-repeat 0 -76px;}
#editprofile .active		{background: url(../images/navigation.jpg) no-repeat -140px -76px;}
#settings .active			{background: url(../images/navigation.jpg) no-repeat -280px -76px;}
#settings .active			{background: url(../images/navigation.jpg) no-repeat -280px -76px;}
#venues .active				{background: url(../images/navigation.jpg) no-repeat -420px -76px;}
#groups .active				{background: url(../images/navigation.jpg) no-repeat -560px -76px;}
#messages .active				{background: url(../images/navigation.jpg) no-repeat -560px -76px;}

#dashboard a.active:hover	{background: url(../images/navigation.jpg) no-repeat 0 -76px;}
#editprofile a.active:hover	{background: url(../images/navigation.jpg) no-repeat -140px -76px;}
#settings a.active:hover	{background: url(../images/navigation.jpg) no-repeat -280px -76px;}
#venues a.active:hover		{background: url(../images/navigation.jpg) no-repeat -420px -76px;}
#groups a.active:hover		{background: url(../images/navigation.jpg) no-repeat -560px -76px;}
#messages a.active:hover		{background: url(../images/navigation.jpg) no-repeat -560px -76px;}

#messages a span {
	font-size: 10px;
}


#venues a:hover {
	cursor: default;
}

#venues ul li a:hover {
	cursor: pointer;
}

#nav ul {
	padding: 0;
	margin: 0;
	list-style: none;
}

#nav li ul {
	position: absolute;
	width: 10em;
	left: -999em;
	margin: 38px 0 0 0;
	border-top: solid 1px #78ab20;
	z-index: 100;
}

#navigation #nav li ul li {
	height: auto;
}

#nav #settings ul li a, #nav #venues ul li a, #nav #groups ul li a, #nav #messages ul li a {
	background: #d1f0c4;
	display: inline;
	padding: 7px 10px 8px 10px;
	width: 120px;
	border-bottom: solid 1px #78ab20;
	height: auto;
	margin: 0 0 0 0;
}

#nav #settings ul li a:hover, #nav #venues ul li a:hover, #nav #groups ul li a:hover, #nav #messages ul li a:hover {
	background: #78ab20;
	color: #fff;
}

#nav li:hover ul {
	left: auto;
	z-index: 100;
}

#content {
	width: 960px;
	margin: 30px auto;
	font-size: 12px;
}

#content h1, #signup h1, #login h1, #page h1, #gradient #venue_search h1, #gradient #venues_list h1 {
	font-size: 22px;
	font-weight: normal;
	border-bottom: solid 1px #69ba2d;
	padding: 0 0 5px 0;
}

#content h1 {
	margin: 0 10px;
}

#content h1 span, .form h1 span, #page h1 span, #gradient #venue_search h1 span, #gradient #venues_list h1 span {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-style: italic;
}

#content h1 img {
	width: 30px;
	height: 30px;
	float: left;
	margin: -5px 10px 0 0;
	border: solid 1px #cdc5b3;
}

#signup h1 .or, #page h1 .or {
	float: right;
	font-size: 12px;
	color: #333333;
	font-family: "Lucida Grande", Lucida, Verdana, sans-serif;
	font-style: normal;
	margin: -20px 0 0 0;
}

#signup h1 .or .login {
	float: right;
	margin: -22px 0 0 10px;
}

#page h1 .or .login, #page h1 .or .dashboard {
	margin: -10px 0 0 0;
}

#content h1 a, #gradient #venue_search h1 a {
	float: right;
	background: url(../images/reserve_a_mix.jpg) no-repeat;
	width: 156px;
	height: 30px;
	text-indent: -10000px;
	margin: -35px 0 0 0;
	padding: 0;
}

#content #reserve_mix a.mix_tonight_button {
	background: url(../images/reserve_a_mix.jpg) no-repeat;
	width: 156px;
	height: 30px;
	text-indent: -10000px;
	display: block;
	float: right;
	padding: 0;
}

#content #reserve_mix a.mix_tonight_button:hover {
	background-position: 0 -30px;
}
#content h1 .join_now, #gradient #venue_search h1 .join_now {
	background: url(../images/join_now-trans.png) no-repeat;
}

#content .regular_link a, #gradient #venue_list .regular_link a {
	float: none;
	background: none;
	width: auto;
	height: auto;
	text-indent: 0;
	margin: 0;
}

#content .regular_link a:hover, #gradient #venue_list .regular_link a:hover {
	background: #69ba2d;
}

#content h1 a.reserve_mix_today {
	height: 28px;
	padding: 0;
	background: url(../images/reserve_a_mix_today.jpg) no-repeat;
}

#content h1 a.reserve_mix:hover							{background-position: 0 -30px;}
#content h1 a.reserve_mix_today:hover							{background-position: 0 -28px;}

#gradient #venue_search h1 .join_now:hover	{background: url(../images/join_now-trans.png) no-repeat 0 -30px;}

#content h2 {
	font-size: 18px;
	font-weight: normal;
	font-family: Georgia, "Times New Roman", Times, serif;
	padding: 3px 0 0 30px;
	height: 21px;
	margin: 20px 0 10px 0;
}

#content h2.no_indent {
	padding: 0px 0 0 0;
}

#content h2 span {
	color: #958b76;
	display: block;
	font: 11px "Lucida Grande", Lucida, Verdana, sans-serif;
	margin: 0 0 10px -30px;
}

.account, .account_page {
	margin: 0 10px;
}

.account_page p {
	margin: 12px 0;
	line-height: 18px;
}

.account_page ul, .account_page ol {
	margin: 5px 0 5px 40px;
}

#mixes, #new-stuff, #mix_pipeline, #previous_mixes {
	width: 568px;
	float: left;
	margin: 0;
	padding: 0;
	display: inline;
}

#mixes h3 a {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 15px;
	font-weight: normal;
	display: block;
	padding: 4px;
}

#mixes h3 span {
	display: block;
	font-size: 11px;
	font-weight: normal;
	margin: 0 0 10px 4px;
	color: #979797;
}

#mix_pipeline h2			{background: url(../images/h2.jpg) no-repeat 0 0;}
#previous_mixes h2			{background: url(../images/h2.jpg) no-repeat 0 -24px;}
#support h2					{background: url(../images/h2.jpg) no-repeat 0 -48px;}
#profile h2					{background: url(../images/h2.jpg) no-repeat 0 -72px;}
#conversation_starters h2	{background: url(../images/h2.jpg) no-repeat 0 -192px;}
#contact h2					{background: url(../images/h2.jpg) no-repeat 0 -96px;}
#security h2				{background: url(../images/h2.jpg) no-repeat 0 -120px;}
#photo h2					{background: url(../images/h2.jpg) no-repeat 0 -144px;}
#venue_stats h2 			{background: url(../images/h2.jpg) no-repeat 0 -168px;}
#mixer-messages h2			{background: url(../images/h2.jpg) no-repeat 0 -192px;}
#dynamic-venue h2			{background: url(../images/h2.jpg) no-repeat 0 -216px;}
#mix_mates h2				{background: url(../images/h2.jpg) no-repeat 0 -240px;}
#info h2					{background: url(../images/h2.jpg) no-repeat 0 -264px;}
#dont_forget h2				{background: url(../images/h2.jpg) no-repeat 0 -288px;}
#send_email h2				{background: url(../images/h2.jpg) no-repeat 0 -216px;}
#mix_feedback h2			{background: url(../images/h2.jpg) no-repeat 0 -312px;}
#messaging-area h2			{background: none;margin-left: 0;margin-right: 0;padding-left: 0;}

#mixer-messages {
	margin: 0 0 10px 0;
}

#mixer-messages p, #messaging-area p {
	margin: 0 10px 10px;
}

#mixer-messages .message-content {
	font-size: 13px;
	margin: 0 0 0 80px;
}

#messaging-area .sender {
	width: 220px;
	margin: 0 20px 0 0;
	float: left;
	padding: 0 0 10px 0;
	background-color: #ebebeb;
}

#messaging-area .sender .message-data {
	margin: 10px 0 0 80px;
}

#messaging-area .sender .message-data p {
	padding: 0;
	margin: 0;
}

#messaging-area .sender .message-data p.date {
	font-size: 11px;
	color: #999;
	margin: 0;
}

#messaging-area .message-content {
	/*margin: 5px 0 10px 240px;*/
	width: 700px;
	float: left;
	margin: 0 0 20px 0;
	background-color: #f6f6f6;
	font-size: 14px;
	min-height: 60px;
	height: auto !important;
	height: 60px;
}

#messaging-area .message-content p {
	padding: 15px;
	margin: 0;
}

#zoom #messaging-area .message-content {
	/*margin: 5px 0 10px 240px;*/
	float: none;
	width: 360px;
	position: relative;
	top: -1em;
	left: 100px;
	margin: 0;
	padding: 10px;
	background-color: #f6f6f6;
	font-size: 14px;
	min-height: 60px;
	height: auto !important;
	height: 60px;
}

#messaging-area #message-send-content, 
#messaging-area #message-preview {
	margin: 0 0 15px 240px;
	padding: 15px;
	background-color: #f6f6f6;
	line-height: 18px;
}

#messaging-area #message-send-content input {
	margin-top: 0;
}

#messaging-area #message-send-content h3 {
	margin-top: 10px;
}

#messaging-area #message-preview span#blanks, 
#messaging-area #message-preview span#blanks1, 
#messaging-area #message-preview span#blanks2 {
	font-style: italic;
}

#messaging-area #message-type {
	margin: 0 0 15px 240px;
	padding: 15px;
	background-color: #f6f6f6;
	font-size: 12px;
	line-height: 18px;
}

#messaging-area .reply {
	margin: 20px 0 0 0;
}

#messaging-area .reply h3 {
	font: 14px/normal Georgia;
	color: #1774b1;
	margin: 0 0 0 240px;
}

#messaging-area .reply form {
	margin: 20px 0 0 0;
	padding: 0;
}

#messaging-area .reply form label {
	clear: both;
	display: block;
	margin: -10px 0 0 0;
	padding: 0;
	width: 220px;
	float: left;
	text-align: right;
	font-size: 14px;
	color: #999;
	font-weight: bold;
	position: relative;
}

#zoom #messaging-area .reply form label {
	clear: both;
	display: block;
	margin: 0;
	padding: 0;
	width: 220px;
	float: none;
	text-align: right;
	font-size: 14px;
	color: #999;
	font-weight: bold;
	position: relative;
}

#messaging-area .reply form input.text, 
#messaging-area .reply form button {
	display: block;
	/*left: 240px;*/
	position: relative;
	top: -1em;
	margin-left: 0;
}

#messaging-area .reply form textarea {
	background-color:#fff;
	border:1px solid #1774B1;
	left:240px;
	padding:10px;
	position:relative;
	top:-15px;
	width: 680px;
}

#zoom #messaging-area .reply form textarea {
	width: 340px;
	padding: 10px;
	border: 1px solid #1774b1;
	background-color: #fff;
	top: 0;
	left: 0;
}

#messaging-area .reply form input.subject {
	background-color:transparent;
	border:0 none;
	font-size:14px;
	left:240px;
	padding:3px 0;
	position:relative;
	top:-16px;
	width:680px;
}

#messaging-area .reply form a {
	float: left;
	display: block;
	top: 0;
	left: 250px;
	font-size: 11px;
}

#messaging-area .reply button {
	float: left;
	display: block;
	margin: 10px 0 0 0;
	width: 95px;
	height: 21px;
	border: 0;
	text-indent: -9999px;
	background: url(../images/btn-send-reply.gif) 0 0 no-repeat;
}

#messaging-area ul#reply-links {
	list-style: none;
	width: 700px;
	margin: 0 0 0 240px;
	display: inline;
}

#messaging-area ul#reply-links li.left {
	float: left;
	margin: 0;
	padding: 0;
}

#messaging-area ul#reply-links li.right {
	float: right;
	margin: 0;
	padding: 0;
}

#messaging-area ul#reply-links li a {
	margin: 0;
	padding: 0;
	text-decoration: underline;
}

#messaging-area ul#reply-links li a.reply, 
#messaging-area ul#reply-links li button.reply {
	float: left;
	display: block;
	margin: 0 10px 0 0;
	width: 95px;
	height: 21px;
	border: 0;
	text-indent: -9999px;
	position: static;
	left: auto;
	top: auto;
	background: url(../images/btn-send-reply.gif) 0 0 no-repeat;
}

#messaging-area ul#reply-links li button.preview {
	float: left;
	display: block;
	margin: 0 10px 0 0;
	width: 75px;
	height: 21px;
	border: 0;
	text-indent: -9999px;
	position: static;
	left: auto;
	top: auto;
	background: url(../images/btn-preview-message.gif) 0 0 no-repeat;
}

#zoom #zoom_close:hover {
background: none; 
}

#zoom_content h2 {
	font-size: 15px;
}

h2.block {
	padding-left: 20px;
	background: url(../images/delete.jpg) 0 0 no-repeat;
}

button.pop-button {
	padding: 4px 2px;
}

#messaging-area .reply a.block {
	float: none;
	display: block;
	margin: 0;
	width: 95px;
	height: 21px;
	border: 0;
	text-indent: -9999px;
	left: auto;
	background: url(../images/btn-block-user.gif) 0 0 no-repeat;
}

#messaging-area .reply ul li#reply {
	float: left;
}

#messaging-area .reply ul li#block {
	float: right;
}

#mixer-messages .message {
	overflow: hidden;
	float: left;
	margin: 10px 10px;
	display: inline;
}

#sms_not_enabled {
	background: pink; 
	border: 1px solid red;
	font-size: 10px;
	padding: 5px;
}

#sms_controls #sms_not_enabled p {
	padding: 0;
	margin: 0;
}

div#zoom_content p {
	font-size: 12px;
}
#mixer-messages .sms-box {
	background: #ececec url(../images/sms-box-bg.gif) top left repeat-x;
}

#mixer-messages .sms {
	position: relative;
	padding: 5px 0 0 0;
	background: url(../images/sms-bg.gif) top left no-repeat;
}

#mixer-messages .message p {
	margin: 0;
	padding: 0 0 5px;
	background: url(../images/sms-p-bg.gif) bottom left no-repeat;
}

#mixer-messages .message p span {
	display: block;
	padding: 0 10px;
	border-left: 1px solid #bbb;
	border-right: 1px solid #bbb;
}

#mixer-messages .message p span.top-right {
	overflow: hidden;
	border: 0;
	position: absolute;
	width: 5px;
	height: 5px;
	top: 0px;
	right: 0;
	padding: 0;
	margin: 0;
	background: url(../images/top-right-corner.gif) no-repeat;
}

#mixer-messages .message p span.bottom-right {
	overflow: hidden;
	border: 0;
	position: absolute;
	width: 5px;
	height: 5px;
	bottom: 0;
	right: 0;
	padding: 0;
	margin: 0;
	background: url(../images/bottom-right-corner.gif) top right no-repeat;
}

#mixer-messages .message p span.arrow {
	overflow: hidden;
	border: 0;
	position: absolute;
	width: 7px;
	height: 12px;
	top: 20%;
	left: -6px;
	padding: 0;
	margin: 0;
	background: url(../images/sms-arrow.gif) top left no-repeat;
}

#mixer-messages .message img, 
#messaging-area .sender img {
	float: left;
	width: 52px;
	border: 3px solid #bdbdbd;
}

#messaging-area .sender img {
	display: inline;
	margin: 10px 0 0 10px;
}

#mixer-messages .message em {
	font: 14px Georgia, "Times New Roman", serif;
	color: #205284;
	font-weight: bold;
}

#mixer-messages .timestamp {
	font: 11px Georgia, "Times New Roman", serif;
	color: #767676;
	padding: 3px 0 0 0;
	font-style: italic;
	background-color: #fdfdfd;
}

#mix_mates .profile_info h2 {
	background: none;
}

.mix {
	width: 620px;
	background: #e3dac7;
	margin: 0 0 20px 0;
}

.mix h3 {
	background: #cdc5b3;
	padding: 15px 20px;
	font-size: 20px;
	font-weight: normal;
	color: #333;
}

.mix h3 span {
	float: right;
	font-size: 12px;
	text-align: right;
	margin: -27px 0 0 0;
}

.mix .content {
	padding: 10px 20px;
	font-size: 13px;
}

a.view_details {
	float: right;
	text-indent: -10000px;
	background: url(../images/view_details-trans.png) no-repeat 0 0;
	width: 111px;
	height: 26px;
	padding: 0;
}

a.view_details:hover	{background: url(../images/view_details-trans.png) no-repeat 0 -26px;}
a.view_details:active	{background: url(../images/view_details-trans.png) no-repeat 0 -52px;}

.description {
	font: 14px Georgia, "Times New Roman", Times, serif;
	line-height: 18px;
	font-style: italic;
	margin: 10px 0;
}

.description img.left {
	margin-right: 20px;
}

.description .right, .description .title {
	font-family: "Lucida Grande", Lucida, Verdana, sans-serif;
	font-style: normal;
	font-size: 12px;
}

.description .answer {
	clear: right;
	float: right;
}

.answer {
	margin: 0;
}

.answer a {
	width: 68px;
	height: 38px;
	padding: 0;
	text-indent: -10000px;
	display: block;
	float: left;
}

a.yes			{background: url(../images/yes_no.jpg) no-repeat 0 0;}
a.no			{background: url(../images/yes_no.jpg) no-repeat -68px 0;}

a.yes:hover		{background: url(../images/yes_no.jpg) no-repeat 0 -38px;}
a.no:hover		{background: url(../images/yes_no.jpg) no-repeat -68px -38px;}

a.yes:active	{background: url(../images/yes_no.jpg) no-repeat 0 -76px;}
a.no:active		{background: url(../images/yes_no.jpg) no-repeat -68px -76px;}

a.yes_active	{background: url(../images/yes_no.jpg) no-repeat 0 -114px;}
a.no_active		{background: url(../images/yes_no.jpg) no-repeat -68px -114px;}

#previous_mixes {
	margin: 20px 0 0 0;
}

.participants {
	list-style-type: none;
}

.participants li {
	float: left;
	margin-right: 10px;
}

.particpants li a {
	float: left;
}

.participants li a img {
	width: 38px;
	height: 38px;
	border: solid 3px #cdc5b3;
}

.participants li a:hover		{background: none;}
.participants li a:hover img	{border: solid 3px #fff7e6;}

#sidebar {
	float: left;
	width: 350px;
	display: inline;
	margin: 0 0 0 15px;
	font-size: 12px;
	line-height: 18px;
}

#sidebar h2 {
	color: #333;
	width: auto;
	font: bold 14px/normal "Lucida Grande", Helvetica, Arial, san-serif;
}

#sidebar h3 {
	position: relative;
	color: #999;
	font-size: 14px;
	font-weight: normal;
	padding: 0 0 2px;
	border-bottom: 1px solid #999;
	margin: 15px 12px 5px;
}

#sidebar h3 span {
	font: italic normal 14px/normal Georgia, "Times New Roman", Times, serif;
}

#sidebar h3 a {
	margin-left: 5px;
	font-size: 11px;
}

#start_location_help {
	display: none;
}

a.help_link {
	display: block;
	float: right;
	width: 16px;
	height: 16px;
	text-indent: -9999px;
	background: url(../images/question-icon.jpg) 0 0 no-repeat;
}

#sidebar .profile_card {
	margin: 20px 0;
	padding: 0 0 20px 0;
	width: 350px;
}

#sidebar select#starting-locations {
	font-size: 11px;
}

#sidebar .mixer-settings h2 em, #explanation h2 em {
	font-style: normal;
	padding: 0 0 0 22px;
	background: url(../images/settings1_16x16.gif) center left no-repeat;
}

#sidebar #map_div {
	float: left;
	display: inline;
	margin: 0 0 0 12px;
}

#sidebar input {
	margin: 0;
	padding: 2px;
	font-size: 11px;
}

div.pref {
	float: right;
}

#edit_profile div.profile_card {
	position: absolute;
	clear: both;
	float: none;
}

#mix_mates div.profile_card {
	margin: 0 10px;
	float: left;
	display: inline;
}

div.profile_card {
	margin: 0;
	padding: 10px 10px 15px 10px;
	background: url(../images/profile_card.jpg) repeat-x 0 bottom #fff;
	border: solid 1px #bbb;
	font-size: 12px;
	width: 278px;
}

div.profile_card span {
	font-size: 10px;
}

.profile_card .close {
	float: right;
}

.profile_card img {
	float: left;
	margin: 0 10px 5px 0;
	border: solid 5px #eaeaea;
	width: 75px;
}

.profile_card img.status {
	border: 0;
	margin: 0 5px 5px 0;
	width: auto;
}

.profile_card a.mixer-contact {
	font-size: 10px;
}

#sidebar img {
	width: auto;
	border: 0;
	float: none;
	margin: 0 auto;
}

#edit_profile .profile_info, #mix_mates .profile_info, #sidebar .profile_info, #show_groups .profile_info {
	margin-left: 95px;
}

div.profile_status {
	float: left;
	width: 75px;
}

#content #edit_profile .profile_info h2, #content #mix_mates .profile_info h2, #sidebar .profile_info h2, #show_groups .profile_info h2 {
	margin: 0 0 10px 0;
	padding: 0;
}

#edit_profile .profile_info p, #mix_mates .profile_info p, #sidebar .profile_info p {
	margin: 7px 0 0 0;
}

#edit_profile .profile_info label, #mix_mates .profile_info label, #sidebar .profile_info label {
	color: #777;
	font-size: 12px;
	margin-right: 5px;
}

#sidebar p {
	margin: 0 12px 5px;
	padding: 0;
	font-size: 11px;
}
#edit_profile .left		{width: 460px;}
#edit_profile .shift	{margin: 0 20px 0 0;}

#edit_profile form p,
#reserve_mix form p		{margin: 25px 0;}

#edit_profile label, #reserve_mix label {
	text-align: right;
	margin: 0 20px 0 0;
	font-family: "Lucida Grande", Lucida, Verdana, sans-serif;
	font-size: 14px;
	float: left;
}

#edit_profile .radios label, #reserve_mix .radios label {
	width: 70px;
	float: left;
	margin: 0 0px 0 5px;
	text-align: left;
}

#edit_profile select	{margin: 0 10px 0 0;}
.edit					{margin: 40px 0 0 0;}

#profile label,
#conversation_starters label	{width: 140px;}

#profile input,
#conversation_starters input	{width: 284px;}

#profile textarea, #conversation_starters textarea	{
	height: 100px;
	width: 291px;
	font-size: 15px;
	padding: 3px;
}

#reserve_mix label				{width: 200px;}

#contact label, #security label	{width: 220px;}
#contact input, #security input	{width: 204px;}


#photo {
	color: #958b76;
	font: 11px "Lucida Grande", Lucida, Verdana, sans-serif;
}

#photo img {
	float: left;
	margin: 0 20px 0 0;
/*	width: 65px;
	height: 65px;*/
	border: solid 5px #eaeaea;
}

#photo input {
	font-size: 12px;
	background: #eaeaea;
	padding: 10px 20px;
	margin: 10px 0 0 0;
	width: 325px;
}

a.delete {
	color: red;
	background: url(../images/delete.jpg) no-repeat 0 0;
	padding: 0 0 0 20px;
	height: 15px;
	display: block;
}

a.generic-delete {
	color: red;
	background: url(../images/delete.jpg) no-repeat 0 0;
	padding: 0 0 0 20px;
	height: 15px;
}

#photo a.delete {
	margin: -20px 0 0 0;
	clear: both;
}

#profile .radios input, #contact .radios input, #reserve_mix .radios input {
	width: auto;
	float: left;
	margin: 2px 0 0 0;
}

a.save_changes, a.profile_card {
	padding: 0;
	width: 133px;
	height: 27px;
	text-indent: -10000px;
	display: block;
	position: relative;
	left: -35px;
}

a.get_directions {
	padding: 0;
	width: 133px;
	height: 27px;
	text-indent: -10000px;
	display: block;
	position: relative;
}

a.view-all-messages:link, a.view-all-messages:visited {
	padding: 0;
	width: 173px;
	height: 27px;
	line-height: 28px;
	text-indent: 68px;
	display: block;
	color: #1A5286;
	font-size: 13px;
	text-decoration: none;
	margin: 0;
}

a.save_changes			{background: url(../images/save_changes-trans.png) no-repeat 0 0;}
a.save_changes:hover	{background: url(../images/save_changes-trans.png) no-repeat 0 -27px;}
a.save_changes:active	{background: url(../images/save_changes-trans.png) no-repeat 0 -54px;}

a.profile_card			{background: url(../images/profile_card-trans.png) no-repeat 0 0;}
a.profile_card:hover	{background: url(../images/profile_card-trans.png) no-repeat 0 -27px;}
a.profile_card:active	{background: url(../images/profile_card-trans.png) no-repeat 0 -54px;}

a.get_directions		{background: url(../images/get_directions-trans.png) no-repeat 0 0;}
a.get_directions:hover	{background: url(../images/get_directions-trans.png) no-repeat 0 -27px;}
a.get_directions:active	{background: url(../images/get_directions-trans.png) no-repeat 0 -54px;}

a.view-all-messages		{background: url(../images/view-all-messages-bg.gif) no-repeat 0 0;}
a.view-all-messages:hover	{background: url(../images/view-all-messages-bg.gif) no-repeat 0 -27px;}
a.view-all-messages:active	{background: url(../images/view-all-messages-bg.gif) no-repeat 0 -54px;}

#edit_profile a.profile_card {
	left: 0;
	z-index: 0;
	margin: 10px auto 0 auto;
}

#edit_profile .middle span {
	position: relative;
	top: -22px;
	left: 70px;
}

#reserve_mix form {
	float: left;
	width: 460px;
	margin-right: 20px;
}

#google_map {
	width: 460px;
	height: 300px;
	float: left;
}

#dynamic_mix_map {
	width: 460px;
	height: 300px;
	float: right;
	border: 4px solid #D4D4D4;
	margin: 0;
}

#street_view_display {
	margin: 0 20px 0 0;
}

#reserve_mix a, #mix {
/*	margin-left: 220px;*/
}

#reserve_mix #location form {
	float: none;
	width: 350px;
	margin: 0;
	padding: 0 10px;
	background: #fff;
	clear: both;
	position: absolute;
	top: 370px;
	left: 500px;
	border: solid 1px #bbb;
}

#reserve_mix #location form label	{width: 100px;}
#add_location						{margin: 0 0 0 120px;}
#reserve_mix #location form a		{margin: 0;}

#gradient #venues_list, #gradient #venue_search {
	margin: 0 90px;
	padding: 20px 0;
}

#directory_search {
	background: url(../images/venue_search.jpg) repeat-x;
	height: 77px;
	margin-top: 20px;
	padding: 5px 20px 0 20px;
}

#directory_search div.left {
	width: 440px;
}

#directory_search h2 {
	color: #fff;
	font-weight: normal;
	margin-top: 5px;
}

#directory_search input {
	margin: 2px 10px 0 0;
	float: left;
	width: 230px;
}

#directory_search #search_venues {
	width: auto;
	float: left;
	color: #000;
	margin: 5px 0 0 0;
}

#directory_search a {
	float: right;
	margin: 3px 45px 0 0;
}

#directory_search .directory_search {
	display: block;
	text-indent: -10000px;
	background: url(../images/directory_search-trans.png) no-repeat;
	width: 133px;
	height: 27px;
}

.venue_info {
	width: 350px;
}

#legend {
	margin: 0 0px 0 0;
	color: #fff;
	font-size: 10px;
}

#legend p {
	width: 100px;	
}

#legend img {
	margin: 0 0 0 35px;
	width: 30px;
	text-align: center;
}

#legend span {
	display: block;
	text-align: center;
}

.status {
	float: right;
}

.status p {
	float: left;
	margin-right: 20px;
	text-indent: -10000px;
	display: block;
	width: 32px;
	height: 32px;
}

.status .is_photo {
	background: url(../images/is_photo-trans.png) no-repeat;
}

.status .is_streetview {
	background: url(../images/is_streetview-trans.png) no-repeat;
}

.status .is_mix {
	background: url(../images/is_mix-trans.png) no-repeat;
}

#just_harvested {
	height: 500px;
	overflow: auto;
}

#venue_search .search_type select {
	margin: -3px 0 0 0;
	width: 110px;
}

#venue_stats p {
	padding: 5px 10px;
	background: #eaeaea;
}

#update_search {
	margin: 0 20px;
	width: 440px;
	text-align: center;
	padding-top: 10px;
}

#actions {
	margin: 20px 0 20px 20px;
}

.button-to div {
	margin-top: 10px;
	float: right;
}

#gradient #venue_search {
	margin: 0 90px;
	padding: 20px 0 0 0;
}

#gradient #venue_list {
	margin: 0 90px;
}

#directory_search {
	background: url(../images/venue_search.jpg) repeat-x;
	height: 77px;
	margin-top: 20px;
	padding: 5px 20px 0 20px;
}

#directory_search div.left {
	width: 440px;
}

#directory_search h2 {
	color: #fff;
	font-weight: normal;
	margin-top: 5px;
}

#directory_search input {
	margin: 2px 10px 0 0;
	float: left;
	width: 230px;
	font-size: 12px;
	color: gray;
}

#directory_search a {
	float: right;
	margin: 3px 45px 0 0;
}

#directory_search .directory_search {
	display: block;
	text-indent: -10000px;
	background: url(../images/directory_search-trans.png) no-repeat;
	width: 133px;
	height: 27px;
}

.venue_info {
	width: 350px;
}

#legend {
	margin: 0 0px 0 0;
	color: #fff;
	font-size: 10px;
}

#legend p {
	width: 100px;	
}

#legend img {
	margin: 0 0 0 35px;
	width: 30px;
	text-align: center;
}

#legend span {
	display: block;
	text-align: center;
}

#venue_list table {
	width: 100%;
	font-size: 12px;
	border-left: solid 1px #c4c4c4;
}

#venue_list tr {
	background: #fff;
}

#venue_list .alt {
	background: #efefef;
}

#venue_list th, #venue_list td {
	padding: 5px 10px;
	border-bottom: solid 1px #c4c4c4;
	border-right: solid 1px #c4c4c4;
}

#venue_list th {
	font-size: 14px;
	padding: 8px 10px;
}

#venue_list .features {
	width: 145px;
}

#venue_list .number {
	width: 110px;
}

#venue_list a {
	color: #3398c6;
}

#venue_list a:hover {
	background: #3398c6;
	color: #fff;
}

#venue_list .center {
	text-align: center;
}

#venue_list img {
	margin: 0 10px;
	width: 25px;
}

#dynamic-venue #google_map {
	margin: 0 10px;
}

#mix_mates {
	margin: 0 0 20px 0;
}

.cards {
	margin: 0 0 20px 0;
}

.cards .profile_card {
	height: 160px;
	overflow: auto;
}

.please {
	margin: 0 10px;
	background: url(../images/please.jpg) no-repeat 0 0;
	width: 220px;
	height: 148px;
	float: left;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-style: italic;
	color: #664e2b;
	font-size: 14px;
	padding: 40px 40px 20px 40px;
	line-height: 18px;
}

#info {
	margin: 0 0 20px 0;
}

#info .shift_left {
	margin: 0 10px;
}

#info .step {
	padding: 0 0 0 62px;
	width: 158px;
}

#step_1	{background: url(../images/one.jpg) no-repeat left 10px;}
#step_2	{background: url(../images/two.jpg) no-repeat left 10px;}
#step_3	{background: url(../images/three.jpg) no-repeat left 10px;}
#step_4	{background: url(../images/four.jpg) no-repeat left 10px;}

#dont_forget .box {
	float: left;
	width: 300px;
	margin: 0 10px;
	display: inline;
}

#dont_forget h3 {
	color: #333;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-weight: normal;
}

#meet_new_friends_form label {
	width: 220px;
}

#meet_new_friends_form #mix {
	margin-left: 240px;
}

/* ------- [ Mix Feedback ] ------------------------------------------------------------ */

#mix_feedback {
	font-size: 13px;
}

#mix_feedback .wrap {
	margin: 0 10px;
	padding: 6px 0px 6px 15px;
}

.alt {
	background: #eeeeee;
}

#mix_feedback label {
	margin: 0 20px 0 7px;
	color: #1774b1;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-style: italic;
	font-size: 15px;
}

.stars {
	list-style-type: none;
	float: right;
	height: 18px;
	margin: 4px 8px 0 0;
	width: 150px;
	overflow: hidden;
	background: url(../images/stars.png) no-repeat 0 0px;
}

.stars li {
	float: left;
}

.stars li a {
	float: left;
	text-indent: -10000px;
	position: absolute;
	height: 18px;
	width: 18px;
	padding: 0;
}

.stars li a:hover {
	background: url(../images/stars.png) no-repeat 0 -18px;
}

.stars .one_star a {
	width: 18px;
	z-index: 6;
}

.stars .two_star a {
	width: 48px;
	z-index: 5;
}

.stars .three_star a {
	width: 78px;
	z-index: 4;
}

.stars .four_star a {
	width: 108px;
	z-index: 3;
}

.stars .five_star a {
	width: 138px;
	z-index: 2;
}

.stars .one_star a:hover {
	display: block;
	z-index: 1;
}

#venue_suggestion_name {
	margin: 0px 20px 0 0;
}

.affinity_network {
	list-style-type: none;
	margin: 20px auto;
	width: 825px;
}

.affinity_network li {
	float: left;
	width: 130px;
}

.affinity_network input {
	float: left;
	margin: 20px 0 0 0;
}

#mix_feedback .affinity_network label {
	float: left;
	font-family: "Lucida Grande", Lucida, Verdana, sans-serif;
	font-style: normal;
	color: #68941c;
}

.affinity_network img {
	border: solid 3px #bdbdbd;
}

#mix_feedback textarea {
	margin: 0 20px 0 0;
	width: 300px;
	height: 130px;
}

#mix_feedback #submit_feedback {
	margin: 0 20px 0 0;
}

/* ------- [ Groups ] ------------------------------------------------------------------ */

#groups_wrap {
	margin: 10px;
}

#groups_body {
	float: left;
	width: 620px;
}

#groups_sidebar {
	width: 300px;
	margin: 0 0 0 640px;
	position: relative;
	top: 8px;
}

#groups_sidebar ul li {
	margin: 5px 0 0 30px;
}

.group {
	padding: 10px 20px;
	margin: 0 0 30px 0;
	background: #e7e7e7;
}

.group h3 {
	color: #000;
	font-weight: normal;
	font-size: 18px;
}

.group .meta {
	font-size: 11px;
	margin: 0;
	color: #787878;
}

.group_category .group {
	margin: 0 0 5px 0;
}

.group_category .category_title a {
	font-weight: normal;
	text-transform: uppercase;
	padding: 10px 15px;
	font-size: 16px;
	letter-spacing: 1px;
	background: #a1e230;
	color: #fff;
	display: block;
	text-decoration: none;
}

.group_category .category_title {
	position: relative;
}

.group_category .category_title a.add_group {
	position: absolute;
	top: 10px;
	right: 15px;
	color: #3F5911;
	text-transform: none;
	padding: 3px 0 3px 32px;
	letter-spacing: 0;
	font-size: 12px;
	margin: 0;
	display: block;
	float: right;
	text-decoration: none;
	background: transparent url(../images/create_group_bg.jpg) center left no-repeat;
}

#create_group {
	padding: 0 10px;
}

#create_group form {
	width: 735px;
	margin: 0 auto;
}

#create_group input {
	width: 600px;
}

#create_group label {
	display: block;
	float: left;
	width: 80px;
	text-align: right;
	margin-right: 20px;
	font: 14px Georgia, "Times New Roman", Times, serif;
	font-style: italic;
}

#create_group p {
	margin: 20px 0;
}

#create_group #submit_group_button {
	margin-left: 100px;
	width: auto;
}

#create_group textarea {
	width: 600px;
	height: 200px;
	padding: 5px;
}

div#manage_group_members {
	width: 600px;
	background: #E7E7E7 none repeat scroll 0 0;
}

div.group_member {
	margin: 5px;
	padding: 3px;
	min-width: 96px;
	min-height: 150px;
	background: #E7E7E7;
	float: left;
	border: 1px #69BA2D solid;
}

#content textarea {
	font-size: 14px;
}

#show_groups {
	padding: 20px 0;
}

#show_groups .profile_card {
	float: left;
	margin: 0 10px;
}

#show_groups .profile_card h2.blue {
	margin: 0;
}

#groups_wrap h2.create_group_link {
	margin: 0 0 -20px 610px;
}

.confirmation {
	margin: 0 10px;
	line-height: 20px;
}

.confirmation ol {
	margin: 10px 40px;
}

/* START */

#dynamic_mix h2 {
	margin-left: 10px;
	margin-right: 10px;
}

#dynamic_mix .information p {
	margin: 10px;
}

#dynamic-venue {
	font-size: 14px;
	margin: 0 0 60px 0;
}

#dynamic-venue div.left {
	width: 460px;
	margin: 0 10px;
	display: inline;
}

.information span {
	font-family: Georgia, "Times New Roman", Times, serif;
	color: #1a5286;
	display: block;
	float: left;
	text-align: right;
	width: 140px;
	margin-right: 20px;
	font-style: italic;
	font-size: 15px;
}

#dynamic-venue a.get_directions {
	margin: 20px 0 0 0;
}

.venue_location {
	float: left;
	margin: 40px 0 0 0;
}

.venue_location img {
	float: left;
	border: solid 4px #d4d4d4;
	width: 212px;
	margin: 0 20px 0 0;
}

.venue_location .shift_left {
	margin: 0 0 0 250px;
}

.venue_location p {
	margin: 4px 0;
}

.venue_location h3 {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-weight: normal;
	font-size: 18px;
	margin-bottom: 10px;
}

#dynamic-venue #google_map {
	margin: 0 10px;
}

/*messaging area*/

#messaging-area {
	margin: 15px 10px 10px;
	padding: 0;
}

#zoom #messaging-area {
	margin: 0 10px 10px;
	padding: 0;
}

.no-messages {
	font-size: 14px; 
	text-decoration: underline;
	color: #003366;
}

#messaging-area h2 {
	margin-right: 0;
	margin-left: 0;
}

#messaging-area #inbox {
	margin: 20px 0 0 0;
}

#messaging-area form {
	margin: 0;
	padding: 0;
}

#messaging-area ul {
	list-style: none;
	float: left;
	margin: 0;
	padding: 0;
	width: 100%;
}

#messaging-area ul li {
	float: left;
	margin: 0 10px 0 0;
}

#messaging-area ul li a {
	display: block;
	height: 25px;
	padding: 0 10px;
	margin: 0;
	font: 12px/25px "Lucida Grande";
	font-weight: bold;
	text-decoration: none;
}

#messaging-area ul li.inbox a, #messaging-area ul li.sent a {
	color: #666;
	background-color: #f9f9f9;
	float: left;
}

#messaging-area ul li.inbox a.active, #messaging-area ul li.sent a.active {
	color: #333;
	background-color: #ebebeb;
}

#messaging-area ul li#send-new-message {
	float: right;
}

#messaging-area ul li#send-new-message a {
	width: 141px;
	height: 21px;
	margin: 0;
	padding: 0;
	text-indent: -9999px;
	background: url(../images/send-new-message.gif) 0 0 no-repeat;
}

#messaging-area ul li#links {
	clear: both;
	width: 100%;
	background-color: #ebebeb;
}

#messaging-area ul li#links a {
	display: inline;
	padding: 0;
	color: #69ba2d;
	text-decoration: underline;
	outline: none;
	font-weight: normal;
}

#messaging-area ul li#links a:hover, #messaging-area ul li#links a:active {
	color: #fff;
}

#messaging-area ul li#links button#mark-as-unread {
	margin: 0 5px 0 0;
	width: 100px;
	height: 21px;
	text-indent: -9999px;
	background: url(../images/mark-as-unread.gif) 0 0 no-repeat;
	line-height: normal;
	border: 0;
	cursor: pointer;
}

#messaging-area ul li#links button#mark-as-read {
	margin: 0 5px 0 0;
	width: 88px;
	height: 21px;
	text-indent: -9999px;
	background: url(../images/mark-as-read.gif) 0 0 no-repeat;
	line-height: normal;
	border: 0;
	cursor: pointer;
}

#messaging-area ul li#links button#delete {
	width: 51px;
	height: 21px;
	text-indent: -9999px;
	background: url(../images/delete.gif) 0 0 no-repeat;
	line-height: normal;
	border: 0;
	cursor: pointer;
}

#messaging-area ul li#links p {
	padding: 10px;
	margin: 0;
}

#messaging-area table {
	clear: both;
	width: 100%;
}

#messaging-area table th {
	background-color: #74bded;
	padding: 5px;
	color: #fff;
}

#messaging-area table th.check {
	width: 20px;
}

#messaging-area table th.type {
	width: 30px;
}

#messaging-area table th.actions {
	width: 80px;
}

#messaging-area table th.date {
	width: 150px;
}

#messaging-area table td {
	padding: 5px;
	text-align: left;
	border-bottom: 1px solid #cecece;
}

#messaging-area table span.activity {
	width: 20px;
	height: 20px;
	display: block;
	text-indent: -9999px;
	background: url(../images/message-activity.gif) 0 0 no-repeat;
}

#messaging-area table span.email {
	width: 16px;
	height: 11px;
	display: block;
	text-indent: -9999px;
	background: url(../images/free-form-email.gif) 0 0 no-repeat;
}

#messaging-area table span.followup {
	width: 19px;
	height: 19px;
	display: block;
	text-indent: -9999px;
	background: url(../images/followup-request.gif) 0 0 no-repeat;
}

#messaging-area table span.get-together {
	width: 19px;
	height: 19px;
	display: block;
	text-indent: -9999px;
	background: url(../images/get-together.gif) 0 0 no-repeat;
}

#messaging-area table span.exchange-contact {
	width: 15px;
	height: 17px;
	display: block;
	text-indent: -9999px;
	background: url(../images/exchange-contact.gif) 0 0 no-repeat;
}

#messaging-area #message-type label.label-exchange {
	padding: 2px 0 0 18px;
	margin-right: 5px;
	background: url(../images/exchange-contact.gif) 0 0 no-repeat;
}

#messaging-area #message-type label.label-activity {
	padding: 4px 0 0 23px;
	margin-right: 5px;
	background: url(../images/message-activity.gif) 0 0 no-repeat;
}

#messaging-area #message-type label.label-together {
	padding: 3px 0 0 23px;
	margin-right: 5px;
	background: url(../images/get-together.gif) 0 0 no-repeat;
}

#messaging-area #message-type label.label-followup {
	padding: 3px 0 0 23px;
	margin-right: 5px;
	background: url(../images/followup-request.gif) 0 0 no-repeat;
}

#messaging-area #message-type label.label-freeform {
	padding: 3px 0 0 23px;
	margin-right: 5px;
	background: url(../images/free-form-email.gif) center left no-repeat;
}

#messaging-area #message-type input, #messaging-area #message-type label {
	margin: 8px 0;
	cursor: pointer;
}

#messaging-area span.exchange-info {
	margin-left: 100px;
}

#messaging-area .sender p.actions a, 
#messaging-area table .actions a {
	display: block;
	float: left;
	width: 15px;
	height: 15px;
	margin: 0 5px 0 0;
	text-indent: -9999px;
}
#messaging-area .sender p.actions a.block, 
#messaging-area table a.block {
	background: url(../images/delete.jpg) 0 0 no-repeat;
}

#messaging-area .sender p.actions a.delete, 
#messaging-area table a.delete {
	background: url(../images/trash.gif) 0 0 no-repeat;
}

#messaging-area .sender p.actions a.reply, 
#messaging-area table a.reply {
	background: url(../images/reply.gif) 0 0 no-repeat;
}

#messaging-area table tr.new td {
	background-color: #f6f6f6;
	font-weight: bold;
}

#messaging-area ul.pagination {
	float: right;
	width: auto;
	list-style: none;
	margin: 10px 0 0 0;
	padding: 0;
}

#messaging-area ul.pagination li {
	float: left;
	margin: 0 5px 0 0;
	padding: 0;
}

#messaging-area ul.pagination li a {
	line-height: normal;
	height: auto;
	color: #1774b1;
	display: block;
	padding: 2px 4px;
	margin: 0;
	border: 1px solid #1774b1;
}

#messaging-area ul.pagination li a.active, 
#messaging-area ul.pagination li a:hover, 
#messaging-area ul.pagination li a:active {
	color: #fff;
	border: 1px solid #1774b1;
	background-color: #1774b1;
}

/* END */

/* ----- [ Dashboard ] -------------------------------------------------------- */

#notification-new-message{
	background: #99ccff url(../images/new-msg-bg.jpg) 20px 12px no-repeat;;
	border-bottom: 1px solid #003366;
	padding: 8px 20px 8px 50px;
	font-size: 13px;
	font-weight: bold;
	position: relative;
}

#notification-event-expired{
	background: pink;
	border-bottom: 1px solid #003366;
	padding: 8px 20px 8px 50px;
	font-size: 13px;
	font-weight: bold;
	position: relative;
}
#notification-event-member{
	background: #cedbc4;
	border-bottom: 1px solid #003366;
	padding: 8px 20px 8px 50px;
	font-size: 13px;
	font-weight: bold;
	position: relative;
}

#notification-new-message a {
	color: #003366;
}
#notification-new-message a:hover {
	background: #003366;
	color: #fff;
}
#system-msg {
	background: #ffffcc url(../images/system-msg-bg.jpg) 20px 12px no-repeat;
	border-bottom: 1px solid #feeaa9;
	padding: 8px 20px 8px 50px;
	font-size: 13px;
	font-weight: bold;
	position: relative;
}

#system-msg p {
	margin: 7px 10px;
}

a.remove-system-msg {
	position: absolute;
	top: 15px;
	right: 20px;
	width: 12px;
	height: 12px;
	display: block;
	text-indent: -9999px;
	background: url(../images/remove-system-msg-bg.gif) 0 0 no-repeat;
}

form#reminder_form_on {
	margin: 0 12px 10px;
	padding: 0 0 3px 20px;
	font-size: 11px;
	line-height: normal;
	background: url(../images/text-mixer-reminders-on.jpg) 0 0 no-repeat;
}

form#reminder_form_off {
	margin: 0 12px 10px;
	padding: 0 0 3px 20px;
	font-size: 11px;
	line-height: normal;
	background: url(../images/text-mixer-reminders-off.jpg) 0 0 no-repeat;
}

form#messaging_form_on {
	margin: 0 12px 10px;
	padding: 0 0 7px 20px;
	font-size: 11px;
	line-height: normal;
	background: url(../images/sms-on.jpg) 0 0 no-repeat;
}

form#messaging_form_off {
	margin: 0 12px 10px;
	padding: 0 0 7px 20px;
	font-size: 11px;
	line-height: normal;
	background: url(../images/sms-off.jpg) 0 0 no-repeat;
}

form#reminder_form_on input, form#reminder_form_off input {
	margin: 0;
	padding: 0;
}

div.pref {
	float: right;
	margin: 0 0 0 10px;
}

div#sms_controls { margin-top: 10px;}

#sidebar form.sms-form label {
	display: block;
	margin-right: 10px;
	float: left;
	font-size: 10px;
}
``
#sidebar form.sms-form input {
	margin-right: 10px;
	padding: 0;
}

#quick-links h2, #sidebar div.profile_card h2, #explanation h2 {
	margin: 0 0 5px 0;
	padding: 0;
}

#quick-links ul {
	font: 16px/24px Georgia, serif;
	list-style: none;
}

#quick-links ul li {
	height: 24px;
	padding: 0 0 0 30px;
	margin: 0 0 5px 0;
	background: transparent url(../images/h2.jpg) no-repeat scroll;
}

#quick-links ul li#new-group {
	background-position: 0 -240px;
}

#quick-links ul li#suggest-venue {
	background-position: 0 -216px;
}

#quick-links ul li#tell-a-friend {
	background-position: 0 -336px;
}

#quick-links ul li#help-shortcuts {
	background-position: 0 -48px;
}

#quick-links ul li#learn-facts {
	background-position: 0 -360px;
}

#new-stuff, #your-mixers, #mixmates-preview {
	float: left;
	border: 1px solid #cfcfcf;
	background-color: #fff;
	margin: 20px 0 0 0;
	padding: 0 0 10px 0;
}

#new-stuff h2.title {
	font: 14px/29px "Lucida Grande", Helvetica, Arial, san-serif;
	height: 29px;
	color: #fff;
	font-weight: bold;
	margin: 0;
	padding: 0 0 0 10px;
	background: url(../images/new-stuff-title-bg.gif);
}

#new-stuff h2.title em {
	display: block;
	padding: 0 0 0 19px;
	font-style: normal;
	background: url(../images/new-stuff-icon.gif) center left no-repeat;
}

#new-stuff ul {
	list-style: none;
	padding: 10px 10px 0;
}

#new-stuff ul li#new-messages {
	padding: 0 0 0 27px;
	margin: 0 0 8px 0;
	line-height: 18px;
	background: url(../images/new-messages-alert-icon.jpg) center left no-repeat;
}

#new-stuff ul li#new-invites {
	padding: 0 0 0 27px;
	margin: 0 0 10px 0;
	line-height: 18px;
	background: url(../images/new-invite-icon.jpg) center left no-repeat;
}

#your-mixers h2, #your-mixers p {
	margin: 10px 10px 0;
}

#your-mixers h2.title, #mixmates-preview h2.title, #sidebar h2, #explanation h2 {
	font: 14px/29px "Lucida Grande", Helvetica, Arial, san-serif;
	height: 29px;
	color: #333;
	font-weight: bold;
	margin: 0;
	padding: 0;
	width: 568px;
	text-indent: 10px;
	background: url(../images/your-mixers-title-bg.gif);
}

#sidebar h2 {
	width: auto;
}

#your-mixers h2.title em {
	padding: 0 0 0 25px;
	font-style: normal;
	background: url(../images/mixer-info-bg.gif) center left no-repeat;
}

#mixmates-preview h2.title em {
	padding: 0 0 0 25px;
	font-style: normal;
	background: url(../images/connect-friends.gif) center left no-repeat;
}

#your-mixers h3 {
	color: #999;
	margin: 10px 10px 0;
	font: 15px/normal Georgia, serif;
}

ul#tonight {
	list-style: none;
	margin: 10px 15px 0;
	background-color: #ffffe5;
	border-bottom: 1px solid #ccc;
}

ul#tonight li {
	border-top: 1px solid #ccc;
	padding: 10px 10px 10px 25px;
	background: url(../images/tonight-mixer-icon.gif) 10px 12px no-repeat;
}

ul.normal-mixers {
	list-style: none;
	margin: 10px 15px 0;
	border-bottom: 1px solid #ccc;
}

ul.normal-mixers li {
	position: relative;
	border-top: 1px solid #ccc;
	padding: 9px 10px 9px 25px;
	background: url(../images/normal-mixer-icon.gif) 10px 12px no-repeat;
}

ul.normal-mixers li a.contact-mixmate {
	display: block;
	position: absolute;
	right: 0;
	top: 7px;
	width: 130px;
	height: 20px;
	text-indent: -9999px;
	background: url(../images/contact-mixmate-bg.gif) 0 0 no-repeat;
}

ul#mixer-types {
	list-style: none;
	padding: 10px;
	margin: 10px 15px 0;
	background-color: #f8f8f8;
}

ul#mixer-types li {
	font-size: 11px;
	margin: 0 0 5px 0;
	padding: 0 0 0 20px;
}

ul#mixer-types li#drink {
	background: url(../images/drink-mixers-icon.gif) center left no-repeat;
}

ul#mixer-types li#coffee {
	background: url(../images/coffee-mixers-icon.gif) center left no-repeat;
}

/* ----- [ Terms, Privcy Etc. ] -------------------------------------------------------- */

.highlight {
	color: #1a5286;
	font-weight: bold;
}

img.founder {
	float: right;
	margin: 10px;
}

/* ------- [ Venues ] ------------------------------------------------------------------ */

#sortable_list, #sortable_list li {
  margin:0;
  padding:0;
  list-style:none;
}

#sortable_list div.admin {
  padding:4px;
  cursor:move;
}

#sortable_list div.listing {
  padding:5px;
}

/* ----- [ Harvester ] ----------------------------------------------------------------- */

.checklist {
	border: 1px solid #ccc;
	list-style: none;
	overflow: auto;
	height:200px; width:200px;
	
}

.checklist, .checklist li {
	margin-left: 0;
	padding: 0;
}

#toc	{margin: 10px 0pt 20px 50px;}

.checklist label {
	display: block;
	padding-left: 25px;
	text-indent: -25px;
}

.checklist label:hover, .checklist label.hover {
	background: #777;
	color: #fff;
}

/* ----- [ Message Bubbles ] ----------------------------------------------------------- */

#header .msg-bubble-top-girl {
	position: absolute;
	left: 50%;
	top: 35px;
	width: 159px;
	padding: 10px 0 0 0;
	background: url(../images/msg-bubble-top.gif) 0 0 no-repeat;
}

#header p.msg-bubble-bottom-girl {
	padding: 0 18px 10px 10px;
	margin: 0;
	background: url(../images/msg-bubble-bottom.gif) 0 100% no-repeat;
}

#header .msg-bubble-top-man {
	position: absolute;
	right: 3%;
	top: 25px;
	width: 159px;
	padding: 10px 0 0 0;
	background: url(../images/msg-bubble-top2.gif) 0 0 no-repeat;
}

#header p.msg-bubble-bottom-man {
	padding: 0 10px 10px 18px;
	margin: 0;
	background: url(../images/msg-bubble-bottom.gif) 100% 100% no-repeat;
}

#all_bubbles {
	text-align: center;
	width: 700px;
}

/* ----- [ Connect w/ MixMates ] ------------------------------------------------------- */

#content #mixmates h2 {
	padding: 0 10px;
	width: auto;
}

div.connect-item {
	display: block;
	margin: 0 auto;
	text-align: center;
}

.connect-item a { text-align: left; }

div.connect-wrap {
	float:left;
	height: 140px;
}

div.connect-item a:hover {
	color: #000;
	background: #fff;
}

#content .connect h2 {
	margin: 20px 10px 10px;
	padding-left: 0;
}

#content .connect-item a.connect-popup {
	position: relative;
	padding: 10px 12px;
}

#content .connect-item a .friend-status {
	display: block;
	width: 20px;
	height: 20px;
	position: absolute;
	top: 10px;
	left: 12px;
	background: url(../images/connect-status-bg-trans.png);
	text-align: right;
}

#content .connect-item a.connect-popup, #content .connect-item a.connect-popup img {
	display: block;
	margin: 0;
}

#content .connect-item a .friend-status img {
	margin: 2px auto;
}

#content .connect-item a.connect-popup:hover {
	background-color: #FFFFCC;
}

#content #friends .connect-item a.connect-popup:hover {
	background-color: #D1F0C4;
}

#content #mixmates #friends h2 {
	padding-left: 20px;
	background: url(../images/connect-friends.gif) center left no-repeat;
}

#content #mixmates .mates {
	border-bottom: 1px solid #ccc;
}

#content #mixmates .mates h2 {
	padding-left: 20px;
	background: url(../images/your-mixers-icon.gif) center left no-repeat;
}

#content #mixmates .mates h3 {
	padding-left: 10px;
	color: #74bded;
}

#explanation {
	float: right;
	width: 320px;
	margin: 20px 10px 0;
	padding: 0 0 20px 0;
	border: 1px solid #bbb;
}

#content #explanation h2 {
	padding: 0;
}

#explanation h2 em {
	background: url(../images/question-icon.jpg) no-repeat scroll left center;
	font-style:normal;
	padding:0 0 0 22px;
}

#explanation p {
	padding: 0 15px;
}

/* ----- [ Clear Floats ] -------------------------------------------------------------- */

.wrap:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}

.ie-dup-fix {
	display: none;
}