@charset "utf-8";

html {
	height: 100%;  /* Important to sticky footer */
}

/* .neurotox body { } does not work */

body  {
	font: 100% Verdana, Arial, Helvetica, sans-serif;
	background: #5B8AD0;
	margin: 0; /* it's good practice to zero the margin and padding of the body element to account for differing browser defaults */
	padding: 0;
	text-align: center; /* this centers the container in IE 5* browsers. The text is then set to the left aligned default in the #container selector */
	color: #000000;

/* 	height: 100%;
	minimum-height: 100%;
*/
}



.neurotox #error_notice {
	border: 3px solid red;  
	background-color: #FFFF99; 
	padding: 10px;
	margin: 10px;
}


.neurotox .error_class {
	border: 1px solid red;  
	background-color: #FFFF99; 
	float: left;
}




.neurotox .Bold {
	font-weight: bold;
}

.neurotox .Title {

	font-weight: bold;
	font: 70% sans-serif;
	color: #000000;
	
}


.neurotox #offer {

	background: #5B8AD0;
	width: 350px;
	padding: 25px;
	margin: 25px;
	color: #ffffff;
	cursor: pointer;
	
}

.neurotox #container { 
	width: 814px;  /* using 20px less than a full 800px width allows for browser chrome and avoids a horizontal scroll bar */
	background: #FFFFFF url("http://www.neurotox.com/images/bg_repeater.jpg") repeat-y;
	margin: 0 auto; /* the auto margins (in conjunction with a width) center the page */

	margin-top: 25px;
	
 	height: 100%;       /* Important to sticky footer */


} 

.neurotox #surveycontainer { 
	width: 814px;  /* using 20px less than a full 800px width allows for browser chrome and avoids a horizontal scroll bar */
	background: #FFFFFF url("http://www.neurotox.com/images/survey_bg_repeater.jpg") repeat-y;
	margin: 0 auto; /* the auto margins (in conjunction with a width) center the page */

	margin-top: 25px;
	
 	height: 100%;       /* Important to sticky footer */


} 




.neurotox #header { 
	background: #13206e url("http://www.neurotox.com/images/header.jpg"); 
	padding: 0 10px 0 20px;  /* this padding matches the left alignment of the elements in the divs that appear beneath it. If an image is used in the #header instead of text, you may want to remove the padding. */

	margin: 0 auto;
	padding-top: 20px;
	width: 776px;
	height: 72px;
	
	/* Geneva, Arial, Helvetica, sans-serif */
	/* Geneva, Arial, Helvetica, sans-serif
	Arial, Helvetica, sans-serif
	"Courier New", Courier, monospace
	Georgia, "Times New Roman", Times, serif
	Geneva, Arial, Helvetica, sans-serif */
	

} 

.neurotox #header h1 {
	margin: 0; /* zeroing the margin of the last element in the #header div will avoid margin collapse - an unexplainable space between divs. If the div has a border around it, this is not necessary as that also avoids the margin collapse */

	padding: 10px 0; /* using padding instead of margin will allow you to keep the element away from the edges of the div */
	font: 180% sans-serif;
	color: #ffffff;
}



.neurotox #sidebar0 {
	float: left; /* since this element is floated, a width must be given */
	width: 66px; /* the actual width of this div, in standards-compliant browsers, or standards mode in Internet Explorer will include the padding and border in addition to the width */
	height: 700px;
	/* background: #EBEBEB; */ /* the background color will be displayed for the length of the content in the column, but no further */
	padding: 0px; /* padding keeps the content of the div away from the edges */
	margin-left: 4px;
	background: url("http://www.neurotox.com/images/sidebar0_bg.jpg");
}



.neurotox #sidebar1 {
	float: left; /* since this element is floated, a width must be given */
	width: 185px; /* the actual width of this div, in standards-compliant browsers, or standards mode in Internet Explorer will include the padding and border in addition to the width */
	/* background: #EBEBEB; */ /* the background color will be displayed for the length of the content in the column, but no further */
	padding: 0; /* padding keeps the content of the div away from the edges */
	padding-top: 20px;
	padding-bottom: 20px; 
	background: url("http://www.neurotox.com/images/sidebar1_bg.jpg");	
	height: 660px;
}




.neurotox #mainContent { 
	float: left;
	width: 470px;

	padding: 0 10px; /* remember that padding is the space inside the div box and margin is the space outside the div box */

	text-align: left;

} 

.neurotox #surveyContent { 
	float: left;
	width: 655px;
	background: #EEEEEE;
	height: 100%;
	min-height: 900px;
	padding: 0 10px; /* remember that padding is the space inside the div box and margin is the space outside the div box */

	text-align: left;

} 

.neurotox #resultContent { 
	float: left;
	width: 655px;
	background: #EEEEEE;
	height: 100%;
	min-height: 900px;
	padding: 0 10px; /* remember that padding is the space inside the div box and margin is the space outside the div box */

	text-align: left;

} 




.neurotox #mainContent_vita { 
	float: left;
	width: 535px;
	background: #ffffff;
	
	padding: 0 10px; /* remember that padding is the space inside the div box and margin is the space outside the div box */

	text-align: left;

} 




.neurotox #sidebar2 {
	float: left; /* since this element is floated, a width must be given */
	width: 64px; /* the actual width of this div, in standards-compliant browsers, or standards mode in Internet Explorer will include the padding and border in addition to the width */
	/* background: #EBEBEB; */ /* the background color will be displayed for the length of the content in the column, but no further */
	padding: 0; /* padding keeps the content of the div away from the edges */
	padding-top: 20px;
	padding-bottom: 20px; 
	background: url("http://www.neurotox.com/images/sidebar2_bg.jpg");
	height: 660px;
}




.neurotox #Center {
	text-align: center;
}


.neurotox .smaller { /* class="smaller" */
	font: 70% sans-serif;	
	
} 

.neurotox .smaller_centered { /* class="smaller" */
	font: 70% sans-serif;	
	text-align: center;	
} 

.neurotox .indent { /* class="indent" */
	text-indent: 25px;
}


.neurotox #footer { 
	padding: 0 10px 0 20px; /* this padding matches the left alignment of the elements in the divs that appear above it. */
	background:#13206e;

	font: 70% sans-serif;	
	margin: 0 auto;
	width: 776px;
	color: #ffffff;
	
} 


.neurotox #footer p {
	margin: 0; /* zeroing the margins of the first element in the footer will avoid the possibility of margin collapse - a space between divs */
	padding: 10px 0; /* padding on this element will create space, just as the the margin would have, without the margin collapse issue */
}
.fltrt { /* this class can be used to float an element right in your page. The floated element must precede the element it should be next to on the page. */
	float: right;
	margin-left: 8px;
}
.fltlft { /* this class can be used to float an element left in your page */
	float: left;
	margin-right: 8px;
}
.clearfloat { /* this class should be placed on a div or break element and should be the final element before the close of a container that should fully contain a float */
	clear:both;
    height:0;
    font-size: 1px;
    line-height: 0px;
}


.neurotox #side_menu {
	width: 170px;
	margin: 0 auto;
	padding-top: 50px;
}



a.nav, a.nav:link, a.nav:visited, .active{display:block; width:170px; height:25px; background:#a5b6d2; border:1px solid #000; margin-top:2px; text-align:center; text-decoration:none; font-family:verdana, arial, sans-serif; font-size:12px; color:#000; line-height:25px; overflow:hidden;}
a.nav:hover {color:#fff; background:#779e44;}
a.nav:active, .active {color:#fff; background:#5d89d2;}




.neurotox form#signup label{

	clear: both;
	display: block;
	float: left;
	width: 300px;

	font: 90% sans-serif;
	text-align: right;
	padding-right: 10px;
	margin-bottom: 5px;
	/* color: #888888; */

}


.neurotox form#signup label#special_label {

	width: 200px;
	text-align: right;
}

.neurotox form#signup label#special_label2 {

	width: 400px;
	text-align: right;
}


.neurotox form#questionaire label{
	padding-top: 5px;
	padding-bottom: 5px;
	height: 30px;


}

.XOUTneurotox form#questionaire label.radio {
	clear: both;
	display: block;
	float: left;
	width: 50px;
}

.neurotox #label {

	clear: both;
	display: block;
	float: left;

	font: 90% sans-serif;
	text-align: right;
	padding-right: 10px;
	margin-bottom: 5px;
	/* color: #888888; */

	width: 130px;
	text-align: right;

}

.neurotox form#questionaire label#special_label {

	width: 130px;
	text-align: right;
}




.neurotox #horiz_group {

	clear: both;	
	height: auto;
	overflow: auto;
	/*    border: 1px solid red;  background-color: #777777; */ 
	padding-bottom: 5px;
	padding-top: 5px;
	/* border: 1px solid #666666; */ 
	font: 90% sans-serif;
	width: 100%;
}

.neurotox #login_status {

	text-align: right;
	padding: 10px;
	font: 80% sans-serif;

}

.neurotox #result_column_spacer {
	/*   border: 1px solid red;  background-color: #777700; */ 
	width: 10px;	
	text-align: center;	
	float: left;
	
}

.neurotox #result_column_symptom {
	/*   border: 1px solid red;  background-color: #777700; */ 
	border-bottom: 1px solid black;
	width: 180px;	
	text-align: center;	
	float: left;
	
}

.neurotox #result_label {
	/*   border: 1px solid red;  background-color: #777700; */ 
	width: 180px;	
	text-align: right;	
	float: left;
	
}

.neurotox #result_column_classification {
	/*   border: 1px solid red;  background-color: #777700; */ 
	border-bottom: 1px solid black;
	width: 430px;	
	text-align: center;
	float: left;	
	
}

.neurotox #result_column_guage {
	/*   border: 1px solid red;  background-color: #777700; */ 
	border-bottom: 1px solid black;
	width: 123px;	
	text-align: center;
	float: left;	
	
}

.neurotox #result_numeric {
	/*   border: 1px solid red;  background-color: #777700; */ 
	width: 50px;	
	text-align: right;	
	float: left;
	
}

.neurotox #result_bar {
	/*   border: 1px solid red;  background-color: #777700; */ 
	width: 390px;	
	text-align: right;
	float: left;	
	
}

.neurotox #results_bar {
	/*   border: 1px solid red;  background-color: #777700; */ 
	width: 390px;	
	text-align: left;
	float: left;	
	
}



.neurotox #signature {
	font: 90% sans-serif;

}

.neurotox #list_name {

	width: 170px;
	/* background-color:#EEEEEE; */
	font: 80% sans-serif;
	text-align: left;
	float: left;

}


.neurotox #list_city {

	width: 150px;
	/* background-color:#FFEEEE; */
	font: 80% sans-serif;	
	text-align: left;
	float: left;

}

.neurotox #list_extra {

	width: 75px;
	/* background-color:#FFEEEE; */
	font: 80% sans-serif;	
	text-align: left;
	float: left;

}


.neurotox #left_col {

	width: 350px;
	/* background-color:#FFEEEE; */
	text-align: left;
	float: left;

}


.neurotox #right_col {

	width: 200px;
	/* background-color:#FFEEEE; */
	text-align: left;
	float: left;

}

.neurotox #header_label {
	width: 150px;
	text-align: right;
	float: left;
	font-size: 15px;
}

.neurotox #header_data {
	width: 200px;
	text-align: left;
	float: left;
}

.neurotox #header_label_right {
	width: 80px;
	text-align: right;
	float: left;
}

.neurotox #header_data_right {
	width: 100px;
	text-align: left;
	float: left;
}



.neurotox #number_column {
	width: 30px;
	text-align: right;
	float: left;
	padding-right: 10px;
}

.neurotox #question_column {
	width: 500px;
	text-align: left;
	overflow: hidden;
	padding-right: 10px;
	float: left;
}

.neurotox #answer_column {
	width: 450px;
	text-align: right;
	overflow: hidden;
	padding-right: 10px;
	float: left;
}

#horiz_group #result_label,#horiz_group #result_column_guage,#horiz_group #result_column_symptom,#horiz_group #result_column_classification{
	font-size: 16px;
	text-align: left;
}