.bucket { padding: 1px;}
body.page-compare h1 {font-size: 2.5em;}
.right-to-left li { float: right; }
.nav-tabs {float: right; margin-top: -41px;}
body.page-compare .container {padding-left: 0px;}

.state {
	border-bottom: 1px solid #000;
	position: relative;
}

body.page-compare .state-label {
    background-color: #eee;
    width: 20%;
    font-size: .9em;
}

body.page-compare #navtabs{width: 75%;}
body.page-compare .nav {padding-right: 0px; margin-right: 40px; }

.buttons {display: inline; float: left;padding-left: 0px;}

.markers {
    position: relative;
}

body.page-compare .strong {font-weight: 800;}

.marker {
	position: absolute;
	background-color: black;
	width: 1.5em;
	height: 1.5em;
	top: .5em;
}

/***
.years .year {
    text-align: center;
    border: 1px solid #ddd;
    padding: .75em;
    cursor: pointer;
}
***/
.issue { padding: .5em 1em; }
.issue:hover { background-color: #e8e8e8; cursor: pointer; }
.issue.active { background-color: Steelblue; }
.issue.active a { color: #fff; }

body.page-compare h4 {font-size:12px;  font-weight: 800; letter-spacing: .02em; min-height: 40px;}

body.page-compare li.state a { font-size: .8em; }
body.page-compare li.state { cursor: pointer; }

.nav-tabs>li>a {border: 1px solid #dbdbdb; font-weight: 800;} 
.nav-tabs>li>a:hover {background-color: #565656; color: #fff;}
.nav-tabs>li.active>a, .nav-tabs>li.active>a:hover, .nav-tabs>li.active>a:focus {color: #fff; background: #262626;}

body.page-compare .bucket {margin-right: 29px;}

.trigger {border: none; padding: 0px; margin: 0px;}

.glyphicon-question-sign {font-size: 1.4em; padding-right:12px; vertical-align: bottom; opacity: .8; color:#adadad;}

.glyphicon-question-sign:hover {color:#515151;}

.btn-group>.btn{font-size: 1.2em; font-weight: 800;}
.btn-default:active, .btn-default.active, .open .dropdown-toggle.btn-default {background-color:#0860ba; color: #fff;}
.btn:hover {background-color: #458dd3; color: #fff;}

#controls {margin-left: 0px; padding-left: 0px; margin-top: 10px;}

body.page-compare h2{font-size: 3em; padding: 12px;}
.explainer-content {font-size: 1.2em; line-height: 2.3em; text-indent: 20px;}

.summary , .summary a{ margin-top: 10px; font-size: 1.2em; font-weight: 200; padding: 0px; text-align: left; letter-spacing: .01em;}

.summary {padding:6px; padding-left: 1em;}
.summary a { padding:0px; margin-top:15px;}
.summary a:hover {opacity: .8; text-decoration: none;}
body.page-compare .read-more {font-weight: 200; font-size: .9em; margin-top: 10px;}

.link-title {color: #2b2b2b; background:#fff;}

body.page-compare hr {margin: 15px 12px 0px 0px}

body.page-compare .state { font-weight: 800; padding:0px 12px 0px 12px}

body.page-compare .row {margin-left: 0px;}

.bucketgroup {padding-left: 1em;}

div.popover {
    background-color: #111;
    color: #eee;
    max-width: 140px;
    font-weight: 800;
	    letter-spacing: .02em;
}

.popover.right>.arrow:after {
    color: #eee;
    border-right-color: #111;
}

.popover.bottom>.arrow:after {
    color: #eee;
    border-bottom-color: #111;
}

/* media queries for responsive */
@media only screen and (max-width: 980px) { 
    body {font-size:1.2em;}  
    body.page-compare .bucket {margin-right: 2%;}
    .bucketgroup {padding-left: 3em;}
}

@media only screen and (max-width: 760px) { 
    #controls{font-size: 2.2em; font-weight: 800; display: block; margin-left: 25%; margin-bottom: 50px;}
    .right-to-left li { float: left; }
    body.page-compare #navtabs {border-bottom: none; font-size: .9em; width: 90%; padding-left: .4%;}
    body.page-compare .nav-tabs>li>a {margin-right: 0px;}
}

.page-compare .precleared-whole .stateface:after {
    content: ' *';
}

.page-compare .state.precleared-part .stateface:after {
    content: ' *';
}

