.scrollgeneric {line-height: 1px;font-size: 1px;position: absolute;top: 0; left: 0;}

.vscrollerbar {width: 26px; height: 26px; background: url(../images/scrollbar_square3.jpg) 1px 0px no-repeat;position: relative; z-index: 999;}

.vscrollerbase {width: 26px;background: black  0px 0px no-repeat; border-left: 2px solid red; }



.vscrollerbar, .hscrollerbar {padding-top: 28px;z-index: 2;}

.vscrollerbasebeg {
/* height of this element is auto set to fit the scrollbase, to cover the base */
/* this element can be used to place a faux top arrow image */
width: 26px;
height: 28px !important; /*Again, the safari fix, normally this line is not needed.*/
background: url(../images/up_arrow2.jpg)  no-repeat;
margin-left: 6px;}

.vscrollerbaseend {
/* height of this element should be set */
/* this element can be used to place a faux bottom arrow image */
height: 28px;
width: 26px;
background: url(../images/down_arrow2.jpg)  0px no-repeat;
margin-left: 6px;
}
#calendar {
	width: 296px;
	height: 227px;
	position: relative;
	background: black;
	}
#calendar h1 {
	font-family: arial;
	font-size: 17px;
	color: #006699;
	font-weight: normal;
	margin-left: 10px;
	padding: 0;
	margin: 0;
	padding-top: 5px;
	text-align: center;
	letter-spacing: 7px;}
	
#calendar .red {
	color: #006699;
	}

	
/*Page related styles for you to view*/
#mycustomscroll {
/* Typical fixed height and fixed width example */
width: 296px;
height: 327px;
overflow: auto;
/* IE overflow fix, position must be relative or absolute*/
position: relative;
background-color: black;
margin: auto;
}

#calendar_top {
	height: 30px;
	width: 268px;
	border-right: 2px solid red;
	border-bottom: 2px solid red;
	position: absolute;
	z-index: 3;
	background: black;
	}
#calendar_top2 {
	height: 0px;
	width: 268px;
	background: #006699;
	position: absolute;
	z-index: 3;
	top: 32px;
	border-right: 2px solid white;
	}

#calendar h2 {
	font-family: arial;
	font-size: 17px;
	color: #006699;
	font-weight: normal;
	margin-left: 10px;
	padding: 0;}
	
#calendar {
		scrollbar-face-color: white;
		scrollbar-track-color: #006699;}
	
#mycustomscroll p.date {
	color: white;
	background: black;
	width: 245px;
	border: none;
	margin-bottom: -10px;
	padding-left: 0;
	}	
#mycustomscroll p {
	background: white;
	width: 245px;
	margin-left: 10px;
	padding-left: 5px;
	font-size: 12px;
	font-family: arial;
	color: #444444;
	border: 1px solid #006699;
	}

#calendar a {
	color: #444444;
	}
#calendar a:hover {
	color: #006699;
	}