@charset "utf-8";

.fieldsetContainer
{
	/*
	width: 90%;
	margin-left: auto;
	margin-right: auto;
	border: 2px solid #E8EEFA;
	padding: 0 15px 15px 15px;
	*/
	display:block; width:565px; padding:0; margin:0; overflow:hidden; margin-left:auto; margin-right:auto;
}
	.fieldsetContainer .firstItem
	{
		margin-top:15px;
	}
	.fieldsetContainer p.fieldsetP
	{
		margin-right: 15px;
		margin-bottom: 10px;
		margin-left: 15px;
	}
	/*use the class fieldsetDiv if you want to use a form */
	.fieldsetContainer div.fieldsetDiv
	{
		overflow: hidden;
		height: 100%;
		margin-bottom:5px;
	}
		.fieldsetContainer div.fieldsetDiv div
		{
			width: 280px;
			float: left;
		}
	.fieldsetContainer table.fieldsetTable
	{
		margin: 10px 0px 0px 20px;
		border-collapse: collapse;
	}
		table.fieldsetTable th, table.fieldsetTable td
		{
			border:1px solid #25394a;
			padding:8px 5px 8px 5px;
		}
		table.fieldsetTable th
		{
			font-size:1.1em;
			background-color:#3b5874;
			color:#ffffff;
		}
		table.fieldsetTable td
		{
			text-align:center;
			border:1px solid #25394a;
		}
	
	/* use twoColumnWrapper if you want to layout data in two-columns */
	.fieldsetContainer div.twoColumnWrapper
	{
		margin: 20px 0px 10px 20px;
		overflow: hidden;
		height: 100%;
	}
		.fieldsetContainer div.twoColumnWrapper div.twoColumnRow div
		{
			width: 260px;
			float: left;
		}
	/* wrapper used for the jQuery datatable */
	.fieldsetContainer div.dataTables_wrapper
	{
		margin: 10px 0px 0px 15px;
		padding-right:30px;
	}
	.fieldsetContainer div.dataTables_paginate paging_two_button
	{
	}
	.fieldsetContainer h2
	{
		background-color:#fff; color:#000; font-weight:bold; margin-left:1em; 
	}
	.fieldsetContainer legend
	{
		font-size: 1.25em;
		font-weight: bold;
		color: #446688;
		margin-left: 10px;
	}
	.fieldsetContainer label
	{
		padding: 0px;
		margin: 5px 0px 5px 5px;
		text-align: left;
		font-weight: bold;
	}
	.fieldsetContainer input, .fieldsetContainer textarea, .fieldsetContainer select
	{
		margin: 0px 0px 2px 25px;
		vertical-align: middle;
	}
	.fieldsetContainer span
	{
	}
	
/* the following 2 classes are used on the station-eng page to style the headers in the "Accordion" */
.headerStyle
{
	margin-left:15px;
	margin-bottom:5px;
	font-size:1.1em;;
}
.headerStyle a:hover
{
text-decoration:underline;
}
.header-links
{
	text-decoration:none;
}
#expand-all
{
	font-size:0.8em;
	text-decoration:none;
}
/* use the following if you want to span two columns of a "twoColumnRow" as one column */
	div.commentSection
	{
		display:block;
		margin:0 20px 20px 20px;
	}
		div.commentSection span
		{
			color:#777;
		}
		
.submitButton {
	float:right;
	margin-right:1em;
	color:#446688!important;  
	background-color:#ddd; 
	border:solid 1px #888;
	cursor:pointer;
	padding:3px 12px 3px 12px;
	font-weight:bold;
	-moz-border-radius:5px;-webkit-border-radius:5px;border-radius:5px;
}
.submitButton:hover {
	color:#f68a0b!important;
	-moz-box-shadow: 0px 0px 8px rgba(60, 60, 60, 0.45);
	-webkit-box-shadow: 0px 0px 8px rgba(60, 60, 60, 0.45);
	box-shadow: 0px 0px 8px rgba(60, 60, 60, 0.45);
}

a.submitButton{
	padding:4px 14px 4px 14px;
	text-decoration:none;
}