*{box-sizing: border-box;}

a {text-decoration:none;color:#000000;}
a:hover.jt {color:white;}

body {background-image:url(unique2.png);}
div {background-size:contain;background-repeat:repeat-y;text-align:center;border:1px solid;padding:1px;padding-top:3px;margin:4px;box-shadow: 5px 5px 8px #444455;position:relative;}

/* Laatikoiden pohjat*/
.iso {background:linear-gradient(to left, #9999a2, #ccccd4);background-color:#bbbbc5;box-shadow: 10px 10px 15px #111122;padding:2px;margin:0px;
border: 1px solid;border-top-color:#ddddff;border-left-color:#ddddff;border-bottom-color:#666677;border-right-color:#666677;}
.isodark {background:linear-gradient(to left, #555560, #aaaab2);background-color:#999943;box-shadow: 10px 10px 15px #111122;padding:2px;margin:0px;
border: 1px solid;border-top-color:#bbbbdd;border-left-color:#bbbbdd;border-bottom-color:#333344;border-right-color:#333344;}

#container {background:none;margin:auto;width:1100px;border:0px;z-index:0;}

/* Kalenterit */
#kalenteri {position:absolute;left:236px;top:42px;margin-bottom:20px;}
#asennus {position:absolute;left:236px;top:42px;display:none;margin-bottom:20px;}
#karry {position:absolute;left:236px;top:42px;width:820px;display:none;margin-bottom:20px;}

/* Sivuvalikko */
#nuppi {position:absolute;left:0px;top:4px;width:222px;z-index:-1;height:25px;overflow:hidden;}
#muokkaus {position:absolute;left:0px;top:42px;width:222px;z-index:1;height:25px;overflow:hidden;margin-bottom:20px;}
#etsi {position:absolute;left:0px;top:80px;width:222px;z-index:1;height:25px;overflow:hidden;margin-bottom:20px;}
#asennusedit {position:absolute;left:0px;top:118px;width:222px;z-index:1;height:25px;overflow:hidden;margin-bottom:20px;}
#etsiasennus {position:absolute;left:0px;top:156px;width:222px;z-index:1;height:25px;overflow:hidden;margin-bottom:20px;}
#paiva {position:absolute;left:0px;top:194px;width:222px;z-index:1;height:25px;overflow:hidden;margin-bottom:20px;}
#karmuok {position:absolute;left:0px;top:232px;width:222px;z-index:1;height:25px;overflow:hidden;margin-bottom:20px;}
#info {position:absolute;left:0px;top:270px;width:222px;z-index:1;height:25px;overflow:hidden;margin-bottom:20px;}
#jt-laatikko {position:absolute;left:0px;top:308px;width:222px;z-index:1;height:auto;overflow:hidden;margin-bottom:20px;}

/* Ylävalikko */
#menu1 {position:absolute;left:235px;top:4px;width:175px;height:25px;}
#menu2 {position:absolute;left:425px;top:4px;width:175px;height:25px;}
#menu3 {position:absolute;left:615px;top:4px;width:175px;height:25px;}
#apu {position:absolute;left:805px;top:4px;width:175px;z-index:1;height:25px;overflow:hidden;margin-bottom:20px;}

#viesti {border-width:2px;border-color:#afc;background:linear-gradient(to bottom, #052, #021);box-shadow: 0px 0px 75px 25px #7f9;padding:15px;margin:100px auto;width:450px;z-index:9;cursor:pointer;}
#haku {margin:auto;top:5px;width:1100px;}
#login {margin:auto;top:50px;width:300px;text-align:center;}
#palaa {margin:auto;width:100px;}

/* Värilaatikot */
.a {background:linear-gradient(to left, #99999e, #ccccd2);border-top-color:#eee;border-left-color:#eee;border-bottom-color:#777;border-right-color:#777;}
.aa {background:linear-gradient(to left, #bbb, #fff);border-top-color:#fff;border-left-color:#fff;border-bottom-color:#999;border-right-color:#999;}
.b {background:linear-gradient(to left, #0a4, #0f7);border-top-color:#8fa;border-left-color:#8fa;border-bottom-color:#070;border-right-color:#070;}
.c {background:linear-gradient(to left, #17c, #3bf);border-top-color:#6cf;border-left-color:#6cf;border-bottom-color:#06a;border-right-color:#06a;}
.d {background:linear-gradient(to left, #ca3, #fe4);border-top-color:#ffffaa;border-left-color:#ffffaa;border-bottom-color:#bb8800;border-right-color:#bb8800;}
.e {background:linear-gradient(to left, #c33, #f66);border-top-color:#f86;border-left-color:#f96;border-bottom-color:#a00;border-right-color:#a00;}
.f {border-color:#0099dd;background-color:#44ddff;}
.g {background:linear-gradient(to left, #c70, #fa0);border-top-color:#ffccaa;border-left-color:#ffccaa;border-bottom-color:#bb6600;border-right-color:#bb6600;}
.h {background:linear-gradient(to left, #700, #e33);border-top-color:#e86;border-left-color:#e96;border-bottom-color:#600;border-right-color:#600;}
.i {background:linear-gradient(to left, #000, #a20);border-top-color:#b30;border-left-color:#c40;border-bottom-color:#000;border-right-color:#000;}

input,select,textarea {resize:none;font-family:arial;font-size:12px;border:1px solid;box-shadow: 4px 4px 6px #555566;padding:2px;text-align:center;position:relative;}
input:disabled {background-color:#bbbbc5;}
option:disabled {color:#ff0000;}
input[type=submit] {font-weight:bold;cursor:pointer;}
input[type=checkbox],input[type=radio] {width:17px;height:17px;-moz-transform: scale(1.2);}
:focus {outline:none;border-color:#0099dd;background-color:#44ddff;}

h1 {margin:1px;font-family:arial;font-size:16px;color:#ffffff;text-shadow: 2px 2px 4px #333344;}
h1.viesti {color:#afc;text-shadow:0px 0px 0px;font-weight:500;}
p {font-family:arial;font-size:12px;overflow-wrap:break-word;}
.pieni {margin:4px;font-size:12px;}
.mini {font-weight:normal;font-size:11px;}
span {font-weight:600;font-family:arial;font-size:12px;vertical-align:top;overflow-wrap:break-word;}
.info {color:#ffffff;}
.copy {font-size:9px;color:#555555;position:relative;top:5px}
.red {color:#ff0000;}
.green {color:#00ff00;}
.yellow {color:#ffff00;}
.blue {color:#0000ff;}
.white {color:#ffffff;}
.fiery {color:#ff9;}
.cool {color:#9fa;}
.mes {color:#ffff66;font-size:13px;text-shadow: 0px 0px 8px #002288;}
.quit {color:#666; font-style: italic;}
span[title] {cursor:help;}

table {border-collapse:collapse;width:100%;}
td {vertical-align:top;}
td.today {border:1px solid #ccccd5;background-color:#cccccd5;}
td.tomorrow {border:1px solid #ccccd5;background-color:#888899;}
td.closed {border:1px solid #ccccd5;background-color:#dd5555;}
td.next {border:1px solid #ccccd5;background-color:#11cc88;}
td.haku {border:1px solid #ccccd5;background-color:#888899;vertical-align:middle;padding:0px;}
td.haku2 {vertical-align:middle;padding:1px;}
td.haku3 {border:1px solid #ccccd5;background-color:#888899;vertical-align:middle;padding:2px;}

hr {margin-top:3px;margin-bottom:3px;}

img {margin:2px 1px 1px 1px;border:0px;}

.sormi {cursor:pointer;}
.vasen {text-align:left;}
.oikea {text-align:right;}
.valikko {padding-bottom:3px;text-align:center;}
.noshadow {box-shadow:0px 0px 0px;}
.palikka {border:0;box-shadow:0px 0px 0px;margin:0px;padding:0px}
.skull {position:absolute;top:-40px;left:-25px;}
.pallo {position:absolute;top:-5px;right:-15px;z-index:2}
.okpallo {position:absolute;top:-5px;right:5px;z-index:3}