/* Styles for the Rummble Explorer */
/* New, as of the madrid beta updates */

#rexControls {
	position:relative;
	padding:10px 0;
}

#rexControls h2 {
	position:absolute;
	top:4px;
	line-height:100%;
	left:0;
}

#rexControls h2 span.tags {
	color:#8360A9!important;
}

#rexControls h2 span.rummbleCount {
	color:#CACCD7!important;
}

#rexControls div.show,
#rexControls div.filter {
	float:left;
	margin:0;
}

#explorerStatus {
	margin-bottom:5px;
}

#rexControls div.show {
	float:right;
	text-align:right;
}

#rexControls button {
	border:0;
	padding:0;
	margin-left:5px;
	background-repeat:no-repeat;
	background-color:transparent;
	cursor:pointer;
	font-family:tahoma, helvetica, sans-serif;
}

#rexControls button#controlDisplayPeople,
#rexControls button#controlDisplayRummbles {
	width:26px;
	height:26px;
	overflow:hidden;
	text-indent:-999em;
}

#rexControls button#controlDisplayPeople {background-image:url(../../gfx/rummble/web/explorer/rexControls_peopleToggle.png)!important;}
#rexControls button#controlDisplayRummbles {background-image:url(../../gfx/rummble/web/explorer/rexControls_rummbleToggle.png)!important;}

/* These x co-ords are for 24px square button images */

#rexControls button.active {background-position:-5px -42px!important;}
#rexControls button.inactive {background-position:-5px -6px!important;}
#rexControls button.all {background-position:-5px -77px!important;}

/* The add button */
#rexControls #controlAddRummble {
	float:left;
	background-image:url(../../gfx/rummble/web/explorer/rexControls_addRummble.png)!important;
	color:#343434;
	width:122px;
	height:25px;
	text-align:left;
	font-size:11px;
	padding:5px 0;
	padding-left: 18px;
}

/* The Map button */
#rexControls #controlMapToggle {
	float:left;
	background-image:url(../../gfx/rummble/web/explorer/rexControls_addRummble.png)!important;
	color:#343434;
	width:122px;
	height:25px;
	text-align:left;
	font-size:11px;
	padding:5px 0;
	padding-left: 18px;
}

#rexControls .gwt-Label {
	color:#444;
	font-size:11px;
	font-weight:bold;
	padding-right:5px;
	display:inline;
}

#rexControls .gwt-ListBox {
	margin:0;
	color:#222;
	border:1px solid #8B8BB1;
	_width:100px;
	min-width:100px;
}

/* The ticker */

#rexControls .gwt-Image {
	position:absolute;
	top:8px;
	left:0;
	z-index:10;
	padding:8px;
	left:50%;
	margin-left:-11px;
	background:#E4E5EA none;
}


/* --------------------------------------------- */
/*    Rummble Explorer styles:				       		 */
/* --------------------------------------------- */

#rexControls h2 {
	color:#3E1F58;
	letter-spacing:-0.02em;
	font-size:26px;
	font-weight:bold;
}

/* --------------------------------------------- */
/*    Tags filter list styles - experimental!		 */
/* --------------------------------------------- */

/*.roundedcornr_box_explorer {width:990px!important;}*/

#filterTags {
	float:left;
	width:220px;
	max-height:450px;
	height:450px;
	overflow:auto;
	margin-top:72px;
	border:1px solid #8B8BB1;
	margin-left:5px;
}

#filterTags.waiting {
	
}

#filterTags ul {
	list-style-type:none;
	background-color:#FFF;
	margin:0;
	padding:0;
	font-size:12px;
}

#filterTags ul li{
	display:block;
	padding:6px 4px;
	border-bottom:1px solid #CCC;
	border-top:1px solid #FFF;
	position:relative;
	font-weight:bold;
	cursor:pointer;
}

.tagCount {
	background:transparent url(/gfx/rummble/web/explorer/bkg_tagList_tagCount.png) no-repeat 0px 0px;
	padding:6px 0 0 0;
	width:24px;
	height:18px;
	text-align:center;
	font-size:11px;
	line-height:11px;
	color:#808080;
	position:absolute;
	right:4px;
	top:2px;
}

.selected .tagCount {
	background:transparent url(/gfx/rummble/web/explorer/bkg_tagList_tagCount.png) no-repeat 0px -40px;
	color:#FFF;
}

#filterTags .holder {
	padding:6px 4px;
	border-bottom:1px solid #CCC;
	border-top:1px solid #FFF;
	color:#222;
	font-size:12px;
	background-color:#FFF;
	font-weight:bold;
}



/* Filter bars - sit above the explorer to display current search location, tags, etc. */

#rexControls .filterBar {
	padding:8px 32px 0 12px;
	background-color:#CBCEDA;
	font-size:12px;
	color:#222;
	position:relative;
	padding-right:;
	height:24px;
	min-height:24px;
	margin-bottom:1px;
	-moz-border-radius:3px;
	-webkit-border-radius:3px;
}

#rexControls .filterBar .closeWidget{
	display:block;
	width:24px;
	height:24px;
	background:transparent url(/gfx/rummble/web/ui/icon_closeWidget_tiny.gif) no-repeat center center;
	text-indent:-999em;
	cursor:pointer;
	position:absolute;
	right:4px;
	top:50%;
	margin-top:-12px;
}


/* Facebook application specific */

#facebook * {
	font-family:"lucida grande",tahoma,verdana,arial,sans-serif!important;
}

#facebook .rum_map_facebook_area {
	float:none;
	width:auto;
	clear:both;
	margin-left:15px;
}

#facebook #rexControls {
	margin-left:10px;
}

#facebook #rexControls input, 
#facebook #rexControls select {
	border:1px solid #BDC7D8;
	color:#222;
}

#facebook #rexControls .gwt-Label-plain,
#facebook #rexControls .gwt-Label-plain-large {
	color:#222;
	font-size:11px;
}

#facebook #rexControls .gwt-horizontal-padding-right,
#facebook #rexControls #filter .gwt-Label {
	width:60px;
}

#facebook .gwt-Label-plain-large {
	font-weight:bold;

}