/* -------------------------------------------------------------- */
/* Managerweb-tyylitiedosto                                       */
/* -------------------------------------------------------------- */
/* Jouni Paavilainen                                              */
/* etunimi.sukunimi@tut.fi                                        */
/* -------------------------------------------------------------- */


/* -------------------------------------------------------------- */
/* yleiset                                                        */
/* -------------------------------------------------------------- */

body {
	margin: 0px;
	padding: 0px;
	background-color: #ffffff; 
}

dt {
margin-left: 20px;
margin-top: 20px;
margin-bottom: 10px;
font-size: x-large; 
}

dd {
margin-left: 30px;
padding: 3px;
}

/* -------------------------------------------------------------- */
/* managerweb-taulukko                                            */
/* -------------------------------------------------------------- */

table#managerweb {
	border-collapse: collapse;
	width: 100%;	
}

table#managerweb td#palkki_yla {
	height: 100px;
	margin: 0px;
	padding: 0px;
	vertical-align: top;	
	background-image: url("ylapalkki.jpg");
	background-repeat: repeat-x;		
}

table#managerweb td#palkki_vasen {
	width: 190px;
	margin: 0px;
	padding: 0px 8px 0px 8px;
	vertical-align: top;
	border-right: 1px solid #aaaaaa;
}

table#managerweb td#palkki_oikea {
	width: 230px;
	margin: 0px;
	padding: 0px 8px 0px 8px;
	vertical-align: top;
	border-left: 1px solid #aaaaaa;	
}

table#managerweb td#palkki_sisalto {
	margin: 0px;
	padding: 0px 8px 0px 8px;
	vertical-align: top;
}


/* -------------------------------------------------------------- */
/* palkki_yla                                                     */
/* -------------------------------------------------------------- */

td#palkki_yla div#paaotsikko {
	height: 100px;
	background-image: url("logo.jpg");
	background-repeat: no-repeat;	
}

td#palkki_yla div#paaotsikko h1 {
	margin: 0px;
	padding: 46px 0px 0px 100px;
	color: #ffffff;
	font: 16px verdana;
	font-weight: bold;
}

td#palkki_yla div#banneri {
	position: absolute;
	top: 6px;
	right: 130px;
}

td#palkki_yla div#kirjautumisboksi {
	position: absolute;
	top: 12px;
	right: 6px;
	text-align: right;
	color: #ffffff;
	font-family: verdana;
	font-size: 10px;
	font-weight: bold;	
}

td#palkki_yla div#kirjautumisboksi input.kentta {
	margin: 0px 0px 1px 0px;
	width: 110px;
	font-family: verdana;
	font-weight: normal;
	font-size : 10px; 	
	color : #000000; 
	background-color: #f5f5f5;
	border: 1px solid #aaaaaa;
}

td#palkki_yla div#kirjautumisboksi input.nappi {
	margin: 2px 0px 0px 0px;
	font-family: verdana;
	font-weight: bold; 
	font-size: 10px; 
	color: #ffffff; 
	background-color: #6c7b95; 
}

/* -------------------------------------------------------------- */
/* palkki_vasen                                                   */
/* -------------------------------------------------------------- */

td#palkki_vasen div#linkkiluettelo {
	margin: 0px;
	padding: 10px;
	background-color: #f5f5f5;
	border: 1px solid #aaaaaa;
}

td#palkki_vasen div#linkkiluettelo table {
	 border-collapse: collapse;
}

td#palkki_vasen div#linkkiluettelo table tr.linkkitaso0 td {
	padding: 0px 0px 2px 0px;
}

td#palkki_vasen div#linkkiluettelo table tr.linkkitaso1 td {
	padding: 0px 0px 2px 15px;
}

td#palkki_vasen div#linkkiluettelo table tr.linkkitaso2 td {
	padding: 0px 0px 2px 30px;
}

td#palkki_vasen div#linkkiluettelo table tr.linkkitaso3 td {
	padding: 0px 0px 2px 45px;
}

td#palkki_vasen div#linkkiluettelo table a {
	font: 12px verdana;
	text-decoration: none;
}

td#palkki_vasen div#linkkiluettelo table a:hover { 
	background-color: #cccccc;
}

td#palkki_vasen div#linkkiluettelo table tr.linkkitaso0 a {
	font-weight: bold;
}

td#palkki_vasen div#linkkiluettelo table tr.linkkitaso2 a {
	font-style: italic;
}

td#palkki_vasen div#linkkiluettelo table tr.linkkitaso3 a {
	font-style: italic;
	font-size: 11px;
}

td#palkki_vasen div#linkkiluettelo table td.linkki_kaikille a {
	color: #0000aa;
}

td#palkki_vasen div#linkkiluettelo table td.linkki_korostus a {
	color: #903456;
}

td#palkki_vasen div#linkkiluettelo table td.linkki_ryhmalle a {
	color: #aa0000;
}


/* -------------------------------------------------------------- */
/* palkki_oikea                                                   */
/* -------------------------------------------------------------- */

td#palkki_oikea div#tapahtumat {
	margin: 0px 0px 10px 0px;
	padding: 10px;
	background-color: #f5f5f5;
	border: 1px solid #aaaaaa;
}

td#palkki_oikea div#tapahtumat a {
	font: 12px verdana; 
	font-style: italic;
	color: 0000aa;
	text-decoration: none;
}

td#palkki_oikea div#tapahtumat a:hover {
	background-color: #cccccc;
}

td#palkki_oikea div#tapahtumat h1 {
	color: #000000;
	margin: 0px 0px 15px 0px;
	padding: 0px;
	font: 14px verdana; 
	font-weight: bold;
}

/* ei tapahtumia */
td#palkki_oikea div#tapahtumat h2 {
	color: #888888;
	margin: 0px 0px 15px 0px;
	padding: 0px;
	font: 13px verdana; 
	font-weight: bold;
}

td#palkki_oikea div#tapahtumat table {
	border-collapse: collapse;
	margin: 0px 0px 5px 0px;
}

/* TÄNÄÄN */

td#palkki_oikea div#tapahtumat table#tanaan {
	width: 168px;
	margin: 0px 0px 15px 0px;
	background-image: url("tanaan_tausta.jpg");
	background-repeat: repeat-y;
	border-top: 2px solid #fafafa;
	border-right: 2px solid #cccccc;
	border-bottom: 2px solid #cccccc;
	border-left: 2px solid #fafafa;
}

td#palkki_oikea div#tapahtumat table#tanaan h2 {
	color: #000000;
	margin: 7px 5px 5px 5px;
	padding: 0px;
	font: 13px verdana; 
	font-weight: bold;
}


td#palkki_oikea div#tapahtumat table#tanaan td.aika {
	margin: 0px;
	padding: 0px 5px 2px 5px;
	font: 11px verdana; 
	font-style: italic;	
}

td#palkki_oikea div#tapahtumat table#tanaan td.otsikko {
	margin: 0px;
	padding: 0px 5px 10px 5px;
	font: 12px verdana; 
	font-weight: bold;	
}

td#palkki_oikea div#tapahtumat table#tanaan td.otsikko a {
	font: 12px verdana; 
	font-weight: bold;
	color: 0000aa;
	text-decoration: none;
}

td#palkki_oikea div#tapahtumat table#tanaan td.otsikko a:hover {
	background-color: #cccccc;
}

/* TÄNÄÄN */

td#palkki_oikea div#tapahtumat table#tulevaisuudessa td.aika{
	margin: 0px;
	padding: 0px 0px 2px 0px;
	font: 11px verdana; 
	font-style: italic;
}

td#palkki_oikea div#tapahtumat table#tulevaisuudessa td.otsikko {
	margin: 0px;
	padding: 0px 0px 10px 0px;
	font: 12px verdana; 
	font-weight: bold;
}

td#palkki_oikea div#tapahtumat table#tulevaisuudessa td.otsikko a {
	font: 12px verdana; 
	font-weight: bold;
	color: 0000aa;
	text-decoration: none;
}

td#palkki_oikea div#tapahtumat table#tulevaisuudessa td.otsikko a:hover {
	background-color: #cccccc;
}


td#palkki_oikea div#uutiset {
	margin: 0px;
	padding: 10px;
	background-color: #f5f5f5;
	border: 1px solid #aaaaaa;
}

td#palkki_oikea div#uutiset a {
	font: 12px verdana; 
	font-style: italic;
	color: 0000aa;
	text-decoration: none;
}

td#palkki_oikea div#uutiset a:hover {
	background-color: #cccccc;
}

td#palkki_oikea div#uutiset h1 {
	color: #000000;
	margin: 0px 0px 15px 0px;
	padding: 0px;
	font: 14px verdana; 
	font-weight: bold;
}

/* ei uutisia */
td#palkki_oikea div#uutiset h2 {
	color: #888888;
	margin: 0px 0px 15px 0px;
	padding: 0px;
	font: 13px verdana; 
	font-weight: bold;
}

td#palkki_oikea div#uutiset table {
	border-collapse: collapse;
	margin: 0px 0px 5px 0px;
}

td#palkki_oikea div#uutiset table td.otsikko {
	margin: 0px;
	padding: 0px 0px 2px 0px;
	font: 12px verdana; 
	font-weight: bold;
}

td#palkki_oikea div#uutiset table td.otsikko a {
	font: 12px verdana; 
	font-weight: bold;
	color: 0000aa;
	text-decoration: none;
}

td#palkki_oikea div#uutiset table td.otsikko a:hover {
	background-color: #cccccc;
}

td#palkki_oikea div#uutiset table td.kirjoittaja {
	margin: 0px;
	padding: 0px 0px 10px 0px;
	font: 11px verdana; 
	font-style: italic;
}


/* -------------------------------------------------------------- */
/* palkki_sisalto                                                 */
/* -------------------------------------------------------------- */

td#palkki_sisalto div#sisalto {
	font: 12px/14px verdana;
}

td#palkki_sisalto div#sisalto table td{
	font: 12px/14px verdana;
}

td#palkki_sisalto div#sisalto a { 
	font: 12px verdana; 
	font-weight: bold;
	color: 0000aa;
	text-decoration: none;
}

td#palkki_sisalto div#sisalto a:hover { 
	background-color: #cccccc;
}

td#palkki_sisalto div#sisalto ul {
 	margin-bottom: 20px;
 }

td#palkki_sisalto div#alaotsikko h1 {
 	margin: 0px 0px 15px 0px;
 	padding: 4px 6px 4px 6px;
	color: #ffffff;
 	font: 16px verdana;
 	font-weight: bold;	
 	background-color: #CFD7F0;
  	background-image: url("otsikkotausta.jpg");
  	background-repeat: no-repeat;
  	border-left: 2px solid #aaaaaa;
  	border-bottom: 1px solid #aaaaaa;	
}

td#palkki_sisalto div#sisalto h1 {
 	margin: 0px 0px 15px 0px;
 	padding: 2px 6px 2px 6px;
 	color: #000000;	
	font: 15px verdana;
	font-weight: bold;	
 	background-color: #CFD7F0;
	border-left: 2px solid #aaaaaa;	
	border-bottom: 1px solid #aaaaaa;
}

td#palkki_sisalto div#sisalto h2 {
 	margin: 0px 0px 15px 0px;
 	padding: 2px 6px 2px 6px;
 	color: #000000;
	font: 13px verdana;
	font-weight: bold;
 	background-color: #f5f5f5;
 	border-left: 2px solid #aaaaaa;	
	border-bottom: 1px solid #aaaaaa;	
}


td#palkki_sisalto div#sisalto .onnistui {
	margin: 0px 0px 15px 0px;
	padding: 10px 15px 10px 15px;
	border: 1px solid #00cc00;
}

td#palkki_sisalto div#sisalto .onnistui h1 {
 	margin: 0px;
  	padding: 0px 0px 10px 0px;
   	color: #000000;	
 	font: 14px verdana;
 	font-weight: bold;
 	background-color: transparent;
	border: none;	
 }
 
td#palkki_sisalto div#sisalto .onnistui p {
 	margin: 0px;
  	padding: 0px;
 	color: #000000;
 	font: 12px verdana;
 	font-weight: bold;
 }

td#palkki_sisalto div#sisalto .epaonnistui {
	margin: 0px 0px 15px 0px;
	padding: 10px 15px 10px 15px;
	border: 1px solid #cc0000;
}

td#palkki_sisalto div#sisalto .epaonnistui h1 {
 	margin: 0px;
  	padding: 0px 0px 10px 0px;
   	color: #000000;	
 	font: 14px verdana;
 	font-weight: bold;
  	background-color: transparent;
	border: none;		
}

td#palkki_sisalto div#sisalto .epaonnistui p {
 	margin: 0px;
  	padding: 0px;
 	color: #000000;
 	font: 12px verdana;
 	font-weight: bold;
}

td#palkki_sisalto div#sisalto img {
 	margin: 0px 15px 15px 15px;
} 

td#palkki_sisalto div#sisalto form {
 	margin: 0px 15px 25px 15px;
}

td#palkki_sisalto div#sisalto p {
 	margin: 0px 15px 15px 15px;
}

td#palkki_sisalto div#sisalto div.uutisoija {
 	margin: 0px 15px 20px 15px;
 	text-align: right;
 	font-style: italic;
}

td#palkki_sisalto div#sisalto div#uutiset_selaa {
	width: 100%;
	text-align: center;
}

td#palkki_sisalto div#sisalto .varmennus {
	margin: 0px 0px 15px 0px;
	padding: 10px 15px 0px 15px;
	border: 1px solid #cccc00;
}

td#palkki_sisalto div#sisalto .varmennus h1 {
 	margin: 0px;
  	padding: 0px 0px 10px 0px;
   	color: #000000;	
 	font: 14px verdana;
 	font-weight: bold;
 	background-color: transparent;
	border: none;	
 }
 
td#palkki_sisalto div#sisalto .varmennus p {
 	margin: 0px;
  	padding: 0px;
 	color: #000000;
 	font: 12px verdana;
 	font-weight: bold;
 }
 	
td#palkki_sisalto div#sisalto input.kentta {
 	margin: 2px 0px 10px 0px;
 	width: 200px;
 	font-family: verdana;
 	font-weight: normal;
 	font-size : 12px; 	
 	color : #000000; 
 	background-color: #f5f5f5;
  	border: 1px solid #aaaaaa;
}

td#palkki_sisalto div#sisalto input.pienikentta {
 	margin: 2px 4px 2px 2px;
 	width: 40px;
 	font-family: verdana;
 	font-weight: normal;
 	font-size : 12px; 	
 	color : #000000; 
 	background-color: #f5f5f5;
  	border: 1px solid #aaaaaa;
}

td#palkki_sisalto div#sisalto input.tarkistuslaatikko {
 	margin: 2px 4px 0px 0px;
 	font-size : 12px; 
  	background-color: #f5f5f5;
  	border: 1px solid #aaaaaa;
}

td#palkki_sisalto div#sisalto input.radionappi {
 	margin: 2px 4px 0px 0px;
 	font-size : 12px; 
}
 
td#palkki_sisalto div#sisalto select.kentta {
  	margin: 2px 0px 10px 0px;
  	width: 200px;
  	font-family: verdana;
  	font-weight: normal;
  	font-size : 12px; 	
  	color : #000000; 
  	background-color: #f5f5f5;
  	border: 1px solid #aaaaaa;
}

 
td#palkki_sisalto div#sisalto input.nappi {
 	margin: 15px 0px 0px 0px;	
 	font-family: verdana;
 	font-weight: bold; 
 	font-size: 12px; 
 	color: #ffffff; 
 	background-color: #6c7b95;
}

td#palkki_sisalto div#sisalto textarea.pienikentta {
  	margin: 2px 0px 10px 0px;
	width: 200px;
	height: 100px;
	font-family: verdana;
	font-weight: normal;
	color : #000000; 
	background: #f5f5f5;
	border: 1px solid #aaaaaa;
	font-size : 11px; 
}

td#palkki_sisalto div#sisalto textarea.kentta {
  	margin: 2px 0px 10px 0px;
	width: 350px;
	height: 250px;
	font-family: verdana;
	font-weight: normal;
	color : #000000; 
	background: #f5f5f5;
	border: 1px solid #aaaaaa;
	font-size : 11px; 
}

td#palkki_sisalto div#sisalto textarea.isokentta {
  	margin: 2px 0px 2px 0px;
	width: 100%;
	height: 500px;
	font-family: verdana;
	font-weight: normal;	
	color : #000000; 
	background: #f5f5f5;
	border: 1px solid #aaaaaa;
	font-size : 11px; 
}

td#palkki_sisalto div#sisalto table.lista {
	border-collapse: collapse;
	margin: 0px 15px 15px 15px;
}

td#palkki_sisalto div#sisalto table.lista td {
	padding: 4px 6px 4px 6px;
	border: 1px solid #cccccc;
	font: 12px verdana;
 	color: #000000;	
}

td#palkki_sisalto div#sisalto table.lista tr.otsikkorivi td {
	font-weight: bold;
}

td#palkki_sisalto div#sisalto table.lista td.otsikko {
	border: none;
}

td#palkki_sisalto div#sisalto table.lista h2 {
 	margin: 3px 0px 2px 0px;
  	padding: 0px;	
 	color: #000000;
	font: 15px verdana;
	font-weight: bold;
 	background-color: transparent;
 	border:none;	
}

td#palkki_sisalto div#sisalto table.lista td a {
	font: 12px verdana;
	font-weight: bold;
 	color: #0000aa;
 	text-decoration: none;
}

td#palkki_sisalto div#sisalto table.lista input.kentta {
 	margin: 0px 10px 0px 0px;
}

td#palkki_sisalto div#sisalto table.lista input.nappi {
 	margin: 0px 0px 0px 0px;
}

/* HAALARI ALKAA */

td#palkki_sisalto div#sisalto table.lista tr.vihrea td {
	background-color: #ddffdd;
}

td#palkki_sisalto div#sisalto table.lista tr.keltainen td {
	background-color: #ffffdd;
}

td#palkki_sisalto div#sisalto table.lista tr.punainen td {
	background-color: #ffdddd;
}

td#palkki_sisalto div#sisalto table.lista tr.musta td {
	color: #ffffff;
	background-color: #000000;
}

td#palkki_sisalto div#sisalto table.lista tr.musta a {
	color: #ddddff;
}

td#palkki_sisalto div#sisalto table.lista tr.musta a:hover {
	background-color: #666666;
}

/* HAALARI LOPPUU */

td#palkki_sisalto div#sisalto table#sivueditori {
	 margin: 5px 15px 15px 15px;
	 border-collapse: collapse;
	 border-bottom: 1px solid #aaaaaa;
}

td#palkki_sisalto div#sisalto table#sivueditori td {
	font: 12px verdana;
	color: #dddddd;
}

td#palkki_sisalto div#sisalto table#sivueditori tr.linkkitaso0 td {
	padding: 3px 0px 2px 0px;
	border-top: 1px solid #aaaaaa;
}

td#palkki_sisalto div#sisalto table#sivueditori tr.linkkitaso1 td {
	padding: 1px 0px 2px 25px;
}

td#palkki_sisalto div#sisalto table#sivueditori tr.linkkitaso2 td {
	padding: 1px 0px 2px 50px;
}

td#palkki_sisalto div#sisalto table#sivueditori tr.linkkitaso3 td {
	padding: 0px 0px 2px 75px;
}

td#palkki_sisalto div#sisalto table#sivueditori a {
	font: 12px verdana;
	text-decoration: none;
}

td#palkki_sisalto div#sisalto table#sivueditori tr.linkkitaso0 a {
	font-weight: bold;
}

td#palkki_sisalto div#sisalto table#sivueditori tr.linkkitaso2 a {
	font-style: italic;
}

td#palkki_sisalto div#sisalto table#sivueditori tr.linkkitaso3 a {
	font-style: italic;
}

td#palkki_sisalto div#sisalto table#sivueditori td.linkki_kaikille a {
	color: #0000aa;
}


td#palkki_sisalto div#sisalto table#sivueditori td.linkki_ryhmalle a {
	color: #aa0000;
}

td#palkki_sisalto div#sisalto table#sivueditori td.linkki_kaikille_piilotettu a {
	color: #0000aa;
}

td#palkki_sisalto div#sisalto table#sivueditori td.linkki_ryhmalle_piilotettu a {
	color: #aa0000;
}

td#palkki_sisalto div#sisalto table#sivueditori td.linkki_kaikille_piilotettu:after {
	color: #0000aa;
	content: "*";
}

td#palkki_sisalto div#sisalto table#sivueditori td.linkki_ryhmalle_piilotettu:after {
	color: #aa0000;
	content: "*";
}

td#palkki_sisalto div#sisalto table#sivueditori tr.erotin td {
	padding: 4px 0px 3px 0px;
	font-size: 11px;
	font-weight: bold;
	color: #000000;
	border-top: 1px solid #aaaaaa;
}

td#palkki_sisalto div#sisalto table#sivueditori tr.jarjestelma td {
	padding: 0px 0px 5px 25px;
}

td#palkki_sisalto div#sisalto table#sivueditori tr.jarjestelma td a {
	font-size: 11px;
	color: #666600;
}