@media screen {

	/* <PYÖRISTETYT_ELEMENTIT> */
	table.h-blue { /* Kiinteät otsikkoelementit */
		height: 25px;
		text-align: left;
		width: 100%;
	}
	table.h-blue td {
		background-color: #006699;
		background-image: url('../images/h-blue-c.gif'); 
		padding: 3px 0px 0px 0px;
		width: 100%;
	}
	table.h-blue th {
		width: 10px;
	}
	table.h-blue th img {
		height: 25px;
		width: 10px;
	}
	table.h-blue h1 {
		display: inline;
	}
	table.h-blue div.options {
		float:right;
	}
	
	/* <SKAALAUTUVAT_SISÄLTÖELEMENTIT> */

	/* Pyöristetty sisältötaulukko */

	table.c-blue {
		margin-bottom: 5px;
		width: 100%;
	}
	table.c-blue td.tl img,
	table.c-blue td.tr img,
	table.c-blue td.bl,
	table.c-blue td.bl img,
	table.c-blue td.br,
	table.c-blue td.br img {
		height: 10px;
		width: 10px;
	}
	table.c-blue td.tl {
		background-image: url('../images/c-tl.gif');
		width:15px !important;
	}
	table.c-blue td.tc {
		background-image: url('../images/c-t.gif');
		background-repeat: repeat-x;
		width: 100%;
	}
	table.c-blue td.tr {
		background-image: url('../images/c-tr.gif');
		width:15px !important;
	}
	table.c-blue td.bl {
		background-image: url('../images/c-bl.gif');
		width:15px !important;
	}
	table.c-blue td.bc {
		background-image: url('../images/c-b.gif');
		background-repeat: repeat-x;
		width: 100%;
	}
	table.c-blue td.br {
		background-image: url('../images/c-br.gif');
		width:15px !important;
	}
	table.c-blue td.c, table.c-blue td.hless {
		background-color: #eef5f9;
		background-image: url('../images/c-c.gif');
		background-repeat: repeat-x;
		background-position: top;
		border-left: 1px solid #006699;
		border-right: 1px solid #006699;
		text-align: left;
		padding: 5px 10px 0px 10px;
	}
	table.c-blue td.hless {
		padding: 0px 15px 5px 15px;
	}
	
	/* Kansiot */
	div.f-blue, div.f-green, div.f-grey, div.f-red, div.f-yellow, div.f-orange {
		background-position: top;
		border: 1px solid #999999;
		color: #444444;
		padding: 1px 2px 2px 2px;
		text-align: left;
		margin: -1px 0px 0px 0px;
	}
	div.f-blue a:hover, div.f-green a:hover, div.f-grey a:hover, div.f-red a:hover, div.f-yellow a:hover, div.f-orange a:hover {
		color: #666666;
		text-decoration: none;
	}
	div.f-blue div.options, div.f-green div.options, div.f-grey div.options, div.f-red div.options, div.f-yellow div.options, div.f-orange div.options {
		float:right;
	}
	div.f-blue img, div.f-green img, div.f-grey img, div.f-red img, div.f-yellow img, div.f-orange img {
		border: 0px;
		margin: 1px 0px -3px 0px;
	}
	div.f-blue div.left, div.f-green div.left, div.f-grey div.left, div.f-red div.leftdiv.f-yellow div.left, div.f-orange div.left {
		margin: 0px;
		padding: 0px;
		width: 50%;
	}
	div.f-blue div.right, div.f-green div.right, div.f-grey div.right, div.f-red div.right, div.f-yellow div.right, div.f-orange div.right {
		float: right;
		margin: 0px;
		padding: 0px;
		width: 50%;
	}

	div.f-blue {		background-color: #d9e7f9; }
	div.f-blue:hover {	background-color: #e6eef8; }
	div.f-blue, div.f-blue a {	   color: #006699; }

	div.f-yellow {		background-color: #ffedbe; }
	div.f-yellow:hover {	background-color: #fff4dd; }
	div.f-yellow, div.f-yellow a {	   color: dimgray; }

	div.f-red {		background-color: #ffd2d2; }
	div.f-red:hover {	background-color: #ffe9e9; }
	div.f-red, div.f-red a {           color: firebrick; }

	div.f-green {		background-color: #deffdb; }
	div.f-green:hover {	background-color: #efffed; }
	div.f-green, div.f-green a {       color: darkgreen; }
	
	div.f-grey {		background-color: #e8e8e8; }
	div.f-grey:hover {	background-color: #EEEEEE; }
	div.f-grey, div.f-grey a {         color: #666666; }
	
	div.f-orange {		background-color: #ffd9c0; }
	div.f-orange:hover {	background-color: #ffe7d8; }
	div.f-orange, div.f-orange a {	   color: #CC5C1D; }

	/* ALUEET */

	/* Sisällön container */
	div.content {
		padding: 4px 0px 0px 0px;
	}

	/* Oletus-fieldset */

	fieldset {

		border: 1px solid #999999;
		padding: 5px;
		margin: 0px 0px 5px 0px;
		
		/* IE */
		//padding: 1em;
		//position: relative;
		//top: 10px;
		//margin-bottom: 15px;
	}
	legend {
		/* IE */
		//padding: 1px;
		//position: absolute;
		//top: -1em;
	}
	legend img {
		position: relative;
		top: -3px;
	}
	legend.enabled:hover {
		background-color: white;
		color: #006699;
		cursor: pointer;
	}
	fieldset.settings {
		height: 200px;
	}
	fieldset {
		background-color: #EEEEEE;
		background-image: url('../images/f-grey-opened.gif');
		background-position: top;
	}
	/*div.f-blue fieldset:hover, div.f-green fieldset:hover, div.f-red fieldset:hover, div.f-yellow fieldset:hover {
		background-color: #EEEEEE;
	}*/
	legend {
		border: 1px solid #BBBBBB;
		background-color: #EEEEEE;
	}
	div.f-blue fieldset, div.f-green fieldset, div.f-red fieldset, div.f-orange fieldset, div.f-yellow fieldset, div.f-grey fieldset {
		margin: 10px 10px 5px 10px;
		//margin: 10px 10px 20px 10px;
		//padding:10px 5px 5px 5px;
	}

	/* <DATASHEETIT> */
	
	table.datasheet_new {
		border: 1px solid #BBBBBB;
		border-right: 0px none;
		color:#666666;
		/*width: 100%;*/
	}

	/*div.f-green table.datasheet_new, div.f-yellow table.datasheet_new, div.f-blue table.datasheet_new, div.f-red table.datasheet_new {
		margin: 5px 10px 5px 10px;
	}*/

	table.datasheet_new thead img {
		border: 0px none;
	}
	table.datasheet_new thead a:hover {
		text-decoration: none;
	}
	table.datasheet_new input,
	table.datasheet_new textarea,
	table.datasheet_new select,
	table.datasheet_new div.textarea {
		border: 0px none;
		margin: 0px;
		padding: 0px;
		width: 100%;
	}
	table.datasheet_new select {
		margin-top: -2px;
		margin-bottom: -2px;
	}
	table.datasheet_new thead td {
		background-color: white;
	}
	table.datasheet_new thead th, table.datasheet_new tbody td.th, table.datasheet_new tbody td.total, table.datasheet_new tbody td.totalblue {
		background-color: #BBBBBB;
		border-right: 1px solid #BBBBBB;
		padding: 2px 3px 2px 3px;
	}
	table.datasheet_new thead th, table.datasheet_new tbody td.th {
		background-image: url('../images/thead-grey-inverse.gif');
		background-position: bottom;
		background-repeat: repeat-x;
	}
	table.datasheet_new tbody td.th {
		background-image: url('../images/thead-blue-inverse.gif');
		background-position: bottom;
		background-repeat: repeat-x;
	}
	table.datasheet_new tbody td.total {
		background-color: white;
		background-image: url('../images/thead-grey.gif');
		background-position: bottom;
		background-repeat: repeat-x;
	}
	table.datasheet_new tbody td.totalblue {
		background-color: white;
		background-image: url('../images/thead-blue.gif');
		background-position: bottom;
		background-repeat: repeat-x;
	}
	table.datasheet_new tbody td {
		border-top: 1px solid #BBBBBB;
		border-right: 1px solid #BBBBBB;
		padding: 2px 5px 2px 5px;
	}
	table.datasheet_new tbody td.th {
		border-top: 1px solid #666666;
		border-right: 1px solid #D5E3EA;
	}
	table.datasheet_new tbody td.totalblue {
		border-top: 1px solid #D5E3EA;
		border-right: 1px solid #D5E3EA;
	}
	table.datasheet_new tbody td.compact {
		padding: 0px;
	}
	table.datasheet_new tbody td.input {
		padding: 2px;
		background-color: white;
	}
	table.datasheet_new tbody tr {
		background-color:#f0f0f0;
	}
	table.datasheet_new tbody tr:hover {
		background-color: white;
	}
	table.datasheet_new td.number { /* Numeroille align right */
		text-align:right;
	}
	table.datasheet_new td.date { /* Numeroille align right */
		text-align:center;
	}
	table.datasheet_new tbody tr.new, table.datasheet_new tbody tr.new td {
		background-color: #d3ead3;
	}
	table.datasheet_new tbody tr.new:hover,
	table.datasheet_new tbody tr.new td.input,
	table.datasheet_new tbody tr.new input,
	table.datasheet_new tbody tr.new select,
	table.datasheet_new tbody tr.new option,
	table.datasheet_new tbody tr.new textarea,
	table.datasheet_new tbody tr.new div.textarea {
		background-color: white;
		color: #006600;
	}
	table.datasheet_new img.button {
		margin: 0px 0px 0px 2px;
	}
	table.datasheet_new p.notice { /* Korjataan notice täsmäämään rivien korkeuksii */
		margin: 0px;
		padding: 0px;
		text-align: center;
		//padding:1px;
	}
	table.datasheet_new tbody.resizable-y td { /* Vertikaalisesti muokattavat taulukot */
    cursor: row-resize;
	}
	table.datasheet_new tbody.resizable-y td a:hover {
		text-decoration: none;
	}
	table.datasheet_new tbody.resizable-y td.reserved {
	  cursor: pointer;
	  padding: 0px;
	  text-align: center;
	  vertical-align: middle;
	}
	table.datasheet_new tbody.resizable-y td.reserved div {
		height: 100%;
	}
	table.datasheet_new tbody.resizable-y td.reserved:hover {

	}
	table.datasheet_new td.disabled, table.datasheet_new tbody.resizable-y td.disabled {
		cursor: default;
		background-color: #EFEFEF;
	}
	
/* <FUNKTIOELEMENTIT> */

	table.divider, table.folderend { /* Sisällön jaottelutaulu tai kansioalueen lopetus / jaottelu */
		width: 100%;
	}
	table.folderend {
		font-weight:bold;
		margin-top:-2px;
		margin-bottom:-5px;
		//margin-bottom:0px;
	}
	table.divider td {
		padding-top: 5px;
		padding-right: 10px;
		text-align: left;
		width: 50%;
	}
	table.divider img { /* Ylikirjoitetaan fieldsettien marginaaliasetukset */
		margin:0px;
		padding:0px;
	}
	table.folderend td {
		text-align: center;
		width: 100%;
	}
	div.help { /* Helppiexamplet, pyöreäreunaset kuvat (ennen) , notice-tekstit */
	  padding: 10px;
		text-align: center;
	}
	div.help img {
	  height: 100px;
	  margin: 2px;
    width: 100px;
	}
	table.examples, div.examples { /* Esimerkkirivit, jotka tulostetaan smarty pluginilla */
		width: 100%;
	}
	div.examples {
    background-repeat: repeat-x;
    height: 71px;
    position: relative; /* FF korjaus divin taustakuvaan */
    text-align: center;
	}
	div.examples p {
    vertical-align: middle;
	}
	table.examples {
		height: 80px;
	}
	table.examples td {
    background-repeat: repeat-x;
	}
	table.examples td.c {
		width: 100%;
	}
	table.examples td.l {
		text-align:left;
	}
	table.examples td.r {
		text-align:right;
	}

	/* VANHA FOLDER */

	table.folder {
	  color: #FFFFFF;
		font-size: 9pt;
		font-weight: bold;
		padding: 1px 0px 0px 0px;
		width: 100%;
		//padding-right: 20px; /* IE heittää divin yli reunoista */
		/*//margin-bottom: -1px; /* IE7 Poistetaan turhaa tilaa */
	}
	table.folder th {
  	text-align: right;
	}
	table.folder th.hr { /* Väliviiva esim. reskontrassa */
		padding: 0px;
		text-align: left;
	}
	table.folder th.hr div { /* Edelliseen: Väliviiva div container */
	  border-top: 1px dotted #FFFFFF;
	  height: 1px;
	  margin: 5px 0px 3px 0px;
	  padding: 0px;
		width: 100%;
		//width:95%; /* IE7 heittää divin yli */
	}
	table.folder th.title { /* Alleviivaukset esim. hakuprompteissa */
	  padding: 0px 0px 5px 0px;
	  text-align: left;
	  text-decoration: underline;
	}
	table.folder td {
		text-align: left;
	}
	table.folder td.opened { /* Avatun kansion sisältö */
		padding: 2px 5px 2px 0px; /* Asetetaan reunukset siten, ettei inputit peitä reunuksia */
		/*overflow: hidden;*/
		/* Siirretty templateihin //padding-right: 20px; */
	}
	/*table.folder td.opened input, table.folder td.opened select {  /*7Input- ja select -elementin reunojen korjaus sopimaan "välilehtiin"
	  margin-right: 3px;
	}*/
	/*table.folder input, table.folder select, table.folder textarea {  Avatun kansion Input/Select
	  /*border: 0px none;
	  /*padding: 1px;
		/*margin: 0px;
	} */
	/*table.folder textarea { /* Edelliseen: korjauksia (korjataan sopimaan readonlydivin kanssa)
		padding-top: 3px;
		//padding-top: 1px;
		//margin-top: -1px;
	}*/
	table.folder input.compact, input.compact { /* Tiivistetty input-elementti */
	  border: 0px none;
		margin: -2px 0px 0px 0px;
		padding: 0px;
  	/*margin:-2px -2px -2px 0px; Vanhan ie:n korjauksia */
	}
	/* table.folder select, table.folder textarea { Select-elementti, tarvitsee leveysmäärityksen
		width: 100%;
		//width: 101%; /* POISTETTU 2006-11-23 Leventää ie7 selectiä
	}*/
	div.folderguide { /* Kansioiden viivotus */
		background-image: url('../images/folderline.gif');
		background-position: 24px 0px;
		background-repeat: repeat-y;
	}


	/* VANHA DATASHEET */

	table.datasheet {
		/*font-family: Verdana, Arial, FreeSans, sans-serif;*/
		font-size: 8pt;
    margin-top: 5px; margin-bottom: 3px;
		padding: 0px;
		width: 100%;
		//border-right: solid 20px transparent; /* widthiä parempi korjaus oikeisiin reunoihin IE7*/
		//border-right: solid 20px #888888; /* vanha ie, widthiä parempi korjaus oikeisiin reunoihin, transparent ei toimi*/
		/*width: 97%; /* IE pistää reunat yli rounded-diveistä */
		/*//margin-right:500px; /* IE pistää reunat yli rounded-diveistä */
	}
	/* Datasheet: th */
	table.datasheet th, table.datasheet th.enabled {
		background-color: #888888;
		border-top: 1px solid #333333; border-right: 1px solid #CCCCCC; border-bottom: 1px solid #AAAAAA; border-left: 1px solid #333333;
		color: white;
		/*font-family: Arial, Verdana, FreeSans, sans-serif;
		font-weight: bold;*/
		padding: 1px 3px 1px 3px;
	}
	table.datasheet th.enabled:hover {
		background-color: #CCCCCC;
		border-top: 1px solid #666666; border-left: 1px solid #666666;
		color: #006699;
		cursor: pointer;
	}
	table.datasheet th.button { /* Symbolipainikkeiden tausta */
		background-color: #999999;
		padding: 2px;
	}
	table.datasheet th.disabled { /* Tumman vaalea otsikkopalkki, 2. tason otsikko */
		background-color: #CCCCCC;
    border-bottom: 1px solid #999999;
		border-left: 1px solid #666666;
		border-top: 0px none;
		color: #777777;
	}
	table.datasheet th.new, table.datasheet th.newenabled { /* Uusi arvon otsikkorivi */
		background-color: #6699CC;
		border-top: 1px solid #3366CC; border-right: 1px solid #99CCFF; border-bottom: 1px solid #99CCFF; border-left: 1px solid #3366CC;
		cursor: default;
	}
	table.datasheet th.newenabled:hover { /* Uuden arvon avausnuoli -taulukkorivi */
		background-color: #99CCFF;
		cursor: pointer;
	}
	table.datasheet th.newbutton { /* Uuden arvon symbolipainikkeiden tausta */
		background-color: #6699CC;
		padding: 2px;
	}
	table.datasheet th.thead { /* Tummataustaiset pääotsikot moniulotteisille taulukoille */
		background-color: #555555;
	}
	/* Datasheet: td */
	table.datasheet td {
		background-color: #FFFFFF;
		border-bottom: 1px solid #999999;
		border-left: 1px solid #999999;
		padding: 0px 4px 0px 2px;
		text-align: left; /* OLI CENTER mutta IE:n input menee huonosti */
	}
	table.datasheet td.bulk {
	  background-color: white;
		border: 0px none;
		padding: 0px;
		margin: 0px;
	}
	table.datasheet td.disabled {
		background-color: #EEEEEE;
		color: #666666;
	}
	table.datasheet td.total { /* Yhteensä -taulukkorivit, esim. työaikojen yhteenlasku */
		background-color: #FFFFFF;
		border-top: 2px solid #777777;
		color: #000000;
		font-weight: bold;
		padding-bottom: 10px;
		text-align: right;
	}
	table.datasheet td.new { /* Uusi-rivien perustaustat */
		background-color: #FFFFFF;
		border-top: 1px solid #3366CC; border-right: 1px solid #99CCFF;border-bottom: 1px solid #99CCFF; border-left: 1px solid #3366CC;
		padding: 0px 4px 0px 2px;
		text-align: left; /* OLI CENTER mutta IE:n input menee huonosti */
	}
	/* Datasheet: sisältö*/
	table.datasheet td.new input, table.datasheet td input, table.datasheet td.new select, table.datasheet td select {
		border: 0px none;
		margin: 0px;
		/*font-family: Verdana, Arial, FreeSans, sans-serif;
		font-size: 8pt;
		font-weight: normal;
		/*padding-left: 2px;
		text-align: left;*/
		width: 100%;
		//width:98%; /* IE7 sotkee */
	}
	table.datasheet div.textarea { /* Feikkitextarean korjaus osumaan kohdilleen textarean kanssa */
	  padding: 0px;
	}
	/*table.datasheet select {
		border: 0px none;
		width: 100%;
	}*/
	/*table.datasheet textarea { POISTETTU 8.6.2007 koska oletuskorkeus on oltava sama kuin javascriptissä ja muut asetukset stylesheet.css :ssä
		border: 0px none;
		/*height: 100%; 
		width: 100%; /*Vaihdettu 99->100 2006-11-23
	}*/


	/* VANHAT TITLE- ja FOOTER-palkit 

	table.title {
		background-color: #FF3300;
		background-image: url('../images/title-center.gif');
		background-repeat: repeat-x;
		background-position: top;
		color: #FFFFFF;
		font-size: 8pt;
		font-weight: bold;
		width: 100%;
	}
	table.title td.over {
		background-color: #006699;
		background-image: url('../images/title-center-over.gif');
		background-repeat: repeat-x;
	}
	table.title div {
		margin: 0px;
		padding: 8px 0px 0px 2px;
	}
	table.title img.left {
		float: left;
		//margin-left: -3px;
	}*/

	/* UUDET TITLET JA FOOTERIT (palkit ylhäällä ja alhaalla) */
	table.title {
		width: 100%;
	}
	table.title th, table.title th.options {
	  text-align: left;
	  background-image: url('../images/title-center.gif');
		background-repeat: repeat-x;
	}
	table.title th.options {
	  border-right: 1px solid #FF0000;
		text-align: right;
		padding-right: 5px;
	}
	table.title td {
		width: 15px;
	}
	table.title th.button, table.title th.over {
	  border-right:1px solid #FF0000;
		cursor: pointer;
	  text-align: center;
		width: 25px;
	}
	table.title th.over {
		background-color: #006699;
		background-image: url('../images/title-center-over.gif');
		background-repeat: repeat-x;
	}

	/* MENU */

  table.menu {

		/*opacity: 0.8;
		-moz-opacity: 0.8;
		filter:progid:DXImageTransform.Microsoft.Alpha(opacity=80);*/

    left: 5px;
    padding: 0px;
		position: fixed;
		top: 0px;
		width: 150px;

		_position: absolute;
		_left: 5px;
		_top: expression(eval(document.body.scrollTop));

	}
	/* Menun vasemman reunan kuvien sijoittelu */
	table.menu img.left {
		float: left;
		//margin-right: -15px; /* IE7 */
		/*//margin-left: -3px; /* vanha IE */
	}
	/* Menun vasemman kolmiokuvien sijoittelu */
	table.menu img.triangle {
	  border: 0px none;
		margin-left: -3px;
		margin-top: -1px;
		vertical-align: top;
	}
	/* Menun linkit blockeja, koska tällöin voidaan määrätä margin ja padding */
	table.menu a {
		display: block;
	}
	table.menu span {
	  display: block;
	}
	/* Menun ylärivi */
	table.menu td.menutop {
		background-image: url('../images/menutop-center.gif');
		background-repeat: repeat-x;
		height: 13px;
	}
	/* Menun alarivi */
	table.menu td.menubottom {
		background-image: url('../images/menubottom-center.gif');
		background-repeat: repeat-x;
		height: 13px;
	}
	
	/* Menun rivit */
	table.menu td.menuselect				{ background-color: #FF3300; background-image: url('../images/menuselect-center.gif'); }
	table.menu td.menuselect-over		{ background-color: #006699; background-image: url('../images/menuselect-center-over.gif'); }
	table.menu td.menuoption				{ background-color: #FF3300; background-image: url('../images/menuoption-center.gif'); }
	table.menu td.menuoption2				{ background-color: #FF3300; background-image: url('../images/menuoption2-center.gif'); }
	table.menu td.menuselect, table.menu td.menuselect-over, table.menu td.menuoption, table.menu td.menuoption2 {
	  background-repeat: repeat-x;
		height: 21px;
		cursor: pointer;
	}
	table.menu td.menuselect, table.menu td.menuselect-over {
	  background-repeat: repeat-x;
		background-position: top right;
    height: 21px;
    text-align: center;
    width: 100%;
	}
	
	/* Menun alueiden teksti ja oikean reunan kuva */
	table.menu td.menuselect div				{ background-image: url('../images/menuselect-right.gif'); }
	table.menu td.menuselect-over div		{ background-image: url('../images/menuselect-right-over.gif'); }
	table.menu td.menuoption div				{ background-image: url('../images/menuoption-right.gif');  }
	table.menu td.menuoption2 div				{ background-image: url('../images/menuoption2-right.gif'); }
	table.menu td.menuselect div, table.menu td.menuselect-over div {
    background-repeat: no-repeat;
    background-position: top right;
    font-size: 8.5pt;
    height: 21px;
	}
	table.menu td.menuoption div, table.menu td.menuoption2 div {
    background-repeat: no-repeat;
    background-position: top right;
    font-size: 9pt;
    height: 21px;
		text-align: left;
		width: 100%;
	}

	table.menu td.menuselect div span, table.menu td.menuselect-over div span {
		margin: 0px 10px 0px  0px;
		padding: 4px 0px 0px 0px;
	}
	table.menu td.menuoption div span, table.menu td.menuoption2 div span {
		margin: 0px 0px 0px 10px;
		padding: 4px 0px 0px 0px;
	}
	
	table.menu div#ajaxid_quickcontact {
	  background-color: #FF0000;
		padding: 1px 0px 0px 2px;
		margin: 0px 10px 0px 10px;
	}
	table.menu div#ajaxid_quickcontact input {
	  width: 100%;
	}


	/* <KALENTERI> */
	
	tr#menu_calendar td { /* Kalenterin paikka menussa */
		padding-top: 1px;
	}
	tr#menu_calendar td div {
    margin-left:5px;
		text-align:left;
		padding:0px;
	}
	
	table.calendar { /* Itse kalenteri */
	  border:1px solid #FF0000;
	  color: black;
	  font-size: 8pt;
	  font-weight: normal;
	  line-height: 8.5pt;
	  text-align: center;
	  width: 135px;
	}
	table.calendar th {
	  background-color: #006699;
	  border: 1px solid white;
	  color: white;
		font-weight: bold;
	}
	table.calendar th.enabled:hover {
		background-color: #FF0000;
		cursor: pointer;
	}
	table.calendar td {
		background-color: white;
		border: 1px solid white;
		text-align: center;
		width:14%;
	}
	table.calendar td:hover {
		background-color: #6096BF;
		color: white;
	}
	table.calendar a {  /* Tuleva */
		color: #006600;
		cursor: default;
		font-weight: bold;
		text-decoration: underline;
	}
	table.calendar td.g a { /* Mennyt */
		color: #C00000;
	}
	table.calendar td.c { /* Nykyinen tausta */
		background-color: #006699;
		color: white;
	}
	table.calendar td.c a { /* Nykyisen */
		color: white;
	}
	table.calendar td.e { /* Tyhjä */
		font-size: 1pt;
	}
	
	/* </KALENTERI> */
	/* <OVERLIB_POPUPIT> */

	table.popup { /* Popup-taulukot */
	  color: black;
    font-size: 8pt;
	}
	table.popup	th {
		font-weight: bold;
		padding: 0px;
		padding-right: 5px;
		text-align: right;
		width: 80px;
	}
	table.popup td {
		padding: 0px;
	}
	
	dl.popup { /* Popup dl-listat */
	  font-size: 8pt;
	  font-weight: bold;
		margin: 0px;
		padding: 0px;
		width: 100%;
	}
	dl.popup dt {
	  font-size: 9pt;
		margin: 0px;
		padding: 0px 0px 2px 0px;
	}
	dl.popup dd {
	  border: 1px solid transparent;
		margin: 0px;
		padding: 3px 2px 2px 1px;
	}
	dl.popup dd:hover {
	  border: 1px solid gray;
	  background-color: white;
	}
	dl.popup a {
	  text-decoration: none;
	}
	
	/* </OVERLIB_POPUPIT> */

	/* ID-tagit */

	#loading { /* VANHA LOADER */
		position: fixed;
		width: 130px;
		bottom: 5px;
		left: 5px;
		z-index: 99;
		_position: absolute;
	}
	#ajax_loading {
		position: fixed;
		bottom: 15px;
		left: 15px;
		z-index: 99;
		_position: absolute;
	}
	#ajax_response {
	  background-color: white;
		position: fixed;
		bottom: 10px;
		left: 10px;
		z-index: 99;
		width: 200px;
		_position: absolute;
	}

	#infocontainer {
		opacity: 0.5;
		-moz-opacity: 0.5;
		filter:progid:DXImageTransform.Microsoft.Alpha(opacity=50);
		position: fixed;
		bottom: 5px;
		right: 5px;
		z-index: 99;
		_position: absolute;
	}
	#info {
		background-color: gray;
		color: white;
		/*border: 1px solid white;*/
		font-size: 9pt;
		font-weight: bold;
		text-align: center;
		width: 100%;
	}
	/*
	#errorcontainer {
		opacity: 0.9;
		-moz-opacity: 0.9;
		filter:progid:DXImageTransform.Microsoft.Alpha(opacity=90);
		position: fixed;
		bottom: 5px;
		right: 5px;
		z-index: 99;
		_position: absolute;
	}
	#error {
		color: #FFFFFF;
		font-size: 9pt;
		font-weight: bold;
		text-align: center;
	}*/
	#error {
		position: fixed;
		bottom: 10px;
		left: 10px;
		z-index: 99;
		_position: absolute;
	}
	#mask {

		opacity: 0.7;
		-moz-opacity: 0.7;
		filter:progid:DXImageTransform.Microsoft.Alpha(opacity=70);

		background-color: white;
		margin: 0px;
		padding: 0px;
		position: fixed;
		top: 0px;
		left: 0px;
		height: 100%;
		width: 100%;
		//width: 101%;
		z-index: 2;

		_position: absolute;
		_left: 0px;
		_top: expression(eval(document.body.scrollTop));

	}

	/* TAULUKON KOON MUOKKAAJA */
	tr.tablemodifier th {
		border-top: 1px solid #CCCCCC;
		border-right: 1px solid #444444;
		border-left: 1px solid #CCCCCC;
		border-bottom: 1px solid #111111;
		background-color: #666666;
		padding: 0px;
		height: 2px;
	}

}

