/**
 *  CSS stylesheet for standard HTML tags
 *  Copyright 2008 by Pixelsound Web Design Perth
 *  http://www.pixelsound.com
 */

/*************** HTML Tags *************************************/
body {
	font-size:80%;		/* to make font size in IE accessible (also see next definition): default is 70% */
	margin:0px;
	padding:10px;
	line-height:1.6em;
	background-color:white;
}

table, td, th, p, form, input, select, textarea, h1,h2,h3,h4,h5,h6, dl,dt,dd,blockquote, ul, ol, caption {
	font-size:1em;		/* to make font size in IE accessible (also see previous definition) */
}

body, table, td, th, p, form, input, select, textarea, h1, h2, h3, h4, h5, h6, dl,dt,dd,blockquote, ul, ol, caption {
	font-family:"Trebuchet MS", Verdana, Tahoma, sans-serif;
	font-family: Arial, Helvetica, sans-serif;
	font-family: "Lucida Grande", Geneva, Arial, Verdana, sans-serif;
	color:#000;
}

p, caption {
	margin:0 0 1em;
	padding:0;
	line-height:1.3em;
}

a {
	color:#007ea2;
	text-decoration: underline;
}
		a:hover {
			color:#00a5d4;	
			text-decoration: none;
		}
                a:visited {
	color:#4E4E4E;
                }
		img, a img, a:hover img {
			text-decoration: none;
			border:none;
		}

.hr {
	color: #CCCCCC;
}

ul {
	margin:0;
	padding:.3em 0;
	padding-left:1.5em;
}
ol {
	margin:0;
	padding:.3em 0;
	padding-left:3em;

}

li ul, li ol {
}
		* li {
			margin:0;
			padding:.3em 0;
		}

	ul li,
	ul li ul li ul li {
		list-style-type:square;
	}
	
	/*** Level 2 ***/
	ul li ul li {
		list-style-type:circle;
	}
		.noBullets {
			margin-left:0;
		}
		.noBullets li {
			list-style:none;
		}
	

dt {
	font-weight:700;
}
		
th,
tr.tableHeader td,
td.tableHeader {
	/*background-color:#748699;
	color:white;*/
	padding:0px 0px;
	line-height:1.4em;
	border:1px solid white;
	text-align:left;
}
		th a,
		tr.tableHeader td a,
		td.tableHeader a {
			color:white;
			text-decoration:none;
			display:block;
		}

		tr.tableFooter td,
		td.tableFooter {
			background:none;
			font-weight:700;
		}




/************   Headings   *****************/

h1, h1 *, h2, h2 *, h3, h3 *, h4, h4 *, h5, h5 *, h6, h6 *, caption {
	font-weight:700;
	text-decoration:none;
}
h1,h2,h3,h4,h5,h6, caption {
	/*margin:1.5em 0;*/
	/*margin:2em 0 .5em;*/
	padding:0;
}
		h1, h1 a {
			text-decoration:none;
			color:#42658B;
		}
				h1 {
					font-size:2em;
					line-height:1em;
					padding:0 0 .3em;
					font-weight:700;
					margin-bottom:1.5em;
					background-image:none;
				}

		h2, h2 a {
			text-decoration:none;
			color: #42658B;
		}
				h2 {
					font-size:1.5em;
					/*margin:2em 0 1em;*/
					
				}
		h3, h3 a, caption {
			text-decoration:none;
			color: #42658B;
		}
				h3, caption {
					text-transform:none;
					font-size:1.3em;
					padding:0;
					margin:1em 0 .5em;
				}


		h4, h4 a {
			text-decoration:none;
			font-weight:700;
			font-size: 1.2em;
			line-height: 1.1em;
			color:#333;
		}
				h4 {
				}

		h5, h5 a {
			text-decoration:none;
			color:#333;
		}
				h5 {
					text-transform: uppercase;
					font-size:1.1em;
				}

		h6, h6 a {
			text-decoration:none;
			color:#000;
		}
				h6 {
					font-size:.9em;
				}
				h6 a:hover {
					text-decoration:underline;
				}
h1 a,
h2 a,
h3 a,
h4 a,
h5 a,
h6 a {
	/*padding-right:20px;*/
	/*background-image:url(../images/stationery/blt-arrow-dotted-right.gif);*/
	/*background-position:right;*/
	/*background-repeat:no-repeat;*/
}



.noTopMargin,
h1.noTopMargin,
h2.noTopMargin,
h3.noTopMargin,
h4.noTopMargin,
h5.noTopMargin,
h6.noTopMargin {
	padding-top:0px;
	margin-top:0px;
}



/************   Classes   *****************/
.small {
	font-size: .9em;
}



/****  Transparent  ***/
.transparent,
.transparent td {
	margin:1em 0 2em;
	padding:.5em 1.5em;
	background:white;
	clear:both;
	border:0px none white;
}
	table.transparent,
	.transparent table {
		border-collapse:collapse;
		border:0px none white;
	}
		.transparent td,
		td.transparent {
			padding:.2em 1em;
			margin:0;
			border:0px none white;
		}
		.transparent td td,
		td.transparent td {
			padding:0 1em;
			padding-left:0;
			margin:0;
			border:0px none white;
		}

input.transparent {
	background:none;
	border:0px none white;
}



/****  Highlight  ***/
.highlight,
.highlight td,
td.highlight,
.transparent .highlight td,
.transparent td.highlight,
.tr-even td,
.tr-odd td {
	background-color:#EFF3F7;
	margin:1em 0 2em;
	padding:.5em 1.5em;
	clear:none;
}
	.highlight td,
	td.highlight,
	.transparent .highlight td,
	.transparent td.highlight,
	.tr-even td,
	.tr-odd td {
		margin:1px;
		border:1px solid white;
	}
		.tr-odd td {
			background-color:#e1e1e1;
		}
		table.highlight,
		.highlight table {
			border-collapse:collapse;
			border:1px none white;
			clear:none;
		}
		.highlight textarea,
		.highlight select,
		.highlight input {
			background:white;
		}
		.highlight td p,
		td.highlight p,
		.tr-even td p,
		.tr-odd td p {
			padding:0;
			margin:0;
		}
	


/*************** Error Messages *************************************/
.errorMessageBox {
	background-color:#CC3333;
	padding:.5em 1em;
}
	.errorMessageBox,
	.errorMessageBox * {
		color:white;
	}




/****  Outlined  ***/
.outlined,
.outlined td {
	margin:1em 0 2em;
	padding:.5em 1.5em;
	background:transparent;
	clear:both;
	border:1px solid #ccc;
}
	table.outlined,
	.outlined table {
		border-collapse:collapse;
		border:1px solid #666;
	}
		.outlined td,
		td.outlined {
			padding:.2em 1em;
			margin:0;
			border:1px solid #ccc;
		}



/****  Header Text  ***/

.HeaderText {
	font-size:1.2em;
	font-weight:700;
	color:#666;
	margin-bottom:1em;
}


/****  Spaced Text  ***/
.spaced {
	letter-spacing:.3em;
}



/****  All Caps  ***/

.AllCaps {
	text-transform:uppercase;
}



/****  Quotations  ***/

.quotation,
.quotation_left,
.quotation_right {
	font-size:1.8em;
	color:#ccc;
	font-weight:700;
	padding:0;
	margin:0;
	line-height:1.2em;
}
		.quotation_left {
			width:50%;
			float:left;
			margin:0em 1.5em 1em 0;
		}
		.quotation_right {
			width:50%;
			float:right;
			text-align:right;
			margin:0em 0 1em 1.5em;
		}





.indent {
	margin-left:22%;
}
.outdent {
	margin-left:0px;
}

.underline {
	text-decoration:underline;
}
.right {
}





.clearBoth {
	clear:both;
	line-height:0px;
	height:0px;
	font-size:1px;
	margin:0;
	padding:0;
}
.noMargin {
	margin:0px;
}

.dotted-top {
	background-image:url(../images/stationery/tile-dot-T.gif);
	background-position:top;
	background-repeat:repeat-x;
}
.dotted-bottom {
	background-image:url(../images/stationery/tile-dot-T.gif);
	background-position:bottom;
	background-repeat:repeat-x;
}

.label1,
.label2,
.label3 { 
	float: left; 
	width: 100px; 
	padding: 0; 
	margin:0; /* set top margin same as form input - textarea etc. elements */
	text-align: right; 
	margin-right:.5em;
	margin-top:.5em;
	clear:left;
}
		.label1 {
			width:4em;
		}
		.label2 {
			width:7em;
		}
		.label3 {
			width:10em;
		}

fieldset {
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
}
.intro{
	font-size:1.5em;
	color:#333;
}
.hide{ display:none; }
.toggler  {
	cursor:pointer;
	font-weight:normal;
	color:#000;
	margin: 0;
	font-family:Arial, sans-serif;
}
.right .toggler{
	padding:0;
}

.toggler:hover	 { /*background:#eee;*/ }
.element	 { padding:0 5px; }
.right .element{
	padding:0;
}
caption{
	text-align:left;
}