/* DOCUMENT INFORMATION ------------------------------------
TITLE:			Reset Stylesheet
LAST UPDATED:	22nd November 2009
AUTHOR:			Wade Womersley, Andrew Routledge
NOTES:			The 1st section will reset any variance
				across all browsers making them all
				appear very similar, however it also means
				everything needs its own custom style!

-- CONTENTS -----------------------------------------------
	=1:		[RESET]
	=2:		[HEADINGS/TEXT]
	=3:		[FORMS]
	=4:		[TABLES]
	=5:		[HTML ELEMENTS]
	=6:		[CUSTOM STYLES]
	=7:		[JACKET STYLES]
	=8:		[COLOUR]
-----------------------------------------------------------*/

/*------=1:	[RESET] ---------------------------------------*/
html,body,div,span,applet,object,iframe,table,caption,tbody,tfoot,thead,tr,th,td,del,dfn,em,font,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,dl,dt,dd,ol,ul,li,fieldset,form,label,legend {
vertical-align:baseline;
font-family:inherit;
font-weight:inherit;
font-style:inherit;
font-size:100%;
outline:0;
padding:0;
margin:0;
border:0;
}



body {
	font-family: 'Trebuchet MS', 'Lucida Grande', Arial, Sans-Serif;
	font-size: 62.5%;
	text-align: left;
	color:#555555;
}

/* Set base font */
body, td, th, input, textarea, select, a, p {
	font-size: 12px;
}
/*------=2:	 [HEADINGS / TEXT] -----------------------------*/
h1,h2,h3,h4,h5,h6 {
	font-family: 'Trebuchet MS', 'Lucida Grande', Arial, Sans-Serif;
	padding: 4px 0px 3px 0px;
	color: #313131;
}

h1 { font-size: 2em; }
h2 { font-size: 1.8em; }
h3 { font-size: 1.6em; }
h4 { font-size: 1.4em; }
h5 { font-size: 1.2em; }
h6 { font-size: 1em; }

p {
	padding: 4px 0px 3px 0px;
	line-height: 1.5em;
	color: #313131;
	font-size: 1.1em;
}

.bold, strong, b { font-weight:700; }
.italic, em, e, i { font-style: italic; }

a {
	outline: none;
	text-decoration: none;
	color: #2266AA;
	cursor: pointer;
}
a:hover, a:active, a:visited { 
	text-decoration: none;
	color: #000000;
}

/*------=3: [FORMS] ---------------------------------------*/
form {
	margin: 5px 0 10px 0;
}
input, select, textarea, label, fieldset p, legend { 
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	color:#666666;
}

input[type=submit], label, .pointer { 
	cursor: pointer;
	border: 0px;
}

fieldset {
	margin: 0px;
	padding: 1em;
}

legend { 
	font-weight:bold;
	color: #535151;
	padding: 0em 0.5em 0em 0.5em;
}

input {
	border:1px solid #999999;
	color:#666666;
	height:16px;
	margin:3px 0;
	width:200px;
	float: left;
}
	input:focus { border:1px solid #DFDDC3; }
	input[type=radio] {
		border: none;
		margin:2px 5px 0px 8px;
		width: 20px;
		height: 16px;
	}
	input[type=checkbox] {
		border: none;
		margin:2px 5px 0px 8px;
		width: 20px;
		height: 16px;
	}
	input[type=submit] {
		background:#FAFAFA;
		border:1px solid #CCCCCC;
		color:#999999;
		font-size:18px;
		font-weight:bold;
		padding:5px;
		width: auto;
		height: auto;
	}
		input[type=submit]:hover, input[type=submit]:focus {
			border:1px solid #DFDDC3;
			color:#6F6F6F;
		}
	
textarea {
	border:1px solid #999999;
	color:#666666;
	font-size:12px;
	height:100px;
	margin:5px 0;
	width:200px;
}
	textarea:focus { border:1px solid #DFDDC3; }

select {
	font-size:12px;
	margin:3px 0 3px 0;
	width:202px;
}
	
label {
	width:20%;
	display: block;
	float: left;
	padding:0px 10px 0px 0px;
	margin-top:5px;
	font-size:12px;
	text-align: right;
	font-weight:bold;
}
	label.error { color:#c00; }

fieldset p {
	float: left;
	width: 75%;
}
/*------=4: [TABLES] ---------------------------------------------*/
table {
	margin: 5px 0 10px 0;
}
	th {	
		border-right: 1px solid #C1DAD7;
		border-bottom: 1px solid #C1DAD7;
		border-top: 1px solid #C1DAD7;
		letter-spacing: 2px;
		text-transform: uppercase;
		text-align: left;
		padding: 6px 6px 6px 12px;
		background: #CAE8EA;
	}
	td {
		border-right: 1px solid #C1DAD7;
		border-bottom: 1px solid #C1DAD7;
		background: #fff;
		padding: 6px 6px 6px 12px;	
	}
	
/*------=5: [HTML ELEMENTS] --------------------------------------*/
img {
	border:0;
	display:block;
}

.ol, ul, li {list-style-type:none}

/* remember to define focus styles! */
:focus {outline:0;}

pre {
	background:#eee;
	border:1px solid #999;
	margin: 10px 0;
    padding: 10px 10px 10px 20px;    
}

acronym, abbr
{
	font-size: 0.9em;
	letter-spacing: .07em;
	cursor: help;
	border-bottom: 1px dashed #999;
}

blockquote:before,blockquote:after,q:before,q:after {content:"";}
blockquote,q {quotes:"" "";}

hr {
	height:1px;
	background-color:#ccc;
	color:#ccc;
	border:0;
	width:90%;
	margin: 0 auto;
}

/*------=6: [CUSTOM STYLES] ----------------------------------------*/
.floatLeft {float:left;}
.floatRight {float:right;}
.clearBoth {clear:both;}
span.clear { 
    display: block; 
    clear: both; 
    width: 1px; 
    height: 0.001%;
    font-size: 0px; 
    line-height: 0px; 
}

.left {text-align:left;}
.right {text-align:right;}
.center {text-align:center;}

.hidden {display:none !important;}
.visible {display:block !important;}
	
.padTB { padding: 10px 0 10px 0; }
.pad10 { padding: 10px; }
.pad8 { padding: 8px; }
.pad7 { padding: 7px; }
.pad6 { padding: 6px; }
.pad4 { padding: 4px; }

.tiny 	{ width:40px; }
.small 	{ width:100px; }
.medium	{ width:150px; }
.large 	{ width:200px; }
.xlarge { width:300px; }

.mainContent ul, .mainContent ol {
	list-style-position: outside;
	list-style: disc;
	margin: 0.3em 0 0.8em 1.5em;
	font-size: 12px;
	line-height: 17px;
}
	.mainContent ol { list-style: decimal; }
	.mainContent ul ul li { list-style-type: circle;}
	.mainContent ul ul ul li { list-style-type: square;}

.date { 
	font-size: 0.8em;
	color:#4F4F4F;
	font-weight: normal;
	text-align: right;
}

.cleverclover {
	color:#82C86D;
	font-size:12px;
}

/*------=7: [JACKET STYLES] ----------------------------------------*/
.mainContent a[href ^="http:"], .mainContent a[href ^="https:"] {	padding-right: 15px; background: transparent url(../images/misc/external_link.gif) right no-repeat; }
.mainContent a[href ^="mailto:"] {	padding-right: 15px; background: transparent url(../images/misc/mailto.jpg) right no-repeat; }
.mainContent a[href$='.pdf'] { background: url(../images/media/download_pdf.jpg) no-repeat; }
.mainContent a[href$='.doc'], .mainContent a[href$='.docx'], .mainContent a[href$='.rtf'], .mainContent a[href$='.txt'], .mainContent a[href$='.wps'] { background: url(../images/media/download_word.jpg) no-repeat; }
.mainContent a[href$='.xls'], .mainContent a[href$='.xlsx'], .mainContent a[href$='.csv'], .mainContent a[href$='.xlt'], .mainContent a[href$='.xlw'] { background: url(../images/media/download_excel.jpg) no-repeat; }
.mainContent a[href$='.zip'], .mainContent a[href$='.gzip'], .mainContent a[href$='.rar'] { background: url(../images/media/download_zip.jpg) no-repeat; }

/*------=8: [COLOUR] ----------------------------------------*/
.red, #red			{color:#FF000A !important;}
.green, #green		{color:#00FF0B !important;}
.blue, #blue		{color:#0300FF !important;}
.black, #black 		{color:#000000 !important;}
.white, #white		{color:#FFFFFF !important;}
.grey, #gray		{color:#5F5F5F !important;}
.clover, #clover	{color:#CCFE00 !important;}