.bar_cont_comp{
    width:50px;
    font-size:0.7em;
    height:120px;
    float:left;
    margin:5px;
    margin-top:40px;
}

.bar_cont{
    width:32px;
    font-size:0.8em;
    height:120px;
    float:left;
    margin-right:10px;
    margin-top:-10px;
    margin-top:30px;
}

.bar{
    height:65px;
    margin-bottom:5px;
    background-color:#00008B;
}

.notice{
    border: 2px dotted green;
    border-left: 5px solid green;
    background-color: #44EE44;
}
.warning{
    border: 2px dotted #552200;
    border-left: 5px solid #552200;
    background-color: #ff7f2a;
}

.error{
    border: 2px dotted #800000;
    border-left: 5px solid #800000;
    background-color: #ff8080;
}

.alert{
    width: 80%;
    margin-left: 10%;
    margin-bottom: 2px;
    /* height: 30px;*/
    padding: 4px;
}

a.info{
    color:black;
}

a.info span{
    display: none;
}

a.info:hover span{
    display:block;
    width:200px;
    border:1px dotted #0cf;
    background-color:#EEEEEE;
    color:#000000;
    text-align: left;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 10px;
    padding: 5px;
    z-index: 100;
}

.sortedcol{
    font-size:1.2em;
    font-weight:bold;
}

.nav_button a img{
    margin-bottom:-15px;
    margin-right:1px;
    margin-left:5px;
}

li.button1 a{
    display: block;
}

.even{
    background-color: #ff8080;
}

.odd{
    background-color: #80ff80;
}

ul.recipecats{
}

ul.recipecats li{
    display: block;
    width: 120px;
    height: 60px;
    float: left;
    margin-right:8px;
    margin-bottom:10px;
    padding-left: 2px;
}

ul.recipecats li a{
    display: block;
    float: left;
    width: 120px;
    height: 60px;
    text-decoration: none;
    color: black;
    background-image: url('../media/images/buttons.png');
}

ul.recipecats li a img{
    margin-left: 2px;
    margin-top: 2px;
}
ul.recipecats li a:hover{
    background-image: url('../media/images/buttons.png');
    background-position: 0px -60px;
}

.graph_separator{
    margin-top:30px;
    height:120px;
    border-right:2px dotted black;
    float:left;
    width:5px;
    margin-right:2px;
}

.recipe_ing{
    display: block;
    float: left;
    font-size: 0.9em;
}

.amount {
    position: relative;
    left: 10px;
    top: -55px;
    font-weight: bold;
    font-size: 1.2em;
}

.recipe_ing ul{
    text-indent: 0px;
    padding: 0;
}

.recipe_ing li{
    list-style: none;
    text-indent: 0px;
    margin-left: 2px;
    margin-right: 2px;    
}

.macro_section{
    float: left;
		font-size:15pt;
    text-align:center;
    font-weight:bold;
    height: 30px;
    border-width: 4px;
    border-style:solid;
    border-left: none;
    border-right: none;
    overflow: hidden;
}

.nut_table{
  float: left;
  margin: 5px;
  text-align: center;
}

#bottom_tip{
  border: 1px solid black;
  width: 80%;
  display: block;
}

#main_tip{
}

.home_tip{
  /*border: 1px solid black;*/
  float: left;
  display: inline;
  float: left;
  margin: 5px;
  width: 45%;
  border: 2px solid #803300; /* #0142a7; */
  font-size: 0.9em;
  padding-left: 4px;
  padding-right: 4px;
  background-color:#ff7f2a;
}

.home_tip h1{
  font-size: 1.1em;
  background-color: #803300; /*#0142a7; */
  color: #ff7f2a;
  margin-left:-5px;
  margin-right:-5px;
  margin-top: 0px;
  text-indent:6px;
}

.mostp{
  float:right;
  margin-top: 10px;
  font-size:0.6em;
  background-color: #b0edc5;
  border: 3px solid #399a5a;
  display: block;
  margin-bottom: 5px;
}

.mostp h4{
  background-color: #399a5a;
  margin-top: 0px;
  padding-left:3px;
}

.mostp a{
  margin: 5px;
  color: black;
  text-decoration: none;
  font-weight: bold;
  font-size: 1.1em;
}

.nav_bar{
  position:relative;
  left:1%;
  margin-top:10px;
  font-size: 0.8em;
}

.nav_bar ul{
  list-style: none;
}

.nav_bar li{
  display: inline;
  border: 1px solid black;
  padding: 3px;
}

div#footer{
    margin-top:10px;
    /*
    clear: both;
    display:block;
    */
}

div#footer a{
  margin-left: 5px;
  display: inline;
}

.adj_li{
  margin-left: -15px;
  margin-right:5px;
}
.nav_button:hover {
  background-color: #4180d2;
}

.nav_button{
  float:left;
  height:50px;
  font-size:0.7em;
  background-color: #5795e6;
  margin-right: 5px;
  padding-right: 3px;
}

.nav_button a{
  text-decoration:none;
  color: black;
}

.food_section{
  width:100%;
  padding: 5px;
  min-height: 200px;
  margin:10px;
  clear:both;
  position: relative;
  margin-bottom: 35px;
}

  div#food_head{
		position:relative;
		margin-right: 10px;
		width: 100%;
		border-top:1px solid black;
		padding-top:5px;
}

.food_section h2{
  margin-left: -10px;
  border-bottom: 1px solid black;
  width: 100%;
}

.food_section h2 a{
  text-decoration: none;
}

.food_lnk{
  margin-top: 20px;
  height: 64px;
  width: 95%;
}

.button1_icon{
  margin-bottom:-20px;
  margin-top:5px;
  margin-right: 5px;
  margin-left: 5px;
}

.even_row{
  background-color: #ff6060;
  border-left: 20px solid red;
  padding-left: 10px;
}

.odd_row{
  background-color: #60ff60;
  border-left: 20px solid green;
  padding-left: 10px;
}

.even_row:hover{
  background-color:#ff5050;
}

.odd_row:hover{
  background-color:#50ff50;
}

.food_lnk img{
  display:inline;
  height:100%;
}
.flink_procs{
  position:relative;
  top:-70px;
  left:70px;
  height: 25px;
}
.flink_text{
  font-size:1em;
  position: relative;
  top: -65px;
  left: 70px;
  width: 80%;
}
.button1{
  list-style: none;
  padding-right: 10px;
  padding-bottom: 20px;
  background-image: url('../media/images/button1.png');
  background-repeat: no-repeat;
  width:214px;
  height: 70px;
  display: inline;
  float:left;
  font-size:8pt;
  margin-bottom: 1px;
}

.button1 img{
  margin-bottom:-20px;
  margin-top:5px;
  margin-left: 5px;
  margin-right:5px;
}

.button1:hover{
  background-image: url('../media/images/button2.png');
  background-repeat: no-repeat;
}

.button1 a{
  text-decoration:none;
  color: black;
}

body{
  font-family: verdana;
  font-size: 12pt;
}
			
a img{
		border: none;
}
		  
.cls1{
    position: relative;
    top: 0px;
		font-size:15pt;
    text-align:center;
    font-weight:bold;
    height: 30px;
    border-width: 4px;
    border-style:solid;
    border-left: none;
    border-right: none;
}
		  
.ecolors{
		border-color:#552200;
		background-color:#ff6600;
		color: #552200;
}
		  
.pcolors{
    min-width:4px;
    border-color:#660b0c;
		background-color:#f65c59;
		color: #660b0c;
}
		  
		  .wcolors{
		  	border-color:#160b66;
				background-color:#80e5ff;
				color: #160b66;							
			}
			
			.ccolors{
				border-color:#4c850f;
				background-color:#b9d553;
				color: #4c850f;
			}
			
			.lcolors{
				border-color:#959600;
				background-color:#e6ef60;
				color: #959600;
			}
			
			.acolors{
				border-color: #660080;
				background-color:#eeaaff;
				color: #660080;
			}
			
			.fcolors{
				border-color: #784421; 
				background-color:#d38d5f;
				color: #784421;
			}
			
			.hcolors{
      	border-color: #4d4d4d; 
				background-color:#b3b3b3;
				color: #4d4d4d;
      }
      
      .scolors{
      	border-color: #217844; 
				background-color:#5fd38b;
				color: #217844;
      }
      
      .ocolors{
      	border-color: #800033; 
				background-color:#ff5599;
				color: #800033;
      }
		  
		  .mono_bar{
		    position: absolute;
		    bottom: 0px;
				font-size:10pt;
		    text-align:center;
		    width: 32px;
		    background-color:#00008B;
		  }
		  
		  .mono_bar1{
			font-size:8pt;
		    text-align:center;
		    width: 25px;
		    background-color:#00008B;
		    height:65px;
        margin-bottom:5px;
		  }
		  
		  .mono_bar2{
			font-size:8pt;
		    text-align:center;
		    width: 25px;
		    background-color:#5050d0;
		    height: 65px;
		    margin-bottom:5px;
		    display:inline;
		    float:right;
		  }
		  
 		.icontainer{
				position:absolute;
				bottom:-40px;
				text-align: center;
				font-weight: bold;
			}
		  
		  .hlegend_item{
				display:block;
				float: left;
				/*width: 60px;*/
				padding:3px;
				border:2px solid;
				font-size:0.9em;
				font-weight: bold;
				margin-left: 4px;
				margin-top: 4px;
			}

.scorebox{
  float: right;
  border:1px solid black;
  width: 70px;
  margin-right: 10px;
  margin-bottom:5px;
  margin-top: 40px;
}

.scorebox_head{
  background-color:black;
  color:white;
  padding:3px;
  text-align:center;
}

.scorebox_head_i1{
  background-color:darkblue;
  color:white;
  padding:3px;
  text-align:center;
}

.scorebox_head_i2{
  background-color:#5050d0;
  color:white;
  padding:3px;
  text-align:center;
}

.scorebox_head_purple{
  background-color:#800066;
  color:white;
  padding:3px;
  text-align:center;
}

.scorebox_content{
  background-color:white;
  text-align:center;
  font-size:15pt;
}

.scorebox_foot{
  background-color:white;
  border-top:1px solid black;
  text-align:center;
  font-size:8pt;
  font-weight: bold;
}

.scorebox_foot a{
    text-decoration: none;
}
	
	div#navigation{
  	position: relative;
  	left: 100px;
  	top: 0px;
	}