div.a, div.b, div.c {position: absolute}
div.c {margin-bottom: -200px; top: 0; left: 0; z-index: 2}
div.a img {width: 200px; height: 200px}
div.b img {width: 400px; height: 200px}
div.c img {width: 200px; height: 400px}
img {border: 0}
div.selector {margin-bottom: 2em}
div.selector span {border-bottom: 1px dashed #0000AA; cursor: pointer; padding: 2px}
div.selector span.active {background-color: #e0dfc8; border-bottom: 0; cursor: default; padding: 2px}

div#SelectorArea table {border: 0; border-collapse: separate; z-index: 3}
div#SelectorArea table td {cursor: pointer; padding: 0; border-bottom: 1px solid gray; border-right: 1px solid gray; font-size: 10px; width: 12px; height: 11px; //height: 10px;}
div#SelectorArea table tr.top td {border-top: 1px solid gray}
div#SelectorArea table td.left {border-left: 1px solid gray}
div#SelectorArea table td.clear {background-color: white}
div#SelectorArea table td.used {background-color: #7d99ea}

div#SelectorArea {background: #FEFEFE; border: 1px solid #CCCCCC; padding: 5px; float: left; position: absolute; z-index: 3}

.visible {display: block}
.invisible {display: none}

