/* DO NOT EDIT THIS FILE --- Edit styles_template.css instead. */
/*
 Style Generated on Thursday, February 09, 2012 at 1:21:29 AM
*
*
* Preceed any line with an astrisk (*) to have it ignored by the parser.
*
* TEMPLATE VARIABLES
* ------------------
* |CurrentDate| = Current Date
* |CurrentTime| = Current Time
* |pricolor| = primary contrasting UI color from xml config.
* |altcolor| = secondary contrasting UI color from xml config.
*
*
*
* COLOR MODIFIERS
* ------------------
* Use color modifiers in conjunction with color variable to adjust appearence. (for borders, etc.)
* Example: |pricolor.LIGHTER|
*
* LIGHTER: Lightens color 15%
* MUCHLIGHTER: Lightens color 45%
* DARKER: Darkens color 15%
* MUCHDARKER: Darkens color 45%
*
*/

* {
  font-family: Tahoma, Arial, Verdana, Helvetica, Swiss, sans-serif;
 // font-size: xx-small;
  }
  
body {
  background-color: #DFE4C4;
  color: #000088;
  font-weight: bold;
  scrollbar-3dlight-color: #FFFFFF;
  scrollbar-arrow-color: #DFE4C4;   
  scrollbar-base-color : #FFFFEC;  
  scrollbar-darkshadow-color: : #949979;
  scrollbar-face-color : #DFE4C4;
  scrollbar-highlight-color : #FFFFEC;
  scrollbar-shadow-color : #B7BC9C;

  }
  
div#blank { 
  width: 271px; 
  text-align: right;
  background-color: #DFE4C4;
  margin: 0em;
  }
    
body#topstrip {
  background-color: #DFE4C4;
  text-align: left;
  margin: 0px;
}

body#toptabstrip { 
  margin: 0px;
}

body#darker form table tr td, body#darker, body#darker form, body#darker div {
  border: none;
  background-color: #DFE4C4;
  }

body#sidebar {
  background-color: #DFE4C4;
  }
  
td.label 
{
  width: 5%;
}

td.dd
{
  width: auto;
  background-color: |sidebarcolor.LIGHTER|;
}

select.mapselect
{
  font-size: x-small;
  width: 100%;
}

button.redlineButton
{
  width: 50%;
  text-align: center;
  margin: .25em 0 .25em 0;
  margin-left: auto;
  margin-right: auto;
}


.form { 
  border-right: #000000 3px inset; 
  padding-right: 5px; 
  border-top: #000000 3px inset; 
  padding-left: 5px; 
  padding-bottom: 5px; 
  margin: 15px; 
  border-left: #000000 3px inset; 
  padding-top: 5px; 
  border-bottom: #000000 3px inset; 
  background-color: white;
}
.field {
  padding-right: 5px; 
  padding-left: 5px; 
  margin-bottom: 6px; 
  padding-bottom: 5px; 
  padding-top: 5px; 
  border-bottom: #000000 1px solid 
}

.qawrapper {
  clear: both;
  float: left;
  padding-bottom: 4px;
  overflow: visible;
}

.question { 
	position: relative;
	font-weight: bold; 
	font-size: 12px; 
	padding-top: 2px; 
	font-family: arial;
	float: left;
	width: 5.5em;
	text-align: left;
	overflow: visible;
}
.answer { 
	position: relative;
  font-size: 12px; 
  margin-left: 3px; 
  float: left;
  clear: right;
  text-align: left;
  overflow: visible;
}

.answer select {
  width: 120px;
  overflow: visible;
  z-index:-1;
}

/*******************************************************************************
Styles for custom ComboBox
********************************************************************************/
table.clsTable {
	background-color: buttonface;
}

.clsTextField {
	font-size: 10px;
	border: 0;
	margin-right:1px;
	margin-left:1px;
}

.clsTextFieldCell {
	border-top:inset 2px buttonface;
	border-right:0;
	border-bottom:inset 2px buttonface;
	border-left:inset 2px buttonface;
	width: 50px;
}
.clsTextFieldCell_hover {
	background-color:white;
	border-top:inset 2px buttonface;
	border-right:0;
	border-bottom:inset 2px buttonface;
	border-left:inset 2px buttonface;
}
.clsDropDownCell {
	background-color: buttonface;
	border-top:outset 2px buttonface;
	border-bottom:outset 2px buttonface;
	border-right:outset 2px buttonface; 
	border-left:outset 2px buttonface;
}
.clsDropDownCell_hover {
	background-color: buttonface;
	border-top:outset 2px buttonface;
	border-bottom:outset 2px buttonface;
	border-right:outset 2px buttonface; 
	border-left:outset 2px buttonface;
}

.clsDropDownCell_click {
	background-color: buttonface;
	border-top:outset 2px buttonface;
	border-bottom:outset 2px buttonface;
	border-right:outset 2px buttonface; 
	border-left:outset 2px buttonface;
}

.clsListItem {
	font-weight: normal;
	font-size: 7.5pt;
	border: 0;
}

.clsComboDropDown {
	width: 120px;
}

#initialPanel {
  margin-top:2em;
}

#initialPanel select {
  width: 90%;
}

.calendarText {
}

.calendarImage {
  width: 20px;
}

.calendarTable {
	left: -6em;
	position:relative;
}

table.calendarTable td table.calendarTable {
  left: 0;
}

div.legend 
{
	background-color: #FFFFFF;
	border-color: #949979;
	border-width: 3px;
	margin: 1em;
	text-align: left;
}

.requeryHeader {
	margin-top: -2em;
	margin-bottom: 1em;
	padding: 2em;
	background-color: #FFFFFF;
	border-bottom: solid 2px #949979;
}

#toolbarDropDowns {
	float:right;
	margin-top:5px;
	margin-right: 5px;
	margin-left: -35px;
}
/* ****************************************************************************
***  Parcels Detail Report                                                  ***
**************************************************************************** */
#ParcelRecords {margin: 2%;}
.BasicData, .ValueData, .DistrictData, .ParcelDetails
{
  margin: 0em;
  padding: 0em;
  text-align: left;
}

hr.interDiv
{
  clear: both;
  color: #DFE4C4;
  height: 1px;
}

dt.heading, dd.heading
{
  margin: 0em 0em -1em 0em; 
  padding: 0em; 
  height: 1.2em; 
  width: 100%;
  font-size: 120%;
  font-weight: bolder; 
  font-style: italic; 
  text-decoration: underline;
  background: #FFFFFF;
}

p.clearFloats {margin: 0em; padding: 0em; height: 1px; clear: both;}

.BasicData dt, .BasicData dd, .ValueData dt, .ValueData dd, .DistrictData dt, 
.DistrictData dd, .AssessorData dt, .AssessorData dd, .ParcelDetails dt, 
.ParcelDetails dd
{
  display: block;
  float: left;
  text-align: left;
  margin: 0em;
  padding: 0em;
  height: 1.2em;
  overflow: hidden;
}

.BasicData dt, .ValueData dt, .DistrictData dt, .AssessorData dt, .ParcelDetails dt
{
  width: 33%;
  clear: left;
  font-weight: bold;
}

.BasicData dd, .ValueData dd, .DistrictData dd, .AssessorData dd, .ParcelDetails dd
{
  width: 64%;
  padding-left: 1ex;
  border-left:  solid 1px #FFFFFF;
  font-weight: normal;
}

.BasicData {width: 60%; float: left; clear: left;}
.ValueData {width: 39%; float: left;}
.DistrictData {width: 48.5%; float: left; clear: left;}
.AssessorData {width: 48.5%; float: left;}
.ParcelDetails
{
  width: 24%;
  float: left;
}

@media print{
	.ParcelDetails dt
	{
		width: 36%;
	}
	.ParcelDetails dd
	{
		width: 60%;
	}	
}

/* *****************************************************************************
***  END Parcels Detail Report                                               ***
***************************************************************************** */

/* ***********************************************************************************
***                                                                                ***
***    EDIT BELOW THIS LINE AND WE'LL BEAT YOU UP AND TAKE AWAY YOUR BIRTHDAY!     ***
***                                                                                ***
*********************************************************************************** */

body {
  /* border-top: 3px double #FFFFFF;
  border-bottom: 3px double #FFFFFF; */
  text-align: center;
  margin-left: auto;
  margin-right: auto;
  }

h1, .rptHead, #SelectMessage, div#SearchHeader {
  display: block;
  font-size: 150%;
  font-weight: bold;
  /* border: thin groove #FFFFFF; */
  width: 90%;
  }

span#SearchHeaderLabel {
  font-size: 150%;
  font-weight: bold;
  }

h2, .dlgGrpHdr, #StatusPanel, .dlgSubHdr {
  font-size: 120%;
  font-weight: bold;
  width: 90%;
  border: none;
  }

p.dlgGrpHdr {
  border: none;
  }

table {
  empty-cells: show;
  }

table, div.dataGridStatus {
  width: 90%;
  border: none;
  }

th {
  font-weight: bold;
  text-align: left;
  }

tr {
  border: none;
  }

td.TotAve, th.TotAve {
  font-weight: bold;
  background-color: #FFFFEC;
  border: thin ridge #FFFFFF;
  }

th, td {
  border: 1px solid #FFFFFF;
  }

.controls td {
  border: none;
  }

input[type="submit"] {
  color: black;
  background-color: ButtonFace;
  }
  
input[type="button"] {
  color: black;
  background-color: ButtonFace;
  }
  
/*
a, dlgInput input {
  background-color: ButtonFace;
  border: thin outset;
  padding: 0.5ex 0.5ex;
  white-space: nowrap;
  }

a:hover, dlgInput input {
  color: #FFFFFF;
  border: thin inset;
  }
*/
.aCenter {
  text-align: center;
  margin-left: auto;
  margin-right: auto;
  }

.tbButtons {
  background-color: #DFE4C4;
  }
  
.tbdiv img {
  
  }

.tbText, .tbSummary {
  border: none;
  padding-left: 1ex;
  }

.even, .dataGridAlternateItem td, .gridReportAlternateRow td, div.gridReportAlternateRow {
  background-color: #FFFFFF;
  }

.odd, .dataGridItem td, .gridReportRow td, div.gridReportRow {
  background-color: #FFFFEC;
  }
  
.lstField {
  text-align: center;
  }
.plain {
  margin: 1em 0.5ex;
  background-color: #FFFFFF;
  border: solid thin #949979;
  padding: 0.5ex;
  }
.plain td {
  border: none;
  }

body#sidebar th{
  text-align: left;
  }
  
.dataGridHeader td a {
  display: block;
  width: 100%;
  text-align: center;
  font-weight: bold;
  }

.controls td, .dataGridHeader td {
  border: none;
  }

.numeric {
  text-align: right;
  }

.noBrder, .noBrderLeft, .noBrderRight {
  border: none;
  }

body#darker form table tr td a {
  padding: 0ex;
  margin: 0ex;
  border: none;
  }

body#darker div.stripRow1 {
  /* background-color: #FFFFFF; */
  height: 0.5ex;
  }

/*
.searchresults {
  background-color: #FFFFFF;
  color: #DFE4C4;
  }
*/

#SearchDetails {
  display: block;
  width: 99%;
  float: left;
  padding-left: 1ex;
  text-align: left;
  font-size: 120%;
  font-weight: bold;
  }

.tabstriptop {
  background-color: #DFE4C4;
  height: 0px;
  margin-bottom: 20px;
}

.SearchCriteriaCell span {
  padding-left: 0.5ex;
  }
  
.SearchCriteriaCell span a {
  font-size: 80%;
  }
  
.SearchOperandBox {
  width: 10em;
  }

#ItemsPerPage {
  text-align: right;
  position: absolute;
  right: 5%;
  margin-top: -0.7em;
  }

.dataGridPager td {
  padding: 1em;
  border: none;
  }

#buffers table, #buffers td {
  border: none;
  }

.HelpLink {  /* class name used for a:link in the help files; we don't want them styled as buttons. */
  border: none;
  background-color: #DFE4C4;
  color: inherit;
  text-decoration: underline;
  }  

#blank {  /* Add Scroll Bar to LH Report Tab*/
  overflow: auto;
 }

.Notifications {  /* class name used for Notifications in LH Tab. */
  overflow: auto;  /*Scroll Bar*/
  font-family: Arial;
  font-size: 12.5px;
  width: 220px;
  font-weight: normal;
  /*border: solid green;*/
  }  
  
.NotificationsHeader {  /* class name used for Notifications in LH Tab. */
  overflow: auto;  /*Scroll Bar*/
  font-family: Arial;
  font-size: 13.5px;
  width: 220px;
  font-weight: bold;
  /*border: solid blue;*/
  }


.sideButtons {  /* class name used for LH tab search buttons. */
  line-height: 5%;  /* Spacing between buttons*/
  overflow: auto;  /*Scroll Bar*/
  height: 20em;   /*Scroll Bar*/

  }  
  
.sideButtons input {
  width: 165px;
}

input.AdminButton {
  width: 17em;
}

.HelpLink:hover {
  border: none;
  background-color: #FFFFEC;
  color: inherit;
  text-decoration: underline;
  }  

.WindowControls #selectButton, .WindowControls #closeButton {
  display: block;
  width: 10%;
  float: left;
  text-align: center;
  margin: 0em 13%;
  }
  
.noPrintText {
	color: #888888;
}
  
.noPrintText a {
  	color: #888888;
}


@media print {
  * {
    font-size: 6.5pt;
    color: black;
    font-weight: normal;
    }
  th,td {
  	border: none;
  	border-top: solid 1px black;
  }
  .noPrint {
    display: none;
    }
  }