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

/* ____________ PAGE HEADER ______________________ */

/* Header background */
table.HeadBg {
	background-color: #D6D0AF;
	background-image: url(/greenstone/uploads/header_logo.png);
	background-repeat: no-repeat;
	background-attachment: fixed;
	background-position: 99% 0%;
}
/* 1st row of HeadBg table - Site Links at extreme top-right of header */
td.SiteLink {
	height: 42px;
	padding: 5px 150px 0 0;
	z-index: 3;
}
A.SiteLink:link, A.SiteLink:visited, A.SiteLink:hover {
	color: #FFF;
	font: normal 10pt Verdana, Arial, sans-serif;
	text-decoration: none;
}
A.SiteLink:hover {
	text-decoration: underline;
}
/* Separator between Site Links */
.Accent {
	color: transparent;
	font-weight: normal;
	visibility: hidden;
}
/* 2nd row of HeadBg table */
tr.welcomeHeadBg {
	margin: 0;
	padding: 0;
	background-color: transparent;
}
/* Header logo in 3rd row (Header_trNav) of HeadBg table */
td#Header_logo {
	background-color: #a99769;
 	background-image: none;
	display: none;
}
td#Header_logo img {
	width: 0;
	height: 0;
}
/* Admin Configuration bar */
#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 display in "Design View" */
body {
	margin: 0;
	padding: 0;
	background-image: none;
	background-attachment: scroll;
}
table.tableContent, .tableMain {
	display: block;
}
table.tableContent {
	background-color: #F0EEDF;
}
/* LEFT Pane Navigation - see also ".OtherPagesBg" & ".PageBg" for background colors */
#tdNavigation {
	padding: 10px 5px;
	background-color: #FFF;
	border-right: 0 solid #FFF;
}
/* LEFT Pane */
td#tdLeftPane {
	width: 0;
	height: 100%;
	padding: 8px 0 0 0;
	background-color: #FFF;
	border-right: 0 solid #FFF;
}
/* LEFT PANE Content */
td#LeftPane {
	width: 170px;
	height: 100%; 
	padding: 0;
	border-right: 0 solid #FFF;
}
/* CENTER PANE */
td#ContentPane { 
	height: 350px;
	padding: 10px 5px 0;
	display: inline;
}
/* RIGHT Pane - the Right Pane is located at the bottom of the page */
#RightPane {
	padding: 10px 5px 0;
	border-left: 0 solid #DDD;
}
/* ____________ END PAGE BACKGROUND ______________ */

/* ____________ PAGE FOOTER ______________________ */

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

/* ____________ ACCOUNT LOGIN ____________________ */

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

/* ____________ MAIN NAVIGATION __________________ */

tr#Header_trNav {
	min-height: 40px;
	margin: 0;
	padding: 0;
	background-color: #D6D0AF;
	vertical-align: top;
}
/* 2-LEVEL Navigation styles */
/* "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: 0;
	padding: 0;
}
div#n2r2 {
	width: 100%;
	line-height: 20px;
	background-color: #766c35;
}
td.n2r1Bg, td.n2r1Sbg, td.n2r2Bg, td.n2r2Sbg {
	font: normal 10px Verdana, Arial, 'Arial Narrow'; 
	cursor: pointer;
}
td.n2r1Bg {
	background-color: #0f5b85; 
}
td.n2r1Sbg {
	background-color: #98afc7; 
}
a.n2r1L, a.n2r1SL { 
	padding: 4px 14px;
	background-color: transparent;
	line-height: 20px;
}
a.n2r1L, a.n2r1SL, a.n2r2L, a.n2r2SL {  
	margin: 0;
}
a.n2r1L {
	background-color: #0f5b85;
}
a.n2r2L {
	background-color: #766c35;
}
a.n2r1L:link, a.n2r1L:visited, a.n2r1L:hover {
  	color: #F0F0F0;
	text-decoration: none;
}
a.n2r1SL:link, a.n2r1SL:visited, a.n2r1SL:hover {
	background-color: #98afc7;
	color: #FFF;
	text-decoration: none;
}
a.n2r2L:link, a.n2r2L:visited, a.n2r2L:hover,
a.n2r2SL:link, a.n2r2SL:visited, a.n2r2SL:hover {
	padding: 4px 14px;
	line-height: 19px;
	color: #000;
	text-decoration: none;
}
a.n2r2SL {
	background-color: #FFF;
}
/* END 2-LEVEL Navigation styles */

/* Static Links in Main Nav (Welcome, Logout) - edit text in Footer */
.staticLinksOLB, #staticLinksOLB {
	position: absolute;
	top: 58px;
	width: 100%;
	text-align: right;
	z-index: 3;
}
.staticLinks a:link, .staticLinks a:visited, .staticLinks a:hover {
	padding: 0 10px;
	color: #0F5B85;
	font: 900 10px Verdana, Arial, sans-serif;
	text-decoration: none;
}
span.staticLinks {
	padding-right: 5px;
	text-align: right;
	white-space: nowrap;
}
/* END Static Links in Main Nav */
/* ____________ END MAIN NAVIGATION ______________ */

/* ____________ GENERAL __________________________ */

/* Module Title */
.Head {
	color: #1C2428;
	font: normal 14pt Verdana, Arial, sans-serif; 
}
/* Subtitles */
.SubHead {
	color: #0087BF;
	font-weight: bold;
}
/* Module Title style used instead of ".Head" */
.SubSubHead {
	font-weight: bold;
}
/* Default text styles used for most text */
P, LI, TD, .Normal, .Message, input, textarea, select {
	font: 11px Verdana, Arial, Helvetica, sans-serif; 
}
INPUT, TEXTAREA, SELECT, OPTION {
	margin: 0;
	padding: 1px;
	border-collapse: collapse; 
	font: 11px Verdana, Arial, Helvetica, sans-serif; 
}
.screenTitle {
	margin: 0;
	color: #0F5B85;
	font: bold 14px Verdana, Arial, sans-serif;
}
.screenInfo {
	width: 98%;
	height: 40px;
	margin: 0;
	padding: 2px;
	color: #330000;
	font: 11px Verdana, Arial, sans-serif;
	text-align: left;
	overflow: auto;
	display: inline-block;
}
.disabledField {
	background-color: #EEE;
	color: #666;
	font: 11px Verdana, Arial, sans-serif;
}
.NormalTextBox {
	font-size: 11px;
	font-weight: normal;
}
/* Error Message */
.NormalRed {
	color: #F30;
	font-weight: bold;
}
.NormalBold {
	font-weight: bold;
}
/* Default Link and Command Button styles */
.CommandButton, A.CommandButton:link, A.CommandButton:visited {
	color: #1C2428;
	font-size: 11px;
	text-decoration: underline;
}
A.CommandButton:hover {
	color: #BBB;
}
A:link, A:visited {
	color: #1C2428;
	text-decoration: underline;
}
A:hover {
	color: #1A7AB6;
	text-decoration: none;
}
#blue_links { }
a.blue_links, a.blue_links:active, a.blue_links:visited {
	color: #1A7AB6;
	text-decoration: underline;
}
a.blue_links:hover {
	color: #1A7AB6;
	text-decoration: none;
}
#green_links { }
a.green_links, a.green_links:active, a.green_links:visited {
	color: #6bb13f;
	text-decoration: underline;
}
a.green_links:hover {
	color: #40650b;
	text-decoration: none;
}

BLOCKQUOTE, PRE {
	font-family: Lucida Console, monospace;
}
/* Unordered lists */
UL LI {
	list-style-type: disc;
}
UL LI LI 
	list-style-type: circle;
}
UL LI LI LI 
	list-style-type: square;
}
/* Ordered lists */
OL LI 
	list-style-type: decimal;
}
OL OL LI 
	list-style-type: lower-alpha;
}
OL OL OL LI 
	list-style-type: lower-roman;
}
HR {
	height: 1pt;
	color: #DDD;
	text-align: left;
	display: none;
}
TFOOT, THEAD {
	color: #0087BF;
}
.row0 {
	background-color: transparent;
	color: #000;
	font-weight: normal;
	vertical-align: bottom;
}
.row1 {
	background-color: #E9F0F6;
}
.row2 {
	background-color: #FFF;
}
.pnlContent {
	text-align: left;
}
#RightPane .pnlContent {
	position: relative;
	width: 970px;
	height: 111px;
	margin: 0;
	padding: 0;
	display: block;
}
DIV#RightPaneContent {
	position: absolute;
	width: 970px;
	height: 95px;
	margin: 0;
	padding: 10px 0 20px 0;
	overflow: hidden;
	display: block; 
}
/* ____________ END GENERAL ______________________ */

/* ____________ WELCOME PAGE _____________________ */

.welcomeLogOnTime {
	width: 100%;
	color: #F30;
	font: normal 10px Verdana, Arial, sans-serif;
	vertical-align: top;
}
table.tblLeftPane th {
	padding: 0;
	background-color: #ccccda;
}
td.leftpaneLinks {
	padding: 5px;
}
td.leftpaneLinks, td.leftpaneLinks A {
	color: #1a7ab6;
	font-size: 11px;
}
#quickLinks {
	width: 190px;
	height: 190px;
	background-color: #DEDFE7;
	overflow: hidden;
}
#quickLinks LI {
	list-style-image: url(/agribank/uploads/right_arrow.gif);
	list-style-type: disc;
	padding: 5px;
	color: #1a7ab6;
	font-size: 11px;
}
/* ____________ END WELCOME PAGE _________________ */

/* ____________ BUTTONS __________________________ */

.btnSubmit,
.btnSubmit_Mouseover {
	height: 20px;
	margin-left: 3px;
	font-size: 11px;
	text-align: center;
	vertical-align: top;
}
.btnMoveSelection,
.btnMoveSelection_Mouseover {
	width: 100px;
	height: 18px;
	margin: 2px 0 0 0;
	font-size: 10px;
	text-align: center;
	vertical-align: middle;
}
.btnEnable_Mouseover,
.btnSubmit_Mouseover,
.btnMoveSelection_Mouseover,
.btnEnvFilterValues_Mouseover {
	font-weight: bold;
}
.btnEnable,
.btnDisable,
.btnSubmit,
.btnMoveSelection,
.btnEnvFilterValues,
.btnEnable_Mouseover,
.btnSubmit_Mouseover,
.btnMoveSelection_Mouseover,
.btnEnvFilterValues_Mouseover {
	padding: 1px;
	background-color: #766c35;
	border: 1px solid #000;
	color: #F0F0F0;
	font-family: Verdana, Arial, sans-serif;
	font-weight: normal;
	cursor: pointer;
	z-index: 10;
}
A.btnEnable, A.btnDisable {
	padding: 1px 5px;
	font-size: 10px;
	font-weight: normal;
	text-decoration: none;
}
A.btnEnable {
	color: #FFF;
}
A.btnDisable {
	background-color: #BBB;
	border: 1px solid transparent;
	color: #EEE;
}
/* ____________ END BUTTONS ______________________ */

/* ____________ TABLES ___________________________ */

LEGEND {
	color: #1A7AB6;
	font-size: 12px;
}
.spacer TD {
	font-size: 1px;
	line-height: 1px;
}
.noBorder {
	border: 0;
}
.disableField {
	background-color: #EEE;
	color: #666;
	font: 11px Verdana, Arial, sans-serif;
}
#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 */
#tblSummaryScroll {
	background-color: #FFF;
	overflow-x: auto;
	overflow-y: scroll; 
}
#tblSummaryHScroll {
	width: 970px;
	background-color: #FFF;
	overflow-x: auto;
	overflow-y: hidden; 
}
.tblSummary {
	margin: 0;
	padding: 0;
	border: 0 solid #AEAEAD;
	table-layout: fixed;
	z-index: -1;
}
.tblSummaryBg {
	background-color: transparent;
	border: 1px solid #AEAEAD;
	display: inline;
}
.tblSummaryIconBar {
	width: 100%;
	height: 24px;
	margin: 0;
	padding: 0;    
	background-color: #D6D0AF;
	border: 0 none transparent;
}
.tblSummaryIconBarDate {
	color: #1A7AB6;
	font: bold 11px Verdana, Arial, sans-serif;
}
.tblSummaryIconBarField {
	position: relative;
	top: 2px;
	height: 18px;
	margin-right: 5px;		 
	border: 1px solid #AEAEAD;
	color: #1A7AB6;
	font: 11px Verdana, Arial, sans-serif;
	text-align: right;
}
.tblSummaryIcon {
	height: 22px;
	margin: 0;
	padding: 0;
	background-color: transparent;
	border-width: 0;
}
.tblSummaryHdr,
.tblSummaryHdrBg,
.tblSummaryHdrSpacer {
	background-color: transparent;
	border-right: 1px solid #AEAEAD;
}
.tblSummaryHdr_Highlighted {
	background-color: red;
}
.tblSummaryHdr,
.tblSummaryHdr_Highlighted {
	height: 19px;
	margin: 0;
	padding: 0 0 0 2px;
	border: 1px solid #AEAEAD;
	color: #1C2428;
	font: 11px Verdana, 'Arial Narrow', sans-serif;
	vertical-align: middle;
	white-space: nowrap;
	cursor: pointer;
}
.tblSummaryHdrSpacer {
	height: 20px;
	border: 0 solid #AEAEAD;
}
.tblSummaryCell, 
.tblSummaryCell_Numeric,
.tblSummaryCell_2x,
.tblSummaryCell_2x_Numeric,
.tblSummaryCell_Numeric_Bold,
.tblSummaryCell_Bold {
	height: 20px;
	margin: 0;
	padding: 2px;
	border-right: 1px solid #AEAEAD;
	border-bottom: 1px solid #AEAEAD;
	font: 10px Verdana, Arial, sans-serif;
	cursor: default;
}
.tblExpandedSummaryCell {
	height: 20px;
	margin: 0;
	padding: 2px;
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #AEAEAD;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #AEAEAD;
	font: 10px Verdana, Arial, sans-serif;
	cursor: default;
}
.tblSummaryCell_2x,
.tblSummaryCell_2x_Numeric {
	height: 22px;
}
.tblSummaryRow_Even,
.tblEnvFilterRow_Even {
	background-color: #FFF;
}
.tblSummaryRow_Odd,
.tblEnvFilterRow_Odd {
	background-color: #E9F1F6;
}
.tblSummaryRow_Selected {
	background-color: #1A7AB6;
	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 {
	position: absolute;
	width: 110px;
	background-color: buttonface;
	border: thin outset;
	font: 12px Arial;
	text-decoration: none;
	text-transform: capitalize;
	display: none;
	z-index: 10;
}
.tblSummaryContextMenuItem,
.tblSummaryContextMenuItem_Selected,
.tblSummaryContextMenuItem_NonSelected {
	width: 100%;
	padding: 1px;
	padding-left: 10px;
	padding-right: 20px;
	cursor: pointer;
}
.tblSummaryContextMenuItem_NonSelected {
	background-color: buttonface;
	color: #000;
}
.tblSummaryContextMenuItem_Selected {
	background-color: #999;
	color: #FFF;
}
/* ____________ END TABLES _______________________ */

/* ____________ TAB CONTAINER ____________________ */

.tabContainer {
	background-color: #F0F0F0;
	border: thin outset;
	vertical-align: top;
}
.tabContainerCell {
	font: 11px Verdana, Arial, sans-serif;
	cursor: pointer;
}
.tab {
	margin: 5px;
}
.tabButton {
	margin: 1px;
	padding: 2px 5px;
	background-color: #FFF;
	border: thin outset silver;
	color: graytext;
	font: menu;
}
.tabButton_Selected {
	margin: 1px;
	padding: 2px 5px;
	background-color: #1A7AB6;
	border: thin outset black;
	color: #F0F0F0;
	font: menu;
}
.tabButton A {
	color: graytext;
	text-decoration: none;
}
.tabButton_Selected A {
	color: #F0F0F0;
	text-decoration: none;
}
/* ____________ END TAB CONTAINER ________________ */

/* ____________ FORM CONTAINER ___________________ */

.formContainer {
	padding: 10px;
	background-color: #E9F1F6;
	border: 1px solid #AEAEAD;
}
.formLabel {
	color: #1A7AB6;
}

.formContainerCell {
	font: 11px Verdana, Arial, sans-serif;
}
.formOuterBorder {
	background-color: #6E9F69;
	background-repeat: repeat;
	border: 0;
}
.CCFilterHdr {
	width: 240px;
	padding: 1px 3px;
	background-color: #6E9F69;
	border: 1px outset #EEE;
	color: #FFF;
	font: 11px Verdana, Arial, sans-serif;
}
/* ____________ END FORM CONTAINER _______________ */

/* ____________ POP-UP FORMS _____________________ */

.summaryTableSearchPopup {
	position: absolute;
	top: 40%;
	left: 35%;
	width: 200px;
	height: 115px;
	padding: 3px;
	background-color: #E9F1F6;
	border: 2px outset;
	font: 12px Verdana, Arial, sans-serif;
	cursor: pointer;
	display: inline;
	z-index: 10;
}
.summaryTableFilterPopup {
	position: absolute;
	top: 85px;
	left: 75px;
	width: 680px;
	height: 120px;
	padding: 3px;
	background-color: #E9F1F6;
	border: 2px outset;
	font: 12px Verdana, Arial, sans-serif;
	cursor: pointer;
	display: inline;
	z-index: 9999;
}
.transactionFeaturesPopup {
	position: absolute;
	top: 125px;
	left: 200px;
	width: 470px;
	height: 210px;
	padding: 3px;
	background-color: #E9F1F6;
	border: 2px outset;
	font: 12px Verdana, Arial, sans-serif;
	cursor: pointer;
	display: inline;
	z-index: 9999;
}
.envSaveOptionsPopup {
	position: absolute;
	top: 85px;
	left: 75px;
	width: 420px;
	height: 250px;
	padding: 3px;
	background-color: #E9F1F6;
	border: 2px outset;
	font: 12px Verdana, Arial, sans-serif;
	display: none;
	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(/greenstone/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(/greenstone/uploads/up.gif) no-repeat center center;
	border: 1px solid #000;
	font-size: 12px;
}
.scrollDown {
	background: #7396CE url(/greenstone/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: 11px;
}
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 _____________________ */