/*
	root element for the scrollable.
	when scrolling occurs this element stays still.
*/
.scrollable  {
	/* required settings */
	position:relative;
	overflow:hidden;
	width: 590px;
	height:300px; 
  text-align:left;
  
	/* custom decorations 
	/border:1px solid #ccc;
	background:url(http://static.flowplayer.org/img/global/gradient/h300.png) repeat-x;*/
}

/*
	root element for scrollable items. Must be absolutely positioned
	and it should have a extremely large width to accomodate scrollable items.
	it's enough that you set the width and height for the root element and
	not for this element.
*/

.scrollablewrapper {
		background-color:#ffa544; 
		border:1px solid silver;
		width:590px;
		background-color:#ff9d00;
}

.scrollablewrapper a {
		color:gray;
}

.scrollable .items {
	/* this cannot be too large */
	width:20000em;
	position:absolute;
	clear:both;
  height:auto;
	line-height:13px
	
}
.scrollable .items p {

}

.scrollable .items a {
color:#ddd;
}
/* single scrollable item */
.scrollable div div{
	float:left;
	padding-top:0px;
	margin-right:5px;
	padding:7px;
	cursor:pointer;
	width:590px;
	
}

.navi {
  text-align:left;
 	background-color:#fff;
	height:30px;
	padding:0px;
	margin:0px;
	
	
}
.navi ul {
	list-style:none;
	margin-left:-40px
}
.navi ul li {
	width:89px;
	float:left;
	
}
.navi ul li a {

	/*background-color:#ffa544;*/
	display:block;
	text-align:center;
	background-image:url(../images/homepagetab_dim.jpg);
	background-repeat:no-repeat;
	/*border:2px solid silver; 
	border-bottom:1px solid silver; */
	margin-right:4px;
	font-size: 12px;
	color:black;
	height:30px;
	width:89px;
	padding-bottom:5px;
	
	 
}

.navi a.active {
			/*background-color:#ff9d00;*/
			background-image:url(../images/homepagetab.jpg);
			
			background-repeat:no-repeat;
}

/* active item 
.scrollable .active, .diarydates .active {
	border:2px solid #000;
	z-index:9999;
	position:relative;
}*/

#diarywrapper {
border:1px solid #ccc;
background-color:white;
padding:5px;
}

.diarydates div {
	height:auto;
	margin-bottom:5px
}

.diarydates {

	/* required settings */
	position:relative;
	overflow:hidden;
	width: 150px;
	margin-right:10px;
	height:180px;
	background-color:white;
	

	/* custom decorations */
	
	
}
 .diarydates .items {
    width:150px;
			position:absolute;
	clear:both;
	
 }