#nutritionPanelWrapper {
    margin-left: 30px;
    margin-top: 30px;
}

.menuwrapper {
    /*background-color: seashell;*/
    margin-top: 10px;

}

.location-menu {
    list-style: none;
    margin:0px;
    outline:none;
    margin-bottom: 20px;


}

.location-menu ul {

    margin-left: -20px;

}

.location-menu li {
    display: inline;
    margin-right: 20px;
    text-align: left;
    /*background-color: seashell;*/
    width: 100%;
    height: 100%;
    margin-right: 20px;
    /*border-top: 1px solid black;
    border-left: 1px solid black;
    border-right: 1px solid black;*/

}



#menuspace{
    background-color: white;

    width:75%;
    float: left;
    border: 1px solid black;
    /*border-left: 1px solid black;
    border-bottom: 1px solid black;
    border-right: 1px solid black;*/
    margin:0px;outline:none;
    vertical-align: top;
    margin-bottom: 40px;

}

#menuContainer {
   /*border: 1px solid grey;*/
}

.dropdown-menu-right{
    list-style: none;
    font-family: Avenir;
}

#legendspace {

    float: right;
    width:25%;
    font-size: 14px;
}

.location-menu{
    /*background-color: seashell;*/
    width:75%;
    font-size: 14px;
}

.first {
    margin-left: -40px;

}



/* Style the tab */
div.location-menu {
    overflow: hidden;
    border: 1px solid #000000;
   /* background-color: #f1f1f1;*/
    height: 46px;
}

/* Style the buttons inside the tab */
div.location-menu button {
    background-color: inherit;
    float: left;
    border: none;
    outline: none;
    cursor: pointer;
    padding: 14px 10px;
    transition: 0.3s;
    color: #000000;
    font-size:16px;

}

/* Change background color of buttons on hover */
div.location-menu button:hover {
    background-color: #ddd;
}

/* Create an active/current tablink class */
div.location-menu button.active {
    background-color: #ccc;
}

/* Style the tab content */
.tabcontent {
    display: none;
    padding: 6px 12px;
    border: 1px solid #ccc;
    border-top: none;
}

list-group-items{

}

.list-group-item{
    list-style: none;
    padding-left:5px;

}

#menuspace{
    font-family: Avenir;

}

.dateSelected{
    font-weight: bold;
}

#br{
    display:none;
}

#mealSelector {
    /*background-color: #1b6d85;*/
    width:500px;
    height:40px;
    margin-top: 5px;
}

#mealSelector ul {
    vertical-align: bottom;
}

#mealSelector ul li {
    list-style: none;
    display: inline;
    margin-left: 20px;
    border: 1px solid black;
    padding: 2px 10px 2px 10px;
    width: 30%;
    paddin-top:2px;

}

.mealButton {
    width: 30%;
    margin-top: 4px;
    margin-bottom: 4px;

}

.mbactive {
    /*background-color: red;*/
}

#DNDIV{
    /*display: none;*/
}

#LUDIV{
    /* display: none;*/
}

#nutrition-wrapper {
    font-family: Arial;
    width:750px;
margin-top: 30px;
    background-color: #888888;



}

#nutpanel{
    float: left;
    font-family: Arial;
    width: 300px;
    display: inline;
    font-size: 12px;
    vertical-align: top;
    vertical-align: text-top;
    height: 450px;




}

#ingpanel {
    float: right;
    display: inline;
    font-family: Arial;
    font-size: 12px;
    width:125px;
    vertical-align: top;
    vertical-align: text-top;
    height: 450px;
}

#ingpanel .ialabel {
    font-weight: bold;
}


#ingpanel .iaAllLabel {
    font-weight: bold;
    margin-top: 1em;
}


#alrgpanel {
    float: right;
    display: inline;
    font-family: Arial;
    font-size: 12px;
    width:125px;
    vertical-align: top;
    vertical-align: text-top;
    height: 450px;
}

.mealTitle
{
    font-family: "Times New Roman";
    font-size: 28px;
    margin-bottom:10px;
}

#nutfacts
{
border: 1px solid black;
}

.nutTitle
{
    font-size: 18px;
    font-weight: bold;
}

.mealServing
{
    font-size: 14px;
    margin-left: 10px;
    margin-top: 5px;
}

.separator
{
background-color: black;
    line-height: 30%;
    width: 95%;
    text-align: center;
    margin:auto;
    margin-top: 5px;
    margin-bottom: 5px;


}

#nutfacts ul {
    padding: 0;
   list-style-type: none;
    text-align: left;
    -webkit-padding-start: 0;
    margin-left:-5px;
}


#nutfacts ul li {
    /*background-color: #2e6da4;*/
    border-bottom: 1px solid black;
    width:90%;
    margin:auto;
    list-style:none;
}

.dv {
    text-align: right;
    float: right;
}

.dvlbl{
    float: right;
    font-size: 14px;
    font-weight: bold;
    margin-top:10px;
    margin-bottom:10px;
    text-align: center;

}

.calval{
    float: left;
}

.amt {
    margin-right:5px;
    font-size: 14px;
}

.val {
    margin-right:5px;
    font-size: 14px;
}

.cals {
    font-weight: bold;
    margin-top: 10px;
    float: left;
    width: 200px;
}

.cft {
    float: right;
}

.srv {

}

.sf {
    margin-left:20px;
}

.trf {
    margin-left:20px;
}


.tf {
    font-weight: bold;
}

.chol {
    font-weight: bold;
}

.sod {
    font-weight: bold;
}

.fiber {
    margin-left:20px;
}

.sugar {
    margin-left:20px;
}


.carbs {
    font-weight: bold;
}

.protein {
    font-weight: bold;
}

.Ing {
    font-weight: bold;
    font-size: 12px;

}

.nutbutton{
    float: right;
}

.kmcontainer{
    font-family: 'Trebuchet MS', serif;
    line-height: 1.6;
    width: 90%;
    margin: 0 auto;
}

ul.kmtabs{
    margin: 0px;
    padding: 0px;
    list-style: none;
}
ul.kmtabs li{
    background: none;
    color: #222;
    display: inline-block;
    padding: 10px 15px;
    cursor: pointer;
    color:#602d89;
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
}



ul.kmtabs li.mbactive{
    /*background: #ededed;*/
    background:#602d89;
    color: #ffffff;
}

.kmtab-content{
    display: none;
    padding: 15px;
}

.kmtab-content.mbactive{
    display: inherit;
}
/* -------------- */
.crcontainer{
	font-family: 'Trebuchet MS', serif;
	line-height: 1.6;
	width: 90%;
	margin: 0 auto;
}

ul.crtabs{
	margin: 0px;
	padding: 0px;
	list-style: none;
}
ul.crtabs li{
	background: none;
	color: #222;
	display: inline-block;
	padding: 10px 15px;
	cursor: pointer;
	color:#602d89;
	border-top-left-radius: 10px;
	border-top-right-radius: 10px;
}

ul.crtabs li.mbactive{
	/*background: #ededed;*/
	background:#602d89;
	color: #ffffff;
}

.crtab-content{
	display: none;
	padding: 15px;
}

.crtab-content.mbactive{
	display: inherit;
}

/* -------------- */

#nutritionTitleBar{
    background-color: #602d89;
    width:700px;
}

#menuSelection{
    margin-bottom: 20px;
    color:white;
    background-color: #602d89;
    width: 600px;
    padding: 10px;
    font-family: Plantin;
    float: left;
}

#closer{
    float: right;

}

.mealSubHeading {
    list-style: none;
    font-family: Avenir;
    font-weight: bold;
    margin-top:20px;
    background-color: #602d89;
    width: 70%;
    color: #ffffff;
    padding-top:7px;
    padding-bottom:5px;
    line-height: .9em;
    letter-spacing: 7px;
}

.list-group-item{
    font-size: 16px;
    margin-left: 5px;
}

.list-group-item a {
    line-height: .4em;
}

.Vn{
    background-color: brown;
    margin-left: 5px;
    border-radius: 3px;
    border: 1px solid black;
    padding-left:3px;
    padding-right:3px;
    color: #ffffff;
    padding-top:2px;
    font-size:10px;
}

.VN{
    background-color: brown;
    margin-left: 5px;
    border-radius: 3px;
    border: 1px solid black;
    padding-left:3px;
    padding-right:3px;
    color: #ffffff;
    padding-top:2px;
    font-size:10px;
}

.PF{
    background-color: blue;
    margin-left: 5px;
    border-radius: 3px;
    border: 1px solid black;
    padding-left:3px;
    padding-right:3px;
    color: #ffffff;
    padding-top:2px;
    font-size:10px;
}


.B{
    background-color: blue;
    margin-left: 5px;
    border-radius: 3px;
    border: 1px solid black;
    padding-left:6px;
    padding-right:6px;
    color: #ffffff;
    padding-top:2px;
    font-size:10px;
}


.GF{
    background-color: white;
    margin-left: 5px;
    border-radius: 3px;
    border: 1px solid black;
    padding-left:3px;
    padding-right:3px;
    padding-top:2px;
    font-size:10px;

}

.DF{
    background-color: cyan;
    margin-left: 5px;
    border-radius: 3px;
    border: 1px solid black;
    padding-left:3px;
    padding-right:3px;
    padding-top:2px;
    font-size:10px;

}

.Vg{
    background-color: green;
    margin-left: 5px;
    border-radius: 3px;
    border: 1px solid black;
    padding-left:3px;
    padding-right:3px;
    color: #ffffff;
    padding-top:2px;
    font-size:10px;

}

.VG{
    background-color: green;
    margin-left: 5px;
    border-radius: 3px;
    border: 1px solid black;
    padding-left:3px;
    padding-right:3px;
    color: #ffffff;
    padding-top:2px;
    font-size:10px;

}

.SL{
    background-color: red;
    margin-left: 5px;
    border-radius: 3px;
    border: 1px solid black;
    padding-left:3px;
    padding-right:3px;
    color: #ffffff;
    padding-top:2px;
    font-size:10px;

}

.MC{
    background-color: purple;
    margin-left: 5px;
    border-radius: 3px;
    border: 1px solid black;
    padding-left:3px;
    padding-right:3px;
    color: #ffffff;
    padding-top:2px;
    font-size:10px;

}

#nutritionLegend
{

}

.nutLegend{
    font-family: palatin;
    font-size: 12px;
}

.nutritionList li {
    list-style: none;
}

.legendText{
    font-size: 12px;
    margin-left:5px;
}

.nutLegend{
    padding-top:10px;
    text-align: center;
    font-size:18px;
}

.clear{
    clear: both;
}

.nutTable {
    border-collapse: collapse;
    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
}



.indNutTable {
    border-collapse: collapse;
    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
    margin-left: 20px;
}


.nl {
    border-bottom: 1px solid #000;
   padding:1px;

}

.ml {
    border-bottom: 2px solid #000;
    padding:2px;
}

.tl {
    border-bottom: 4px solid #000;
    line-height: 2em;
    padding:2px;
}

.nutheading {
    font-size: 38px;
    font-weight: bold;
}

.aps {
    font-size: 12px;
    font-weight: bold;
    padding-top:2px;
    padding-bottom:2px;
    line-height:1.5em;


}

.lbl {
    width: 169px;
}

.nlblb {
    font-weight: bold;
    margin-right: 7px;
}

.nlbl {
    margin-right: 7px;
}

.ast {
    font-size: 10px;
    text-align: center;
    padding:2px;
}

#nutTableWrapper {
    border: 1px solid #000000;
    width: 320px;
    padding: 5px;
}

.nlbl{
    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
}


#closerButton{
    /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#cedce7+0,596a72+100;Grey+3D+%231 */
    background: #cedce7; /* Old browsers */
    background: -moz-linear-gradient(-45deg, #cedce7 0%, #596a72 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(-45deg, #cedce7 0%,#596a72 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(135deg, #cedce7 0%,#596a72 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#cedce7', endColorstr='#596a72',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */





    /*background-color: #000000;*/
    width:74px;
    height:58px;
    color: black;
    font-size: 16px;
    border: 1px solid #000000;
}

.nutritionList{
    padding-bottom: 20px;
}

#heroimage {
    width: 100%;
    margin-bottom: 20px;
}


.leftmenutext{
    font-family: Avenir;
    margin-left: 30px;
    margin-bottom: 20px;

}
.leftmenuAlertText{
    color: red;
    font-family: Avenir;
    margin-left: 30px;
    margin-bottom: 20px;

}

.ialabel{
    font-weight: bolder;
}

#branding{
    margin-left:30px;
    margin-bottom: 5px;
}

.nldate {
        font-family: palatin;
        font-size: 16px;
        text-align: left;
        margin-left:30px;
}

.nutBorder {
    width: 180px;
    margin-left: 30px;
    border-bottom: 1px solid silver;
}