/* border: solid gray 1px; */

ul li {
	list-style-type:none;
}
li, ul, img {
	margin:0;
	padding:0;
}

#freezetop { 
	width: 100%; 
	background-color: white;
	}

body {
	font-family: Arial, "Lucida Grande", Helvetica, sans-serif;
	font-size: 100%;
	font-style: normal;
	font-weight: normal;
	background-image: url('../images/stripe.gif');
}

p {
	font-size:120%;	
}

p.instruct {
	font-size:120%;	
}



ol.instruct {
	font-size:120%;	
	margin: 0 5px 5px 20px;
	padding: 0 0 0 20px
}

div.titlebar, div.formbody {
	background:white;
}
a:link, a:visited {
	text-decoration: none;
	border: none;
	color: blue;
}
a:hover {
	text-decoration:underline;
}
h3 {
	margin:0 0 5px 0px; 
	padding:0 0 0 0;
	font-size:120%;
	font-weight:bold;
}

h3.section {
	margin:0 0 5px 0; 
	padding:0 0 0 30px;
	font-size:120%;
	font-weight:bold;
}

h4 {
	margin:0 0 8px 0; 
	padding:0 0 0 20px;
	font-size:100%;
	font-weight:bold;
}
label {
	font-size:120%;
}
hr {
	margin:0 0 10px 0;
}

/* STRUCTURE */
div.maincontainer { 
	width: 980px;
	margin: 20px auto;
	border: solid gray 1px;
}
div.titlebar {
	padding: 15px 0px 10px 0px;
	border-bottom:1px solid gray;
	background: #5E5358; /* dark grey */
	color: white; /* off white */
}
div.formbody {
	font-size: 70%;
	padding: 10px 0;
}
	div.formbody  select {
		width: 180px;
		margin: 3px 10px;
	}
	div.formbody  input {
		width: 90px;
	}
	div.formbody  table.examples{
		border: 1px solid gray;
	}
	

/* FORM AND TABLE */
table.popchar {
	padding:10px 0 0 30px;
	margin:0 0 10px 0;
}

table.popchardiv {
	padding:10px 0 0 0;
	margin:0 0 10px 0;
}

span.popcharhead {
	padding: 0;
	font-size:120%;
	font-weight:bold;
}	
fieldset {
	margin-bottom:10px;
}

div.explanation select.select-wide {
	/*width: 180px;*/
	padding: 0;
	margin: 0;
}

table.phys_act {
	margin:0;
	width: 100%;
}
table.phys_act label{
	/*width:180px;*/
	margin:10px 6px 3px 30px;
	float:left;
}
table.phys_act select{
	width:180px;
	margin:10px 0 0 0;
}
table.phys_act input{
	width:25px;
	margin:10px 0 0 0;
}

td {
	/*border:1px solid blue;*/
	margin:0 0 10px 0px; 
	padding:0 0 0 0;
}

td.td1{
	width:250px;
	vertical-align:middle;
}
td.td2{
	width:35px;
}
td.td3{
	/*width:150px;*/
	font-size: 110%;
}
td.td4{
	font-size: 110%;
	width:220px;
	padding-top:8px;
	text-align: right;
	vertical-align:text-bottom;
	line-height: 25px;
}
td.td4 span{
	text-align: right;
	margin-right: 0px;
	padding-right: 0px;
}
td.td5{
	width:85px;	
	padding-top:8px;
	vertical-align:text-bottom;
	margin-left: 0px;
	padding-left: 0px;
}
td.badge{
	vertical-align:top;
	padding-left:30px;
	text-align: left;
}
td.badge img{
	margin:2px;
}
td.explanation{
	font-size: 110%;
	padding:6px 30px 10px 0;
	/*border-top:1px dashed #D9D9DC;*/
}


.inline {
	display:inline;
}
.clear {
	clear:both;
}
.floatleft {
	float:left;
}

div#explanation {
	width:520px; 
	top: 0;
	border-left: 2px dotted gray;
	margin: 0 10px 10px 20px;
	padding-left: 20px;
}
div.chartcontainer {
	margin:10px 0px;
	padding:10px 0px 0px 0;
	border-top:1px solid gray; 
	border-bottom:1px solid gray;
	min-height: 210px;
}
div.chartcontainer  p {
	padding:0 0 0 20px;
	margin-top: 5px;
}
div.chartweight {
	font-size:120%;
	line-height: 1.7;
	float:left;
	width: 150px;
	margin: 4px 25px 5px 30px;
}
div.chart2000cont {
	float:left;
	width: 285px;
	margin:0px 4px 6px 4px;
}
div.chart1970cont {
	float:left;
	height:100px;
	width:280px;
	margin:0px 4px 6px 4px;
}
div.impact_info {
	float:left;
	width:175px;
	margin:6px 5px 0 10px;
}
div.chart {
	float:left;
	height:100px;
}
div.chartheading {
	margin-bottom:10px;
}
div.chartsupertext {
	font-size:120%;
	margin:4px 0;
}



div.chartlabel {
	font-size:80%;
	display:block;
	text-align:right;
	height:12px;
}
div.colset{
	float:left;
	height:75px;
}
div.colset-top {
	height:57px;
}
div.col {
	float:left;
}


div.legendbullet1 {
	float:left;
	line-height:12px;
	background:#3366FF;
	height:10px;
	width:10px;
	margin:1px;
}
div.legendbullet2 {
	float:left;
	line-height:12px;
	background:#3E8628;
	height:10px;
	width:10px;
	margin:1px;
}
div.legendbullet3 {
	float:left;
	line-height:12px;
	background:#66446f; /* purple */
	height:10px;
	width:10px;
	margin:1px;
}
span.legendtext {
	margin:0 0 0 6px;
}

#dci_physical {
	font-weight:bold;
	font-size:14px;
	color:#3366FF;
}
#dci_dietary {
	font-weight:bold;
	font-size:14px;
	color:#216908;
}
#dci_other {
	font-weight:bold;
	font-size:14px;
	color:#66446f; /* purple */
}


#exceeded_by, .congrats {
	font-weight:bold;
	font-size:14px;
	color:red;
}

#mvpa_warning, #castandards_warning {
	font-weight:bold;
	font-size:14px;
	color:red;
	margin: 0 12px;
}



#wt_in_lbs, #gap_2000, #gap_1970, #po_2000, #po_70s, #pobese {
	font-weight:bold;
	font-size:16px;
	color:#114D4B;
}
.dci_number_phys {
	font-weight:bold;
	font-size:16px;
	color:#3366FF;
	margin:0 3px 0 6px;
}
.dci_number_diet{
	font-weight:bold;
	font-size:16px;
	color:#216908;
	margin:0 3px 0 6px;
}
.dci_number_other{
	font-weight:bold;
	font-size:16px;
	color:#66446f; /* purple */
	margin:0 3px 0 6px;
}



table {
  border-collapse: collapse;
}
tr.oddtr {
	background:#F1EEEE;
}
div.grayblock {
	line-height:12px;
	background:#D0D0D0;
	height:6px;
	width:6px;
	margin:1px;
}
div.blueblock {
	line-height:12px;
	background:#3366FF;
	height:6px;
	width:6px;
	margin:1px;
}
div.greenblock {
	line-height:12px;
	background:#3E8628;
	height:6px;
	width:6px;
	margin:1px;
}
div.aquablock {
	line-height:12px;
	background:#66446f; /* purple */
	height:6px;
	width:6px;
	margin:1px;
}



.thickbox{
	margin-left:6px;
}



div#TB_ajaxContent h2 {
	margin: 10px 1px;
}
div#TB_ajaxContent a {
	color: blue;
	text-decoration: underline;
}


/*
.nav {
	position: relative;
	left: -300px;
	top: -7px;
	margin: 0;
	margin-bottom:-16px;
	padding: 0;
}
.simpleborder{
	border: solid gray 1px;
}
*/

/* text wrapping */
.preWrap {
        white-space: pre; /* CSS2 */ 
        white-space: -moz-pre-wrap; /* Mozilla */ 
        white-space: -hp-pre-wrap; /* HP printers */ 
        white-space: -o-pre-wrap; /* Opera 7 */ 
        white-space: -pre-wrap; /* Opera 4-6 */ 
        white-space: pre-wrap; /* CSS 2.1 */ 
        white-space: pre-line; /* CSS 3 (and 2.1 as well, actually) */ 
        word-wrap: break-word; /* IE */ 
}
* html .preWrap { /* for IE5-6 */
        white-space: pre;
}
*:first-child+html .preWrap { /* for IE7 */
        white-space: pre;
}

#colorbox {
font: normal 80% Arial, "Lucida Grande", Helvetica, sans-serif;
}
#cboxLoadedContent {
padding: 15px;

}

h2.cboxLoadedContent{
	font-size: 120%;
	font-weight: bold;
	padding: 10px 10px 5px 0;
}

h3.cboxLoadedContent{
	font-size: 110%;
	font-weight: bold;
	padding: 10px 10px 5px 0;
}

.reset-button {
	margin: 5px 0 5px 10px;
	}
#exceeded_by_div {
	margin-bottom: 10px;
	}

/* Footer 10% decrease compared to other pages */
div.footer {
	font-size: 75%;
}

/* =Menu
-------------------------------------------------------------- */

#access {
	/*
	background: #222;  * Show a solid color for older browsers *
	background: -moz-linear-gradient(#252525, #0a0a0a);
	background: -o-linear-gradient(#252525, #0a0a0a);
	background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#252525), to(#0a0a0a)); * older webkit syntax *
	background: -webkit-linear-gradient(#252525, #0a0a0a);
	-webkit-box-shadow: rgba(0, 0, 0, 0.4) 0px 1px 2px;
	-moz-box-shadow: rgba(0, 0, 0, 0.4) 0px 1px 2px;
	box-shadow: rgba(0, 0, 0, 0.4) 0px 1px 2px;
	*/
	clear: both;
	display: block;
	float: left;
	margin: 0 auto; /* 6px; */
	width: 100%;	
	border-bottom: 1px solid gray;
}
#access ul {
	font-size: 13px;
	list-style: none;
	margin: 0 0 0 -0.8125em;
	padding-left: 0;
}
#access li {
	float: left;
	position: relative;
	
	margin: 0 10px;
	font-size: 18px;
	
	
	
	background: #f9f9f9; /* Show a solid color for older browsers */
	background: -moz-linear-gradient(#f9f9f9, #e5e5e5);
	background: -o-linear-gradient(#f9f9f9, #e5e5e5);
	background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#f9f9f9), to(#e5e5e5)); /* Older webkit syntax */
	background: -webkit-linear-gradient(#f9f9f9, #e5e5e5);
	color: #373737;
	
	
}
#access a {
	color: #7e7e7e;
	display: block;
	line-height: 3.333em;
	padding: 0 1.2125em;
	text-decoration: none;
}
#access ul ul {
	-moz-box-shadow: 0 3px 3px rgba(0,0,0,0.2);
	-webkit-box-shadow: 0 3px 3px rgba(0,0,0,0.2);
	box-shadow: 0 3px 3px rgba(0,0,0,0.2);
	display: none;
	float: left;
	margin: 0;
	position: absolute;
	top: 3.333em;
	left: 0;
	width: 188px;
	z-index: 99999;
}
#access ul ul ul {
	left: 100%;
	top: 0;
}
#access ul ul a {
	background: #f9f9f9;
	/*border-bottom: 1px dotted #ddd;*/
	color: #444;
	font-size: 13px;
	font-weight: normal;
	height: auto;
	line-height: 1.4em;
	padding: 10px 10px;
	width: 168px;
}
#access li:hover > a,
#access ul ul :hover > a,
#access a:focus {
	background: blue; /* #efefef; */
}
#access li:hover > a,
#access a:focus {
	background: #f9f9f9; /* Show a solid color for older browsers */
	background: -moz-linear-gradient(#f9f9f9, #e5e5e5);
	background: -o-linear-gradient(#f9f9f9, #e5e5e5);
	background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#f9f9f9), to(#e5e5e5)); /* Older webkit syntax */
	background: -webkit-linear-gradient(#f9f9f9, #e5e5e5);
	color: #373737;
}
#access ul li:hover > ul {
	display: block;
}


#access .current-menu-item ,
#access .current-menu-ancestor ,
#access .current_page_item ,
#access .current_page_ancestor {
	background: #e5e2e2; /* Show a solid color for older browsers */
	background: -moz-linear-gradient(#e5e2e2, #e5e5e5);
	background: -o-linear-gradient(#e5e2e2, #e5e5e5);
	background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#e5e2e2), to(#e5e5e5)); /* Older webkit syntax */
	background: -webkit-linear-gradient(#e5e2e2, #e5e5e5);
	color: #373737;
}


#access .current-menu-item > a,
#access .current-menu-ancestor > a,
#access .current_page_item > a,
#access .current_page_ancestor > a {
	/* font-weight: bold; */
	color: #465fb5;
}

/* Search Form */
#branding #searchform {
	position: absolute;
	top: 3.8em;
	right: 7.6%;
	text-align: right;
}
#branding #searchform div {
	margin: 0;
}
#branding #s {
	float: right;
	-webkit-transition-duration: 400ms;
	-webkit-transition-property: width, background;
	-webkit-transition-timing-function: ease;
	-moz-transition-duration: 400ms;
	-moz-transition-property: width, background;
	-moz-transition-timing-function: ease;
	-o-transition-duration: 400ms;
	-o-transition-property: width, background;
	-o-transition-timing-function: ease;
	width: 72px;
}
#branding #s:focus {
	background-color: #f9f9f9;
	width: 196px;
}
#branding #searchsubmit {
	display: none;
}
#branding .only-search #searchform {
	top: 5px;
	z-index: 1;
}
#branding .only-search #s {
	background-color: #666;
	border-color: #000;
	color: #222;
}
#branding .only-search #s,
#branding .only-search #s:focus {
	width: 85%;
}
#branding .only-search #s:focus {
	background-color: #bbb;
}
#branding .with-image #searchform {
	top: auto;
	bottom: -27px;
	max-width: 195px;
}
#branding .only-search + #access div {
	padding-right: 205px;
}