/* =================START STYLESHEET ================*/
body {
  font-family: helvetica;
  margin: 0px;
  padding: 0px;
	background: black;
	color: white;
}
h3 {color: #4DC9E5;}
a img {
	border: none;
}
A:link {text-decoration: none; border: none; color: #4DC9E5;}
A:visited {text-decoration: none; color: #4DC9E5;}
A:active {text-decoration: none;}
A:hover {text-decoration: underline; color: white; cursor: hand;}
input:focus {
    b/ackground-color: rgba(10,10,10,0.9) !important;
}
#background {
	height: 100%;
	width: 100%;
	background: url(/images/redesign/background.jpg) repeat-x;
}
#main {
	background: url(/images/redesign/main_background.jpg);
	width: 1160px;
	margin: 0 auto 50px auto;
	-webkit-box-shadow: 4px 5px 10px black;
	-moz-box-shadow: 4px 5px 10px black;
	-moz-border-radius: 0px 0px 10px 10px; 
	-webkit-border-radius: 0px 0px 10px 10px;
}
#nav {
	width: 950px;
	margin: 0 auto;
}

#nav ul {
  margin: 0px;
  padding: 0px;
  list-style: none;
}

#nav ul li {
	float: left;
	height: 80px;
  line-height: 80px;
	width: 20%;
	font-family: helvetica !important;
}

#nav ul li a {
  height: 80px;
  line-height: 80px;
  display: block;
  b/order: 0.1em solid #dcdce9;
  color: #8E8E8E;
  text-decoration: none;
  text-align: center;
	font-family: helvetica !important;
}

#nav ul li a:hover {
  d/isplay: inline;
  b/order: 0.1em solid #dcdce9;
  color: white;
  text-align: center;
}

.selected  {
  color: white !important;
	background: url(/images/redesign/page_marker.png) no-repeat top center;
}


.container {
  width: 1160px;
  text-align: center;
  margin-left: auto; 
  margin-right: auto;
}
#edit_profile {

	margin: 0 auto;
	font-family: helvetica;
	color: #727272;
	font-size: 12px;
}
#login_fadeout {
	position: fixed;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	z-index: 998;
	background: black;
	opacity: 0.35;
	filter: alpha(opacity = 35); /* required for opacity to work in IE */
}
#login_box {
	background: url(/images/redesign/login.png);
	position: relative;
	top: 200px;
	margin: 0 auto;
	z-index: 999;
	width: 271px;
	height: 316px;
	font-family: helvetica;
	color: #727272;
	font-size: 12px;
}
.login_button {background: url(/images/redesign/login_button.png) no-repeat top left; border: none; height: 21px; width: 50px;}
.login_button:hover { background: url(/images/redesign/login_button_hover.png) no-repeat top left; border: none; height: 21px; width: 50px; }
.email_password_button {background: url(/images/redesign/email_password_button.png) no-repeat top left; border: none; height: 21px; width: 117px;}
.email_password_button:hover {background: url(/images/redesign/email_password_button_hover.png) no-repeat top left; border: none; height: 21px; width: 117px;}
.login_field {background: url(/images/redesign/login_field.png) no-repeat top left !important; border: none; height: 24px; width: 130px; color: white; padding-left: 5px;}
#login_close {
	height: 23px;
	width: 25px;
	float: left;
	b/order: 1px solid red;
	position: relative;
	top: 24px;
	right: -20px;
}
#signup_box {
	background: url(/images/redesign/login.png);
	position: relative;
	top: 200px;
	margin: 0 auto;
	z-index: 999;
	width: 271px;
	height: 316px;
	font-family: helvetica;
	color: #727272;
	font-size: 12px;
}
.signup_button {background: url(/images/redesign/signup_button.png) no-repeat top left; border: none; height: 21px; width: 57px;}
.signup_button:hover { background: url(/images/redesign/signup_button_hover.png) no-repeat top left; border: none; height: 21px; width: 57px; }
#signup_close {
	height: 23px;
	width: 25px;
	float: left;
	b/order: 1px solid red;
	position: relative;
	top: 24px;
	right: -20px;
}
#iphone_notice {
  font-size: 25px;
  text-align: center;
  padding: 10px;
  margin: 20px;
  border: 5px solid #ccc;
  width: 400px; /* ie5win fudge begins */
  voice-family: "\"}\"";
  voice-family:inherit;
  width: auto;
}

#android_notice {
  font-size: 18px;
  text-align: center;
  padding: 10px;
  margin: 10px;
  border: 5px solid #ccc;
  width: 270px; /* ie5win fudge begins */
  voice-family: "\"}\"";
  voice-family:inherit;
}

.widebox {
  padding: 20px;
  margin: 20px auto 0 auto;
  b/order: 5px solid #359946;
  width: 850px; /* ie5win fudge begins */
  voice-family: "\"}\"";
  voice-family:inherit;
}

#header_div {
	background: rgb(28,28,28);
  background: rgba(00,00,00,0.3);
	width: 95%;
	height: 130px; 
	margin: 0 auto; 
	-moz-border-radius: 0 0 10px 10px; 
	-webkit-border-radius: 0 0 10px 10px;
	-webkit-box-shadow: 3px -3px 30px black inset;
	-moz-box-shadow: 3px -3px 30px black inset;
}
#logo_box {
	float: left;
	text-align: right;
	width: 490px;
}

.header_content { 
  width: 100%; 
  margin: 0 auto; 
  float: left;
}

.header_user {
	float: right;
	b/order: 1px solid orange;
	height: 130px;
}
#nav_links {
	b/order: 1px solid red;
	margin: 20px 75px 0 0;
	font-style: helvetica ;
	color: #8E8E8E;
}
#nav_links a {
	color: #8E8E8E !important;
	font-size: 14px;
}
#twitter {
	b/order: 1px solid green;
	float: right;
	margin: 33px 20px 0 0;	
}

.header_content_text {
  text-align: left;
  font-weight: bold;
  font-size: 10px;
}
.header_content_text a {
	display: inline !important;
}
.header_content_text a:hover {
	color: white;
}
#profile_table {
  f/loat:right; 
}
#header_div h1 { 
  font-size: 32px; 
  letter-spacing: -1px; 
  margin: 0px; 
  padding: 0px; }

#header_div a, #header_div a:visited { 
  color: #fff; 
  text-decoration: none;
}

#header_div h2 { 
  letter-spacing: -1px; 
  color: #fff; 
  font-size: 15px; 
  margin: 0px;
  padding: 0px;
  font-weight: normal; 
}

.h1_content {
  margin-top: 0px;
  text-align: center;
  font-size: 25px;
  margin-bottom: 18px;
  padding: 0px;
	color: #4DC9E5;
}

.h2_content {
  text-align: center;
  font-size: 14px;
  margin-top: 0px;
  margin-bottom: 6px;
  padding: 0px; 
}

#notice {
  text-align: center;
  height: 2em;
  line-height: 2em;
  margin-left: auto; 
  margin-right: auto;
  width: 780px;
  border: 0.1em solid #dcdce9;
  color: green;
  text-decoration: none;
}

h3 {
  margin:0px;
  padding: 0px;
}

#box_container {
  margin: 20px auto 0 auto;
  width: 520px;
  height: 200px;
	text-align: center;
	b/order: 1px solid red;
}

.box {
  box-sizing: border-box;
  width: 240px;
  height: 200px;
  text-align: left;
  b/order: 1px solid #359946;
  margin-right: 12px;
  margin-left: 0px;
  padding: 2px;
  float:left;
}
#legend_line a:hover {cursor: hand;}

.content {
  text-align: left;
}
.clear {
  clear: both;
}

th {
  border-bottom: 0.1em solid #dcdce9;
}

.bargraph {
	font: 0.6em/2em tahoma;
	border-collapse: collapse;
	color: black;
}
.bargraph td {
	padding:0;
	margin:0;
	vertical-align:bottom;
	text-align:center;

	background: #ccc url(/images/gridline.gif) 15px bottom;
}
.bargraph img{
	display:block;
	border-right: 1px solid #000;
}
#home_graphic {
	background: url(/images/redesign/homecentergraphic.png) no-repeat;
	height: 738px;
	width: 708px;
	margin: 0 auto;
}
#footer {
	background: rgb(28,28,28);
  background: rgba(00,00,00,0.3);
	width: 95%;
	height: 45px; 
	margin: 0 auto 20px auto; 
	-moz-border-radius: 10px 10px 10px 10px; 
	-webkit-border-radius: 10px 10px 10px 10px;
	-webkit-box-shadow: 3px -3px 30px black inset;
	-moz-box-shadow: 3px -3px 30px black inset;
}
.smallprint {
  font-size: 12px;
	padding: 15px 0 0 0;
	font-family: helvetica;
  color: #808080;
}
#iphone_background {
	height: 570px;
	width: 833px;
	background: url(/images/redesign/iphone_background.png) no-repeat;
	margin: 0 auto;
}
#map {
	margin: 0 0 0 150px;
	-webkit-box-reflect: below 64px -webkit-gradient(linear, left top, left bottom, from(transparent), color-stop(0.75, transparent), to(white));
}
#map.user_results {
	-webkit-box-reflect:  none !important;
	margin: 0 0 0 190px;
}
#ie_sucks {
	float: right; 
	width: 80px; 
	height: 55px; 
	margin: -59px 374px 0 0;
}
#features {
	width: 88%;
	margin: 0 auto;
}
#feature {
	font-size: 14px;
	min-height: 97px;
	width: 290px;
	float: left;
	margin: 0 40px 40px 10px;
}
.icon_holder {
	width: 24px;
	margin: 0 10px 0 0;
	height: 100%;
	float: left;
}
.feature_header {
	font-size: 15px;
	color: #4DC9E5;
}