/* ===========================================================
    CSS STYLES FOR PORTAL    http://demo.olbfcs.com/FCSIllinois/ - Default
    v4.0, 10/2010 
   ===========================================================
*/

/* ____________ PAGE HEADER ______________________ */

table.HeadBg {
	background-color: #000000; 
	background-image: url(/FCSIllinois/uploads/header_logo.png);
	background-repeat: no-repeat;
	background-position: left 8px;
}
.tagline {
	position: absolute;
	top: 10px;
	left: 180px;
	width: 100%;
	z-index: 3;
}
.Welcome {
	font-weight: normal;
}
/* Text style for the site links (at extreme top-right of header) */
td.SiteLink {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	padding: 25px 20px 0 10px;
}
A.SiteLink:link, A.SiteLink:visited, A.SiteLink:hover {
	color: #02825D;
	font-weight: bold;
	text-decoration: none;
}
A.SiteLink:hover {
	text-decoration: underline;
}
/* Separator between site links */
.Accent {
	color: #BBBBBB;
	font-weight: bold;
}
#trAdmin td, #trAdmin select {
	font-size: 11px;
	white-space: nowrap;
}
/* ____________ END PAGE HEADER __________________ */

/* ____________ PAGE BACKGROUND __________________ */
/* Background color for the content part of the pages; images in the background will display in "Design View" */
Body {
	margin: 0;
	background-color: #FFFFFF;
	background-image: url(/FCSIllinois/uploads/greenBg.jpg); 
	background-repeat: repeat-x;
	background-position: center top;
	background-attachment: scroll;
}
table.tableContent, .tableMain {
	display: block;
}
/* LEFT PANE Navigation - see also ".OtherPagesBg" & ".PageBg" for background colors */
#tdNavigation {
	background-color: #FFFFFF;
	border-right: 0 solid #FFFFFF;
	padding-left: 5px;
	padding-right: 5px;
	padding-top: 10px;
	padding-bottom: 10px;
}
/* LEFT PANE */
td#tdLeftPane {
	background-color: #FFFFFF;
	border-right: 0 solid #FFFFFF;
	padding-left: 0;
	padding-right: 0;
	padding-top: 8px;
	padding-bottom: 0; 
	width: 0;
	height: 100%;
}
/* LEFT PANE Content */
td#LeftPane {
	border-right: 0 solid #FFFFFF;
	padding-left: 0;
	padding-right: 0;
	padding-top: 0;
	padding-bottom: 0;
	width: 170px;
	height: 100%; 
}
/* CENTER PANE */
td#ContentPane { 
	height: 350px;
	display: inline;
	padding-left: 5px;
	padding-right: 5px;
	padding-top: 10px;
	padding-bottom: 0; 
}
/* RIGHT PANE */
/* The Right Pane is located at the bottom of the page */
#RightPane { 
	border-left: 0 solid #DDDDDD;
	padding-left: 5px;
	padding-right: 5px;
	padding-top: 10px;
	padding-bottom: 0;
}
/* Background/Border colors for the selected (.PageBg) & unselected (.OtherPagesBg) pages */
.PageBg, OtherPagesBg {
	background-color: #FFFFFF;
	border-color: #FFFFFF;
}
/* ____________ END PAGE BACKGROUND ______________ */

/* ____________ PAGE FOOTER ______________________ */

td.Footer {
	font-size: 10pt; color: #777777;
	vertical-align: bottom ;  
	padding: 0 5px 5px 5px;
}
.Footer a:link, .Footer a:visited, .Footer a:hover {
	color: #777777;
	text-decoration: underline; 
}
a.Footer:hover {
	color: #444444;
	text-decoration: none;
}
p.copyright, p.footerLinks {
	display: none; 
}
/* ____________ END PAGE FOOTER __________________ */

/* ____________ ACCOUNT LOGIN ____________________ */

.AccountLogin {
	color: black;
}
/* Sign In & Register links */
a:link.AccountLogin, a:visited.AccountLogin, a:hover.AccountLogin {
	text-decoration: underline;
}
/* ____________ END ACCOUNT LOGIN ________________ */

/* ____________ MAIN NAVIGATION __________________ */

#Header_trNav {
	background-color: #02825D;
	background-image: url(/FCSIllinois/uploads/navbarBorder.gif); 
	background-repeat: repeat-x;
	background-position: left -9px;
	height: 42px; 
	padding-left: 0; 
	padding-right: 0;
	white-space: nowrap;
}
img.navSpacer, img#navSpacer {
	width: 155px;
	display: block;
	white-space: nowrap;
}
span.dateLastLogin {
	text-align: right;
	white-space: nowrap;
	padding-right: 5px;
}
/* Menu Font */
.MI, .MIO, .SMI, .SMIO, table.MI td, table.MIO td, table.SMI td, table.SMIO td {
	cursor: pointer;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10pt;
	font-weight: normal; 
}
/* "Menu Item" (.MI) & "Menu Item Over" (.MIO) - 1st level main navigation */
td.MI, td.MIO {
	height: 19px;
	margin: 0;
	padding: 0 10px;
}
/* "Menu Item" - 1st level main navigation */
td.MI {
	background-color: transparent;
	border: 0 solid transparent;
	color: #FFFFFF;
	text-decoration: none;
}
/* "Menu Item OnMouseOver" - 1st level main navigation */
td.MIO {
	text-decoration: none;
	background-color: #808080;
	color: #FFFFFF;
	border: 0 solid transparent;
	border-bottom: transparent;
}
/* "Sub Menu" - 1st level of subnavigation for 1st & 2nd row of main navigation  */
div#Header_ctl02_M1subgs {
	margin-top: 1px;
}
.SMI, .SMI2, .SMIO, .SMIO2 {
	height: 19px;
	margin: 0 2px 0 0;
	padding: 0 10px;
	border: 1px solid #02825D;
	border-top: 0; 
	text-align: center;
	cursor: pointer;
	filter: progid:DXImageTransform.Microsoft.Alpha(opacity=100);
	filter: alpha(opacity=100);
	-moz-opacity: 1.0; 
	opacity: 1.0; 
}
/* "Sub Menu Item" - 1st level of subnavigation for 1st & 2nd row of main navigation  */
.SMI, .SMI2 {
	background-color: #808080;
	background-image: url(/FCSIllinois/uploads/navbarBorder.jpg); 
	background-repeat: repeat-x;
	background-position: left -31px;
	color: #191919; 
}
/* "Sub Menu Item OnMouseOver" */
.SMIO, .SMIO2 {
	text-decoration: none;
	background-color: #808080;
	color: #191919;
}

/* ### "Row 1" (r1) & "Row 1 Selected" (r1S) - 1st level main navigation */
/* ### "Row 2" (r2) & "Row 2 Selected" (r2S) - 2nd level sub navigation */
div.n2r1 table, div.n2r2 table {
	margin: 1px 0 0 0;
}
/* ### 1st & 2nd level nav containers ### */
td.n2r1Bg, td.n2r1Sbg, td.n2r2Bg, td.n2r2Sbg {
	cursor: pointer;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10pt;
	font-weight: normal;
}
a.n2r1L, a.n2r1SL {
	padding: 2px 10px 5px 10px;
	line-height: 20px;
}
a.n2r1L, a.n2r1SL, a.n2r2L, a.n2r2SL {
	margin: 1px 0 0 0;
}
a.n2r1L, a.n2r2L {
	background-color: transparent;	
	border: 1px solid transparent;  
}
a.n2r1L:link, a.n2r1L:visited, a.n2r1L:hover {
  	color: #FFFFFF;
	text-decoration: none;
}
a.n2r1SL:link, a.n2r1SL:visited, a.n2r1SL:hover {
	background-color: #808080;
	border-bottom: 0 solid #02825D;    
	color: #FFFFFF;
	font-weight: bold;
	border: 1px solid transparent; 
	text-decoration: none;
}
a.n2r2L:link, a.n2r2L:visited, a.n2r2L:hover,
a.n2r2SL:link, a.n2r2SL:visited, a.n2r2SL:hover {
	background-color: #808080;
	color: #191919;
	padding: 2px 10px 5px 10px;
	line-height: 18px;
	text-decoration: none;
}
a.n2r2SL:link, a.n2r2SL:visited, a.n2r2SL:hover {
	background-color: #FFFFFF;
	font-weight: bold;
}
a.n2r2SL {
	border: 1px solid #808080;
	border-bottom: 1px solid #02825D; 
	background-color: #808080;
}

/* STATIC LINKS styles BEGIN - edit text within the Site Settings Footer */
.staticLinksOLB, #staticLinksOLB  {
	position: absolute;
	top: 58px;
	text-align: right;
	width: 100%;
	z-index: 3;
}
.staticLinks a:link, .staticLinks a:visited, .staticLinks a:hover {
	color: #FFFFFF;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: 900;
	padding: 0 20px 0 5px;
	text-decoration: none;
}
span.dateLastLogin, span.staticLinks {
	text-align: right;
	white-space: nowrap;
	padding-right: 5px;
}
/* STATIC LINKS styles END */

/* ____________ END MAIN NAVIGATION ______________ */

/* ____________ GENERAL __________________________ */

/* Module Title styles */
.Head { 
	font-family: Arial, Helvetica, sans-serif; 
	font-size: 14pt;
	font-weight: normal;
	color: #191919;
	padding-left: 2px;
	padding-top: 2px;
	padding-bottom: 4px;
	margin-bottom: 4px;
	text-align: left;
	vertical-align: top;
}
/* Subtitles on content-edit and Admin pages */
.SubHead {
	font-weight: bold;
	color: #02825D;
}
/* Module Title style used instead of "Head" for compact rendering */
.SubSubHead {
	font-weight: bold;
}
/* Default text styles used for most text */
P, LI, TD, .Normal, .Message, input, textarea, select {
	font-family: Arial, Helvetica, sans-serif; 
	font-size: 12px;
}
input, textarea, select, option {
	font-size: 12px;
	padding: 1px;
	margin: 0;
	border-collapse: collapse; 
}
.screenTitle { 
	margin: 0;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 15pt;
	font-weight: bold;
	color: #191919;
}
.screenInfo {
	width: 98%;
	height: 40px;
	margin: 0;
	padding: 2px;
	color: #FFFFFF;
	font: bold 12px Verdana, Arial, sans-serif;
	text-align: left;
	overflow: auto;
	display: inline-block;
}
.disabledField {
	background-color: transparent;
	border: 0px solid transparent;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #191919;
}
.NormalTextBox {
	font-size: 12px;
	font-weight: normal;
}
/* Error Message */
.NormalRed {
	font-weight: bold;
	color: #FF3300;
}
.NormalBold 
	{font-weight: bold;}
/* Content Link styles BEGIN */
A:link, A:visited {
	color: #02825D;
	font-weight: normal;
	text-decoration: underline;
}
A:hover {
	color: #191919;
}
.green_link, A.green_link:link, A.green_link:visited {
	margin-bottom: 5px;
	padding-bottom: 5px;
	color: #02825D;
	font-weight: normal;
	text-decoration: underline;
}
A.green_link:hover {
	text-decoration: none;
}
/* Command Button link styles */
.CommandButton, A.CommandButton:link, A.CommandButton:visited {
	font-size: 12px;
	color: #191919;
	text-decoration: underline;
}
A.CommandButton:hover 
	{color: #BBBBBB;}
BLOCKQUOTE, PRE 
	{font-family: Lucida Console, monospace;}
/* Unordered lists "list-style-type" options:  square, disc, circle */
UL LI 
	{list-style-type: disc;}
UL LI LI 
	{list-style-type: circle;}
UL LI LI LI 
	{list-style-type: square;}
/* Ordered list "list-style-type" options:  decimal, lower-alpha, lower-roman  */
OL LI 
	{list-style-type: decimal;}
OL OL LI 
	{list-style-type: lower-alpha;}
OL OL OL LI 
	{list-style-type: lower-roman;}
HR { 
	display: none;
	color: #DDDDDD;
	height: 1pt;
	text-align: left;
}
TFOOT, THEAD 
	{color: #02825D;}

.row0 {
	font-weight: normal;
	color: #000000;
	background-color: transparent;
	vertical-align: bottom;
}
/* table data ODD # rows */
.row1 
	{background-color: #EEEEEE;}
/* table data EVEN # rows */
.row2 
	{background-color: #FFFFFF;}
.pnlContent {
	text-align: left;
}
#RightPane .pnlContent {
	position: relative;
	width: 970px;
	height: 111px;
	display: block;
	margin: 0;
	padding: 0;
}
DIV#RightPaneContent {
	width: 970px;
	height: 95px;
	margin: 0;
	padding: 10px 0 20px 0;
	position: absolute;
	overflow: hidden;
	display: block;
}
/* ____________ END GENERAL ______________________ */

/* ____________ WELCOME PAGE _____________________ */

.welcomeHdr {
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	font-size: 15pt;
	font-style: italic;
	color: #FFFF00;
}
/* Messages and Alerts */
#message_alert_body {
	font-family: Arial, Helvetica, sans-serif;
}
.broadcast-p {
	font-size: .65em;
}
.message_alert_messages {
	margin: 0 auto;
	width: 100%;
	background: url(/FCSIllinois/uploads/msgbody-r.gif) no-repeat bottom right;
	font-weight: normal;
	color: #191919; 
}
.message_alert_boxhead {
	background: url(/FCSIllinois/uploads/msghdr-r.gif) no-repeat top right;
	margin: 0;
	padding: 0;
	text-align: center;
}
.message_alert_boxhead h2 {
	background: url(/FCSIllinois/uploads/msghdr-l.gif) no-repeat top left;
	margin: 0;
	padding: 22px 30px 5px;
	color: #191919; 
	font-family: Verdana, Arial, sans-serif;
	font-weight: bold; 
	font-size: 1.2em; 
	line-height: 1em;
	text-shadow: rgba(0,0,0,.4) 0 2px 5px;
}
#alertsParentDiv {
	margin: 0 auto;
	width: 100%; 
	background: url(/FCSIllinois/uploads/msgbody-r.gif) no-repeat bottom right;
	font-size: 100%;
	font-weight: normal;
	color: #191919; 
}
.message_alert_inner_div {
	background: url(/FCSIllinois/uploads/msgbody-l.gif) no-repeat bottom left;
	margin: 0 auto;
	padding: 5px 30px 31px;
	width: 80%;
	font-size: 12px;
	overflow: hidden;
}
.securityPrivacyLink {
	padding-right: 20px; 
	text-align: right;
	display: block;
	color: #191919;
	font-family: Arial, Helvetica, sans-serif;
	font-size: .87em;
}
table.tblLeftPane th {
	background-color: #FFFFFF;
	padding: 0px;
}
td.leftpaneLinks 
	{padding: 5px;}
td.leftpaneLinks, td.leftpaneLinks A {
	color: #02825D;
	font-size: 12px;
}
#LeftPane H2 {
/*	font-family: Arial, Helvetica, sans-serif;
	font-size: 26px;
	text-align: center;
	background-color: #FFFFFF;  
	margin-bottom: 60px;
	padding: 8px;
	padding-top: 3px;  */
}
/* Welcome Page styles END */

/* ____________ END WELCOME PAGE _________________ */

/* ____________ BUTTONS __________________________ */

.btnSubmit,
.btnSubmit_Mouseover {
	font-size: 12px;
	height: 20px;
	margin-left: 3px;
	text-align: center;
	vertical-align: top;
}
.btnMoveSelection,
.btnMoveSelection_Mouseover {
	height: 18px;
	margin: 2px 0 0 0;
	font-size: 11px;
	text-align: center;
	vertical-align: middle;
	width: 100px;
}
.btnEnvFilterValues,
.btnEnvFilterValues_Mouseover {
	height: 17px;
	margin: 1px 0 0 0;
	font-size: 8px;
	text-align: center;
	vertical-align: top;
	width: 14px;
}
.btnEnable_Mouseover,
.btnSubmit_Mouseover,
.btnMoveSelection_Mouseover,
.btnEnvFilterValues_Mouseover {
	font-weight: bold;
}
.btnEnable,
.btnDisable,
.btnSubmit,
.btnMoveSelection,
.btnEnvFilterValues,
.btnEnable_Mouseover,
.btnSubmit_Mouseover,
.btnMoveSelection_Mouseover,
.btnEnvFilterValues_Mouseover {
	background: url(/FCSIllinois/uploads/btnBg.gif) repeat;
	border-style: solid;
	border-width: 1px;
	color: #191919;
	cursor: hand;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: normal;
	padding: 1px;
	z-index: 10;
}
A.btnEnable, A.btnDisable {
	text-decoration: none;
	font-weight: normal;
	font-size: 11px;
	padding: 1px 5px;
}
A.btnEnable {
	color: #191919;
}
A.btnDisable {
	color: #777777;
	border: 1px solid transparent;
	background-image: url(/FCSIllinois/uploads/btnBg_d.gif); 
}
/* ____________ END BUTTONS ______________________ */

/* ____________ TABLES ___________________________ */

LEGEND {
	color: #191919;
	font-size: 12px;
}
.spacer TD {
	font-size: 1px;
	line-height: 1px;
}
.noBorder {
	border: 0;
}
.disableField {
	background-color: #EEEEEE;
	color: #666666;
	font-family: Verdana, Arial;
	font-size: 12px;
}
#disableIcon {
	filter: progid:DXImageTransform.Microsoft.Alpha(opacity=30);
	filter: alpha(opacity=30);
	-moz-opacity: 0.3;
	opacity: 0.3;
	z-index: 1;
}

/* SUMMARY TABLE styles BEGIN */
#tblSummaryScroll {
	background-color: #FFF;
	overflow-x: auto;
	overflow-y: scroll; 
}
#tblSummaryHScroll {
	background-color: #FFF;
	width: 970px;
	overflow-x: auto;
	overflow-y: hidden; 
}
.tblSummary {
	border: 0 solid #AEAEAD;
	margin: 0;
	padding: 0;
	table-layout: fixed;
	z-index: -1;
}
.tblSummaryBg {
	background-color: #FFFFFF;
	border: 1px solid #AEAEAD;
	display: inline;
}
.tblSummaryIconBar {
	background-color: #FFFFFF;
	border-right-color: #AEAEAD;
	border-right-style: solid;
	border-right-width: 1px;
	border-left-color: #AEAEAD;
	border-left-style: solid;
	border-left-width: 1px;
	border-top-color: white;
	border-top-style: none;
	border-top-width: 0;
	border-bottom-color: white;
	border-bottom-style: none; 
	border-bottom-width: 0;
	height: 24px;
	margin: 0;
	padding: 0;    
	width: 100%;
}
.tblSummaryIconBarDate {
	color: #02825D;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
}
.tblSummaryIconBarField {
	color: #02825D;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	height: 18px;
	position: relative;
	top: 2px;
	margin-right: 5px;		 
	border: 1px solid #AEAEAD;
	text-align: right;
}
.tblSummaryIcon {
	background-color: transparent;
	border-width: 0;
	height: 22px;
	margin: 0;
	padding: 0;
}
.tblSummaryHdr,
.tblSummaryHdrBg,
.tblSummaryHdrSpacer {
	background-color: #FFFFFF;
	border-right: 1px solid #AEAEAD;
}
.tblSummaryHdr_Highlighted {
	background-color: red;
}
.tblSummaryHdr,
.tblSummaryHdr_Highlighted {
	border: 1px solid #AEAEAD;
	color: #191919;
	cursor: pointer;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	height: 19px;
	margin: 0;
	padding: 0 0 0 2px;
	vertical-align: middle;
	white-space: nowrap;
}
.tblSummaryHdrSpacer {
	border: #AEAEAD 0px solid;
	height: 20px;
}
.tblSummaryCell, 
.tblSummaryCell_Numeric,
.tblSummaryCell_2x,
.tblSummaryCell_2x_Numeric,
.tblSummaryCell_Numeric_Bold,
.tblSummaryCell_Bold {
	border-right: 1px solid #AEAEAD;
	border-bottom: 1px solid #AEAEAD;
	cursor: default;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	height: 20px;
	margin: 0;
	padding: 2px;
}
.tblExpandedSummaryCell {
	border-right-color: #AEAEAD;
	border-right-style: solid;
	border-right-width: 1px;
	border-bottom-color: #AEAEAD;
	border-bottom-style: solid;
	border-bottom-width: 1px;
	cursor: default;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	height: 20px;
	margin: 0;
	padding: 2px;
}
.tblSummaryCell_2x,
.tblSummaryCell_2x_Numeric {
	height: 22px;
}
.tblSummaryRow_Even,
.tblEnvFilterRow_Even {
	background-color: #FFFFFF;
}
.tblSummaryRow_Odd,
.tblEnvFilterRow_Odd {
	background-color: #EEEEEE;
}
.tblSummaryRow_Selected, 
.tblSummaryRow_Selected A {
	background-color: #B6E4D7;
	font-weight: bold;
}
.tblSummaryRow, 
.tblSummaryRow_Even,
.tblSummaryRow_Odd,
.tblSummaryRow_Selected {
	height: 20px;
}
.tblSummaryRow_2x, 
.tblSummaryRow_2x_Even,
.tblSummaryRow_2x_Odd,
.tblSummaryRow_2x_Selected {
	height: 20px;
}
.tblEnvFilterRow_Even,
.tblEnvFilterRow_Odd {
	height: 20px;
}
.tblSummaryContextMenu {
	background-color: buttonface;
	border: thin outset;
	display: none;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	position: absolute;
	text-decoration: none;
	text-transform: capitalize;
	width: 110px;
	z-index: 10;
}
.tblSummaryContextMenuItem,
.tblSummaryContextMenuItem_Selected,
.tblSummaryContextMenuItem_NonSelected {
	cursor: hand;
	padding: 1px;
	padding-left: 10px;
	padding-right: 20px;
	width: 100%;
}
.tblSummaryContextMenuItem_NonSelected {
	background-color: buttonface;
	color: black;
}
.tblSummaryContextMenuItem_Selected {
	background-color: #999999;
	color: white;
}
/* ____________ END TABLES _______________________ */

/* ____________ TAB CONTAINER ____________________ */

.tabContainer {
	background-color: #EEEEEE;
	border-bottom: thin outset;
	border-left: thin outset;
	border-right: thin outset;
	border-top: thin outset;
	vertical-align: top;
}
.tab {
	margin: 5px 5px 5px 5px;
}
.tabButton {
	background-color: buttonhighlight;
	border-bottom: silver thin outset;
	border-left: silver thin outset;
	border-right: silver thin outset;
	border-top: silver thin outset;
	color: graytext;
	font: menu;
	margin: 1px;
	padding: 2px 5px;
}
.tabButton_Selected {
	background-color: buttonface;
	border-bottom: black thin outset;
	border-left: black thin outset;
	border-right: black thin outset;
	border-top: black thin outset;
	color: buttontext;
	font: menu;
	margin: 1px;
	padding: 2px 5px;
}
.tabButton A {
	text-decoration: none;
	color: graytext;
}
.tabButton_Selected A {
	text-decoration: none;
	color: buttontext;
}
/* ____________ END TAB CONTAINER ________________ */

/* ____________ FORM CONTAINER ___________________ */

.formContainer {
	background-color: #EEEEEE;
	padding: 10px;
	border-color: #AEAEAD;
	border-style: solid;
	border-width: 1px;
}
.formOuterBorder {
	background-color: #6E9F69;
/*	background-image: url(/FCSIllinois/uploads/bg_tile_form.gif); */
	background-repeat: repeat;
	border: 0px;
}
/* ____________ END FORM CONTAINER _______________ */

/* ____________ POP-UP FORMS _____________________ */

.summaryTableSearchPopup {
	background-color: #EEEEEE;
	border: outset 2px;
	cursor: hand;
	display: inline;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	height: 115px;
	left: 35%;
	padding: 3px;
	position: absolute;
	top: 40%;
	width: 200px;
	z-index: 10;
}
.summaryTableFilterPopup {
	background-color: #EEEEEE;
	border: outset 2px;
	cursor: hand;
	display: inline;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	height: 120px;
	left: 75px;
	padding: 3px;
	position: absolute;
	top: 85px;
	width: 680px;
	z-index: 9999;
}
.transactionFeaturesPopup {
	background-color: #EEEEEE;
	border: outset 2px;
	cursor: hand;
	display: inline;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	height: 210px;
	left: 200px;
	padding: 3px;
	position: absolute;
	top: 125px;
	width: 470px;
	z-index: 9999;
}
.envSaveOptionsPopup {
	background-color: #EEEEEE;
	border: outset 2px;
	display: none;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	height: 250px;
	left: 75px;
	padding: 3px;
	position: absolute;
	top: 85px;
	width: 420px;
	z-index: 9999;
}
/* ____________ END POP-UP FORMS _________________ */

/* ____________ SCROLLBAR ________________________ */

/* Custom vertical scrollbar styles & components:
 - scrollMain       scrollbar box/container (table)
 - summaryHdrSpacer summary row spacer (above up arrow)
 - scrollButton     scrollbar slider
 - scrollUp         up arrow box, background, etc.
 - scrollDown       down arrow box, background, etc. */

/* scrollMain determines the size, width, background, etc. for the entire scrollbar area. 
The background-image or background-color property (either may be used) sets the color/pattern 
that appears underneath the scrollbar slider. */

.scrollMain {
	width: 15px;
	height: 100%;
	padding: 0;
	background: #CCC url(/fcsillinois/uploads/scrollBg.gif) repeat;
	border-collapse: separate;
}
.tblSummaryHdrSpacer {
	height: 20px;
	background-color: #FFF;
	border: 1px outset #AEAEAD;
}

/* scrollButton sets the properties for the scrollbar (slider) that scrolls the display.
The slider color is set by the background-image or background-color property (an image or 
color may be used). */

.scrollButton {
	width: 100%;
	height: 100%;
	margin: 0;
	padding: 0;
	padding-bottom: 130px;
	background: #D4D0C8 url('') repeat;
	border: 1px outset #000;
	font-size: 12px;
	line-height: 0;
}

/* scrollUp & scrollDown control the size, background color, etc. for the boxes that display the 
up & down scroll arrows. An image or color may be specified for the background; to be visible, the 
arrow image background must be transparent. The arrow image files are specified in the JavaScript code.*/

.scrollUp, .scrollDown {
	width: 15px;
	height: 16px;
	margin: 0;
	padding: 0;
	background: #7396CE url(/fcsillinois/uploads/up.gif) no-repeat center center;
	border: 1px solid #000;
	font-size: 12px;
}
.scrollDown {
	background: #7396CE url(/fcsillinois/uploads/down.gif) no-repeat center center;
}
.scrollConnector {
	height: 16px;
	background: #C0C0C0;
	font-size: 12px;
}
/* ____________ END SCROLLBAR ____________________ */

/* ____________ DEMO BOX _________________________ */

DIV#DemoFrame {
	margin: 0;
	padding: 5px;
}
TABLE.tblDemo {
	margin: 0;
	padding: 0;
	border: 0;
}
TABLE.tblDemo, TABLE.tblDemo TD, .tblDemo P, .tblDemo LI {
	color: #0087BF;
	font-size: 12px;
}
TD.btnDemo P {
	color: #000;
	font-size: 10px;
	text-align: right;
	white-space: nowrap;
}
TD.btnDemo IMG {
	vertical-align: middle;
}
TD.tblDemoDesc, TD.tblDemoDesc P, TD.tblDemoDesc UL, TD.tblDemoDesc LI {
	padding: 5px;
	background-color: #EAEAF8;
}
TD.tblDemoDesc P {
	margin: 0 5px;
}
TD.tblDemoDesc LI, TD.tblDemoDesc UL {
	margin-top: 0;
	margin-bottom: 0;
	padding-top: 0;
	padding-bottom: 0;
}
TD.tblDemoDesc UL {
	margin-bottom: 5px;
}
/* ____________ END DEMO BOX _____________________ */