<style>{  }
.arka1       { background-image: url('images/Douglas-program8web2_07.gif') }
.arka2       { background-image: url('images/Douglas-program8web2_08.gif') }
.baslęk_k   { font-family: Trebuchet MS; font-size: 12pt; color: #E20A16; font-weight: bold; 
               background-image: url('images/Douglas-program8web2_03.gif') }
.menu_s         { font-family: Trebuchet MS; font-size: 10pt; color: #E20A16; font-weight: bold; background-image:url('images/butonsari.gif') }
.govde_B     { font-family: Trebuchet MS; font-size: 10pt; font-weight: bold }
.bosluk      { font-size: 6px }
.govde       { font-family: Trebuchet MS; font-size: 10pt }
.baslęk_s   { font-family: Trebuchet MS; font-size: 12pt; color: #E20A16; font-weight: bold; 
               background-image: url('images/Douglas-program8web2_05.gif') }
.govde_8       { font-family: Trebuchet MS; font-size: 8pt }

.menu_k         { font-family: Trebuchet MS; font-size: 10pt; color: #E20A16; font-weight: bold; background-image:url('images/butonkirmizi.gif') }

.buton {color: #FF0000; border: 1px solid #FF0000"}

.dragclass{position : relative;cursor : move;}

	div {
		margin: 0px;
		padding: 0px;
	}
	.verticalgridline {
		padding-top: 27px;
	}

	
	.box {
		float: left;
		padding: 0px;
		width: 123px;
		height: 123px;
		margin: 5px;
		
		z-index: 1;
		position: absolute;
		bottom: 400px;
		
		}

	.handle {
		cursor: move;
		height: 14px;
		border-width: 0px 0px 1px 0px;
		background: #666;
		color: #eee;
		padding: 2px 6px;
		margin: 0px;
	}
	.box p {
		font-size: 12px;
		margin: 5px 5px 10px 5px;
		text-align: left;
		white-space: normal;
	}
	#boxDrag, #boxVerticalOnly, #boxHorizontalOnly, #boxRegionConstraint, 
	#boxThreshold, #boxAbsolute {
		cursor: move;
	}
	#boxAbsolute {
		position: absolute;
		bottom: 0px;
		right: 0px;
	}


-->
</style>