/*color-wall.css*/
.tooltip{font-size:12px;position:absolute;z-index:10000}.tooltip-inner{background:#000;color:#fff;white-space:nowrap;text-align:center;text-decoration:none;max-width:200px;padding:5px 5px;margin:3px;border:1px solid #000;-webkit-border-radius:3px;-moz-border-radius:3px;border-radius:3px;opacity:.9;filter:alpha(opacity=90)}.tooltip-arrow{position:absolute;width:0;height:0;border-color:transparent;border-style:solid}.tooltip.top .tooltip-arrow{bottom:-5px;left:50%;margin-left:-8px;border-width:8px 8px 0;border-top-color:#000}.tooltip.right .tooltip-arrow{top:50%;left:-5px;margin-top:-8px;border-width:8px 8px 8px 0;border-right-color:#000}.tooltip.left .tooltip-arrow{top:50%;right:-5px;margin-top:-8px;border-width:8px 0 8px 8px;border-left-color:#000}.tooltip.bottom .tooltip-arrow{top:-5px;left:50%;margin-left:-8px;border-width:0 8px 8px;border-bottom-color:#000}.wall-square{background-color:transparent}.wall-square table{margin:0;padding:0;border:0;zoom:1;width:auto;border-collapse:collapse;border:0;background-color:transparent}.wall-square td{margin:0;padding:0;border:0;background-color:transparent;zoom:1}.wall-square .box{position:relative;margin:0;padding:0;border:0;background-color:transparent;zoom:1}.wall-square .legend{display:none}.wall-square .box .tooltip{position:absolute;z-index:100;display:block;display:none}.wall-square .zoomed .tooltip{z-index:10000}.wall-square .box .tooltip div{-moz-opacity:0;-webkit-opacity:0;opacity:0}.wall-square .zoomed .tooltip div{-moz-opacity:.9;-webkit-opacity:.9;opacity:.9;-moz-transition:opacity 300ms ease-in-out 500ms;-webkit-transition:opacity 300ms ease-in-out 500ms;-o-transition:opacity 300ms ease-in-out 500ms;transition:opacity 300ms ease-in-out 500ms}.wall-square .box .color{position:absolute;top:0;left:0;-webkit-transition-duration:200ms,200ms;-webkit-transition-property:top,left,width,height;cursor:pointer}.wall-square .zoomed{z-index:9000}.wall-square .selected{z-index:8000}.wall-square .selected .color,.wall-square .zoomed .color{z-index:9000;-moz-transition-duration:200ms,200ms;-moz-transition-property:top,left,width,height;-webkit-transition-duration:200ms,200ms;-webkit-transition-property:top,left,width,height}.wall-square .selected .color{z-index:8000}// zoom animation @-moz-keyframes color-zoom{from{top:0;left:0;width:30px;height:30px}20%{top:5px;left:5px;width:20px;height:20px}80%{top:-20px;left:-20px;width:70px;height:70px}to{top:-15px;left:-15px;width:60px;height:60px}}@-webkit-keyframes color-zoom{from{top:0;left:0;width:30px;height:30px}20%{top:5px;left:5px;width:20px;height:20px}80%{top:-20px;left:-20px;width:70px;height:70px}to{top:-15px;left:-15px;width:60px;height:60px}}@keyframes color-zoom{from{top:0;left:0;width:30px;height:30px}20%{top:5px;left:5px;width:20px;height:20px}80%{top:-20px;left:-20px;width:70px;height:70px}to{top:-15px;left:-15px;width:60px;height:60px}}.wall-basic{background-color:#fff}.wall-basic table{margin:0;padding:0;border-collapse:collapse;background-color:#fff}.wall-basic td{margin:0;padding:0;background-color:transparent;vertical-align:middle;text-align:center}.wall-basic td.highlight{background-color:#ababab}}.wall-basic .box-content{background-color:#fff}.wall-basic .box-img{margin:0;padding:0}.wall-basic .color{width:auto;height:30px;cursor:pointer}.wall-basic .legend{padding:1px;width:auto;height:16px;cursor:pointer;font-size:.8em;vertical-align:baseline}.wall-panel{position:relative;height:auto}.wall-panel ul{margin:0;padding:0;overflow:hidden;text-align:center;list-style-type:none}.wall-panel ul li{margin:0;padding:0;display:inline-block}.wall-panel ul li span{display:table-cell;width:50px;height:50px;filter:dropshadow(color=#000,offx=1,offy=1)}.wall-panel .box .color{cursor:pointer}
