.form_button_send, .form_button_reset {
	font: bold 11px Arial, Helvetica, sans-serif;
	text-transform:uppercase;
	color: #fff;
	background-color:#51aad2;
	border: solid 1px #fff;
	cursor: pointer;
	height:24px;
	padding:0 4px;
	margin:0;
	line-height:20px;
}
.form_input {
	font: 12px Arial, Helvetica, sans-serif;
	color:#0b4f6c;
	background-color:#e2f2f8;
	border: solid 1px #fff;
	height:18px;
	padding:2px;
	margin:3px 0 6px 0;
}
.form_textarea {
	font: 12px Arial, Helvetica, sans-serif;
	color:#0b4f6c;
	background-color:#e2f2f8;
	border: solid 1px #fff;
	padding:2px;
	margin:3px 0 6px 0;
}





/* root element for scrollable */ 
div.scrollable {
	/* required settings */ 
    position:relative;
	overflow:hidden;
	text-align:left;
	/* vertical scrollers have typically larger height than width */ 
    height: 323px;
	width: 897px;
}
/* root element for scrollable items */ 
div.scrollable div.items {
	position:absolute;
	/* this time we have very large space for the height */ 
    height:20000em;
}
#actions a {
	cursor:pointer;
}
#actions a:hover {
	color:#aaa;
	text-decoration:none;
}
#actions {
	text-align:center;
	text-decoration:0;
	border:0;
	outline:0;
	padding-top:220px;
}
#actions img {
	text-decoration:0;
	border:0;
	outline:0;
}



#panel p, #panel div, #panel a {
	font-family:"Lucida Grande", "Lucida Sans Unicode", "bitstream vera sans", "trebuchet ms", verdana, arial, sans-serif;
	font-size:12px;
	line-height:140%;
}
#panel a:active, a:focus {
	outline:none;
}
#panel :focus {
	-moz-outline-style:none;
}
#panel a:hover {
	text-decoration:none;
}
.osallistu {
	padding:10px 0 0 0;
	width:299px;
	text-align:center;
	height:48px;
	float:left;
}

/*Nämä tyylit koskevat esiin liukuvaa diviä*/

#panel {
	
	height: 353px;
	width:897px;
	display: none;
}
.sulje {
	float:right;
	text-align:right;
	padding:5px;
}
.sulje a {
	color:#000;
}
.sulje a:hover {
	text-decoration:none;
}



/*Navigointinuolet eteen ja taaksepäin slideshow:ssa*/
.taakse {
	float:left;
	margin-right:15px;
	width:27px;
	height:250px;
	cursor:pointer;
	display:block;
	background:url(../images/nuoli_left.png) center center no-repeat transparent;
}
.eteen {
	float:right;
	margin-left:15px;
	background:url(../images/nuoli_right.png) center center no-repeat transparent;
	display:block;
	width:27px;
	height:250px;
	cursor:pointer;
}
/* root element for tabs */
#flowtabs {
	/* dimensions */
	width:892px;
	height:72px !important;
	margin:0 !important;
	text-align:center;
	padding:0 0 0 5px;/* IE6 specific branch (prefixed with "_") */

}
#flowtabs img ,#flowtabs a img, #flowtabs img a {
	border:0;
	outline:0;
}
/* single tab */
#flowtabs li {
	float:left;
	margin:0;
	padding:0 0 0 2px;
	text-indent:0;
	list-style-type:none;
	border:none;
}
/* a- tag inside single tab */
#flowtabs li a {
	display:block;
	cursor:pointer;
	height: 72px;
	width: 287px;
	padding:0 0 0 6px;
	margin:0px;
	/* font decoration */
	color:#000;
	text-decoration:none;
	border:0;
	outline:0;
}
 
/* mouseover state */
#flowtabs a:hover {
	color:#fff;
	border:0;
	outline:0;
}
/* currently selected tabs */
#flowtabs a.current {
	cursor:default;
	border:0;
	outline:0;
	color:#fff;
	/*line-height:49px;*/
}

/* Navigointitabit */

#t1 {
	background:url(../images/nappi_1_off.png) no-repeat;
	text-indent:-9999px;
}
#t1:hover {
	background:url(../images/nappi_1_off.png) no-repeat;
	text-indent:-9999px;
}
#t1:active {
	background:url(../images/nappi_1_on.png) no-repeat;
	text-indent:-9999px;
}
#t1.current {
	background:url(../images/nappi_1_on.png) no-repeat !important;
	text-indent:-9999px;
}
#t2 {
	background:url(../images/nappi_2_off.png) no-repeat;
	text-indent:-9999px;
}
#t2:hover {
	background:url(../images/nappi_2_off.png) no-repeat;
	text-indent:-9999px;
}
#t2:active {
	background:url(../images/nappi_2_on.png) no-repeat;
	text-indent:-9999px;
}
#t2.current {
	background:url(../images/nappi_2_on.png) no-repeat !important;
	text-indent:-9999px;
}
#t3 {
	background:url(../images/nappi_3_off.png) no-repeat;
	text-indent:-9999px;
}
#t3:hover {
	background:url(../images/nappi_3_off.png) no-repeat;
	text-indent:-9999px;
}
#t3:active {
	background:url(../images/nappi_3_on.png) no-repeat;
	text-indent:-9999px;
}
#t3.current {
	background:url(../images/nappi_3_on.png) no-repeat !important;
	text-indent:-9999px;
}


/* panes */
#flowpanes {
	width:897px;
	height:248px;
	/*position:relative;*/
	overflow:hidden;/*	clear:both;*/
}
/* single pane */
#flowpanes div {
	display:none;
	color:#000;
	margin:20px 10px 0 10px;
	width:877px;
	height:228px;
}
/* some decorations for elements inside single pane */
#flowpanes div h2 {
	font:normal 22px "Trebuchet MS", Arial, Helvetica, sans-serif;
	color:#000;
	letter-spacing:1px;
	margin:10px 0 0 0;
}
#flowpanes a {
	color:#ee4200;
}
#flowpanes p {
	color:#000;
}
/*Tämä piilottaa eteen tai taakse linkin alussa ja lopussa*/
.disabled {
	visibility:hidden !important;
}
/* override single pane */
#flowpanes div {
	float:left;
	display:block;/*	cursor:pointer;*/
}
#flowpanes .items img {
	border:0;
	outline:0;
}
/* our additional wrapper element for the items */
#flowpanes .items {
	width:20000em;
	position:absolute;
	margin:0;
	padding:0;
}