body {
    position:relative;
    overflow:hidden;
}
h1 {
    margin-top:10px;
}

input {
    color:#000;
}

canvas { /* Needed to get 2+ canvas to overlay for heatmap */
    position:absolute;
    top:0;
    left:0
}

td label {
    margin:0;
    line-height:1.8;
}

label {
    margin-right:0;
}

.container {
    max-width:100%;
    background-color: #FFF;
}

.table {
    width:100%;
    border-bottom:1px solid #000;
    margin-bottom:5px;
}

.fa {
    font-size:24px;
    color:#FFF;
    padding:4px;
}

#date_selector_custom {
    display:none;
}

#legend {
    font-size:14px;
    position:absolute;
    padding: 10px 10px 10px 10px;
    z-index:999;
    left:10px;
    display:none;
    top:80px;
    background-color:rgba(255,255,255,0.5)
}

.legend-item {
    font-weight:bold;
    height:0px;
    line-height:1.0;
    margin:5px 0;
}

#url a{
    color:#000;
}

.fullscreen_logo {
    z-index:999;
    position:absolute;
    right:30px;
    top:30px;
    display:block;
    width:25%;
    max-width:187px;
    padding:10px 5px 5px 5px;
}

select.input-sm {
    padding:0;
    height:20px;
}

.table tbody > tr > td {
    line-height:1.7;
    padding:4px;
}

#archive_title {
    width:100%;
    position:absolute;
    top:10px;
    left:0px;
    text-align:center;
}

#archive_description {
    width:400px;
    position:absolute;
    bottom:10px;
    right:10px;
    font-size:16px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    z-index:999;
    background-color: rgba(255,255,255,0.7);
    padding: 10px 10px 6px 10px;
}

#archive_title_text {
    margin:0 auto;
    width:500px;
    font-size:24px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    z-index:999;
    background-color: rgba(255,255,255,0.7);
    padding: 10px 10px 6px 10px;
}

.value-slider {
    margin: 4px 0px;
    width:100%;
}

.topic-config-table tbody > tr > td{
    border:0;    
}

.checkbox-span {
    margin:0;
    padding: 0 5px;
    border-left:1px solid #000;
}

.submit-modal {
    z-index:9999;
}

.colour-picker {
    width:140px;
    text-align:center;
}

.container .form-horizontal .form-group {
    margin:5px 10px 0px 10px;
}

.form-row {
    margin:10px 0px;
}

.checkbox {
    margin:0;
    padding-left:15px;
}
.checkbox label {
/*    line-height: 1.8;*/
}

.date-selector {
    font-size:11px;
    width:100%;
    padding: 2px 4px;
    height:24px;
    text-align:center;
}

.form-group .col-sm-1,.form-group .col-sm-2,.form-group .col-sm-3,.form-group .col-sm-4,.form-group .col-sm-5,.form-group .col-sm-6,.form-group .col-sm-7,.form-group .col-sm-8,.form-group .col-sm-9,.form-group .col-sm-10,.form-group .col-sm-11,.form-group .col-sm-12 {
    padding-right: 5px;
    padding-left: 5px;
}

.form-section {
    border-bottom:1px solid #000;
    margin-bottom:0px;
    padding-top: 5px;
    padding-bottom:5px;
    position:relative;
}

.toggleX {
    cursor: pointer;
    position:absolute;
    right:5px;
    top:8px;
    background-image: url(/images/toggle.png);
    height: 16px;
    width: 16px;
    display: block;
    z-index:100;
}

.top-tweet-edit {
    font-size:12px;
    border-top: 1px solid #000;
    width:100%;
}
.top-tweet-edit button {
    font-size:10px;
    border:1px solid #ADADAD;
}
.top-tweet-edit .fa {
    font-size:16px;
    padding:0px;
}

.top-tweet-edit-filter {
    float:left;
    border-right: 1px solid #EAEAEA;
    width:50%;
    position:relative;
    padding:4px 0 4px 5px;
}

.top-tweet-edit-filter-ext {
    position:absolute;
    right:8px;
    top:6px;
}

.top-tweet, .top-tweet-filtered {
    width:100%;
}

.top-tweet-filtered {
    display:none;
    font-size:10px;
    padding: 0px 5px;
    background: #EEE;
    color: #777;
}


.top-tweet {
    width: auto;
    margin:0 10px;
}

.leaflet-control-layers {
    top:0px;
    clear:none;
}

.tooltip_twitter_users{
    width:280px;
    height:220px !important;
    float:left;
    margin:5px;
    background:rgba(255,255,255,0.85);
    border:1px solid #888;
    padding:10px 0 10px 10px;
    overflow:hidden;
}

.tooltip_twitter_users_summary {
    width:203px;
    height:52px !important;
}

#key {
    width:1068px;
    text-align:center;
    margin:0 auto;
}

#graph_title {
    text-align:center;
    font-size:24px;
    padding:0;
    margin:0;
    margin-top:10px;
}

#graph_description {
    text-align:center;
    font-size:14px;
    padding:0;
    margin:0;
}

.user-details-screen-name, .user-details-name {
    padding: 0 0 0 10px;
}

#chart_top {
    position:absolute;
    z-index:0;
    left:50%;
    top:200px;
    width:0px;
    height:0px;
}

#tm_attribution {
    text-align:right;
    font-size:10px;
    padding-right:23px;
    width:100%;
}

#vis_wrap {
    width:100%;
    position:relative;
}

#vis_wrap_inner {
    margin:0 auto;
    position:relative;
}

@font-face {
    font-family: nfl;
    src: url(/fonts/EndzoneTech-Bold.ttf);
    font-weight: bold;
}

@font-face {
    font-family: nfl_helvetica;
    src: url(/fonts/HelveticaNeueLTStd-Bd.otf);
    font-weight: bold;
}

#map_title {
    position:absolute;
    left:0;
    top:0;
    background-color:#FFF;
    z-index:499;
    text-align:center;
    font-size:40px;
    color:#000;
    width:100%;
    font-weight:bold;
}


#animation_interval_slider{width:100% !important;}
#timeline_container,#vis_ui,#vis_ui_controls{height:124px;}

#bb_label {font-size:9px};#play_control_container{
    width:24px;
    text-align:center;
    position:absolute;
    right:0px;
    bottom:14px;
}

#animation_interval_container {
    position:relative;
    float:left;
    width:180px;
}	


#vis_ui_controls {
    width:264px;
    position:absolute;
    right:0px;
    top:0px;
}

.vis-content {
    margin-top: 0px
}


#play_control_container{
    width:24px;
    text-align:center;
    position:absolute;
    right:0px;
    bottom:16px;
}

#timeline_detail_current {
    background: rgba(220,220,220,0.7);
    border-left: 1px solid rgba(0,0,0,0.5);
    border-right:1px solid rgba(0,0,0,0.5);
}


#play_controls {
    z-index:999;    
    position:absolute;
    padding:0px;
    cursor: pointer;
    width:225px;
    left:20px;
    bottom:25px;
    height:40px;
}

#play_controls .fa{
    color:#000;
}

#play_controls_simple {
    z-index:999;    
    position:absolute;
    padding:0px;
    cursor: pointer;
    right:10px;
    bottom:10px;
}



#play_pause_icon {
    color:#888;
    font-size:16px;
    cursor: pointer;
}

#play_start_stop {
    cursor: pointer;
}

#timezone_info {
    right:0px;
    bottom:0px;
    position:absolute;
    z-index:999;
    font-size:11px;
    background: rgba(255,255,255,0.7);
    padding: 0 5px;
}

#archive_ts {    
    font-size:24px;
    position:absolute;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    z-index:999;
    padding: 10px 10px 6px 10px;
    right:10px;
    left:auto;
    top:auto;
    bottom:65px;
    background-color:rgba(128,128,128,0.5);
    color:#DDD;
}

#archive_ts_t, #archive_ts_d {
    font-size:22px;
    position:absolute;
    z-index:999;
    margin: 10px 10px 6px 10px;
    bottom:65px;
    background-color:rgba(0,0,0,0);
    right:10px;
}

#archive_ts_d {
    position:absolute;
    left:10px;
    width:150px;
    right:auto;
    top:0px;
    bottom:auto;
    height:36px;
    right:80px;
    padding-right:10px;
    border-right: 1px solid #DDD;
}

#archive_ts_t{
    position:absolute;
    right:0px;
    top:0px;
    bottom:auto;
}

#timeline_chart {
    border:1px solid #CCC;
    margin-top:0px;
}

#vis_ui {
    display:none;
    position:relative;
    z-index:999;
    width:100%;
    background: rgba(255,255,255,0.5);
    height:124px;
}

#timeline_container {
    height:116px;
    overflow:hidden;
    position:absolute;
    left:10px;
    bottom:0px;
    width:750px;
    cursor: pointer;
    padding:5px;
}

.rickshaw_annotation_timeline {
    margin-top:10px;
    border-top: 1px solid #FFF;
    z-index:999;
}
.rickshaw_annotation_timeline .annotation {
    background-color: rgba(255,255,255,0.3);
}

.rickshaw_graph .annotation_line {
    border-left:2px solid rgba(255,255,255,0.3);
}

.rickshaw_graph .x_tick {
    border-left: 1px dotted rgba(255,255,255,0.2);
}

.rickshaw_graph .detail {
  background:rgba(255,255,255,0.2);
}

.rickshaw_graph .detail_tweet {
    display:block;
    width:1px;
    background:rgba(200,200,200,0.5);
    border-top:2px solid rgba(255,255,255,0.5);
    border-bottom:2px solid rgba(255,255,255,0.5);
}

#top_tweets {
    background-color: #FFF;
    color:#000;
    height:560px;
    float:left;
    width:300px;
    overflow-y:scroll;
}


#ui-datepicker-div {
    z-index:999 !important;
}

#debug_info {
    position:absolute;
    right:10px;
    top:10px;
    color:#888;
    z-index:999;
}

#map_sidebar {
    position: absolute;
    width: 300px;
    right:0;
    border-left: 1px solid #DDD;
    height: 300px;
    background: #CACED4;
    padding: 10px;
    top: 0px !important;
    font-size:12px;
    padding:0;
    z-index:500;
    overflow-y:hidden;
}

#map_sidebar_control {
    cursor: pointer;
    background:#CACED4;
    padding:4px;
    position: absolute;
    right: 0;
    z-index:999;
    top:32px;
    height:24px
}

.toggle_sidebar {
    cursor: pointer;
    float: right;
    background-image: url(/images/toggle_sideways.png);
    height: 16px;
    width: 16px;
    display: block;
    margin-top: 0px;
    overflow: hidden;
}

.toggle_click_sideways {
    background-position: -15px 0;
}


#vis_sidebar_panel_top {
    margin-bottom:0;
    text-align:right;
    border:0;
}

.vis-config-ui {
    overflow-y:scroll;
    margin-bottom:0;
    font-size:12px;
}

.vis-config-ui label {
    float: left;
    padding-top: 0px;
    padding-bottom: 0px;
    margin: 0;
    font-size: 13px;
}

#data_edit_overlay .vis-config-ui label {
    line-height:1.5;
}

.vis-config-ui .checkbox label {
    min-height: 18px;
}

.form-group-divider {
    border-bottom:1px solid #888;
    padding:0;
    margin:0;
}

.sidebar-button {

}

#vis_wrap_footer {
}


.panel > .panel-heading .panel-title {
color:#000;
}

#debug_info {
    display:none;
}



#vis_pause_icon, #vis_play_icon {
text-shadow: 0px 0px 10px rgba(200, 200, 200, 0.5);

}

.legend-key-dot {
    font-size:14px;
}


#data_edit_overlay, #vis_export_overlay {
    position:absolute;
    left:0px;
    top:0px;
    z-index:9999;
    background-color:rgba(50,50,50,0.8);
    margin:0;
    padding:50px 0;
    width:100%;
    text-align:center;
    display:none;
    height:100%;
    overflow-y:scroll;
}

#form_section_data {
}

.form-group {
    display:block;
    clear:both;
    min-height:18px;
}

.checkbox input[type="checkbox"] {
    margin-top:5px;
}

.vis-data-topic-delete-icon .fa {
    font-size:18px;
}

.vis-data-edit-cancel, .vis-share-cancel {
    position:absolute;
    top:10px;
    right:30px;    
    z-index:10;
}

#vis_data_form {
    padding:0 20px;
}

.vis-logo-url {
    position:absolute;
    z-index:9999;
}

#vis_trial_limit_reached {
    display:none;
}

.sample-embed-code {
    width:100%;
}
.vis-share-table > tbody > tr > td {
    font-size:12px;
}

.vis-share-table > tbody > tr > td.vis-share-table-link-wrap, .vis-share-table-link-wrap {
    line-height:2.2;
}

.content {
    position:static;
    width:auto;
}

#topics_data_config .fa {
    color: #000;
}
.accordion {
    width:100%;
}

.vis-inline-help {
    padding: 0 5px 5px 20px;
    font-size:10px;
    color:#444;
}

.secondary-vis-label {
    font-size:13px;
    line-height:2.2;
}
.query-read-only {
    background-color:#DDD;
}