html, body {height: 100%;} body {min-width: 1024px; overflow-y: hidden; overflow-x: auto;} #content {position: relative; padding: 0 0 40px;} .title {font-family: 'Open Sans', sans-serif; font-style: italic; font-weight: 300; line-height: 1.2;} .container {position: relative; padding: 0 40px; margin: 0 auto; max-width: 920px;} .container-full {} .container.small {max-width: 616px;} .panel {position: relative; background-color: #eee; color: #000; border-radius: 3px; box-shadow: 0 1px 3px -1px #000; min-height: 30px; margin-bottom: 40px; overflow: hidden; z-index: 1;} .panel-inner {margin: 0 5px;} .panel .bar {width: 100%; background-color: #e0e0e0;} .panel .bar.bottom {border-top: 1px solid #bbb;} .panel .bar.top {border-bottom: 1px solid #bbb;} .panel {color: #000;} .container .heading {margin-bottom: 20px; margin-left: 5px; text-shadow: 1px 1px 1px #000;} .container .heading .title {font-size: 28px;} .container .heading .icon-help {font-size: 18px; margin-left: 10px;} .container .heading .icon-help:hover {color: #fff;} .button, ul.buttons li, table.full td {background-color: #eee; background-image: none; text-shadow: 1px 1px #fff; cursor: pointer;} .button, ul.buttons li, table.buttons td {background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #ffffff), color-stop(100%, #dddddd)); background-image: -webkit-linear-gradient(#ffffff, #dddddd); background-image: -moz-linear-gradient(#ffffff, #dddddd); background-image: -o-linear-gradient(#ffffff, #dddddd); background-image: linear-gradient(#ffffff, #dddddd);} .button:hover, ul.buttons li:hover, table.buttons td:hover {background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #eeeeee), color-stop(100%, #dddddd)); background-image: -webkit-linear-gradient(#eeeeee, #dddddd); background-image: -moz-linear-gradient(#eeeeee, #dddddd); background-image: -o-linear-gradient(#eeeeee, #dddddd); background-image: linear-gradient(#eeeeee, #dddddd);} .button.active, ul.buttons li.active, table.buttons td.active {background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #dddddd), color-stop(100%, #ffffff)); background-image: -webkit-linear-gradient(#dddddd, #ffffff); background-image: -moz-linear-gradient(#dddddd, #ffffff); background-image: -o-linear-gradient(#dddddd, #ffffff); background-image: linear-gradient(#dddddd, #ffffff);} .button, ul.buttons {border-radius: 3px; box-shadow: 0 1px 3px -1px #000; color: #85A6CD; z-index: 1;} .button:hover, .button:hover a, .button.active, .button.active a, .buttons li:hover, .buttons li:hover a, .buttons li.active, .buttons li.active a {color: #12182D;} .button.inactive, .button.inactive a, .buttons li.inactive, .buttons li.inactive a {color: #bbb;} ul.buttons li, table.full td {border-right: 1px solid #BBB;} ul.buttons li:last-child, table.full td:last-child {border-right: none;} ul.buttons {display: inline-block; overflow: hidden;} ul.buttons li {float: left; display: inline-block; text-align: center; overflow: hidden;} table.full {display: table; table-layout: fixed; width: 100%; border-collapse:collapse;} table.full td {text-align: center; width: 100%;} #view-title {font-family: 'Open Sans', sans-serif; font-style: italic; word-wrap: break-word; padding: 30px 10px 0px 10px;} #view-title .title {margin-bottom: 20px; font-size: 28px; font-weight: 300; line-height: 1.2; margin-bottom: 30px;} #view-title .title a {font-weight: 300;} #view-title .sub {font-size: 12px; font-style: normal; font-weight: normal; color: #999;} #view-title .detail .title {font-size: 24px;} #view-title .date .title {font-size: 20px;} #view-title .api .title {font-size: 14px; margin-bottom: 10px;} #api-buttons {border-radius: 3px; overflow: hidden; margin-bottom: 30px;} #api-buttons td {padding: 5px 0;} #api-buttons td a:hover {color: #12182D;} #view-title .desc .title {font-size: 14px; font-style: normal; line-height: 1.5; white-space:pre-line;} #view-title .title a:hover {color: #ffffff;} #view-title .title .main, #view-title .title .sub {font-weight: bold;} #view-title .title .date {font-size: 24px;} #map {} #map .spacer {width: 0;} #map-svg {position: absolute; top: 0; bottom: 0; left: 0; right: 0;} #map-svg.drag {cursor: -moz-grab; cursor: -webkit-grab; cursor: grab;} #map-svg.drag:active {position: absolute; cursor: -moz-grabbing; cursor: -webkit-grabbing; cursor: grabbing;} #map-svg path {stroke: #2fa4e0; stroke-width: 0.5px; stroke-linejoin: round;} #map-svg .selected {stroke: #fafa00; stroke-width: 1px;} #map-svg .country {cursor: pointer;} #map .legend {position: relative; padding: 0 5px; height: 20px; width: 200px; margin: 0 0 20px 0; float: right; z-index: 1; text-shadow: 1px 1px 1px #000;} #map .legend svg {display: block;} #map .legend .label {padding-top: 1px; display: block; text-align: center; font-size: 12px; color: #eee;} #map .legend text {fill: #eee; font-size: 12px;} #map-buttons {position: absolute; right: 0px; top: 25px; border-bottom-right-radius: 0; border-top-right-radius: 0;} #map-buttons li {line-height: 30px; width: 35px;} #controller {position: fixed; bottom: 0; left: 300px; right: 20px; z-index: 100; min-width: 600px;} #controller .panel {margin: 0 auto; max-width: 960px; border-bottom-left-radius: 0; border-bottom-right-radius: 0; box-shadow: 0 -1px 3px -1px #000; overflow: visible;} #controller table.full {border-bottom: 1px solid #bbb;} #controller table.full td {cursor: auto;} #controller .button {border-radius: 0; box-shadow: none;} #controller td.groups {width: 200px;} #controller td.settings {width: 50px;} #settings-button {line-height: 50px; font-size: 28px;} #groups-button {line-height: 50px; font-size: 14px; padding: 0 10px;} #groups-button .icon-up-dir {font-size: 12px;} #groups-button.active .icon-up-dir:before {content: '\e806';} #groups-list {position: absolute; bottom: 100%; margin-left: -1px; width: 200px; background-color: #eee; border-top-left-radius: 3px; border-top-right-radius: 3px; border: 1px solid #bbb; display: none; z-index: 2;} #groups-list li {text-align: left; padding: 10px 10px; border-bottom: 1px solid #ddd; font-size: 14px; cursor: pointer;} #groups-list li:hover a {color: #12182D;} #groups-list li .icon-help {float: right; display: block;} #controller div.settings {display: none;} #slider {position: relative; z-index: 1;} #slider .inner {position: relative; margin: 5px; height: 40px; z-index: 1;} #slider .tick {position: absolute; width: 100%; max-width: 170px; height: 40px; line-height: 40px; text-align: center; border-radius: 3px; color: #aaa; overflow: hidden; text-overflow: ellipsis; text-shadow: 1px 1px #fff;} #slider .handle {z-index: 2; position: absolute; background-color: #b32525; color: #fff; cursor: pointer; text-shadow: none; box-shadow: 0 1px 3px -1px #000;} #slider .handle div {display: inline-block;} #slider .handle .left {float: left;} #slider .handle .right {float: right;} #slider .tick.left {left: 0;} #slider .tick.right {right: 0;} #slider .ticks {position: absolute; height: 100%;} #slider .ticks .line {position: absolute; height: 100%; width: 0; border-left: 1px solid #f0f0f0; border-right: 1px solid #e3e3e3; z-index: -2;} #graph2 {display: none;} .graphButtons td {padding: 10px 0; background-color: #DDD;} .graphButtons td a {color: #666;} .graphButtons td.active {background-color: #eeeeee;} .graphButtons td:hover a, .graphButtons td.active a {color: #b32525;} .graph {margin: 10px 0;} #data-table {width:100%; border-collapse:collapse;} #data-table td, #data-table th {line-height: 1.5; padding: 0 5px; border-right: 1px solid #bbb;} #data-table th {padding: 5px;} #data-table tr:first-child td {padding-top: 5px;} #data-table thead {border-bottom: 1px solid #bbb;} #data-table .tablesorter-summary th {vertical-align: top; text-align: right; font-size: 20px; line-height: 1;} #data-table .tablesorter-summary th span {font-size: 12px; color: #666;} #data-table .tablesorter-header div {text-shadow: 1px 1px #FFF; font-size: 20px; padding-right: 10px;} #data-table .tablesorter-header:hover div {color: #B32525;} .tablesorter-default thead .tablesorter-headerDesc div {color: #B32525;} #data-table .tablesorter-header .icon-help {padding-top: 5px; font-size: 15px;} #data-table a:hover {color: #12182D;} #settings {} #settings td {vertical-align: top; text-align: left; padding: 10px; cursor: auto;} #settings .title {margin-bottom: 15px; border-bottom: 1px solid #ccc; font-size: 18px;} #settings label select {margin-right: 10px;} .daredevel-tree-anchor {position: absolute; left: 5px; cursor: pointer;} .tree {border: none; overflow: auto; display: none; background: none;} .tree ul {padding-left: 20px; position: relative;} .tree ul.scroll {max-height: 200px; overflow-y: auto; border-left: 1px solid #ccc;} .ui-icon {width: 16px; height: 16px; background-position: 16px 16px;} .ui-widget-content .ui-icon {background-image: url(/images/ui-icons_222222_256x240.png);} .ui-icon-triangle-1-n {background-position: 0 -16px;} .ui-icon-triangle-1-ne {background-position: -16px -16px;} .ui-icon-triangle-1-e {background-position: -32px -16px;} .ui-icon-triangle-1-se {background-position: -48px -16px;} .ui-icon-triangle-1-s {background-position: -64px -16px;} .ui-icon-triangle-1-sw {background-position: -80px -16px;} .ui-icon-triangle-1-w {background-position: -96px -16px;} .ui-icon-triangle-1-nw {background-position: -112px -16px;} .ui-icon-triangle-2-n-s {background-position: -128px -16px;} .ui-icon-triangle-2-e-w {background-position: -144px -16px;} .icon-help {display: inline-block; color: #85A6CD; font-size: 16px; cursor: pointer;} .icon-help:hover {color: #12182D;} .icon-help.float {position: absolute; right: 5px; top: 4px;} .icon-help.middle {position: absolute; top: 50%; margin-top: -12px; right: 5px;} .help-tooltip {position: absolute; z-index: 9999; border-radius: 3px; border: 1px solid #85A6CD; box-shadow: 0 1px 3px -1px #000; background-color: #12182D; color: #fff; padding: 10px; max-width: 300px;} .help-tooltip div {font-family: 'Open Sans', sans-serif; font-weight: 300; line-height: 1.5; font-size: 14px;} .help-tooltip div b{font-weight: 600;} #search {margin-top: 60px;} .domainsearch {text-align: center; color: #000000; margin-bottom: 60px;} .domainsearch input {font-family: 'Open Sans', sans-serif; font-weight: 600;} .domainsearch input:focus{outline: 0;} .typeahead, .tt-query, .tt-hint, .tt-dropdown-menu {width: 600px; padding: 8px 12px; font-size: 24px; text-align: left; line-height: 30px; border: 2px solid #85A6CD; box-shadow: 0 1px 3px -1px #000; background-color: #fff; -webkit-border-radius: 6px; -moz-border-radius: 6px; border-radius: 6px;} .tt-query:focus {border-color: #2fa4e0; box-shadow: 0 0 4px 0 #fff;} .tt-dropdown-menu {width: 624px; padding: 0px;} .tt-suggestion {padding: 2px 12px;} .tt-suggestion.tt-is-under-cursor {color: #000000; background-color: #ccc;} .tt-suggestion p {margin: 0;} .tablesorter-default {width: 100%; text-align: left;} .tablesorter-default .tablesorter-header th {font-size: 18px; color: #000; background-color: #fff; border-collapse: collapse; border-bottom: #ccc 2px solid; padding: 0;} .tablesorter-default tfoot th, .tablesorter-default tfoot td {border: 0;} .tablesorter-default .header, .tablesorter-default .tablesorter-header {background: url(data:image/gif;base64,R0lGODlhFQAJAIAAACMtMP///yH5BAEAAAEALAAAAAAVAAkAAAIXjI+AywnaYnhUMoqt3gZXPmVg94yJVQAAOw==) no-repeat center right; cursor: pointer; white-space: normal; padding: 4px 20px 4px 4px;} .tablesorter-default .tablesorter-summary {font-size: 12px; border-bottom: #ccc 1px solid;} .tablesorter-default thead .headerSortUp, .tablesorter-default thead .tablesorter-headerSortUp, .tablesorter-default thead .tablesorter-headerAsc {background-image: url(data:image/gif;base64,R0lGODlhFQAEAIAAACMtMP///yH5BAEAAAEALAAAAAAVAAQAAAINjI8Bya2wnINUMopZAQA7); color: #B32525;} .tablesorter-default thead .headerSortDown, .tablesorter-default thead .tablesorter-headerSortDown, .tablesorter-default thead .tablesorter-headerDesc {background-image: url(data:image/gif;base64,R0lGODlhFQAEAIAAACMtMP///yH5BAEAAAEALAAAAAAVAAQAAAINjB+gC+jP2ptn0WskLQA7); color: #B32525;} .tablesorter-default thead .sorter-false {background-image: none; padding: 4px;} .tablesorter-default tfoot .tablesorter-headerSortUp, .tablesorter-default tfoot .tablesorter-headerSortDown, .tablesorter-default tfoot .tablesorter-headerAsc, .tablesorter-default tfoot .tablesorter-headerDesc {background-color: #eee;} .tablesorter-default td {background-color: #fff; border-bottom: #ccc 1px solid; padding: 4px; vertical-align: top;} .tablesorter-default tbody > tr:hover > td, .tablesorter-default tbody > tr.even:hover > td, .tablesorter-default tbody > tr.odd:hover > td {background: #fff; color: #000;} .tablesorter-default .tablesorter-processing {background-position: center center !important; background-repeat: no-repeat !important; background-image: url('data:image/gif;base64,R0lGODlhFAAUAKEAAO7u7lpaWgAAAAAAACH/C05FVFNDQVBFMi4wAwEAAAAh+QQBCgACACwAAAAAFAAUAAACQZRvoIDtu1wLQUAlqKTVxqwhXIiBnDg6Y4eyx4lKW5XK7wrLeK3vbq8J2W4T4e1nMhpWrZCTt3xKZ8kgsggdJmUFACH5BAEKAAIALAcAAAALAAcAAAIUVB6ii7jajgCAuUmtovxtXnmdUAAAIfkEAQoAAgAsDQACAAcACwAAAhRUIpmHy/3gUVQAQO9NetuugCFWAAAh+QQBCgACACwNAAcABwALAAACE5QVcZjKbVo6ck2AF95m5/6BSwEAIfkEAQoAAgAsBwANAAsABwAAAhOUH3kr6QaAcSrGWe1VQl+mMUIBACH5BAEKAAIALAIADQALAAcAAAIUlICmh7ncTAgqijkruDiv7n2YUAAAIfkEAQoAAgAsAAAHAAcACwAAAhQUIGmHyedehIoqFXLKfPOAaZdWAAAh+QQFCgACACwAAAIABwALAAACFJQFcJiXb15zLYRl7cla8OtlGGgUADs=') !important;} caption {background: #fff;} .tablesorter-default .tablesorter-filter-row td {background: #eee; border-bottom: #ccc 1px solid; line-height: normal; text-align: center; -webkit-transition: line-height 0.1s ease; -moz-transition: line-height 0.1s ease; -o-transition: line-height 0.1s ease; transition: line-height 0.1s ease;} .tablesorter-default .tablesorter-filter-row .disabled {opacity: 0.5; filter: alpha(opacity=50); cursor: not-allowed;} .tablesorter-default .tablesorter-filter-row.hideme td {padding: 2px; margin: 0; line-height: 0; cursor: pointer;} .tablesorter-default .tablesorter-filter-row.hideme .tablesorter-filter {height: 1px; min-height: 0; border: 0; padding: 0; margin: 0; opacity: 0; filter: alpha(opacity=0);} .tablesorter-default .tablesorter-filter {width: 95%; height: auto; margin: 4px; padding: 4px; background-color: #fff; border: 1px solid #bbb; color: #333; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; -webkit-transition: height 0.1s ease; -moz-transition: height 0.1s ease; -o-transition: height 0.1s ease; transition: height 0.1s ease;}