/*Legos*/
#addLegos{
	z-index: 1000;
	color: #ffffff;
	width: 90%;
	top: 3px; float: 
}
.board {
    position: absolute;
    vertical-align: bottom;
	left: 50%;
} .draw_area {
    position: absolute;
    text-align: center;
    vertical-align: bottom;

} .box_frame {
    border-style: none;
    border-color: inherit;
    border-width: 0px;
    text-align: center;
    position: absolute;
}

/*end of Legos ------------------*/
/*fisheye*/
.fisheye {
	POSITION: relative; TEXT-ALIGN: center; HEIGHT: 50px
}
a.fisheyeItem
{
	text-align: center;
	color: #000;
	font-weight: bold;
	text-decoration: none;
	width: 40px;
	position: absolute;
	display: block;
	top: 0;
}
.fisheyeItem img
{
	border: none;
	margin: 0 auto 5px auto;
	width: 100%;
}

A.fisheyeItem2 {
	POSITION: absolute; TEXT-ALIGN: center; WIDTH: 40px; BOTTOM: 0px; DISPLAY: block; COLOR: #000; FONT-WEIGHT: bold; TEXT-DECORATION: none
}

.fisheyeItem2 IMG {
	BORDER-BOTTOM: medium none; BORDER-LEFT: medium none; MARGIN: 5px auto 0px; WIDTH: 100%; BORDER-TOP: medium none; BORDER-RIGHT: medium none
}

.fisheyeItem SPAN{
	color: #fff;
	DISPLAY: none; positon: absolute
}
.fisheyeItem2 SPAN {
	DISPLAY: none; positon: absolute
}
.fisheyeContainter {
	POSITION: absolute; WIDTH: 200px; HEIGHT: 100px; LEFT: 500px;
	background-image:url(../images/panel_ background.png)
}
.LegoContainter {
	display: none;
	POSITION: absolute; WIDTH: 200px; HEIGHT: 100px; LEFT: 500px;
	background-image:url(../images/panel_ background.png)
	
}

#fisheye2 {
	POSITION: relative;
	z-index: 1002;
	WIDTH: 100%;
	BOTTOM: 100px;
	left: 16px;
}

.fisheyes_text{
background-color: #FFFFFF;
width:auto;
text-align:left;
padding: 5px 5px 3px 3px;
}
/*end of fisheye------------*/


/* H animationMain Container*/
.hrzContainer {
	width:100%;
}
.hrzContainer ul{
	list-style-type: none;
	margin: 0px;
	padding:0px;	
}
.hrzContainer li{
	display: inline; 
	margin: 0px;
	padding:0px;
}
/*Handle*/
.handle {
	float: left;
	width: 0px;
	height: 310px;
	margin: 1px;
	margin-right: -10px;
	background:  url(../images/card_slit.jpg) no-repeat;
}
.handleOver{	
	background: url(../images/card_slit.jpg) no-repeat;
}
.handleSelected{
	
	background: url(../images/card_slit.jpg) no-repeat;
}
/*Content Container*/
.contentWrapper{

	
	width: 640px;
}
.contentInnerWrapper{
	text-align: justify;
	padding: 10px;
	
}
.contentWrapper h3{
	border-bottom: 1px solid silver;
	color: rgb(172, 194, 112);
}
#close_napkin{
	color: rgb(172, 194, 112);
	text-align: right;
}
#close_napkin a{
	color: rgb(172, 194, 112);
	text-align: right;
}
/*Animation Start*/
.contentStart {
	padding-left: 0px;	
	float: left;
	width:0px;
	height: 250px;	
	overflow:hidden;
	background-color: #ffffff;
}
/*Animation End*/
.contentEnd {
	
	float: left;	
	width:660px;
	height: 250px;
}
#apDiv1 {
	position:absolute;
	left:325px;
	top:150px;
	width:auto;
	max-width:466px;
	height:230px;
	z-index:1001 !important;
}

  .ui-effects-transfer {
   border: 2px solid #FFFFFF;
   z-index: 1000000;
  }
  #toggleLegos
  {
  	position: absolute;
  	left: 92%;
  	width: 60px;
   	z-index: 10000;
  	top: 5px;
  	padding: 2px;
  	font-weight: 550;
  }
  #toggle{
  	color: #F1F1F2!important;
  }