﻿arset "utf-8";

* { margin:0; padding:0; }
html,body { font-family: Arial, Helvetica, sans-serif; }

#omni .error { width:900px; margin:3px auto; }
#omni .error h2 { margin:10px 0; color:#ec008d; }
#omni .error p { width:600px; font-size:12px; margin:10px 0; }
.blue { color:#0a71ba; }

#wrapper { width:903px; height:975px; margin:0 auto; }
#wrapper.man { background:url(/images/assets/game/game_bg_man.jpg) top left no-repeat; }
#wrapper.woman { background:url(/images/assets/game/game_bg_woman.jpg) top left no-repeat; }

#logo { float:left; }
#logo a { display:block; width:250px; height:48px; }

#round-info { width:100%; height:60px; font-size:22px; font-weight:bold; color:#ec008d; }
#round-info #round { float:left;  margin:21px 0 0 235px; width:28px; text-align:center;  }
#round-info #score { float:right;  margin:21px 75px 0 0; width:42px; text-align:center; }

#music-player { float:right; width:75px; height:30px; padding-top:20px; }

#title { margin:12px 0 0 376px; width:490px; text-align:center; font-size:12px; font-weight:bold; }

.button { cursor:pointer; }

#pursuer { width:300px; margin:145px 0 0 30px; }
/* save score prompt */
#save-score { position:absolute; width:903px; height:975px; background:url(/images/assets/game/game_fade.png) top left repeat; z-index:9999; }
#save-score .prompt { width:415px; margin:275px auto; margin-bottom:0; border:3px dashed #eb73b8; padding:10px; background:#fbf3f8; }
#save-score p { text-align:center; margin:10px 0; }
#save-score p span { font-weight:bold; color:#157fd5; }

/*second prompt */
#second-prompt { position:absolute; width:903px; height:975px; background:url(/images/assets/game/game_fade.png) top left repeat; z-index:9999; }
#second-prompt .prompt { width:415px; margin:275px auto; margin-bottom:0; border:3px dashed #eb73b8; padding:10px; background:#fbf3f8; }
#second-prompt p { text-align:center; margin:10px 0; }
#second-prompt p span { font-weight:bold; color:#157fd5; }

/* profiles */
#pursuer {  float:left;}
#pursuer .profile { width:230px; height:210px; }
#pursuer .profile .name { font-size:20px; font-weight:bold; float:left; padding-left:4px; }
#pursuer .profile .dna { font-size:10px; float:right; padding-top:10px; padding-right:17px; }
#pursuer .profile .images { clear:both; width:229px; height:188px; padding-top:14px; background:url(/images/assets/game/game_profile_bg.png) top left no-repeat; }
#pursuer .profile .images .profile_img { padding-left:0px; margin-left:12px; background:#000000; width:196px; height:112px; border:none;  }
#pursuer .profile .images .profile_img .highslide a { border:none; }
#pursuer .profile .images .profile_img .highslide a:hover { border:none; }
#pursuer .profile .images .thumbs { padding:7px 0 0 8px; }
#pursuer .profile .images .thumbs img { margin-left:4px; width:36px; height:36px; }
#pursuer .profile .meet {font-size:10px; padding-top:13px; padding-right:20px; float:right }

/* choices */
#choices { float:right; width:530px; height:480px; }
#choices a { text-decoration:none; }
#choices .profile { float:left; width:230px; height:220px; padding:20px 10px 0 10px; }
#choices .profile .button {  float:left; width:38px; height:32px; margin-left:10px; margin-top:3px; background:url(/images/assets/game/game_button_green.png) top left no-repeat; }
#wrapper #choices .profile .grayed {  background:url(/images/assets/game/game_button_gray.png) top left no-repeat; }
#wrapper #choices .profile .picked {  background:url(/images/assets/game/game_button_red.png) top left no-repeat; }
#choices .profile .name { font-size:20px; font-weight:bold; float:left; width:180px; }
#choices .profile .dna { font-size:10px; float:left; }
#choices .profile .images { clear:both; width:229px; height:188px; padding-top:14px; background:url(/images/assets/game/game_profile_bg.png) top left no-repeat; }
#choices .profile .images .profile_img { padding-left:0px; margin-left:12px; background:#000000; width:196px; height:112px; border:none;  }
#choices .profile .images .profile_img .highslide a { border:none; }
#choices .profile .images .profile_img .highslide img { border:none; }
#choices .profile .images .profile_img .highslide a:hover { border:none; }
#choices .profile .images .profile_img .highslide a:hover img { border:none; }
#choices .profile .images .thumbs { padding:7px 0 0 8px; }
#choices .profile .images .thumbs a { width:36px; height:36px; overflow:hidden; }
#choices .profile .images .thumbs img { margin-left:4px; }

/* results */
.results { position:absolute; width:230px; height:170px; margin-top:-6px; margin-left:6px; }
.results_score { padding-top:86px; padding-left:174px; color:#ec008d; font-weight:bold; font-size:20px; }

.place_1 { background:url(/images/assets/game/game_results_1.png) top left no-repeat; }
.place_2 { background:url(/images/assets/game/game_results_2.png) top left no-repeat; }
.place_3 { background:url(/images/assets/game/game_results_3.png) top left no-repeat; }
.place_4 { background:url(/images/assets/game/game_results_4.png) top left no-repeat; }

.points_10 { width:160px; height:23px; margin-top:21px; margin-left:23px; background:url(/images/assets/game/game_score_plus10.png) top left no-repeat; }
.points_5 { width:160px; height:23px; margin-top:21px; margin-left:23px; background:url(/images/assets/game/game_score_plus5.png) top left no-repeat; }
.points_0 { width:160px; height:23px; margin-top:21px; margin-left:23px; background:url(/images/assets/game/game_score_plus0.png) top left no-repeat; }
.points_-5 { width:160px; height:23px; margin-top:21px; margin-left:23px; background:url(/images/assets/game/game_score_minus5.png) top left no-repeat; }

/* Game Type */
.game-type { float:left; width:300px; padding-top:15px; padding-left:15px; margin:0; font-size:12px; font-weight:bold; }
.game-type ul { list-style:none;  }
.game-type .radio { margin-right:6px; margin-top:2px; margin-bottom:2px; }
#btnChangeType { width:115px; height:22px; text-align:center; }
#txtUserDna { width:120px; }
#btnChangeType { margin-top:10px; }

form { width:182px; height:160px; }

/* high score */
.high-scores { width:265px; float:left; clear:left; padding:30px 0 0 50px; font-size:12px; font-weight:bold; overflow:hidden; }
.high-scores table { margin:6px 0; }
.high-scores .title { color:#ec008d; }
.high-scores .place { color:#ec008d; }
.high-scores .separator { color:#0a71ba; text-align:center; width:12px; }
.high-scores .name { color:#0a71ba; width:150px; }
.high-scores .score { color:#ec008d; }
.high-scores .noscore { width:245px; text-align:center;}

/* how to */
.how-to { width:540px; float:right; font-size:12px; padding-top:0px; }
.how-to h3 {  font-weight:bold; color:#0A71BA; font-size:12px; margin-bottom:0px;}
.how-to p {  line-height:15px; margin-top:0px; }


/* get compatibility */
.get-compatibility { clear:both; float:right; width:380px; padding-top:0px; padding-right:92px;}

.get-compatibility .content { display:block; width:380px; height:82px; background:url(/images/assets/game/game_join_message.png) top left no-repeat; cursor:pointer; }


/* highslide override */
html #omni #wrapper .profile .highslide img {
	border: none;
}
html #omni #wrapper .profile .highslide:hover img {
	border: none;
}

/* Grid View */
