.clear {
  clear: both;
  display: block;
  height: 0;
  overflow: hidden;
  visibility: hidden;
  width: 0;
}

.wrap
{
	margin:0px;
	padding:0px;
}

.mySelector  p
{
	margin: 5px;
	text-indent: 0px;
}

.result
{	 
	float: left; 
	display: inline; 
	margin:0px; 
	padding:10px;
	width: 580px;
}

.tablo_wrap
{
	border: 0px solid black;
	padding: 0px;
	background-color: #E0E0E0;
	display: inline;
	float: left;
}

.tablo.top
{
	border-left: 1px solid black;
	border-top: 1px solid black;
	border-right: 1px solid black;
	border-bottom: 0px solid black;
	display: block;
	margin: 0px;
	height: 150px;
	background-color: #0090FF;
}

.leftside 
{
	border-top: 0px;
	border-left: 0px solid black;	
	border-right: 0px solid black;
	border-bottom: 0px;
	display: inline;
	float: left;
	margin: 0px;
}

.rightside
{
	border-top: 0px;
	border-left: 0px solid black	;	
	border-right: 0px solid black;
	border-bottom: 0px;
	display: inline;
	float: left;
	margin: 0px;
}

.tablo.middle
{
	border-top: 0px;
	border-left: 0px;	
	border-right: 0px;
	border-bottom: 0px;
	float: left;
	width: 67px;
	margin: 0px;
	background-color: #0090FF;
}

.tablo.middle p
{	
	font-family: Helvetica, sans-serif;
	font-weight: bold;
	color: #FFFFFF;
	font-size: 24px;
	margin: 0px;
	padding: 0px;
	text-indent: 0px;		
}

.tablo.bottom
{
	border-top: 0px solid black;
	border-left: 1px solid black;	
	border-right: 1px solid black;
	border-bottom: 1px solid black;
	display: block;
	margin: 0px;
	height: 100px;
	background-color: #0090FF;
}

.tablo.topside
{
	height:15px;
	transform: skew(-45deg,0deg);
	transform-origin: 0% 100%;
	-ms-transform: skew(-45deg,0deg); /* IE 9 & Only IE 9 */
	-ms-transform-origin: 0% 100%;
	-webkit-transform: skew(-45deg,0deg); /* Safari and Chrome */
	-webkit-transform-origin: 0% 100%;
	-o-transform: skew(-45deg,0deg); /* Opera */
	-o-transform-origin: 0% 100%;
	-moz-transform: skew(-45deg,0deg); /* Firefox */
	-moz-transform-origin: 0% 100%;
	border: 1px solid black;
	background-color: #0090FF;
}

.left
{
	display: inline;
	float: left;
	margin: 0px;
	width:15px;
	transform: skew(0deg,-45deg);
	transform-origin: 0% 100%;
	-ms-transform: skew(0deg,-45deg); /* IE 9 & Only IE 9 */
	-ms-transform-origin: 0% 100%;
	-webkit-transform: skew(0deg,-45deg); /* Safari and Chrome */
	-webkit-transform-origin: 0% 100%;
	-o-transform: skew(0deg,45deg); /* Opera */
	-o-transform-origin: 0% 100%;
	-moz-transform: skew(0deg,-45deg); /* Firefox */
	-moz-transform-origin: 0% 100%;
	border: 1px solid black;
	background-color: #0050BF;
	-moz-box-shadow: 5px 5px 5px #AAA;
	-webkit-box-shadow: 5px 5px 5px #AAA;
	box-shadow: 5px 5px 5px #AAA;
	background-image: url("images/side.png");
	background-repeat: no-repeat;
	background-position:center top;
}

.hackTable
{
	border: 0px;
	margin: 0px;
	padding: 0px;
	width: 100%;
	border-collapse: collapse;
	border-spacing: 0;
}

.hackTable td
{
	vertical-align: middle;	
	text-align: center;
	margin: 0px;
	padding: 0px;
}
.hackTable p
{
	text-indent: 0px;
}

#colorSelector
{
	width: 24px;
	height: 24px;
	border: 1px solid black;
	border-radius: 3px;
}

.ui-icon
{
	background-image:url("ui-icons_454545_256x240.png"); 
	width: 16px;
	height: 16px; 
	position: absolute;
	display: block;
    cursor: pointer;
	top: 50%;
	margin-top: -8px;
}

.unfolded >.ui-icon
{
	background-position: -128px -192px;
}

.folded > .ui-icon
{
	background-position: -112px -192px;
}

.head
{
	position: relative;
	cursor: pointer;
	margin-bottom: 0px;
}

h3.head > a
{
	padding-left: 24px;
	font-size: 0.8em;
	text-decoration:none;
}