@charset "utf-8";
/* CSS Document */

body{}
#Qcontainer h1{margin: 0px 0px;}

#Qcontainer{background-image:url(../images/title.jpg); width:619px; height:456px; background-repeat:no-repeat; overflow:hidden; color:#FFFFFF; font-family:Arial, Helvetica, sans-serif;}
#title{width:619px; height:456px; background-repeat:no-repeat; background-image: url(../images/home1.jpg)}
#title:hover{cursor:pointer}

#q{width:619px; height:456px; background-repeat:no-repeat; display:none; position:relative; top:-456px;}

#popup{width: 619px; height:456px; background-repeat:no-repeat; position:relative; top: -200px; left:0px; display:none;}
#next{width:80px; height:30px; position:relative; top: 300px; left:390px;}
#next:hover{cursor:pointer;}
#closePopup{width:80px; height:30px; position:relative; top: 300px; left:390px;}
#challengeScore{width:50px; height:50px; position:relative; top: 112px; left:422px; display:none;}
#passport{width: 160px; height: 21px; position:relative; top: 250px; left:280px; display:none;}
#contraception{width: 145px; height: 21px; position:relative; top: 230px; left:245px; display:none;}
#sentLinks{width: 180px; height: 60px; position:relative; top: 218px; left:235px; display:none;}
#lovebugs{width: 145px; height: 21px; margin-bottom: 3px; margin-left:22px;}
#healthgov{width: 145px; height: 21px;}



#getscore{width:175px; height:20px; position:relative; top: 290px; left:345px; display:none; margin-bottom:180px;}
#getscore:hover{cursor:pointer;}
#scorebox{width:80px; height:80px; position:relative; top: 85px; left:470px; text-align:center; font-size:1.8em; display:none; margin-bottom:123px;}

#preloader{display:none; width: 619px; height:456px; position:relative; top:330px; left: 300px;}

.linksBox{width: 619px; height: 70px; position:relative; top: 145px;}
.link{}
.link:hover{cursor:pointer;}
#fb{width:20px; height: 20px; position:relative; float: left; margin:44px 0px 0px 45px;}
#tw{width:19px; height: 20px; position:relative; float: left; margin:44px 0px 0px 6px;}
#sh{width:120px; height: 7px; position:relative; float: left; margin:50px 0px 0px 6px;}
#playAgain{width:75px; height: 15px; position:relative; float: left; margin:25px 0px 0px 70px; display:none;}
#friend{width:85px; height: 15px; position:relative; float: left; margin:25px 0px 0px 20px; display:none;}
#shr{width:63px; height: 65px; position:relative; float: left; margin-left: 295px;}


/*Question Buttons*/

#ansWrap{width: 45px; height:200px;}
#ansA, #ansB, #ansC:hover{cursor:pointer;}
#ansA, #ansB, #ansC{width:20px; height:20px;}

/*ONE*/
.ansWrap1{position:relative; top:226px; left:58px;}
.ans1A{margin-bottom:13px;}
.ans1B{margin-bottom:27px;  margin-left:1px;}
.ans1C{margin-left:2px;}
/*TWO*/
.ansWrap2{position:relative; top:214px; left:75px;}
.ans2A{margin-bottom:13px;}
.ans2B{margin-bottom:13px; margin-left:1px;}
.ans2C{margin-left:1px;}
/*THREE*/
.ansWrap3{position:relative; top:226px; left:57px;}
.ans3A{margin-bottom:27px;}
.ans3B{margin-bottom:29px; margin-left:1px;}
.ans3C{margin-left:2px;}
/*FOUR*/
.ansWrap4{position:relative; top:226px; left:57px;}
.ans4A{margin-bottom:27px;}
.ans4B{margin-bottom:29px; margin-left:1px;}
.ans4C{margin-left:1px;}
/*FIVE*/
.ansWrap5{position:relative; top:226px; left:57px;}
.ans5A{margin-bottom:13px;}
.ans5B{margin-bottom:14px; margin-left:1px;}
.ans5C{margin-left:2px;}
/*SIX*/
.ansWrap6{position:relative; top:226px; left:57px;}
.ans6A{margin-bottom:13px;}
.ans6B{margin-bottom:12px;}
.ans6C{margin-left:1px;}
/*SEVEN*/
.ansWrap7{position:relative; top:225px; left:57px;}
.ans7A{margin-bottom:13px;}
.ans7B{margin-bottom:29px;}
.ans7C{margin-left:1px;}
/*EIGHT*/
.ansWrap8{position:relative; top:226px; left:57px;}
.ans8A{margin-bottom:14px;}
.ans8B{margin-bottom:42px; margin-left:1px;}
.ans8C{margin-left:2px;}
/*NINE*/
.ansWrap9{position:relative; top:225px; left:57px;}
.ans9A{margin-bottom:14px;}
.ans9B{margin-bottom:12px;}
.ans9C{margin-left:1px;}
/*TEN*/
.ansWrap10{position:relative; top:225px; left:57px;}
.ans10A{margin-bottom:14px;}
.ans10B{margin-bottom:25px;}
.ans10C{margin-left:1px;}

/*FORM*/
#friendForm{position: relative; top: 240px; left: 235px; display:none;}
#QF1,#QF2,#QF3{border:none; height:13px; margin-bottom:7px; background:none; color:#333333;; font-family:Arial, Helvetica, sans-serif; font-size:12px; line-height: 15px; position:absolute;}
#QF1{}
#QF2{top: 22px;}
#QF3{top: 45px;}
#Qsubmit{position:absolute; margin: 5px 0px 0px 175px;}