@charset "utf-8";
/* TAGCLOUD */

div.unified_location {
	width:550px;
	height:535px;
	background-color:#996699;
	text-align: left;
	padding: 5px 20px 20px 20px;
	z-index:101;
	background-repeat: no-repeat;
	position:absolute;
	top:15px;
	left:15px;
}

div.transparent_div {
	 filter:progid:DXImageTransform.Microsoft.Alpha(opacity=60);
	 -moz-opacity: 0.6;
	 border:15px;
	 border-color:#FFFFFF;
	 border-style: solid;
	 background:transparent;
	 position:absolute;
	 width:590px;
	 height:560px;
	 z-index:19;
	 top:0px;
	 left:0px;
}

.unified_location a {
	font-size:11px;
	text-decoration:underline;
	color:#999999;
	margin:0;
}

.unified_location a:hover {
	text-decoration:underline;
	color: #996699;
}

/* Prompts appear above or over inputs to give more information */
.prompt {
	margin:10px 0 5px 0;
	font-size:11px;
	font-weight:bold;
	padding-left:16px;
	padding-bottom:16px;
	padding-top:16px;
	float:left;
	position:relative;
	z-index:100;
}
/* prompts with a pointer underneath */
.tagArrow {
	padding-bottom:32px;
	margin-bottom:5px;
}

p.gearsUse {
	background:url(../../gfx/rummble/web/gears/prompt_gearsInUseStill.gif) no-repeat top left;
	padding-left:60px;
	width:481px;
	color:#000;
}

p.gearsInstall {
	background:url(../../gfx/rummble/web/gears/prompt_gears.gif) no-repeat top left;
	padding-left:60px;
	width:481px;
	color:#000;
}

p.gearsInUse {
	background:url(../../gfx/rummble/web/gears/prompt_gearsInUse.gif) no-repeat top left;
	padding-left:60px;
	width:481px;
	color:#000;
}

p.gearsError {
	background:url(../../gfx/rummble/web/gears/prompt_gearsError.gif) no-repeat top left;
	padding-left:60px;
	width:481px;
	color:#FFF;
}

.prompt .button, .prompt .:visited {
	color:#FFF;
	background:#767676 url(../../gfx/rummble/web/gears/bkg_basicButton.gif) repeat-x top left;
	border:1px solid #534F56;
	font-weight:bold;
	padding:6px 2px 6px 2px;
	position:absolute;
	top:9px;
	right:12px;
	text-decoration:none;
	height:auto;
}

.prompt .button:hover {
	text-decoration:none;
	border-color:#000;
	color:#FFF;
}

/* ----------------------------------------------------- 
	Styles for sortable selection tables
   -----------------------------------------------------*/

div.done, button.done,
button.pressed,
button.disabled {
	background:url(../../gfx/rummble/web/forms/button_done_states.png) no-repeat 0px 0px transparent;
	width:84px;
	margin-left:1em;
	outline:none!important;
	display:inline-block;
}


a.done {
color:white;
left:-5px;
position:relative;
top:-2px;
}

button.active {background-position: 0px -81px!important;outline:none!important;}
button.done[disabled] {background-position: 0px -121px;outline:none!important;}
button.done:focus {background-position: 0px -41px;outline:none!important;}

.highlight { /* Used to highlight keywords within a list */
	background-color:#FBFFA9;
	padding:0.25em;
}

.selected .highlight {
	background-color:#2B6199;
}

#locationRefine {
	width:640px;
	font-size:1.3em;
	margin-left:-320px;
}

#locationRefine h2 {
	margin-bottom:0;
	padding:5px 0;
	text-indent:10px;
	font-size:22px;
	color:#FFF;
	background-color:#371E4F;
}

#locationRefine .liner {
	padding:0;
}

#locationRefine .note{
	text-indent:10px;
}

#locationRefine .buttonBar {
	margin:0;
	background-color:#652973;
}

#locationRefine thead th {
	background-color:#652973;
	font-size:11px;
	padding:8px 5px;
}

#locationRefine span.address {
	font-size:11px;
	color:#666;
}

#locationRefine .selected span.address {
	color:#B3D6FC;
}

.scrollable {
	min-height:16em; /*Used to stop scrollable/pagable sections collapsing when they have little content */
}

table.sortable {
	margin-bottom:0;
}

table.clickable tbody td {
	background-color:#FFF;
	color:#222;
	padding:0;
	border-top:1px solid #FFF;
	border-bottom:1px solid #FFF;
}

table.clickable tbody label {
	display:block;
	padding:8px 10px 8px 5px;
	cursor:pointer;
	font-weight:normal;
}

table.clickable tbody tr.odd td {
	background-color:#E6E5E5;
	border-color:#E6E5E5;
}

table.clickable tbody tr:hover td,
table.clickable tbody tr.hover td,
#filterTags li.hover {
	background-color:#B8DBFB!important;
	border-color:#B8DBFB!important;
}

table.clickable tbody tr.selected td,
table.clickable tbody tr.selected td:hover, 
li.selected  {
	background:#2A84E5 url(../../gfx/rummble/web/ui/bkg_clickableRow_selected.jpg) repeat-x top left!important;
	color:#FFF;
	cursor:default;
	border-top:1px solid #337BD1!important;
	border-bottom:1px solid #3074C5!important;
	
}

table.sortable th.header:hover,
.sortableControls .next:hover,
.sortableControls .prev:hover {
	background-color:#742F84!important;
	cursor:pointer;
}	

table.sortable th.headerSortUp,
table.sortable th.headerSortDown {
  background-repeat: no-repeat; 
  background-position: center right; 
}

table.sortable th.headerSortUp {background-image:url(../../gfx/rummble/web/ui/icon_tableSort_up.gif);}
table.sortable th.headerSortDown {background-image:url(../../gfx/rummble/web/ui/icon_tableSort_down.gif);}

/*column types: */

col.select {width:2%;}
col.name {width:52%;}
col.country {width:28%;}
col.distance {width:8%;}

th.checkBoxColumn {text-indent:-9999em;overflow:hidden;}
td.checkBoxColumn {text-align:center;}

th.locationDistance {white-space:nowrap;}
td.locationDistance {text-align:right;}

/* Row types */

#locationRefine .megaCity label,
#locationRefine .bigCity label {
	font-weight:bold;
}

#locationRefine .megaCity .locationName label,
#locationRefine .bigCity .locationName label {
	font-size:14px;
}

#locationRefine .specific .locationName label {
	padding-left:12px;
	margin-left:4px;
	background:transparent url(../../gfx/rummble/web/ui/icon_locationRefine_specific.png) no-repeat left center;
}

.sortableControls .pagedisplay{
	background:transparent none;
	border:0;
	float:left;
	width:20%;
	text-align:center;
	padding:5px 0;
	font-weight:bold;
	font-size:1.5em;
	color:#AE92BF;
	height:22px;
}

.sortableControls .first, 
.sortableControls .last, 
.sortableControls .pagesize {
	display:none;
}

.sortableControls .next,
.sortableControls .prev {
	width:40%;
	display:block;
	float:left;
	padding:5px 0;
	margin:0;
	height:22px;
}

.sortableControls .prev {
	background:transparent url(../../gfx/rummble/web/ui/icon_prevPage.gif) no-repeat left center;
	text-indent:-9999em;
}

.sortableControls .next {
	background:transparent url(../../gfx/rummble/web/ui/icon_nextPage.gif) no-repeat right center;
	text-indent:-9999em;
}

/* Styles for the search ticker */

#searchTicker h2,#newAddRummble h2 {color:#FFF;font-size:22px;}