#tautable {
min-width: 1000px;
}

body {
	font-family: Arial, Helvetica, sans-serif;
}

table {
	font-size: 1em;
}

.ui-draggable, .ui-droppable {
	background-position: top;
}

#imagewrapper img{
padding: none;
margin: none;
}

#imagewrapper {
display: table;
background: white;
box-shadow: 1px 1px 1px black;
margin-left: auto;
margin-right: auto;
}

.tabselect {
list-style-type: none;
display: block;
margin-left: auto;
margin-right: auto;
text-align: left;
}

.tabselect li {
display: inline-table;
padding: 1px 1px 1px 1px;
text-align: left;
vertical-align: middle;
}

.areaselect {
font-weight: bold;
}

.nogapsbutton {
background: lightgray;
   margin:0px;
    background-color:#f5f5f5;
    border:1px solid #dedede;
    border-top:1px solid #eee;
    border-left:1px solid #eee;
    vertical-align: middle;
    cursor: pointer;
}

.tauselect {
    border:1px solid rgba(222,222,222,0);
}

.tauselect:hover, .selectedflat {
    background-color:rgb(138,193,253);
    border:1px solid #C0C0C0;
    box-shadow: 0px 0px 0px 0px #dedede;
    color:#336699;
}

.nogapsbutton:hover, .selectedbutton {
    background-color:rgb(138,193,253);
    border:1px solid #C0C0C0;
    box-shadow: 0px 0px 0px 0px #dedede;
    color:#336699;
}

.nogapsbutton:active {
    background-color:#6299c5;
    border:1px solid #6299c5;
    box-shadow: 0px 0px 0px 0px #dedede;
    color:#fff;
}

.loopcontrols {
    font-size: larger;
    text-align: center;
    vertical-align: center;
    padding: 4px;
    display: inline-table;
}

.speedcontrols, .playcontrols, .zoomcontrols, .selectcaption {
font-size: larger;
font-weight: bold;

}

.speedcontrols {
visibility: hidden;
}

#nogapslinks {
margin-left: auto;
margin-right: auto
margin-top: 15px;
margin-bottom: 15px;
font-size: larger;
font-weight: bold;
list-style-type: none;
text-align: center;
}
/*

#nogaps, #areaselect { 
display: table;
float: left;
}


.tabletitle {
text-align: center;
font-weight: bold;
}
#selecttable td {
padding:5px;
}


td.loadimage, td.loadalltimes, td.loadallmaps, td.loadloop {
width: 12px;
height: 12px;
display: table-cell;
text-align: center;
vertical-align: middle;
}

td.loadimage:hover, td.loadalltimes:hover, td.loadallmaps:hover, td.loadloop:hover {
color: white;
background: darkgray;
}


td.loadalltimes, td.loadallmaps, td.loadimage, td.loadimagetitle {
font-size: smaller;
text-transform: uppercase;
font-weight: bold;
}

td.loadloop {
font-size: larger;
}








#areaselect {
display: block;
margin: 0;
padding: 0;
line-height: 3em;
}
#areaselect option  {
display: list-item;
float: left;
    font-weight:bold;
    height: 2.75em;
    margin:3px;
    background-color:#f5f5f5;
    border:1px solid #dedede;
    border-top:1px solid #eee;
    border-left:1px solid #eee;
    text-decoration:none;
    padding: 0px 5px 0px 5px;
    color:#565656;
    cursor: pointer;
}

.tab a, .button {
    padding:8px 12px 8px 9px;
    }
    
.tab a {
    background-color: white;
    }
    
.tab select{
    padding:7px 7px 6px 7px;
    position: relative;
    top: 1px;
}
*/