/* TYYLIT ASETUSSIVUILLA OLEVALLE KELTAISELLE YLÄPALKILLE */

#keltatausta { text-align: center; border: 1px groove #b3b36c; background-color: #ffffee; padding: 3px; padding-bottom: 15px; font-size: 80%; }
#vlinkki { color: #3a3a30; text-decoration: none; cursor: help; }
#vlinkki:hover { background-color: #efefc2; }

/* Osioiden otsikoiden tyylit kun hiiri päällä */
.osiootsikko:hover { background-color: #efefc2; cursor: help; }

/* KELTAINEN LAATIKKO JOSSA YLEENSÄ PAINIKKEET */

#keltalaatikko {
	text-align: center;
	border: 1px solid #b3b36c;
	background-color: #ffffee;
	min-height: 35px;
}

/* TYYLI SINISELLE TAUSTALAATIKOLLE */

.sinilaatikko {
	border: 1px solid #acb4b9;
	background-color: #f3f5f6;
	padding: 3px;
}

/* TYYLI VIHREÄLLE TAUSTALAATIKOLLE */

#vihrealaatikko {
	border: 1px solid #bdb76b;
	text-align: center;
	color: #545a4e;
	background-color: #bce5bc;
	font-size: 80%;
	padding: 5px;
	width: 50%;
}

#vihrealaatikko #suljetoimi {
	position: relative;
	top: -5px;
	right: -5px;
	background-image: url("./kuvat/sulje.png");
	background-repeat: no-repeat;
	width: 16px;
	height: 16px;
	float: right;
}

/* TYYLIT VIRHEILMOITUKSELLE */

#virhe {
	border: 1px groove #000000;
	background-image: url("./kuvat/virhe.png");
	background-repeat: no-repeat;
	background-color: #f9d9d8;
	padding-top: 5px;
	text-align: center;
	min-height: 80px;
	font-weight: bold;
}

#virhe #sulje {
	background-image: url("./kuvat/sulje.png");
	background-repeat: no-repeat;
	width: 16px;
	height: 16px;
	float: right;
}

/* YLÄOSA */

#hallintapaneeli {
position: fixed;
width: 100%;
min-width:900px;
height: 35px;
background-image: url("./kuvat/ylaosakohteet_tausta.png");
background-repeat: repeat-x;
border-top: 1px solid #e5e5e5;
border-bottom: 1px outset #e2e2e2;
z-index: 1000;
}

#hallintapaneeli #kohde {
padding-top: 2px;
float: left;
background-repeat:no-repeat;
color:#828282;
display:block;
background-image:url("kuvat/ylaosakohteet_tausta.png");
background-repeat: repeat-x;
font-size: 70%;
width: 100px;
text-align: center;
height: 32px;
line-height: 20px;
border-left: 1px solid #d7d7d7;
border-right: 1px solid #d7d7d7;
}
#hallintapaneeli #kohde:hover {
background-image:url("kuvat/ylakohde_valittu.png");
background-repeat: repeat-x;
color: #000000;
cursor:hand;
}

/* Vihreä H1 otsikkomuotoilu oikealla olevalle tekstille "Uutiset" */
#vihreah1 { font-size: 110%; color: #436c3a; }


/* Poistetaan lisäriviväli sivujen sisältötekstistä, uutisista ja kalenterimerkinnöistä */

.sisalto p { margin-top: 0px; margin-bottom: 0px; }
.sisalto li { margin-top: 0px; margin-bottom: 0px; }
.sisalto ul { margin-top: 0px; margin-bottom: 0px; }

/* Poistetaan riviväli oikealta uutisista */

.sarake-4 p { margin-top: 0px; margin-bottom: 0px; }

/* ######## */
/* YLEISNAPIT */
/* ######## */

/* NAPPI: NORMAALI NAPPI */

#nappi {
	background: #f5f5f5 url("./kuvat/tick.png") no-repeat left center;
	color: #3f8438;
	vertical-align:middle;
	font-family:"Lucida Grande", Tahoma, Arial, Verdana, sans-serif;
	font-weight: bold;
	font-size: 78%;
	height: 25px;
	padding-left:22px;
	border: 1px solid #afb5be;
	background-color: #f5f5f5;
	cursor:pointer;
}
#nappi:hover {
	background: #ffffee url("./kuvat/tick.png") no-repeat left center;
	border: 1px solid #c6d880;
}

/* NAPPI: PERU NAPPI */

#neganappi {
	background: #f5f5f5 url("./kuvat/cancel.png") no-repeat left center;
	color: #d12f19;
	vertical-align:middle;
	font-family:"Lucida Grande", Tahoma, Arial, Verdana, sans-serif;
	font-weight: bold;
	font-size: 78%;
	height: 25px;
	padding-left:22px;
	border: 1px solid #afb5be;
	background-color: #f5f5f5;
	cursor:pointer;
}
#neganappi:hover {
	background: #f8e5e4 url("./kuvat/cancel.png") no-repeat left center;
	border: 1px solid #c6d880;
}

/* NAPPI: PÄIVITÄ / MUUTA  / VAIHDA */

#nappipaivita {
	background: #f5f5f5 url("./kuvat/arrow_refresh.png") no-repeat left center;
	color: #5d6259;
	vertical-align:middle;
	font-family:"Lucida Grande", Tahoma, Arial, Verdana, sans-serif;
	font-weight: bold;
	font-size: 78%;
	height: 25px;
	padding-left:22px;
	border: 1px solid #afb5be;
	background-color: #f5f5f5;
	cursor:pointer;
}
#nappipaivita:hover {
	background: #ffffee url("./kuvat/arrow_refresh.png") no-repeat left center;
	border: 1px solid #c6d880;
}

/* NAPPI: MUOKKAA SIVUA */

#nappimuokkaasivua {
	background: #f5f5f5 url("./kuvat/script_edit.png") no-repeat left center;
	color: #3f8438;
	vertical-align:middle;
	font-family:"Lucida Grande", Tahoma, Arial, Verdana, sans-serif;
	font-weight: bold;
	font-size: 78%;
	height: 25px;
	padding-left:22px;
	border: 1px solid #afb5be;
	background-color: #f5f5f5;
	cursor:pointer;
}
#nappimuokkaasivua:hover {
	background: #ffffee url("./kuvat/tick.png") no-repeat left center;
	border: 1px solid #c6d880;
}

/* ####### */
/* KALENTERI */
/* ####### */

/* NAPPI: SIVUPALKIN KALENTERI MUUTA NAPPI */

#kalenterinappi {
	color: #00000;
	font-family:"Lucida Grande", Tahoma, Arial, Verdana, sans-serif;
	height: 22px;
	border: 1px solid #afb5be;
	background-color: #ffffff;
	cursor:pointer;
}
#kalenterinappi:hover {
	border: 1px solid #c6d880;
}

/* NAPPI: LISÄÄ UUSI KALENTERIMERKINTÄ */

#nappikalenteriuusi {
	background: #f5f5f5 url("./kuvat/calendar_add.png") no-repeat left center;
	color: #3f8438;
	vertical-align:middle;
	font-family:"Lucida Grande", Tahoma, Arial, Verdana, sans-serif;
	font-weight: bold;
	font-size: 78%;
	height: 25px;
	padding-left:22px;
	border: 1px solid #afb5be;
	background-color: #f5f5f5;
	cursor:pointer;
}
#nappikalenteriuusi:hover {
	background: #ffffee url("./kuvat/calendar_add.png") no-repeat left center;
	border: 1px solid #c6d880;
}

/* NAPPI: POISTA KALENTERIMERKINTÄ */

#nappikalenteripoista {
	background: #f5f5f5 url("./kuvat/calendar_delete.png") no-repeat left center;
	color: #d12f19;
	vertical-align:middle;
	font-family:"Lucida Grande", Tahoma, Arial, Verdana, sans-serif;
	font-weight: bold;
	font-size: 78%;
	height: 25px;
	padding-left:22px;
	border: 1px solid #afb5be;
	background-color: #f5f5f5;
	cursor:pointer;
}
#nappikalenteripoista:hover {
	background: #ffffee url("./kuvat/calendar_delete.png") no-repeat left center;
	border: 1px solid #c6d880;
}

/* NAPPI: MUOKKAA KALENTERIMERKINTÄÄ */

#nappikalenterimuokkaa {
	background: #f5f5f5 url("./kuvat/calendar_edit.png") no-repeat left center;
	color: #3f8438;
	vertical-align:middle;
	font-family:"Lucida Grande", Tahoma, Arial, Verdana, sans-serif;
	font-weight: bold;
	font-size: 78%;
	height: 25px;
	padding-left:22px;
	border: 1px solid #afb5be;
	background-color: #f5f5f5;
	cursor:pointer;
}
#nappikalenterimuokkaa:hover {
	background: #ffffee url("./kuvat/calendar_edit.png") no-repeat left center;
	border: 1px solid #c6d880;
}

/* ###### */
/* UUTISET */
/* ###### */

/* NAPPI: UUSI UUTINEN */

#nappiuusiuutinen {
	background: #f5f5f5 url("./kuvat/newspaper_add.png") no-repeat left center;
	color: #3f8438;
	vertical-align:middle;
	font-family:"Lucida Grande", Tahoma, Arial, Verdana, sans-serif;
	font-weight: bold;
	font-size: 78%;
	height: 25px;
	padding-left:22px;
	border: 1px solid #dedede;
	background-color: #f5f5f5;
	cursor:pointer;
}
#nappiuusiuutinen:hover {
	background: #ffffee url("./kuvat/newspaper_add.png") no-repeat left center;
	border: 1px solid #c6d880;
}

/* NAPPI: UUSI UUTINEN */

#nappiuutinenylos {
	background: #f5f5f5 url("./kuvat/arrow_merge.png") no-repeat left center;
	color: #3f8438;
	vertical-align:middle;
	font-family:"Lucida Grande", Tahoma, Arial, Verdana, sans-serif;
	font-weight: bold;
	font-size: 78%;
	height: 25px;
	padding-left:22px;
	border: 1px solid #dedede;
	background-color: #f5f5f5;
	cursor:pointer;
}
#nappiuutinenylos:hover {
	background: #ffffee url("./kuvat/arrow_merge.png") no-repeat left center;
	border: 1px solid #c6d880;
}

/* NAPPI: POISTA UUTINEN */

#nappipoistauutinen {
	background: #f5f5f5 url("./kuvat/page_delete.png") no-repeat left center;
	color: #3f8438;
	vertical-align:middle;
	font-family:"Lucida Grande", Tahoma, Arial, Verdana, sans-serif;
	font-weight: bold;
	font-size: 78%;
	height: 25px;
	padding-left:22px;
	border: 1px solid #dedede;
	background-color: #f5f5f5;
	cursor:pointer;
}
#nappipoistauutinen:hover {
	background: #ffffee url("./kuvat/page_delete.png") no-repeat left center;
	border: 1px solid #c6d880;
}

/* NAPPI: MUUTA UUTISTA */

#nappimuutauutista {
	background: #f5f5f5 url("./kuvat/page_edit.png") no-repeat left center;
	color: #3f8438;
	vertical-align:middle;
	font-family:"Lucida Grande", Tahoma, Arial, Verdana, sans-serif;
	font-weight: bold;
	font-size: 78%;
	height: 25px;
	padding-left:22px;
	border: 1px solid #dedede;
	background-color: #f5f5f5;
	cursor:pointer;
}
#nappimuutauutista:hover {
	background: #ffffee url("./kuvat/page_edit.png") no-repeat left center;
	border: 1px solid #c6d880;
}


/* ##### */
/* EDITORI */
/* ##### */

#nappitallennaedit {
	background: #f5f5f5 url("./kuvat/disk.png") no-repeat left center;
	color: #3f8438;
	vertical-align:middle;
	font-family:"Lucida Grande", Tahoma, Arial, Verdana, sans-serif;
	font-weight: bold;
	font-size: 78%;
	height: 25px;
	padding-left:22px;
	border: 1px solid #afb5be;
	background-color: #f5f5f5;
	cursor:pointer;
}
#nappitallennaedit:hover {
	background: #dde7f6 url("./kuvat/disk.png") no-repeat left center;
	border: 1px solid #c6d880;
}

#nappijulkistamuutokset {
	background: #f5f5f5 url("./kuvat/page_go.png") no-repeat left center;
	color: #3f8438;
	vertical-align:middle;
	font-family:"Lucida Grande", Tahoma, Arial, Verdana, sans-serif;
	font-weight: bold;
	font-size: 78%;
	height: 25px;
	padding-left:22px;
	border: 1px solid #afb5be;
	background-color: #f5f5f5;
	cursor:pointer;
}
#nappijulkistamuutokset:hover {
	background: #daf1e0 url("./kuvat/tick.png") no-repeat left center;
	border: 1px solid #c6d880;
}

#nappihylmuu {
	background: #f5f5f5 url("./kuvat/cart.png") no-repeat left center;
	color: #3f8438;
	vertical-align:middle;
	font-family:"Lucida Grande", Tahoma, Arial, Verdana, sans-serif;
	font-weight: bold;
	font-size: 78%;
	height: 25px;
	padding-left:22px;
	border: 1px solid #afb5be;
	background-color: #f5f5f5;
	cursor:pointer;
}
#nappihylmuu:hover {
	background: #daf1e0 url("./kuvat/cart.png") no-repeat left center;
	border: 1px solid #c6d880;
}

#nappinaytakavijat {
	background: #f5f5f5 url("./kuvat/group.png") no-repeat left center;
	color: #3f8438;
	vertical-align:middle;
	font-family:"Lucida Grande", Tahoma, Arial, Verdana, sans-serif;
	font-weight: bold;
	font-size: 78%;
	height: 25px;
	padding-left:22px;
	border: 1px solid #afb5be;
	background-color: #f5f5f5;
	cursor:pointer;
}
#nappinaytakavijat:hover {
	background: #daf1e0 url("./kuvat/tick.png") no-repeat left center;
	border: 1px solid #c6d880;
}