/* ************************************** */
/* BEGIN: PDSA Summary Block Color Themes */
/* ************************************** */
.pdsa-summary-block-primary {
  color: #fff;
  background-color: #428bca;

}

  .pdsa-summary-block-primary .summary-footer {
    /*background-color:#428bca; /*#083c69;*/
  }

    .pdsa-summary-block-primary .summary-footer a {
      color: #0743b0;
      font-weight:bold;
    }

.pdsa-summary-block-success {
  color: #fff;
  background-color:#639D36 ;/*#0a830d #3c763d*/
}

  .pdsa-summary-block-success .summary-footer {
    background-color: #639D36;
  }

    .pdsa-summary-block-success .summary-footer a {
      color: white;
    }

.pdsa-summary-block-danger {
  color: #fff;
  background-color: #BF1F1F; /*#a94442 ;#a94442*/
}

  .pdsa-summary-block-danger .summary-footer {
    background-color: #BF1F1F;
  }

    .pdsa-summary-block-danger .summary-footer a {
      color: white;
    }

.pdsa-summary-block-info {
  color: #fff;
  background-color:#6b5936; /*#31708f;*/
}

.pdsa-summary-block-info .summary-footer {
    background-color:#6b5936;

}

.pdsa-summary-block-info .summary-footer a {
    color: white;
}

.pdsa-summary-block-warning {
  color: #fff;
  background-color:#7bbea9;
}

.pdsa-summary-block-warning .summary-footer {
background-color:#5baf95;
}

.pdsa-summary-block-warning .summary-footer a {
    color: white;
}



.pdsa-summary-block-cus1 {
  color: #fff;
  background-color:#366B59 /*#d87d26;*/
  /*background-image:url(../Images/WaterTap.png);
  background-repeat: no-repeat;*/
}

.pdsa-summary-block-cus1 .summary-footer {
 background-color:#366B59;

}

.pdsa-summary-block-cus1 .summary-footer a {
    color: white;
}


.pdsa-summary-block-cus2 {
  color: #fff;
  background-color:#59366b; /*#36096a;*/
}
.pdsa-summary-block-cus2 .summary-footer {
background-color:#59366b;
}
.pdsa-summary-block-cus2 .summary-footer a {
    color: white;
}

.pdsa-summary-block-cus3 {
  color: #fff;
  background-color:#786A84; /*#377d67;#5baf95;*/
}
.pdsa-summary-block-cus3 .summary-footer {
background-color:#786A84; /*rgba(21, 21, 22, 0.51);*/
}
.pdsa-summary-block-cus3 .summary-footer a {
    color: #fff;
}


.pdsa-summary-block-cus4 {
  color: #fff;
  /*background-color: #4880eb; #d9edf7 #232d3f;#021841*/
    background-color:#36486b; /*#23527C;*/
}
.pdsa-summary-block-cus4 .summary-footer {
    background-color: #36486b ;
  }
.pdsa-summary-block-cus4 .summary-footer a {
      color: white;
    }


.pdsa-summary-block-cus5 {
  color: #fff;
  background-color: #36486b; /*#0743b0;*/ 

}
.pdsa-summary-block-cus5 .summary-footer {
    background-color: #36486b;
  }
.pdsa-summary-block-cus5 .summary-footer a {
    color: white;
}

.pdsa-summary-block-back {
  color:#000000;
  background-color:#d9edf7;
}
.pdsa-summary-block-back .summary-footer {
background-color:#021841;
}
.pdsa-summary-block-back .summary-footer a {
    color: #fff;
}
.pdsa-summary-block-back .summary-footer i {
    color: #fff;
}


/* ************************************ */
/* END: PDSA Summary Block Color Themes */
/* ************************************ */

/* **************************************************** */
/* BEGIN: Summary Block Display                         */
/* The following styles are for a summary block display */
/* **************************************************** */

.pdsa-summary-block {
position: relative;
width: 100%;
margin: 0.3em;
padding: 1em;
min-height: 15em;
border-radius: 4px;
-moz-border-radius: 4px; 
}
.pdsa-summary-block .summary-background i,
.pdsa-summary-block .summary-background div {
margin-left: -0.1em;
margin-top: 0.1em;
font-size: 8em;
opacity: 0.3;

}
.pdsa-summary-block .summary-body {
position: absolute;
top: 0.3em;
right: 0.8em;
overflow: hidden;
}
.pdsa-summary-block .summary-body .summary-line1 {
    text-align: right;
    font-size: xx-large;
}
.pdsa-summary-block .summary-body .summary-line2 {
    text-align: right;
    font-size: medium;
}
.pdsa-summary-block .summary-body .img {
       
    width: 95%;
height: 50%;
padding: 0.8em;
}
.pdsa-summary-block .summary-footer {
position: absolute;
bottom: 0em;
right: 0em;
width: 100%;
padding: 0.4em;
font-weight: 300;
/*text-transform: uppercase;*/
font-size: small;
opacity: 0.75;
border-radius: 4px;
}
.pdsa-summary-block .summary-footer a {
    text-decoration: none;
}
.pdsa-summary-block .summary-footer:hover {
    opacity: 1;
    cursor: pointer;
}
/* *************************** */
/* END: Summary Block Display  */
/* *************************** */
/*************** Hyperlink ********************/
.WhiteLink
{
color:#fff;
text-decoration: none;

}
.WhiteLink:hover
{
/*background:#E6E6E6;*/
/*color:#25c273;*/
text-decoration:none;
font-weight:bold;
}

/* **************************************************** */
/* BEGIN: Summary Block Display for Parcel Photos tile  */
/* The following styles are for a summary block display */
/* **************************************************** */

.pdsa-summary-block-img {
position: relative;
width: 100%;
margin: 0.3em;
padding: 1em;
min-height: 15em;
border-radius: 4px;
-moz-border-radius: 4px;   
}
.pdsa-summary-block-img .summary-background i,
.pdsa-summary-block-img .summary-background div {
margin-left: 0em;  /*make icon hidden behind image*/
margin-top: 0.1em;
font-size: 8em;
opacity: 0.3;
    
}
.pdsa-summary-block-img .summary-body {
position: absolute;
top: -0.9em;
left:-0.8em;
right: -0.8em;
/*bottom:200px;*/ 
border-radius:6px;
}
.pdsa-summary-block-img .summary-body .summary-line1 {
    position: absolute;
    text-align: right;
    font-size: xx-large;
    right: 0.8em;
    top: 0.3em;
    right: 0.8em;
    
}
.pdsa-summary-block-img .summary-body .img {
       
width: 100%;
height: 100%;
padding: 0.8em;
border-radius:15px;
overflow:hidden; 
}
.pdsa-summary-block-img .summary-footer {
position: absolute;
bottom: 0em;
right: 0em;
width: 100%;
padding: 0.4em;
font-weight: 300;
/*text-transform: uppercase;*/
font-size: small;
opacity: 0.75;
border-radius: 4px;
}
.pdsa-summary-block-img .summary-footer a {
text-decoration: none;
}
.pdsa-summary-block-img .summary-footer:hover {
opacity: 1;
cursor: pointer;
}


    /* **************************************************** */
/* BEGIN: Summary Block Display for Parcel Map tile     */
/* The following styles are for a summary block display */
/* **************************************************** */

.pdsa-summary-block-map {
  position: relative;
  width: 100%;
  margin: 0.3em;
  padding: 0em;
  min-height: 15em;
  border-radius: 4px;
  -moz-border-radius: 4px; 
  border-style: solid;
  border-color:#2E3A2C;
  border-width: thin;
}
.pdsa-summary-block-map .summary-background i,
.pdsa-summary-block-map .summary-background div {
margin-left: 0em;  /*make icon hidden behind image*/
margin-top: 0.1em;
font-size: 8em;
opacity: 0.3;
    
}
.pdsa-summary-block-map .summary-body {
position: absolute;
top: 0em;
left:0em;
right: -0em;
bottom:-0em; 
border-radius:6px;
margin:0px;
}
.pdsa-summary-block-map .summary-body .summary-line1 {
position: absolute;
text-align: right;
font-size: xx-large;
right: 0.8em;
top: 0.3em;
right: 0.8em;
    
}
.pdsa-summary-block-map .summary-body .map {
    /*finally map is able to fix in the DIV*/  
width: 100%; 
height: 100%;
padding: 0em;
padding-bottom:0em;
padding-right:-0em;
border-radius:4px;
overflow:hidden; 
margin:auto;
}
.pdsa-summary-block-map .summary-footer {
position: absolute;
bottom: 0em;
right: 0em;
width: 100%;
padding: 0.4em;
font-weight: 300;
/*text-transform: uppercase;*/
font-size: small;
/*opacity: 0.75;*/
border-radius: 4px;
    /*background-color:#23527C;*/

        /*background: url(../Images/BlankBlueWOTitle.PNG) no-repeat center center fixed; 
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;*/
}
.pdsa-summary-block-map .summary-footer a {
    color:red;
}
.pdsa-summary-block-map .summary-footer:hover {
    opacity: 1;
    cursor: pointer;
}

/* ************************************************** */
/* END: Summary Block Display for Parcel Photos tile  */
/* ****************************************************/

#myDiv 
{
  height:30%;
  width:230px;
    padding-top: 1em;
    padding-bottom:1em;
    border-radius:15px;
    overflow:hidden; 
}
#myDiv img
{
  max-width:100%; 
  max-height:100%;
  margin:auto;
  display:block;
}

.uti-icon{
    display: block;
    height: 180px;  /*height of icon */
    width: 180px;  /*width of icon */
    position:relative;/*where to replace the icon */
    top: -1em;
    left: -1em;
 
      /*background */
    /*background:#d87d26 url(../Images/WaterTap.png) no-repeat 0px 0px;*/
}