@import "slider.css";
@import "tables.css";
@import "tipTip.css";

/*------------------------------------------------------------------ 
[Global Stylesheet] 
 
Project:   	
Elezioni USA 2012

First modified on:
10/10/2012 

Assigned to:
Eva Csuthi 
-------------------------------------------------------------------*/  

/* custom fonts */
@font-face {
    font-family: 'Lato';
    src: url('font/lato-black-webfont.eot');
    src: url('font/lato-black-webfont.eot?#iefix') format('embedded-opentype'),
         url('font/lato-black-webfont.woff') format('woff'),
         url('font/lato-black-webfont.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}
 
.page-content {width:990px;margin-right:0;}
.header_election-usa {padding-top:10px;width:990px;}
.header_election-usa ul,.page-content ul,.page-related ul {list-style:none;margin:0;padding:0;}

.header_election-usa h1 {font-family: 'Lato', serif;font-weight: bold;font-size:30px;line-height:32px;color:#386aa4;/*letter-spacing:-.05em;*/text-transform:uppercase;text-shadow: 2px 2px 1px #e0e0e0;filter: dropshadow(color=#e0e0e0, offx=1, offy=1);}
	.header_election-usa h1 a, .header_election-usa h1 a:visited {color:#286ca5;text-decoration:none;}
	.header_election-usa h1 a span, .header_election-usa h1 a:visited span {color:#d41500;letter-spacing:-.08em;}
.header_election-usa h2 {font-family: 'Lato', serif;font-size:14px;font-weight:normal;color:#999;text-transform:uppercase;}


/* Interactive SVG USA Map by “LGLab” v1.0 */
.mapWrapper {margin:10px auto 30px;position:relative;}

/* abbreviazioni */
.mapWrapper h3 {position:absolute;font-family: 'Lato', serif;font-weight: normal;font-size:10px;line-height:10px;color:#fff;text-transform: uppercase;cursor:pointer;}
	.mapWrapper h3.wa {left:85px;top:30px;}
	.mapWrapper h3.or {left:70px;top:80px;}

#map {float:left;clear:both;width:990px;height:590px;}

.point {position:fixed;display:none;padding:2px 10px;background:#fff;font-size:12px;font-weight:bold;border:1px solid #262626;
-moz-border-radius: 4px; /* FF1-3.6 */
-webkit-border-radius: 4px; /* Saf3-4, iOS 1-3.2, Android <1.6 */
 border-radius: 4px 4px 4px 4px; /* Opera 10.5, IE9, Saf5, Chrome, FF4, iOS 4, Android 2.1+ */    
/* useful if you don't want a bg color from leaking outside the border: */        
-moz-background-clip: padding; -webkit-background-clip: padding-box; background-clip: padding-box;
}

#text {width:500px;overflow: auto;font-size:14px;line-height:18px;}
	#text h2 {font-family: 'Lato', serif;font-weight: normal;font-size:26px;line-height:26px;margin-bottom:5px;}
	#text .intro {margin:0 0 15px;font-size:12px;line-height:16px;}
	#text p {margin:0;padding-bottom:5px;}
	#text p em.nota {font-size: 12px;line-height:15px;color:#666;}
	#text ul.legend_election-usa {display:inline-block;margin:0 5px 0 5px;vertical-align:middle;}
		#text ul.legend_election-usa li span {width:8px;}
	
	/* risultati */
	#text dl.election-usa {margin:0 0 20px 0;font-size:12px;position:relative;}
		#text dl.election-usa dt {font-family: 'Lato', serif;font-weight: normal;font-size:14px;line-height:16px;text-transform:uppercase;border-bottom:1px solid #ccc;margin-bottom:5px;}
		#text dl.election-usa dd.reporting {position: absolute;top:0;right:0;font-size:11px;color:#666;}
		#text dl.election-usa dd.date {clear:both;font-size:11px;color:#666;font-style:italic;border-top:1px solid #ccc;}
		
		#text dl.election-usa dl.candidato {position:relative;font-weight:normal;text-transform: none;margin-bottom:5px;}
			#text dl.election-usa dl.candidato.won {font-weight:bold;text-transform:uppercase;background: url(/static/speciale/2012/elezioni-usa/images/won.gif) right 5px no-repeat;}
			
		#text dl.election-usa dl.candidato dt {float:left;border-bottom:0;margin:5px 5px 0 0;font-family: Arial;text-transform:none;text-align:right;font-size:12px;background:url(/static/speciale/2012/elezioni-usa/images/sprite_presidenziali.jpg) no-repeat;width:30px;height:30px;}
			#text dl.election-usa dl.candidato.obama dt {background-position:0 -270px;}
			#text dl.election-usa dl.candidato.romney dt {background-position:0 -320px;}
			#text dl.election-usa dl.candidato.altri dt {background-image:none;background-color:#fff;margin-top:3px;height:15px;}
			
			#text dl.election-usa dl.candidato dd.perc {margin-top:-2px;font-size:22px;font-weight:bold;letter-spacing: -.08em;}
				#text dl.election-usa dl.candidato.altri dd.perc {font-size:16px;font-weight:bold;letter-spacing: -.08em;}
				#text dl.election-usa dl.candidato dd.perc span {padding-left:2px;font-size:11px;letter-spacing:0;}
				#text dl.election-usa dl.candidato dd.perc cite {padding-left:2px;font-size:11px;font-style:italic;color:#666;font-weight: normal;letter-spacing:0;}
				#text dl.election-usa dl.candidato dd ul.bar {position:absolute;top:5px;right:30px;height:30px;width:100px;background-color:#ebebeb;background-image: -ms-linear-gradient(top, #ebebeb 0%, #ccc 100%);background-image: -moz-linear-gradient(top, #ebebeb 0%, #ccc 100%);background-image: -o-linear-gradient(top, #ebebeb 0%, #ccc 100%);background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #ebebeb), color-stop(1, #ccc));background-image: -webkit-linear-gradient(top, #ebebeb 0%, #ccc 100%);background-image: linear-gradient(to bottom, #ebebeb 0%, #ccc 100%);}
				
				#text dl.election-usa dl.candidato dd ul.bar li {display:inline-block;background:url(/static/speciale/2012/elezioni-usa/images/sf_dashboard-new.gif);height:30px;}
					#text dl.election-usa dl.candidato dd ul.bar li.dem {background-position:0 0;}
					#text dl.election-usa dl.candidato dd ul.bar li.gop {background-position:0 -50px;}
	
		/* risultati precedenti */	
		#text dl.election-usa.past dl.candidato {margin-bottom:0;}
		#text dl.election-usa.past dl.candidato.won,#text dl.election-usa.compact dl.candidato.won {background-position: right top;}				
		#text dl.election-usa.past dl.candidato dt,#text dl.election-usa.compact dl.candidato dt {display:none;}
			
			#text dl.election-usa.past dl.candidato dd.name {float:left;width:60px;}
			#text dl.election-usa.past dl.candidato dd.perc,#text dl.election-usa.compact dl.candidato dd.perc {float:left;margin-top:0;font-size:14px;font-weight:bold;letter-spacing: -.05em;}
				#text dl.election-usa.past dl.candidato dd.perc span,#text dl.election-usa.compact dl.candidato dd.perc span {padding-left:2px;font-size:11px;letter-spacing:0;}
				#text dl.election-usa.past dl.candidato dd.perc cite {padding-left:2px;font-size:11px;font-style:italic;color:#666;font-weight: normal;letter-spacing:0;}
				#text dl.election-usa.past dl.candidato dd ul.bar,#text dl.election-usa.compact dl.candidato dd ul.bar {float:left;position:relative;top:inherit;right:inherit;background-color:#fff;background-image: -ms-linear-gradient(top, #fff 0%, #fff 100%);background-image: -moz-linear-gradient(top, #fff 0%, #fff 100%);background-image: -o-linear-gradient(top, #fff 0%, #fff 100%);background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #fff), color-stop(1, #fff));background-image: -webkit-linear-gradient(top, #fff 0%, #fff 100%);background-image: linear-gradient(to bottom, #fff 0%, #fff 100%);margin:5px 5px 0 0;height:11px;width:80px;}				
				#text dl.election-usa.past dl.candidato dd ul.bar li,#text dl.election-usa.compact dl.candidato dd ul.bar li {height:11px;}
					#text dl.election-usa.past dl.candidato dd ul.bar li.dem,#text dl.election-usa.compact dl.candidato dd ul.bar li.dem {background-position:0 -450px;}
					#text dl.election-usa.past dl.candidato dd ul.bar li.gop,#text dl.election-usa.compact dl.candidato dd ul.bar li.gop {background-position:0 -480px;}
		
		/* risultati senato, differenza */	
		#text dl.election-usa.compact {margin:0 0 30px 0;}
		#text dl.election-usa.compact dl.candidato {margin-bottom:5px;font-size:11px;}
			#text dl.election-usa.compact dl.candidato.won {text-transform:none;}
			#text dl.election-usa.compact dl.candidato dd.name {float:left;/*margin-top:2px;line-height:13px;*/width:130px;}
			#text dl.election-usa.compact dl.candidato dd.perc {margin:0 5px 0 0;text-align:right;width:40px;}	
			#text dl.election-usa.compact dl.candidato dd.perc span {padding-left:0;}		
			#text dl.election-usa.compact dl.candidato dd ul.bar {margin:5px 0 0 0;}		
			#text dl.election-usa.compact dl.candidato dd ul.bar li.others,
			#text dl.election-usa.compact dl.candidato dd ul.bar li.other {background-position:0 -510px;}
			#text dl.election-usa.compact ul.legend_election-usa {float:left;margin:0 5px 0 0;width:16px;}	
				#text dl.election-usa.compact ul.legend_election-usa li span {padding:0 5px;text-align:center;font-size:11px;}	
		
		/* camera */
		table#house-results-table {table-layout: auto; border-collapse: collapse;font-size:11px;width: 300px; }
	    table#house-results-table thead {
		background-color:#000;
		background-image: -ms-linear-gradient(top, #333333 0%, #000000 100%);
		background-image: -moz-linear-gradient(top, #333333 0%, #000000 100%);
		background-image: -o-linear-gradient(top, #333333 0%, #000000 100%);
		background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #333333), color-stop(1, #000000));
		background-image: -webkit-linear-gradient(top, #333333 0%, #000000 100%);
		background-image: linear-gradient(top, #333333 0%, #000000 100%);   		    
	    }	
	    	    
	    table#house-results-table th {text-align:center;font-weight:bold;padding:5px 10px;color:#fff;border-right:1px solid #fff;border-bottom:1px solid #fff;}
	    table#house-results-table td {padding:10px;color:#fff;font-size:28px;font-weight:bold;text-align:center;border-right:1px solid #fff;width:33%;}
	    	table.past td {padding:8px 10px!important;font-size:20px!important;}
		    /*table#house-results-table td.distr {font-size:16px;color:#222;background-color:#ebebeb;width:10%;}
		    table#house-results-table td.dem.lead {background-color:#56b1d3;color:#fff;}
		    table#house-results-table td.rep.lead {background-color:#e97b74;color:#fff;}
		    table#house-results-table td.altri.lead {background-color:#deba68;color:#fff;}*/
		    table#house-results-table td.dem {background-color:#286ca5;}
		    table#house-results-table td.rep,table#house-results-table td.gop {background-color:#d41600;}
		    table#house-results-table td.altri,table#house-results-table td.other {background-color:#128212;}	

/* confronto dati parte comune con mobile */
h3.confronto {font-family: 'Lato', serif;font-weight: normal;font-size:22px;line-height:22px;text-transform:uppercase;color:#222;margin-bottom:10px;}
ul.confronto li {float:left;display:inline;width:480px;}
	ul.confronto li.now {width:500px;}
	ul.confronto li.past {width:460px;}

	/* senate column size diff */
	ul.confronto.senato li.now {width:580px;}
	ul.confronto.senato li.past {width:380px;}
	/* governors column size diff */
	ul.confronto.governors li.now {width:550px;}
	ul.confronto.governors li.past {width:410px;}
	
	ul.confronto li h4 {font-family: 'Lato', serif;font-size:14px;font-weight:normal;color:#999;text-transform:uppercase;margin-bottom:0;}
	ul.confronto li.now {margin-right:30px;}
	
	p.nota {padding:0 0 5px;margin:0;font-size:11px;font-style: italic;color:#666;}
	
/* gigya */
#share-top {float: right!important;margin-top:-50px;width:370px!important;}
#share-bottom {margin-top:20px;width:800px!important;}
#share-bottom iframe,#share-bottom span {width:500px!important;}
#share-bottom table td {vertical-align:top!important;}

.usa-2008 {
    color: #FFFFFF;
    margin-bottom: 10px;
    padding: 10px 10px;
    min-height: 60px;
    background-color: #242424;
    background-image: -moz-radial-gradient(center center , ellipse closest-corner, #454545 0%, #242424 100%);
}
.usa-2008 h3 {
    color: #FFFFFF;
    float: left;
    font-size: 17px;
    line-height: 22px;
    font-family: 'arial',serif;
    font-weight: bold;
}
.usa-2008 h3 span {
  color: #286CA5;
}
.usa-2008 h3 span.red {
  color: #d41500;
}