/* EHANCEMENT: At some pt may want to dynamically load CSS like JS is loaded */

/* ---------- PROGRESS METER - BEGIN ---------- */

.ffProgressMeterBorder {
	border: 1px solid #cccccc;
	padding: 5px 5px 5px 5px;
}

.ffProgressMeterBar {
	height: 25px;
	background-color: #7F8DF4;
	color: inherit;
}

.ffProgressMeterMessage, .ffProgressMeterErrorMessage, .ffProgressMeterTopMessage {
	text-align: center;
	margin-top: 5px;
}

.ffProgressMeterErrorMessage {
	color: red;
	background-color: inherit;
	font-weight: bold;
}

.ffProgressMeter {
	width: 400px;
	margin: 5px;
	border: 1px solid #eeeeee;
	padding: 5px 5px 5px 5px;
}

div.ffProgressMeterCancel {
	text-align: center;
	margin: 5px;
}

a.ffProgressMeterCancel {

}

.ffProgressMeterTopMessage {
	margin-bottom: 5px;
}

.ffUploadVideoViewerMsg {
	width: 400px;
}

/* ---------- FF TAB - BEGIN ---------- */

table.ffTab {
	/*width: 120px;*/ /* If you want to manually set the size of the tabs */
}

td.ffTabNotSelectedLeft {
	background-image: url('../../images/ffTabNotSelectedLeft.png');
	background-repeat: no-repeat;
	width: 10px;
	height: 20px;
}

td.ffTabNotSelectedMiddle {
	font: normal normal bold 11px verdana,sans-serif;
	background-image: url('../../images/ffTabNotSelectedMiddle.png');
	background-repeat: repeat-x;
	height: 20px;
	cursor: pointer;
	text-align: center;
	padding: 0px 5px 0px 5px;
}

td.ffTabNotSelectedRight {
	background-image: url('../../images/ffTabNotSelectedRight.png');
	background-repeat: no-repeat;
	width: 10px;
	height: 20px;
}

td.ffTabSelectedLeft, td.ffTabMouseOverLeft {
	background-image: url('../../images/ffTabSelectedLeft.png');
	background-repeat: no-repeat;
	width: 10px;
	height: 20px;
}

td.ffTabSelectedMiddle, td.ffTabMouseOverMiddle {
	font: normal normal bold 11px verdana,sans-serif;
	background-image: url('../../images/ffTabSelectedMiddle.png');
	background-repeat: repeat-x;
	height: 20px;
	cursor: pointer;
	text-align: center;
	padding: 0px 5px 0px 5px;
}

td.ffTabSelectedRight, td.ffTabMouseOverRight {
	background-image: url('../../images/ffTabSelectedRight.png');
	background-repeat: no-repeat;
	width: 10px;
	height: 20px;
}

/* ---------- FF TAB MENU - BEGIN ---------- */

td.ffTabMenuSpacer {
	background-image: url('../../images/ffTabMenuSpacer.png');
	background-repeat: repeat-x;
	width: 5px;
	height: 20px;
}

div.ffTabMenu {
	background-image: url('../../images/ffTabMenuSpacer.png');
	background-repeat: repeat-x;
	height: 20px;
}

/* ---------- FF TAB PANEL - BEGIN ---------- */

div.ffTabPanel {
	background-image: url('../../images/ffTabPanelBackground.png');
	background-repeat: repeat;
	padding: 3px;
}

div.ffTabPanelPane {
	background-color: white;
	border-left: 1px solid #95B0D4;
	border-bottom: 1px solid #95B0D4;
	border-right: 1px solid #95B0D4;
	height: 250px;
	padding: 3px;
	font: normal normal normal 11px verdana,sans-serif;
}

/* ---------- FF SEARCH PANEL - BEGIN ---------- */

div.ffSearchPanel {
	background-color: #F0F4F9;
	padding: 0px 0px 0px 0px;
	border: 1px solid #95B0D4;
}

.ffSearchPanelSearchStringFocus {
	border: 2px solid #5393E7;
}

div.ffSearchPanelPane {
	margin: 0px 4px 0px 4px;
	font: normal normal normal 11px verdana,sans-serif;
}

/* ---------- FF SECTION - BEGIN ---------- */

td.ffSectionJsTopLeft, td.ffSectionJsTopRight, td.ffSectionJsBottomLeft, td.ffSectionJsBottomRight {
	width: 10px;
	height: 10px;
	background-repeat: no-repeat;
}

td.ffSectionJsLeft, td.ffSectionJsRight {
	width: 10px;
	background-repeat: repeat-y;
}

td.ffSectionJsTopMiddle, td.ffSectionJsBottomMiddle {
	height: 10px;
	background-repeat: repeat-x;
}

td.ffSectionJsTopLeft {
	background-image: url('../../images/js/ffSectionTopLeft.gif');
}

td.ffSectionJsTopRight {
	background-image: url('../../images/js/ffSectionTopRight.gif');
}

td.ffSectionJsBottomLeft {
	background-image: url('../../images/js/ffSectionBottomLeft.gif');
}

td.ffSectionJsBottomRight {
	background-image: url('../../images/js/ffSectionBottomRight.gif');
}

td.ffSectionJsLeft {
	background-image: url('../../images/js/ffSectionLeft.gif');
}

td.ffSectionJsRight {
	background-image: url('../../images/js/ffSectionRight.gif');
}

td.ffSectionJsTopMiddle {
	background-image: url('../../images/js/ffSectionTopMiddle.gif');
}

td.ffSectionJsBottomMiddle {
	background-image: url('../../images/js/ffSectionBottomMiddle.gif');
}

td.ffSectionJsMiddle {
	background-repeat: repeat;
	background-image: url('../../images/js/ffSectionMiddle.gif');
	font: normal normal normal 11px verdana,sans-serif;
}

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

td.ffSectionTitleJsBottomLeft, td.ffSectionTitleJsBottomRight {
	width: 10px;
	height: 10px;
	background-repeat: no-repeat;
}

td.ffSectionTitleJsTopLeft, td.ffSectionTitleJsTopRight {
	width: 10px;
	height: 26px;
	background-repeat: no-repeat;
}

td.ffSectionTitleJsLeft, td.ffSectionTitleJsRight {
	width: 10px;
	background-repeat: repeat-y;
}

td.ffSectionTitleJsTopMiddle {
	height: 26px;
	background-repeat: repeat-x;
	background-image: url('../../images/js/ffSectionTitleTopMiddle.gif');
	font: normal normal bold 11px verdana,sans-serif;
}

td.ffSectionTitleJsBottomMiddle {
	height: 10px;
	background-repeat: repeat-x;
	background-image: url('../../images/js/ffSectionBottomMiddle.gif');
}

td.ffSectionTitleJsTopLeft {
	background-image: url('../../images/js/ffSectionTitleTopLeft.gif');
}

td.ffSectionTitleJsTopRight {
	background-image: url('../../images/js/ffSectionTitleTopRight.gif');
}

td.ffSectionTitleJsBottomLeft {
	background-image: url('../../images/js/ffSectionBottomLeft.gif');
}

td.ffSectionTitleJsBottomRight {
	background-image: url('../../images/js/ffSectionBottomRight.gif');
}

td.ffSectionTitleJsLeft {
	background-image: url('../../images/js/ffSectionLeft.gif');
}

td.ffSectionTitleJsRight {
	background-image: url('../../images/js/ffSectionRight.gif');
}

td.ffSectionTitleJsMiddle {
	background-repeat: repeat;
	background-image: url('../../images/js/ffSectionMiddle.gif');
	font: normal normal normal 11px verdana,sans-serif;
	padding-top: 5px;
}

/* ---------- FF WINDOW - BEGIN ---------- */

div.ffWindowClose, div.ffWindowCloseOver {
	background-repeat: no-repeat;
	width: 17px;
	height: 17px;
}

div.ffWindowClose {
	background-image: url('../../images/ffWindowClose.gif');
}

div.ffWindowCloseOver {
	background-image: url('../../images/ffWindowCloseOver.gif');
}

div.ffWindowFade {
	display: none;
	position: absolute;
	top: 0px;
	left: 0px;
	width: 100%;
	height: 100%;
	min-height: 550px;
	background-color: black;
	z-index:1001;
	-moz-opacity: 0.7;
	opacity:.70;
	filter: alpha(opacity=70);
}

div.ffWindowFadeClear {
	display: none;
	position: absolute;
	top: 0px;
	left: 0px;
	width: 100%;
	height: 100%;
	background-color: black; /* must include color for IE and Opera to ensure modal */
	z-index:1001;
	-moz-opacity: 0;
	opacity:0;
	filter: alpha(opacity=0);
}

/* ---------- FF SECTION TITLE 2 - BEGIN ---------- */

td.ffSectionTitleJs2TopLeft, td.ffSectionTitleJs2TopRight,
td.ffSectionTitleJs2BottomLeft, td.ffSectionTitleJs2BottomRight {
	width: 10px;
	background-color: white;
}

td.ffSectionTitleJs2Left, td.ffSectionTitleJs2Right {
	width: 10px;
	background-color: white;
}

td.ffSectionTitleJs2TopMiddle {
	height: 26px;
	background-color: white;
	font: normal normal bold 11px verdana,sans-serif;
}

td.ffSectionTitleJs2BottomMiddle {
	height: 10px;
	background-color: white;
}

td.ffSectionTitleJs2Middle {
	background-color: white;
	font: normal normal normal 11px verdana,sans-serif;
	padding-top: 5px;
}

/* ---------- FF AUTO COMPLETER ----------- */

.ffPopupDiv {
	font: normal normal normal 11px verdana,sans-serif;
	padding: 2px;
	background-color: #F0F4F9;
	border-bottom: 1px solid #95B0D4;
	border-left: 1px solid #95B0D4;
	border-right: 1px solid #95B0D4;
}

.ffSelectorItemOver {
	cursor: pointer;
	background-color: #cccccc;
}

.ffSelectorItemDivider {
	border-bottom: 1px solid #dddddd;
	margin: 2px 2px 2px 2px;
	height: 0px;
}

/* ---------- FF PICKER ----------- */

.ffPicker {
	background-color: white;
	border: 1px solid #ccd5e4;
}

.ffPickerItem {
	cursor: pointer;
	margin: 3px;
}

.ffPickerItemLeft, .ffPickerItemRight,
.ffPickerItemOverLeft, .ffPickerItemOverRight {
	width: 4px;
	height: 19px;
	background-repeat: no-repeat;
}

.ffPickerItemLeft {
	background-image: url('../../images/js/ffPicker/ffPickerItemLeft.gif');
}

.ffPickerItemRight {
	background-image: url('../../images/js/ffPicker/ffPickerItemRight.gif');
}

.ffPickerItemOverLeft {
	background-image: url('../../images/js/ffPicker/ffPickerItemOverLeft.gif');
}

.ffPickerItemOverRight {
	background-image: url('../../images/js/ffPicker/ffPickerItemOverRight.gif');
}

.ffPickerItemMiddle, .ffPickerItemOverMiddle {
	font: normal normal normal 11px verdana,sans-serif;
	height: 19px;
	background-repeat: repeat-x;
}

.ffPickerItemMiddle {
	background-image: url('../../images/js/ffPicker/ffPickerItemMiddle.gif');
}

.ffPickerItemOverMiddle {
	background-image: url('../../images/js/ffPicker/ffPickerItemOverMiddle.gif');
}

.ffPickerItemCloseButton {
	width: 10px;
	height: 12px;
	background-repeat: no-repeat;
	background-image: url('../../images/js/ffPicker/ffPickerItemCloseButton.gif');
}

/* ---------- MISC ----------- */