﻿/* Kingshay Colours:
dark green= #166029
mid green=#CCFF99
light green=#EFFFDC
Orange/brown= #CC9900
#666633
*/

page{background-color:white; }
html body{background-color:white;margin:0; padding:0;width:100%;font-family:Arial,Helvetica,Verdana, Georgia,trebuchet MS,sans-serif;  }
#header	{height: 100px;background-image: url('images/TopHeader.jpg'); background-repeat:no-repeat;margin: 0px 0px 0px 0px;padding: 0px;border: 0px;}
#topBar{	background-image: url(Images/bar.gif);background-repeat: repeat-x;text-align: left;height:26px;padding-top:19px;width:994px}
#topBar a:visited{color:White}

#pagewidth{float:left;left:0;top:120px;height:200px;width:994px } 
#sidebar{float:left; margin-top:0px;margin-left:0px;width:130px;padding-top:10px }	/*contains the logon, menu and footer controls: left column*/

#content{margin-left:0px; }/*contains the tabcontrol and the main content*/
#tabcontrol{background-color:white; font-size:medium; font-weight:bold;}
#menu{font-size:medium;font-weight:bold}
#contentdata{float:left;margin-top:5px;width:100%}	/*contains the main content*/
#container{width:700px;}
#contentfront{float:left;}/*contains the left and right columns on default page*/
#lblInformation {color:#166029; font-weight:bold;padding:30px 30px 30px 30px}
/*right column used on welcome and front page only*/
#rightcolumn{margin-left:750px;border:solid 4px #166029; text-align:center; background-color:#166029}
#rightcolumn a{ font-size:medium; color:white; cursor:hand; text-decoration:none ; }
#rightcolumn a span{ font-size:medium; color:white; cursor:hand; text-decoration:none ; vertical-align:bottom}
#rightcolumn a.black{ font-size:medium; color:black; cursor:hand; text-decoration:none ; }
#rightcolumn a.white{font-size:medium; color:black; cursor:hand; text-decoration:none ; }
#rightcolumn span {color:white; font-weight:bold; vertical-align:bottom}
#rightcolumn span.white {color:white; font-weight:bold; vertical-align:bottom}
#rightcolumn span.black {color:black; font-weight:bold; vertical-align:bottom}
#leftcolumn{float:left; text-align:center;margin-top:10px;width:623px;padding-left:10px}	/*width:623px....used where right column used instead of content */
#leftcolumnwelcome{float:left; text-align:center;margin-top:10px;width:750px;padding-left:10px}
#termscolumn{float:left; text-align:center;margin-top:10px;width:800px;padding-left:10px}

/*images on front pages*/
#one2one {text-align:center;background-image:url(Images/One2One.jpg);width:175px; height:120px; background-repeat:no-repeat}
#membership {text-align:center; background-image:url(Images/Membership.jpg);width:175px;height:120px; background-repeat:no-repeat}
#workshops {text-align:center;background-image:url(Images/Workshops.jpg);width:175px;height:120px; background-repeat:no-repeat}

#information{position:absolute;top:70px;left:400px; display:none;border:2px solid #166029;background-color:white;z-index:3000;padding:0 10px 10px 10px; margin-top:5px;width:400px; vertical-align:middle; color:#166029; font-style:italic; font-size:large; font-weight:bold}

/*footer styles*/
#footer {border: solid 1px #166029; float:left; margin-top:10px; color:#166029; font-size:small;text-align:center;background-color:#EFFFDC;clear:both;border:solid 2 #166029 ;width:117px;padding:5px; height:70px;padding-top:10px;} 
#footer a:link{font-size:small; color:#166029; text-decoration:none}
#footer a:visited{font-size:small; color:#166029; text-decoration:none}
#footer a:active{font-size:small;color:#166029; text-decoration:none}
#footer a:hover{font-size:small;font-weight:bold; color:#166029; text-decoration:none}
#newfooter{clear:both;float:left;background-color:#166029;padding:3px;width:994px;margin-top:10px}

#help{float:left; background-color:white;  margin:10px}
#help a:link{color:#166029; font-size:small; font-weight:bold; padding: 10px 5px 10px 35px}
#help a:visited{color:#166029; font-size:small; font-weight:bold; padding: 10px 5px 10px 35px}
#help a:active{color:#166029; font-size:small; font-weight:bold; padding: 10px 5px 10px 35px}
#help a:hover{color:#166029; font-size:small; font-weight:bold; padding: 10px 5px 10px 35px}


#logon {border-color: #166029; border-width:1px;border-style:solid; margin-bottom:10px;width:7.5em;background-color:#EFFFDC ;padding-top:20px;padding-left:2px;padding-right:5px;padding-bottom:5px}
/*logon control styles*/
table.logon {background-color:#EFFFDC;width:100% ;margin-bottom:10px; }
table.logon span {color:#166029; font-size: smaller;padding:0px 0px 10px 3px}	/*logon label */
table.logon span.logontitle {font-weight: bold; font-size:medium}
table.logon input{ padding-left:2px;margin-bottom:5px;}
table.logon input:submit {cursor:hand; }
table.logon a{ font-size:xx-small; color:#166029; cursor:point; }
.logonbutton{position: relative;height: 100px;margin: 0px 0px 2px 0px;padding: 0px;border: 0px;}
/*dairy manager styles*/
/*this is used for the central block...light green with border which contains the content*/
div.border {border: 1px solid #166029;background-color: #EFFFDC;padding:5px;}

div.border a:link{font-size:medium; color:#166029}
div.border a:visited{font-size:medium; color:#166029}
div.border a:active{font-size:medium;color:#166029}
div.border a:hover{font-size:medium;font-weight:bold; color:#166029}
div.border ul {font-weight:bold }
div.homepagelinks {}
div.homepagelinks a{color: #166029 ;font-weight:bold; font-size:medium; width:100%;margin:0px 75px 0px 75px}
/*data input */
table.datainput { text-align:left;border:solid 0px red; }
table.nopadding {padding:0px}
table.datainput span{ font-size:small;color: #166029 ;}
table.datainput input{width:20px;}
table.datainput span.wizardTitle {font-size:medium;font-weight:bold;color:#166029}
table.datainput span.title {font-size:small;font-weight:bold;color:#166029}
table.datainput span.smalltitle {font-size:small;font-weight:lighter;color:#166029}
table.datainput span.lighttitle{font-weight:lighter;font-size:smaller}
table.datainput span.padded{padding:0px 11px 0px 11px}
table.datainput span.small{font-size:x-small;font-weight:bold}
table.datainput span.smalllist{font-size:small;font-weight:bold;padding:0px 10px 0px 0px; }
table.datainput span.warninginformation{color:Red;font-weight:bold;font-size:medium}
.warninginformation{color:Red;font-weight:bold;font-size:medium}
table.datainput td{height:20px; font-size:small;color: #166029 ;font-weight:bold; }
table.datainput span.gridheaderwhite { text-align:center; background-color:#166029;Font-weight:bold ;Font-Size: small;color: White ;}
table.datainput td.gridheaderwhite{height:28px;background-color:#166029;color: White ;}
table.datainput tr.gridheaderwhite{height:28px;background-color:#166029;color: White ;}
table.datainput td.smalllist{padding-left:12px}
/*save data*/
/*table.savedata {Padding:5; border:0; padding:10px; font-weight:bold}
table.savedata span{height:20px; text-align:right;font-size:medium;color: #166029 ;padding:5px;}
table.savedata input{cursor:hand;height:30px;width:50px;text-align:center;padding :5 5 5 5; font-weight:bold}*/

.datainput td{height:20px; font-size:small;color: #166029 ;font-weight:bold}
.nonBold{ font-weight:normal}
/*wizard tables and divs */
div.wizard { border:1px solid  #166029 ; background-color:#EFFFDC;padding:4px}
table.wizard{ margin:0px auto;}
table.wizard td { font-size:small; font-weight:bold; color:#166029; }
.selected{ text-align:center;  font-size:smaller;  color:#CC9900}
/*table.wizard input{height:30px;}*/
.wizardSmall{font-size:smaller; font-weight:bold; }
.wizardSmall td{ width:22px; height:30px}

.datainput td.smaller {height:20px; font-size:x-small;color: #166029 ;font-weight:normal}

/*next previous buttons in wizards*/
span.next {float:right;  margin:2px 0px 2px 0px}
span.next a:link{font-size:medium; color:#166029}
span.next a:visited{font-size:medium; color:#166029}
span.next a:active{font-size:medium;color:#166029}
span.next a:hover{font-size:medium;font-weight:bold; color:#166029}

/*span.middle {float:none; width:200px; margin:2px 5px 2px 0px}*/
span.middle a:link{font-size:medium; color:#166029}
span.middle a:visited{font-size:medium; color:#166029}
span.middle a:active{font-size:medium;color:#166029}
span.middle a:hover{font-size:medium;font-weight:bold; color:#166029}

span.previous{float:left; margin:2px 0px 2px 5px}
span.previous a:link{ font-size:medium; color:#166029}
span.previous a:visited{ font-size:medium; color:#166029}
span.previous a:active{font-size:medium;color:#166029}
span.previous a:hover{font-size:medium;font-weight:bold; color:#166029}

div.help h1{ background-color:#CCFF99;color:White;height:50px;text-align:center;padding:5px 5px 5px 5px;font-weight:bold}
div.help h2{color:#166029;height:20px}
span.help{float:left;padding:5px 5px 5px 5px;}
span.help input{height:20px;width:20px;padding: 5px 5px 5px 5px;  }

.titlewrapper{text-align:center;height:50px; }
/*grid formatting*/
.formbutton{cursor:pointer;border:outset 1px #ccc;background:#999;color:#666;font-weight:bold;padding: 1px 2px;background:url(Images/formbg.gif) repeat-x left top;}

div.pageheader {background-color:#166029;height:20px;padding:5px }
div.pageheader span{font-size: medium;color: white; font-weight:bold }
.pageheaderwide{width:100%}
.center{margin:0px auto;}/*width: 764px;*/
.information{font-size:medium;color:#166029;padding:20px;font-weight:bold}
.hide {display:none}
.hand{cursor:hand}
.hiddenPic {display:none;}
.pagedivider{background-color:#166029; height:4px}
/*Calender Styles*/
.CalendarFontNames{font-family:Helvetica}
.CalendarDayStyle{Font-Size:9pt}
.CalendarTodayDayStyle{ border-width:2px; border-color:blue; font-weight:bold}
.CalendarOtherMonthDayStyle{ background-color:Silver}
.CalendarTitleStyle{ background-color:#E0E0E0; font-family:Arial; font-size:9pt}
/****************/

div.list {width:600px;padding-left:8; padding-right:8; }/**/
div.list a{}
div.list border {border:solid 1 #CCFF99;background-color:#EFFFDC;padding:5 5 5 5}
div.list span.left{float:left; }
div.list span.right{float:right;margin:0 8 0 8}
div.list input{height:auto;width:auto}
div.list span.middle{float:left; }
table.list { font-size:smaller;}

.title{font-size:larger}
.titleLarge{font-size:x-large}
/*commercial boxes on front pages*/
div.box {background-image: url(Images/box.gif);background-repeat: no-repeat;min-height: 169px;width: 185px;font-family: Arial;font-size: 10px;padding-top: 4px;padding-left: 10px;padding-bottom: 10px;color: #166029;}
div.boxtext{font-family: Arial;font-size: 11px;padding-right: 12px;height: 150px;overflow: hidden;}
div.boxlink {text-align: right;padding-right: 10px;padding-top: 5px;color: #166029;}
img.box{padding-left: 4px;padding-top: 3px;padding-bottom: 3px;color: #166029;}
a.box {font-size: 14px;font-weight: bold;font-family: Arial;text-decoration: none;color: #166029;}
a:visited.box{text-decoration:none;color: #166029;}
a:hover.box{text-decoration:underline;color: #166029;}
a.boxlink {font-family: Arial;font-size: 11px;font-weight: bold;text-decoration: none;color: #166029;}
a:visited.boxlink{text-decoration:none;color: #166029;}
a:hover.boxlink{text-decoration:underline;color: #166029;}

div.rightcol{float: right;width: 210px;background-color: #FFFFFF;padding-top: 5px;padding-left: 10px;}
div.leftcol{float:left; width:210px;width: 210px;background-color: #FFFFFF;padding-top: 5px;padding-left: 10px;}

div.Logout{float:left;color:white;font-size:small;padding-left:10px;padding-right:10px}
div.Logout a:link{color:white;padding-left:10px;}
div.Logout a:hover{font-weight:bold}

div.footerbar{float:right;color:white;font-size:small;padding-left:10px;padding-right:10px}
div.footerbar a:link{color:white;padding-left:10px;}
div.footerbar a:visited{color:white;padding-left:10px;}
div.footerbar a:hover{font-weight:bold}


div.helplink{float:right;color:white;font-size:medium;padding-left:10px;padding-right:10px}
div.helplink a:link{color:white;padding-left:10px;}
div.helplink a:visited{color:white;padding-left:10px;}
div.helplink a:hover{font-weight:bold}

.front{font-size:small; color:#166029; padding:30px}