html {
	overflow:hidden;
	padding:0px;
	margin:0px;
	font-family:Lobster,Georgia,Tahoma,Times,sans-serif;
	font-size:16px;
	background-color:rgb(255,250,246);
}

	body {
		font-size:12px;
		text-align:center;
		margin:0px;
/*
		height:600px;
*/
	}
	
	#background_overlay {
		position:absolute;
		top:0px;
		left:0px;
		width:100%;
		height:100%;
		background:black;
		opacity:0;
		z-index:-1;
	}

		div {
			border:none;
			margin: 0px;
			padding:0px;
			-webkit-user-select: none;
			-khtml-user-select: none;
			-moz-user-select: none;
			-ms-user-select: none;
			user-select: none;
		}
		
		table,form,input,p,h1,h2,h3,h4,h5 {
			margin:0;	
		}
		
		input {
			-webkit-box-shadow: 1px 1px 1px 1px rgba(0,0,0,0.5);
			-moz-box-shadow: 1px 1px 1px 1px rgba(0,0,0,0.5);
			box-shadow: 1px 1px 1px 1px rgba(0,0,0,0.5);
			font-family:Lobster,Georgia,Tahoma,Times,sans-serif; 
		}
		
		.checkbox {
			margin-right:8px;
			height:16px;
			width:16px;
		}
		
		img {
			width:100%;
			height:100%;
		}
		
		.button {
			padding:2px;
			cursor: pointer;
			border:1px solid black;
			-webkit-border-radius:6px;
			-moz-border-radius:6px;
			border-radius:6px;
			background: rgb(250, 250, 250);
			background: rgba(250, 250, 250, .5);
			-webkit-box-shadow: 3px 3px 3px 0px rgba(0,0,0,0.5);
			-moz-box-shadow: 3px 3px 3px 0px rgba(0,0,0,0.5);
			box-shadow: 3px 3px 3px 0px rgba(0,0,0,0.5);
			-webkit-touch-callout: none;
			-webkit-user-select: none;
			-khtml-user-select: none;
			-moz-user-select: none;
			-ms-user-select: none;
			user-select: none;
		}
		
			.button:hover, #add_photos_title_menu:hover {
				background: rgb(250, 250, 250);
				background: rgba(250, 250, 250, .8);
			}
			
			.button:active, #add_photos_title_menu:active {
				margin-top:1px;
				background: rgb(250, 250, 250);
				background: rgba(250, 250, 250, 1);
				-webkit-box-shadow: 0px 0px 0px 0px rgba(0,0,0,0.5);
				-moz-box-shadow: 0px 0px 0px 0px rgba(0,0,0,0.5);
				box-shadow: 0px 0px 0px 0px rgba(0,0,0,0.5);
			}
		
		.multiple_choice_button {
			border:1px solid black;
			-webkit-border-radius:6px;
			-moz-border-radius:6px;
			border-radius:6px;
			background: rgb(250, 250, 250);
			background: rgba(250, 250, 250, .5);
			-webkit-box-shadow: 3px 3px 3px 0px rgba(0,0,0,0.5);
			-moz-box-shadow: 3px 3px 3px 0px rgba(0,0,0,0.5);
			box-shadow: 3px 3px 3px 0px rgba(0,0,0,0.5);
			-webkit-touch-callout: none;
			-webkit-user-select: none;
			-khtml-user-select: none;
			-moz-user-select: none;
			-ms-user-select: none;
			user-select: none;
		}
		
		/* Styling for the slideshow view*/
		
		.enlarged_photo_background {
			position:absolute;
			background: rgb(0, 0, 0);
			background: rgba(0, 0, 0, .8);
			width:100%;
			height:100%;
			z-index:1000;
		}
		
		#enlarged_photo_div {
			position:relative;
			margin:0 auto;
			height:98%;
			top:1%;
			background: rgb(0, 0, 0);
			background: rgba(0, 0, 0, .9);
			-webkit-touch-callout: none;
			-webkit-user-select: none;
			-khtml-user-select: none;
			-moz-user-select: none;
			-ms-user-select: none;
			user-select: none;			
		}
			
			#enlarged_photo {
				width:auto;
				-webkit-touch-callout: none;
				-webkit-user-select: none;
				-khtml-user-select: none;
				-moz-user-select: none;
				-ms-user-select: none;
				user-select: none;			
			}
			
			#exit_slideshow_button_space {
				position:absolute;
				top:0px;
				right:0px;
				width: 150px;
				height: 150px;
				z-index:1001;
			}
			
			#exit_slideshow_button {
				position:absolute;
				top:0px;
				right:5px;
				width: 20px;
				height: 20px;
				padding: 4px;
				font-size: 12px;
				cursor: pointer;
				z-index:1003;
				-webkit-box-shadow: -5px 5px 5px 0px rgba(0,0,0,0.8);
				-moz-box-shadow: -5px 5px 5px 0px rgba(0,0,0,0.8);
				box-shadow: -5px 5px 5px 0px rgba(0,0,0,0.8);
				border-radius:12px;
				border:2px solid white;
				background: rgb(200, 200, 200);
/*
				background: rgba(255, 255, 255, .6);
*/
			}
			
			div:hover#exit_slideshow_button {
				background: rgb(255, 255, 255);
				background: rgba(255, 255, 255, .9);
			}
			
			#enlarged_photo_forward_button, #enlarged_photo_backward_button {
				display:block;
				position:absolute;
				top:0px;
				right:0px;
				height:100%;
				width: 50%;
				cursor: pointer;
			}
			
			#enlarged_photo_backward_button {
				left:0px;
			}
			
				#enlarged_photo_forward_button_img, #enlarged_photo_backward_button_img {		
					position:absolute;
					right:0px;
					height:10%;
					width:50px;
					top:45%;
				}
				
				#enlarged_photo_backward_button_img {
					left:0px;
				}

		.show_wrapper_button {
			position:absolute;
			top:0px;
			right:30px;
			margin-left:-15px;
			width:30px;
			height:20px;
			border-bottom-left-radius:5px;
			-moz-border-radius-bottom-left:5px;
			border-bottom-right-radius:5px;
			-moz-border-radius-bottom-right:5px;
			background: rgb(250, 250, 250);
			background: rgba(250, 250, 250, .5);
			-webkit-box-shadow: 5px 5px 5px 0px rgba(0,0,0,0.7);
			-moz-box-shadow: 5px 5px 5px 0px rgba(0,0,0,0.7);
			box-shadow: 5px 5px 5px 0px rgba(0,0,0,0.7);
			opacity:0;
		}

		/* Styling for the panels in the main view*/

		#wrapper {
			position:absolute;
			width:1000px;
			height:520px; /* Necessary to specify height so wrapMargin() functions */
			margin:0 auto;
			margin-top:5px;
			margin-bottom:5px;
			padding:0px 10px 2px 10px;
			top:0;
			left:0;
			right:0;
			text-align:left;
		}
		
			/* Styling for the header panel */
		
			#header {
				position:relative;
				width:1000px;
				min-height:30px;
				border-radius:20px;
				-moz-border-radius:20px;
				text-align:center;
			}
			
				
				#proflink {
					float:left;			
					-moz-box-sizing:border-box;
					box-sizing:border-box;
					height:30px;
					font-size:14px;
					line-height:14px;	
					border-top-left-radius:20px;
					border-bottom-left-radius:20px;
					-moz-border-radius-top-left:20px;
					-moz-border-radius-bottom-left:20px;
					display: inline-block;
				}
				
				#feedname {
					float:left;
					padding: 8px 1px 1px 14px;
					height:29px;
				}
				
					div:active#feedname{
						padding: 9px 0px 0px 15px;
					}
				
								
				img#user_photo {
					position:relative;
					width:30px;
					height:100%;
					margin-left:8px;
					float:right;
					
				}
				
				div:hover#profile_forward {
					background:rgba(255,255,255,0.5);
				}
				
				div:hover#search_settings_button {
					background:rgba(255,255,255,0.5);
				}
				
				.profile_control_button {
					float:left;
					height:30px;
					width:30px;
					cursor:pointer;
					border-left:1px solid rgba(0,0,0,0.2);
				}
				div:hover.profile_control_button {
					background:rgba(255,255,255,.5);
				}
				
				div:active.profile_control_button {
					padding-top:1px;
					height:29px;
				}
				
				.message {
					color:black;
				}
				
					#login,#sign_up_button {
						height:30px;
						width:60px;
						border:none;
						background: none;
						cursor:pointer;
						margin:0px;
						font-family:Lobster;
						font-size:14px;
						font-weight:bold;
						border-top-right-radius:20px;
						border-bottom-right-radius:20px;
						-moz-border-radius-top-right:20px;
						-moz-border-radius-bottom-right:20px;
						/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#eeeeee+0,eeeeee+100 */
					}
					
					hover.div#login, hover.div#sign_up_button {
						background: rgb(250, 250, 250);
						background: rgba(250, 250, 250, .5);
					}
					
					.submit_button {
						height:30px;
						background: none;
						cursor:pointer;
						margin:0px;
						font-size:12px;
						font-weight:bold;
						text-align:center;
						border-radius:5px;
						-moz-border-radius:5px;
						-webkit-user-select: none;
						-khtml-user-select: none;
						-moz-user-select: none;
						-ms-user-select: none;
						user-select: none;
					}
					
					hover.submit_button {
						background: rgb(250, 250, 250);
						background: rgba(250, 250, 250, .5);
					}
					
				#search {
					position:absolute;
					top:5px;
					left:50%;
					width:250px;
					margin-left:-126px;
					font-family: "Courier New", "Lucida Console", Monaco, monospace;
					-webkit-box-shadow: 1px 1px 1px 1px rgba(0,0,0,0.5);
					-moz-box-shadow: 1px 1px 1px 1px rgba(0,0,0,0.5);
					box-shadow: 1px 1px 1px 1px rgba(0,0,0,0.5);
				}
				
				#header_options {
					position:absolute;
					right:0px;
					top:0px;
					height:30px;
					width:50px;
					border-top-right-radius:15px;
					border-bottom-right-radius:15px;
					-moz-border-radius-top-right:15px;
					-moz-border-radius-bottom-right:15px;
					-moz-border-radius-bottom-left:15px;
				}
				
					.header_option {
						padding:8px;
						font-size:12px;
						cursor:pointer;
					}
					
					div:hover.header_option {
						text-decoration:none;
						background: rgb(235, 235, 235);
						background: rgba(235, 235, 235, .5);
					}
					
					div:active.header_option {
						padding-top:9px;
						padding-bottom:7px;
					}
				
				.logout {
					float:right;			
					-moz-box-sizing:border-box;
					box-sizing:border-box;
					height:30px;
					padding-top:8px;
					padding-right:14px;
					padding-left:10px;
					font-size:14px;
					line-height:14px;	
					border-top-right-radius:20px;
					border-bottom-right-radius:20px;
					-moz-border-radius-top-right:20px;
					-moz-border-radius-bottom-right:20px;
					display: inline-block;
				}
				
				div:hover.logout, div:hover#proflink, div:hover#search_options {
					text-decoration:none;
					background: rgb(250, 250, 250);
					background: rgba(250, 250, 250, .5);
				}
				
				div:active.logout {
					padding-top:9px;
					padding-right:13px;
					padding-left:11px;
				}
				
				.accountoption {
					-moz-box-sizing:border-box;
					box-sizing:border-box;
					height:30px;
					padding:8px 10px 0 10px;
					font-size:14px;
					line-height:14px;
					border-radius:20px;
					-moz-border-radius:20px;
					display: inline-block;
					z-index:40;
					background: rgb(250, 250, 250);
					background: rgba(250, 250, 250, .7);
				}
				
				#terms_and_conditions {
					float: center;
					margin: 0 auto;
					width: 300px;
					height: 330px;
					z-index: 10;
					border-radius:20px;
					background:white;
				}
				
			/* Styling for the left and right panels */
			#loginmain, #sign_up {
				border:1px solid black;
			}
			
			div#left , div#right {
				float:left;
				width:300px;
				border-radius:20px;
				-moz-border-radius:20px;
			}
			
				#loginmain, #sign_up, div#pic , div#info, div#stats , div#friends {
					float:left;
					width:300px;
					height:240px;
					margin-top:5px;
					border-radius:20px;
					-moz-border-radius:20px;
					background: rgb(250, 250, 250);
					background: rgba(250, 250, 250, .7);
				}
				
				#loginmain {
					width:595px;
					height:450px;
					padding:25px;
					margin-top:5px;
				}
				
				#sign_up {
					width:600px;
					height:400px;
					margin-top:5px;
				}
			
					.sign_up_field {
						width:190px;
					}
					
					.error {
						position:relative;
						width:90%;
						margin:4px 0 0 10px;
						padding:4px;
						border:1px solid black;
						border-radius:10px;
						-moz-border-radius:10px;
						background: rgb(250, 100, 100);
						background: rgba(250, 100, 100, .2);
					}
					
				div#pic {
					position:relative;
					text-align:center;
					overflow:hidden;
					cursor:zoom-in;
				}
				
					#img_menu {
						position:absolute;
						bottom:0px;
						left:45px;
						width:210px;
						height:40px;
						border-top-left-radius:20px;
						border-top-right-radius:20px;
						-moz-border-radius-top-left:20px;
						-moz-border-radius-top-right:20px;
						background: rgb(250, 250, 250);
						background: rgba(250, 250, 250, .7);
					}
				
					.profile_pic {	
						cursor:zoom-in;
						-webkit-touch-callout: none;
						-webkit-user-select: none;
						-khtml-user-select: none;
						-moz-user-select: none;
						-ms-user-select: none;
						user-select: none;
					}
					
					.profile_pic_vert {
						cursor:zoom-in;
						display:block;
						margin:0 auto;
						width:auto;
						height:100%;
						-webkit-touch-callout: none;
						-webkit-user-select: none;
						-khtml-user-select: none;
						-moz-user-select: none;
						-ms-user-select: none;
						user-select: none;
					}
					
					.profile_pic_shading {
						position: absolute;
						width: 100%;
						height: 100%;
						box-shadow: inset 2px 3px 5px 0px rgba(255,255,255,1);
						border-radius: 20px;
						top: 0;
						left: 0;
					}
					
					#img_nav {
						position:relative;
						top:-11%;
						margin:0;
						margin-right:20px;
						width:69px;
						height:25.5px;
						float:right;
					}
						
						img.nav_arrow {
							float:left;
							height:25.5px; 
							width:23px; 
						}
						
						img:hover.nav_arrow {
							background: rgb(250, 250, 250);
							background: rgba(250, 250, 250, .6);
							border-radius:5px;
							-moz-border-radius:5px;
						}
						
					#search_friends {
						float:left;
						width:150px;
						margin:6px 0px 0px 10px;
					}
						
					#friend_scroller {
						position:relative;
						width:300px;
						height:190px;
					}
						
					#friend_table {
						margin:0 0 0 18px;
					}
					
						.friends_box_title {
							float:left;
							font-size:18px;
							margin:4px 0 3px 14px;
						}
						
						.friend_div {
							float:left;
							width:120px;
							height:120px;
							border-radius:10px;
							margin:6px 6px 20px 6px;
							border:1px solid rgba(0,0,0,0.4);
							background: rgba(245, 245, 245,0.3);
							box-shadow: inset 2px 3px 5px 0px rgba(255,255,255,1), 3px 3px 3px 0px rgba(0,0,0,0.5);
						}
						
							.friend_pic {
								width:120px;
								height:120px;
								border-radius:10px;
							}
							
							.friend_div_title {
								float:center;
								font-size:12px;
								margin:4px 0 0 0;
								text-align:center;
							}
							
				#infoscroll {
					margin-top:20px;
					height:200px;
					width:300px;
				}
				
				#edit_info_button {
					float:right;
					margin-right:8px;
				}
				
				#edit_info_button, #save_info_button {
					width:24px;
					padding:3px;
					text-align:center;
					border:1px solid rgba(0,0,0,0.5);
					border-radius:4px;
					z-index:3;
					cursor:pointer;
					-webkit-box-shadow: inset 2px 3px 5px 0px rgba(255,255,255,1), 2px 2px 2px 0px rgba(0,0,0,0.7);
					-moz-box-shadow: inset 2px 3px 5px 0px rgba(255,255,255,1), 2px 2px 2px 0px rgba(0,0,0,0.7);
					box-shadow: inset 2px 3px 5px 0px rgba(255,255,255,1), 2px 2px 2px 0px rgba(0,0,0,0.7);
					background: rgb(250, 250, 250);
					background: rgba(250, 250, 250, .5);
				}
				
				#save_info_button {
					margin:0 auto;
				}
				
					div:hover#edit_info_button, div:hover#save_info_button {
						background: rgba(250, 250, 250, .8);
					}
					
					div:active#edit_info_button, div:active#save_info_button {
						margin-top:1px;
						-webkit-box-shadow: inset 2px 3px 5px 0px rgba(255,255,255,1), 1px 1px 1px 0px rgba(0,0,0,0.7);
						-moz-box-shadow: inset 2px 3px 5px 0px rgba(255,255,255,1), 1px 1px 1px 0px rgba(0,0,0,0.7);
						box-shadow: inset 2px 3px 5px 0px rgba(255,255,255,1), 1px 1px 1px 0px rgba(0,0,0,0.7);
					}
					
					#name_input {
						line-height:1.2em;
						font-size:1.2em;
					}
							
				#personality_metrics {
					width:300px;
					height:230px;
					margin-top:10px;
				}
					
				a:hover.basic_info {
					text-decoration:underline;
				}
					
				
				.h5info {
					color: black;
					margin-left:18px;
					margin-top:-10px;
					font-size:12px;
				}
					
					table#edit_basic_info {
						border:1px solid grey;
						width:275px;
					}
				
			div#mid {
				position:relative;
				float:left;
				width:383px;
				height:476px;
				margin:5px 5px 0 5px;
				padding:8px 3px 0 3px;
				border-radius:20px;
				-moz-border-radius:20px;
				background: rgb(250, 250, 250);
				background: rgba(250, 250, 250, .6);
				text-align:center;
				display:inline-block;
				-webkit-box-shadow: 4px 5px 5px 0px rgba(0,0,0,0.7);
				-moz-box-shadow: 4px 5px 5px 0px rgba(0,0,0,0.7);
				box-shadow: 4px 5px 5px 0px rgba(0,0,0,0.7);
			}
			
				.mid_bar {
					display:inline-block;
					height:34px;
					width:383px;
					margin:0 auto;
					font-size:12px;
				}
				
				ul.mid_top_list {
					list-style-type: none;
					padding:0px;
				}

/*
					div.mid_top_selection {
						position:relative;
						top:-10px;
						float:left;
						width:119px;
						height:25px;
						padding-top:0px;
						margin-left:0px;
						margin-right:5px;
						text-align: center;
						font-weight: bold;
						cursor:pointer;
						border:1px solid black;
						border-radius:5px;
						-moz-border-radius:5px;
						background: rgb(250, 250, 250);
						background: rgba(250, 250, 250, .1);
						z-index:100;
					}
*/

					div.mid_top_selection {
						position:relative;
						top:-7px;
						float:left;
						width:118px;
						height:25px;
						margin:0px 4px 0px 0px;
						padding-top:6px;
						text-align: center;
						font-weight: bold;
						font-style: italic;
						font-size:14px;
						cursor:pointer;
						z-index:100;
						border:1px solid rgba(0,0,0,0.4);
						border-radius:5px;
						background: rgba(245, 245, 245,0.3);
						box-shadow: inset 2px 3px 5px 0px rgba(255,255,255,1), 3px 3px 3px 0px rgba(0,0,0,0.5);
						-webkit-touch-callout: none;
						-webkit-user-select: none;
						-khtml-user-select: none;
						-moz-user-select: none;
						-ms-user-select: none;
						user-select: none;
					}
					

					
/*
					div#photographs_mid_button, div#personality_mid_button, div#proximity_mid_button {
						width:119px;
						height:19px;
						margin:0px 5px 0px 0px;
						padding-top:6px;
						border-radius:5px;
						-moz-border-radius:5px;
						text-align: center;
						font-weight: bold;
						font-style: italic;
						cursor:pointer;
						-webkit-touch-callout: none;
						-webkit-user-select: none;
						-khtml-user-select: none;
						-moz-user-select: none;
						-ms-user-select: none;
						user-select: none;
						background: rgb(250, 250, 250);
						background: rgba(250, 250, 250, .7);
						background: -moz-linear-gradient(top, rgba(255,255,255,0.7) 0px, rgba(255,255,255,1) 5px);
						background: -webkit-linear-gradient(top, rgba(255,255,255,0.7) 0px, rgba(255,255,255,1) 5px);
						background: linear-gradient(to bottom, rgba(255,255,255,1) 0px,rgba(255,255,255,0.7) 5px);
						filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='rgba(255,255,255,0.7)', endColorstr='rgba(255,255,255,1)',GradientType=0 );
					}
														
*/
					div:hover.mid_top_selection {
						background: rgba(245, 245, 245,0.5);
					}
					
					div:active.mid_top_selection {
						box-shadow: none;
					}
					
					div:active#photographs_mid_button, div:active#personality_mid_button, div:active#proximity_mid_button {
						padding-top:1px;
						height:18px;
					}

					
				div.mid_under_selection {
					padding: 5px 0px 5px 0px;
					margin: 0 0 0 0;
					cursor:pointer;
					-webkit-touch-callout: none;
					-webkit-user-select: none;
					-khtml-user-select: none;
					-moz-user-select: none;
					-ms-user-select: none;
					user-select: none;	
				}
				
				div:active.mid_under_selection {
					padding:6px 0px 4px 0px;
				}
	
/*
					#mid_quiz_dropdown, #mid_photo_dropdown, #mid_proximity_dropdown {
						-webkit-box-shadow: 3px 3px 3px 0px rgba(0,0,0,0.5);
						-moz-box-shadow: 3px 3px 3px 0px rgba(0,0,0,0.5);
						box-shadow: 3px 3px 3px 0px rgba(0,0,0,0.5);
					}
*/
				
					#photo_drop_down, #quiz_drop_down {
						position:relative;
						top:0px;
						float:left;
						text-align: center;
						width:100px;
						height:100px;
						padding-top:6px;
						padding-bottom:6px;
						cursor:pointer;
						background: rgb(0, 0, 0);
						background: rgba(0, 0, 0, .3);
						z-index:1000;							
					}
				
					#view_button {
						position:relative;
					}
					
						#expand_middle_button {
							position:absolute;
							width:25px;
							height:25px;
							
						}
						
				div#album_dropdown_menu {
					z-index:3;
					cursor:pointer;
					-webkit-box-shadow: inset 2px 3px 5px 0px rgba(255,255,255,1), 2px 2px 2px 0px rgba(0,0,0,0.7);
					-moz-box-shadow: inset 2px 3px 5px 0px rgba(255,255,255,1), 2px 2px 2px 0px rgba(0,0,0,0.7);
					box-shadow: inset 2px 3px 5px 0px rgba(255,255,255,1), 2px 2px 2px 0px rgba(0,0,0,0.7);
					background: rgb(250, 250, 250);
					background: rgba(250, 250, 250, .7);
				}
				
					.album_menu_item {
						width:62px;
						float:left;
						padding:3px;
						cursor:pointer;
						font-size:12px;
						background-color:rgba(255, 255, 255, .5);
						z-index:10;
					}
					
						div:hover.album_menu_item {	
							background-color:rgba(255, 255, 255, .8);
						}
					
				#photos_back_button {
					position:absolute;
					top:0px;
					left:5px;
					margin-left:5px;
					padding:5px;
					text-align:center;
					cursor:pointer;
					border:1px solid black;
					border-radius:7px;
					-moz-border-radius:7px;
					background: rgb(200, 200, 200);
					background: rgba(200, 200, 200, .5);
					-webkit-box-shadow: 3px 3px 3px 0px rgba(0,0,0,0.5);
					-moz-box-shadow: 3px 3px 3px 0px rgba(0,0,0,0.5);
					box-shadow: 3px 3px 3px 0px rgba(0,0,0,0.5);
				}
				
				#mid_loading_bar {
					height:2px;
					width:0px;
					margin-bottom:1px;
					background:rgb(40,150,40);
					border:1px solid rgb(40,150,40);
					visibility:hidden;
				}

				#matchlist {
					position:relative;
					width:384px;
					height:360px;
/*					margin-left:3px;*/
					/*margin-bottom:20px;*/
				}
				
				#content {
					width:400px;
					margin-left:6px;
				}
				
					.mid_hr {
						float:left;
						width:367px;
					}
				
					.photo_options {
						top:0px;
						text-align: center;
						width:360px;
						height:30px;
						margin:0 auto;
						cursor:pointer;
						border-radius:5px;
						border:1px solid black;
						-moz-border-radius:5px;
						background: rgb(250, 250, 250);
						background: rgba(250, 250, 250, .1);
					}
				
					.enter_question {
						width:300px;
						margin:0 auto;
						margin-top:10px;
						padding:5px;
						border-radius:5px;
						-moz-border-radius:5px;
						background: rgb(250, 250, 250);
						background: rgba(250, 250, 250, .6);
					}
				
					#match {
						width:100%;
						height: 100px;
						border-bottom:1px solid black;
					}
							
						#matchimg {
							float:left;
							height: 92px;
							width: 92px;
							margin:4px;
							margin-left:4px;
							margin-right:4px;
							border-radius:5px;
							-moz-border-radius:5px;
						}
						
						.matchstat {
							float:left;
						}
					
					/* Styling for the quiz form */
					
				#quiz_title_bar {
					height:25px;
					margin-bottom:5px;
					text-align:center;
					font-size:18px;
				}
					
					.add_menu {
						position:absolute;
						width:30px;
						height:30px;
						cursor:pointer;
						font-size:12px;
						border:1px solid black;
						border-radius:5px;
						-webkit-box-shadow: inset 2px 3px 5px 0px rgba(255,255,255,1), 2px 2px 2px 0px rgba(0,0,0,0.7);
						-moz-box-shadow: inset 2px 3px 5px 0px rgba(255,255,255,1), 2px 2px 2px 0px rgba(0,0,0,0.7);
						box-shadow: inset 2px 3px 5px 0px rgba(255,255,255,1), 2px 2px 2px 0px rgba(0,0,0,0.7);
						background: rgb(250, 250, 250);
						background: rgba(250, 250, 250, .7);
						z-index:10;
					}
					
						div:hover.add_menu {
							background-color:rgba(255, 255, 255, .8);
							padding-bottom:3px;
						}
					
						.question_menu_button {
							padding: 5px 0px 5px 0px;
							margin: 0 0 0 0;
							cursor:pointer;
							font-size:11px;
							text-align:center;
							-webkit-touch-callout: none;
							-webkit-user-select: none;
							-khtml-user-select: none;
							-moz-user-select: none;
							-ms-user-select: none;
							user-select: none;	
						}
						
						div:hover.question_menu_button {
							background: rgb(245, 245, 245);
							background: rgba(245, 245, 245, 1);
						}
						
						div:active.question_menu_button {
							padding:6px 0px 4px 0px;
						}
						
					.new_question_container {
						overflow:show;
						position:relative;
						width:374px;
						min-height:38px;
						margin:0 auto;
						margin-bottom:10px;
						border:1px solid rgba(50, 50, 50, .5);
						border-radius:10px;
						-moz-border-radius:10px;
						background-color:rgba(255, 255, 255, .2);
						-webkit-box-shadow: 3px 3px 3px 0px rgba(0,0,0,0.5);
						-moz-box-shadow: 3px 3px 3px 0px rgba(0,0,0,0.5);
						box-shadow: 3px 3px 3px 0px rgba(0,0,0,0.5);
					}
					
					.add_question_element_menu {
						position:absolute;
						top:0px;
						right:3px;
						float:left;
					}
					
					.add_question_element_menu, .delete_question_button {
						margin:6px 0px 4px 0px;
						width:24px;
						height:24px;
						cursor:pointer;
						clear:none;
						overflow:hidden;
						border:1px solid black;
						border-radius:5px;
						-moz-border-radius:5px;
						background-color:rgba(255, 255, 255, .5);
						-webkit-box-shadow: 3px 3px 3px 0px rgba(0,0,0,0.5);
						-moz-box-shadow: 3px 3px 3px 0px rgba(0,0,0,0.5);
						box-shadow: 3px 3px 3px 0px rgba(0,0,0,0.5);
					}
					
					.delete_question_button {
						float:left;
						width:24px;
						height:24px;
						margin:6px 7px 0px 6px;
					}
						
						.add_question_element_menu:hover{
							overflow:show;
						}
					
						.delete_question_button:hover {
							background-color:rgba(255, 255, 255, .8);
						}
					
						.polar_input_button {
							border-top-left-radius:5px;
							-moz-border-radius-top-left:5px;
							border-top-right-radius:5px;
							-moz-border-radius-top-right:5px;
						}
						
						.polar_input_button, .number_input_button, .slider_input_button, .multiple_choice_input_button, .text_input_button {
							width:24px;
							height:24px;
							text-align:center;
						}
					
					.question_element_container {
						float:left;
						width:304px;
						margin:0px 0px 8px 30px;
						padding:3px 3px 3px 3px;
						border:1px solid black;
						background-color:rgba(250, 250, 250, .5);
						border-radius:5px;
						-moz-border-radius:5px;
						-webkit-box-shadow: 3px 3px 3px 0px rgba(0,0,0,0.5);
						-moz-box-shadow: 3px 3px 3px 0px rgba(0,0,0,0.5);
						box-shadow: 3px 3px 3px 0px rgba(0,0,0,0.5);
					}
					
					.polar_question_container {
						width:308px; 
						margin:0 auto;
						overflow:hidden;
						text-align:center;
					}
					
						.polar_question_left, .polar_question_right {
							float:left;
							width:140px;
							cursor:pointer;
							min-height:16px;
							margin: 0px 4px 0px 0px;
							padding:12px 4px 12px 4px;
							text-align:center;
							border:1px solid black;
							background-color:rgba(250, 250, 250, .5);
							border-radius:5px;
							-moz-border-radius:5px;
							-webkit-box-shadow: 3px 3px 3px 0px rgba(0,0,0,0.5);
							-moz-box-shadow: 3px 3px 3px 0px rgba(0,0,0,0.5);
							box-shadow: 3px 3px 3px 0px rgba(0,0,0,0.5);
						}
						
						.polar_question_right {
							margin: 0px 0px 0px 0px;
						}
						
						.visibility_eye {
							width:22px;
							height:22px;
							margin: 0px 4px 0px 0px;
							background:rgb(250, 250, 250);
							background:rgba(250, 250, 250, .5);
							border:1px solid black;
							border-radius:5px;
							-moz-border-radius:5px;
							-webkit-box-shadow: 3px 3px 3px 0px rgba(0,0,0,0.5);
							-moz-box-shadow: 3px 3px 3px 0px rgba(0,0,0,0.5);
							box-shadow: 3px 3px 3px 0px rgba(0,0,0,0.5);
						}
						
						.nbox {
							width:304px;
							margin:0 auto;
							text-align:center;
						}
							
							.cbox {
								position:relative;
								float:left;
								-moz-box-sizing:border-box;
								box-sizing:border-box;
								width:28px;
								height:28px;
								margin-right:2px;
								padding:5px 0px 5px 0px;
								text-align:center;
								display: inline-block;	
								cursor:pointer;
								font-size:12px;
								border:1px solid black;
								background-color:rgba(5, 5, 5, .7);
								color:white;
								border-radius:7px;
								-moz-border-radius:7px;
								-webkit-box-shadow: 3px 3px 3px 0px rgba(0,0,0,0.5);
								-moz-box-shadow: 3px 3px 3px 0px rgba(0,0,0,0.5);
								box-shadow: 3px 3px 3px 0px rgba(0,0,0,0.5);
								-webkit-touch-callout: none;
								-webkit-user-select: none;
								-khtml-user-select: none;
								-moz-user-select: none;
								-ms-user-select: none;
								user-select: none;
							}
							
						.slider_container {
							position:relative;
							width:258px;
							height:20px;
							margin:0 auto;	
						}	
							
							.slider_bar {
								position:absolute;
								-moz-box-sizing:border-box;
								box-sizing:border-box;
								top:8px;
								left:0px;
								width:258px;
								height:6px;
								background-color:rgba(200, 200, 200, .7);
								border:1px solid black;
								border-radius:7px;
								-moz-border-radius:7px;
								-webkit-box-shadow: 3px 3px 3px 0px rgba(255,255,255,0.5);
								-moz-box-shadow: 3px 3px 3px 0px rgba(255,255,255,0.5);
								box-shadow: 3px 3px 3px 0px rgba(255,255,255,0.5);
							}
							
							.slider_button {
								position:absolute;
								top:1px;
								-moz-box-sizing:border-box;
								box-sizing:border-box;
							}
							
							.slider_percentage_container {
								position:relative;
								float:left;
								width:40px;
								height:20px;
								margin:0 4px 0 2px;
								font-size:14px;
							}
														
								.slider_percentage_input {
									position:absolute;
									top:0px;
									left:0px;
									width:20px;
									height:12px;
									margin-top:1px;
								}
								
								.slider_percentage_text {
									position:absolute;
									left:30px;
									top:2px;
									font-size:14px;
								}
															
					div.thumbnail_large {
						position:relative;
						width:366px;
						margin:0 3px 3px 0;
						border: 1px solid white;
						/*border-radius:7px;*/
						/*-moz-border-radius:7px;*/
						-webkit-box-shadow: 5px 5px 5px 0px rgba(0,0,0,0.7);
						-moz-box-shadow: 5px 5px 5px 0px rgba(0,0,0,0.7);
						box-shadow: 5px 5px 5px 0px rgba(0,0,0,0.7);
					}
											
					div.thumbnail_small, div.thumb_album {
						position:relative;
						width:119px;
						height:119px;
						border: 1px solid white;
						float:left;
						clear:none;
						margin:0 3px 3px 0;
						overflow:hidden;
						/*border-radius:7px;*/
						/*-moz-border-radius:7px;*/
						-webkit-box-shadow: 5px 5px 5px 0px rgba(0,0,0,0.7);
						-moz-box-shadow: 5px 5px 5px 0px rgba(0,0,0,0.7);
						box-shadow: 5px 5px 5px 0px rgba(0,0,0,0.7);
					}
					
					.thumb_album {
						overflow:hidden;
					}
					
					div.thumbnail_small {
						cursor: zoom-in;
					}
					
					div.thumb_album {
						background:rgb(250,250,250);
						background:rgba(250,250,250,.8);
						/*border-radius:7px;*/
						/*-moz-border-radius:7px;*/
					}
					
						.empty_album_img {
							margin-top:25%;
							margin-left:25%;
							height:50%;
							width:50%;
							border-radius:5px;
							-moz-border-radius:5px;
							text-align: center;
							font-weight: bold;
							cursor:pointer;
							-webkit-touch-callout: none;
							-webkit-user-select: none;
							-khtml-user-select: none;
							-moz-user-select: none;
							-ms-user-select: none;
							user-select: none;
							background: rgb(250, 250, 250);
							background: rgba(250, 250, 250, .7);
							background: -moz-linear-gradient(top, rgba(255,255,255,0.7) 0px, rgba(255,255,255,1) 5px); /* FF3.6-15 */
							background: -webkit-linear-gradient(top, rgba(255,255,255,0.7) 0px, rgba(255,255,255,1) 5px); /* Chrome10-25,Safari5.1-6 */
							background: linear-gradient(to bottom, rgba(255,255,255,1) 0px,rgba(255,255,255,0.7) 5px); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
							filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='rgba(255,255,255,0.7)', endColorstr='rgba(255,255,255,1)',GradientType=0 ); /* IE6-9 */
						}
					
						.thumbnail_large_img, .thumbnail_small_img, .album_thumbnail {
							width:100%;
							height:100%;
							cursor:zoom-in;
							/*
border-radius:7px;
							-moz-border-radius:7px;
*/
							-webkit-touch-callout: none;
							-webkit-user-select: none;
							-khtml-user-select: none;
							-moz-user-select: none;
							-ms-user-select: none;
							user-select: none;
						}
						
						.album_thumbnail {
							display:block;
							margin:0 auto;
							width:auto;
							height:100%;
						}
						
						.thumbnail_small_img_vert {
							display:block;
							margin:0 auto;
							width:auto;
							height:100%;
							cursor:zoom-in;
							-webkit-touch-callout: none;
							-webkit-user-select: none;
							-khtml-user-select: none;
							-moz-user-select: none;
							-ms-user-select: none;
							user-select: none;
						}
							
						.album_img_preview {
							float:left;
							height:100%;
						}
					
						div.album_title {
							position:absolute;
							top:0px;
							width:118px;
							padding: 4px 0 4px 0;
							text-align:center;
							background:rgb(250,250,250);
							background:rgba(250,250,250,.8);
							border:1px solid white;
							/*
border-radius:6px;
							-moz-border-radius:6px;
*/
							cursor:pointer;
							-webkit-touch-callout: none;
							-webkit-user-select: none;
							-khtml-user-select: none;
							-moz-user-select: none;
							-ms-user-select: none;
							user-select: none;
							z-index:1;
							-webkit-box-shadow: 0px 2px 2px rgba(0,0,0,0.7);
							-moz-box-shadow: 0px 2px 2px rgba(0,0,0,0.7);
							box-shadow: 0px 2px 2px rgba(0,0,0,0.7);
						}
						
						#album_name_text_field {
							margin-bottom:2px;
							-webkit-box-shadow: 1px 1px 1px 1px rgba(0,0,0,0.5);
							-moz-box-shadow: 1px 1px 1px 1px rgba(0,0,0,0.5);
							box-shadow: 1px 1px 1px 1px rgba(0,0,0,0.5);
						}
					
					.thumbnail_search {
						width:100%;
						height:100%;
						/*
border-radius:7px;
						-moz-border-radius:7px;
*/
						cursor:pointer;
						-webkit-touch-callout: none;
						-webkit-user-select: none;
						-khtml-user-select: none;
						-moz-user-select: none;
						-ms-user-select: none;
						user-select: none;
					}
					
					.thumbnail4 {
						float:left;
						height:50%;
						width:50%;
						cursor:pointer;
						-webkit-touch-callout: none;
						-webkit-user-select: none;
						-khtml-user-select: none;
						-moz-user-select: none;
						-ms-user-select: none;
						user-select: none;
					}
					
						.img_options {
							position:absolute;
							bottom:0px;
							width:115px;
							height:32px;
							padding-left:4px;
							background: rgb(250, 250, 250);
							background: rgba(250, 250, 250, .7);
							overflow:hidden;
						}
						
						.img_options h4 {
							margin-top:2px;
						}
						
						.user_img_options {
							position:absolute;
							bottom:0px;
							width:119px;
							height:0px;
							background: rgb(250, 250, 250);
							background: rgba(250, 250, 250, .7);
							display: none;							
							text-align:center;
							overflow:hidden;
							-webkit-box-shadow: 1px -3px 5px 0px rgba(0,0,0,0.7);
							-moz-box-shadow: 1px -3px 5px 0px rgba(0,0,0,0.7);
							box-shadow: 1px -3px 5px 0px rgba(0,0,0,0.7);
						}
						
							.add_photos_button {
								left:0px;
								top:0px;
								width:28px;
								height:28px;
								padding:0px;
							}
							
							.set_background_button {
								left:43px;
								top:0px;
							}
							
							.delete_button {
								right:0px;
								top:0px;
							}
						
							.img_option_button, .add_photos_button, .set_background_button, .delete_button {
								position:absolute;
								height:20px;
								width:20px;
								padding:4px;
								margin:2px;
								cursor: pointer;
								border:1px solid black;
								-webkit-border-radius:6px;
								-moz-border-radius:6px;
								border-radius:6px;
								background: rgb(250, 250, 250);
								background: rgba(250, 250, 250, .5);
								-webkit-box-shadow: 1px 1px 1px 1px rgba(0,0,0,0.5);
								-moz-box-shadow: 1px 1px 1px 1px rgba(0,0,0,0.5);
								box-shadow: 1px 1px 1px 1px rgba(0,0,0,0.5);
								-webkit-touch-callout: none;
								-webkit-user-select: none;
								-khtml-user-select: none;
								-moz-user-select: none;
								-ms-user-select: none;
								user-select: none;
							}
							
								.img_option_button:hover {
									background: rgb(250, 250, 250);
									background: rgba(250, 250, 250, .8);
								}
								
								.img_option_button:active {
									margin-top:3px;
									background: rgb(250, 250, 250);
									background: rgba(250, 250, 250, 1);
									-webkit-box-shadow: 0px 0px 0px 0px rgba(0,0,0,0.5);
									-moz-box-shadow: 0px 0px 0px 0px rgba(0,0,0,0.5);
									box-shadow: 0px 0px 0px 0px rgba(0,0,0,0.5);
								}	
						
								.img_option_icon {
									height:20px;
									width:20px;
								}
						
						#message_banner {
							width: 360px;
							margin: 0 auto;
							margin-top:2px;
							text-align:center;
							border:1px solid white;
							border-radius:12px;
							-moz-border-radius:12px;
							background: rgb(250, 250, 250);
							background: rgba(250, 250, 250, .7);
							-webkit-box-shadow: 1px 1px 1px 1px rgba(0,0,0,0.5);
							-moz-box-shadow: 1px 1px 1px 1px rgba(0,0,0,0.5);
							box-shadow: 1px 1px 1px 1px rgba(0,0,0,0.5);
							opacity:0;
						}
				
				 #map_canvas { 
					height:600px;
				 }
				 
				 #pac-input {
				  height:20px;	
				  background-color: #fff;
				  font-family: Roboto;
				  font-size: 13px;
				  font-weight: 300;
				  margin-top: 13px;
				  margin-left: 0px;
				  padding: 0 11px 0 13px;
				  text-overflow: ellipsis;
				  width: 256px;
				}
					
					#pac-input:focus {
					  border-color: #4d90fe;
					}
					
					.pac-container {
					  font-family: Roboto;
					}
					
					#location_visibility_box {
						position:absolute;
						top:352px;
						left:8px;
						width:25px;
						height:25px;
						z-index:10;
						border:1px solid rgba(0,0,0,0.3);
						background:rgba(255,255,255,0.6);
						box-shadow: 1px 1px 1px 1px rgba(0,0,0,0.5);
						border-radius:3px;
					}
				
				h5#showmap {
					position:relative;
					top:8px;
					margin-left:20px;
					margin-bottom:0;
				}
				
				table#pigraphs {
					width:300px;
					height:240px;
					text-align:center;
				}
						
				.pichart {
					margin-left:10px;
					width:79px;
					height:79px;
				}
				
				.pi_animation {
					cursor:pointer;
					border:1px solid rgba(0,0,0,.5);
				/*
	-webkit-box-shadow: 1px 1px 1px 1px rgba(0,0,0,0.5);
					-moz-box-shadow: 2px 1px 1px 2px rgba(0,0,0,0.5);
*/
					box-shadow: 1px 1px 1px 1px rgba(0,0,0,0.5);
					
					background: rgba(250, 250, 250, .2);
/*					background: -moz-linear-gradient(top, rgba(255,255,255,0.7) 0px, rgba(255,255,255,1) 5px);
					background: -webkit-linear-gradient(top, rgba(255,255,255,0.7) 0px, rgba(255,255,255,1) 5px);
					background: linear-gradient(to bottom, rgba(255,255,255,1) 0px,rgba(255,255,255,0.7) 5px);
					filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='rgba(255,255,255,0.7)', endColorstr='rgba(255,255,255,1)',GradientType=0 );
*/
				}
				
				.pi_animation:hover {
					background: rgba(250, 250, 250, .7);
				}
				
				.pi_animation:active {
					/*
-webkit-box-shadow: 1px 1px 1px 1px rgba(0,0,0,0.5);
					-moz-box-shadow: 1px 1px 1px 1px rgba(0,0,0,0.5);
*/					box-shadow: 0px 0px 0px 0px rgba(0,0,0,0.5);
					
				}
				
			a:link , a:hover , a:visited{
				color: #333333;
				text-decoration:none;
				font-size:12px;
			}
			
			.hide {
				visibility:hidden;
			}
			
			.show {
				visibility:visible;
			}
			
			.no_select {
				-webkit-touch-callout: none;
				-webkit-user-select: none;
				-khtml-user-select: none;
				-moz-user-select: none;
				-ms-user-select: none;
				user-select: none;
			}
			
			div#header, #loginmain, #sign_up, div#pic , div#info, div#mid, div#stats, div#friends {
				-webkit-box-shadow: inset 2px 3px 5px 0px rgba(255,255,255,1), 4px 4px 4px 0px rgba(0,0,0,0.7);
				-moz-box-shadow: inset 2px 3px 5px 0px rgba(255,255,255,1), 4px 4px 4px 0px rgba(0,0,0,0.7);
				box-shadow: inset 2px 3px 5px 0px rgba(255,255,255,1), 4px 4px 4px 0px rgba(0,0,0,0.7);
				background: rgb(250, 250, 250);
				background: rgba(250, 250, 250, .7);
			}