table.container { width: 925px; margin: 0 auto; padding: 10px 10px 50px; }
table.container td#menu { width: 175px; padding-right: 12px; vertical-align: top; border-right: 1px dashed #cacaca;  height: 400px;}
table.container td#content { width: 725px; padding-left: 12px; vertical-align: top; }

.validation-summary ul, .validation-summary ul li { padding: 0; margin: 0; font-size: 0.9em; }
.validation-summary ul { margin-left: 45px; } .validation-summary li { color:#b81b1b; padding: 5px 0; list-style-type: square; }
.validation-summary { margin-top: 15px; padding: 10px; background: #f7f7c8; border: 1px solid #b81b1b; }
.validation-summary b { font-size: 1.5em; }
.confirmation-summary { margin-top: 15px; padding: 10px; background: #f7f7c8; color: #78a838; border: 1px solid #78a838; }

input[type="text"], input[type="password"], select, textarea  
{
    padding: 4px 3px; border: 1px solid #cacaca; font-size: 12px; 
    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; 
    background: #f7f7f7;
}
input.btn { border: 0; padding: 5px 0; font-weight: bold; text-transform: uppercase; cursor:pointer;
           text-align:center; font-size: 11px; color: #444; }
input.zero { background: url(images/btn-0.gif) no-repeat; width: 89px;}
input.one { background: url(images/btn-1.gif) no-repeat; width: 121px; }
input.two { background: url(images/btn-2.gif) no-repeat; width: 139px; }
input.three { background: url(images/btn-3.gif) no-repeat; width: 154px; }
input.back { background: url(images/btn-char.gif) no-repeat; font-family:verdana; width: 25px;}
input.char { background: url(images/btn-char.gif) no-repeat; width: 25px;}

input.datepicker { background-image: url(images/cal-ico.gif); background-repeat: no-repeat; background-position: 97% center; }


table.form td {  }
table.form td.lbl, span.lbl { width: 165px; background: #d8d8d8; 
                              text-align: right; padding-right: 4px; }
                   span.lbl { padding: 4px; display: block; }
                       .lbl em { font-size: 0.8em; }
table.form td.fld { padding-left: 2px; }
table.form td.r { font-weight: bold; }
table.nutrients input { text-align: right; }

div.chk-expand-bar { padding: 3px; background: #eee; margin-bottom: 2px; }
div.chk-list table { margin: 0 0 5px 18px; line-height: 8px; } div.chk-list table td { padding: 0; }

a.media-image { display:block; float: left; padding-left: 23px; font-size: 0.8em; margin-top: 5px;
                background: url(images/img-ico.gif) no-repeat left center; }
div.media-image  
{
    position: absolute; z-index: 5; width: 225px; font-size: 0.8em; background: #ffffe1; 
    text-align:center; border-right: 1px solid #eee; border-bottom: 1px solid #eee;
    padding: 8px 12px; display:none;
} div.media-image img { width: 225px; padding:4px; cursor:pointer }

span.ts { display: block; font-size: 7pt; }

a.top { float: right; width: 25px; display: block; font-size: 8pt; text-decoration: none; text-align:center; }
a.top:hover { border-bottom: 1px dotted; padding-bottom: 2px; }

div.filter { margin: 15px 0; font-size: 0.8em; }

.GridTable { width: 960px; background: #f7f7f7; }
.GridTable, .GridTable table, .GridTable td
{
	padding: 2px;
	border-color: #cacaca;
	color: #000;
}
.GridTable td
{
	padding: 3px;
	border-bottom: 1px solid #ccd7e1;
	font-size: 8pt !important;
}
.GridTable th
{   padding: 5px;
	background: #ccc; color: #000; font-weight: bold; font-size: 9pt;
	border-bottom: 1px solid #000;
}
.GridTable th a
{
	text-decoration: underline;
	color: #000;
}
.hdrGridRow
{
	font-weight: bold;
	border: 0px;
	border-bottom: 1px solid #cacaca;
	background-color: #cacaca;
}
.altGridRow { background-color: #fff; }

.GridTable td a.edit { padding: 5px 10px; }
.GridPaginator table { width: 960px; }
.GridPaginator a, .GridPaginator span
{   
    color: #fff !important; padding: 5px 8px 5px 8px; 
    margin-right: 0; text-decoration: none; border: 1px solid #fff;
}
.GridPaginator td { background: #ccc; border-bottom: 0px none; }
.GridPaginator a:hover { color: #fff; } 
.GridPaginator span { color: #fff; font-weight: bold; font-size: 14px; border: 4px double; }

.emptyGridRow
{
	font-style: italic;
	font-size: 9pt;
	color: #5b5b5b;
}
.emptyGridRow blockquote { margin: 25px 50px 50px; }

span.sbar { color: #e7e7e7; padding: 0 6px 0 6px; }
.clear { clear:both; }
#footer { width: 100%; position: fixed; bottom: 0; padding: 10px 0 10px 0; font-size: 0.7em; color: #ffffff; }