@charset "utf-8";
/* ########################################################################### *
/* ***** DOCUMENT INFO  ****************************************************** *
/* ########################################################################### *
 * ##### NAME:  colour_countryroad.css
 * ##### VERSION: v1.0 Country Road
 * ##### UPDATED: 03/09/2008 (Damian Keeghan, Eclipse Group)
/* ########################################################################### *

/* ########################################################################### *
/* ***** INDEX *************************************************************** *
/* ########################################################################### *
/* ##### CONTAINER
/* ##### OVERLAY GRID
/* ##### CLOSE BUTTON DISPLAY
/* ##### CONTENT
/* ##### LINKS
/* ##### BUTTONS
/* ##### NAVIGATION
/* ##### SUCCESS/ERROR
/* ##### SCROLLBARS
/* ##### FORMS
/* ########################################################################### */

/* ########################################################################### *
/* ##### CONTAINER
/* ########################################################################### */

body,
.bodyContent .flashContent{
	background-color: #000000;	
}

/* ########################################################################### *
/* ##### OVERLAY GRID
/* ########################################################################### */

.grey
{
	background: #B0B1B3;
	color: #000000;
}

	.grey .scrollpane{
		background: #B0B1B3;
	}

.black
{
	background: #000000;
	color: #FFFFFF;
}

	.black .scrollpane{
		background: #000000;
	}

.white
{
	background: #FFFFFF;
	color: #000000;
}

	.white .scrollpane{
		background: #FFFFFF;
	}

/* ########################################################################### *
/* ##### CLOSE BUTTON DISPLAY
/* ########################################################################### */

.black .close_white,
.grey .close_white{
	display: none;
}

.white .close_black{
	display: none;
}

/* ########################################################################### *
/* ##### CONTENT
/* ########################################################################### */

.black h1,.black h2,.black h3,.black h4,.black h5,.black h6{
	color: #FFFFFF;
}
	
.white h1,.white h2,.white h3,.white h4,.white h5,.white h6{
	color: #000000;
}

.grey h1,.grey h2,.grey h3,.grey h4,.grey h5,.grey h6{
	color: #000000;
}

.black .table-generic th,
.black .table-generic td {
	color: #FFFFFF;
}

.grey ul li,
.white ul li {
	list-style: url(images/bullet_black.gif);
}

.black ul li {
	list-style:  url(images/bullet_white.gif);
}

/* ########################################################################### *
/* ##### LINKS
/* ########################################################################### */

.black a,
.black a:visited {
	color: #999 !important;
	text-decoration: none;
}
	
.black a:hover,
.black a:focus,
.black a:active {
	color: #999 !important;
	text-decoration: underline;
}
	
	.black a.btn,
	.black a.btn:visited {
		color: #000 !important;
		background-color: #FFF !important;
	}	
	
	.black a.btn:hover,
	.black a.btn:focus,
	.black a.btn:active{
		color: #FFF !important;
		background-color: #3F3F3F !important;
		text-decoration: none;
	}
	
.white a,
.white a:visited {
	color: #666 !important;
	text-decoration: none;
}
	
.white a:hover,
.white a:focus,
.white a:active {
	color: #666 !important;
	text-decoration: underline;
}
	
	.white a.btn:link,
	.white a.btn:visited {
		color: #FFF !important;
		background-color: #000 !important;
		
	}
	
	.white a.btn:hover,
	.white a.btn:focus,
	.white a.btn:active{
		color: #FFF !important;
		background-color: #3F3F3F !important;
		text-decoration: none;
	}
	
	.white .module .moduleContent a{
		color: #000000 !important;
	}
	
.grey a,
.grey a:visited {
	color: #525767 !important;
	text-decoration: none;
}
	
.grey a:hover,
.grey a:focus,
.grey a:active {
	color: #525767 !important;
	text-decoration: underline;
}

	.grey a.btn,
	.grey a.btn:visited {
		color: #FFF !important;
		background-color: #000 !important;
	}	
	
	.grey a.btn:hover,
	.grey a.btn:focus,
	.grey a.btn:active{
		color: #FFF !important;
		background-color: #3F3F3F !important;
		text-decoration: none;
	}


/* ########################################################################### *
/* ##### NAVIGATION
/* ########################################################################### */

.black ul#subNav li a{
	color: #FFF !important;
}

.white ul#subNav li a{
	color: #000 !important;
}

/* ########################################################################### *
/* ##### FORM ELEMENTS
/* ########################################################################### */

.black .moduleContent {
	background-color: #000;
}

.white .moduleContent {
	background-color: #FFF;
}

.black input.btn,
.black button {
	color: #000;
	background-color:#FFF; 
	border: 0;
}

.white input.btn,
.white button,
.grey input.btn,
.grey button {
	color: #FFF;
	background-color: #000;
	border: 0;
}

.black button:hover,
.black button:focus,
.black button:active,
.white button:hover,
.white button:focus,
.white button:active,
.grey button:hover,
.grey button:focus,
.grey button:active{
	color: #FFF;
	background-color: #3F3F3F;
}

.black input,
.black select,
.black textarea {
	background-color: #FFF;
}

.white input,
.white select,
.white textarea {
	border: 1px solid #000;
}

.black .success,
.black .errors,
.black .error {
	color: #FFF;
}

.black .success,
.black .errors{
	background-color: #000;
}

.white .success,
.white .errors,
.white .error {
	color: #000;
}

.white .success,
.white .errors{
	background-color: #FFF;
}

.black p.helpText{
	background-color: #000 !important;
	color: #FFF !important;
}

.black input.checkbox {
	background-color: #000;
}

.white p.helpText{
	background-color: #FFF !important;
	color: #000 !important;
}

.white input.checkbox {
	border: 0;
	background-color: #FFF;
}


/* ########################################################################### *
/* ##### SCROLLBARS
/* ########################################################################### */

/* colours */
.black .jScrollPaneTrack {
	background: #000 url('images/scrolltrack_black.gif') repeat-y;	
}

.black .jScrollPaneDrag {
	background: #000 url('images/scrollbar_black.gif') repeat-y;
}

.grey .jScrollPaneTrack {
	background: #B0B1B3 url('images/scrolltrack_white.gif') repeat-y;	
}

.grey .jScrollPaneDrag {
	background: #B0B1B3 url('images/scrollbar_white.gif') repeat-y;
}

.white .jScrollPaneTrack {
	background: #FFF url('images/scrolltrack_white.gif') repeat-y;	
}

.white .jScrollPaneDrag {
	background: #FFF url('images/scrollbar_white.gif') repeat-y;
}