/* CSS Document */
#editorToolbar{
position:absolute;
	font-size:12px;
overflow:visible;
z-index:999;
clear:both;
color:#FFFFFF;
top:0px;
left:0px;
width:100%;
clear:both;
width:100%;
height:30px;
background-image:url(/icms/images/menu_bg.gif);
background-repeat:repeat-x;
background-color:#CCCCCC;
border-bottom:1px solid #333333;

}
@media screen
  {
  body>div#editorToolbar
    {
    position: fixed;
    }
  
  }
#editorFloatingContent{
position:absolute; 
top:30px;
padding:10px;
border:1px solid #333333;
background-color:#FFFFFF;
z-index:999;
margin: 0 auto; 
}
#editor_content_external_container{
position:absolute; width:100%;
z-index:1002;
top:30px;
height:25px;
background-color:#CCCCCC;
border-bottom: 1px #000000 solid;
}
 /* NAVI  */
 #editorOptionsMenu, #editorOptionsMenu ul{
margin:0;
padding:0;
list-style-type:none;
list-style-position:outside;
position:relative;
cursor:pointer;
cursor:hand;
line-height:30px; 
float:left;
}


#editorOptionsMenu a{
display:block;
padding:0px 5px;
border:none;
color:#ffffff;
text-decoration:none;
text-align:left;
font-weight:normal;


}

#editorOptionsMenu a:hover{
background-image:url('../images/layout/menu_active_bg.gif');
color:#333;
}

#editorOptionsMenu li{
float:left;
position:relative;
padding-left:10px;
font-size:15px;
}
#editorOptionsMenu li ul li{
padding-left:0px;
}
#editorOptionsMenu ul {
position:absolute;
display:none;
width:15em;
top:30px;
height:25px;
}

#editorOptionsMenu li ul a{
width:15em;
height:auto;
float:left;
height:25px;
background-color:#666;
}
#editorOptionsMenu li ul a:hover{
color:#FFFFFF;
background-color:#999;
}
#editorOptionsMenu ul ul{
top:auto;
border-left:1px solid #666666;
border-right:1px solid #666666;
}	

#editorOptionsMenu li ul ul {
left:15em;
margin:0px 0 0 10px;
}

#editorOptionsMenu li:hover ul ul, #editorOptionsMenu li:hover ul ul ul, #editorOptionsMenu li:hover ul ul ul ul{
display:none;
}
#editorOptionsMenu li:hover ul, #editorOptionsMenu li li:hover ul, #editorOptionsMenu li li li:hover ul, #editorOptionsMenu li li li li:hover ul{
display:block;
}
#editorPageInfo{
background-color:#999999;
text-align:left;
}

/*Kuvapankin kuvien esikatselu*/
#imageViewer{
background-color:#000000; 
position: fixed;
z-index: 99;
top: 8%;
left: 30%;
text-align: center;
border-width: 9px;
border-style: solid;
border-color: #000000; 

/*min&max-height ja min&max-width hackit*/
min-height:350px;
height: auto !important;
height: 350px;

min-width:400px;
width: auto !important;
width: 400px;
}


/*Kuvapankin kuvien esikatselun kuva-alue*/
#previewImage{
z-index: ;
}

/*Kuvien muokkausnäkymän divit (modifyImg_****) */
#modifyImg{
width: 820px;
height: 525px;
z-index:4;
margin-top: 0px;
border-width: 4px;
border-style: solid;
border-color: #4b4848; 
background-color:#ffffff;
position: relative;
}
#modifyImg_top{
width:800px; 
height:20px;
}
#modifyImg_imagearea{
width:298px; 
height:298px; 
margin-left:20px; 
margin-top:0px; 
float:left; 
border-style:solid;
border-width:1px;
border-color:#888484; 

}
#modifyImg_imageinfo{
width:440px; 
height:300px; 
margin-left:10px; 
margin-right:20px; 
margin-top:0px; 
float:right; 
border-style:none;
}

#stage-container{
margin-left:15px;
}
#modifyImg_imagescrollbar{
width:820px; 
height:36px; 
background-image: url(/icms/editor/modifyimage_pictures/imgscrollbar.png); 
float:left; 
margin-top:20px;
}
#modifyImg_background{
background-image:url(/icms/editor/modifyimage_pictures/scrollbackground.png); 
width:820px; 
height:149px; 
float:left;
background-color:#312b2c;
}

#modifyImg_imagescrollarea{
width:805px; 
height:150px; 
float:left; 
margin-left:6px; 
margin-right:6px;
}


#ImageText{
padding:10px;
color:#FFFFFF;
}
#ImageActionLinks{
color: #ffffff;
background-color:#131313;
width:100%;
}
#ImageActionLinks A{
color:#ffffff;
}
.imageQuickLinks{
position:absolute;
height:20px;
background-color:#333333;
}

/* container for the scrollable items */
div.items {
	height:150px;	
	margin-left:0px;	

	width:auto !important;

}

#scrollable {
 
}

/* single item */
div.items a {

	float:left;
	margin-right:3px;
	width:147px;
	height:100px;
	cursor:pointer;
	filter:alpha(opacity=75);
	-moz-opacity: 0.75;
	opacity: 0.75;
	margin-top:25px;
}

div.items a:hover {
	filter:alpha(opacity=100);
	-moz-opacity: 1;
	opacity: 1;
}

div.items a.active {
	background-position:-174px 0;		
	color:#555;
	cursor:default;
}

/* next / prev buttons */
a.prev, a.next {
	display:block;
	width:30px;
	height:60px;
	background-repeat:no-repeat;	
	margin-top:45px;
	z-index:5;
	
}

a.prev {
	background:url(/icms/editor/modifyimage_pictures/left.png);	
  background-repeat:no-repeat;	
	filter:alpha(opacity=70);
	-moz-opacity: 0.7;
	opacity: 0.7;
	z-index:5;

}

a.prev:hover {
	background:url(/icms/editor/modifyimage_pictures/left.png);	
  background-repeat:no-repeat;	
	filter:alpha(opacity=100);
	-moz-opacity: 1;
	opacity: 1;
	z-index:100;	
}

a.next {
	background:url(/icms/editor/modifyimage_pictures/right.png);
	background-repeat:no-repeat;
  filter:alpha(opacity=70);
	-moz-opacity: 0.7;
	opacity: 0.7;	
 	z-index:100;	
 	margin-left:10px;
}

a.next:hover {
	background:url(/icms/editor/modifyimage_pictures/right.png);
	background-repeat:no-repeat;
  filter:alpha(opacity=100);
	-moz-opacity: 1;
	opacity: 1;	
 	z-index:100;	
 	margin-left:10px;
}

/* navigator */
div.navi {
	position:relative;
	top:-30px;
	left:310px;
	margin-left:-50px;
	width:50px;
	height:0px;
}
/* items inside navigator */
div.navi span {
	width:8px;
	height:8px;
	float:left;
	margin:3px;
	background:url(img/dots.png) 0 0 no-repeat;     
	cursor:pointer;
}

div.navi span:hover {
	background-position:0 -8px;      
}

div.navi span.active {
	background-position:0 -16px;     
} 	

#kansiopolku{
  height:34px; 
  margin-left:0px; 
  margin-right:0px; 
  border-bottom-style: dotted; 
  border-bottom-width:1px; 
  border-bottom-color:#797575; 
  background-color: #e8ffd1;
  vertical-align: middle; 
  line-height: 30px;
}

#kansiopolku a{
  color:#635e59; 
  text-decoration:underline; 
  margin-left:10px;  
  font-size:17px;
}

#orange2{
  color:#363331; 
  font-size:16px; 
  text-decoration:none;
}

#filetreeSlider{
  width:auto; 
  height:560px; 
  overflow:none; 
  position:relative; 
  z-index:10;
}

#palikka{
  width:30px; 
  height:564px; 
  float:left; 
  overflow:none; 
  position:relative; 
  z-index:6;
}

#folderview{
  width:800px; 
  height:560px; 
  float:left; 
  overflow:auto; 
  position:absolute; 
  left:0%; 
  right:0%; 
  z-index:4;"
}




#arrow{
  color:#46413d; 
  font-face:arial; 
  font-size:12px; 
  margin-left:5px; 
  margin-right:5px;
}


#panel
{
	width: 100%;
	height: 100%;
	background-color:#000000;
	display: none;
	z-index:999;
	position:fixed;
	top:0%;
	left:0%;
	right:0%;		
}	
#uploadpanel
{
	width: 100%;
	height: 100%;
	background-image:url(/icms/editor/modifyimage_pictures/upload_bg.gif);
	display: none;
	z-index:999;
	position:absolute;
}	


a:focus {
	outline: none;
}

.slide {
	margin: 0;
	padding: 0;

}
.btn-slide {

	color:#FF7800;
  

}
.active {
	background-position: left 0px;
}

table.noborder,
table.noborder td{
border:none!important;
}