/* general.css,v 1.0 (c) 2006 Tim van den Hoff for Erasmus University Rotterdam */
/* Stylesheet for Playful Identities website */


/* Main page elements */

body {
 margin: 0px;
 padding: 0px;
 background-color: #c0c0c0; 
 font-family: sans-serif;
}

div.page {
 position: absolute;
 width: 800px;
 left: 50%;
 margin-left: -400px;
 background-color: #ffffff;
 border: 1px solid #000000;
}

div.header {
 top: 0px;
 height: 125px;
 display: block;
 background-color: #ffffff;
 background-image: url(../images/header.jpg); 
 background-position: bottom;
 padding-bottom: 1px;
 margin-bottom: 10px;
 border-bottom: 1px solid #000000;
}

div.header h1,h3 {
 color: #fff;
 padding-left: 10px;
}

div.headerNoCSS {
  display: none;
}

#navigation ul {
 clear:both;
 padding: 3px 0;
 margin-left: 0;
 border-bottom: 1px solid #000000;
 font: 10px Verdana, sans-serif;
}

#navigation ul li {
 list-style: none;
 margin: 0;
 display: inline;
}

#navigation ul li a {
 padding: 3px 0.5em;
 margin-left: 3px;
 border: 1px solid #000000;
 border-bottom: none;
 background: #c0c0c0;
 text-decoration: none;
}

#navigation ul li a:link{
 color: #000000;
}


#navigation ul li a:visited {
 color: #000000;
}

#navigation ul li a:link:hover, #navigation ul li a:visited:hover {
 color: #ffffff;
 background: #000000;
 border-color: #000000;
}

#navigation ul li a.showed {
 background: white;
 border-bottom: 1px solid white;
}

#navigation h5 {
 display: none;
}

div.footer {
color: #999999;
font: 0.6em Verdana, sans-serif;
text-align: center;
margin-bottom: 10px;
}

div.footer a:link, div.footer a:active, div.footer a:hover, div.footer a:visited {
text-decoration:none;
color: #999999;
}

div.footer a:hover {
text-decoration:underline;
color: #999999;
}

div.footer hr {
clear: both;
background-color: #999999;
height: 1px;
width: 75%;
margin-top: 20px;

}



/* Block elements */


div.overviewBlock {
 margin-left: 23px;
 margin-bottom: 25px;
 clear: both;
 width: 750px;
 border: none;
 font: 12px Verdana, sans-serif;
 background-color: #ffffff;
}

div.overviewBlock h3, div.overviewBlock h3 a {
 background-color: #c0c0c0;
 color: #fff;
 font-size: 14px;
 text-decoration: none;
 margin: 0;
 margin-bottom: 5px;
}

div.overviewBlock h3, div.overviewBlock h5, div.overviewBlock p {
 padding-left: 5px;
 padding-top: 2px;
 padding-bottom: 2px;
}

div.contentBlock {
 margin-left: 10px;
 margin-bottom: 25px;
 float: left;
 width: 525px;
 border: 1px solid #c0c0c0;
 border-top: none;
 padding-bottom: 20px;
 font: 12px Verdana, sans-serif;
 background-color: #ffffff;
}

div.contentBlock h3, div.contentBlock h3 a {
 background-color: #000;
 font-size: 14px;
 color: #fff;
 text-decoration: none;
 margin-top: 0;
}

div.contentBlock h3, div.contentBlock h5, div.contentBlock p {
 padding-left: 5px;
 padding-top: 2px;
 padding-bottom: 2px;
}

h5.commentHeader, h5.commentHeader a {
 background-color: #62544D;
 color: #fff;
 text-decoration: none;
 margin-top: 0;
}

#commentsBlock {
 display: none;
 margin: 10px;
}

div.placeComment {
top: 0px;
width: 150px;
float: right;
}



div.comment {
 width: 400px;
 float: left;
 border: 1px solid #000;
 margin-bottom: 10px;
 font: 12px Verdana, sans-serif;
}

div.comment h4 {
 color: #fff;
 text-decoration: none;
 background-color: #62544D;
 padding-top: 2px;
 padding-bottom: 2px;
 margin-top: 0;
}



div.sideBlock {
 margin: 10px;
 margin-top: 0px;
 margin-left: 2px;
 padding-bottom: 10px;
 width: 200px;
 text-indent: 10px;
 border: 1px solid gray;
 border-top: none;
 float: right;
 clear: right;
 font-size: 0.75em;
 background-color:  #DECFAA;
}

div.sideBlock h5 {
 color: #fff;
 text-decoration: none;
 background-color: #62544D;
 padding-top: 2px;
 padding-bottom: 2px;
 margin-top: 0;
 text-indent: 10px;
}

div.sideBlock h5 a {
 color: #fff;
 text-decoration: none;
 text-align: left;
}

div.sideBlock ul {
 list-style-position: 0;
 text-indent: 0px;
 text-align: left;
}
div.sideBlock ul li {
 list-style-position: 0;
 text-indent: -10px;
 text-align: left;
}

/* Text markup */

.notice {
 border: 2px dashed #6B5A49;
 padding: 5px;
 margin-top: 20px;
 margin-bottom: 20px;
 clear: both;
}

.warning {
 text-align: left;
 border: 2px dashed red;
 padding: 5px;
 margin-top: 10px;
 margin-bottom: 10px;
 clear: both;
}


.bold {
 font-weight: 600;
}

div.buttonMenu table {
 margin-left: 10px;
}

div.buttonMenu input, textarea, select {
 margin: 1px;
 border: 1px solid #000;
}

table.overviewTable {
 width: 100%;
}

table.overviewTable th {
 color: #000000;
/* background-color: #000000; */
 border: 1px solid #000000;
 text-align: left;
}

table.overviewTable tr td {
 border: 1px solid #000000;
}

table,tr,td {
 font: 12px Verdana, sans-serif;
 padding: 5px;
 border: 0;
}

input {
width: 222;
border: 1px solid #000;
}

input.clean {
 border: none;
 width: 20px;
 height: 20px;
}

input.small {
 width: 50;
 border: 1px solid #000;
}

input.medium {
 width: 100;
 border: 1px solid #000;
}

input.menu {
 width: auto;
 border: 1px solid #000;
}

input.clear {
 border: 0;
 width: auto;
}

.textarea {
 border: 1px solid #000;
}


.buttonSubmit {
border: 1px solid #000;
width: 75px;
}