/* Title:  	Cotswold Drainage CSS Style Sheet 	*/
/* Script: 	Administration Area					*/
/* Author: 	Matthew Stephens 					*/
/* Date:	2008/2009							*/

/* CSS Formatting*/
/* ------------- */

/* ------------------------------------------------------------------------------------------------------------------- */

/* Defines the body tag and generic properties, width is 97% to prevent scrolling browser bars */
body 
{
	width: 97%;
	font-family: Verdana;
	font-size: medium;
}

/* Resets ALL code to be safe and allow new padding and margins to be applied */
html, body 
{
	margin: 0;
	padding: 0;
	background-color: #fff;
}

/* Defines a property to ensure Microsoft Internet Explorer displays the page correctly */
/* This gets rid of the double margins and invisible text in MS IE, source: http://plone.org/documentation/how-to/internet-explorer-invisible-text */
* html .visualIEFloatFix 
{ 
	height: 0.01%; 
}

/* ------------------------------------------------------------------------------------------------------------------- */

/* Defines all header properties within the administration area - some not used */
h1, h2, h3, h4, h5, h6 
{
	font-family: Verdana;
	margin-top: 0px;
	color: #000099;
}

/* ------------------------------------------------------------------------------------------------------------------- */

/* Defines all hyperlink elements */
a:link
{
	color: #0000FF;
}

/* Defines all visited hyperlink elements */
a:visited 
{
	color: #0000FF;
}

/* Defines all hyperlink when hovered over */
a:hover 
{
	text-decoration: none; 
	color: #000099;
	font-weight:bold;
}

/* Defines all active hyperlinks */
a:active 
{
	color: #000099;
}

/* ------------------------------------------------------------------------------------------------------------------- */
	
/* Defines the HEADER and its properties */
#header 
{
	margin-left: 10px;
	color: #000;
	border-bottom: 1px solid #333;
	padding-bottom: 3px;
}
	
/* ------------------------------------------------------------------------------------------------------------------- */

/* Defines the WRAPPER which contains the menu and content div tags */
/* The menu background is applied here, as mentioned in the report */
#wrapper 
{
	margin-left: 10px;
	background: #FFFFFF url(images/bg.png) repeat-y;
}

/* ------------------------------------------------------------------------------------------------------------------- */
	
/* Defines the MENU div and its properties */
#menu 
{
	float: left;
	display: inline;
	width: 150px;
	margin-left: 10px;
	margin-top: 0px;
	color: #000;
	padding: 3px;
	font-size: 100%;
}	

/* Defines all menu paragraph and list item properties */
#menu p, #menu li, 
{
	font-size: 100%;
}

/* ------------------------------------------------------------------------------------------------------------------- */
	
/* Defines the CONTENT div and its properties, again ensuring all browsers display the correct text */
#content 
{
	position: relative;
	font-family: Verdana;
	margin: 0px 0px 0px 176px;
	padding: 3px;
	font-size: 100%;
}

/* Defines images used within the main page content area */
#content img
{
	padding-top: 2px;
}

/* ------------------------------------------------------------------------------------------------------------------- */

/* Defines the IMAGEUPLOAD div and its properties, used in the image upload popup */
#imageupload
{
	width: 500px;
	padding: 10px;
	margin-left: 10px;
	margin-top: 10px;
	border: dashed 1px #999999;
	font-size: 100%;
}

/* ------------------------------------------------------------------------------------------------------------------- */

/* Defines the FOOTER div and its properties */
#footer 
{
	clear: both;
	width: 100%;
	margin-top: 10px;
	background-color: #FFFFFF;
	text-align: center;
	font-family: Verdana;
	font-size: 80%;
	padding: 3px;
	border-top: 1px solid #333;
	color: #000;
}

/* Defines the admin span of the footer */
#footer .admin 
{
	float: left;
	text-align: left;
}

/* Defines the version span of the footer */
#footer .version 
{
	float: right;
	text-align: right;
}

/* ------------------------------------------------------------------------------------------------------------------- */

/* Defines the MESSAGE div and its properties */
/* Used to display confirmation messages to the client */
#message 
{
	padding: 3px;
	background-color: #DDFFDD;
	border: solid 1px #006600;
	color: #00CC33;
	font-weight: bold;
	font-size: 80%;
	width: 492px;
	text-align: center;
}

/* Defines the ERROR div and its properties */
/* Used to display error messages to the client */
#error 
{
	padding: 3px;
	background-color: #FFD5D5;
	border: solid 1px #990000;
	color: #CC0000;
	font-weight: bold;
	font-size: 80%;
	width: 492px;
	text-align: center;
}

/* ------------------------------------------------------------------------------------------------------------------- */

/* Defines the MESSAGE LOGIN div and its properties */
/* Used to display confirmation messages to the client when logging in */
#message_login
{
	padding: 3px;
	background-color: #DDFFDD;
	border: solid 1px #006600;
	color: #00CC33;
	font-weight: bold;
	font-size: 90%;
	width: 410px;
	text-align: center;
}

/* Defines the ERROR LOGIN div and its properties */
/* Used to display error messages to the client when logging in */
#error_login
{
	padding: 3px;
	background-color: #FFD5D5;
	border: solid 1px #990000;
	color: #CC0000;
	font-weight: bold;
	font-size: 90%;
	width: 410px;
}

/* ------------------------------------------------------------------------------------------------------------------- */

/* Defines the outline form used within the website login form */
.outlineform 
{
	border: 1px dashed #dbdbdb; 
	border-color: #000000; 
	padding: 10px; 
	margin: 10px;
	width: 400px;
	margin-left: auto;
	margin-right: auto;
	text-align: center;
}

/* Defines the text used witin the login form */
p.logintext
{
	font-size: 80%;
	text-align: center;
}

/* Defines the text used on the login form to the bottom of the page (copyright info) */
.textsmall
{
	font-size: 80%;
}

/* ------------------------------------------------------------------------------------------------------------------- */

/* Defines the required field properties within the website forms */
.required 
{
	color: #FF0000;
}

/* Defines a read only form (the category which cannot be altered if a new category is entered) */	
readonlyform 
{ 
	background: #ccc; 
}

/* ------------------------------------------------------------------------------------------------------------------- */

/* Defines the table properties used throughout the admin website */
.table 
{
	border-style:solid;	
	border-color: #000066;
	border-collapse: collapse;
	font-size: 90%;
	padding-bottom: 0px;
}

/* Defines all hyperlink elements in the table style */
.table a
{
	padding: 0px;
	margin: 0px;
}

/* Defines all table headings */
.tableheading 
{
	font-weight: bold;
	color: #FFFFFF;
	background-color: #000066;	
}

/* ------------------------------------------------------------------------------------------------------------------- */

/* Defines all button styling to ensure no hyperlink borders */
.button
{
	border: 0;
}

/* ------------------------------------------------------------------------------------------------------------------- */

/* Defines the form text used to describe a form */
.formtext
{
	font-size: 80%;
	color: #333333;
}

/* Defines the form area used to style the text area boxes */
.formtextarea
{
	font-family: Verdana; 
	font-size: 90%;
	border-color: #0099FF;
	border-style: solid;
}

/* Defines the form used to style the text form boxes */
.formtextbox
{
	font-family: Verdana;
	border-color: #0099FF;
	border-style: solid;
}

/* Defines the form label used to style the form fields */
.formlabel
{
	font-size: 90%;
	font-weight: bold;
	color: #000099;
}

/* Styles fields which are required */
.formrequired
{
	font-size: 90%;
	font-style: italic;
}

/* ------------------------------------------------------------------------------------------------------------------- */

/* Defines the horizontal line used in the form pages */
.hrformtop
{
	color: #000099;
}

/* Defines the horizontal line used throughout the website */
.hrform
{
	color: #0099FF;
}

/* End of stylesheet */
/* Author: Matthew Stephens */
/* ------------------------------------------------------------------------------------------------------------------- */