.tessellation {width: 260px; margin: 5px; overflow: hidden;}
.tessellation .panel_title {font-size: 13px; line-height: 16px; padding-left: 2px; font-weight: bold; display: block; text-decoration: none; cursor: auto; color: black;}
.tessellation .foot_helptext {font-size: 10px; line-height: 16px; padding-left: 1px; padding-top: 4px; display: block; text-decoration: none; cursor: auto; color: #999999;}
.tessellation .foot_text {font-size: 12px; line-height: 16px; padding-left: 1px; padding-top: 8px; display: block; text-decoration: none; cursor: auto; color: black;}
/* шахматка */
.tessellation table.apartments {table-layout: fixed; border-spacing: 1px; border-collapse: separate; border: none; margin-top: 0px;}
.tessellation table.apartments {float: left; width: 232px;}
.tessellation table.apartments td { border: 1px solid #787878; padding: 0; background-color: #c7c7c7; text-align: center; font-size: 12px; line-height: 18px; color: #333333;}
.tessellation table.apartments td.white { background: #eeeeee; border-color: #999999;}
.tessellation table.apartments td.reserved { background: #eeeeee; border-color: #999999;}
.tessellation table.apartments td.reserved a {font-weight: bold; color: red;}

.tessellation table.apartments td a {display: block; text-decoration: none; color: black;}
.tessellation table.apartments td a:hover {color: #fc6615; font-weight: bold;}

.tessellation table.apartments td.selected {border-color: #787878;}
.tessellation table.apartments td.selected a,
.tessellation table.apartments td a:active {background-color: #fc6615; color: black;  font-weight: bold; color: black;}


/* footer and header */
/*
.tessellation table.apartments thead th {background: url('../images/tessellation_building.png') no-repeat bottom; height: 11px; padding: 0;}
.tessellation table.apartments tfoot th {background: url('../images/tessellation_building.png') no-repeat top; height: 8px;}
*/
.tessellation .apartments_head{background: url('../images/tessellation_building.png') no-repeat bottom; height: 11px; width: 232px; padding: 0; margin-top: 14px;}
.tessellation .apartments_foot{background: url('../images/tessellation_building.png') no-repeat top; height: 8px; width: 232px; padding: 0;}

/* рамка */
.tessellation .floor_border{position: relative; top: 0px; padding: 0px; background-color: #6c6c6c;}
.tessellation .top{width: 232px; height: 3px; margin-top: -3px;}
.tessellation .bottom{width: 232px; height: 3px; margin-top: -3px;}
.tessellation .left{width: 3px; height: 22px; margin-top: -22px;}
.tessellation .right{width: 3px; height: 22px; margin-top: -22px; margin-left: 229px;}


/* этажи */
.tessellation table.floors {border-spacing: 1px; border-collapse: separate; border: none;}
.tessellation table.floors {margin: 1px auto 0 0; padding-left: 3px;}
.tessellation table.floors td {line-height: 20px; font-size: 12px; border: 0; padding: 0;}
.tessellation table.floors td:hover,
.tessellation table.floors .highlight td { font-size: 14px; }
.tessellation table.floors .selected td { font-size: 14px; font-weight: bold; color: #fc6615;}
.tessellation table.floors th {height: 20px;}