/* TAGS */
BODY, TABLE, TH, TR, TD, UL, OL, LI, P, FONT, A, BLOCKQUOTE, LABEL, BUTTON, INPUT, TEXTAREA, SELECT, SPAN { font-family: Verdana, Arial, Tahoma, Helvetica; font-size: 11px; }
BODY { background-image: url(images/pageback.jpg); background-color: #DAEDD1; background-repeat: repeat-x;  margin-left: 0px; margin-top: 0px; margin-right: 0px; margin-bottom: 0px; color: #000000; }
FORM { margin: 0px; }
IMG { border: 0px; }
UL { margin-bottom: 0px; margin-left: 20px; margin-top: 0px; }
A:link, A:visited { color: #3e7943; text-decoration: none; }
A:hover, A:active { color: #006633; text-decoration: none; }
P { margin: 0px; }

/* BASE  */
.FormHeaderFont { font-size: 14px; font-weight: bold; color: #3e7943; }
.HeaderTD { border-top: 2px solid #3e7943; border-bottom: 1px solid #3e7943; background-color: #99b896; color: #3e7943; font-size: 13px; height: 24px; padding-left: 5px; padding-right: 5px; }
.FilterTD { padding-top:5px; font-size: 11px; padding-left: 2px;}
.FilterBtnTD {padding-left: 2px; padding-right:2px; border-bottom: 10px solid #f7fbf7;}
.SearchTD { padding-left: 2px; height: 25px; font-size: 12px; }
.PagingTD { height: 27px; background-color: #bdcfb5; padding: 2px; font-size: 11px; }
.SorterTD { height: 23px; border-bottom: solid 2px #006531; background-color: #deefd6; }
.ColumnTD { border-bottom: 2px solid #006633; background-color: #89ad87; color: #FFFFFF; font-size: 11px; font-weight: bold; height: 25px; }
.FieldCaptionTD { background-color: #EBF0E3; border-bottom: 1px solid #3e7943; color: #3e7943; font-size: 13px; font-weight: bold; }
.FieldCaptionReqTD { border-bottom: 1px solid #C7D5EC; background-color: #EAEFF5; color: red; font-size: 13px; font-weight: bold; }
.DataTD { border-bottom: 1px solid #3e7943; color: #004d06; font-size: 11px; height: 26px; }
.DataTDI { 	border-bottom: 1px solid #3e7943; color: silver; font-size: 11px; height: 26px; font-style: italic; }
.DataTDIC { 	border-bottom: 1px solid #3e7943; color: Crimson; font-size: 11px; height: 26px; font-style: italic; }
.DataTDC { 	border-bottom: 1px solid #3e7943; color: Crimson; font-size: 11px; height: 26px;}

.DataOverTD { }
.AltDataTD { border-bottom: 2px solid #C7D5EC; background-color: #F3F3F3; color: #808080; font-size: 13px; }
.AltDataOverTD { }
.SeparatorTD { height: 1px; }
.FooterTD { border-bottom: 1px solid #3e7943; color: #2D4F7D; font-size: 11px; }
.BottomTD { border-top: 1px solid #3e7943; border-bottom: 2px solid #3e7943; background-color: #99b896; color: #3e7943; font-size: 13px; height: 24px; padding-left: 5px; padding-right: 5px; text-align: center; }

a.SorterLink:link, a.SorterLink:visited { color: #000000; font-size: 13px; text-decoration: underline; }
a.SorterLink:hover, a.SorterLink:active { color: #000000; font-size: 13px; text-decoration: none; }
a.DataLink:link, a.DataLink:visited { color: #3e7943; font-size: 11px; text-decoration: none; }
a.DataLink:hover, a.DataLink:active { color: #006633; font-size: 11px; text-decoration: none; }
A.NavigatorLink:link, A.NavigatorLink:visited { color: #E9EAEB; text-decoration: none; }
A.NavigatorLink:hover, A.NavigatorLink:active { color: #FFFFFF; text-decoration: none; }

.AllButton { border-bottom: 1px solid #3e7943; border-left: 1px solid #3e7943; border-right: 1px solid #3e7943; border-top: 1px solid #3e7943; font-weight: bold; color: #3e7943; background-color: #dce1db; }
.AllInput { border-bottom: 1px solid #3e7943; border-left: 1px solid #3e7943; border-right: 1px solid #3e7943; border-top: 1px solid #3e7943; background-color: #dce1db; font-size: 11px; }
.AllSelect { border-bottom: 1px solid #3e7943; border-left: 1px solid #3e7943; border-right: 1px solid #3e7943; border-top: 1px solid #3e7943; background-color: #dce1db; font-size: 11px; }
.Command {width: 120px;}


/*SORTER*/
.sortActive { width: 20px; height: 20px; background-color: #396d39; border: 0px; font-size: 11px; color: White; }
.sortInactive { width: 20px; height: 20px; background-color: #8ca684; border: 0px; font-size: 11px; color: White; }

/* FILTER  */
.filterBtn { color: #006633; background-color: #E9EAEB; border-bottom: #E9EAEB 1px solid; border-left: #E9EAEB 1px solid; border-right: #FFFFFF 1px solid; border-top: #E9EAEB 1px solid; font-size: 10px; font-style: normal; font-weight: normal; height: 22px; margin: 0px; padding: 0px; border: solid 1px #006633; }
.filterBtnA_Z { width: 24px; }
.filterBtn1_9 { width: 26px; }
.filterBtnAll { width: 28px; }
.frmField { border-bottom: #dddddd 1px solid; border-left: #333333 1px solid; border-right: #dddddd 1px solid; border-top: #333333 1px solid; color: #213669; background-color: #dce1db; font-size: 11px; }
.filterBtnGo { color: #006633; background-color: #dce1db; border-bottom: 1px solid #3e7943; border-left: 1px solid #3e7943; border-right: 1px solid #3e7943; border-top: 1px solid #3e7943; font-size: 10px; font-style: normal; font-weight: normal; height: 18px; }
.filterSelect {background-color: #dce1db; font-size: 11px;}

/* ALL CONTENT */
.AllAlign { text-align: center; width: 100%; height: 100%; }
.AllContent { width: 1000px; margin: 0 auto; padding-left: 10px; padding-right:10px; padding-bottom:20px; padding-top:5px; text-align: left; background-color: #FFFFFF; }

/* Top */
.ContentPageTitle { font-weight: bold; font-size: 20px; color: #d0d3d2; font-style: oblique; padding:2px;}
.ContentPageGreenTitle { font-weight: bold; font-size: 20px; color: #3e7943; font-style: oblique; padding:2px;}
.ContentPageStatus { font-weight: normal; font-size: 16px; color: #999999; font-style: oblique; padding:2px;}
.ContentPageTitleLoggedIn { font-size: 11px; color: #a0a3a2; padding-top:5px;}



/* Content */
.ContentTable { border-collapse: collapse; width: 100%;}
.ContentFormTable {border-collapse: collapse;  border:solid 1px #3e7943}
.ContentColumnTD { padding: 5px; font-weight: bold; text-align: center; font-size: 11px; }
.ContentFieldTD { padding: 3px; color: #000000; text-align: right; font-weight:bold; }
.ContentDataTD { padding: 3px; text-align: left; }
.ContentSeparator { width:100%; height:20px;}
.ContentTopSeparator { width:100%; height:5px;}
.ContentInputFillWidth { width: 100%; }
.ContentInputSelectWidth { width: 300px; }
.ContentInputSelectCustomerWidth {width:500px;}
.ContentInputTextWidth { width: 300px; }
.ContentInputTextSmallWidth { width: 150px; }
.ContentInputTextareaWidth { width: 500px; }
.ContentInputButtonWidth {width:120px;}

