/**
 * The FORMfields Library
 * Copyright 2005-2007 Brain Book Software LLC
 * For complete documentation, please visit http://www.formfields.com
 *
 * This CSS skin consists of basic elements with solid colors and few images.
 *
 * Note: A bug in IE requires that all elements have a min width/height of 4 
 * px otherwise the elements get distorted when the mouse is click dragged.
 *
 * Note: We have to use background images as IE 6 and earlier doesn't support
 * transparent PNGs.
 */
body {
	background:#ffffff;
	font-family:tahoma,verdana,arial,helvetica,geneva,sans-serif;
}

/* ---------- TITLE - BEGIN ---------- */

td.ffTitleTopLeft, td.ffTitleTopRight, td.ffTitleBottomLeft, td.ffTitleBottomRight,
div.ffTitleTopLeft, div.ffTitleBottomLeft, div.ffTitleTopRight, div.ffTitleBottomRight,
div.ffTitleLeft, div.ffTitleRight {
	background-image: none;
	width: 0px;
	height: 0px;
}

td.ffTitleTopMiddle, td.ffTitleBottomMiddle {
	background-image: none;
	height: 0px;
}

td.ffTitleLeft, td.ffTitleRight {
	background-image: none;
	width: 0px;
	height: 0px;
}

td.ffTitleMiddle {
	height: 32px;
	background-color: #eeeeee;
	background-image:none;
	white-space: nowrap;
	font-family:arial,tahoma,verdana,sans-serif;
	color: #2D2D2D;
	padding: 0px 0px;
	width: 100%;
}

/* ---------- TITLE - END ---------- */

/* ---------- HEADER1 - BEGIN ---------- */
 
td.ffHeader1TopLeft, td.ffHeader1TopRight, td.ffHeader1BottomLeft, td.ffHeader1BottomRight,
div.ffHeader1TopLeft, div.ffHeader1BottomLeft, div.ffHeader1TopRight, div.ffHeader1BottomRight,
div.ffHeader1Left, div.ffHeader1Right {
	background-image: none;
	width: 0px;
	height: 0px;
}

td.ffHeader1TopMiddle, td.ffHeader1BottomMiddle {
	background-image: none;
	height: 0px;
}

td.ffHeader1Left, td.ffHeader1Right {
	background-image: none;
	width: 4px;
}

td.ffHeader1Middle {
	width:100%;
	background-color:#9a5458;
	background-image:none;
	padding: 0px 0px;
	font-family:tahoma,verdana,arial,helvetica,geneva,sans-serif;
	font-size:14px;
	font-weight:normal;
	color:#DDDDDD;
	text-align:center;
	text-transform:uppercase;
	letter-spacing:4px;
}

/* ---------- HEADER1 - END ---------- */

/* ---------- SECTION TITLE - BEGIN ---------- */

td.ffSectionTitleVeryTopLeft, div.ffSectionTitleVeryTopLeft,
td.ffSectionTitleVeryTopRight, div.ffSectionTitleVeryTopRight,
td.ffSectionTitleLeft, div.ffSectionTitleLeft,
td.ffSectionTitleRight, div.ffSectionTitleRight,
td.ffSectionTitleBottomLeft, div.ffSectionTitleBottomLeft,
td.ffSectionTitleBottomRight, div.ffSectionTitleBottomRight,
td.ffSectionTitleVeryBottomLeft, div.ffSectionTitleVeryBottomLeft,
td.ffSectionTitleVeryBottomRight, div.ffSectionTitleVeryBottomRight {
	width: 0px;
	height: 0px;
	background-image: none;
}

td.ffSectionTitleVeryTopMiddle,
td.ffSectionTitleMiddle,
td.ffSectionTitleBottomMiddle,
td.ffSectionTitleVeryBottomMiddle {
	height: 0px;
	background-image: none;
}

td.ffSectionTitleBottomMiddle {
	/*border: 1px solid #dddddd;*/
	padding: 0px;
}

table.ffSectionTitle {
	border: 1px solid #dddddd;
}

td.ffSectionTitleTopLeft, div.ffSectionTitleTopLeft,
td.ffSectionTitleTopRight, div.ffSectionTitleTopRight {
	width: 0px;
	height: 23px;
	background-image: none;
}

/* SETS FORMS TITLE */
td.ffSectionTitleTopMiddle { 
	width:100%;
	background-color:#9a5458;
	background-image:none;
	margin:0px 0px;
	padding: 0px 0px;
	font-family:tahoma,verdana,arial,helvetica,geneva,sans-serif;
	font-size:14px;
	font-weight:normal;
	color:#DDDDDD;
	text-align:center;
	text-transform:uppercase;
	letter-spacing:4px;
}

/* ---------- SECTION TITLE - END ---------- */


/* Set the background color of the info box */
td.ffInfoBoxMiddle { 
	background-color: #295A9E;
	color: inherit;
}

/* Set the background color of the warning box */
td.ffWarningBoxMiddle { 
	background-color: #DBDB07;
	color: inherit;
}

/* Set the background color of the error box */
td.ffErrorBoxMiddle { 
	background-color: #930202;
	color: inherit;
}

/* Set the background color of the question box */
td.ffQuestionBoxMiddle { 
	background-color: #33C533;
	color: inherit;
}

/* Remove padding in the message box to better align the message text */
td.ffInfoBoxMiddle, td.ffWarningBoxMiddle, td.ffErrorBoxMiddle, td.ffQuestionBoxMiddle { 
	background-image: none;
	padding: 0px;
}

/* Clear the message box image. */
img.ffMessageHelperError, img.ffMessageHelperQuestion  {
	background-image: none;
	width: 0px;
}

/* Set the width of the message box image column to 0 so the text is aligned left. */
td.ffMessageHelperLeft {
	width: 0px;
}

/* ---------- INFO BOX - BEGIN ---------- */

td.ffInfoBoxTopLeft, td.ffInfoBoxTopRight, td.ffInfoBoxBottomLeft, td.ffInfoBoxBottomRight,
div.ffInfoBoxTopLeft, div.ffInfoBoxBottomLeft, div.ffInfoBoxTopRight, div.ffInfoBoxBottomRight,
td.ffInfoBoxLeft, td.ffInfoBoxRight,
div.ffInfoBoxLeft, div.ffInfoBoxRight {
	width: 4px;
	height: 4px;
	background-image: none;
}

td.ffInfoBoxTopMiddle, td.ffInfoBoxBottomMiddle {
	height: 4px;
	background-image: none;
}

td.ffInfoBoxMiddle { 
	width: 100%;
	font: normal normal normal 11px verdana,sans-serif;
	/*background-color: #295A9E;*/
	background-image: url('../images/infoBoxBg.png');
	color: inherit;
	padding: 5px;
}

table.ffInfoBox {
	width: 100%;
}

div.ffMessageHelperInfo {
	color: white;
	background-color: inherit;
}

img.ffMessageHelperInfo {
	background-image: url('../images/infoIcon.png');
}

/* ---------- INFO BOX - END ---------- */

/* ---------- WARNING BOX - BEGIN ---------- */

td.ffWarningBoxTopLeft, td.ffWarningBoxTopRight, td.ffWarningBoxBottomLeft, td.ffWarningBoxBottomRight,
div.ffWarningBoxTopLeft, div.ffWarningBoxBottomLeft, div.ffWarningBoxTopRight, div.ffWarningBoxBottomRight,
td.ffWarningBoxLeft, td.ffWarningBoxRight,
div.ffWarningBoxLeft, div.ffWarningBoxRight {
	width: 4px;
	height: 4px;
	background-image: none;
}

td.ffWarningBoxTopMiddle, td.ffWarningBoxBottomMiddle {
	height: 4px;
	background-image: none;
}

td.ffWarningBoxMiddle { 
	width: 100%;
	font: normal normal normal 11px verdana,sans-serif;
	/*background-color: #DBDB07;*/
	background-image: url('basic/warningBoxBg.png');
	color: inherit;
	padding: 5px;
}

table.ffWarningBox {
	width: 100%;
}

div.ffMessageHelperWarning {
	color: white;
	background-color: inherit;
}

img.ffMessageHelperWarning {
	background-image: url('../images/warningIcon.png');
}

/* ---------- WARNING BOX - END ---------- */

/* ---------- ERROR BOX - BEGIN ---------- */

td.ffErrorBoxTopLeft, td.ffErrorBoxTopRight, td.ffErrorBoxBottomLeft, td.ffErrorBoxBottomRight,
div.ffErrorBoxTopLeft, div.ffErrorBoxBottomLeft, div.ffErrorBoxTopRight, div.ffErrorBoxBottomRight,
td.ffErrorBoxLeft, td.ffErrorBoxRight,
div.ffErrorBoxLeft, div.ffErrorBoxRight {
	width: 4px;
	height: 4px;
	background-image: none;
}

td.ffErrorBoxTopMiddle, td.ffErrorBoxBottomMiddle {
	height: 4px;
	background-image: none;
}

td.ffErrorBoxMiddle { 
	width: 100%;
	font: normal normal normal 11px verdana,sans-serif;
	/*background-color: #930202;*/
	background-image: url('../images/errorBoxBg.png');
	color: inherit;
	padding: 5px;
}

table.ffErrorBox {
	width: 100%;
}

div.ffMessageHelperError {
	color: white;
	background-color: inherit;
}

img.ffMessageHelperError {
	background-image: url('../images/stopIcon.png');
	width: 40px;
	height: 40px;
}

/* ---------- ERROR BOX - END ---------- */

/* ---------- QUESTION BOX - BEGIN ---------- */

td.ffQuestionBoxTopLeft, td.ffQuestionBoxTopRight, td.ffQuestionBoxBottomLeft, td.ffQuestionBoxBottomRight,
div.ffQuestionBoxTopLeft, div.ffQuestionBoxBottomLeft, div.ffQuestionBoxTopRight, div.ffQuestionBoxBottomRight,
td.ffQuestionBoxLeft, td.ffQuestionBoxRight,
div.ffQuestionBoxLeft, div.ffQuestionBoxRight {
	width: 4px;
	height: 4px;
	background-image: none;
}

td.ffQuestionBoxTopMiddle, td.ffQuestionBoxBottomMiddle {
	height: 4px;
	background-image: none;
}


td.ffQuestionBoxMiddle { 
	width: 100%;
	font: normal normal normal 11px verdana,sans-serif;
	/*background-color: #33C533;*/
	background-image: url('../images/questionBoxBg.png');
	color: inherit;
	padding: 5px;
}

table.ffQuestionBox {
	width: 100%;
}

div.ffMessageHelperQuestion {
	color: white;
	background-color: inherit;
}

/* ---------- QUESTION BOX - END ---------- */


/* Set special label fonts and width of cells - J. Booth - 02052010 */
.cellLabel label {
	font-size: 12px;
	font-family: verdana,sans-serif;
	font-weight:bold;
	width:240px;
	padding-right:4px;
	text-align:left;
}
tr.ffTableSetFORMfields { 
	height:42px;
}
/* left-align nuiscance style directives from FF (accomodating IE8 though  >:(   :) J Booth 02112010*/
.ffDescription .help { 
	text-align:left;
}
/* align package choices, message label and HID label to top - J. Booth 02112010 */
.cell #contact_us_messageLabel, .cell #ff_image_verificationLabel, .cell #storage_packageLabel, .cell #box_packagesLabel {
	margin-top:-66px;
}
.cell #ff_image_verificationLabel { 
	margin-top:-44px;
}

/* CUSTOM STYLES OVERRIDE FORMfields.css and FFTABLESET STYLES (src/TableSet.css) */
th.ffTableSet a, th.ffTableSet a:visited {
	font-family:arial,tahoma,verdana,helvetica,geneva,sans-serif;
	font-size:12px;
	color:#3366FF;font-weight:700;
}
th.ffTableSet a:hover {
	color:#009900;
}
td.ffTableSetFORMfieldsLabel1, td.ffTableSetFORMfieldsLabel2 {
	font-family:arial,tahoma,verdana,helvetica,geneva,sans-serif;
	font-size: 14px;
	font-weight: 800;
	text-transform: uppercase;
	color: #9a5458;
	letter-spacing: 2px;
	margin-left: 30px;
}
.admincontrolicons, .admincontrolicons a, .admincontrolicons a:visited {
	font-family:arial,tahoma,verdana,helvetica,geneva,sans-serif;
	font-size:12px;
	color:#3366FF;
	font-weight:700;
}
div.admincontrolicons a:hover {
	font-size:12px;
	color:#009900;
}
/* end tableset styles */
.benign { 
	font-weight:bold;
	margin:0px 0px;
	padding:0px 0px;
}

/* Confirmation Screen */
div.ffConfirmation, .ffConfirmation { margin-left:28px;font-size:14px;font-weight:normal; }
/* SET ARRAY OF FONT SIZES IN PIXELS FOR EASE OF USE - J. Booth 07272010 */
.sz9 { font-size:9px; }
.sz10 { font-size:10px; }
.sz11{ font-size:11px; }
.sz12{ font-size:12px; }
.sz13{ font-size:13px; }
.sz14{ font-size:14px; }
.sz15{ font-size:15px; }
.sz16{ font-size:16px; }
.sz18{ font-size:18px; }
.sz20{ font-size:20px; }
.sz22{ font-size:22px; }
.sz24{ font-size:24px; }
.sz26{ font-size:26px; }
.sz28{ font-size:28px; }
.sz30{ font-size:30px; }
.sz32{ font-size:32px; }
.sz34{ font-size:34px; }
.sz36{ font-size:36px; }

.nrml { font-weight:normal; }
.bld { font-weight:bold; }