#content {
    overflow: visible;
}
#textHolder {
    display: none;
}
/* preloader */
#preloader {position:relative;z-index:9999;background:white;display: block;}
#preloader div {position:absolute;background:white url(http://www.washingtonpost.com/wp-srv/graphics/images/loading-90x40.gif) no-repeat center 60px;width:100%;height:800px;left:0;top:-10px;}

h1.franklin {
    font-family: "FranklinITCStdLight", "Franklin Gothic", "ITC Franklin Gothic", 'Arial', sans-serif;
    font-weight: normal;
    font-size:28px;
}
p.franklin {
    font-family: "FranklinITCStdLight", "Franklin Gothic", "ITC Franklin Gothic", 'Arial', sans-serif;
    font-size:14px;
}
span.grade {
    display: inline-block;
    width:19px;
    font-weight: bold;
}
.tab-wrapper {
    padding-left:220px;
}

.key {
    z-index: 20;
    position: absolute;
    right:10px;
    margin-top:7px;
    display: none;
}
.key p {
    color: #222;
    font-size: 11px;
    line-height: 11px;
}
.key .circles .canvas {
    width:26px;
    height:48px;
}
.key .circles .label {
    position: absolute;
    padding-top:9px;
    right:24px;
    top:0px;
}
.key .circles .value {
    text-align: right;
    width:40px;
}
.key .circles .pointer {
    position: absolute;
    top:12px;
    width:19px;
    right:-22px;
    background: #999;
    height:1px;
}
.key .party-circle {
    width:150px;
    top:42px;
    right:-11px;
    position: absolute;
}
.key .party-circle .canvas {
    width:10px;
    height:10px;
    margin-right:4px;
    float: left;
}
.key .party-circle .label {
    float: left;
    width:130px;
}
#careerKey {
    display: none;
}
#panelGraphic {
    position: relative;
    height:780px !important;
    z-index: 10;
    background: white;
}
.panel {
    width:610px;
    margin:20px 0 10px;
    text-align: center;
    font-family: "FranklinITCStdLight", "Franklin Gothic", "ITC Franklin Gothic", 'Arial', sans-serif;
}
.panel p {
    font-size: 14px;
}
p.subhead {
    font-family:"FranklinITCProBold","Arial",sans-serif;
    font-size:18px;
}
.panel .fade-group {
    height:41px;
    position: relative;
}
/* to put it on top of image holder */
.ie6 .fade-group, .ie7 .fade-group, .ie8 .fade-group {
    z-index: 11;
}
.panel .fade-group-alt {
    position: absolute;
    width:610px;
}
.panel .col {
    position: relative;
    width:280px;
    padding-bottom:5px;
}
p.group-label {
    font-family:"FranklinITCProBold","Arial",sans-serif;
    font-size:16px;
    position: absolute;
    text-align: center;
    width: 100%;
    margin-top:7px;
}
p.small-hed {
    margin-bottom: 0px;
    text-transform: uppercase;
}
p.value {
    font-family:"FranklinITCProBold","Arial",sans-serif;
    margin-bottom: 0px;
}

.viz {
    display: none;
    position: relative;
    width:100%;
}
.axes {
/*     z-index: 100; */
    position: absolute;
    width:100%;
    margin-top:-1px;
    left:0;
}
.elec-holder-container {
    position: relative;
    height:720px;
}
.holder {
    margin-bottom: 65px;
}
#elecViz, .election.holder {
    height:652px;
    width:635px;
}
.election.holder {
    position: absolute;
    margin-top:-15px;
    left:-10px;
    z-index: 10;
}
.label-2012 p.label {
    position: absolute;
    width:610px;
    text-align: center;
    font-size: 11px;
    text-transform: uppercase;
    top:64px;
    line-height: 11px;
}
#canvas2012 {
    width:610px;
    position: absolute;
}
#senateViz, .senate.holder, #canvas2012 {
    height:125px;
}
.senate.axes {
    height: 180px;
}
.senate.axes .y-axis {
    height:130px;
}
#houseViz, .house.holder {
    height:355px;
}
.house.axes {
    height: 440px;
}
.house.axes .y-axis {
    height:355px;
}

.axes .y-axis {
    background:#d2d2d2;
    width:2px;
    position: absolute;
    left:305px;
}
.axes .x-axis {
    background:#d2d2d2;
    width: 240px;
    position: absolute;
    height:2px;
}
.x-axis.left {
    left:20px;
}
.x-axis.right {
    right:20px;
}
.senate.axes .x-axis {
    top:150px;
}
.house.axes .x-axis {
    top:380px;
}

/*
.axes .arrow {
    width:0; 
    height:0; 
    border:5px solid transparent; 
    position:absolute;
    margin-left:-4px;
}
.arrow.top {
    top:-7px;
    border-bottom-color:#ccc;
}
.arrow.bottom {
    bottom:-7px;
    border-top-color:#ccc;
}
*/
.axes .arrow {
    position: absolute;
    width:8px;
    height:7px;
    background: url(../images/arrows.png) no-repeat;
}
.y-axis .arrow {
    margin-left:-3px;
}
.x-axis .arrow {
    margin-top:-2px;
}
.arrow.top {
    top:-6px;
    background-position: 1px 0px;
}
.arrow.bottom {
    bottom:-6px;
    background-position: 1px -6px;
}
.arrow.left {
    left:-6px;
    background-position: 1px -13px;
}
.arrow.right {
    right:-6px;
    background-position: 0px -20px;
}

.axes .label {
    position: absolute;
    font-family: "FranklinITCStdLight", "Franklin Gothic", "ITC Franklin Gothic", 'Arial', sans-serif;
    text-transform: uppercase;
    font-size:10px;
    line-height: 10px;
    color:#aaa;
    width:44px;
}
.y-axis .label {
    margin-left:-21px;
}
.x-axis .label {
    margin-top:10px;
}
.label.top {
    top:-27px;
}
.label.bottom {
    bottom:-33px;
}
.label.left {
    left:-15px;
}
.label.right {
    right:-15px;
}

.item {
    position: absolute;
    display: block;
}
.item span {
    position: absolute;
    display: block;
    background: #999;
    width:8px;
    height:8px;
    left:5px;
    top:5px;
    border:1px solid white;
    border-radius: 10px;
    
}
.item.democrat span {
    background: #40698b;
}
.item.republican span  {
    background: #bb4e55;
}

/* infobox */
.rollovers {position: relative;font-family: Arial;z-index: 2000;}
#infoBox {position: absolute;padding:7px 9px;background: white;border: 1px solid #aaa;text-align: left;font-family: "FranklinITCStdLight", "Franklin Gothic", "ITC Franklin Gothic", 'Arial', sans-serif;display: none;z-index: 2000;
    -khtml-box-shadow: 0 0 2px rgba(0,0,0,0.3);
    -moz-box-shadow: 0 0 2px rgba(0,0,0,0.3);
    -webkit-box-shadow: 0 0 2px rgba(0,0,0,0.3);
    box-shadow: 0 0 2px rgba(0,0,0,0.3);
}
#infoBox p {
    font-size:12px;
    margin:0;
}
#infoBox p.name {
    font-weight: bold;
}

/* autocomplete */
.ui-corner-all, .ui-corner-top, .ui-corner-left, .ui-corner-right, .ui-corner-bottom, .ui-corner-tl, .ui-corner-tr, .ui-corner-br, .ui-corner-bl { -moz-border-radius: 0px; -webkit-border-radius: 0px; -khtml-border-radius: 0px; border-radius: 0px; }
.ui-autocomplete.ui-widget-content {text-align: left;max-height: 114px;overflow-y:scroll;width:180px!important;}
.ui-autocomplete a {color: #222;display: block;font-size: 12px;border:0 none;font-weight: normal;}
.ui-autocomplete a:hover, .ui-autocomplete a.ui-state-hover {border:0 none;background: #e2e2e2;color: black;font-weight: normal;margin:0;}
body .ui-menu .ui-menu-item {
    text-indent: 0px;
}
body .ui-menu .ui-menu-item a {
    font-family: "FranklinITCStdLight", "Franklin Gothic", "ITC Franklin Gothic", 'Arial', sans-serif;
    width: auto;
    border:0 none;
    padding-left:4px;
}

.find-lawmaker {
    z-index:-1;
    position: absolute;
    top:24px;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    filter: alpha(opacity=0);
    -moz-opacity: 0;
    -khtml-opacity: 0;
    opacity: 0;
}
.ie6 .find-lawmaker, .ie7 .find-lawmaker, .ie8 .find-lawmaker {
    display: none !important;
}
.find-lawmaker input {
    font-family: "FranklinITCStdLight", "Franklin Gothic", "ITC Franklin Gothic", 'Arial', sans-serif;
    height:24px; 
    line-height:20px; 
    font-size: 13px; 
    width: 170px; 
    border:1px solid #CCC; 
    background:white; 
    color:#222; 
    padding:2px 6px 1px;
    -moz-border-radius:0px;
    -khtml-order-radius:0px;
    -webkit-border-radius:0px;
    border-radius:0px;
}
.find-lawmaker .ui-button {
    background:white;
    position: absolute;
    right:5px;
    top:5px;
    height:18px;
    border:0 none;
}
.find-lawmaker .ui-button-icon-primary {
    background-position: -64px -15px;
}
.ie6 .no-ie, .ie7 .no-ie, .ie8 .no-ie {
    display: none !important;
}