body {
  	    font-family:sans-serif;
  	    font-size:10px;
  	  }
  	  body, body * {
  	    box-sizing:border-box;
  	    -moz-box-sizing:border-box;
  	    vertical-align:middle;
  	  }
  	  *:focus,a:active {
  	  border:none;
  	  outline:none;
  	  }
  	  .district {
        position:absolute;
        text-align:center;
        padding:0.5em 1em;
        border-radius:50%;
        -moz-border-radius:50%;
        xbackground:rgba(0,0,100,0.5)!important;
        xborder:solid 2px red;
        cursor:pointer;
        border:0;
        background-size:100% 100%;
        background-color:transparent;
      }
      .district .number {
        text-shadow:0 0px 4px white,0 0px 4px white,0 0px 4px white;
        color:#666;
        font-size:110%;
        font-weight:bold;
        visibility:hidden;
      }
      .district .main {
        line-height:3.5em;
      }
      .district .info {
        line-height:1.2em;
        font-size:110%;
        font-weight:bold;
        color:#fff;
        text-shadow:0 0px 4px #666,0 0px 6px #666,0 0px 8px #666;
      }
      .district .name {
        display:inline-block;
        vertical-align:middle;
        font-size:110%;
        line-height:1.2em;
        font-weight:bold;
        color:#eee;
        text-shadow:0 0px 4px #666,0 0px 6px #666,0 0px 8px #666;
        xcolor:cyan!important;
      }
      .district.selected {
      	box-shadow: 0 0 6px 4px #666;
        background-color:#666;
      }
      .district.selected .name {
        color:white;
        font-size:120%;
        text-shadow:0 0px 4px #666,0 0px 6px #666,0 0px 8px #666;
      }
      #map-wrap {
        position:fixed;
        top:0px;
        left:200px;
        right:0;
        bottom:0;
        overflow:auto;
        text-align:left;
        background:#2e3436;
      }
      #map {
        float:left;
      }
      #sidebar {
        position:fixed;
        top:40px;
        font-size:13px;
        width:200px;
        left:0;
        bottom:0;
        background:#555753;
        padding:5px 10px;
        color: #999;
        z-index:1;
        overflow-y:auto;
      }
      
  	#panel {
		position:fixed;
 		background:#181a1b;
 		color:#eeeeec;
 		font-size:13px;
 		padding:0 10px;
 		top:0;
 		left:200px;
 		right:0;
 		height:40px;
	}
	#panel > *{
	    display:inline-block;
 		height:40px;
 		line-height:40px;
 		vertical-align:middle;
	}
	#social {
		position:fixed;
 		background:#181a1b;
 		color:#eeeeec;
 		font-size:13px;
 		padding:0 10px;
 		top:0;
 		left:0px;
 		width:200px;
 		height:40px;
	}
      h1 {
        font-size:24px;
        color:#d3d7cf;
        text-align:center;
        text-transform:uppercase;
        margin-bottom:2px;
        font-weight:bold;
      }
      h2 {
        background:#888a85;
        font-size:14px;
        margin:12px 0 6px;
        color:#eeeeec;
        padding:4px 8px;
        border-radius:3px;
      }
      .button {
        display:block;
        font-size:13px; 
        text-decoration:none;
        color:#babdb6;
        height:24px;
        line-height:24px;
        vertical-align:middle;
        white-space:nowrap;
      }
      .button:hover {
        color:#eeeeec;
      }
      .button.selected {
        color:#eeeeec;
        text-decoration:underline;
      }

	#views .button {
	}
	#views .button:before {
		content:'▸ ';
        text-decoration:remove-all;
	}
	
		
	 #footer {
		font-size: 10px;
		position: fixed;
		text-align: center;
		color: #666;
		bottom: 0;
		left:0;
		width:200px;
		background: #EEE;
		border-top: 1px solid #DDD;
		padding: 5px 10px;
	 }
	.color {
		display:inline-block;
		width:10px;
		height:10px;
		margin-right:4px;
	}
	#parties {
		-webkit-column-count:2;
		-moz-column-count:2;
	}
	#title {
	 position:absolute;
	 top:6px;
	 left:20px;
	 font-size:14px;
	 text-align:left;
	 color:#d3d7cf;
    }
    #title h1 {
       text-align:left;
       margin-bottom:2px;
       padding-bottom:0px;
    }
	
	#info {
		position: fixed;
		bottom: 4px;
		right: 4px;
		padding: 5px;
		background:#555753;
		box-shadow:0 0px 8px 0px #babdb6;
		-moz-box-shadow:0 1px 4px -1px black;
		border-radius:6px;
		font-size:13px;
		z-index:10;
		width:300px;
		color:#eeeeec;
	}
	button.switch {
		border:solid 1px #2e3436;
		border-radius:3px;
		background:#555753;
		color:#2e3436;
	}
	
	button.switch[value="1"] {
		background:#babdb6;
	}
	
#info table {
  border-collapse:collapse;
  width:100%;
}
#info tr.party {
  border-collapse:collapse;
  background:#888a85;
  border-radius:2px;
  overflow:hidden;
  font-size:11px;
  font-weight:bold;
  border-top:2px solid transparent;
}
#info tr {
  text-shadow:0 0 2px #555753,0 0 4px #555753,0 0 6px #555753;
  font-family:Trebuchet MS, sans-serif;
  color:#eeeeec;
}
#info tr.big {
  font-size:16px;
  font-weight:bold;
}
#info tr > :first-child {
 border-top-left-radius:4px;
 border-bottom-left-radius:4px;
}
#info tr > :last-child {
 border-top-right-radius:4px;
 border-bottom-right-radius:4px;
}
#info th {
 font-weight:inherit;
 padding-left:4px;
}
#info td {
 text-align:right;
 font-weight:inherit;
}