/*
 
Copyright (c) Enigma Interactive 2004

SOM2
Project:		CEEDU
Filename:		ScrollBox.css
Description:	Site-wide layout elements
     
History
ver date  		who     	comment
-----------------------------------------------------------------------------
3	23/6/06		PG			Updated
2	13/3/06		PG			Padding update
1	25Jan05		PG			Created
*/
span{
	color:#1592E3;
}
.highlight span{
	color:#FF0000;
}
.scrollBoxContainer{
	width:370px;
	height:400px;
	overflow:auto;
}
#ScrollBox{
	font-family:verdarna,ariel,sans-serif;
	padding-bottom:40px;	
	background-color:#000;
	background-attachment: scroll; 	
	padding-right:20px;
}
#ScrollBox .item{
	padding:8px 0px;
	color:#fff;
	background-color:transparent;
}
#ScrollBox .dateRange{
	background:transparent url(/images/timeline/bg_dateRange.gif) no-repeat left top;
	padding-left:15px;
}
#ScrollBox .dateRange,
#ScrollBox .dateRange a
{
	font-size:1.15em;
	color:#1592E3;
	text-decoration:none;
}
#ScrollBox ul{
	padding:5px 0px 5px 15px;
	margin:0;
	list-style:none;
}
#ScrollBox ul li{
	padding:5px 0px;
	margin:0;
}
#ScrollBox ul li img{
	float:right;
}
.leftPanel{
	float:left;
	width:106px;
	position:relative;
}

.buttons{
	position:absolute;
	top:10px;
	left:0px;
	width:109px;
	height:60px;
	z-index:100;
	padding-left:2px;
}

.animation{
	padding-top:230px;
}

.scrollArea{
	float:right;
	width:429px;
	
}

.scrollimage{
	width:100%;
	float:left;
}
.sides{
	background: #fff url(/images/timeline/panel_sides.gif) no-repeat top left;
	float:left;
	width:391px;
	overflow:hidden;
	padding-left:38px;
}
.scrollimage.top{
	background: #fff url(/images/timeline/panel_top.gif) no-repeat top left;
	height:25px;

}
.scrollimage.bottom{
	background: #fff url(/images/timeline/panel_bottom.gif) no-repeat top left;
	height:25px;
}

#mainPanel .buttons img{
	display:block;
}