::-webkit-scrollbar
{
  width: 12px;  /* for vertical scrollbars */
  height: 12px; /* for horizontal scrollbars */
}

::-webkit-scrollbar-track
{
  background: rgba(58, 54, 50, 0.2);
}

::-webkit-scrollbar-thumb
{
  background: rgba(58, 54, 50, 0.5);
}

.devinfo
{
    border-bottom: 1px solid #211D1C;
    height: 39px;
    width: 270px;
    text-align: center;
    font-family:Verdana, Arial, Helvetica, sans-serif;
    font-size: 11px;
    color: #DCAA36;
    padding-top: 2px;
    line-height: 18px;
}

.eventHeading{
	/* The colorful year headings at the top */
	font-size:2em;
	text-align:center;
}

/* Three color styles for the headings: */

.eventHeading.red
{
    background-image:url(img/timeline_top_red.png);
    width: 270px;
    height: 34px;
}

.eventHeading.orange
{
	background-image:url(img/timeline_top_orange.png);
	width: 270px;
	height: 34px;
}

.eventHeading.yellow
{
	background-image:url('img/timeline_top_yellow.png');
	width: 270px;
	height: 34px;
}

.event{
	/* Contains the event header and body list */
	float:left;
	text-align:left;
	width:275px;
	height:422px;
	padding-left:5px;
	padding-bottom:5px;
	padding-top:5px;
	cursor:hand;
}

.event:hover
{
	cursor: pointer; cursor: hand;
	border-radius: 4px;
	border-top: 1px solid #756D65;
	border-bottom: 1px solid #756D65;
	padding-top:4px;
	padding-bottom:6px;
	height:420px;
	border-left: 1px solid #756D65;
	border-right: 1px solid #756D65;
	width: 273px;
	padding-left:4px;
	padding-right:1px;
}

.lastEvent{
	/* Contains the event header and body list */
	float:left;
	text-align:left;
	width:270px;
}

.eventList
{
    padding-top: 3px;
}

.hoverframe
{
	width:100%;
	height:100%;
	background-color:red;
	position : relative;
	z-index : 1;
}

.eventList li{
	/* The individual events */
	background:url(img/event_item_background.png) no-repeat;
	width:270px;
	height:37px;
	list-style:none;
	margin-top:7px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #756D65;
	text-align: center;
}

.eventTitleImage
{
    position:relative;
    left:0px;
    top:2px;
}

.eventListItemText
{
    padding-top:9px;
}

.thumbnail
{
    padding-top: 7px;
    padding-bottom: 7px;
    border-bottom: 1px solid #211D1C;
    height: 152px;
    width: 270px;
}

.eventPanel
{
    margin-top: 0px;
	margin-bottom: -10px;
}