/* Perusasetukset */
BODY{
	FONT-SIZE: 0.75em;
	COLOR: #000000; /*skin*/
	FONT-STYLE: normal;/*skin*/
	FONT-FAMILY: Arial, Helvetica, sans-serif;
	margin: 0 0 0 0;
	padding: 0;
	
}
form{
	margin:0;
}
img{
	border:none;
}
.clearer {
	margin: 0px auto;
	padding : 0;
	clear : both;
}
.clearer2 {
	margin: 0px auto;
	padding : 0;
	clear : both;
}
.defaultBackground {
	background-color: #edf1ee;/*skin*/
}
div.mainNarrow {
	max-width:790px;
	width:expression(document.body.clientWidth > 790? "790px": "auto" );
	background-color: #FFFFFF;
	padding: 0;
}
div.mainWide {
	max-width:1000px;	
	width:expression(document.body.clientWidth > 1000? "1000px": "auto" );
	background-color: #FFFFFF;
	padding: 0;
}

div.fullWidth{
	background-color: #FFFFFF;
	line-height: 1.1;
	margin-right: 10px;
	margin-left: 10px;
}
div.content{
	padding-left:10px;
	margin-right: 10px;
	min-height:600px;	
	height:expression(document.body.clientheight < 600? "600px": "auto" );
}
.boldText{
	font-weight: bold;
}
div.mainFull{
	width:100%;
	/*BACKGROUND-IMAGE: url(../IMAGES/technical/oikea_proto.jpg);
	background-repeat: no-repeat;
	background-attachment:fixed;
	background-position: top right;*/
}
/* Murupolku */
div.pagePath{
	padding:5px 5px 5px 0px;
	COLOR: #000000;/*skin*/
	font-style: normal;/*skin*/
	font-weight: bold;/*skin*/
}
div.pagePath A:link, div.pagePath A:hover, div.pagePath A:visited, div.pagePath A:active {
	COLOR: #000000;/*skin*/
	FONT-STYLE: normal;/*skin*/
	font-weight: normal;/*skin*/
	text-decoration:underline;
}

/* Puhtaasti asettelua */
DIV.fLeft {float:left; }
DIV.fRight {float:right;}
img.vaTop {vertical-align: top;}

/* Ryhmittelykehykset */
DIV.borderBoxOuter{
	/*width:100%;*/
	BORDER: #d7d7d7 1px solid;/*skin*/
}

DIV.borderBoxInner{
	
	margin:5px 5px 5px 5px;	
}
/* Osoiden väliin tuleva viiva tai yms.*/

div.spacerItem{
	BORDER-bottom: #8f8f8f 1px dashed;
	margin-top:5px;
	margin-bottom:5px;
}
div.managementTopLine{
	BACKGROUND-IMAGE: url(../IMAGES/technical/management_topLine.gif); /*skin*/
	background-repeat: repeat-x;
	height:7px;
}
/*Sivutukset*/
SPAN.selectedSubPage{
	color: #ff0000;/*skin*/
	font-weight: bold;/*skin*/
}
div.subPageLinks{
	font-weight: bold;/*skin*/
	color:#000000;/*skin*/
}

/* Linkit */
A:link{color: #000000;text-decoration:underline;}/*skin*/
A:hover{color: #dd7603;text-decoration:underline;}/*skin*/
A:active{color: #000000;text-decoration:underline;}/*skin*/
A:visited{color: #000000;text-decoration:underline;}/*skin*/
A:visited:hover{color: #dd7603;	text-decoration:underline;}/*skin*/

A.normalLink:link{color: #000000;text-decoration:underline;}/*skin*/
A.normalLink:hover{color: #dd7603;text-decoration:none;}/*skin*/
A.normalLink:active{color: #000000;text-decoration:underline;}/*skin*/
A.normalLink:visited{color: #000000;text-decoration:underline;}/*skin*/
A.normalLink:visited:hover{color: #dd7603;text-decoration:none;}/*skin*/

A.treeLink:link{color: #000000;}
A.treeLink:hover{color: #CE6208;}
A.treeLink:active{color: #000000;}
A.treeLink:visited{	color: #000000;}
A.treeLink:visited:hover{color: #CE6208;}

/* Sivun pääotsikko */
DIV.mainHeader{ 
	FONT-SIZE: 1.4em;
	font-weight: bold;/*skin*/
	COLOR: #000000;/*skin*/
	padding-bottom:5px;
	padding-top:10px;
}

DIV.mainHeaderNewWin{
	FONT-SIZE: 1.4em;
	font-weight: bold;
	COLOR: #000000;
	padding-bottom:5px;
	padding-top:10px;
	float:left;
	width:69%;
}
DIV.mainHeaderNewWinRigth{
	FONT-SIZE: 1em;
	COLOR: #000000;
	padding-bottom:5px;
	padding-top:10px;
	float:right;
	width:29%;
	vertical-align:bottom;	
}
span.firstElem{
	COLOR: #9d9d9d;
}
span.secondElem{
	color: #000000;
}
/* otsikon alle tulevat viivat */
DIV.mainHeaderBottomLine{
	BORDER-top: #999999 2px solid;	/*skin*/
	BORDER-bottom: #d7d7d7 0px solid;/*skin*/	
}
DIV.spacer{
	padding-bottom:10px;
}

/* Väliotsikko */

DIV.subtitle{ /*ohjeessa*/
	BACKGROUND-IMAGE: url(../IMAGES/technical/subtitleBG.gif);/*skin*/
	background-repeat: repeat-x;
	BACKGROUND-COLOR: #80bb2b;/*skin*/
}
* html .subtitle {height: 1%;}
DIV.expanderTitleInner{
	font-weight: bold;/*skin*/
	COLOR: #ffffff;/*skin*/
	FONT-SIZE: 1em;
	padding-top:4px;
	padding-left:0px;
	/*border:#000000 1px solid;*/
}
DIV.expanderTitleInner A:link, DIV.expanderTitleInner A:hover, DIV.expanderTitleInner A:active, DIV.expanderTitleInner A:visited{
	font-weight:bold;/*skin*/
	color:#FFFFFF;/*skin*/
	text-decoration:underline;/*skin*/
}
DIV.subtitleInner{ /*ohjeessa*/
	padding-left:0px;
	font-weight: bold;/*skin*/
	COLOR: #ffffff;/*skin*/
	FONT-SIZE: 1em;
	padding-top:4px;
}
DIV.subtitleInner A:link, DIV.subtitleInner A:hover, DIV.subtitleInner A:active, DIV.subtitleInner A:visited{ /*ohjeessa*/
	color: #ffffff;/*skin*/
	text-decoration:underline;/*skin*/
	padding-top:4px;
	padding-right:5px;
	padding-bottom:5px;
}

DIV.subtitle3{ /*ohjeessa*/
	font-weight: bold;/*skin*/
	color:#000000;/*skin*/
	FONT-SIZE: 1.15em;
	padding-top:5px;
	padding-bottom:5px;
}
DIV.subtitle3 A:link, DIV.subtitle3 A:hover, DIV.subtitle3 A:active, DIV.subtitle3 A:visited{ /*ohjeessa*/
	color: #000000;/*skin*/
	text-decoration:underline;/*skin*/
	FONT-SIZE: 1.15em;
	padding-top:5px;
}

DIV.subtitle2{ /*ohjeessa*/
	font-weight: bold;/*skin*/
	color:#000000;/*skin*/
	/*padding:5px 5px 5px 5px;*/
	padding-top:5px;
	padding-bottom:5px;
	padding-left:3px;
	BACKGROUND-COLOR:#c2cfb3;/*skin*/
}
DIV.subtitle2 A:link, DIV.subtitle2 A:hover, DIV.subtitle2 A:active, DIV.subtitle2 A:visited{ /*ohjeessa*/
	color: #000000;/*skin*/
	text-decoration:underline;/*skin*/
	padding-top:5px;
	padding-bottom:5px;
	BACKGROUND-COLOR:#c2cfb3;/*skin*/
}
/* Painikealueet*/
div.buttonLayerBasic{ /*ei ulkoasua, vain paddingit! */
	padding-left:10px;
	padding-right:10px;
	padding-top:8px;
	padding-bottom:5px;
}

DIV.buttonLayer1Outer{ /*ohjeessa*/
	BACKGROUND-IMAGE: url(../IMAGES/technical/butt_palk.gif);/*skin*/
	background-repeat: repeat-x;
	BACKGROUND-COLOR:#ffffff;/*skin*/
	BORDER-left: #cccccc 1px solid;	/*skin*/
	BORDER-right: #cccccc 1px solid;	/*skin*/
	BORDER-bottom: #cccccc 1px solid;/*skin*/
	BORDER-top: #cccccc 1px solid;/*skin*/
	padding-left:5px;
	padding-right:5px;
	padding-top:0px;
}
DIV.buttonLayer1Inner{
	padding-left:5px;
	padding-right:5px;
	padding-top:8px;
	padding-bottom:5px;
}
DIV.buttonLayer2Outer{ /*ohjeessa*/
	BACKGROUND-IMAGE: url(../IMAGES/technical/butt_palk2.gif);/*skin*/
	background-repeat: repeat-x;
	BORDER-top: #999999 2px solid;/*skin*/
	BORDER-bottom: #8f8f8f 1px dotted;	/*skin*/
	padding-left:5px;
	padding-right:5px;
	padding-top:0px;	
}
DIV.buttonLayer2Inner{
	padding-left:5px;
	padding-right:5px;
	padding-top:8px;
	padding-bottom:5px;
}
/*Painikkeet*/
INPUT.button1{ /*ohjeessa*/
	font-weight: bold;/*skin*/
	margin-left:5px;
	margin-right:5px;
	FONT-SIZE: 1em;
	COLOR: #333333;/*skin*/
	border:2px solid;/*skin*/
	border-top-color:#999999;/*skin*/
	border-left-color:#999999;/*skin*/
	border-right-color:#666666;/*skin*/
	border-bottom-color:#666666;/*skin*/
	BACKGROUND-COLOR:#e0e0e0;/*skin*/
}
INPUT.button2{ /*ohjeessa*/
	font-weight: bold;/*skin*/
	margin-left:5px;
	margin-right:5px;
	FONT-SIZE: 1em;
	COLOR: #ffffff;/*skin*/
	BACKGROUND-COLOR:#568641;/*skin*/
	border:#999999 2px solid;/*skin*/
}

/* Taulukot */

TABLE.basicTable{ 						/*ohjeessa*/
	BORDER: 0; /*BG*/
	WIDTH: 100%; /*PRO*/
	border-spacing:0;
	FONT-SIZE: 0.95em;
	margin: 0;
	border-collapse:collapse;
}
TABLE.basicTable TR{						/*ohjeessa*/
	BACKGROUND-COLOR:#edf1ee;/*skin*/
}
TABLE.basicTable TR.commchannel{ 		/*ohjeessa*/
	BACKGROUND-COLOR:#ffffff;/*skin*/
}
TABLE.basicTable TD{
	padding:5px;
	border-top: 2px #ffffff solid;/*skin*/
}
TABLE.basicTable TR.highlight{
	BACKGROUND-COLOR:#fbfbfb;/*skiniin*/
}
TABLE.basicTable TH{						/*ohjeessa*/
	BACKGROUND-COLOR:#c2cfb3 ;/*skin*/
	font-weight: bold;/*skin*/
	padding:5px;
	text-align:left;
}

TABLE.basicTable TH.thin{
	WIDTH: 1%;
}

/* taulukossa olevat linkit */

TABLE.basicTable A:link, TABLE.basicTable A:visited, TABLE.basicTable A:active{ /*ohjeessa*/
	color: #000000;/*skin*/
	font-weight:normal;/*skin*/
		
}
TABLE.basicTable A:hover, TABLE.basicTable A:visited:hover{ 		/*ohjeessa*/
	color: #CE6208;/*skin*/
	font-weight:normal;/*skin*/
		
}
TABLE.basicTable input.inputRadio{
	margin-top:0px;
	margin:0px;
	padding:0px;
}

/* sisäframessa oleva taulukko */
TABLE.iFrameTable{  
	BORDER: 0; /*BG*/
	WIDTH: 100%; /*PRO*/
	border-spacing:0;
	FONT-SIZE: 0.95em;
	margin: 0;
	border-collapse:collapse;
}
TABLE.iFrameTable TR{										/*ohjeessa*/
	BACKGROUND-COLOR:#ffffff;/*skin*/
}
TABLE.iFrameTable TD{
	padding:2px;
}
TABLE.iFrameTable TH{										/*ohjeessa*/
	BACKGROUND-COLOR:#c2cfb3 ;/*skin*/
	font-weight: bold;/*skin*/
	padding:5px;
	text-align:left;
}

TABLE.iFrameTable TH.thin{
	WIDTH: 1%;
}
TABLE.iFrameTable TH.iFrameExtraRow{
	padding-top:10px;
	padding-bottom:10px;
}
DIV.iFrameExtraRowItem{
	padding-left:10px;
	FONT-SIZE: 1.4em;
	float:left;
}
/* taulukossa olevat linkit */

TABLE.iFrameTable A:link, TABLE.iFrameTable A:visited, TABLE.iFrameTable A:active{ /*ohjeessa*/
	color: #000000;/*skin*/
	font-weight:normal;	/*skin*/
}
TABLE.iFrameTable A:hover, TABLE.iFrameTable A:visited:hover{ /*ohjeessa*/
	color: #CE6208;/*skin*/
	font-weight:normal;	/*skin*/
}

/*Kurssienhallinnan kurssitaulukko */

table.courseManagement tr.showbgcolor td {
	background-color:#edf1ee; /*skin*/
} 

/* Listaukset */
ul.materials{
	margin:0px;
	padding-left:15px;
	margin-left:15px;
	padding-top:8px;
	padding-bottom:2px;
	padding-right:5px;
	color:#000000;/*skin*/
}
li.materialItem{
	list-style: none outside url(../images/icons/bullet_arrows.gif);/*skin*/
	margin-bottom:6px;
}
li.materialItem A:link, li.materialItem A:hover, li.materialItem A:active, li.materialItem A:visited{
	color: #000000;/*skin*/
	font-weight:normal;/*skin*/
	text-decoration:none;/*skin*/
}
/* Välilehdet */

div.tab_active /*ohjeessa*/
	{
   		BACKGROUND-IMAGE: url(../IMAGES/technical/tab-mid.gif);/*skin*/
		background-repeat: repeat-x;
    	FLOAT: left;
    	BACKGROUND-COLOR:#75ac2a;	/*skin*/
	}
div.tab_active div.tabInner { padding:6px 6px 2px 6px;}
div.tab_active div.tabInner A:link, div.tab_active div.tabInner A:hover, div.tab_active div.tabInner  A:active, div.tab_active div.tabInner  A:visited /*ohjeessa*/
	{
   		font-weight:bold;/*skin*/
		color:#FFFFFF;/*skin*/
		text-decoration:none;/*skin*/
	}
div.tab /*ohjeessa*/
	{
   		BACKGROUND-IMAGE: url(../IMAGES/technical/tab-mid2.gif);/*skin*/
		background-repeat: repeat-x;
    	FLOAT: left;
    	BACKGROUND-COLOR:#e4e4e4;	/*skin*/
		color:#666666;/*skin*/
	}
div.tab div.tabInner {	padding:6px 6px 2px 6px; }
div.tab div.tabInner A:link, div.tab div.tabInner A:hover, div.tab div.tabInner  A:active, div.tab div.tabInner  A:visited /*ohjeessa*/
	{
   		font-weight:bold;/*skin*/
		color:#646464;/*skin*/
		text-decoration:none;/*skin*/
	}
div.tab_space /*ohjeessa*/
	{
   		border-left: #ffffff 2px solid;/*skin*/
    	FLOAT: left;
	}
div.tab_bottom{ /*ohjeessa*/
		BORDER-top: #75ac2a 3px solid;	/*skin*/	
	}

/* puut */
DIV.discTree A:link, DIV.discTree A:hover, DIV.discTree A:active, DIV.discTree A:visited{
	color: #000000;
	font-weight:normal;
}
div.discTree A{
	font-weight:bold;
}

/*  Materiaalit - PUU */
table.materials{
	/*BACKGROUND-COLOR:#e4e4e4;*/
	BORDER: #330000 1px solid;
	
}
table.subsDisabled4{
display: none;
}
table.subMenu2, table.subMenu, 
table.rootMenu, table.subMenu2Active, 
table.subMenuActive, table.rootMenuActive, 
table.subsDisabled2, table.subsDisabled,table.subsDisabled3,
table.defaultTheme{
font-size:1em;
}
table.subsDisabled2, table.subsDisabled,table.subsDisabled3,
table.defaultTheme{
font-size:1em;
}
div.kehys {border:#c2cfb3 1px solid;/*skin*/border-bottom:#c2cfb3 4px solid;/*skin*/}

table.defaultTheme{
background-color:#edf1ee;/*skin*/padding:4px;border-top:#ffffff 1px solid;/*skin*/}

/* ylin taso */
table.rootMenu{background-color:#edf1ee;/*skin*/padding:4px;}
table.rootMenuActive{background-color:#c2cfb3;/*skin*/padding:4px;}


table.rootMenu a:link,table.rootMenu a:visited,table.rootMenu a:active{color:#000000;/*skin*/text-decoration:none;/*skin*/}
table.rootMenuActive a:link,table.rootMenuActive a:visited,table.rootMenuActive a:active{color:#000000;/*skin*/FONT-FAMILY: Arial;text-decoration:none;/*skin*/ font-weight:bold;/*skin*/}
table.subsDisabled2 a:link,table.subsDisabled2 a:visited,table.subsDisabled2 a:active{color:#000000;/*skin*/FONT-FAMILY: Arial;text-decoration:none;/*skin*/}
table.subMenu2 a:link,table.subMenu2 a:visited,table.subMenu2 a:active{color:#000000;/*skin*/FONT-FAMILY: Arial;text-decoration:none;/*skin*/}
table.subMenu a:link,table.subMenu a:visited,table.subMenu a:active{color:#000000;/*skin*/FONT-FAMILY: Arial;text-decoration:none;/*skin*/}

/* hoverien viritys */
table.subsDisabled2 a:hover,table.subsDisabled2 a:visited:hover,
table.subMenu a:hover,table.subMenu a:visited:hover,
table.subMenuActive a:hover,table.subMenuActive a:visited:hover,
table.subMenu2 a:hover,table.subMenu2 a:visited:hover,
table.subMenu2Active a:hover,table.subMenu2Active a:visited:hover,
table.rootMenuActive a:hover,table.rootMenuActive a:visited:hover,
table.rootMenu a:hover,table.rootMenu a:visited:hover
{
color: #dd7603;
FONT-FAMILY: Arial;
text-decoration:none;
}
/* taso2 */ 

table.subMenu2, table.subMenu{background-color:#edf1ee;/*skin*/padding:4px;border-top:#ffffff 1px solid;/*skin*/}
table.subMenuActive{background-color:#edf1ee;/*skin*/padding:4px;border-top:#ffffff 1px solid;/*skin*/}
table.subMenuActive a:link,table.subMenuActive a:visited,table.subMenuActive a:active{FONT-FAMILY: Arial;text-decoration:none;/*skin*/font-weight:bold;/*skin*/}
/* taso 3 */
table.subsDisabled2, table.subsDisabled3{background-color:#edf1ee;/*skin*/margin-top:2px;}
table.subMenu2Active{background-color:#e4e4e4;/*skin*/padding:4px;border-top:#ffffff 1px solid;/*skin*/}

table.subsDisabled2 a:link,table.subsDisabled2 a:visited,table.subsDisabled2 a:active,
table.subsDisabled3 a:link,table.subsDisabled3 a:visited,table.subsDisabled3 a:active 
	{color:#000000;/*skin*/FONT-FAMILY: Arial;text-decoration:none;/*skin*/}
table.subMenu2Active a:link,table.subMenu2Active a:visited,table.subMenu2Active a:active 
{color:#000000;/*skin*/FONT-FAMILY: Arial;text-decoration:underline;/*skin*/}

/* Infoteksti */

DIV.infotext{/* Yksittäiseen elementtiin kohdistuva ohje */
	margin-top:10px;
	margin-bottom:10px;
	padding:5px;
	BORDER: #d25e02 0px solid;/*skin*/
	min-height:22px;
}
DIV.infotext ul{
	list-style: none;margin:0px;padding:0px;
}
DIV.infotext ul li{
	BACKGROUND-IMAGE: url(../images/icons/Info_kysymys.gif);/*skin*/
	background-repeat: no-repeat;
	padding-left:18px;
}
DIV.InstructiveInfoText{/* Tärkeä ohje ennen toiminnon suorittamista */
	margin-top:10px;
	margin-bottom:10px;
	padding:5px;
	BORDER: #d25e02 1px solid;/*skin*/
	min-height:22px;
}
DIV.InstructiveInfoText ul{
	list-style: none;margin:0px;padding:0px;
}
DIV.InstructiveInfoText ul li{
	BACKGROUND-IMAGE: url(../images/icons/Info_huom.gif);/*skin*/
	background-repeat: no-repeat;
	padding-left:18px;
}
DIV.LargeInfotext{/* Yleisohje */
	padding:10px;
	margin-top:10px;
	margin-bottom:10px;
	BORDER: #999999 1px solid;/*skin*/
	min-height:22px;
}
DIV.LargeInfotext ul{
	list-style: none;margin:0px;padding:0px;
}
DIV.LargeInfotext ul li{
	BACKGROUND-IMAGE: url(../images/icons/Info_info.gif);/*skin*/
	background-repeat: no-repeat;
	padding-left:18px;
}
DIV.AlertInfotext{/* Virheilmoitus */
	padding:10px;
	margin-top:10px;
	margin-bottom:10px;
	BORDER: #cc0000 1px solid;/*skin*/
	min-height:22px;
}
DIV.AlertInfotext ul{
	list-style: none;margin:0px;padding:0px;
}
DIV.AlertInfotext ul li{
	BACKGROUND-IMAGE: url(../images/icons/Info_alert.gif);/*skin*/
	background-repeat: no-repeat;
	padding-left:18px;
}
DIV.AlertInfotext2{/* Virheilmoitus */
	padding:10px;
	margin-top:10px;
	margin-bottom:10px;
	BORDER: #cc0000 2px solid;/*skin*/
	background-color:#eaeaea;/*skin*/
	min-height:22px;
}
DIV.AlertInfotext2 ul{
	list-style: none;margin:0px;padding:0px;
}
DIV.AlertInfotext2 ul li{
	BACKGROUND-IMAGE: url(../images/icons/Info_alert.gif);/*skin*/
	background-repeat: no-repeat;
	padding-left:18px;
}
DIV.PostiveResponseInfoText{/* Positiivinen palaute */
	padding:10px;
	margin-top:10px;
	margin-bottom:10px;
	BORDER: #336600 1px solid;/*skin*/
	min-height:22px;
}
DIV.PostiveResponseInfoText ul{
	list-style: none;margin:0px;padding:0px;
}
DIV.PostiveResponseInfoText ul li{
	BACKGROUND-IMAGE: url(../images/icons/Info_ok.gif);/*skin*/
	background-repeat: no-repeat;
	padding-left:18px;
}
div.infotextInner{
	/*width:92%;*/
	padding-left:10px;
	padding-bottom:5px;
	padding-top:3px;
}
DIV.AlertInfotext2 div.infotextInner{
	font-weight:bold;/*skin*/
	font-size:1.15em;
}
* html .AlertInfotext{height: 1%;}
* html .infotextInner{height: 1%;}
* html .AlertInfotext, DIV.PostiveResponseInfoText, DIV.LargeInfotext , DIV.InstructiveInfoText, DIV.infotext{height: 1%;}

/* Etusivun nostot */

DIV.toEditFP{
	padding:10px;
	margin-top:10px;
	margin-bottom:10px;
	BORDER: #d7d7d7 1px solid;/*skin*/ /*skiniin*/
	min-height:22px;
}
DIV.toEditFP ul{
	list-style: none;margin:0px;padding:0px;
}
DIV.toEditFP ul li{
	BACKGROUND-IMAGE: url(../images/icons/Info_lamp.gif);/*skin*//*skiniin*/
	background-repeat: no-repeat;
	padding-left:18px;
}
div.toEditFP A:link, div.toEditFP A:hover, div.toEditFP A:active, div.toEditFP A:visited{
	color: #dd7603;/*skin*/ /*skiniin*/
	font-weight:bold;/*skin*/ /*skiniin*/
}
div.nostoBox{
	margin-top:1px;
	border:#d7d7d7 1px solid;/*skin*/
	border-top:#d7d7d7 2px solid;/*skin*/
	font-weight:normal;
}
div.nostoPadd{
	padding:4px;
}
div.nostoBottom{
	height:4px;
}
DIV.InstructiveInfoText ul li{
	BACKGROUND-IMAGE: url(../images/icons/Info_huom.gif);/*skin*/
	background-repeat: no-repeat;
	padding-left:18px;
}
ul.nosto{
	margin:0px;
	padding-left:0px;
	margin-left:5px;
	padding-top:8px;
	padding-bottom:2px;
	padding-right:5px;
	list-style: none;
}
li.nostoItem{
	margin-top:5px;
	padding-bottom:4px;
	BACKGROUND-IMAGE: url(../images/icons/bullet_arrows.gif);/*skin*/
	background-repeat: no-repeat;
	BACKGROUND-position:4px 4px;
	padding-left:24px;
}

li.nostoItemNoNewWin{
	margin-top:5px;
	padding-bottom:4px;
}

li.nostoItemTool{
	list-style: disc outside;/*skin*/
	color:#CE6208;/*skin*/
	margin-bottom:6px;
	
}
li.nostoItem span{
	margin-left:0px;
}
div.noNewWinList  li.nostoItem{
	
}
div.newWinList  li.nostoItem{
	BACKGROUND-IMAGE: url(../images/icons/bullet_arrows2.gif);/*skin*/
	background-repeat: no-repeat;
	padding-left:24px;
	BACKGROUND-position:4px 1px;
}
div.newWinList  li.nostoItemNoNewWin{
	BACKGROUND-IMAGE: url(../images/icons/bullet_arrows.gif);/*skin*/
	background-repeat: no-repeat;
	padding-left:24px;
	BACKGROUND-position:4px 1px;
}
li.nostoItem A:link, li.nostoItem A:hover, li.nostoItem A:active, li.nostoItem A:visited{
	color: #000000;/*skin*/
	font-weight:normal;/*skin*/
	text-decoration:none;/*skin*/
}
li.nostoItemNoNewWin A:link, li.nostoItemNoNewWin A:hover, li.nostoItemNoNewWin A:active, li.nostoItemNoNewWin A:visited{
	color: #000000;/*skin*/
	font-weight:normal;/*skin*/
	text-decoration:none;/*skin*/
}
div.nostoNoItems{
	padding-left:5px;
	padding-top:10px;
	padding-bottom:10px;
}
div.nostoMoreItems{
	padding-left:10px;
	padding-top:1px;
	padding-bottom:6px;
}
div.nostoMoreItems A:link, div.nostoMoreItems A:hover, div.nostoMoreItems A:active, div.nostoMoreItems A:visited{
	color: #e47501;/*skin*/
	font-weight:bold;/*skin*/
	text-decoration:underline;/*skin*/
}
DIV.nostoHeader1{ 				
	BACKGROUND-IMAGE: url(../IMAGES/technical/nost_red.gif);/*skin*/
	background-repeat: repeat-x;
	BACKGROUND-COLOR:#af4c2c;/*skin*/
	padding:0px;
	BORDER-bottom: #b1b1b1 1px solid;/*skin*/
	/*border:#000000 1px solid;*/
}
div.nostoHeaderBottom1{ 
	BACKGROUND-COLOR:#000000;/*skin*/
	HEIGHT: 0px;
	BORDER: #ff0000 1px solid;/*skin*/
	width:100%;
}
div.nostoHeaderInner1{
	color: #ffffff;/*skin*/
	padding-left:5px;
	font-weight: bold;/*skin*/
	padding-top:6px;
}
DIV.nostoHeaderInner1 A:link, DIV.nostoHeaderInner1 A:hover, DIV.nostoHeaderInner1 A:active, DIV.nostoHeaderInner1 A:visited{ /**/
	color: #ffffff;/*skin*/
	text-decoration:underline;/*skin*/
	/*FONT-SIZE: 0.9em;*/
}

DIV.nostoHeader2{ 				
	BACKGROUND-IMAGE: url(../IMAGES/technical/nost_orange.gif);/*skin*/
	background-repeat: repeat-x;
	BACKGROUND-COLOR:#c9671c;/*skin*/
	padding:0px;
	BORDER:none;
	BORDER-bottom: #b1b1b1 1px solid;/*skin*/
	padding-top:0px;
	/*border:#000000 1px solid;*/
}
div.nostoHeaderBottom2{ 
	BACKGROUND-COLOR:#000000;/*skin*/
	HEIGHT: 0px;
	BORDER: #ff0000 1px solid;/*skin*/
	width:100%;
}
div.nostoHeaderInner2{
	color: #ffffff;/*skin*/
	padding-left:5px;
	font-weight: bold;/*skin*/
	padding-top:6px;
}
DIV.nostoHeaderInner2 A:link, DIV.nostoHeaderInner2 A:hover, DIV.nostoHeaderInner2 A:active, DIV.nostoHeaderInner2 A:visited{ /**/
	color: #ffffff;/*skin*/
	text-decoration:underline;/*skin*/
	/*FONT-SIZE: 0.9em;*/
}

/* Työkalujen nostot */

DIV.toolHeader{ 				/*ohjeessa*/
	BACKGROUND-IMAGE: url(../IMAGES/technical/toolHeader_middle.gif);/*skin*/
	background-repeat: repeat-x;
	BACKGROUND-COLOR:#c3d0b4;/*skin*/
	padding:0px;
	BORDER-bottom: #abb7a3 1px solid;/*skin*/
}
div.toolHeaderBottom{ /*ohjeessa*/
	BACKGROUND-COLOR:#c3d0b4;/*skin*/
	HEIGHT: 0px;
	BORDER: #abb7a3 1px solid;/*skin*/
}
div.toolHeaderInner{ 
	color: #000000;/*skin*/
	padding-left:5px;
	font-weight: bold;/*skin*/
	padding-top:6px;
}
DIV.toolHeaderInner A:link, DIV.toolHeaderInner A:hover, DIV.toolHeaderInner A:active, DIV.toolHeaderInner A:visited{ /*ohjeessa*/
	color: #000000;/*skin*/
	text-decoration:underline;/*skin*/
	FONT-SIZE: 0.9em;
	padding-right:3px;
}
div.commchannelHeader{
	BACKGROUND-IMAGE: url(../IMAGES/icons/ilmoitukset_symboli.gif);
	background-repeat: no-repeat;
	width:27px;
	height:16px;
	overflow: hidden;
	position:relative;
	top:3px;
	left:0px;
}
div.calendarHeader{
	BACKGROUND-IMAGE: url(../IMAGES/icons/kalenteri_symboli2.gif);
	background-repeat: no-repeat;
	width:27px;
	height:16px;
	overflow: hidden;
	position:relative;
	top:3px;
	left:0px;
}
div.discussionHeader{
	BACKGROUND-IMAGE: url(../IMAGES/icons/keskustelut_symboli.gif);
	background-repeat: no-repeat;
	width:27px;
	height:16px;
	overflow: hidden;
	position:relative;
	top:3px;
	left:0px;
}
div.vitrineHeader{
	BACKGROUND-IMAGE: url(../IMAGES/icons/vitriini_symboli.gif);
	background-repeat: no-repeat;
	width:27px;
	height:16px;
	overflow: hidden;
	position:relative;
	top:3px;
}
div.projectsHeader{
	BACKGROUND-IMAGE: url(../IMAGES/icons/projektit_symboli.gif);
	background-repeat: no-repeat;
	width:27px;
	height:16px;
	overflow: hidden;
	position:relative;
	top:3px;
	left:0px;
}
div.chatHeader{
	BACKGROUND-IMAGE: url(../IMAGES/icons/chat_symboli.gif);
	background-repeat: no-repeat;
	width:27px;
	height:16px;
	overflow: hidden;
	position:relative;
	top:4px;
	left:-3px;
}
div.surveyHeader{
	BACKGROUND-IMAGE: url(../IMAGES/icons/kyselyt_symboli.gif);
	background-repeat: no-repeat;
	width:27px;
	height:16px;
	overflow: hidden;
	position:relative;
	top:3px;
	left:-2px;
}
div.rssHeader{
	BACKGROUND-IMAGE: url(../IMAGES/icons/rss_symboli.gif);
	background-repeat: no-repeat;
	width:27px;
	height:16px;
	overflow: hidden;
	position:relative;
	top:3px;
	left:0px;
}
div.editorHeader{
	BACKGROUND-IMAGE: url(../IMAGES/icons/editori_symboli.gif);
	background-repeat: no-repeat;
	width:29px;
	height:16px;
	overflow: hidden;
	position:relative;
	top:3px;
	left:0px;
}
div.blogHeader{
	BACKGROUND-IMAGE: url(../IMAGES/icons/blogi_symboli.gif);
	background-repeat: no-repeat;
	width:29px;
	height:16px;
	overflow: hidden;
	position:relative;
	top:3px;
	left:-3px;
}
/* OYP-2665 KIR Siirtyminen Ratkoo-palveluun OPIT:sta - start */
div.ratkooHeader{
	BACKGROUND-IMAGE: url(../IMAGES/icons/maapalloikoni.gif);
	background-repeat: no-repeat;
	width:26px;	
	height:23px;
	overflow: hidden;
	position:relative;
	top:3px;
	left:-3px;
}
div.ratkooToolHeaderInner{
	color: #000000; 
	position: relative;
	left: -1px;
	max-width: 166px;
	overflow: hidden;
	white-space: nowrap;
	padding-left:0px;
	font-weight: bold; 
	padding-top:6px;
}
/* OYP-2665 KIR Siirtyminen Ratkoo-palveluun OPIT:sta  - end */

/* Painike, jossa ikoni */
DIV.buttonWithIcon{
	float:left;
	padding:2px;
}
DIV.buttonWithIcon div{
	text-align:center;
}
DIV.buttonWithIcon div img{
	position:relative;
	bottom:-9px;
	text-align:center;
}
DIV.buttonWithIcon div div{
	BACKGROUND-IMAGE: url(../IMAGES/technical/buttonWithIcon_gradient.gif);/*skin*/
	BACKGROUND-color:#ffffff;/*skin*/
	background-repeat: repeat-x;
	border:#cccccc 2px solid;/*skin*/
	padding:4px 8px 1px 8px;
	text-align:center;
	font-size:0.95em;
}
DIV.buttonWithIcon img{
	padding:2px;
}
DIV.buttonWithIcon A:link, DIV.buttonWithIcon A:hover, DIV.buttonWithIcon A:active, DIV.buttonWithIcon A:visited
	{
		color:#000000;/*skin*/
		text-decoration:none;/*skin*/
		font-weight: bold;/*skin*/
	}

/* Lomake-elementit */

div.inputHeader, span.inputHeader{
	font-weight: bold;
	padding-top:5px;
	padding-bottom:3px;
}
Input.inputBox, textarea.inputTextArea{
	margin-top:3px;
	margin-left:3px;
	FONT-FAMILY: Arial, Helvetica, sans-serif;
	FONT-SIZE: 1em;
}
select.inputSelectBox{
	margin-top:3px;
	margin-left:3px;
	padding-left:3px;
	FONT-FAMILY: Arial, Helvetica, sans-serif;
	FONT-SIZE: 1em;
}
input.inputCheckbox{
	margin-top:2px;
	margin-left:4px;
	margin-right:4px;
	margin-bottom:3px;
	padding-bottom:3px;
	FONT-FAMILY: Arial, Helvetica, sans-serif;
	height:1.75em;
}
Input.inputRadio{
	margin-top:1px;
	margin-left:4px;
	margin-right:5px;
	margin-bottom:3px;
	padding-bottom:3px;
	FONT-FAMILY: Arial, Helvetica, sans-serif;
	height:1.75em;
}
div.inputBox{
	padding-top:5px;
	padding-bottom:3px;
}
/*-------------------------------------------------------------------*/
/* 		Projektin tehtävien erikoisuuksia			      */
/*-------------------------------------------------------------------*/
SPAN.alert{
	color:#ff0000;
	font-weight: bold;
}

/*-------------------------------------------------------------------*/
/* 		Sähköpostin erikoisuuksia			      */
/*-------------------------------------------------------------------*/

table.mailLayout td.line{
	BACKGROUND-IMAGE: url(../IMAGES/technical/subtitleBG.gif);
	background-repeat: repeat-y;
	width:1%;
}
A.mailMenu{color: #000000;text-decoration:none;}/*skin*/
A.mailMenu:link{color: #000000;text-decoration:none;}/*skin*/
A.mailMenu:hover{color: #dd7603;text-decoration:underline;}/*skin*/
A.mailMenu:active{color: #000000;text-decoration:none;}/*skin*/
A.mailMenu:visited{color: #000000;text-decoration:none;}/*skin*/
A.mailMenu:visited:hover{color: #dd7603;text-decoration:underline;}/*skin*/

/*-------------------------------------------------------------------*/
/* 		Kansioden erikoisuuksia			      */
/*-------------------------------------------------------------------*/

/* LISÄÄ SKINIOHJEESEEN */
body.tableBackground{
	BACKGROUND-COLOR:#edf1ee;/*skin*/
}

/*-------------------------------------------------------------------*/
/* 		Kalenterin erikoisuuksia			      */
/*-------------------------------------------------------------------*/
.toDay { 
	border : 2px solid #CE6208; /*skin*/
	width : auto;
	height : 82%;
}
.leipateksti{ 
	font-family:Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-style: normal;
	font-weight : normal;
	color: #000000;/*skin*/
}
TD.ylareunus1{ 
	background-color: #c2cfb3;/*skin*/
	font-family:Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-style: normal;
	font-weight: normal;
	color : #000000;/*skin*/
}
.leipateksti{ 
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-style: normal;
	font-weight : normal;
	color: #000000;/*skin*/
}
.leipatekstiBold{ 
	font-family:Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-style: normal;
	font-weight: bold;
	color: #000000;/*skin*/
}
TD.vaaleankeltainensolu{ 
	background-color: #eff3ef;/*skin*/
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-style: normal;
	color : #000000;/*skin*/
}
TD.td_weekday{ 
	background-color: #eff3ef;/*skin*/
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-style: normal;
	color : #000000;/*skin*/
}

TD.td_weekend{ 
	background-color: #eff9ef;/*skin*/
	font-family:Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-style: normal;
	color : #000000;/*skin*/
}
TD.valkoinensolu{ 
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-style: normal;
	color : #000000;/*skin*/
}
/* ------------------------------------------------------ */
A.kalenteriBold:link{
	color: #000000;/*skin*/
	font-weight: bold;
}
A.kalenteriBold:hover{
	color: #CE6208;/*skin*/
	font-weight: bold;
}
A.kalenteriBold:active{
	color: #000000;/*skin*/
	font-weight: bold;
}
A.kalenteriBold:visited{
	color: #000000;/*skin*/
	font-weight: bold;
}
/* ------------------------------------------------------ */
A.kalenterinormal:link{
	color: #000000;/*skin*/
}
A.kalenterinormal:hover{
	color: #CE6208;/*skin*/
}
A.kalenterinormal:active{
	color: #000000;/*skin*/
}
A.kalenterinormal:visited{
	color: #000000;/*skin*/
}
/* -bookmark--------------------------------------------- */
li.bookmark {
	border-top: 2px #ffffff solid;/*skin*/
	BACKGROUND-COLOR:#edf1ee;/*skin*/
}
li.bookmark_group {
	border-top: 2px #ffffff solid;/*skin*/
	BACKGROUND-COLOR:#edf1ee;/*skin*/
}