/*
Copyright 2008 ESRI
 
All rights reserved under the copyright laws of the United States
and applicable international laws, treaties, and conventions.

You may freely redistribute and use this sample code, with or
without modification, provided you include the original copyright
notice and use restrictions.
 
See use restrictions at <your ArcGIS install location>/developerkit/userestrictions.txt.
*/

/*
------------------------------------
ESRI STL ORKA Style Sheet.

DO NOT COPY .CSS FROM .NET TO JAVA.
MAKE CHANGES MANUALLY!!!

font-size utilizes px rather than pt
for printing purposes.  For some
reason it just gives better results.

For best results, orka.css and 
print.css need to be kept in sync.
------------------------------------
*/
html, body 
{
	background-color: #F1F4FE;

    height: 100%;
    width: 100%;

	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
}

a
{
	color: #000000;
	text-decoration: underline;
}

a:visited, a:active 
{
	color: #003300;
	text-decoration: none;
}

a:hover 
{
	color: #8F0000;
	text-decoration: none;
}

/*
------------------------------------
Default Settings
------------------------------------
*/
body, table, form, input, th, td, p, select, textarea 
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: 100;
	/*line-height: 1.2em;*/
	font-style: normal;
	font-variant: normal;
	text-decoration: none;
	/*text-align: left;*/
	text-transform: none; 

	border-collapse: separate;
	border-spacing: 0px 0px;
	margin: 0px;
	/*padding: 1px 0px 1px 0px*/
	vertical-align: top;
}

#mainContainer
{
	width: 100%;
	height: 100%;
	background-color: #F1F4FE;
}
#themePane
{
	width: 210px;
	overflow:visible;
}
#searchPane
{
	 height: 100px;
	 visibility: visible;
}
#Owner_Name
{
	height: 100px;
	background-color: #F1F4FE;
}
#Address
{
	height: 100px;
	background-color: #F1F4FE;
}
#Legal
{
	height: 100px;
	background-color: #F1F4FE;
}
#Parcel_ID
{
	height: 100px;
	background-color: #F1F4FE;
}
#Sales
{
	height: 100px;
	background-color: #F1F4FE;
}
#Personal_Property
{
	height: 100px;
	background-color: #F1F4FE;
}

#mapContainer
{
	 /*position: absolute;*/
	 top: 0;
	 left: 0;
	 width: 100%;
	 height: 100%;
	 visibility: visible;
}
#themeContainer
{
	 /*position: absolute;*/
	 top: 0;
	 left: 0;
	 width: 100%;
	 height: 100%;
	 visibility: hidden;
}

#mapHdr
{
	font-weight: 600;
	font-style: normal;
	font-size: 20px;
	color: #000000;
	text-align: left;
	
	background-color: #FFCC99;
	border-spacing: 0px 0px;
	border-color: #FFCC99;
	
	padding: 0px 0px 0px 0px;
}

/*#zoomstart
{
	text-align:Center;
	width:115px;
}
#zoomprev
{
	text-align:Center;
	width:115px;
}
#zoomnext
{
	text-align:Center;
	width:115px;
}*/

.loginForm
{
	position:relative;
	/*top: 460px;*/
	top: 410px;
	left: 12px;
	width: 180px;
	overflow: visible;
	/*line-height: 1.2em;*/

	visibility: hidden;

	background-color: #E1EBFB;
}

.orkaLoginDiv
{
	/*position: absolute;*/
	top: 0px;
	left: 200px;
}
.orkaLogoDiv
{
	/*position: absolute;*/
	top: 0px;
	left: 10px;
}

.searchButtonsTable 
{
	border-spacing: 0px 0px;
	padding: 0px 0px 0px 0px;
}

.searchInputTable 
{
	border-spacing: 0px 0px;
}

.searchMethodButtons
{
	/*position: absolute;*/
	top: 0px;
	left: 0px;
	height: 30px;
	overflow: visible;

	background-color: #F1F4FE;

	visibility: visible;
}

.searchInputs 
{
	/*position: absolute;*/
	top: 40px;
	left: 180px;
	height: 110px;
	overflow: visible;

	visibility: visible;
}

#searchResults 
{
	/*position: absolute;*/
	top: 0px;
	left: 0px;
	width: 100%;
	/*height: 110px;
	width: 80%;*/
	overflow: visible;
	background-color: #F1F4FE;
	
	visibility: hidden;
}

.searchResultsTable 
{
	border-spacing: 0px 0px;
	padding: 0px 0px 0px 0px;
	empty-cells: hide;
	width: 98%;
}

.searchResultsMsgTD 
{
	font-weight: 600;
}

.searchResultsLblTD 
{
	font-weight: 600;
	font-style: normal;
	color: #FFFFFF;
	text-align: center;
	background-color: #4A5CA5;
}

.searchResultsLightLeftTD 
{
	background-color: #FFFFFF;
}

.searchResultsMediumLeftTD 
{
	background-color: #E1EBFB;
	/*background-color: #DEE3DA;*/
}

.searchResultsLightCenTD 
{
	text-align: center;
	background-color: #FFFFFF;
}

.searchResultsMediumCenTD 
{
	text-align: center;
	background-color: #E1EBFB;
}

.searchResultsLightRightTD {
	text-align: right;
	background-color: #FFFFFF;
}

.searchResultsMediumRightTD 
{
	text-align: right;
	background-color: #E1EBFB;
	/*background-color: #DEE3DA;*/
}

.searchResultsLeftBlankTD {
	text-align: left;
}
.searchResultsRightBlankTD {
	text-align: right;
}
.searchResultsCenBlankTD {
	text-align: center;
}

#themeResults 
{
	/*position: absolute;*/
	top: 0px;
	left: 0px;
	overflow: visible;
	width: 100%;
	visibility: hidden;

	background-color: #F1F4FE;
}

.themeResultsTable 
{
	border-spacing: 0px 0px;
	padding: 0px 0px 0px 0px;
	empty-cells: hide;
	width: 100%;
}

.themeButtons 
{
	/*position: absolute;*/
	top: 300px;
	left: 12px;
	width: 180px;
	overflow: visible;
	/*line-height: 1.2em;*/

	visibility: visible;

	background-color: #E1EBFB;
}

.timeHdrTD
{
	font-weight: 200;
	font-style: normal;
	font-size: 15px;
	color: #000000;
	text-align: right;
	vertical-align: middle;
	/*line-height: 1.2em;*/
	
	background-color: #FFCC99;
	border-spacing: 0px 0px;
	border-color: #000000;
	
	padding: 0px 0px 0px 0px;
}

.themeHdrTD
{
	font-weight: 600;
	font-style: normal;
	font-size: 20px;
	color: #000000;
	text-align: left;
	/*line-height: 1.2em;*/
	height: 26px;
	background-color: #FFCC99;
	border-spacing: 0px 0px;
	border-color: #000000;
	
	padding: 0px 0px 0px 0px;
}
.themeResultsHdrTD 
{
	font-weight: 600;
	font-style: normal;
	color: #FFFFFF;
	text-align: left;
	
	background-color: #4A5CA5;

	border-spacing: 0px 0px;
	border-color: #000000;

	padding: 0px 0px 0px 0px;
}
.themeResultsFtrTD 
{
	font-weight: 400;
	font-style: italic;
	color: #000000;
	text-align: left;
	
	/*background-color: #4A5CA5;*/
	background-color: #CAD7ED;

	border-spacing: 0px 0px;
	border-color: #000000;

	padding: 0px 0px 0px 0px;
}
.themeResultsRightLblTD 
{
	font-weight: 200;
	font-style: normal;
	text-align: right;
	color: #000000;
	background-color: #CAD7ED;

	padding: 0px 0px 0px 0px;
	vertical-align: middle;
	
/*
	border-spacing: 0px 0px;
	border-color: #FFFFFF;
	border-style: ridge;
	border-top-width: 2px;
	border-left-width: 2px;
	border-right-width: 2px;
	border-bottom-width: 2px;
*/
}

.themeResultsLeftLblTD 
{
	font-weight: 200;
	font-style: normal;
	text-align: left;
	color: #000000;
	background-color: #CAD7ED;

	padding: 0px 0px 0px 0px;
}

.themeResultsTopLblTD 
{
	font-weight: 200;
	font-style: normal;
	text-align: center;
	color: #000000;
	background-color: #CAD7ED;

	padding: 0px 0px 0px 0px;
}

.picResultsSmallCenTD
{
	text-align: center;
	background-color: #FFFFFF;
	vertical-align: top;
}

.picResultsLargeCenTD
{
	text-align: center;
	background-color: #DFDFDF;
	vertical-align: top;
}

.picSmall
{
	width: 180px;
	border: solid;
	border-color: #000000;
	border-width: thin;
}

.picLarge
{
	width: 700px;
	border: solid;
	border-color: #000000;
	border-width: medium;
}

#agsMapStructure 
{
	 /*position: absolute;*/
	 top: 0;
	 left: 0;
	 width: 100%;
	 height: 100%;
	 visibility: visible;
}
.agsMap
{
	position: relative;
	top: 0px;
	left: 0px;
	/* width: 80%;
	height: 200px;*/
	overflow: hidden;
	visibility: hidden;
}
.agsMapTable 
{
	border-spacing: 0px 0px;
	padding: 0px 0px 0px 0px;
	empty-cells: hide;
	width: 100%;
	height: 100%;
	visibility: visible;
}
.agsMapRightTD 
{
	font-weight: 200;
	font-style: normal;
	text-align: right;
	color: #000000;
/*	background-color: #FFCC99;*/
	vertical-align: bottom;

	padding: 0px 0px 0px 0px;
}
.agsMapCenTD 
{
	font-weight: 200;
	font-style: normal;
	text-align: center;
	color: #000000;
/*	background-color: #FFCC99;*/
	vertical-align: bottom;

	padding: 0px 0px 0px 0px;
}
.agsMapLeftTD 
{
	font-weight: 200;
	font-style: normal;
	text-align: left;
	color: #000000;
/*	background-color: #FFCC99;*/
	vertical-align: bottom;

	padding: 0px 0px 0px 0px;
}

.agsSketchStructure 
{
	/*position: absolute;*/
	top: 0px;
	left: 0px;
	width: 100%;
	height: 100%;

	visibility: visible;
}
.agsSketch 
{
	width: 600px;
	height: 400px;

	/*height: 180px;*/
	overflow: visible;

	visibility: visible;
	/*background-color: #FFFFFF;*/
}

.helpContent 
{
	/*position: absolute;*/
	top: 0px;
	left: 0px;
	/*height: 180px;*/
	overflow: visible;

	visibility: hidden;
}

/*
------------------------------------
Elements in pageComponents.js
------------------------------------
*/
/* Normal button */
.buttonPlainOut 
{
	font-size: 12px;
	font-weight: normal;
	color: #000000;
	text-align: center;

	height:25px;
	width:80px;
}

.buttonPlainOver 
{
	font-size: 12px;
	font-weight: bold;
	color: #000000;
	text-align: center;

	height:25px;
	width:80px;
}

/* Unselected button */
.buttonOut 
{
	font-size: 12px;
	font-weight: normal;
	color: #000000;
	text-align: center;

	height:25px;
	width:120px;
}

/* Mouse over button */
.buttonOver 
{
	font-size: 12px;
	font-weight: bold;
	color: #000000;
	text-align: center;

	height:25px;
	width:120px;
}

/* Unselected button */
.buttonMapOut 
{
	font-size: 12px;
	font-weight: normal;
	color: #000000;
	text-align: center;

	height: 25px;
	width: 100px;
}

/* Mouse over button */
.buttonMapOver 
{
	font-size: 12px;
	font-weight: bold;
	color: #000000;
	text-align: center;

	height: 25px;
	width: 100px;
}

/* Miscellaneous settings - not used */
.miscButton 
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: normal;
	/*line-height: 1.2em;*/
	color: #000000;
	text-decoration: none;
	text-align: center;

	height:30px;
	width:130px;

	background-color: #DEE3DA;

	border-top-style: inset;
	border-left-style: inset;
	border-right-style: inset;
	border-bottom-style: inset;

	border-top-width: 0px;
	border-left-width: 0px;
	border-right-width: 0px;
	border-bottom-width: 0px;

	border-top-color: #FFFFFF;
	border-left-color: #FFFFFF;
	border-right-color: #DEE3DA;
	border-bottom-color: #DEE3DA;
}

/*
------------------------------------
Graphics
------------------------------------
*/
.orkaLogo 
{
	/*position: absolute;*/
	top: 0px;
	left: 0px;
}

/*
------------------------------------
Custom Font Settings
------------------------------------
*/
.orkaText 
{
	/*position: absolute;*/
	top: 3px;
	left: 2px;
	visibility: visible;
	width: 200px;
	/*color: #4A84CC;*/
	color: #FFCC99;

	font-size: 34px;
	text-align: left;
	font-weight: bold;
	font-style: italic;
	font-variant: normal; 
	text-transform: none; 
	/*line-height: 1.2em;*/
}

.orkaShadow 
{
	/*position: absolute;*/
	top: 5px;
	left: 4px;
	visibility: visible;
	width: 200px;
	color: #000000;

	font-size: 34px;
	text-align: left;
	font-weight: bold;
	font-style: italic;
	font-variant: normal; 
	text-transform: none; 
	/*line-height: 1.2em;*/
}

.flavorText 
{
	font-family: Arial Narrow, Helvetica, sans-serif;
	/*position: absolute;*/
	top: 42px;
	left: 4px;
	/*width: 200px;*/

	color: #000000;
	font-size: 20px;
	font-weight: 900;
	font-style: italic;
	/*line-height: 1.2em;*/
}

.sketchText 
{
	color: #000000;
	font-weight: 600;
	background-color: #FFFFFF;
}

.boldText 
{
	color: #000000;
	font-weight: 600;
}
.orkaFullText 
{
	/*position: absolute;*/
	/*top: 152px;*/
	top:172px;
	left: 4px;
	width: 200px;

	font-family: Arial Narrow, Helvetica, sans-serif;
	color: #000000;
	font-size: 20px;
	font-weight: 100;
	/*line-height: 1.0em;*/
	font-weight: bold;
	font-style: italic;
}
.stlText 
{
	/*position: absolute;*/
	top: 200px;
	left: 4px;
	width: 200px;

	font-family: Arial Narrow, Helvetica, sans-serif;
	color: #000000;
	font-size: 14px;
	font-weight: 100;
	/*line-height: 1.2em;*/
}
.dataText
{
	/*position: absolute;*/
	top: 218px;
	left: 4px;
	width: 200px;

	font-family: Arial Narrow, Helvetica, sans-serif;
	color: #000000;
	font-size: 10px;
	font-weight: 600;
}

.inputText 
{
	font-weight: 200;
}

.helpText 
{
	color: #000000;
	font-size: 15px;
	font-weight: 100;
}

.smallText1
{
	font-family: Arial Narrow, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: 100;
}

.transText1
{
	font-family: Arial Narrow, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: 100;
	color: #DFDFDF;
}

.searchMessageContent 
{
	position: absolute;
	top: 18px;
	left: 220px;
	/*height: 180px;*/
	overflow: auto;

	visibility: hidden;

	font-size: 24px;
	line-height: 2.2em;
	font-weight: normal;
	color: #000000;
	text-align: center;
}

.resultsMessageContent 
{
	/*position: absolute;*/
	top: 180px;
	left: 220px;
	/*height: 180px;*/
	overflow: visible;

	visibility: hidden;

	font-size: 24px;
	/*line-height: 2.2em;*/
	font-weight: normal;
	color: #000000;
	text-align: center;
}



#searchResults, #searchInputs, #themeButtons, #searchMethodButtons, #flavorText, #headerShadow
{
	display: none;
}

#headerText, #esriGlobeLogo, #dataText 
{
	/*display: inline;*/
}

#themeResults, #agsMapStructure, #agsMap, #agsSketchStructure, #agsSketch
{
    position:absolute;
    top:0px;
    left:0px;
    width:100%;
}