/* Default Settings
----------------------------------------------- */
html, body {
margin:0 auto;
padding:0 0 0 20px;
text-align:center;
}

body {
font:115% Helvetica, Arial, arial, sans-serif;
background: #fff; line-height:110%;
/* 
 * background: #fff url(images/bg.gif) repeat-x center top; 
 */
color:rgb(41,35,35);
text-align:center;
}
#content p {padding-right:1em;}
#content img { padding:1em 2.0em 1.0em 2.0em; }
div.product {clear:left;}
p { padding:0 0; margin: 0.5em 0; }
em { font-style:italic; }

h1, h2, h3, h4, h5, h6, h7 {font:1em/1.1 Helvetica, Arial, arial, sans-serif;margin:0;}
h1 {color:#1690c8;font-size:2.5em;}
h2 {font-family: georgia, times, 'times new roman', serif;color:#2a0b01;font-weight:normal;font-size:2em;}
h3 {font-weight:bold;font-size:1.6em;}
h4 {font-weight:bold;font-size:1.4em;}
h5 {padding:1em 0 0.5em 0; font-weight:bold;font-size:1.2em;color:#2b2b2b;}
strong { font-weight:bold; }

div.description { padding-top: 0.5em; }

.googlecart-add-button { padding:1em; margin-top:1em;}
/* .product {float:right;} */
.dialog {
	background: #ffffff;
	border: solid 1px #000000;
	font-size: 60%;
}

.item-description { padding-top: 1em;}

.dia-item-description {
	text-align:left;
	font-size: 80%;
	padding: 1em 0em;
}
.dialog .product {margin: 0 auto; }

.item-product {}

.ajax-link {color:#49A583}

.complete h5 {font-family: Helvetica, Arial, arial, sans-serif;padding:2px 0 2px 20px;
	/*background: url(images/status-complete.gif) no-repeat left center;*/
	background: url(/media/img/admin/icon-yes.gif) no-repeat left center;}
.incomplete h5 {font-family: Helvetica, Arial, arial, sans-serif;padding:2px 0 2px 20px;
	/*background: url(images/status-incomplete.gif) no-repeat left center;*/
	background: url(/media/img/admin/icon-no.gif) no-repeat left center;
}

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

.item-listing img { float:right;} 

/* Links
----------------------------------------------- */
a, a:link, a:visited { text-decoration:none; color: #4e451b; }
a:hover { text-decoration:underline; color:#79482a; }

/*
a, a:link, a:visited { text-decoration:none; color: #2b2b2b; }
a:hover { text-decoration:none; color:#000; }
*/
#main a, #main a:link, #main a:visited { text-decoration:none; color: #4e451b; }
#main a:hover { text-decoration:underline; color:#79482a; }


/* Lists
----------------------------------------------- */


/* Absolutely Positioned Elements
----------------------------------------------- */
#topright {
position:absolute;
top:0px;
right:20px;
font-size:0.6em;
color:#000;
font-weight:bold;
}

.welcome { width:75%; color:#000; font-size: 0.9em; display:block; }
.welcome em { font-size:1.1em; font-weight:bold; font-style:italic; }

.logout-outer { background:url(images/top-btn-bg-left.gif) bottom left no-repeat; }
.logout-inner { padding:7px 10px; background:url(images/top-btn-bg-right.gif) bottom right no-repeat; text-align:center;}

#topright a { color:#000; text-transform:uppercase; }
#topright a:hover { color:#000; text-transform:uppercase; text-decoration:underline; }

/* General Layout
----------------------------------------------- */
#container {
margin:0 auto;
/*
min-width:640px; 
max-width:960px; 
width:90%;
*/
width:960px;
text-align:left;
font-size:0.8em;
}

#left {
margin:0;
padding:100px 0 0 0;
float:left;
width:180px;
background: url(images/waseca-logo.png) no-repeat center top;
}

#main {
width:760px;
float:right;
padding:10px 1px 1px 1em;
margin:0;
}

#content {
width:100%;
margin:1.5em 0 0 0;
}

.status { margin:0 0 10px 0; border-bottom:2px solid #ececec; }

/* General Classes
----------------------------------------------- */
.clear { clear:both; }
.indent { margin:10px auto; padding:10px 20px; background-color:#e7e6e2; border:1px solid #d7d6d2; }
.padding-menu-paynow { padding:20px 70px 20px 10px; }
.right { text-align:right; }


#topnav { font-size:1em; }

#topnav a:link, #topnav a:visited { color:#2a0b01; }
#topnav a:hover { color:#79482a; text-decoration:underline; }
#topnav a:active b:hover { color:#79482a; }
#topnav b:hover {color: #79482a; }


#topnav dt, #topnav dd
{
text-align:left;
list-style-type: none;
padding: 5px 10px 5px 5px;
border-bottom:1px dotted #d7d6d2;
}

#topnav dt b, #topnav dt a {display:block; cursor:pointer; }
#topnav dt b {font-weight:bold; color:#2a0b01; }
#topnav dt a {}
#topnav dd ul {padding:0; margin:0; list-style:none;}
#topnav dd ul li {padding:5px 15px 5px 5px; }
#topnav dd ul li a:link, #topnav dd ul li a:visited {color:#4e451b; text-decoration:none;}
#topnav dd ul li a:hover {color:#79482a; text-decoration:underline;}


/* Image Classes
----------------------------------------------- */

/* link classes
----------------------------------------------- */

/* right column layout
----------------------------------------------- */
#left .widgetbox {
margin:10px 0 20px 0;
/*
padding:10px 20px;
background:#e7e6e2;
border:3px solid #d7d6d2;
*/
font-size:0.8em;
}

#left .widgetbox h3 {
margin:0 0 5px 0;
color: #000;
font-size:1.2em;
}

/* Forms
------------------------------------------------ */
.myForm_40em {	/* simple, narrow forms */
margin:0;
width:40em;
background:#ececec;
border:3px solid #dcdcdc;
text-align:left;
}

.myForm_100 {	/* wider and 2-column forms */
margin:0;
width:100%;
background:#ececec;
border:3px solid #dcdcdc;
text-align:left;
}

.field-wrapper {
width:100%;
text-align:left;
padding:0.3em;
margin:0 auto;
clear:left;
}

.float-wrapper {
float:left;
}

.formPadding { padding:10px 0 0 10px; font-size:12px; } /* we pad top and left here, then we pad bottom and right in form-inner and submit btn */

label {
width:9em;
float:left;
text-align:right;
margin-right: 0.5em;
display:block
}
.label_tag { 
float:left;
text-align:right;
width:10em;
margin: 0 1em 0 5em;
}
.field{
text-align:left;
}

.form {
padding:10px 0 0 10px;
margin:0 auto;
font-size:0.9em;
}
/*
input[type=text] {
width:14em;
}
*/
INPUT[type="checkbox"] { width:2em; }
input[type="password"] {width:14em;}
/*input #id_password, #id_password1, #id_password2 {width:12em;}
*/
textarea {
width:16em;
height:5em;
}

select {
width:14em;
}

<!--[if IE ]>
select {
width:11.5em;
}
<![endif]-->

.errors {
color:#FF0000;
}
.errorlist{
color:#FF0000;
}


.help_text {
margin:0.2em 0 0.2em 9.5em;
font-style:italic;
color:#7b7b7b;
}

.help_text p { font-size:0.8em; }

.inner-form{
width:350px;
float:left;
display:inline;
padding:10px 0 0 0;
margin-right:10px; margin-bottom:10px;
background:#efefef;
border:1px solid #dcdcdc;
}
.submit { margin:25px 10px 10px 0; padding:10px 20px; text-align:right; background:#dcdcdc; border-top:1px solid #aaa; clear:both;}
/* #frmFamily .inner-form, #frmPickup .inner-form { padding-bottom:0.2em; border-bottom:1px dotted #aaa; } */

/* Volunteer Form
---------------------------------------------*/
.frmDivider {
/* not used */
}

#frmVolunteer h4 { margin:0 15px 0 0; text-align:left; display:block; padding:5px 0 5px 20px; background:#dcdcdc; border-bottom:1px solid #aaa; line-height:2em; }

.char_field {
display:block;
text-align:left;
clear:both;
width:100%;
margin: 0;
/*background: #E4E4E5;*/
padding: .5em 0 .5em 0;
}

.char_field label {
width:35%;
padding: 0 0 .7em 0;
}

.bool_field {
float:left;
padding:0.25em;
}
.bool_field input{
width:2em;
}

.bool_field label{
width:14em;
}

.center_text {
clear:both;
margin:1em 8em 1em 5em;
padding: 1em 0 0 0;
}

.center_text textarea {
width:70%;
}
.center_text label {
width:10em;
}
.center_text p {
padding:1em;
}

#id_date_of_birth_month{width:6em;}
#id_date_of_birth_day{width:3.5em;}
#id_date_of_birth_year{width:5em;}

#id_student_set-0-date_of_birth_year, #id_student_set-1-date_of_birth_year, #id_student_set-2-date_of_birth_year, #id_student_set-3-date_of_birth_year, 
#id_student_set-4-date_of_birth_year, #id_student_set-5-date_of_birth_year, #id_student_set-6-date_of_birth_year, #id_student_set-7-date_of_birth_year
{ width:6em; }

#id_student_set-0-date_of_birth_month, #id_student_set-1-date_of_birth_month, #id_student_set-2-date_of_birth_month, #id_student_set-3-date_of_birth_month, 
#id_student_set-4-date_of_birth_month, #id_student_set-5-date_of_birth_month, #id_student_set-6-date_of_birth_month, #id_student_set-7-date_of_birth_month 
{ width:3.5em; }

#id_student_set-0-date_of_birth_day, #id_student_set-1-date_of_birth_day, #id_student_set-2-date_of_birth_day, #id_student_set-3-date_of_birth_day, 
#id_student_set-4-date_of_birth_day, #id_student_set-5-date_of_birth_day, #id_student_set-6-date_of_birth_day, #id_student_set-7-date_of_birth_day 
{ width:5em; }

.myerrors {
padding:0 0 0 12em;
clear:both;
}


/* MENU
--------------------------------------------------------*/
#menu-top {
margin:20px auto;
width:720px;
}

#menu-instructions {
margin:20px 0;
float:left;
width:400px;
}

#menu-paynow {
margin:20px 0;
float:right;
width:240px;
background:#eee;
border-top:2px solid #ddd;
border-bottom:1px solid #ddd;
text-align:right;
}

#menu-account {
width:10em;
position:absolute;
margin:40em 0 0 -15em;
}

#calender {
width:100%;
font-size:0.85em;
}

.month {
width:100%;
padding:0;
clear:both;
}

.month h4 {
margin:0 0 10px 0;
width:740px;
font-size:1.8em;
font-weight:normal;
background:#0074a4 url(images/menu-month-bg.gif) no-repeat bottom center;
color:#fff;
padding:5px 0 30px 0;
text-align:center;
}

.lunch-order-display {
position:relative;
padding: 0 0 1em 1em;
}

.lunch-description {
float:left;
width:140px; 
margin-right:10px; margin-bottom:10px;
}

.first-mon {
float:left;
width:140px; 
margin-right:10px; margin-bottom:10px;
}

.first-tue {
margin-left:150px;
display:inline;
float:left;
margin-right:10px; margin-bottom:10px;
width:140px; 
}
.first-wed {
margin-left:300px;
display:inline;
float:left;
margin-right:10px; margin-bottom:10px;
width:140px; 
}
.first-thu {
margin-left:450px;
display:inline;
float:left;
margin-right:10px; margin-bottom:10px;
width:140px; 
}
.first-fri {
margin-left:600px;
display:inline;
float:left;
margin-right:10px; margin-bottom:10px;
width:140px; 
}

.menu-box {
height:120px;
padding:5px;
background:#eee;
border:1px solid #ddd;
}

.has-ordered ul, .not-ordered ul{
margin:0 0 0 10px;
}

.has-ordered li, .not-ordered li {
margin:1px 0;
padding:2px;
list-style-position:inside;
color:#0074a4;
}

#main .has-ordered li a, #main .has-ordered li a:link, #main .has-ordered li a:visited, #main .has-ordered li a:active {
background:#0074a4;
color:#fff;
}
#main .has-ordered li a:hover { background:#0074a4; color:#fff; }

.has-paid {
margin:0 10px 0 0;
color:#42ad3f;
padding:0 0 0 15px;
/*border:1px solid #ddd;*/
/*list-style-image:*/
background: #eee url(/media/img/admin/icon-yes.gif) no-repeat left center;
}