/*------------------------------------------------------------
SHILLING - Default Style Sheet
 
version:			1.0
compatibility:		IEv7, IEv6, FIREFOXv2
 
author:				Tony Taylor
email:				tony@shilling.co.uk
copyright:			2008 Shilling Communication
 
TO DO LIST
 
------------------------------------------------------------*/

/*#############################################################
#
#	IMPORTS
#
#############################################################*/


/*#############################################################
#
#	GLOBAL - Elements
#
#############################################################*/

body {
	color: #000000;
	font-family: Arial, Verdana, Helvetica, sans-serif;
	font-size: 12px;
	margin: 0pt;
}
	
	h1 {
		color: #00AEDB;
		font-size: 20px;
		font-weight: bold;
		left: 70px;
		line-height: 26px;
		position: absolute;
		top: 25px;
	}

	h2 {
		color: #00AEDB;
		font-size: 18px;
		font-style: italic;
		font-weight: bold;
		line-height: 24px;
		margin: 0 0 10px 0;
	}
		
	h3 {
		color: #666666;
		font-size: 14px;
		font-weight: bold;
		line-height: 20px;
		margin: 0 0 10px 0;
	}
		
	h4 {
		font-size: 14px;
		font-style: italic;
		line-height: 18px;
	}
	
		
	p {
		font-size: 12px;
		line-height: 16px;
		margin: 0 0 10px 0;
	}
		
	ul {
		margin: 0 0 10px 0;
		padding: 0 0 0 20px;
	}
	
		ul li { 
			font-size: 12px;
			line-height: 16px;
			list-style: disc;
		}
		
	ol {
		margin: 0 0 10px 0;
		padding: 0 0 0 20px;
	}

		ol li {
			font-size: 12px;
			line-height: 16px;
			list-style: decimal;
		}
		
	big {
		font-size: 16px;
		font-weight: bold;
		line-height: 20px;
	}
		
	strong {
		font-weight: bold;
	}
	
	a {
		color: #000000;
		font-size: inherit;
		line-height: inherit;
	}
		
		a:link, a:visited {
			text-decoration: none;
		}
			
		a:active, a:hover {
			color: #666666;
			text-decoration: underline;
		}
		
				a.cmshelp:link, a.cmshelp:visited {
					display: block;
					width: 22px;
					height: 22px;
					background: transparent url('../images/cmshelp.gif') no-repeat;
					float: right;
					position: relative;
					top: 5px;
					right: 5px;
				}
				
				a.cmshelp:hover, a.cmshelp:active {
					background: transparent url('../images/cmshelp_hover.gif') no-repeat;
				}
				
				a.maximise:link, a.maximise:visited {
					display: block;
					width: 22px;
					height: 22px;
					background: transparent url('../images/maximise.gif') no-repeat;
					float: right;
					position: relative;
					top: 5px;
					right: 5px;
				}
				
				a.maximise:hover, a.maximise:active {
					background: transparent url('../images/maximise_hover.gif') no-repeat;
				}
				
				a.minimise:link, a.minimise:visited {
					display: block;
					width: 22px;
					height: 22px;
					background: transparent url('../images/minimise.gif') no-repeat;
					float: right;
					position: relative;
					top: 5px;
					right: 5px;
				}
				
				a.minimise:hover, a.minimise:active {
					background: transparent url('../images/minimise_hover.gif') no-repeat;
				}
				
				a.thumbnail {
					background: transparent url('../images/icons/application_osx_grow.png') top left no-repeat;
					color: #0A82A4;
					font-style: italic;
					padding: 0 0 0 20px;
				}
		
	small {
		font-size: 10px;
		line-height: 14px;
	}
	
	label {
		font-size: 12px;
		line-height: 18px;
	}
	
	input {
		font-size: 12px;
	}
	
	select {
		font-size: 12px;
	}
	
	legend {
		font-size: 14px;
		font-weight: bold;
		line-height: 18px;
	}
	
	br {
		clear: both;
	}
	
	.clear {
		clear: both;
		height: 0px;
	}
	
	.left {
		float: left;
	}
	
	.right {
		float: right;
	}
	
	.error {
		color: #d50000 !important;
		font-weight: bold !important;
	}
	
	.message {
		color: #83b034 !important;
		font-weight: bold !important;
	}
	
	.submitted {
		color: #007F7B !important;
		font-weight: bold !important;
	}

	.go {
		color: #83b034 !important;
		font-weight: bold !important;
	}
		
/*#############################################################
#
#	FCK EDITOR CLASSES
#
#############################################################*/

.heading1 {
	font-size: 16px;
	line-height: 20px;		
}

.heading2 {
	font-size: 18px;
	font-style: italic;
	font-weight: bold;
	line-height: 22px;
}

.heading3 {
	font-size: 16px;
	font-weight: bold;
	line-height: 20px;
}

.heading4 {
	font-size: 14px;
	font-style: italic;
	line-height: 18px;
}

.paragraph {
	font-size: 12px;
	line-height: 16px;
}

.big {
	font-size: 16px;
	font-weight: bold;
	line-height: 20px;
}

.bold {
	font-weight: bold;
}

.italic {
	font-style: italic;
}

.underline {
	text-decoration: underline;
}

.small {
	font-size: 10px;
	line-height: 14px;
}

/*#############################################################
#
#	TABLES
#
#############################################################*/

table {
	border: 0;
	font-size: 1.2em;
	line-height: 1.6em;
	margin: 0 auto;
	margin-bottom: 20px;
	width: 95%;
}

	caption {
		display: none;
	}
	
	th {
		color: #00AEDB;
		font-size: inherit;
		font-weight: bold;
		line-height: 1.6em;
		padding: 3px 3px 3px 3px;
		text-align: left;
	}
	
	td {
		color: #000000;
		font-size: inherit;
		line-height: 1.6em;
		padding: 3px 3px 3px 3px;
		text-align: left;
	}
	
		td img {
			margin: 3px 5px 0 0;
		}

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

.textarea {
	border: 1px solid #00667C;
	font-family: "Lucida Console", Courier;
	font-size: 12px;
	padding: 2px 2px 2px 2px;	
}

.textarea_small {
	min-height: 100px;
	height: auto !important;
	height: 100px;
	width: 160px;
}

.textarea_large {
	min-height: 100px;
	height: auto !important;
	height: 100px;
	width: 300px;
}

.text {
	border: 1px solid #00667C;
	font-family: Arial, Verdana, Helvetica, sans-serif;
	padding: 2px 2px 2px 2px;	
}

	.text_xsmall {
		width: 60px;
	}

	.text_small {
		width: 80px;
	}
	
	.text_medium {
		width: 100px;
	}
	
	.text_large {
		width: 120px;
	}
	
	.text_xlarge {
		width: 200px;
	}
	
	.text_xlargex {
		width: 230px;
	}
	
	
	.text_xxlarge {
		width: 250px;
	}
	
.browse {
	border: 1px solid #00667C;
	font-family: Arial, Verdana, Helvetica, sans-serif;
	padding: 2px 2px 2px 2px;	
}

.select {
	border: 1px solid #00667C;
	font-family: Arial, Verdana, Helvetica, sans-serif;
	padding: 1px 2px 1px 2px;	
}

	.select_xsmall {
		width: 45px;
	}

	.select_small {
		width: 60px;
	}
	
	.select_medium {
		width: 100px;
	}
	
	.select_large {
		width: 125px;
	}
	
	.select_xlarge {
		width: 175px;
	}
	
.submit {
	background: #0487A7;
	border: 1px #000000 solid;
	border-top: 1px #CCCCCC solid;
	border-left: 1px #CCCCCC solid;
	font-family: Arial, Verdana, Helvetica, sans-serif;
	color: #FFFFFF;
	width: 65px;
}

	.submit:hover {
		border: 1px #CCCCCC solid;
		border-top: 1px #000000 solid;
		border-left: 1px #000000 solid;
		color: #000000;
	}