@import url('//fast.fonts.net/cssapi/931fac35-dc69-4861-956d-aedf4f2f6cda.css');

body {
  background-color: #021a32;
}

h1, h2, h3, h4, th.header {
  font-family:'Museo Slab W01_700', serif;
}

.container h3:first-of-type {
  text-transform: uppercase;
}

.container {
  width: 1040px;
  background-color: #fff;
  padding: 0 15px;
}
.banner_header {
  border-top: solid 20px #000;
  display: block;
  min-height: 180px;
  margin: 0 -15px;
  background-color: #ffffff;
background-image: -webkit-gradient(linear, left top, left bottom, from(rgb(255, 255, 255)), to(rgb(69, 169, 255)));
background-image: -webkit-linear-gradient(top, rgb(255, 255, 255), rgb(69, 169, 255));
background-image: -moz-linear-gradient(top, rgb(255, 255, 255), rgb(69, 169, 255));
background-image: -o-linear-gradient(top, rgb(255, 255, 255), rgb(69, 169, 255));
background-image: -ms-linear-gradient(top, rgb(255, 255, 255), rgb(69, 169, 255));
background-image: linear-gradient(top, rgb(255, 255, 255), rgb(69, 169, 255));
filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,StartColorStr='#ffffff', EndColorStr='#45a9ff');

}

.banner_header > a > img {
  /*display: none;*/
}

table.gridtable th {
  background-color: #4f4f4f !important;
  background-image: -webkit-gradient(linear, left top, left bottom, from(rgb(79, 79, 79)), to(rgb(0, 0, 0))) !important;
  background-image: -webkit-linear-gradient(top, rgb(79, 79, 79), rgb(0, 0, 0)) !important;
  background-image: -moz-linear-gradient(top, rgb(79, 79, 79), rgb(0, 0, 0)) !important;
  background-image: -o-linear-gradient(top, rgb(79, 79, 79), rgb(0, 0, 0)) !important;
  background-image: -ms-linear-gradient(top, rgb(79, 79, 79), rgb(0, 0, 0)) !important;
  background-image: linear-gradient(top, rgb(79, 79, 79), rgb(0, 0, 0)) !important;
  filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,StartColorStr='#4f4f4f', EndColorStr='#000000') !important;
  border: 0;
  color: #01b6fd;
  text-transform: uppercase;
  font-size: 14px;
}

table.gridtable th:first-of-type {
  border-radius: 10px 0 0 0;
}

table.gridtable th:last-of-type {
  border-radius: 0 10px 0 0;
}

table.gridtable td {
  border-color: #CCC
}

table.gridtable tr td:nth-of-type(even) {
  background-color: #cbe7ff;
}

div.pager span {
  border: 0;
  border-radius: 4px;
  width: 2em;
  height: 2em;
  line-height: 2em;
  background: #CCC;
  color: #000;
  transition: ease all 0.5s;
}

div.pager span:hover {
  background: #eee;
}

div.pager span.active {
  background: #000;
  color: #00b6ff;
  font-weight: bold;
}

input[type="submit"],
button[type="submit"] {
  background: #418bca;
  border: 0;
  padding: 8px 18px;
  font-family: Georgia, Times, serif;
  font-style: italic;
  color: #fff;
  border-radius: 10px
}

.navigation > a.discard {
  color: #cc0000;
}

div#tabs {
  border: 0;
}

.ui-tabs .ui-tabs-nav {
 padding: 1em 1em 0; 
}

.ui-widget-header {
  background: #52afff;
  border: 0;
}

.ui-tabs .ui-tabs-nav .ui-tabs-anchor {
  padding: 0.5em 1.75em;
}

.ui-widget-header .ui-state-default {
  border: 0;
  background: #000;
  font-family:'Museo Slab W01_700';
  text-transform: uppercase;
}

.ui-widget-content .ui-state-active, .ui-widget-header .ui-state-active {
  border: 0;
  background: #000;
}

.ui-state-active a, .ui-state-active a:link, .ui-state-active a:visited {
  color: #fff !important;
}

.ui-tabs .ui-tabs-nav li.ui-tabs-active {
    margin-bottom: 0;
    padding-bottom: 0;
}

.ui-state-default a, .ui-state-default a:link, .ui-state-default a:visited {
  color: #01b6fd;
}

#services, #populations, #regions {
  width: 49%;
  border-radius: 10px
}

#serviceGallery, #populationGallery,
#regionGallery{
  float: right;
  width: 48%
}

#organizationEditForm > div:nth-of-type(17),
#organizationEditForm > div:nth-of-type(18),
#organizationEditForm > div:nth-of-type(19){
  margin-bottom: 40px !important;
}

.ui-droppable h4 {
  background-color: #4f4f4f !important;
  background-image: -webkit-gradient(linear, left top, left bottom, from(rgb(79, 79, 79)), to(rgb(0, 0, 0))) !important;
  background-image: -webkit-linear-gradient(top, rgb(79, 79, 79), rgb(0, 0, 0)) !important;
  background-image: -moz-linear-gradient(top, rgb(79, 79, 79), rgb(0, 0, 0)) !important;
  background-image: -o-linear-gradient(top, rgb(79, 79, 79), rgb(0, 0, 0)) !important;
  background-image: -ms-linear-gradient(top, rgb(79, 79, 79), rgb(0, 0, 0)) !important;
  background-image: linear-gradient(top, rgb(79, 79, 79), rgb(0, 0, 0)) !important;
  filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,StartColorStr='#4f4f4f', EndColorStr='#000000') !important;
  padding: 0.75em 1em !important;
  display: block;
  border-radius: 6px;
  color: #00b8fe;
  text-transform: uppercase;
  margin-bottom: 0.5em !important;
}

.form-group .ui-widget-content {
  background: #ffffff !important;
}