﻿/**********************************************************/
/*                                                        */
/*         Styles for HTML tags                           */
/*                                                        */
/**********************************************************/
a:hover 
{
	color: #333333;
}



/**********************************************************/
/*                                                        */
/*         Icons within the App_Theme folder			  */
/*                                                        */
/**********************************************************/
.x-btn button.CloseIcon 
{
	background-image: url(images/button-close.png);
}
.x-btn button.BackIcon 
{
	background-image: url(images/button-back.png);
}
.x-btn button.PdfIcon
{
	background-image: url(images/button-genpdf.gif);
}
.x-btn button.EditIcon
{
	background-image: url(images/button-edit.png);
}
.x-btn button.GoIcon
{
	background-image: url(images/button-go.png);
}
.x-btn button.AddIcon
{
	background-image: url(images/button-add.png);
}
.x-btn button.RemoveIcon
{
	background-image: url(images/button-remove.png);
}
.x-btn button.PrintIcon
{
	background-image: url(images/MapNavigation/tool_print.gif);
}
.x-btn button.ChangeIcon
{
	background-image: url(images/button-change.png);
}
.x-btn button.CopyIcon
{
	background-image: url(images/button-copy.png);
}
.x-btn button.SearchIcon
{
	background-image: url(images/button-search.png);
}
.x-btn button.MapIcon
{
	background-image: url(images/icons/icon_mapit.gif);
}
.x-btn button.TableIcon
{
	background-image: url(images/icons/icon_tableit.gif);
}
.x-btn button.StatisticsIcon
{
	background-image: url(images/icons/icon_statit.gif);
}
.x-btn button.ScatterIcon
{
	background-image: url(images/icons/icon_chartit.gif);
}
.x-btn button.RankIcon
{
	background-image: url(images/icons/icon_ranked_list.gif);
}



/**********************************************************/
/*                                                        */
/*   General styles in use on many controls and pages.    */
/*                                                        */
/**********************************************************/
.DisclaimerText
{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size: 7pt;
	line-height: 15px;
	padding-bottom: 10px;
}
.DisclaimerDiv
{
	margin: 30px;
}
.DisclaimerDiv p
{
	width: 600px;
}
.Label
{
	color:#464646;
	font-size: 12px;
}

/*
	Generic Panel Styles.
*/
.Panel
{
	background:#aeaeae url(images/custom/boxBg.gif) right top no-repeat;
	margin-bottom: 15px;
	padding: 15px;
	border: none;
}	
.PanelBody 
{
	border-style: none;
	background-color: Transparent;
}
.PanelTitle 
{
	background-color: Transparent;
	border-style: none;
	color: #FFFFFF;
}
.PanelTitle h3
{
	background:transparent url(images/custom/headerLine.gif) no-repeat scroll left bottom;
	display: block;
	font-size: 14px;
	line-height:14px;
	margin:3px 0 5px 5px;
	padding:0 0 7px;
}

.TabbedPanel
{
	background:#aeaeae url(images/custom/boxBg.gif) right top no-repeat;
	margin-bottom: 15px;
	border-style: none;
}



/**********************************************************/
/*                                                        */
/*     Specific control styles in use on many pages.      */
/*                                                        */
/**********************************************************/

/*
	A tool that enables the class breaks to be adjusted on the Map and Stats page.
*/
.CustomBreakSelector .DistributionPanel .Label
{
	color: Black;
}
.CustomBreakSelector .Label
{
	right: 80px;
	color:#333333;
}

.FooterGraphic
{
	position: absolute;
	float: none;
	right:0;
	bottom:10px;
	padding-right:25px;
	vertical-align:bottom;
}

/*
	Specialized header styles
*/
#headerInfo 
{
	float:left;
	margin-right: 5px;
}
#headerLink
{
	float: right;
	padding-right: 25px;
	padding-top: 15px;
	vertical-align: middle;
	text-align: right;
}
#headerLink a
{
	color: #FFFFFF;
	font-weight: bold;
}
#headerLink a:hover 
{
	text-decoration: underline;
}
#headerLogo
{
	float: left;
}
#headerLogoDiv 
{
	vertical-align:middle; 
	height:67px;
	background: url(images/custom/siteHeaderBg.gif) top left repeat-x;
}

#feedbackLink
{
	padding-right:25px;
	padding-top:15px;
	text-align:right;
	vertical-align:middle;
	color:#FFFFFF;
	font-weight:bold;
	float:right;
	width:125px;
}
#feedbackLink:hover 
{
	text-decoration: underline;
}

/* 
	IndicatorTable is a style for the list of indicators and times,
	often found in reports, but are available from web services, too.
*/
.IndicatorTable .DataValue
{
	border-color: #eeeeee;
}
.IndicatorTable .IndicatorHeader
{
	background-color: #f1f1f1;
	color: #333333;
}
.IndicatorTable .IndicatorName
{
	border-color: #eeeeee;
}
.IndicatorTable .TimeHeader
{
	border-color: #eeeeee;
}

/*
	Styles for the login panel on the default page and userlogin page
*/
#ForgottenPassword
{
	padding-left: 5px;
	text-align: center;
}
.LoginContainer
{
	width:315px;
}
.LoginControls 
{
	text-align: center;
}
.LoginControls .cbxRememberLogin
{
	padding:0 10px 0 10px;
	vertical-align:bottom;
}
.LoginControls .cbxRememberLogin input
{
	margin: 5px;
}
.LoginControls .LoginButton .ExtButton
{
	display: inline;
}
.LoginInputDiv
{
	padding-left: 5px;
}

/*
	The application menus -- menu bar, and front page menu.
*/
.MainMenu 
{
	background: url(images/custom/navBg.gif) top left repeat-x;
	color: #ffffff;
}	
.MainMenu .HorizontalMenuItem 
{
	text-decoration: none;	
}	
.MainMenu .HorizontalSeparator 
{
	visibility: hidden;
}
.MainMenu .MenuItemText 
{
	color: #ffffff;
	background: none;
	padding: 0 6px 5px 6px;
	font-size: 13px;
	line-height:20px;
}	
.MainMenu .MenuItemText:hover 
{
	background: url(images/custom/navFocusArrow.gif) bottom center no-repeat;
	color: #000000;
}	
.ext-gecko .MainMenu .MenuItemText:hover 
{
	padding-bottom: 4px;
}
.MainMenuControl table
{
	border-collapse: collapse;
	height: 25px;
}

/*
	The container for the model geolevel control.
*/
#mglPanel 
{
	margin: 0 70px 0 70px;
}

.ModalScreen
{
	background-color: #F1F1F1;
}

.ModelGeoLevelPanel .BreadcrumbCell
{
	font-weight:bold;
}
.ModelGeoLevelPanel .ModelSelectCell select
{
	max-width:450px;
}


/*
	A set of analysis output tabs
*/
.OutputTab 
{
	color: #000000;
	border:1px solid #CCCCCC;
}
.OutputTab a 
{
	display:block;
	color: #333333;
}
.OutputTab a img
{
	padding: 0px 0px 0px 0px;
	vertical-align:middle;
}
.OutputTabs .OutputTab a
{
	display:block;
}
.OutputTabs .OutputTab img
{
	padding:0px 3px 3px 0px;
	vertical-align:middle;
}
.SelectedTab /* This style must follow .OutputTab */
{
	padding-bottom: 3px;
	background: #c9c9c9;
	border: 1px solid #666666;
	border-bottom: none;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
}
.SelectedTab a /* This style must follow .OutputTab */
{
	color: #333333;
}

/*
	Popups 
*/
.PopupDataElemDescription, 
.PopupSimpleDescription, 
.PopupHeadingDescription
{
	font-size: 8pt;
}
.PopupDataElemSource,
.PopupDataElemCategory
{
	font-size: 8pt;
	color: #999999;
}

/*
	The application footer menus and panel.
*/
#preFooterLine
{
    width: 300px;
	color:#5c5b60;
	size:1;
	width:645px;
}
#SiteFooterPanel 
{
	position: relative;
}
#SiteFooterPanel hr 
{
	margin: 10px auto 10px auto;
	background-color:#cccccc;
}  

.SessionMessage
{
	font-size: 9pt;
}

/*
	A table of data values, either on the table display page,
	or as output from web services.
*/
.TableGrid table a
{
	background-color:#f1f1f1;
	color: #000;
}
.TableGrid table a:hover
{
	background-color:#FFFCDF;
}
.TableGrid table span
{
	background-color:#FFFCDF;
}
.TableGrid .BasicStats
{
	border-width: 1px 0px 0px 1px;
	border-style: solid;
	border-color: #888888;
}
.TableGrid .GeoLevelCell
{
	background: none;
	font-family:Verdana, Arial, Helvetica, sans-serif;	/* Verdana reads better at a smaller font. */
	font-size: 8pt;
}
.TableGrid .GeoUnit
{
	font-family:Verdana, Arial, Helvetica, sans-serif;	/* Verdana reads better at a smaller font. */
	font-size: 8pt;
}
.TableGrid .IndicatorHeader
{
	background-color: #F1F1F1;
	border: 1px solid #888888;
	border-top-width:0px;
	border-right-width:0px;
	font-size:8pt;
	font-family:Verdana, Arial, Helvetica, sans-serif;	/* Verdana reads better at a smaller font. */
}	
.TableGrid .RowStyle td,
.TableGrid .AlternatingRowStyle td
{
	border-width: 1px 0px 0px 1px;
	border-color: #888888;
	border-style: solid;
}
.TableGrid .RowStyle .BtnCell,
.TableGrid .AlternatingRowStyle .BtnCell
{
	background-color: transparent;
	border-width: 0px;
}
.TableGrid .RowStyle .GeoUnit,
.TableGrid .AlternatingRowStyle .GeoUnit
{
	border-width: 1px 0px 0px 0px; 
}
.TableGrid .SortCell
{
	background: none;
	border-width: 1px 0px 0px 1px;
	border-color: #888888;
	border-style: solid;
}
.TableGrid .SortCellGU
{
	background: none;
}
.TableGrid .SortOrder
{
	border: 2px solid #cc9966;
}
.TableGrid .TableStats
{
	font-family:Verdana, Arial, Helvetica, sans-serif;	/* Verdana reads better at a smaller font. */
	font-size: 7pt;
}

/*
	A control with two tabs
*/
.TwoTabsControl
{
	margin-right: 40px;
}
.TwoTabsControl .OutputTab 
{
	top: 2px;
}

/*
	User Registration Panel
*/
.UserRegistrationInformation .Panel
{
	background: #F6F6F6 none repeat scroll 0 0;
	padding: 15px;
	margin-bottom: 15px;
}
.UserRegistrationInformation .PanelBody
{
	background: transparent none repeat scroll 0 0;
	background-color: #F6F6F6;
}
.UserRegistrationInformation .PanelTitle h3
{
	background: transparent url(images/custom/headerLine2.gif) no-repeat scroll left bottom;
	color: #333333;
	display: block;
	font-size: 14px;
	margin: 3px 0 5px 5px;
}
.UserRegistrationInformation .RegistrationInformation .FirstRow td 
{
	padding-bottom:0;
	padding-top:0;
}

/*
	Styles for all the warning panels for user notifications.
*/
.WarningHandle
{
	background: none;
}
.WarningPanel
{
	background:#aeaeae url(images/custom/boxBg.gif) right top no-repeat;
	padding-bottom: 15px;
	padding: 15px 15px 15px 15px;
	color: #000;
}
.WarningText
{
	font-size: 8pt;
}
.WarningTitle
{
	color: #cc0000;
}



/**********************************************************/
/*                                                        */
/*      Consolidated styles for similar app classes.      */
/*                                                        */
/**********************************************************/
.SessionMessage,
.TwoTabsControl .OutputTab .LinkText
{
	font-family:Verdana, Arial, Helvetica, sans-serif;	/* Verdana reads better at a smaller font. */
	font-size: 8pt;	
}
.LocationSearchPanel .GeocodingInstructions
{
	font-family:Verdana, Arial, Helvetica, sans-serif;	/* Verdana reads better at a smaller font. */
	font-size: 7pt;	
}


		
/**********************************************************/
/*                                                        */
/*             Specific page level styles.                */
/*                                                        */
/**********************************************************/

/*
	Styles from Address Geocoding and Upload.
*/
.AddressGeocoding .AddButtonCell
{
	font-size: 8pt;
}
.AddressGeocoding .AddressGridItem
{
	border: solid 1px #666666;
}
.AddressGeocoding .CenteredIE
{
	padding: 20px;	
}
.AddressGeocoding .GeocodePanel
{
	background: url(images/custom/subBoxBg.gif) #f6f6f6 repeat-x left top;
	border: 1px solid #cccccc;
	color: #000;
}
.AddressGeocoding .Panel
{
	margin-top: 10px;
}
.AddressGeocoding .RedoButton
{
	font-size: 8pt;
	background:#666666 ;
	border:1px solid #111111;
	color:#ffffff;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	text-transform: uppercase;
	line-height: 20px;
	*line-height: 11px;
}

/*
	Styles from Address Upload page.
*/
.AddressUpload .CenteredIE
{
	padding: 20px;
}
.AddressUpload .Panel
{
	margin-top: 10px;
}
	
/*
	Styles from AppVersion page.
*/
.AppVersion .FileNameCell,
.AppVersion .FullNameCell,
.AppVersion .OtherFileList,
.AppVersion .OtherFileName,
.AppVersion .VersionCell
{
	font-size:9pt;
}

/*
	Styles from the Contact page.
*/
.Contact .SendMessageButton
{
	background:#666666 ;
	border:1px solid #111111;
	color:#ffffff;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	text-transform: uppercase;
	line-height: 25px;
	*line-height: 18px;
}

/*
	Styles from the CustomArea def page.
*/
.CustomAreaDef .container .description 
{
	color:#4C4D4F;
}
.CustomAreaDef .NewGeographyButton 
{
	text-transform: uppercase;
}

/*
	Styles from the Data Dictionary Page.
*/
.DataDictionary .DataElemDictionaryTable td,
.DataDictionaryGeoLevel .DataElemDictionaryTable td
{
	color:Black;
	border: 1px solid #cccccc;
	background-color: #ffffff;
	padding: 5px;
}
.DataDictionary .DataElemDictionaryTable tr.GridPager td,
.DataDictionaryGeoLevel .DataElemDictionaryTable tr.GridPager td
{
	background-color: Transparent;
	border-style: none;
	text-align: left;
}
.DataDictionary .DataElemDictionaryTable tr.GridPager td table,
.DataDictionaryGeoLevel .DataElemDictionaryTable tr.GridPager td table
{
	margin: 10px 0;
}
.DataDictionary .DataElemDictionaryTable tr.GridPager td table td,
.DataDictionaryGeoLevel .DataElemDictionaryTable tr.GridPager td table td
{
	background-color: #ffffff;
	border: solid 1px #dddddd;
	width: 1em;
	height: 1em;
	text-align:center;
}
.DataDictionary .IndicatorCategory,
.DataDictionaryGeoLevel .IndicatorCategory
{
	font-size: 8pt;
	color: #999999;
}
.DataDictionary .IndicatorDescription,
.DataDictionaryGeoLevel .IndicatorDescription
{
	font-size:10pt;
	width: 250px;
}
.DataDictionary .IndicatorHeader,
.DataDictionaryGeoLevel .IndicatorHeader,
.DataDictionary .IndicatorTimeHeader,
.DataDictionaryGeoLevel .IndicatorGeoLevelHeader
{
	color:#333333;
	font-size: 10pt;
	font-weight:bold;
	text-align:center;
	text-transform:uppercase;
	background-color:#f1f1f1;
	vertical-align: top;
	border:1px solid #CCCCCC;
}
.DataDictionary .IndicatorName,
.DataDictionaryGeoLevel .IndicatorName
{
	font-weight:bold;
	font-size:10pt;
}
.DataDictionary .IndicatorSource,
.DataDictionaryGeoLevel .IndicatorSource
{
	font-size: 8pt;
	color: #999999;
}
.DataDictionary .LinkTabCollection,
.DataDictionaryGeoLevel .LinkTabCollection
{
	margin-right:50px;
}
.DataDictionary .TableOffset,
.DataDictionaryGeoLevel .TableOffset
{
	height: 125px;
}
.DataDictionary .TablePane,
.DataDictionaryGeoLevel .TablePane
{
	height: 530px;
}
.DataDictionaryGeoLevel .IndicatorHeader,
.DataDictionaryGeoLevel .DataElementItem
{
	width: 550px;
}

/*
	Start button descriptions.
*/
.Default #Body 
{
	background: url(images/custom/mapBg.gif) top right no-repeat; 
	height: 100%; 
	width: 100%;
	margin-top: 0px;
}
.Default .BottomMenu
{
	margin-top: 50px;
}
.Default #CenterColumn 
{
	width: 975px;
	margin-left: 0;
	left:10px;
	right:10px;
	position:absolute;
	z-index: 1;
	margin-top:10px;
}
.Default .CurrentNewsPanel 
{
	float:right;
}
.Default .CurrentNewsPanel .PanelTitle
{
	background: url(images/custom/iconNews.gif) top left no-repeat;
	padding: 5px 0 0 38px;
	width:auto;
}
.Default #homeHelp
{
	list-style-type: square;
	padding-left: 15px;
}
.Default #homeHelp a
{
	font-weight:bold;
}
.Default .ItemSelector .Button
{
	float:right;
	font-size:8pt;
}
.Default .Label 
{
	font: normal 8pt Verdana,Arial,Helvetica,Sans-Serif;
}
.Default #LeftColumn 
{
	display: none
}	
.Default .LoginContainer h3
{
	width: 250px;
	font-size: 100%;
}
.Default .LoginContainer .Panel
{
	width: 285px;
	padding: 15px;
	border: none;
}
.Default .LoginContainer .PanelTitle
{
	background: url(images/custom/icon_login.gif) top left no-repeat;
	padding: 5px 0 0 38px;
	height: 38px;
	overflow:hidden;
}
.Default .LoginControls
{
	height: 35px;
}
.Default .LoginPanel
{
	float:left;
	width: 285px;
}
.Default .LoginRequested
{
	font-family: Verdana, Arial, Helvetica, Sans-Serif;
	font-size: 8pt;
	text-align:center;
	height:1.5em;
	color: #464646;
}
.Default .MyAccountPanel 
{
	float:left;
	clear:left;
	width: 285px; 
}
.Default .MyAccountPanel h3, 
.Default .CurrentNewsPanel h3, 
.Default .MyAddressGroupPanel h3, 
.Default .LoginPanel h3
{
	text-transform: uppercase;
}
.Default .MyAccountPanel .Panel, 
.Default .MyAddressGroupPanel .Panel, 
.Default .CurrentNewsPanel .Panel
{
	width: 285px;
}
.ext-ie6 .Default .MyAccountPanel .Panel, 
.ext-ie6 .Default .MyAddressGroupPanel .Panel, 
.ext-ie6 .Default .CurrentNewsPanel .Panel
{
	width: 245px;
}
.Default .MyAccountPanel .PanelTitle
{
	background: url(images/custom/iconMyAccount.gif) top left no-repeat;
	padding: 5px 0 0 38px;
	height: 38px;
}
.Default .MyAddressGroupPanel 
{
	float:right;
	clear:right;
	margin: 0px;
	padding: 0px;                
}
.Default .MyAddressGroupPanel .PanelTitle
{
	background: url(images/custom/iconAddressGroups.gif) top left no-repeat;
	padding: 5px 0 0 38px;
	height: 38px;
}
.Default #RightColumn 
{
	float: left;
	padding-left: 10px;
	margin-top: 260px;
	_margin-top: 270px;
	width:650px;
	z-index: 100;
	position:relative;
} 
.ext-ie6 .Default #RightColumn .Panel
{
	width: 245px;
}
*html .Default #RightColumn 
{
  width: 680px;
}	
.Default #StartButtonErrorMessagePadding
{
	padding-top: 50px;
}
.Default .StartButtons
{
	float: left;
}
.Default .StartButtons .ErrorMessage 
{
	margin-left: 15px;
	padding-top: 6px;
}
.Default .StartButtons .ModelButtonDiv
{
	float: left;
	width: 300px;
    _width: 289px;
	padding: 8px 0px 8px 12px;
	text-align:center;
}
.Default .StartButtons .ModelDescription
{
	width: 296px;
	float: left;
	padding-left: 15px;
	padding-right: 15px;
	padding-bottom: 0px;
	padding-top: 25px;
	background-image: url(images/localBgArrow.gif);
	background-repeat: no-repeat;
}
.Default .StartButtons .Panel
{
	background: url(images/custom/panelBgStart.gif) top left no-repeat; /*background: Transparent;*/
	padding: 0px;
	height: 235px;
}
.Default .StartButtons .PanelTitle
{
	display:none;
}
.Default .StartButtons .ReportButtonDiv
{
	width: 323px;
	border-right: 1px solid #949494;
	text-align: center;
	padding:8px 0px 8px 0px;
}
.Default .StartButtons .ReportDescription
{
	width: 293px;
	height: 142px;
	padding-left: 15px;
	padding-right: 15px;
	padding-bottom: 0px;
	padding-top: 25px;
	border-right: 1px solid #949494;
	background-image: url(images/localBgArrow.gif);
	background-repeat: no-repeat;
}
.Default #StartPanel 
{
	width: 650px;
	padding: 0px 0px 0px 0px;
	float:left;
}
.Default .ErrorPanel
{
	display:inline-block;
	padding:10px;
}
.Default .WelcomePanel 
{
	float:right;
	width: 300px;
	padding: 0;
	margin-bottom:0;
	background: #dfa383 url(images/custom/panelBgWelcome.gif) bottom left repeat-x;
	height: 592px;
}
.Default .WelcomePanel h3 
{
	line-height: 28px;
	font-size: 20px;
	font-weight: normal;
	background: #c48260;
	padding: 15px;
	margin:0;
}
.Default .WelcomePanel .Heading
{
	width: 100%;
}
.Default #WelcomeText 
{
	margin: 15px;
	font-size: 14px;
	line-height:20px;
	color: #ffffff;
}

/*
	Styles from the map display page.
*/
.mapBody 
{
    margin:0px;
    padding:0px;
}
.MapDisplay .AddressLabelsPanel label,
.MapDisplay .BookmarkSelectorChangePanel a,
.MapDisplay .CreateAddressGroupPanel a, 
.MapDisplay .SharedAddressPanel
{
	font-size: 8pt;
}
.MapDisplay #bannerPanel
{
    height:67px;
}
.MapDisplay .ClassBreakLegend
{
	padding: 2px 5px;
}
.MapDisplay .LayerListTable  input
{
	margin: 0 3px 0 5px;
}
/* Style the EXT buttons in the location search panel */
.MapDisplay .LocationSearchPanel span table 
{
	float:left;
	margin:3px;
}
.MapDisplay .LocationSearchPanel .pnlErrorMsg
{
	display:inline-block;
}
.MapDisplay .LocationSearchPanel .CompactSearch
{
	width: 185px;
}
.MapDisplay #mapPanel 
{
    border:solid 1px #cccccc;
    height:100%;
    width:100%;
}
.MapDisplay #mapLayersPanel 
{
	overflow-y:scroll;
	overflow-x:hidden;
	width:220px;
}
.MapDisplay #menuPanel 
{
	height: 100px;
	background: url(images/custom/navBg.gif) top left repeat-x;
	color: #ffffff;
}	
.MapDisplay #menuPanel .HorizontalMenuItem 
{
	text-decoration: none;	
}
.MapDisplay #menuPanel .HorizontalSeparator 
{
	visibility: hidden;
}
.MapDisplay #menuPanel .MenuItemText 
{
	color: #ffffff;
	background: none;
	padding: 0 6px 3px 6px;
	font-size: 13px;
	line-height:21px;
	display:block;
	height: 22px;
}	
.MapDisplay #menuPanel .MenuItemText:hover 
{
	background: url(images/custom/navFocusArrow.gif) bottom center no-repeat;
	color: #000000;
}	
.MapDisplay #mglPanel 
{
	margin:0px 20px 0px 20px;
}

/*
	Styles from the Model Def page.
*/
.ModelDef .AvailableDataElements
{
	position:relative;
	height: 13em;
}
.ModelDef .AvailableDataElements .Info
{
	position: absolute;
	right: -14px;
}
.ModelDef .AvailableDataElementsList
{
	position: absolute;
	width: auto;
}
.ModelDef .AvailableDataElementsList select
{
	width: 365px;
}
.ModelDef .ControlsCell
{
	vertical-align:top;
	width: 420px;
}
.ModelDef .DefinedAreaPanel, 
.ModelDef .SelectGeographyPanel
{
	margin-top: 9px;
}
.ModelDef .DefinedAreaPanel .GeoLevelText,
.ModelDef .DefinedAreaPanel .GeoUnitText
{
	font-size: 8pt;
}
.ModelDef .DefinedModelPanel .DataElemText,
.ModelDef .NameTheModelPanel .ModelName
{
	font-size: 8pt;
}
.ModelDef .InnerPanelIndicatorSummary
{
	background:#F6F6F6 url(images/custom/subBoxBg.gif) repeat-x scroll left top;
}
.ModelDef .Label
{
	font-weight: normal;
}
.ModelDef .LocationSearchPanel span table 
{
	float:left;
	margin:3px;
}
.ModelDef .LocationSearchPanel .LocationSearchInput,
.ModelDef .LocationSearchPanel select
{
	width: 300px;
}
.ModelDef .LocationSearchPanel .Button
{
	float:right;
	
}	
.ModelDef .OutputButton
{
	background: url(images/custom/subBoxBg.gif) #f6f6f6 repeat-x left top;
	height: 20px;
}
.ModelDef .OutputButton a
{
	display:block;
	color:Black;
	font-weight:bold;
	font-size:8pt;
	font-family:Verdana;
	text-transform:uppercase;
}
.ModelDef .Panel
{
	border-style: none;
	margin-top:18px;
	padding:15px;
	text-align: left; 
}
.ModelDef .pnlMapArea
{
	margin-left: 10px;
}
.ModelDef .pnlModelName .DefinitionStepContent
{
	width:100%;
}
.ModelDef .pnlModelName .tbxCurrentModelName
{
	width: 100%;
}
.ModelDef .ReferenceMap 
{
    padding: 25px;
}
.ModelDef .ReferenceMapCell .Heading
{
	display:block;
}
.ModelDef .UpdateDataElemContainerTable
{
	margin: 10px auto;
	border: none;
}
.ModelDef .ViewAsButtonsPanel
{
	background:#aeaeae url(images/custom/boxBg.gif) right top no-repeat;
	padding-bottom: 15px;
	padding: 15px 15px 15px 15px;
	margin-bottom:15px;
	width: 515px;
}

/*
	Styles from the Print Map page.
*/
.PrintMap .AddressGroupName
{
	font-size: 8pt;
}

/*
	Styles from Ranked List Page.
*/
.RankedDisplay h3
{
	background: url(images/custom/headerLine2.gif) no-repeat left bottom;
	color: #333333;
	font-size: 11pt;
}
.RankedDisplay .Heading
{
	float:none;
}
.RankedDisplay .IndicatorDropDownPanel
{
	overflow:hidden;
}
.RankedDisplay .IndicatorPanel
{
	background: url(images/custom/subBoxBg.gif) #f6f6f6 repeat-x left top;
	border: #cccccc 1px solid;
	padding: 10px 10px 10px 10px;
	margin: 0px 5px;
	width: 45%;
}
.RankedDisplay .OutputTabs
{
	margin-right: 40px;
}
.RankedDisplay .RankedListPanel
{
	background: Transparent;
}
.RankedDisplay .RankedListPanel .PanelBody
{
	padding-top: 15px;
}
.RankedDisplay .RankTable 
{
	background: url(images/custom/subBoxBg.gif) #f6f6f6 repeat-x left top;
	padding-bottom: 15px;
	padding: 15px 15px 15px 15px;
	margin-bottom:15px;
	border: 1px solid #cccccc;
	padding-bottom: 15px;
	border-top: solid 5px #dddddd;
	border-collapse: collapse;
	color: #000;
}
.RankedDisplay .RankTable td
{
	padding: 2px;
	border: solid 1px #cccccc;
}

/*
	Styles from Report Definition page.
*/
.ReportDefinition .container .description 
{
	color:#4C4D4F;
	font-size:12px;
}
.ReportDefinition .ControlsCell,
.ReportDefinition .ReferenceMapCell
{
	padding:10px;
}
.ReportDefinition .LocationSearchInput
{
	width:100%;
}
/* Style the EXT buttons in the location search panel */
.ReportDefinition .LocationSearchPanel span table 
{
	float:left;
	margin:3px;
}
.ReportDefinition .LocationSearchPanel
{
	height: 3.5em;
}
/*
	Styles from the ReportOutput page.
*/
.ReportOutput h1
{
	font-size:14pt;
}
.ReportOutput .AdminIndicatorPanel
{
	display:none;
}
.ReportOutput .AlternatingRowStyle
{
	background-color: #fcfcfc;
}
.ReportOutput .BodyContainer
{
	background:#F6F6F6 url(images/custom/subBoxBg.gif) repeat-x scroll left top; /* background : url(images/custom/boxBg.gif) #aeaeae no-repeat right top;*/
	border: none;
	margin-bottom: 20px;
}
.ReportOutput .BodyContainer .PanelBody
{
	padding-left: 15px;
}
.ReportOutput .DataValueHeader
{
	background: #f1f1f1;
	color:#333333;
	font: 11px Arial;
}
.ReportOutput .HeaderContainer
{
	background: url(images/custom/boxBg.gif) #aeaeae no-repeat right top;
	border: none;
	margin-bottom: 20px;
}
.ReportOutput .Heading
{
	text-align:left;
	float:none;
}
.ReportOutput .HeaderContainer .Label
{
	font-weight: normal;
}
.ReportOutput .HeaderContainer .Panel
{
	border:none;
	background: transparent none;
}
.ReportOutput .HeaderContainer .PanelBody
{
	width: auto;
	padding-left: 15px;
}
.ReportOutput .Info
{
	margin-right: 3px;
}
.ReportOutput .InfoPopupColumnHeader 
{
	background: #f1f1f1;
	color:#333333;
	font: bold 10pt Arial;
	font-size: 11px;
}
.ReportOutput .IndicatorHeaderRow
{
	background-color: #ffffff;
	font-size: 9pt;
}
.BodyContainer .PanelTitle h3
{
	color: #333333;
	background:transparent url(images/custom/headerLine2.gif) no-repeat scroll left bottom;
	color:#333333;
	font-size:11pt;
}
.ReportOutput .ReportIndicatorPanel
{
	margin-right: 20px;
}
.ReportOutput .ReportIndicatorPanel .Label
{
	background: none;
	color:black;
	border-bottom: solid 1px #cccccc;
	font-size:10pt;
	padding: 0px;
}
.ReportOutput .ReportGeography
{
	font-weight:bold;
}
.ReportOutput .ReportTitle
{
	font-size:12pt;
	font-weight:bold;
}
.ReportOutput .ReportTitleAndButtonsPanel
{
	height: 70px;
}
.ReportOutput .RowStyle 
{
	background-color: #f2f2f2;
}
.ReportOutput .TabbedPanel 
{
	width:auto;
	margin: 20px 10px;
	border: none;
}
.ReportOutput .TrendHeader
{
	color:#000000;
}

/*
	Styles from the Scatter Display page.
*/
.ScatterDisplay .LoadingPanel
{
	position:relative;
}
.ScatterDisplay .ChartContainer
{
	width:auto;
}
.ScatterDisplay .ChartContainer img 
{
	border: 1px solid #cccccc;
	background: #ffffff;
}
.ScatterDisplay .OutputTabs
{
	margin-right: 40px;
}
.ScatterDisplay .Panel
{
	background: url(images/custom/subBoxBg.gif) #f6f6f6 repeat-x left top;
	border: 1px solid #cccccc;
	padding: 15px;
	min-width:310px;
}
.ScatterDisplay .PanelTitle
{
	color:#464646;
}
.ScatterDisplay .Indicator,
.ScatterDisplay .ScatterIndicatorLabel
{
	border-color:transparent;
}
.ScatterDisplay .MultilineHover
{
	border-color:#CCCCCC !important;
}

/*
	Styles from Statistics Display page.
*/
.StatsDisplay .BasicStats
{
	background: url(images/custom/subBoxBg.gif) #f6f6f6 repeat-x left top;
	border-color: #cccccc;
}
.StatsDisplay .HistogramParam
 {
 	margin-left: 0;
 	padding-left: 0;
 	color: #000000;
}
.StatsDisplay .IndicatorDropDownPanel
{
	overflow: hidden;
}
.StatsDisplay .ctrlIndicatorList
{
	width:90%;
}
.StatsDisplay .IndicatorPanel
{
	background:#f6f6f6 url(images/custom/subBoxBg.gif) top left repeat-x;
	padding: 5px;
	border:1px solid #CCCCCC;
	width: 45%;
}
.StatsDisplay .IndicatorPanel .Header 
{
	color: #333333;
	background: url(images/custom/headerLine2.gif) bottom left no-repeat;
}
.StatsDisplay .IndicatorPanel .Panel
{
	padding:0px;
	background: Transparent;
}
.StatsDisplay .IndicatorPanel .PanelTitle h3
{
	background: url(images/custom/headerLine2.gif) no-repeat left bottom;
	color: #333333;
}
.StatsDisplay .LocalHistogram 
{
	margin-top: 15px;
	text-align:left;
}
.StatsDisplay .LocalHistogram h4
{
	color: #333333;
}
.StatsDisplay .LocalHistogramWrapper
{
	padding: 3px;
	border: 1px solid #cccccc;
	background: #ffffff;
}
.StatsDisplay .OutputTabs
{
	margin-right: 40px;
}
.StatsDisplay .StatGraphWrapper
{
	padding: 10px 3px 3px 3px;
	border: 1px solid #cccccc;
	background: #ffffff;
}
.StatsDisplay .StatsBlock2
{
	background: url(images/custom/subBoxBg.gif) #f6f6f6 repeat-x left top;
	border: #cccccc 1px solid;
	color: #000;
}
.StatsDisplay .StatGraph 
{
	margin-top:20px;
}
.StatsDisplay .StatText
{
	font-size: 8pt;
}
.StatsDisplay .StatValue
{
	font-size: 8pt;
}

/*
	Styles from the Supported Browsers page.
*/
.SupportedBrowsers .BrowserName,
.SupportedBrowsers .OSHeading
{
	font-size: 11pt;
}

/*
	Styles from the Table Display page.
*/
.TableDisplay .ExportButton
{
	background-color:#EFF7F1;  
	font-size:7pt; 
	font:Verdana, Arial, Helvetica, sans-serif;
}
.TableDisplay .ExportPanel
{
	font-family:Verdana, Arial, Helvetica, sans-serif;	/* from MicroText */
	font-size: 7pt;										/* from MicroText */
	margin: 10px auto;
}
.TableDisplay .OutputTabs
{
	margin-right: 40px;
}
.TableDisplay .PageSize
{
	font-size: 8pt;
}
.TableDisplay .PageSizeSelect
{
	font-size: 8pt;
}
.TableDisplay .TabbedPanel .LoadingPanel
{
	top: 40px;
}
.TableDisplay .TableUpdate 
{
	background: url(images/custom/subBoxBg.gif) #f6f6f6 repeat-x left top;
	border: 1px solid #cccccc;
	color: #000;
}
.TableDisplay .TableUpdate td 
{
	color:#000;
}
.TableDisplay .TableUpdate .TablePane
{
	height: 500px;
}
.TableDisplay .TableUpdate .TableOffset
{
	height: 140px;
}

/*
	Styles from the User Account page.
*/
.UserAccount .InnerContainer .Panel
{
	background:url(images/custom/subBoxBg.gif) #f6f6f6 repeat-x left top;
	padding:15px;
}
.UserAccount .InnerContainer .Panel .PanelTitle h3
{
	background: url(images/custom/headerLine2.gif) no-repeat left bottom;
	width: 300px;
	color:#464646;
}
.UserAccount .InnerContainer .PanelBody
{
	padding-bottom:15px;
}
.UserAccount .OuterContainer
{
	margin-top: 10px;
}
.UserAccount .PanelItemCount
{
	font-size:8pt;
	color: #333333;
}
.UserAccount .PanelTitle a
{
	font-family:Verdana, Arial, Helvetica, sans-serif;	/* Verdana reads better at a smaller font. */
	font-size:8pt;
}
.UserAccount .TabbedPanel
{
	background:#aeaeae url(images/custom/boxBg.gif) right top no-repeat;
	margin-bottom: 15px;
	border-style: none;
}

.UserAccountManagement .OuterContainer
{
	margin-top: 40px;
}
.UserAccountManagement .Panel
{
	background: url(images/custom/subBoxBg.gif) #f6f6f6 repeat-x left top;
}
.UserAccountManagement .PanelTitle h3
{
	color: #333333;
	background: url(images/custom/headerLine2.gif) no-repeat left bottom;
}

.UserForgotPasswordOrLogin .ExtButton
{
	display:inline;
}

/*
	Styles from the UserLogin page.
*/
.UserLogin #LoginBody
{
	padding-top: 15px;
}
.UserLogin #LoginBody .LeftColumn
{
	width: 49%;
}
.UserLogin #LoginBody .RightColumn
{
	width: 49%;
}
.UserLogin .Panel
{
	border: none;
}
.UserLogin .AnonymousButtonPanel .ExtButton
{
	display: inline;
}