* {
	margin:0;
	padding:0;
}
body {
	font-family: Arial, Helvetica, sans-serif;
	font-size:12px;	
	margin: 0;
	padding: 0;
	color: #1e1e1e; /*#535e65;*/
	background: url(../images/background.jpg) repeat;
}
ul, ol, dl { 
	padding: 0;
	margin: 0;
}
h1, h2, h3, h4, h5, h6 {
	color: #005581;
	font-weight:bold;
	padding-top: 5px;	
	padding-left:15px;
	padding-right:15px;
}
h1 {
	font-size: 30px;
}
h2 {
	padding-top:12px;
	clear:both;
	font-size: 26px;
}
h3 {
	font-size: 22px;
}
h4 {
	font-size: 18px;
}
h5,h6 {
	font-size: 14px;
}

p {
	margin-top: 10px;	
	margin-bottom:10px;
	padding-left:15px;
	padding-right:15px;
}
a img {
	border: none;
}
a {
	color: #5789bb;
	text-decoration: underline; 
}
a:hover, a:active, a:focus { 
	color:#5789bb;
	text-decoration: none;
}
header {
}
header h1 {
	color:#5789bb;
	padding:30px 0;
}
footer {
	padding: 10px 0;
	position: relative;
	clear: both;
	border-top:1px solid #7d7d7d;
	text-align:center;
}
.logo {
	padding:10px;
	float:left;
}
.titleHeader {
	float:left;
	padding:15px 10px 10px 10px;
	font-family:Calibri;
	font-size:26px;
	color:#77A13F;
	font-weight:bold
}
.grantHeader {
	float: right;
	text-align: right;
	margin-top: 15px;
	padding: 15px 10px 10px 10px;
	font-family: Calibri;
	font-size: 18px;
	color: #005581;
	font-weight: bold
}
.container {
	width: 1024px;
	margin: 0 auto; 
	clear:both;
	float:none
}
.sidebar1 {
	float: left;
	width: 479px;
	padding: 10px 0 0 0;
	border-right:1px solid #7d7d7d;
}
.sidebar1 ul, .sidebar1 ol { 
	padding: 0 15px 15px 40px; 
}
.content {
	padding: 10px 0 0 0;
	width: 480px;
	float: left;	
}
.content li {
	margin:20px;
}
.picPreview {
	text-align:center;
	padding:20px 0;
}
.clearfloat {
	clear:both;
	height:0;
	font-size: 1px;
	line-height: 0px;
}
/* ----- MAIN MENU ----- */
nav ul {
	padding-left: 0;
	margin:1px 0 0px 0;
	background-color: #535e65;
	float: left;
	width: 100%;
	font-size:18px;
	/*border-bottom:1px solid #7d7d7d;*/
}
nav ul li { 
	display: inline; 
}
nav ul li a {
	padding: 20px 20px;
	background-color: #535e65;
	color: #d9d9d9;
	text-decoration: none;
	float: left;
}
nav ul li a.double {
	padding: 10px 20px;
}
nav ul li a:hover {
	background-color: #5789bb;
	color: #fff;
}
nav ul #active a {
	background-color: #5789bb;
	color: #fff;
}

/* ----- SUB MENU ----- */
.subnav ul {
	padding-left: 0;
	margin:0px 0 0 0;
	background-color: #5789bb;
	float: left;
	width: 100%;
	font-size:14px;
}
.subnav ul li { 
	display: inline; 
}
.subnav ul li a {
	padding: 10px 10px;
	background-color: #5789bb;
	color: #d9d9d9;
	text-decoration: none;
	float: left;
}
.subnav ul li a.double {
	padding: 12px 20px 10px;
}
.subnav ul li a:hover {
	font-weight:bold;
	color: #fff;
}
.subnav ul li.active a {
	padding: 10px 20px;
	font-size:16px;
	font-weight:bold;
	color: #fff;
}

/* ----- MEDIA QUERIES ----- */
/* for 980px or less */
@media screen and (max-width: 960px) {
	.container {
		width: 96%;
	}
	.content {
		width: 48%;
	}
	.picPreview {
		text-align:center;
		padding:20px;
	}
	.sidebar1 {
		width: 48%;
	}
}
/* for 768px or less */
@media screen and (max-width: 768px) {
	.content {
		width: auto;
		float: none;
	}
	.sidebar1 {
		width: auto;
		float: none;
		border-right:none;
		clear:both;
		border-bottom:1px solid #7d7d7d;
	}
}
/* for 480px or less */
@media screen and (max-width: 480px) {
	nav ul {
		font-size:14px;
	}
	nav ul li a {
		padding: 10px 14px;
		height:30px;
	}
	.footer {
		font-size:10px;
	}
	.pic1 {
		float:none;
	}
	header h1 {
		font-size:18px;
		padding:5px 0;
	}
}
img {
	max-width: 100%;
	height: auto;
	width: auto;
}

.tabpage-block {
	border:solid 1px #898C95; 
	min-height:40px; 
	padding:15px
}

.tabpage-inner {
	border: 2px solid #688caf;
	float:none;
	clear:both;
	padding:3px;
	overflow:hidden
}

.sectionHeader {
	color: #005581;
	font-weight:bold;
	margin-top:5px;
	margin-bottom:5px;
	font-size:18px;
}

.row {
	float:none;
	clear:both;
	margin-top:5px;
	margin-bottom:5px;
	overflow:hidden;
	vertical-align:middle;
}

.rowHeader {
	float:none;
	clear:both;
	margin-top: 10px;	
	margin-bottom:10px;
	padding-left:15px;
	padding-right:15px;
	overflow:hidden;
	vertical-align:middle;
}

.cell {
	float:left;
	padding:3px;
	vertical-align:middle;
}

.cell ul {
	margin-left: 20px;
}
	.cell ul li {
		padding-bottom: 3px;
	}

.cellNoPad {
	float:left;
	vertical-align:middle;
}

.viewLabel {
	color: #005581;
	font-weight:bold
}

.formLabel {
	color: #005581;
	font-weight:bold;
	padding-top:8px;
}

.errorText {
	margin-top:5px;
	color:#cc0000;
}

.successText {
	margin-top: 5px;
	color: #00cc00;
}

.currencyTextBox {
	text-align: right;
}

.numberTextBox {
	text-align: center;
}

.radio-buttons {
	margin:10px;
}
	.radio-buttons input[type="radio"] {
		padding:10px;
	}
	.radio-buttons label {
		padding:10px;
	}

.myButton {
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #3d94f6), color-stop(1, #1e62d0));
	background:-moz-linear-gradient(top, #3d94f6 5%, #1e62d0 100%);
	background:-webkit-linear-gradient(top, #3d94f6 5%, #1e62d0 100%);
	background:-o-linear-gradient(top, #3d94f6 5%, #1e62d0 100%);
	background:-ms-linear-gradient(top, #3d94f6 5%, #1e62d0 100%);
	background:linear-gradient(to bottom, #3d94f6 5%, #1e62d0 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#3d94f6', endColorstr='#1e62d0',GradientType=0);
	background-color:#3d94f6;
	-moz-border-radius:6px;
	-webkit-border-radius:6px;
	border-radius:6px;
	border:1px solid #337fed;
	display:inline-block;
	cursor:pointer;
	color:#ffffff;
	font-family:Trebuchet MS;
	font-size:11px;
	font-weight:bold;
	padding:7px 22px;
	text-decoration:none;
}
.myButton:hover {
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #1e62d0), color-stop(1, #3d94f6));
	background:-moz-linear-gradient(top, #1e62d0 5%, #3d94f6 100%);
	background:-webkit-linear-gradient(top, #1e62d0 5%, #3d94f6 100%);
	background:-o-linear-gradient(top, #1e62d0 5%, #3d94f6 100%);
	background:-ms-linear-gradient(top, #1e62d0 5%, #3d94f6 100%);
	background:linear-gradient(to bottom, #1e62d0 5%, #3d94f6 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#1e62d0', endColorstr='#3d94f6',GradientType=0);
	background-color:#1e62d0;
}
.myButton:active {
	position:relative;
	top:1px;
}

.tblGrid {
	border:1px solid #5789bb;
	border-collapse:collapse;
	font-size:12px;
	line-height:16px;
}	
	.tblGrid tr {
		vertical-align:top;
	}
		.tblGrid tr th {
			padding:3px;
			text-align:left;
			border:1px solid #5789bb;
			background-color:#5789bb;
			color:#fff;
			white-space:nowrap;
		}
			.tblGrid tr th a {
				color:#f3f3f3;
				text-decoration:none;
			}

		.tblGrid thead tr td.rgCommandCell {
			padding:3px;
			/*text-align:left;*/
			background-color:transparent;
		}

	.tblGrid tfoot tr td {
		border:1px solid #5789bb;
		background-color:#5789bb;
		color:#fff;
		font-weight:bold;
	}

		.tblGrid tr td {
			padding:3px;
			/*text-align:left;*/
			border:1px solid #5789bb;
			background-color:#f9f9f9;
		}
			.tblGrid tr td input {
				font-size:11px;
				line-height:14px;
			}
			.tblGrid tr td input[type="text"] {
				height:20px;
			}
			.tblGrid tr td input[type="image"] {
				width:12px;
				height:12px;
			}
			.tblGrid tr td textarea {
				font-size:11px;
				line-height:14px;
				font-family:Arial;
			}

.functionButtons {
	font-size: 14px;
}
	.functionButtons a {
		color:blue;
		text-decoration:none;
	}
		.functionButtons a:hover {
			text-decoration:underline;
		}

.tblInner {
	font-size:12px;
	line-height:14px;
	color:#1e1e1e;
}
		.tblInner tr td {
			padding:1px;
			text-align:left;
			border-style:none !important;
		}
			.tblInner tr td.functionButtons a {
				color:blue;
			}
			.tblInner tr td input {
				font-size:12px;
				line-height:14px;
			}

table.report-listing {}
table.report-listing > tbody > tr > td { vertical-align: top !important; }
table.report-listing > tbody > tr > td > input[type="radio"] {display: block; float:left; width:10%}
table.report-listing > tbody > tr > td > label {display: block; float:left; width:90%}