﻿@media all {
	h2 {
		margin-left: 5px;
		font-size: 10pt;
		font-weight: normal;
	}	

	fieldset legend {
		font-size: 11pt;
	}
}

@media screen {
	body {
		margin: 0px;
		font-family: Verdana,sans-serif;
		font-size: 8pt;
		background-color: #6484A0;
		background-image: url(../images/pattern_background.jpg);
		padding: 15px;
	}

	#userArea {
		width: 100%;
		background-color: #ffffff;
		border: 1px #000000 solid;
		vertical-align: top;
	}

	#navigationArea {
		height: 100%;
		width: 150px;
		background-color: #e5e5e5;
		padding: 10px;
		border-right: 1px #999999 solid;
		margin: 0px;
		border-bottom: 1px #999999 solid;
		font-family: Verdana, Sans-Serif;
		font-size: 8pt;
	}

	.navigationLinks {
		background-color: #ffffff;
		border: 1px #999999 solid;
		padding: 2px;
	}

	.navigationLinks .section {
		margin-bottom: 15px;
	}

	.navigationLinks .header {
		text-decoration: underline;
		font-size: 9pt;
	}

	.navigationLinks .link {
		margin: 3px;
	}

	.navigationLinks a {
		color: #000077;
	}

	.navigationLinks a:hover {
		color: #ff0000;
	}

	#pageContentArea {
		display: inline;
		background-color: #ffffff;
	}

	#pageHeader {
		background-color: #ffffff;
		border-bottom: 1px #000000 solid;
	}

	#pageHeader #logoBar {
		height: 43px;
		background-image: url(../images/logo.gif);
		background-repeat: no-repeat;
	}

	#pageHeader #logoBar #userInfo {
		text-align: right;
		height: 43px;
		font-family: Verdana, Sans-Serif;
		font-size: 8pt;
	}

	#pageHeader #darkBar {
		height: 3px;
		font-size: 8px;
		width: 100%;
		background-color: #2f2827;
	}

	#pageHeader #menuBar {
		height: 20px;
		width: 100%;
		background-color: #b2b2b2;
		background-image: url(../images/menu_background_top.jpg);
	}

	#pageHeader #menuBar .mainMenu {
		display: inline;
	}

	#pageFooterArea {
		padding: 3px;
		border-top: 1px #000000 solid;
		vertical-align: bottom;
		background-color: #b2b2b2;
		background-image: url(../images/menu_background_bottom.jpg);
		text-align: center;
		color: #ffffff;
		margin: 0px;
	}

	#pageFooterArea a {
		color: #ffffff;
	}

	#pageFooterArea a:hover {
		color: #000000;
	}

	.pageTitle {
		font-size: 12pt;
		text-decoration: none;
		padding: 5px;
		font-weight: bold;
		color: #333333;
		margin-bottom: 15px;
	}

	.breadCrumb {
		color: #ff0000;
		padding: 5px;
		margin-bottom: 0px;
	}

	.breadCrumb .current {
		color: #333333;
	}

	.dataTable {
		font-family: Verdana, Sans-Serif;
		font-size: 8pt;
		border-collapse: collapse;
		margin: 5px;
	}

	.dataTable caption {
		margin: 5px;
	}

	.dataTable thead {
		background-color: #7492AC;
		color: #ffffff;
	}

	.dataTable thead a {
		color: #ffffff;
	}

	.dataTable thead a:hover {
		color: #2B3E51;
	}

	.dataTable .thead {
		background-color: #7492AC;
		color: #ffffff;
	}

	.dataTable .thead th {
		border: 1px #000000 solid;
		margin: 0px;
		padding: 4px;
	}

	.dataTable .thead a {
		color: #ffffff;
	}

	.dataTable .thead a:hover {
		color: #2B3E51;
	}

	.dataTable .altRow {
		background-color: #dddddd;
	}
	
	.dataTable .overdue {
		color: #f00;
	}
	
	.dataTable .altRowOverdue {
		background-color: #fdd;
		color: #f00;
	}

	.dataTable td {
		border: 1px #000000 solid;
		margin: 0px;
		padding: 3px;
	}

	.dataTable .pagingLinks {
		font-family: Verdana, Sans-Serif;
		font-size: 8pt;
	}

	.dataTable .pagingLinks table {
		font-family: Verdana, Sans-Serif;
		font-size: 8pt;
		margin: 0px;
		padding: 0px;
	}

	.dataTable .pagingLinks td {
		margin: 0px;
		padding: 3px;
	}

	.dataTable .pagingLinks table span {
		background-color: #2B3E51;
		color: #ffffff;
		width: 15px;
		height: 15px;
		text-align: center;
	}

	.dataTable .pagingLinks table a {
		background-color: #ffffff;
		color: #2B3E51;
		width: 15px;
		height: 15px;
		text-align: center;
		vertical-align: middle;
	}

	.dataTable .pagingLinks table a:hover {
		color: #444444;
	}

	.inputTable {
		font-family: Verdana, Sans-Serif;
		font-size: 8pt;
	}

	.inputTable td {
		padding: 2px;
	}

	.inputTable label {
		font-family: Verdana, Sans-Serif;
		font-size: 8pt;
	}
	
	.inputTable span {
		font-family: Verdana, Sans-Serif;
		font-size: 8pt;
	}

	.inputTable a {
		color: #666666;
	}

	.inputTable a:hover {
		color: #ff0000;
	}

	button {
		background-color: #2B3E51;
		color: white;
		border: #000000 1px solid;
		margin: 2px;
		width: 75px;
		cursor: hand;
	}

	.button {
		background-color: #2B3E51;
		color: white;
		border: #000000 1px solid;
		margin: 2px;
		width: 75px;
		cursor: hand;
	}

	#relatedLinks {
		padding: 4px;
	}

	#relatedLinks a {
		color: #333333;
	}

	#relatedLinks a:hover {
		color: #ff0000;
	}

	fieldset {
		margin: 5px;
		display: block;
	}

	.buttonArea {
		padding: 5px;
		text-align: center;
	}

	form {
		margin: 0px;
		padding: 0px;
	}

	.dataTable a {
		color: #000000;
	}

	.dataTable a:hover {
		color: #ff0000;
	}

	.sectionHeader {
		margin: 5px;
		margin-top: 10px;
		display: block;
		font-family: Verdana, Sans-Serif;
		font-size: 8pt;
	}

	.sectionHeader a {
		color: #000000;
	}

	.sectionHeader a:hover {
		color: #ff0000;
	}

	.radioButtonList td {
		padding: 0px;
	}

	.detailsView {
		font-family: Verdana, Sans-Serif;
		font-size: 8pt;
		border-collapse: collapse;
		margin: 5px;
	}

	.detailsView .altRow {
		background-color: #ffffff;
	}

	.detailsView .header {
		background-color: #7492AC;
		color: #ffffff;
		white-space: nowrap;
		font-weight: bold;
	}

	.detailsView .row {
		background-color: #dddddd;
	}

	.detailsView td {
		border: 1px #000000 solid;
		margin: 0px;
		padding: 4px;
	}

	.siteMapTreeView {
		font-family: Verdana, Sans-Serif;
		font-size: 8pt;
		background-color: #dddddd;
		margin: 5px;
		border: 1px solid #000000;
	}

	.siteMapTreeView .root {
		font-size: 10pt;
	}

	.siteMapTreeView .node {
		color: #000000;
		font-size: 8pt;
		text-decoration: underline;
	}

	.siteMapTreeView .node-hover {
		color: #ff0000;
	}

	.setMapTreeView .leaf {
		font-size: 8pt;
	}

	.validationMessageArea {
		padding: 5px;
		text-align: center;
		font-family: Verdana,sans-serif;
	}

	.validationMessage {
		color: #ff0000;
		font-size: 8pt;
	}

	#userInfo {
		vertical-align: top;
	}

	.userInfoTable {
		font-family: Verdana,sans-serif;
		font-size: 8pt;
		vertical-align: top;
	}

	.userInfoTable td {
		padding: 2px;
		white-space: nowrap;
	}

	.userInfoTable a {
		color: #666666;
	}

	.userInfoTable a:hover {
		color: #ff0000;
	}
	
	.errorMessage {
		margin: 10px;
		color: #333333;
	}
	
	.errorMessage a {
		color: #ff0000;
	}
	
	.errorMessage a:hover {
		text-decoration: none;
	}
	
	.newsItem {
		font-family: Verdana, Sans-Serif;
		font-size: 8pt;
		margin-bottom: 5px;
		width: 600px;
	}

	.newsItem td {
		margin: 0px;
		padding: 3px;
	}
	
	.newsItem .title {
		font-size: 9pt;
		font-weight: bold;
		color: #cc0000;
	}

	.newsItem .author {
		padding: 3px;
	}
	
	select {
		font-family: Verdana, Sans-Serif;
		font-size: 8pt;
	}	
	
	input, textarea {
		font-family: Verdana, Sans-Serif;
		font-size: 8pt;
	}
	
	.disclaimer {
		font-family: Verdana, Sans-Serif;
		font-size: xx-small;
		color: #666666;
	}

	.reportLink {
		font-family: Verdana, Sans-serif;
		font-size: 9pt;
		color: #ff0000;
		text-align:center;
		padding: 5px;
	}

	ul.reasonList {
		list-style-type:disc;
		padding: 0;
		margin: 0;
	}

	ul.reasonList li {
		padding: 1px 0 1px 0;
		margin-left:15px;
	}
}


@media print {
	body {
		margin: 0px;
		font-family: Verdana,sans-serif;
		font-size: 8pt;
		background-color: #6484A0;
		background-image: url(../images/pattern_background.jpg);
		padding: 5px;
	}

	#userArea {
		width: 100%;
		background-color: #ffffff;
		border: 1px #000000 solid;
		vertical-align: top;
	}

	#navigationArea {
		display:none;
	}

	#pageContentArea {
		display: inline;
		background-color: #ffffff;
	}

	#pageHeader {
		background-color: #ffffff;
		border-bottom: 1px #000000 solid;
	}

	#pageHeader #logoBar {
		height: 43px;
		background-image: url(../images/logo.gif);
		background-repeat: no-repeat;
	}

	#pageHeader #logoBar #userInfo {
		text-align: right;
		height: 43px;
		font-family: Verdana, Sans-Serif;
		font-size: 8pt;
	}

	#pageHeader #darkBar {
		height: 3px;
		font-size: 8px;
		width: 100%;
		background-color: #2f2827;
	}

	#pageHeader #menuBar {
		display:none;
	}

	#pageHeader #menuBar .mainMenu {
		display: inline;
	}

	#pageFooterArea {
		padding: 3px;
		border-top: 1px #000000 solid;
		vertical-align: bottom;
		background-color: #b2b2b2;
		background-image: url(../images/menu_background_bottom.jpg);
		text-align: center;
		color: #000000;
		margin: 0px;
	}

	#pageFooterArea a {
		color: #ffffff;
	}

	#pageFooterArea a:hover {
		color: #000000;
	}

	.pageTitle {
		font-size: 12pt;
		text-decoration: none;
		padding: 5px;
		font-weight: bold;
		color: #333333;
		margin-bottom: 15px;
	}

	.breadCrumb {
		color: #ff0000;
		padding: 5px;
		margin-bottom: 0px;
	}

	.breadCrumb .current {
		color: #333333;
	}

	.dataTable {
		font-family: Verdana, Sans-Serif;
		font-size: 8pt;
		border-collapse: collapse;
		margin: 5px;
	}

	.dataTable caption {
		margin: 5px;
	}

	.dataTable thead {
		background-color: #dddddd;
		color: #000000;
	}

	.dataTable thead a {
		color: #000000;
	}

	.dataTable thead a:hover {
		color: #000000;
	}

	.dataTable .thead {
		background-color: #dddddd;
		color: #000000;
	}

	.dataTable .thead th {
		border: 1px #000000 solid;
		margin: 0px;
		padding: 4px;
	}

	.dataTable .thead a {
		color: #000000;
	}

	.dataTable .thead a:hover {
		color: #000000;
	}

	.dataTable .altRow {
		background-color: #dddddd;
	}

	.dataTable td {
		border: 1px #000000 solid;
		margin: 0px;
		padding: 4px;
	}

	.dataTable .pagingLinks {
		font-family: Verdana, Sans-Serif;
		font-size: 8pt;
	}

	.dataTable .pagingLinks table {
		font-family: Verdana, Sans-Serif;
		font-size: 8pt;
		margin: 0px;
		padding: 0px;
	}

	.dataTable .pagingLinks td {
		margin: 0px;
		padding: 3px;
	}

	.dataTable .pagingLinks table span {
		background-color: #dddddd;
		color: #000000;
		width: 15px;
		height: 15px;
		text-align: center;
	}

	.dataTable .pagingLinks table a {
		background-color: #ffffff;
		color: #000000;
		width: 15px;
		height: 15px;
		text-align: center;
		vertical-align: middle;
	}

	.dataTable .pagingLinks table a:hover {
		color: #444444;
	}

	.inputTable {
		font-family: Verdana, Sans-Serif;
		font-size: 8pt;
	}

	.inputTable td {
		padding: 4px;
	}

	.inputTable label {
		font-family: Verdana, Sans-Serif;
		font-size: 8pt;
	}

	.inputTable span {
		font-family: Verdana, Sans-Serif;
		font-size: 8pt;
	}

	.inputTable a {
		color: #666666;
	}

	.inputTable a:hover {
		color: #ff0000;
	}

	button {
		background-color: #ffffff;
		color: #000000;
		border: #000000 1px solid;
		margin: 2px;
		width: 75px;
		cursor: hand;
	}

	.button {
		background-color: #ffffff;
		color: #000000;
		border: #000000 1px solid;
		margin: 2px;
		width: 75px;
		cursor: hand;
	}

	#relatedLinks {
		padding: 4px;
	}

	#relatedLinks a {
		color: #333333;
	}

	#relatedLinks a:hover {
		color: #ff0000;
	}

	fieldset {
		margin: 5px;
		display: block;
	}

	.buttonArea {
		padding: 5px;
		text-align: center;
	}

	form {
		margin: 0px;
		padding: 0px;
	}

	.dataTable a {
		color: #000000;
	}

	.dataTable a:hover {
		color: #ff0000;
	}

	.sectionHeader {
		margin: 5px;
		margin-top: 10px;
		display: block;
		font-family: Verdana, Sans-Serif;
		font-size: 8pt;
	}

	.sectionHeader a {
		color: #000000;
	}

	.sectionHeader a:hover {
		color: #ff0000;
	}

	.radioButtonList td {
		padding: 0px;
	}

	.detailsView {
		font-family: Verdana, Sans-Serif;
		font-size: 8pt;
		border-collapse: collapse;
		margin: 5px;
	}

	.detailsView .altRow {
		background-color: #ffffff;
	}

	.detailsView .header {
		background-color: #dddddd;
		color: #000000;
		white-space: nowrap;
		font-weight: bold;
	}

	.detailsView .row {
		background-color: #dddddd;
	}

	.detailsView td {
		border: 1px #000000 solid;
		margin: 0px;
		padding: 4px;
	}

	.siteMapTreeView {
		font-family: Verdana, Sans-Serif;
		font-size: 8pt;
		background-color: #dddddd;
		margin: 5px;
		border: 1px solid #000000;
	}

	.siteMapTreeView .root {
		font-size: 10pt;
	}

	.siteMapTreeView .node {
		color: #000000;
		font-size: 8pt;
		text-decoration: underline;
	}

	.siteMapTreeView .node-hover {
		color: #ff0000;
	}

	.setMapTreeView .leaf {
		font-size: 8pt;
	}

	.validationMessageArea {
		padding: 5px;
		text-align: center;
		font-family: Verdana,sans-serif;
	}

	.validationMessage {
		color: #ff0000;
		font-size: 8pt;
	}

	.userInfoTable {
		padding: 0px;
		height: 43px;
		font-family: Verdana,sans-serif;
		font-size: 8pt;
	}

	.userInfoTable td {
		padding: 0px;
	}

	.disclaimer {
		font-family: Verdana, Sans-Serif;
		font-size: xx-small;
		color: #000000;
	}

	.reportLink {
		font-family: Verdana, Sans-serif;
		font-size: 9pt;
		color: #000000;
		text-align:center;
		padding: 5px;
	}
}	

