/* CSS Document */

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

TITLE:			Default screen display styles
LAST UPDATED:	18th Aug 2009
AUTHOR:			Ed Fryer

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:		[MAIN.TPL COLUMN]
	=5:		[SIDEBAR COLUMN]
	=6:		[FOOTER]
	=7:		[LISTS]
	=8:		[FORMS]
	=9:		[IMAGES]
	=10:	[MISC]	
	
---------------------------------------------------------*/


/*------=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: white;
	line-height: 1;
	color: black;
	font-size: 9pt;
	font-family: Arial, Helvetica, sans-serif;
}



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


/*------=3:	 [COMMON ELEMENTS] -----------------------------*/

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

h1, h2, h3, h4 {
	margin-bottom:10px;
}

h1 {
	overflow:hidden;
	position:relative;
}

h1 span {
	position:absolute;
	top:0px;
	left:0px;
}

.floatLeft { float: left; }
.floatRight { float: right; }
.pointer { cursor:pointer; }
.left { text-align: left; }
.right { text-align: right; }
.center { text-align: center; }
.pad10 { padding:10px; }
.padLR { padding:0 10px 0 10px; }
.clearBoth { clear: both; }
.hide { display:none; }

p { 
	line-height: 1.5em;
	padding-bottom:10px;
}

.bold {	font-weight: bold; }


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

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


/* remove possible quote marks (") from <q> & <blockquote> */
blockquote:before, blockquote:after, q:before, q:after {
	content: "";
}

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


/*------=4:	 [MAIN.TPL] ------------------------------*/

	   
/*------=5:	 [SIDEBAR COLUMN] ------------------------------*/
				
/*------=6:	 [FOOTER] --------------------------------------*/

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

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

input.checkbox { width: 15px;}
.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: 9pt;
}

fieldset {
	width:300px;
}

label {
	float:left;
	width:100px;
	font-weight:bold;
}

input {
	float:left;
	margin-bottom:5px;
	border:none;
}

input.button {
	width:100px;
	border:none;
	cursor:pointer;
}

	
/*------=9: [IMAGES] --------------------------------------*/

img {border: 0px; display: block;}	
img.inline { display: inline; }

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


/*------=10: [MISC] ----------------------------------------*/

.red { color: #cc0000; }
.green { color: #00FF00; }
.blue { color: #00CC00; }
.black { color: #000000; }
.white { color: #FFFFFF; }
.grey { color: #666666; }
.amber { color: #FF6600; }