html, body {
  background-color: #FCFBF5/*#f2f5f7*/;
  font-family:'Century Gothic',Arial,Helvetica,sans-serif;
  font-size: 14px;
  color:#444;
}

#wrap {max-width:1200px;margin:0 auto;}

#medium-wrap {max-width:960px;margin:0 auto;}

#ukde-logo {
  float: left;
  padding-top: 5px;
  padding-right: 10px;
  background-color: #FCFBF5/*#f2f5f7*/;
  padding-bottom: 7px;
}

h1 {
  font-family:'Century Gothic',Arial,Helvetica,sans-serif;
  	font-weight: normal;
  padding: 0px;
  margin: 0px;
  margin-top: 12px;
  line-height: 40pt;
  margin-top: 0;
  font-size: 28pt;
  line-height: 34pt;
  color: #882E3C;
  border-color: #968B83;
  border-width: 3px;
  letter-spacing: -1px;
}

.home-title-box h1 {
  margin-top: 12px;
  font-size:30pt;
  line-height: 50pt;
}

#subtitle-para{
  padding:0;
  margin:0;
  color: #666;
}


.home-title-box #subtitle-para{
  margin-top: -4px;
  margin-bottom: 2px;
}

#subtitle-span {
  width: auto;
   font-size:10pt;
}

#twitter-div {
  float: right;
  margin-top:-7px;
}
#ad-div {
  float: right;
  margin-top:-7px;
}

h1 a {
  text-decoration: none;
  color: inherit;
}
h1 a:hover {
  text-decoration: none;
}

.welcome-box {
  font-size: 16px;
  margin-left: 0px;
  margin-right: 0px;
  margin-top: 18px;
  margin-bottom: -5px;
  background: white;
  /*border-radius: 5px;*/
  padding: 10px;
  padding-top: 4px;
  padding-bottom: 4px;
  background-color: white;
  border: 1px solid #aaa;
}
.welcome-box span a:link,.welcome-box span a:visited {
  color: #882E3C;
}

a:link {
text-decoration:none;
}
a:hover {
text-decoration:underline;
}

.home-page-link-box a:link,
.home-page-link-box a:visited {
  color: #882E3C;
  text-decoration:none;
}

p a:link,
p a:visited,
.welcome-box a:link,
.welcome-box a:visited,
.smaller-text a:link,
.smaller-text a:visited,
.bullet-points a:link,
.bullet-points a:visited,
.numbered-list a:link,
.numbered-list a:visited,
.list-of-lists a:link,
.list-of-lists a:visited {
  color: #064fde;
}

a>h1:hover {
text-decoration:none;
}

.numbered-list li, .bullet-list li {
  padding-bottom: 6px;
}

a > img{
    border: 0;
}

h2 {
  font-family:'Century Gothic',Arial,Helvetica,sans-serif;
  	font-weight: normal;
  padding: 0px;
  margin-top: 22px;
  margin-bottom: 8pt;
   font-size:18pt;
  border-color: #C0B9B5;
  border-width: 1px;
  color: #882E3C;
  border-bottom-style: solid;
}

h3 {
  font-size:14pt !important;
  font-family:'Century Gothic',Arial,Helvetica,sans-serif;
  	font-weight: normal;
  padding: 0px;
  margin-top: 8px;
  margin-bottom: 4px;
  color: #882E3C;
}

h3#data-header {
  font-size: 12pt !important;
  width: 60%;
  border-bottom-style: solid;
  border-color: #968B83;
  border-width: 1px;
}

.text-header {
  border: none;
  font-size:12pt;
  padding-top: 12pt;
  padding-bottom: 0;
  margin-bottom: 0;
}

#dataset-description-para {
    font-size: 9pt;
    color: #333;
    padding-top: 0px;
    padding-bottom: 0px;
    margin-top: 6px;
    margin-bottom: 4px;
}

.dataset-link-para {
    padding-top: 0px;
    padding-bottom: 0px;
    margin-top: 0px;
    margin-bottom: 0px;
    font-size: 9pt;
}

img {
  padding: 0px;
  margin: 0px;
}

#loading-message {
  margin-top: 16px;
  margin-left: 20px;
  width: 55%;
}

#progressbar .ui-progressbar-value {
  background-color: #D6C591;
}

#loading-message p {
  line-height: 2px;
}

#explanation {
  font-size: 10pt;
  padding: 0pt;
  margin-top: 20px;
  margin-bottom: 20px;
}

#dataset-select-div {
  padding-top: 10px;
  margin-bottom: 10px;
  padding: 3px;
  background-color: #D6C591;
  -moz-border-radius: 5px;
  border-radius: 5px;
  border-style: solid;
  border-color: #444;
  border-width: 1px;
  color:#333;
  /*box-shadow: 0 0 3px 3px #DDD;*/
}


label {
  font-size:10pt;
}

.filter-label {
  font-size: 10pt;
}

#dataSelector2 {
  width: 60%;
  height: 100%;
  display:none;
}

optgroup {
  background-color:#DACB9C;
  border-color: #e1690f;
  border-bottom: solid;
  border-width: 6px;
  border-color: #FFF;
}

option {
  background-color:#FFF;
  color: #222;
}

#title-box {
  padding-bottom: 6px;
  min-height:60px;
}
#title-box.home-title-box {
  min-height:80px;
}

#main-box {
  width: 100%;
  color: #333;
}

#main-box p, ul{
  margin-top: 8pt;
  margin-bottom: 8pt;
}

#form-div {
  top: 0px;
  left: 0px;
}

#info-box {
  padding-top: 0px;
  position: absolute;
  top: 0px;
  left: 61%;
  width: 38%;
  height: 100%;
  font-size: 10pt;
}


#box-xyz {
  padding: 0;
  position: absolute;
  width: 99%;
  height: 260px;
}


#info-box p {
  padding: 2pt;
  margin: 0px;
}

#tip-p {
  font-size: 8pt;
  padding-bottom:4px; !important;
}

#freq-select {
}

.intro-text {
  font-size: 8pt;
  color:#BBB;
}

.metadata {
  font-size: 8pt;
  color:#333;
}


#links-etc {
  position: absolute;
  bottom: 0px;
  left: 0px;
}

#links-div {
  margin-top: 16px;
  margin-bottom: 16px;
}

#links-div p {
  padding:0;
  margin:0;
}

#chart_div {
  height: 380px; width: 96%;
}

#chart_div2 {
  position: absolute;
  top: 280px;
  height: 380px; width: 96%;
}

#var-name {
  color:#333;
  font-size: 8pt;
  font-weight: bold;
}


.menu-bar {
  clear:both;
  min-height:4px;
  margin-top:8px;
  background: #882E3C;
}


.menu-bar ul
{
padding-left:0;
padding-right:0;
padding-top: 3px;
padding-bottom: 4px;
margin:0;
list-style-type:none;
}

.menu-bar a
{
margin:0;
padding-left: 10px;
padding-right: 10px;
font-size: 15px;
text-decoration:none;
color:white;
border-right: 1px solid white;
}
.menu-bar li:last-child a
{
border-right: none;
}

.menu-bar a:hover {background-color:rgba(255,255,255,0.3);}
.menu-bar li {display:inline; padding:0; margin:0; }

.home-page-link-box {
  float: left;
  width: 450px;
  padding: 8px;
  margin-right: 20px;
}


.home-page-link-box img {
  border: 2px solid white;
}

.home-page-link-box img:hover {
  border: 2px solid #882E3C;
}

.thumbnail {
  box-shadow: 2px 2px 10px #777;
  margin-right: 10px;
  margin-bottom: 6px;
  width: 250px;
  height: 160px;
}

.full-width-text {
  max-width: 800px;
  padding-left: 8px;
}

.smaller-text {
  font-size: 85%;
}

a.home-page-image {
  float: left;
}


.release-list th {
  text-align: left;
}
.release-list th, .release-list td {
  padding-right: 16px;
  border: 1px solid #ccc;
  border-left: 0px;
  border-right:0px;
}
.title-column {
  width: 400px;                          
}
.release-list {
  border-collapse: collapse;
  background: white;
  margin-bottom: 24px;
  border-top: 3px solid #ccc;
  border-bottom: 3px solid #ccc;
}

@media (min-width: 950px) {
  .home-page-link-box {
    width: 24%;
    margin-left: 3%;
    margin-right: 3%;
  }
  
  .home-page-link-box.double-width {
    width: 52%;
  }
  a.home-page-image {
    float: none;
  } 
}

@media (max-width: 500px) {
  .home-page-link-box {
    width: 200px;
    float:none;
  }
    .menu-bar li {
   /* display: block;*/
  }

  .menu-bar a {
    border-right:none;
  }
}

@media (max-width: 700px) {
  h1 {
    margin-top: 0;
    font-size: 32pt;
    line-height: 34pt;
  }
  #subtitle-para {
    display:none;
  }

  #twitter-div {
    display:none;
  }

  #data-header {
    width: 100%;
  }

  #info-box {
    width: 100%;
    height: auto;
    padding-top: 0px;
    position: static;
    font-size: 10pt;
  }

  #chart_div2 {
    position: static;
    height: 380px; width: 96%;
  }

  #links-etc {
    position: static;
  }

 #loading-message {
   width: 95%;
 }

  #dataSelector2 {
   width: 100%;
   height: 100%;
   display:none;
  }
}