/* DOCUMENT INFORMATION -----------------------------------

TITLE:			Default screen display styles
LAST UPDATED:	21th June 2008
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!
				Retrieved from various sources over the net

-- CONTENTS -----------------------------------------------
	=1:		[STANDARDS / HTML]
	=2:		[LINKS]
	=3:		[COMMON ELEMENTS]
	=4:		[LISTS]
	=5:		[FORMS]
	=6:		[IMAGES]
	=7:		[COLOR]	
------------------------------------------------------------*/
/*------=1:	[STANDARDS / HTML] -----------------------------*/
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;
}

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

body {
	background:#FFF;
	color:#000;
	font-size:9pt;
	font-family:Arial, Helvetica, sans-serif;
}

/*------=2:	 [LINKS] ---------------------------------------*/
a {
	text-decoration:none;
	color:#03509e;
}

/*------=3:	 [COMMON ELEMENTS] -----------------------------*/
hr {
	height:1px;
	background-color:#ccc;
	color:#ccc;
	border:0;
	width:90%;
}

.floatleft {float:left;}
.floatright {float:right;}
.clearboth, .clearBoth {clear:both;}

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

h1,h2,h3,h4,h5,h6 {padding-bottom:0.8px;}
h1 {font-size:20px;}
h2 {font-size:18px;}
h3 {font-size:16px;}
h4 {font-size:14px;}
h5 {font-size:12px;}
h6 {font-size:10px;}

p {padding-bottom:1.2em;}

.bold {font-weight:700;}
strong {font-weight: 700;}

/* tables still need cellspacing="0" in the markup */
table {
	border-collapse:separate;
	border-spacing:0;
}

caption,th,td {
	font-weight:400;
	text-align:left;
}

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

blockquote,q {quotes:"" "";}

/*------=4:	 [LISTS] ---------------------------------------*/
ol,ul {list-style:none;}

/*------=5: [FORMS] ---------------------------------------*/
form {margin-bottom:0;}

input.checkbox {width:15px;}

input[type=button] {
	cursor:pointer;
	border:0;
}

.text {width:220px;}
.tiny {width:40px;}
.small {width:80px;}
.med {width:180px;}
.xlarge {width:350px;}

textarea {
	font-family:Arial, Helvetica, sans-serif;
	font-size:9pt;
}

select {
	font-family:Arial, Helvetica, sans-serif;
	font-size:8pt;
}

/*------=6: [IMAGES] --------------------------------------*/
img {
	border:0;
	display:block;
}

img.inline {display:inline;}

img.imgbox {
	margin:3px;
	padding:2px;
	border:1px solid #404040;
}

/*------=7: [COLOR] ----------------------------------------*/
#red {color:#c00;}
#green {color:#0F0;}
.blue {color:#0C0;}
.black {color:#000;}
.white {color:#FFF;}
.grey {color:#666;}
.amber {color:#F60;}