/* CSS Document */
body {margin:0; padding:0; font: 12px Arial, Helvetica; color : #ffffff; margin: 0; padding: 0; background: url(../images/bg.gif) repeat; }
a {margin: 0; padding: 0; color: #ffffff; text-decoration: none;}
a:hover {color: #ffffff; text-decoration: underline; }
.clear {clear:both;}

/* Header elements */
img#hd_pnevents {width: 300px; height: 23px;}
img#hd_pnbooth {width: 300px; height: 32px;}
img#hd_whats_next {width: 300px; height: 67px;}
img#hd_analytics {width: 300px; height: 54px;} 
img#logo_scavengar {width: 300px; height: 119px;}

#container {margin: auto; margin:0; padding:0; text-align: center; width: 480px;}
#header {margin: 5px 0 0 3px; width: 100%;}
#header_container {margin: 0 auto; padding: 0 0 0 0; width: 480px; height: 54px; color: #ffffff;}
#logo {padding: 0; margin: 0; width: 75px; float: left; }

#nav_container {padding: 0; margin: 0 0 0 2px; width: 402px; height:50px; float: left; background: url(../images/bg_nav.png); }

ul#navbar {margin: 2px 0 0 2px; padding: 0; border: 0; list-style-type:none; width: 400px;}
ul#navbar li {float:left; margin: 3px 0 0 3px; padding: 0 0 0 0; border: 0;}
ul#navbar li a {display: block; padding: 0; margin: 0; font: 10pt "Georgia"; text-decoration: none; color: #ffffff; text-align: center;}

ul#navbar li a#nav_next {display: block; width: 115px; padding: 0; margin: 0; height: 20px;}
ul#navbar li a#nav_analytics {display: block; width: 120px; padding: 0; margin: 0; height: 20px;}
ul#navbar li a#nav_events {display: block; width: 142px; padding: 0; margin: 0; height: 20px;}
ul#navbar li a#nav_scavengar {display: block; width: 195px; padding: 0; margin: 0; height: 20px;}
ul#navbar li a#nav_booth {display: block; width: 195px; padding: 0; margin: 0; height: 20px;}

ul#navbar li a:hover {color:#ffffff;background: #080909;}
ul#navbar li a.current {color:#ffffff; background: #080909;}

ul#socialbar {margin: 0 0 0 7px; padding: 0; border: 0; list-style-type:none; width: 78px; height: 16px;}
ul#socialbar li {float:left; margin: 0 0 0 0; padding: 0 0 0 0; border: 0; height: 16px;}
ul#socialbar li a {display: block; padding: 0; margin: 0; text-align: right;}

li a#nav_twitter {display: block; width: 25px; height: 16px; padding: 0; margin: 0; }
li a#nav_youtube  {display: block; width: 25px; height: 16px; padding: 0; margin: 0; }
li a#nav_flickr  {display: block; width: 25px; height: 16px; padding: 0; margin: 0; }

.social {display:none;}
.social2 {position: relative; top: -10px; left: 390px; float: left;}
.social3 {position: relative; top:0px; left: 737px;float: left;}

#main_container {margin: 0 auto; padding:0; width: 480px; text-align: left;}
#main_container2 {width: 387px; text-align: left;}

h2.hdwhite {font: 40px Georgia, Helvetica; color: #ffffff; margin:0;padding:0;}
.white {font: 14px Arial, Helvetica; color: #ffffff;}
.white1 {font: 14px Arial, Helvetica; color: #ffffff; padding: 0 10px 0 0;}
.white2 {font: 14px Arial, Helvetica; color: #ffffff; padding: 0 5px 0 20px;}
a.whitelink {font: 22px Georgia, Helvetica; color: #ffffff; margin:0;padding:0;}
a.white:hover {color:#ffffff;}
a.blue {color:#2bbfef;}
a.blue:hover {color:#ffffff;}
/* WHATS NEXT*/
#columnonepg {width: 480px; margin:5px 0 0 5px; padding:0 0 40px 0; float: left;}
p.nextintro {font: 16px Arial, Helvetica; color : #ffffff; margin:24px 0 30px 0;}
p.nexttxt {font: 16px Arial, Helvetica; color : #ffffff; padding:0 25px 0 0;}

#columnonepg #column1 {width: 233px; margin: 25px 0 8px 60px;}
#columnonepg #column2 {width: 433px; margin: 0 0 8px 0;}

#column2 a#stats {display: block;background: url(../images/btn_stats.gif); width: 425px; height: 185px;}
#column2 a#stats:hover {background-position: 0px -185px;}
#column2 a#charity {display: block;background: url(../images/btn_charity.gif); width: 425px; height: 185px;}
#column2 a#charity:hover {background-position: 0px -185px;}
#column2 a#scaveng {display: block;background: url(../images/btn_scavengar.gif); width: 425px; height: 185px;}
#column2 a#scaveng:hover {background-position: 0px -185px;}

#column2 a#stats span, #column2 a#charity span, #column2 a#scaveng span {display: none;}

/* EVENTS */
#columnpage {width: 480px; margin:0 0 10px 5px; padding:0;}
#columnpage #contentarea {margin: 0; padding: 0; background: url(../images/bg_main.png);}
#columnpage .hdtitle2 {margin: 10px 0 10px 0px;}
h2.subhd {font: 26px Georgia, Helvetica; color: #ffffff; margin:0;padding:0;}
.textarea {padding:10px 10px 20px 10px; margin: 0 0 0 0; font: 14px Arial, Helvetica; color: #ffffff;}

/* ANALYZE */
#intro {width: 378px;  text-align: left;}
#navicons {margin: auto;  width: 480px; text-align: left;}
.img {padding: 0 10px 0 0; float: left; }
.img2 {padding: 0 10px 0 0; float: right; }
.img3 {padding: 0 0 0 10px; float: right; }
.whatnext {padding: 0 0 0 5px; font: 14px Arial, Helvetica; color : #ffffff; width: 378px; margin:0; text-align: left;}
.hpvideo {display:none;}
.viewar {display:none;}
.signupbox {background: url(../images/btn_signup.png); width:378px; height: 68px; margin: 10px 0 0 0; font: 25px Georgia, Helevtica; color: #ffffff; padding: 10px 0 0 6px;}
.left1 {float: left; width: 300px; text-align:center; padding:0 0 0 5px;}
.right1 {float: left; font: 26px Georgia, Helevtica; color: #ffffff; padding: 0 0 0 3px;}

#column1 {width: 378px; margin: 10px 0 0 0px;}
#column2 {width: 378px;margin: 10px 0 0 0px;}
.sectionhd {padding: 0; font: 24px Georgia, Helvetica; color: #ffffff;}

#crimson {width: 378px; background: #1d183a;}
#crimson .logo {padding: 0 13px 14px 0px; float: right;}
#crimson #sectiontitle {width: 378px;}
#crimson .sectionhd {padding: 15px 0 15px 20px; font: 24px Georgia, Helvetica; color: #ffffff;}
#crimson .whatsthis {display:none;}
#crimson #scrollbox {width: 378px; height: 270px; background: #ffffff; overflow: auto;}
.left {}
.right {}

#spredfast {width: 378px; background: #1d183a;}
#spredfast .logo {padding: 0 13px 14px 0px; float: right;}
#spredfast #sectiontitle {width: 378px;}
#spredfast .sectionhd {padding: 15px 0 15px 20px; font: 24px Georgia, Helvetica; color: #ffffff;}
#spredfast .whatsthis {display:none;}
#spredfast #scrollbox1 {width: 378px; height: 400px; margin: 0 0 5px 0; }
#spredfast #scrollbox2 {width: 378px; height: 400px; margin: 0 0 5px 5px; padding: 0;}
#spredfast #scrollbox3 {width: 378px; height: 140px;}

.pipes {height: 18px; width: 378px; padding: 0; margin:0;}

#traackr {width: 378px; height: 875px;background: #1d183a;}
#traackr .title {text-align: center;}
#traackr .whatsthis {display:none;}

#influencehd {height: 102px; background: #1d183a; font: 26px Georgia, Arial, Helvetica; color : #ffffff; padding: 11px 0 0 11px;}
#influencehd .logo {float: right; padding: 0 22px 0 0;}
.ranktext {font: 11px Arial, Helvetica; color: #ffffff;font-weight: bold; padding: 0 0 7px 10px;}

rank {padding: 9px 0 9px 0;  background: #003922; float: left;}
.ranking {width: 378px; padding: 0 0 5px 0; float: left;}
.ranknum {font: 22px Arial, Helvetica; color: #ffffff;font-weight: bold; float: left; width: 25px; padding: 10px 0 0 5px; text-align: center;}
.ranksame {background:transparent url("../images/spacer.gif") no-repeat 0 0; width: 30px; height: 11px; margin: 17px 0 0 2px; float: left;}
.rankup {background:transparent url("../images/green_arrow.png") no-repeat 0 0; width: 30px; height: 11px; float: left; margin: 17px 0 0 2px; padding:0;}
.rankdown {background:transparent url("../images/blue_arrow.png") no-repeat 0 0; width: 30px; height: 11px; float: left; margin: 17px 0 0 2px; padding:0;}
.ranknew {background:transparent url("../images/new.png") no-repeat 0 0; width: 30px; height: 18px; float: left; margin: 17px 0 0 2px; padding:0;}
.ranktxt {background: #15112a; width: 270px;font: 9px Arial, Helvetica; color: #37b3ff; margin: 0; float: left; padding: 5px 5px 5px 8px;}
.profilepic {float: right;}
a.ranklink {color: #a5a4a6; margin: 0; font: 13px Arial, Helvetica; font-weight: bold; text-decoration: underline;}
a.ranklink:hover {color: #008c54; margin: 0; font: 13px Arial, Helvetica; font-weight:  bold;text-decoration: underline;}

.ranklinksbox {padding: 5px 0 0 214px;}

.rollover_rank.rollover_rank_on {background-position: 0 0px;}

.rollover_rank {margin: 0 9px 0 0; display: block; width: 9px; height: 9px; background:transparent url("../images/trend_buttons.png") no-repeat; float: left; background-position: 0 -20px;}

.rollover_rank:hover {background-position: 0 0px;float: left;}

.rollover_rank span,.rollover_rank_on span {display:none;}

.btmhandle {height: 35px; width: 193px; position: relative; top:0px; left: 644px; padding: 0; margin:0;}

#signup {background: url(../images/btn_bottom.png); height: 65px; width: 378px; position: relative; top:-15px; padding: 0; margin:0;}
.signuptxt {padding: 20px 0 0 16px; font: 24px Georgia, Helvetica; color: #ffffff; text-align:center;}

/* PN BOOTH*/
#column1temp {width: 480px; margin:0 0 20px 5px; padding:0;}
#column2temp {width: 480px; background: url(../images/bg_mainrt.png); margin:0 0 0 5px; padding:0;}

#column1temp .hdtitle {margin: 20px 0 30px 21px;}

#column1temp #contentarea {margin: 0; padding: 0; background: url(../images/bg_main.png); height: 430px;}
.textarea {padding:40px 30px 40px 40px; margin: 0 0 0 0; font: 14px Arial, Helvetica; color: #ffffff;}
h2.subhd {font: 26px Georgia, Helvetica; color: #ffffff; margin:0;padding:0;}

#column2temp .sidebar {padding:20px 0 0 19px; margin: 0 0 0 0; font: 14px Arial, Helvetica; color: #ffffff;  height: 434px}
h2.subhdlg {font: 38px Georgia, Helvetica; color: #ffffff; margin:0;padding:0;}


betaform1 {float: left; width:100px; margin: 0 0 10px 0; padding: 0; }
.betaform2 {float: left; width: 300px;margin: 0 0 10px 0; padding: 0; }
.form_name_beta {background-color: #cec0bd; width:300px;height: 20px;color: #000000; border:0;font: 14px Arial, Helvetica;margin: 0; padding: 0; }
.form_email_beta {background-color: #cec0bd; width:300px;height: 20px;border:0;color: #000000; font: 14px Arial, Helvetica;margin: 0; padding: 0; }
.form_company_beta {background-color: #cec0bd; width:300px;height: 20px;border:0;color: #000000; font: 14px Arial, Helvetica;margin: 0; padding: 0; }

.contact_submit_beta {background:transparent url("../images/bg_submit.gif");width:141px; height: 40px;border:0; color: #ffffff;font: 22px Georgia, Helevetica; margin: 20px 0 26px 75px;}

/* SCAVENGAR ELEMENTS*/
#column1ar {width: 480px; margin: 0 0 0 5px;}
#column2ar {width: 480px; margin: 0 0 0 5px;}

#column1ar .arlogo {padding: 8px 0 17px 95px;}

#subnav {padding: 0; margin: 0; width: 480px; height:32px; background: url(../images/bg_nav_ar.png);}

ul#subnavbar {margin: 0 0 0 0px; padding: 0; border: 0; list-style-type:none; width: 480px; height:22px;}
ul#subnavbar li {float:left; margin: 5px 0 0 15px; padding: 0 0 0 0; border: 0; height: 22px;}
ul#subnavbar li a {display: block; padding: 0; margin: 0; font: 13pt "Georgia"; text-decoration: none; color: #ffffff; height: 22px; text-align: center;}

li a#nav_video {display: block; width: 58px; height: 22px; padding: 0; margin: 0;}
li a#nav_contest {display: block; width: 190px; height: 22px; padding: 0; margin: 0;}
li a#nav_tweets {display: block; width: 160px; height: 22px; padding: 0; margin: 0;}

ul#subnavbar li a:hover {color:#ffffff;background: #080909;}
ul#subnavbar li a.current {color:#ffffff; background: #080909;}

div.arcontent div.tab {display:none;}
div.arcontent div.tab {display:none; background: url(../images/bg_ar.png); height: 400px; padding: 28px 5px 10px 15px; overflow: auto;}

.videobox {display:none;}

#step1 {background: url(../images/bg_right.png); height: 310px;}
#step2 {background: url(../images/bg_right.png); height: 513px;}

#step1 #downloadap { width: 480px; margin: 0 0 0 0; border: 1px solid #ffffff;}
#step1 #aplogo { width: 180px;}
.downloadtext {font: 24px Georgia, Helvetica; color: #ffffff; padding: 15px 0 0 15px;}
.aplink {font: 14px Georgia, Helvetica; color: #ffffff; font-weight: bold;}
.aplink:hover {font: 14px Georgia, Helvetica; color: #ffffff; font-weight: bold;}
.aplogo1 {margin: 0 10px 10px 0;}
.aplogo2 {margin: 0 0 10px 0;}
.dlbutton1 {margin: 0 0 10px 0;}
.dlbutton2 {margin: 0 0 10px 8px;}
#downloaddemo {background: url(../images/apdemo.jpg) no-repeat; height: 138px; width: 380px; text-align:center; margin: 0 0 0 30px;}
#demozoom {padding: 119px 0 0 280px;}
#zoom {padding: 0; margin: 0;}
/* FOOTER  ELEMENTS*/
#footer {clear:both; text-align: left; padding: 0 0 50px 0;}
.step {margin: 0; padding: 0; background: url(../images/bgstep.png);}

#step2 #contest {padding: 15px 0 0 20px; font: 13px Arial, Helvetica; color: #ffffff;}
.formhd {color: #ffffff;font: 24px Georgia, Helvetica; padding: 0; margin:0 0 15px 0;}
a.formlink {color: #ffffff;font: 28px Georgia, Helevetica;}
a.formlink:hover {color: #209ccf;font: 28px Georgia, Helevetica;}

#forminput {padding: 10px 0 0 0;}
.form1 {float: left; width:55px; margin: 0 0 10px 0; padding: 0;}
.form2 {float: left; width: 275px;margin: 0 0 10px 0; padding: 0;}
.form_name {background-color: #cec0bd; width:270px;height: 20px;color: #000000; border:0;font: 14px Arial, Helvetica;margin: 0; padding: 0; }
.form_email {background-color: #cec0bd; width:270px;height: 20px;border:0;color: #000000; font: 14px Arial, Helvetica;margin: 0; padding: 0; }
.form_terms {width:20px;height: 15px;border:0;color: #000000; font: 14px Arial, Helvetica;margin: 0 0 0 0; padding: 0; }
.form_case {width:20px;height: 15px;border:0;color: #000000; font: 14px Arial, Helvetica;margin: 0; padding: 0;}
.txtterms {padding: 6px 0 0 0px;}
.form_error {margin: 5px 0 5px 0; padding: 2px 0 5px 0px; background: #ffffff; width: 320px; height: 40px; display: block;}
.form_success {margin: 10px 0 5px 0; padding: 2px; background: #000000; width: 320px; height: 40px; display: block;}

.form_error2 {margin: 5px 0 5px 0; padding: 2px 0 5px 0px; background: #ffffff; width: 280px; height: 70px; display: block;}
.form_success2 {margin: 5px 0 5px 0; padding: 2px; background: #000000; width: 280px; display: block; text-align:center;}

span {margin:0;padding:0;}
input {margin:0;padding:0;}
.contact_submit {background:transparent url("../images/bg_submit.gif");width:141px; height: 40px;border:0; color: #ffffff;font: 22px Georgia, Helevetica; margin: 5px 0 0 57px;}

#navrules {padding: 0; margin: 10px 0 0 0px; width: 480px; height:78px; background: url(../images/bg_btm_nav.png);}
#btmnavbg {padding: 24px 0 0 0; margin: 0;}

ul#btmnavbar {margin: 2px 0 0 25px; padding: 0; border: 0; list-style-type:none; width: 250px; height: 20px; float:left;}
ul#btmnavbar li {float:left; margin: 0 0 0 0px; padding: 0 0 0 0; border: 0; height: 20px;}
ul#btmnavbar li a {display: block; padding: 0; margin: 0; font: 10pt "Georgia"; text-decoration: none; color: #ffffff; text-align: center;}

ul#btmnavbar2 {margin: 2px 0 0 0; padding: 0; border: 0; list-style-type:none; width: 200px; height: 22px; float:left;}
ul#btmnavbar2 li {float:left; margin: 0 0 0 0px; padding: 0 0 0 0; border: 0; height: 22px;}
ul#btmnavbar2 li a {display: block; padding: 0; margin: 0; font: 10pt "Georgia"; text-decoration: none; color: #ffffff; text-align: center;}

li a#nav_rules {display: block; width: 175px; height: 20px; padding: 0 0 0 0; margin: 0 0 0 0;}
li a#nav_why {display: block; width: 75px; height: 20px; padding: 0; margin: 0; }
li a#nav_map {display: block; width: 200px; height: 20px; padding: 0; margin: 0; }

ul#btmnavbar li a:hover {color:#ffffff;background: #080909;}
ul#btmnavbar li a.current {color:#ffffff; background: #080909;}

ul#btmnavbar2 li a#nav_map:hover {color:#ffffff;background: #080909;}

a#nav_rules span, a#nav_why span, a#nav_map span {}

.contest {margin: 0 0 10px 5px;background: url(../images/bg_expand.png); width: 480px;}
.detailstxt {padding: 0 20px 10px 20px;}
h2.hdwhite2 {font: 15px Arial, Helvetica; font-weight: bold; color: #ffffff; margin:0;padding:0;}


/* the overlayed element */
/* the overlayed element */
div.overlay {
	background-image:url(../images/bubble.png);
	width:330px;
	height:176px;		
	display:none;
	text-align: left;
}

div.overlay2 {
	background-image:url(../images/bubble2.png);
	width:330px;
	height:176px;	
	display:none;
	text-align: left;
}

/* default close button positioned on upper right corner */
div.overlay div.close {
	background-image:url(../images/closebox.png);
	position:absolute;
	right:10px;
	top:39px;
	cursor:pointer;
	height:23px;
	width:62px;
}

div.overlay2 div.close {
	background-image:url(../images/closebox.png);
	position:absolute;
	right:10px;
	top:39px;
	cursor:pointer;
	height:23px;
	width:62px;
}
/* the overlayed element */

/* the overlayed inner style */
.poplayer { width: 320px; height: 120px; padding: 47px 0 0 10px; margin: 0;}
p.popblurb {padding: 15px 0 5px 0;line-height: 19px;color:#000000;}
/* the overlayed inner style */

/* the overlayed element */
.apple_overlay {	
	display:none;
	background-image:url(../images/white.png);
	width:640px;		
	padding:35px;
	font-size:11px;}

.apple_overlay2 {	
	display:none;
	background-image:url(../images/white2.png);
	width:640px;		
	padding:35px;
	font-size:11px;}
	
.termstxt {width: 635px; height:550px;overflow:auto;}
	
/* default close button positioned on upper right corner */
.apple_overlay div.close {
	background-image:url(../images/closebox.png);
	position:absolute; right:35px; top:25px;
	cursor:pointer;
	height:23px;
	width:62px;}
	
.apple_overlay2 div.close {
	background-image:url(../images/closebox.png);
	position:absolute; right:35px; top:25px;
	cursor:pointer;
	height:23px;
	width:62px;}