input {
    height:28px;
    width:100px;
}

h1 {
    color:#006400;
    font-size:14pt;
    margin:12px 0 5px -5px;
    padding:0 5px 0 0;
}

h2 {
    background-color:#efefef;
    border:1px #dedede solid;
    color:#006400;
    font-size:12pt;
    line-height:27px;
    margin:12px 0 5px -5px;
    padding:0 5px;
}

h3 {
    color:green;
    font-size:12pt;
    margin:0;
}

h4 {
    color:#000;
    font-size:10pt;
    height:40px;
    width:200px;
}

hr {
    margin:0 0 10px;
}

.separator {
    width:30px;
}

.warning {
    color:maroon;
    font-weight:700;
}

.error {
    color:red;
    font-size:12pt;
    font-weight:700;
}

label {
    display:inline;
}

.th {
    text-align:center;
}

table.dataTable {
    border-collapse:collapse;
    border-color:#255596;
    font-family:verdana, arial, helvetica;
    font-size:10pt;
}

.top-space {
    margin-top:5px;
}

.hide {
    display:none;
}

.chart-loading span {
    color:#0F0;
}

.height7 {
    height:7px;
}

.small-font {
    font-size:10px;
}

#msg {
    padding:10px 0 5px;
}

.query {
    color:#02c;
    cursor:hand;
    text-align:center;
}

.pin_query {
    font-size:30px;
    padding-bottom:10px;
}

.highlight {
    background-color:#FF0;
}

img {
    max-width:300px;
}

.update-on-enter,#app {
    width:100px;
}

.large-input,#exp {
    width:250px;
}

.small-input,#start_date,#end_date {
    width:80px;
}

#country,.data {
    width:50px;
}

div.params span {
    margin-right: 5px;
}

select#country.country {
    width: 60px;
}

select.platform {
    width: 120px;
}

select.type {
    width: 75px;
}

.exp_name {
    width: 200px;
}

div.section {
    display: inline-block;
}

ul.graphs {
    float: left;
    list-style-type: none;
    margin: 0;
    width: 100%;
}

li.graph {
    float: left;
    margin: 10px 30px 10px 0;
}

.title {
    font-weight: bold;
    width: 50px;
}

.exp_group, .country {
    text-align: center;
}

.highlight_row {
    font-weight: bold;
}

.summary_number {
    text-align: right;
    width: 50px;
}

.summary_number.pos {
    color: #80d080;
}

.summary_number.neg {
    color: #f08080;
}

.summary_number.pos_insignificant {
    color: #80d080;
}

.summary_number.neg_insignificant {
    color: #f08080;
}

.summary_number.pos_significant {
    color: green;
    font-weight: bold;
}

.summary_number.neg_significant {
    color: red;
    font-weight: bold;
}

.hidden {
    display: none;
}

#range_slider {
    position: absolute;
    top: 11px;
    left: 400px;
    width: 50%;
}

#top_row {
    position: relative;
    padding: 5;
}

#buckets {
    position: relative;
    width: 70;
    left: 5;
}

#exp_selection {
    padding: 5;
}

#validation {
    width: 50%;
    position: relative;
    left: 25%;
    color: #CF0808;
}