/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
/* SCGB Website CSS */
/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
/* Main Colours
Orange = #CC6633 RGB: 204 102 51
Blue   = #333366 RGB: 51 51 102
*/
/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
/* DEFAULT STYLES */
/* DEFAULT BODY Style Margins:top/right/bottom/left/background */
body {
margin-top: 0px;
margin-right: 0px;
margin-bottom: 0px;
margin-left: 0px;
background: white;
}
/* Default PARAGRAPH Style */
p {
font-family: Tahoma, Verdana, Arial, sans-serif;
font-size: 12px;
color: #000000;
text-align: left;
}
/* Default TD Style */
td {
font-family: Tahoma, Verdana, Arial, sans-serif;
font-size: 12px;
color: #000000;
text-align: left;
}
/* Default TABLE Style */
table {
border-collapse: collapse;
}
/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
/* DEFAULT ANCHOR styles */
a:link {
/* color: #333399; */
color: #0000CD;
font-weight: normal;
}
a:visited {
color: #333399;
font-weight: normal;
}
a:hover {
color: #CC6633;
font-weight: normal;
}
a {
color: #333399;
font-weight: normal;
font-family: Tahoma, Verdana, Arial, sans-serif;
font-size: 12px;
text-decoration: none;
}
/* Navigation Anchor Styles */
a.navigation:link {
color: #333366;
font-weight: bold;
}
a.navigation:visited {
color: #333366;
font-weight: bold;
}
a.navigation:hover {
color: #CC6633;
font-weight: bold;
}
a.navigation {
color: #333366;
font-weight: bold;
font-family: Tahoma, Verdana, Arial, sans-serif;
font-size: 12px;
text-decoration: none;
}
/* FOOTER */
a.footer:link {
color: #333366;
}
a.footer:visited {
color: #333366;
}
a.footer:hover {
color: #CC6633;
}
a.footer {
color: #333366;
font-family: Tahoma, Verdana, Arial, sans-serif;
font-size: 10px;
text-decoration: none;
}
/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
/* BODY Styles */
/* Background Colour */
body.iframe {
margin-top: 0px;
margin-right: 0px;
margin-bottom: 0px;
margin-left: 0px;
background: transparent;
}
/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
/* PARAGRAPH Styles */
/* Title Font */
p.title {
font-family: Tahoma, Verdana, Arial, sans-serif;
font-size: 20px;
color: #333366;
margin-top: 0em;
margin-bottom: 0em;
text-align: center;
}
/* Footer Font */
p.footer {
font-family: Tahoma, Verdana, Arial, sans-serif;
font-size: 10px;
color: #333366;
}
/* No Event (getevent.pl) */
p.noevents {
font-family: Tahoma, Verdana, Arial, sans-serif;
font-size: 14px;
color: #000000;
text-align: center;
font-weight: bold;
}
p.ctr {
font-family: Tahoma, Verdana, Arial, sans-serif;
font-size: 12px;
color: #000000;
text-align: center;
}

/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
/* H1 Style */
h1 {
color: #CC6633;
font-family: Tahoma, Verdana, Arial, sans-serif;
font-size: 14pt;
text-decoration: none;
margin-top: 0em;
margin-bottom: 0em;
font-weight: normal;
}
/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
/* H2 style */
h2 {
color: #000000;
font-family: Tahoma, Verdana, Arial, sans-serif;
font-size: 12px;
text-decoration: none;
margin-top: 0em;
margin-bottom: 0em;
font-weight: bold;
}
/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
/* H3 style */
h3 {
color: #CC6633;
font-family: Tahoma, Verdana, Arial, sans-serif;
font-size: 13px;
margin-top: 0.5em;
margin-bottom: 0.5em;
text-decoration: none;
font-weight: bold;
}
/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
/* MISC */
/* Positions the top banner image and text */
#topbannerimage {
background-attachment: scroll;
background-image: url(topbanner.jpg);
background-repeat: no-repeat;
background-position: top center;
padding-top:15px;
padding-bottom:25px;
color: #333366;
font-family: Tahoma, Verdana, Arial, sans-serif;
font-size: 18pt;
text-decoration: none;
text-align: center;
} 
/* Positions the background SCGB Logo */
#scgb_logo {
background-attachment: scroll;
background-image: url(scgb_logo.gif);
background-repeat: no-repeat;
background-position: top center;
padding-top:0px;
padding-bottom:0px;
}
/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
/* TABLE Styles */
/* Main table (All pages) */
table.main {
border-collapse: collapse;
border: 0px solid #000000;
width: 770px;
}
/* Page Heading (All pages) */
table.heading {
border-collapse: collapse;
border: 0px solid #000000;
width: 100%;
}
/* Page Footer (All pages) */
table.footer {
border-collapse: collapse;
border: 0px solid #000000;
width: 100%;
}
/* Display Event (getevent.pl) */
table.event {
border-collapse: collapse;
border: 0px solid #000000;
width: 500px;
}
/* Contact Form (contact.pl, breedersonline.pl) */
table.contactform {
border-collapse: collapse;
border: 0px solid #000000;
width: 90%;
}
table.gallerymain {
border-collapse: collapse;
border: 0px solid #000000;
width: 700px;
}
table.petsconer {
border-collapse: collapse;
border: 0px solid #000000;
width: 100%;
text-align: center;
}
table.gallerypopup {
border-collapse: collapse;
border: 0px solid #000000;
width: 100%;
text-align: center;
}
table.popupclose {
border-collapse: collapse;
border: 0px solid #000000;
width: 100%;
text-align: right;
}
table.gallerymain {
border-collapse: collapse;
border: 0px solid #000000;
width: 700px;
text-align: center;
}
table.pdfdoc {
border: 1px solid #CC6633;
border-collapse: collapse;
width: 400px;
text-align: center;
}
/* Breed Results (showresults.pl)*/
table.classresults {
border-collapse: collapse;
border: 0px solid #888888;
width: 75%;
text-align: center;
}
table.selectevent {
border-collapse: collapse;
border: 0px solid #000000;
text-align: center;
width: 100%;
}
table.groomers {
border-collapse: collapse;
border: 1px solid #E8E8E8;
text-align: center;
width: 80%;
}
/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
/* TD Styles */
/* Warning Text used for for validation failures */
td.warning {
font-family: Tahoma, Verdana, Arial, sans-serif;
font-size: 12px;
color: #FF0000;
font-weight: bold;
}
/* Events Title (addevent.pl/delevent.pl) */
td.eventtitle {
background: #FFCC99;
width: 100%;
text-align: left;
}
/* Event Update (addevent.pl/delevent.pl) */
td.eventupdate {
width: 100%;
font-size: 10px;
color: #909090 ;
font-style: italic;
text-align: right;
}
/* Events Description (addevent.pl/delevent.pl) */
td.eventdesc {
width: 100%;
text-align: left;
}
/* Events Directions Link & Advise (addevent.pl/delevent.pl) */
td.eventdir {
width: 100%;
text-align: right;
}
/* Events Attendance Link (addevent.pl/delevent.pl) */
td.eventattend {
width: 100%;
text-align: right;
}
/* Download Schedule Link (addevent.pl/delevent.pl) */
td.downloadschedule {
width: 100%;
text-align: right;
}
td.headingline {
width: 100%;
height: 3px;
text-align: center;
}
td.pagetitle {
width: 100%;
text-align: left;
}
td.navigation {
width: 100%;
text-align: center;
}
td.footer {
font-family: Tahoma, Verdana, Arial, sans-serif;
font-size: 10px;
color: #333366;
width: 100%;
text-align: center;
border: 0px solid #000000;
}
/* Groomer List Image (getgroomer.pl) */
td.groomerimage {
width: 10%;
text-align: center;
border: 1px solid #E8E8E8;
}
/* Groomer List Name (getgroomer.pl) */
td.groomername {
width: 20%;
text-align: left;
border: 1px solid #E8E8E8;
}
/* Groomer List Address (getgroomer.pl) */
td.groomeraddr {
width: 50%;
text-align: left;
border: 1px solid #E8E8E8;
}
/* Groomer List Phone (getgroomer.pl) */
td.groomerphone {
width: 20%;
text-align: left;
border: 1px solid #E8E8E8;
}
/* Groomers List Background colours (getgroomer.pl) */
td.glist_odd {
background: #FFFFCC;
}
td.glist_even {
background: #FFCCCC;
}
td.links {
font-family: Tahoma, Verdana, Arial, sans-serif;
font-size: 12px;
color: #000000;
text-align: center;
}
td.petscornerpics {
font-family: Tahoma, Verdana, Arial, sans-serif;
font-size: 12px;
color: #000000;
text-align: center;
}
td.leftcontrol {
font-family: Tahoma, Verdana, Arial, sans-serif;
font-size: 12px;
color: #000000;
text-align: left;
border: 0px solid;
width:33%;
}
td.rightcontrol {
font-family: Tahoma, Verdana, Arial, sans-serif;
font-size: 12px;
color: #000000;
text-align: right;
border: 0px solid;
width:33%;
}
td.picturecount {
font-family: Tahoma, Verdana, Arial, sans-serif;
font-size: 12px;
color: #000000;
text-align: center;
border: 0px solid;
width:34%;
}
td.petscornermsg {
font-family: Tahoma, Verdana, Arial, sans-serif;
font-size: 12px;
color: #000000;
text-align: center;
width:100%;
}
td.popupclose {
width: 100%;
text-align: right;
}
td.imageswaptitle {
text-align: left;
}
td.imageswaplink {
text-align: right;
}
td.pdficon {
border: 1px solid #CC6633;
width: 100px;
text-align: center;
}
td.doccaption {
border: 1px solid #CC6633;
width: 300px;
text-align: left;
}
/* Generic TD Layouts */
td.tdc {
font-family: Tahoma, Verdana, Arial, sans-serif;
font-size: 12px;
color: #000000;
border: 0px solid #000000;
text-align: center;
}
td.tdl {
font-family: Tahoma, Verdana, Arial, sans-serif;
font-size: 12px;
color: #000000;
border: 0px solid #000000;
text-align: left;
}
td.tdr {
font-family: Tahoma, Verdana, Arial, sans-serif;
font-size: 12px;
color: #000000;
border: 0px solid #000000;
text-align: right;
}
/* Holds Event Thumbnails for Lytebox */
td.eventplaceholder {
border: 0px solid #000000;
width: auto;
text-align: center;
}
td.eventyear {
font-family: Tahoma, Verdana, Arial, sans-serif;
font-size: 13px;
color: #CC6633;
border: 0px solid #000000;
width: auto;
text-align: center;
font-weight: bold;
}
td.eventlist {
font-family: Tahoma, Verdana, Arial, sans-serif;
font-size: 12px;
color: #000000;
border: 0px solid #000000;
width: auto;
text-align: center;
}
/* Class Results (showresults.pl) */
/* Place */
td.classresults1 {
font-family: Tahoma, Verdana, Arial, sans-serif;
font-size: 12px;
color: #000000;
border: 1px solid #E8E8E8;
text-align: left;
width: 15%;
}
/* Dog */
td.classresults2 {
font-family: Tahoma, Verdana, Arial, sans-serif;
font-size: 12px;
color: #000000;
border: 1px solid #E8E8E8;
text-align: left;
width: 50%;
}
/* Owner */
td.classresults3 {
font-family: Tahoma, Verdana, Arial, sans-serif;
font-size: 12px;
color: #000000;
border: 1px solid #E8E8E8;
text-align: left;
width: 35%;
}
/* Judge */
td.judge {
font-family: Tahoma, Verdana, Arial, sans-serif;
font-size: 12px;
color: #808080;
border: 1px solid #E8E8E8;
text-align: left;
width: auto;
}
td.showresulttab_on {
font-family: Tahoma, Verdana, Arial, sans-serif;
font-size: 12px;
color: #000000;
text-align: center;
width: 25%;
border-top: 2px solid #808080;
border-left: 2px solid #808080;
border-right: 2px solid #808080;
border-bottom: 0px solid #808080;
}
td.showresulttab_off {
font-family: Tahoma, Verdana, Arial, sans-serif;
font-size: 12px;
color: #000000;
text-align: center;
width: 25%;
border-top: 0px solid #808080;
border-left: 0px solid #808080;
border-right: 0px solid #808080;
border-bottom: 2px solid #808080;
}
/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
/* DIV Styles */
div.important {
font-family: Tahoma, Verdana, Arial, sans-serif;
font-size: 12px;
color: #FF0000;
font-weight: bold;
}
div.mission {
font-family: Tahoma, Verdana, Arial, sans-serif;
font-size: 9px;
color: #333366;
font-weight: normal;
font-style: italic;
text-align: center;
}
/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
/* HR Styles */
/* Events HR (events.shtml) NOT USED */
hr.event {
color: #333366;
text-align: center;
width: 500px;
}
/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
/* SPAN Styles */
span.mandatory {
color: #FF0000;
}
span.judge {
color: #808080;
}
/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
/* TH STYLES */
/* Table Headers */
/* Class Results Header (showresults.pl) */
/* Place */
th.classresultshdr1 {
font-family: Tahoma, Verdana, Arial, sans-serif;
font-size: 12px;
border: 1px solid #E8E8E8;
color: #000000;
background: #FFFF99;
text-align: left;
width: 15%;
}
/* Dog */
th.classresultshdr2 {
font-family: Tahoma, Verdana, Arial, sans-serif;
font-size: 12px;
border: 1px solid #E8E8E8;
color: #000000;
background: #FFFF99;
text-align: left;
width: 50%;
}
/* Owner */
th.classresultshdr3 {
font-family: Tahoma, Verdana, Arial, sans-serif;
font-size: 12px;
border: 1px solid #E8E8E8;
color: #000000;
background: #FFFF99;
text-align: left;
width: 35%;
}
th.groomerdetails {
font-family: Tahoma, Verdana, Arial, sans-serif;
font-size: 12px;
border: 1px solid #E8E8E8;
color: #000000;
background: #FFFF99;
text-align: left;
font-weight: bold;
}
/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
/* CAPTION Styles */
/* Class Name (showresults.pl) */
caption.classname {
font-family: Tahoma, Verdana, Arial, sans-serif;
font-size: 12px;
color: #000000;
font-weight: bold;
text-align: center;
border-color: #888888;
}
/* Groomer Title (groomers.shtml) */
caption.groomerstitle {
font-family: Tahoma, Verdana, Arial, sans-serif;
font-size: 12px;
color: #000000;
text-align: center;
}
/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
/* Datepicker CSS */
body {
	font-family: Verdana, Tahoma, Arial, Helvetica, sans-serif;
	font-size: .8em;
	}

/* the div that holds the date picker calendar */
.dpDiv {
	}

/* the table (within the div) that holds the date picker calendar */
.dpTable {
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	font-size: 12px;
	text-align: center;
	color: #505050;
	background-color: #ece9d8;
	border: 1px solid #AAAAAA;
	}

/* a table row that holds date numbers (either blank or 1-31) */
.dpTR {
	}

/* the top table row that holds the month, year, and forward/backward buttons */
.dpTitleTR {
	}

/* the second table row, that holds the names of days of the week (Mo, Tu, We, etc.) */
.dpDayTR {
	}

/* the bottom table row, that has the "This Month" and "Close" buttons */
.dpTodayButtonTR {
	}

/* a table cell that holds a date number (either blank or 1-31) */
.dpTD {
	border: 1px solid #ece9d8;
	}

/* a table cell that holds a highlighted day (usually either today's date or the current date field value) */
.dpDayHighlightTD {
	background-color: #CCCCCC;
	border: 1px solid #AAAAAA;
	}

/* the date number table cell that the mouse pointer is currently over (you can use contrasting colors to make it apparent which cell is being hovered over) */
.dpTDHover {
	background-color: #aca998;
	border: 1px solid #888888;
	cursor: pointer;
	color: red;
	}

/* the table cell that holds the name of the month and the year */
.dpTitleTD {
	}

/* a table cell that holds one of the forward/backward buttons */
.dpButtonTD {
	}

/* the table cell that holds the "This Month" or "Close" button at the bottom */
.dpTodayButtonTD {
	}

/* a table cell that holds the names of days of the week (Mo, Tu, We, etc.) */
.dpDayTD {
	background-color: #CCCCCC;
	border: 1px solid #AAAAAA;
	color: white;
	}

/* additional style information for the text that indicates the month and year */
.dpTitleText {
	font-size: 12px;
	color: gray;
	font-weight: bold;
	}

/* additional style information for the cell that holds a highlighted day (usually either today's date or the current date field value) */
.dpDayHighlight {
	color: #4060ff;
	font-weight: bold;
	}

/* the forward/backward buttons at the top */
.dpButton {
	font-family: Verdana, Tahoma, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: gray;
	background: #d8e8ff;
	font-weight: bold;
	padding: 0px;
	}

/* the "This Month" and "Close" buttons at the bottom */
.dpTodayButton {
	font-family: Verdana, Tahoma, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: gray;
	background: #d8e8ff;
	font-weight: bold;
	}
/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
/* Anylink CSS */
/* From http://dynamicdrive.com/dynamicindex1/anylinkcss.htm */
.anylinkcss {
position:absolute;
visibility: hidden;
border:1px solid #CC6633;
border-bottom-width: 0;
font:normal 12px Verdana;
line-height: 18px;
z-index: 100;
background-color: #FFFFFF;
width: 150px;
}
.anylinkcss a {
width: 100%;
display: block;
text-indent: 3px;
border-bottom: 1px solid #CC6633;
padding: 1px 0;
text-decoration: none;
font-weight: bold;
text-indent: 5px;
color: #333366;
}
/* hover background color*/
.anylinkcss a:hover { 
background-color: #FFFFFF;
color: #CC6633;
font-weight: bold;
}