﻿body 
{
	font-family: Verdana;
	font-size: 11px;
	text-align: left;
}

/* Panel Header */
.PanelHeader
{
    font-weight: bold;
    height: 14px; 
    background-color: #2e4d7b;
    color: #ffffff;
    border-style: solid;
    border-width: 1px ;
    border-color: #2e4d7b;
}

/* detailsHeaderBackgroundRect: */
.detailsHeaderBackgroundRect {
  background: #333333;
}

/* details1Text: */
.details1Text {
  font-family: Verdana;
  font-weight:bold;
  font-size: 12px;
  color: #FDFDFD;
  letter-spacing: 0px;
  text-align: left;
  font-weight:bold;
  padding:0px 5px;
}

.PanelBack
{
    border-style: solid;
    border-bottom-width: 1px ;
    border-left-width: 1px ;
    border-right-width: 1px ;
    border-top-width: 0px ;
    border-color: #2e4d7b;
    
    
}
.PanelBackNoBorder
{

}

.ContactIcon
{
	float: right;
}

img 
{
	border: 0px;
}
	
/* Inset 3D Raised */
.raised {background: transparent; width:40%;}
.raised .b1, .raised .b2, .raised .b3, .raised .b4, .raised .b1b, .raised .b2b, .raised .b3b, .raised .b4b {display:block; overflow:hidden; font-size:1px;}
.raised .b1, .raised .b2, .raised .b3, .raised .b1b, .raised .b2b, .raised .b3b {height:1px;}
.raised .b2 {background:#ccc; border-left:1px solid #fff; border-right:1px solid #eee;}
.raised .b3 {background:#ccc; border-left:1px solid #fff; border-right:1px solid #ddd;}
.raised .b4 {background:#ccc; border-left:1px solid #fff; border-right:1px solid #aaa;}
.raised .b4b {background:#ccc; border-left:1px solid #eee; border-right:1px solid #999;}
.raised .b3b {background:#ccc; border-left:1px solid #ddd; border-right:1px solid #999;}
.raised .b2b {background:#ccc; border-left:1px solid #aaa; border-right:1px solid #999;}


.raised .b1 {margin:0 5px; background:#fff;}
.raised .b2, .raised .b2b {margin:0 3px; border-width:0 2px;}
.raised .b3, .raised .b3b {margin:0 2px;}
.raised .b4, .raised .b4b {height:2px; margin:0 1px;}
.raised .b1b {margin:0 5px; background:#999;}
.raised .boxcontent {display:block;  background:#ccc; border-left:1px solid #fff; border-right:1px solid #999;}


/* Inset 3D Curved */
.inset {background: transparent; width:40%;}

.inset .b1, .inset .b2, .inset .b3, .inset .b4, .inset .b1b, .inset .b2b, .inset .b3b, .inset .b4b {display:block; overflow:hidden; font-size:1px;}
.inset .b1, .inset .b2, .inset .b3, .inset .b1b, .inset .b2b, .inset .b3b {height:1px;}
.inset .b2 {background:#ccc; border-left:1px solid #999; border-right:1px solid #aaa;}
.inset .b3 {background:#ccc; border-left:1px solid #999; border-right:1px solid #ddd;}
.inset .b4 {background:#ccc; border-left:1px solid #999; border-right:1px solid #eee;}
.inset .b4b {background:#ccc; border-left:1px solid #aaa; border-right:1px solid #fff;}
.inset .b3b {background:#ccc; border-left:1px solid #ddd; border-right:1px solid #fff;}
.inset .b2b {background:#ccc; border-left:1px solid #eee; border-right:1px solid #fff;}


.inset .b1 {margin:0 5px; background:#999;}
.inset .b2, .inset .b2b {margin:0 3px; border-width:0 2px;}
.inset .b3, .inset .b3b {margin:0 2px;}
.inset .b4, .inset .b4b {height:2px; margin:0 1px;}
.inset .b1b {margin:0 5px; background:#fff;}

.inset .boxcontent {display:block; background:#ccc; border-left:1px solid #999; border-right:1px solid #fff;}

A:visited
{
	color: #399ACA;
}
A:link
{
	color: #399ACA;
}
A:hover
{
	color: #399ACA;
    text-decoration:none;
}

a:visited {
    text-decoration:none; 
}
A {
    text-decoration:none;
}
A.headerLink
{
    /*color: #399ACA;*/
    font-weight:bold;
}

.ActiveTab
{
	text-align: center;
	font-size: 11px;
	color: #224598;
	background-color: #F4F4F4;
	padding: 4px 5px 5px 5px;
    border: 1px solid #E6E6E6;
    border-top-left-radius: 4px;
    border-top-right-radius: 4px;
    border-bottom:0px;
}
.ActiveTab>a.headerLink {
    color:#224598;
}

.InactiveTab
{
	text-align: center;
	font-size: 11px;
    color: #399ACA;
	background-color: #FFFFFF;
	padding: 5px 5px 5px 5px;
	color: #ffffff;
}

.EntityHeader
{
	font-size: 12px;
	font-weight:bold;
	text-align:center;
}

        .PanelBackNoBorder {
            overflow:hidden !important;
        }

.DetailsBody
{
	position:absolute;
    height:130px;
    width:100%;
    border:solid 1px #cfcfcf;

}

.EDHeaderTable
{
    width: 100%;
    margin-left: auto;
    margin-right: auto;
    max-width: initial;
}

.EDTable
{

}

.EDRelatedTable
{

}

.ColumnRow
{
    border-right:1px solid #cfcfcf;
    border-left:1px solid #cfcfcf;
}

.ColumnName
{
	padding: 5px;
	font-weight:bold;
	border-spacing: 0;
    max-width: 250px;
    /*white-space:nowrap;*/
}

.ColumnValue
{
	padding: 5px;
	background-color:White;
    max-width: 250px;
    /*white-space:nowrap;*/
}

.RelatedTableHeaderRow
{
     height: 20px;
     width: 100%;
     margin-right:10px;
	 background-color:#E5F0F6;
	 font-weight:bold;
	 border-spacing: 225px;
	 color: #333333;
}

.RelatedTableHeaderColumn
{
     height: 20px;
	 background-color:#E5F0F6;
     font-family: Verdana;
     font-weight:bold;
     font-size: 10px;
	 font-weight:bold;
	 border-spacing: 225px;
	 color: #333333;
     box-shadow: inset 0px 6px 6px -6px rgba(0,0,0,.5);
     padding:2px 5px 5px 5px;
     border: 1px solid #cfcfcf;
     border-top:none;
}


.RelatedTableHeaderColumn td
{ padding-right: 10px;}

.RelatedTableRow
{
    padding-right: 20px;
    padding: 15px;
    width: 100%;
    height: 20px;
	background-color: #FFFFFF;
	border-spacing: 225px;
}

.RelatedTableRow td
{ 
  padding: 2px 5px;
  border:1px solid #cfcfcf;
  font-size:10px;
}

.RelatedTableAltRow
{
    padding-right: 20px;
    padding: 15px;
    width: 100%;
    height: 20px;
	background-color: #BBD0FA;
	border-spacing: 225px;
}

.RelatedTableAltRow td
{ padding-right: 10px;}

.RelatedTableTitle
{
    padding: 8px 0px 8px 8px;
	font-weight:bold;
	border-spacing: 0;
}


TABLE
{
 border-width: 1;
 border-spacing: 0;
 position: relative;
 white-space: normal;
}

.handleImage
{
	width:15px;
	height:16px;
	background-image:url(images/HandleGrip.png);
	overflow:hidden;
	cursor:se-resize;
}

.resizingImage
{
	padding:0px;
	border-style:solid;
	border-width:2px;
	border-color:blue;
}

/* Content Page Layout             */
.demoarea {
	padding:20px;
	background:#FFF url(images/demotop.png) no-repeat left top;
}

.demoarea p 
{
	padding:5px;
}

.demoheading {
	padding-bottom:20px;
	color:#5377A9;
	font-family:Arial, Sans-Serif;
	font-weight:bold;
	font-size:1.5em;
}

.demobottom {
	height:8px;
	background:#FFF url(images/demobottom.png) no-repeat left bottom;
}



.heading {
	padding: 1em 0 1em 0;
	color:#5377A9;
	font-family:Arial, Sans-Serif;
	font-weight:bold;
	font-size:1.2em;
}

.subheading{
	padding:.8em 0 0.5em 0;
	color:#0F2543;
	font-weight:bold;
	font-family:Arial, Sans-Serif;
	font-size:1.1em;
}

pageHeading
{
	padding-bottom: 0px;
	color: #5377A9;
	font-family: Arial, Sans-Serif;
	font-weight: bold;
	font-size: 1.5em;
}

p {}

em {font-style:italic}

i {font-style: italic;}

strong {font-weight:bold;}

.codeReference
{
	font-family: 'Courier New', Monospace;
	font-style: normal;
	font-weight: bold;
}

pre, code {
	display:block;
	margin:15px 15px 15px 0;
	padding:10px;
	border:1px dashed #CCC;
	background-color:#FFF;
	color:#000;
	font-family:'Courier New', Monospace;
	font-size:0.9em;
	font-style:normal;
}

.releaseList {
	list-style-type:disc;
}

/******************************/
/**Styling information specific to individual content pages**/

/* Accordion */
.accordionHeader
{
	border: 1px solid #2E4D7B;
	color: white;
	background-color: #2E4D7B;
	font-family: Arial, Sans-Serif;
	font-size: 12px;
	font-weight: bold;
	padding: 5px;
	margin-top: 5px;
	cursor: pointer;
}

#master_content .accordionHeader a
{
	color: #FFFFFF;
	background: none;
	text-decoration: none;
}

#master_content .accordionHeader a:hover
{
	background: none;
	text-decoration: underline;
}

.accordionContent
{
	background-color: #D3DEEF;
	border: 1px dashed #2F4F4F;
	border-top: none;
	padding: 5px;
	padding-top: 10px;
	color: navy;
}

.accordionLink
{
	background-color: #D3DEEF;
	color: white;
}

TitleRow
{
	color: #2e4d7b;
	border-top-style: none;
	border-right-style: none;
	border-left-style: none;
	background-color: transparent;
	border-bottom-style: none;
}
.FilterTextBox
{ 
    background-color:White;
}

.toolbarButton
{
    padding: 1px;
}

.toolbarButton:hover {
  background-color:#BBD0FA;
}

.toolbar {
  padding:4px;
}

.ui-icon-selectpoly
{ 
	background-image: url('../images/SelectPoly.png') !important; 
}

.ui-icon-selectpoint
{ 
	background-image: url('../images/SelectPoint.png') !important; 
}

.ui-icon-selectrect
{ 
	background-image: url('../images/SelectRect.png') !important; 
}

.ui-icon-deselect
{ 
	background-image: url('../images/deselect.png') !important; 
}

.ui-icon-move
{ 
	background-image: url('../images/move.png') !important; 
}

.ui-icon-zoomfull
{ 
	background-image: url('../images/zoomfull.png') !important; 
}

.ui-icon-xy
{ 
	background-image: url('../images/xy.png') !important; 
}

.ui-icon-buffer
{ 
	background-image: url('../images/buffer.png') !important; 
}

.ui-icon-printing
{ 
	background-image: url('../images/print.png') !important; 
}

#detailsDiv
{
    text-align:left;
    overflow: auto;
}

#bufferDiv
{
    z-index: 1000; 
    position: absolute; 
    left: 30%; 
    top: 40%; 
    width: 350px; 
    height: 200px;
}

#bufferContent
{
    padding-top:10px;
}

#centerDiv
{
    z-index: 1000; 
    position: absolute; 
    left: 30%; 
    top: 40%; 
    width: 430px; 
    height: 170px;
}

#scaleDiv
{
    z-index: 1000; 
    position: absolute; 
    left: 0px; 
    bottom: 0px; 
    background-color:#ffffff;
    padding:2px;
}

#positionDiv
{
    z-index: 1000; 
    position: absolute; 
    right: 0px; 
    bottom: 0px; 
    background-color:#ffffff;
    padding:2px;
}

#cursorDiv
{
    z-index: 1000; 
    position: absolute;
    color: Blue;
}

#centerContent
{
    padding: 10px 10px 0px 0px;
}

#printDiv
{
    z-index: 1000; 
    position: absolute; 
    left: 30%; 
    top: 30%; 
    width: 350px; 
    height: 180px;
}

#printContent
{
    padding: 10px 10px 0px 0px;
}


.featureTable
{
    padding: 5px;
}

.featureTable tr {
    background-color:#ffffff;
}

.featureTable tr:nth-child(even) {
    background-color:#bbd0fa;
}

#jqgridlist tr td:nth-child(even){
    background-color: #FFFFFF;
}

#jqgridlistDetails tr td:nth-child(even) {
    background-color: #FFFFFF;
}

.featureTable th {
    background-color:#5078b3;
    color: #ffffff;
    padding: 4px;
}

.featureTable td {
    border-style:solid;
    border-width:1px;
    margin: 4px;
}

.chosen-choices .search-field .default {
    min-width: 90px !important;
    font-style: italic;
    font-size: 11px;
}

.chosen-container-active .chosen-choices li.search-field input[type=text] {
    min-width: 90px !important;
}

#tdSearch {
    height: 540px;
}

#olMap {
    height:481px; 
    width:100%
}

#filterControl {
    padding: 2px;
    overflow: visible;
}

#reportFilterControl {
    padding: 2px;
    overflow: visible;
}

.ui-dialog { 
    z-index: 1050 !important;
}

/*.ui-front { 
    z-index: 1050 !important; 
}*/

.jstreeadvanced {
    overflow: visible;
}

.login-text {
    width:200px;
    margin: 5px;
}

.login-dialog {
    width:400px !important;
}

.centered
{
    clear:both;
    margin: 0 auto;
    text-align: center;
}

.ui-datepicker table {
    background-color: white;
}

#distanceUnitDiv {
    color: steelblue;
    width: 185px
}

#areaUnitDiv {
    color: steelblue;
    width: 115px
}