/* amended 13 August 2012 - Lesley - added style tags for pop-ups - starts at $$$$ tags for pop-ups */ /*amended 7 august 2011 - Lesley - added style tags at end for top tabs. Starts at ++++ tags for top tabs */ body {margin: 5px; font-family: Verdana, Arial, Helvetica, Sans-Serif; font-size: 12pt; } p {color: black; font-size: 12pt; font-family: Verdana, Arial, Helvetica, Sans-Serif ; text-align: left; } th {align: center} ul {list-style-type: square; line-spacing: 50px;} ol {text-align: left;} li {text-align: left; line-spacing: 30px;} a:link { color: rgb(48,117,99); ; text-decoration: none ; font-weight: bold} a:visited {color: rgb(48,117,99); text-decoration: none ; font-weight: bold} a:hover { color: red; text-decoration: none ;} /*USED IN TROPHY LADDERS, PREVIOUS TROPHY WINNERS, LEAGUES, RESULTS TABLES*/ h1 {color: white; font-weight: normal; font-size: 18pt; font-family: Verdana, Arial, Helvetica, Sans-Serif ; text-align: center;} h2 {color: white; font-weight: normal; font-size: 14pt; font-family: Verdana, Arial, Helvetica, Sans-Serif ; text-align: center;} h3 {color: black; font-weight: normal; font-size: 14pt; font-family: Verdana, Arial, Helvetica, Sans-Serif ; text-align: center;} .head3white {color: white; font-weight: normal; font-size: 14pt; font-family: Verdana, Arial, Helvetica, Sans-Serif ; text-align: center;} h4 {color: black; font-weight: normal; font-size: 10pt; font-family: Verdana, Arial, Helvetica, Sans-Serif ; text-align: left;} .h2wr {color: white; font-weight: normal; font-size: 8pt; font-family: Verdana, Arial, Helvetica, Sans-Serif ; text-align: right;} .h1wl {color: white; font-weight: normal; font-size: 18pt; font-family: Verdana, Arial, Helvetica, Sans-Serif ; text-align: left;} h5 {color: red; font-weight: normal; font-size: 14pt; font-family: Verdana, Arial, Helvetica, Sans-Serif ; text-align: center;} .smallpara {text-align: center; font-size: 10pt;} .centrepara {text-align: center;} .maintabletop {color:black; background-color: orange; font-weight: normal; font-size: 12pt; font-family: Verdana, Arial, Helvetica, Sans-Serif ; text-align: left ;} .maintable {color:black; font-weight: normal; font-size: 12pt; font-family: Verdana, Arial, Helvetica, Sans-Serif ; text-align: left ;} .maintableright {color:black; font-weight: normal; font-size: 12pt; font-family: Verdana, Arial, Helvetica, Sans-Serif ; text-align: right ;} .maintablecentre {color:black; font-weight: normal; font-size: 12pt; font-family: Verdana, Arial, Helvetica, Sans-Serif ; text-align: center ;} .maintablesmall {color:black; font-weight: normal; font-size: 10pt; font-family: Verdana, Arial, Helvetica, Sans-Serif ; text-align: left ;} .maintablecentresmall {color:black; font-weight: normal; font-size: 10pt; font-family: Verdana, Arial, Helvetica, Sans-Serif ; text-align: center ;} .maintabletopsmall {color:black; font-weight: normal; font-size: 10pt; font-family: Verdana, Arial, Helvetica, Sans-Serif ; text-align: left ;} /**/ /*COLOR SPANS*/ .gold { background-color: orange; } .duckegg {color:rgb(68,119,137); font-weight: bold;} .red {color: red;} /**/ /*YCBA TEMPLATE PAGES - MAIN BODY SECTION - DUCK EGG AND BLACK ON WHITE*/ .head2duckegg {color: rgb(48,117,99); font-weight: normal; font-size: 12pt; font-family: Verdana, Arial, Helvetica, Sans-Serif ; text-align: left; margin-left: 20px; margin-bottom: 0pt;} .head3duckegg {color: rgb(48,117,99); font-weight: normal; font-size: 14pt; font-family: Verdana, Arial, Helvetica, Sans-Serif ; text-align: center;} .bodytabletop {color: rgb(48,117,99); font-size: 16pt; font-family: Verdana, Arial, Helvetica, Sans-Serif ; text-align: left ; margin-left: 20px; margin-right: 20px;} .bodytabletop2 {color: rgb(48,117,99); font-size: 12pt; font-family: Verdana, Arial, Helvetica, Sans-Serif ; text-align: left ; margin-left: 20px; margin-right: 20px;} .bodytabletop3 {color: rgb(48,117,99); font-size: 14pt; font-family: Verdana, Arial, Helvetica, Sans-Serif ; text-align: left ; margin-bottom: 0pt;} .bodytabletop4 {color: rgb(48,117,99); font-size: 12pt; font-family: Verdana, Arial, Helvetica, Sans-Serif ; text-align: left ; margin-bottom: 0pt;} .bodytabletopcentre {color: rgb(48,117,99); font-size: 16pt; font-family: Verdana, Arial, Helvetica, Sans-Serif ; text-align: center ;} .bodytabletopcentre2 {color: rgb(48,117,99); font-size: 16pt; font-family: Verdana, Arial, Helvetica, Sans-Serif ; text-align: center ; margin-bottom: 0pt;} .bodytable {color:black; font-size: 12pt; font-family: Verdana, Arial, Helvetica, Sans-Serif ; text-align: left ; margin-left: 20px; margin-right: 20px;} .bodytable2 {color:black; font-size: 8pt; font-family: Verdana, Arial, Helvetica, Sans-Serif ; text-align: left ; margin-left: 10px; margin-right: 20px;} .bodytable3 {color:black; font-size: 10pt; font-family: Verdana, Arial, Helvetica, Sans-Serif ; text-align: left ; margin-left: 20px; margin-right: 10px;} .bodytable4 {color:red; font-size: 12pt; font-family: Verdana, Arial, Helvetica, Sans-Serif ; text-align: left ;} li.bodytable {text-align: left; } ul.bodytable {text-align: left; line-height: 18pt;} .bodytableleft {color:black; font-size: 12pt; font-family: Verdana, Arial, Helvetica, Sans-Serif ; text-align: left ;} .bodytableleft2 {color:black; font-size: 11pt; font-family: Verdana, Arial, Helvetica, Sans-Serif ; text-align: left ; margin-bottom: 0pt;} .bodytableright {color:black; font-size: 12pt; font-family: Verdana, Arial, Helvetica, Sans-Serif ; text-align: right ;} .bodytablecentre {color:black; font-size: 12pt; font-family: Verdana, Arial, Helvetica, Sans-Serif ; text-align: center ;} .bodytablecentre2 {color:black; font-size: 14pt; font-family: Verdana, Arial, Helvetica, Sans-Serif ; text-align: center ;} .bodytablecentre3 {color:red; font-size: 12pt; font-family: Verdana, Arial, Helvetica, Sans-Serif ; text-align: center ;} .bodytablecentre4 {color:red; font-size: 10pt; font-family: Verdana, Arial, Helvetica, Sans-Serif ; text-align: center ;} .bodytablesmall {color:black; font-size: 10pt; font-family: Verdana, Arial, Helvetica, Sans-Serif ; text-align: left ; margin-left: 20px; margin-right: 20px; margin-top: 5px; margin-bottom: 0px;} margin-left: 10px; margin-right: 5px; margin-top: 10px; margin-bottom: 10px;} .bodytablesmall2 {color:black; font-size: 10pt; font-family: Verdana, Arial, Helvetica, Sans-Serif ; text-align: left ; margin-left: 20px; margin-right: 20px; margin-top: 0px; margin-bottom: 0px;} .bodytablesmall3 {color:black; font-size: 8pt; font-family: Verdana, Arial, Helvetica, Sans-Serif ; text-align: left ;} .bodytablesmallright {color:black; font-size: 10pt; font-family: Verdana, Arial, Helvetica, Sans-Serif ; text-align: right ; margin-left: 20px; margin-right: 20px; margin-top: 5px; margin-bottom: 0px;} .bodytablecentresmall {color:black; font-size: 10pt; font-family: Verdana, Arial, Helvetica, Sans-Serif ; text-align: center ; margin-top: 10px;} .bodytablecentrevsmall {color:black; font-size: 8pt; font-family: Verdana, Arial, Helvetica, Sans-Serif ; text-align: center ;} .bodytableleftvsmall {color:black; font-size: 8pt; font-family: Verdana, Arial, Helvetica, Sans-Serif ; text-align: left ;} .bodytablecentresmall2 {color:black; font-size: 10pt; font-family: Verdana, Arial, Helvetica, Sans-Serif ; text-align: center ; margin-left: 40px; margin-right: 40px;} .bodytabletopsmall {color:black; font-size: 10pt; font-family: Verdana, Arial, Helvetica, Sans-Serif ; text-align: left ; margin-left: 20px; margin-right: 20px;} .bodytablecentreborder {color: black ; font-size: 10pt ; font-family: Verdana, Arial, Helvetica, Sans-Serif ; text-align: center ; border-style: outset ; border-color: white ; padding: 10px ; margin-top: 0px ; background: white ;} /**/ /*SUITS*/ .redheart {color:#ff0000; font-size:40px; font-family:'arial unicode MS', Verdana, Arial, geneva, sans-serif; } .redheartsmall {color:#ff0000; font-size:30px; font-family:'arial unicode MS', Verdana, Arial, geneva, sans-serif; } .blackspade {color:#000000; font-size:40px; font-family:'arial unicode MS', Verdana, Arial, geneva, sans-serif; } .blackspadesmall {color:#000000; font-size:30px; font-family:'arial unicode MS', Verdana, Arial, geneva, sans-serif; } /**/ /*WHITE FONT VARIANTS*/ .lghwc {color: white; font-weight: normal; font-size: 20pt; font-family: Verdana, Arial, Helvetica, Sans-Serif ; text-align: center;} .lghwc1 {color: white; margin-bottom: 1px; font-weight: normal; font-size: 20pt; font-family: Verdana, Arial, Helvetica, Sans-Serif ; text-align: center;} .lghwl {color: white; font-weight: normal; font-size: 20pt; font-family: Verdana, Arial, Helvetica, Sans-Serif ; text-align: left;} a.lghwl:link {color: white ; font-weight: normal;} a.lghwl:visited {color: white ; font-weight: normal;} a.lghwl:hover {color: white ; font-weight: normal; text-decoration: underline ;} .handlink {color: white; ; background-color: rgb(68,137,119); font-weight: normal; font-size: 10pt; font-family: Verdana, Arial, Helvetica, Sans-Serif ; text-align: center; } a.handlink:link {color: white ; font-weight: normal;} a.handlink:visited {color: white ; font-weight: normal;} a.handlink:hover {color: red ; background-color: rgb(68,137,119); font-weight:bold; text-decoration: none ;} .h3w {color: white; font-weight: normal; font-size: 14pt; font-family: Verdana, Arial, Helvetica, Sans-Serif ; text-align: center;} .h2wl {color: white; font-weight: normal; font-size: 12pt; font-family: Verdana, Arial, Helvetica, Sans-Serif ; text-align: left;} a.h2wl:link {color: white ; font-weight: normal;} a.h2wl:visited {color: white ; font-weight: normal;} a.h2wl:hover {color: lightgreen ; font-weight: normal; text-decoration: none ;} .h2w {color: white; font-weight: normal; font-size: 12pt; font-family: Verdana, Arial, Helvetica, Sans-Serif ; text-align: center;} .h2w10 {color: white; margin-top: 0px; font-weight: normal; font-size: 10pt; font-family: Verdana, Arial, Helvetica, Sans-Serif ; text-align: center;} /**/ /*BLACK FONT WHITE BACKGROUND*/ /*USED IN RESULTS TABLES*/ .mt1 {color:black; background-color: white; font-weight: normal; font-size: 8pt; font-family: Verdana, Arial, Helvetica, Sans-Serif ; text-align: center ;} .mt1x {color:black; background-color: white; font-weight: normal; font-size: 7pt; font-family: Verdana, Arial, Helvetica, Sans-Serif ; text-align: center ;} .mt1xx {color:black; background-color: white; font-weight: normal; font-size: 6pt; font-family: Verdana, Arial, Helvetica, Sans-Serif ; text-align: center ;} .mt1l {color:black; background-color: white; font-weight: normal; font-size: 8pt; font-family: Verdana, Arial, Helvetica, Sans-Serif ; text-align: left ;} /**/ .mt1r {vertical-align: top ; color:black; background-color: white; font-weight: normal; font-size: 8pt; font-family: Verdana, Arial, Helvetica, Sans-Serif ; text-align: right ;} .mt1la {background-color: white; font-weight: normal; font-size: 8pt; font-family: Verdana, Arial, Helvetica, Sans-Serif ; text-align: left ;} .mt1a {background-color: white; font-weight: normal; font-size: 8pt; font-family: Verdana, Arial, Helvetica, Sans-Serif ; text-align: center ; margin-top: 0px} .mt1b {color:white;background-color: white; font-weight: normal; font-size: 8pt; font-family: Verdana, Arial, Helvetica, Sans-Serif ; text-align: center ; margin-top: 0pt} a.mt1b:link {color: white ; font-weight: normal;} a.mt1b:visited {color: white ; font-weight: normal;} a.mt1b:hover {color: white ; font-weight: normal; } a.mt2b:link {color: black ; font-weight: normal;} a.mt2b:visited {color: black ; font-weight: normal;} a.mt2b:hover {color: red ; font-weight: normal; text-decoration: none ;} /**/ /*BLACK FONT VARIOUS BACKGROUND EFFECTS*/ .lt1r {color:black; background-color: white; font-weight: normal; font-size: 10pt; font-family: Verdana, Arial, Helvetica, Sans-Serif ; text-align: right ;} .lth {color:black; background-color: gold ; font-weight: normal; font-size: 10pt; font-family: Verdana, Arial, Helvetica, Sans-Serif ; text-align: center ;} .lthblue {color:black; background-color: #1e90ff ; font-weight: bold; font-size: 10pt; font-family: Verdana, Arial, Helvetica, Sans-Serif ; text-align: center ;} .st1 {color:black; background-color: white; font-weight: normal; font-size: 8pt; font-family: Verdana, Arial, Helvetica, Sans-Serif ; text-align: center ;} .st2 {color:black; background-color: none; font-weight: normal; font-size: 8pt; font-family: Verdana, Arial, Helvetica, Sans-Serif ; text-align: center ;} /**/ /*NAVIGATION MENU LH SIDE*/ .navigationbutton {color: white; background-color: rgb(68,137,119) ; font-size: 10pt; font-family: Verdana, Arial, Helvetica, Sans-Serif ; text-align: right ; text-decoration: none; padding: 0px 0px 0px 0px; border-top: medium solid rgb(68,137,119); border-left: medium solid rgb(68,137,119); border-right: medium solid rgb(68,137,119); border-bottom: medium solid rgb(68,137,119); margin-left: 0px ;margin-bottom: 10px; margin-bottom: 10px; line-height: 1.25;} ul.navigationbutton {list-style-type: none ; text-align: right; margin-top: 0px ; margin-bottom = 0px; } li.navigationbutton {list-style-type: none ; text-align: right; margin-top: 0px ; margin-bottom = 0 px} a.navigationbutton:link {color: white ; font-weight: normal;} a.navigationbutton:visited {color: white ; font-weight: normal;} a.navigationbutton:hover {color: red ; font-weight: bold; text-decoration: none ;} .invnavbutton {color: rgb(68,137,119); background-color: white ; font-size: 10pt; font-family: Verdana, Arial, Helvetica, Sans-Serif ; text-align: right ; text-decoration: none; padding: 0px 0px 0px 0px; border-top: medium solid white; border-left: medium solid white; border-right: medium solid white; border-bottom: medium solid white; margin-bottom: 10px; margin-bottom: 10px; line-height: 1.25;} ul.invnavbutton {list-style-type: none ; text-align: right; margin-top: 0px ; margin-bottom = 0px; } li.invnavbutton {list-style-type: none ; text-align: right; margin-top: 0px ; margin-bottom = 0 px} a.invnavbutton:link {color: rgb(68,137,119) ; font-weight: normal;} a.invnavbutton:visited {color: rgb(68,137,119) ; font-weight: normal;} a.invnavbutton:hover {color: rgb(68,137,119) ; font-weight: normal; text-decoration: none ;} /**/ /* ++++ tags for top tabs */ #header {font: 100% verdana, arial, helvetica, sans-serif; background-color: #fff; color: rgb(68,137,119); margin: 0px; } #header ul { text-align: right; /* set to left, right or center */ margin: -0.5em 0 1em 0; /* set margins as desired */ font: 8pt verdana, arial, sans-serif; /* set font as desired */ border-bottom: 2px solid ; color: rgb(68,137,119) ;/* #6c6 set border COLOR as desired */ list-style-type: none; padding: 3px 10px 3px 10px; /* THIRD number must change with respect to padding-top (X) below */ } #header li { display: inline; border-bottom: 1px solid #fff ; /* set border color to page background color */ background-color: #fff; /* set background color to match above border color */ } #header a { padding: 3px 4px; /* set padding (tab size) as desired; FIRST number must change with respect to padding-top (X) above */ border: 2px solid rgb(68,137,119); /* set border COLOR as desired; usually matches border color specified in #tabnav */ background-color: rgb(68,137,119); /* set unselected tab background color as desired */ color: white; /*6set unselected tab link color as desired */ margin-right: 0px; /* set additional spacing between tabs as desired */ text-decoration: none; border-bottom: none; } #header a:hover { background: rgb(68,137,119) ; color: red/* #fff set desired hover color */ } #header #selected { border-bottom: 5px solid #fff ; /* set border color to page background color */ background-color: #fff; /* set background color to match above border color */ } #header #selected a { background-color: #fff; /* set selected tab background color as desired */ color: rgb(68,137,119); /* set selected tab link color as desired */ position: relative; top: 2px; padding-top: 4px; /* must change with respect to padding (X) above and below */ } /* start of tags for tables to allow for unilateral changes made in august*/ .lesleytabletop {color: rgb(48,117,99); font-size: 16pt; font-family: Verdana, Arial, Helvetica, Sans-Serif ; text-align: left ; margin-left: 20px; margin-right: 20px;} .lesleytabletop2 {color: rgb(48,117,99); font-size: 14pt; font-family: Verdana, Arial, Helvetica, Sans-Serif ; text-align: left ; margin-left: 20px; margin-right: 20px;} .lesleytabletop2right {color: rgb(48,117,99); font-size: 16pt; font-family: Verdana, Arial, Helvetica, Sans-Serif ; text-align: right ; margin-left: 20px; margin-right: 10px; margin-top: 0px ;} .lesleytabletopcentre {color: rgb(48,117,99); font-size: 16pt; font-family: Verdana, Arial, Helvetica, Sans-Serif ; text-align: center ;} .lesleytabletopcentre2 {color: rgb(48,117,99); font-size: 16pt; font-family: Verdana, Arial, Helvetica, Sans-Serif ; text-align: center ; margin-bottom: 0pt;} .lesleytable {color: black; font-size: 12pt; font-family: Verdana, Arial, Helvetica, Sans-Serif ; margin-left: 20px; text-align: center ;} /* +++ end of changed */ li.lesleytable {text-align: left; } ul.lesleytable {text-align: left; line-height: 18pt;} a.lesleytable:link { color: rgb(48,117,99); ; text-decoration: none ; font-weight: bold} a.lesleytable:visited {color: rgb(48,117,99); text-decoration: none ; font-weight: bold} a.lesleytable:hover { color: red; text-decoration: none ;} .lesleytableright {color:black; font-size: 12pt; font-family: Verdana, Arial, Helvetica, Sans-Serif ; text-align: right ; margin-left: 10px; margin-right: 10px;} /*+++ end of added*/ .lesleytable2 {color:black; font-size: 8pt; font-family: Verdana, Arial, Helvetica, Sans-Serif ; text-align: left ; margin-left: 10px; margin-right: 20px;} .lesleytable3 {color:black; font-size: 10pt; font-family: Verdana, Arial, Helvetica, Sans-Serif ; text-align: left ; margin-left: 20px; margin-right: 10px;} .lesleytableleft {color:black; font-size: 12pt; font-family: Verdana, Arial, Helvetica, Sans-Serif ; text-align: left ; margin-left: 10px; margin-right: 10px;} .lesleytablecentre {color:black; font-size: 12pt; font-family: Verdana, Arial, Helvetica, Sans-Serif ; text-align: center ;} .lesleytablecentre2 {color:black; font-size: 14pt; font-family: Verdana, Arial, Helvetica, Sans-Serif ; text-align: center ;} .lesleytablesmall {color:black; font-size: 10pt; font-family: Verdana, Arial, Helvetica, Sans-Serif ; text-align: left ; margin-left: 20px; margin-right: 10px; margin-top: 0px; margin-bottom: 0px;} ol.lesleytablesmall {text-align: left; line-height: 18pt;} ul.lesleytablesmall {list-style-type: square ; text-align: left; margin-left: 10px;margin-top: 0px; margin-bottom: 0px; } li.lesleytablesmall {list-style-type: square ; text-align: left; margin-left: 10px; margin-top: 0px; margin-bottom: 0px; } a.lesleytablesmall:link {font-size: 10pt; color: rgb(48,117,99); ; text-decoration: none ; margin-left: 0px; margin-top: 0px; margin-bottom: 0px; } a.lesleytablesmall:visited {font-size: 10pt; color: rgb(48,117,99); text-decoration: none ; margin-left: 0px; margin-top: 0px; margin-bottom: 0px;} a.lesleytablesmall:hover {font-size: 10pt; color: red; text-decoration: none ; margin-left: 0px; margin-top: 0px; margin-bottom: 0px;} .lesleytablesmall2 {color:black; font-size: 10pt; font-family: Verdana, Arial, Helvetica, Sans-Serif ; text-align: left ; margin-left: 20px; margin-right: 20px; margin-top: 0px; margin-bottom: 0px;} .lesleytablesmall3 {color:black; font-size: 8pt; font-family: Verdana, Arial, Helvetica, Sans-Serif ; text-align: left ;} .lesleytablesmallright {color:black; font-size: 10pt; font-family: Verdana, Arial, Helvetica, Sans-Serif ; text-align: right ; margin-left: 10px; margin-right: 10px; margin-top: 0px; margin-bottom: 0px;} .lesleytablecentresmall {color:black; font-size: 10pt; font-family: Verdana, Arial, Helvetica, Sans-Serif ; text-align: center ; margin-top: 0px; margin-bottom: 0px; margin-left: 5px; margin-right: 5px;} .lesleytablecentrevsmall {color:black; font-size: 8pt; font-family: Verdana, Arial, Helvetica, Sans-Serif ; text-align: right ; margin-left: 5px; margin-right: 5px;} .lesleytablecentresmall2 {color:black; font-size: 10pt; font-family: Verdana, Arial, Helvetica, Sans-Serif ; text-align: center ; margin-left: 40px; margin-right: 40px;} .lesleytabletopsmall {color:black; font-size: 10pt; font-family: Verdana, Arial, Helvetica, Sans-Serif ; text-align: left ; margin-left: 20px; margin-right: 20px;} .lesleytablecentreborder {color:black; font-size: 10pt; font-family: Verdana, Arial, Helvetica, Sans-Serif ; text-align: center ; border-style: outset; padding: 10px; margin: 0px} .constitution {color:black; font-size: 10pt; font-family: Verdana, Arial, Helvetica, Sans-Serif ; text-align: left ; margin-left: 20px; margin-right: 10px; margin-top: 5px; margin-bottom: 5px;} ol.constitution {text-align: left; line-height: 18pt;} ul.constitution {list-style-type: none ; text-align: left; margin-left: 0px;margin-top: 0px; margin-bottom: 0px; } li.constitution {list-style-type: none ; text-align: left; margin-left: 0px; margin-top: 0px; margin-bottom: 0px; } .moveup {margin-top = -2em ; text-align = "center" ;} .navigationbutton2 {color: white; background-color: rgb(68,137,119) ; font-size: 12pt; font-family: Verdana, Arial, Helvetica, Sans-Serif ; text-align: center ; text-decoration: none; padding: 0px 0px 0px 0px; border-top: medium solid rgb(68,137,119); border-left: medium solid rgb(68,137,119); border-right: medium solid rgb(68,137,119); border-bottom: medium solid rgb(68,137,119); margin-left: 0px ;margin-bottom: 0px; margin-top: 0px;} ul.navigationbutton2 {list-style-type: none ; text-align: center; margin-top: 0px ; margin-bottom = 0px; } li.navigationbutton2 {list-style-type: none ; text-align: center; margin-top: 0px ; margin-bottom = 0 px} a.navigationbutton2:link {color: white ; font-weight: normal;} a.navigationbutton2:visited {color: white ; font-weight: normal;} a.navigationbutton2:hover {color: red ; font-weight: normal; text-decoration: none ;} .navigationbutton3 {color: white; background-color: rgb(68,137,119) ; font-size: 10pt; font-family: Verdana, Arial, Helvetica, Sans-Serif ; text-align: center ; text-decoration: none; padding: 0px 0px 0px 0px; border-top: medium solid rgb(68,137,119); border-left: medium solid rgb(68,137,119); border-right: medium solid rgb(68,137,119); border-bottom: medium solid rgb(68,137,119); margin-left: 0px ;margin-bottom: 0px; margin-top: 0px;} ul.navigationbutton3 {list-style-type: none ; text-align: center; margin-top: 0px ; margin-bottom = 0px; } li.navigationbutton3 {list-style-type: none ; text-align: center; margin-top: 0px ; margin-bottom = 0 px} a.navigationbutton3:link {color: white ; font-weight: normal;} a.navigationbutton3:visited {color: white ; font-weight: normal;} a.navigationbutton3:hover {color: red ; font-weight: normal; text-decoration: none ;} /* $$$$ tags for pop-ups */ /* code for pop-up on Results Page.[tooltip1] Winner photo width is 240 px use tooltip5 for wider photos*/ /* version 2 */ a.tooltip1 {color:#c00; font-size: 10pt; font-family: Verdana, Arial, Helvetica, Sans-Serif ; } a.tooltip1 b {display:none;} a.tooltip1:hover {border:0; position:relative; z-index:500; text-decoration:none;} a.tooltip1:hover b {display:block; position:absolute; top:-240px; left:-200px; padding:5px; font-weight:normal; text-align: center; color:#000; border:1px solid red; background:#f4f4f4; width:250px;} a.tooltip1:hover b em.outer {position:absolute; left:20px; top:-8px; width:0; height:0; display:block; background:transparent; border-left:7px dashed transparent; border-right:7px dashed transparent; border-bottom:7px solid #ff0; overflow:hidden; z-index:100;} a.tooltip1:hover b em.inner {position:absolute; left:20px; top:-7px; width:0; height:0; display:block; background:transparent; border-left:7px dashed transparent; border-right:7px dashed transparent; border-bottom:7px solid #8cc; overflow:hidden;; z-index:100;} .clear {clear:both;} /* code for pop-up on Who's Who Page. [tooltip2] Committee member photo width is 84px and height is 84px */ /* version 2 */ a.tooltip2 {color:#c00;} a.tooltip2 b {display:none;} a.tooltip2:hover {border:0; position:relative; z-index:500; text-decoration:none;} a.tooltip2:hover b {display:block; position:absolute; top:15px; left:-75px; padding:5px; font-weight:normal; text-align: center; color:#000; border:1px solid red; background:#f4f4f4; width:200px;} a.tooltip2:hover b em.outer {position:absolute; left:20px; top:-8px; width:0; height:0; display:block; background:transparent; border-left:7px dashed transparent; border-right:7px dashed transparent; border-bottom:7px solid #ff0; overflow:hidden; z-index:100;} a.tooltip2:hover b em.inner {position:absolute; left:20px; top:-7px; width:0; height:0; display:block; background:transparent; border-left:7px dashed transparent; border-right:7px dashed transparent; border-bottom:7px solid #8cc; overflow:hidden;; z-index:100;} .clear {clear:both;} /* code for pop-ups on Knockout Competition Pages. Pop-up for team names uses tooltip4 and pop-up for Winner photo uses tooltip3 Box is 400 px wide to accommodate winners names in one line. Winner photo width max is 390 px and height is unlimited */ /* version 2 */ a.tooltip4 {color:#c00;} a.tooltip4 b {display:none;} a.tooltip4:hover {border:0; position:relative; z-index:500; text-decoration:none;} a.tooltip4:hover b {display:block; position:absolute; top:20px; left:-25px; padding:5px; font-weight:normal; color:#000; border:1px solid red; background:#e6e6e6; width:200px;} a.tooltip4:hover b em.outer {position:absolute; left:20px; top:-8px; width:0; height:0; display:block; background:transparent; border-left:7px dashed transparent; border-right:7px dashed transparent; border-bottom:7px solid #ff0; overflow:hidden; z-index:100;} a.tooltip4:hover b em.inner {position:absolute; left:20px; top:-7px; width:0; height:0; display:block; background:transparent; border-left:7px dashed transparent; border-right:7px dashed transparent; border-bottom:7px solid #8cc; overflow:hidden;; z-index:100;} .clear {clear:both;} a.tooltip3 {color:#c00;} a.tooltip3 b {display:none;} a.tooltip3:hover {border:0; position:relative; z-index:500; text-decoration:none;} a.tooltip3:hover b {display:block; position:absolute; top:20px; left:-25px; padding:5px; font-weight:normal; color:#000; border:1px solid red; background:#e6e6e6; width:400px;} a.tooltip3:hover b em.outer {position:absolute; left:20px; top:-8px; width:0; height:0; display:block; background:transparent; border-left:7px dashed transparent; border-right:7px dashed transparent; border-bottom:7px solid #ff0; overflow:hidden; z-index:100;} a.tooltip3:hover b em.inner {position:absolute; left:20px; top:-7px; width:0; height:0; display:block; background:transparent; border-left:7px dashed transparent; border-right:7px dashed transparent; border-bottom:7px solid #8cc; overflow:hidden;; z-index:100;} .clear {clear:both;} /* code for wider pop-up on Results Page.[tooltip5] Winner photo width is 300 px to accommodate teams of four */ /* version 2 */ a.tooltip5 {color:#c00; font-size: 12pt; font-family: Verdana, Arial, Helvetica, Sans-Serif ; } a.tooltip5 b {display:none;} a.tooltip5:hover {border:0; position:relative; z-index:500; text-decoration:none;} a.tooltip5:hover b {display:block; position:absolute; top:-240px; left:-200px; padding:5px; font-weight:normal; text-align: center; color:#000; border:1px solid red; background:#f4f4f4; width:310px;} a.tooltip5:hover b em.outer {position:absolute; left:20px; top:-8px; width:0; height:0; display:block; background:transparent; border-left:7px dashed transparent; border-right:7px dashed transparent; border-bottom:7px solid #ff0; overflow:hidden; z-index:100;} a.tooltip5:hover b em.inner {position:absolute; left:20px; top:-7px; width:0; height:0; display:block; background:transparent; border-left:7px dashed transparent; border-right:7px dashed transparent; border-bottom:7px solid #8cc; overflow:hidden;; z-index:100;} .clear {clear:both;} /* next two tags are used in the Team Names boxes to give red background to title and bold print for the winners in a match */ .red2 {background-color: red; font-weight: bold;} .bold {font-weight: bold;}