@charset "utf-8";
/* CSS Document */

/*--------------- Fonts ---------------*/
@font-face {
	font-family: Open Sans;
	src: url('../fonts/opensans-regular.ttf');
	font-weight: 400;
}
@font-face {
	font-family: Open Sans Italic;
	src: url('../fonts/opensans-italic.ttf');
	font-weight: 400;
	font-style:italic;
}
@font-face {
	font-family: Open Sans Bold;
	src: url('../fonts/opensans-bold.ttf');
	font-weight:700;
}
@font-face {
	font-family: Open Sans Condensed;
	src: url('../fonts/opensans-condlight.ttf');
	font-weight:700;
}
@font-face {
	font-family: Open Sans Condensed Bold;
	src: url('../fonts/opensans-condbold.ttf');
	font-weight:700;
}


/*-------------- General --------------*/
body {
	color: #4c4c4c;
	font-family: 'Open Sans', Arial, Helvetica, sans-serif;
	font-size: 14px;
	background-image: url(../images/bg-greece.png);
	background-size: contain;
	background-repeat: no-repeat;
	background-attachment: fixed;
	background-position: 50% 50%;
	-webkit-tap-highlight-color: rgba(0,0,0,0);
}
h1, h2, h3, h4 {
	line-height: 1.929em;
	font-weight: 400;
	margin: 0;
	padding: 0;
}
h2 {
	font-size: 1.357em
}
h3 {
	font-size: 1.143em;
	line-height: 2.286em;
}
strong {
	font-family: 'Open Sans Bold', Arial, Helvetica, sans-serif;
}
.stats {
	font-family: 'Open Sans Italic', Arial, Helvetica, sans-serif;
	font-size: 0.786em
}
.section .header {
	background-color: #e6e6e6;
	text-align: center;
}
.testMode {
	background:#F00;
	line-height:2.571em;
	text-align:center;
	color:#FFF;
}
.deep-link-header {
	background:#4b4b4b
}
.deep-link-header h2 {
	text-align:center;
	color:#FFF;
}


/*-------------- Navigation --------------*/
#nav {
	background-color: #e6e6e6;
}
#nav ul li a {
	border-right: 1px solid #cccccc;
	font-family: 'Open Sans Condensed Bold', Arial, Helvetica, sans-serif;
	font-size: 0.625em;
	display: block;
	text-align: center;
	width: 100%;
	height: 100%;
	color: #4c4c4c;
	text-decoration: none;
	padding-top: 4.571em;
}
#nav ul li:last-child a {
	border-right: none
}
#nav ul li.active a, #nav ul li a:active {
	background-color: #007093;
	color: #fff
}
#nav ul li.home a {
	background-image: url(../images/home.png);
	background-repeat: no-repeat;
	background-position: 50% 8%;
	background-size: 32px;
}
#nav ul li.home.active a, #nav ul li.home a:active {
	background-image: url(../images/home-over.png);
}
#nav ul li.europaikes a {
	background-image: url(../images/europaikes.png);
	background-repeat: no-repeat;
	background-position: 50% 8%;
	background-size: 32px;
}
#nav ul li.europaikes.active a, #nav ul li.europaikes a:active {
	background-image: url(../images/europaikes-over.png);
}
#nav ul li.boyleytikes a {
	background-image: url(../images/boyleytikes.png);
	background-repeat: no-repeat;
	background-position: 50% 8%;
	background-size: 32px;
}
#nav ul li.boyleytikes.active a, #nav ul li.boyleytikes a:active {
	background-image: url(../images/boyleytikes-over-refresh.png);
}
#nav ul li.periferiakes a {
	background-image: url(../images/periferiakes.png);
	background-repeat: no-repeat;
	background-position: 50% 8%;
	background-size: 32px;
}
#nav ul li.periferiakes.active a, #nav ul li.periferiakes a:active {
	background-image: url(../images/periferiakes-over-refresh.png);
}
#nav ul li.dimotikes a {
	background-image: url(../images/dimotikes.png);
	background-repeat: no-repeat;
	background-position: 50% 8%;
	background-size: 32px;
}
#nav ul li.dimotikes.active a, #nav ul li.dimotikes a:active {
	background-image: url(../images/dimotikes-over.png);
}
#nav ul li.map-overlay a {
	background-image: url(../images/icon-map.png);
	background-repeat: no-repeat;
	background-position: 50% 8%;
	background-size: 32px;
}
#nav ul li.map-overlay.active a, #nav ul li.map-overlay a:active {
	background-image: url(../images/icon-map-over-refresh.png);
}

#fullsite {
	font-size: 0.786em;
	font-family: 'Open Sans Bold', Arial, Helvetica, sans-serif;
  color: #4c4c4c;
}

/*-------------- Results Table --------------*/
table.results th {
	font-size: 0.786em;
	font-family: 'Open Sans Bold', Arial, Helvetica, sans-serif;
}
table.results tr td {
	border-bottom: 1px dashed #b2b2b2;
}
table.results tr.last td {
	border-bottom: none;
}
table.results tr:active td {
	background: #007093;
	color: #FFF;
	font-size: 1em;
}
.arrowcands {
  background: url(../images/arrow-right.png);
  background-size: 10px auto;
  background-position: 100% center;
  background-repeat: no-repeat;
}

/*-------------- Lists --------------*/
ul.list {
	list-style-type: none;
	padding: 0;
}
ul.list li a {
	color: #4c4c4c;
	text-decoration: none;
	display: block;
	padding: 0 0.714em;
	border-bottom: 1px dashed #b2b2b2;
	background-image: url(../images/arrow-right.png);
	background-repeat: no-repeat;
	background-position: 100%;
	background-size: 10px;
	line-height: 2.857em;
	font-size: 1em;
}
ul.list li:last-child a {
	border-bottom: none;
}
ul.list li:active a {
	background-color: #007093;
	background-image: url(../images/arrow-right-over.png);
	color: #FFF;
}
td.cell-arrow {
	background-image: url(../images/arrow-right.png);
	background-repeat: no-repeat;
	background-position: center;
	background-size: 10px;
}
tr:active td.cell-arrow {
	background-image: url(../images/arrow-right-over.png) !important;
  background-repeat: no-repeat !important;
	background-position: center !important;
	background-size: 10px !important;
}

/*-------------- Controls --------------*/
.back a {
	background: url(../images/up.png) #4b4b4b 50% no-repeat;
	background-size: 23px;
	text-decoration: none;
}


/*-------------- Home Page --------------*/
.tab h2 {
	font-family: 'Open Sans Condensed', Arial, Helvetica, sans-serif;
	font-size: 1.714em;
	text-align: right;
	padding: 0 0.714em;
	line-height: 1.286em;
}
.tab .header.banner-boyleytikes {
	background:url(../images/banner-boyleytikes.png) no-repeat 4.6875% 50% #007093;
	background-size:15%;
}
.tab .header.banner-europaikes {
	background:url(../images/banner-eu.png) no-repeat 4.6875% 50% #007093;
	background-size:15%;
}
.tab .header.banner-perifereiakes {
	background:url(../images/banner-perifereiakes.png) no-repeat 4.6875% 50% #007093;
	background-size:15%;
}
.tab .header.banner-dimotikes {
	background:url(../images/banner-dimotikes.png) no-repeat 4.6875% 50% #007093;
	background-size:15%;
}
.tab .highlight {
	font-family: 'Open Sans Condensed Bold', Arial, Helvetica, sans-serif;
}
.tab h3 {
	font-family: 'Open Sans Condensed Bold', Arial, Helvetica, sans-serif;
	font-size: 1.143em;
	text-align:right;
	padding: 0 0.714em;
}
.tab .candidates {
	background: #65b8e4;
}
.tab a {
	color: #FFF;
	text-decoration:none;
}
#hellenic-coat-of-arms img {
	width:35px;
	height:34px;
}
#department-of-inernal-afairs {
	text-align:right;
	font-family: 'Open Sans Condensed Bold', Arial, Helvetica, sans-serif;
	font-size: 1.000em;
	color:#2c5aa0;
}
#powered-by {
	background:#fff;
	border-top:1px solid #e6e6e6;
	text-align:right;
}
#powered-by img {
	width:129px;
	height:13px;
}


/*-------------- Toggle Button --------------*/
.results-period ul {
	list-style-type:none;
	background: #e6e6e6;
	border-radius: 3px;
	-webkit-border-radius: 3px;
}
.results-period ul li {
	text-align:center;
	color: #4b4b4b;
	font-family: 'Open Sans', Arial, Helvetica, sans-serif;
	line-height: 2.571em;
	cursor: pointer;
}
.results-period ul li.active {
	background: #007093;
	color:#fff;
	border-radius: 3px;
	-webkit-border-radius: 3px;
	cursor: pointer;
}


/*-------------- Map --------------*/
body.page-map  {
	background:none
}
table.legend td {
    padding-left: 10px;
    text-align: left;
   	font-family: 'Open Sans', Arial, Helvetica, sans-serif;
  	font-size: 0.786em;

}
table.legend div.lcolor {
    border: 1px solid black;
    height: 10px;
    width: 10px;
}