html, body {
	font-family: Arial, Helvetica, Garamond, sans-serif;
	font-size: 100%;
	color: #000;
	margin: 0;
	padding: 0; 
}

a:link {
	color: #336699;
	text-decoration: underline;
}

a:visited {
	color: #336699;
	text-decoration: underline;
}

a:hover, a:active {
	color: #336699;
	text-decoration: none;
}


/* Yleiset muotoilut */
form {
	margin: 0;
	padding: 0;
}

textarea {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 80%;
}

input[type=text], input[type=password], select, textarea {
	width: 100%;
  	padding: 5px;
  	border: 1px solid #ccc;
  	border-radius: 3px;
  	box-sizing: border-box;
  	resize: vertical;
}

.auto_width {
	width: auto;
    max-width: 10em;
}

/* lyhentää esim. taulukon solun sisällön: ... vaatii samalla max-width:in */
.no_overflow {
	text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
}

p {
	margin: 0;
	padding: 0 0 1em 0;
}


/* .eka : käytetään, kun otsikko on ensimmäisen sivun ylälaidassa */
.eka {
	margin-top: 0;
}

ul.lista {
	margin: 0 0 2em 3em;
	padding: 0;
	list-style: square;
}

#page {
	min-width: 775px;
}

#page_container {
}

#headerarea {
	padding-top: 1em;
	width: 100%;
	position: relative;
}

#headerarea #sitename {
	margin: 0 6em 12px 33px; /* Margin-right #toggle_view -divin leveyden mukaan */
	padding: 10px 0 0 0;
	font-size: 180%;
	font-weight: normal;
	display: inline-block;
}

#headerarea.sign #sitename {
	margin: 0 33px 12px 33px;
}

#headerarea a:link, #headerarea a:visited {
	text-decoration: none;
	text-shadow: #ffffff 2px 1px 1px;
}

#headerarea a:hover, #headerarea a:active {
	text-decoration: underline;
}

#headerarea #toggle_view {
	position: absolute;
	top: 16px;
	right: 20px;
	text-align: right;
	width: auto;
}

#headerarea #toggle_view a {
	
	background-image: linear-gradient(to top, #C6C6C6 0%, #FEFEFE 80%);
	color: #000;
	padding: 6px 9px;
	width: 55px;
	text-align: center;

	text-shadow: none;
	text-decoration: none;
	display: inline-block;
}

#headerarea #toggle_view a:active,
#headerarea #toggle_view a.toggle_selected:active  {
	background-image: linear-gradient(to bottom, #C6C6C6 0%, #FEFEFE 80%);
}

#headerarea #toggle_view a.toggle_selected {
	background: #fff;
	border: 1px solid #ddd;
	padding: 5px 8px;
}

#headerarea #toggle_view a:first-child {
	border-top-left-radius: 4px;
	border-bottom-left-radius: 4px;
}

#headerarea #toggle_view a:last-child {
	border-top-right-radius: 4px;
	border-bottom-right-radius: 4px;
}

#wikiarea {
	width: 100%;
	overflow: hidden;
}

#wikiarea_left {
	float: left;
	width: 200px;
	margin: 2em 0 0 20px;
}

#wikiarea_left a:link, #wikiarea_left a:visited, 
.message_bottom a:link, .message_bottom a:visited {
	text-decoration: none;
}

#wikiarea_left a:hover, #wikiarea_left a:active,
.message_bottom a:hover, .message_bottom a:active {
	text-decoration: underline;
}

.left_ads {
    margin-top: 5px;
    margin-bottom: 5px;	
	display: none;
	padding: 10px;
}

.desktop-ads {
	display: none;
}

.mainokset_pois {
	display: block;
	margin-top: 5px;
}

.left_white_body {
	-webkit-border-top-left-radius: 10px;
	-moz-border-radius-topleft: 10px;
	border-top-left-radius: 10px;
	-webkit-border-bottom-left-radius: 10px;
	-moz-border-radius-bottomleft: 10px;
	border-bottom-left-radius: 10px;
	width: 170px;
	background: #fff;
	padding: 13px 15px;
	margin: 0 0 3px 0;
}

ul.left_list {
	margin: 0.5em 0 0 0;
	padding: 0;
	list-style-type: none;
	font-size: 85%;
}

ul.left_list li a:link, ul.left_list li a:visited {
	margin: 0.4em 0;
	padding: 0 0 0 24px;
	display: block;
}

ul#add_content_panel {
	display: none;
	margin-bottom: 10px;
	list-style-type: none;
	padding: 0 0 0 24px;
}

li a.add_to_page {
	background: transparent url("icon_add.gif") no-repeat left center;
}

li a.add_text {
	background: transparent url("icon_text.gif") no-repeat left center;
}

li a.add_image {
	background: transparent url("icon_image.gif") no-repeat left center;
}

li a.add_file {
	background: transparent url("icon_attach.gif") no-repeat left center;
}

li a.add_module {
	background: transparent url("icon_module.gif") no-repeat left center;
}

li a.add_other {
	background: transparent url("icon_brick.gif") no-repeat left center;
}

li a.add_poll {
	background: transparent url("radiobutton.png") no-repeat left center;
}

li a.wiki_settings {
	background: transparent url("icon_settings.gif") no-repeat left center;
}

li a.members_page {
	background: transparent url("pics/kayttajat.gif") no-repeat center left;
}

a#settings {
	display: block;
	background: transparent url("icon_settings.gif") no-repeat left center;
	margin: 0 0 0.7em 0;
	padding: 0 0 0 24px;
}

a#preferences i {
	font-size: 18px;
	margin: -3px 4px 0 0;
	float: left;
   	background: -webkit-gradient(linear, left top, left bottom, from(#999), to(#333));
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}


#wikiarea_right {
	margin: 0 20px 0 220px;
}

#wikiarea_right.wikiarea-right-wide {
	margin: 0 20px 0 20px;
}

#right_topbar {
	position: relative;
	width: 100%;
	height: 2em;
}

#right_topbar ul#tabs {
	position: absolute;
	bottom: -5px;
    left: 5px;
	list-style: none;
	margin: 0;
	padding: 0;
	z-index: 2;
}

#right_topbar ul#tabs li {
	float: left;
	margin: 0;
	padding: 0;
	margin-right: 3px;

	-webkit-border-top-right-radius: 8px;
    -moz-border-radius-topright: 8px;
    border-top-right-radius: 8px;
    -webkit-border-top-left-radius: 8px;
    -moz-border-radius-topleft: 8px;
    border-top-left-radius: 8px;
    background-color: #888;
}

#right_topbar ul#tabs li a:link, #right_topbar ul#tabs li a:visited {
	display: block;
	padding: 8px 15px;
	text-decoration: none;
	font-size: 90%;

	background: rgba(255, 255, 255, 0.85);
	-webkit-border-top-right-radius: 7px;
    -moz-border-radius-topright: 7px;
    border-top-right-radius: 7px;
    -webkit-border-top-left-radius: 7px;
    -moz-border-radius-topleft: 7px;
    border-top-left-radius: 7px;
    white-space: nowrap;
    color: #000;
}

#right_topbar ul#tabs li a:hover, #right_topbar ul#tabs li a:active {
}

#right_topbar ul#tabs li#current_tab {
}

#right_topbar ul#tabs li#current_tab a:link, #right_topbar ul#tabs li#current_tab a:visited {
	background: rgba(255, 255, 255, 1);
	box-shadow: none;
    color: #000;
}

#right_topbar ul#views {
	position: absolute;
	bottom: -5px;
	right: 15px;
	list-style: none;
	margin: 0;
	padding: 0;
	z-index: 1;
}

#right_topbar ul#views li {
	float: left;
	margin: 0;
	padding: 0;
	color: #fff;

	-webkit-border-top-right-radius: 8px;
    -moz-border-radius-topright: 8px;
    border-top-right-radius: 8px;
    -webkit-border-top-left-radius: 8px;
    -moz-border-radius-topleft: 8px;
    border-top-left-radius: 8px;
    background-color: #888;
}

#right_topbar ul#views li.views_text {
	padding: 3px 15px 0 0;
	display: none;
}

#right_topbar ul#views li.views_tab {
	margin-left: 3px;
}

#right_topbar ul#views li span {
	display: block;
	height: auto;
	padding: 8px 15px;
	color: #000;
	background: rgba(255, 255, 255, 0.85);

	-webkit-border-top-right-radius: 7px;
    -moz-border-radius-topright: 7px;
    border-top-right-radius: 7px;
    -webkit-border-top-left-radius: 7px;
    -moz-border-radius-topleft: 7px;
    border-top-left-radius: 7px;
	font-size: 90%;
}

#right_topbar ul#views li.current_views_tab span {
	color: #000;
	background: rgba(255, 255, 255, 1);
	box-shadow: none;
}

#both_tab i.fa-align-justify {
	margin-right: 3px;
}

/* Käytetään javascript-linkeissä, jotta ne eivät bugaa Operalla */
span.link {
	border: 0;
	margin: 0;
	padding: 0;
	cursor: pointer;
	z-index: 4;
	color: #006699;
}

span.link:hover {
	text-decoration: underline;
}

span.deleted-user {
	text-decoration: line-through;
}

#right_container {
	background-color: #fff;
	min-height: 400px;
	padding-right: 24px;
}

table#table_contents {
	width: 100%;
	border: 0;
	padding: 0;
	min-height: 400px;
}

table#table_contents.v_content, table#table_contents.v_discussion {
	table-layout: fixed;
}

table#table_contents.v_both {
	table-layout: fixed;
}

#ads_td {
	padding: 10px 0 10px 24px;
}

#ads_td .mainokset_pois {
	text-align: center;
}

#content_td, #discussion_td {
	vertical-align: top;
}

.content_50 {
	width: 58%;
}

.content_100 {
	width: 99.9%;
}

.content_0 {
	width: 0.1%;
	display: none;
}

.discussion_50 {
	width: 42%;
}

.discussion_100 {
	width: 99.9%;
}

.discussion_0 {
	width: 0.1%;
	display: none;
}

#content {
	margin: 14px 15px 14px 22px;
	font-size: 90%;
/*	position: relative; tätä EI saa tehdä */ 
}

#discussion {
	margin: 24px 10px 24px 15px; 
}

#discussion .message {
	margin: 0 0 5px 0;
	padding-top: 5px;
	border: 2px solid #fff;
	clear: both;
}

.message_notAvailable {
}

#message_new.message {
	margin-bottom: 1em;
	/* margin-right: 18px; */
}

#discussion div.message p.viesti {
	display: none;
	height: auto;
	width: auto;
	float: right;
	z-index: 999;
	font-weight: bold;
	color: green;
	background-color: #fff;
	font-size: 80%;
	margin: 0;
	padding: 0.2em 0.5em;
}

.viesti-error {
	border: 2px solid red !important;
}

/* Onnistunut siirto, tallennus tms. */
.viesti-success {
	border: 2px solid green !important;
}

#discussion textarea.messagebox {
	width: 100%;
	-moz-border-bottom-colors: none;
	-moz-border-left-colors: none;
	-moz-border-right-colors: none;
	-moz-border-top-colors: none;
	background: none repeat scroll 0 0 #fafafa;
	border-color: #cccccc;
	border-image: none;
	border-radius: 3px;
	box-shadow: 0 1px 2px rgba(0, 0, 0, 0.12) inset;
	line-height: 1.4em;
	padding: 5px 8px;
	transition: background-color 0.2s ease 0s;	
	height: 60px;
}

#discussion textarea.messagebox:focus, #discussion textarea.messagebox:hover, #discussion textarea.messagebox:valid {
    background: none repeat scroll 0 0 #FFFFFF;
	transition: background-color 0.2s ease 0s;	
    outline-width: 0;
    height: 140px;
	-moz-transition: height 0.2s ease;
	-webkit-transition: height 0.2s ease;
	-o-transition: height 0.2s ease;
	transition: height 0.2s ease;
	font-size: 100%;
}

#discussion .message_text {
	border-bottom: 1px solid #ccc;
	border-left: 1px solid #ccc;
	border-top: 1px solid #ddd;
	border-right: 1px solid #ccc;
	background-color: #f9f9f9;
	padding: 12px 12px 14px 12px;
	font-size: 90%;
	word-wrap: break-word;
	border-radius: 5px;

	-webkit-box-shadow: inset 1px -2px 20px -10px rgba(0,0,0,0.55);
	-moz-box-shadow: inset 1px -2px 20px -10px rgba(0,0,0,0.55);
	box-shadow: inset 1px -2px 20px -10px rgba(0,0,0,0.55);
}

#discussion #preview-message_new, #discussion #edit-message_new {
	line-height: 28px;
}

#discussion input.sendmessage {
	margin-right: 0.4em;
}

#discussion .message .recaptcha-wrapper {
    display: inline-block;
    vertical-align: middle;
	margin: 0 1em 0 0;
}

#discussion .message .g-recaptcha {
	display: inline-flex;
	justify-content: flex-end;
	box-shadow: 0 0 4px #ddd;
	width: 70px;
	height: 60px;
	margin: 0;
	overflow: hidden;
	transform: scale(0.6);
	transform: -moz-scale(0.6);
	transform: -o-scale(0.6);
	transform: -webkit-scale(0.6);
	transition: linear 100ms width;
	transition: -moz-linear 100ms width;
	transition: -webkit-linear 100ms width;
	transition: -o-linear 100ms width;
}

/* Edgellä ei toimi hover jos sisältää on pelkkää iframea, joten tehty JS:llä + luokalla */
#discussion .message .g-recaptcha.hover {
	width: 256px;
	transform: scale(0.9);
	transform: -moz-scale(0.9);
	transform: -o-scale(0.9);
	transform: -webkit-scale(0.9);
}

#discussion .message-controls {
	float: right;
	display: inline-block;
	margin-left: 0.5em;
}

#discussion .message-controls.with-captcha {
	vertical-align: middle;
	line-height: 64.5px;
}

#discussion .message-controls a {
	display: inline-block;
	font-size: 80%;
	padding: 0;
}

#discussion .message_bottom {
	margin: -1px 0 0 0;
	padding: 4px 0 0 0;
	text-align: right;
	font-size: 75%;
}

#discussion .message .view {
}

#discussion .message_username {
	margin: 0 0 0 5px;
	float: left;
	color: #444;
}

#discussion .message_username span {
	font-size: 90%;
	color: #555555;
}

#discussion .message_username span.deleted-user {
	font-size: 100%;
	color: #999;
}

#discussion .message_username a img {
	vertical-align: bottom;
}

#discussion .message_username a i {
    padding: 0 2px;
    font-size: 14px;
}

#discussion .message_edit, #discussion .message_delete, #discussion .message_reply {
    display: inline-block;
    margin-top: 1px;
}

#discussion .purot-relation>div {
	zoom: 0.95;
}

#discussion .purot-relation .purot-relation-counter {
	padding-top: 1px;
}

#discussion .message-purot-like {
	float: right;
	margin: 0px 0px 0px 5px;
	padding: 0px;
}

#discussion .message_actived .message_text {
	background-color: #FFF2D8;
}

#discussion .message_actived .message_bottom {
/*	background: transparent url("discussion_by_actived.gif") no-repeat top left; */
}

#discussion .message_first .message_text {
	background-color: #E1EAD5;
}

#discussion .message_first .message_bottom {
/*	background: transparent url("discussion_by_first.gif") no-repeat top left; */
}

#discussion .message_show {
	clear: both;
	text-align: right;
	font-size: 85%;
}

small {
	font-size: 70%;
}


#footer {
	margin-top: 5px;
	font-size: 75%;
}

#footer .some-share-buttons img {
	width: 20px;
	height: 20px;
	margin-right: 5px;
	border: 0;
	outline: none;
}

ul.rss {
	margin: 0 0 0 0;
	padding: 0 0 0 0;
	list-style-type: none;
}

ul.rss li a {
	margin: 0;
/*	padding: 0 0 0 18px; */
	line-height: 1.5em;
/*	background: transparent url("icon_rss.gif") no-repeat left center; */
}

ul.rss li i {
	color: #ee8800;
	font-size: 1.1em;
}

ul.rss li.icon-changes i {
	color: #0066cc;
}

/* Sisennys sen verran kuin sisältöalueet siirtyvät oikealle verrattuna näkymän otsikkoon */
#content .margin-left-wikiview {
	margin-left: 5px;
	clear: both;
}

#content h1#contentHeader {
	margin: 0;
	padding: 0;
	font-size: 1.4em;	
}

#content h3 {
	margin: 0 0 0.7em 0;
	padding: 0;
}


.clearfix:after {
    content: ".";
    display: block;
    clear: both;
    visibility: hidden;
    line-height: 0;
    height: 0;
}

#left_search #search * {
	box-sizing: border-box;
}

#left_search #search input[type="text"] {
	width: 120px;
	float: left;
	margin: 0;
	padding: 3px;

	border: 1px solid gray;
}

#left_search #search input[type="submit"] {
	padding: 3px;
	margin: 0;

	border: 1px solid gray;

	float: right;
	min-width: 40px;
	z-index: 2;
	-webkit-appearance: none;
}

#left_search #search input[type="submit"]:hover {
	background: #ADADAD;
}

/* Jquery UI: Sortable */
#sortable { list-style-type: none; margin: 0; padding: 0; width: 100%; }
#sortable li.ui-state-default { margin: 0.5em 0 1em -1.5em; padding: 0.4em; padding-left: 1.5em; }
#sortable li.ui-state-default span { position: absolute; margin-left: -1.3em; cursor:move; }




/* Etusivu */
.updates,
.friendsCategory
{
	float: left;
	width: 47%;
}

.right{float: right;}

.updates h4,
.friendsCategory h4
{
	width: 100%;
	margin: 0 0 0.5em 0;
	font-size: small;
}

table.changes,
table.friends
{
	border-collapse: collapse;
	border-bottom: 1px solid #ccc;
	width: 100%;
	color: #777;
}

.right table.changes,
.right table.friends
{
	width: 100%;
}

table.changes td,
table.friends td
{
	padding: 7px 0;
	border-top: 1px solid #ccc;
	line-height: 120%;
}

table.changes td.what{
	font-size: small;
}

.friendsCategory .contentList,
.usersWikis
{
	max-height: 200px;
	overflow: auto;
	padding: 0px 5px 0px 0px;
}

div.purot-relation-friend {
	margin: 10px 5px 10px 0px;
}

p.more{
	text-align: right;
	font-size: x-small;
	margin: 0.5em 0 2.5em 0;
}

/* tässä aiempi css sekoittaa, piti pari muotoilua ylikirjoittaa */
#sortable li.ui-state-default .what a span.messages{
	position: relative;
	margin: 0;

	display: block; float: right;
	font-size: smaller;
}

#sortable li{clear: left;} /* 2 palstan floatit sekoittaa muuten */


table.changes td.when{
	text-align: right;
	width: 120px;
	font-size: x-small;
	text-align: right;
}

/* harmaalla aluksi olevat linkit */
a:link span.messages,
td.when a:link{color: #777;}

td.when a:hover{
	color: #1c94c4;}

#discussion .message span.link {
	font-size: 80%;
}

/* Tooltipit */

/* Tooltipin avauksen luokka */
.tip {
}

/* Tooltip yleisen ohjeen avaus */
.tip i.fa.fa-info-circle,
.tip i.fa.fa-question-circle {
	cursor: help;
	color: #1e95db;
	font-size: 18px;
	vertical-align: baseline;
	font-weight: 600;
	padding: 0 7px;
}

/* Keskustelussa */
.openhelp{
	font-size: 80%;
	font-style: italic;
	cursor: help;
}
a.tip:hover{
	text-decoration: underline;
}

.tooltip{
	display:none;
	width: 300px;
	background: transparent url(tooltip.gif) no-repeat bottom center;
	padding-bottom: 16px;
	z-index: 100; /* näkymä-tekstin päälle */
	color: #000;
	text-align: left;
	line-height: 1.3em;
	border-radius: 5px;
}
.tooltip.wide{
	width: 380px;
	max-width: 60%;
	min-width: 260px;
}
.tooltip.belov{
	background: transparent url(tooltip_up.gif) no-repeat top center;
	padding: 16px 0 0 0;
}
.tooltip.left{
	background: transparent url(tooltip_right.gif) no-repeat center right;
	padding: 0 16px 0 0;
}
.tooltip.right{
	background: transparent url(tooltip_left.gif) no-repeat center left;
	padding: 0 0 0 16px;
}

.tooltip.likers{
	width: 100px;
	font-size: x-small;
}
.tooltipcontent{
	background: #FFF2D8;
	padding: 1.2em 1.5em 1em 1.5em;
	font-size: small;
	border: 3px solid #FADCA8;		
	border-radius: 8px;	
}
.tooltip.likers .tooltipcontent{
	padding: 0.5em 0.5em 0.5em 0.5em;
	font-size: 105%;
}
.tooltipcontent .contentList {
	max-height: 250px;
	overflow: auto;
	padding: 0px 5px 0px 0px;
}
.tooltip h5{
	margin: 0;
	font-size: small;
}
.tooltip.likers h5{
	margin: 0;
	font-size: 110%;
}
.tooltip.friends{
	width: 300px;
}

table.help{}
table.help td{padding: 1px 10px 1px 0;}


p.rss{
	clear: left;
	margin: 1em 1.5em 1em 1.5em;
	padding: 0 0 0 20px;
	background: transparent url("icon_rss.gif") no-repeat left top;
}

.isFriend,
.viewerIsMember
{
	padding: 0 20px 0 0;
	background: transparent url("/themes/common/pics/group.png") no-repeat right top;
}

.useredited{
	padding: 0 20px 0 0;
	background: transparent url("icon_user_edit.gif") no-repeat right top;
}

.usercommented{
	padding: 0 20px 0 0;
	background: transparent url("icon_user_comment.gif") no-repeat right top;
}

div.sisaltosailio {
}

div.sisaltosailio .sisalto-hidden {
}

div.sisaltosailio.sortingOn {
}

.loaderScreen {
	position: absolute;
	top: 0%;
	left: 0%;
	width: 100%;
	height: 100%;
	z-index:1000;
	background:
		#ffffff
		url('pics/ajax-loader.gif') 
		50% 50% 
		no-repeat
	;
	-moz-opacity: 0.8;
	opacity:.80;
	filter: alpha(opacity=80);
}

.sisaltoalue {
	/*position: relative; TÄSSÄKÄÄN EI SAA OLLA position: relative, ks. alta -_- */
}

.sisaltoalue_inner {
	border: 2px solid #fff;
	margin: 0;
	clear: both;
	padding: 3px;
/*	TÄHÄN EI SAA LAITTAA position: relative;  - rikkoo wysiwygin työkalupalkin sijainnin ja etusivun tuoreimmat muutokset -tooltipit */
}

.sisaltoalue_inner:hover {
	border: 2px solid #FCE6BD;
}

/* Sisällön muokkaus menossa */
.sisalto-edit .sisaltoalue_inner {
	border: 2px solid #FCE6BD;
	background-color: #FFF1D7;
}

.sisalto-edit .sisaltoalue_inner .cke_editable {
	border: 1px solid #FCE6BD;
	background-color: #fff;
	padding: 5px 2px;
	min-height: 100px;
	overflow: auto;
	word-wrap: break-word;
	outline:none;
}


/* Viesti sisältöalueen siirrossa, tallennuksessa tms. */
div.sisaltoalue p.viesti {
	display: none;
	height: auto;
	width: auto;
	z-index: 9999;
	font-weight: bold;
	color: green;
	font-size: 80%;
	margin: 0 0 -3em 0;
	text-align: right;
	position: relative;
	float: right;
}


div.sisaltoalue p.viesti span {
	display: inline-block;
	background-color: #fff;
	padding: 3px;
}

div#container-sisaltoOminaisuudet p.viesti {
	position: absolute;
	top: 1.45em;
	left: 0;
	margin: 0 0 0 0;
}
div#container-sisaltoOminaisuudet p.viesti span {
	background: transparent;
}

div#container-sisaltoOminaisuudet {
	position: relative;
}


div.sisaltoalue_content {
	word-wrap: break-word;
	overflow: auto;
	margin: 5px 0 0 0;
	padding: 0;
	min-height: 100px;
}

div.sisaltoalue_content iframe:not(.embedly-embed) {
	width: 100%;
	border: 0;
}
div.sisaltoalue_content div.purot-oembed {
	width: 100% !important;
	max-width: 100% !important;
	display: flex;
}

div.sisaltoalue_content iframe.wikiembed {
	width: 100% !important;
	border: 0;
}

div.sisaltoalue h5.valiotsikko {
	font-size: 100%;
	margin: 0em 0em 0.3em 0em;
	padding: 0;
}

div.sisaltoalue table.taulukko {
	width: 100%;
}

div.sisaltoalue div.sisaltoalue_muokkausalue {
	padding: 0.5em 0 0.1em 0;
}

div.sisaltoalue div.sisaltoalue_muokkausalue input[type=text], div.sisaltoalue div.sisaltoalue_muokkausalue textarea {
	max-width: 95% !important;
}

div.sisaltoalue div.sisaltoalue_tallenna {
	padding: 0.5em 0 1.5em 0;
}

div.sisaltoalue p {
	padding: 0;
}

div.sisaltoalue_inner p {
	padding: 0 0 1em 0;
}

div.sisaltoalue_inner ul, div.sisaltoalue_inner ol {
	margin: 0 0 1em 0;
}

.sisalto-error {
	border: 2px solid red !important;
}

/* Onnistunut siirto, tallennus tms. */
.sisalto-success {
	border: 2px solid green !important;
}

.sisalto-added {
	border: 2px solid green !important;
}

.sisalto-edited {
	border: 2px solid orange !important;
}

.sisalto-moved {
	border: 2px solid yellow !important;
}

.sisalto-deleted {
	border: 2px solid red !important;
}

.sisaltoalue div.piilotettu {
	background: transparent url("pics/status_off.gif") no-repeat left top;
	float: left;
	width: 20px;
	margin-left: -24px;
	height: 16px;
	display: block;
	overflow: hidden;
	margin-top: 2px;
}

.sisaltoalue div.toiminnot {
	float: left;
	width: 20px;
	margin-left: -24px;
	height: 112px;
	display: block;
}

.sisaltoalue div.toiminnot .toiminto {
	visibility: hidden;
	text-indent:-9999px;  /* Tekstin piilotus */
	width: 20px;
	height: 20px;
	overflow: hidden;
	margin-top: 2px;
}

.sisaltoalue div.toiminnot .siirra {
	background: transparent url("icon_move.gif") no-repeat left top;
	cursor: N-resize;
}

.sisaltoalue div.toiminnot .muokkaa {
	background: transparent url("icon_edit.gif") no-repeat left top;
	cursor: pointer;
}

.sisaltoalue div.toiminnot .poista {
	background: transparent url("icon_delete.gif") no-repeat left top;
	cursor: pointer;
}

.sisaltoalue div.toiminnot .piilota {
	background: transparent url("pics/status_on.gif") no-repeat left top;
	cursor: pointer;
}

.sisaltoalue div.toiminnot .julkaise {
	background: transparent url("pics/status_off.gif") no-repeat left top;
	cursor: pointer;
}

.sisaltoalue div.toiminnot .jaa {
	background: transparent url("icon_share.png") no-repeat left top;
	cursor: pointer;
}

.sisaltoalue-purot-like {
	text-align: right;
	clear: both;
	margin-top: 2px;
	line-height: 0.1em;
	width: 100%;
}

div.lisayspaneeli {
	margin: 0;
	padding: 0;
}

.sisalto-edit div.lisayspaneeli, .sisalto-edit div.lisayspaneeli div.aloitusnakyma {
	display: none;
}

.sisaltoalue div.lisayspaneeli div.aloitusnakyma {
	margin-top: 2px;
	visibility: hidden;
	border: 1px dashed #FADCA8;
}

.sisaltoalue div.lisayspaneeli div.aloitusnakyma a:link, .sisaltoalue div.lisayspaneeli div.aloitusnakyma a:visited {
	display: block;
	font-size: 80%;
	width: 100%;
	padding: 1px 0;
	text-decoration: none;
	text-align: center;
}

div.lisayspaneeli div.tyyppivalinta {
	display: none;
	padding: 13px 9px;
	background-color: #FFF2D8;
	border: 1px solid #FADCA8;
}

div.lisayspaneeli div.tyyppivalinta div.peruuta {
	float: right;
}

.sisaltoalue .otsake {
	padding: 10px;
	background: #F7C570 url(bg_otsikko.gif) repeat-x top left;
	font-weight: bold;
}

.sisaltoalue .otsake .cancel {
	float: right;
	font-weight: normal;
}

.sisaltoaluetyyppi-kuva div.hallinnat {
	float: left;
	width: 300px;
}

.sisaltoaluetyyppi-kuva .esikatselukuva {
	margin: 0px 10px 10px 300px;
	padding-top: 1.9em;
}

.sisaltoaluetyyppi-kuva .sisaltoalue_muokkausalue input.disabled {
	font-style: italic;
	color: grey;
}

.sisaltoaluetyyppi-liitetiedosto .liitteet {
	margin: 10px 0px 0px 0px;
}

.sisaltoaluetyyppi-liitetiedosto .liitteet .liitetiedosto-poista {
	padding: 0px 0px 0px 15px;
	color: red;
	font-size: 85%;
}

div.sisaltoaluetyyppi-liitetiedosto ul.kuvat {
	margin: 0;
	padding: 0;
}

div.sisaltoaluetyyppi-liitetiedosto ul.kuvat li {
	list-style-type: none;
	float: left;
	margin: 0 10px 10px 0;
	width: 100px;
	height: 100px;
	display: block;
}

div.sisaltoaluetyyppi-liitetiedosto ul.kuvat li a {
}

div.sisaltoaluetyyppi-liitetiedosto ul.kuvat li img {
	border: none;
	-webkit-transition-duration: 600ms;
	transition-duration: 600ms;
}

div.sisaltoaluetyyppi-liitetiedosto ul.kuvat li img:hover {
	-webkit-transform: scale(1.2, 1.2);
	transform: scale(1.2, 1.2);
}

.sisaltoaluetyyppi-muu,
.sisaltoaluetyyppi-moduulit
{
	background: transparent url(bg_muusisalto.gif) repeat-y top left;
}

.sisaltoaluetyyppi-muu .tyyppivalinta,
.sisaltoaluetyyppi-moduulit .tyyppivalinta
{
	float: left;
	width: 141px;
	background-color: #FBE0B3;
}

.sisaltoaluetyyppi-muu .tyyppivalinta div,
.sisaltoaluetyyppi-moduulit .tyyppivalinta div
{
	padding: 5px;
	cursor: pointer;
	font-weight: bold;
	font-size: 100%;
}

.sisaltoaluetyyppi-muu .tyyppivalinta div.valittu, .sisaltoaluetyyppi-muu .tyyppivalinta div:hover,
.sisaltoaluetyyppi-moduulit .tyyppivalinta div.valittu, .sisaltoaluetyyppi-moduulit .tyyppivalinta div:hover
{
	background-color: #FFF1D7;
}

.sisaltoaluetyyppi-muu .tyypit .editor,
.sisaltoaluetyyppi-moduulit .tyypit .editor
{
	display: none;
	margin-left: 155px;
}

.sisaltoaluetyyppi-muu .tyypit .valittu,
.sisaltoaluetyyppi-moduulit .tyypit .valittu
{
	display: block;
}

div.sisaltoaluetyyppi-kysely p.kysely-ohje {

}

div.sisaltoaluetyyppi-kysely p.valitsemasiVastaus {
	font-size: 75%;
	margin: 0px;
	padding: 0px;
}

div.sisaltoalue_muokkausalue a.tyhjennaVastaukset-linkki {
	font-size: 75%;
}

div.sisaltoaluetyyppi-kysely p.kysely-aika, form.sisaltoaluetyyppi-kysely p.kysely-aika {
	font-size: 75%;
}

div.sisaltoaluetyyppi-kysely ol {
	margin-left: 0;
	padding-left: 20px;
}

div.sisaltoaluetyyppi-kysely ol li {
	margin-bottom: 7px;
	margin-left: 0;
	padding-left: 0;
}

div.sisaltoaluetyyppi-kysely div.mittaripalkki {
	position: relative;
	background-color: transparent;
	width: 90% !important;
	height: 20px;
	clear: both;
	border: 1px solid #ddd;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
}

div.sisaltoaluetyyppi-kysely div.mittaripalkki div.tayttopalkki {
	position: absolute;
	background-color: #75bc22;
	height: 100%;
}

div.sisaltoaluetyyppi-kysely div.mittaripalkki div.teksti {
	position: absolute;
	background-color: transparent;
	width: 100% !important;
	height: 100%;
	font-size: 12px;
	text-align: center;
	line-height: 20px;
	vertical-align: middle;
}

div.sisaltoaluetyyppi-kysely-container,
div.sisaltoaluetyyppi-kysely
{
	padding: 0;
	margin: 0;
}

form.sisaltoaluetyyppi-kysely input.submit
{
	margin-top: 10px;
	margin-bottom: 10px;
}

form.sisaltoaluetyyppi-kysely table {
	border-collapse: separate;
	border-spacing: 2px;
	border: none;
}

div.sisaltoaluetyyppi-kysely table {
	border-collapse: collapse;
}



div.sisaltoaluetyyppi-sisallonJakaminen a i {
	font-size: 18px;
	margin: -2px 4px 0 0;
	float: left;
	background: -webkit-gradient(linear, left top, left bottom, from(#21d300), to(#2f5f00));
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

div.sisaltoaluetyyppi-sivunVienti a i {
	font-size: 17px;
	margin: -3px 4px 0 0;
	float: left;
	background: -webkit-gradient(linear, left top, left bottom, from(#ff1a1a), to(#990000));
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

.sisaltoaluetyyppi-sivun_luonti .huomiolaatikko span.sivupohja {
	font-style: italic;
}

.sisaltoaluetyyppi-sivun_luonti .luotavanSivunOminaisuudet .toggle {
	cursor: pointer;
	font-size: 75%;
	margin: 1em 0em 0em 0em;
	padding: 0;
}

.sisaltoaluetyyppi-sivun_luonti .luotavanSivunOminaisuudet .toggle.closed:after {
	content:' \25B6';
}

.sisaltoaluetyyppi-sivun_luonti .luotavanSivunOminaisuudet .toggle.open:after {
	content:' \25BC';
}

.sisaltoaluetyyppi-sivun_luonti .luotavanSivunOminaisuudet .huomiolaatikko {
	display: none;
}

.sisaltoaluetyyppi-sivun_luonti .luotavanSivunOminaisuudet .huomiolaatikko ul {
	padding-left: 2em;
}

#sisallonJakaminen input.koodikentta {
	width: 100%;
}

#sisallonJakaminen textarea.koodikentta {
	width: 100%;
	height: 10em;
	word-break: break-all;
}

#sisallonJakaminen input.syottokentta {
	width: 6em;
}

#sisallonJakaminen .sisaltolista {
	padding-left: 1em;
}

div.userprofile {
	float: left;
	width: 100%;
}

div.userprofile div.profileimage {
	float: left;
	width: 180px;
}

div.userprofile div.profileimage .frame-profileImage {
	width: 95%;
	height: 250px;
}

div.userprofile div.userinfo {
	margin-left: 180px;
}

.alateksti {
	font-size: 80%; 
	margin-right: 10px;
	padding: 10px;	
}

/* Profiilisivut */
iframe.frame-profileImage {
	border: 0 none; 
	margin: 0; 
	padding: 0; 
	width: 170px; 
	height: 160px;
}

body.profileImage {
	background-color: #FFF2D8;
}

/* Sisältöalue: RSS-syöte */
ul.rssfeed {
	margin: 0;
	padding: 0;
	list-style-type: none;
}

ul.rssfeed li {
	margin: 1em 0;
}


/* Taustat ja reunat alkaa */
#wikiarea {
    padding-top: 10px;
    padding-bottom: 15px;
}
#wikiarea #wikiarea_right {
    vertical-align: top;
    padding-left: 5px;
    padding-right: 20px;
    border-top-right-radius: 8px;
}
#right_container {
   	background-color: rgba(255, 255, 255, 0.75);
	border-top-right-radius: 8px;
	padding: 0px;
}
#right_container table {
 	border-spacing: 5px;
    border-collapse: separate;
}
#right_container table #content_td {
    background-color: rgba(255, 255, 255, 1);
}
#right_container table #discussion_td {
    background-color: rgba(255, 255, 255, 1);
    border-top-right-radius: 8px;
}
#right_container table #ads_td {
    background-color: rgba(255, 255, 255, 1);
    width: 100%;
    max-width: 100%;
    overflow-x: auto;
}
#right_container {
}
#footer {
    border-bottom-right-radius: 8px;
    border-bottom-left-radius: 8px;
	opacity: 1;
    filter: alpha(opacity=100);
    background-color: rgba(255, 255, 255, 1);
}
.footer-cont {
    background-color: rgba(255, 255, 255, 0.75);
    border-bottom-right-radius: 8px;
    border-bottom-left-radius: 8px;
    padding-left: 5px;
    padding-right: 5px;
	padding-top: 1px;
    padding-bottom: 5px;
    margin-top: 5px;
}
#footer .bottom_white_area {
    background-color: rgba(255, 255, 255, 1);
}

#left_links,
.left_white_body {
    border-top-left-radius: 8px;
    border-bottom-left-radius: 8px;	
}
.left_white_body {
	padding: 10px;
    margin: 5px;
    width: auto;
}
#left_search {
	margin-top: 5px;
}
#wikiarea #wikiarea_left {
    vertical-align: top;
    background-color: rgba(255, 255, 255, 0.75);
    border-radius: 8px;
	border-bottom-right-radius: 0px;
    border-top-right-radius: 0px;
}
#wikiarea #wikiarea_left #left_links,
#wikiarea #wikiarea_left #left_links div,
#wikiarea #wikiarea_left #left_module,
#wikiarea #wikiarea_left #left_module div,
#wikiarea #wikiarea_left #left_search,
#wikiarea #wikiarea_left #left_search div {
	border-bottom-right-radius: 0px;
    border-top-right-radius: 0px;	
}
/* Tausta ja reunat loppuu */



/* Kirjautumissivut */

#sign_container {
	width: 100%;
	overflow: hidden;
}

#sign {
	margin: 100px auto 0 auto;
	max-width: 420px;
	min-height: 217px;
	line-height: 1.3em;
	font-size: 80%;
	clear: both;
	background: #fff url(pics/sign_background.gif) no-repeat top right;

	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
	box-shadow: 0px 2px 5px rgba(0, 0, 0, 0.1), 0px 5px 10px rgba(0, 0, 0, 0.1);
}
#sign_container.installtype-0 #sign {
	
}
#sign_container.installtype-1 #sign {
	background-image: none;
}

#sign .huomiolaatikko {
	font-size: 90%;
	margin-bottom: 30px;
	margin-top: 0;
}

#sign_sivusto {
	padding: 30px 0 0 29px;
	color: #000;
	font-size: 135%;
	font-weight: bold;
}

#sign_inner {
	padding: 30px 20px 10px 29px;
	text-align: left;
}

#sign_inner small {
	color: #444;
}

#sign_inner .sign_left {
	float: left;
	margin-bottom: 1.5em;
	width: 40%;
}

#sign_inner .sign_right {
	float: left; 
	margin-left: 35px;
	margin-bottom: 1.5em;
	width: 40%;
}

#sign_inner input.textinput {
	font-size: 110%;
	width: 100%;
}

#sign_footer {
	margin: 10px auto 200px auto;
	font-size: 80%;
	clear: both;
	text-align: center;
}


/* TIEDOSTOSELAIN */
#tiedostoselain {
	font-weight: bold; 
	font-size: 100%; 
	color: #ffffff; 
	background-color: #2A8ABC; 
	line-height: 1.5em;
	padding: 3px 7px 7px 10px; 
	border-bottom: 1px solid #666666;
}

table#alaosa {
	width: 100%;
	min-width: 770px;
	margin: 15px 0 10px 0;
	line-height: 1em;
	border-collapse: collapse;
	border: 0;
	padding: 0;
}

#alaosa td#vasenpalsta {
	width: 13em;
	vertical-align: top;
	padding: 0 0 0 15px;
}

#alaosa td#keskipalsta {
	vertical-align: top;
	padding: 0 15px 0 20px;
	font-size: 80%;
}

#scrollausalue {
  width: 100%;
  height: 340px;
  overflow: auto;
}

.hidden {
	display: none;
}

.oikeudet-disabled {
	color: grey !important;
}

/* KUVAAJAT */
.wiki-statistics h3 {
	margin-top: 1.0em !important;
}

.chart.xZoomable svg rect {
	cursor: w-resize;
}

.chart.yZoomable svg rect {
	cursor: n-resize;
}

.activityCharts .controls {
	float: left; 
	width: 16em;
	margin: 0 1em 1em 0;
}

.activityCharts .controls label {
	display: block;
	clear: both;
}

.activityCharts .controls fieldset {
	min-height: 8em;
}

.activityCharts legend {
	font-weight: bold;
}

.activityCharts .controls.pages select.asmSelect,
.activityCharts .controls.users select.asmSelect {
	width: 95%;
}

.activityCharts .controls.pages ol.asmList,
.activityCharts .controls.users ol.asmList {
	font-size: 80%;
}

.activityCharts .controls.pages li.asmListItem,
.activityCharts .controls.users li.asmListItem {
	width: 95%;
}

.activityCharts .controls.pages span.asmListItemLabel,
.activityCharts .controls.users span.asmListItemLabel {
	display: inline-block;
	width: 10em;
}

.activityCharts .chart {
	clear: both;
	width: 99%; /* IE:n scrollbarin poistamiseksi */
}

.chartHelp {
	text-align: center;
	font-size: 80%;
}

.paginator {
	margin: 10px 5px;
	text-align: center;
}

.paginator * {
	margin: 0 3px;
}

.paginator span.dots {
	margin: 0;
}

.sisaltoaluetyyppi-kysely-container div.vastausvaihtoehto {
	margin-bottom: 15px
}

.sisaltoaluetyyppi-kysely-container div.vastausvaihtoehto td.input {
	width: 100%;
	padding-right: 5px
}

.sisaltoaluetyyppi-kysely-container div.vastausvaihtoehto td.input input.text {
	width: 100%;
}

.sisaltoaluetyyppi-kysely-container div.vastausvaihtoehto td.delete {
	width: auto;
	padding: 0px 5px;
	vertical-align: middle;
}

.sisaltoaluetyyppi-kysely-container div.vastausvaihtoehto:first-child .poistaVastausvaihtoehto {
	visibility: hidden;
}

.sisaltoaluetyyppi-kysely-container div.vastaajat {
	max-height: 100px;
	overflow: auto;
	font-size: 75%;
}

.sisaltoaluetyyppi-kysely-container div.vastaajat .vastaajatTitle {
	font-style: italic;
}

input.aikakentta {
	width: auto !important;
}

.ohje {
	font-size: 80%;
	margin: 5px 2px 2px 2px;
	padding: 0;
}

.moduuli-kutsut-wiki-kutsuminen {
	width: 100%;
	max-width: 450px;
}

.moduuli-kutsut-wiki-kutsuminen form textarea {
	width: 100%;
	max-width: 450px;
	height: 15em;
}

.moduuli-kutsut-wiki-kutsuminen p.liitaKohteetJaseniksi {
	margin: 0.6em 0;
	padding: 0px;
}

table.features td {
	vertical-align: top;
}

table.features th.valittu
{
	background-color: #444444;
}

table.features td.valittu
{
	background-color: #e0e0e0;
}

table.features td .sponsoroitu,
table.features td .maksettu
{
	font-size: 70%;
	font-weight: bold;
	color: #008000;
}

ul.notifications {
	border: 2px solid #FCE6BD;
	background-color: #FFF1D7;
	list-style: none;
	padding: 0.8em 0;
	margin: 0 0 1em 0;
	width: 80%;
}

ul.notifications li {
	margin: 0;
	padding: 0 1em;
}

#content h3.laatikko_otsikko {
	margin-top: 1em;
	border-bottom: 1px solid #aaa;
	clear: both;
}
ul.laatikko_lista {
	margin: 0;
	padding: 0;
	list-style: none;
}

ul.laatikko_lista li {
	display: inline-block; 
	float: left;
	width: 12em;
	height: 5em;
	padding: 1em;
	margin: 0 1em 1em 0;
	text-align: center;
/*	border: 1px solid #ddd; */
	font-size: 80%;
}

ul.laatikko_lista li img {
	margin-bottom: 0.7em;
}



/* Taulukot */

table.taulukko {
	border-bottom: 0;
	border-spacing: 0;
	border-collapse: collapse;
	width: 80%; 
	border: none;
}
  
.taulukko tr td {
	padding: 7px;
	border-left: none;
	border-top: none;
	border-right: 0px solid #fff;
	border-bottom: 1px solid #aaa;
	color: #222;
}
  
table.taulukko tr.result {
	background-color: #E0E0E0;
}

.taulukko thead th {
	font-weight: normal;
	line-height: 100%;
	padding: 7px 15px 7px 7px;
	vertical-align: middle;
	text-align: left;
	background: #666;
	color: #fff;
}

.taulukko thead th b {
	float: left;
	clear: both;
}

.taulukko thead th img.trial-pic {
	display: none;
}
.taulukko thead th.kokeilujaksoSallittu {
	overflow: visible;
}
.taulukko thead th.kokeilujaksoSallittu img.trial-pic {
	display: block;
	float: right;
	margin-top: -22px;
	margin-bottom: -20px;
}

.taulukko tbody th {
	padding: 7px;
	border-right: 0px solid #fff;
	border-bottom: 1px solid #e1e1e1;
	color: #222;
	font-weight: bold;
	text-align: left;
}
.taulukko tr td.ikoni img {
	margin-right: 5px;
}

/* Tablesorter-jquery-plugin */
table.tablesorter thead tr .header {
	background-image: url(pics/bg.gif);
	background-repeat: no-repeat;
	background-position: center right;
	cursor: pointer;
}
table.tablesorter thead tr .headerSortUp {
	background-image: url(pics/asc.gif);
}
table.tablesorter thead tr .headerSortDown {
	background-image: url(pics/desc.gif);
}

/* Kuvan esikatselusolu */
td#kuvanesikatselu {
	height: 270px; 
	vertical-align: middle;
}

/* Kuvan esikatselualue */
#esikatselukuva {
	margin: 0;
	padding: 0;
	max-height: 250px; 
	height:expression(this.scrollHeight > 250? "250px" : "auto" );
	width:expression("45em");
	max-width: 45em;
	overflow: auto;
	text-align: center;
}

#esikatselukuva img {
	max-width: 100%;
    height: auto;
}

/* TAULUKOT */
.taulukko td#siirretyt_kuvat img {
	margin: 0 5px 5px 0;
	height: 92px;
	width: 92px;
	cursor: help;
}

table.lataa{
	font-size: small;
	border-collapse: collapse;
}
                
table.lataa td {
	font-size: 80%;
	padding: 0 15px 0 0;
}

table.lataa td.ei_rajaa {
	border-bottom: none;
}

table.lataa td img {
	width: 100px;
	height: 100px;
}


/* Muutokset-taulukot */
form.changes {
	margin: 0px 0px 20px 0px;
}

.changes .day-separator {
	font-weight: bold;
	background-color: #e5e5e5;
}

.changes .icon.page {
	width: 20px;
	background: transparent url(view_content2.gif) no-repeat center center;
}

.changes .icon.message {
	width: 20px;
	background: transparent url(view_discussion2.gif) no-repeat center center;
}

.changes .icon.relation.suli {
	width: 20px;
	background: transparent url(pics/like_plus.gif) no-repeat center center;
}
.changes .icon.relation.supo {
	width: 20px;
	background: transparent url(pics/like_minus.gif) no-repeat center center;
}

/* Muutoskanava */
.channel form.controls-show {
	margin: 0px 0px 20px 0px;
}

.channel .changes .item .timestamp .unixTs {
	display: none;
}

.channel .changes .useredited.hidden,
.channel .changes .usercommented.hidden,
.channel .changes .combinedItems.hidden
{
	display: none;
}

/* VALIKOT */
/* Sivujen toimintovalikko */
div#pagemenu {
	position: absolute;
	display: none;
	top: 0px;
	left: 0px;
	z-index: 10000;
	background-color: #fff;
	border: 1px solid #ccc;
	line-height: 1.2em;
	font-size: 85%;
}

#pagemenu b#valikon_otsikko {
	display: block;
	padding: 4px 0 4px 7px;
	background: #9BCDE6 url(pics/tausta_vasenotsikko.gif) repeat-x top left;
	font-weight: bold;
	text-align: left;
	color: #014567;
	margin: 0 0 7px 0;
}

#pagemenu ul {
	margin: 0 0 7px 0;
	padding: 0;
	list-style-type: none;
}

#pagemenu ul li {
	color: #006699;
	display: block;
	width: 14.2em;
	padding: 0 0 0 12px;
	margin: 0 0 0 6px;
	clear: both;
	background: transparent url(pics/li.gif) no-repeat center left;
}

/* VASEN PALSTA */
/* .menu_pysty : käytetään vasemman palstan valikossa */

.menu_pysty, .table_simpletree {
	margin: 0 0 1em 0;
	width: 100%;
	font-size: 80%;
}

.menu_pysty th, .table_simpletree th {
	font-size: 110%;
	vertical-align: middle;
	font-weight: bold;
	text-align: left;
	color: #000;
}

.menu_pysty td, .table_simpletree td {
	font-size: 100%;
	vertical-align: middle;
	padding: 5px 4px 5px 0;
	
}

.menu_pysty a:link, .menu_pysty a:visited {
	display: block;
	padding: 0 0 0 24px;
	width: 14.5em;
}

/* Jquery.simple.tree:n css-koodit */
.simpleTree
{	
	margin:0 0 0 -4px;
	padding:3px 0;

}
.simpleTree li
{
	list-style: none;
	margin:0;
	padding:0 0 0 34px;
	line-height: 14px;
}
.simpleTree li span.text, 
.simpleTree li span.active
{
	display:inline-block;
	clear: left;
	margin-left: -16px;
	cursor: default;
}

.simpleTree.dirs li span.text, 
.simpleTree.dirs li span.active {
	white-space: nowrap; /* estetään pitkän kansion nimen putoaminen eri riville hakemistoikonin kanssa */
}

.simpleTree .active
{
	font-weight: bold;
}

.simpleTree ul
{
	clear: both;
	margin:0; 
	padding:0;
/*	display: inline-block; */
}

.simpleTree .root
{
	margin-left:-16px;
}
.simpleTree .line
{
	margin:0 0 0 -16px;
	padding:0;
	line-height: 5px;
	height:5px;
	font-size:5px;
	background: url(pics/line_bg.gif) 0 0 no-repeat transparent;
}
.simpleTree .line-last
{
	margin:0 0 0 -16px;
	padding:0;
	line-height: 5px;
	height:5px;
	font-size:5px;
	background: url(pics/spacer.gif) 0 0 no-repeat transparent;
}
.simpleTree .line-over
{
	margin:0 0 0 -16px;
	padding:0;
	line-height: 11px;
	height:11px;
	font-size:11px;
	background: url(pics/line_bg_over.gif) 0 0 no-repeat transparent;
}
.simpleTree .line-over-last
{
	margin:0 0 0 -16px;
	padding:0;
	line-height:11px;
	height:11px;
	font-size:11px;
	background: url(pics/line_bg_over_last.gif) 0 0 no-repeat transparent;
}
.simpleTree .folder-open
{
	margin-left:-16px;
	background: url(pics/collapsable.gif) 0 -2px no-repeat;
}
.simpleTree .folder-open-last
{
	margin-left:-16px;
	background: url(pics/collapsable-last.gif) 0 -2px no-repeat;
}
.simpleTree .folder-close
{
	margin-left:-16px;
	background: url(pics/expandable.gif) 0 -2px no-repeat;
}
.simpleTree .folder-close-last
{
	margin-left:-16px;
	background: url(pics/expandable-last.gif) 0 -2px no-repeat;
}
.simpleTree .doc
{
	margin-left:-16px;
	background: url(pics/line.gif) 0 -1px no-repeat;
}

.simpleTree .doc-last
{
	margin-left:-16px;
	background: url(pics/line-last.gif) 0 -1px no-repeat;
}

.simpleTree .ajax
{
	background: url(pics/spinner.gif) no-repeat 0 0;
	height: 16px;
	display:none;
}
.simpleTree .ajax li
{
	display:none;
	margin:0; 
	padding:0;
}
.simpleTree .trigger
{
	display:inline;
	margin-left:-32px;
	margin-right: 4px;
	width: 28px;
	height: 11px;
	cursor:pointer;
	float: left;
}
.simpleTree .text img, .simpleTree .active img, #drag_container span img {
	vertical-align: top;
	margin-top: -1px;
}
#drag_container img.help, #drag_container img.contentmenu, #drag_container a.draggable {
	display: none;
}
#drag_container
{
	background: #ffffff;
	color:#000;
	font: normal 11px arial, tahoma, helvetica, sans-serif;
	border: 1px dashed #767676;
}
#drag_container ul
{
	list-style: none;
	padding:0;
	margin:0;
}

#drag_container li
{
	list-style: none;
	background-color: #ffffff;
	line-height:18px;
	white-space: nowrap;
	padding:1px 1px 0px 0px;
	margin:0;
}
#drag_container li span
{
	padding:0 2px;
}

#drag_container li.doc, #drag_container li.doc-last
{
	background: #ffffff url(pics/leaf.gif) no-repeat -17px 0;
}
#drag_container .folder-close, #drag_container .folder-close-last
{
	background: #ffffff url(pics/expandable.gif) no-repeat -17px 0;
}

#drag_container .folder-open, #drag_container .folder-open-last
{
	background: #ffffff url(pics/collapsable.gif) no-repeat -17px 0;
}


/* Sivumoduuli */
#sivumoduuli_sisa {
	font-size: 85%;
}

#sivumoduuli_sisa p {
	margin: 0;
	padding: 0;
}

#sivumoduuli_sisa .simpleTree {
	/* white-space: nowrap; */
	width: 180px;
	overflow: hidden;
}

#sivumoduuli_sisa ul.kayttajalista {
	margin: 0;
	padding: 0 0 0 10px;
    font-size: 91%;
    line-height: 1.3em;
}

/* TOIMINNOT */
.help {
	cursor: help;
}
b.virhe small {
	font-weight: normal;
}

div.fileuploader {
	font-size: small; 
}

div.fileuploader label {
	text-decoration: none; 
}

div.fileuploader p.viesti {
	padding: 0 0 0 1.8em; 
	margin: 0 0 0 5px; 
	display: block;
}

.virhe, .ok, .kysymys {
	padding: 0 0 0 1.8em;
	display: block;
	font-size: 85%;
	line-height: 1.3em;
	background-position: center left;
	background-repeat: no-repeat;
	background-color: transparent;
}

.virhe {
	background-image: url("pics/d_varoitus.gif");
	color: #EE0000;
}

.ok {
	background-image: url("pics/d_ok.gif");
	color: #008000;
}

.kysymys {
	background-image: url("pics/d_kysymys.gif");
}


option, select, label, .valinta {
	cursor: pointer; 
}

option.disabled {
	color: #bbb;
}

option.child-1 {
	padding-left: 1em;
}

label:hover {
	text-decoration: underline;
}

/* Välilehtien muotoilut */

#valilehdet {
    margin: 0 0 0 0;
    padding-left: 10px;
   	background: transparent url(pics/tab_bottom.gif) repeat-x bottom left;
	width: 100%;
	display: inline-block;
	_height: 1%;
}

/* Piilottaa Mac-IElt� \*/
#container {
	display: block;
}
/* Lopeta piilotus */

#valilehdet:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}

#valilehdet input,
#valilehdet button,
#valilehdet a {
    float: left;
    font-size: 100%;
    background: #e5e5e5;
    font-weight: normal;
   	height: 2.2em;
    padding: 0 5px;
    margin: 0 5px 0 0;
    border: 1px solid #ccc;
    text-decoration: none;
	color: #555;

	cursor: pointer;

	/* IE:sta turhat paddingit pois napista */
	overflow: visible;
	width: auto;
}

#valilehdet a {
	height: 2em;
	line-height: 2em;
	padding: auto;
}

#valilehdet a:hover {
	background: #FAFAFA;
}
  
#valilehdet .valittu_valilehti {
	border-bottom: 1px solid #fff;
	background: #fff;
	color: #000;
	font-weight: bold;
	cursor: default;
}


/* Napit */

.nappi, .ok-nappi, .del-nappi {
  	display: inline-block;
  	font-family: inherit; /* Sama fontti kuin muulla sivulla (Segoe UI)*/
  	font-size: 14px;
  	font-weight: 400;
  	padding: 5px 8px 5px 8px;
  	text-decoration: none;
  	cursor: pointer;
  	border-radius: 7px;
  	transition: all 0.1s ease;
	-webkit-transition:box-shadow 0.2s;
}

.nappi {
	color: #111;
  	background: #ECECEC;
	box-shadow: 0px 2px 1px white inset, 0px -2px 5px white, 0px 2px 5px rgba(0, 0, 0, 0.1), 0px 5px 10px rgba(0, 0, 0, 0.1);
	border:1px solid #a7a7a7;
}

.ok-nappi {
	color: #fff;
	background: #51B11B;
	box-shadow: 0px 2px 1px rgba(255,255,255,0.25) inset, 0px -2px 5px white, 0px 2px 5px rgba(0, 0, 0, 0.1), 0px 5px 10px rgba(0, 0, 0, 0.1);
	border: 1px solid #428b19;
}

.del-nappi {
	color: #fff;
	background: #FF6600;
	box-shadow: 0px 2px 1px rgba(255,255,255,0.25) inset, 0px -2px 5px white, 0px 2px 5px rgba(0, 0, 0, 0.1), 0px 5px 10px rgba(0, 0, 0, 0.1);
	border: 1px solid #e85d00;
}

.nappi:hover, .ok-nappi:hover, .del-nappi:hover {
	box-shadow: 0px 2px 1px rgba(255,255,255,0.25) inset, 0px -2px 20px white, 0px 2px 5px rgba(0, 0, 0, 0.0), 0px 8px 10px rgba(0, 0, 0, 0.0);
}

.nappi:active {
	box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.5) inset, 0px -2px 20px white, 0px 1px 5px rgba(0, 0, 0, 0.1), 0px 2px 10px rgba(0, 0, 0, 0.1);
	background:-webkit-linear-gradient(top, #d1d1d1 0%,#ECECEC 100%);
}

.ok-nappi:active {
	box-shadow: 0px 1px 2px rgba(255, 255, 255, 0.5) inset, 0px -2px 20px white, 0px 1px 5px rgba(255, 255, 255, 0.1), 0px 2px 10px rgba(255, 255, 255, 0.1);
	background:-webkit-linear-gradient(top, #31910B 0%,#51B11B 100%);
}

.del-nappi:active {
	box-shadow: 0px 1px 2px rgba(255, 255, 255, 0.5) inset, 0px -2px 20px white, 0px 1px 5px rgba(255, 255, 255, 0.1), 0px 2px 10px rgba(255, 255, 255, 0.1);
	background:-webkit-linear-gradient(top, #DF4600 0%,#FF6600 100%);
}

.nappi.disabled, .ok-nappi.disabled, .del-nappi.disabled {
	color: #bdbbb9;
	border: 1px solid #d3d3d3;
	cursor: auto;
	text-shadow: white 0 1px 0;
	-webkit-box-shadow: white 0 1px 0 0 inset;
	-moz-box-shadow: white 0 1px 0 0 inset;
	-ms-box-shadow: white 0 1px 0 0 inset;
	-o-box-shadow: white 0 1px 0 0 inset;
	box-shadow: white 0 1px 0 0 inset;
}

.nappi.in-progress, .ok-nappi.in-progress, .del-nappi.in-progress {
	text-shadow: none;
	background: -webkit-linear-gradient(-45deg, rgba(255, 255, 255, 0.6) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.6) 50%, rgba(255, 255, 255, 0.6) 75%, transparent 75%, transparent), -webkit-linear-gradient(top, #f6f5f0, #e1e0dc);
	background: -moz-linear-gradient(-45deg, rgba(255, 255, 255, 0.6) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.6) 50%, rgba(255, 255, 255, 0.6) 75%, transparent 75%, transparent), -moz-linear-gradient(top, #f6f5f0, #e1e0dc);
	background: -ms-linear-gradient(-45deg, rgba(255, 255, 255, 0.6) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.6) 50%, rgba(255, 255, 255, 0.6) 75%, transparent 75%, transparent), -ms-linear-gradient(top, #f6f5f0, #e1e0dc);
	background: -o-linear-gradient(-45deg, rgba(255, 255, 255, 0.6) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.6) 50%, rgba(255, 255, 255, 0.6) 75%, transparent 75%, transparent), -o-linear-gradient(top, #f6f5f0, #e1e0dc);
	background: linear-gradient(-45deg, rgba(255, 255, 255, 0.6) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.6) 50%, rgba(255, 255, 255, 0.6) 75%, transparent 75%, transparent), linear-gradient(top, #f6f5f0, #e1e0dc);
	-pie-background: linear-gradient(-45deg, rgba(255, 255, 255, 0.6) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.6) 50%, rgba(255, 255, 255, 0.6) 75%, transparent 75%, transparent), linear-gradient(top, #f6f5f0, #e1e0dc);
	background-repeat: repeat;
	-webkit-background-size: 40px 40px, 100% 100%;
	-moz-background-size: 40px 40px, 100% 100%;
	-ms-background-size: 40px 40px, 100% 100%;
	-o-background-size: 40px 40px, 100% 100%;
	background-size: 40px 40px, 100% 100%;
	-webkit-animation: progress-bar-stripes 2s linear infinite;
	-moz-animation: progress-bar-stripes 2s linear infinite;
	-ms-animation: progress-bar-stripes 2s linear infinite;
	-o-animation: progress-bar-stripes 2s linear infinite;
	animation: progress-bar-stripes 2s linear infinite;
}

@-webkit-keyframes progress-bar-stripes {
  from { background-position: 0 0; }
  to { background-position: 40px 0; }
}

@-moz-keyframes progress-bar-stripes {
  from { background-position: 0 0; }
  to { background-position: 40px 0; }
}

@keyframes progress-bar-stripes {
  from { background-position: 0 0; }
  to { background-position: 40px 0; }
}



#nappi_edellinen.nappi {
	background: #5AAFD7 url("pics/edellinen.gif") no-repeat center center;
	padding: 2px 10px;
}

input.nappi_liitetiedosto {
	margin-left: 15px;
	font-size: 85%;
}

/* KUVAT */

/* kuva-sisältöalueen kuva */
.contImg {
	max-width: 100%;
	float: left;
	border: none;
}

.kuva {
	float: left;
	border: 1px solid #ccc;
	background-color: #fff;
	margin: 0.4em 0.7em 0.4em 0;
	text-align: center;
	cursor: pointer; 
	font-size: 75%;
	padding-bottom: 0.3em;
	width: 13.5em;
}

.thumb {
	margin: 0.4em 0 0.4em 0;
	height: 60px;
	padding: 0;
	text-align: center;
}

.maksullinen_info {
	padding: 1em 2em 0 4em; 
	border: 2px solid #aaa;
	margin-bottom: 2em;
	display: inline-block;
	background: #fff url("pics/emblem-important.png") no-repeat 10px center;
}

.maksullinen_kuva {
	position: relative;
}
.maksullinen_kuva img {
	opacity:0.5;
	filter:alpha(opacity=50);
	z-index: 1;
}
.maksullinen_kuva div {
	position: absolute;
	top: 50%; 
	left: 0;
	width: 100%;
	height: 100%;
	z-index: 2;
	text-align: center;
}

.maksullinen_kuva div span {
	display: inline-block;
	text-transform: uppercase;
	background-color: #fff;
	margin: -2.5em auto;
	height: 1em;
	line-height: 1em;
	padding: 2em;
	border: 1px solid #ddd;
	box-shadow: 7px 7px 6px #888;
	border-radius: 15px;
}


/* LOMAKETYYLEJÄ */

.huomiolaatikko {
	/* border-style: solid;
	border-width: 2px;
	border-color: black; */
	border: 1px solid #FADCA8;
	padding: 10px;
	margin: 10px 0;
	position: relative;
	clear: both;
    background-color: #FFF2D8;
    border-radius: 5px;
    font-size: 75%;
}

.huomiolaatikko p {
	margin: 0.5em 0em;
}

.huomiolaatikko ol,
.huomiolaatikko ul
{
	margin: 0 !important;
}

.huomiolaatikko.success {
	background-color: #CCFF99;
	border-color: #339933;
}

.huomiolaatikko.error {
	background-color: #FFEBE6;
	border-color: #CC0000;
}

.huomiolaatikko .sulje {
	float: right;
	padding: 0px;
	margin: -2px 0px 4px 2px;
	cursor: pointer;
}

.error {
	color: #EE0000;
}

.success {
	color: #008000;
}

.lomake table tr td {
	padding: 7px 7px 7px 0;
	font-size: 80%;
	vertical-align: middle;
}

.lomake table tr td.label {
	text-align: left;
}

#moduuli-wikinLuonti {
	width: 880px;
}

.wikinLuonti {
	margin-top: 1em;
	float: left;
	max-width: 420px;
	border: 2px solid #FCE6BD;
	background-color: #FFF1D7;
	padding: 0.3em 0.4em;

}

.wikinLuonti .label {
	font-weight: bold;
}

#moduuli-wikinLuonti-wikiName,
#moduuli-wikinLuonti-wikiDescription
{
	width: 16em;
}

#moduuli-wikinLuonti-wikiSubdomain {
	width: 10em;
}

#moduuli-wikinLuonti-wikiSubdomain,
#moduuli-wikinLuonti-wikiName,
#moduuli-wikinLuonti-domain,
#moduuli-wikinLuonti-wikiDescription
{
	font-size: 125%;
	color: #555;
}

#moduuli-wikinLuonti-domain {
	font-weight: bold;
}

input#moduuli-wikinLuonti-luo {
	font-size: 160%;
}

.lomake_ohje {
	margin-top: 0.3em;
	float: right; 
	width: 350px;
	padding: 0 2em 0 1em;
	font-size: 125%;
	font-style: italic;
	text-align: center;
	color: #999;
}

.lomake_ohje p {
	padding: 0;
	margin: 18px 0px;
}

/* teemalaatikot */
.theme_box {
	width: 230px;
	float: left;
	height: 205px;
	margin: 0 16px 20px 0;
	padding: 8px;
	-webkit-border-radius: 12px;
	-moz-border-radius: 12px;
	border-radius: 12px;
	-webkit-box-shadow: 1px 1px 2px 2px #ccc;
	box-shadow: 1px 1px 2px 2px #ccc;
}

.theme_box img {
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	border-radius: 6px;
}

.theme_box p {
	clear: both;
	margin: 10px 0 0 0;
	text-align: center;
}

div.omaTaustakuva {
	margin: 0 0 10px 0;
}

div.omaTaustakuva h5 {
	margin-bottom: 0;
	font-size: 100%;
}

div.omaTaustakuva h5:first-child {
	margin-top: 0;
}


iframe.backgroundImage {
	width: 340px;
	height: 240px;
	float: left;
}

iframe.tykkayskuva {
	border: none;
	height: 200px; 
	width: 280px;
}

.frame-directUpload {
	border: none;
	height: 70px; 
	width: 280px;
}

#ui-datepicker-div {
	font-size: 75%;
}

#hakusanatContainer div {
	display: none;
	margin-bottom: 15px;
}

.ui-autocomplete {
	max-height: 200px;
	max-width: 300px;
	overflow-y: auto;
	/* prevent horizontal scrollbar */
	overflow-x: hidden;
}
/* IE 6 doesn't support max-height
 * we use height instead, but this forces the menu to always be this tall
 */
* html .ui-autocomplete {
	height: 200px;
}

.ui-autocomplete .ui-menu-item {
	float: none;
}

.clear {
	clear: both;
	height: 0.1em;
	line-height: 0.1em;
}

.fleft {
	float: left;
}

.fright {
	float: right;
}

label.khaku {
	display: inline-block;
	width: 11em;
	line-height: 1.5em;
	margin-right: 1.5em;
	margin-bottom: 1em;
}

#mobileNav {
	display: none;
	background: transparent url(arrowdown2.png) right center no-repeat;
}

/* matemaattiset kaavat */
span.math-tex {
	font-size: 130%;
}

.cke_editable span.math-tex {
	font-size: 150%;
}

.multi-selector {
  background: #f9f9f9;
  cursor: pointer;
  padding: 0 4px;
}

.multi-selector input[type="checkbox"] {
  cursor: pointer;
  margin: 0 10px;
}

.multi-selector_selected {
  background: #dbebc0  !important;
}

.multi-selector_selected .multi-selector {
  background: #b6d484;
}

.kayttaja-lisamoduulit {
	width:80%;
	margin-top:40px;
}

.kayttaja-lisamoduulit > div {
	margin-bottom: 25px;
}

.kayttaja-lisamoduulit > div:last-of-type {
	margin-bottom: 0px;
}

#moduuli-saml-liitoksetAdmin input[type="text"] {
	width: 100%;
}

#moduuli-saml-liitoksetAdmin .piilota {
	display: none;
}

#moduuli-saml-liitoksetAdmin .tiedot-listaus {
	display: none;
}

#moduuli-saml-liitoksetAdmin .tiedot-listaus ul {
	margin: 0px;
	padding-left: 1em;
}

#moduuli-saml-liitokset .links .link {
	display: inline-block;
	height: auto;
	width: 220px;
	margin: 6px 6px 6px 6px;
	vertical-align: top;
	border: 1px solid #a7a7a7;
	border-radius: 7px;
}

#moduuli-saml-liitokset .links .link.wide {
	width: 315px;
}

#moduuli-saml-liitokset .links .link .logo {
	display: table-cell;
	height: 35px;
	width: 39px;
	background-repeat: no-repeat;
	background-size: contain;
	background-position: left center;
	margin: 0px;
	padding: 0px;
}

#moduuli-saml-liitokset .links .link .logo.wide {
	background-position: center center;
	background-size: 70% auto;
	width: 170px;
}

#moduuli-saml-liitokset .links .link .description {
	display: table-cell;
	height: 35px;
	width: 121px;
	text-align: left;
	vertical-align: middle;
	margin: 0px;
	padding: 0px 0px 0px 5px;
	overflow: hidden;
}

#moduuli-saml-liitokset .links .link .description.wide {
	text-align: center;
	width: 165px;
}

#moduuli-saml-liitokset .links .link .info {
	display: table-cell;
	height: 35px;
	width: 30px;
	margin: 0px;
	padding: 0px;
}

#moduuli-saml-liitokset .links .link .unlink {
	display: table-cell;
	height: 35px;
	width: 90px;
	vertical-align: middle;
	margin: 0px;
	padding: 0px 0px 0px 5px;
	overflow: hidden;
}

#moduuli-saml-liitokset .links .link .unlink button {
	height: 35px;
	width: auto;
}

#moduuli-saml-liitokset .linkables {
	margin-top: 1em;
}

#moduuli-saml-liitokset .linkables .linkable {
	display: inline-block;
	height: auto;
	width: 150px;
	margin: 5px 7px 5px 0px;
	padding: 0px;
	vertical-align: top;
}

#moduuli-saml-liitokset .linkables .linkable .logo {
	display: table-cell;
	height: 25px;
	width: 39px;
	background-repeat: no-repeat;
	background-size: contain;
	background-position: left center;
	margin: 0px;
	padding: 0px;
}

#moduuli-saml-liitokset .linkables .linkable .logo.wide {
	background-position: center center;
	background-size: 60% auto;
	width: 140px;
}

#moduuli-saml-liitokset .linkables .linkable .description {
	display: table-cell;
	height: 25px;
	width: 121px;
	text-align: left;
	vertical-align: middle;
	margin: 0px;
	padding: 0px 0px 0px 5px;
	overflow: hidden;
	font-size: 85%;
}

#moduuli-saml-liitokset .linkables .linkable .description.wide {
	text-align: center;
	width: 170px;
}

.moduuli-saml-login-big .idp-login-form {
	display: inline-block;
	height: auto;
	width: 48%;
	margin: 1% 1% 1% 0%;
	vertical-align: top;
}

.moduuli-saml-login-big .idp-login-form:nth-child(2n) {
	margin-left: 1%;
	margin-right: 0%;
}

.moduuli-saml-login-big .idp-login-button {
	display: inline-block;
	height: 100%;
	width: 90%;
}

.moduuli-saml-login-big .idp-login-button.current {
	border-color: #00ccff;
	/*cursor: default;*/
}

.moduuli-saml-login-big .idp-logo {
	display: table-cell;
	height: 25px;
	width: 39px;
	background-repeat: no-repeat;
	background-size: contain;
	background-position: left center;
	margin: 0px;
	padding: 0px;
}

.moduuli-saml-login-big .idp-logo.wide {
	display: inline-block;
	background-position: center center;
	width: 60%;
}

.moduuli-saml-login-big .idp-description {
	display: table-cell;
	height: 25px;
	width: auto;
	vertical-align: middle;
	margin: 0px;
	padding: 0px 0px 0px 5px;
	overflow: hidden;
	font-size: 85%;
}

ul.content_actions {
	list-style: none;
	margin: 0.7em 0 0 0;
	padding: 0;
}

ul.content_actions li {
	float:left;
	clear:right;
	margin-right:15px;
}

ul.content_actions>li>div>div>a:link, ul.content_actions>li>div>div>a:visited {
	display: block;
	margin: 0 0 1.8em 0;
	font-size: 75%;
	text-decoration: none;
}
ul.content_actions>li>div>div>a:hover, ul.content_actions>li>div>div>a:active {
	text-decoration: underline;
}

ul.content_actions div.sisaltoalue p.viesti {
	white-space: nowrap;
}

.sisallonJakaminen {
  
  background:#fff;
  width:600px;
  max-width:88%;
  max-height:97%;

  margin:0 auto;
  font-family:Arial;
  padding:2em 2.5em 2em 1.6em;
  color:#222222;
  font-size:.9em;
  border-radius:7px;
}

.sisallonJakaminen h4 {
	margin-top:0;
}

.sisallonJakaminen h5 {
	margin-bottom: 0.9em;
}

.sisallonJakaminen input,
.sisallonJakaminen textarea {
  border-radius:5px;
  border:1px solid #d6d6d6;
  padding:6px;
}

.jakaminen_oik input[type="text"],
.jakaminen_oik textarea {
  width:100%;
}

.jakaminen_oik textarea {
	margin-top:20px;
}

.jakaminen_vas {
  width:45%;
  clear:right;
  float:left;
}

.jakaminen_oik {
  width:47%;
  float:right;

}

.jakaminen_oik .valiotsikko:first-child {
  margin-top:0;
}

.moduuli-export .exportButton,
.moduuli-export .exportLoader,
.moduuli-export .deleteSelectedFiles,
.moduuli-export .deleteSelectedFilesLoader
{
	margin-top: 2em;
}

.moduuli-export .mallirivi {
	display: none;
}

.moduuli-kayttajien-massaluonti {
	position: relative;
}

.moduuli-kayttajien-massaluonti .taulukko {
	margin-bottom: 20px;
}
.moduuli-kayttajien-massaluonti form p span.strong-header {
	display: inline-block;
	font-weight: bold;
	margin-bottom: 8px;
}

.moduuli-kayttajien-massaluonti .mallirivi {
	display: none;
}

.moduuli-kayttajien-massaluonti tr.virheellinen {
	background-color: #FFEBE6;
}

.moduuli-kayttajien-massaluonti td.virheellinen input {
	border: 1px solid #CC0000;
	color: #EE0000;
}

.moduuli-kayttajien-massaluonti table ul {
	padding-left: 1em;
}

.moduuli-kayttajien-massaluonti-tooltip {
	position: absolute;
	display: none;
	font-size: 80%;
	padding: 0.5em;
	margin-bottom: 0;
	background-color: #fff;
	border: 1px solid #666;
	border-radius: 0.5em;
}

.moduuli-kayttajien-massaluonti-tooltip .error {
	color: #EE0000;
}

.moduuli-kayttajien-massaluonti-tooltip ul.hints {
	font-size: 90%;
	padding-left: 1em;
}

.moduuli-kayttajien-massaluonti-tooltip .saml-idp-description {
	width: 100%;
	text-align: center;
}

form.kayttajahaku label {
	text-decoration: none;
}

.pixelsWidth {
  float:left;
  clear:right;
  width:45%;
}
.pixelsWidth input{
  width:100%;
}
.pixelsHeight {
  float:right;
  width:45%;
}
.pixelsHeight input {
  width:100%;
}

.margin-bottom-5 {
	margin-bottom: 5px !important;
}


@media all and (min-width: 768px) {
	#wikiarea #wikiarea_left, #wikiarea #wikiarea_right {
    	display: table-cell;
   	}

	#simpleTreeHolder {
		display: block !important;
	}
	
	.left_ads {
		display: block;
	}
	
}

@media all and (min-width: 1030px) {
	#wikiarea_left {
		width: 225px;
	}
	#left_search #search input[type="text"] {
		width: 145px;
	}
	.desktop-ads {
		display: block;
	}
	
	.mobile-ads {
		display: none;
	}
}

@media all and (min-width: 1400px) {
	#wikiarea_left {
		width: 240px;
	}
	#left_search #search input[type="text"] {
		width: 160px;
	}
}

@media all and (max-width: 1024px) {
	#esikatselukuva {
		max-width: 33em;
	}
}


@media all and (max-width: 900px) {
	.content_50 #form-sisaltoOminaisuudet table.taulukko {
		width: 100%;	
	}
	.content_50 #form-sisaltoOminaisuudet .taulukko tr td {
		display: inline-block;
    	width: 100%;
    	border: 0;
	}

}


@media all and (max-width: 767px) {
	#sign {
		margin: 0 auto 0 auto;
	}
	
	#page {
		min-width: 300px;
		max-width: 100%;
		/* margin-top: 36px; tätä ei pidä tehdä, rikkoo layoutin mobiilissa */
	}

	#headerarea #sitename {
		zoom: 90%;
	}

	#wikiarea #wikiarea_right {
		margin-left: 0;
		margin-right: 0;
		padding-left: 0;
		padding-right: 0;
	}
	
	#mobileNav {
		display: block;
		cursor: pointer;
		color: #fff;
    	padding: 10px 20px 10px 10px;
    }
	
	#simpleTreeHolder {
		color: #fff;
	}
	
	#simpletree_root_node {
		display: none !important;
	}
	
	#wikiarea_left {
		float: none;
		margin: 0;
		width: 100%;
    	display: table;
	}
	
	.left_white_top, .left_white_bottom, #both_tab, .views_text {
		display: none;
	}
	
	.left_white_body {
		background: rgba(255, 255, 255, 0.85);
		width: auto;
		padding: 3px 15px 10px;
	}
	
	.left_list {
		margin: 0;
	}
	
	ul.left_list li {
		display: inline-block;
		margin: 0 10px;
	}
	
	ul.left_list > li:first-child {
		display: block;
	}
	
	#wikiarea_left span {
		display: inline-block;
    	padding-right: 50px;
	}
	
	#wikiarea_left #left_module a:link, #wikiarea_left #left_module a:visited {
		color: #fff !important;
		display: inline-block;
		padding: 5px 0;
	}

	#wikiarea_left ul.kayttajalista {
		padding: 0 0 0 40px;
	}

	
	#wikiarea_left #left_module li img {
		padding: 5px 0; /* hakemistoikonit samalle tasalle linkkitekstien kanssa */
	}	
	
	.alateksti, #topbar_thisis {
		display: none;
	}
	
	#topbar_menu ul li {
		z-index: 15;
	}
	
	#headerarea strong {
		margin-right: 20px;
	}

	#headerarea #toggle_view {
		zoom: 90%;
		right: 6px;
	}
	
	#sivumoduuli_sisa.alkutila {
		width: 105px;
		height: 2.7em; /* oltava sama kuin #topbarin ylälinkkien */
		overflow: hidden;
		font-size: 80%; /* oltava sama kuin #topbarin ylälinkkien */
	}
	
	#sivumoduuli_sisa .simpleTree {
		width: auto;
	}
	
	.simpleTree .root > ul > .doc, 
	.simpleTree .root > ul > .doc-last, 
	.simpleTree .root > ul > .folder-open, 
	.simpleTree .root > ul > .folder-close, 
	.simpleTree .root > ul > .folder-open-last, 
	.simpleTree .root > ul > .folder-close-last {
		margin-left: 0 !important;
		background-position: 0 3px !important;
	}
	
	.simpleTree .doc, 
	.simpleTree .doc-last,
	.simpleTree .folder-open, 
	.simpleTree .folder-close, 
	.simpleTree .folder-open-last, 
	.simpleTree .folder-close-last {
		background-position: 0 3px !important;
	}
	
	.simpleTree li {
		padding: 0 0 0 34px !important;
	}
	
	.simpleTree .line {
		margin-top: -3px !important;
		margin-bottom: -3px !important;
	}
	
	.simpleTree .root > ul > .line {
		margin-left: 0 !important;
	}
	
	.simpleTree .trigger {
		position: absolute;
	}
	
	#left_module {
		z-index: 10;
		left: 0;
		top: 0;
		/* top: 35px; */
		position: absolute;
		max-width: 100%;
	}
	
	#left_module .left_white_bottom, #left_module .left_white_top, #left_module .left_white_body p {
		display: none;
	}
		
	#left_module .left_white_body {
		min-width: 0;
		background: #444;
		opacity: 1;
		width: 100%;
		padding: 0;
		margin: 0;
		box-sizing: border-box;
		-moz-box-sizing: border-box;
		-webkit-box-sizing: border-box;
		/* border-top: 1px solid #fff; */
		-webkit-border-top-left-radius: 0px;
		-moz-border-radius-topleft: 0px;
		border-top-left-radius: 0px;
		-webkit-border-bottom-left-radius: 0px;
		-moz-border-radius-bottomleft: 0px;
		border-bottom-left-radius: 0px;
		border-bottom: 0 !important;
	}
	
	#left_search #search {
		padding: 10px 15px;
		background: rgba(255,255,255,0.7);
		box-sizing: border-box;
	}

	#left_search #search input[type="text"] {
		width: 100%;
		padding-right: 45px;
	}

	#left_search #search input[type="submit"] {
		position: absolute;
		right: 20px;
	}

	#content {
    	margin: 14px 5px 14px 16px;
    }

	.sisaltoaluetyyppi-muu .tyyppivalinta div,
	.sisaltoaluetyyppi-moduulit .tyyppivalinta div
	{
		font-size: 85%;
	}

	
	table.taulukko {
		width: 100%;
	}

	body#purot_kayttajat form {
		overflow: auto;
	}

	ul.laatikko_lista li {
		width: 9em;
	}

	#footer {
		font-size: 74%;
	}
}

@media screen and (max-width:600px) {
  	.bgContainer {
	    background:#f1f1f1;
	    background-image:-webkit-linear-gradient(bottom, #c8eeeb 50%, #f1f1f1 0%);
	    background-image:-o-linear-gradient(bottom, #c8eeeb 50%, #f1f1f1 0%);
	    background-image:-ie-linear-gradient(bottom, #c8eeeb 50%, #f1f1f1 0%);
	    background-image:-moz-linear-gradient(bottom, #c8eeeb 50%, #f1f1f1 0%);
	    background-image:linear-gradient(bottom, #c8eeeb 50%, #f1f1f1 0%);
  	}

  	.sisallonJakaminen {
	  	max-width:97%;
	  	width:390px;
		padding:10px 0;
  	}

  	.jakaminen_vas {
	    float:none;
	    clear:both;
	    width:95%;
  	}
  	.jakaminen_oik {
	    margin-top:60px;
	    float:none;
	    clear:both;
	    width:95%;
  	}

	#form-sivunLuonti .taulukko.versiohistoria {
		font-size: 90%;
	}
	#form-sivunLuonti .taulukko.versiohistoria tr td,
	#form-sivunLuonti .taulukko.versiohistoria tr th {
		display: table-cell;
		padding: 0;
	}

	#form-sivunLuonti .taulukko.versiohistoria .ok-nappi {
		zoom: 80%;
	}

	/* hakusanat-kenttä */
	ul.tagit {
		width: 100% !important;
		max-width: 100%;
	}

	.tooltipcontent {
		padding: 1.2em 0.5em 1em 0.5em;
	}

	.taulukko.levea tr td {
		display: inline-block;
    	width: 100%;
    	border: 0;
	}

	#esikatselukuva {
		max-width: 21em;
	}

	.nappi, .ok-nappi, .del-nappi {
		margin-bottom: 0.5em;
	}

	table.taulukko.kayttajalista,
	table.taulukko.tablesorter_wikit,
	table.taulukko.changes,
	body#purot_stats table.taulukko, 
	body#purot_invitations table.taulukko {
		zoom: 80%;
	}

	/* maksullisen palvelu taulukot */
	table.taulukko.features {
		zoom: 80%;
	}

	table.taulukko.organization,
	table.taulukko.receipts {
		zoom: 90%;
	}
}

@media all and (max-width: 430px) {
	#sign {
		margin-left: 20px;
		margin-right: 20px;
	}

	#sign_inner .sign_left, 
	#sign_inner .sign_right {
		float: none;
		padding: 0;
		width: auto;
		margin-left: 0;
	}

	#sign_inner input.textinput {
		font-size: 130%;
		width: 95%;
	}

	#headerarea {
	    min-height: 3em;
	}

	#headerarea #sitename {
		zoom: 70%;
		margin-left: 21px; /* = 15px */
		margin-right: 4em;
	}

	#headerarea #toggle_view {
	    width: min-content;
 		zoom: 80%;
	    top: 14px;
 	}

	#headerarea #toggle_view a:first-child {
		margin-bottom: 0.25em;
		border-top-right-radius: 4px;
		border-bottom-right-radius: 4px;
	}

	#headerarea #toggle_view a:last-child {
		border-top-left-radius: 4px;
		border-bottom-left-radius: 4px;
	}

	#right_topbar ul#tabs li a:link, #right_topbar ul#tabs li a:visited {
		padding: 8px 11px;
	}
	#right_topbar ul#tabs li a:link, #right_topbar ul#tabs li a i.fa:before {
		content: '';
	}

	ul.left_list {
		font-size: 73%;
		line-height: 1.4em;
	}
	/* piilotetaan lisää tälle sivulle -toiminto mobiilissa */
	ul.left_list li a.add_to_page {
		display: none;
	}

	ul.laatikko_lista li {
	    width: 7.5em;
	    margin: 0 0.1em 1em 0;
	    font-size: 75%;
	}

	/* Näytetään leveät taulukot allekkaisina riveinä mobiilissa */
	#form-sivunLuonti .taulukko tr td,
	#form-sisaltoOminaisuudet .taulukko tr td, 
	table.taulukko.kayttajatiedot tr td {
		display: inline-block;
    	width: 100%;
    	border: 0;
	}

	#form-sivunLuonti .taulukko.versiohistoria {
		font-size: 80%;
	}

	/* kavennetaan viereen avautuvia tooltippejä mobiilissa */
	.tooltip,
	.tooltip.left, 
	.tooltip.right {
		width: 200px;
	}

	.tooltip.wide{
		min-width: 200px;
	}


	.tooltipcontent table.help td {
	    display: inherit;
	}

	.updates.left, .updates.right {
		float: none;
    	width: 100%;
	}

	label.khaku {
		display: block;
		width: 100%;
		margin-right: 0;
	}

	.multi-selector input[type="checkbox"] {
    	margin: 0 0;
	}	

	#right_container table.taulukko.kayttajalista,
	#right_container table.taulukko.tablesorter_wikit,
	#right_container table.taulukko.changes,
	body#purot_stats #right_container table.taulukko,
	body#purot_invitations #right_container table.taulukko {
		zoom: 70%;
		border-collapse: collapse;
	}
	table.taulukko.kayttajalista thead th,
	table.taulukko.kayttajalista thead td, 
	table.taulukko.tablesorter_wikit thead th,
	table.taulukko.tablesorter_wikit thead td {
		padding-left: 4px;
		padding-right: 4px;
	}
	table.tablesorter.kayttajalista thead tr .header,
	table.tablesorter.kayttajalista thead tr .headerSortDown {
		background-image: none;
	}

	/* maksullisen palvelu taulukot */
	table.taulukko.features {
		zoom: 66%;
	}

	table.taulukko.organization,
	table.taulukko.receipts {
		zoom: 80%;
	}

	#footer td {
		display: block;
		text-align: left;
		padding-bottom: 1em;
		clear: both;
	}
}

@media all and (max-width: 359px) {
	/* Iphone 5-6 < 320 px */
	#left_module, #wikiarea #wikiarea_right {
		zoom: 90%;
	}

	#right_topbar ul#tabs li a:link, #right_topbar ul#tabs li a:visited {
	    padding: 8px 7px;
	}

	.backstretch {
		width: 100% !important;
	}

	.tooltip.left, .tooltip.right {
	    width: 160px;
	}

	#fb-login-button div.fb-login-button {
		zoom: 120%;
	}

}