﻿foo { }
/* For Validation
/**************************************************************************************/
/* Main Page Styles */

body { margin: 0px 0px 20px 0px; background-position: left top; background-image: url(background.jpg); background-repeat: repeat; background-color: #ffffff; }
body, p { font: 11px Tahoma, Arial, Helvetica, sans-serif; }

#banner { left: 0px; background-image: url(banner.jpg); width: 100%; height: 133px; top: 0px; background-repeat: no-repeat; }
#content-menu { left: 0px; top: 153px; padding-left: 26px; height: 72px; background-image: url(content_bkgnd.jpg); background-color: #f7f7f5; background-repeat: repeat; }
#content { left: 0px; top: 225px; padding: 40px 20px 20px 40px; margin: 0px; right: auto; height: 100%; background-image: url(content_bkgnd.jpg); background-color: #f7f7f5; background-repeat: repeat; }
#content-top { height: 20px; width: 100%; top: 133px; background-image: url(content_top_tile.jpg); background-repeat: repeat-x; z-index: 0; }
#content-top-img { top: 133px; height: 20px; width: 100%; background-image: url(content_top.jpg); background-repeat: no-repeat; z-index: 1; left: 0px; }
#logged-in { top: 115px; left: 20px; width: 600px; text-align: right; position: absolute; z-index: 2; font: bold 12px Arial; }
#footer { height: 20px; margin-left: 13px; padding-right: 20px; padding-left: 20px; padding-top: 5px; color: #ffffff; padding-bottom: 0px; background-color: rosybrown; text-align: right; font-size: 11px; }
#footer .footer a, #footer .footer a:visited, #footer .footer a:hover {color: #ffffff}

.pad {padding:20px}
.FloatLeft { float: left; margin-right: 10px; }

#msgBox { background-color: #ffffff; border: 2px solid #dddddd; padding: 6px; width: 90%; }
.msgBoxErr { font-weight: bold; font-size: 13px; color: #cc0000; font-family: Arial; }
.msgBoxOk { font-weight: bold; font-size: 13px; color: #669900; font-family: Arial; }

.template { margin: 20px; background-color: #ffffff; }
.no-header { margin: 20px; background-color: #ffffff; }
.blank { margin: 0px; background-color: #ffffff; }

.field-header { WIDTH: 150px; WHITE-SPACE: nowrap; font-weight: bold; }
.field-collapse {width:1%; white-space: nowrap}
.qty-field {width:30px;}

.content { padding-right: 10px; padding-left: 30px; padding-bottom: 10px; padding-top: 10px; }
.content a, .content a:visited { color: #003399; text-decoration: none; }
.content a:hover { color: #000000; text-decoration: none; background-color: #f6d901; }


.modalBackground { filter: Alpha(Opacity=40); -moz-opacity: 0.4; opacity: 0.4; width: 100%; height: 100%; background-color: #000000; position: static; z-index: 500; top: -1000px; left: 0px; }
.modalPopup { position: absolute; padding: 20px 20px 20px 20px; border: black 2px solid; background-color: #f0f0f0; z-index: 1000; }

/**************************************************************************************/
/* Header Styles */

.header { font: font: 11px Tahoma, Helvetica; }
.header-small { color: #aeaeae; font: 11px Tahoma, Arial, Helvetica, sans-serif; }

.header-link A { color: #ffffff; text-decoration: none; font: 11px Tahoma, Helvetica; }
.header-link A:HOVER { color: #ffffff; text-decoration: underline; font: 11px Tahoma, Helvetica; }

#headerMenu { padding-right: 0px; padding-left: 4px; background-image: url(Images/bg_menu.gif); padding-bottom: 0px; margin: 0px; padding-top: 4px; background-repeat: repeat-x; height: 36px; }
.menu { background-image: url(bg_menu.gif); height: 32px; }

/**************************************************************************************/
/* Footer Styles */

.footerBodytext { font-size: 9px; color: #666666; line-height: 14px; padding-top: 5px; padding-bottom: 20px; border-top-width: 1px; border-top-style: solid; border-top-color: #999999; }
.footerBodytext a { font-size: 9px; color: #000000; }
.footerBodytext a:visited { font-size: 9px; color: #000000; }

/**************************************************************************************/
/* Text Formatting Styles */

h1, .heading1 { font: bold 24px Georgia, Times, Arial; color: #990000; border-bottom: #666666 1px dotted; padding-bottom: 3px; }
h2 { font: bold 18px Arial; color: #000000; }
.heading2 { font: bold 14px Arial; color: #000000; }
.heading3 { font: bold 12px Verdana; color: #000000; }
.heading4 { font: bold 14px Arial; color: #cc3333; }
.heading5 { font: bold 14px Arial; color: #666666; }
.heading6 { font: bold 14px Arial; color: green; }
.heading7 { font: bold 14px Arial; color: darkblue; }

.menuName { font: bold 24px Georgia, Times, Arial; color: #990000; padding-bottom: 3px; }
.menuDesc {display: block; margin-bottom: 10px}
.menuCategory { font: bold 20px Georgia, Times, Arial; color: #fff; background-color: #990000; margin: 0}
.entreeName { font: bold 16px Georgia, Times, Arial; color: #008B8B; display: block; padding: 4px 4px 4px 0}
.entreeDesc {font: normal 11px Tahoma, Arial; line-height: 1.5em}
.menuItem {float: left; width: 70%; padding: 6px 20px 6px 16px; font: normal 12px Verdana, Arial; color: #000; line-height: 1.5em}
.itemDesc {margin-top: 8px; font: normal 11px Tahoma, Arial; line-height: 1.5em}
.menuControl {float: left;  width: 25%;  font: normal 12px Verdana, Arial; color: #000; line-height: 1.5em}

.calendar-cutoff{}

.calendar-cutoff a, .calendar-cutoff a:visited { color: #a9a9a9; text-decoration: none; font: 11px Tahoma, Helvetica; }
.calendar-cutoff a:hover { color: #a9a9a9; text-decoration: none; font: 11px Tahoma, Helvetica; }

.calendar-closed{}

.calendar-closed a, .calendar-closed a:visited { color: #a9a9a9; text-decoration: none; font: 11px Tahoma, Helvetica; }
.calendar-closed a:hover { color: #a9a9a9; text-decoration: none; font: 11px Tahoma, Helvetica; }


.calendar a, .calendar a:visited { color: #000000; text-decoration: none; font: 11px Tahoma, Helvetica; }
.calendar a:hover { color: #000000; text-decoration: none; font: 11px Tahoma, Helvetica; background-color: #f5deb3; }

.active, .PASS { color: #006601; }
.inactive, .FAIL { color: #fb0101; }
.pagination { font: 10px Tahoma; color: #666699; }

.sm-white { font: 10px Tahoma; color: #ffffff; }
.sm-black { font: 10px Tahoma; color: #000000; }

.created, .timestamp { color: #4169e1; }

.errstr { font: normal 11px Tahoma, Arial, Helvetica, sans-serif; padding: 4px; color: #fb0101; font-weight: bold; text-align: right; }
.okstr { font: normal 11px Tahoma, Arial, Helvetica, sans-serif; padding: 4px; color: #006601; font-weight: bold; }

.red { font: normal 11px Tahoma, Arial, Helvetica, sans-serif; color: #fb0101; font-weight: bold; }
.green { font: normal 11px Tahoma, Arial, Helvetica, sans-serif; color: #006601; font-weight: bold; }
.grey { font: normal 11px Tahoma, Arial, Helvetica, sans-serif; color: darkgray; font-weight: bold; }

.mainTitle { font-family: Tahoma,Helvetica,Verdana; font-size: 16px; font-weight: bold; padding-right: 0px; padding-left: 16px; padding-bottom: 0px; padding-top: 0px; }
.rightsReserved { font-size: 9px; vertical-align: super; }

/**************************************************************************************/
/* Data Table Styles */

/*
.data-title { font: bold 12px Arial, Helvetica, sans-serif; color: #ffffff; background-color: #7caacd; }
.data-row0 { background-color: #e9e9e9; color: #000000; font-weight: bold; }
.data-row1 { background-color: #e9e9e9; color: #000000; }
.data-row2 { background-color: #ffffff; color: #000000; border-top: 1px solid #f0f0f0; border-bottom: 1px solid #f0f0f0; }
.data-title2 { font: bold 10px Arial, Helvetica, sans-serif; color: #000000; background-color: #cce0ec; }
.data-desc2 { background-color: #e9e9e9; color: #000000; }
.data-desc1 { background-color: #f0f0f0; color: #000000; }
.data-table a, .data-table a:visited { color: #003399; text-decoration: none; }
.data-table a:hover { color: #000000; text-decoration: none; background-color: #f6d901; }
.data-table input, .data-table textarea, .data-table select, .dialog-box input, .reg-btn { font: 11px Tahoma, Arial, Helvetica, sans-serif; }
*/


/*.footer { background-color: #ffffff; color: #999999; font: 11px Tahoma, Arial, Helvetica, sans-serif; }		 
.footer a			{color: #999999; font: 12px Tahoma, Arial, Helvetica, sans-serif; text-decoration: none}
.footer a:hover		{color: #000000; font: 12px Tahoma, Arial, Helvetica, sans-serif; text-decoration: none; background-color:#ffff00; }*/

.tdHighlight
{
	background-color: White;
	padding: 8px;
	border-right: black 1px solid;
	border-top: black 1px solid;
	border-left: black 1px solid;
	border-bottom: black 1px solid;
}

.dialogHeader
{
	padding-left: 8px;
	padding-top: 3px;
	padding-bottom: 3px;
	font-weight: bold;
	font-size: 110%;
	color: white;
	font-family: Verdana;
	background-color: #7C6F57;
}

.closeIcon
{
	background-position: right top;
	background-image: url(close_icon.gif);
	background-repeat: no-repeat;
	position: absolute;
	cursor: pointer;
	width: 19px;
	top: 1px;
	height: 19px;
	right: 1px;
}

.updateProgress
{
	position: absolute;
	background-color: #fff;
	filter: alpha(opacity=70);
	MozOpacity: 0.7;
	opacity: 0.7;
	padding: 0px;
	margin: 0px;
}
.updateProgress div
{
	background-color: white;
	padding: 4px;
	position: absolute;
	top: 10%;
	left: 50%;
}