/* Dark Colour */
#Header,#Footer,#Content div.messageBox h2{background-color:#333333;color:#FFFFFF;}
#Content h1,#Content h2,#Content h3,#Content h4,#Content h5,#Content h6,legend{color:#333333;}
/* Medium Colour */
#SideNav,#TopNav,#TopNav li a,div.quotaChart img.on{background-color:#666666;color:#FFFFFF;}
#Header,#Main,#Footer,#TopNav,input,select,textarea,th{border-color:#666666;}
th{border-bottom-color:#333333;}
/* Medium-Light color */
#SideNav li a,th,th a,div.quotaChart img.off{background-color:#CCCCCC;color:#000000;}
td{border-bottom-color:#CCCCCC;border-right-color:#CCCCCC;}
fieldset{border-color:#CCCCCC;}
/* Light Colour */
#SideNav li a:hover,#TopNav li a:hover,th a:hover,table.adminListing tr:hover,#Content div.messageBox{background-color:#E9E9E9;color:#000000;}
td{border-top-color:#E9E9E9;border-left-color:#E9E9E9;}

.htmlarea, 
.htmlarea .toolbar, 
.htmlarea .toolbar .button, 
.htmlarea .statusBar{
	background-color:#CCCCCC;
	color:#000000;
}
.htmlarea, 
.htmlarea .toolbar, 
.htmlarea .toolbarRow,
.htmlarea .toolbar .button,
.htmlarea tr:hover,
.htmlarea .statusBar,
.htmlarea .toolbar .buttonPressed{
	border-color:#CCCCCC;
}
.htmlarea .toolbar .buttonPressed{
	border-style:inset;
}
.htmlarea a.button:hover,
.htmlarea .toolbar .buttonPressed{
	background-color:#E9E9E9;
}