/* SiteUpdate 3.5 - Tyylimääritteet */
img{
	border: 0;
}
.clear{
	clear: both;
}
.movable, .movable label{
	cursor: move;
}

/* Asettaa elementin pois näkyvistä, mutta ei hiddeniksi. */
.push-out-of-view{
	position: absolute;
	left:     -1999px;
}

/* Hoveroiva table*/
table tr.highlight{
	/*background-color: #e4e4e4;*/
	background: url(../../default/img/transparent_grey.png);
}
table tr.highlight td{
	color:            black;
	background: none !important;
}

/* Editorin säädöt */
.mceContentBody{
	background:       #fff none;
	background-color: #fff;
}
.dynamic_contentarea{
	border:           1px dotted red;
}
.static_contentarea{
	border:           1px dotted blue;
}

/* Työkalupalkki */
.mceToolbarExternal {
	position:         absolute;
	top:              0px;
	left:             10px;
	z-index:          600;
	width:            100%;
	padding-top:      13px;
	background-color: transparent;
	background:       transparent;	
}

/* Siirtää contenttia jotta editori mahtuu */
#sfEditorSpacer{
	position:      relative;
	left:          0px;
	top:           0px;
	width:         100%;
	height:        138px;
}

/* Työkalupalkin tausta */
#tinymce_ext_toolbar_placeholder {
	position:         absolute;
	width:            100%;
	top:              0px;
	left:             0px;
	z-index:          600;
	height:           138px;
	background:       url(../../default/img/editor/bg_editor.gif) top repeat-x;
	box-shadow:       0 3px 15px #888;
	border-bottom:    1px solid #c3c3c3;

}

/* Oikean reunan naamakuva */
#tinymce_ext_toolbar_placeholder div.rightside{
	width:            100%;
	height:           138px;
	background:       url(../../default/img/editor/rightside.jpg) right top no-repeat;
}

/* Siirtää contenttia jotta sitemanagerlinkit mahtuu */
#sfLinkSpacer{
	position:      relative;
	left:          0px;
	top:           0px;
	width:         100%;
	height:        56px;
}

/* Sitemanagerlinkit */
#sfLinkLayer{
	background:    white url(../../default/img/gui/admin_menu_bg.jpg) top repeat-x !important;
	position:      absolute;
	width:         100%;
	padding-top:   15px;
	top:           0px;
	z-index:       1200;
	text-align:    center;
	box-shadow:    0 3px 15px #888;
	border-bottom: 1px solid #c3c3c3;
	
}

/* Dropdown-menun tyylit */
.navigation li {
	background:               url(../../default/img/gui/admin_menu_tab_bg.jpg);
	text-align:               left;
	margin:                   -5px 4px 0px 0px;
	padding:                  0px 8px;
	border-top-left-radius:   5px;
	border-top-right-radius:  5px;
	}
	.navigation li img {
		margin:               6px 0px 0px 0px;
		}
	.navigation li ul li img {
		margin:               6px 5px 0px 0px;
		}
	.navigation li a, 
	.navigation li a:link, 
	.navigation li a:visited, 
	.navigation li a:active, 
	.navigation li a:hover {
		color:                #fff;
		line-height:          27px;
		font-size:            12px;
	}
	
	/* Mouseover efektit */
	.navigation li.hover, 
	.navigation li.hover a, 
	.navigation li.hover a:hover {
		color:                #fff !important;
		}
	
	/* Navigaation jakoviiva. Ensimmäisellä tasolla pystysuuntaan. */
	.navigation li.toolbar-navigationseparator span.hr{
		border-right-width: 0px !important;
	}
	
	.navigation li .toolbar-shortcut{
		line-height:      25px !important;
		height:           25px !important;
	}
	
	.navigation li .toolbar-submenu-indicator{
		line-height:      25px !important;
		height:           25px !important;
		padding-left:     2px;
		padding-top:      1px;
		margin-right:     -2px;
	}
	
	/* Alatasot */
	.navigation li ul li {
		background:           transparent !important;
		padding:              0px;
		border-width:         0;
		width:                100%;
		margin:               2px 0px;
		border-top-left-radius:  0px;
		border-top-right-radius: 0px;
		
		}
		.navigation li ul li a, 
		.navigation li ul li a:link, 
		.navigation li ul li a:visited, 
		.navigation li ul li a:active {
			color:            #353535;
			line-height:      25px !important;
			font-size:        12px;
			padding:          0 5px 2px 5px !important;
			margin:           0px;
			margin-right:     10px;
			color:            #555 !important;
			height:           25px !important;
			overflow:         hidden;
			white-space:      nowrap;
		}
		.navigation li ul li a.disabled {
			color:            #9f9f9f !important;
			background-color: transparent !important;
			}
			
		/* Mouseover efektit */
		.navigation li ul li.hover, 
		.navigation li ul li.hover a:hover{
			color:            #222222;
			background-color: #f1f1f1;
			color:            black !important;
			z-index:          100;
		}

/* Tabit */
.tabs {
	height:               27px;
	border-bottom:        1px solid #c3c3c3;
	}
	.tabs .tab-button {
		border:           1px solid #c3c3c3;
		background-color: #eeeeee;
		padding:          3px 7px;
		color:            #555555;
		text-decoration:  none;
		line-height:      16px;
		margin-right:     3px;
		margin-bottom:    -1px;
		margin-top:       4px;
		position:         relative;
		float:            left;
	}
	.tabs .tab-button-a {
		border:           1px solid #c3c3c3;
		border-bottom:    0px solid #ffffff;
		background-color: #ffffff;
		padding:          5px 7px 1px 7px;
		color:            #000000;
		text-decoration:  none;
		line-height:      20px;
		margin-right:     3px;
		position:         relative;
		bottom:           -1px;
		float:            left;
}

/* Sivutus */
div.paginator{
	float:                    right;
	position:                 relative;
	left:                     -50%;
	text-align:               left;
	margin-top:               10px;
}
.paginator ol{
	position:                 relative;
	left:                     50%;
	padding:                  0;
	margin:                   0;
	}
	.paginator ol li{
		clear:                none !important;
		float:                left;
		display:              block;
		width:                20px !important;
		line-height:          20px !important;
		text-align:           center !important;
		margin:               0 2px !important;
		}
		.paginator ol li a:link,
		.paginator ol li a:visited,
		.paginator ol li a:active{
			color:            #fff !important;
			border:           none !important;
			display:          block;
			width:            100%;
			height:           100%;
			background-color: #c1c1c1;
			border-radius:    3px;
			font-weight:      normal;
			font-size:        12px;
			font-family:      arial;
			text-decoration:  none;
		}
		.paginator ol li a.current{
			background-color: #ae0000;
			font-weight:      bold;
		}
		.paginator ol li a.current:hover{
			background-color: #ae0000;
		}
		.paginator ol li a:hover{
			background-color: #b0b0b0;
		}
		.paginator ol li.prev{
			margin-right:     4px !important;
			}
			.paginator ol li.prev a{
				background:   #999999 url(../../default/img/gui/paginator/arrow_previous.gif) no-repeat 8px 6px !important;
		}
		.paginator ol li.next{
			margin-left:      4px !important;
			}
			.paginator ol li.next a{
				background:   #999999 url(../../default/img/gui/paginator/arrow_next.gif) no-repeat 8px 6px !important;
		}
		.paginator ol li.truncated{
			position:         relative;
			bottom:           -4px;
			color:            #acaeae;
			letter-spacing:   1px;
		}

/* floattaavia listoja */
ul.floatlist,
ol.floatlist{
	list-style-type:      none;
	padding:              0;
	margin:               0;
	margin-left:          0px !important;
}
ul.floatlist li,
ol.floatlist li{
	float:                left !important;
	display:              block !important;
	clear:                none !important;
	margin:               0px !important;
	border:               1px solid transparent !important;
	}
	ul.floatlist li input[type="checkbox"],
	ol.floatlist li input[type="checkbox"]{
		margin-right:5px;
	}
	ul.floatlist li label,
	ol.floatlist li label{
		position: relative;
	/*	top:-2px; */
	}
	.floatlist .selected,
	.movable .selected{
		background-color: #868686;
		border-radius:    3px;
		border:           1px solid #555555 !important;
		color: 			  white;
	}
fieldset fieldset ul.floatlist,
fieldset fieldset ol.floatlist{
	margin-left:          -0px !important;
}

/* Lomakkeen labelit yms. */
	ul.formfields, 
	ul.formfields li{
		border:           0; 
		margin:           0; 
		padding:          0; 
		list-style:       none;
		}
	ul.formfields li{
		clear:            both;
		list-style:       none;
		float:            left;
		display:          block;
		text-align:       right;
		margin-bottom:    4px;
	}
	ul.formfields em,
	.form-mandatory-info em{
		color:            red;
		font-size:        18px;
		position:         relative;
		top:              7px;
		left:             3px;	
	}
	ul.formfields label{
		width:            120px;
		float:            left;
		padding-right:    20px;
		
		}
		ul.formfields label.inline{
			width:        auto;
			float:        none;
		}
	ul.formfields input[type='text'],
	ul.formfields input[type='password'],
	ul.formfields textarea,  
	ul.formfields select{
		float:            left;
		width:            300px;
		color:            #000;
		background:       #fff url(../../default/img/gui/input_text_bg.jpg) repeat-x;
		border:           1px solid #d1d1d1;
		}
		ul.formfields select{
			width:        315px;
		}
		ul.formfields input[type='text']:focus,
		ul.formfields textarea:focus,  
		ul.formfields select:focus{
			border:       1px solid #969696;
		}
		ul.formfields li.indent{
			padding-left: 200px;
			}
		ul.formfields li.indent input[type='checkbox']{
			margin-left:  -60px;
			}
		ul.formfields li.indent label{	
			float:        none; 
			margin-left:  5px; 
			position:     relative; 
			top:          -2px;
		}
.form-button-holder{
	margin-top:           15px;
	left:                 140px;
	position:             relative;
	width:                315px;
}
.form-mandatory-info{
	margin-top:           2px;
	margin-left:          140px;
	width:                315px;	
	}
	.form-mandatory-info em{
		top:              6px;
		left:             0px;
		margin-right:     7px;
}

/* Ajaxsisällön lataamistiedote */
.ajax-loading{
	position:     absolute;
	z-index:      100;
	background:   white url(../../default/img/loading.gif) center no-repeat;
	filter:       alpha(opacity=60);
	-moz-opacity: 0.6;
	opacity:      0.6;
	cursor:       progress;
}

/* Js:llä luodut ilmoitukset */
div#notification{
	position:                   fixed;
	top:                        0;
	right:                      0;
	float:                      right;
	z-index:                    10000;
	width:                      300px;
	margin-right:               35px;
	padding:                    20px 20px 10px 20px;
	background-color:           #f3f3f3;
	border:                     1px solid #d8d8d8;
	border-top:                 0;
	border-bottom-left-radius:  5px;
    border-bottom-right-radius: 5px;
	box-shadow:                 3px 3px 10px #888;
	}
	div#notification div.message{
		margin-bottom:          5px;
		color:                  #373737;
		font-size:              14px;
		padding:                10px 0;
		border-bottom:          1px solid #d8d8d8;
		text-align:             left;
		}
		div#notification div.message:last-child{
		border-bottom:          none;	
			}
	div#notification div.success{}
	div#notification div.failed{
		color:                  #ae0000;
		}
		div#notification div.message a{
			color:              inherit;
			text-decoration:    underline;
			}
		div#notification div.message .close{
			filter:             alpha(opacity=40);
			-moz-opacity:       0.4;
			opacity:            0.4;
			background:         url(../../default/img/icons/cancel.png) left top no-repeat;
			float:              right;
			width:              16px;
			height:             16px;
			text-decoration:    none;
			}
		div#notification div.message .close:hover{
			filter:             alpha(opacity=100);
			-moz-opacity:       1;
			opacity:            1;
			}
		div#notification div.message h1.title{
			font-size:          14px;
			font-weight: bold;
			text-transform:     uppercase;
			margin:             0;
			padding:            0;
			margin-bottom:      3px;
			color:              #373737;
		}
		div#notification div.failed h1.title{
			color:              #ab0000;
		}



/* -----------------------
 * COMMON
 * ----------------------- */

.float-left 										{ float: left !important; }
.float-right 										{ float: right !important; }