@font-face {
    font-family: 'PTSansRegular';
    src: url('http://img.slate.com/features/2012/constitution/PTS55F-webfont.eot');
    src: url('http://img.slate.com/features/2012/constitution/PTS55F-webfont.eot?#iefix') format('embedded-opentype'),
         url('http://img.slate.com/features/2012/constitution/PTS55F-webfont.woff') format('woff'),
         url('http://img.slate.com/features/2012/constitution/PTS55F-webfont.ttf') format('truetype'),
         url('http://img.slate.com/features/2012/constitution/PTS55F-webfont.svg#PTSansRegular') format('svg');
    font-weight: normal;
    font-style: normal;
}   
#int_egraph{
    margin-left:auto;
    margin-right:auto;
    width:920px;
    font-family:verdana;
}
    #top{
        text-align:center;
        width:300px;
        border-bottom:1px solid #d6d6d6;
    }
    #top h2{
        padding-top:20px;
        padding-bottom:10px;
        margin:0px;
        line-height:125%;
        font-size:20px;
        font-family:'PTSansRegular','Verdana';
    }
    #top p{
        margin-top:0px;
        font-size:12px;
        line-height:125%;
        font-style:italic;
    }
    #graphContainer{
        padding-top:0px;
        float:right;
        position:relative;
        width:600px;
    }
        #quadrantLabels{
            position:absolute;
            top:0px;
            left:0px;
            width:600px;
            height:600px;
        }
        #graph{
            background-color:white;
            position:relative;
            float:left;
        }
            .gridline{
                background-color:#e0e0e0;
                position:absolute;
            }
            #xaxis{
                background-color:black;
                height:3px;
                position:absolute;
                display:none;
            }
            .axisLabel{
                font-size:9px;
                font-style:italic;
                text-align:center;
                padding-top:5px;
                padding-bottom:5px;
                position:absolute;
            }
            .axisLabel span{
                background-color:rgba(255,255,255,.9);
            }
            #yaxis{
                display:none;
                background-color:black;
                position:absolute;
                top:0px;
                width:3px;
            }
            #graph .event{
                position:absolute;
                cursor:pointer;
                display:none;
            }
                #graph .event.hovering{
                    
                }
                #graph .event.chosen{
                    border-color:#e0e0e0;
                    border-width:3px;
                    margin-top:-2px;
                    margin-left:-2px;
                    opacity:1 !important;
                }
                .description{
                    margin:0px;
                    display:none;
                }
                .description .label{
                    color:#57828D;
                    font-weight:bold;
                }
                .event .imgHighlight{
                    display:none !important;
                }
                .event.selected .imgStandard{
                    display:none !important;
                }
                .event.selected .imgHighlight{
                    display:block !important;
                }
                .event.selected{
                    z-index:9999;
                }
        #graphNav{
            border-bottom:1px solid #b8b8b8;
            padding-bottom:3px;
            height:25px;
            line-height:35px;
            float:left;
        }
            #graphNav .label{
                height:13px;
                padding:3px;
                margin-right:5px;
                font-size:12px;
                cursor:pointer;
                float:left;
                color:black;
                font-size:10px;
                line-height:13px;
            }
            #graphNav .btnGroup{
                margin-top:5px;
                float:left;
            }            
                #graphNav .btn{
                    height:13px;
                    padding:3px;
                    margin-right:5px;
                    font-size:12px;
                    cursor:pointer;
                    float:left;
                    color:#ABABAB;
                    font-size:10px;
                    line-height:13px;
                    text-transform:uppercase;
                }
            #graphNav .btn:hover{
                background-color:gray;
                color:white;
            }
            #graphNav .btn.active{
                color:#57828D;
            }
            #graphNav span{
                font-size:12px;
                font-weight:bold;
                position:relative;
                top:10px;
                padding-right:10px;
                background-color:white;
                margin-top:0px;
                text-transform:uppercase;
            }
    #feed{
        width:300px;
        border-right:1px dashed gray;
        min-height:737px;
    }
        #feed .event{
            border-bottom:1px solid #d6d6d6;
            background-color:white;
            font-size:13px;
            line-height:150%;
            cursor:pointer;
            display:none;
            padding:7px;
            min-height:90px;
        }
            #feed .event p{
                display:none;
                font-size:12px;
                line-height:140%;
            }
            #feed .event.selected{
                background-color:#FFFFAD;
            }
            #feed .event h6{
                color:#660033;
                margin:0px;
                font-size:17px;
                line-height:120%;
                font-weight:normal;
                font-family:'PTSansRegular','Arial',sans-serif
            }
            #feed .date{
                color:black;
                font-family:verdana;
                font-size:10px;
                font-style:italic;
            }
            #feed .feedimg{
                float:left;
                margin-right:10px;
            }
#graph .legendClear.dateClear.candidateClear, #feed .legendClear.dateClear.candidateClear{
    display:block;
}
#legend{
    border-top:1px solid #b8b8b8;
    font-size:10px;
    float:left;
    margin-top:3px;
}
.legendItem{
    float:left;
    width:130px;
    padding:10px;
    border-right:1px dashed #b8b8b8;
    border-bottom:1px solid #b8b8b8;
    cursor:pointer;
    color:gray;
}
.legendItem.highlight{
    background-color:#FFFFAD;
}
.legendItem h6{
    text-align:center;
    margin:0px 0px 3px 0px;
    font-size:12px;
    color:gray;
}
.legendItem p{
    margin:0px;
    font-size:11px;
}
.legendItem.active{
    color:black;
}
.legendItem.active h6{
    color:#57828D
}
.legendTitle{
    margin-bottom:3px;
    margin-top:15px;
    color:#ABABAB;
}
#intHeader h2{
    margin-bottom:0px;
    margin-top:0px;
    padding-bottom:10px;
    font-size:13px;
    text-align:center;
    font-family:verdana;
    border-bottom:1px solid gray;
}
#headerIMG{
    height:100px;
}
/.l