/* $Id: example.css,v 1.5 2006/03/27 02:44:36 pat Exp $ */

#tabber-loader {
	background: #ffffff url(http://www.filmgoer.fi/new/js/orbit/orbit/loading.gif) no-repeat;
	background-position: 154px 180px; 
	height:395px; 
	width:340px;
	}

.tabi-kuva {
	padding:0 0 2px 4px;
	height:56px;
	overflow: hidden; 
    	text-overflow: ellipsis;  
    	-o-text-overflow: ellipsis;    
    	list-style-type: none;
    	margin-bottom:2px;
}

.tabi-kuva img {
	float:left;
	height: 56px;
	width:42px;
	padding: 0 8px 0px 0px;
}

.tabi-kuva a:hover h1 {
	color:#d30000;
}

.tabi-kuva a h2 {
	font: 0.9em Georgia, serif;
	letter-spacing:0;
	padding:10px 0 0 0;
	list-style-type: none;
}

.tabi-kuva a h2.eka {
	padding:0;
	margin:0;
}

.tabi-kuva a:hover h2 {
	color: red;
}

.tabi-kuva-valikot {
	padding:0 0 2px 4px;
	height:50px;
	overflow: hidden; 
    	text-overflow: ellipsis;  
    	-o-text-overflow: ellipsis;    
    	list-style-type: none;
    	margin-bottom:0px;
}

.tabi-kuva-valikot a h2 {
	font: 0.9em Georgia, serif;
	letter-spacing:0;
	padding:0px 0 0 0;
	list-style-type: none;
}

.tabi-kuva-valikot a:hover h2 {
	color: red;
}

.tabi-kuvat-p {
	width: 170px;
	overflow: hidden;
	margin:-13px 0 0 45px;
}

.tabi-kuvat-p-art {
	width: 277px;
	overflow: hidden;
	margin:0px 0 0 10px;
}

.tabi-kuvat-p-art h1 {
	margin-top:2px;
}

.tabi-kuvat-p-muut {
	width: 277px;
	overflow: hidden;
	margin:-13px 0 0 10px;
}

.tabi-kuvat-p h1 {
	font: 1.05em Georgia, serif;
}

.tabi-kuvat-pp {
	width: 225px;
	overflow: hidden;
	margin:0px 0 0 00px;
}

.tabberotsa a h5 {
	font: 1.0em Georgia, serif;
	letter-spacing:0px;
	color: #333;
	position: absolute;
	bottom: 0px;
	width: 120px;
	margin-left:30px;
	padding-bottom: 0px;
	border-top: 1px solid #CDCDCD;
	}

.tabberotsa a:hover h5 {
	color: red;
	}	
	
.tabberlistat li
	{
	font: 0.9em Helvetica, sans-serif;
	color: #333;
	line-height: 1.5; 
	list-style-type: none;
	}
	
.tabberlistat li a:hover
	{
	color: red;
	text-decoration: none;
	}	

.tabberlistat2 li
	{
	font: 0.9em Helvetica, sans-serif;
	color: #333;
	line-height: 1.2; 
	list-style-type: none;
	padding: 2px 0px 5px 5px;
	}
	
.tabberlistat2 li a:hover
	{
	color: red;
	text-decoration: none;
	}	

/*--------------------------------------------------
  REQUIRED to hide the non-active tab content.
  But do not hide them in the print stylesheet!
  --------------------------------------------------*/
  
.tabberlive .tabbertabhide {
 display:none;
}

/*--------------------------------------------------
  .tabber = before the tabber interface is set up
  .tabberlive = after the tabber interface is set up
  --------------------------------------------------*/

  
.tabber {
}

.tabberlive {
	width:340px;
	overflow: hidden;
        background-color:#FFFFFF;
	border-bottom: 3px solid #DEDEDE;
}

/*--------------------------------------------------
  ul.tabbernav = the tab navigation list
  li.tabberactive = the active tab
  --------------------------------------------------*/

ul.tabbernav {
 margin:0;
 padding:5px 0 5px 0;
 font: bold 0.9em Helvetica, Arial, sans-serif;
 letter-spacing: 0;
 height: 15px;
 overflow: hidden;
 width:360px;
}

ul.tabbernav li {
 display: inline;
}

ul.tabbernav li a
{
 background: #666;
 text-decoration: none;
 color: #333;
 height: 29px;
 padding: 7px 15px 7px 14px;
 margin-left:-6px;
}

ul.tabbernav li a:link { color: #FAFAFA; }
ul.tabbernav li a:visited { color: #FAFAFA; }

ul.tabbernav li a:hover {
	color: #333;
	background: #F3F3F3;
}

ul.tabbernav li.tabberactive a
{
	background-color: white;
	color: #333333;
}

ul.tabbernav li.tabberactive a:hover
{

}

/*--------------------------------------------------
  .tabbertab = the tab content style
  --------------------------------------------------*/

.tabberlive .tabbertab {
 padding:0px 5px 0px 0px;
 border-top:0;
 overflow:hidden;
}

.tabberlive .tabbertab p {
 padding:4px 0 0 0;
}


/* If desired, hide the heading since a heading is provided by the tab */

.tabberlive .tabbertab h2 {
 display:none;
}
.tabberlive .tabbertab h3 {
 display:none;
} 

.tabberlive#tab2 .tabbertab {
 height:380px;
 overflow:hidden;
}