/* ---------------------------------------------------------------------------------------------------------------------------------- This is needed for the tooltip script  */
#overdiv { position: absolute; z-index: 1000; top: 0px; left: 0px; visibility: hidden }


/* --------------------------------------------------------------------------------------------------------------------------------- HTML tags */

hr {color: #333333; height: 1px;}

/* --------------------------------------------------------------------------------------------------------------------------------- Main Table */


.mainBody {
background-color: #FFFFFF;
background-image: url("../graphics/body_bg.jpg");
background-repeat: repeat-x;
}

.outerTable {
background-image: url("../graphics/main_bg.jpg");
background-repeat: repeat;
}

.innerTable {
background-image: url("../graphics/top_bg.jpg");
background-repeat: no-repeat;
background-position: center top;
padding-right: 15px; padding-left: 15px;
}

.headerTable {
background-image: url("../graphics/header_bg.jpg");
}

.headerTD {
color: #FFFFFF; font-size: 9px; font-family: arial, geneva, sans-serif;
padding-top: 10px; padding-right: 15px;
}
.headerTD A, .headerTD A:link, .headerTD A:visited {color: gold; text-decoration: none;}
.headerTD A:hover {text-decoration: none;}

.footerTD {
background-color: #971b1E;
padding-left: 15px; padding-right: 15px;
color: #CB8D8F; font-size: 10px; font-family: arial, geneva, sans-serif;
}
.footerTD A, .footerTD A:link, .footerTD A:visited {color: #CB8D8F; text-decoration: none;}
.footerTD A:hover {text-decoration: none;}

.barTD {
background-image: url("../graphics/bar_bg.gif");
background-repeat: repeat-x;
}

.mainContentTable{
background-color: #FFFFFF;
padding: 10px;
line-height: 18px;
}
.mainContentText{
color: #000000; font-size: 11px; font-family: verdana, arial, geneva, sans-serif;
}
.mainContentText A, .mainContentText A:link, .mainContentText A:visited {color: #9B0500; text-decoration: none;}
.mainContentText A:hover {text-decoration: underline;}

.mainContentTitle{
color: #000000; font-size: 12px; font-family: verdana, arial, geneva, sans-serif;
font-weight: bold;
}
.mainContentNote{
color: #000000; font-size: 10px; font-family: verdana, arial, geneva, sans-serif;
}

/* --------------------------------------------------------------------------------------------------------------------------------- Body TD */
.bodyTD{
background-color: #FFFFFF;
background-image: url("graphics/body_back.gif");
padding-left: 18px; padding-right: 18px; padding-top: 12px; padding-bottom: 10px;
color: #000000; font-size: 10px; font-family: verdana, arial, geneva, sans-serif;
}

.bodyTD A, .bodyTD A:link, .bodyTD A:visited {color: #9B0500; text-decoration: none;}
.bodyTD A:hover {text-decoration: underline;}

.imgPadRight {
margin-right: 10px;
margin-top: 5px;
margin-bottom: 5px;
}

.imgPadLeft {
margin-left: 10px;
margin-top: 5px;
margin-bottom: 10px;
}

/* --------------------------------------------------------------------------------------------------------------------------------- Tab menu TD */
.tabsTD{
background-color: #AEAEAE;
background-image: url("graphics/tabs_back.gif");
padding-left: 10px;
}

.tabsTD A, .tabsTD A:link, .tabsTD A:visited {color: #9B0500; text-decoration: none;}
.tabsTD A:hover {text-decoration: underline;}

.tabUp{
background-image: url("../graphics/tabup_mid.gif");
color: #000000; font-size: 10px; font-family: verdana, arial, geneva, sans-serif;
font-weight: bold;
padding-left: 6px; padding-right: 6px; padding-top: 8px;
}

.tabDown{
background-image: url("../graphics/tabdown_mid.gif");
color: #000000; font-size: 10px; font-family: verdana, arial, geneva, sans-serif;
font-weight: bold;
padding-left: 6px; padding-right: 6px; padding-top: 8px;
}

.tabUp A, .tabUp A:link, .tabUp A:visited {color: #9B0500; text-decoration: none;}
.tabUp A:hover {text-decoration: underline;}

.userTD{
color: #FFFFFF; font-size: 10px; font-family: verdana, arial, geneva, sans-serif;
padding-right: 14px; padding-top: 6px;
}

/* --------------------------------------------------------------------------------------------------------------------------------- Work Order - Step Wizard */
.stepTitle{
color: #000000; font-size: 11px; font-family: verdana, arial, geneva, sans-serif;
font-weight: bold;
}

/* --------------------------------------------------------------------------------------------------------------------------------- Work Order Info TD */
.workOrderInfoTD{
background-color: #666666;
background-image: url("../graphics/silver_bg.gif");
background-repeat: repeat-x;
padding-left: 10px; padding-right: 10px;
}
.workOrderInfoTextTD{
color: #FFFFFF; font-size: 11px; font-family: verdana, arial, geneva, sans-serif;
}
.workOrderInfoTextTD A, .workOrderInfoTextTD A:link, .workOrderInfoTextTD A:visited {color: #FFCC00; text-decoration: none; font-weight: bold;}
.workOrderInfoTextTD A:hover {text-decoration: underline;}

/* --------------------------------------------------------------------------------------------------------------------------------- Work Order (iframe) TD */
.WorkOrderTD{
background-color: #FFFFFF;
background-image: url("graphics/body_back.gif");
padding-left: 4px; padding-right: 4px; padding-top: 1px; padding-bottom: 1px;
color: #000000; font-size: 10px; font-family: verdana, arial, geneva, sans-serif;
}

.WorkOrderTDNEW{
background-color: #FFFFFF;
padding-left: 0px; padding-right: 0px; padding-top: 1px; padding-bottom: 1px;
color: #000000; font-size: 10px; font-family: verdana, arial, geneva, sans-serif;
}

.itemHeader1TD{
color: #FFFFFF; font-size: 10px; font-family: verdana, arial, geneva, sans-serif;
font-weight: bold;
background-color: #666666;
border-left: 1px solid #C0C0C0;
border-bottom: 1px solid #333333;
padding-left: 2px; padding-right: 2px;
}
.itemHeaderTD{
color: #FFFFFF; font-size: 10px; font-family: verdana, arial, geneva, sans-serif;
font-weight: bold;
text-align: center;
background-color: #666666;
border-left: 1px solid #C0C0C0;
border-bottom: 1px solid #333333;
padding-left: 2px; padding-right: 2px;
}

/* ---------------------------------------------------------- specific to search table */
.itemHeader1TDHighlight{
color: #FFFFFF; font-size: 10px; font-family: verdana, arial, geneva, sans-serif;
font-weight: bold;
background-color: #FFF4C8;
padding-left: 2px; padding-right: 2px;
}
.itemHeaderTDHighlight{
color: #FFFFFF; font-size: 10px; font-family: verdana, arial, geneva, sans-serif;
font-weight: bold;
text-align: center;
background-color: #FFF4C8;
border-left: 1px solid #C0C0C0;
padding-left: 2px; padding-right: 2px;
}

.resultsTable{
background-color: #EFEFEF;
}
.resultsTable A, .resultsTable A:link, .resultsTable A:visited {color: #9B0500; text-decoration: none;}
.resultsTable A:hover {text-decoration: underline;}

.resultsHeaderTable{
background-color: #B38E00;
color: #FFFFFF; font-size: 10px; font-family: verdana, arial, geneva, sans-serif;
padding-left: 10px; padding-right: 10px;
}

/* --------------------------------------------------------------------------------------- */

.itemGray1TD{
color: #000000; font-size: 10px; font-family: arial, geneva, sans-serif;
background-color: #E9E9E9;
border-bottom: 1px solid #333333;
padding-left: 2px; padding-right: 2px;
}
.itemGrayTD{
color: #000000; font-size: 10px; font-family: arial, geneva, sans-serif;
background-color: #E9E9E9;
border-left: 1px solid #C0C0C0;
border-bottom: 1px solid #333333;
padding-left: 2px; padding-right: 2px;
}

.itemWhite1TD{
color: #000000; font-size: 10px; font-family: arial, geneva, sans-serif;
background-color: #FFFFFF;
border-bottom: 1px solid #333333;
padding-left: 2px; padding-right: 2px;
}
.itemWhiteTD{
color: #000000; font-size: 10px; font-family: arial, geneva, sans-serif;
background-color: #FFFFFF;
border-left: 1px solid #C0C0C0;
border-bottom: 1px solid #333333;
padding-left: 2px; padding-right: 2px;
}

.itemHighlight1TD{
color: #000000; font-size: 10px; font-family: arial, geneva, sans-serif;
background-color: #FBE89D;
padding-left: 2px; padding-right: 2px;
}
.itemHighlightTD{
color: #000000; font-size: 10px; font-family: arial, geneva, sans-serif;
background-color: #FBE89D;
border-left: 1px solid #C0C0C0;
padding-left: 2px; padding-right: 2px;
}

.btnEdit{
color: #222222; font-size: 10px; font-family: verdana, arial, geneva, sans-serif;
background-color: #C3EFB7;
font-weight: bold;
border: 1px inset; border-bottom-style: outset; border-left-style: outset; border-right-style: outset; border-top-style: outset;
border-color: #8FB1B7 #8FB1B7 #8FB1B7 #8FB1B7
}

.btnDelete{
color: #222222; font-size: 10px; font-family: verdana, arial, geneva, sans-serif;
background-color: #FFAFAF;
font-weight: bold;
border: 1px inset; border-bottom-style: outset; border-left-style: outset; border-right-style: outset; border-top-style: outset;
border-color: #8FB1B7 #8FB1B7 #8FB1B7 #8FB1B7
}

/* --------------------------------------------------------------------------------------------------------------------------------- Dialog Box */
.dialogHeader{
color: #000000; font-size: 10px; font-family: verdana, arial, geneva, sans-serif;
font-weight: bold;
background-image: url("graphics/dialog_top.gif");
}

.dialogHeaderNEW{
color: #FFFFFF; font-size: 16px; font-family: arial, geneva, sans-serif;
font-weight: bold;
background-image: url("../graphics/midsection_T.gif");
}

.dialogCaption{
color: #4F4F4F; font-size: 10px; font-family: verdana, arial, geneva, sans-serif;
background-color: #ECECEC;
border-bottom: 1px solid #9F9F9F;
padding-left: 4px; padding-right: 4px; padding-top: 2px; padding-bottom: 4px;
}

.dialogCaptionLeft{
background-image: url("graphics/dialog_caption_left.gif");
}
.dialogCaptionRight{
background-image: url("graphics/dialog_caption_right.gif");
}

.dialogLeft{
background-image: url("graphics/dialog_left.gif");
}

.dialogLeftNEW{
background-image: url("../graphics/sidefill_L.gif");
}

.dialogRight{
background-image: url("graphics/dialog_right.gif");
}

.dialogRightNEW{
background-image: url("../graphics/sidefill_R.gif");
}

.dialogBody{
color: #4F4F4F; font-size: 10px; font-family: verdana, arial, geneva, sans-serif;
background-color: #FFFFFF;
padding: 10px;
}

.dialogBodyNEW{
color: #000000; font-size: 12px; font-family: verdana, arial, geneva, sans-serif;
background-color: #FFFFFF;
background-image: url("../graphics/centerfill.gif");
background-repeat: repeat-x;
padding: 10px;
}

.dialogFooterLeft{
background-image: url("graphics/dialog_corner_bot_left.gif");
}
.dialogFooterRight{
background-image: url("graphics/dialog_corner_bot_right.gif");
}
.dialogFooter{
background-image: url("graphics/dialog_bot.gif");
}

.dialogFooterNEW{
background-image: url("../graphics/midsection_B.gif");
}

/* --------------------------------------------------------------------------------------------------------------------------------- Admin */
.adminHeaderTD{
color: #FFFFFF; font-size: 11px; font-family: verdana, arial, geneva, sans-serif;
background-color: #9B0500;
padding-left: 10px; padding-right: 10px;
}
.adminMenuTD{
color: #000000; font-size: 10px; font-family: verdana, arial, geneva, sans-serif;
background-color: #fff4c8;
padding-left: 10px; padding-right: 10px;
}

.adminMenuTD A, .adminMenuTD A:link, .adminMenuTD A:visited {color: #9B0500; text-decoration: none;}
.adminMenuTD A:hover {text-decoration: underline;}

/* --------------------------------------------------------------------------------------------------------------------------------- Forms */
.formTable{
color: #4F4F4F; font-size: 10px; font-family: verdana, arial, geneva, sans-serif;
}
.formTD{
padding: 3px;
}
.formTextTD{
padding: 3px;
font-weight: bold;
}

.formCaption{
font-weight: normal;
}

/* --------------------------------------------------------------------------------------------------------------------------------- Misc. */
.msgText{
color: #CC0000; font-size: 10px; font-family: verdana, arial, geneva, sans-serif;
font-weight: bold;
}
.alertText{
color: #CC0000; font-size: 10px; font-family: verdana, arial, geneva, sans-serif;
font-weight: bold;
}

/* --------------------------------------------------------------------------------------------------------------------------------- Forms */

input, textarea, select{
color: #222222; font-size: 10px; font-family: verdana, arial, geneva, sans-serif;
background-color: #FFF5DB;
border: 1px inset; border-bottom-style: outset; border-left-style: outset; border-right-style: outset; border-top-style: outset;
border-color: #8FB1B7 #8FB1B7 #8FB1B7 #8FB1B7
font-weight: normal;
}
.whiteField{
color: #222222; font-size: 10px; font-family: verdana, arial, geneva, sans-serif;
background-color: #FFFFFF;
border: 1px inset; border-bottom-style: outset; border-left-style: outset; border-right-style: outset; border-top-style: outset;
border-color: #8FB1B7 #8FB1B7 #8FB1B7 #8FB1B7
font-weight: normal;
}

.btnSubmit{
color: #222222; font-size: 10px; font-family: verdana, arial, geneva, sans-serif;
background-color: #FFF5DB;
font-weight: bold;
border: 1px inset; border-bottom-style: outset; border-left-style: outset; border-right-style: outset; border-top-style: outset;
border-color: #8FB1B7 #8FB1B7 #8FB1B7 #8FB1B7
}

.centeredField {
text-align: center;
}

.invisibleField {
color: #222222; font-size: 10px; font-family: verdana, arial, geneva, sans-serif;
background-color: #FFFFFF;
border: 0px;
border-color: #FFFFFF #FFFFFF #FFFFFF #FFFFFF
}

.chkbx {
color: #FFFFFF; font-size: 9px; font-family: verdana, arial, geneva, sans-serif;
background-color: #FFFFFF;
border: 0px;
}