/* Kahvimuki.com v2.0 CSS */

body {
background-color: #C0C0C0;
height: 100%;
}

body, form, div {
padding: 0px;
margin: 0px;
}

body, div, td, p {
font-family: Verdana, Helvetica, Sans-Serif;
font-size: 11px;
color: #333333;
line-height: 1.5em;
}

h2 {
font-family: Verdana, Helvetica, Sans-Serif;
font-size: 18px;
padding: 0px 0px 6px 0px;
border-bottom: 1px dashed #CCC;
}

h3 {
font-family: Verdana, Helvetica, Sans-Serif;
font-size: 16px;
}

h4 {
font-family: Verdana, Helvetica, Sans-Serif;
font-size: 12px;
}

img {
border-style: none;
}

.border {
border: 1px solid #CCC;
padding: 1px;
}

div#main {
margin: auto;
width: 800px;
min-height: 700px;
border-top: 1px solid #000;
border-left: 1px solid #000;
border-right: 1px solid #000;
background-color: #FFF;
}

div#logo {
width: 800px;
height: 218px;
background: url('img/logo.gif') no-repeat;
}

div#content {
padding: 5px 5px 5px 10px;
vertical-align: top;
}

div#footer {
margin: 0px auto;
width: 796px;
border-bottom: 1px solid #000;
border-right: 1px solid #000;
border-left: 1px solid #000;
background-color: #FFF;
text-align: right;
padding: 2px;
}

div#copyright {
margin: 3px auto;
width: 300px;
text-align: center;
font-size: 9px;
}

fieldset {
border: 1px solid #CCC;
padding: 4px;
}

legend {
font-weight: bold;
color: #30519C;
}

/* Menu */

div#menu {
background: #C0C0C0 url('img/menu_bg.gif');
width: 800px;
margin: 0px auto 0px;
padding: 8px 0px 7px 0px;
}
	
div#menu li {
display: inline;
list-style-type: none;
margin: 0px;
padding: 0px;
}
		
div#menu ul {
margin: 0px;
padding: 0px;
}
	
div#menu ul li {
margin: 0px;
padding: 0px;
}
	
div#menu ul li a {
background: #C0C0C0 url('img/menu_link.gif') top right;
padding: 10px 25px 9px 25px;
font-size: 10px;
font-weight: bold;
color: #FFF;
text-decoration: none;
text-transform: uppercase;
}

* div#menu ul li a {
margin: 0px -5px 0px 0px;
}

div#menu ul li a:hover {
background: #C0C0C0 url('img/menu_linkhover.gif');
color: #FFF;
}

/* Linkit */

a:active, a:visited, a:link {
font-family: Verdana, Arial, Helvetica, sans-serif;
color: #0076A3;
font-size: 11px;
text-decoration: none;
}

a:hover {
font-family: Verdana, Arial, Helvetica, sans-serif;
color: #0076A3;
font-size: 11px;
text-decoration: underline;
}

a.small:active, a.small:visited, a.small:link {
color: #0076A3;
font-size: 9px;
text-decoration: none;
}

a.small:hover {
color: #0076A3;
font-size: 9px;
text-decoration: underline;
}

a:hover .border {
border-color: #000;
padding: 1px;
}

/* Input */

input[type=text], input[type=password], select, textarea {
padding: 2px;
border: 1px solid #868686;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 11px;
color: #333;
}

input[type=file] {
padding: 2px;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 11px;
color: #333;
}

input.button {
height: 20px;
font-family: Tahoma, Arial, Helvetica, sans-serif;
font-size: 11px;
color: #494949;
text-decoration: none;
background-color: #FFF;
border-top: 1px solid #D4D2CF;
border-bottom: 1px solid #868686;
border-left: 1px solid #D4D2CF;
border-right: 1px solid #868686;
}

input[disabled], input[readonly] {
background-color: #E1E1E1;
}

/* Uutiset */

div.uutinen {
width: 700px;
border-bottom: 1px solid #DADADA;
}

div.otsikko {
font-size: 14px;
font-weight: bold;
color: #000;
margin-bottom: 2px;
}

div.paivays {
font-size: 9px;
color: #707070;
}

a.tekija:active, a.tekija:visited, a.tekija:link {
color: #0076A3;
font-size: 9px;
text-decoration: none;
}

a.tekija:hover {
color: #0076A3;
font-size: 9px;
text-decoration: underline;
}

/* Tiedostot */

table.tiedostot {
border: 1px solid #E1E1E1;
width: 780px;
border-collapse: collapse;
}

table.tiedostot td {
padding: 2px;
}

table.tiedostot th {
padding: 2px 2px 2px 4px;
background-color: #373737;
border: 1px solid #373737;
color: #FFF;
font-weight: bold;
}

table.tiedostot img {
vertical-align: top;
}

table.tiedostot td.t1 {
background-color: #FFF;
}

table.tiedostot td.t2 {
background-color: #F6F6F6;
}

div.adminpaneeli {
border: 1px solid #DFDFDE;
background-color: #FCFCFC;
color: #555;
width: 660px;
padding: 5px;
}

a.pieni:active, a.pieni:visited, a.pieni:link {
color: #FFF;
font-size: 9px;
text-decoration: none;
}

a.pieni:hover {
color: #FFF;
font-size: 9px;
text-decoration: underline;
}

/* Tiedostot v2.6 CSS */

table.pienitaulukko, table#taulukko {
border-collapse: collapse;
border-top: 1px solid #AACCEE;
}

table.pienitaulukko td {
padding: 4px;
border: 1px solid #AACCEE;
}

table.pienitaulukko th {
background-color: #EBF3FB;
text-align: left;
color: #07519A;
padding: 4px;
font-weight: bold;
border: 1px solid #AACCEE;
}

table#taulukko th {
background-color: #EBF3FB;
text-align: left;
color: #07519A;
font-weight: bold;
padding: 4px;
border-bottom: 1px solid #AACCEE;
}

table#taulukko td {
padding-left: 4px;
vertical-align: middle;
border-bottom: 1px solid #E0ECFF;
}

td.label_long {
width: 55%;
text-align: left;
padding: 5px;
}

td.label {
width: 25%;
text-align: left;
padding: 5px;
}

table#taulukko tr.t1 {
background-color: #FFF;
}

tr.highlight {
background-color: #E0ECFF;
}

table#taulukko td:hover {
cursor: pointer;
}

a[rel="external"] {
background: url('upimages/external.png') 99% 40% no-repeat;
padding-right: 15px;
}

/* MRTG */

div.graph, div#sysdetails {
border-bottom: 2px solid #aaa;
padding-bottom: 10px;
margin-bottom: 5px;
}

div.graph img {
margin: 5px 0;
}

div.graph table, div#legend table {
font-size: .8em;
}

div.graph table td {
padding: 0 10px;
text-align: right;
}

div table .in th, div table td span.in {
color: #00cc00;
}

div table .out th, div table td span.out {
color: #0000ff;
}