/*New homepage style */

/*bootstrap additions*/
.container{
	width: 980px;
}

.navbar-inner .container{
	width: 960px;
	padding-left: 20px;
}

.row{
	margin-left: 0px;
}

.btn.short {
  padding: 7px 9px 7px;
  font-size: 11px;
}
.btn.small {
  padding-right: 9px;
  padding-left: 9px;
  font-size: 13px;
  line-height: 12px;
  width: 175px;
  margin: 0px;
  margin-bottom: 5px;
}
.btn.mini {
  padding-right: 9px;
  padding-left: 9px;
  font-size: 13px;
  line-height: 12px;
  margin: 0px;
  margin-bottom: 5px;
}

.btn.profile{
	font-size: 13px;
  line-height: 12px;
  margin: 0px;
  margin-bottom: 5px;

}

.btn.long{
	width: 210px;
	text-align: left;
}
.btn.nano{
  padding: 2px;
  padding-top: 0px;
  font-size: 11px;
  line-height: 9px;
  margin: 0px;
  margin-left: 1px;
  margin-right: 3px;
  margin-bottom: 1px;
  font-weight: bold;
}
.btn.large {
  font-size: 16px;
  line-height: normal;
  padding: 9px 14px 9px;
  -webkit-border-radius: 6px;
  -moz-border-radius: 6px;
  border-radius: 6px;
}

.popover-content{
	  height: 105px;

}

/*.nav-pills .active > a, .nav-pills .active > a:hover {
  color: #ffffff;
  background-color: #58595f;
}*/

.nav-pills .active > a, .nav-pills .active > a:hover {
  color: #ffffff;
  background-color: #d02e2f;
}

.nav-pills > li > a {
  padding-top: 3px;
  padding-bottom: 3px;
  margin-top: 1px;
  margin-bottom: 1px;
-moz-border-radius-topleft: 0px;
-moz-border-radius-topright: 3px;
-moz-border-radius-bottomright: 3px;
-moz-border-radius-bottomleft: 0px;
-webkit-border-radius: 0px 3px 3px 0px;
border-radius: 0px 3px 3px 0px;
  padding-left: 13px;
  padding-right: 13px;

}

li.custom_food_button{
	float: right;
	
}

li.custom_food_button > a{
	margin-right: 0px;
	-moz-border-radius-topleft: 3px;
-moz-border-radius-topright: 0px;
-moz-border-radius-bottomright: 0px;
-moz-border-radius-bottomleft: 3px;
-webkit-border-radius: 3px 0px 0px 3px;
border-radius: 3px 0px 0px 3px;
}

/*color: #383838;*/

.nav{
	margin-bottom: 5px;
}

/*basic page elements */

.main_row{
	padding-bottom: 5px;
}

body{
	padding-top: 40px;
}

a{
	color:  #e90011;
}

a:hover{
	color: #b10000;
}

.clickable:hover{
	color: #b10000;
	cursor: pointer;
	text-decoration: underline;
}

#faq{
	margin-top:80px ;
	margin-bottom: 30px;
	width: 600px;
}

/* Header banner styles */

.top_banner_logged_out{
	padding-top: 30px;
	padding-bottom: 40px;
}

.top_banner_logged_in{
	padding-top: 30px;
	padding-bottom: 20px;
}

/*Workspace header

-This will include all the options buttons associated with the top of the generator */


/*restrict left/right padding to inside the span# divs, not the row divs.*/

.options{
	float: right;
	width: 170px;
}

.metric_calc{
	display: none;
}

.generator_header{
	-moz-border-radius-topleft: 4px;
	-moz-border-radius-topright: 4px;
	-moz-border-radius-bottomright: 0px;
	-moz-border-radius-bottomleft: 0px;
	-webkit-border-radius: 4px 4px 0px 0px;
	border-radius: 4px 4px 0px 0px;
	padding-top: 20px;
	padding-bottom: 20px;
	border-left: 1px solid #dcdfe1;
	border-top: 1px solid #dcdfe1;
	border-right: 1px solid #dcdfe1;

	
	
	/*background: rgb(255,255,255);  Old browsers 
	background: -moz-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(246,246,246,1) 47%, rgba(237,237,237,1) 100%);  FF3.6+ 
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,1)), color-stop(47%,rgba(246,246,246,1)), color-stop(100%,rgba(237,237,237,1)));  Chrome,Safari4+ 
	background: -webkit-linear-gradient(top, rgba(255,255,255,1) 0%,rgba(246,246,246,1) 47%,rgba(237,237,237,1) 100%);  Chrome10+,Safari5.1+ 
	background: -o-linear-gradient(top, rgba(255,255,255,1) 0%,rgba(246,246,246,1) 47%,rgba(237,237,237,1) 100%);  Opera 11.10+ 
	background: -ms-linear-gradient(top, rgba(255,255,255,1) 0%,rgba(246,246,246,1) 47%,rgba(237,237,237,1) 100%);  IE10+ 
	background: linear-gradient(top, rgba(255,255,255,1) 0%,rgba(246,246,246,1) 47%,rgba(237,237,237,1) 100%);  W3C 
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#ededed',GradientType=0 );*/ 
	
-webkit-box-shadow: 0px 5px 2px -2px rgba(180, 180, 180, 20);
-moz-box-shadow: 0px 5px 2px -2px rgba(180, 180, 180, 20);
box-shadow: 0px 5px 2px -2px rgba(180, 180, 180, 20);
	background-color: #fbfbfb;
}

#progressbar{
	width:108px;
	height:18px;
	display: none;
	margin-left: 3px;
	margin-top: 10px;
	float: right;
}

.gen_area{
	width: 240px;
	float: left;
}

.entry_line_left{
	padding-top: 6px;
	float: left;
	width: 395px;
}

#num_meals{
	font-size: 16px;
	vertical-align: 1px;
	padding: 2px;
}

#cal_input{
	width: 45px;
	vertical-align: 1px;
	font-size: 18px;
	margin-left: 2px;
	
}

#cal_input textarea{
	margin-bottom: 1px;
}

.mini{
	width: 45px;
}

.main_question{
	color: #4e4e4e;
	font-size: 20px;
		

}
	/*text-shadow:0 -1px 1px white;*/ 

.cal_entry_line{
	width: 952px;
}


.not_sure{
	margin-left: 108px;
	cursor: pointer;
	color: #b40710;
	text-decoration: underline;
	float: left;
}

.btn.short{
	height: 20px;
	width: 75px;
	font-size: 12px;
	line-height: 6px;
}

#validation{
	display: none;
	margin-top: 10px;
	padding: 4px;
	float: left;
	margin-bottom: 0px;
}

.option{
	margin-bottom: 5px;
	font-size: 14px;
	/*line-height: normal;*/
	padding: 8px 14px;

}


.gen_button{
	/*margin-left: 3px;*/
	font-size: 20px;
	vertical-align: 1px;
	width: 110px;
	/*font-weight: bold;*/
}

#validation{
	margin-top: 10px;
	display: none;
}


/*sidebar and workspace divs*/

.food_bar_shadow{
	-webkit-box-shadow: 0px 5px 2px -2px rgba(180, 180, 180, 20);
-moz-box-shadow: 0px 5px 2px -2px rgba(180, 180, 180, 20);
box-shadow: 0px 5px 2px -2px rgba(180, 180, 180, 20);
width: 99%;
}

.food_bar{
	min-height: 700px;
	border-left: 1px solid #dcdfe1;
	border-bottom: 1px solid #dcdfe1;
	border-right: 1px solid #dcdfe1;
	border-top: 1px solid #dcdfe1;
	float: left;
	width: 20%;
	background-color: #fbfbfb;
	-webkit-box-shadow: 0px 5px 2px -2px rgba(180, 180, 180, 20);
-moz-box-shadow: 0px 5px 2px -2px rgba(180, 180, 180, 20);
box-shadow: 0px 5px 2px -2px rgba(180, 180, 180, 20);
}

.workspace{
	float: right;
	width: 79.5%;
}

.grocery_title{
	display: none;
}
/*Food bar div elements*/

/*  */

#foodbank{
	margin: 0px;
	max-height: 595px;
	overflow-y:auto;
	border-top: 1px solid #dcdfe1;
}

.print_desc{
	display: none;
}

#custom_foods{
	margin: 0px;
	max-height: 570px;
	overflow-y: auto;
	border-top: 1px solid #dcdfe1;
}

.make_some_foods, .note{
	padding-left: 5px;
	padding-right: 5px;
}

.sb_search_input{
	margin-left: 3%;
	margin-right: 3%;
	width: 80%;
	font-size: 14px;
	margin-bottom: 10px;
}
.foodbank_header{
	margin-top: 15px;
	margin-bottom: 10px;
	margin-left: 12px;
	font-size: 16px;
}

.foodbank_nav{
	margin-bottom: 5px;
}

#sandbox_results{
	display: none;
	list-style: none;
	margin-left: 0px;
	height: 618px;
	overflow-y: scroll;
	margin-bottom: 0px;
}



#saved_diet_stats{
	display: block;
	padding-top: 6px;
	padding-left: 0px;
}

.load_custom_foods{
	list-style: none;
	margin-left: 0px;
}


.sandbox_result, .custom_food_item{
	padding:5px;
	padding-left: 10px;
	cursor: move;
	outline:1px solid #dcdfe1;
	margin-bottom: 1px;
	background-color: #fbfbfb;
}

.sandbox_result:hover, .custom_food_item:hover{
	border-left:2px solid #bbbec0;
	padding-left: 8px;
}

.results_found_row{
	background-color: white;
	color: #3f4040;
	padding: 1px;
	padding-left: 5px;
	margin-bottom: 1px;
	outline:1px solid #dcdfe1;
}

.list_placeholder{
	height: 35px;
		outline: 1px solid #dcdfe1;

	background-color: #dbdbdb;
}

.sb_odd{
	background-color: #f8f9fb;
}

.sb_even{
	background-color: #fffeff;
}

.tooltip_box{
	width: 160px;
}

.tooltip_weight{
	text-align: left;
}

.tt_macro_name{
	float: left;
}

.tt_macro_amt{
	text-align: right;
	padding-right: 75px;
}

.sb_tooltip_title{
	font-size: 14px;
	padding-bottom: 4px;
	font-weight: bold;
	text-align: left;
}

.sb_tooltip_desc{
	font-size: 12px;
	font-weight: normal;
	font-style: normal;
	text-align: left;
}

.tooltip_fats{
	color: #73ff90;
}

.tooltip_carbs{
	color: #ffa7a2;
}

.tooltip_proteins{
	color: #d5cfff;
}

/*sandbox quicklist*/
.food_choices{
	list-style: none;
	margin: 0px;
}

/*Cumulative stats */

#cumulativegraph{
	margin-left: 5px;
	padding-top: 10px;
}

#day_stats{
	padding-left: 40px;
}

#micro_expandable{
	font-size: 12px;
	float: left;
	width: 150px;
}

#micro_day_stats{
	float: left;
	margin-left: 3px;
	margin-top: 5px;
	font-size: 10px;
	width: 180px;
	overflow-y:auto;
	height: 373px;
}

.perc_daily_val{
	float: right;
}

/*Workspace div elements*/

.workspace_left{
	width: 76%;
	/*height: 700px;*/
	min-height: 700px;
	float: left;
	position: relative;
}

.workspace_footer{
	position: absolute;
	bottom: -5px;
}

.workspace_right{
	width: 23.5%;
	min-height: 700px;
	border: 1px solid #dcdfe1;
	float: right;
	
	background-color: #fbfbfb;
	-webkit-box-shadow: 0px 5px 2px -2px rgba(180, 180, 180, 20);
-moz-box-shadow: 0px 5px 2px -2px rgba(180, 180, 180, 20);
box-shadow: 0px 5px 2px -2px rgba(180, 180, 180, 20);
}

.meal_box{
	width: 530px;
	/*outline:1px solid #dcdfe1;*/
	margin-top: 20px;
	margin-left: 30px;
	float: left;
}

.meal_left{
	width: 300px;
	/*outline:1px solid #dcdfe1;*/
	float: left;
}

.meal_right{
	width: 190px;
	padding: 2px;
	/*outline:1px solid #dcdfe1;*/
	float: right;
}

.mealstats{
	float: right;
	font: 12px Helvetica;
	width: 90px;
	margin-top: 28px;
}

.mealgraph{
	padding-top: 5px;
	float: left;
	width: 90px;
}

.mealname{
	font-size: 16px;
	float: left;
	padding-bottom: 4px;
}

.meallist{
	min-height: 30px;
	outline:1px solid #dcdfe1;
	float: left;
	width: 300px;
	margin: 0px;
	list-style: none;
}

/*Food items*/

.diet_draggable {
	outline: 1px solid #dcdfe1;
	margin-bottom: 1px;
	cursor: move;
	padding: 8px;
  	/*padding: 1em;*/
  	background-color: #fffeff;
}



.draggable_table{
	width: 285px;
  	height: 20px;
}

.food_lock{
	/*display: table-cell;*/
	margin-left: 10px;

	width: 25px;
}

/*.food_name_box{
	display: table-cell;
	height: ;
}*/
.food_name{
	/*margin-left: 120px;*/
	overflow: hidden;
	/*display: table-cell;*/
	/*text-overflow: ellipsis;*/
	/*white-space: nowrap;*/
	width: 115px;
	/*max-width: 115px;*/
	font-weight: bold;
	vertical-align: middle;
}

.food_units{
	width: 120px;
}

.mod_units{
	display: none;
	position: absolute;
}

.mod_input{
	width: 24px;
	height: 10px;
	font-size: 14px;
	margin-top: 0px;
	/*vertical-align: 6px;*/
}

.list_selector{
	width: 80px;
	margin-left: 3px;
	height: 20px;
	line-height: 20px;
	padding: 0px;
	/*vertical-align: 8px;*/
	font-size: 12px;
}

.static_div{
	overflow: hidden;
	/*display: inline;*/
	text-overflow: ellipsis;
	white-space: nowrap;
	width: 120px;
	position: absolute;
	margin-top: 1px;
	
}

    @-moz-document url-prefix() {

        .mod_units{
          margin-top: -14px;
        }

		.mod_input{
			height: 12px;
			padding-top: 2px;
		}

        .static_div{
          margin-top: -12px;
        }
        
        a:focus { 
		    outline: none; 
		}
		
		button::-moz-focus-inner {
		  border: 0;
		}
		
		/*.diet_draggable{
			margin-left: -1px;
		}*/
		/*.meallist{
			outline:1px solid #ededed;
		}*/
    }

/*.static_div{
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	width: 120px;
	position: absolute;
	margin-top: 1px;
}*/

.food_delete{
	padding: 2px;
	padding-bottom: 4px;
	margin: 0px;
	width: 19px;
	height: 18px;
	line-height: 10px;
	font-size: 14px;
	
}

.remove_item{
	width: 20px;
	padding-bottom: 0px;
	/*padding-left: 120px;*/
}

.foodheader {
  font-size: 12px;
  color: #999999;
  text-transform: uppercase;
  font-weight: bold;
  padding-left: 10px;
}

.foodsubheader{
	font-weight: bold;
	padding-left: 10px;

}

/*   CALORIE CALCULATOR  */

.units_radio{
	padding-top: 10px;
	padding-bottom: 3px;
}

.imperial_calc{
	padding-top: 3px;
	padding-bottom: 3px;
}
.metric_calc{
	padding-top: 3px;
	padding-bottom: 3px;
}
.weight_input{
	padding-top: 6px;
}
.age_input{
	padding-top: 3px;
	padding-bottom: 3px;
}
.gender_input{
	padding-top: 3px;
	padding-bottom: 6px;
}
.activity_lvl_div{
	padding-top: 3px;
	padding-bottom: 10px;
}

.calc_input{
	height: 22px;
	width:25px; margin-left:3px; margin-right:3px;
}

.lbs_input{
	width: 35px;
}

.kg_input{
	width: 35px;
}
#totalCals{
	margin-top: 15px;
}

/**
 * CSS File for ezMark jQuery Plugin
 *
 **/
.ez-hide { opacity: 0; filter:alpha(opacity=0); }
.ez-checkbox {
	background: transparent url('images/checkbox-lock.png') 0 1px no-repeat;
	display:inline-block;
}

.ez-radio {
	background: transparent url('images/radio-black.png') 0 1px no-repeat;
	display:inline-block;
}
.ez-checkbox, .ez-radio { zoom: 1; *display:inline; _height:30px; }
.ez-checked { background-position: 0 -18px; }
.ez-selected { background-position: 0 -19px; }

.ez-checkbox-green {
	background: transparent url('images/checkbox-green.png') 0 1px no-repeat;
	display:inline-block;
}
.ez-checked-green { background-position: 0 -18px; }

/*Save options*/
#title_input{
	height: 26px;
	line-height: normal;
}

.meallock{
	vertical-align: 2px;
}

#mini_swole_header{
	display: none;
}

.main_row{
	display: none;
}

.temp_footer{
	margin-top: 40px;
}

.from_scratch{
	margin-top: 10px;
}



/*  Custom foods  */

.custom_form_input{
	padding: 4px;
}

.add_custom, .add_custom_disabled{
	margin-left: 40px;
	margin-top: 10px;
	margin-bottom: 10px;
}

.custom_food_space{
	padding: 20px;
	padding-top: 35px;
	float: right;
	display: none;
	width: 75.5%;
}

.units_inline{
	display: inline-block;
	/*margin-bottom: 9px;*/
	vertical-align: middle;
}

.custom_value{
	width: 60px;
}

#gram_weight_1_description{
	display: inline-block;
	width: 136px;
}

.control-group.short-group{
	margin-bottom: 5px;
}

#optional_custom_fields{
	display: none;
}
#save_custom_food{
	margin-top: 10px;
}
.custom_entry_form{
}
.custom_form_validation{
	margin-top: 10px;
}
.custom_food_name{
	display: inline-block;
	width: 140px;
}



/*Printable divs*/

/*.print_food_desc{
	display: none;
}
.print_header{
	display: none;
}*/

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


/*Login form stuff:*/

#id_username, #id_password, #id_email, #id_password1, #id_password2{
	padding-top: 6px;
	margin-left: 5px;
}

.login-btn{
	margin-left: 5px;
}

.btn.activation{
	margin-left: 5px;
}

.accounts_header{
	padding-top: 20px;
	padding-bottom: 20px;
}

.reg-footer{
	margin-top: 60px;
	margin-left: 20px;
}

.beta{
	color: #898989;
	font-size: 12px;
	font-variant: small-caps;
}