
body {
	font-family: Arial;
	margin: 0px;
	font-size: 14px;
}
a:hover {
	text-decoration: none;
}
a img {
	border: 0;
}
h1 {
	margin-top: 0px;
	font-size: 28px;
	margin-bottom: 18px;
}
p {
	line-height: 175%;
	margin-bottom: 34px;
}
ul, li {
	line-height: 175%;
}
#header {
	background-color: #669933;
	border-bottom: solid 3px white;
}
#headerContent {
	width: 775px;
	margin-left: auto;
	margin-right: auto;
	color: white;	
}
#headerContent .links {
	margin-left: 380px;
	padding-top: 35px;
	font-size: 13pt;
}
#headerContent .links a {
	color: white;
	margin-right: 20px;
	text-decoration: none;
}
#headerContent .links a * {
	vertical-align: middle;
}
#headerContent .links a:hover {
	text-decoration: underline;
}
#body {
	background-image: url(../files/FreshGridsPublicResources/backgroundGradient.png);
	background-repeat: repeat-x;
	min-height: 350px;
	_height: 350px;
}
#content {
	padding-top: 34px;
	width: 775px;
	margin-left: auto;
	margin-right: auto;
	color: #404040;
}
#content a {
	color: #006699;
}
#footer {
	width: 550px;
	margin-top: 75px;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 35px;
	font-size: 11px;
	color: #404040;
}
#footer a {
	color: black;
}
#footer * {
	vertical-align: middle;
}

#lightbox {
	position: absolute;
	left: 0;
	width: 100%;
	z-index: 100;
}
#lightbox .content {
	min-height: 100px;
	_height: 100px;
}
#lightbox h1 {
	font-size: 24px;
	border-bottom: 1px solid #D9D9D9;
	margin: -12px -23px 20px -23px;
	padding: 12px 23px 12px 23px;
	background-color: #F6F1B2;;
	width: 100%; /* for IE */
}

#lightbox .dialog {
	margin: 0;
	padding: 0;
}
#lightbox .dialog .icon {
	float: left;
	z-index: 1;
	margin: 0 12px 12px 0;
}
#lightbox .dialog .information {
	margin-left: 90px;
}
#lightbox .dialog .title {
	font-size: 167%;
	font-weight: bold;
	margin-bottom: 8px;
}
#lightbox .dialog p {
	margin-top: 8px;
}
#lightbox .dialog p.formControls {
	clear: both;
	margin: 23px -23px 0 -23px;
	padding-left: 23px;
	padding-right: 23px;
	padding-top: 12px;
	border-top: solid #c0c0c0 1px;
}

#outerImageContainer {
	position: relative;
	width: 60%;
	margin: 0 auto;
}

#loading {
	position: absolute;
	top: 30%;
	left: 0%;
	height: 25%;
	width: 100%;
	text-align: center;
	line-height: 0;
}
#loading img { border: none; }

#lightboxOverlay {
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	z-index: 90;
	_width: 100%;
	_height: 100%;
	background-color: #bfbfbf;
}

/* #lightbox .shadowBox .corner { display: none !important; } */
#lightbox .shadowBox { background-color: transparent; }
#lightboxClose { 
	position: absolute;
	right: 0;
	top: 0;
	margin-top: -15px;
	_margin-top: 0;
	margin-right: -25px;
	_margin-right: 0;
}

.shadowBox {
	position: relative;
	background-color: transparent !important;
	background-color: #e6e6e6;
	margin: 0 -11px 20px 0;
	padding: 0px 10px 11px 0px;
	zoom: 1; /* for IE */
}

.shadowBox .corner, .shadowBox .side {
	display: block !important;
	display: none;
	background-color: transparent !important;
	background-color: #e6e6e6;
	position: absolute;
}

.shadowBox .r {
	width: 10px;
	right: 0;
	top: 11px;
	bottom: 14px;
	background-image: url('../files/FreshGridsResources/shadowR.png');
	background-repeat: repeat-y;
}
.shadowBox .b {
	height: 11px;
	bottom: 0;
	left: 11px;
	right: 14px;
	background-image: url('../files/FreshGridsResources/shadowB.png');
	background-repeat: repeat-x;
}

.shadowBox .bl {
	left: 0;
	bottom: 0;
}
.shadowBox .br {
	right: 0;
	bottom: 0;
}
.shadowBox .tr {
	top: 0;
	right: 0;
}
.shadowBox div.content {
	position: relative;
	border-right: solid #cccccc 1px;
	background-color: white;
	padding: 12px 23px;
}

ul.errors {
	margin: 0px;
	padding: 0px;
	color: red;
	list-style: none;
	font-size: 80%;
}

.formBox {
	float: left;
	width: 378px;
	padding: 10px;
	background-color: #D9D9D9;
	border-right: solid 2px #ABABAB;
	border-bottom: solid 2px #ABABAB;
}
.formBox h1 {
	padding: 0px;
	margin: 0px;
	margin-bottom: 10px;
	font-size: 21px;
}
.formBox h2 {
	padding: 0px;
	margin: 0px;
	margin-bottom: 10px;
}
.formBox p {
	font-size: 11px;
}
.formBox td {
	vertical-align: top;
}
.formBox .field {
	padding-left: 20px;
}
.formBox .field input {
	width: 280px;
}
.formBox .field textArea {
	width: 284px;
	height: 150px;
}
