@charset "utf-8";
/* CSS Document */

/* BODY FORMATTING --------------------------------------------------------------------------------- */

body {
	margin: 0;
	padding: 0;
	text-align: center;
}

p {
	color:#666699;
	font-size:11px;
	/*line-height:16px;*/
	font-weight: normal;
	margin:0px;
}
p.white {
	color:#FFFFFF;
	font-size:11px;
	line-height:16px;
	font-weight: normal;
	margin:0px;
}
p.blue {
	color:#D5BFD5;
	font-size:11px;
	line-height:16px;
	font-weight: normal;
	margin:0px;
}
p.blue a{
	color:#D5BFD5;
	font-size:11px;
	line-height:16px;
	font-weight: normal;
	text-decoration:underline;
	margin:0px;
}
p.blue a:hover{
	color:#D5BFD5;
	font-size:11px;
	line-height:16px;
	font-weight: normal;
	text-decoration:underline;
	margin:0px;
}
p.blue a:visited{
	color:#D5BFD5;
	font-size:11px;
	line-height:16px;
	font-weight: normal;
	text-decoration:underline;
	margin:0px;
}
p.grey {
	color:#666666;
	font-size:11px;
	line-height:16px;
	font-weight: normal;
	margin:0px;
}

h1 {/*titles or headings*/
	color:#412055;
	font-size:15px;
	font-weight: bold;
	margin:0;
}
h1.errors {/*titles or headings*/
	color:#666699;
	font-size:11px;
	font-weight: bold;
	margin:0;
}
h1.white {/*titles or headings*/
	color:#FFFFFF;
	font-size:15px;
	font-weight: bold;
	margin:0;
}
h1.blue {
	color:#666699;
	font-size:15px;
	font-weight: bold;
	margin:0;
}
h1.blue a{
	text-decoration:underline;
}
h2 {/*titles or headings*/
	color:#666699;
	font-size:11px; 
	font-weight: normal;
	margin:0px 0px 0px 0px;
}
h2 a{
	color:#666699;
	text-decoration:underline;
}
h2 a:visited{
	color:#479CEB
	text-decoration:underline;
}
h2 a:hover{
	color: #000000;
	text-decoration:underline;
}

h3 {/*titles or headings BOLD*/
	color:#666699;
	font-size:11px; 
	font-weight: bold;
	line-height:13px;
	margin:0;
}
h3 a{
	color:#666699;
	text-decoration:none;

}
h3 a:visited{
	color:#479CEB
	text-decoration:none;

}
h3 a:hover{
	color: #000000;
	text-decoration:underline;
}

/* FOR GREY DATE */
h4 {
	color: #999999;
	font-size:10px;
	font-weight: normal;
	margin:0;
}
h4 a{
	color: #CCCCCC;
	text-decoration:none;

}
h4 a:hover{
	color: #CCCCCC;
	text-decoration:underline;
}


h5 { /*10px text purple*/
	color:#666699;
	font-size:10px; 
	font-weight: normal;
	margin:0;
}
h5 a{
	color:#666699;
	text-decoration:underline;

}
h5 a:hover{
	color: #000000;
}

h6 { /*9px text purple - for dates and small txt*/
	color:#666699;
	font-size:9px; 
	font-weight: normal;
	margin:0;
}
h6 a{
	color:#666699;
	text-decoration:underline;

}
h6 a:hover{
	color: #000000;
}

#footer p {
	font-size:10px; 
	font-weight: normal;
	color:#FFFFFF;
}

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

#footer p a:hover{
	color:#FFFFFF;
	text-decoration:underline;
}

#footer h1 {
	font-size:14px; 
	font-weight: bold;
	color:#FFFFFF;
}

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

#footer h1 a:hover{
	color:#FFFFFF;
	text-decoration:underline;
}

.foot_linkbox:hover h1 {
   color: #663366;
   text-decoration: none;
}

/* --------------------------------------------- LEFT COL PROFILE --*/
.profile_leftcol_user_name {
 color:#4F4F4F;
 font-size:14px; 
 font-weight: normal;
 margin:0;
 line-height:16px;
}

.profile_leftcol_user_name a {
 color:#666699;
 font-size:14px; 
 font-weight: normal;
 margin:0;
 line-height:16px;
 text-decoration:none;
}

.profile_leftcol_user_name a:visited {
 color:#479CEB;
 font-size:14px; 
 font-weight: normal;
 margin:0;
 line-height:16px;
 text-decoration:none;
}

.profile_status p , .mode_container p {
color:#4F4F4F;
font-size:11px;
font-weight:bold;
margin:0;
position:relative;
text-decoration:none;
top:3px;
}
	
.profile_status p a, .mode_container p a{
	color:#6F6F6F;
	font-size:11px; 
	font-weight: bold;
	margin:0;
	text-decoration:none;
}
.profile_status p a:visited, .mode_container p a:visited{
	color:#479CEB;
	text-decoration:underline;
}
.profile_status p a:hover,, .mode_container p a:hover{
	color:#666699;
	text-decoration:underline;
}
/*------------------------------------------- BLOG STREAM*/

/*BLOG TITLE */
.blogstream h1 {
	color:#666699;
	font-size:11px;
	font-weight: bold;
	margin:0px;
}
.blogstream h1 a:link{
	color:#666699;
	font-weight: bold;
	text-decoration:none;

}
.blogstream h1 a:hover{
	color: #000000;
	text-decoration:underline;
}

/* ------------------------------------------- BLOG POST PROFILE PAGE */

.profile_blog_item_content h1 {
	color:#666699;
	font-size:18px;
	font-weight: bold;
	margin:0;
}
.profile_blog_item_content h1 a:link{
	color:#666699;
	font-weight: bold;
	text-decoration:none;

}
.profile_blog_item_content h1 a:hover{
	color: #000000;
	text-decoration:underline;
}

.profile_blog_item_content p{
	color: #000000;
	font-size:11px;
	font-weight: normal;
	margin:0;
	line-height: 16px;
}
.profile_blog_item_content p a{
	color:#000000;
	text-decoration:underline;
}
.profile_blog_item_content p a:hover{
	color: #996699;
	text-decoration:underline;
}
/*-----------------BLOG LIST*/
.profile_blog_list_item h1{
	color:#666699;
	font-size:18px;
	font-weight: bold;
	margin:0;
}
.profile_blog_list_item h1 a:link{
	color:#666699;
	font-weight: bold;
	text-decoration:none;

}
.profile_blog_list_item h1 a:visited{
	color: #999999;
	text-decoration:none;
}
.profile_blog_list_item h1 a:hover{
	color: #993399;
	text-decoration:none;
}

/*USER NAME*/
.blogstream h2{
	color:#666699;
	font-size:11px;
	font-weight:normal;
	text-decoration:none;
	margin:0;
}
.blogstream h2 a{
	color:#666699;
	font-size:11px;
	font-weight:normal;
	margin:0;
	text-decoration: underline;
}
.blogstream h2 a:hover{
	color: #000000;
}

/*DATE STAMP*/
.blogstream h3{
	color:#666699;
	font-size:10px; 
	font-weight: normal;
	text-decoration:none;
	margin:0;
}

/*SNIPPET*/
.blogstream p{
	color:#666699;
	font-size:11px; 
	font-weight: normal;
	margin:0;
}
.blogstream p a{
	color:#666699;
	text-decoration:underline;
}
.blogstream p a:hover{
	color: #000000;
}

/*------------------------------------------- MESSAGE STREAM*/
/*USER NAME*/
.msgstream h1{
	color:#666699;
	font-size:11px;
	font-weight:bold;
	text-decoration:none;
	margin:0px;
}
.msgstream h1 a{
	color:#666699;
	font-size:11px;
	font-weight:bold;
	margin:0px;
	text-decoration: underline;
}
.msgstream h1 a:hover{
	color: #000000;
}

/*DATE STAMP*/
.msgstream h2{
	color:#666699;
	font-size:10px; 
	font-weight: normal;
	text-decoration:none;
	margin:0px 0px 0px 0px;
}

/*GROUP BUBBLE MESSAGE*/
.msgstream p{
	color:#666699;
	font-size:11px; 
	font-weight: normal;
	margin:0px;
}

/*------------------------------------------- SEND MESSAGE COMPONENT*/
.hp_myfriends h1 {
	font-size:11px;
	color:#666699;
	font-weight:bold;
	margin:0;
}
.hp_myfriends h2 {
	font-size:11px;
	color:#666699;
	font-weight:normal;
	margin:0;
}

.hp_myfriends h2 a {
	font-size:11px;
	color:#666699;
	font-weight:normal;
	margin:0;
}
.hp_myfriends h2 a:hover {
	color: #000000;
	text-decoration:underline;
}

.char_remaining {
font-size:10px;
color:#666699;
font-weight:normal;
margin:0;
}

.char_remaining a{
font-size:10px;
color:#666699;
font-weight:normal;
margin:0;
}

/*GEN ERRORS */
div.nonlogin_profile{
	float:left;
	text-align:center;
	margin-bottom:20px;
	width:100%;
}

div.general_errors {
 float:left;
 padding: 10px 10px 10px 0px;
 color:#666699;
 font-size:11px;
 font-weight: bold;
 margin:0px;
 width: 97%;
 text-align: center;
}

/*--------------------------------- RUMMBLE DISPLAY TEXT STYLING */

.gwt-rummble_main_title{
float:left;
font-family:Arial, Helvetica, sans-serif;
font-size:18px;
font-weight:bold;
color:#666699;
margin:0;
}

.rummble_main_date_duration{
font-size:11px;
font-weight:normal;
color:#666699;
margin:0
}

.rummble_main_content_text p{
	font-size:11px;
	font-weight:normal;
	color:#666699;
	margin:0;
	line-height:14px;
}
.rummble_main_content_text p a{
	text-decoration:underline;
	color:#666699;
}
.rummble_main_content_text p a:hover{
	text-decoration:underline;
	color: #000000;
}

.rummble_main_content_address p {
	font-size:11px;
	font-weight:normal;
	color:#666699;
	margin:0;
}
.rummble_main_content_address p a:link, a:visited{
text-decoration:underline;
	color:#666699;
}
.rummble_main_content_address p a:hover{
text-decoration:underline;
	color: #000000;
}
.rummble_main_content_tags p {
	font-size:14px;
	font-weight:bold;
	color:#666699;
	margin:0;
}

.rummble_view_on_map a{
	font-size:11px;
	font-weight:normal;
	color:#666699;
	text-decoration:underline;
}
.rummble_view_on_map a:hover{
color: #000000
}

/* RUMMBLE MAIN COMMENTS */
.rummble_main_comment_comment p{
	font-size:11px;
	font-weight:normal;
	color:#666699;
	margin:0;
	line-height:14px;
}
.rummble_main_comment_comment p a{
	text-decoration:underline;
	color:#666699;
}
.rummble_main_comment_comment p a:hover{
	text-decoration:underline;
	color: #000000;
}
.rummble_main_comment_tags p {
	font-size:9px;
	font-weight:normal;
	color:#999999;
	margin:0;
}

/* ------------------------------ RUMMBLE STREAM --- */

.rummble_list_title {
}
.rummble_list_date {
	color:#999999;
	font-size: 9px;
}
.rummble_list_adtext {
	color:#666699;
	line-height: 14px;
}

#status_div, .profile_user_options_box, .profile_user_titles, .profile_thumb_status, .profile_vitals_box, div.location {
color:#4F4F4F;
font-size:11px;
font-weight:normal;
padding-top:10px;
text-decoration:none;
}

	@charset "utf-8";
/* 
.rumlayout #container {
	width: 100%;  
	background-color: #FFFFFF;
	border: 0px solid #000000;
	text-align: left;
	float:left;
}*/
.rumlayout #header {
	height: 70px;
	width: 100%;  /* this padding matches the left alignment of the elements in the divs that appear beneath it. If an image is used in the #header instead of text, you may want to remove the padding. */
}
.rumlayout #header_contents {
	background-image:url(../../gfx/rummble/web/header_images/rbgnav2.jpg);
	background-repeat: no-repeat;
	width: 991px;
	margin: auto;
	height: 70px;
}

.rumlayout #header_navi {
	width:445px;
	margin: 10px 0px 0px 40px;
	display:inline;
	float: left;
}

.rumlayout #header_bar {
	width: 100%;
}
.rumlayout #header_bar_container {
	width: 991px;
	margin: auto;
}

.rumlayout #profile_tab {
	width: 240px;
	height:20px;
	float:left;
	padding: 5px 5px 5px 10px;
	background-repeat: no-repeat;
	margin: 24px 0 0 0;
	background-image: url(../../gfx/rummble/web/header_images/header_profile_tab_blue.gif);
}

.rumlayout #header h1 {
	margin: 0; /* zeroing the margin of the last element in the #header div will avoid margin collapse - an unexplainable space between divs. If the div has a border around it, this is not necessary as that also avoids the margin collapse */
	padding: 0px 0; /* using padding instead of margin will allow you to keep the element away from the edges of the div */
}

.rumlayout #logo {
	float:left;
	width: 200px;
	height: 60px;
}

.rumlayout #search {
 float:left;
 width: 145px;
 margin: 10px 0px 0 65px;
 display:inline;
 background-image: url(../../gfx/rummble/web/header_images/rbgser.gif);
 background-repeat: no-repeat;
 background-position:top left;
 padding-top: 0px;
}

.rumlayout #sub_container {
	width: 991px;
	margin: auto;
	height: 100%;
}

.rumlayout #mainContent {
	width: 990px;
	margin: auto;
	padding: 10px 0;
	float: left;
	background-color: #FFFFFF;
	text-align:left;
}
/* LEFT COL --------------------------------------------------------------------------------- */

.rumlayout #leftcol {
	width:250px;
	height: auto;
	float: left;

}

.rumlayout #hp_profile {
	width:250px;
	height: 40px;
	float: left;
	margin: 0px 0px 10px 0px;
}

div.hp_myfriends {
	width:230px;
	height: auto;
	float: left;
	/* background-color:#E3E4EA; */
	margin: 0px 0px 10px 0px;
	text-align:left;
	padding: 8px 7px 8px 8px;
}

/* RIGHT COL --------------------------------------------------------------------------------- */

.rumlayout #rightcol {
	width:700px;
	float:left;
	/*	margin: 0px 0px 10px 260px;*/
margin: 0px 0px 10px 10px;
	text-align: left;
}

.rumlayout #lifestream {
	width:700px;
	height: 380px;
	margin: 0px 0px 10px 0px;
	background: #35124A;
}

div.rummbles_list {
	width:345px;
	height:100%;
	margin: 0px 10px 10px 0px;
	background-color: #FFFFFF;
	padding: 0px 0px 0px 0px;
	float: left;
}

div.msgstream {
	width:345px;
	background-color: transparent;
	margin:0px -3px -3px -3px;
	height:auto !important; /* all browsers - works on i.e.6/7 */
	float: right;
	text-align: left;
}

div.blogstream {
	width:345px;
	background-color: transparent;
	margin:0px -3px -3px -3px;
	height:auto !important; /* all browsers - works on i.e.6/7 */
	float: right;
	border-top:3px;
	border-bottom-color:#666699;
	border-right: 0px;
	border-bottom: 2px;
	border-left: 0px;
	border-bottom-color:#E3E4EA;
	text-align: left;
}



/* FOOTER --------------------------------------------------------------------------------- */
.rumlayout #footer_container {
	width:100%;
	float:left;
	background-color: #FFFFFF;
}
.rumlayout #footer {
	width: 991px;
	margin: auto; /* the auto margins (in conjunction with a width) center the page */
	text-align: left; /* this overrides the text-align: center on the body element. */
}

.rumlayout #footer_left {
	background-image:url(../../gfx/rummble/web/footer_images/rbbotbglhcorner.jpg);
	background-position:top;
	background-repeat:no-repeat;
	width:41px;
	height:218px;
	background-color: #49195B;
	float:left;
}

.rumlayout #footer_right {
	background-image:url(../../gfx/rummble/web/footer_images/rbbotbgrhcorner.jpg);
	float:right;
	background-position:top;
	background-repeat:no-repeat;
	width:41px;
	height:218px;
	background-color: #49195B;
}

.rumlayout #footer_content {
	background-image:url(../../gfx/rummble/web/footer_images/rbbotbgmid.jpg);
	background-position:top;
	background-repeat:repeat-x;
	width:879px;
	height:198px; /*SET HEIGHT*/
	text-align: left;
	float:left;
	padding:20px 0px 0px 30px;
	background-color: #49195B;
}
div.foot_linkbox{
	width: 110px;
	margin: 10px 10px 0px 0px;
	float:left;
	z-index: 5;
}
div.foot_copyright {
	float:left;
	text-align: left;
}
.rumlayout #foot_statsbox{
	width: 240px;
	margin: 10px 0px 0px 10px;
	float:right;
}

.rumlayout #foot_subscribe{
	width: 850px;
	text-align:right;
	vertical-align: bottom;
	margin: 160px 0 0 0;
}
.rumlayout #footer p {
	margin: 0; /* zeroing the margins of the first element in the footer will avoid the possibility of margin collapse - a space between divs */
	padding: 0px 0; /* padding on this element will create space, just as the the margin would have, without the margin collapse issue */
}



/* -----------------------------------------------*/
/* 	Overrides for the new logged out explore view */
/* 	A halfway point to the new layout for viewing Rummbles while logged out */
/* -----------------------------------------------*/

body {
	margin:0;
	padding:0 4em;
	background:#FFFFFF url(../../gfx/ui/bkg_body_greySwirl.gif) no-repeat left center!important;
}

/* Set the font to Arial wherever it's required: */
.loggedOut body,
.loggedOut p,
.gwt_generic_heading h3,
.gwt_label_link{
	font-family:arial, helvetica, sans-serif!important;
}

.loggedOut h4 {
	color:#3F235C;
	font-weight:bold;
}

.loggedOut a.anchor,
.loggedOut a.anchor:hover {
	color:inherit;
	text-decoration:none;
}

/*

.loggedOut .rumLayout a:link,
.loggedOut .gwt_label_link {
	text-decoration:none;
	color:#479CEB!important;
}

.loggedOut a:hover {
	text-decoration:underline!important;
	color:#479CEB!important;
}

.loggedOut a.username {
	color:#3B2156;
}

.loggedOut .rumlayout p {
	color:#222;
}

.loggedOut .gwt_rummble_main_content_address {
	margin-left:0.5em;

}

.loggedOut .gwt_rummble_main_content_address p{
		font-size:12px!important;
		margin-bottom:0.5em;
}

.loggedOut .gwt_rummble_main_content_address p a{
	font-size:12px!important;
	text-decoration:none;
	color:#479CEB;
	font-weight:bold;
}

.loggedOut .rumlayout #footer_container,
.loggedOut .rumlayout #container,
.loggedOut .rumlayout #mainContent {
	background-color:transparent;
}

.loggedOut .roundedcornr_box_explorer {
	background:#FFFFFF url(../../gfx/rummble/web/loggedout/ui/bkg_whiteSwirl.gif) no-repeat scroll right center;
	border:1px solid #E1E1E1!important;
	padding:20px;
	width:855px!important;
	margin-bottom:1em;
}

.loggedOut .rum_explorer_width {
	width:855px!important;
}

.loggedOut .rum_explorer_width tbody table {
	width:100%;
}

.loggedOut .rum_explorer_width tbody tbody table {
	width:auto;
}

.loggedOut .rummble_main_total_rating {
	height:46px!important;
	background:transparent url(../../gfx/rummble/web/loggedout/ui/bkg_explore_signUpButton.gif) no-repeat top left!important;
	padding-left:64px!important;
	margin-left:-4px;
	padding-top:16px!important;
}

.loggedOut .rumlayout div.gwt-rummble_main_title {
	letter-spacing:-0.03em!important;
	color:#3F235C!important;
	font-size:40px!important;
	font-weight:bold!important;
	margin-bottom:0.25em!important;
}

.loggedOut .rumlayout .gwt-display-signup {
	width:425px!important;
}

.loggedOut .rumlayout .gwt-display-signup p {
	color:#222!important;
	font-size:11px!important;
}

.loggedOut .gwt-display-signup a {
	font-size:12px!important;
	text-decoration:none!important;
	color:#479CEB!important;
	font-weight:bold;
}

.rumlayout .gwt_generic_heading {
	float:none;
	width:100%;
}
 
.loggedOut .gwt_generic_heading h3{
	clear:both;
	font-size:17px!important;
	letter-spacing:-0.025em;
	color:#2C2C2C!important;
	margin-bottom:4px;
	margin-top:4px;
}

.loggedOut .rummble_main_total_rating {
	width:auto!important;
}

.loggedOut .rummble_main_total_rating_options {
	display:none;
}

.loggedOut .box_tab_close_explorer {
	display:none;
}

.loggedOut .rummble_main_user_pic {
text-align:right;
}

.loggedOut .rummble_main_user_pic tbody tr td{
	border:1px solid #CCC!important;
}

.loggedOut div.rummble_main_comment_post_box {
	width:450px!important;
}

.loggedOut div.rummble_main_comment_post_box strong {
	display:block;
	font-size:12px;
}

.loggedOut .gwt-Image {
	margin-right:20px;
	margin-left:10px;
}

.loggedOut .gwt_label_link {
	font-size:14px!important;
	font-weight:bold!important;
	margin-bottom:0.5em!important;
	text-decoration:none!important;
}

.loggedOut .rummble_main_content_tags p:before {
	content:"Tagged with: ";
	color:#AAA;
	font-weight:normal;
}

*/

@charset "utf-8";
/* ALL FORMS, BUTTONS ETC */
/*------------------------------------------- MESSAGE STREAM*/

input.search {
width:95px;
height:16px;
background-color:#71297D;
font-family:Tahoma, Arial, Helvetica, sans-serif;
font-size:15px;
font-weight:bold;
color:#FFFFFF;
padding:2px 0px 4px 6px;
border: 0px;
border-style:none;
float:left;
margin:1px 0px 0px 1px;
}

/* GENERIC DROP DOWN */

select.generic, select.generic_light {
	height:22px;
	background-color: #FFFFFF;
	font-family:Tahoma, Arial, Helvetica, sans-serif;
	font-size:11px;
	font-weight:normal;
	padding:3px;
	border: 1px;
	border-style:solid;
}

select.generic {
	border-color: #E3E4EA;
	color: #666699;
}

select.generic_light {
	color:#8989B0;
	border-color:#8989B0;
	float:right;
}

/*psuedo button DIV GLOBAL USE*/
div.button {
	width:65px;
	height:24px;
	border: 0px;
	border-style:none;
	cursor:pointer;
	text-align:center;
	font-family:Tahoma, Arial, Helvetica, sans-serif;
	font-size:10px;
	font-weight:bold;
	margin:0px;
	color: #FFFFFF;
	background-image:url(../../gfx/rummble/web/global_buttons/button_blank.png);
	background-repeat:no-repeat;
	float:left;
}
div.button a{
	color:#303030;
display:block;
font-weight:bold;
height:19px;
padding:5px 0 0;
text-decoration:none;
}
div.button span{
	height:19px;
	padding: 5px 0px 0px 0px;
	display:block;
	text-decoration:none;
	color: #FFFFFF;
}
div.button a:visited{
	color:#303030;
	text-decoration:none;

}
div.button a:hover{
color:#479CEB;
text-decoration:none;
}

/* CSS ONLY BUTTONS */
div.buttoncss_mid
{
	width: 45px;
}
.buttoncss_mid a { /* USED ON LOCATION SET */
	border: 2px solid #8989B0;
	border-bottom-color: #333366;
	border-right-color: #333366;
	background-color: #666699;
	width:45px;
	text-align:center;
	font-family:Tahoma, Arial, Helvetica, sans-serif;
	font-size:10px;
	font-weight:bold;
	margin:0;
	display:block;
	padding:3px 0 3px 0;
	text-decoration:none;
	color: #FFFFFF;
}
.buttoncss_mid a:visited {
	color: #FFFFFF;
	text-decoration:none;
}
.buttoncss_mid a:hover{
	background-color:#8989B0;
	color: #FFFFFF;
	text-decoration:none;
}
.buttoncss_mid a:active {
	border: 2px solid #CCCCCC;
	border-top-color: #999999;
	border-left-color: #999999;
	color: #FFFFFF;
	text-decoration:none;
}

/*MINI BUTTON*/

div.button_mini {
	width:39px;
	height:23px;
	border: 0px;
	border-style:none;
	cursor:pointer;
	text-align:center;
	font-family:Tahoma, Arial, Helvetica, sans-serif;
	font-size:10px;
	font-weight:bold;
	margin:0px;
	color: #FFFFFF;
	background-image:url(../../gfx/rummble/web/global_buttons/button_blank_mini.png);
	background-repeat:no-repeat; 
	float:left;
}
.button_mini a{
border:1px outset black;
color:black;
display:block;
font-weight:bold;
height:19px;
margin-right:5px;
text-decoration:none;
}
.button_mini a:hover{
color: #333366;
}

/* BUTTON BIG */

div.button_big {
	width:78px;
	height:34px;
	border: 0px;
	border-style:none;
	cursor:pointer;
	text-align:center;
	font-family:Tahoma, Arial, Helvetica, sans-serif;
	font-size:10px;
	font-weight:bold;
	margin:0px;
	color: #FFFFFF;
}
.button_big a{
	height:24px;
	padding: 10px 0px 0px 0px;
	display:block;
	text-decoration:none;
	color: #FFFFFF;
}
.button_big a:hover{
	color: #FFCCFF;
}

/* GENERIC TITLES and HEADINGS */

div.generic_heading {
	float:left;
	height: auto;
	padding: 5px 5px 5px 5px;
	width: 100%;
}

div.generic_heading_mod {
	float:left;
	height: auto;
	padding: 5px 5px 5px 5px;
}

/* ------------- SEND MESSAGE BOX -----*/

div.send_message_container {
	/* background-color:#E3E4EA; */
	text-align:left;
	float: left;
}
div.send_message_container_view {
	/* background-color:#E3E4EA; */
	text-align:left;
	padding-left: 180px;
}
.send_message_container_view h1{
	font-family:Tahoma, Verdana, Arial, Helvetica, sans-serif;
	color:#666699;
	font-size:11px;
	font-weight:bold;
	text-decoration:none;
	margin:0px;
}
.send_message_container_title {
	font-family:Tahoma, Arial, Helvetica, sans-serif;
	color:#666699;
	font-size:11px;
	font-weight:bold;
	margin:0px;
}
div.messages_send_message_container {
margin: 0 10px;
float:left;
}
input.recipient {
width:170px;
height:14px;
background-color: #FFFFFF;
font-family:Tahoma, Arial, Helvetica, sans-serif;
font-size:11px;
font-weight:normal;
color:#666666;
padding:5px;
border: 1px;
border-color: #9A9ABB;
border-style:solid;
float:left;
}
input.recipient_unedit { /*when user cannot edit the recipient field*/
width:190px;
height:14px;
background-color: #FFFFFF;
font-family:Tahoma, Arial, Helvetica, sans-serif;
font-size:11px;
font-weight:normal;
color: #666666;
padding:3px;
border: 1px;
border-color: #9A9ABB;
border-style:solid;
float:left;
}
input.telephonenumber {
	width:170px;
	height:16px;
	background-color: #FFFFFF;
	font-family:Arial,Helvetica,sans-serif;
	font-size:14px;
	font-weight:bold;
	color:#412055;
	padding-top: 1px;
	padding-right: 1px;
	padding-bottom: 3px;
	padding-left: 1px;
	border: 1px;
	border-color: #9A9ABB;
	border-style:solid;
	float:left;
}
textarea.message {
	width:170px;
	height:32px;
	background-color: #FFFFFF;
	font-family:Tahoma, Arial, Helvetica, sans-serif;
	font-size:14px;
	font-weight:normal;
	color:#35124A;
	padding:5px;
	border: 1px;
	border-color: #9A9ABB;
	border-style:solid;
	float:left;
	overflow: auto; /*hides scroll on ie till overflow*/
}

/* BUBBLES - mouse hover tooltips*/

/* Friends Bubble */
div.bubble_friend {
 width:150px;
 height:40px;
 padding: 8px 10px 30px 8px;
 text-align: left;
 background-image: url(../../gfx/rummble/web/global_components/bubble_friends.png);
 background-repeat: no-repeat;
 background-position: top left;
 margin-right: -3px;
 z-index: 101;
 position: absolute;
}
div.bubble_friend p{
	font-family:Tahoma, Arial, Helvetica, sans-serif;
	font-size:11px;
	font-weight:normal;
	color: #FFFFFF;
	margin:0px;
}
div.bubble_friend a {
	font-family:Tahoma, Arial, Helvetica, sans-serif;
	font-size:11px;
	font-weight:normal;
	color: #FFFFFF;
	text-decoration:underline;
}
div.bubble_friend a:hover {
	color: #000000;
}

/*------------------------------- AJAX DROP DOWN CSS ----- */
div.results{
      font-family:Tahoma, Arial, Helvetica, sans-serif;
      font-size:11px;
      font-weight:normal;
      color:#666666;
      background-color:#FFFFFF;
      border: 1px;
      border-color: #9A9ABB;
      border-style:solid;
      z-index:20;
      margin: 0px -3px 0px 0px;
}
.results ul
{
      list-style: none;
      padding: 0px;
      margin: 0px -3px 0px 0px;
      z-index:20;
}
.results li
{
     margin: 0px -3px 0px 0px;
     height: auto;
      padding:3px 5px 3px 5px;
      z-index:20;
}

.selected
{
background-color:#E3E4EA;
}

/* ED's EDIT */

div.recentLoc{
      font-family:Tahoma, Arial, Helvetica, sans-serif;
      font-size:11px;
      font-weight:normal;
      color:#666666;
      background-color:#FFFFFF;
      border: 1px;
      border-color: #9A9ABB;
      border-style:solid;
      z-index:20;
      width:230px;
}

.recentLoc a{
	      font-family:Tahoma, Arial, Helvetica, sans-serif;
      font-size:11px;
      font-weight:normal;
      color:#666666;
   	text-decoration: none;
}
.recentLoc a:visited{
	text-decoration: none;
    color:#666666;
}
.recentLoc a:hover{
	text-decoration: underline;
    color:#666666;
}
	
.recentLoc ul
{
      list-style: none;
      padding: 0px;
      margin: 0px;
      z-index:20;
}
.recentLoc li

{
     margin: 0 0.15em;
     height: auto;
      padding:3px 5px 3px 5px;
      z-index:20;
}



/* ---------------------------------------- HELP TOOLTIPS ---------- */

div.help {
	width: 10px;
	float: right;
	margin: 0px -3px 0px 0px;
}

/* css/tooltip.css -- fancy tooltips */

span.tool {
  cursor: help;
  margin:0px;
}
 
div.tip {
  display: none;
  background-color:#8989B0;
  z-index: 100;
  position: absolute;
  width: 130px;
  line-height: 1.2em;
  padding: 3px 7px 4px 6px;
  border: 3px solid #FFFFFF;
  font-family: Tahoma, arial, helvetica, sans-serif;
  font-size: 11px;
  font-weight: normal;
  color: #FFFFFF;
  text-align: left;
  text-decoration:none;
}

/* css/tooltip.css */

/*-------------------------------- NOTICE */

div.notice{
width:20px;
height:20px;
}

/* ----------- GENERIC LEFT COLOUMN BOXES ------- */
div.generic_left_col_box {
background-color:#E3E4EA;
float:left;
height:auto;
margin:0 0 10px;
width:246px;
}
div.generic_left_col_box h1 {
  font-family: Tahoma, arial, helvetica, sans-serif;
  font-size: 18px;
  font-weight: bold;
  color: #35124A;
  padding-bottom:5px;
  margin:0px;
}
div.generic_left_col_box p {
  font-family: Tahoma, arial, helvetica, sans-serif;
  font-size: 11px;
  font-weight: normal;
  color:#666699;
  margin:0px;
}

div.generic_left_col_box_header {
	background-position: top;
	background-repeat: no-repeat;
	float:left;
	width: 246px;
	height:10px;
	}
div.generic_left_col_box_footer {
	background-position: top;
	background-repeat: no-repeat;
	float:left;
	width: 246px;
	height:10px;
}

div.generic_left_col_text {
	float:left;
	width: 165px;
	padding: 0px 0px 0px 8px;
	position: relative;
	left: 0px;
	top: 0px;
	height:auto;
	z-index:10;
	text-align:left;
}

div.generic_left_col_icon {
	float:left;
	margin: 0px 0px 5px 10px;
	right: 0px;
	top: 0px;
	position:relative;
}
div.generic_left_col_button {
	float:right;
	padding: 0px 5px 0px 0px;
	right: 0px;
	bottom: 0px;
	position: relative;
}

/* -------------------------- TABS ------------------------- */
div.tab_active_wide {
	width:100%;
	height:31px;
	margin: 0px 0px 5px 0px;
	border-bottom: 2px solid #5D3488;
	/* background-image:url(../../gfx/rummble/web/global_components/tab_active_wide.png);
	background-repeat:no-repeat;
	background-position:top; */
}

div.tab_active_wide_title {
color:#5D3488;
float:left;
font-family:arial;
font-size:18px;
font-weight:bold;
margin:8px 5px 5px 10px;
}
div.left_col_tab_medium_active {
	float:left;
	width:245px;
	height:31px;
	margin: 0px;
	/* background-image:url(../../gfx/rummble/web/global_components/tab_250bl.png);
	background-repeat:no-repeat;
	background-position:top; */
	border-bottom:2px solid #5d3488;
}
div.left_col_tab_medium_active_title {
float:left;
  font-family: Arial, Tahoma, helvetica, sans-serif;
  font-size: 16px;
  font-weight: bold;
  color: #5d3488;
  margin:8px 5px 5px 10px;
}
div.left_col_tab_medium_active_link {
float:right;
  margin:10px 10px 5px 0px;
}
div.left_col_tab_medium_active_link a, div.left_col_tab_medium_active_link a:visited {
  font-family: Tahoma, Arial, helvetica, sans-serif;
  font-size: 11px;
  font-weight: bold;
  color: #FFFFFF;
  text-decoration:underline;
}

div.tab_medium_active, div.tab_medium_active_light {
	width:100%;
	height:34px;
	float:left;
	margin: 0px 0px 8px 0px;
	/* background-repeat:no-repeat; */
}

div.tab_medium_active {
	/* background-image:url(../../gfx/rummble/web/global_components/tab_medium_bg_active.png); */
	border-bottom:2px;
	border-bottom-style:solid;
	border-bottom-color:#4F4F4F;
}

div.tab_medium_active_light {
	background-image:url(../../gfx/rummble/web/global_components/tab_light_bg_active.png);
}

/*---------------------- mini tabs */
 
div.tab_mini_active {
 background-image:url(../../gfx/rummble/web/global_components/tab_mini_bg_active.jpg);
 background-repeat:no-repeat;
 width:170px;
 height:34px;
 float:left;
 border-bottom:2px;
 border-bottom-style:solid;
 border-bottom-color:#4F4F4F;
 margin: 0 0 8px 0;
  text-decoration:none;
}
div.tab_mini_inactive {
 width:170px;
 height:34px;
 float:left;
 border-bottom:2px;
 border-bottom-style:solid;
 border-bottom-color:#4F4F4F;
 margin: 0 0 8px 0;
 background-image: url(../../gfx/rummble/web/global_components/tab_mini_bg_inactive.jpg);
 background-repeat: no-repeat;
  text-decoration:none;
}
 
.tab_active_mini_title a, .tab_active_mini_title a:visited {
 display:block;
 float:left;
 font-family: Arial, Tahoma, helvetica, sans-serif;
 font-size: 16px;
 font-weight: bold;
 color: #FFFFFF;
 padding: 8px 0 5px 10px;
 font-weight: bold;
 text-decoration:none;
 width: 160px;
 text-align: left;
}

.tab_inactive_mini_title a, .tab_inactive_mini_title a:visited{
 display:block;
 float:left;
 font-family: Arial, Tahoma, helvetica, sans-serif;
 font-size: 16px;
 font-weight: bold;
 color: #B8B8D0;
 font-weight: bold;
 text-decoration:none;
 padding: 8px 0 5px 10px;
 width: 160px;
 text-align: left;
}

/* ------------- SUB MENU ---------------- */
div.rum_submenu, div.rum_submenu_active {
width:120px;
height:32px;
border:0px;
border-style:none;
cursor:pointer;
text-align:center;
font-family:Tahoma, Arial, Helvetica, sans-serif;
font-size:11px;
font-weight:bold;
margin:0px;
color: #FFFFFF;
background-image:url(../../gfx/rummble/web/global_buttons/submenu_bg.gif);
background-repeat:no-repeat;
float:left;
}

div.rum_submenu a{
height:24px;
padding: 8px 0px 0px 0px;
display:block;
text-decoration:none;
color: #FFFFFF;
}

div.rum_submenu a:visited{
color: #FFFFFF;
text-decoration:none;
}

div.rum_submenu a:hover{
color: #FFFFFF;
}

div.rum_submenu_active a{
height:24px;
padding: 8px 0px 0px 0px;
display:block;
text-decoration:underline;
color: #FFFFFF;
}

div.rum_submenu_active a:visited{
color: #FFFFFF;
text-decoration:underline;
}

div.rum_submenu_active a:hover{
color: #FFFFFF;
}

/* ------------- ROUNDED CORNER DIV ----------------------------- */

.roundedcornr_box {
	background: #e3e4ea;
	height: auto;
	width:700px;
	float:left;
}
.roundedcornr_top div {
   background: url(../../gfx/rummble/web/global_components/roundedcornr_tl.png) no-repeat top left;
}
.roundedcornr_top {
   background: url(../../gfx/rummble/web/global_components/roundedcornr_tr.png) no-repeat top right;
}
.roundedcornr_bottom div {
   background: url(../../gfx/rummble/web/global_components/roundedcornr_bl.png) no-repeat bottom left;
}
.roundedcornr_bottom {
   background: url(../../gfx/rummble/web/global_components/roundedcornr_br.png) no-repeat bottom right;
}

.roundedcornr_top div, .roundedcornr_top, 
.roundedcornr_bottom div, .roundedcornr_bottom {
   width: 100%;
   height: 10px;
   font-size: 1px;
   float:left;
}
.roundedcornr_content{ margin: 0px 10px 0px 0px; }

/* --------------------------------------- TABS ------------------------- */
div.box_tab_close {
	background-color:#E3E4EA;
	width:700px;
	background-image:url(../../gfx/rummble/web/global_components/roundedcornr_tr.png);
	background-repeat:no-repeat;
	background-position:right top;
	float: left;
	height: 10px;
}

div.box_tab_ls_active {
	width:96px;
	height:25px;
	float:left;
	background-image: url(../../gfx/rummble/web/global_components/box_tab_ls_active.png);
	background-repeat: no-repeat;
	background-position: top left;
	padding: 5px 5px 0px 10px;
	text-align: center;
}

.box_tab_ls_active a{
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#666699;
	font-weight:bold;
	margin:0px 0px 0px 0px;
	padding:3px 0px 6px 0px;
	display: block;
	text-decoration: none;
	text-align: left;
	float:left;
		margin-left: auto;
	margin-right: auto;
}
.box_tab_ls_active a:hover{
	color: #000000;
}

div.box_tab_active {
	width:96px;
	height:24px;
	float:left;
	background-image: url(../../gfx/rummble/web/global_components/box_tab_active.png);
	background-repeat: no-repeat;
	background-position: top left;
	padding: 5px 5px 0px 10px;
	text-align: center;
	margin-right: 3px;
}
div.box_tab_icon {
	width:20px;
	text-align:right;
	float:left;
	margin-left: 0px;
	margin-right: 5px;
}
.box_tab_active a{
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#666699;
	font-weight:bold;
	margin:0px 0px 0px 0px;
	padding:3px 0px 6px 0px;
	display: block;
	text-decoration: none;
	text-align: left;
	float:left;
		margin-left: auto;
	margin-right: auto;
}
.box_tab_active a:hover{
	color: #000000;
}

div.box_tab_inactive { /* RUMMBLE, MAP CONTAINER */
	width:90px;
	height:24px;
	float:left;
	padding: 5px 10px 0px 10px;
	background-image: url(../../gfx/rummble/web/global_components/box_tab_inactive.png);
	background-repeat: no-repeat;
	background-position: top left;
	margin-right: 3px;
}
.box_tab_inactive a{
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#666699;
	font-weight:bold;
	margin:0px 0px 0px 0px;
	padding:3px 0px 6px 0px;
	display: block;
	text-decoration: none;
	text-align: left;
	float:left;
}
.box_tab_inactive a:hover{
	color: #000000;
}

/* ------------- RUMMBLE RATING */
div.rummble_main_big_rating {
	width:200px;
	height:30px;
	float:left;
	margin: 0px 0px 0px 10px;
}

div.rummble_main_small_rating {
	float:left;
	margin: 5px 0px 5px 0px;
}
/* -------------- RUMMBLE EXPERIENCED THIS */
div.rummblestream_experienced_this {
	right: 10px;
	top: 100px;
	float: right;
}
.rummblestream_experienced_this a{
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	color: #666699;
	font-weight:normal;
	text-decoration:underline;
}

.rummblestream_experienced_this a:hover{
	color: #666699;
}

.rummblestream_experienced_this a:visited{
	color: #666699;
	text-decoration:underline;
}

/* ---------------- SHARE THIS ----------- */
div.share_this {
	float:left;
	margin: 5px 3px 3px 3px;
}
.share_this a{
	display:block;
	width:74px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:10px;
	color: #666699;
	font-weight:bold;
	position: relative;
	float: left;
	padding: 6px 5px 6px 5px;
	text-decoration: none;
	text-align:left;
	background-image:url(../../gfx/rummble/web/global_icons/share_this.png);
	background-repeat:no-repeat;
	background-position: 64px 3px;
}
.share_this a:hover{
	background-color:#666699;
	color: #FFFFFF;
	background-image:url(../../gfx/rummble/web/global_icons/share_this_white.png);
}

div.share_this_popup {
	width:200px;
}
div.share_this_popup_navi {
	background-image:url(../../gfx/rummble/web/global_components/share_this_popup_bg.png);
	background-repeat:no-repeat;
	background-position: left top;
	height: 20px;
	width:185px;
	padding: 13px 5px 0 10px;
}
.share_this_popup_navi p{
	font-family:Tahoma, Arial, Helvetica, sans-serif;
	font-size:10px;
	color: #FFFFFF;
	font-weight:normal;
	margin:0px;
	float:left;
}
.share_this_popup_navi p a{
	color: #FFFFFF;
	text-decoration:underline;
}
.share_this_popup_navi p a:hover{
color: #000000;
}

div.share_this_popup_content {
	width:184px;
	background-color:#FFFFFF;
	border:3px;
	border-color:#8989B0;
	border-style:solid;
	padding:5px;
}
.share_this_popup_content p{
	font-family:Tahoma, Arial, Helvetica, sans-serif;
	font-size:10px;
	color: #666699;
	font-weight:normal;
	margin:0;
}
.share_this_popup_content p a{
	color: #666699;
	text-decoration:underline;
}
.share_this_popup_content p a:hover{
color: #000000;
}

div.delete {
	float:right;
	position: relative;
	top: 0px;
}

/* ----------------------- PROGRESS NUMBERS */
div.prog_number {
float:left;
font-family:Arial, Helvetica, sans-serif;
font-size:18px;
color:#FFFFFF;
margin:0 10px 0 0;
text-align:center;
padding:8px 5px 0px 5px;
width:26px;
height:30px;
}

/*-------------------------- LEFT CALL NOTICES --- */

div.hp_red_notice{
	width:230px;
	height:auto;
	margin:0 0 10px 0;
	padding:3px;
	border:5px;
	border-color: #CC0000;
	border-style:solid;
	float: left;
	background-color: #990000;
}
.hp_red_notice p{
color:#FFFFFF;
}
.hp_red_notice p a{
color:#FFFFFF;
text-decoration:underline;
}
.hp_red_notice p a:visited{
color:#FFFFFF;
text-decoration:underline;
}
.hp_red_notice p a:hover{
color:#FFFFFF;
text-decoration:underline;
}

div.hp_green_notice{
	width:230px;
	height:auto;
	margin:0 0 10px 0;
	padding:3px;
	border:5px;
	border-color:#CCFF99;
	border-style:solid;
	float: left;
	background-color: #669900;
}
.hp_green_notice p{
color:#FFFFFF;
}
.hp_green_notice p a{
color:#FFFFFF;
text-decoration:underline;
}
.hp_green_notice p a:hover{
color:#FFFFFF;
text-decoration:underline;
}
.hp_green_notice p a:visited{
color:#FFFFFF;
text-decoration:underline;
}

div.hp_purple_notice{
	height:auto;
	margin:0 0 10px 0;
	padding:8px 8px 0 8px;
	width:220px;
	border:5px;
	border-color:#CC99CC;
	border-style:solid;
	float: left;
	background-color: #996699;
}

.hp_purple_notice h3 {
	margin-bottom:0.25em;
	color:#FFF;
	font-size:17px;
	letter-spacing:-0.02em;
	line-height:1.5;
	
}
.hp_purple_notice p{
	color:#FFFFFF;
	margin-bottom:1em;
}
.hp_purple_notice p a{
color:#FFFFFF;
text-decoration:underline;
}
.hp_purple_notice p a:visited{
color:#FFFFFF;
text-decoration:underline;
}
.hp_purple_notice p a:hover{
color:#FFFFFF;
text-decoration:underline;
}

div.hp_purple_notice .closeLink{display:none;}

div.temp_notice{
	width:230px;
	height:auto;
	margin:0 0 10px 0;
	padding:3px;
	border:5px;
	border-color:#3B617E;
	border-style:solid;
	float: left;
	background-color: #FFFFFF;
}
.temp_notice p{
color:#21445F;
}
.temp_notice p a{
color:#21445F;
text-decoration:underline;
}
.temp_notice p a:visited{
color:#21445F;
text-decoration:underline;
}
.temp_notice p a:hover{
color:#21445F;
text-decoration:underline;
}

div.hp_notice_icon {
	float:left;
	margin: 0px 5px 0 3px;
}

.reminderDiv {
width: 250px;
display: none;
COLOR:red;
font-size: 12px;
font-weight: bold;
position: absolute;
padding-left: 5px;
padding-top: 5px;
padding-bottom: 5px;
padding-right: 5px;
border: 1px solid #CCCCCC;
background-color: #FFFFFF;
z-index: 100000000;
}

/* FEEDBACK BOX */
div.feedback {
 float:left;
 padding:0px 10px 0px 10px;
 width: 220px;
}

/* Calendar Button */
.calendar_select_btn {
background-image:url(../../gfx/rummble/web/global_buttons/button_cal.gif);
width:26px;
height:26px;
border:0px;
cursor:pointer;
}

/* Poll */
.pollCheckBox {
border-style: none;
background: transparent;
border-width: 0px
}

/* Trust Popup */
div.trust_popup {
	width:330px;
	background-color:#E3E4EA;
	border:3px;
	border-color:#666699;
	border-style:solid;
	padding:10px;
	z-index:20;
	display:none;
	position:absolute;
	text-align:center
}

/* Next Prev Options bar */
div.generic_options_bar{
	width:700px;
	height:20px;
	float:left;
	margin: 10px 0px 10px 0px;
}

div.generic_nextprev_options{
float:right;
}
.generic_nextprev_options p {
	font-family:Tahoma, Arial, Helvetica, sans-serif;
	color: #666699;
	font-size:11px; 
	font-weight: normal;
	margin:0;
}
.generic_nextprev_options p a{
	color: #666699;
	text-decoration:underline;
}
.generic_nextprev_options p a:hover{
	color: #000000;
	text-decoration:underline;
}

/* Title bar number */
div.generic_title_number {
	float:right;
	font-family:Tahoma, Arial, Helvetica, sans-serif;
	color: #FFFFFF;
	font-size:11px;
	font-weight: bold;
	margin:10px 10px 0px 8px;
	text-align: right;
}

/* Title Icon */
div.generic_title_icon {
	float:left;
	margin: 0 10px 0 0;
}

/* Generic Container */
div.generic_container {
	width:700px;
	float:left;
	margin: 10px 0 0 0;
	border-bottom: 1px;
	border-bottom-color: #8989B0;
	border-bottom-style: solid;
	padding: 0 0 10px 0;
}

/* Generic List */
div.generic_list{
	width:600px;
	float:left;
}

/* Generic Item */
div.generic_item {
	float:left;
	width: 600px;
	margin: 0 0 10px 0;
}

/* Generic Delete */
div.generic_delete {
	float:right;
	padding: 0px 2px 0px 2px;
}

/* future location button */
div.future_location_button {
	width:181px;
	height:32px;
	background-color:transparent;
	background-image:url(../../gfx/rummble/web/global_buttons/sf_butwheretrip.gif);
	background-position:top-left;
	background-repeat:no-repeat;
	font-family:Tahoma, Arial, Helvetica, sans-serif;
	font-size:11px;
	font-weight:bold;
	text-decoration:none;
	margin:0;
	color: #FFFFFF;
	border: 0px;
	border-style:none;
	cursor:pointer;
}
div.future_location_button a{
	padding: 10px 0px 0px 40px;
	height:32px;
	display:block;
	text-decoration:none;
	color: #FFFFFF;
}
div.future_location_button a:visited{
	color: #FFFFFF;
	text-decoration:none;
}
div.future_location_button a:hover{
	color: #333366;
}

/* edit member public profile */
div.home_location_square {
	border: 10px;
	border-color: #a18cab;
	border-style: solid;
	padding: 15px 30px 15px 50px;
}

@charset "utf-8";
/* CSS Document */

div.left_col_profile {
	width:250px;
	float: left;
	margin: 0px -3px 0px 0px;
	text-align: left;
}
div.my_mode_container {
	width:229px;
	/* background-color:#E3E4EA; */
	float:left;
	padding:8px;
	margin-bottom:8px;
}
div.profile_image {
	width:auto;
	text-align:center;
	float:left;
	padding-right:8px;
}
div.profile_status {
	float:left;
	width:193px;
}
mode_container {
	float:left;
	padding:5px;
	width:235px;
}
div.profile_edit_field {
background-color:#E3E4EA;
border:1px solid #909090;
float:left;
height:auto;
margin:5px 0;
padding:10px;
text-align:left;
width:229px;
}
div.profile_edit_field p{
	font-family:Tahoma, Arial, Helvetica, sans-serif;
	font-size:14px;
	font-weight:normal;
	line-height:16px;
	color: #666699;
}
div.profile_edit_field p.grey{
	font-family:Tahoma, Arial, Helvetica, sans-serif;
	font-size:9px;
	font-weight:bold;
	line-height:16px;
	color: #666666;
}
div.profile_desc {
	font-family:Tahoma, Arial, Helvetica, sans-serif;
	font-size:9px;
	font-weight:normal;
	line-height:16px;
	color: #666699;
	margin:0px -3px 0px 0px;
}
div.help {
	height: 0px;
	width: 10px;
	float: right;
	margin: 0px -3px 10px 0px;
}
div.profile_thumb_box {
	float:left;
	display:inline;
	margin:8px 0px 10px 0px;
	text-align:center;
}
div.profile_thumb {
	float:left;
	padding:8px;
	text-align:center;
}
div.profile_thumb_status {
	text-align:center;
	margin-top:5px;
}
div.profile_actions {
	float:left;
	width:100px;
	display:inline;
	margin-left:5px;
}
div.profile_public_link {
	float:left;
	padding:6px 0px 0px 0px;
}
div.profile_public_link a, div.profile_public_link a:visited {
	color:#606060;
	font-size:11px;
	font-family:Tahoma, Verdana, Arial, Helvetica, sans-serif;
	text-decoration:none;
}
a.profile_action_link, a:visited.profile_action_link {
display:block;
font-family:Tahoma,Verdana,Arial,Helvetica,sans-serif;
font-size:11px;
font-weight:normal;
line-height:11px;
margin-bottom:2px;
padding:2px 0;
text-align:left;
text-decoration:none;
width:100%;
}
a:hover.profile_action_link {
	color:#FFFFFF;
	background-color:#666699;
}
a.profile_action_link_2, a:visited.profile_action_link_2 {
	font-family:Tahoma, Verdana, Arial, Helvetica, sans-serif;
	color:#FFFFFF;
	font-size:11px;
	font-weight:normal;
	text-decoration:underline;
	display:block;
	background-color:#666699;
	padding:7px 7px 7px 15px;
	line-height:11px;
	width:100%;
	border-bottom:2px solid #FFFFFF;
	text-align:left;
}
input.profile_edit_field {
	width:164px;
	height:14px;
	font-family:Tahoma, Arial, Helvetica, sans-serif;
	font-size:11px;
	font-weight:normal;
	color: #666699;
	padding:2px;
	border: 1px;
	border-color: #9A9ABB;
	border-style:solid;
}
.profile_tab_date{
font-family: Tahoma, Arial, Helvetica, sans-serif;
color:#B9B9B9;
font-size:9px;
font-weight: normal;
margin:0;
}

#masthead {
background:transparent url(../../gfx/rummble/web/ui/bkg_masthead_repeat.jpg) repeat-x scroll left top;
color:#FFFFFF;
height:70px;
margin:0 auto 0 24px;
position:relative;
z-index:10;
}
#masthead h1 {
background:transparent url(../../gfx/rummble/web/ui/bkg_masthead_left.png) no-repeat scroll left bottom;
color:#FFFFFF;
font-family:franklin gothic heavy;
height:70px;
left:-24px;
margin:0;
padding-left:32px;
position:absolute;
top:0;
width:388px;
z-index:11;
}
#masthead h1 a {
background:transparent url(../../gfx/rummble/web/ui/logo_rummble_masthead.gif) no-repeat scroll left bottom;
display:block;
height:0;
letter-spacing:-1000em;
overflow:hidden;
padding-top:70px;
width:220px;
}
#mainNav {
background:transparent url(../../gfx/rummble/web/ui/bkg_masthead_right2.jpg) no-repeat scroll right bottom;
height:70px;
list-style-image:none;
list-style-position:outside;
list-style-type:none;
margin:0;
padding-right:25px;
position:absolute;
right:0;
top:0;
width:620px;
z-index:11;
}
#mainNav li {
float:left;
height:55px;
margin-right:0.5em;
}
#mainNav li a {
color:#FFFFFF;
display:block;
font-size:12px;
font-weight:bold;
height:100%;
padding:10px 0.75em 0;
text-decoration:none;
}
#home #mainNav li.home a, #home #mainNav li.home a:hover {
background:transparent url(../../gfx/rummble/web/ui/bkg_mainNav_current.gif) repeat-x scroll left top;
}
#home #mainNav li.home a:hover {
cursor:default;
}
#mainNav li a:hover {
background:transparent url(../../gfx/rummble/web/ui/bkg_mainNav_highlight.gif) repeat-x scroll left top;
}
#mainNav li.loginLink form {
display:none;
}
#contextNav {
background:transparent url(../../gfx/rummble/web/ui/bkg_masthead_contextNavigation.jpg) no-repeat scroll right bottom;
height:35px;
list-style-image:none;
list-style-position:outside;
list-style-type:none;
margin:0;
padding:5px 25px 0 5px;
position:absolute;
right:0;
top:30px;
width:615px;
z-index:50;
}
.dropDown li {
background:transparent url(../../gfx/rummble/web/ui/icon_contextNav_expand.gif) no-repeat scroll 88% 9px;
cursor:pointer;
display:block;
float:left;
margin-right:0.5em;
padding-right:18px;
}
.dropDown li.hover {
background:transparent url(../../gfx/rummble/web/ui/icon_contextNav_expand.gif) no-repeat scroll 88% -22px;
}
.dropDown li ul a:hover {
background-color:#B8DBFB;
color:#222222;
}
.dropDown li ul {
background:#FFFFFF none repeat scroll 0 0;
border:1px solid #AAAAAA;
color:#222222;
left:-999em;
list-style-type:none;
margin-left:-1px;
position:absolute;
width:150px;
z-index:50;
}
.dropDown li ul li {
background-image:none;
margin:0;
padding:0;
width:100%;
}
.dropDown li ul li a {
background-image:none;
color:#222222;
display:block;
padding:5px 5px 5px 10px;
position:relative;
}
.dropDown a {
color:#E4D2E8;
display:block;
font-size:11px;
padding:0.75em 10px 0.75em 8px;
text-decoration:none;
}
.dropDown.noScript li:hover a, .dropDown li.hover {
background-color:#7C2E89;
color:#FFFFFF;
}
.dropDown li.hover a:hover {
color:#FFFFFF;
}
.dropDown li.hover ul a:hover {
color:#222222;
}
.dropDown.noScript li:hover li a, .dropDown li.hover li a {
background-color:transparent;
border-bottom:1px solid #FFFFFF;
border-top:1px solid #FFFFFF;
color:#222222;
}
.dropDown.noScript li:hover ul, .dropDown li.hover ul {
left:auto;
}
.dropDown.noScript li:hover li a, .dropDown li.hover ul a {
background-color:transparent;
}
.dropDown li ul a:hover, .dropDown li ul a:focus, .dropDown li ul a.hover {
background-color:#B8DBFB;
border-bottom:1px solid #9ECBF9;
border-top:1px solid #C6D5E3;
}
.dropDown li.separate {
border-top:1px solid #CCCCCC;
}
.dropDown li.currentUser {
background-color:#E6E5E5;
border-bottom:1px solid #CCCCCC;
font-weight:bold;
}
.dropDown li.currentUser a {
border-bottom:1px solid #E6E5E5 !important;
}
#masthead .bar {
font-size:11px;
padding-bottom:36px;
position:absolute;
right:15px;
top:50px;
width:400px;
z-index:19;
}
#masthead .bar input.text, #masthead .bar input.password {
background:transparent url(../../gfx/rummble/web/forms/bkg_input_small.gif) no-repeat scroll 0 0;
border:0 none;
font-size:11px;
margin:4px 4px 0 0;
padding:6px 4px 6px 8px;
width:143px;
}
#masthead .bar input.text:focus, #masthead .bar input.password:focus, #masthead .bar input.focus {
background-position:0 -37px;
outline-color:-moz-use-text-color;
outline-style:none;
outline-width:medium;
}
#masthead .bar button {
font-size:11px;
}
#masthead .bar button:focus {
border:1px solid #FFE95C;
}
#masthead .bar fieldset {
background-color:transparent;
border:0 none;
margin:0;
padding:0 10px;
position:absolute;
width:380px;
}
#masthead .bar, #masthead .bar fieldset.coreFields {
background:transparent url(../../gfx/rummble/web/ui/bkg_quickLogin.png) no-repeat scroll left bottom;
}
#masthead .bar fieldset.coreFields {
background-position:left top;
}
#masthead .bar fieldset.extraFields {
display:none;
}
#masthead .bar fieldset.coreFields {
margin-top:-8px;
padding-top:4px;
}
#masthead .bar fieldset.extraFields {
bottom:-28px;
position:relative;
}
#masthead .bar fieldset.extraFields label {
float:left;
margin-top:4px;
}
#masthead .bar fieldset.extraFields a {
float:right;
margin-top:4px;
padding-right:14px;
}
#masthead .bar fieldset.extraFields label input {
float:left;
margin:0 8px 0 0;
}
#masthead .bar a:link, #masthead .bar a:visited {
color:#64B4FF;
text-decoration:none;
}
#masthead .bar button {
background:#7C7C7C url(../../gfx/rummble/web/ui/bkg_basicButton.gif) repeat-x scroll left top;
border:1px solid #534F56;
color:#FFFFFF;
font-weight:bold;
padding:4px 6px;
}
#quickSearch.bar {
border:1px solid #C4C4C4;
clear:both;
font-size:13px;
height:31px;
left:160px;
margin-bottom:20px;
padding:20px 0 10px;
position:relative;
top:12px;
width:666px;
z-index:5;
}
#quickSearch.bar form {
border:0 none;
position:relative;
width:auto;
}
#quickSearch.bar form#searchOptionsRummbles {
width:100%;
}
#quickSearch.bar form#searchOptionsPeople {
display:none;
left:252px;
}
#quickSearch.bar form.current {
display:block;
}
#quickSearch.bar .quickSearchOptionChooser {
background-color:#6A287E;
border:1px solid #842DCE;
display:none;
left:-67px;
list-style-image:none;
list-style-position:outside;
list-style-type:none;
margin:0;
position:absolute;
z-index:15;
}
#quickSearch.bar .quickSearchOptionChooser li {
font-size:11px;
text-align:left;
}
#quickSearch.bar .quickSearchOptionChooser li a, #quickSearch.bar .controls button {
color:#FFFFFF;
font-weight:bold;
letter-spacing:normal;
text-decoration:none;
}
#quickSearch.bar .controls button {
display:none;
}
#quickSearch.bar .controls button.current {
display:block;
}
#quickSearch.bar .quickSearchOptionChooser li a {
display:block;
padding:5px 10px;
}
#quickSearch.bar .quickSearchOptionChooser a:hover, #quickSearch.bar .quickSearchOptionChooser a:focus {
background-color:#B8DBFB;
color:#222222;
}
#quickSearch.bar .dropDownHandle {
background:transparent url(../../gfx/rummble/web/ui/widget_dropDown.gif) no-repeat scroll 10px 4px;
cursor:pointer;
display:block;
float:right;
height:18px;
margin-top:8px;
outline-color:-moz-use-text-color;
outline-style:none;
outline-width:medium;
padding-right:20px;
text-decoration:none;
width:10px;
}
#quickSearch.bar .dropDownHandle:hover, #quickSearch.bar .dropDownHandle:focus {
background:transparent url(../../gfx/rummble/web/ui/widget_dropDown.gif) no-repeat scroll 10px -10px;
}
#quickSearch.bar .controls {
background-color:#6A287E;
border-color:#842DCE;
border-style:outset outset outset none;
border-width:3px 3px 3px 0;
height:25px;
left:610px;
position:relative;
top:-34px;
width:28px;
}
#quickSearch.bar button {
background-color:#6A287E;
border-color:#842DCE;
border-style:outset none outset outset;
border-width:3px 0 3px 3px;
color:#FFFFFF;
font-family:inherit;
font-size:12px;
font-weight:bold;
height:31px;
margin-left:36px;
padding:0 0 5px 20px;
position:relative;
top:-3px;
width:91px;
}
#quickSearch.bar input, #quickSearch.bar label {
font-size:12px;
margin-right:0;
}
#quickSearch.bar input {
background:transparent url(../../gfx/rummble/web/ui/bkg_input_medium_quickSearch.gif) no-repeat scroll 0 0;
border:0 none;
color:#929294;
font-size:12px;
margin:0;
padding:9px 4px 9px 9px;
width:187px;
}
#quickSearch.bar input.dirty, #quickSearch.bar input:focus, #quickSearch.bar input.focus {
color:#222222;
}
#quickSearch.bar input:focus, #quickSearch.bar input.focus {
background-position:0 -63px;
}
#quickSearch.bar label {
color:#461B7E;
left:44px;
margin-top:7px;
position:relative;
text-align:right;
top:-28px;
}
#quickSearch.bar #quickSearchLocation {
color:#222222;
}
#profileShortcut {
height:33px;
list-style-image:none;
list-style-position:outside;
list-style-type:none;
padding-top:5px;
position:absolute;
right:0;
top:4px;
z-index:60;
}
#profileShortcut li {
background-position:100% 15px;
padding:7px 18px 0 5px;
}
#profileShortcut li.hover {
background-position:100% -16px;
}
#profileShortcut li li {
padding:0;
}
#profileShortcut li ul {
margin-left:-6px;
position:absolute;
}
#profileShortcut img {
background-color:#8B349A;
border-bottom:1px solid #3A1648;
margin-left:6px;
padding:1px;
position:relative;
}
#profileShortcut a.username, #profileShortcut a.userpic {
display:inline;
padding:0;
}
#profileShortcut a.username {
color:#4DA9FF;
font-weight:bold;
padding:12px 2px;
text-decoration:none;
}
#profileShortcut a.username span {
padding-right:6px;
position:relative;
top:-10px;
}
#profileShortcut li.hover a.username {
color:#FFFFFF;
}

#quickSearch.bar label.quickSearchKeywords {
left:39px;
}