/* 
** Original Author: Paul Hollands
** Date Created: 12th November 2007
** Purpose: Local CSS
** 			Main purpose is to provide local styles for site
**			
**			
**
** Last Modified by: Paul Hollands
** Last Modified date: 12th November 2007
** Reason for Modification: 
**
** Version 1.00
**
*/
/*=============================================================================================*/


/* Local HTML Styling */
/*=============================================================================================*/

body				{	
						margin: 0 0 0 25px;
						width: 952px;
						color: #666666;
						background: #EBEBEB url(bg.gif) top left repeat-x;
					}
a:link 				{	color: #999999;}
a:visited 			{	color: #999999;}
a:hover 			{	
						text-decoration: none;
						color: #E3002A;
					}
a:active 			{	color: #E3002A; }

h1					{
						font-size: 1.6em;
						color: #666666;
					}
h2					{	
						color: #666666;
						font-size:1.4em; 
						font-weight: bold;
					}
h3					{	
						color: #666666;
						font-size:1.2em;  
					}
h4					{	
						color: #666666; 
					}
h5					{	
						color: #666666; 
						
					}
h6					{	
						color: #666666;
					}
select				{
						color: #000000;
						border-color: #7E9DB9;
						padding: 2px 0 2px 2px;
					}
textarea			{
						color: #666666;
						border-color: #7E9DB9;
						padding: 2px 0 2px 5px;
					}
.textfield			{
						color: #666666;
						border-color: #7E9DB9;
						padding: 2px 0 2px 5px;
					}
.button				{
						background: #FFFFFF url(main-button.gif) right no-repeat;
						margin: 0 0 0 10px;
						height: 16px;
						width: 16px;
					}
.submit_button		{
						background: transparent url(main-button.gif) right no-repeat;
						margin: 10px 10px 0 10px;
						padding: 0 16px 0 0;
						height: 16px;
						COLOR: #666666;
						border: none;
						font-size: 0.9em;
						font-weight: bold;
					}
ul					{
						margin: 10px 0 10px 20px;
						padding: 0;
					}
ul li				{	
						margin: 0;
						padding: 0;
						list-style-image: url(arrow-right.gif);
					}
ul li a				{
						font-size: 1em;
						color: #666666;
						text-decoration: none;
					}
ul li a:link		{
						color: #666666;
					}
ul li a:visited		{
						color: #666666;
					}
ul li a:hover		{
						color: #E3002A;
					}
ul li a:active		{
						color: #E3002A; 
					}
ol					{
						margin: 10px 0 10px 30px;
						padding: 0;
					}
ol li				{	
						margin: 0;
						padding: 0;
					}
td					{
						vertical-align: top;
						padding-right: 5px; 
						padding-bottom: 4px;
					}
label 				{
						text-transform:none;
						color: #666666;
						font-size: 1.1em;
						font-weight: normal;
					}
					
					
/* Local Content Styles */	
/*=============================================================================================*/
			

/* Introduction and Introduction Image */


.intro				{
						margin: 0 0 10px 0;
					}
.page-image			{
						float: right;
						margin: 0 0 10px 20px;
					}
					
					
/* Local Navigation Styles */


#local_navigation	{
						margin: 0 0 0 20px;
						padding: 0;
					}
#local_navigation a	{
						text-decoration: none;
						font-size: 1.1em;
						color: #666666;
					}
#local_navigation a:hover	{
						color: #E3002A;
					}
#local_navigation a:active	{
						color: #E3002A;
					}
#local_navigation .fourth_level a	{
						text-decoration: none;
						font-size: 1.0em;
						color: #999999;
					}
#local_navigation .fourth_level a:hover	{
						color: #E3002A;
					}
#local_navigation .fourth_level a:active {
						color: #E3002A; 
					}
#local_navigation .selected_page a	{
						color: #E3002A;
					}
#local_navigation ul	{
						margin: 0 0 0 1px;
						padding: 0 0 0 0px;
					}
#local_navigation li	{
						margin: 0 0 0 5px;
						padding: 0 0 0 4px;
					}
#local_navigation li	{
						line-height: 20px;
						list-style-image: url(arrow-down-right.gif);
					}
#local_navigation li div	{
						border-bottom: 1px solid #DBDBDB;
					}	
#local_navigation ul li	{
						list-style: outside url(arrow-right.gif);
						padding: 0 0 0 4px;
					}
#local_navigation ul ul li	{
						margin: 0 0 0 -1px;
						padding: 0 0 0 0;
						list-style: outside url(dot-red.gif);
					}	
.nav_selected		{
						list-style-image: url(arrow-up-left.gif) !important;
					}
					
					
		
/* Modules */
/*=============================================================================================*/					
					
					
.module				{
						margin: 0 0 10px 0;
					}
.home_module		{
						margin: 5px 0 10px 0;
						width: 340px;
						float: left;	
					}
.home_module_padding		{
						width: 35px;
						float: left;	
					}
.two_column_module	{
						margin: 0 0 10px 0;
						width: 292px;
						float: left;	
					}
.three_column_module	{
						margin: 0 0 10px 0;
						width: 191px;
						float: left;	
					}
.four_column_module	{
						margin: 0 0 10px 0;
						width: 141px;
						float: left;	
					}
.page_module_padding		{
						width: 10px;
						float: left;	
					}
.module_heading_one	{
						background: url(module-head-red.png) left no-repeat;
						height: 20px;
						color: #FFFFFF !important;
						padding: 5px 0 0 10px;
						font-weight: bold !important;
						font-size: 1.2em !important;
					}
.module_heading_two	{
						background: url(module-head-grey.png) left no-repeat;
						height: 20px;
						color: #FFFFFF !important;	
						padding: 5px 0 0 10px;	
						font-weight: bold !important;
						font-size: 1.2em !important;			
					}
.module_body_one	{
						background: #DDEAF5;
						margin: 0;
						padding: 10px;
						color: #666666;
						font-size: 1.1em;
					}
* html .module_body_one	{
						height: 1%;
					}
.module_body_two	{
						background: #EBEBEB;
						margin: 0;
						padding: 10px;
						color: #666666;
						font-size: 1.1em;
					}
* html .module_body_two	{
						height: 1%;
					}
.login_padding		{
						margin: 0 0 5px 0;
					}
					
					
/* Table Style Definitions  */
/*=============================================================================================*/

					
.table_colour_one	{
						background: #999999;
						color: #FFFFFF;
						font-size: 1.1em;
						font-weight: bold;
					}
.table_colour_two	{
						background: #DBDBDB;
						color: #666666;
						font-size: 1.1em;
					}
.table_colour_three	{
						background: #EBEBEB;
						color: #666666;
						font-size: 1.1em;
					}
					

					
/* Local Form Styles */	
/*=============================================================================================*/

.light-row-one		{
						background: #DDEAF5;
						margin: 1px 0;
						padding: 2px 10px 10px 10px;
					}	
.light-row-two		{
						background: #E7F1FA;
						margin: 1px 0;
						padding: 2px 10px 10px 10px;
					}	
.bold				{
						font-weight: bold;
					}
.two_fields			{
						width: 49%;
						float: left;
					}		
.three_fields		{
						width: 33%;
						float: left;
					}
.formfield_margin	{
						margin: 7px 0 0 0;
					}	
.asterix			{
						color: #FF0000;
						font-weight: bold;
						padding: 0 0 0 3px;
						font-size: 1.6em;
						line-height: 1.6em;
					}
.mandatory_field_padding	{
						padding: 12px 0 0 0;
					}
.textfield_padding	{
						margin: 5px 0;
					}
.hidden				{
						display: none;
					}
.reveal				{
						display: block;
					}
.error_text			{
						color: #E3002A;
						font-size: 1.1em;
						padding-top: 5px;
					}
.error_label		{
						color: #E3002A;
					}	
.error_textfield	{
						border-color: #E3002A;
					}	
.error_row			{
						padding-top: 3px;
					}
.inline				{
						display: inline;
					}
#search-header-404	{
						margin: 5px 0;
					}			
					
					
/* CSS Popup Styles */					
/*=============================================================================================*/					
#dark-box			{
						position: fixed;
						z-index: 9998;
						top: 0;
						left: 0;
						background-color:#000022;
						filter:alpha(opacity=75);
						opacity: 0.75;
						height: 100%;
						width: 100%;
					}
* html #dark-box	{
						position: absolute;
						height: expression(document.body.scrollHeight > document.body.offsetHeight ? document.body.scrollHeight : document.body.offsetHeight + 'px');
						padding: 0 0 0 50px; /* used to correct width issue in ie6 */
					}
#light-box			{
						position: fixed;
						z-index: 9998;
						top: 0;
						left: 0;
						background-color:#EFEFEF;
						filter:alpha(opacity=25);
						opacity: 0.25;
						height: 100%;
						width: 100%;
					}
* html #light-box	{
						position: absolute;
						height: expression(document.body.scrollHeight > document.body.offsetHeight ? document.body.scrollHeight : document.body.offsetHeight + 'px');
						padding: 0 0 0 50px; /* used to correct width issue in ie6 */
					}
#result-message		{
						position: fixed;
						z-index: 9998 !important;
						top: 35%;
						left: 30%;
						border: none;
						width: 400px;
					}
* html #result-message {
						position: absolute;
						margin-top: expression(0 - parseInt(this.offsetHeight / 2) + (TBWindowMargin = document.documentElement && document.documentElement.scrollTop || document.body.scrollTop) + 'px');
					} 

#loading-box		{
						position: fixed;
						z-index: 9998 !important;
						top: 0;
						left: 42%;
						border: none;
						width: 150px;
					}
* html #loading-box {
						position: absolute;
						margin-top: expression(0 - parseInt(this.offsetHeight / 2) + (TBWindowMargin = document.documentElement && document.documentElement.scrollTop || document.body.scrollTop) + 'px');
						padding-top: 15px;
					}
.sending-background	{
						background: #E3002A;
						padding: 3px 0;
						color: #FFFFFF;
						font-size: 1.1em;
					}