@import url("base.css");
/*
Description: Innovative Brands - Sure Battle of the Sexes
Author: Internet Marketing Agency
Author URI:  http://www.internetmarketingagency.com/
*/


#main_scoreboard {background:url(../img/battle/background/scoreboard_header.png) no-repeat top left;width:951px;height:48px;margin:0 auto;position:relative;z-index:999;}

#main_scoreboard .battle_logo {position:absolute;top:-10px;left:405px;}


#main_scoreboard .score {background:none;padding:0px;}
#main_scoreboard .icon {background:no-repeat top left;height:36px;width:35px;position:absolute;top:4px;left:0px;}
#main_scoreboard h3 {padding-left:50px;}

#main_scoreboard #male_score {float:left;width:195px;padding:2px 0 0 15px;}
#main_scoreboard #male_score .score {position:relative;}
#main_scoreboard #male_score .icon {background-image:url(../img/battle/icons/male_med.png);}
#main_scoreboard #male_score, #main_scoreboard #male_score .score, #main_scoreboard #male_score .icon {}

#main_scoreboard #female_score {float:right;width:195px;padding:2px 15px 0 0;}
#main_scoreboard #female_score .score {position:relative;}
#main_scoreboard #female_score .icon {background-image:url(../img/battle/icons/female_med.png);}
#main_scoreboard #female_score, #main_scoreboard #female_score .score, #main_scoreboard #female_score .icon {}

.intro .col1 {width:405px;margin-left:25px;float:left;}
.intro .col2 {width:335px;margin-right:30px;float:right;}

.results .col1 {width:555px;margin-left:25px;float:left;}
.results .col2 {width:335px;z-index:900;position:relative;float:right;text-align:left;right:20px;}


.quiz #main_content, .results #main_content {background:url(../img/background/main-content_mid.png) top left repeat-y;width:925px;margin:1px auto 0;}
.quiz #main_content_top, .results #main_content_top {background:url(../img/background/main-content_top.png) no-repeat top left;height:15px;width:925px;}
.quiz #main_content_sub, .results #main_content_sub {background:url(../img/background/main-content_sub.png) no-repeat bottom left;height:15px;width:925px;}

.quiz .col0 {width:575px;margin-left:30px;margin-bottom:40px;float:left;position:relative;}
.quiz .col1 {width:405px;margin-left:30px;float:left;}
.quiz .col2 {width:250px;margin-right:50px;float:right;}

.quiz #individual_scoreboard .current_score {padding-left:35px;display:block;}


.quiz #personal_scoreboard {position:relative;background:url(../img/battle/background/scoreboard_personal.png) top left no-repeat;height:75px;width:249px;}
#individual_scoreboard #gender_icon {height:64px;width:64px;position:absolute;left:-75px;top:5px;}
#individual_scoreboard #player_name {float:left;width:120px;padding:9px 0 9px 12px;height:57px;}
#individual_scoreboard #player_name table {width:120px;}
#individual_scoreboard #player_name td {vertical-align:middle;height:57px;}
#individual_scoreboard #player_score {float:right;padding:14px 15px 0 0;width:95px;text-align:right;}


#female_contestant #individual_scoreboard #gender_icon {background:url(../img/battle/icons/female_large.png) no-repeat top left;}
#male_contestant #individual_scoreboard #gender_icon {background:url(../img/battle/icons/female_large.png) no-repeat top left;}


#quiz_container {margin:15px 0;}
#quiz_container #qcontainer_top {background:url(../img/battle/background/quiz_question_top.png) no-repeat top left;height:15px;width:574px;}
#quiz_container #qcontainer_sub {background:url(../img/battle/background/quiz_question_sub.png) no-repeat top left;height:16px;width:574px;clear:both;}
#quiz_container #qcontainer_content {background:url(../img/battle/background/quiz_question_mid.png) repeat-y top left;position:relative;float:left;width:100%;}


/* battle begin */
#contestant_sex.female #start-container #quiz_container #qcontainer_top, #contestant_sex.male #start-container #quiz_container #qcontainer_top {background-image:url(../img/battle/background/quiz_question_top.png);}
#contestant_sex.female #start-container #quiz_container #qcontainer_sub, #contestant_sex.male #start-container #quiz_container #qcontainer_sub {background-image:url(../img/battle/background/quiz_question_sub.png);}
#contestant_sex.female #start-container #quiz_container #qcontainer_content, #contestant_sex.male #start-container #quiz_container #qcontainer_content {background-image:url(../img/battle/background/quiz_question_mid.png);}


/*female contestant */
#contestant_sex.female #quiz_container #qcontainer_top {background-image:url(../img/battle/background/quiz_question_top_female.png);}
#contestant_sex.female #quiz_container #qcontainer_sub {background-image:url(../img/battle/background/quiz_question_sub_female.png);}
#contestant_sex.female #quiz_container #qcontainer_content {background-image:url(../img/battle/background/quiz_question_mid_female.png);}

/*male contestant */
#contestant_sex.male #quiz_container #qcontainer_top {background-image:url(../img/battle/background/quiz_question_top_male.png);}
#contestant_sex.male #quiz_container #qcontainer_sub {background-image:url(../img/battle/background/quiz_question_sub_male.png);}
#contestant_sex.male #quiz_container #qcontainer_content {background-image:url(../img/battle/background/quiz_question_mid_male.png);}


#quiz_icon {width:68px;height:138px;float:left;}
#quiz_icon .questionmark {position:absolute;top:50%;margin-top:-69px;left:32px;display:none;}
#quiz_icon .correct {position:absolute;top:50%;margin-top:-51px;left:13px;display:none;}
#quiz_icon .wrong {position:absolute;top:50%;margin-top:-40px;left:24px;display:none;}
#quiz_icon.answr_question .questionmark {display:block;}
#quiz_icon.answr_correct .correct {display:block;}
#quiz_icon.answr_wrong .wrong {display:block;}

#quiz_icon .questionmark span {width:68px !important;height:138px !important;}
#quiz_icon .correct span {width:110px !important;height:107px !important;}
#quiz_icon .wrong span {width:84px !important;height:76px !important;}

.qcontainer_question {width:400px;margin:0 10px 0 80px;position:relative;z-index:5000;float:left;}
#start-container .qcontainer_question {margin:0 10px 0 30px;}


/* Callouts */
#callouts .callout {width:328px;position:relative;z-index:400;}
#callouts .callout_content {background:url(../img/background/callout_mid.png) top left repeat-y;padding:0 12px;}
#callouts .callout_top {background:url(../img/background/callout_top.png) top left repeat-y;height:15px;}
#callouts .callout_sub {background:url(../img/background/callout_sub.png) bottom left repeat-y;height:15px;}
o
#callouts .login-container {position:relative;}



/* Intro Page Elements */
.win_hundreds_prizes {background:url(../img/battle/background/prizes.png) 10px top no-repeat;width:344px;height:235px;bottom:-60px;right:-70px;position:absolute;padding:50px 50px 0 0;}
.win_hundreds_prizes ul {margin:8px 0 0 20px;}
.win_hundreds_prizes li {font-size:9px;padding:0;line-height:13px;}




/* Individual Page Styling */
/*intro*/
.enter_play_win {padding-left:5px;}
#login_container {padding:5px 0 0;}
#login_container .welcome_txt {padding:3px 0;display:block;}
#login_container .rc_content {padding:8px 10px 0 10px;position:relative;}
#login_container .rc_content .label {width:100px;padding:4px 0 3px;}

#login_container .rc_content, #login_container .rc2, #login_container .rc3, #login_container .rc4 {border-color:#b6b6b6;}
#login_container .rc1 {background-color:#b6b6b6}

#login_container table {position:relative;}
#login_container td {vertical-align:top;color:#5d5d5d;font-size:9px;padding:1px 0 6px;}
#login_container td p {padding:0;}
#login_container td input {margin:0;padding:2px 0 1px;border-color:#bfbfbf;font-size:9px;color:#5d5d5d;}
#login_container td.radio_buttons input {border:0;padding:0;margin-right:3px;background:0px;}
#login_container td.radio_buttons label {margin-right:15px;}
#login_container td.screen_name input {width:150px;}
#login_container td.email_addy {padding-bottom:0px;}
#login_container td.email_addy input {width:180px;}

#login_container a.contest_details {color:#131313;font-size:10px;display:block;padding:7px 0 2px;float:right;}

#login_container .battle_disclaimer {float:left;width:139px;color:#979797;font-size:9px;padding:8px 0 0 0;position:relative;}
#login_container .btn_begin_battle {float:right;border:0px;background:none;padding:0;margin:13px 0 0 0;position:relative;}

.popup #facebook, .popup #email {background:url(../img/facebox/loading.gif) center no-repeat;}

.fb_login_container {text-align:center;}
.fbconnect_login_button {display:block;height:32px;background:url(../img/battle/facebook_signin.png) no-repeat top center;}
.fbconnect_login_button img {display:none;}



#prevail_img {padding:0 0 295px 180px;position:relative;z-index:7000;}

#popup_animation {position:absolute;overflow:hidden;width:545px;height:321px;left:11px;bottom:10px;z-index:6000;}
#popup_animation img {position:absolute;}


.intro #callouts.col2 {padding-bottom:185px;}
.intro #callouts.col2 .callout {margin-left:12px;}


/*quiz*/
#start-container #qcontainer_content {height:150px;}
#start-container .qcontainer_question {width:530px;}
#start-container .loading_graphic {padding:50px 0 0 0;text-align:center;}
#start-container .loading_message {font-weight:bold;color:#777777;font-size:14px;}
#start-container .loading_graphic img {position:relative;margin:0 15px 0 10px;bottom:-10px;}
#start-container #doneLoading {text-align:center;padding-top:30px;}
#start-container #btn-start-battle {cursor:pointer;display:block;text-align:center;}
#start-container .begin_message {font-size:14px;font-weight:bold;color:#30709b;width:375px;display:block;margin:auto;padding-bottom:10px;}

#qcontainer_content input {border:0px;padding:0px;background:0px;}

.quiz .potential-answer {cursor:pointer;}
.quiz .answer-section input {margin:0 10px 0 0;vertical-align:middle;}
.quiz .answer-section label {vertical-align:top;}
.quiz .marked-answer label {color:#CC0000;font-weight:bold;text-decoration:line-through;}
.quiz .correct-answer label {color:#009900;font-weight:bold;text-decoration:underline;}

.question-section {font-style:italic;font-weight:bold;font-size:14px;font-family:Verdana, Arial, Helvetica, sans-serif;color:#373637;border-bottom:1px solid #d6d6d6;padding:7px 0 12px;margin:0 0 15px;}

.answer-section {border-bottom:1px solid #d6d6d6;padding:0 0 8px;margin:0 0 12px;}

#timer-container {float:right;width:128px;font-weight:bold;font-size:12px;text-transform:uppercase;color:#373637;}
#timer-container #label {float:left;padding:10px 0 0 0;}
#timer-container #timer {padding:0 0 0 20px;float:left;font-size:24px;font-family:Arial, Helvetica, sans-serif;}
#timer-container #timer label {padding:0 0 0 2px;}

#teaser_container {position:absolute;overflow:hidden;width:390px;height:400px;left:494px;bottom:-44px;z-index:6000;}
#teaser_container img {z-index:7000;}

.button-container span {height:31px !important;width:163px !important;}
.button-container #btn-container-submit, .button-container #btn-container-next {float:left;}
.button-container #btn-container-next {padding-left:10px;}

#btn-submit, #btn-next, #btn-container-results {display:block;width:163px;height:31px;cursor:pointer;}
#btn-submit.disabled {background:url(../img/battle/button/submit_answer_disabled.png) no-repeat top left !important;cursor:default;}
#btn-next.disabled {background:url(../img/battle/button/next_question_disabled.png) no-repeat top left !important;cursor:default;}
#btn-submit.disabled img, #btn-next.disabled img, #btn-submit.disabled span, #btn-next.disabled span {display:none !important;}


/*results*/
.results #individual_scoreboard {margin:10px 0 0 0;}
.results #personal_scoreboard {background:url(../img/battle/background/scoreboard_personal_results.png) top left no-repeat;width:283px;height:57px;}
.results #individual_scoreboard #player_score {padding:5px 10px 0 0;}
.results #individual_scoreboard #player_name {width:145px;height:39px;}
.results #individual_scoreboard #player_name td {height:39px;}

#current_prize_qualified {padding:10px 0 0 5px;position:relative;width:250px;}
#current_prize_qualified p {font-size:14px;padding-bottom:5px;}
#current_prize_qualified .current_prize_level {color:#30709b;font-weight:bold;font-size:15px;padding-bottom:7px;}
#current_prize_qualified li {font-size:12px;}

#current_prize_img {position:absolute;top:-80px;right:-300px;}
#current_prize_img img {width:300px;height:215px;}

#invite_friends {padding:50px 0 20px 0;margin-bottom:20px;text-align:center;border-bottom:1px solid #c4c4c4;}
#invite_friends .title {color:#30709b;font-size:18px;padding:0 60px 0 230px;}
#invite_friends .invite_them {padding:0 60px 0 230px;line-height:15px;font-size:10px;}
#invite_friends .share_buttons {padding:10px 60px 20px 230px;}
#invite_friends p {padding:0 15px 0 185px;font-size:12px;}

#play_again {padding:0 65px 25px 235px;text-align:center;}
#play_again p {color:#363636;font-size:12px;}
#play_again .next_prize_level {color:#000;font-size:14px;}
#play_again .points_away {color:#30709b;font-size:23px;font-weight:bold;}
#play_again .play_again_btn {cursor:pointer;}

#share_popup {display:none;}

#top_bar {height:27px;width:500px;position:relative;background:#000000;top:-10px;left:-10px;margin-right:-20px;}
#top_bar img {position:absolute;margin-left:-46px !important;left:50%;top:-20px;}

.notify_signup {padding:0 60px 0 230px;text-align:center;}

#gender-image {width:215px;height:365px;position:absolute;bottom:11px;left:11px;}
.female #gender-image {background:url(../img/battle/popups/next_round_female.png) no-repeat top left;}
.male #gender-image {background:url(../img/battle/popups/next_round_male.png) no-repeat top left;}


#prizes_title {margin:5px 0 15px 10px;}
#prizes_mini {margin:0 10px;width:86%;}
#prizes_mini td {border-top:1px solid #eeeeee;padding-bottom:15px;}
#prizes_mini .prize-level-title {font-size:12px;color:#30709b;font-weight:bold;padding:5px 0 3px;}
#prizes_mini .prize-level-points {font-weight:bold;padding:0 0 3px 0;}
#prizes_mini .prize-level-descriptions ul {margin:0 0 0 15px;padding:0;width:135px;}
#prizes_mini .prize-level-descriptions li {font-size:9px;}
#prizes_mini .prize-level-image {height:70px;}
#prizes_mini .prize-level-image img {position:absolute;right:15px;}


/* SIFR STYLING */
#main_scoreboard h3 {font-size:32px;text-align:left;}
#player_score p {font-size:40px;}
#individual_scoreboard .current_score {font-size:20px;}
#individual_scoreboard #player_name {font-size:11px;color:#f99ec9;}


#main_scoreboard #female_score .score span {color:#f99ec9;font-size:36px;font-family:Helvetica, sans-serif;}
#main_scoreboard #male_score .score span {color:#5dace3;font-size:36px;font-family:Helvetica, sans-serif;}


#personal_scoreboard #player_score p {color:#f99ec9;font-size:35px;font-family:Helvetica, sans-serif;padding-top:5px}
#personal_scoreboard #player_score p.sIFR-replaced {font-size:48px;padding-top:0px;}
#personal_scoreboard #player_name {color:#f99ec9;font-size:14px;font-family:Rockwell, Verdana, Arial, Helvetica, sans-serif;}

.male #personal_scoreboard #player_score p, .male #personal_scoreboard #player_name td {color:#5DACE3;}
.female #personal_scoreboard #player_score p, .female #personal_scoreboard #player_name td {color:#f99ec9;}




/* Temporary Share Override */
.fb_share_size_Small {display:block;background:url(../img/battle/button/share_facebook.png) no-repeat top left;width:122px;height:31px;}
.fb_share_size_Small span {display:none !important;}
#temp_share_facebook {float:left;}