<style>
/*-----------------------------------------------------[ LINKS ]------------------*/

	A {text-decoration: none; color: darkblue;}
	A:link {text-decoration: none; color: darkblue;}
	A:visited {text-decoration: none; color: darkblue;}
	A:active {text-decoration: none; color: darkblue;}
	A:hover {text-decoration: underline; color: purple;}

/*-----------------------------------------------------[ FONTS ]------------------*/

	/* FONTS - Small font size */
	.fontsmall { 
		font-family: arial;
		font-size: 8pt;
		color: #000000;
	}

	/* FONTS - Medium font size */
	.fontmedium {
		font-family: arial;
		font-size: 10pt;
		color: #000000;
	}

	/* FONTS - Large font size */
	.fontlarge {
		font-family: arial;
		font-size: 12pt;
		color: #000000;
	}

/*-----------------------------------------------------[ CONTAINERS/PANELS ]------*/

	/* Main Container - Contains left, right, and center panels */
	#container {
		margin:0px;
		padding:0px;
		width:100%;
		height:100%;
	}
			
	/* Left Panel */
	#leftpanel {
		float:left;
		position:relative;
		width:171px;
	}

	/* Center Panel */
	#centerpanel {
		float:left;
		margin-left:3px;
		margin-right:3px;
		position:relative;
		width:275px;
	}

	/* Center Panel Extended - For pages with 2 panels, expands the center to accommodate the right side */
  #centerpanelstretch {
		float:left;
		margin-left:3px;
		margin-right:3px;
		position:relative;
		width:445px;
	}

	/* Right Panel */
	#rightpanel {
		float:left;
		position:relative;
		width:167px;
	}

/*-----------------------------------------------------[ MAIN STYLES ]------------*/

	/* Text style for the headers */
	#headertext {
		font-weight:bold;
		margin-bottom:-4px;
		position:relative;
		top:1px;
	}

	/* Light Background - Background for Login, Quick Quiz/Poll, Links, etc... */
	#background1 {
		margin-top:-1px;
		background-color:#E6E6E6;
		padding:10px;
		width:100%;
	}

	/* Light header (Should be darker then background1) */
	#header1 {
		border-bottom:4px solid #A6A6A6;
		padding-left:7px;
	}
	
	/* Seperater just like the border of header1 (should be the same color as header1) */
	#seperater {
		position:relative;
		width:100%;
		height:3px;
		border-top:3px solid #A6A6A6;
		margin-bottom:-21px;
	}

	/* Background color of the paging bar (should be same color as background1) */
  #pagingbar {
		background-color:#E6E6E6;
  }

	/* Background color for the center of the paging bar (should be same color as background1) */
  #pagingbarcenter {
		background-color:#E6E6E6;
		width:245px;
  }
  
	/* LightMedium Background - Offset background (should be slightly darker then the light background) */
	#background2 {
		margin-top:-1px;
		background-color:#D9D9D9;
		padding:10px;
		width:100%;
	}

	/* Same as above except no padding */
	#background2nopadding {
		background-color:#D9D9D9;
		width:100%;
	}

	/* Dark Background - Background for Quick Search, Sign Up, etc... */
	#background3 {
		margin-top:-1px;
		background-color:#B8BED5;
		padding:10px;
		width:100%;
	}
	
	/* Dark Font Color - Font color to use on Dark Backgrounds */
	.background3fontcolor {
		color:#000000;
	}
	
	/* Dark header (Should be darker then background3) */
	#header2 {
		border-bottom:4px solid #969BAE;
		padding-left:7px;
	}

	/* Seperater just like the border of header2 (should be the same color as header2) */
	#seperater2 {
		position:relative;
		width:100%;
		height:3px;
		border-top:3px solid #969BAE;
		margin-top:-1px;
		margin-bottom:-21px;
	}

	/* Background color for top headline of someones profile (should be same color as background3) */
  #profileheadline {
		margin-top:-1px;
		background-color:#B8BED5;
		padding-bottom:2px;
  }

/*-----------------------------------------------------[ MISC STYLES ]------------*/

	.percentbar {
		background-color:#ffffff;
	}
	
	/* Style for form buttons */
	#formsubmit {
		background-color:#BFBFBF;
		border:1px solid #909090;
	}

	/* Style for form buttons */
	#formelement {
		background-color:#ffffff;
	}

	/* Color of the divider line used on the profile page */
  #hr {
		border-bottom:1px #000000 solid;
  }

		
	/* Secion Spacing - Vertical spacing between modules. */
	#section { 
		margin-bottom:12px;
	}
	
/*-----------------------------------------------------[ NON-IMPORTANT STYLES ]---*/

	/* Used for Cities to make them proper case */
  #capitalizefirst {
		text-transform:capitalize;
  }

	#featuredpicture {
		cursor:pointer;
		border:1px solid #000000;
		width:82px;
		height:77px;
		float:left;
	}

	/* Signup buttons on the Sign Up module */
	#signupbutton {
		text-align:left;
		padding-top:3px;
		padding-left:25px;
		border:1px solid #000000;
		background-color:#ffffff !important;
		width:85%;
		height:24px;
		margin-bottom:12px;
		cursor:pointer;
	}

	/* Padding for username and password */
	#username, #description {
		padding-left:94px;
	}
			
	#userinfo {
		padding-left:89px;
	}

	body {
		margin:0px;
	}

	div {
		-moz-box-sizing:border-box;
		box-sizing:border-box;
		margin:0;
		padding:0;
	}
			
	form {
		display:inline;
	}

</style>
