div.tooltip{
    padding: 2px;
    margin: 0px;
    background-color: cyan;
    border: 1px solid black;
    max-width:300px;
}

body {
	background-color: #fff; 
	color: #333; 
}
input,select,textarea {
    color:#333;
    background-color:#E7E8E8;
	font-size:12px;
    font-weight:bold;
    border:1px solid;
    border-top-color:#999;
    border-left-color:#999;
    border-right-color:#666;
    border-bottom-color:#666;
}

pre {
  background-color: #eee;
  padding: 10px;
  font-size: 11px;
}

a { 
  color: #000; 
  text-decoration:none;
}

a:visited { 
  color: #666; 
}

#navigation a:hover { 
  color: #fff; 
  background-color:#000; 
}
#navigation table {
	padding-left: 0px;
}
#navigation tr,td {
	padding-left: 12px;
    color:black;
}

.fieldWithErrors {
  padding: 0px;
  background-color: red;
  display: table;
}

#errorExplanation {
  width: 200px;
  border: 1px solid red;
  padding: 0px;
  padding-bottom: 0px;
  background-color: #f0f0f0;
}

#errorExplanation p {
  color: #333;
  margin-bottom: 0;
  padding: 0px;
}

#errorExplanation ul li {
  font-size: 12px;
  list-style: none;
}
#navigation  ul li {
  font-size: 12px;
  list-style: none;
}

#content  ul li {
  font-size: 12px;
  list-style: none;
  font-weight:bold;
}

html, body {
    margin: 0;
    padding: 0
}

body {
    font: 76% arial, sans-serif
}

p {
    margin: 0 10px 10px
}

a {
    color: #006;
}
div#header {
    margin-top:10px;
    height:80px;
    width: 1000px;
    position: relative;
    background-image:url(../images/header_bg.jpg);
}

div#header h1 {
    margin: 0;
    padding-top:10px;
    padding-left: 10px;
    color: #5a0000;
}

div#header a {
    position: absolute;
    right: 0;
    top: 23px
}

div#content p {
    width:650px;
}

div#navigation {
    background: #B9CAFF

}
#extra li{
	padding:0px;
}
#navigation a {
	text-decoration: none;
	line-height:0px;
    color:black;
}

#extra ul {
	list-style:none;
}

div#footer {
	height: 40px;
    background: white;
    color: slateblue;
    width: 100%;
}

div#footer p {
    margin: 0;
    padding: 5px 10px
}

div#footer a {
    display: inline;
    padding: 0;
    color: #C6D5FD
}

div#wrapper {
    float: right;
    width: 100%;
    margin-left: -200px
}
div#content {
    margin-left: 150px
}
div#content img{
 border:none;   
}
div#content td {
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
	height:12px;
}
div#inputs input {
	height: 14px;
	font-size:12px;
}

div#inputs select {
	height: 18px;
	font-size:10px;
}

div#navigation {
    float: left;
    width: 140px;
    height: 380px;
    background-image:url("../images/navi_bg.jpg");
}

div#extra {
	padding-left:0px;
    background:white;
	height: 450px;
    width: 140px;
}

table#weekview td {
    border: 1px solid black;
    background-color:#E7E8E8;
	width:27px;
}
table#weekview td#latest {
	width:550px;
}


table#weekview tr {
    height:12px;
}
table#weekview td#empty {
    border: 0px none;
    background-color:#FFFFFF;
}
table#weekview td#date {
    border: 0px none;
    background-color:#FFFFFF;
    width:60px;
}

table#weekview td#weekcomment {
	width:380px;
}
table#weekview td#laji {
	width:65px;
}
table#weekview td#comment {
	width:300px;
    height:12px;
}
table#weekview td#sum {
    font-weight:bold;
    background-color:cyan;
}

div.pagination {
    padding: 3px;
    margin: 3px;
}

div.pagination a {
    padding: 2px 5px 2px 5px;
    margin: 2px;
    border: 1px solid black;

    text-decoration: none; /* no underline */
    color: black;
}
div.pagination a:hover, div.pagination a:active {
    border: 1px solid black;
    color: #000;
}
div.pagination span.current {
    padding: 2px 5px 2px 5px;
    margin: 2px;
    border: 1px solid black;

    font-weight: bold;
    background-color: #E7E8E8;
    color: #FFF;
}
div.pagination span.disabled {
    padding: 2px 5px 2px 5px;
    margin: 2px;
    border: 1px solid black;
    font-style:italic;
    color: #DDD;
}