/* ===============================================================  

		Styles for every page on the site.														 
 
		Index:
			
			Font settings
			Top level containers
			Link and anchor styles
			Notification panels
				Warnings
				Invitation feedback panel	
				iPhone splash
				Getting started banner
			Pop ups
				Location search ticker
			Autocomplete styles
			
   =============================================================== */

/* --------------------------------------------- */
/*    Font settings	       				          		 */
/* --------------------------------------------- */

body {
	font-family: tahoma, arial, helvetica, sans-serif;
	font-size:62.5%; /* Set base em to 10px */
}

h1, h2, h3, h4, h5, h6 {
	font-family: arial, tahoma, helvetica, sans-serif;
}

/* --------------------------------------------- */
/*    Top level containers	       					  	 */
/* --------------------------------------------- */

#container {
	width:990px;
	margin:0 auto;
	float:none;
	background-color:transparent;
	text-align:left;
}

.rumlayout #mainContent {
	background-color:transparent!important;
}

/* --------------------------------------------- */
/*    Link and anchor styles	       						 */
/* --------------------------------------------- */

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

a:link {
color:#479CEB;
font-size:110%;
font-weight:normal;
text-decoration:none;
}

a:hover {
	text-decoration:underline;
}

a:visited {
	text-decoration:none;
	color:#8056EB;
}

a.username {
	color:#3B2156;
}

/* --------------------------------------------- */
/* Notification panels for the top of the page	 */
/* --------------------------------------------- */

.bigNotification {
		padding:0.5em;
		margin-bottom:1em;
		background:#FFFEAF url('../../gfx/rummble/web/ui/bkg_extraHelp.jpg') repeat-x scroll left top;
}

.bigNotification .liner{
	padding:0.5em 20px 0.5em 96px;
	border:1px solid #FFF;
}

.bigNotification h2 {
	line-height:1em;
	margin-bottom:0;
	padding-top:20px;
}

.bigNotification p {
	margin-bottom:10px;
	font-size:13px;
}

.bigNotification p a {
	font-weight:bold;
}

/* Use textOnly as a second class if you don't need big headings or an icon */

.textOnly .liner{
	padding:0.5em 20px 0 20px;
}

/* --------------------------------------------- */
/*     Warnings (used for 'no JS' atm)					 */
/* --------------------------------------------- */

.warning .liner{
	background:transparent url('../../gfx/rummble/web/ui/icon_warning_big.gif') no-repeat 24px 35%;
}

/* --------------------------------------------- */
/*     the invitation feedback panel						 */
/* --------------------------------------------- */

.invitedWelcome {
	background:#D1E6FA url('../../gfx/rummble/web/ui/bkg_invitedWelcome.jpg') repeat-x top left;
}

.invitedWelcome .liner {
	border-color:#D1E6FA;
	background:transparent url('../../gfx/rummble/web/ui/icon_invitedWelcome.gif') no-repeat 24px 35%;
}

.invitedWelcome h2 {
	color:#2D4460;
}

/* --------------------------------------------- */
/*    iPhone splash banner          						 */
/* --------------------------------------------- */

#iPhoneLaunch {
	background:transparent url('../../gfx/rummble/web/banners/banner_home_iPhoneLaunch.jpg') no-repeat left top;
	height:120px;
	margin-bottom:0;
}

#iPhoneLaunch .liner {
	border:0;
}

#iPhoneLaunch h2{
	visibility:hidden;
}

#iPhoneLaunch p{
	color:#FFF;
	font-weight:bold;
	font-size:17px;
	padding-left:45px;
	margin-top:10px;
}
#iPhoneLaunch p a{
	color:#A0D1FF;
	text-decoration:none;
	padding-right:1em;
}

#iPhoneLaunch p a:hover{
	color:#D7ECFF;
	text-decoration:none;
}

#iPhoneLaunch p a:visited{
	color:#BA96C2;
}

/* --------------------------------------------- */
/*    Getting started banner         						 */
/* --------------------------------------------- */

#getStarted {
	background:transparent url('../../gfx/rummble/web/banners/banner_howDoIGetStarted.jpg') no-repeat left top;
	height:165px;
	margin-bottom:0;
	position:relative;
}

#getStarted .liner{
	border:0;
	padding-left:20px;
}

#getStarted .puff {
	float:left;
	width:430px;
	padding-right:20px;
}

#getStarted p {
	color:#222;
	line-height:16px;
	font-size:11px;
}

#getStarted .puff h2{
	font-weight:bold;
	font-size:22px;
	letter-spacing:-0.03em;
	line-height:1.5em;
	color:#3F235C;
}

#getStarted .sub {
	float:left;
	border-left:1px solid #FFF;
	padding:0px 72px 0 20px;
	width:330px;
	margin:20px 0;
	_width:422px;
}

#getStarted .sub h3 {
	color:#FFF;
	font-size:16px;
	margin-bottom:0;
	line-height:1.6em;
	padding-top:6px;
}

#getStarted .sub p {
}

#getStarted .closeWidget {
	display:block;
	position:absolute;
	overflow:hidden;
	right:35px;
	top:18px;
	height:20px;
	width:20px;
	letter-spacing:-1000em;
	text-indent:-5em;
	cursor:pointer;
	background:url('../../gfx/rummble/web/ui/icon_closeWidget_blue.gif') no-repeat top left;
}

/* --------------------------------------------- */
/*   Pop ups  							       					  	 */
/* --------------------------------------------- */

.popUp {
	display:none;
	position:absolute;
	z-index:100;
	left:50%;
	top:80px;
	margin-left:-320px;
	background-color:#5D216C;
	padding:15px;
	width:610px;
	color:#FFF;
	text-align:left;
}

.popUp legend,
.popUp fieldset {
	margin:0;
	padding:0;
	border:0;
}
	
/* Style a liner element instead of the fieldset itself :( */

.popUp .liner,
.popUp div.container {
	padding:24px 20px 24px 50px;
	background:#531D60;
	background:#531D60;
	border:2px solid #813F90;
}
.popUp div.container{
	width:538px;
}

/* Style a liner element instead of the legend itself :( */
.popUp legend span {
	font-size:22px;
	font-weight:normal;
}

/* Small help texts used in the form */
.popUp form .note {
	color:#FFF;
}

.popUp .shadow {
	background:url(../../gfx/rummble/web/forms/popUp_shadow.png) no-repeat top center;
	padding-top:32px;
	width:640px;
	position:absolute;
	bottom:-32px;
	left:0;
}

.popUp .closeWidget {
	position:absolute;
	top:24px;
	right:16px;
}

.popUp .closeWidget a {
	display:block;
	letter-spacing:-1000em;
	text-indent:-5em;
	height:24px;
	width:24px;
	background:url('../../gfx/rummble/web/ui/icon_closePopup.gif') no-repeat top left;
	border:0;
	overflow:hidden;
	cursor:pointer;
}

.popUp .cancelWidget {
	display:block;
	position:absolute;
	top:50%;
	height:26px;
	margin-top:-13px;
	width:94px;
	right:16px;
	background:transparent url(../../gfx/rummble/web/ui/button_cancelWidget.gif) no-repeat;
	text-decoration:none;
	font-size:11px;
	font-weight:bold;
	color:#343434;
}

.buttonBar {
	padding:4px 8px;
	text-align:right;
	clear:both;
	font-weight:bold;
}

.buttonBar button,.buttonBar div.done {
	background-color:transparent;
	border:0 none;
	color:#FFFFFF;
	font-weight:bold;
	height:38px;
	line-height:3em;
	padding-top:0;
}

/* --------------------------------------------- */
/*    Location search ticker:			          		 */
/* --------------------------------------------- */

#searchTicker .liner {display:none;}

#searchTicker div.active {display:block;}


/* --------------------------------------------- */
/*    Autocomplete styles:				          		 */
/* --------------------------------------------- */

.ac_results {
	padding: 0px;
	overflow: hidden;
	z-index: 200;
	text-align:left;
	color:#222;
	background-color:#FFFFFF;
	border: 1px solid #AAA;
	font-size:12px;
}

.ac_results ul {
	width: 100%;
	list-style-position: outside;
	list-style: none;
	padding: 0;
	margin: 0;
}

.ac_results li {
	margin: 0px;
	padding: 2px 5px;
	cursor: default;
	display: block;
	/* 
	if width will be 100% horizontal scrollbar will apear 
	when scroll mode will be used
	*/
	/*width: 100%;*/
	/* 
	it is very important, if line-height not setted or setted 
	in relative units scroll will be broken in firefox
	*/
	line-height: 16px;
	overflow: hidden;
}

.ac_loading {
	background: white url('indicator.gif') right center no-repeat;
}

.ac_odd {
	background-color:#EBEAEA;
}

.ac_over {
	background-color:#B8DBFB;
	color:#222;
}

.ac_results li strong {
	background-color:#FBFFA9;
	font-weight:normal;
}

.helper {
	position:absolute;
	z-index:100;
	display:none;
	background:transparent url(../../gfx/rummble/web/ui/helper_top_left.png) no-repeat top right;
	height:42px;
	bottom:-34px;
	padding:0 18px 0 6px;
	white-space:nowrap;
}

.helper p{
	margin-left:-18px;
	padding:18px 0 0 12px;
	height:24px;
	background:transparent url(../../gfx/rummble/web/ui/helper_top_left.png) no-repeat top left;
	color:#222;
}

/* specific helper instances */
.tagSearch {left:50px;}
.locationSearch {left:316px;}
.venueSearch {left:556px;}
.locationSearchRetry {left:76px;bottom:4px;}
.locationVenueRetry {left:256px;bottom:4px;}
.addRummbleVenue {left:55px;bottom:4px;}
.addRummbleLocation {left:233px;bottom:4px;}

div.review span.user {
font-size:12px;
font-weight:bold;
}

div.review {
color:#444444;
font-size:14px;
}

div.profile_status a {
color:#479CEB;
font-family:arial;
font-size:12px;
font-weight:bold;
text-decoration:underline;
}