body {
    background-color: #EDF6FF;
}


h1 {
    color: #002B66;
}

a {
    color: #002B66;
    text-decoration: underline;
}

/*
.cool-menu-ul a {
    text-decoration: none;
}
*/

#map_canvas {
   width:100%;
}

.filterBox {
    background-color:#EDF6FF;
    border-radius: 15px;
    padding-left: 10px;
    padding-top: 10px;
    padding-bottom: 10px;
    margin-top: 10px;
}

div.filter {
   margin-bottom:10px;
}


/*Display Summary is used in list of Displays */
div.DisplaySummary {
	margin-bottom:1em;
}

h1.DisplaySummary {
	margin:0px 0px 0px 0px;
	font-size:20px;
}

table.DisplaySummary {
	margin:0px 0px 20px 0px;
	border-width: 0px;
	border-spacing: 2px;
	border-style: none;
}

td.DisplaySummary {
	border-width: 0px;
	border-spacing: 2px;
	border-style: none;
	vertical-align:text-top;
}

.cool-description {
	line-height: 1em;
}

img.DisplaySummary {
    width: 90px;
    float: left;
    margin: 4px;
    border: 0px;
}

input.account {
	width:250px;
}
select.account {
	width:250px;
}

table.full {
	width: 100%;
}

table.full th {
	max-width:70px;
}

textarea.account {
	width:100%;
	height:120px;
}
.error {
	color:#FF0000;
}
.note {
	color:green;
	font-weight:bold;
}

.vote {
    color: green;
    font-weight: bold;
}

.tagheader {
    font-weight: bold;
    font-size: 18px;
    padding-top: 20px;
    color:  #002B66;
}

/*Draws the boxs around tags and shows hover colors */
a.tag {
	/* color: #006699;*/
	color:#002B66;
	background-color: #E0EAF1;
	border-bottom: 1px solid #3E6D8E;
	border-right: 1px solid #7F9FB6;
	padding: 3px 4px 3px 4px;
	margin: 1px 1px 1px 0px;
	text-decoration: none;
	font-size: 90%;
	line-height: 2.4;
	white-space: nowrap;
}
a.tag:visited {
	/*color:#006699;*/
	color:#002B66;
	text-decoration: none;
}
a.tag:hover {
	background-color: #3E6D8E;
	color:#E0EAF1;
	border-bottom: 1px solid #37607D;
	border-right: 1px solid #37607D;
	text-decoration: none;
}

@media screen and (max-width: 900px) {
   .DisplaySummary .tag {
      display:none;
   }
}

.lastUpdated {
    font-size: 11px;
    font-style: italic;
}


.cool-search-btn {
    color:rgba(255,255,255,.5);;
    border-color:rgba(255,255,255,.5);;
}

@media not screen and (max-width: 575px) {
    .cool-right-col {
        padding-left:2px;
    }
    .cool-main-col {
        padding-right:0px;
    }
}

.BlockHeader{
    background:#99CCFF;
    /*width:130px;*/
    vertical-align:text-bottom;
    border-radius: 5px;
    font-size:16px;
    font-weight:bold;
    border-color:black;
    border-width:1px;
    border-style:solid;
    padding:4px 2px 4px 2px;
    margin: 0px 0px 5px 0px;
}

.cool-menu-ul {
    padding-left: 18px;
    font-size: 14px;
}


.cool-white-card {
    border-color: black;
    border-width: 1px;
    border-style: solid;
    border-radius: 25px;
    background: white;
    margin: 10px 10px 10px 10px;
    padding-top: 15px;
    padding-bottom: 10px;
    padding-left:5px;
    padding-right:5px;
    margin-bottom:10px;
}
@media screen and (max-width: 900px) {
   .cool-white-card {
       margin: 3px 3px 3px 3px;
   }
}

.BackLink {
    text-align: center;
    display: block;
    font-size: 11px;
    padding: 0px 0px 6px 0px;
    color: #000;
}

/* The Modal (background) */
.modal {
    display: none; /* Hidden by default */
    position: fixed; /* Stay in place */
    z-index: 10; /* Sit on top */
    padding-top: 100px; /* Location of the box */
    left: 0;
    top: 0;
    width: 100%; /* Full width */
    height: 100%; /* Full height */
    overflow: auto; /* Enable scroll if needed */
    background-color: rgb(0,0,0); /* Fallback color */
    background-color: rgba(0,0,0,0.4); /* Black w/ opacity */
}

/* Modal Content */
.modal-content {
    background-color: #fefefe;
    margin: auto;
    padding: 20px;
    border: 1px solid #888;
    width: 80%;
    height: 80%;
}

/* The Close Button */
.cool-close {
    color: #999999;
    float: right;
    font-size: 28px;
    font-weight: bold;
    text-align: right;
    padding: 0px;
    margin: 0px;
}

.cool-close:hover,
.cool-close:focus {
    color: #000;
    text-decoration: none;
    cursor: pointer;
}

img.modalImg {
        border:0px;
        border-style:none;
	margin:3px 3px 3px 3px;
	max-width:95%;
}

div.cool-home-image-container
{
    margin-left: auto; 
    margin-right: auto;
    text-align: justify;
    -ms-text-justify: distribute-all-lines;
    text-justify: distribute-all-lines;
    max-width:600px;
}

.stretch {
    width: 100%;
    display: inline-block;
    font-size: 0;
    line-height: 0
}

figure.cool-labeled-image {
  display: inline-block;
}

figure.cool-labeled-image figcaption {
  text-align: center;
}

figure.cool-labeled-image img {
  height: 120px;
  border-radius: 50%;
}

figure.cool-labeled-image-tall {
  display: inline-block;
}

figure.cool-labeled-image-tall figcaption {
  text-align: center;
}

figure.cool-labeled-image-tall img {
  max-width: 180px;
}

.cool-title {
   font-size:1.3em;
}

.cool-summary {
   margin:3px;
   border-style: solid;
   border-width: 2px;
}

.cool-image-div {
   width:92px;
}

.cool-row {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}

.cool-desc-div {
    line-height: 95%;
}
.cool-title {
    margin-bottom: 2px;
}

.cool-vote {
   color: green;
   font-style: italic;
   font-size: .8em;
}

@media only screen and (min-width: 414px) {
  /* For mobile phones: */
  [class*="cool-summary"] {
      min-width: 380px;
  }
}

@media only screen and (max-width: 354px) {
  /* For mobile phones: */
  [class*="cool-desc-div"] {
      width:100%;
  }
  [class*="cool-summary"] {
      margin-top:15px;
      width:100%;
  }
}

@media only screen and (max-width: 818px) {
  [class*="cool-summary"] {
      border-style: none;
  }
}