/* CSS Document */

body {
	margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	background-color: #FDFCFD;
	background-image: url(/images/mainBG.jpg);
	background-repeat: repeat-x;
	}


h3 { font: Arial, Helvetica, sans-serif; font-size: 12px; color: #5B581B; line-height: 18px;}
h2 { font: Arial, Helvetica, sans-serif; font-size: 20px; color: #333333 }
h1 { font-family: Arial, Helvetica, sans-serif; font-size: 35px; font-weight: bold; text-shadow: #05476E 5px 4px 5px; color: #FFF;}

.allwrap {
	width: 100%;
	height: 100%;
	float: left;
	}

/* FONTS */

.native_font {
	font-family: Century Gothic, sans-serif;
	font-size: 14px;
	color: #666666;
	line-height: 14px;
	}
	
.text_only {
	font-family: Century Gothic, sans-serif;
	font-size: 16px;
	color: #666666;
	line-height: 20px; 
	text-align: justify;
	margin-left: 50px;
	margin-right: 50px;
}
	
.native_font_bold {
	font-weight: bold;
	font-family: Century Gothic, sans-serif;
	font-size: 14px;
	color: #666666;
	line-height: 18px;
	}
	
.native_font_radio {
	font-family: Arial, sans-serif;
	font-size: 11px;
	color: #666666;
	line-height: 13px;
	padding-bottom: 2px;
	}

.native_font_lk {
	font-family: Century Gothic, sans-serif;
	font-size: 14px;
	color: #92278F;
	line-height: 14px;
	text-decoration: underline;
	}
	
a.native_font_lk:hover {
	color: #92278F;
	text-decoration: none;
	}

.blackbox_toplk {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: 900;
	color: #FFF;
	}
		
.blackbox_bottomlk {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #CFCFCF;
	text-decoration: none;
	}	
	
a.blackbox_bottomlk:hover {
	color: #FFFFFF;
	text-decoration: none;
	}	

.display_txt {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #575757;
	line-height: 13px;
	}

.rssfeed {
	font-weight: bold;
	font-size: 20px;
	font-family: Century Gothic, sans-serif;
	color: #464646;
	line-height: 20px;
	}
	
.quiz_result_numbertxt {
	font-size: 15px;
	font-family: Century Gothic, sans-serif;
	color: #464646;
	line-height: 20px;
	}

.quiz_result_number {
	font-weight: bold;
	font-size: 30px;
	font-family: Century Gothic, sans-serif;
	color: #464646;
	line-height: 20px;
	}		

.top_links_normal {
	font-size: 20px;
	font-family: Century Gothic, sans-serif;
	color: #FFFFFF;
	text-decoration: none;
	}
	
a.top_links_normal:hover {
	color: #FFE58C;
	text-decoration: none;
	}		

.top_links_bold {
	font-weight: bold;
	font-size: 20px;
	font-family: Century Gothic, sans-serif;
	color: #FFFFFF;
	text-decoration: none;
	}
	
a.top_links_bold:hover {
	color: #FFE58C;
	text-decoration: none;
	}
	
.top_links_underline {
	font-weight: bold;
	font-size: 20px;
	font-family: Century Gothic, sans-serif;
	color: #FFFFFF;
	text-decoration: underline;
	}
	
a.top_links_underline:hover {
	color: #FFE58C;
	text-decoration: underline;
	}

.blogdisplay {
	color: #7A7A7A;
	font-size: 12px;
	font-family: Arial, Helvetica, sans-serif;
	line-height: 13px;
	}
	
.footerlinks {
	font-weight: bold;
	font-size: 15px;
	font-family: Century Gothic, sans-serif;
	color: #FFFFFF;
	text-decoration: none;
	}				

a.footerlinks:hover {
	color: #FFE58C;
	text-decoration: none;
	}				

.checkbox_bold_pink {
	font-weight: bold;
	font-size: 20px;
	font-family: Century Gothic, sans-serif;
	color: #D9A3D8;
	text-decoration: none;
	}

.checkbox_bold_purple {
	font-weight: bold;
	font-size: 16px;
	font-family: Century Gothic, sans-serif;
	color: #92278F;
	text-decoration: none;
	}

.divdots_txt1 {
	font-weight: bold;
	font-size: 15px;
	font-family: Century Gothic, sans-serif;
	color: #FFFFFF;
	text-decoration: none;
	}

a.divdots_txt1:hover {
	color: #FFE58C;
	text-decoration: none;
	}

.divdots_txt2 {
	font-weight: bold;
	font-size: 15px;
	font-family: Century Gothic, sans-serif;
	color: #636363;
	text-decoration: none;
	}

a.divdots_txt2:hover {
	color: #EE56EB;
	text-decoration: none;
	}

.share_result_bottombtn {
	font-weight: bold;
	font-size: 20px;
	font-family: Century Gothic, sans-serif;
	color: #92278F;
	text-decoration: none;
	}
	
a.share_result_bottombtn:hover {
	color: #EE56EB;
	text-decoration: none;
	}
	
.share_result_bottombtn2 {
	font-weight: bold;
	font-size: 18px;
	font-family: Century Gothic, sans-serif;
	color: #92278F;
	text-decoration: none;
	}

.numbers {
	font-weight: bold;
	font-size: 15px;
	font-family: Century Gothic, sans-serif;
	color: #464646;
	text-decoration: none;
	}

a.numbers:hover {
	font-size: 20px;
	color: #92278F;
	text-decoration: none;
	}

.identity {
	font-weight: bold;
	font-size: 25px;
	font-family: Century Gothic, sans-serif;
	color: #464646;
	text-decoration: none;
	line-height: 25px;
	}

.quizzes_lg_title {
	font-weight: bolder;
	font-size: 45px;
	font-family: Century Gothic, sans-serif;
	color: #7E1D7D;
	}				


/* basic components */

.header_logo {
	width: 225px;
	height: 35px;
	/*background: url(/images/logo.png) no-repeat;*/
	position: relative;
	}

.front_content_wrap {
	width: 1024px;
	height: auto;
	margin: 0 auto;
	display: none;
	}
	
.front_content_wrap2 {
	width: 1024px;
	height: auto;
	margin: 0 auto;
	display: block;
	font-family: Century Gothic, sans-serif;
	font-size: 20px;
	font-weight: bold;
	text-align: center;
	}

.content_top {
	width: 1024px;
	height: 47px;
	float: left;
	background-color: #92278F;
	}

.content_top_left {
	height: 38px;
	float: left;
	padding-top: 9px;
	padding-left: 10px;
	}

.content_top_right {
	width: 205px;
	width: 205px;
	height: 38px;
	float: right;
	text-align: right;
	padding-top: 9px;
	}

.content_top_dropdown {
	width: 30px;
	height: 47px;
	float: right;	
	}		

.content_body {
	width: 1016px;
	height: 495px;
	background-color: #FFFFFF;
	border-left: 4px solid #92278F;
	border-right: 4px solid #92278F;
	border-bottom: 4px solid #92278F;
	float: left;
	}

.footer {
	width: 1024px;
	height: 22px;
	background-color: #92278F;
	margin-top: 4px;
	float: left;
	display: inline;
	text-align: center;
	padding-top: 2px;
	}


/* column left page 1 */

.left_column_wrap1 {
	width: 200px;
	height: 98%;
	float: left;
	margin-left: 13px;
	display: inline;
	}

.tagline {
	with: 313px;
	height: 124px;
	float: left;
	}						

.blogBG {
	width: 313px;
	height: 511px;
	float: left;
	background: url(/images/blog_bg.jpg) no-repeat;
	}

.blogTXT_box {
	width: 250px;
	height: 330px;
	float: left;
	margin: 80px 0 0 35px;
	display: inline;
	overflow-x: hidden;
	overflow-y: scroll;
	}	

.rssfeed_wrap {
	width: 313px;
	height: 88px;
	float: left;
	margin-top: 13px;
	display: inline;
	clear: both;
	}
	
.rssfeed_title {
	width: 308px;
	height: 24px;
	background-color: #F1E3F1;
	float: left;
	padding-left: 5px;
	padding-top: 4px;
	}

	

/* RSS SUBSCRIBE */

.subscribe_bg {
	width: 313px;
	height: 28px;
	float: left;
	background: url(/images/submitBG.jpg) no-repeat;
	margin-top: 5px;
	display: inline;
	}


.fieldHolder {
	width: 160px;
	height: 19px;
	float: left;
	margin-left: 74px;
	margin-top: 5px;
	margin-right: 5px;
	display: inline;
	}

.submit {
	width: 25px;
	height: 20px;
	background-image: url(/images/submitGO.jpg);
	background-repeat: no-repeat;
	float: left;
	margin-left: 5px;
	display: inline;
	}	
	
.textInput	{
	width: 160px;
	height: 17px;
	background: none;
	border: none;
	color: #878787;
	margin-top: 0px;
	margin-left: 0px;
	}


/* column center page 1 */

.center_column_wrap1 {
	width: 580px;
	height: 90%;
	/*margin-left: 16px;*/
	float: left;
	display: inline;
	}

.getstarted {
	width: 100%;
	height: 450px;
	border: 10px solid #F1E3F1;
	background: url(/images/default.jpg) no-repeat center center;
	margin-top: 12px;
	overflow: auto;
	text-align: center;
	/*float: left;*/
	}

.detect_wrap {
	width: 100%;
	height: 450px;
	border: 10px solid #F1E3F1;
	margin-top: 12px;
	overflow: auto;
	text-align: center;
	}

.matches_wrap {
	width: 753px;
	height: 433px;
	border: 10px solid #F1E3F1;
	margin-top: 12px;
	overflow: auto;
	text-align: center;
	padding: 10px;
	}
	
.getstarted_icon {
	width: 100%;
	height: 100%;
	}
	
/*  UPLOADING PHOTO */

.uploadphoto_wrap {
	width: 95%;
	height: 100%;
	float: left;
	margin-top: 12px;
	margin-bottom: 10px;
	text-align: center;
	}

.browse_button {
	width: 350px;
	float: left;
	margin-top: 8px;
	margin-bottom: 8px;
	display: inline; 
	font-size: 14px;
	}
	
.upload_button {
	width: 90px;
	/*float: left;*/
	margin-top: 8px;
	margin-bottom: 8px;
	display: inline; 
	font-weight: bold;
	}

.upload_title {
	width: 441px;
	height: 33px;
	float: left;
	background: url(/images/uploadTITLE.jpg) no-repeat;
	text-align: right;
	}
	
.detect_button {
	width: 96px;
	height: 33px;
	/*float: right;*/
	text-align: center;
	font-weight: bold;
	}

.upload_txtbox {
	width: 85%;
	height: 100%;
	float: right;
	margin-left: 10px;
	display: inline;
	}
	
/* column right page 1 */

.right_column_wrap1 {
	width: 200px;
	height: 90%;
	float: left;
	margin-left: 10px;
	display: inline;
	}

.topfun_app {
	width: 300px;
	height: 43px;
	float: left;
	}

.facebook {
	width: 300px;
	height: 31px;
	float: left;
	text-align: center;
	}

.dots_div {
	width: 300px;
	height: 34px;
	float: left;
	}

.blackbox_wrap {
	width: 300px;
	height: 600px;
	float: left;
	background-color: #000000;
	}
	
.blackbox_wrap2 {
	width: 300px;
	height: 250px;
	float: left;
	background-color: #000000;
	}

.blackbox_top_txt {
	width: 211px;
	height: 24px;
	float: left;
	background: url(/images/blackbox_top_arrow.jpg) no-repeat;
	padding-left: 19px;
	padding-top: 5px;
	}

.blackbox_top_txt2 {
	width: 55px;
	height: 24px;
	float: left;
	text-align: right;
	background: url(/images/blackbox_top_arrow2.jpg) no-repeat top right;
	padding-right: 15px;
	padding-top: 5px;
	}	

.blackbox_whitemain {
	width: 280px;
	height: 434px;
	float: left;
	background-color: #FFFFFF;
	margin-left: 10px;
	display: inline;
	}
	
.blackbox_whitemain2 {
	width: 280px;
	height: 204px;
	float: left;
	background-color: #FFFFFF;
	margin-left: 10px;
	display: inline;
	}

.blackbox_bottom_btn {
	width: 280px;
	height: 20px;
	float: left;
	background: url(/images/blackbox_bottom_lkbg.jpg) no-repeat;
	padding-left: 20px;
	padding-top: 4px;
	}

.blackbox_present {
	width: 300px;
	height: 21px;
	float: left;
	background: url(/images/blackbox_bottom_presented.jpg) no-repeat;
	}

.blackbox_slider_left {
	width: 110px;
	height: 25px;
	float: left;
	text-align: right;
	}

.blackbox_slider_count {
	width: 60px;
	height: 22px;
	float: left;
	text-align: center;
	padding-top: 3px;
	}
	
.blackbox_slider_right {
	width: 110px;
	height: 25px;
	float: left;
	text-align: left;
	}

.display_quad {
	width: 230px;
	height: 402px;
	margin: 0 auto;
	}

.display_quad2 {
	width: 230px;
	height: 204px;
	margin: 0 auto;
	}

.display_sample_1ft {
	width: 105px;
	height: 140px;
	float: left;
	}

.display_sample_box_lft {
	width: 105px;
	height: 55px;
	float: left;
	text-align: center;
	padding-top: 7px;
	}

.display_sample_rgt {
	width: 105px;
	height: 140px;
	float: left;
	margin-left: 20px;
	display: inline;
	}
	
.display_sample_rgt2 {
	width: 116px;
	height: 140px;
	float: left;
	margin-left: 9px;
	display: inline;
	}
	
.display_sample_box_rgt {
	width: 105px;
	height: 55px;
	float: left;
	text-align: center;
	margin-left: 20px;
	display: inline;
	padding-top: 7px;
	}

.display_sample_box_rgt2 {
	width: 116px;
	height: 55px;
	float: left;
	text-align: center;
	margin-left: 9px;
	display: inline;
	padding-top: 7px;
	}


/* column center page 1 */


.preview_box_center {
	width: 219px;
	height: 250px;
	border: 10px solid #F1E3F1;
	margin: 30px auto 0 95px;
	float: left;
	}

.preview_tnail_wrap {
	width: 441px;
	height: 96px;
	float: left;
	}

.preview_tnail {
	width: 66px;
	height: 76px;
	float: left;
	margin-left: 7px;
	display: inline;
	border: 10px solid #F1E3F1;
	}

.preview_tnail_arrow_left {
	width: 31px;
	height: 96px;
	float: left;
	}
	
.preview_tnail_arrow_right {
	width: 31px;
	height: 96px;
	float: left;
	margin-left: 7px;
	display: inline;
	}

.preview_box_notes {
	width: 441px;
	height: 40px;
	float: left;
	text-align: center;
	padding-top: 15px;
	}

.checkbox_wrap {
	padding-left: 20px;
	width: 421px;
	height: 63px;
	}

.checkbox_left {
	width: 99px;
	height: 28px;
	float: left;
	text-align: left;
	}

.checkbox_mid {
	width: 109px;
	height: 73px;
	float: top;
	padding-top: -10px;
	padding-left: 5px;
	}

.checkbox_right {
	width: 120px;
	height: 58px;
	float: top;
	}

.tickbox {
	width: 119px;
	height: 25px;
	float: left;
	padding-left: 3px;
	}

.show_result_wrap {
	width: 100%;
	height: 33px;
	top: 100px;
	float: left;
	}

.show_result {
	width: 287px;
	height: 30px;
	float: left;
	margin-right: 5px;
	display: inline;
	background-color: #92278F;
	text-align: center;
	padding-top: 3px;
	}

.show_start_over {
	width: 148px;
	height: 30px;
	float: left;
	background-color: #D3A9D2;
	text-align: center;
	padding-top: 3px;
	}

/* TOP IMAGE SCROLLER */

.imagescroll_wrap {
	width: 1088px;
	height: 183px;
	margin: 10px 11px 0 11px;
	display: inline;
	float: left;
	}

.scroller_img1 {
	width: 163px;
	height: 183px;
	background-color: #F4E9F4;
	margin-right: 7px;
	display: inline;
	float: left;
	}

.scroller_img2 {
	width: 159px;
	height: 179px;
	background-color: #F4E9F4;
	border: 2px solid #952C92;
	margin-right: 7px;
	display: inline;
	float: left;
	}

.scroller_arrow_left {
	width: 37px;
	height: 183px;
	float: left;
	}

.scroller_arrow_right {
	width: 31px;
	height: 183px;
	float: left;
	}

.phantom_arrow_left {
	width: 37px;
	height: 32px;
	float: left;
	}

.phantom_arrow_right {
	width: 31px;
	height: 32px;
	float: left;
	}

.scroller_txt_wrap {
	width: 1088px;
	height: 32px;
	float: left;
	margin-left: 11px;
	display: inline;
	}
	
.scroller_txt1 {
	width: 163px;
	height: 32px;
	float: left;
	margin-right: 7px;
	display: inline;
	text-align: center;
	}

.scroller_txt2 {
	width: 163px;
	height: 32px;
	float: left;
	margin-right: 7px;
	display: inline;
	text-align: center;
	}

/* TWO COLUMS */

.two_columns_wrap {
	width: 1088px;
	height: auto;
	float: left;
	margin-left: 10px;
	display: inline;
	}

/* Column One (Bigger) */

.column_one {
	width: 787px;
	height: 490px;
	float: left;
	}

.topbuttons_dots_wrap {
	width: 787px;
	height: 26px;
	float: left;
	}

.btn_backonepage {
	width: 162px;
	height: 25px;
	background-color: #92278F;
	text-align: center;
	margin-right: 3px;
	display: inline;
	float: left;
	padding-top: 1px;
	}

.btn_startover {
	width: 101px;
	height: 25px;
	background-color: #F4E9F4;
	text-align: center;
	float: left;
	padding-top: 1px;
	}

.btn_divdots {
	width: 521px;
	height: 26px;
	float: left;
	background: url(/images/div_dots_16.jpg) no-repeat;
	}

.share_results_wrap {
	width: 232px;
	height: 289px;
	background-color: #F4E9F4;
	margin-top: 10px;
	display: inline;
	float: left;
	}

.share_result_btn {
	width: 208px;
	height: 28px;
	padding-left: 10px;
	margin-left: 7px;
	margin-bottom: 3px;
	display: inline;
	background-color: #92278F;
	float: left;
	}

.share_result_top {
	width: 232px;
	height: 71px;
	float: left;
	}

.share_result_bottom {
	width: 232px;
	height: auto;
	float: left;
	}

.share_result_btn2 {
	width: 222px;
	height: 29px;
	float: left;
	background-color: #F4E9F4;
	margin-bottom: 4px;
	display: inline;
	padding-left: 10px;
	}

.divdots_column {
	width: 12px;
	height: 430px;
	background: url(/images/vertical_divdots.jpg) no-repeat;
	margin-top: 10px;
	display: inline;
	}

.share_result_main {
	width: 506px;
	height: 450px;
	float: left;
	border: thin solid #DBDBDB;
	margin-top: 10px;
	display: inline;
	}				
		
/* Column Two (Smaller colimn on the right) */

.column_two {
	width: 300px;
	height: 490px;
	float: left;
	}

.top_signup_quiz_wrap {
	width: 300px;
	height: 38px;
	float: left;
	}

.top_signup {
	width: 106px;
	height: 34px;
	float: left;
	text-align: center;
	background-color: #D3A9D2;
	margin-right: 4px;
	display: inline;
	padding-top: 4px;
	}

.top_quizzes {
	width: 190px;
	height: 34px;
	float: left;
	background-color: #92278F;
	text-align: center;
	padding-top: 4px;
	}

.take_quiz {
	width: 300px;
	height: 198px;
	float: left;
	background: url(/images/take_quiz.jpg) no-repeat;
	}

/* QUIZZES COLUMNS */

.quizzes_column1 {
	width: 868px;
	height: 713px;
	float: left;
	margin-top: 10px;
	margin-left: 12px;
	display: inline;
	}

.quizzes_column1A {
	width: 868px;
	height: auto;
	float: left;
	}

.quizzes_column2 {
	width: 224px;
	height: 723px;
	float: left;
	border-left: 3px solid #92278F;
	}

.share_page_wrap {
	width: 233px;
	height: 359px;
	float: left;
	}		

.share_page_btn {
	width: 222px;
	height: 23px;
	float: left;
	border-top: 1px;
	border-bottom: 1px;
	border-left: 1px;
	border-style: solid;
	border-color: #92278F;
	text-align: right;
	padding-right: 10px;
	padding-top: 2px;
	}

.share_page_quote {
	width: 233px;
	height: auto;
	float: left;
	}

.share_page_lk {
	width: 210px;
	height: 28px;
	float: left;
	border: 1px solid #92278F;
	padding-left: 10px;
	padding-top: 2px;
	margin-bottom: 3px;
	display: inline;
	}

.quizzes_scroll_wrap {
	width: 635px;
	height: 359px;
	float: left;
	}

.quizzes_btn {
	width: 121px;
	height: 35px;
	float: left;
	background: url(/images/quizzes_arrow.jpg) right no-repeat;
	background-color: #92278F;
	padding-right: 40px;
	padding-top: 5px;
	text-align: right;
	}

.quizzes_divdots {
	width: 474px;
	height: 40px;
	float: left;
	background: url(/images/div_dots2.jpg) no-repeat;
	}

.quizzes_main_scroll {
	width: 619px;
	height: 266px;
	float: left;
	overflow-x: hidden;
	overflow-y: scroll;
	margin: 10px 13px 10px 3px;
	display: inline;
	}

.quiz_result_wrap1 {
	width: 233px;
	height: 500px;
	float: left;
	background-color: #F4E9F4;
	}

.quiz_result_wrap1B {
	width: 120px;
	height: 500px;
	float: left;
	}

.quiz_result_txt {
	width: 233px;
	height: 42px;
	float: left;
	background-color: #FFFFFF;
	vertical-align: bottom;
	padding-top: 40px;
	}
	
.quiz_result_txt2 {
	width: 120px;
	height: 150px;
	float: left;
	background-color: #FFFFFF;
	padding-top: 40px;
	text-align: center;
	}

.quiz_result_txt3 {
	width: 120px;
	height: 100px;
	float: left;
	background-color: #FFFFFF;
	}

.quiz_savechanges {
	width: auto;
	height: 20px;
	float: left;
	border: #999999 solid 1px;
	padding: 0 5px 3px 5px;
	margin: 0 0 5px 0;
	}		

.quiz_result_wrap2 {
	width: 156px;
	height: 500px;
	float: left;
	margin-left: 10px;
	display: inline;
	}
	
.quiz_result_wrap2B {
	width: 156px;
	height: 500px;
	float: left;
	margin-left: 4px;
	display: inline;
	}
	
.quiz_result_wrap2C {
	width: 128px;
	height: 500px;
	float: left;
	margin-left: 5px;
	display: inline;
	}
	
.quizzes_output2_radio {
	width: 128px;
	height: auto;
	float: left;
	margin-bottom: 5px;
	display: inline;
	}

.quizzes_output1 {
	width: 156px;
	height: 116px;
	float: left;
	background-color: #F4E9F4;
	margin-bottom: 10px;
	display: inline;
	}
	
.quizzes_output2 {
	width: 156px;
	height: 116px;
	float: left;
	background-color: #F4E9F4;
	}
	
.quizzes_output1_radio {
	width: 156px;
	height: 35px;
	float: left;
	margin-bottom: 5px;
	display: inline;
	}

.look-alikes_wrap1 {
	width: 412px;
	height: 338px;
	float: left;
	padding-top: 16px;
	}
	
.look-alikes_wrap2 {
	width: 100%;
	height: 250px;
	float: left;
	padding-top: 16px;
	}
	
.look-alikes_wrapX {
	width: 854px;
	height: 300px;
	float: left;
	overflow-x: hidden;
	overflow-y: scroll;
	margin-top: 20px;
	display: inline;
	}	
	
.look-alikes_wrap2 {
	width: 408px;
	height: 354px;
	float: left;
	}

.look-alikes_box {
	width: 128px;
	height: 147px;
	float: left;
	margin-right: 8px;
	display: inline;
	background-color: #F4E9F4;
	}

.look-alikes_box2 {
	width: 158px;
	height: 160px;
	float: left;
	margin-right: 8px;
	margin-bottom: 8px;
	display: inline;
	background-color: #F3F3F3;
	}

.look-alikes_box3 {
	width: 158px;
	height: 160px;
	float: left;
	margin-right: 8px;
	margin-bottom: 8px;
	display: inline;
	background-color: #F4E9F4;
	}
	
.look-alikes_name {
	width: 128px;
	height: 21px;
	float: left;
	margin-right: 8px;
	display: inline;
	text-align: center;
	}
	
.look-alikes_name2 {
	width: 75px;
	height: 48px;
	float: left;
	padding-top: 100px;
	}

.numbers_wrap {
	width: 48px;
	height: 354px;
	float: left;
	}

.numbers_box {
	width: 48px;
	height: 35px;
	float: left;
	text-align: center;
	}

.identity_wrap {
	width: 221px;
	height: 93px;
	float: left;
	margin-top: 10px;
	margin-bottom: 20px;
	display: inline;
	}

.identity_box {
	width: 127px;
	height: 93px;
	float: left;
	padding-left: 10px;
	}

.identity_photo {
	width: 84px;
	height: 93px;
	float: left;
	background-color:#F3F3F3;
	}

.id_details_title {
	width: 221px;
	height: 18px;
	float: left;
	margin-bottom: 5px;
	display: inline;
	}

.id_details_box {
	width: 201px;
	height: 50px;
	float: left;
	padding: 0 10px 0 10px;
	}

/*  TAKING THE QUIZZES FRONT PAGE  */

.quizzes_large_titlebox {
	width: 421px;
	height: 85px;
	float: left;
	border: 10px solid #F1E3F1;
	margin-top: 13px;
	display: inline;
	text-align: center;
	}
	
.take_quiz_wrap {
	width: 441px;
	height: 223px;
	float: left;
	}

.take_quiz_img {
	width: 249px;
	height: 187px;
	float: left;
	border: 18px solid #F1E3F1;
	margin-top: 14px;
	display: inline;
	}

.quiz_take_container {
	width: 150px;
	height: auto;
	float: left;
	margin-top: 14px;
	margin-left: 6px;
	display: inline;
	}

.quiz_selected_title {
	width: 150px;
	height: 198px;
	float: left;
	}

.quiz_take {
	width: 150px;
	height: 23px;
	float: left;
	background-color: #92278F;
	text-align: center;
	padding-top: 2px;
	}			

.quiz_take_scroll {
	width: 441px;
	height: 355px;
	float: left;
	overflow-x: hidden;
	overflow-y: scroll;
	margin-top: 10px;
	display: inline;
	}

.quiz_selection_wrap {
	width: 191px;
	height: auto;
	float: left;
	margin-right: 17px;
	display: inline;
	}

.quiz_selection_box {
	width: 191px;
	height: 144px;
	float: left;
	background-color: #F4E9F4;
	}

.quiz_selection_text {
	width: 191px;
	height: 25px;
	float: left;
	padding-top: 3px;
	}	
							
#modal {  
	position:absolute;  
	display:none;  
	z-index:9999;  
	padding:20px;  
	background-color: transparent;  
}

.dynamic {
	display: none;
	width: 100%;
}

.dynamic-left {
	margin-top: 12px;
	display: none;
}

.dynamic-right {
	margin-top: 12px;
	display: none;
}

.right_buttons {
	width: 160px;
	height: 50px;
}

.match_images {
	padding: 5px;
	height: 180px;
	position: relative;
}

.tooltip{position:relative;}
.match_images .tooltip{
	display: none;
}

.match_images:hover .tooltip{
  display:block;
  position:absolute;
  border:1px solid black;
  top:1.3em;
  left:5px;
  background-color:gray; color:white;
  text-align: center;
} 

.match_images:hover {
	/*background-color: 1px solid #680067;
	background-color: #d883d8;*/
}

.my_match_images {
	padding: 5px;
	height: 100px;
	margin-bottom: 15px;
}

.login_dropdown {
	cursor: pointer;
}

.instruction {
	 font-size: 16px;
	 line-height: 30px;
}

.ellipsis {
	white-space:nowrap;
	text-overflow:ellipsis; /* for internet explorer */
	-o-text-overflow: ellipsis;	/* required for Opera */
    -ms-text-overflow: ellipsis;	/* required for IE8, allegedly */
    -moz-binding: url('/css/ellipsis.xml#ellipsis');    /* for Firefox */
	overflow:hidden;
	width:135px;
	display:block;
	max-width:135px;
   	width:auto !important;
	clear:both;
}

.ellipsis span:after {
   content: "...";
}

.get-started {
	font-family: Century Gothic, sans-serif;
	font-size: 14px;
	float: left; 
	font-size: 55px; 
	font-weight: bold; 
	/*color: #680067; */
	line-height: 72px; 
	margin-left: 142px; 
	margin-top: 150px;
	width: 300px;
	height: 140px;
}

.get-started:hover {
	color: #92278f;
	cursor: pointer;
}

.album_links {
	font-size: 15px;
	font-family: Century Gothic, sans-serif;
	text-decoration: none;
}

.album_links:hover {
	color: #d883d8;
	text-decoration: none;
	}
	
.album_photos {
	font-size: 15px;
	font-family: Century Gothic, sans-serif;
	text-decoration: none;
}

.album_photos:hover {
	color: #d883d8;
	text-decoration: none;
	}