@font-face {
    font-family: 'MuseoSans500';
    src: url('fonts/museosans_500_macroman/MuseoSans_500-webfont.eot');
    src: url('fonts/museosans_500_macroman/MuseoSans_500-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/museosans_500_macroman/MuseoSans_500-webfont.woff') format('woff'),
         url('fonts/museosans_500_macroman/MuseoSans_500-webfont.ttf') format('truetype'),
         url('fonts/museosans_500_macroman/MuseoSans_500-webfont.svg#MuseoSans500') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'MuseoSans300';
    src: url('/newshour/fonts/museosans_300/MuseoSans_300-webfont.eot');
    src: url('/newshour/fonts/museosans_300/MuseoSans_300-webfont.eot?#iefix') format('embedded-opentype'),
         url('/newshour/fonts/museosans_300/MuseoSans_300-webfont.woff') format('woff'),
         url('/newshour/fonts/museosans_300/MuseoSans_300-webfont.ttf') format('truetype'),
         url('/newshour/fonts/museosans_300/MuseoSans_300-webfont.svg#MuseoSans300') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'MuseoSans700';
    src: url('/newshour/fonts/museosans_700/MuseoSans_700-webfont.eot');
    src: url('/newshour/fonts/museosans_700/MuseoSans_700-webfont.eot?#iefix') format('embedded-opentype'),
         url('/newshour/fonts/museosans_700/MuseoSans_700-webfont.woff') format('woff'),
         url('/newshour/fonts/museosans_700/MuseoSans_700-webfont.ttf') format('truetype'),
         url('/newshour/fonts/museosans_700/MuseoSans_700-webfont.svg#MuseoSans300') format('svg');
    font-weight: normal;
    font-style: normal;

}

v\:rect, v\:roundrect, v\:line, v\:polyline, v\:curve, v\:arc, v\:oval, v\:image, v\:shape, v\:group, v\:skew, v\:stroke, v\:fill {
    behavior: url(#default#VML);
    display: inline-block;
    cursor: pointer;
}
/*body {
    border-left: 1px solid #000;
    border-right: 1px solid #000;
    font-family: 'AvenirLTStd', Arial, "Helvetica Neue", Helvetica, sans-serif;
    margin: 0;
    padding: 0;
    position: relative;
    width: 1024px;
} */
#nav_outermost, #view_info, #content_area {text-transform: uppercase; font-family: 'MuseoSans500', sans-serif;}
h1, h2, h3, h4, h5, h6 {font-weight: bold;}
a {
   /* color: inherit;
    text-decoration: none; */
}
.clear {clear: both;}

path  {cursor: pointer;}
#map, #chart {
    height: 486px;
    width: 768px;
}
#loading {
    filter: alpha(opacity=75);
    opacity: 0.75;
    position: absolute;
    top: 40%;
    left: 40%;
    z-index: 500;
}

#content_area {
    background-color: #dcdcdc;
    clear: both;
    padding-bottom: 10px;
    padding-top: 10px;
	background-image:url('../images/map-bg3.png');
	background-repeat:repeat;
	 -webkit-box-shadow:inset 0px 0px 6px 0px rgba(180, 180, 144, 0.6); /* Saf3-4, iOS 4.0.2 - 4.2, Android 2.3+ */
          box-shadow:inset 0px 0px 6px 0px rgba(180, 180, 144, 0.6); /* Opera 10.5, IE9, FF4+, Chrome 6+, iOS 5 */

}
    #instructions {
        color: #666;
        font-size: 12pt;
        margin: 0 0 10px 0;
        padding: 0 0 0 25px;
    }

#lower_chart {
    display: none;
    height: 60px;
    width: 185px;
}

#sidebar {
    
    width: 185px;
	 float: right;
}

.sidebar-info {background-color: #fff;
    border: 1px solid #b7b7b7;
    border-right: none;
    -webkit-border-bottom-left-radius: 5px;
    -moz-border-radius-bottomleft: 5px;
    border-bottom-left-radius: 5px;
    -webkit-border-top-left-radius: 5px;
    -moz-border-radius-topleft: 5px;
    border-top-left-radius: 5px;
	background-image:url('../images/sidebar-info-bg.png');
	background-repeat:repeat-x;
    margin: 0 0 15px 0;
    padding: 0 10px 0 20px;
	-webkit-box-shadow: 0px 1px 0px rgba(50, 50, 50, 0.57);
-moz-box-shadow:    0px 1px 0px rgba(50, 50, 50, 0.57);
box-shadow:         0px 1px 0px rgba(50, 50, 50, 0.57);
}
    #sidebar_title {
        background-color: #eee;
        border-bottom: 1px solid #ddd;
        -webkit-border-top-left-radius: 5px;
        -moz-border-radius-topleft: 5px;
        border-top-left-radius: 5px;
        margin: 0 -10px 10px -20px;
        padding: 6px;
        text-align: center;
    }

	#sidebar_title span {color:9f1c20;}
	/*#sidebar {
    background-color: #fff;
    border: 1px solid #ccc;
    border-right: none;
    -webkit-border-bottom-left-radius: 5px;
    -moz-border-radius-bottomleft: 5px;
    border-bottom-left-radius: 5px;
    -webkit-border-top-left-radius: 5px;
    -moz-border-radius-topleft: 5px;
    border-top-left-radius: 5px;
    float: right;
    margin: 0;
    padding: -10px 10px 0 20px ;
    width: 185px;
}
    #sidebar_title {
        background-color: #eee;
        border-bottom: 1px solid #ddd;
        -webkit-border-top-left-radius: 5px;
        -moz-border-radius-topleft: 5px;
        border-top-left-radius: 5px;
        margin: 0 -10px 15px -20px;
        padding: 6px;
        text-align: center;
    }
	
	#sidebar_title span {color:9f1c20;} */
    #map_view {display: block;}
    #legend {
        position: relative;
        width: 100%;
    }
        .legend caption {font-weight: bold;}
        .legend td {
            padding-bottom: 0.25em;
            vertical-align: top;
        }
        .legend .legend_color {
            display: block;
            margin-left: 0.5em;
            width: 1.5em;
        }

#nav_outermost {
    margin-bottom: 10px;
    position: relative;
    width: 998px;

}
    #nav_toggle {
        background-color: #b20000;
        -webkit-border-bottom-right-radius: 5px;
        -moz-border-radius-bottomright: 5px;
        border-bottom-right-radius: 5px;
        -webkit-border-bottom-left-radius: 5px;
        -moz-border-radius-bottomleft: 5px;
        border-bottom-left-radius: 5px;
        display: none;
        margin-left: 880px;
        padding: 7px;
        width: 85px;
		clear:both;
		-webkit-box-shadow:inset 0px 2px 2px rgba(118, 118, 118, 0.75);
-moz-box-shadow: inset   0px 2px 2px rgba(118, 118, 118, 0.75);
box-shadow:   inset      0px 2px 2px rgba(118, 118, 118, 0.75);
    }
        #nav_toggle a {
            color: #fff;
            display: block;
            font-size: 10pt;
            height: 100%;
            text-align: center;
            width: 100%;
        }
#nav-main {
    background-color: #e5e5e5;
    float: left;
    height: 85px;
    overflow: hidden;
    position: relative;
    width: 938px;
	border-bottom:#d2d2d2 3px solid;
	background-image:url('../images/bg-nav.jpg');
	background-repeat:repeat-x;
	position:relative;
z-index:0;
border-bottom:1px solid #d2d2d2;

	

}
    #nav_container {
        margin: 0;
        position: relative;
    }
        .nav_option {
			font-family: 'MuseoSans500';
            background-color: #0f2451;
            border: 3px solid #fff;
            -webkit-border-radius: 10px;
            -moz-border-radius: 10px;
            border-radius: 10px;
            font-size: 1em;
            float: left;
            height: 50px;
            line-height: 1.2em;
            margin: 7px 7px 10px 7px;
            padding: 9px 5px 0 5px;
            text-align: center;
            width: 90px;
			shadow: 1px 1px 3px #fff;
			-webkit-box-shadow: 0px 5px 0px rgba(167, 168, 170, 1);
-moz-box-shadow:    0px 5px 0px rgba(167, 168, 170, 1);
box-shadow:         0px 5px 0px rgba(167, 168, 170, 1);


        }
            .nav_option a {
                color: #fff;
                display: block;
                height: 56px;
                margin: -3px;
                width: 96px;
            }
            .nav_option_featured {background-color: #8b080d;}
            .nav_option_active {
                background-color: #fff;
				border:3px solid #a7a8aa; 
				-webkit-box-shadow: 0px 3px 5px rgba(167, 168, 170, 1);
-moz-box-shadow:    0px 3px 5px rgba(167, 168, 170, 1);
box-shadow:         0px 3px 5px rgba(167, 168, 170, 1);
margin-top:11px;
            }
                .nav_option_active a {color: #0f2451;}
    .nav_control {
         background-color: #fff;
       color: #b20000;
        cursor: pointer;
        float: left;
        height: 60px;
        width: 30px;
        font-size: 2em;
		padding: 25px 0 0 0;

        text-align: center;
			 border-bottom:#d2d2d2 2px solid;
            background-image:url('../images/bg-control.jpg');
    background-repeat:repeat-x;
	
	



    }
	
	#nav-main-next {--webkit-box-shadow: -2px 0px 2px rgba(118, 118, 118, 0.75);
-moz-box-shadow:    -2px 0px 2px rgba(118, 118, 118, 0.75);
box-shadow:         -2px 0px 2px rgba(118, 118, 118, 0.75);
position:relative;
	z-index:2;

}
	#nav-main-prev {-webkit-box-shadow: 2px 0px 2px rgba(118, 118, 118, 0.75);
-moz-box-shadow:    2px 0px 2px rgba(118, 118, 118, 0.75);
box-shadow:         2px 0px 2px rgba(118, 118, 118, 0.75);
position:relative;
	z-index:2;

}

#view_info {
    border-bottom: 1px solid #bbb;
    height: 44px;
}
#view_info h1 {
    background-color: #fff;
    color: #8b080d;
    float: left;
    font-size: 22pt;
    margin: 0;
    padding: 0 25px;
    width: 400px;
}
.view_tab {
    background-color: #fff;
    border-top: 5px solid #0f2451;
    border-left: 1px solid #000;
    border-right: 1px solid #000;
    float: left;
    height: 29px;
    margin: 0 3px;
    padding-top: 10px;
    width: 125px;
}
    .view_tab a {
        color: #0f2451;
        display: block;
        font-size: 16pt;
        height: 39px;
        margin-top: -10px;
        padding-top: 6px;
        text-align: center;
        width: 125px;
    }
    .view_tab_active, .view_tab_always_active {
        background-color: #dcdcdc;
        border-bottom: 1px solid #dcdcdc;
        border-left: 1px solid #9c9c9c;
        border-top: 5px solid #7e7e7e;
        border-right: 1px solid #9c9c9c;
    }
        .view_tab_active a, .view_tab_always_active a {color: #000;}
    .view_tab_more a, .view_tab_options_more a {
        float: left;
        width: 95px;
    }
        #view_tab_more_toggle, #view_tab_options_more_toggle {
            border-left: 1px dotted #000;
            color: #8b080d;
            font-size: 12pt;
            height: 20px;
            margin: -3px 0 0 0;
            padding: 0 0 0 5px;
            width: 20px;
        }
        #view_tab_more_menu, #view_tab_options_more_menu {
            background-color: #fff;
            border-color: transparent #000 #000 #000;
            border-style: solid;
            border-width: 1px;
            clear: both;
            display: none;
            left: -1px;
            list-style: none;
            margin: 0;
            padding: 0;
            position: relative;
            top: -6px;
            width: 125px;
            z-index: 9001;
        }
            #view_tab_more_menu li, #view_tab_options_more_menu li {
                list-style: none;
                margin: 0;
                padding: 0;
            }
                #view_tab_more_menu li a, #view_tab_options_more_menu li a {
                    float: none;
                    margin-top: 0;
                    width: 125px;
                }

#nebraska_electoral label, #maine_electoral label {margin-right: 0.5em;}

#tooltip, #tooltip_automated {
    background-color: #fff;
    border: 1px solid #ccc;
    
    padding: 5px;
    position: absolute;
    width: 160px;
}
    #tooltip h3, #tooltip_automated h3 {
        clear: both;
        font-size: 14pt;
        margin-top: 0;
        text-align: center;
    }
    #tooltip p, #tooltip_automated p {
        margin-bottom: 5px;
        text-align: center;
    }
    #tooltip_close, #tooltip_automated_close {float: right;}

