/*
-----------------------------------------------
Basic styles
----------------------------------------------- */

html { height:100%; }
body {
  min-height:101%;
  margin:0;
  padding:0 0 20px 0;
  color:#555;
  font:75% Arial,Helvetica,Sans-serif;
  text-align: center;
  background: #7bcad7 url(../images/structural/bg.gif) top left repeat-x;
}

/* Set Up
----------------------------------------------- */
img { border: 0; }

.clear { clear:both; }
.clearfix:after {
    content:"."; 
    display:block; 
    height:0; 
    clear:both; 
    visibility:hidden;
}
.clearfix { display:block; }
/* \*/
* html .clearfix { height: 1%; }
.clearfix { display: block; }
/* */

.left {
	float: right;
}

.right {
	float: right;
}

.top-space {
	margin-top: 1.8em !important;
}
	
.top-space-2 {
	margin-top: 2.0em !important;
}

.top-space-3 {
	margin-top: 3.0em !important;
}

.top-space-4 {
	margin-top: 4.0em !important;
}

.top-space-5 {
	margin-top: 5.0em !important;
}

.top-space-6 {
	margin-top: 6.0em !important;
}

.smalltext {
	color: #aaa;
	font-size: 0.9em;
	font-weight: normal;
}

acronym {
	cursor: help;
}

blockquote {
	width: 460px;
	background: #f5fafd url(../images/structural/quote_bg.gif) no-repeat scroll left top;
	font-style: normal;
	margin: 0.8em 0 1.2em;
	padding: 15px 10px 3px 20px;
	}
	blockquote p {
		margin-bottom: 0 !important;
		line-height: 145% !important;
		}
		blockquote p.quote {
			font-size: 1.2em;
			font-style: italic;
		}		
		blockquote p.source {
			font-weight: bold;
		}


/* Links
----------------------------------------------- */
a { color: #009DE0; text-decoration: underline; font-weight: normal; }
a:link { color: #009DE0; text-decoration: underline;}
a:visited { color: #009DE0; }
a:hover { color: #162A83; text-decoration: none;}
a:active { color: #009DE0; text-decoration: none;}



/* Accessibility
----------------------------------------------- */
.accessibility { display: none; }
#access { position:absolute; top:-1000em; }
.hide { display: none; }

div#print {
	display: none;
}


/* Lists
----------------------------------------------- */

ul {
	*
	}
	ul li {
		color: #555;
		padding: 2px 0 4px 2px;
	}
	
	ul.plain {
		list-style: none;
	}
	
ol {
	*
	}
	ol li {
		color: #555;
		padding: 2px 0 4px 2px;
	}
	
#content #leftcol ul {
	padding-left: 15px !important;
	margin-top: 0.5em !important;
	margin-left: 0 !important;
}
	
#content #leftcol ul li {
	list-style: none;
	padding-left: 16px;
	margin-left: 0 !important;
	background: url(../images/structural/bullet.gif) top left no-repeat;
}


/* Forms
----------------------------------------------- */
form {
	margin: 0;
	padding: 0;
	}
	form.register {
		margin: 2.5em;
	}

fieldset {
	border: 0px dashed #f0f0f0 !important;
	padding: 10px 0 5px 0;
	margin: 0;
	}


select.form-select {
	max-width: 416px;
}

form .form-file {
	width: 300px;
	max-width: 300px;	
}


legend {
	font-weight: bold;
	color: #555;
}

input {
	display: inline;
	float: left;
	clear: right;
	margin: 0.3em 0;
	}
	textarea {
		margin: 0.5em 0;
	}
	input.terms {
		float: none;
		margin: 0.8em 0 0;
	}

label {
	display: inline;
	float: left;
	clear: left;
	text-align: right;
	padding: 9px 4px 0 0;
	width: 135px;
	font-size: 0.9em;
	}

	
/* >>> TABLES <<< */
	
table {
	width: 100%;
	background: #fff;
	padding: 15px 10px 5px 10px;
	margin: 0 !important;
	border-left: 1px solid #ccc;
	border-right: 1px solid #ccc;
	border-top: 1px solid #ccc;	
	border-bottom: 1px solid #ccc;	
	}
	table.images {
		width: 330px !important;
		}
		table.images td {
			vertical-align: middle !important;
		}

table.results {
	font-size: 0.9em;
	}
	table.results a {
		color: #555 !important;
	}
	table.results .fieldname {
		font-weight: bold;
	}
	table.results tr {
		background: #f0f0f0;
		border-bottom: 5px solid #fff;;
		}
		table.results tr:hover {
			background: #FFF1AF;
		}
	table.results td {
		vertical-align: top;
		padding: 3px;
	}
	table.results img.photo {
		border: 1px solid #aaa;
		padding: 4px;
		}
		table.results a.photo {
			text-decoration: none !important;
		}

/* >>> Messages <<< */

p.error {
	margin-top: 1.5em;
}

.error {
	color: #770000;
}

.message, .confirm {
	color: #007700;
}