﻿

h3 {
	color: #FFFFFF;
	padding:10px;
}

p {
    padding:10px;
}

hr {
    color: #033266;
}

.white {
	color: #FFFFFF;
}

.white a {
	color: #FFFFFF;
}

.white a:hover { 
    color: #ccc;
    cursor:pointer;
}

.textshadow
{
    font-weight:bold;
    text-shadow: 0px 1px 2px #FFFFFF, 0px -1px 2px #FFFFFF, 1px 0px 2px #FFFFFF, -1px 0px 2px #FFFFFF;	
}

#title {
    position:absolute;
    left: 10px;
    right: 10px;
    top:20px;
    height: 40px;
    font-size: 20px;
    font-weight: 900;
    color:#FFFFFF;
}

#headDiv {
    position:absolute;
    left: 0px;
    right: 0px;
    top:0px;
    height: 55px;
    padding:2px 0px 2px 0px;
    background: #033266 url("images/WebMapHeader3.png") no-repeat;
    overflow:hidden;
}

.floatright {
    text-align: right;    
}

#borderContainer { 
    width: 100%; 
    height: 100%; 
}

#mapDiv {
    width:100%; 
    height:100%; 
    overflow:hidden;
}

#map {
    position:absolute;
    top:0px;
    left:0px;
    right:0px; 
    bottom:0px;
    color:#000000;
    background-color: #FFFFFF;
    border:1px solid #033266;
}

#status {
    position: absolute; 
    right: 10px; 
    top: 10px;
    background-color: black; 
    color: white; 
    padding: 3px; 
    border: solid 1px white;
    z-index: 599; 
}

#scalebar {
    position:absolute;
    bottom: 30px;
    left: 15px;
    font-size:10px;
    background-color:#FFFFFF;
    z-index:99;
}
/*
#logo {
    position:absolute;
    right:10px; 
    bottom:10px;
    width:100px;
    height:121px;
    z-index:99;
}
*/

#bgview {
    position:absolute;
    /*position:relative;*/
    top: 0px;
    left: 60px;
    z-index:99;
   /* margin-left: auto;
    margin-right: auto;*/
}

#views {
    position:absolute;
    top: 100px;
    right: 30px;
    z-index:99;
}

#baseMapDiv 
{
     position:absolute;
    /*top: 40px;
    right: 30px;*/
    top: 0px;
    left: 530px;
    z-index:99;
}

#addrSearch 
{
    position:absolute;
    top: 30px;
    /*left: 550px;*/
    right: 10px;
    z-index:99;
}

#locationAndBaseMap 
{
    position:absolute;
    top: 0px;
    /*left: 550px;*/
    right: 1px;
    z-index:99;
}

#coord {
    position:absolute;
    bottom: 5px;
    left: 5px;
    height:15px;
    font-size:10px;
    color:#FFFFFF;
}

#feedback {
    position:absolute;
    bottom: 5px;
    right: 5px;
    height:10px;
    font-size:10px;
    color:#FFFFFF;
}

#feedback a:link{
    color:#FFFFFF;
}

#feedback a:visited{
    color:#FFFFFF;
}

#feedback a:hover{
    color:#7BC143;
}

.bold {
    font-weight: 900;
}

.italic {
    font-style: italic;
}


.bluebg {
    background-color:#9DB5D1; /*D9E3FF;*/
}

.greenbg {
    background-color:#D5DCE2; /*#9DC099; #8BBF7F; #83B394;*/
}

.small {
    font-size:10px;
    line-height:5px;
    padding: 0px;
}

.blueBG {
    background-color:#033266;
    color:#FFFFFF;
    line-height: 24px;
}

.graybg td {
    background-color:#E6E8FA;
}

.left {
    text-align:left;
    font-size:12px;
}
/*
.right {
    text-align:right;
}
*/
.center {
    text-align:center;
    font-size:12px;
}

.justify {
    text-align:justify;
}

.underline {
    text-decoration:underline;
}

/*
.pad tr td {
    padding:0px,5px,0px,5px;
}
*/

.chart {
    border-style:solid;
    border-color:#333333;
    border-width:1px;
    border-collapse:collapse;
    background-color:#FFFFFF;
    font-family: Sans-Serif;
    font-size:11px;
}

.chart tr td {
    padding:5px;
    border-style:solid;
    border-color:#999999;
    border-width:1px;
    text-align:center;
}

.padCenter {
    padding: 5px;
    text-align: center;
    border-style:solid;
    border-color:#999999;
    border-width:1px;
}

.padCenterNoBorder {
    padding: 5px;
    
    text-align: center;    
}

.padRightNoBorder {
    padding: 5px;    
    text-align: right;    
}

.padLeftNoBorder { 
    
    text-align: left;
}

.padLeftwithBorder {
    padding: 5px;
    
    text-align: left;
    border-style:solid;
    border-color:#999999;
    border-width:1px;
}

.leftwithBorder {
    padding: 1px;
    text-align: left;
    border-style:solid;
    border-color:#999999;
    border-width:1px;
}

.leftwithoutBorder {
    padding: 1px;
    text-align: left;   
}

#dropBox {
    background-color:#FFFFFF;
    color:#000000;
    border:solid 2px #BBBBBB;
    padding-top:0px;
}

.label {
    font-size:16px;
    font-weight:bold;
    line-height:30px;
    color:#FFFFFF;
}



#measure {
    position:absolute;
    right:10px; 
    bottom:20px;
    padding:5px;
    z-index:99;
}

fieldset {
  padding:5px;
  color:#FFFFFF; /* white */
  border:2px solid #FFFFFF; /* white */
  width:210px;
}


.padded tr td {
    padding:5px;
}

#floatToolsDiv {
    background-color:#FFFFFF;
    padding-bottom:5px;
    height:100%;
}

#floatToolsWin {
    height:100%;
}

#floatInfoDiv {
    background-color:#FFFFFF;
    padding-bottom:5px;
    height:100%;
}

#floatInfoWin {
    height:100%;
}

#maintenance {
    position:absolute;
    top:200px;
    bottom:200px;
    left:200px;
    right:200px;
    background-color:#FFFFFF;
    color:#033266;
    z-index:9999 !important;
}

.divCenter{		
	
	margin-left: auto;
    margin-right: auto;
    /*border:1px solid #AAA;*/      
}

.subTitle2
{
    padding-top:5px;    
    width:90%;
    height:25px;
    float:left;
    position: relative;
   /* border:1px solid #AAA;*/
}



.divfloatRight 
{
    width: 45px;
    position: relative;
    float: right;   
    border:1px solid #AAA;
}

.divfloatLeft2 
{
    width: 60%;
    position: relative;
    float: left;   
    border:1px solid #AAA;
}

.paneTitleDiv1
{    
    float:left;
    position: relative;
   /*border:1px solid #AAA;*/
}

.paneTitleDiv2
{    
    float:right;
    position: relative;
    /*border:1px solid #AAA;*/
}

.div_floatRight {
    position: relative;
    float: right;   
    /*border:1px solid #AAA;*/
}

.div_floatRight2 {
    position: relative;
    float: right; 
    padding: 3px;    
    /*border:1px solid #AAA;*/
}

.div_floatLeft {
    position: relative;
    float: left;    
    /*border:1px solid red;*/
   /* margin-bottom: 0px;*/
}

.subTitle3
{     
    width:95%;
   /* height:10px;*/
    float:left;
    position: relative;
   /* border:1px solid #AAA;*/
}

.loadingImg
 {
   position:absolute;         
   left:50%;
   top:50%;  
   z-index  :100
  }
  
  .loadingImg2
 {
   position:absolute;         
   left:50%;
   top:45%;  
   z-index  :100
  }
  
  
.toolHelpDiv
{
  float:left;
  width:220px; 
  height: 150px;
  margin:10px; 
 /* margin-left:10px;
  margin-top:10px;*/
  position:relative;    
  font-size:10pt;
  overflow:auto;
  display:none;
  border:1px solid #AAA;
/* border:1px solid blue;*/
}


.toolHelpDivSafari
{
  float:left;
  width:220px; 
  height: 150px;
  /*margin:10px; */
  margin-left:10px;
  margin-top:2px;
  position:relative;    
  font-size:10pt;
  overflow:auto;
  display:none;
  border:1px solid #AAA;
/* border:1px solid blue;*/
}
  
  /* for splash page*/ 
#splashDiv 
{  
    width: 90%; 
    height: 90%;
}

#splashTitle 
{
   float:left;
    position: relative;
    width: 99%; 
    height: 80px; 
    padding: 0%;
   border : solid 1px #224a54; 
}

#spalshTitle1{
    position:absolute;    
    width: 100%;      
    text-align: center;    
    height: 56px;
    line-height : 56px;
    font-size: 20px;  
    /*font-weight:bold; */    
}

#logo1  
{ 
    /*background-image: url("../images/OCTO-75x56.jpg") !important; */
             border:0; 
             top: 10px; 
             cursor: pointer; 
             height: 56px !important;  
             position: absolute; 
             left: 10px; 
             width: 75px !important; 
             z-index: 49; 
} 

#logo2
{ 
    /*background-image: url("../images/Powered-By-DCGIS-75x56.jpg") !important; */
    background-image: url("../images/Powered-By-OCTO-DCGIS-75x56.jpg") !important;
             border:0; 
             top: 10px; 
             cursor: pointer; 
             height: 56px !important;  
             position: absolute; 
             right: 10px; 
             width: 75px !important; 
             z-index: 49; 
} 


#tabWin 
{
    float:left;
    position: relative;
    width: 93%; 
    height: 300px;
    border: solid 1px #224a54;
    padding: 3%;  
}    

.fontColorGrey 
{
    color: #C0C0C0;
}  

.fontColorNormal
{
    color: #000000;
    background-color: #FFFFFF;
}  

.fontWithBackground
{
    color: #FFFFFF;
    background-color: #6699FF;
}

#ddlAddresses2
{
    width: 200px;
    overflow-x: scroll;
}

#propertyMainContainerDiv2
{
    font-size:12px;
}