.scroll-box
{
	
	text-align:left;
	color:#000000;
	background-color:#FFFFFF;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;

	padding:10px;
	opacity:.75;	
	}

.app_scroll-box
{
	
	text-align:left;
	color:#000000;
	background-color:#FFFFFF;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;

	
	
	}

.jScrollPaneContainer {
	position: relative;
	overflow: hidden;
	z-index: 1;
}

.jScrollPaneTrack {
	position: absolute;
	cursor: pointer;
	right: 0;
	top: 0;
	height: 100%;
	background: #CC0033 ;
}
.jScrollPaneDrag {
	position: absolute;
	background: #a78a8a;
	cursor: pointer;
	overflow: hidden;
}
.jScrollPaneDragTop {
	position: absolute;
	top: 0;
	left: 0;
	overflow: hidden;
}
.jScrollPaneDragBottom {
	position: absolute;
	bottom: 0;
	left: 0;
	overflow: hidden;
}
a.jScrollArrowUp {
	display: block;
	position: absolute;
	z-index: 1;
	top: 0;
	right: 0;
	text-indent: -2000px;
	overflow: hidden;
	background-color:#000000;
	height: 9px;
}
a.jScrollArrowUp:hover {
	background-color:#ff3399;
}

a.jScrollArrowDown {
	display: block;
	position: absolute;
	z-index: 1;
	bottom: 0;
	right: 0;
	text-indent: -2000px;
	overflow: hidden;
	background-color:#000000;
	height: 9px;
}
a.jScrollArrowDown:hover {
	background-color: #ff3333;
}
a.jScrollActiveArrowButton, a.jScrollActiveArrowButton:hover {
	background-color: #f00;
}

#pane {
	width:440px;
	height:310px;
}

#pane1 {
	width:230px;
	height:220px;

	border:1px solid #996633;


}

#pane_appuntamenti {
width:470px;
height:310px;
	
}

#pane_appuntamenti .titolo a
{


 color:#ffffff;
 background-color:#cb1210;
font-weight:bold;
font-size:11px;
text-decoration:none;
display:block;
margin-top:3px;
margin-bottom:3px;
vertical-align:middle;
text-align:center;

}

#pane_appuntamenti .boximg
{
width:120px;

float:left;
text-align:center;
vertical-align:middle;

}

#pane_appuntamenti .descrizione
{

font-size:12px;
color:#5b5b5b;
width:330px;
float:left;
text-align:justify;

 }

#pane_meteo {
	width:460px;
	height:280px;
}