@charset "windows-1252";

/*
<!-- control_panel.css 		-->
<!-- Version: 1.0 	  		-->
<!-- Created on: 17/05/2007 -->
<!-- Created by: Ben Drury  -->

<!-- Released: 17/10/2007	-->

<!-------------------------------------------------------------------------------------->
<!-- 						Post Release Amendment History                            -->
<!-------------------------------------------------------------------------------------->
<!--  Amend Date --   Amend Author   --  Amendment Details      					  -->
<!-------------------------------------------------------------------------------------->
<!--             --    				 --												  -->
<!--             --    				 --												  -->
<!--             --    				 --												  -->
<!--             --    				 --												  -->
<!-------------------------------------------------------------------------------------->
*/

/****************************************************************************************
'**  Copyright Notice
'**
'**  Ben Drury - Table Matrix Systems
'**
'**  Copyright 2007. Ben Drury. All Rights Reserved.
'**
'**  This program is software that you purchase and can modify (at your own risk) 
'**  any part of it under the terms of the license that accompanies this software.
'**
'**  All copyright notices must remain in tacked in the scripts and the
'**  outputted HTML.
'**
'**  You may use parts of this program in your own private work, but you may NOT
'**  redistribute, repackage, or sell the whole or any part of this program even
'**  if it is modified or reverse engineered in whole or in part without express
'**  permission from the author.
'**
'**  You may not pass the whole or any part of this application off as your own work.
'**
'**  All links to Table Matix Systems and powered by logo's must remain unchanged and in place
'**  and must remain visible when the pages are viewed unless permission is first granted
'**  by the copyright holder.
'**
'**  This program is distributed in the hope that it will be useful,
'**  but WITHOUT ANY WARRANTY; without even the implied warranty of
'**  MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE OR ANY OTHER
'**  WARRANTIES WHETHER EXPRESSED OR IMPLIED.
'**
'**  You should have received a copy of the License along with this program;
'**  if not tablematrix@dreambigdreams.co.uk
'**
'**  No official support is available for this program but you may post support questions at: -
'**  http://www.phoenixcreative.co.uk/forum
'**
'**  For correspondence or non support questions contact: -
'**  info@phoenixcreative.co.uk
'**
'****************************************************************************************/

/**************  General Doc Styles ***************/

html, body, ul, ol, li, p, blockquote, q,
h1, h2, h3, h4, h5, h6, fieldset, legend,
form, label, a, div, img, dd, dt, dl, input, span, img
{
	margin				: 0px;
	padding				: 0px;
	border				: 0px;
}

body {
	font-family:verdana, sans-serif;
	font-size:10px;
	color: #555555;	
	text-align:center;
	margin:auto;
	margin-top: 10px;
	margin-bottom: 10px;
	background-image: url(../graphics/backgrounds/bg_strip_grey_white.jpg); 
	background-repeat: repeat-x;
}		  						  

ol, ul, li {
}  

a, a:link, a:active, a:visited {
}

a:hover {
}							   

img.link_icon 
{
	vertical-align: -23%;  
	margin-right: 10px;
}

img.link_title 
{
	float: left;
	margin-right: 10px;
}						   

td 
{
	font-family:verdana, sans-serif;
	font-size:10px;
	color: #555555;	

}
 
.table_label {			
	font-weight: bold;
	vertical-align: top;
}

.table_button {
	text-align: center;
}

.button {
	width: 100px;
	height: 23px;		
	font-weight: bold;
	text-align:center;
	color: #ffffff;
	background: url(../graphics/backgrounds/button_bg.jpg);
	text-transform: uppercase;
	border: 0px;
}

.error 
{
	color: #cc000e;
	font-weight: bold;
	text-transform: uppercase;
}

.lowercase
{
	text-transform: lowercase;
}

.centered 
{
	margin: auto;
	text-align: center;
}

.bold {
	font-weight: bold;
}

.italic {
	font-style: italic;
}

/****************************************************/
/**************  General Input Styles ***************/

input {
  font-family: verdana, sans-serif;   
  font-size: 10px;
  text-align: left;
  padding: 0px;
  margin: 0px; 
  margin-bottom: 8px;
  background: #ffffff;
  border: 1px #cc000e solid;
  width: 200px; 
}

textarea {
  height: 70px;
  font-family: verdana, sans-serif;   
  font-size: 10px;
  text-align: left;
  padding: 0px;
  margin: 0px; 
  margin-bottom: 8px;
  background: #ffffff;
  border: 1px #cc000e solid;
  width: 200px; 
}

textarea.full {
  height: 250px;
  font-family: verdana, sans-serif;   
  font-size: 10px;
  text-align: left;
  padding: 0px;
  margin: 0px; 
  margin-bottom: 8px;
  background: #ffffff;
  border: 1px #cc000e solid;
  width: 200px; 
}

select {
  font-family: verdana, sans-serif;   
  font-size: 10px;
  text-align: left;
  padding: 0px;
  margin: 0px; 
  margin-bottom: 8px;
  background: #ffffff;
  border: 1px #cc000e solid;
  width: 200px; 
}

input.checkbox {   
	width: 23px;
   	background-color: #ffffff;
}

input.radio {   
	width: 23px;
	color: gray;
   	background-color: #ffffff;
	border: 0px;	  
	vertical-align: middle;
}

input.digit {
	width: 25px;
}

/********************************************/
/**************  Page Layout  ***************/
#container 
{		   
	width: 780px;			  
	overflow: auto;
	margin: auto; 
	text-align: center;	
	background: #ffffff;
}


	#body_header
	{
	 	width: 780px;
		height: 60px;
		padding: 0px;
	 	margin: 0px;		 
		background-image: url(../graphics/backgrounds/top_bg_extra.jpg);
		text-align:left;
		overflow: auto;
	}
	
	#body_logo
	{
	 	width: 455px;	 
		height: 50px;
		text-align: left;
		padding-left: 25px;		
		padding-bottom: 25px;
		float: left;
	}
	
	#body_poweredby
	{
	 	width: 265px;	 
		text-align: left;
		height: 50px;
		padding-right: 25px;		
		padding-bottom: 25px;
		float: right;
		text-align: right;	
	}

	#body_imagery
	{
	 	width: 780px;
		height: 190px;
		padding: 0px;
	 	margin: 0px;
		background: #ffffff url(../graphics/imagery/imagery_default.jpg);
		float: right;
	}
	
	#body_imagery_main
	{
	 	width: 780px;
		height: 61px;
		padding: 0px;
	 	margin: 0px;
		background: #ffffff url(../graphics/imagery/imagery_main.jpg);
		float: right;
	}
	
	#body_imagery_site_setup
	{
	 	width: 780px;
		height: 61px;
		padding: 0px;
	 	margin: 0px;
		background: #ffffff url(../graphics/imagery/imagery_site_setup.jpg);
		float: right;	  
	}
	
	#body_imagery_page_admin
	{
	 	width: 780px;
		height: 61px;
		padding: 0px;
	 	margin: 0px;
		background: #ffffff url(../graphics/imagery/imagery_pages.jpg);
		float: right;	  
	}
	
	#body_imagery_news_admin
	{
	 	width: 780px;
		height: 61px;
		padding: 0px;
	 	margin: 0px;
		background: #ffffff url(../graphics/imagery/imagery_news.jpg);
		float: right;	  
	}
	
	#body_imagery_events_admin
	{
	 	width: 780px;
		height: 61px;
		padding: 0px;
	 	margin: 0px;
		background: #ffffff url(../graphics/imagery/imagery_events.jpg);
		float: right;	  
	}
	
	#body_imagery_services_admin
	{
	 	width: 780px;
		height: 61px;
		padding: 0px;
	 	margin: 0px;
		background: #ffffff url(../graphics/imagery/imagery_services.jpg);
		float: right;	  
	}
	
	#body_imagery_podcasts_admin
	{
	 	width: 780px;
		height: 61px;
		padding: 0px;
	 	margin: 0px;
		background: #ffffff url(../graphics/imagery/imagery_podcasts.jpg);
		float: right;	  
	}
	
	#body_imagery_people_admin
	{
	 	width: 780px;
		height: 61px;
		padding: 0px;
	 	margin: 0px;
		background: #ffffff url(../graphics/imagery/imagery_people.jpg);
		float: right;	  
	}

	#body_imagery_blog_admin
	{
	 	width: 780px;
		height: 61px;
		padding: 0px;
	 	margin: 0px;
		background: #ffffff url(../graphics/imagery/imagery_blog.jpg);
		float: right;	  
	}

	#body_imagery_documents_admin
	{
	 	width: 780px;
		height: 61px;
		padding: 0px;
	 	margin: 0px;
		background: #ffffff url(../graphics/imagery/imagery_docs.jpg);
		float: right;	  
	}

	#body_imagery_products_admin
	{
	 	width: 780px;
		height: 61px;
		padding: 0px;
	 	margin: 0px;
		background: #ffffff url(../graphics/imagery/imagery_products.jpg);
		float: right;	  
	}

	#body_imagery_resources_admin
	{
	 	width: 780px;
		height: 61px;
		padding: 0px;
	 	margin: 0px;
		background: #ffffff url(../graphics/imagery/imagery_resources.jpg);
		float: right;	  
	}

	#body_imagery_users_admin
	{
	 	width: 780px;
		height: 61px;
		padding: 0px;
	 	margin: 0px;
		background: #ffffff url(../graphics/imagery/imagery_users.jpg);
		float: right;	  
	}

	#body_links
	{
		width: 220px;
		float: right;
		text-align: center;		 
		overflow: auto;				   
	}
				   					
	#body_page_column_a 
	{	
		width: 340px;
		padding: 10px;
		padding-top: 3px;
		float: right;
		text-align: left;				
	}					   					
					 
	#body_page_session_data 
	{						
		width: 165px;
		padding: 15px;		  
		margin: 0px;
		text-align: left;
		float: left;
	}				 		
	
	#body_footer
	{
		width: 765px;
		padding-top: 10px;
		border-top: 1px dotted #dedede;
		overflow: hidden;
		float: left;
	}
	
/*************************************************/	
/************ format header styles ***************/	

#body_header a, #body_header a:link, #body_header a:active, #body_header a:visited
{				 	
	font-family: sans serif, Arial, verdana;
	font-size: 11px;				 
	color: #ffffff;
	text-decoration: none;
	font-weight: bold;	 
}

#body_header a:hover
{				 	  
	color: #bbb6b6;
}				 

#body_header .logout_link {
	position: relative;
	top: 17px;
	left: 22px;
}

/***********************************************/	
/************ format logo styles ***************/	

#body_logo h1
{
	color: #cc000e;
	font-family: Arial, Verdana;
	font-size: 20px;
	font-weight: bold;
} 

/***********************************************/	
/************ format link styles ***************/	

#body_links ul
{				
	width: 200px;		 
	list-style: none;	 
	padding: 10px;		  
	text-align: left;
}

	#body_links li
	{				 
		width: 190px;	   
		list-style: none;
		padding: 5px;
		margin-bottom: 3px;	
	}
	
	#body_links li:hover
	{				 	
	}
								   
		#body_links li a, #body_links li a:link, #body_links li a:active, #body_links li a:visited
		{				 	
			font-family: sans serif, Arial, verdana;
			font-size: 15px;	
			line-height: 15px;			 
			color: #000000;
			text-decoration: none;
			font-weight: normal;	 
			padding: 5px;
		}
		
		#body_links li a:hover
		{				 	  
			color: #cc000e;
			border-bottom: 3px solid #cc000e;
		}

/***************************************************/	
/************ format column A styles ***************/	

#body_page_column_a h1 {
	text-align:left;	 
	padding-bottom: 5px;
	color: #000000;
	font-size: 17px;	  
}

#body_page_column_a h2 {
	text-align:left;
	color: #000000;
	font-size: 14px;
	line-height: 16px;	 
}

#body_page_column_a h3 {
	text-align:left;
	color: #777777;
	font-size: 12px;
	line-height: 16px;	 
}

#body_page_column_a a:link, #body_page_column_a a:active, #body_page_column_a a:visited, #body_page_column_a a:link {
}

#body_page_column_a a:hover {
}

#body_page_column_a p {
	padding-top: 8px;
	padding-bottom: 8px;
}
									
		#body_page_column_a p.section_top 
		{								  
			margin-top: 20px;
			border-top: 1px dotted #555555
		}
		
		#body_page_column_a p.section_top_level_2 
		{								  
			margin-top: 10px;
			border-top: 1px dotted #dedede
		}
	
	
	#body_page_column_a p.admin_links 
	{
		text-align: right;
	}
	
	#body_page_column_a p.admin_links a:link, #body_page_column_a p.admin_links a:active, #body_page_column_a p.admin_links a:visited, #body_page_column_a p.admin_links a:link 
	{
		font-family: sans serif, Arial, verdana;
		font-size: 15px;				 
		color: #000000;
		text-decoration: none;
		font-weight: normal;	 
		padding: 8px;
	}
	
	#body_page_column_a p.admin_links a:hover 
	{
		color: #cc000e;
		border-bottom: 3px solid #cc000e;
	}

.expanding_div 
{
	width: 325px;
	display: none;
}

.expand_contract_links
{
	width: 30px;	  
	position: relative;
	top: -15px;
	float: right;	  
}							 

img.smaller_expand
{
	width: 18px;	  
}							 

#body_page_column_a .content_image 
{			   		 
	max-width: 100px;
	width:expression(this.offsetWidth>99?100:'');
	float: left;	
	overflow: hidden;
	margin-right: 10px;
	margin-bottom: 10px;
	border: 1px #dedede solid;
}

#body_page_column_a .content_image_right 
{
	float: right;
	max-width: 150px;
	width:expression(this.offsetWidth>149?150:'');
	overflow: hidden;
	margin-top: 10px;
	margin-left: 10px;
	margin-bottom: 10px;
	border: 1px #dedede solid;
}

#body_page_column_a .content_image_left
{
	float: left;
	max-width: 150px;
	width:expression(this.offsetWidth>149?150:'');
	overflow: hidden;
	margin-top: 10px;
	margin-right: 10px;
	margin-bottom: 10px;
	border: 1px #dedede solid;
}

#body_page_column_a #link_input {
	width: 200px;
	padding: 20px;
	position: absolute;
	top: 400px;
	left: 300px;
	background: #ffffff;
	border: 2px #cc000e solid;
	display: none;
}

/*******************************************************/
/************ format session data styles ***************/	

#body_page_session_data h2 {
	text-align:left;
	color: #000000;
	font-size: 14px;
	padding: 0px;
}

#body_page_session_data h3 {
	color: #cc000e;
	font-size: 10px;
	line-height: 20px;
}

#body_page_session_data p {
	padding-bottom: 8px;
}
									
/*********************************************/
/************  format footer styles **********/

#copyright {
	width: 500px;
	padding: 0px;
	padding-left: 12px;
	margin: 0px;
	float: left;
	text-align: left;
}

#copyright a, a:link, a:active, a:visited {
	font-family: Verdana, sans-serif;
	font-size: 10px;
	color: #cc000e;
	padding: 0px;
	margin: 0px;
	text-transform: none;
	text-decoration: none;
	font-weight: normal;
}

#copyright a:hover {
	padding: 0px;
	margin: 0px;
	color: #cc000e;
	text-decoration: underline;
}