/* Require Javascript */
#main      { display: none  } /* Hide if JS disabled */
.js #main  { display: block } /* Show if JS enabled */
.js #noscript { display: none  } /* Hide if JS enabled */

/* Validation */
p.note {
	font-size: 0.7em;
	font-style: italic;
	margin: 0px 0px 0px 20px;
	padding: 0px;
}

em.required {
	color: orange;
	font-size: 0.7em;
	vertical-align: super;
}

input.submit,
.maxwarn {
	color: red;
	margin: 5px 0 0;
}

.qtyconfirm {
	color: green;
	margin: 5px 0 0;
}

.error {
	color: red;
	margin: 3px 0;
	display:block;
	width:100%;
}

a {
	text-decoration:underline;
}
a:hover{
	color:#3B616E;
	background-color:#eee;
}

/******* basic layout *******/
.meal {
	padding-top:20px;
}

.meal-to-sub {
	background:#FACFCA;
}

.meal-name{
	font-weight:bold;
	font-style:italic;
	color:#666;
}
.meal-desc{
	font-style:italic;
	color:#666;
}
.meal-ingredients{
	font-size: 0.75em;
	font-style:italic;
	color:#666;
}
#ingredients-list { 
	display: none  
}
.qty-container{
	float:left;
	width:50px;
}

.details {
	padding-left:60px;
}

#flash {
	border:1px solid #6E8F4D;
	background-color:#C7D4B8;
	padding-left:5px;
	margin-bottom:5px;
}

#pkg {
	margin:8px 0px 20px 10px;
}

.confirm-date {
	font-weight:bold;
	font-style:italic;
	padding-left:20px;
}

.confirm-details {
	padding-left:40px;
}


/* ----------- form styles ----------- */
#main {
	width:100%;
	max-width:940px;
	margin:0;
	padding:0;
}
#main-form {
	border: 1px solid black;
	clear: both;
	padding: 0;
}
#main .field{
	display:block;
	margin:2px 0 10px 10px;
	padding-left:140px;
	width:390px;
}
#main .label{
	text-align:right;
	width:140px;
	float:left;
}
#main label{
	font-weight:bold;
}
#main .small{
	color:#666666;
	display:block;
	font-size:11px;
	font-weight:normal;
}
#main .input{
	font-size:12px;
	padding:4px 2px;
	border:solid 1px #3B616E;
	width:250px;
}
#main textarea{
	border:solid 1px #3B616E;
	width:400px;
}

/* ----------- layout of sections ----------- */
.section{
	clear:both;
}
.section-title{
	background:#3B616E;
	color:white;
	margin:0px;
	padding:8px 20px;
}
.section-details{
	background:#eee;
	margin:0px 0px 15px 0px;
	padding:3px 20px;
}
.meal_delivery{
	width:45%;
	min-width:315px;
	float:left;
	padding-bottom:15px;
	margin: 0px 20px;
}
.meal_type{
	font-weight:bold;
	text-align:center;
}

/* ----------- tabs ----------- */
#line-tabs ul {
	list-style: none;
	padding: 0px 0px 0px 20px;
	margin: 0px;
}
#line-tabs li {
	float: left;
	border: 1px solid #bbb;
	border-bottom-width: 0;
	margin: 0;
}
#line-tabs a {
	text-decoration: none;
	display: block;
	background: #eee;
	padding: 0.24em 1em;
	color: #3B616E;
	width: 8em;
	text-align: center;
	border-bottom: 0px;
	font-weight: normal;
}
#line-tabs a:hover {
	background: #D7E5EA;
}
#line-tabs .selected {
	border-color: black;
}
#line-tabs .selected a {
	position: relative;
	top: 1px;
	background: white;
	color: black;
	font-weight: bold;
	border-bottom: 1px solid white;
}