html, body
{
	padding:			0; 
	margin:				0; 
	border:				0;
	background-image:	url(../images/edge.png);
	background-position: center center;
	background-repeat:	repeat-y;
	font-family:		Arial, Tahoma;
	font-size:			11px;
	line-height:		16px;
	
}


form
{
	padding:			0; 
	margin:				0; 
}


div#maincontainer
{
	margin:				0 auto;
	width:				760px;
}

div#topbar
{
	clear:				both;
	height:				115px;
	background-image:	url(../images/topbar.png);
	background-position: top center;
	background-repeat:	no-repeat;
}



div#topbar_noupcare
{
	clear:				both;
	height:				115px;
	background-image:	url(../images/topbar_noupcare.png);
	background-position: top center;
	background-repeat:	no-repeat;
}



div#topbar_edu
{
	clear:				both;
	height:				115px;
	background-image:	url(../images/topbar_edu.png);
	background-position: top center;
	background-repeat:	no-repeat;
}



div#leftbar
{
	width:				190px;
	padding-left:		5px;
	clear:				left;
	float:				left;
}

div#maincontent
{
	float:				right;
	clear:				right;
	padding-right:		20px;
	width:				520px;
	padding-bottom:		20px;

}


div#iefooter
{
	clear:				both;
	background-color:	Transparent;
	
	line-height:		0px;
	color:				White;
}


div#footer
{
	clear:				both;
	margin-bottom:		0px;
	text-align:			right;
	padding-right:		15px;
	color:				White;
}


/* text */

p.content
{
	padding-top:		5px;
}

H1
{
	font-size:			13px;
	
}

H1.tight
{
	margin:				0;
	padding:			0;
}


H2
{
	color:				#8E258D;
	font-size:			11px;
}

H3{}

.no_ul
{
	text-decoration:	none;
}

.col_green
{
	color:				#DEE574;
	
}

.col_purple
{
	color:				#8E258D;
	
}

.bg_test
{
	background-color:	#C6DB00;
}


.bg_test2
{
	background-color:	 	#D7E300;
}


.bg_green
{
	background-color:	#DEE574;
	
}

.bg_purple
{
	background-color:	#8E258D;
	
}


.fill_green
{
	background-image:	url(../images/fillgreen.png);
	background-repeat:	repeat-x repeat-y;
	
}

.fill_purple
{
	background-image:	url(../images/fillpurple.png);
	background-repeat:	repeat-x repeat-y;
}


input.fade
{
	display:			none;
}


                
/* Menu                */


UL#menu
{
	margin:				0;
	padding:			0;
	list-style:			none;
	overflow:			hidden;
	
}

UL#menu LI A 
{
	color:				Black;
	width:				180px;
	text-decoration:	none;
}

UL#menu LI A:hover
{
	color:				White;
}


LI.button, LI.button_selected
{
	margin:				0;
	height:				22px;
	padding-top:		5px;
	padding-left:		15px;
	font-size:			12px;
	cursor:				pointer;
}

UL#menu A.selected
{
	color:				white;	
}


LI.button:hover
{
	background-image:	url(../images/btn_sel.png);
	background-position: top center;
	background-repeat:	no-repeat;
}




LI.button
{
	background-image:	url(../images/btn.png);
	background-position: top center;
	background-repeat:	no-repeat;
}

LI.button_selected
{
	background-image:	url(../images/btn_sel.png);
	background-position: top center;
	background-repeat:	no-repeat;
	color:				White;
}

/* - */

LI#koulutus
{
	height:				104px;
}

UL#menu LI UL
{
	list-style:			none;
	padding:			0;
	margin:				0;
	padding-top:		5px;
}

UL#menu LI UL LI
{
	padding:			0;
	margin:				0;
	padding-left:		15px;
	padding-top:		5px;
}

UL#menu LI UL LI A 
{
	color:				Black;
	width:				160px;
	text-decoration:	none;
}

UL#menu LI UL LI A:hover
{
	color:				White;
}


LI.kbutton, LI.kbutton_selected
{
	margin:				0;
	height:				22px;
	padding-top:		5px;
	padding-left:		15px;
	font-size:			12px;
	cursor:				pointer;
}


LI.kbutton:hover
{
	background-image:	url(../images/kbtn_sel.png);
	background-position: top center;
	background-repeat:	no-repeat;
}


LI.kbutton
{
	background-image:	url(../images/kbtn.png);
	background-position: top center;
	background-repeat:	no-repeat;
}

LI.kbutton_selected
{
	background-image:	url(../images/kbtn_sel.png);
	background-position: top center;
	background-repeat:	no-repeat;
	color:				White;
}


/* upcare v2 */
UL#upcare 
{
	position:			relative;
	width:				492px;
	height:				366px;
	background:			transparent url(../images/upcare/upcare.gif) 0 0 no-repeat;
	margin:				0;
	padding:			0;
	list-style:			none;
	overflow:			hidden;
}


UL#upcare LI {
	position:			absolute;
	display:			block;
	width:				91px;
	height:				91px;
	margin:				0;
	padding:			0;
	line-height:		91px;
}

UL#upcare LI A {
	display:			block;
	width:				91px;
	height:				91px;
	margin:				0;
	padding:			0;
	line-height:		91px;
	text-indent:		-9999px;
	overflow:			hidden;
}


LI#inmonitoring {
	left:				150px;
	top:				65px;
}

LI#indocuments {
	left:				97px;
	top:				119px;
}

LI#ineducation {
	left:				150px;
	top:				174px;
}

LI#inspecialist {
	left:				203px;
	top:				228px;
}

LI#inhelp {
	left:				255px;
	top:				176px;
}

LI#insupport {
	left:				308px;
	top:				120px;
}

LI#inlan {
	left:				255px;
	top:				66px;
}





LI#inmonitoring A:HOVER { background: transparent url(../images/upcare/inmonitoring_mo.gif) 0 0 no-repeat; }
LI#indocuments A:HOVER { background: transparent url(../images/upcare/indocuments_mo.gif) 0 0 no-repeat; }
LI#ineducation A:HOVER { background: transparent url(../images/upcare/ineducation_mo.gif) 0 0 no-repeat; }
LI#inspecialist A:HOVER { background: transparent url(../images/upcare/inspecialist_mo.gif) 0 0 no-repeat; }
LI#inhelp A:HOVER { background: transparent url(../images/upcare/inhelp_mo.gif) 0 0 no-repeat; }
LI#insupport A:HOVER { background: transparent url(../images/upcare/insupport_mo.gif) 0 0 no-repeat; }
LI#inlan A:HOVER { background: transparent url(../images/upcare/inlan_mo.gif) 0 0 no-repeat; }



DIV#upcarecontainer
{
	width:				492px;
	height:				366px;
}

DIV#upcareimg
{
	position:			relative;
	left:				0px;
	top:				-110px;
	width:				150px;
	height:				105px;
	z-index :			1;
}


/* Yhteys */


table#yhteys
{
	margin-top :		10px;
	margin-bottom:		10px;
	width:				190px;
	font-size:			10px;
	color:				White;
}

TABLE#yhteys TD
{
	padding-left: 15px;	
}

TABLE#yhteys TR
{
	width:				190px;
	background:			transparent url(../images/yhteys/palaute_bg.png) 0 0 repeat-y;
}

TABLE#yhteys TR#yhteys_toprow
{
	background:			transparent url(../images/yhteys/palaute_yla.png) 0 0 no-repeat;
	width:				190px;
	height:				40px;
}

TABLE#yhteys TR#yhteys_bottomrow
{
	background:			transparent url(../images/yhteys/palaute_ala.png) 0 0 no-repeat;
	width:				190px;
	height:				35px;
	
}


TABLE#yhteys input, TABLE#yhteys textarea, TABLE#yhteys select
{
	width:				160px;
	font-size:			11px;
}


/* login */
div#login
{
	position:			relative; 
	top:				10px; 
	left:				580px;
	width:				150px;
	font-size:			10px;
	color:				Black;
		
}
table#logintable
{
	width:				100%;
}

table#logintable input
{
	font-size:			10px;
}


.loginbox
{
	width:				100px;
	border:				0;
	border-right:		solid 1px #333435;
	border-bottom:		solid 1px #333435;
	background-color:	white;
	color:				black;
}

.loginbutton
{
	border:				0;
	background-color:	transparent;
	font-weight:		bold;	
	cursor:				pointer;
}

/* ajankohtaista */

TABLE.ajankohtaista
{
	width:				510px;
	text-align:			right;
}

TABLE.ajankohtaista TD
{
	padding-right:		10px;
	padding-left:		50px;
}


TABLE.ajankohtaista TR.top
{
	width:				510px;
	background:			transparent url(../images/ajankohtaista/ajankoht_yla.png) 0 0 no-repeat;
}


TABLE.ajankohtaista TR.bottom
{
	width:				510px;
	background:			transparent url(../images/ajankohtaista/ajankoht_ala.png) bottom left no-repeat;
}

TABLE.ajankohtaista TR.content
{
	width:				510px;
	background:			transparent url(../images/ajankohtaista/ajankoht_content.png) 0 0 repeat-y;
}


/* accordion */
.accordionContainer
{
	border-top:			solid 1px #333435;
	border-left:		solid 1px #333435;
	border-right:		solid 1px #333435;
}

.accordionHeader, .accordionHeaderSelected
{
	
	border-bottom:		solid 1px #333435;
	padding-left:		5px;
	background-color:	#DEE574;
	color:				Black;
}

.accordionHeaderSelected
{
	background-color:	#8E258D;
	color:				White;
}

.accordionContent
{
	overflow:			hidden;
	border-bottom:		solid 1px #333435;
}



.accordionLink
{
	padding-left:		5px;
	text-decoration:	none;
	font-size:			12px;
	cursor:				pointer;
}


/* - Koulutus - */
DIV.popuppanel
{
	background-color:	Transparent;
	color:				Black;
	border: solid 1px #333435;
}

.modalBackground 
{
	background-color:		Gray;
	filter:					alpha(opacity=40);
	opacity:				0.4;
}


TABLE.kurssisisalto
{
	width:					550px;
	background-color:		White;
	border:					0;
	font-size:				10px;
}


TABLE.kurssisisalto DIV.split
{
	width:					225px;
	float:					left;
}

TABLE.kurssisisalto INPUT
{
	border:					0;
	border-right:			solid 1px #333435;
	border-bottom:			solid 1px #333435;
	padding:				1px 3px 1px 3px;
	font-size:				10px;
	background-color:		#DADBDC;
	
}


TABLE.kurssisisalto TD
{
	padding-left:		100px;
}

TABLE.kurssisisalto TR.top
{
	width:				550px;
	background:			transparent url(../images/koulutus/koulutus_yla2.gif) 0 0 no-repeat;
}


TABLE.kurssisisalto TR.bottom
{
	width:				550px;
	background:			transparent url(../images/koulutus/koulutus_ala2.gif) bottom left no-repeat;
}

TABLE.kurssisisalto TR.content
{
	width:				550px;
	background:			transparent url(../images/koulutus/koulutus_content2.gif) 0 0 repeat-y;
}


SPAN.sisaltolinkki
{
	color:				Navy;
}



/*kurssien renderointi */
TABLE.kurssiinfo
{
	width:				520px;	
}

TABLE.kurssiinfo TH
{
	color:				white;
}

TABLE.kurssiinfo TD
{
	padding:			3px 5px 1px 5px;
}

TABLE.kurssiinfo TD.content
{
	border-left:		solid 1px #333435;
	border-right:		solid 1px #333435;

}

TABLE.kurssiinfo TD.leftcol
{
	border-left:		solid 1px #333435;
}


TABLE.kurssiinfo TD.rightcol
{
	border-right:		solid 1px #333435;
}


TABLE.kurssiinfo INPUT, TABLE.kurssiinfo TEXTAREA
{
	border:				0;
	border-right:		solid 1px #878889;
	border-bottom:		solid 1px #878889;
	font-size:			10px;
	background-color:	#DADBDC;
}

TABLE.kurssiinfo INPUT.textbox, TABLE.kurssiinfo TEXTAREA.textbox
{
	width:				200px;
}


/* */
IMAGE.partnerimage
{
	border:				solid 1px #444546;
}


.disclaimer
{
	font-size:			9px;
}



.image_footer
{
    text-align:         center;
    font-size:          9px;
    color:              #AAABAC;
}


INPUT.noborders
{
    border: solid 0px white;
    border: none;
}