@import url("basics.css");
@import url("forms.css"); 
@import url("tables.css");


body {
  border-top : 4px solid #696969;
  background : url(img/header_bg.gif) 0 40px repeat-x;
}


a {
  color : #2B4290;
}
a:hover {
  text-decoration : underline !important;
  color : #800;
}

h1 {
  color : #2B4290;
  font-size : 1.5em;
  margin : 0 0 .7em 0;
  font-weight : normal;
  border-bottom : 1px solid #ddd;
}
h1 a {
  text-decoration : none;
}

/*
h2 { position:absolute;right:9999em;left:auto; }
*/


#top {
  margin : -4px 30px 0 30px;
}



.header {
  margin-bottom : 1em;
  padding : 12px;
  padding-top : 135px;
  padding-top : 24px;
/*  background : url(img/header_image.jpg) 0 0 no-repeat;*/
}



#contact {
  color : #888;
  font-style : normal;
  position : absolute;
  top : 132px;
  top : 20px;
  left : 116px;
  font-size : .92em;
  line-height : 1.3;
}
#contact span {
  display : block;
}
#contact i {
  font-style : normal;
}
#contact a {
  text-decoration : none;
}
#contact .fn {
  font-size : 1.24em;
  font-weight : bold;
}




#page-footer {
  margin-top : 20px;
  padding-top : 10px;
/*  border-top : 1px solid #ccc;*/
  padding-bottom : 30px;
}


.disclaimer {
  color : #666;
  font-size : .92em;
  text-align : center;
}
.disclaimer a {
  color : #000;
  text-decoration : none;
}
.disclaimer p {
  max-width : 560px;
  margin : 0 auto;
}
#datamarket {
  float : right;
  position : absolute;
  top : 27px;
  right : 5px;
}
#datamarket img {
 /* width : 100px; */
}



#page-main {
  position : relative;
  border : 1px solid #ccc;
  background : #fff url(img/bg.gif) 0 0 repeat-x;
}
#page-main .wrap {
  padding : 12px;
  border : 2px solid #fff;
}

/* rounded corners */
.tc,
.tc b,
.bc,
.bc b {
  display : block;
  height : 10px;
}
.tc {
  position : absolute;
  top : 0;
  left : 0;
  margin : -1px 0 0 -1px;
  padding-right : 2px;
  width : 100%;
  background : url(img/tr.gif) 100% 0 no-repeat;  
}
.tc b {
  background : url(img/tl.gif) 0 0 no-repeat;
}
.bc {
  clear : both;
  margin : -10px -1px -1px;
  background : url(img/br.gif) 100% 0 no-repeat;  
}
.bc b {
  background : url(img/bl.gif) 0 0 no-repeat;  
}


fieldset {
  border : 0;
  padding : 0;
  display : block;
  overflow : auto;
  ~overflow : hidden;
  position : relative;
  margin : 0 0 1em 0;
  min-height:0;/* ie hasLayout fix */
}

fieldset.closed a.fill,
fieldset.closed a.clear,
fieldset.closed div.filter {
  display : none;
}

fieldset h3,
fieldset h5,
fieldset h4 {
  font-size : 1.1em;
  margin : 0;
}

.attributes fieldset h3 {
  line-height : 1.3;
  padding : 4px 4px 4px 8px;
}
.attributes fieldset {
  border : 1px solid #ccc;
  -moz-border-radius : 4px;
  -webkit-border-radius : 4px;
  border-radius : 4px;
}

fieldset h5 a,
fieldset h4 a {
  display : block;
  color : #00c;
  line-height : 1.3;
  padding : 5px 4px 5px 19px;
  background : url(img/expanded.png) 8px 50% no-repeat;
  margin-right : 170px;
  text-decoration : none;
  color : #000;
}
fieldset.closed h5 a,
fieldset.closed h4 a {
  margin-right : 0;
  background-image : url(img/collapsed.png);
}
fieldset h5 a:focus,
fieldset h4 a:focus {
  outline : none;
  color : #000;
}

fieldset.stations {
  border : 1px solid #ccc;
  -moz-border-radius : 4px;
  -webkit-border-radius : 4px;
  border-radius : 4px;
}
.map-active fieldset.stations {
  -moz-border-radius : 0px;
  -webkit-border-radius : 0px;
  border-radius : 0px;
  border : 0;
}
fieldset.stations h3 {
  padding : 4px 4px 4px 19px;
}
.map-active fieldset.stations h3 {
  padding : 0;
}
.map-active #map {
  border : 1px solid #000;
}
.map-loading #map {
  background : #eee url(img/spinner-map.gif) 50% 50% no-repeat;
}
.map-loading #map * {
  display : none;
}

.map-loading .st {
  display : none;
}

.map-active .st {
  border : 0;
  float : right;
  width : 25%;
  padding : 0;
  margin : 0;
  border : 1px solid #fff;
  ~padding-top : 24px;
}
.st h4 { position:absolute;right:9999em;left:auto; }
.map-active .st ul.formselect {
  border : 0;
  padding : 3px;
  margin : 0;
  height : 370px;
  z-index: 1;
  position : relative;
  overflow : auto;
  border : 1px solid #ccc;
  margin-top : 24px
}
.map-active .section .st ul.formselect li {
  float : none;
  width : auto;
}
#map {
  width : 74%;
}
.map-active .st .filter {
  right : 0;
  left : 0;
  top : -24px;
  top : 0px;
  width : auto;
  border : 1px solid #aaa;
  padding : 0 20px;
  background : url(img/select-filter.png) 2px 50% no-repeat;
}
.map-active .st .filter a {
  top : 0;
}
.map-active .st .filter label {
  height : 1.4em;
  left : 0;
  overflow : hidden;
  right : auto;
  text-indent : -9999em;
  width : 20px;
}
.map-active .st .filter input {
  width : 100%;
  border : 0;
  background : #fff;
  padding : 2px 0;
}
.map-active .st .formselect label i {
  font-style : normal;
  color : #666;
}


fieldset ul.formselect {
  list-style: none;
  padding : 4px 20px;
  margin : 0;
  display : block;
  border-top : 1px solid #ccc;
}
.section fieldset ul.formselect li {
  width : 48%;
  width : 31%;
  margin : 0;
  margin-right : 2%;
  margin-bottom : 3px;
  font-size : .92em;
  display : block;
  float : left; 
  position : relative;
}
.section fieldset ul.formselect li.selected {
  background : #e0e8ff;
}
.section fieldset ul.formselect li:hover {
  background : #ddf;
}
.section fieldset ul.formselect li label {
  display : block;
  padding-left : 20px;
  height : 100%;
}
.section fieldset ul.formselect li input {
  position : absolute;
  top : 0px;
  left : 0px;
}



.attributes h3 { position:absolute;right:9999em;left:auto; }

/* selection extras */
div.filter {
  position : absolute;
  top : 4px;
  right : 4px;
  padding : 0;
  margin : 0;
}
div.filter input {
  border : 1px solid #aaa;
  padding : 2px;
  padding-right : 20px;
  padding-left : 18px;
  background : url(img/select-filter.png) 2px 50% no-repeat;
  width : 90px;
}
div.filter label { position:absolute;right:9999em;left:auto; }
div.filter a {
  position : absolute;
  top : 1px;
  right : 1px;
  text-decoration : none;
  width : 0;
  overflow : hidden;
  background : url(img/select-filter-clear.png) 0px 51% no-repeat;
  padding-left : 16px;
}
div.filter a:focus,
div.filter a:hover {
  background-position : -100px 51%;
}
a.fill, a.clear {
  color : #888;
  text-decoration : none;
  float : left;
  padding : 2px 4px;
  padding-left : 18px;
  margin-right : 4px;
}
a.fill:hover, a.clear:hover,
a.fill:focus, a.clear:focus {
  color : #000;
}
a.fill {
  background : url(img/select-checkall.png) 4px 50% no-repeat;
}
a.clear {
  background : url(img/select-checknone.png) 4px 50% no-repeat;
}



table {
  width : 100%;
  border-collapse : collapse;
}
table td {
  border : 1px solid #ddd;
}
table thead th {
  color : #000;
  background : transparent;
  font-weight : bold;
  border-left : 0;
}
table colgroup {
  border-left : 4px solid #fff;
  border-right : 0;
}
table colgroup:first-child {
  border-left : 0;
}
table colgroup.even {
  background : #f8faff;
  color : #000;
}
table thead th a {
  color : #666;
  color : rgba(0,0,0,.6);
/*  text-decoration : none;*/
}
table thead th a {
  display : block;
}
table thead th.orderby,
table thead th.orderby-desc {
  background : #787;
}
table thead th.orderby a,
table thead th.orderby-desc a {
  color : #fff;
}
table thead th.orderby a {
  background : url(img/orderby-desc-black.png) 100% 50% no-repeat;
} 
table thead th.orderby-desc a {
  background : url(img/orderby-black.png) 100% 50% no-repeat;
} 
table thead th.orderable:hover {
  background-image : url(img/alt-bg.png);
}
table thead th.orderable a:hover {
}
td:first-child, th:first-child,
table thead th,
table tbody td {
  border-color : #ddd;
}
table tbody .even td {
  background-image : url(img/alt-bg.png);
  background-repeat : repeat;
  background : rgba(0,0,0,.07);
}
table tbody td {
  text-align : center;
}
table tbody td i {
  font-style: normal;
  color : #aaa;
}

#resulttable {
  border-top : 1px solid #ddd;
  overflow : auto;
  overflow-x : auto;
  overflow-y : hidden;
  width : 100%;
}
#resulttable table {
  table-layout : auto;
  width : 100%;
  min-width : 100%;
  ~margin-bottom : 16px;
  border : 0 !important;
  margin-left : -1px;
  margin-top : -1px;
}
#resulttable tbody td {
  min-width : 30px;
  padding : 2px 3px;
}
#resulttable thead th + th {
  white-space : nowrap;
}
thead th {
  text-align : center;
}
tr.h1 th {
  border-bottom : 2px solid #888;
}
tr.h2 th {
  background : #7b92c0;
  color : #fff;
}
tr.h2 th a {
  color : #fff;
}
tr.super th,
tr.h3 th {
  background : #2f4a87;
  color : #fff;
}
tr.super th a,
tr.h3 th a {
  color : #fff;
}


.mode {
  ~overflow : hidden;
}
#modes {
  float : left;
  width : 49%;
}
#modes form {
  float : left;
  margin-right : 1em;
}
#toformat {
  float : right;
  line-height : 2;
}
#toformat button,
#toformat a {
  margin-left : 1em;
}



.buttons {
  text-align : right;
  padding : 10px 0 10px 0;
/*  border-top : 1px solid #ccc;*/
}
button,
.buttons button {
  padding : .3em .6em .3em;
  ~padding : 1px 1px 0 1px;
  background : #eee;
  border : 1px solid #aaa;
  border : 1px solid #CCCCCC;
  color : #2B4290;
  background : #fff;
  -moz-border-radius : 5px;
  -webkit-border-radius : 5px;
}
a.button {
  text-decoration : none;
}
a.button img {
  vertical-align : -8%;
  ~vertical-align : middle;
}

.notice {
  border : 3px double #aaa;
  background : #f4f4f4;
  padding : 0 1em;
  margin: 20px 0px;
  -moz-border-radius : 6px;
  -webkit-border-radius : 6px;
}
.notice.error {
  border-color : #c00;
  background : #fff4f4;
}
.notice ul,
.notice p {
  margin : .7em 0;
}
.notice ul {
  padding-left : 1.4em;
}


.pager {
  list-style : none;
  margin : 0 0 2em 0;
  padding : 0;
  padding-top : 4px;
  padding-bottom : 2px;
  overflow : hidden;
  width : 100%;
  line-height : 16px;
  color : #444;
}
.pager li {
  float : left;
}
.pager li a, .pager li span {
  display : block;
  margin : 0 2px;
}
.pager .status {
  float : right;
}
.pager .position {
  height : 16px;
  width : 16px;
  padding : 0 5px;
}
.pager-loading .pager .position {
  background : url(img/spinner-small.gif) 50% 50% no-repeat;
}




.permalink {
  float : left;
  padding-left : 14px;
  background : url(img/link.png) 0 50% no-repeat;
}


.js-present fieldset.advanced,
.js-present fieldset ul.formselect .advanced {
  display : none;
}
body.advanced-mode .section fieldset.advanced,
body.advanced-mode .section .formselect .advanced {
  display : block;
}




.adv-switch {
  position : absolute;
  right : 24px;
  top : 113px;
  list-style : none;
  margin : 0;
  padding : 0;
}
.adv-switch li {
  float : left;
}
.adv-switch li a {
  background : #fff;
  border : 1px solid #ccc;
  padding : 3px 10px;
  margin : 0 0 0 5px;
  text-decoration : none;
  display : block;
  -moz-border-radius-topleft : 6px;
  -moz-border-radius-topright : 6px;
  -webkit-border-top-left-radius : 6px;
  -webkit-border-top-right-radius : 6px;
  border-bottom : none;
  color : #999;
}
.adv-switch li.current a {
  color : #2B4290;
  border-bottom : 2px solid #fff;
}


.period button[type=submit] {
  float : right;
}



.dsfilter {
  display : none;
  position : absolute;
  right : 24px;
  top : 113px;
  list-style : none;
  margin : 0;
  padding : 0;
}
.dsfilter li {
  float : left;
}
.dsfilter li a {
  background : #fff;
  border : 1px solid #ccc;
  padding : 3px 10px;
  margin : 0 0 0 5px;
  text-decoration : none;
  display : block;
  -moz-border-radius-topleft : 6px;
  -moz-border-radius-topright : 6px;
  -webkit-border-top-left-radius : 6px;
  -webkit-border-top-right-radius : 6px;
  border-bottom : none;
  color : #999;
}
.dsfilter li.current a {
  color : #2B4290;
  border-bottom : 2px solid #fff;
}



hr {
  clear : both;
  margin : 1em 0;
  border : 0;
  height : 0;
  border-top : 1px solid #ccc;
}

.ui-datepicker-trigger {
  border : 0;
  padding : 0;
  margin : 0;
  background : 0;
}