/* general classes for styling */
.ie7 #content {z-index:1;}
.dark-blue {color:#567ed6;font-weight: bold;font-family:"Georgia", serif;}

.m-top-20 {margin-top:20px;}
.m-bottom-20 {margin-bottom:20px;}
.m-bottom-30 {margin-bottom:30px;}
.m-20 {margin: 20px 0;}
.p-top-20 {padding-top:20px;}
.align-center {text-align:center;}

.big-text {font-size:22px;}
.annotation {position:absolute; left:0px; text-align:center;}

/* preloaders */
.preloader {position:relative;z-index:1000;background:white; display: block;}
.preloader div {position:absolute; top: 0px; left: 0px; background:white url(http://media.washingtonpost.com/wp-srv/sports/highschools/images/loadingAnimation.gif) no-repeat 50% 50%; width:100%;}
#main-preloader div {height: 155px;}
#preloader-text{ position:absolute; top:30%; left:36%; font-size:14px; color:#333333; font-style: italic;}

/* sliders */
#all-sliders { overflow: visible; width: 610px; position:relative; text-align:center; margin: 10px auto 10px; }
#all-sliders em {font-style: italic;font-size: 10px;font-weight: normal;color: #666;}
.slider-wrap { float: left; padding:5px 10px 20px 5px; width:41%; margin:0 3%; }
.slider-wrap label { font-weight:bold; font-size:14px; }
.slider-wrap select {display: none;} /* hide ugly dropdown menu */
.slider-wrap .ui-widget {font-family: Arial;}
.ui-slider { margin-top: 7px; }
.ui-slider .ui-state-active .ui-slider-tooltip, 
.ui-slider .ui-state-focus .ui-slider-tooltip, 
.ui-slider .ui-state-hover .ui-slider-tooltip {width: 3em;margin-left:-1em;}
.ui-widget a {font-weight: normal;}
#annotations {position:relative; width:100%;}
#annotations .annotation {text-align:left;}
#annotations p {bottom:-27px; width:120px;}
#annotations #ppt {bottom: 0;left: 35px;}
#annotations #gdp-low { left:15px; text-align:left; }
#annotations #gdp-high { left:163px; text-align:right; }
#annotations #approval-low { left: 316px; text-align:left; }
#annotations #approval-high { left: 462px; text-align:right;}

/* button */
.button-wrapper {height: 25px; width:100%; margin: 40px auto -5px;}
.button.calculate {background: url(../images/btn.png) repeat-x 0 0;height: 25px;padding:0;width:78px;border: 1px solid #333333;cursor: pointer;font-weight: bold;color: white;font-size: 12px;font-family: Arial;}
.button.calculate span {padding: 4px 0; height: 18px; display: block; text-indent: 0; text-align: center; width: 100%;}
.button.calculate:hover {background: url(../images/btn.png) repeat-x 0 -29px;border: 1px solid #e1e1e1;}
.button.calculate:hover span{color:#333;}

/* main results */
#result-wrapper {
	position:relative;
}
#result-text {
	margin: 10px 0 5px;
	padding: 10px 0;
	font-family: Georgia, serif;
	font-size: 18px;
	line-height: 22px;
	text-align:center;
}

/* 1000 elections grid */
#canvas { width:600px; height:60px; position:relative; margin: 0 auto 35px; }
.tiles { width:100%; height:100%; position:absolute; top:0; }
.election { width:5px; height:5px; margin:0 1px 1px 0; background-color:#cccccc; z-index:99; position: absolute; top: 0px; left: 0px;}
#runs { z-index: 200;}
#sorted {z-index: 100; background-color:#eee;}
.last {margin-right:0;}
.ticks { position:absolute; bottom: -18px; }
.ticks .annotation { bottom:0px; left:-23px; }
#tick-main {width:200px; }
#tick-main .annotation {left:0px; font-size:9px;}
#tick-250 { left: 25%; }
#tick-500 { left: 50%; }
#tick-750 { left: 75% }
#tick-1000 { left: 99.7%; }
#tick-1000 .annotation {left:-29px;}
.vert-line { position:absolute; bottom: 0; left:50%; height: 70px; border-right:1px solid #cccccc; }


.blue {background-color: #567ed6;}
.red {background-color:#f76e73;}

/* incubments information */
#incumbents { position:relative; width:100%; }
#incumbents ul {width: 610px; margin: 20px auto 0;}
#incumbents li { display:inline; margin:0 .8em; cursor: pointer; opacity: 0.5; filter:alpha(opacity=50); }
#incumbents li:hover{ opacity: 0.7; filter: alpha(opacity=70); }
#incumbents li.selected{ opacity:1; filter:alpha(opacity=100); cursor: default; }

/* incumbent wrapper */
.incumbent-wrapper.alertT { position: relative; }
.incumbent-text { display:none; padding: 20px 25px 15px; background-color: #fff; border: 1px solid #dddddd; float:left; margin-top:14px; -webkit-box-shadow:  0px 0px 2px #E8E8E8; -moz-box-shadow:  0px 0px 2px #E8E8E8; box-shadow:  0px 0px 2px #E8E8E8; }
.incumbent-text.selected { display:block; }
.incumbent-text .equation { width: 485px; margin: 15px auto 20px; color: #2E2E2E; }
.incumbent-text .equation p { font-size: 14px; font-family: Georgia, serif; line-height: 19px; }
.incumbent-text .equation span { margin-right: 5px; }
.incumbent-text .number { float: left; }
.incumbent-text .number .eq-arrow{ font-size: 36px; margin: 11px 35px; font-family: 'Times New Roman'; }
.incumbent-text .number .i-result{ margin: 11px 0; }

.alertT p.pointer {
    border-color: transparent  transparent #dddddd transparent;
    border-style: solid;
    border-width: 18px;
    top: -22px;
    position: absolute;
    z-index: 298;
}
.alertT p.pointerborder {
    border-color:  transparent transparent #FFF transparent;
    border-style: solid;
    border-width: 20px;
    top: -23px;
    position: absolute;
    z-index: 299;
}

#methodology #expand-method {cursor:pointer;}
#methodology #expand-method:hover {text-decoration:underline;}
#methodology #text-wrapper {display:none;}
#methodology .method { font-family: Arial, sans-serif; font-size: 12px;}