/*
 * css
 */

body {
	padding:0; 
	margin:0; 
	height:100%; 
	width:100%;
	}

/* Overlay */
#modalOverlay {
	background-color:#000; 
	cursor:wait;
	}

/* Container */
#modalContainer {
	/*width:650px; */
	height:auto;
	left:50%; 
	top:5%; 
	margin-left:-30%; 
	background-color:#fff; 
	border:1px solid #2e511b;
	}
	
#modalContainer a.modalCloseImg {
	background:url(../images/btn/x.png) no-repeat; 
	width:25px; 
	height:29px; 
	display:inline; 
	z-index:3200; 
	position:absolute; 
	top:-15px; 
	right:-18px; 
	cursor:pointer;
	}
	
#modalContainer #basicModalContent {
	padding:8px;
	}

#modal{
	padding:20px;
	padding-left:40px;
	padding-right:40px;
	/*width:600px;*/
	min-height:437px;
	}
	
.modalTile{
	font-size:17px;
	padding-bottom:10px;
	font-weight:bold;
	color:#B87502;
	
	}
	
.modalFood{
	font-size:13px;
	padding-bottom:5px;
	font-weight:bold;
	color:#B87502;
	
	}
#result{
}
.scrollresult{
	height:220px;
	overflow-y:scroll;
    border:olive 1px solid;
    background-color: #FFFFFF;
	/*scrollbar-face-color: white; 
	scrollbar-highlight-color: #F4F4F4; 
	scrollbar-shadow-color: #F4F4F4; 
	scrollbar-3dlight-color: #F4F4F4; 
	scrollbar-arrow-color: #C53D3F; 
	scrollbar-track-color: #FFFFFF; 
	scrollbar-darkshadow-color: #F4F4F4*/
	}
.scrollres{
height:360px;
overflow-y:scroll;
}
	
.bottomThick{
	padding:3px 0px 0px 3px;
	border-bottom:9px solid #666666;
	}	
	
.bottomThin{
	padding:3px 0px 0px 3px;
	border-bottom:1px solid #666666;
	}	
.bottomMedium{
	padding:3px 0px 0px 3px;
	border-bottom:3px solid #666666;
	}	

table.nutrition{
	width:300px
	}
	
table.nutrition .pad{
	padding:0px;
	padding-left:14px;
	border-bottom:1px solid #666666;
	}
	
/* MODAL CSS */

hr.orange {
  color:#fb990e;
	background-color:#fb990e;
	height:1px;
}
.orange_separator {
	width:588px;
	height:15px;
	border-top: 0px;
	border-bottom: 1px #fb990e solid;
	border-left: 0px;
	border-right: 0px;
	padding-top: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
	padding-right: 0px;
	margin:0px 0 0 0px;
}
	
/* Build your own meal*/
table.yellowborder{
	/*border:1px solid #F8DB4F;*/
    border:1px solid #d7c192;
	background:#FFFFFF;
	}
	
table.yellowborder td{
	vertical-align:top;
	color:#B89F73;
	}
table.yellowbordertop{
	/*border:1px solid #F8DB4F;*/
    border:1px solid #d7c192;
	border-bottom:none;
	background:#FFFFFF;
}
table.yellowborderbot{
	/*border:1px solid #F8DB4F;*/
    border:1px solid #d7c192;
	border-top:none
}
.ybotline{
	border-bottom:1px solid #d7c192; /* #F8DB4F; */
	}
	
.ybotrightline{ /* bottom and right yellow line*/
	border-bottom:1px solid #d7c192; /* #F8DB4F; */
	border-right:1px solid #d7c192; /* #F8DB4F; */
	}
.ytopline{
	border-top:1px solid #d7c192; /* #F8DB4F; */
}	
	
.yrightline{
	border-right:1px solid #d7c192; /* #F8DB4F; */
	}

.yleftline{
	border-left:1px solid #d7c192; /* #F8DB4F; */
	}

.yborder{
	border:1px solid #d7c192; /* #F8DB4F; */
	padding:15px;
	background:#FFFFFF;
	margin-left:28px;
	text-align:left
}
.grey{
  color:#333333;
	font-weight:normal
}
.ligh_grey_bold{
  color:#676767;
	font-weight:bold
}
table.byo_greyunderline td{
  border-bottom:1px solid #BBBBBB;
	line-height:20px;
}

/* Megan's code for Swap for Best Life Meal pop-up  */

.swaptab{
  width:578px;
  margin-bottom:-3px;
}

.swap_white_bg{
background:url(../images/pg/swapbg.jpg) repeat-y;
width:578px;
padding: 5px 5px 5px 5px;
}

.swap_holder_start{
margin-left:10px;
background:url(../images/pg/swap_holder_start.jpg) no-repeat;
width:549px;
height:17px;
}

.swap_holder_bg{
margin-left:10px;
padding-top:5px;
background: url(../images/pg/swap_holder_bg.jpg);
width:549px;
}

.swap_holder_end{
margin-left:10px;
background: url(../images/pg/swap_holder_end.jpg) no-repeat;
width:549px;
height:7px;
}

.swapxybotline{
border-right:1px solid #F8DB4F;
border-bottom:1px solid #F8DB4F;
}

.swap_numbers{
color:#CD6600;
font-size:11px;
font-weight:bold;
text-align:center;
padding: 30px 0 0 0;
}

.xbotline{
border-bottom:1px solid #F8DB4F;
}

.swap_browntext{
text-align:left;
color:#B87502;
font-weight:bold;
font-size:11px;
padding:10px 0 10px 0;
}

.swap_browntitle{
text-align:left;
color:#B87502;
font-weight:bold;
font-size:11px;
padding:25px 0 10px 0;
}

/* END - Megan's code for Swap for Best Life Meal pop-up  */

/*  Also in tabs.css, which is not used by modals   */
.date-navigator{
	font-size:18px;
	font-weight:bold;
	color:#CDBBA3;
	/* text-transform:uppercase; */
	}

.padleft17{
  padding-left:17px;
}	
.nutriLable_font{
	font-size:12px;
	font-weight:bold;
}
.nutritionL_body{
	background:url(../images/pg/nutritionL_body.gif) repeat-y;
	width:280px
}
.nutritionL_start{
	background:url(../images/pg/nutritionL_start.gif) no-repeat;
	height:15px;
	width:280px;
}
.nutritionL_end{
	background:url(../images/pg/nutritionL_end.gif) no-repeat;
	height:20px;
	width:280px
}