/* -------------------------------------------------------------- 
   
  *************************************************************** 
   
   flookApp.com CSS
   Hacked by tristan the buccaneer and unfortunatly no robot dogs.
   
  ***************************************************************   
   
   
-------------------------------------------------------------- */

/* -------------------------------------------------------------- 
   
   mayers reset rules
   Hopefully save some bugs - or not...
   
-------------------------------------------------------------- */
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}
/* remember to define focus styles! */
:focus {
	outline: 0;
}
/* remember to highlight inserts somehow! */
ins {
	text-decoration: none;
}
del {
	text-decoration: line-through;
}
/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: collapse;
	border-spacing: 0;
}

/*-------------
Warning for invalid browsers
---------------*/
#ieWarning {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 70px;
z-index: 40000;
}

/* -------------------------------------------------------------- 
   
   typography.css
   * Sets up some sensible default typography.
   
-------------------------------------------------------------- */

/* Default font settings. - this might be prettier "Lucida Sans Unicode", "Bitstream Vera Sans", "Trebuchet Unicode MS", "Lucida Grande", Verdana, Helvetica, sans-serif
   The font-size percentage is of 16px. (0.75 * 16px = 12px) */
body { 
	/*background: #ececec;*/
	background: #3f3f3f;
  	background-repeat: repeat-x; 
  	background-image: url(/site_media/1.0-Assetts/img/body/background-grad_dk.png);
  	
  	font-size: 75%;
  	color: #222; 
  	font-family: "Helvetica Neue", Helvetica, Arial, Verdana,  sans-serif;

}
/* Default text links
-------------------------------------------------------------- */

#body a {
	color: #d82b70;
	text-decoration: none;
}

#body a:hover {
	color: #d82b70;
	text-decoration: underline;
}

/* Headings
-------------------------------------------------------------- */

h1,h2,h3,h4,h5,h6 { font-weight: normal; color: #d82b70; }

h1 { font-size: 2.2em; line-height: 1; margin-bottom: 0.5em; font-family: Lucida Grande, "Helvetica Neue", Helvetica, Arial, Verdana,  sans-serif;  }
h2 { font-size: 2em; margin-bottom: 0.75em; }
h3 { font-size: 1.5em; line-height: 1; margin-bottom: 1em; }
h4 { font-size: 1.2em; line-height: 1.25; margin-bottom: 1.25em; }
h5 { font-size: 1em; font-weight: bold; margin-bottom: 1.5em; }
h6 { font-size: 1em; font-weight: bold; }

h1 img, h2 img, h3 img, 
h4 img, h5 img, h6 img {
  margin: 0;
}

p { margin-bottom: 1.5em; }


/* Fieldsets and legends */
legend { font-size: 1.8em; line-height: 1; margin-bottom: 0.5em; font-family: "Helvetica Neue", Helvetica, Arial, Verdana,  sans-serif; color: #d82b70;}
fieldset { 
padding: 20px; 

border: 1px solid #ddd; 
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
margin-bottom: 15px;
}

legend { 
padding: 0 0.4em;
 }


/* Text elements
-------------------------------------------------------------- */

p img.left  { float: left; margin: 1.5em 1.5em 1.5em 0; padding: 0; }
p img.right { float: right; margin: 1.5em 0 1.5em 1.5em; }

a:focus, 
a:hover     { color: #000; }
a           { color: #009; text-decoration: underline; }

blockquote  { margin: 1.5em; color: #666; font-style: italic; }
strong      { font-weight: bold; }
em,dfn      { font-style: italic; }
dfn         { font-weight: bold; }
sup, sub    { line-height: 0; }

abbr, 
acronym     { border-bottom: 1px dotted #666; }
address     { margin: 0 0 1.5em; font-style: italic; }
del         { color:#666; }

pre 				{ margin: 1.5em 0; white-space: pre; }
pre,code,tt { font: 1em 'andale mono', 'lucida console', monospace; line-height: 1.5; }

.centerAlign {text-align: center;}

/* Lists
-------------------------------------------------------------- */

#body li, 
#body  ol,
#body ul       { margin:0 1em 1em 1.5em; }
#body ol li ol { margin-top: 1em;}

#rightCol li, #rightColAlt li, #rightColAlt ul, #rightCol ul {margin: 0; padding: 0; font-size: 1.06em;}


/*
li ul, 
li ol       { margin:0 1.5em; }
ul, ol      { margin: 0em 1.5em 0em 1.5em; padding:0;}

ul          { list-style-type: disc; }
ol          { list-style-type: decimal; }

dl          { margin: 0 0 1.5em 0; }
dl dt       { font-weight: bold; }
dd          { margin-left: 1.5em;}
*/

/* Tables
-------------------------------------------------------------- */

table       { margin-bottom: 1.4em; width:100%; }
th          { font-weight: bold; }
thead th 		{ background: #c3d9ff; }
th,td,caption { padding: 4px 10px 4px 5px; }
tr.even td  { background: #e5ecf9; }
tfoot       { font-style: italic; }
caption     { background: #eee; }


/* Misc classes
-------------------------------------------------------------- */

.small      { font-size: .8em; margin-bottom: 1.875em; line-height: 1.875em; }
.large      { font-size: 1.2em; line-height: 2.5em; margin-bottom: 1.25em; }
.tip		{  
color: #6c6c6c;  
font-size: 1.25em; 
font-weight: 300;
margin-bottom: 1.25em; 
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
padding: 8px;
background-color: #eaf8fb;
border: 1px solid #ddd; 
display: block;

}
.hide       { display: none; }

.quiet      { color: #666; }
.loud       { color: #000; }
.highlight  { background:#ff0; }
.added      { background:#060; color: #fff; }
.removed    { background:#900; color: #fff; }

.first      { margin-left:0; padding-left:0; }
.last       { margin-right:0; padding-right:0; }
.top        { margin-top:0; padding-top:0; }
.bottom     { margin-bottom:0; padding-bottom:0; }
.floatRight 		{ float:right;}
.floatLeft 		{ float:left;}


/* -------------------------------------------------------------- 
   
   utility syles
   * for general site wide fixings.
   
-------------------------------------------------------------- */


/* for screen readers - used on form buttons with a label tag */
.labelHide, .hidden	{ 
		visibility:hidden;

}
.clear {clear:both;}

/* for use with jQuery transitions to show element */
.hide {display:none;}

/* -------------------------------------------------------------- 
   
   Layout Stuff
   * site wide layouts.
   
-------------------------------------------------------------- */

/* Containers
-------------------------------------------------------------- */

/*main container div*/
#body {
	min-height: 450px;
	clear: both;
	width: 980px;
	margin-top: 0;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
	background-image: url(/site_media/1.0-Assetts/img/body/page_background.png);
padding-top: 25px;
clear: both;


}

/*content padding to get round IE's brokenness*/
#body_pad		{

	/* important to stop footer being pushed down by p margins */
	padding-bottom: 10px;
	margin: 0px;
/*	padding-left: 35px;
	padding-right: 35px;*/
	padding-left: 30px;
	padding-right: 20px;
	clear: both;
	

}

/*Header container div */
#docHeaderContainer	{
	width:100%;
	/*Set masthead height */
	height: 243px;
	text-align:center;	

}



.flagProfile {

text-align: right;
position: absolute;
width: 355px;
font-size: 9px;
margin-top: -33px;

}

#body .flagProfile a {
color: #CCCBCD;
font-size: 9px;
}

.report {
color: red;
}


/* text only container */

.textOnlyCnt {

margin-left: 10px;
margin-right: 20px;
margin-top: -20px;

}

/* Layout Space
-------------------------------------------------------------- */

/*Header*/
#docHeader {
	background-repeat: no-repeat;
	background-image: url(/site_media/1.0-Assetts/img/mast-head/mast_head_trns.png);
	margin: 0 auto;
	width: 980px;
	text-align:left;
	/*Set masthead height */
	height: 243px;


}

/* Two coloumn layout classes
-------------------------------------------------------------- */

	/*Div inserted by templates in /navigation if using a two col layout */
#rightCol {
	padding: 			0px;
	min-height: 		415px;
	/*rightColwidth*/	
	width: 200px 				;
    float: right;

}

/*Div inserted by templates in /navigation if using a two col layout and in the card stream view */
#rightCol_cardStream {
	padding: 			0px;
	min-height: 		415px;
	/*rightColwidth*/	
	width: 380px 				;
	float: right				;
	margin-right: 15px; /* added to fix new layout right offset */


}
	/*Alt style div inserted by templates in /navigation if using a two col layout */
#rightColAlt {
	padding: 			0px;
	min-height: 		415px;
	/*rightColwidth*/	
/*	width: 249px; 		*/		
	width: 200px;
	float: right;
	background-position: 5px 0px;
	background-repeat: no-repeat;
	background-image: url(/site_media/1.0-Assetts/img/body/rightColAlt.png);

}


#rightColPad {
	padding-right: 0px;
	padding-left: 15px;
	padding-bottom: 0px;
	padding-top: 0px;
	margin: 0px;
}

	/*Div inserted by templates in /navigation if using a two col layout */
#leftContent	{
	/*top: 0px;
	position: absolute;		*/		
	width: 724px;
	float: left;


	/**/



}

/*Div inserted by templates in /navigation if using a two col layout and in the card stream view */

#leftContent_cardStream	{
	/*top: 0px;
	position: absolute;		*/		
	width: 483px;
	float: left;
	

}

/* Competition layout
-------------------------------------------------------------- */
/* competition stuff */
#compLeft {
float: left;
width: 500px;
}

.compIllu {
width: 398px;
height: 396px;
float: right;
position: absolute;
margin-left: 500px;
}

.compBanner {
background-image: url(/site_media/1.0-Assetts/img/comp/banner.png);
background-repeat: no-repeat;
height: 277px;
position: absolute;
width: 937px;
margin-top: -205px;
text-align: center;
}

.competitionHeader {

height: 278px;
width: 855px;
background-image: url(/site_media/1.0-Assetts/img/comp/comp.png);
background-repeat: no-repeat;
margin-left: 18px;
margin-top: -20px;
margin-bottom: 10px;
}

.compActionc {


}

.compActLeft {
width: 430px;
float: left;

}

.compActRight {
width: 430px;
float: right;

}

.actionBox {
 
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
padding: 8px;
background-color: #eaf8fb;
border: 1px solid #ddd; 
height: 180px;
margin-bottom: 25px;

}

#competitionText li {
margin-bottom: 5px;
margin-top: 0px;
margin-left: 40px;
font-size: 1.2em;
/*color: #d82b70;*/
}

#actC1 p, #actC2 p {
font-size: 1.2em;
}

/* action divs */
#actC1 h1, #actC2 h1 {
text-align: center;
font-weight: bold;
font-style: italic;
text-shadow: 0px 2px 2px #cccccc;
color: #d82b70;
font-size: 4em;
margin-bottom: 20px;
font-family: lucinde grande, "Helvetica Neue", Helvetica, Arial, Verdana,  sans-serif;
}

#actC1 h3, #actC2 h3 {
font-family: lucinde grande, "Helvetica Neue", Helvetica, Arial, Verdana,  sans-serif;
font-size: 2.2em;
text-align: right;
position: absolute;
margin-top: 150px;
width: 400px;
text-decoration: underline;

}


#actC3 h1, #actC4 h1 {
font-family: lucinde grande, "Helvetica Neue", Helvetica, Arial, Verdana,  sans-serif;
font-weight: bold;
font-size: 2.2em;
}

#actC3 p, #actC4 p {
font-size: 1.2em;
}

.compIpod {
float: left	;
margin-right: 10px;

}
/* MOTD
-------------------------------------------------------------- */
#motd {

	display: none;

	background-color: #3f3f3f;
	background-position: 0 -100px;
	background-image: url(/site_media/1.0-Assetts/img/body/background-grad_dk.png);
	background-repeat: repeat-x;
	position:fixed; bottom: 0;
	width: 100%;
	z-index: 1000;
	border-top: blue;
	border-top: solid;
	border-top-style: solid;
	border-top-width: 10px;
	border-top-color: #d82b70;
	padding-top: 10px;
}

#motd_container {
	padding-left: 10px;
	padding-bottom: 10px;
	padding-right: 10px;
	padding-top: 25px;
	background-color: #676565;
	border-style: solid;
	border-color: #827f7f;
	border-width: 1px;
	
	clear: both;
	width: 946px;
	margin-top: 0;
	margin-right: auto;
	margin-bottom: 10px;
	margin-left: auto;
	color: #222222;
	position: relative;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	text-align: center;
	

}

#motd_close {
	float: right;
	width: 25px;
	height: 25px;
	

}

/* iTune Rate Dialogue
-------------------------------------------------------------- */
#rateiTunes {

	display: none;
	background-color: #3f3f3f;
	background-position: 0 -100px;
	background-image: url(/site_media/1.0-Assetts/img/body/background-grad_dk.png);
	background-repeat: repeat-x;
	position:fixed; bottom: 0;
	width: 100%;
	z-index: 1001;
	border-top: blue;
	border-top: solid;
	border-top-style: solid;
	border-top-width: 10px;
	border-top-color: #d82b70;
	padding-top: 10px;
}

#rateiTunes_container {
	padding-left: 25px;
	padding-right: 25px;
	background-color: #676565;
	border-style: solid;
	border-color: #827f7f;
	border-width: 1px;
	clear: both;
	width: 921px;
	height: 110px;
	margin-top: 0;
	margin-right: auto;
	margin-bottom: 10px;
	margin-left: auto;
	color: #222222;
	position: relative;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;

	
}

.rateItunesBot {
float: left;
margin-top: 6px;
margin-right: 25px;
}

.iTunesMessage {
margin-top: 6px;
}

#rateiTunes_container h1, #rateiTunes_container p, #rateiTunes_container a {
color: white;
}

.rateButton {
float: right;
position: relative;
top: -15px;
}

/* -------------------------------------------------------------- 
   
   header layout styles
   * site wide header layout and styling, login form on header.
   
-------------------------------------------------------------- */


/* Site Logo
-------------------------------------------------------------- */

/* H1 for accessablity and seo,  Image/logo replaces text. */
#docHeader h1 {
	position: absolute;
	top: 25px;
	background-repeat: no-repeat;
	width: 100px;
	/*Set masthead height */
	/*height: 249px;*/
	height: 200px;
}
#docHeader h1 a {

	text-decoration:none;
}
/* Span to hide Text logo and replace with image. */
#docHeader h1 span {

	position: absolute;
	background-repeat: no-repeat;
	width: 250px;
	text-indent: -9000px;
/*Set clickable logo size and bring to front*/
	height: 102px;	
	z-index: 1;
}
/* Activate cursor. */
#docHeader h1 a:hover {
	cursor: hand; 
}


/* Header login form
-------------------------------------------------------------- */

/*header login and message area*/

#frontLogin {
	float: right;
	height: 81px;
	width: 310px;
	position: relative;
	top: 50px;
	z-index: 1; /* fix to bring form infront of layout divs. */
	position: relative;
	left: -20px;

}

/*applied to <p> around logged in user text*/
.frontLoginText  {
	background-color: #a2cee2;
	left: 52px;
	position: relative;
	width: 231px;
	padding: 5px;
	color: white;
	font-size: 1.2em;
	text-align: center;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-color: #ffffff;
	border-width: 1px;
	border-style: solid;
}
.frontLoginText a	{
color: white;
}

/* login submit button, currently an input type=image */
.loginSubmit	{
	float: right;
	margin-right: 8px;
	margin-top: 0px;
	position: relative;
	top: 1px;
}
/* login label block width for positioning */
.topLoginLabel	{
	font-size: 1em;
	text-transform: uppercase;
	width:122px;
	display: block;
	position: relative;
	float: left;
	padding-top: 10px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
	margin: 0px;
	text-indent: 10px;
	color: #ffffff;
}
/* login form elements */
.topLoginField	{
	border-color: #b5b9bc;
	border-width: 1px;
	border-style: solid;
	background-image: url(/site_media/1.0-Assetts/img/forms/form_bg.png);
	background-repeat: repeat-x;
	float: left;
	height: 25px;
	width: 110px;
	position: relative;
	top: 2px;
	padding: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 10px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
}


/* normal login stuff */
.login_left {
float:left;
width:510px;

}

#headerRemember {
position: absolute;
margin-top: 45px;
margin-left: 10px;
font-size: 11px;
}

#headerRemember p, #headerRemember a {
color: #ffffff;
text-outline: 2px 2px #90BEDF; 
}
/* -------------------------------------------------------------- 
   
   Main navigation styling
   * top level only.
   
-------------------------------------------------------------- */
/* Misc classes
-------------------------------------------------------------- */
/*main menu layout div*/
.rootNav {
	text-transform: uppercase;
	left: 110px;
	top: 23px;
	position: relative;
	font-size: 1.2em;
	text-decoration: none;
	color: white;
	/*temp layout*/
	height: 155px;
	width: 600px;
}

.rootNav a{
	text-decoration: none;
	text-align: center;
	color: white;
}

.rootNav a:hover{
	/*temp layout*/
	color: #ffffff;

}

.rootNav li {
list-style: none;

}



/* lavalamp menu animation
-------------------------------------------------------------- */

.lavaLampWithImage li {
float: left;
list-style: none;
}
.lavaLampWithImage li.back {
background: url("/site_media/1.0-Assetts/img/nav/menu_hover_r1.png") no-repeat right -21px;
width: 30px; height: 21px;
z-index: 8;
position: absolute;
top: 162px;
/*border-bottom: 1px solid #ffffff;*/
}
.lavaLampWithImage li.back .left {
background: url("/site_media/1.0-Assetts/img/nav/menu_hover_r1.png") no-repeat top left;
height: 21px;
margin-right: 12px; 
}
.lavaLampWithImage li a {

z-index: 10;
position: relative;
display: block;    
}
.lavaLampWithImage li a:hover, .lavaLampWithImage li a:active, .lavaLampWithImage li a:visited {
border: none;
}


/* Home tab
-------------------------------------------------------------- */

#nav_home{

width: 128px;
height: 205px;
float: left;
text-align: center;
}

#nav_home a{
position: relative;
top: 165px;

}

/* home nav on style */
#home.rootNav  #nav_home {
background-position: 0px 112px;
background-repeat: no-repeat;
background-image: url(/site_media/1.0-Assetts/img/nav/home_on.png);
position: relative;
left: 1px;
}

/* About tab
-------------------------------------------------------------- */
#nav_about{
margin-left: 10px;
width: 91px;
height: 205px;
float: left;
text-align: center;
}

#nav_about a{
margin-left: 3px;
position: relative;
top: 165px;

}
/* about nav on style */
#about.rootNav  #nav_about	{
background-position: 0px 9px;
background-repeat: no-repeat;
background-image: url(/site_media/1.0-Assetts/img/nav/about_on_rev.png);
position: relative;
left: 1px;
}

/* About illustrations etc
-------------------------------------------------------------- */
.topTip {
font-size: 1.20em;
font-weight: 350;

color: #666666;
}
.abtLeftIll {
height: 140px;
width: 140px;
float: left;

}
.abtTxtD {
height: 140px;
width: 580px;
float: left;
position:relative;
font-weight: 350;
margin-bottom: 15px;
}
.abtTxtC {
color: #666666;
position: absolute;

font-size: 1.20em;
margin-left: 20px;
}

.abtTxtC h3  {

margin-bottom: 10px;
}

.leftAbtCt {
width: 45%;
float: left;
}
.rightAbtCt {
width: 50%;
float: right;
}
/* Account tab
-------------------------------------------------------------- */

#nav_account		{
margin-left: 5px;
width: 96px;
height: 205px;
float: left;
text-align: center;
}

#nav_account a 		{

position: relative;
top: 165px;

}

#account.rootNav  #nav_account	{
background-position: 0px 86px;
background-repeat: no-repeat;
background-image: url(/site_media/1.0-Assetts/img/nav/account_on.png);
position: relative;
left: 2px;
}

.closeAccount {

	background-repeat: no-repeat;
	height: 45px;
	width: 209px;
	background-image: url(/site_media/1.0-Assetts/img/cardStream/button_on.png);
	float: right;
	text-align: center;
	font-size: 1.5em; 
	line-height: 2.3; 
	margin-bottom: 0.5em; 
	font-family: "Helvetica Neue", Helvetica, Arial, Verdana,  sans-serif;
	position:relative;
	margin-top: 15px;
	float:right;

}

#body .closeAccount a{	color: #ffffff;}

.closeAccountCheck {
	font-weight: bold;
	color: red;
}

#acount-pane {
width: 370px;
float: left;
}

.account_profile_info{
float: right;
width: 210px;

}

#follow-me-pane {
float: right;
width: 330px;

}

.accontF {
min-height: 400px;
}

.followBadge {
	margin-top: -15px;
	margin-bottom: 15px;
	position: relative;
	padding: 5px;
	font-size: 1.2em;
	text-align: center;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-color: #ffffff;
	border-width: 1px;
	border-style: solid;

}

.followBadgeS {
	background-color: #F2DEDA;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-color: #cccccc;
	border-width: 1px;
	border-style: solid;

}

.followBadge:hover {
	background-color: #a2cee2;
	position: relative;
	padding: 5px;
	font-size: 1.2em;
	text-align: center;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-color: #cccccc;
	border-width: 1px;
	border-style: solid;

}

.followEmbed {
	width: 100%;
	height: 45px;
	font-size: 0.5em;
}

/* Signup tab
-------------------------------------------------------------- */

#nav_signup{
margin-left: 5px;
width: 96px;
height: 205px;
float: left;
text-align: center;
}

#nav_signup a {

position: relative;
top: 165px;

}

#signup.rootNav  #nav_signup	{
background-position: 0px 86px;
background-repeat: no-repeat;
background-image: url(/site_media/1.0-Assetts/img/nav/account_on.png);
position: relative;
left: 2px;
}


/* Community tab
-------------------------------------------------------------- */

#nav_community{
margin-left: 7px;
width: 99px;
height: 205px;
float: left;
text-align: center;
}

#nav_community a {

position: relative;
top: 165px;

}

#community.rootNav #nav_community	{
background-position: 0px 101px;
background-repeat: no-repeat;
background-image: url(/site_media/1.0-Assetts/img/nav/community_on.png);
position: relative;
left: 2px;
}

/* Support tab
-------------------------------------------------------------- */

#nav_support {
margin-left: 10px;
width: 106px;
height: 208px;
float: left;
text-align: center;
}

#nav_support a {

position: relative;
top: 165px;

}

#support.rootNav  #nav_support	{
background-position: 0px 69px;
background-repeat: no-repeat;
background-image: url(/site_media/1.0-Assetts/img/nav/support_on.png);
position: relative;
left: 2px;
}




/* -------------------------------------------------------------- 
   
   Secondary Navigation Styles.
   
   
-------------------------------------------------------------- */
/* RightCol layout
-------------------------------------------------------------- */

#rightCol ul {


}

#rightCol #rightNav li {
border-color: #858585;
border-width: 1px;
border-style: solid;
padding-left: 15px;
display: block;
line-height: 25px;
margin-bottom: 5px;
height: 25px;
color: white;
background-color: #ce0e8a;


}

#rightCol li a {
color: white;
}

#rightCol li a:hover {
color: white;
text-decoration: underline;
}
#rightCol #messages li {

border-color: #858585;
border-width: 1px;
border-style: solid;
padding-left: 15px;
display: block;
line-height: 25px;
margin-bottom: 5px;
margin-right: 0px;
color: white;
background-color: #faab08;
list-style: none;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;

} 
/* Alternative secondary nav style
-------------------------------------------------------------- */

#rightColAlt ul.secNav li {
list-style: inside;	
list-style-image: url(/site_media/1.0-Assetts/img/body/rubytriangle.gif) ;
padding-left: 5px;
margin-bottom: 5px;
}

#rightColAlt ul.secNav li a {
color: #4A0147;
text-decoration: none;
}

#rightColAlt ul.secNav li a:hover {
text-decoration: underline;
color: #d82b70;
}
/* -------------------------------------------------------------- 
   
   Frontpage specific styles
   
   
-------------------------------------------------------------- */
/* Misc classes
-------------------------------------------------------------- */

/* floating area for itunes line */

#iTunesLink		{

	line-height:		150%;
	text-align:			center;

	float: 				right;

	height:				200px;
	width:				250px;
		-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-color: #4A0147;
	border-width: 2px;
	border-style: solid;

}

/* div to display tav viewer */

#tagViewer		{
	width: 				100%;
	height: 			400px;
	
	/*temp layout*/

}

/* tag viewer left col */

#tagViewerLeft	{
	float: 				left;
	width:				400px;
	height:				400px;
	


}

/* tag viewer right map */

#tagViewerMap	{
	float: 				right;
	width:				478px;
	height:				390px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-color: #4A0147;
	border-width: 2px;
	border-style: solid;
}
.frontCardWrapper{
	height: 500px;
	margin: 0;
	width: 480px;
	float: right;
}

.frontCard{

	/*display: none;*/

}

.frontDesc {

	width: 400px;
	float: left;
}

.frontAvatarLeft	{
	padding-right: 10px;
	float: left;
}

.frontCardInfo	{
	width: 355px;
	float: right;
	color: #525151;

}

.frontCardTitle	{
	color: #525151;
	text-align: center;
	font-size: 18px;
	font-style: italic;
}

.frontCardMeta, .cardCreatedFront	{
	float: right;
	text-align: right;
	color: #d51b5c;
}
/* -------------------------------------------------------------- 
   
   Profile page styles
   
   
-------------------------------------------------------------- */
/* Misc classes
-------------------------------------------------------------- */

.avatar_choices	li{
	float: left;
	list-style-type: none;
	margin-bottom: 10px;
	position:			relative;
	width:				220px;
	height:				85px;

}


#profilePic		{
	margin-left: 0px;
	margin-bottom: 0px;
	margin-top: 0px;
	margin-right: 15px;
	float:				left; 

}

#profilePicEdit	{

	text-align: center;
	top: -3px;
	position: relative;
	padding: 3px;
	color: white;
	background-color: black;
	font-size: 0.8em;

}

#profilePicEdit a {
	color: white;
	text-decoration: none;
}

#profilePic img {

	border-color: black;
	border-width: 2px;
	border-style: solid;

}

/* profile details container */

.profile_info {
float: right;
width: 252px;
margin-bottom: 7px;
}

/* -------------------------------------------------------------- 
   
   Breadcrumb styles
   
   
-------------------------------------------------------------- */
/* Signup Breadcrumb
-------------------------------------------------------------- */
#signup_wizard	 {

	position: absolute;
	top:260px;
	width: 685px;
	line-height: 20px;
	font-size: 0.9em;
	color: #A3A3A3;
	text-align: right;
}

#signup_wizard	li {
	display: inline;
	margin-left: 5px;

}

#breadcrumb
{
    font: 11px Arial, Helvetica, sans-serif;
    background-image:url('/site_media/img/web/breadcrumb/bc_bg.png'); 
    background-repeat:repeat-x;
    height:30px;
    line-height:30px;
    color:#9b9b9b;
    border:solid 1px #cacaca;
    width:658px;
    overflow:hidden;
    margin:0px;
    padding:0px;
}
#breadcrumb li 
{
    list-style-type:none;
    float:left;
    padding-left:10px;
}
#breadcrumb a
{
    height:30px;
    display:block;
    background-image:url('/site_media/img/web/breadcrumb/bc_separator.png'); 
    background-repeat:no-repeat; 
    background-position:right;
    padding-right: 15px;
    text-decoration: none;
    color:#454545;
}
.home
{
    border:none;
    margin: 8px 0px;
}

#breadcrumb a:hover
{
	color:#35acc5;
}

/* Content Breadcrumb
-------------------------------------------------------------- */

#main_breadcrumb	{
position: absolute;
top:260px;
width: 740px;
line-height: 20px;
font-size: 0.9em;
color: #A3A3A3;
text-align: right;


}
#main_breadcrumb a	{
list-style-type: none;
background-repeat: no-repeat;
text-decoration: none;
color: #d82b70;
background-image:url('/site_media/1.0-Assetts/img/body/rubytriangle.gif');
background-repeat: no-repeat;
background-position: right;
padding-right: 10px;
}

#main_breadcrumb a:hover	{
text-decoration: underline;
}

/* -------------------------------------------------------------- 
   
   Form styles
   * generic form styles
   
-------------------------------------------------------------- */

ul.errorlist_root li	{
	list-style-image: url('/site_media/1.0-Assetts/img/forms/icon_error.png');
	list-style-position: inside;
	line-height: 1.2em;
	text-align: center;

}
ul.errorlist_root	{
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
padding: 8px;
padding-bottom: 4px;

background-color: #F2EFC4;
border: 1px solid #ddd; 
width: 425px;

}

ul.errorlist li	{
	list-style-image: url('/site_media/1.0-Assetts/img/forms/icon_error.png');
	list-style-position: inside;
	line-height: 1.2em;
	text-align: center;
	margin: 0px !important;
}
ul.errorlist	{
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
padding: 8px;
padding-bottom: 6px;
background-color: #F2EFC4;
border: 1px solid #ddd; 
margin: 0px !important;

}


input {
	font-size: 16px;
}

textarea {
	font-size: 16px;
}

/* Signup Wizard (creating an account, adding profile details
and uploading an avatar.)
-------------------------------------------------------------- */

.fieldWrapper		{

	margin-top:	20px;
	overflow: hidden;


}

.formHelpText		{
	color: #aeaeae;
	font-size: 1em;
	font-style: italic;
	position:			relative;
	display:			block;
	width:				300px;

	clear:				both;
	margin-left: 		155px;
	margin-bottom: 5px;
	padding-top: 5px;

}

.fieldWrapper	label	{
	position:			relative;
	display:			block;
	width:				155px;
	height:				30px;
	float:				left;
	color: 				#d82b70;
	line-height: 		28px;
	text-indent: 		15px;
	font-weight: bold;


}

.fieldWrapper	input	{
	border-color: #CCCCCC;
	border-width: 1px;
	border-style: solid;
	position:			relative;
	display:			block;
	width:				300px;
	height:				30px;
	float:				left;
	background-image: url('/site_media/1.0-Assetts/img/forms/form-shadow.png');
	background-color: #EFEFEF;
	background-repeat:repeat-x;
}

.fieldWrapper	textarea {
	border-color: #CCCCCC;
	border-width: 1px;
	border-style: solid;
	background-image: url('/site_media/1.0-Assetts/img/forms/form-shadow-lrge.png');
	background-repeat:repeat-x;
	width:				300px;
	position:			relative;
	display:			block;
	height:				85px;
	float:				left;
}


#signupformSubmit, #profileformSubmit, #avatarformSubmit, .formSubmitRight		{
	position:			relative;
	float:				right;
	
}


#profilePicSubmit	{
	position:			relative;
	float:				right;
}

.submitRight	{

	float:				right;
	text-decoration: none;
}



/* -------------------------------------------------------------- 
   
   map display css
   css for when we use the google maps api.
   
-------------------------------------------------------------- */


/* Sets Info window width */

  #cardWindow{
    width: 430px;
  	height: 270px;
  }
  
/* Set background colour */  

  #cardWindow_contents{
    background-color: #ffffff;
  }
  
/* Set Beak */

  #cardWindow_beak{
    width: 26px;
    height: 31px;
    background: url('/site_media/img/maps/g-icon.png') top left no-repeat transparent;
  }
  
/* Set Beak transparency hack */
  
  * html #cardWindow_beak{
    /* Alpha transparencies hack for IE */
    background-image:none;
    filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/site_media/img/maps/g-icon.png', sizingMethod='crop');
  }
  
/* Set corners and other parts: http://gmaps-utility-library.googlecode.com/svn/trunk/extinfowindow/release/docs/examples.html#css */
  
  #cardWindow_tl, #cardWindow_tr, #cardWindow_bl, #cardWindow_br,
  #cardWindow_t,#cardWindow_l,#cardWindow_r,#cardWindow_b{
    background-color: #FFFFFF;
    height: 4px;
    width: 4px;
  }
/* -------------------------------------------------------------- 
   
   Community styles
   Styles for the community section.
   
-------------------------------------------------------------- */

/* container for the community top users */
.communityContainer {
	margin-left: 0px;
	width: 724px;
}
#tab_back {
width: 724px;
height:101px;
background-repeat: no-repeat;
background-image: url('/site_media/1.0-Assetts/img/community/tab_back.png');
padding-left: 1px;
}
/* on class for tab */
.tab_cont_on {
background-repeat: no-repeat;
background-image: url('/site_media/1.0-Assetts/img/community/tab_on.png');
background-position: -1px 3px;
width: 71px;
height: 101px;
float: left;
margin-left: 1px;
}
/* off class for tab */
.tab_cont_off {
width: 71px;
height: 101px;
float: left;
margin-left: 1px;

}
/* divs to load cards into */
.active_cont {
min-height: 530px;
background-image: url('/site_media/1.0-Assetts/img/community/back_key.png');
background-repeat: repeat-y;
margin-bottom: 0px;
padding-bottom: 15px;
clear: both;
padding-top: 0px;
padding-left: 15px;
padding-right: 18px;
}

.dynamicLoad {
position: relative;
padding-top: 15px;
padding-bottom: 0px;
}

/* divs to load cards into */

.tab_cont_bot {
height: 5px;
background-image: url('/site_media/1.0-Assetts/img/community/back_bot_key.png');
background-repeat: no-repeat;
margin-top: 0px;
clear: both;
}


.flookitarCont {
width: 55px;
height: 55px;
border-color: #cccccc;
border-style: solid;
border-width: 1px;
position: relative;
left: 6px;
top: 11px;
-moz-border-radius: 3px;
-webkit-border-radius: 3px;

}
/* style for active tab avatar border */
#body .tab_cont_on .flookitarCont {
border-color: #ff4000;
border-style: solid;
border-width: 1px;
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
}
.flookitarCont:hover {
border-color: #ff4000;
border-style: solid;
border-width: 1px;
-moz-border-radius: 3px;
-webkit-border-radius: 3px;

}

.topUsrName{
position: relative;
top: 12px;
width: 70px;
height: 30px;
font-size: 0.8em;
text-align: center;
word-wrap: break-word;
}


#body .tab_cont_on a.topUsrLink {
color: #ff4000;
text-decoration: underline;
}

#body a.topUsrLink {

}

#body a.topUsrLink:hover {
color: #ff4000;
}

/* top count container */
.topCountCont {
position: absolute;
z-index: 1000;
margin-top: 8px;
margin-left: 3px;
height: 18px;
width:60px;
}
/* top count */
.topCountL {
background-image: url('/site_media/1.0-Assetts/img/community/orange_circle/left.png');
height: 18px;
width: 8px;
float:left;
}

.topCountR {
background-image: url('/site_media/1.0-Assetts/img/community/orange_circle/right.png');
height: 18px;
width: 8px;
float:left;
}

.topCount {
background-image: url('/site_media/1.0-Assetts/img/community/orange_circle/mid.png');
height: 18px;
float:left;
font-size: 0.9em;
color: white;
line-height: 19px;
}
/* end top count */

#comRecent {
text-align: center;
	padding: 1px;
	margin-right: 2px;
	width: 71px;
	height: 120px;
	float: left;
	word-wrap: break-word;
	overflow: hidden;
}

#comRecent a img {
	border: 0px;
}

#communityContent {
	/*height: 300px;*/
	margin-bottom: 55px;

}

#comPaginate {
position: absolute;
margin-top: -20px;
margin-left: 470px;
width: 250px;
text-align: right;
}

/* top cards content area */

.topCardsTitle h3 {
color: #ff4000;
margin-bottom: 0px;
}

#body .topCardsTitle h3 a {
color: #ff4000;
}
.topCardsTitle {

float: left;
position: relative;
margin-bottom: 0px;
}

.topCardsTitle p {
color: #909090;
float: left;
margin-top: 10px;
margin-bottom: 0px;
}

.topUsrStats {
float: right;
text-align: right;
color: #909090;
font-size: 1em;
background-color: #eaf8fb;
border: 1px solid #ddd; 
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
padding: 5px;
}

.topUsrStatNum {
color: #909090;
font-weight: 500;
}

.topCardCont {
margin-top: 50px;
height:430px;
}

/* top user card display */
.singleCardContL {
width: 338px;
float: left;
margin-top: 5px;
}

.singleCardContR {
width: 338px;
float: right;
margin-top: 5px;
}

.singleCardContLb {
width: 338px;
float: left;
margin-top: 18px;
}

.singleCardContRb {
width: 338px;
float: right;
margin-top: 18px;
}


.cardPad {
height: 18px;
clear: both;
}

.topCardLink {
border-color: #cccccc;
border-width: 1px;
border-style: solid;
position: relative;
z-index: 10000;
}

.topCardLink:hover {
border-color: #ff4000;
border-width: 1px;
border-style: solid;
}

.topCardContainerD {

}

/* top user card display */

.communityLoading {
position: absolute;
margin-top: 50px;
margin-left: 263px;
}

.topCardDetails { 
background-color: #eaf8fb;
margin-bottom: 15px;
clear: both;
color: #909090;
font-size: 0.9em;
border: 1px solid #ddd; 
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
padding: 2px;
text-align: center;

}

.topCardDetails:hover { 

/*border: 1px solid #ff4000; */

}

.newUserImg {
margin: 3px;
border: #ddd;
border-style: solid;
border-width: 1px;
}

.newUserImg:hover {
border: #ff4000;
border-style: solid;
border-width: 1px;
}


/* recent card styles */

.recentCard {
width: 461px;
float: left;
}

.recentUserDetails {
width: 240px;
height: 95px;
float: right;
background-color: #eaf8fb;
color: #909090;
border: 1px solid #ddd; 
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
padding: 5px;
margin-bottom: 13px;
}

#miniMap {
width: 250px;
height: 180px;
float: right;
background-color: #cccccc;
color: #909090;
border: 1px solid #ddd; 
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
}

.recentLoadProg {
position: absolute;
margin-top: 150px;
margin-left: 130px;
z-index: 1;
}

/* search for a flooker 
-------------------------------------------------------------- */
.searchContainer {
color: #6c6c6c;  
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
padding: 8px;
background-color: #FFF8E1;
border: 1px solid #ddd; 
width: 485px;
float: right;
}

.searchTip {
clear: both;
margin-top: 15px;
padding: 8px;
padding-right: 80px;
font-size: 1.2em;
}
.searchPaginate {
float: right;
font-size: 1.2em;
position: relative;
margin-top: -30px;
}

.searchPaginateBot {
float: right;
font-size: 1.2em;
position: relative;

}
.searchFieldset {
border: none;
}
.searchNope {
float: left;
padding-right: 25px;

}
/* -------------------------------------------------------------- 
   
   About styles
   Styles for the about section and videos.
   
-------------------------------------------------------------- */

#abt_movie {

	position: relative;
	left: -22px;
	top: -22px;
	background-image: url('/site_media/1.0-Assetts/img/demo/iphone_back.png');
	width: 688px;
	height: 359px;

}

#abt_movie_qt {
	position: relative;
	left: 145px;
	top: 29px;
	width: 405px;
	height: 270px;
}

.pressLeft {
color: #6c6c6c;  
font-size: 1.25em; 
font-weight: 300;
margin-bottom: 1.25em; 
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
padding: 8px;
background-color: #eaf8fb;
border: 1px solid #ddd; 
display: block;
width: 330px;
float: left;
margin-right: 15px;
}

.pressRight {
color: #6c6c6c;  
font-size: 1.25em; 
font-weight: 300;
margin-bottom: 1.25em; 
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
padding: 8px;
background-color: #eaf8fb;
border: 1px solid #ddd; 
display: block;
width: 330px;
float: right;

}
/* -------------------------------------------------------------- 
   
   Illustration styles
   * site wide layouts.
   
-------------------------------------------------------------- */
/* Misc classes
-------------------------------------------------------------- */
.content_illustration {
	float: left;
	margin-right: 20px;
}


/* -------------------------------------------------------------- 
   
   FAQ Styles
   * site wide layouts.
   
-------------------------------------------------------------- */
/* Misc classes
-------------------------------------------------------------- */
#faq dt{

	border-bottom-color: #eaeaea;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	font-size: 1.3em; 
	line-height: 1; 
	margin-bottom: 0.9em;
}

#faq img {
border-color: black;
border-style: solid;
border-width: 3px;
margin: 10px;
}

/* -------------------------------------------------------------- 
   
   User Card Stream Styles
   
   
-------------------------------------------------------------- */
/* Card Stuff
-------------------------------------------------------------- */
.cardWrapper{
position: relative;
}

.userCard {
	height: 359px;
	width: 483px;
}

.userCardLink {
	height: 320px;
	width: 460px;
	position:  absolute;
	display: block;
/*	z-index: 25; */


}
.usercardImage {
	height: 300px;
	width: 460px;
	position:  absolute;
	z-index: 25;
	margin-top: 11px;
	margin-left: 11px;
	background-repeat: no-repeat;
	background-position-x: 0px;
	background-position-y: 0px;
	background-position: 0px 0px;
	background-color: white;
	border: 1px solid #ddd; 
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;

}

.usercardMap{
	height: 300px;
	width: 460px;
	background-color: #E9E5DB;
	border: 1px solid #cccccc; 
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	position:  absolute;
	z-index: 25;
	margin-top: 11px;
	margin-left: 11px;
	display: none;

}

.usercardBeakBeakHover {
	background-repeat: no-repeat;
	height: 359px;
	width: 483px;
	background-image: url(/site_media/1.0-Assetts/img/cardStream/cardBeakHover.png);
	position: absolute;
	display: none;
	z-index: 21;



}
.usercardBeakBeakHighlight {
	background-repeat: no-repeat;
	height: 359px;
	width: 483px;
	background-image: url(/site_media/1.0-Assetts/img/cardStream/cardBeakHighlight.png);
	position: absolute;
	display: none;
	z-index: 20;



}

.usercardBeak {
	background-repeat: no-repeat;
	height: 359px;
	width: 483px;
	background-image: url(/site_media/1.0-Assetts/img/cardStream/cardBeak.png);
	position: absolute;
	z-index: 10;

}

.cardDetails {

	border-bottom-color: #cccccc;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	padding-bottom: 10px;
	line-height: 1; 
	margin-bottom: 0.5em; 
	font-family: "Helvetica Neue", Helvetica, Arial, Verdana,  sans-serif;
	position:relative;
	top: -15px;
	z-index: 100;

}

.cardCreated {
	width: 240px;
	height: 20px;
	float: right;
	text-align: right;
	position: absolute;
	top: 12px;
	left:240px;
	color: #d82b70;
	
}
.numComments {
	width: 240px;
	height: 20px;
	float: right;
	text-align: right;
	position: absolute;
	top: -5px;
	left: 240px;
	color: #d82b70;
}

.cardLocation {

    font-size: 1.8em;
	width: 240px;
	float: left;
	color: #d82b70;

}

.cardCreatedSingle {
	font-size: 1.4em;
	width: 240px;
	float: right;
	text-align: right;
	color: #cccccc;
}

.cardLocationOn {
	position: absolute;
	display: none;
	font-size: 1.8em;
	background-color: #ffffff;
}

.cardCommentsButton {

	background-repeat: no-repeat;
	height: 45px;
	width: 209px;
	background-image: url(/site_media/1.0-Assetts/img/cardStream/button_off.png);
	float: right;
	text-align: center;
	font-size: 1.8em; 
	line-height: 2; 
	margin-bottom: 0.5em; 
	font-family: "Helvetica Neue", Helvetica, Arial, Verdana,  sans-serif;
	position:relative;
	margin-top: 15px;


}

.cardCommentsButton_on {

	background-repeat: no-repeat;
	height: 45px;
	width: 209px;
	background-image: url(/site_media/1.0-Assetts/img/cardStream/button_on.png);
	float: right;
	text-align: center;
	font-size: 1.8em; 
	line-height: 2; 
	margin-bottom: 0.5em; 
	font-family: "Helvetica Neue", Helvetica, Arial, Verdana,  sans-serif;
	position:relative;
	margin-top: 15px;


}

#body .cardButtonA { 
	color: #000000;
}

#body .cardButtonA_on, #body .cardButtonA_on:hover {
	color: #ffffff;
}

.cardMapButton {

	background-repeat: no-repeat;
	height: 45px;
	width: 209px;
	background-image: url(/site_media/1.0-Assetts/img/cardStream/button_off.png);
	float: left;
	text-align: center;
	font-size: 1.8em; 
	line-height: 2; 
	margin-bottom: 0.5em; 
	font-family: "Helvetica Neue", Helvetica, Arial, Verdana,  sans-serif;
	position:relative;
	margin-top: 15px;
	color: black;

}

.cardMapButton_on {
	background-repeat: no-repeat;
	height: 45px;
	width: 209px;
	background-image: url(/site_media/1.0-Assetts/img/cardStream/button_on.png);
	float: left;
	text-align: center;
	font-size: 1.8em; 
	line-height: 2; 
	margin-bottom: 0.5em; 
	font-family: "Helvetica Neue", Helvetica, Arial, Verdana,  sans-serif;
	position:relative;
	margin-top: 15px;
	color: white;
}

.userCardDivider {
	clear:both;
	height:  35px;
}

.userCardPaginate {
	font-size: 1.8em; 
	font-family: "Helvetica Neue", Helvetica, Arial, Verdana,  sans-serif;
	margin-top: 15px;
	margin-bottom: 0px;
	float: right;

}
.userCardPaginateRecent {
	font-size: 1.8em; 
	font-family: "Helvetica Neue", Helvetica, Arial, Verdana,  sans-serif;
	margin-top: 15px;
	margin-bottom: 0px;
	float: left;

}

.mapIcon {

}

/* Followers Stuff
-------------------------------------------------------------- */
.followers_cdSt_container {
margin-top: 15px;
}
.followers_cdSt  {
border-bottom: #ddd;
border-bottom-style: solid;
border-bottom-width: 1px;
margin-bottom: 8px;
}

.followers_cdSt h4 {

}

#body .followers_link {
	background-repeat: repeat-x;
	background-image: url(/site_media/1.0-Assetts/img/cardStream/gGrad.png);
	border: 1px solid #cccccc; 
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	width: 100px;
	height: 33px;
	float: right;
	text-align: center;
	line-height: 2.4em;
	font-size: 1.2em;
	padding: 2px;

}

#body .followers_link:hover {
	background-repeat: repeat-x;
	background-image: url(/site_media/1.0-Assetts/img/cardStream/pGrad.png);
	border: 1px solid #cccccc; 
	color: #ffffff;
	text-decoration: underline;
}

.follower_container_crd {
color: #6c6c6c;  
margin-bottom: 1.25em; 
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
padding: 8px;
background-color: #eaf8fb;
border: 1px solid #ddd; 
}

.follower_container_crd_alt {
color: #6c6c6c;  
margin-bottom: 1.25em; 
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
padding: 8px;
background-color: #ffffff;
border: 1px solid #ddd; 
}

.follower_container_crd_no {
color: #6c6c6c;  
margin-bottom: 1.25em; 
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
padding: 8px;
background-color: #ffffff;
border: 1px solid #ddd; 
height: 100px;
}

.follower_container_crd:hover , .follower_container_crd_alt:hover {
border-color: #B3B3B3;
color: #000000;
}

.follower_container_crd_av {
height:64px;
width:64px;
border: 1px;
border-style: solid;
border-color: #000000;
float: left;
}

.follower_container_crd_av:hover {
border-color: #ff4000;
}

.follower_container_crd_none {
height: 140px;
width: 140px;
float: left;
}

.followers-back{
float: right;
position: relative;
margin-right: -40px;
}

.follower_profile {

width: 255px;
float: left;
margin-left: 20px;
}

.follower_container_controls{
float: right;
position: relative;

}

#body .follow_container_button {
text-align: center;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
padding: 3px;
background-color: #d82b70;
border: 1px solid #d82b70; 
width: 97px;
display: block;
color: #ffffff;
margin-bottom: 5px;
}

#body .followUserB {
text-align: center;
	background-repeat: repeat-x;
	background-image: url(/site_media/1.0-Assetts/img/cardStream/gGrad.png);
	border: 1px solid #cccccc; 
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	
padding: 3px;
width: 97px;
display: block;
margin-bottom: 5px;
font-weight: 500;
float:right;
position: relative;
top: -30px;
margin-right: 22px;

}

#body .follow_stream_button_w {
text-align: center;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
padding: 3px;
background-color: #eaf8fb;
border: 1px solid #ddd; 
width: 97px;
display: block;
margin-bottom: 5px;
color: #d82b70;
font-weight: 500;
float:right;
position: relative;
top: -30px;
margin-right: 22px;
display: none;
}

#body .follow_stream_button_ac, #body .follow_stream_button, #body .follow_stream_button_w {
display: none;
}
#body .unfollowUserB {
text-align: center;
	background-repeat: repeat-x;
	background-image: url(/site_media/1.0-Assetts/img/cardStream/gGrad.png);
	border: 1px solid #cccccc; 
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	
padding: 3px;
width: 97px;
display: block;
margin-bottom: 5px;
font-weight: 500;
float:right;
position: relative;
top: -30px;
margin-right: 22px;
}


#body .followUserB:hover, #body .unfollowUserB:hover {
		background-repeat: repeat-x;
	background-image: url(/site_media/1.0-Assetts/img/cardStream/pGrad.png);
	border: 1px solid #cccccc; 
	color: #ffffff;
	text-decoration: underline;
}

/* conditional div styling for IE because its a hunk of shit - http://www.positioniseverything.net/articles/cc-plus.html */
#body #ie7andup .followUserB, #body #ie7andup .unfollowUserB, #body #ie7andup .follow_stream_button_w {
margin-top: 30px;
}

#body .follow_container_button:hover {
color: #ffffff;
}

#body .follow_container_button-on {
text-align: center;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
padding: 3px;
background-color: #cccccc;
border: 1px solid #ddd; 
width: 97px;
display: block;
color: #ffffff;
margin-bottom: 5px;
}

.follow_usr_hide {
position: absolute;
display: none;
}

#body .follow_container_button-on:hover {
color: black;
}

#body .following-link {
font-size: 0.7em;

}

/* followers breadcrumb
-------------------------------------------------------------- */
#follow_breadcrumb	{
position: absolute;
top:285px;
width: 482px;
line-height: 20px;
font-size: 0.9em;
color: #A3A3A3;
text-align: right;
z-index: 10000;

}
#follow_breadcrumb a	{
list-style-type: none;
background-repeat: no-repeat;
text-decoration: none;
color: #d82b70;
background-image:url('/site_media/1.0-Assetts/img/body/rubytriangle.gif');
background-repeat: no-repeat;
background-position: right;
padding-right: 10px;
}

/* people following you avatar images
-------------------------------------------------------------- */

#body .followerAvImg {
margin-right: 6px;
float: left;
	border: 1px solid #ffffff; 
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
}

/* follow Dialogue
-------------------------------------------------------------- */
#followDialogue {

	display: none;
	background-color: #3f3f3f;
	background-position: 0 -100px;
	background-image: url(/site_media/1.0-Assetts/img/body/background-grad_dk.png);
	background-repeat: repeat-x;
	position:fixed; bottom: 0;
	width: 100%;
	z-index: 1001;
	border-top: blue;
	border-top: solid;
	border-top-style: solid;
	border-top-width: 10px;
	border-top-color: #d82b70;
	padding-top: 10px;
}

#followDialogue_container {
	padding-left: 25px;
	padding-right: 25px;
	background-color: #676565;
	border-style: solid;
	border-color: #827f7f;
	border-width: 1px;
	clear: both;
	width: 921px;
	height: 110px;
	margin-top: 0;
	margin-right: auto;
	margin-bottom: 10px;
	margin-left: auto;
	color: #222222;
	position: relative;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;

	
}

.followDialogueBot {
float: left;
margin-top: 6px;
margin-right: 25px;
}

.followDialogueMessage {
margin-top: 6px;
}

#followDialogue_container h1, #followDialogue_container p, #followDialogue_container a {
color: white;
}

/* unfollow Dialogue
-------------------------------------------------------------- */
#unfollowDialogue {

	display: none;
	background-color: #3f3f3f;
	background-position: 0 -100px;
	background-image: url(/site_media/1.0-Assetts/img/body/background-grad_dk.png);
	background-repeat: repeat-x;
	position:fixed; bottom: 0;
	width: 100%;
	z-index: 1001;
	border-top: blue;
	border-top: solid;
	border-top-style: solid;
	border-top-width: 10px;
	border-top-color: #d82b70;
	padding-top: 10px;
}

#unfollowDialogue_container {
	padding-left: 25px;
	padding-right: 25px;
	background-color: #676565;
	border-style: solid;
	border-color: #827f7f;
	border-width: 1px;
	clear: both;
	width: 921px;
	height: 110px;
	margin-top: 0;
	margin-right: auto;
	margin-bottom: 10px;
	margin-left: auto;
	color: #222222;
	position: relative;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;

	
}

.followDialogueBot {
float: left;
margin-top: 6px;
margin-right: 25px;
}

.followDialogueMessage {
margin-top: 6px;
}

#unfollowDialogue_container h1, #unfollowDialogue_container p, #unfollowDialogue_container a {
color: white;
}





/* Comment Display
-------------------------------------------------------------- */
.commentLoading{
	text-align: center;
	padding: 10px;
	display: none;
}
.commentDisplay {
	display: none;

}

.commentAvatarRight {
	border-color: black;
	border-width: 2px;
	border-style: solid;
	float:right;

}

.rightComment{
	float: left;
	width: 420px;
}

.rightCommentTop {
	width:420px;
	height:17px;
	background-image: url(/site_media/1.0-Assetts/img/cardStream/orangeComment/topR2.png);
	background-repeat: no-repeat;

}

.rightCommentText {
	width:420px;
	background-image: url(/site_media/1.0-Assetts/img/cardStream/orangeComment/middleR2.png);
	background-repeat: repeat-y;
	padding-left: 5px;
	padding-top: 0px;
	padding-bottom: 0px;
	word-wrap: break-word;
	
}

.rightCommentText p {
	position:relative;
	top:-8px;
	margin-bottom: 0px;
	padding-right:24px;
	padding-left:10px;
}

.rightCommentBottom {
	width:420px;
	height:23px;
	background-image: url(/site_media/1.0-Assetts/img/cardStream/orangeComment/bottomR2.png);
	background-repeat: no-repeat;
	text-align: right;
	color: #ffe5b8;
}

.rightCommentBottom b {
		padding-right:  20px;
		font-weight: 400;
}


.commentAvatarLeft {
	border-color: black;
	border-width: 2px;
	border-style: solid;
	float:left;

}

.leftComment{
	float: right;
	width: 420px;
}

.leftCommentTop {
	width:420px;
	height:16px;
	background-image: url(/site_media/1.0-Assetts/img/cardStream/putpleComment/topR2.png);
	background-repeat: no-repeat;

}

.leftCommentText {
	width:420px;
	background-image: url(/site_media/1.0-Assetts/img/cardStream/putpleComment/middleR2.png);
	background-repeat: repeat-y;
	padding-right: 8px;
	padding-top: 0px;
	padding-bottom: 0px;
	word-wrap: break-word;
}

.leftCommentText p {
	position:relative;
	top:-7px;
	margin-bottom: 0px;
	padding-left:24px;
	padding-right:10px;
}

#body .leftCommentText p a, #body .rightCommentText p a {
	color:#000000;

}

.leftCommentBottom {
	width:420px;
	height:23px;
	background-image: url(/site_media/1.0-Assetts/img/cardStream/putpleComment/bottomR2.png);
	background-repeat: no-repeat;
	text-align: left;
	color: #ffa0b1;
}



.leftCommentBottom b {
		padding-left:  20px;
		font-weight: 400;
}
.commentClear{
	clear: both;
	height: 15px;
}

.rightcommentDelete {
float: left;
position: relative;
left: 10px;
font-size: 0.3em;
}
#body .rightcommentDelete a {color: #ffe5b8;}
#body .leftcommentDelete a {color: #ffa0b1;}
.leftcommentDelete {
float: right;
position: relative;
right: 10px;
font-size: 0.3em;
}

#body a.leftcommentLink {
color: #ffa0b1;
text-decoration: underline;
}

#body a.rightcommentlink {
color: #ffe5b8;
text-decoration: underline;
}
/* Comment Submit
-------------------------------------------------------------- */
#commentAdd	{
margin-bottom: 20px;
clear: both;
position: relative;
}
.commentAddFieldSet {
	padding: 0px;
	padding-top: 25px;
	padding-left: 25px;
	margin: 0px;
	margin-bottom: 20px;
	position: relative;
}


.commentSubmit	{
 	font-size: 20px;
 	float: left;
 	height: 62px;
 	width: 78px;
 	background-image: url(/site_media/1.0-Assetts/img/cardStream/commentButton_plain.png);
 	background-repeat: no-repeat;
 	border: 0px;
 	margin-left: 0px;
 	position: relative;

 	background-color: transparent;
 	color: white;
 	/*hack to work on firefox which makes a one pixel offset */
 	background-position: 0px 1px;
 	background-position-y: 0px;
}

.commentSubmit:hover	{
 	text-decoration: underline;
 	color: white;

}
.commentInput	{

	width: 393px;
	height: 50px;
	border-style: solid;
	border-color: #cccccc;
	-moz-border-radius-topleft: 5px;
	-webkit-border-top-left-radius: 5px;
	-moz-border-radius-bottomleft: 5px;
	-webkit-border-bottom-left-radius: 5px;
	border-right: 0px;
	padding: 5px;
	
	margin-right: 0px;
	float:left;
	border-width: 1px;

}

.serverCommentresponse {

	background-color: #F6F6E0;
	padding: 5px;
	color: white;
	width: 394px;
	height: 50px;
	-moz-border-radius-topleft: 5px;
	-webkit-border-top-left-radius: 5px;
	-moz-border-radius-bottomleft: 5px;
	-webkit-border-bottom-left-radius: 5px;
	position: absolute;
	border-style: solid;
	border-color: #cccccc;
	border-width: 1px;
	text-align: center;
	font-size: 1.8em; 
	line-height: 2; 
	font-family: "Helvetica Neue", Helvetica, Arial, Verdana,  sans-serif;
	color: black;
	display: none; 
	

}


/* Single Card classes
-------------------------------------------------------------- */

.singleCardMap{


	height: 322px;
	background-color: #E9E5DB;
	border: 1px solid #cccccc; 
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	margin-bottom: 15px;


}

.cardStreamBack {
	font-size: 1.8em; 
	font-family: "Helvetica Neue", Helvetica, Arial, Verdana,  sans-serif;
	margin-top: 15px;
	margin-bottom: 0px;
	float: left;
	
}
#socialLinks {
	margin-bottom: 10px;

}

#socialLinks img{
	margin-left: 3px;
}


.socialTip {
	background-color: #E9E5DB;
	border: 1px solid #cccccc; 
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	width: 180px;
	height: 30px;
	float: right;
	text-align: center;
	font-size: 0.8em;
}

.singleCdDwnLd {
	padding-top: 5px;
	background-color: #5f5e5e;
	border: 1px solid #454545; 
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	text-align: center;
	margin-bottom: 10px;

}

.cardAction {
	border: 1px solid #ddd; 
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	padding: 3px;

	height: 80px;

}

.collectCtn {
margin-bottom: 15px;
}

.cardActionLable, .cardActionLable_a {
	background-color: #E9E5DB;
	border: 1px solid #cccccc; 
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	width: 178px;
	height: 30px;
	float: right;
	text-align: center;
	font-size: 0.8em;
	margin-left: 3px;
	display: none;
	padding-left: 1px;
	padding-right: 1px;
}


#body #collectActive, #body #discardActive, .collectButton_hold {
text-align: center;
	background-repeat: repeat-x;
	background-image: url(/site_media/1.0-Assetts/img/cardStream/gGrad.png);
	border: 1px solid #cccccc; 
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
width: 135px;
height: 30px;
line-height: 30px;
display: block;
color: #d82b70;
font-weight: 500;
float:left;
position: absolute;
margin-left: 4px;

}

#body #collectActive:hover, #body #discardActive:hover {

	background-repeat: repeat-x;
	background-image: url(/site_media/1.0-Assetts/img/cardStream/pGrad.png);
	border: 1px solid #cccccc; 
	color: #ffffff;
	text-decoration: underline;


}

.collectButton, .collectButton_a, .collectButton_hold {
display: none;
}

#flagCardDialogue {
display: none;
background-color: #ffffff;
}
.cardActionPad {
padding-left: 20px;
padding-right: 20px;
}
/* -------------------------------------------------------------- 
   
   Error Styles
   * site wide layouts.
   
-------------------------------------------------------------- */

.singleCdDwnLd:hover {
 	background-color: #303030;
 }.error_code	{



}
/* -------------------------------------------------------------- 
   
   Footer styles
   * site wide layouts.
   
-------------------------------------------------------------- */
/* Misc classes
-------------------------------------------------------------- */

#footer {
    color: #a3a3a3;
    background-repeat: no-repeat;

    background-image: url(/site_media/1.0-Assetts/img/body/content_bottom_trns.png);
    clear: both;
    padding-right: 0px;
    padding-left: 0px;
    margin-left: auto;
    margin-bottom: 0px;
    margin-right: auto;
    margin-top: 0px;
    padding-bottom: 10px;
    padding-top: 40px;
    text-align: 			center;
    /* footer text colour */
    width: 980px 					;
    position: static;
	z-index: 5000;
	font-size: 0.7em;
	/*temp layout*/

    
}
#footer a, #footer a:visited {
	/* footer link colour */
    color: 					#a3a3a3; 
    
}
#footer a:hover {
	/* footer link hover colour */
    color: 					#d82b70; 
}
/* -------------------------------------------------------------- 
   
   Landing page styles
   
   
-------------------------------------------------------------- */

#body.landing {
background-position: 6px 0px;
background-repeat: no-repeat;
background-image: url(/site_media/1.0-Assetts/img/landing/landing_back.png);
height: 717px;


}
#landingDescPad {
padding-left: 25px;
padding-right: 25px;
padding-top: 38px;
}
#landingDesc h1 {
font-weight: bold;
font-style: italic;
text-shadow: 0px 0px 2px #fc4700;
color: #f4fff5;
font-size: 3em;
margin-bottom: 20px;
font-family: lucinde grande, "Helvetica Neue", Helvetica, Arial, Verdana,  sans-serif;
}

#landingDesc p {
text-shadow: 0px 0px 2px #fc4700;
color: #ffffff;
font-size: 1.4em;
font-weight: 500;
}

#landingDesc a {
text-shadow: 0px 0px 2px #fc4700;
color: #ffffff;
text-decoration: underline	;
}

#landingDesc a:hover {
text-shadow: 0px 0px 2px #fc4700;
color: #ffffff;
text-decoration: none	;
}

.landingLogo {
height: 143px;
width: 243px;
background-repeat: no-repeat;
background-image: url(/site_media/1.0-Assetts/img/landing/logo_large.png);
position: relative;
left: 30px;
top: 15px;
z-index: 22;
}
.landingLogo h1 {
text-indent: -9000px;
}


#backCity {
height: 200px;
width: 968px;/* +17 from the offset */
background-repeat: no-repeat;
background-position: 17px 0px;
background-image: url(/site_media/1.0-Assetts/img/landing/cityscape.png);
position: absolute;
top: 212px;
z-index: 2;
display: none;
}

#forgroundHill {
height: 448px;
width: 978px;/* +6 from the offset */
background-repeat: no-repeat;
background-position: 6px 0px;
background-image: url(/site_media/1.0-Assetts/img/landing/foreground_hills.png);
position: absolute;
top: 285px;
z-index: 40;

}

#navHills {
height: 146px;
width: 952px;
background-repeat: no-repeat;
background-position: 16px 0px;
background-image: url(/site_media/1.0-Assetts/img/landing/nav_hills.png);
position: absolute;
top: 270px;
z-index: 30;
display: none;
}

#birds {
width: 92px;
height: 33px;
background-repeat: no-repeat;
background-image: url(/site_media/1.0-Assetts/img/landing/birds.png);
position: relative;
top: 50px;
left: 350px;
}
#birdPath {
height: 180px;
width: 950px;
position: relative;
left: 17px;
top: -240px;
}


/* sky container for anims */
#skyCont {
height: 220px;
width: 950px;
position: relative;
left: 17px;
top: -100px;
z-index: 20;
}

/*- card displays -*/
#card0 {
height: 240px;
width: 300px;
position: relative;
left: 640px;
/*display: none;*/
z-index: 2;
top: 10px;

}
#card1 {
position: relative;
height: 200px;
width: 200px;
left: 435px;
top: -200px;
z-index: 10;
}

#card2 {
position: relative;
height: 200px;
width: 180px;
left: 270px;
top: -320px;

}

#card3 {
position: relative;
height: 150px;
width: 160px;
left: 60px;
top: -478px;
}

#card0-beak, #card1-beak, #card2-beak, #card3-beak {
display: none;
top: 0px;
}
#card0-beak {
height: 219px;
position: relative;
background-image: url(/site_media/1.0-Assetts/img/landing/card-beaks/beak0_wht.png);
background-repeat: no-repeat;
background-position: 85px 186px;
}
#card1-beak {
height: 148px;
position: relative;
background-image: url(/site_media/1.0-Assetts/img/landing/card-beaks/beak1_wht.png);
background-repeat: no-repeat;
background-position: 50px 126px;
}
#card2-beak {
height: 124px;
position: relative;
background-image: url(/site_media/1.0-Assetts/img/landing/card-beaks/beak3_wht.png);
background-repeat: no-repeat;
background-position: 50px 96px;
}
#card3-beak {
height: 124px;
position: relative;
background-image: url(/site_media/1.0-Assetts/img/landing/card-beaks/beak3_wht.png);
background-repeat: no-repeat;
background-position: 50px 96px;
}
.beakImage {
/*border-color: #565f61;*/
border-color: #ffffff;
border-style: solid;
border-width: 3px;
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
}
/* temp debug 
#skyCont, #card0, #birdPath, #birds, #robotPath, #contentMain, #landingDesc, #landingLogin, #landingItunes {
border-color: #1bff19;
border-width: 1px;
border-style: solid;
}*/

/*bots*/
#robotPath	{
height: 130px;
width: 950px;
position: relative;
left: 17px;
top: -250px;
z-index: 50;
}
#followBot {
width: 102px;
height: 112px;
background-repeat: none;
background-image: url(/site_media/1.0-Assetts/img/landing/follow_robot.png);
position: relative;
left: 235px;
top: -92px;
/**/
}	

#collectBot {
width: 86px;
height: 84px;
background-repeat: none;
background-image: url(/site_media/1.0-Assetts/img/landing/collect_robot.png);
position: relative;
left: 555px;
top: 12px;

}

/* main content layers */
#contentMain {
height: 300px;
width: 950px;
position: relative;
left: 17px;
top: -290px;
z-index: 50;
}

#landingDesc	{
width: 550px;
height: 300px;
float: left;
}
#landingLogin	{
float: right;
width: 358px;

margin-right: 25px;
margin-top: 55px;
background-repeat: no-repeat;
background-image: url(/site_media/1.0-Assetts/img/landing/front_login_top.png);
padding-top: 22px;
}
#landingForm {
min-height: 68px;
height: 82px;
background-repeat: no-repeat;
background-image: url(/site_media/1.0-Assetts/img/landing/front_login_mid.png);
padding-left: 10px;
}
#landingFooter {
width: 358px;
height: 12px;
background-repeat: no-repeat;
background-image: url(/site_media/1.0-Assetts/img/landing/front_login_bot.png);
}

#landingSignupLead {

clear: both;
color: #ffffff;
padding-left: 10px;
}
#landingSignupLead a {
color: #ffffff;
text-decoration: underline;
}
#landingSignupLead a:hover {
color: #ffffff;
text-decoration: none; 
}
.landingLoginSubmit	{
	float: right;
	margin-right: 20px;
	margin-top: 0px;
	position: relative;
	top: -5px;
}

.landingLoginLabel	{
	font-size: 1em;
	text-transform: uppercase;
	width:138px;
	display: block;
	position: relative;
	float: left;
	padding-top: 5px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
	margin: 0px;
	text-indent: 10px;
	color: #ffffff;
}
/* login form elements */
.landingLoginField	{
	border-color: #b5b9bc;
	border-width: 1px;
	border-style: solid;
	background-image: url(/site_media/1.0-Assetts/img/forms/form_bg.png);
	background-repeat: repeat-x;
	float: left;
	height: 25px;
	width: 125px;
	position: relative;
	top: 8px;
	padding: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 10px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
}

#landingItunes	{
float: right;
width: 358px;
height: 100px;
margin-right: 25px;
margin-top: 25px;
}


.landingFooter .legal {
width: 900px;
margin: 0px;
clear: both;
width: 955px;
position: relative;
top: -250px;
left: 15px;
text-align: center;
color: #ffffff;
}

#body .landingFooter .legal a {
color: #ffffff;
}


/* video link */

#vid_thumb {
width: 365px;
height: 197px;
position: absolute;
top: 50px;
margin-left: 580px;
z-index: 20;
display:none;
}

#comp_thumb {
width: 437px;
height: 211px;
position: absolute;
top: 50px;
margin-left: 507px;
z-index: 20;

}

#right_crn_bn {
position: absolute;
right: 0px;
top: 0px;
height: 151px;
width: 149px;

}

#video {
display: none;
background-color: black;
margin: 0px;
padding: 0px;
}

.landLead {
text-align: right;
margin-top: -7px;
}

#landingDescPad .landLead  {
font-weight: bold;
font-style: italic;
text-shadow: 0px 0px 2px #fc4700;
color: #f4fff5;
font-size: 2.7em;
font-family: lucinde grande, "Helvetica Neue", Helvetica, Arial, Verdana,  sans-serif;
}

#landingDescPad .landLead a {
text-decoration: none;
}

#landingDescPad .landLead a:hover {
text-decoration: underline;
}

.leadArrow{
margin-left: 15px;
float: right;
margin-top: -7px;
}

/* -------------------------------------------------------------- 
   cardGrid Landing styles
-------------------------------------------------------------- */
#grdBanner { /* header container */
	height: 130px;
	background-color: black;
	background-repeat:repeat-x;
	background-image: url(/site_media/1.0-Assetts/img/landing/cardgrid/headGrad.png);
	padding-left: 280px;   /* LC width */
  	padding-right: 400px;  /* RC width */

}

#grdLogo	{  /* onLeftCol */
	height: 100%;
	width: 250px;
	background-repeat:no-repeat;
	background-image: url(/site_media/1.0-Assetts/img/landing/cardgrid/flook.png);
	background-position-y: 13px;
	background-position-x: 60px;
	position: relative;
  	float: left;
  	width: 280px;          /* LC width */
	right: 280px;          /* LC width */
	margin-left: -100%;
}
#grdLogo h1	{
	margin-left: -4000px;
}
#grdTopText	{  /* midCol */
	position: relative;
  	float: left;
  	width: 100%;
  	text-align: center;
}

#grdDownloadLnk	{  /* rightCol */
	position: relative;
  	float: left;
  	width: 400px;          /* RC width */
  	margin-right: -400px;  /* RC width */
	height: 100%;
	padding-top: 23px;
}

#grdTopText	h2 {
	font-weight: bold;
	font-style: italic;
	text-shadow: 0px 0px 2px #000000;
	color: #cecece;
	font-size: 3.5em;
	font-family: lucinde grande, "Helvetica Neue", Helvetica, Arial, Verdana,  sans-serif;
	line-height: 2.9em;

}

.grdHmeLnk {
width: 100%;
height: 100%;
display: block;
}


#grdContBx	{

width: 100%;
margin-top: 10px;
text-align: center;
}

#grdMC	{
/*height: 100%;*/
min-width: 1200px;
}

#grdfooter {
position: fixed;
bottom: 0px;
height: 20px;
width:100%;
text-align: center;
color: #9f9f9f;
}
#grdfooter a {
color: #9f9f9f;
}
#grdfooter a:hover {
color: #cccccc;
}

.grdTopR {
padding: 25px;
min-width: 970px;

}

.grdBotR {
padding: 25px;
min-width: 970px;

}

/* cards */

.grdUsrInfo {
background-color: #E9E5DB;
position: absolute;
height: 50px;
width: 300px;
margin-top: -60px;
border-top-color: #cccccc;
border-top-style: solid;
border-top-width: 1px;
padding-top: 10px;
}

.grdUsrAv {
float: left;
width: 40px;
height: 40px;
margin-left: 10px;
border-color: #cccccc;
border-style: solid;
border-width: 1px;
}

.grdUsrCrd {
float: right;
width: 230px;
height: 40px;
margin-right: 10px;
text-align: left;
}

.grdCardMap {
width: 300px;
height: 200px;
background-color: #cccccc;
}
.grdCrd {
margin: 20px;
background-color: black;
}
.boxShadow {
-webkit-box-shadow: rgba(00, 00, 00, 0.5) 0px 0px 20px;
-moz-box-shadow: rgba(00, 00, 00, 0.5) 0px 0px 20px; /* FF 3.5+ */

}

.boxShadow:hover {
-webkit-box-shadow: rgba(255, 255, 255, 0.5) 0px 0px 20px;
-moz-box-shadow: rgba(255, 255, 255, 0.5) 0px 0px 20px; /* FF 3.5+ */

}


#grdCrd-2 {
width: 300px;
height: 200px;
margin-left: auto ;
margin-right: auto ;
}
#grdCrd-0 {
width: 300px;
height: 200px;
float: left;
}
#grdCrd-1 {
width: 300px;
height: 200px;
float: right;
}

#grdCrd-5 {
width: 300px;
height: 200px;
margin-left: auto ;
margin-right: auto ;
-webkit-box-reflect:below 30px 
-webkit-gradient(linear, left top, left bottom, from(transparent), color-stop(0.6, transparent), to(rgba(255, 255, 255, 0.3)));
}

#grdCrd-3 {
width: 300px;
height: 200px;
float: left;
-webkit-box-reflect:below 30px 
-webkit-gradient(linear, left top, left bottom, from(transparent), color-stop(0.6, transparent), to(rgba(255, 255, 255, 0.3)));
}

/* card maps with no reflection */
#grdCrd-0m, #grdCrd-1m, #grdCrd-2m {
width: 300px;
height: 200px;
float: left;
display: none;
}
/* card maps with  reflection */
#grdCrd-3m, #grdCrd-4m, #grdCrd-5m {
display: none;
width: 300px;
height: 200px;
float: left;

-webkit-box-reflect:below 30px 
-webkit-gradient(linear, left top, left bottom, from(transparent), color-stop(0.6, transparent), to(rgba(255, 255, 255, 0.3)));
}

/* card second with no reflection */
#grdCrd-0c, #grdCrd-1c, #grdCrd-2c {
display: none;
width: 300px;
height: 200px;
float: left;
background-color: #000000;
}
/* card second with  reflection */
#grdCrd-3c, #grdCrd-4c, #grdCrd-5c {
display: none;
width: 300px;
height: 200px;
float: left;
background-color: #000000;
-webkit-box-reflect:below 30px 
-webkit-gradient(linear, left top, left bottom, from(transparent), color-stop(0.6, transparent), to(rgba(255, 255, 255, 0.3)));
}

#grdCrd-4 {
width: 300px;
height: 200px;
float: right;
-webkit-box-reflect:below 30px 
-webkit-gradient(linear, left top, left bottom, from(transparent), color-stop(0.6, transparent), to(rgba(255, 255, 255, 0.3)));
}

#grdLoading{
margin-top: 300px;
position: absolute;
font-weight: bold;
font-style: italic;
text-shadow: 0px 0px 2px #000000;
color: #cccccc;
font-size: 3em;
margin-bottom: 20px;
font-family: lucinde grande, "Helvetica Neue", Helvetica, Arial, Verdana,  sans-serif;
text-align: center;
width: 100%;
display: none;
}

/* Custom landing Styles
-------------------------------------------------------------- */

#strActFlsh {

height: 225px;
width: 225px;
position: absolute;
top: 165px;
margin-left: 720px;
z-index: 99999;


}

/* Card Thumbs Styles
-------------------------------------------------------------- */
.thumbRefresh {

text-align: right;
position: absolute;
width: 353px;
margin-top: -15px;
font-size: 9px;
}
.thumbRefreshLoading {

text-align: right;
position: absolute;
width: 353px;
margin-top: -15px;
font-size: 9px;
display: none;
color: #d82b70;
}

/* remove inherited fieldset padding */
/*#rightCardThumbs fieldset{
padding: 0px;
padding-left: 1px;
padding-top: 10px;
padding-bottom: 10px;
}*/

/*#rightCardThumbs fieldset legend {
margin: 0 10px;
padding-left: 8px;
}*/

/* fieldset container */
#rightCardThumbs {
width: 380px 				;
background-color: #ffffff;
}

/* Match RHS fieldsets */

#rightCol_cardStream fieldset {
padding: 0px;
padding-left: 1px;
padding-top: 10px;
padding-bottom: 10px;
}

#rightCol_cardStream fieldset legend {
margin: 0 10px;
padding-left: 8px;
}
/* padding for right col fieldsets */
.rightFieldSetPd {
padding-left: 20px;
padding-right: 20px;
}
/* card container */
.rightCardRow {
padding-left: 13px;
display: none;

}
/*cards are rendered at scale 0.22 giving a pixel width of 101x66 */
.rightCardThumb {
padding: 6px;
float: left;
position: relative;
}
.rightCardThumbImg {
border-color: #d6d6d6;
border-width: 2px;
border-style: solid;

}

.rightCardThumbImg:hover {
border-color: #d82b70;
border-width: 2px;
border-style: solid;

}

.hover_container {
position:  relative;
height: 180px;
width: 155px;

}


.hover_tip {
	height: 180px;
	width: 155px;
    position: absolute;
    top: -200px;
    left: -18px;
    display: none;
   
}
.tip_cont {
	background-image: url(/site_media/1.0-Assetts/img/general/purplebubble_bk.png);
	background-repeat: no-repeat;
    padding: 10px;
    word-wrap: break-word;
    text-align: center;
    position: absolute;
bottom: 22px;
}
.hover_beak {
width: 155px;
height: 22px;
background-image: url(/site_media/1.0-Assetts/img/general/purplebubble_beak.png);
background-repeat: no-repeat;
position: absolute;
bottom: 0px;
}


.tip_cont em {
color: white;
font-weight: 700;
}
.thumb_legend {
font-size: 1.3em;

}

/* Cards by people I'm following styles - logged in homepage
-------------------------------------------------------------- */

.followedAvatar {
border-color: #cccccc;
border-style: solid;
border-width: 1px;
float: left;
background-color: #cccccc;
height: 32px;
width: 32px;
position: relative;
}

.followerCardDetails {	

border-bottom-color: #cccccc;
border-bottom-width: 1px;
border-bottom-style: solid;
padding-bottom: 5px;
line-height: 1; 

font-family: "Helvetica Neue", Helvetica, Arial, Verdana,  sans-serif;
position:relative;
top: -25px;
z-index: 100;
}

.followerDetailWrapper {
color: #d82b70;
position: relative;
font-size: 1.2em;
margin-left: 5px;
padding-top: 3px;
width: 180px;
float: left;
}

.followerPostTime {
color: #747474;
font-size: 0.8em;
line-height: 2em;
}

.followerCardLocationWrapper {
color: #d82b70;
font-size: 1.2em;
float: right;
padding-top: 3px;
width: 218px;
text-align: right;
line-height: 1.2em;
}

#body .followerPlacedLink a {
color: #747474;
font-size: 0.8em;
line-height: 2em;
}

#body .followerPlacedLink a:hover {
color: #d82b70;

}

.followedCardsHeader {
font-size: 1.8em;
border-bottom-color: #ddd;
border-bottom-width: 1px;
border-bottom-style: solid;
margin-top: -15px;
margin-bottom: 30px;
position: relative;
z-index: 5000;
}
#homePageNotice {
float: right;
width: 240px;
background-color: #eaf8fb;
border: 1px solid #ddd; 
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
padding: 5px;
}

.followedHomeFieldSet {
padding-top: 10px;
}

#homePageNotice ul {
line-height: 1em;
list-style: outside;	
list-style-image: url(/site_media/1.0-Assetts/img/body/rubytriangle.gif) ;

}
#homePageNotice ul li {
margin-top:0; 
margin-bottom:4px; 
}
#homePageNotice ul a {
color: black;
}

#homePageNotice h6 {
margin-bottom: 15px;
margin-left: 15px;
}

/* Card Scrolling Test */

#cardControls {
position: fixed;
/*top: 360px;*/
top: 100px;
float: right;
width: 35px;
height: 250px;
margin-left: 490px;
background-color: aqua;
}
.scrollUp {
position: fixed;
top: 380px;
margin-left: 490px;
color: black;
width: 33px;
height: 34px;
border: none;
background-color: #ffffff;
background-image: url(/site_media/1.0-Assetts/img/cardStream/buttons/up_dis.png) ;
background-repeat: no-repeat;
z-index: 1000;

}
.scrollDown {
position: fixed;
top: 470px;
margin-left: 490px;
color: black;
width: 33px;
height: 34px;
border: none;
background-color: #ffffff;
background-image: url(/site_media/1.0-Assetts/img/cardStream/buttons/dwn_dis.png) ;
background-repeat: no-repeat;
z-index: 1000;
}

#body .flookStats {
float: left;
text-align: center;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
padding: 3px;
background-color: #eaf8fb;
border: 1px solid #ddd; 
width: 97px;
display: block;
color: #000000;
}

#body .flookStats-mid {
margin-left: 10px;
margin-right: 10px;
float: left;
text-align: center;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
padding: 3px;
background-color: #eaf8fb;
border: 1px solid #ddd; 
width: 97px;
display: block;
color: #000000;
}

#body .flookStats-ac {
float: left;
text-align: center;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
padding: 3px;
background-color: #d82b70;
border: 1px solid #cccccc; 
width: 97px;
color: #ffffff;
display: block;
}

#body .flookStats-mid-ac {
margin-left: 10px;
margin-right: 10px;
float: left;
text-align: center;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
padding: 3px;
background-color: #d82b70;
border: 1px solid #cccccc; 
width: 97px;
color: #ffffff;
display: block;
}

#body .flookStats:hover, #body .flookStats-mid:hover, #body .flookStats-mid-ac:hover, #body .flookStats-ac:hover {
float: left;
text-align: center;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
padding: 3px;
background-color: #d82b70;
border: 1px solid #cccccc; 
width: 97px;
color: #ffffff;
display: block;

}



/* Error styles */

.leftErrorImg {
float: left;
position: relative;
top: -30px;
}

.Erlarge{
font-size: 1.3em;
}

.erDwn {
position: relative;
top: 3px;

text-align: right;
}
.rightNoteEr {

margin-top: 50px;
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
padding: 8px;
background-color: #eaf8fb;
border: 1px solid #ddd; 
width: 450px;
float: left;
}
.rightNoteErnb {

margin-top: 50px;
padding: 8px;
width: 450px;
float: left;
}
.rightNote404 {

margin-top: 30px;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
padding: 8px;
background-color: #eaf8fb;
border: 1px solid #ddd; 
width: 450px;
float: left;
}

/* Captcha styling */
 .recaptchatable .recaptcha_image_cell, #recaptcha_table {
   background-color:#FFFFFF !important; //reCaptcha widget background color
 }
 
 #recaptcha_table {
   border-color: #FFFFFF !important; //reCaptcha widget border color


 }
 
 #recaptcha_response_field {
    border-color: #CCCCCC !important; //Text input field border color
   background-color:#FFFFFF !important; //Text input field background color
	position:			relative;
	display:			block;
	width:				300px !important;
	height:				30px !important;
	float:				left;
	background-image: url('/site_media/1.0-Assetts/img/forms/form-shadow.png');
	background-repeat:repeat-x;
	left: -6px;
 }
 #recaptcha_image {
 	position: relative;
 	left: -6px;
 }
 .re_captcha_div {

 }
 
 /* -------------------------------------------------------------- 
   
   tweet journey
   
-------------------------------------------------------------- */
#tweetJourney {
position: absolute;
margin-top: -48px;
margin-left: 375px;
z-index: 30000;

}

#tweetJourney {
display: none;
}
 
#notweetJourney {
position: absolute;
margin-top: -44px;
margin-left: 385px;
z-index: 30000;
font-size: 9px;
color:#cccccc;
display: none;

} 

#notweetJourney a {
color:#cccccc;
text-decoration: none;
}