#tw-wrapper {
	position: absolute;
	z-index: 1000;
	left: 0;
	right: 0;
	max-width: 480px;
	min-width: 200px;
	height: 269px;
	font-family: helvetica, sans-serif;
	background-color: rgb(100,100,110);
	text-align: left;
}
#tw-header {
	width: 100%
}

#tw-header td:first-child {
	text-align: left;
}

#tw-header td:last-child {
	text-align: right;
}

#tw-frame {
	position: absolute; z-index: 2;
	top: 44px; left: 10px; right: 10px; bottom: 10px;
	border: 1px solid black;
}

#tw-frame-hi {
	top: 0; left: 0; right: 0;
	height: 84px;
	background: -webkit-linear-gradient(top, rgba(0,0,0,.45), rgba(0,0,0,.05));
	background: linear-gradient(to bottom, rgba(0,0,0,.45), rgba(0,0,0,.05));
}

#tw-frame-mid {
	height: 44px;
	border-top: 1px solid black;
	border-bottom: 1px solid black;
}

#tw-frame-lo {
	height: 85px;
	background: -webkit-linear-gradient(bottom, rgba(0,0,0,.45), rgba(0,0,0,.05));
	background: linear-gradient(to top, rgba(0,0,0,.45), rgba(0,0,0,.05));
}

#tw-wheels-wrapper {
	position: absolute; z-index: 1;
	top: 44px; left: 10px; right: 10px; bottom: 10px;
	border: 1px solid black;
	display: block;
	background-color: white;
	overflow: hidden;
}

#tw-wheels {
	display: table;
	width: 100%;
}

#tw-wheels div {
	display: table-cell;
	height: 100%;
	padding-top: 85px;
	border-left: 2px solid #0d0e0f;
	background-color: white;
}

#tw-wheels div:first-child {
	border: 0;
}

#tw-wheels ul {
	padding: 0 0 85px 0;
	margin: 0;
	list-style-type: none;
}

#tw-wheels .tw-right {
	min-width: 40px;
}
#tw-wheels .tw-center {
	min-width: 40px;
}
#tw-wheels .tw-left {
	min-width: 40px;
}
#tw-wheels .tw-shrink {
	width: 40px;
}

/*#tw-wheels .tw-readonly { background: #ddd; }*/

#tw-wheels li {
	padding: 0 8px;
	height: 44px;
	overflow: hidden;
	display: flex; align-items: center;
	font: bold 1rem/1.3rem Helvetica,sans-serif;
}

#tw-wheels .tw-right li {
	justify-content: flex-end;
}

#tw-wheels .tw-left li {
	justify-content: flex-start;
}

#tw-wheels .tw-center li {
	justify-content: center;
}