/* basic css information */
body {
	margin:0;
	padding:0;
	font-family: arial, Helvetica;
	font-size: .8em;
	background-color: rgb(216,207,174); /*canvasgrijs*/
}


/* define css of images */
img {
	border: 0;
}

/* define css of forms*/
input {
	font-family: Arial, Helvetica;
}

form {
	padding:0;
	margin:0;
}

.filt_fieldselect {
	font-size: 0.7em;
	font-family: Arial, Helvetica;
}

/* define css of forcedirected */
#container {

}
#left-column-container {
	float: left;
	left: 0px;
	overflow: hidden;
}
#left-column {
	background-color: rgb(132,131,101);
	width: 325px;
	float: left;
}

#show_left {
	position: absolute;
	left: 0px;
	top: 50%;
	margin-left: 0px;
	margin-top: 0px;
}

#hide_left {
	position: absolute;
	left: 325px;
	top: 50%;
	margin-left: 0px;
	margin-top: 0px;
}
.hide {
	background-color: rgb(148,144,115); /*lichtgrijs*/
	width: 15px;
	height: 15px;
}
.show {
	background-color: rgb(132,131,101);  /*donkergrijs*/
	width: 15px;
	height: 15px;
}

#logo-start {
	position: relative;
	background-color: #F68921;
	/*height: 97px;*/
	text-align: center;
	vertical-align: middle;
	padding-bottom: 10px;
}

#logo {
	position: relative;
	background-color: #F68921;
	text-align: center;
	vertical-align: middle;
	padding-bottom: 10px;
	height: 95px;
}
#logo a, #logo-start a{
	color : #FFFFFF;
	text-decoration: none;
	cursor: pointer;
}


#logo a img {
    position: relative;
    background-color: #F68921;
    text-align: center;
    vertical-align: middle;
}

#help{
    position: absolute;
    right: 0px;
    bottom: 0px;
}

#help a img {
	position: absolute;
	right: 0px;
	bottom: 0px;
}

#user-settings {
	background-color: rgb(132,131,101);
}

#hyver {
	margin: 20px;
	background-color: rgb(148,144,115);
	overflow: hidden;
}

#getprofile {
	overflow: hidden;
}

#input-username {
	float: left;
	font-family: Arial, Helvetica;
	font-size: 12px;
}

#input-username input[type="text"] {
	background-color: rgb(223,224,226);
	border: 1px solid black;
}

#input-username input[type="submit"] {
	background-color: rgb(102,89,73);
	border: 1px solid black;
	color: white;
}

.hyvesusername {
	clear: both;
	display: block;
}

.titleheaderbox {
	clear: both;
	color: white;
	font-weight: bold;
	font-family: Arial, Helvetica;
	font-size: 12px;
}
#edit-settings .titleheaderbox {
	padding-left: 20px;
}
.statsbartitle {
	/* DIT LATEN STAAN OMDAT ANDERS DE TABJES NIET MEER WERKEN */
	clear: none;
	float: left;
	padding-right: 3px;
	padding-bottom: 1px;
}

#tab_category {
	font-weight: bold;
	color: rgb(216,207,174);
	font-family: Arial, Helvetica;
	font-size: 12px;
}
#tab_overall {
	color: rgb(216,207,174);
	font-family: Arial, Helvetica;
	font-size: 12px;
}
#more {
	cursor: pointer;
}
#preload {
	width: 16px;
	height: 16px;
	float: left;
	margin-top: 18px;
	margin-left: 18px;
}

#profile {
	/*margin-top: 20px;*/
	padding: 10px;
	background-color: rgb(223,224,226);  /*lichtste grijs*/
	overflow: hidden;
}
#showprofile {
	background-color: rgb(223,224,226);
	margin: 0px 0px 0px auto; /* plaatst box rechts */
	width: 70px;
	text-align: center;
}
#edit-settings {
	margin-left: 20px;
	margin-right: 10px;
	/*margin-top: 10px;*/
	margin-bottom: 10px;
	padding-top: 3px;
	background-color: rgb(148,144,115);
	float: left;
	/*width: 90%;*/
	/*max-width: 550px;*/
}

.categorie-column {
	float: left;
	max-width: 100px;
}

#politicians-selection {
	margin-left: 10px;
	margin-right: 10px;
	margin-bottom: 10px;
	padding-top: 3px;
	background-color: rgb(148,144,115);
    /*vertical-alignment:top;*/
	float: left;
}

a.politics img {
	border: 2px solid rgb(148,144,115);
}
a:hover.politics img {
	border: 2px solid rgb(255,137,5);
}
a.politics img.selected {
	border: 2px solid rgb(255,137,5);
}

#title {
    /*margin: 10px;*/
	
	position: fixed;
	bottom: 0px;
	right: 15px;
	background-color: rgb(148,144,115);
	width: 230px;
	/*font-size: .9em;*/
	text-align: center;
	color: rgb(216,207,174);
	font-weight:bold;
	font-family: Arial, Helvetica;
	font-size: 14px;
}

#pol-title {
    position: relative;
    float:left;
}

#screen {
	width: 150px;
	margin : 0px 0px 0px auto;
	background-color: rgb(132,131,101);
	text-align: center;
}

#right-column {
	float: left;
        background-color: rgb(216,207,174); /*canvasgrijs
    background-color: rgb(132,131,101);  */
}
#top-slider-container {
	clear: both;
	top: 0px;
    background-color: rgb(216,207,174); /*canvasgrijs
	background-color: rgb(132,131,101);     */
	overflow: hidden;
	width: 100%;/*925px;*/
}
#top-slider {
	height: 20px; /*300px*/
}
#show_top {
	clear: both;
	margin : 0px auto 0px auto;
	display: block;
}

#hide_top {
	clear: both;
	margin : 0px auto 0px auto;
	display: block;
}

#forcedirected {
}

#forcedirected h1, #forcedirected h2, #forcedirected p, #forcedirected ol li {
	padding-left: 20px;
	max-width: 500px;
}

#profiledata {
	/*height: 160px;*/
	clear: both;
}

#profile_node {

}

#profile_node_hidden {
	display: none;
}
#stats {
	margin: 20px;
	background-color: rgb(148,144,115);
	overflow: hidden;
}

.right-tab {
	background: rgb(132,131,101) url(../images/right-tab-donker.gif) right top no-repeat;
	float: left;
	padding-bottom: 1px;
}

.tab {
	cursor: pointer; 
	background: url(../images/left-tab-donker.gif) left top no-repeat; 
	padding-left: 10px; 
	padding-right: 10px; 
	padding-bottom: 1px; 
	float: left;
}

#stats_tab {
	clear: both;
}

#infobox {
	margin: 20px;
	background-color: rgb(148,144,115);
	overflow: hidden;
	color: rgb(216,207,174);
}
.coloredstats {
	background-color: #000;
	height: 20px;
	width: 3px;
}
.noncoloredstats {
	height: 20px;
	width: 3px;
}
.profile_node_field {
	font-weight: bold;
	font-size: .9em;
}
.profile_node_value {
	font-size: .9em;
}

#category-left {
	float: left;
	display: block;
	cursor: pointer;
	height: 72px;
	width: 14px;
	overflow: hidden;
	background: none;
}

#category-right {
	display: block;
	float: left;
	cursor: pointer;
	height: 72px;
	overflow: hidden;
	width: 14px;
	background: transparent url(../images/arrow-right.png) no-repeat right 0px;
}

.category_node {
	float: left;
}

.category_node a {
  background-color: rgb(102,89,73);
  color: #FFFFFF;
  font-size: 11px;
  font-family: arial;
  text-align: center;
  text-decoration: none;
  padding: 2px 0px 2px 0px;
  margin: 3px;
  display: block;
  float: left;
  width: 82px;
}

.category_node a:hover {
  background-color: #FFFFFF;
  color: rgb(102,89,73);
}

.category_node_active a {
  background-color: #FFFFFF;
  color: rgb(102,89,73);
  font-size: 11px;
  font-family: arial;
  text-align: center;
  text-decoration: none;
  padding: 2px 0px 2px 0px;
  margin: 3px;
  display: block;
  float: left;
  width: 82px;
}

.category_node_active a:hover {
  background-color: rgb(102,89,73);
  color: #FFFFFF;
}

/* define css of cluster map labels */
.user {
	color: green;
}

.politician {
	position: relative; 
	color: red;
}

.politician a:hover, .politician a:visited, .politician a:link {
	color: red;
}

.attribute {
	color: #000;
}
#footer {
	clear: both;
}

#profilepicture {
	margin-bottom: 10px;
}
#profilepicture img {
	margin-right: 10px;
	max-height: 60px;
	float: left;
}
.profilepicture-title {
	font-weight: bold;
	display: block;
}
.profilepicture-username {
}

#credits {
	position: fixed;
	bottom: 0px;
	right: 15px;
	background-color: rgb(148,144,115);
	width: 230px;
	font-size: .9em;
	text-align: center;
}
.link {
	text-decoration: underline;
	color: blue;
	cursor: pointer;
}

.statbars{
  background-color: rgb(216,207,174);
  float:left;
  border: 1px solid rgb(132,131,101);
}

.statcontainer{
  clear:both; 
  border: 1px solid rgb(132,131,101);
  border-right: 1px solid rgb(132,131,101); 
}

#statline{
  border: 1px solid rgb(132,131,101);
  
}

#stattextleft{
  text-align:left;
  float:left;
  font-family: arial, helvetica;
  font-size:8pt;
}

#stattextright{
  text-align:right;
  float:right;
  font-family: arial, helvetica;
  font-size:8pt;
}

.righttext{
	font-family: arial, helvetica;
    font-size:8pt;
    float:right;
    height:20px;    
    text-align:right;
    vertical-align:middle;
    color: rgb(216,207,174);

  }

/* CORNERS */
.body-cornerbox {
	padding-left: 10px;
	padding-right: 10px;
	padding-bottom: 5px;
	overflow: hidden;
	font-family: Arial, Helvetica;
	/*font-size: 12px;*/
	
}
.cornerbox .corner-header .corner-right,
.cornerbox .corner-footer-licht .corner-right,
.cornerbox .corner-footer-profile .corner-right,
.cornerbox .corner-footer-logo .corner-right,
.cornerbox .corner-footer .corner-right,
.cornerbox .corner-header-licht .corner-right,
.cornerbox .corner-header-profile .corner-right,
.cornerbox .corner-header-logo .corner-right {
	height:10px;
}
.cornerbox .corner-header {
	background:transparent url(../images/tl.gif) no-repeat 0px 0px;
}
.cornerbox .corner-header .corner-right {
	background:transparent url(../images/tr.gif) no-repeat right 0px;
}
.cornerbox .body-cornerbox .corner-right {
	/*padding:10px;*/
}
.cornerbox .corner-footer {
	background:transparent url(../images/bl.gif) no-repeat 0px 0px;
}
.cornerbox .corner-footer .corner-right {
 background:transparent url(../images/br.gif) no-repeat right 0px;
}

.cornerbox .corner-header-licht {
	background:transparent url(../images/tl_licht.gif) no-repeat 0px 0px;
}
.cornerbox .corner-header-licht .corner-right {
	background:transparent url(../images/tr_licht.gif) no-repeat right 0px;
}
.cornerbox .corner-footer-licht {
	background:transparent url(../images/bl_licht.gif) no-repeat 0px 0px;
}
.cornerbox .corner-footer-licht .corner-right {
 background:transparent url(../images/br_licht.gif) no-repeat right 0px;
}

.cornerbox .corner-header-profile {
	background:transparent url(../images/tl_licht.gif) no-repeat 0px 0px;
}
.cornerbox .corner-header-profile .corner-right {
	background:transparent url(../images/tr_licht.gif) no-repeat right 0px;
}
.cornerbox .corner-footer-profile {
	background:transparent url(../images/bl_grijs.gif) no-repeat 0px 0px;
}
.cornerbox .corner-footer-profile .corner-right {
 background:transparent url(../images/br_grijs.gif) no-repeat right 0px;
}

.cornerbox .corner-header-logo {
	background:transparent url(../images/tl_licht.gif) no-repeat 0px 0px;
}
.cornerbox .corner-header-logo .corner-right {
	background:transparent url(../images/tr_licht.gif) no-repeat right 0px;
}
.cornerbox .corner-footer-logo {
	background:transparent url(../images/bl_licht.gif) no-repeat 0px 0px;
}
.cornerbox .corner-footer-logo .corner-right {
 background:transparent url(../images/br_licht.gif) no-repeat right 0px;
}