/* Artfully masterminded by ZURB  */

/* --------------------------------------------------
   Table of Contents
-----------------------------------------------------
:: Shared Styles
:: Page Name 1
:: Page Name 2
*/


/* -----------------------------------------
   Shared Styles
----------------------------------------- */

.container {
  margin-top: 20px;
  margin-bottom: 40px;
}

/* Customized hCard */
ul .vcard {
  padding: 0px;
  min-width: 220px;
  border-width: 0px;
}
ul .vcard h4 {
  float: left;
  display: block;
  min-width: 30px;
  height: 65px;
  margin-right: 10px;
  font-size: 40px;
}



/* Customized tabs */
.nice.tabs {
  border-bottom: solid 1px #eee;
  margin: 0 0 30px 0;
  height:43px;
}
.nice.tabs dd a {
  padding: 7px 18px 9px;
  font-size: 15px;
  font-size: 1.5rem;
  color: #555;
  background: #eee;
  border-left: 1px solid #eee;
  border-right: 1px solid #eee;
  border-top: 3px solid #aaa;
  margin: 0;
  position: relative;
  top: -5px;
}
.nice.tabs dd a:hover {
  color: #555;
  background: #fff;
  border-left: 1px solid #eee;
  border-right: 1px solid #eee;
  border-top: 3px solid #d00;
}
.nice.tabs dd a:active {
  color: #fff;
  background: #d00;
}

.nice.tabs dd a.active {
  font-weight: bold;
  color: #333;
  background: #fff;
  border-left: 1px solid #eee;
  border-right: 1px solid #eee;
  border-top: 3px solid #00a6fc;
  margin: 0 10px;
  position: relative;
  top: -5px;
}
.nice.tabs dd:first-child a.active {
  margin-left: 0;
}

ul.contained.tabs-content>li {
  padding: 20px;
  border: solid 0 #eee;
  border-width: 0 1px 1px 1px;
}
ul.nice.contained.tabs-content>li {
  border-color: #eee;
}

ul.nice.contained.tabs-content>li {
  border-color: #eee;
}

/*
.tabs-content :hover {
  background-color: #aaa !important;
}
*/


/* -----------------------------------------
   Chartify.js
----------------------------------------- */

/* Gender map */
.gender-map .men {
  position: absolute;
  background: url("../images/dude.png") 0 0;
}
.gender-map .women {
  position: absolute;
  background: url("../images/dudette.png") 0 0;
}
.gender-map {
  margin: 0 0 20px 0;
}



/* -----------------------------------------
   #vaalit
----------------------------------------- */

/* Background color */
#vaalit {
  background-color: #f0f0f0 !important;
}
#vaalit .tabs-content.contained {
  background-color: #fff;
}


/* Headers */
#vaalit h3 {
  /*margin-top: 15px !important;*/
  padding-bottom: 2px;
  border-bottom: 5px solid #eee;
}



/* -----------------------------------------
   Statistics
----------------------------------------- */

/* Custom panel background */
.tilastot div.panel {
  background: #fff;
}

/* Headers */
.tilastot h4 {
  margin-top: 15px !important;
}
.tilastot h5 {
  margin-top: 10px !important;
}







/* -----------------------------------------
   Page Name 2
----------------------------------------- */