﻿html, body, table, div, p, h1, h2, h3, h4, h5, h6, blockquote, ol, ul, /*li,*/ dl, dt, dd, td, form, fieldset, a, img, button
{
	margin: 0;
	padding: 0;
	border: 0;
}
/* Sets element margins, padding, and border to 0 to even out browser differences when adding desired values later. */
body
{
	text-align: left;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 85%;
}
h1, h2, h3, h4, h5, h6
{
	margin-top: 1.5em;
	color: #000000;
	background-color: transparent;
	font-weight: bold;
	margin-bottom: 0.2em;
}
/*Typographics styles adapted from http://www.thenoodleincident.com/tutorials/typography/ */
h1
{
	margin-top: 0em;
	font-size: 1.8em;
}
h2
{
	font-size: 1.6em;
}
h3
{
	font-size: 1.4em;
}
h4
{
	font-size: 1.2em;
}
h5
{
	font-size: 1.0em;
}
h6
{
	font-size: 0.8em;
}
p, ul
{
	margin-bottom: 20px;
	line-height: 1.6em;
}
sup
{
	font-size: 87%;
}
strong
{
	font-weight: bold;
}
em
{
	font-style: italic;
}
/*
li
{
	margin-left: 2em;
}
*/
a, a:link, a:visited
{
	text-decoration: underline;
}
a:hover
{
	text-decoration: none;
}
body, form, #northdiv, #titlediv, #menudiv, #contentdiv, #footerdiv
{
	border: 0;
	padding: 0;
	margin: 0;
	width: 100%;
	right: 2px;
}
#contentdiv
{
	border: 0;
	padding: 0;
	margin: 0;
}
#titlediv {	
	margin-bottom: -2px;
	background-repeat: repeat;
}
#northdiv
{
	border-top: solid 5px black;
	border-bottom: solid 1px black;
}
#footerdiv
{
	border-top: solid 1px black;
	border-bottom: solid 1px black;
	clear: both;
	font-size: xx-small;
	text-align: center;
}
#footerdiv a, #footerdiv a:link, #footerdiv a:visited
{
	text-decoration: none;
	background-color: Transparent;
	color: Black;
}
#footerdiv a:hover
{
	text-decoration: underline;
	background-color: Transparent;
	color: Black;
}

.sitePage
{
	margin: 0 200px;
	padding: 2em;
	border-left: solid 1px black;
	border-right: solid 1px black;
}

/********************** Homepage 3 column Layout ********************************/
#HomePage
{
	width: 100%;
	height: 100%;
	border: 0;
	border-collapse: collapse;
}
#HomePage ul
{
	margin-left: 1em;
}
#HPmarginLeft
{
	width: 200px;
	border-right: solid 1px black;
	vertical-align: top;
}
#HPmarginRight
{
	width: 150px;
	border-left: solid 1px black;
	vertical-align: top;
}
#HPContent
{
	vertical-align: top;
}
#HPimageLegend
{
	/* 	margin: auto -1em !important; 	margin-bottom: -1em !important; */
	width: 100%;
	margin: 0;
	padding: 0;
	border-top: solid 1px black;
	vertical-align: bottom;
}
.container
{
	padding: 1em;
	font-size: xx-small;
}
#HPmarginRight .container
{
	padding: 1em 0.5em;
	text-align: center;
}
#HPContent .container
{
	font-size: 0.85em;
}
/**********************************************************************************/

.admindiv
{
	padding: 2em;
}
.admindiv a, .admindiv a:link
{
	color: Maroon;
}
.admindiv a:visited, .admindiv a:hover
{
	color: #CD3700;
}
.admindiv table
{
	font-size: xx-small;
	border-collapse: collapse;
}
.admindiv th
{
	font-weight: bold;
	white-space: nowrap;
	padding: 0.2em 0.3em;
	background: #666666;
	border: solid 1px #ffffff;
	border-left-color: #666666;
	border-top-color: #e0e0e0;
	border-right: none;
	border-bottom: none;
	color: #ffffff;
}
.admindiv td
{
	font-weight: normal;
	padding: 0.5em 0.3em;
	background: #ffffff;
	border: solid 1px #ffffff;
	border-bottom-color: #e0e0e0;
	color: #000000;
}
/***************************** QuickSearch Section *******************************/
.QuickSearch
{
	font-family: icon,tahoma,Geneva,Arial,Helvetica,sans-serif;
	font-size: xx-small;
}
.QSLabel
{
}
.QSSearchBox
{
	font-family: icon,tahoma,Geneva,Arial,Helvetica,sans-serif;
	font-size: xx-small;
	margin-bottom: 3px;
}
.QSButton
{
	font-family: icon,tahoma,Geneva,Arial,Helvetica,sans-serif;
	font-size: xx-small;
	margin: 0;
	padding: 0;
}
.QSLinkButton
{
}
.QSFeedback
{
}
.QSSuggestionList
{
	font-family: icon,tahoma,Geneva,Arial,Helvetica,sans-serif;
	font-size: xx-small;
	line-height: 1.3em;
	border: none;
}
/****************************** Autocomplete Results *****************************/
.ui-autocomplete
{
	font-family: icon,tahoma,Geneva,Arial,Helvetica,sans-serif;
	font-size: xx-small;
	line-height: 1.3em;
	max-height: 170px;
	overflow-y: auto; /* prevent horizontal scrollbar */
	overflow-x: hidden; /* add padding to account for vertical scrollbar */
}
.ui-autocomplete-loading
{
	background: white url('../images/icons/indicator.gif') right center no-repeat;
}
/*********************************************************************************/
/*********************************************************************************/

/****************************** Login Section ********************************/
.loginbox
{
	width: 260px;
	margin: 0 auto;
	border: ridge medium White;
	background-color: #E0E0E0;
	padding: 20px;
	text-align: center;
	font-size: small;
}
.loginbox div
{
	text-align: right;
}
.loginbox div input
{
	width: 10em;
}

.validationsummary
{
	color: Red;
	width: 300px;
	margin: 0 auto;
}
/*********************************************************************************/
/*********************************************************************************/

/****************************** Main Menu Section ********************************/
#menudiv
{
	background-color: #e0e0e0;
}
#menudiv #TitleToggler
{
	float: right;
	margin: 0.3em 3px;
	height: 1.3em; /* 16px;*/
}
#menudiv #ddlLanguages
{
	float: right;
	font: 0.8em verdana;
	background-color: #3F3F3F;
	color: #DCDCCC;
	margin-top: 0.3em;
}
#topmenu
{
	white-space: nowrap;
	background-color: #3F3F3F;
	color: #DCDCCC;
	border: none;
	vertical-align: middle;
	height: 1.65em;
	padding-top: 0.1em;
}
.topmenuitem a, .topmenuitem a:link, .topmenuitem a:visited, .topmenuitem a:hover
{
	white-space: nowrap;
	font: 0.8em verdana;
	color: #DCDCCC;
	background-color: Transparent;
	border: solid 1px #3F3F3F;
	text-decoration: none;
	padding: 0.3em 1em;
	vertical-align: middle;
	text-align: center;
}
.topmenuitem a:hover
{
	white-space: nowrap;
	border: solid 1px #3f3f3f;
	border-left-color: #888888;
	border-top-color: #888888;
	text-decoration: underline;
}
.topmenuitemselected a, .topmenuitemselected a:link, .topmenuitemselected a:visited
{
	white-space: nowrap;
	font: 0.8em verdana;
	color: #3f3f3f;
	background-color: #e0e0e0;
	border: solid 1px #595959;
	border-right-color: #ffffff;
	border-bottom: none;
	text-decoration: none;
	padding: 0.3em 1em;
	vertical-align: middle;
	text-align: center;
	cursor: pointer;
	position: relative;
	top: 0.25em;
}

/******************************************** Submenu Section **********************************************/
#submenu
{
	white-space: nowrap;
	background-color: #e0e0e0;
	border: none;
	padding-top: 0.1em;
	padding-bottom: 0.2em;
}
.submenuitem a, .submenuitem a:link, .submenuitem a:visited
{
	white-space: nowrap;
	font: 0.75em verdana;
	color: #3f3f3f;
	background-color: Transparent;
	border: solid 1px #e0e0e0;
	text-decoration: none;
	padding: 0.3em 1em;
	vertical-align: middle;
	text-align: center;
	line-height: 1.4em;
}
.submenuitem a:hover
{
	border: solid 1px #ffffff;
	border-bottom-color: #999999;
	border-right-color: #999999;
}
.submenuitemselected a, .submenuitemselected a:link, .submenuitemselected a:visited
{
	white-space: nowrap;
	text-decoration: none;
	font: 0.75em verdana;
	color: #3f3f3f;
	background-color: #ffffff; /* #f6f6f6; */
	border: solid 1px #ffffff;
	border-bottom-color: #ffffff; /* #f6f6f6; */
	border-left-color: #999999;
	border-top-color: #999999;
	cursor: pointer;
	padding: 0.3em 1em;
	vertical-align: middle;
	text-align: center;
	position: relative;
	top: 0.2em;
}
/*************************** Toolbar Menu Section *********************************/

.HToolbarMenu
{
	background: #666666;
	text-align: left;
	vertical-align: middle;
	width: 100%;
	white-space: nowrap;
}
.HToolbarMenu .ToolbarItem, .HToolbarMenu .ToolbarItemHover
{
	margin: 0px 3px;
}
.VToolbarMenu
{
	background: #666666;
	text-align: center;
	vertical-align: top;
	height: 100%;
	width: 30px;
}
.ToolbarItem
{
	color: #ffffff;
	background-color: #C2C5C8;
	border: solid 1px #ffffff;
	padding: 2px;
}
.ToolbarItemHover
{
	color: #C2C5C8;
	background-color: #ffffff;
	border: solid 1px #C2C5C8;
	padding: 2px;
}

.LanguageSelector
{
	font-family: icon,tahoma,Geneva,Arial,Helvetica,sans-serif;
	font-size: xx-small;
	color: #ffffff;
	background-color: #666666;
	vertical-align: middle;
}

/***********************************************************************************************************/
#IntroDiv
{
	padding: 2em;
	padding-bottom: 0;
}
/***********************************************************************************************************/
/******************************               Search Forms         *****************************************/
/***********************************************************************************************************/
.searchform
{
	width: 46em;
	margin: 2em auto;
	border: solid thin black;
	text-align: left;
	background-color: #FFFFCC;
}
.searchform #sfheader
{
	border-bottom: solid 1px black;
	background-color: #DDDDDD;
	padding: 3px;
	text-align: center;
	font-weight: bold;
}
.searchform #sfbody
{
	padding: 1em;
}

.searchform #sfbody table td
{
	white-space: nowrap;
	vertical-align: top;
}
.searchform td input[type="text"]
{
	margin: 0;
	padding: 0;
	margin-bottom: 0.1em;
	width: 94%;
}
.searchform #sfbody .focussed
{
	border-right-color: black;
}

#AltitudeRangeStart, #AltitudeRangeEnd
{
	width: 43%;
}
.searchform #sfbody #subsearchresults
{
	width: 33%;
}
.searchform #sfbody Table
{
	height: 100%;
}
.searchform #sfbody #subsearchresults #matchesTxt
{
	font-size: x-small;
	font-weight: bold;
}
.searchform #sfbody #subsearchresults select
{
	font-size: x-small;
	width: 100%;
}
.searchform #sfbody #subsearchresults #currentField
{
	font-size: xx-small;
	font-style: italic;
	text-align: right;
}
#formButtons
{
	text-align: right;
	margin-top: 1em;
}
.searchform.smallform input
{
	font-size: xx-small;
}
.searchform.smallform select
{
	font-size: xx-small;
}
.searchform.smallform
{
	margin: 0.1em auto;
	width: auto;
}

/***********************************************************************************************************/


/***********************************************************************************************************/
/******************************            ResultTable Views       *****************************************/
/***********************************************************************************************************/
#columnSummaryTable, .ViewTable
{
	background-color: #3F3F3F;
	color: #DCDCCC;
	width: 100%;
	border-collapse: collapse;
}
#columnSummaryTable th, .ViewTable th
{
	background-color: #D0D0D0;
	color: Black;
	border: solid 1px Black;
	padding: 0.3em;
	font-size: x-small;
	text-align: center;
	font-weight: bold;
}
#columnSummaryTable td, .ViewTable td
{
	padding: 0.3em 0.5em;
	font-size: xx-small;
	border: solid 1px Black;
}


/***********************************************************************************************************/
/******************************            News & Events         *******************************************/
/***********************************************************************************************************/
.section
{
	overflow: hidden;
	margin-top: 2em;
}
.section .sectionHead
{
	padding: 0.3em;
	border: 0;
	font-size: 0.9em;
	white-space: nowrap;
	border-left: solid 10px #008000; /* Green */
	border-bottom: solid 3px #008000; /* Green */
	color: #000000; /* Black */
	background-color: #DCDCDC; /* Gainsboro */
	margin-bottom: 1.5em;
}
.section .sectionBody
{
	border: 0;
	padding: 0 1.2em;
	font-size: 0.8em;
	color: #000000; /* Black */
	background-color: Transparent;
}
.section .sectionBody p
{
	line-height: 1.3em;
	margin-top: 0.2em;
	margin-bottom: 1em;
}


/***********************************************************************************************************/
/*******************************     validation-summary-errors     *****************************************/
/***********************************************************************************************************/
.validation-summary-errors
{
	font-size: small;
}
p.validation-summary-errors
{
	margin: 1em;
	line-height: 1.3em;
}
span.validation-summary-errors
{
	font-weight: bold;
	color: Maroon;
	background-color: Transparent;
}
ul.validation-summary-errors
{
	margin: 0 0 2em 0;
}
.validation-summary-errors li
{
	list-style-type: disc;
	list-style-position: inside;
	color: Red;
	background-color: Transparent;
}


/*!
 * Ext JS Library 3.2.1
 * Copyright(c) 2006-2010 Ext JS, Inc.
 * licensing@extjs.com
 * http://www.extjs.com/license
 */
.sort-desc
{
	background-image: url("http://extjs.cachefly.net/ext-3.3.1/resources/images/gray/grid/sort_desc.gif") !important;
	background-position: 4px 7px !important;
}

.sort-asc
{
	background-image: url("http://extjs.cachefly.net/ext-3.3.1/resources/images/gray/grid/sort_asc.gif") !important;
	background-position: 4px 7px !important;
}

/*
*  Styles required for Results Grid functionality
*/
.x-grid3-cell-inner.unwrapped
{
	white-space: normal !important;
}
tr.tagged td
{
	background-color: #99CCCC !important;
}

