@charset"utf-8";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}body{line-height:1}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:'';content:none}:focus{outline:0}ins{text-decoration:none}del{text-decoration:line-through}table{border-collapse:collapse;border-spacing:0}ol,ul{list-style-image:none;list-style-position:outside;list-style-type:none}html,body,ul,blockquote,div,ul,li,h1,dl,dt,dd{padding:0;margin:0}

/* Hand Coded by Paul Randall (2010) */

/* Additions for Chrome */
html,body,ul,ol,blockquote{padding:0; margin:0;}

html,body{
	height:100%;
	width:100%;
}

html{background: url('../images/bg.jpg') 50% 0;}
body{
	background-position: top left, top right;
	font:15px/18px "Lucida Grande",sans-serif;
	color:#fff;
}
input{font:15px/18px "Lucida Grande",sans-serif;}
h1{font-size:20px; margin:10px 0;}
p{margin-bottom:18px;}
a{color:#ddd;}
small{font-size:11px;}

#container{width:960px; height:100%; margin:0 auto;}
.card{width:262px; height: 440px; background:  url('../images/dad-trumps-card.png') no-repeat;
float:left; padding:35px;}
#game{position:relative;}
#my-dad{position:absolute; top:8px; left:172px;
z-index:3;
}

.card-inner{position:relative; height:100%; width:100%;}
#sliders{position:absolute; bottom:0; right:20px; width: 161px;}
#scoreTotal{position:absolute; bottom:0; right:0;}

#competitor{position:absolute; top:0; left:428px;
width:376px; height:537px;
background:  url('../images/dad-trumps-instructions.png') no-repeat;
z-index:2;
}

input{background:none; width: 215px; padding: 3px 0; border: 1px dotted #f2a706; border-width:0 0 1px 0;
text-shadow: -1px -1px 0 rgba(255,255,255,.4);}

#coffee{position:fixed; bottom:0; right:0; background: url('../images/coffee-cup.png') no-repeat; width:280px; height:328px; z-index:1;}

#dont-forget{position:fixed; top:0; left:0; background: url('../images/postit-note.png') no-repeat; width:320px; height:318px; text-indent:-999em;}

#visit-difficult-dads{display:block; width: 260px; height:135px; position:absolute; bottom:20px; right:45px; text-indent:-999em;}

#logo{display:block; text-indent:-999em; width:386px; height:83px; margin: 0 auto; background: url('../images/logo.png') no-repeat; z-index:5;}
#prostate-cancer-charity{position:absolute; top:34px; right:200px; text-indent:-999em; width:113px; height:62px; background: url('../images/prostate-cancer-charity.png') no-repeat;}

#game{width:960px; height:520px; min-height:520px;}
#header{padding-top:30px; height:70px; position:relative;}
#footer{clear:both; width:960px; margin-top: 20px; text-align:center; font-size:12px; padding-bottom:20px;}
#footer p{margin-bottom:10px;}
.addthis_button{display:block; margin-bottom:10px;}

#dadName{position:absolute; top:10px; left:20px; font-size:17px; font-weight:bold;}
.dadPic{position:absolute; top:52px; left:20px; width:222px; height:170px; text-align:center;}
.dadPic img{margin:auto;}
#dadHobbies{
position:absolute;
right:20px;
top:261px;
width:150px;
}
#dadHobbies2{
position:absolute;
right:20px;
top:285px;
width:150px;
}

#dadDateOfBirth{
position:absolute;
right:20px;
top:226px;
width:175px;
text-align:right;
}

select{background:transparent;border:none;
border: 1px dotted #f2a706; border-width:0 0 1px 0;
}

#play{position:absolute; top:282px; left:74px; border:none;}
#play:hover{top:283px; left:75px;}

/* Play page */
.dadsName{
font-size:17px;
font-weight:bold;
left:20px;
position:absolute;
top:20px;
color:#000;
text-shadow: -1px -1px 0 rgba(255,255,255,.4);
}
.dadsDateOfBirth{
position:absolute;
right:20px;
text-align:right;
top:228px;
width:150px;
color:#000;text-shadow: -1px -1px 0 rgba(255,255,255,.4);}
.dadsHobbies{
position:absolute;
right:20px;
top:261px;
width:150px;
text-align:right;
color:#000;
text-shadow: -1px -1px 0 rgba(255,255,255,.4);
}
.dadsHobbies2{
position:absolute;
right:20px;
top:283px;
width:150px;
text-align:right;
color:#000;
text-shadow: -1px -1px 0 rgba(255,255,255,.4);
}

.skills{width:180px; position:absolute; bottom:0; right:0;}

.skills div{width:160px; margin: 19px 0;}
.skills span{display:block; background:#000; height:15px;}
.skills img{height:11px; width:1px;}
.winner{background: url('../images/win.png') no-repeat center right;}
.loser{background: url('../images/lose.png') no-repeat center right;}

#play-game .card{background:none; z-index:2;}
#play-game .card-img{position:absolute; top:0; left:0;}

#play-game #my-dad{left:125px;}
#other-dad{position:absolute; top:8px; left: 500px;}
.loading{margin: 218px auto 0; display:block;}

#score{position:absolute; top:228px; left:434px; width:88px; height:88px; font-size:30px; font-weight:bold; letter-spacing:-0.02em; text-align:center; line-height:88px;}


#loginDetails,#alert {
display: none;
position: absolute;
z-index: 99;
width: 395px;
left: 270px;
background: white;
color: black;
padding:25px;
border:10px solid #000;
border:10px solid rgba(0,0,0,0.9);
-webkit-border-radius: 20px;
-moz-border-radius: 20px;
-o-border-radius: 20px;
border-radius: 20px;
}
#loginDetails{height: 300px; top: 40px;}
#alert{height:80px; top:90px;}
#loginDetails a,#alert a{color:#cc1716; text-decoration:none;}

#share{position:fixed; top:50px; left:25px; width:123px; height: 125px; background: url('../images/share.png') no-repeat; text-indent:-999em;}
#twitter{display:block;width:100%; height:32px; margin-top:17px;}
#facebook{display:block;width:100%; height:35px;}
#tell-a-friend{display:block; width:100%; height:45px;}

#skill-score{
color:#CC1716;
font-size:20px;
letter-spacing:-0.06em;
position:absolute;
right:52px;
top:316px;}

/* Login Modal */
#loginDetails form{margin:0; padding:0;}

#loginDetails label{font-size:11px; text-transform:uppercase;}

#loginDetails input{
border:1px solid #d0d0d0; padding:5px; font-size:17px; clear:both; display:block; width:378px; margin-bottom:15px;
background-image: -webkit-gradient(linear, 0% 0%, 0% 40%, from(#f2f2f2), to(#ffffff));
background-image: -moz-linear-gradient(0% 40% 90deg,#ffffff, #f2f2f2);
}

#loginDetails input:focus{
background-image: -webkit-gradient(linear, 0% 0%, 0% 40%, from(#ededed), to(#ffffff));
background-image: -moz-linear-gradient(0% 40% 90deg,#ffffff, #ededed);
}

#loginDetails .button{
	margin:0; padding:0;
	float:right;
	width:138px;
	height:41px;
	border:none;
}

#loginDetails .checkbox{width:20px;display:inline; border:none;}
#loginDetails small{text-transform:none;}

/* Results */
#results-page {width:732px; margin:50px auto; padding-bottom:177px;background: url('../images/dd-banner.png') no-repeat bottom center;}
#results-page .container{background: #fff; text-align:center; color:#000; width: 530px; margin:0 auto; padding: 25px 25px 0;}
#results-page a{color:#cc1716; text-decoration:none;}
#results-page img{margin-bottom: 15px;}

#loginDetails {
	z-index: 9999;
}

#alert {
	z-index: 9999;
}

.ajaxErrorMessage {
	color: red;
	font-size: 11px;
}

/* Enter and win button */
#win-25-pound-voucher{display:block; width:171px; height:170px; background: url('../images/win-25-pound-voucher.png') no-repeat;
left:35px;
position:fixed;
text-indent:-999em;
top:205px;
}
#win-25-pound-voucher:hover{background: url('../images/win-25-pound-voucher-hover.png') no-repeat;}