/* CSS Document */

/* scrollable div area */

			#scrollable1 {
	float: left;
	width: 350px;
	height: 300px;
	border: solid #ccc;
	border-width: 1px 1px 1px 1px;
	overflow: hidden;
	margin-left: 10px;
	padding-left: 5px;
	padding-right: 5px;
			}

			

			/* vertical track */

			#track1 {

				float: left;

				width: 10px;

				height: 302px;

				margin-left: 5px;

				background-color: #ccc;

			}

			

			/* vertical track handle */

			#handle1 {

				width: 10px;

				height: 20px;

				cursor: move;

			}

			

			/* horizontal track */

			#track2 {

	float: left;

	clear: both;

	width: 365px;

	height: 10px;

	margin-top: 5px;

	background-color:#ccc;

	margin-left: 10px;

			}

			

			/* horizontal track handle */

			#handle2 {

				width: 20px;

				height: 10px;

				cursor: move;

			}

			

			/* scrollable div area */

			#scrollable2 {

				float: left;

				width: 284px;

				height: 184px;

				padding: 8px;

				border-top: 1px solid #ccc;

				border-left: 1px solid #ccc;

				overflow: hidden;

				white-space: nowrap;

			}

			

			/* wrap to make sure that image area is clickable */

			#wrap3 {

				float: left;

				width: 15px;

				height: 201px;

				background: transparent url(images/scrollbar-track-bottom.png) no-repeat bottom left;

			}

			

			/* top image of track */

			#track3-top {

				position: absolute;

				width: 15px;

				height: 15px;

				background: transparent url(images/scrollbar-track-top.png) no-repeat top left;

			}

			

			/* vertical track */

			#track3 {

				position: absolute;

				width: 15px;

				height: 201px;

			}

			

			/* vertical track handle */

			#handle3 {

				width: 15px;

				height: 37px;

			}

			

			/* wrap to make sure that image area is clickable */

			#wrap4 {

				float: left;

				clear: both;

				width: 301px;

				height: 15px;

				background: transparent url(images/scrollbar-track-right.png) no-repeat top right;

			}

			

			/* left image of track */

			#track4-left {

				position: absolute;

				width: 15px;

				height: 15px;

				background: transparent url(images/scrollbar-track-left.png) no-repeat top left;

			}

			

			/* horizontal track */

			#track4 {

				position: absolute;

				width: 301px;

				height: 15px;

			}

			

			/* horizontal track handle */

			#handle4 {

				width: 37px;

				height: 15px;

			}