a{cursor:pointer; }

body{
 font-size:62.5%;
 font-family:Verdana, Arial, Helvetica, Sans-Serif;
 color:#aeaeae;
}

p a{font-weight:bold; text-decoration:none;color:#666666;}
p a:hover{text-decoration:underline;}

h1, h2{ text-indent:-9999px;margin:4px 0 11px;}
h2{margin-bottom:13px;height:12px;}

.H1AddNameToLeaderboard{
  width:207px;
  height:64px;
  background:url('../Images/Headings/AddNameToLeaderboard.gif') no-repeat;
}

.H1SubmitQuestion{
  width:273px;
  height:71px;
  background:url('../Images/Headings/SubmitQuestion.gif') no-repeat;
}

.H1SignUp{
  width:267px;
  height:64px;
  background:url('../Images/Headings/SignUp.gif') no-repeat;
  margin-bottom:17px;
}

.H1PPMHeroLeaderboard{
  width:193px;
  height:63px;
  background:url('../Images/Headings/PPMHeroLeaderboard.gif') no-repeat;
}

.H1ChallengeAFriend{
  width:274px;
  height:32px;
  background:url('../Images/Headings/ChallengeAFriend.gif') no-repeat;
  margin-bottom:9px;
}

.H2YourDetails{
  width:108px;
  background:url('../Images/Headings/YourDetails.gif') no-repeat;
  margin-bottom:9px;
}

.H2InfoSent{
  width:152px;
  height:31px;
  background:url('../Images/Headings/Info-sent.gif') no-repeat;
  margin-bottom:9px;
}

.H2Sender{
  width:58px;
  background:url('../Images/Headings/Sender.gif') no-repeat;
  margin-bottom:7px;
}

.H2Recipients{
  width:85px;
  background:url('../Images/Headings/Recipients.gif') no-repeat;
  margin-top:8px;
  margin-bottom:6px;
}

.H2Message{
  width:70px;
  background:url('../Images/Headings/Message.gif') no-repeat;
  
}

.H2YourQuestion{
  width:124px;
  height:14px;
  background:url('../Images/Headings/YourQuestion.gif') no-repeat;
}

.H2Answers{
  width:75px;
  background:url('../Images/Headings/Answers.gif') no-repeat;
}

.H2Leaderboard{
  width:110px;
  background:url('../Images/Headings/Leaderboard.gif') no-repeat;
  margin-bottom:15px;
}



/**************
 Layout     ***
***************/

.Wrapper{
 width:955px;
 position:relative;
 margin:15px auto 0;
 padding:9px 0 0 7px;
 background:url('../Images/Background.gif') no-repeat;
 height:600px;
}

.SubmitQuestionBody .Wrapper{
  height:758px;
  background:url('../Images/BackgroundTall.gif') no-repeat;
}

.Content{
 width:948px;
 height:493px;
 background:url('../Images/CityBackground.jpg') no-repeat;
 color:#666;
}

.flash-wrapper{z-index:5000;position:relative;}


.ChallengeBody .Content{
 height:auto ;
 background:#C2D9E1 url('../Images/CityBackgroundTall.jpg') no-repeat bottom left ;
 padding-bottom:75px;
}
.SubmitQuestionBody .Content{
 height:auto ;
 background:#C2D9E1 url('../Images/CityBackgroundTall.jpg') no-repeat bottom left ;
 padding-bottom:75px;
}

.AddScoreBody .Content{
 	height:auto ;
  background:#C2D9E1 url('../Images/CityBackground.jpg') no-repeat bottom left ;
  padding-bottom:91px;
}

.Content p{ margin:0 0 10px;}

.LeftContent{
 width:289px;
 float:left;
 display:inline; 
 margin:86px 0 0 132px;
 font-size:1.1em; 
 line-height:1.4em;
}

.RightContent{
 width:350px;
 float:left;
 display:inline; 
 margin:86px 0 0 53px;
 line-height:1.2em;
}

.Footer{
 width:933px;
 height:45px;
 padding:12px 0 0 15px;
 clear:both;
 border-top:15px solid #ECECEC;
}

.HomeBody .Footer{_border-top-width:0;}



/**************
 Header     ***
***************/

.Navigation{
 padding:0 0 0 13px; 
 height:18px;
}

.Navigation li, .Navigation li a{
 display:block;
 height:11px;
 background-position:center -50px;
 background-repeat:no-repeat;
 padding:0 7px;
 text-indent:-9999px;
}

.Navigation li{padding:0; float:left;}

.Navigation li.Seperator{
 width:2px;
 background:url('../Images/Nav/Seperator.gif');
}

.NavAbout a{background:url('../Images/Nav/AboutPPM.gif');width:67px;}
.NavROI a{background:url('../Images/Nav/ROICalculator.gif');width:95px;}
.NavSignUp a{background:url('../Images/Nav/SignUp.gif');width:44px;}
.NavSubmit a{background:url('../Images/Nav/SubmitQuestion.gif');width:104px;}
.NavLeaderboard a{background:url('../Images/Nav/Leaderboard.gif');width:81px;}
.NavChallenge a{background:url('../Images/Nav/ChallengeAFriend.gif');width:120px;}
.Navigation li a:hover, .Navigation li a.active{background-position:center 0px;}

.SubmitQuestionBody .NavSubmit a, .SignUpBody .NavSignUp a, 
.LeaderboardBody .Navigation .NavLeaderboard a, 
.ChallengeBody .Navigation .NavChallenge a{background-position:center 0px;}

.PPMHeroLogo{
 position:absolute;
 top:40px;
 right:14px; 
}

.BackToGame{width:430px;}

.BackToGame a{
 width:85px;
 height:9px;
 display:block;
 float:right;
 background:url('../Images/BackToGame.gif') no-repeat top left;	
}

/**************
 Footer     ***
***************/

.CALogo{float:left; display:inline;margin:0 5px 0 0;}

.FooterLinks{
 float:left;
 display:inline;
 padding:23px 0 0;
 font-size:.9em;
}

.FooterLinks li{float:left;}
.FooterLinks li.Copyright{margin-left:6px;}

.FooterLinks li a{
 display:block;
 height:9px;
 padding:0 4px 0 5px;
 color:#aeaeae;
 text-decoration:none;
 text-indent:-9999px;
 background-position:bottom center;
 background-repeat:no-repeat;
}

.FooterLinks li a:hover, .FooterLinks li a.active{background-position:top center;}
.FooterLinks.FooterSocialLinks li a:hover, 
.FooterLinks.FooterSocialLinks li a.active{background-position:bottom center;}
  
.FooterLinks.FooterSocialLinks {padding:0 9px 0 0; float:right;width:400px;}

.FooterLinks.FooterSocialLinks li{float:right;}
.FooterLinks.FooterSocialLinks li.clear{float:none;}

.FooterLinks.FooterSocialLinks li a{
	padding:0; 
	margin:0 5px 2px;
	height:15px;
	background-position:top center;
	background-repeat:no-repeat;
} 

.FooterLinks.FooterSocialLinks li a:hover{background-position:top center;}
  
.FooterContact a{width:34px;background:url('../Images/Footer/Contact.gif');}
.FooterLegal a{width:53px;background:url('../Images/Footer/LegalNotice.gif');}
.FooterPrivacy a{width:60px;background:url('../Images/Footer/PrivacyPolicy.gif');}
.FooterLinks .FooterYouTube a{width:32px;  background-image:url('../Images/Footer/YouTube.gif');}
.FooterLinks .FooterLinkedIn a{width:50px; background-image:url('../Images/Footer/LinkedIn.gif');}
.FooterLinks .FooterTwitter a{width:46px; background-image:url('../Images/Footer/Twitter.gif');}

.FooterLinks .FooterCAEvangelist a{width:146px; background-image:url('../Images/Footer/EvangelistsBlog.gif');}
.FooterLinks .FooterCAInsights a{width:125px; background-image:url('../Images/Footer/InsightsBlog.gif');}
.FooterLinks .FooterSocialSpacer{width:2px;height:14px;background-image:url('../Images/Footer/SocialSpacer.gif');}

.FooterLinks li.Copyright{
 height:9px;
 width:181px;
 text-indent:-9999px;
 background:url('../Images/Footer/Copyright.gif') no-repeat top left;
}



/***********************
 Data Capture Forms  ***
***********************/

.DataForm{font-size:1em;}

.DataForm input.TextInput, .DataForm textarea, .DataForm select{
 border:1px inset #ccc; 
 padding:2px 0 3px 4px;
 margin:0 0 11px;
 color:#666;
 font-size:10px;
 float:left;
 font-family:inherit;
}

.DataForm input.TextInput{width:143px;}
.DataForm .QuestionInput{width:313px;}

.DataForm textarea{
 width:315px;
 height:44px;
 overflow:auto;
 font-family:Verdana, Arial, Helvetica, Sans-Serif;
}

.DataForm select{
 height:18px;
 padding:0;
 margin:0 15px 0 0;
}

.DataForm label{
 margin:0 5px 2px 0;
 display:block;
}

.DataForm div.form-section{
	width:170px; 
	height:40px;
	float:left;
	position:relative;
}

.SubmitQuestionForm div.form-section{height:37px;}

.form-section em, .form-section span{
 line-height:10px;
 padding:0;
 position:absolute;
 display:inline;
 top:15px;
 right:13px;
 width:7px;  
 font-size:9px;
 vertical-align:bottom;
}

.form-section span{
	z-index:100;
	line-height:8px;
	top:16px; 
	_right:15px; /* For ie6 */
}

.DataForm p{padding-right:32px;font-size:.9em;}

.DataForm p.MandatoryFields{
  position:relative; 
  margin:0 0 10px;
}

.DataForm p.MandatoryFieldsQuestion{margin:5px 0 4px;}

.Checkbox label{
  display:block;
  float:left; 
  width:283px;
  font-weight:bold;
  padding:0 0 16px 7px;
}

.DataForm .Checkbox input{
  float:left;
  margin:7px 0 0;
  height:12px;
  width:12px;
}

.DataForm .Checkbox label{margin-top:5px;}

.SubmitQuestionForm .Checkbox label{padding-bottom:8px;}




/*****************
Sign Up        ***
*****************/

.SignUpP{padding-right:20px}



/**************************
Submit question         ***
**************************/

.SubmitQuestionProp{
	width:1px;
	height:555px;
	float:left;
                    }
.SubmitQuestionLeft p{padding-right:14px}
.AnswerInputs{margin-bottom:5px;}

.AnswerInputs img{ 
  float:left; 
  clear:left;
  display:inline;
  margin:3px 4px 0 3px;
}

.DataForm .AnswerInputs input{width:286px}

.AnswerInputs div.answer{
	height:30px;
	float:left;
	clear:left;
	position:relative;
	width:330px;
}

.question-wrapper{
	width:330px; 
	height:64px; 
	position:relative;
	margin-top:8px;
	float:left;
}

div.answer em, .question-wrapper em, 
div.answer span, .question-wrapper span{
 line-height:10px;
 padding:0;
 position:absolute;
 display:inline;
 top:1px;
 right:6px;
 _right:5px;/* For ie6 */
 width:4px;  
 font-size:9px;
 vertical-align:bottom;
 font-style:normal;
}

div.answer span, .question-wrapper span{
	z-index:100;
	line-height:10px;color:Red;
}

.SubmitQuestionForm .MandatoryFields{display:none;}

/**************************
Leaderboard             ***
**************************/

.LeaderboardLeftContent{width:200px;}

.LeaderboardRightContent{
  width:440px;
  margin-left:39px;
  margin-top:85px;
}

.LeaderboardTable{width:410px;border-collapse:collapse;}

.LeaderboardTable td{
  padding:2px 0 ;
  border-bottom:1px solid #d6d6d6;
}

.LbPosition{width:14px;}
.LeaderboardTable td.LbUsername, .LeaderboardTable th.LbUsername{padding-left:16px}
.LbCompany{width:118px;}
.LbCountry{width:83px;}
.LbBudget{width:61px;}

.Top3 td{font-weight:bold;padding:3px 0;}

.LeaderboardHighlight td{
  color:#1085c7; 
  font-weight:bold;
  border-top:1px solid #d6d6d6;
}

.LeaderboardScroll{
 width:435px;
 height:191px;
 overflow:auto;
 margin:7px 0 17px;
}



/**************************
 Challenge a friend     ***
**************************/

.ChallengeEmail{margin-top:6px;}
.DataForm .ChallengeTextarea{height:60px;margin-bottom:5px;}



/*************
 Misc      ***
**************/

.clear{
 width:100%;
 height:1px;
 font-size:1px;
 line-height:1px;
 clear:both; 
}