.turn_wrapper {
  width: 80px;
  
  display:block;
  position: absolute;
  
  left:0;
}

.turn_hideme {
  width: 85%;
  height: 85%;
	overflow:hidden;
	display:block;
	position:absolute;
	float:left;
	bottom:0;
	left: 0;
	/*z-index:1;*/
}

.turn_object{
	position: relative;
}
.turn-cont { position:absolute; height:230px;  float:left; background:#f5f5f5; width:261px; bottom:0px; }
.turn-cont .turn-cont-txt { padding:8px 10px; line-height:17px; font-size:12px; font-family:Arial, Helvetica, sans-serif; top:0px; float:none!important; bottom:none!important;}
.turn-cont .turn-cont-txt p { bottom:none!important; float:none!important; }
.turn-cont .turn-cont-txt ul { bottom:none!important; float:none!important;  margin-left:15px; *width:100%  }
.turn-cont .turn-cont-txt li { padding-bottom:1px; line-height:16px;}





.turn_wrapper .turn_object img.turn_fold {
	display:block;
  width: 100%;
  height:100%;
	/*z-index:1000;*/
	left: 0;
	position:absolute;
}

.turn_wrapper .ui-wrapper {
  left: 0 !important;
  top: 0 !important;
}

.turn_wrapper .ui-resizable-handle {
  border: none !important;
  border-width: 0 !important;
	/* I have NO idea why this works for IE7, but it does. Background none doesn't work. Go figure. */
  background: url(#none) !important; 
  width: 100% !important;
  height: 100% !important;
}






.turn_wrapper.left .turn_hideme *,
.turn_wrapper.left .turn_object {
	float: left;
}

.turn_wrapper.left .turn_hideme {
	float: left !important;
	left: 0 !important;
	right: auto;
}
.turn_wrapper.left .turn_object {
	left: 0 !important;
	right: auto !important;
}

.turn_wrapper.left {
	position: absolute;
	bottom: 0;
	left: 0 !important;
}

.turn_wrapper.left .turn_object .target {
	position: absolute;
	left: 0 !important;
	bottom:0;
}