html{height:100%;width:100%;margin:0px;padding:0px;
    	font: normal "Helvetica Neue", Helvetica, Geneva, sans-serif;}

body{height:100%;width:100%;margin:0px;padding:0px; }

/* IE6 Hacks */
.container {_margin-left:15%;}
h1 {_font-size:31px;}
/* End IE6 Hacks */

input.text, input.title, textarea, select {margin:0.1em 0;border:1px solid #bbb;}
input.text:focus, input.title:focus, textarea:focus, select:focus {border:1px solid #666;}
input.text, input.title {width:150px;padding:2px; background:#ebebeb}
input.title {font-size:1.5em;}

#footer {
	clear: both;
	background-color: #392e29; /* First for Firefox */
	left: 0;
	bottom: 0;
	width: 100%;
	height: 200px;
	margin-top: -200px;
	font-size: 1.1em;
	color: #eee;
}

#footer p {
	text-align: center;
	font-size: 11px;
	font: 13px/1.5 "Lucida Grande", Lucida, Verdana, sans-serif;
	color: #fff;
	background: url("/media/images/ft-trans.png") no-repeat 0 8px;
	padding-top:8px;
}

#footer .ttt {
    font-size: 1.5em;
    margin-bottom:0.5em;
    font-style: bold;
    color: #eee;
}
#footer  A:link {text-decoration: underline; color: #eee;}
#footer  A:visited {text-decoration: underline; color: #eee;}
#footer  A:active {text-decoration: underline; color: #eee;}
#footer  A:hover {text-decoration: underline; color: #eee;}

.loggedin {
    color: #eee;
    font-size: 1.2em;
}
.loggedin  A:link {text-decoration: underline; color: #eee;}
.loggedin  A:visited {text-decoration: underline; color: #eee;}
.loggedin  A:active {text-decoration: underline; color: #eee;}
.loggedin  A:hover {text-decoration: underline; color: #eee;}

/* Pricing */
.plan {
	float: left;
	width: 24%;
}
.plan .plan_heading {
	text-align: center;
	background: url("/media/images/PageShadow.png" ) repeat 0px 0px;
	color: white;
	font-weight: bold;
	font-size: 20px;
	border: 1px solid #fff;
	margin-top: 20px;
}

.plan .plan_details {
	font-size: 12px;
	border: 1px solid;
	background-color: #FFFFFF;
	padding: 5px;
	text-align: center;
	height: 210px;
}
.plan .no_border_right {
	border-right: none;
}
.plan_pop .plan_pop_heading {
	text-align:center;
	background: url("/media/images/PageShadow.png" ) repeat 0px 0px;
	color: white;
	font-weight: bold;
	font-size: 25px;
	border: 2px solid;
}
.plan_pop .plan_pop_details {
	font-size: 12px;
	border: 2px solid;
	background-color: #FFFFFF;
	padding: 5px;
	text-align: center;
	height: 225px;
}
.plan_pop {
	width: 25%;
	float: left;
}
.matrix_heading {
	background: url("/media/images/PageShadow.png" ) repeat 0px 0px;
	color: white;
	font-size: 15px;
}
.heading_detail {
	color: red;
	font-size: 12px;
	font-weight: bold;
}
.detail_bold {
	font-weight: bold;
	color: red;
}
.bottom_text {
	font-size: 15px;
	padding-top: 5px;
	clear: both;
}
.signup_button {
	
	margin-top: 10px;
}
.signup_button_small {
	width: 100px;
	height: 30px;
	margin-left: 10px;
}
/* Input Forms */
.label {
	padding: 5px;
	font-weight: bold;
}
.field {
	padding: 5px;
}
/* Tour */
#tour img {
	border: 1px solid #C9C9C9;
	width:100%;
	margin-top: 10px;
}
/* About */
.section {
	#padding: 10px;
	clear: both;
}

.section h3 {
	font-size: 15px;
	border-bottom: 2px solid #7D7D7D;
}

.section img {
	border: 1px solid #ffffff;
	width: 100px;
	height: 115px;
}

.section .img {
	float: left;
	padding: 15px;
	clear: both;
}

.section .info {
	float: left;
	padding: 15px;
	width: 70%;
}

.section .blurb {
	clear: both;
}

.section .contact {
	font-weight: bold;
}

/* FAQ */


#faq .questions {
	padding-bottom: 10px;
}

#faq .answers {
}
#faq .questions a {
	text-decoration: none;
	padding: 5px;
}

#faq h3 {
	padding-bottom: 5px;
}

#faq h4 {
	font-weight: bold;
	font-size: 13px;
	margin-left: 10px;
	padding-bottom: 5px;
}

#faq .sub {
	margin: -15px 0 5px 20px;
}

#faq .ans {
	padding: 5px;
}
/* Metrics */
#metrics {
	padding: 20px 0px 0px 0px;
	min-height: 350px;
	margin: auto;
}

#metrics .d0 {
	background-color: #FCFCFC;
}

#metrics .d1 {
	background-color: #F0F0F0;
}

#metrics h1 {
	font-size: 24px;
	text-transform: none;
	font-weight: bold;
	color: #000000;
	padding: 10px 10px 10px 10px;
}

#metrics td {
	border-bottom: 1px solid #C9C9C9;
	text-align: center;
	font-size: 13px;
}
#metrics th {
	border-bottom: 1px solid #C9C9C9;
	font-size: 13px;
	text-align: center;
}

#metrics table {
	border: 1px solid #C9C9C9;
	border-collapse: collapse;
}

#metrics .comment_heading {
	font-weight: bold;
	padding: 10px;
}

.metrics_heading {
	background: url("/media/images/newheader.png" ) no-repeat 0px 0px;
	color: white;
	font-weight: bold;
	font-size: 15px;
	padding: 5px 5px 5px 15px;
	height: 25px;
	
}

.metrics_heading a {
	font-size: 10px;
	color: white;
}

.metrics_heading .title {
	float: left;
}

.metrics_heading .info {
	float: right;
}

#metrics .pick_display {
	
}

#metrics .pick_image {
	margin: 10px;
	height: 100px;
}
#metrics .pick_image img {
	border: 1px solid;
}

#metrics .pick_data {
	float: left;
	text-align: center;
	margin-left: 10px;
	font-weight: bold;
	padding-bottom: 10px;
}

#metrics .pick_votes {
	clear: both;
	text-align:center;
	height: 20px;
	font-weight: bold;
}
#metrics .stats {
	
	font-size: 14px;
	float: left;
	
}
#metrics .chart {
	padding-bottom: 10px;
	float: left;
}

#metrics select {
	width: 50px;
	font-size: 12px;
}
#metrics .graph {
	border: 1px solid #C9C9C9;
	float: left;
	margin: 10px 10px 10px 10px;
}

#metrics .data {
	margin: 10px 0px 10px 0px;	
}

#metrics .comment {
	border-bottom: 1px solid #3f3f3f;
	padding: 5px;
}

#metrics .explain {
	padding: 10px;
	clear: both;
}

#metrics .data_table {
	/*margin: 0 auto 0 auto;*/
	
}


#metrics .legend {
	padding: 5px;
	width: 400px;
}

#metrics .legend_item {
	padding: 5px;
	float: left;
}

#metrics .legend_colour {
	width:20px;
	height:20px;
	float:left;
}

#metrics .legend_name {
	float: left;
	padding: 0 10px 0 5px;
}

#metrics .sorry {
	padding-top: 20px;
}
/* @group Footer */