/* Madcap Web Tatura Style Sheet C.W.F CGI 2008 */
/* Version: 2010/2 */

/* General styles, for any page */


BODY {background-color: white;

/*
border-width: 4;
border-style: groove;
border-color: cyan;
margin-top: 4;
margin-left: 4;
margin-right: 4;
*/

scrollbar-3dlight-color:white;
scrollbar-arrow-color:#666666;
scrollbar-base-color:silver;
scrollbar-darkshadow-color:silver;
scrollbar-face-color:#DDDDDD;
scrollbar-highlight-color:white;
scrollbar-shadow-color:#666666;
scrollbar-track-color:whitesmoke }


A.printPage { position: absolute; left: 630px; font-family: arial; font-weight: normal; color: brown; font-size: 14px }
A.printPage:hover { position: absolute; left: 630px; font-family: arial; font-weight: normal; color: red; font-size: 14px }

/* Selection page styles */
.selectionPageBanner { height: 98px; width: 60%; float: left; margin-bottom: 20px; background-repeat: no-repeat; background-image: url("taturaLogo.gif"); background-color: white; border-right:none; border-top: outset; border-left: outset; border-bottom: outset }
.selectionPageBannerFiller { height: 98px; width: 39%; float: left; margin-bottom: 20px; background-position: right; background-color: white; background-repeat: no-repeat; background-image: url("BegaTaturaLogo.jpg"); border-left:none; border-top: outset; border-right: outset; border-bottom: outset }
/*.selectionPageBannerFiller { height: 80px; width: 60%;  position: relative; left: -4px; margin-left: auto; background-color: white; background-position: right; background-repeat: no-repeat; background-image: url("WestlandBannerFiller.jpg"); border-left:none; border-top: outset; border-right: outset; border-bottom: outset }*/
.selTitle1 { margin-bottom:10px; width:700px; color: slateblue; font-family: arial; font-size: 25px; font-weight: normal; Filter:SHADOW(strength=4, color=goldenrod, direction=130); vertical-align: middle }
.farmServButt {  font-family: arial; font-weight:bold; font-size: 20px; color: white;  border-style:outset; border-left: 1px solid lightblue; border-right:1px solid blue; border-top:1px solid lightblue; border-bottom:1px solid blue; background-color:#C41200}
.fieldServButt {  font-family: arial; font-weight:bold; font-size: 20px; color: white;  border-style: outse; border-left: 1px solid lightblue; border-right:1px solid blue; border-top:1px solid lightblue; border-bottom:1px solid blue; background-color:#C41200}
.selDisclaimerText { font-family: arial; font-size: 10px; color: white; padding: 10px; background-color: #C41200; }

/* general page styles */
.generalPageBanner { height: 88px; width: 230px; background-repeat: no-repeat; background-position: left; background-image: url("begaLogo.jpg"); border-top: outset; border-left: outset; border-bottom: outset }
.generalPageBannerFiller { height: 88px; width: 560px; background-image: url("filler_1.png"); background-position: right; border-top: outset; border-right: outset; border-bottom: outset }
.genBannerdetails { position:absolute; top: 4px; left: 135px; height: 88px; width:81%; padding-left:10px; padding-right:0px; background-color: #B4CC8F; border-top: outset; border-right: outset; border-bottom: outset}
.genMenuLinks { font-family: helvetica; font-size:12px; color:black; position:relative; top: -2px; }
.genMenuLinksHilite { font-family: helvetica; font-size:12px; font-weight: bold; color: #EF4239; position:relative; top: -2px; }
.genMenuDiv { background-color:darkcyan; width: 100%; margin-left:-8px; margin-right:0px; margin-top: 0px; max-height:20px}
.genMenuRuler { color: #9FC5BB; margin-top: 0px; margin-bottom: 5px; margin-left: 3px; margin-right: 10px;}
.leftMenuDiv { background-color: whitesmoke; width: 150px; margin-left:1px; margin-right:0px; margin-top: 0px; margin-bottom: 0px; padding: 5px;}
.allPagesTitle { margin-bottom:10px; width: 100%; color: #C20001; font-family: arial; font-size: 25px; font-weight: bold; }
.pageDataSelectors { background-color: #666666; margin-left:5px; margin-right:5px; padding: 2px; }
.navBarGradientFrom { color:#C0C0C0; }
.navBarGradientTo { color:#666666; }

.infoText1 { padding-bottom:0px; font-family: arial; font-weight: bold; font-size:14px; color: black }
.infoText2 { padding-bottom:0px; font-family: arial; font-weight: bold; font-size:18px; color: black }
.infoText2Blue { padding-bottom:0px; font-family: arial; font-weight: bold; font-size:16px; color: blue }
.infoText3 { padding-bottom:0px; font-family: arial; font-weight: bold; font-size:12px; color: darkblue }
.infoText3Colour { padding-bottom:0px; font-family: arial; font-weight: bold; font-size:11px; color: black }
.infoText4 { padding-bottom:0px; font-family: arial; font-weight: bold; font-size:12px; color: black }
.infoText4Alert { padding-bottom:0px; font-family: arial; font-weight: bold; font-size:10px; color: red }
.infoText5Alert { padding-bottom:0px; font-family: verdana; font-weight: bold; font-size:11px; color: blue }
.infoTextVertMenuLogo {padding-bottom:0px; font-family: arial; font-weight: normal; font-size:9px; color: gray }
.promptText1 { font-family: arial; font-size:16px; color: black }
.promptText2 { font-family: arial; font-size:12px; color: white }
.promptText3 { font-family: arial; font-size:11px; font-weight: bold; color: darkgreen }
.tableCellBlankAlert {font-family: arial; font-weight:bold; font-size:10px; color: white; background-color: red; }
/*.srButtonsLineTop { border-style: outset; border-top-width: 3px; border-bottom-width: 2px; border-color: #C41200 yellow palevioletred yellow; margin-top:10px; margin-bottom:5px; }*/
.srButtonsLineBottom { border-style: outset; border-top-width: 1px; border-bottom-width: 1px; border-color: #C41200 yellow palevioletred yellow; margin-top:5px; margin-bottom:5px; }
.srDetailTxt { margin-bottom:0px; padding-top:0px; padding-bottom:0px; overflow: auto;}
.selEdit1 { background-color: #E6E6E6; border-style: inset; border-width:3px; height:23px; left:16px; top:62px; width:160px; font-family: arial; font-size: 12px; font-weight: bold; color: mediumvioletred}
.selEdit2 { background-color: #E6E6E6; border-style: inset; border-width:3px; height:23px; left:16px; top:62px; width:120px; height: 21px; font-family: arial; font-size: 12px; font-weight: bold; color: mediumvioletred}
.selEdit3 { background-color: #E6E6E6; border-style: inset; border-width:3px; height:23px; left:16px; top:62px; width:100px; height: 21px; font-family: arial; font-size: 12px; font-weight: bold; color: mediumvioletred}
.selEdit4 { background-color: lightgreen; border-style: inset; border-width:3px; width:70px; height: 19px; font-family: arial; font-size: 10px; font-weight: bold; color: mediumvioletred}
.selEdit4Dis { background-color: beige; border-style: inset; border-width:3px; width:70px; height: 19px; font-family: arial; font-size: 10px; font-weight: bold; color: mediumvioletred}
.genSelect { width: 160px; background-color: #E6E6E6; border-color: red; font-family: arial; font-size: 12px; font-weight: normal; color: brown }
.genSelect2 { width: 140px; background-color: #E6E6E6; border-color: red; font-family: arial; font-size: 12px; font-weight: normal; color: brown }
.genSelect3 { width: 140px; margin-top: 2px; margin-bottom: -3px; background-color: #E6E6E6; border-color: red; font-family: arial; font-size: 11px; font-weight: normal; color: brown }
.genSelect4 { width: 100px; margin-top: 1px; background-color: #E6E6E6; border-color: red; font-family: arial; font-size: 11px; font-weight: normal; color: brown }
.buttonStyleNorm { padding: 2px; font: bold 12px Verdana, Helvetica, sans-serif; color: white;  border-style:outset; border-left: 1px solid lightblue; border-right:1px solid blue; border-top:1px solid lightblue; border-bottom:1px solid blue; background-image:url(buttRedFadetatura.jpg); background-repeat:repeat-x;}
.buttonStyleSetFactory { position:relative; margin-top:2px; margin-bottom:-3px; font-family: arial; font-weight:bold; font-size: 12px; color: white;  border-style:outset; border-left: 1px solid lightblue; border-right:1px solid blue; border-top:1px solid lightblue; border-bottom:1px solid blue; background-image:url(buttRedFadeTatura.jpg); background-repeat:repeat-x;}
.pfPrefInfoRed { padding-left: 5px; padding-right: 5px; text-align: center; font-family: arial; font-weight: bold; font-size:14px; color: red }
.pfPrefInfoGreen { padding-left: 5px; padding-right: 5px; text-align: center; font-family: arial; font-weight: bold; font-size:14px; color: green }

/* results table */
.resultsDiv { height:445px; width: 100%; overflow: auto;}

/* Current results div */
.currentResultsDiv {  height:445px; width: 100%;  overflow: auto;}

/* Daily results summary */
.resultsSummaryDiv{  height:445px; width: 100%;  overflow: auto;}


.resultsTableHeadings { font-family:arial; font-size:12px; font-color:black; background-color: lightgrey; }
.resultsTableDetails { font-family:arial; font-size:10px; font-color:black; background-color: lightyellow; cell-padding:2;  }
.resultsTableDowngrade { font-family:verdana; font-size:10px; font-color:black; background-color: #80FF00; cell-padding:2;  }
.resultsTableAltered { font-family:arial; font-size:10px; font-color:black; background-color: lightcoral; cell-padding:2;  }
.resultsTableHiVar { font-family:arial; font-size:10px; font-color:black; background-color: yellow; cell-padding:2;  }
.resultsTableLoVar { font-family:arial; font-size:10px; font-color:black; background-color: lightblue; cell-padding:2;  }

/* news */
.newsTableDetails { font-family:arial; font-size:12px; font-color:black; background-color: lightyellow; cell-padding:2;  }
.newsTableLinks { font-family: helvetica; font-size:12px; color:blue;}
.newsSubjectPrompts { font-family:arial; font-size:10px; font-color:black; background-color: #9FC5BB; cell-padding:2px;  }
.newsSubjectData { font-family:arial; font-size:10px; font-color:black; background-color: lightyellow; cell-padding:2px;  }

/* Reports etc */
.genSelectReports { width: 220px; background-color: #E6E6E6; border-color: red; font-family: arial; font-size: 11px; font-weight: normal; color: brown }
.genSelectReportParams { width: 180px; background-color: #E6E6E6; border-color: red; font-family: arial; font-size: 11px; font-weight: normal; color: brown }
.buttonStyleSmall { position:relative; font-family: arial; font-weight:bold; font-size: 11px; color: white;  border-style:outset; border-left: 1px solid lightblue; border-right:1px solid blue; border-top:1px solid lightblue; border-bottom:1px solid blue; background-color:#C41200}
.reportsSubjectPrompts { font-family:arial; font-size:11px; font-color:black; background-color: #9FC5BB; }
.reportParamsData { font-size:11px; font-color:black; background-color: lightyellow; cell-padding:2px;  }
.selEditReportParams { background-color: #E6E6E6; border-style: inset; border-width:2px; height:20px; width:180px; font-family: arial; font-size: 11px; font-weight: normal; color: brown}
.selEditEmail { background-color: #E6E6E6; border-style: inset; border-width:3px; height:21px; width:160px; font-family: arial; font-size: 12px; font-weight: bold; color: mediumvioletred}

/* Facilities selection expanded menu items */
.expMenuItemsOdd { font-family: arial; font-size:10px; font-color:black; background-color: lightgrey; }
.expMenuLinksOdd { font-family: arial; font-size:10px; font-color:black; background-color: lightgrey; }
.expMenuItemsEven { font-family: arial; font-size:10px; font-color:black; background-color: whitesmoke; }
.expMenuLinksEven { font-family: arial; font-size:10px; font-color:black; background-color: whitesmoke; }

.fbFeedbackEdit { margin-left: 10px; background-color: cornsilk; border-style: inset; border-width:3px; height:100px; left:16px; top:62px; width:500px; font-family: arial; font-weight: normal; color: firebrick; scrollbars: auto; }
.sbTextArea { margin-left: 10px; padding-left:10px; padding-right:10px; padding-top:10px; background-color: cornsilk; border-style: inset; border-width:3px; height:150px; left:16px; top:62px; width:600px; font-family: arial; font-weight: normal; font-size: 12px; color: brown;}

/* page footer area */
A.toPageTop { font-family: arial; font-weight: normal; color: crimson; font-size: 16px }
.cgiFooter { float: right; color: black; font-family: arial; font-size: 10px; font-weight: normal}
.cgiLogo { float: right; left: 700px; top:-50px; width:70px; height:38px; background-position:right; background-image:url("cgiSmalltrans.gif"); alt:"Logo"}

/* Vertical graphical menu styles */
.glossymenu, .glossymenu li ul{
list-style-type: none;
margin: 0;
padding: 0;
width: 155px; /*WIDTH OF MAIN MENU ITEMS*/
/*border: 1px solid black;*/
}

.glossymenu li{
position: relative;
}

.glossymenu li a{
background: white url(glossybackRed1.gif) repeat-x bottom left; /*red*/
font: bold 11px Verdana, Helvetica, sans-serif;
color: white;
display: block;
width: auto;
margin-bottom:4px;
padding: 5px 0;
padding-left: 10px;
text-decoration: none;
}

.glossymenu li ul{ /*SUB MENU STYLE*/
position: absolute;
width: 180px; /*WIDTH OF SUB MENU ITEMS*/
left: 0;
top: 0px;
display: none;
}

.glossymenu li ul li{
float: left;

}

.glossymenu li ul a{
width: 180px; /*WIDTH OF SUB MENU ITEMS - 10px padding-left for A elements */
margin-bottom: 0px;
}

.glossymenu li ul a:hover{
width: 180px; /*WIDTH OF SUB MENU ITEMS - 10px padding-left for A elements */
background-image: url(glossybackRed2.gif); /*darker */
margin-bottom: 0px;
}

.glossymenu .arrowdiv{
position: absolute;
right: 4px;
background: transparent url(arrow.gif) no-repeat center right;
}

.glossymenu li a:visited, .glossymenu li a:active{
color: white;
}

.glossymenu li a:hover{
background-image: url(glossybackRed2.gif); /*darker */
margin-bottom:4px;
}

/* Holly Hack for IE \*/
* html .glossymenu li { float: left; height: 1%; }
* html .glossymenu li a { height: 1%; }