/* GE16 - Shape of the Dail - Historic data */

.browsehappy { margin: 0.2em 0; background: #ccc; color: #000; padding: 0.2em 0; }

.dail_horseshoe_historic { width: 100%; max-width: 750px; height: auto; margin: 0 auto 20px; clear:both; position: relative; }

.dail_horseshoe_historic h1, .dail_horseshoe_historic p{text-align:center;}
.dail_horseshoe_historic p{padding-bottom:0;}

.horseshoe-img-container { width: 100%; height: auto; margin: 25px auto; max-width: 750px; position: relative; }
.horseshoe-img-container-row { position: absolute; width: 100%; top: 50%; left: 0; }
.dail_image { width: 100%; height: auto; margin: auto; }
.image-arrow { opacity: 0.6; filter: alpha(opacity=60); }
#prev-image { width: 50%; float: left; text-align: left; }
#next-image { width: 50%; text-align: right; }
#years-selector { margin: 20px auto; text-align: center; }
.navbar-nav { display: table; width: 100%; }
#years-navbar-collapse{background:#f8f8f8;}
.navbar-collapse {overflow: hidden; border-radius: 4px; border: 1px solid #e7e7e7; padding: 0 15px;}
.navbar-nav { display: table!important; width: 100%; padding:0!important;}
.navbar-nav > ul{}
.navbar-nav > li { display: table-cell!important; text-align: center; width: 9.090909%; float:left;font-family: "DINWeb-Medium", Arial, Helvetica, sans-serif; }
.navbar .nav > li > a{margin:0;display:block;width:100%;padding:10px!important;line-height:24px;text-shadow:none!important;box-sizing:border-box;}
.navbar .nav > li > a:hover{color:#555!important;}
.navbar-default .navbar-nav>.active>a, .navbar-default .navbar-nav>.active>a:focus, .navbar-default .navbar-nav>.active>a:hover{    color: #555;
    background-color: #e7e7e7;}
.navbar-default .navbar-collapse, .navbar-default .navbar-form{
	border-color: #e7e7e7;
}

@media (min-width: 768px)
.navbar-nav > li > a {
    padding-top: 15px;
    padding-bottom: 15px;
}


.fadeOut { transition: opacity 0.5s; opacity: 0; }
.fadeIn { transition: opacity 0.5s; opacity: 1; }
.mobile-slider { width: 100%; }
.slider-marker { width: 100%; margin-top: 8px; text-align: center; font-size: 0.8em;font-family: "DINWeb-Medium", Arial, Helvetica, sans-serif; }
.slider-marker tr td { width: 33%; }
.slider-marker .left { text-align: left; }
.slider-marker .right { text-align: right; }
.slider-markers { margin: 4px 9px; }
.slider-markers table { width: 100%; height: 6px; }
.slider-markers tr td { width: auto; border-left: 1px solid black; border-right: 0; }
.slider-markers tr td:last-child { border-right: 1px solid black; }
input[type=range] { -webkit-appearance: none; width: 100%; border-radius: 4px; height: 8px; border: 1px solid #bdc3c7; background-color: #fff; }
 input[type='range']::-webkit-slider-thumb {
 -webkit-appearance: none;
 background-color: #ecf0f1;
 border: 1px solid #bdc3c7;
 width: 30px;
 height: 30px;
 border-radius: 15px;
 cursor: pointer;
}
 .firefox input[type=range]::-moz-range-track {
 border-radius: 4px;
 height: 8px;
 border: 1px solid #bdc3c7;
 background-color: #fff;
}
 .firefox input[type=range]::-moz-range-thumb {
 background: #ecf0f1;
 border: 1px solid #bdc3c7;
 width: 30px;
 height: 30px;
 border-radius: 15px;
 cursor: pointer;
}
.percentage-votes-table { width: 100%; height: 32px; margin: 18px auto 12px auto; font-family: "DINWeb-Bold", Arial, Helvetica, sans-serif; text-transform:uppercase; clear:both;}
.percentage-votes-table table { width: 100%; margin-bottom: 10px; }
.percentage-votes-table table tr { height: 32px; }
.percentage-votes-table td { color: white; text-align: center; }
.percentage-votes-spillover { margin-top: 16px; float: left; }
.percentage-votes-spillover table { border-collapse: collapse; }
.no-spacing { border-collapse: collapse; }
.no-spacing li { list-style: none; text-align: start; }
.no-spacing li div { margin-top: 6px; float: left; }
.percentage-votes-spillover tr td { font-size: 0.9em; color: black; text-align: left; }
.first-pref { height: 1.25em; padding: 0.25em; }
.percentage-identifier { width: 18px; height: 1.25em; float: left; vertical-align: middle; }
.dropdown { width: 100%; text-align: center; display: inline-block; }
.dropdown-menu { text-align: center; }
.navbar-toggle { width: 100%; float: none; margin-right: 0; }
.navbar-toggle-text { float: left; margin-left: 10px; }
.collapse { display: none; }
 @media (max-width: 767px) {
.slider-marker { font-size: 1em; }
.image-arrow { width: 32px; height: 32px; }
}
 @media (max-width: 480px) {
.slider-marker { font-size: 1em; font-weight: bold; }
.percentage-votes-spillover { float: left; }
.image-arrow { width: 24px; height: 24px; }
}

.dail-legend > div{	float:left;	font-family: "DINWeb-Medium", Arial, Helvetica, sans-serif; padding:10px 15px 0px 0px; font-size: 0.8em; line-height: 1.5em;}