/*---------------------------------------------
Name source: scroll_body.css
Name: style for eTesty.sk
Author: nolimit|DEVELOPERS lukac@nolimit.sk
License: Copyright 2009 all rights reserved  
---------------------------------------------*/
div.scrollable {
	/* required settings */
	position:relative;
	overflow:hidden;	 	
	width: 840px;	
	height:160px;	
	/* custom decorations */
}

div.scrollable div.items {	
	/* this cannot be too large */
	width:20000em;	
	position:absolute;
	clear:both;
	/* decoration */
}

/* single scrollable item - link to eTest*/
div.scrollable div.items div {
	width:140px;
	height: 160px;
	float: left;
}

.scrollable .items img {float:left; position: relative; top: 2px; left: 7px;}
.scrollable .items .logic p, .fun p, .knowledge p, .love p, .psycho p, .school p
 {top: 5px; left: 10px; position: relative;font:normal 10px "Trebuchet MS", Arial, Helvetica, sans-serif; color: #8c7e1a; }
.scrollable .items a{font:normal 10px tahoma; color: #004e80; line-height: 12px; text-decoration:none }
.scrollable .items a:hover {color: #0084d9;}

.scrollable .items .linkTest {width:110px; top: 50px; left: 15px; position: absolute;  height: 60px !important; overflow:hidden; }
.scrollable .items .run {width: 50px; height: 12px; position: relative; top: 102px; left: 20px;
 font:bold 10px tahoma; color: #987f7c; line-height: 12px; }

.scrollable .items .rating {width: 50px; height: 12px; position: relative; top: 101px; left: 1px;}
.scrollable .items .logic { position: relative; top:2px; background: url(../images/bgItem.png) no-repeat 0 0;}
.scrollable .items .fun { position: relative; top:-1px; background: url(../images/bgItem.png) no-repeat 0 0;}
.scrollable .items .knowledge { position: relative; top:3px; background: url(../images/bgItem.png) no-repeat 0 0;}
.scrollable .items .love { position: relative; top:1px; background: url(../images/bgItem.png) no-repeat 0 0;}
.scrollable .items .psycho { position: relative; top:2px; background: url(../images/bgItem.png) no-repeat 0 0;}
.scrollable .items .school { position: relative; top:3px; background: url(../images/bgItem.png) no-repeat 0 0;}



/* active item */
div.scrollable div.items div.active {background: url(../images/bgItemActive.png) no-repeat 0 0;}