.FormFields { font-family: Arial, Verdana, Helvetica, sans-serif; font-size: 0.875rem; font-style: normal; font-weight: normal; color: #000000; line-height: normal }

.newdate {  font-weight: bolder; color: #009999}
.sitecontact {  font-family: Arial, Verdana, Helvetica, sans-serif; font-size: 0.625rem; font-style: normal; font-weight: normal; font-variant: normal; color: #000000; text-decoration: none}
.join-e-mail { font-family: Arial, Verdana, Helvetica, sans-serif; font-size: 1rem; font-style: normal; font-weight: normal; font-variant: normal; color: #000000; text-decoration: none }
.Titles {  font-family: Arial, Verdana, Helvetica, sans-serif; font-size: 1.3rem; font-style: normal; font-weight: bold; font-variant: normal; color: #006F6F; text-decoration: none; line-height: normal}
.TitlesSmall {  font-family: Arial, Verdana, Helvetica, sans-serif; font-size: 1rem; font-style: normal; font-weight: bold; font-variant: normal; color: #006F6F; text-decoration: none; line-height: normal}
.Contacts { font-family: Arial, Verdana, Helvetica, sans-serif; font-size: 0.875rem; font-style: normal; font-weight: normal; color: #000000; line-height: normal }

.Text14 { font-family: Arial, Verdana, Helvetica, sans-serif; font-size: 1.125rem; font-style: normal; font-weight: normal; color: #000000; line-height: normal }
.Text13 { font-family: Arial, Verdana, Helvetica, sans-serif; font-size: 1.0625rem; font-style: normal; font-weight: normal; color: #000000; line-height: normal }
.Text12 { font-family: Arial, Verdana, Helvetica, sans-serif; font-size: 1rem; font-style: normal; font-weight: normal; color: #000000; line-height: normal }
.Text11 { font-family: Arial, Verdana, Helvetica, sans-serif; font-size: 0.875rem; font-style: normal; font-weight: normal; color: #000000; line-height: normal }
.Text10 { font-family: Arial, Verdana, Helvetica, sans-serif; font-size: 0.75rem; font-style: normal; font-weight: normal; color: #000000; line-height: normal }
.Text9 { font-family: Arial, Verdana, Helvetica, sans-serif; font-size: 0.625rem; font-style: normal; font-weight: normal; color: #000000; line-height: normal }

.Text14b { font-family: Arial, Verdana, Helvetica, sans-serif; font-size: 1.125rem; font-style: normal; font-weight: bold; color: #000000; line-height: normal }
.Text12b { font-family: Arial, Verdana, Helvetica, sans-serif; font-size: 1rem; font-style: normal; font-weight: bold; color: #000000; line-height: normal }
.Text11b { font-family: Arial, Verdana, Helvetica, sans-serif; font-size: 0.875rem; font-style: normal; font-weight: bold; color: #000000; line-height: normal }

.Green12 { font-family: Arial, Verdana, Helvetica, sans-serif; font-size: 1rem; font-style: normal; font-weight: bold; color: #009999; line-height: normal }
.Green11 { font-family: Arial, Verdana, Helvetica, sans-serif; font-size: 0.875rem; font-style: normal; font-weight: bold; color: #009999; line-height: normal }

.Red12 { font-family: Arial, Verdana, Helvetica, sans-serif; font-size: 1rem; font-style: normal; font-weight: normal; color: #FF0000; line-height: normal }
.Red9 { font-family: Arial, Verdana, Helvetica, sans-serif; font-size: 0.625rem; font-style: normal; font-weight: normal; color: #FF0000; line-height: normal }

.Gray11 {  font-family: Arial, Verdana, Helvetica, sans-serif; font-size: 0.875rem; font-style: normal; line-height: normal; font-weight: normal; font-variant: normal; color: #949494}

A.Link9:link {font-family: Arial, Verdana, Helvetica, sans-serif; font-size: 0.625rem; font-style: normal; font-weight: normal; font-variant: normal; text-decoration:underline; color: #000000}
A.Link9:active {font-family: Arial, Verdana, Helvetica, sans-serif; font-size: 0.625rem; font-style: normal; font-weight: normal; font-variant: normal; text-decoration:underline; color: #000000}
A.Link9:visited {font-family: Arial, Verdana, Helvetica, sans-serif; font-size: 0.625rem; font-style: normal; font-weight: normal; font-variant: normal; text-decoration:underline; color: #000000}
A.Link9:hover {font-family: Arial, Verdana, Helvetica, sans-serif; font-size: 0.625rem; font-style: normal; font-weight: normal; font-variant: normal; text-decoration:none; color: #009999}

A.Link11:link {font-family: Arial, Verdana, Helvetica, sans-serif; font-size: 0.875rem; font-style: normal; font-weight: normal; font-variant: normal; text-decoration:underline; color: #000000}
A.Link11:active {font-family: Arial, Verdana, Helvetica, sans-serif; font-size: 0.875rem; font-style: normal; font-weight: normal; font-variant: normal; text-decoration:underline; color: #000000}
A.Link11:visited {font-family: Arial, Verdana, Helvetica, sans-serif; font-size: 0.875rem; font-style: normal; font-weight: normal; font-variant: normal; text-decoration:underline; color: #000000}
A.Link11:hover {font-family: Arial, Verdana, Helvetica, sans-serif; font-size: 0.875rem; font-style: normal; font-weight: normal; font-variant: normal; text-decoration:none; color: #009999}

A.LinkGreen10:link {font-family: Arial, Verdana, Helvetica, sans-serif; font-size: 0.75rem; font-style: normal; font-weight: normal; font-variant: normal; text-decoration:none; color: #009999}
A.LinkGreen10:active {font-family: Arial, Verdana, Helvetica, sans-serif; font-size: 0.75rem; font-style: normal; font-weight: normal; font-variant: normal; text-decoration:none; color: #009999}
A.LinkGreen10:visited {font-family: Arial, Verdana, Helvetica, sans-serif; font-size: 0.75rem; font-style: normal; font-weight: normal; font-variant: normal; text-decoration:none; color: #009999}
A.LinkGreen10:hover {font-family: Arial, Verdana, Helvetica, sans-serif; font-size: 0.75rem; font-style: normal; font-weight: normal; font-variant: normal; text-decoration:underline; color: #009999}

A.Link12:link {font-family: Arial, Verdana, Helvetica, sans-serif; font-size: 1rem; font-style: normal; font-weight: normal; font-variant: normal; text-decoration:underline; color: #000000}
A.Link12:active {font-family: Arial, Verdana, Helvetica, sans-serif; font-size: 1rem; font-style: normal; font-weight: normal; font-variant: normal; text-decoration:underline; color: #000000}
A.Link12:visited {font-family: Arial, Verdana, Helvetica, sans-serif; font-size: 1rem; font-style: normal; font-weight: normal; font-variant: normal; text-decoration:underline; color: #000000}
A.Link12:hover {font-family: Arial, Verdana, Helvetica, sans-serif; font-size: 1rem; font-style: normal; font-weight: normal; font-variant: normal; text-decoration:none; color: #009999}

A.Link12b:link {font-family: Arial, Verdana, Helvetica, sans-serif; font-size: 1rem; font-style: normal; font-weight: bold; font-variant: normal; text-decoration:underline; color: #000000}
A.Link12b:active {font-family: Arial, Verdana, Helvetica, sans-serif; font-size: 1rem; font-style: normal; font-weight: bold; font-variant: normal; text-decoration:underline; color: #000000}
A.Link12b:visited {font-family: Arial, Verdana, Helvetica, sans-serif; font-size: 1rem; font-style: normal; font-weight: bold; font-variant: normal; text-decoration:underline; color: #000000}
A.Link12b:hover {font-family: Arial, Verdana, Helvetica, sans-serif; font-size: 1rem; font-style: normal; font-weight: bold; font-variant: normal; text-decoration:none; color: #009999}

A.Link13:link {font-family: Arial, Verdana, Helvetica, sans-serif; font-size: 1rem; font-style: normal; font-weight: normal; font-variant: normal; text-decoration:underline; color: #000000}
A.Link13:active {font-family: Arial, Verdana, Helvetica, sans-serif; font-size: 1rem; font-style: normal; font-weight: normal; font-variant: normal; text-decoration:underline; color: #000000}
A.Link13:visited {font-family: Arial, Verdana, Helvetica, sans-serif; font-size: 1rem; font-style: normal; font-weight: normal; font-variant: normal; text-decoration:underline; color: #000000}
A.Link13:hover {font-family: Arial, Verdana, Helvetica, sans-serif; font-size: 1rem; font-style: normal; font-weight: normal; font-variant: normal; text-decoration:none; color: #009999}


.textbody {  font-family: Arial, Verdana, Helvetica, sans-serif; font-size: 1rem; font-weight: normal; color: #000000; text-decoration: none}
.links {  font-family: Arial, Verdana, Helvetica, sans-serif; font-size: 1rem; text-decoration: underline}
.linksblue {	font-family: Arial, Verdana, Helvetica, sans-serif;	font-size: 1rem;	text-decoration: underline;	color : Blue;	font : Arial, Helvetica, sans-serif;}

.SubTitles { font-family: Arial, Verdana, Helvetica, sans-serif; font-size: 1.125rem; font-style: normal; font-weight: bold; font-variant: normal; color: #009999; text-decoration: none; line-height: normal }
.SubSubTitles { font-family: Arial, Verdana, Helvetica, sans-serif; font-size: 1rem; font-style: normal; font-weight: bold; font-variant: normal; color: #009999; text-decoration: none; line-height: normal }

.Red10 { font-family: Arial, Verdana, Helvetica, sans-serif; font-size: 0.625rem; font-style: normal; font-weight: normal; color: #FF0000; line-height: normal }
.Text10b { font-family: Arial, Verdana, Helvetica, sans-serif; font-size: 0.75rem; font-style: normal; font-weight: bold; color: #000000; line-height: normal}
.Text10h { font-family: Arial, Verdana, Helvetica, sans-serif; font-size: 0.75rem; font-style: normal; font-weight: normal; color: #000000; line-height: normal}
.Gray10 { font-family: Arial, Verdana, Helvetica, sans-serif; font-size: 0.75rem; font-style: normal; line-height: normal; font-weight: normal; font-variant: normal; color: #949494 }
.Gray9 { font-family: Arial, Verdana, Helvetica, sans-serif; font-size: 0.625rem; font-style: normal; line-height: normal; font-weight: normal; font-variant: normal; color: #949494 }
.Text11c { font-family: Arial, Verdana, Helvetica, sans-serif; font-size: 0.875rem; font-style: normal; font-weight: normal; color: #000000; line-height: normal ; text-align: center}



/* new CSS */
html {
	font-size: 1em;
	height: 100%;
}


body {
	max-width: 970px;
	width: 90%;
	margin: 0 auto;
	font-family: Arial, sans-serif;
	height: 100%;
}
body, table, tbody, tr, td {
	font-size: 1rem;
	
	color: #222;
}

font[size="1"] {
	font-size: .75rem;

}
font[size="2"] {
	font-size: 1rem;

}
font[face="Verdana, Arial, Helvetica, sans-serif"] {
	font-family: Arial, Verdana, Helvetica, sans-serif;
}
.textbody {  font-size: 1rem;}

A:Link, A.Link9:link, A.Link11:link, A.Link12:link, A.Link12b:link, A.Link13:link,.links, .links:link {color: #066; text-decoration:none;}
A:active, A.Link9:active, A.Link11:active, A.Link12:active, A.Link12b:active, A.Link13:active, .links:active {color: #066; text-decoration:none;}
A:visited, A.Link9:visited, A.Link11:visited, A.Link12:visited, A.Link12b:visited, A.Link13:visited , .links:visited {color: #066; text-decoration:none;}
A:hover, A.Link9:hover, A.Link11:hover, A.Link12:hover, A.Link12b:hover, A.Link13:hover, .links:hover {color: #022; text-decoration:underline;}



.cf:before,
.cf:after {
  content: " "; /* 1 */
  display: table; /* 2 */
}

.cf:after {
  clear: both;
}

/*
 * For IE 6/7 only
 * Include this rule to trigger hasLayout and contain floats.
 */
.cf {
  zoom: 1;
}

table {
	width: 100%;
}
#logo,
#Contact,
#Footer {
	padding: 10px 15px;
	text-align: center;
}
* {
  box-sizing: border-box;
}

td[height="80%"] {
	line-height: 1.5;
}
#main-nav {
	line-height: normal;
}
.Text12 {
	line-height: 1.3;
}

#map {
	width: 100%;
	display: block;
	height: 750px;
}


@media only screen and (min-width: 768px) {
td[height="80%"] {
	height: 100%;
}
}


/* search form */

#divSearch {
	padding: 20px;
	font-size: .8rem;
}
#divSearchHelp {
	width: 50%;
	float: left;
}
#btnSearchHelp {
	padding-bottom: 5px;
}
#divSearchDownload {
	width: 50%;
	float: right;
	text-align: right;
}
#divSearchText {
	clear: both;
}
#divSearch .SubTitles
{
	display: block;
	margin: 10px 0px;
}


#divSearchTextInput,
#divSearchTextInfo,
#divSearchTextType {
	display: block;
	margin-bottom: 10px;
}

#divSearchTextArea,
#divSearchFilterArea,
#divSearchSortArea {
	margin-left: 20px;
	margin-bottom: 20px;
}

.searchFilter {
	margin: 15px 0px 0px;
}

.searchFilter .textbody {
	margin-bottom: 5px;
	display: block;
}
.searchFilter img {
	margin-top: 5px;
}

#divSearchCategory {

	float: left;	
	padding-right: 20px;
	min-width: 170px;
}
#divSearchAuthor {
	float: left;
	min-width: 360px;

}
#divSearchSector {

	clear: both;
	float: left;
	padding-right: 20px;
	min-width: 170px;
}
#divSearchImplementer {
	float: left;
	min-width: 360px;

}
#divSearchPubDates {
	float: left;
	padding-right: 20px;
}
#divSearchProgYears {
float: left;

}



#divSearchPubTypes input,
#divSearchPubTypes label {
	vertical-align: middle;
}

#divSearchSubmit {
	margin-top: 30px;
	text-align: center;
}
#divSearchDateFrom,
#divSearchYearFrom {
	display: inline-block;
	margin-right: 10px;
	vertical-align: middle;
}


#divSearchDateTo,
#divSearchYearTo {
	display: inline-block;
	vertical-align: middle;
}

/* tablet */	
@media only screen and (max-width: 767px) {
body > table,
body > table > tbody, 
body > table > tbody > tr, 
body > table > tbody > tr > td {
	display: block;
	width: 100%;
	height: auto;
 }
.Titles {
	display: block;
	margin-top: 8px;
	padding: 0px 30px;
}


#Contact {
	text-align: center;
	padding: 10px;
	background-color: #87C2C2;
}
#Footer {
	padding: 10px;
}
#frmSearch tbody,
#frmSearch td,
#frmSearch tr {
	display: block;
	width: 100%;
	height: auto;
	text-align: left;
	white-space: normal;
}
#frmSearch table {
	padding: 5px;
}
}

/* mobile */
@media only screen and (max-width: 479px) {
	body {
		width: 100%;
	}
	#divSearchTextArea,
#divSearchFilterArea,
#divSearchSortArea {
	margin-left: 0px;
}
#divSearch select,
#divSearch #searchtext {
	width: 100%;
}

#divSearchCategory {

	float: none;	
	padding-right: 0px;
	min-width: 170px;
}
#divSearchAuthor {
	float: none;
	min-width: inherit;

}
#divSearchSector {

	clear: both;
	float: none;
	min-width: inherit;
	padding-right: 0px;
}
#divSearchImplementer {
	float: none;
	min-width: inherit;

}
#divSearchPubDates {
	float: none;
	min-width: inherit;
	padding-right: 0px;
}
#divSearchProgYears {
float: none;

}
}
#searchPage .Text9 {
	font-size: 0.75rem;;
}
#searchPage .searchResultsTable .Text9 {
	font-size: 0.875rem;;
}
#searchPage .searchResultsTable td {
	padding: 4px;
}
@media only screen and (max-width: 479px) {
#searchPage .searchResultsTable td,
#searchPage .searchResultsTableV td,
#weatherDataTable td {
	display:inline-block;
	padding: 4px;
	width: auto;
	text-align: left;
}

#weatherDataTable td:first-of-type
 {
	width: 100%;
	display: block;
	
}
#map {
	width: 100%;
	display: block;
	height: 500px;
}

}

.searchResultsTableV {
	margin-left: 20px;
}

.rowFirst, .rowDigits,  .rowLink  {
	vertical-align: middle;
}
.rowFirst {
	font-size: 0.75rem;
	white-space: nowrap;
	}

.rowDigits {
	font-size: 0.65rem;
}

 .rowLink {
	font-size: 0.75rem;
	}