/* CSS Document */
/*********************************************/
/* Styles for the admin pages. 		         */
/*********************************************/
#contentLogin {
	padding-bottom: 30px;
	/* Height of the footer */
	min-height: 300px;
}
#leftmenuBarAdmin {
	position: absolute;
	/* background: url('../images/graybox-LEFT.png') no-repeat; */
	width: 170px;
	height: 330px;
	z-index: 10;
}
.menuItemAdmin {
	z-index: 20;
	background: url('../images/yellowheaderssmall-LEFT.png') no-repeat;
	width: 129px;
	height: 30px;
	position: relative;
	padding-bottom: 15px;
	top: 15px;
	left: 15px;
	display: block;
}
#LogOut a {
	position: absolute;
	top: 12px;
	left: 975px;
	z-index: 50;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 9px;
	color: #000000;
	font-weight: bold;
	text-decoration: none;
}
#Login {
	position: relative;
	top: 12px;
	margin-left: auto;
	margin-right: auto;
	width: 300px;
	height: 160px;
	background-color: #CCCCCC;
}
.error {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #CC0000;
	position: relative;
	top: 7px;
	left: 10px;
}
.loginText {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #333333;
	padding-right: 3px;
	width: 150px;
	position: relative;
	left: 35px;
}
.loginField {
	width: 150px;
	position: relative;
	left: 35px;
}
.loginButton {
	position: relative;
	left: 125px;
}
.popupRow {
	padding-bottom: 5px;
	width: 650px;
	clear: both;
}
.popupLabel {
	text-align: right;
	width: 100px;
	padding-right: 5px;
	display: inline-block;
	vertical-align: top;
}
.popupButtonRow {
	text-align: center;
	width: 100%;
	padding-bottom: 15px;
}
.hide {
	display: none;
}
/* CSS Document */
/*********************************************/
/* Styles for the static portion of page     */
/*********************************************/
html, body {
	height: 100%;
}
a {
	text-decoration: none;
}
#main {
	width: 1024px;
	margin-left: auto;
	margin-right: auto;
	min-height: 90%;
	overflow: auto;
}
.hiddenControl {
	display: none;
	position: absolute;
}
/*****************************/
/* Styles for the content     */
/*****************************/
#content {
	padding-bottom: 10px;
	/*Height of the footer */
	position: relative;
	left: 200px;
	width: 820px;
}
/*****************************/
/* Styles for the site header*/
/*****************************/
#hdrContainer {
	position: relative;
	top: 0px;
	left: 0px;
}
#Semi {
	position: absolute;
	top: 55px;
	left: 280px;
	z-index: 10;
}
#eInfolinkLogoTop {
	position: absolute;
	top: 35px;
	left: 845px;
	z-index: 20;
}
#eInfoLinkBG {
	position: absolute;
	top: 15px;
	left: 820px;
	z-index: 10;
}
#eInfoLinkButton {
	position: absolute;
	top: 130px;
	left: 850px;
	z-index: 30;
}
.TopMenuText {
	position: absolute;
	top: 10px;
	left: 282px;
	z-index: 50;
}
.TopMenuText a {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #000000;
	font-weight: bold;
	border-right: thin solid #FFFFFF;
	padding: 6px 12px 6px 12px;
}
#LastItem {
	border-right: none;
}
/*****************************/
/* Styles for the left menu  */
/*****************************/
#leftmenuBar {
	position: absolute;
	/* background: url('../images/graybox-LEFT.png') no-repeat; */
	width: 170px;
	height: 330px;
	z-index: 10;
}
.menuItem {
	z-index: 20;
	background: url('../images/yellowheaderssmall-LEFT.png') no-repeat;
	width: 129px;
	height: 30px;
	position: relative;
	padding-bottom: 18px;
	top: 15px;
	left: 15px;
	display: block;
}
#menuEInfoLinkLarge {
	position: relative;
	top: 15px;
	left: 10px;
	z-index: 20;
}
#menuEInfoLinkInfo {
	position: relative;
	top: 22px;
	left: 10px;
	z-index: 20;
}
#menuNewsletter {
	position: relative;
	top: 40px;
	left: 0px;
	z-index: 20;
}
#menuEmblem {
	position: relative;
	top: 50px;
	left: 50px;
	z-index: 20;
}
.leftMenuText {
	z-index: 30;
	text-align: center;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #000000;
	font-weight: bold;
	text-decoration: none;
	padding-top: 10px;
	display: block;
}
/*****************************/
/* Styles for the footer     */
/*****************************/
#footer {
	background: url("../images/bottomgreengraybar.png");
	width: 1024px;
	height: 210px;
	z-index: 5;
}
#column1 {
	width: 150px;
	position: relative;
	top: 15px;
	left: 45px;
	display: inline-block;
	vertical-align: top;
	min-height: 135px;
}
#column2 {
	width: 150px;
	position: relative;
	top: 35px;
	left: 50px;
	display: inline-block;
	vertical-align: top;
	min-height: 135px;
}
#column3 {
	position: relative;
	top: 15px;
	left: 60px;
	width: 300px;
	display: inline-block;
	vertical-align: top;
	min-height: 135px;
}
#column4 {
	position: relative;
	top: 30px;
	left: 75px;
	width: 150px;
	display: inline-block;
	vertical-align: top;
	min-height: 135px;
}
#column5 {
	position: relative;
	top: 40px;
	left: 75px;
	display: inline-block;
	vertical-align: top;
	z-index: 50;
	min-height: 135px;
}
#footer .pageHeading {
	font-size: 14px;
	color: #333333;
}
#footer .pageText {
	font-size: 12px;
	color: #333333;
}
#footer .pageText a {
	color: #555555;
}
#footer .Title {
	font-size: 12px;
	color: #333333;
	font-weight: bold;
	font-family: Arial, Helvetica, sans-serif;
	line-height: 18px;
}
#footer .Title a {
	color: #555555;
}
.TestimonialItem {
	height: 16px;
	display: inline-block;
	padding-left: 8px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #666666;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	width: 295px;
}
#copyR {
	position: relative;
	top: 30px;
	left: 45px;
	z-index: 30;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #666666;
	font-weight: bold;
}
/*********************************/
/* Styles for the index page     */
/*********************************/
#FeatureItem {
	background: url("../images/yellowdropboxheader.png");
	position: relative;
	width: 750px;
	height: 210px;
	top: 15px;
	left: 5px;
}
#FeatureImage {
	position: relative;
	top: 18px;
	left: 18px;
	height: 175px;
	width: 300px;
	overflow: hidden;
	float: left;
}
#FeatureContent {
	position: relative;
	vertical-align: top;
	top: 5px;
	left: 30px;
	overflow: hidden;
	width: 420px;
	display: block;
}
.FeatureTitle {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 22px;
	font-weight: bold;
	padding-top: 14px;
	padding-bottom: 8px;
}
.FeatureText {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 18px;
	font-weight: bold;
	min-height: 120px;
}
.FeatureLink a {
	color: black;
	text-decoration: none;
}
.ContentItems {
	background: url("../images/grayContentBox.png") no-repeat;
	position: relative;
	top: 40px;
	left: 5px;
	height: 235px;
	width: 540px;
	overflow: hidden;
}
#ContentImage {
	position: relative;
	top: 25px;
	left: 15px;
	height: 130px;
	width: 180px;
	overflow: hidden;
	float: left;
	display: inline-block;
}
#ContentItem {
	position: relative;
	vertical-align: top;
	top: 25px;
	left: 30px;
	height: 172px;
	width: 350px;
	display: inline-block;
}
.ContentTitle {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 18px;
	font-weight: bold;
	padding-top: 2px;
	padding-bottom: 2px;
	color: #217252;
}
.ContentText {
	/*Height for content is set in index.cfm */
	position: relative;
	width: 310px;
	overflow: hidden;
	display: block;
}
.ContentText span {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #217252;
	padding-bottom: 2px;
}
.ContentLink {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	position: relative;
	left: 225px;
	top: -16px;
}
.ContentLink a {
	color: #217252;
	text-decoration: none;
}
#ContentFooter {
	background: url("../images/yellowContentBox.png") no-repeat;
	position: relative;
	width: 540px;
	height: 40px;
	z-index: 5;
	top: 16px;
}
#ContentNavBack {
	background: url("../images/navButtonBack.png") no-repeat;
	position: relative;
	top: 4px;
	left: 4px;
	width: 20px;
	height: 18px;
	z-index: 10;
	display: inline-block;
}
#ContentNavForward {
	background: url("images/navButtonForward.png") no-repeat;
	position: relative;
	top: 4px;
	width: 20px;
	height: 18px;
	left: 4px;
	z-index: 12;
	display: inline-block;
}
#ContentFooterText {
	font-family: Arial, Helvetica, sans-serif;
	position: relative;
	font-size: 14px;
	font-weight: bold;
	padding-left: 15px;
	padding-top: 10px;
	width: 450px;
	display: inline-block;
}
#WarehouseStore {
	/*background: url("../mages/graybox-RIGHT.png") no-repeat;*/
	position: relative;
	top: -210px;
	height: 275px;
	width: 222px;
	left: 548px;
	z-index: 12;
	display: inline-block;
	margin-bottom: -235px;
}
/*********************************/
/* Styles for the Partners       */
/*********************************/
#partnerBlock {
	width: 100%;
	background: white;
	border: thin inset #777777;
}
.partnerRow {
	width: 100%;
	padding: 15px 0px 15px 0px;
}
.partnerRow img {
	padding: 0px 25px 0px 25px;
}
/*********************************/
/* Styles for the Links	         */
/*********************************/
.IndLinksLeft {
	width: 50%;
	float: left;
}
.IndLinksRight {
	width: 50%;
	float: right;
}
#IndLinks a {
	padding: 4px 12px 4px 12px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #DDDDDD;
	margin: 0px 0 -20px 0;
	display: block;
}
#IndLinks a:hover {
	text-decoration: underline;
	color: #063;
	background: #CCC;
}
/*********************************/
/* Styles for the eInfoLink      */
/*********************************/
#eInfoLink a {
	color: #FFA800;
}
#eInfoLink a:hover {
	text-decoration: underline;
}
.eInfoLinkLeft {
	width: 72%;
	float: left;
	padding-right: 15px;
}
.eInfoLinkRight {
	float: right;
}
.eInfoLinkFAQ {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	font-weight: bold;
	color: #DDDDDD;
}
/*********************************/
/* Styles for the Resources      */
/*********************************/
.ResourceItemLeft {
	float: left;
	width: 605px;
	padding: 15px 0px 10px 0px;
}
.ResourceItemRight {
	float: right;
	padding: 25px 0px 10px 0px;
	text-align: center;
	width: 210px;
}
/*********************************/
/* Styles for the Careers      */
/*********************************/
.CareersLeft {
	float: left;
	padding: 15px 0px 10px 0px;
}
.CareersRight {
	float: right;
	padding: 5px 10px 10px 10px;
	width: 240px;
}
#CareerGrid {
	width: 600px;
	margin-left: 50px;
	margin-right: auto;
}
.CareerRow {
	margin: 5px 0px 5px 0px;
	position: relative;
	border: thin #DDDDDD solid;
	background: #666666;
}
.CareerName {
	width: 250px;
	display: inline-block;
	vertical-align: middle;
	padding: 8px 8px 8px 8px;
}
.CareerAcceptingApps {
	display: inline-block;
	vertical-align: middle;
	padding: 8px 8px 8px 8px;
	text-align: right;
	width: 300px;
}
/*********************************/
/* Styles for the contact form   */
/*********************************/
#IFDAddress {
	width: 450px;
	display: inline-block;
	padding-right: 15px;
}
#frmContactUs {
	width: 300px;
	vertical-align: top;
	display: inline-block;
}
#frmContactUs label {
	width: 80px;
	text-align: right;
	line-height: 28px;
	display: inline-block;
}
#frmContactUs input {
	display: inline-block;
}
#frmContactUs #txtEmailAddr {
	/*spam bot trap*/
	display: none;
}
.inputField {
	width: 125px;
}
.inputFieldLarge {
	width: 200px;
}
/*********************************/
/* Styles for the newsletter form */
/*********************************/
#frmNewsletter {
	width: 380px;
	left: 100px;
	position: relative;
	display: inline-block;
}
#frmNewsletter label {
	width: 150px;
	text-align: right;
	line-height: 28px;
	display: inline-block;
}
#frmNewsletter input {
	display: inline-block;
}
.inputField {
	width: 125px;
}
.inputFieldLarge {
	width: 200px;
}
#frmNewsletter #email_field {
	/*spam bot trap*/
	display: none;
}
/*********************************/
/* Styles for the site items     */
/*********************************/
.clear {
	clear: both;
}
.left {
	float: left;
}
.right {
	float: right;
}
.dottedLine {
	width: 100%;
	border-bottom: dotted #DDDDDD thin;
}
.pageHeading, .pageSubHeading {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 22px;
	font-weight: bold;
	padding-top: 10px;
	color: #FFA800;
}
.pageSubHeading {
	font-size: 18px;
	color: #FFA800;
	font-style: italic;
}
.pageText {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #222222;
	line-height: 18px;
}
.pageText a {
	color: #666666;
}
.pageText a:hover {
	text-decoration: underline;
}
.spaceLarge {
	/*Blank space above header image */
	height: 25px;
}
.spaceSmall {
	/*Blank space below header image */
	height: 10px;
}
.highlightText {
	color: #FFA800;
}
.popupText {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #333;
	margin-left: 10px;
	margin-right: 10px;
}
.popupWindowBody {
	font-family: verdana;
	color: black;
	font-size: 11px;
	font-weight: bold;
}
.popupWindowHeader {
	font-family: verdana;
	background-color: #CACACA;
	color: white;
}
.popupWindowTitle {
	margin-left: 5px;
	margin-top: 15px;
	margin-bottom: 15px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 18px;
}