/* 
CSS styles for Supreme Court Ideological history/timeline
created for Targetpoint Consulting by Carl Roose (carl@carlroose.com)
May 2009
*/
.clear { clear: both; height: 0; }

a:link { color: #C00; }
a:visited { color: #600; }
a:hover { color: #900; }

body { font-family: Arial, Helvetica, sans-serif; color: #333; font-size: 12px; margin: 2em; }
table.data { font-size: 80%; color: black; }
.data td { /* border-left: 1px solid #FFF; border-top: 1px solid #FFF; */ }
tt { font-family: Arial, Helvetica, sans-serif; } 
th { font-weight: bold; }
td.personal { height: 3.5em; }


#header { margin-bottom: 2.5em; }
/* #primary { width: 100%; overflow: auto; } */
#secondary { padding-top: 1em; margin-top: 2em; border-top: 1px solid #CCC; }
#secondary strong { color: black; }

fieldset { border: 0; padding: 0.5em 2em; background-color: #eee; -moz-border-radius: 10px; width: 900px; }

#options, 
#legend,
#legend-alt { display: block; float: left; margin-right: 50px; }
#intro { display: block; min-width: 250px; }

#options p { padding: 0; }

#legend { margin-top: 1em; }
/*
#legend table { background: transparent url('/images/spectrum-key-5col.png') no-repeat center top; }
#legend table thead th { font-size: 150%; color: #999; padding: 0.5em 1em; font-weight: normal; }
*/
#legend table { background: transparent url(/images/bg-spectrum-sprite.png) no-repeat scroll center -20px; height: 100px; }
#legend table thead tr { height: 70px; }
#legend table thead th { display: none; }
#legend table tbody td { padding: 0 1em; }


#legend-alt { border: none; /* float: left; */ }
#legend-alt table thead td { padding-bottom: 0.3em; } 
#legend-alt table tr.spectrum td { background: transparent url('/images/spectrum-key-5col.png') no-repeat center top; } 
#legend-alt table tr.pull-up td { position: absolute; margin-top: -3em; } 
#legend-alt table tbody td { font-size: 150%; color: #999; padding: 0.5em 1em; font-weight: normal; }

#intro { /* float: right; margin-left: 80px; */  line-height: 1.5; }


label { display: block; float: left; width: 125px; padding-top: 0.2em; }

.score { background: transparent url('/images/bg-spectrum.png') no-repeat center top; }
td.n-a { background-color: #333; background-image: none; color: #999; }

/* td.score:hover { outline: 3px solid white; color: black; cursor: default; } */

/* .selected { background-color:#FFC; } */
.labels-main { font-size: 150%; color: #333; }
.score { padding: 2em 0.2em 0 0; color: #999; }
.current-set { outline: 3px solid gold; }

.currently-serving { font-size: 70%; color: #AAA; position: relative; left: 1em; }
.currently-serving b { font-weight: normal; color: #666; }

a img { border: none; }

.median-per-term,
.average-per-term,
.average-per-seat { padding-top: 0; color: black; }

.data .term-begin { border-left: 1px solid #333; }
.term-begin span { display: block; position: absolute; text-align: left; width: 20em; padding-left: 0.5em; margin-top: -1.5em; color: #000; }
.chief span { font-weight: bold; }

.chief.justices td { border-bottom: 0.3em solid white; }
.median-per-term td { border-top: 1em solid white; }
.average-per-term td { border-bottom: 1em solid white; }

.notable-cases div { position: absolute; padding-top: 0; margin-left: 1.5em; margin-top: -1em; border-left: 1px solid #999; }
.notable-cases div.down { padding-top: 3em; }
.notable-cases div.down-farther { padding-top: 6em; }
.notable-cases span { display: block; width: 95px; vertical-align: top; text-align: center;position: relative; top: 1.5em; left: -55px; padding: 5px; background-color: white; z-index: 99; }
.notable-cases .labels-main { position: absolute; margin-left: 150px; display: none; }
.median-per-term .labels-main,
.average-per-term .labels-main,
.president .labels-main,
.congress .labels-main { font-size: 110%; }

#footnotes { font-size: 80%; }


.democratic { background-color: #039; border-right: 1px solid #666; border-top: 1px solid #FFF; }
.republican { background-color: #900; border-right: 1px solid #666; border-top: 1px solid #FFF; }
.evenly-split { background-color: #CCC; border-right: 1px solid #666; border-top: 1px solid #FFF; text-align: center; }
.democratic span,
.republican span,
.evenly-split span,
.hide { display: none; }
.max-indent { color: white; }



#logo,
#extras,
#sources { display: block; float: left; margin-right: 80px; }
#logo { margin-top: 0; }

.video { width: 120px; float: left; margin-right: 20px; }