body{
	font-family: Tahoma, Verdana, Arial;
	font-size: 8pt;
	background-color: #FFFFFF;
}

input{
	font-family: Tahoma, Verdana, Arial;
	font-size: 8pt;
	color: black;
	background-color: #E9EEF5;
}
input.radio{
	font-family: Tahoma, Verdana, Arial;
	font-size: 8pt;
	color: black;
	background-color: white;
}
input.checkbox{
	font-family: Tahoma, Verdana, Arial;
	font-size: 8pt;
	color: black;
	background-color: white;
}
input.painike{
	font-weight: bold;
	color: #000000;
	background-color: #C7CDFC;
}

input.red{
	font-weight: bold;
	color: red;
	background-color: #C7CDFC;
}
input.green{
	font-weight: bold;
	color: green;
	background-color: #C7CDFC;
}

select{
	font-family: Tahoma, Verdana, Arial;
	font-size: 8pt;
	color: black;
	background-color: #E9EEF5;
}

textarea{
	color: black;
	font-size: 8pt;
	background-color: #E9EEF5;
	font-family: Tahoma, Verdana, Arial;
}

td{
	font-family: Tahoma, Verdana, Arial;
	font-size: 8pt;
}


p{
	font-family: Tahoma, Verdana, Arial;
	font-size: 11px;
	color: #000066;
	font-weight: normal;
	text-decoration: none;
}


a{
	font-size: 11px;
	font-family: Tahoma, Verdana, Arial;
}
a:link		{color: black; font-weight: bolder; text-decoration: underline;}
a:visited	{color: black; font-weight: bolder; text-decoration: underline;}
a:hover		{color: black; font-weight: bolder; text-decoration: underline;}

input.harmaa{
	background-color: #E4E4E4;
}


/* STATUS VIESTIT */
div.message_ok	{
	margin-top: 2px;
	margin-left: 5px;
	margin-right: 5px;
	padding: 3px;
	font-weight: bold;
	color: #000000;
	border: 1px dotted black;
	background-color: #E4E4E4;
}

div.message_error	{
	margin-top: 2px;
	margin-left: 5px;
	margin-right: 5px;
	padding: 3px;
	font-weight: bold;
	color: white;
	border: 1px dotted black;
	background-color: red;
}

td.bold	{
	font-weight: bold;
}

td.raporttivali	{
	font-weight: bold;
	height: 3px;
	color: #000000;
	border-bottom: 1px dotted;
	border-color: black;
	background-color: white;
}
td.raporttitop	{
	height: 3px;
	color: #000000;
	border-top: 1px dotted;
	border-color: black;
	background-color: white;
}

/* sivun otsikko */
td.pagetitle	{
	font-weight: bold;
	color: #000000;
	height: 31px;
	background-image: url('../../images/palkki_keski2.jpg');
	border: 0px solid;
	border-color: #FFFFFF;
}

td.pagetitle	{
		font-weight: bold;
	color: #000000;
	height: 31px;
	background-image: url('../../images/palkki_keski2.jpg');
	border: 0px solid;
	border-color: #FFFFFF;
}
/* sivun otsikon teksti */
td.pagetitle_text	{
	font-weight: bold;
	color: #000000;
	padding-left: 8px;
}

/* palkin vasen osa */
td.menuleft	{
	font-weight: bold;
	color: #000000;
	height: 28px;
	width: 12px;
	background-image: url('../../images/palkki_vas.jpg');
	border: 0px solid;
	background-repeat: no-repeat;
}
td.menuleft2	{
	font-weight: bold;
	color: #000000;
	height: 28px;
	width: 20px;
	background-image: url('../../images/palkki_nuolioik.jpg');
	border: 0px solid;
	background-repeat: no-repeat;
}
td.menuleft2down	{
	font-weight: bold;
	color: #000000;
	height: 28px;
	width: 20px;
	background-image: url('../../images/palkki_nuolialas.jpg');
	border: 0px solid;
	background-repeat: no-repeat;
}

/* palkin oikea osa */
td.menuright	{
	font-weight: bold;
	color: #000000;
	height: 28px;
	width: 13px;
	background-image: url('../../images/palkki_oikea.jpg');
	border: 0px solid;
	background-repeat: no-repeat;
}
td.menuright2	{
	font-weight: bold;
	color: #000000;
	height: 28px;
	width: 13px;
	background-image: url('../../images/palkki_oikea.jpg');
	border: 0px solid;
	background-repeat: no-repeat;
}
/* valikon tekstilinkit */
a.menu	{
	color: #000000;
}
a.menu:link		{color: #000000; font-weight: bolder; text-decoration: none;}
a.menu:visited	{color: #000000; font-weight: bolder; text-decoration: none;}
a.menu:hover	{color: #000000; font-weight: bolder; text-decoration: underline;}


/* statistiikat */
td.stats	{
	font-weight: none;
}

/* statistiikat */
td.payment	{
	width: 120px;
}

/* muokkauslinkki */
a.muokkaa	{
	color: black;
}
a.muokkaa:link		{color: black;	text-decoration: none;}
a.muokkaa:visited	{color: black;	text-decoration: none;}
a.muokkaa:hover		{color: gray;	text-decoration: underline;}

/* listan otsikko */
td.listtitle	{
	border-bottom-width: 2px;
	border-bottom-style: dotted;
	border-bottom-color: #849b7d;
}

/* listan otsikon ensimmäinen arvo */
td.listtitle_begin	{
	border-bottom-width: 2px;
	border-bottom-style: dotted;
	border-bottom-color: #849b7d;
}

/* listan otsikon viimeinen arvo */
td.listtitle_end	{
	border-bottom-width: 2px;
	border-bottom-style: dotted;
	border-bottom-color: #849b7d;
}

/* listan pariton arvo */
td.sisalto1	{
	color: black;
}

/* listan parillinen arvo */
td.sisalto2	{
	color: black;
	background-color: #E9EEF5;
}
/* listan pariton arvo */
td.sisalto1red	{
	color: red;
}

/* listan parillinen arvo */
td.sisalto2red	{
	color: red;
	background-color: #E9EEF5;
}

/* laskurivin pariton arvo */
td.laskurivi1	{
	color: black;
	border-top-width:1px;
	border-top-style: solid;
	border-top-color: #597898;
}
/* laskurivin parillinen arvo */
td.laskurivi2	{
	color: black;
	border-top-width:1px;
	border-top-style: solid;
	border-top-color: #597898;
	background-color: #E9EEF5;
}

/* TOOLTIPS */
TABLE.ttInfo_table{
    border: 1px solid black;
}
TD.ttInfo_title{
    background-color: #FBD839;
    color: black;
    padding: 2px;
    font-weight:bold;
}
TD.ttInfo_content{
    background-color: #FCF0BA;
    color: black;
    padding: 2px;
}
TABLE.ttError_table{
    border: 1px solid black;
}
TD.ttError_title{
    background-color: red;
    color: white;
    padding: 2px;
    font-weight:bold;
}
TD.ttError_content{
    background-color: white;
    color: black;
    padding: 2px;
} 


/* sivun toiminnon linkki */
a.cmd	{
	color: black;
}
a.cmd:link		{color: black;	font-weight: normal; text-decoration: none;}
a.cmd:visited	{color: black;	font-weight: normal; text-decoration: none;}
a.cmd:hover		{color: black;	font-weight: normal; text-decoration: none;}


/* sivun aktiivinen toiminto */
a.cmd_active	{
	color: black;
}
a.cmd_active:link		{color: black;	font-weight: bold; text-decoration: none;}
a.cmd_active:visited	{color: black;	font-weight: bold; text-decoration: none;}
a.cmd_active:hover		{color: black;	font-weight: bold; text-decoration: none;}


/* sivun toiminnon tausta */
td.cmd	{
	font-family: Tahoma;
	height: 27px;
	font-size: 11px;
	font-weight: normal;
	color: #000000;
	border-bottom: 1px solid #849b7d;
	border-right: 0px none;
	border-left: 1px solid #849b7d;
	background-image: url('../../images/palkkinappi_norm.jpg'); 
	background-repeat: repeat-x;
}
/* sivun aktiivisen toiminnon tausta */
td.cmd_active	{
	height: 27px;
	border-bottom: 1px solid #849b7d;
	border-right: 0px none;
	border-left: 1px solid #849b7d;
	background-image: url('../../images/palkkinappi_aktiv.jpg'); 
	background-repeat: repeat-x;
	font-family: Tahoma;
	font-size: 11px;
	font-weight: normal;
	color: #000000;
}
/* pitempi painike */
td.cmd2	{
	height: 27px;
	font-size: 11px;
	font-weight: normal;
	color: #000000;
	background-repeat: repeat-x;
	border-right: 1px solid #849b7d;
	border-left: 1px solid #849b7d;
	background-image: url('../../images/palkkinappi_norm.jpg'); 
}

/* pitemmän painikkeen aktiivisuus */
td.cmd_active2	{
	background-repeat: repeat-x;
	height: 27px;
	border-left: 1px solid #849b7d;
	border-right: 1px solid #849b7d;
	background-image: url('../../images/palkkinappi_aktiv.jpg'); 
	font-size: 11px;
	font-weight: normal;
	color: #000000;
}
/* sivunnumeron tausta */
td.pagenumber	{
}

/* valitun sivunumeron tausta */
td.pagenumber_selected	{
	font-weight: bolder;
	border: 1px solid #003333;
	background-color: #FFFFFF;
}

/* navigaation linkki */
a.navigaatio	{
	color: #000000;
	text-decoration: none;
}

a.navigation{
	font-size: 11px;
	font-weight: bolder;
	border: 0px solid black;
	color: silver;
	text-decoration: none;
}


/* valikon tausta */
td.menuframe	{
	border-right: 2px dotted #849b7d;
}

/* alapalkki */
td.bottomframe	{
	background-image: url('../../images/bottom_bar.gif');
	/*background-color: #e5efe8;*/
	color: #FFFFFF;
	font-size: 11px;
	font-weight: bold;
	color: black;
}

/* valikon otsikkosolu */
td.topmenu	{
	background-color: white;
	height: 20px;
}
td.topmenu_active{
	background-color: white;
	height: 20px;
}

/* valikon linkkiteksti */
td.mainmenu	{
	background-color: white;
	height: 50px;
}
/* valikon linkkiteksti */
a.mainmenu	{
	font-size: 11px;
}
a.mainmenu:link		{color: #999999;	font-weight: bolder;	text-decoration: none;}
a.mainmenu:visited	{color: #999999;	font-weight: bolder;	text-decoration: none;}
a.mainmenu:hover	{color: black;		font-weight: bolder;	text-decoration: none;}

a.mainmenu_active	{
	font-size: 11px;
}
a.mainmenu_active:link		{color: black;	font-weight: bolder;	text-decoration: none;}
a.mainmenu_active:visited	{color: black;	font-weight: bolder;	text-decoration: none;}
a.mainmenu_active:hover		{color: black;	font-weight: bolder;	text-decoration: none;}

/* alavalikon linkkiteksti */
td.mainmenu2	{
	background-color: white;
}
/* alavalikon linkkiteksti */
a.mainmenu2	{
	font-size: 10px;
}
a.mainmenu2:link	{color: #999999;	font-weight: bolder;	text-decoration: none;}
a.mainmenu2:visited	{color: #999999;	font-weight: bolder;	text-decoration: none;}
a.mainmenu2:hover	{color: black;		font-weight: bolder;	text-decoration: none;}

/* alavalikon linkkiteksti aktiivinen */
a.mainmenu2_active	{
	font-size: 10px;
}
a.mainmenu2_active:link		{color: black;	font-weight: bolder;	text-decoration: none;}
a.mainmenu2_active:visited	{color: black;	font-weight: bolder;	text-decoration: none;}
a.mainmenu2_active:hover	{color: black;	font-weight: bolder;	text-decoration: none;}


/* Kalenteri*/
TD.calendar_border {
    border: solid black 1px;
}
TD.calendar_month {
    background-color: #D1D5D8;
    border: solid black;
    border-top-width: 0px;
    border-right-width: 0px;
    border-left-width: 0px;
    border-bottom-width: 1px;
}
A.calendar_month {
    font-weight: bold;
}
TD.calendar_today {
    border: solid black 1px;
    background-color: #D1D5D8;
}
TH.calendar_weekdays {
    background-color: #D7D8DD;
	font-size: 12px;
    border: solid black;
    border-top-width: 0px;
    border-right-width: 0px;
    border-left-width: 0px;
    border-bottom-width: 1px;
}
A.calendar_weekdays {
    font-weight: bold;
}
A.calendar_day {
} 

/*autocomplete listan tulostus*/
div.autocomplete {
      position:absolute;
      width:250px;
      background-color:#E9EEF5;
      border:1px solid #000;
      margin:0px;
      padding:0px;
    }
div.autocomplete ul  {
  list-style-type: none;
  margin:0px;
  padding:0px;
}
div.autocomplete ul li.selected { background-color: #B4CBF7; }
div.autocomplete ul li {
  list-style-type: none;
  display:block;
  margin:0;
  padding:2px;
  height:12px;
}
span.informal{
    font-style:italic;
}
/* LOADING SCREEN */
div#overlay{
    display: none;
    position: fixed;
    top: 0;
    left: 0;
    z-index: 10;
    width: 100%;
    height: 100%;
    background-color: transparent;
    background-image: url('../../images/overlay.png');
    background-repeat: repeat;
}
div#loading {
    display: none;
    position: fixed;
    z-index: 999;
    top: 50%;
    left: 50%;
    margin-left: -250px;
    margin-top: -100px;
    padding: 70px 120px 70px 120px;
    background: #a5c9f3;
    border: 0px;
    font-weight: bold;
    font-size: 20px;
}

@media screen {
    div#loading {
        position: fixed;
    }
    * html div#loading {
        position: absolute;
    }
}