/* 
    Document   : themed
    Created on : 14-Dec-2008, 18:25:29
    Author     : Chris
    Description: This stylesheet is intended to contain
				only those parameters that very from one theme to another.
*/
/*	Colour usage:
	Black:	#000000
	White:	#ffffff
	blue:			rowBtn

	Darkest shade of dark (green) colour	#298f0c
	Paler shade of dark (green) colour		#90c080

	Darkest shade of light (grey) colour	#414547
	Paler shade of light (grey) colour		#a8aaa7
	Palest shade of light (grey) colour 	#cccccc

	help header pale shade of green			#90c080
	help body pale shade of grey			#a8aaa7
*/

/*
	Colour combinations:
	whOnDarkest (white on darkest shade of the dark colour - color: #ffffff; background-color: #298f0c;)
	ltOnDkLight (lightest shade of light on lightest of dark - color: #cccccc; background-color: #90c080;)
	ltOnDkContr (lightest shade of light on darkest of dark - color: #cccccc; background-color: #298f0c;)
	ltOnDkDark (darkest shade of light on darkest of dark - color: #414547; background-color: #298f0c;)
	dkOnLtLight (lightest of dark on lightest shade of light - color: #90c080; background-color: #cccccc;)
	dkOnLtContr (darkest of dark on lightest shade of light - color: #298f0c; background-color: #cccccc;)
	dkOnLtDark (darkest of dark on darkest shade of light - color: #298f0c; background-color: #414547;)
	bkOnLightest (black on lightest shade of the light colour - color: #000000; background-color: #cccccc;)
*/
.whOnDarkest {
	color: #ffffff;
	background-color: #8f213d;
}
.ltOnDkLight {
	color: #bbdeff;
	background-color: #bb7082;
}
.ltOnDkContr {
	color: #bbdeff;
	background-color: #8f213d;
}
.ltOnDkDark {
	color: #2f7bcb;
	background-color: #8f213d;
}
.dkOnLtLight {
	color: #298f0c;
	background-color: #cccccc;
}
.dkOnLtContr {
	color: #298f0c;
	background-color: #cccccc;
}
.dkOnLtDark {
	color: #298f0c;
	background-color: #414547;
}
.bkOnLightest {
	color: #000000;
	background-color: #bbdeff;
}

.headRow {
	color: #ffffff;
	background-color: #298f0c;
}
.menuItem	/* For Menu Items which only appear when their header is rolled over */ {
	color: #298f0c;
	background: #99ceff;
}
#head {
	background-color: #90c080;
	background-image: url('./gradient_green.gif');
    background-repeat: repeat-x;
}
#body {
	background-color: #a8aaa7;
	background-image: url('./gradient_grey.gif');
    background-repeat: repeat-x;
}
#foot {
	background-color: #90c080;
	background-image: url('./gradient_green.gif');
    background-repeat: repeat-x;
}
.dropbtn {
    background-color: #298f0c;
    color: #cccccc;
}
.dropdown-content {
    background-color: #298f0c;
}
.dropdown:hover .dropbtn {
	background-color: #90c080;
}
.dropdown-content a:hover {
	background-color: #cccccc;
}

.helphead {
	background-color: #90c080;
	background-image: url('./gradient_green.gif');
    background-repeat: repeat-x;
}
.helpbody {
	background-color: #a8aaa7;
	background-image: url('./gradient_grey.gif');
    background-repeat: repeat-x;
}
.rowBtn {
    color: blue;
}
.guides {
	border-collapse: collapse;
}
.guides td {
	border-bottom-color: #cccccc;
	border-bottom-style: solid;
	border-bottom-width: 1px;
}
.menulink {
	color: #90c080;
}
.menulink:hover {
	color: #ffffff;
}
.sortedhead {
	background-color: #90c080;
}
.sorthead {
	background-color: #298f0c;
}
.whatsonpane {
	color: #000000;
	background-color: #cccccc;
	border-style: solid;
	border-width: 3px;
	border-color: #414547;
}
.whatsonpane h4 {
	background-color: #a8aaa7;
	font-weight: bold;
	font-size: 1.5em;
}