body {
	  color:#5b5b5b;
	  font-family:'Oswald', sans-serif;
    padding:0px;
    margin:0px;
}
a {
	  color:#5b5b5b;
	  border-bottom:1px solid #4fbbc9;
}
a:hover {
	  color:#5b5b5b;
	  text-decoration:none;
}

header {
	  text-align:center;
	  margin:30px 0;
}
header h1 {
	  font-size:60px;
}
.nav a {
	  border:0;
}

#page {
    margin-top: 0px;
	  background-color:#FFF;
    margin-left: auto;
    margin-right: auto;
	  width:800px;
}


#langselector {
	  float:right;
    width:150px;
    margin-right:10px;
    padding-right:10px;
    text-align:right;
}


#langselector .ar {
	  font-family:Tahoma, sans-serif;
	  font-style:normal;
}
#langselector a {
    text-decoration:none;
    border:none;
	  display:block;
	  padding-right:12px;
	  background:url('/static/img/lang-arrow.png') no-repeat center right;
}

.nav {
	  font-family: 'Crimson Text', serif;
	  font-size:18px;
	  font-style:italic;
}

.nav ul {
	  list-style:none;
	  margin:0;
	  padding:0;
}
nav li {
	  display:inline-block;
	  width:120px;
	  text-align:center;
}
nav li.first {
	  text-align:left;
}
nav li.last {
	  text-align:right;
}

#graph {
	  height:500px;
}
#graph-loading-message {
    padding-top:50px;
    text-align:center;
	  font-size:18px;
}
#graph-block {
	  border-top:1px solid black;
	  border-bottom:1px solid black;
	  background:#f1f1f1;
}

#share {
    float:right;
    padding-top:5px;
    margin-right:5px;
    vertical-align: baseline; 
    text-align:right;
    background-color: transparent;
    height: 30px; width: 300px; display: inline-block; text-indent: 0px;
}
.twitter-button {
    height: 20px; width: 95px; display: inline-block; text-indent: 0px; margin: 0px; padding: 0px; 
    background-color: transparent; border-style: none; float: none; line-height: normal; font-size: 1px; 
    vertical-align: baseline; background-position: initial initial; background-repeat: initial initial;
}
.facebook-button {
    height: 20px; width: 100px; display: inline-block; text-indent: 0px; margin: 0px; padding: 0px; 
    background-color: transparent; border-style: none; float: none; line-height: normal; font-size: 1px; 
    vertical-align: baseline; background-position: initial initial; background-repeat: initial initial;
}

#pillar-profile {
    position:absolute;
    left: 50%;
    margin-top: 20px;
    margin-left: -250px;
    background: #FFF;
	  border:1px solid #aaa;
    width:500px;
    /* height:300px; */
    z-index: 5000;
    padding:10px;
    overflow: auto;
}

#pillar-profile-close-button-en {
    float: right;
}
#pillar-profile-close-button-ar {
    float: left;
}

#pillar-profile-name {
	  font-size:14px;
	  font-weight:bold;
}
#pillar-profile-short-descr {
	  font-size:14px;
	  font-style:italic;
}
#pillar-profile-long-descr {
	  font-size:12px;
}
#pillar-profile-image {
    border: 1px solid #aaa;
    float: left;
    margin-bottom:10px;
    margin-right:10px;
}
#pillar-profile-def-date {
    color: "#dd0000";
}

#youtube_embeded_reference {
}

#summary-text {
    margin-left:10px;
    margin-right:10px;
    margin-top:30px;
    margin-bottom:20px;
	  font-size:16px;
	  font-weight:lighter;
    line-height:22px;
    font-family: 'Crimson Text', serif;
    font-style: italic;
}

#key {
	  /*border-top:1px solid black; */
    text-align:center;
	  font-size:16px;
	  margin-top:7px;
    vertical-align:bottom;
    margin-bottom:7px;
    text-wrap:suppress;
}

#key .keyitem {
	  margin-left:auto;
	  margin-right:auto;
    /*   text-wrap:suppress; */
	  padding:8px 0;
	  padding-top:2px;
    /* width: 170px; */
    display: inline-block;
    vertical-align:top;
    text-align:left;
}

#key .keytext {
	  margin-left:auto;
	  margin-right:auto;
    
    /*   text-wrap:suppress; */
	  padding:0;
    /* width: 170px; */
    float: left;
}

#key img {
    width: 18px;
    height: 18px;
    padding-left:5px;
    padding-right:20px;
    float:right;
}

#stats {
	  margin-top:50px;
    vertical-align: top;
}
#stats h2 {
	  font-size:18px;
}
#stats .stat {
    padding-left:10px;
}
#stats .defection-count {
	  font-size:16px;
    line-height:25px;
}

#stats .stat_description {
    font-family: 'Crimson Text', serif;
	  font-size:16px;
    margin-bottom: 3px;
}

#main_page_chart {
    vertical-align: top;
	  display:inline-block;
	  width:430px;
	  overflow: visible;
	
}

#main_page_counts {
    vertical-align: top;
	  display:inline-block;
	  width:350px;
	  overflow: visible;
	
}

#main_page_chart_header {
    margin-left: 60px;
    margin-right: 85px;
	  overflow: visible;
}

#chart {
	  height:300px;
}

#projectnote {
	  margin-top:50px;
	  text-align:center;
	  font-family: 'Crimson Text', serif;
	  font-size:16px;
	  font-style:italic;
}

#disclaimer {
	  font-family: 'Crimson Text', serif;
	  font-size:16px;
	  font-style:italic;
	  padding-top:25px;
	  margin-top:20px;
	  padding-bottom:20px;
}

#thanks {
	  font-family: 'Crimson Text', serif;
	  font-size:16px;
	  font-style:italic;
    padding:0 20px;
}

footer {
    margin-left:auto;
    margin-right:auto;
    width:800px;
	  font-family: 'Crimson Text', serif;
	  font-size:16px;
	  font-style:italic;
	  background:#f1f1f1;
	  padding-top:25px;
	  border-top:1px solid #000;
	  margin-top:20px;
	  padding-bottom:20px;
}