#border td{
	border-style: solid;
	border-width: 1px;
	border-color:black;
}

.border-color{
	color:#2c8031;
}

div#design
{
	background-color:  green;
	display: inline-block;
	width: 575px;
	position: fixed;
}

textarea#output
{
	resize:none;
	font-weight: bold;
	font-size: 20px;
}

#controls
{
	font-size: 16px;
	font-weight: bold;
	border-radius:8px;
}

.red_btn {
	width:40px;
	height:40px;
	color:#ffffff;
	background-color: red;
	font-size: 20px;
	font-weight: bold; 
}

.black_btn {
	width:40px;
	height:40px;
	color:#ffffff;
	background-color: black;
	font-size: 20px;
	font-weight: bold;
}

.green {
	width:40px;
	height:40px;
	color:#ffffff;
	background-color: green;
	font-size: 20px;
	font-weight: bold;
}

button.red_btn
{
	-webkit-transform: rotate(270deg);
	-moz-transform: rotate(270deg);
	-o-transform: rotate(270deg);
	writing-mode: lr-tb;
}

button.black_btn
{
	-webkit-transform: rotate(270deg);
	-moz-transform: rotate(270deg);
	-o-transform: rotate(270deg);
	writing-mode: lr-tb;
}

button.green
{
	-webkit-transform: rotate(270deg);
	-moz-transform: rotate(270deg);
	-o-transform: rotate(270deg);
	writing-mode: lr-tb;
}

button.twoone
{
	-webkit-transform: rotate(270deg);
	-moz-transform: rotate(270deg);
	-o-transform: rotate(270deg);
	writing-mode: lr-tb;
}

.hide_border td
{
	border-left: 1px solid black;
	border-right: 1px solid black;
}

.twelve
{
	width:164px;
	height:40px;
	color:#ffffff;
	background-color: green;
	font-size: 20px;
	font-weight: bold;
}

.greenspace
{
	width:40px;
	height:40px;
	color:#ffffff;
	background-color: green;
	font-size: 20px;
}

.greenhalf
{
	width:82px;
	height:40px;
	color:#ffffff;
	background-color: green;
	font-size: 20px;
	font-weight: bold;
}

.redhalf
{
	width:82px;
	height:40px;
	color:#ffffff;
	background-color: red;
	font-size: 20px;
	font-weight: bold;
}

.blackhalf
{
	width:82px;
	height:40px;
	color:#ffffff;
	background-color: black;
	font-size: 20px;
	font-weight: bold;
}

.twoone
{
	width:40px;
	height:40px;
	color:#ffffff;
	background-color: green;
	font-size: 20px;
	font-weight: bold;
}

.bets 
{
	background-color: yellow; 
	width: 20px; 
	height: 20px; 
	font-size: 12px;
	color: red;  
	margin-top: -16px;
	border: 1px solid red;
	margin-right: 3px;
	vertical-align:text-top; 
	position: relative;
    z-index: 99;
}

.bet_label {
	color: black;
	font-weight: bold;
	font-size: 16px;
}

.bets 
{
    -webkit-transform: rotate(270deg);
    -moz-transform: rotate(270deg);
    -o-transform: rotate(270deg);
    -ms-transform: rotate(270deg);
    transform: rotate(270deg);
}

.flip  {
	margin-top: 185px;
	margin-left: -200px;
    -webkit-transform: rotate(90deg);
    -moz-transform: rotate(90deg);
    -o-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    transform: rotate(90deg);
}

.panel-body {
	padding-bottom: 50px!important;
	height: 100%;
}

.spin_only, .no_permances, .press_start_note {
	padding: 3px;  width: 100%; background-color: #428bca; margin-bottom: 5px;
}

.stopped {
	padding: 3px; width: 100%; background-color: orange; margin-bottom: 5px;
}

.bets_messages {
	padding: 3px; width: 100%; background-color: green; margin-bottom: 5px;
}

.last_spins {
	padding: 3px;  width: 100%; background-color: #fa6666; margin-bottom: 5px;
}

.white {
color: white;
}

.yellow {
color: yellow;
}

#output_container {
	border: 1px solid gray; width: 130px; height: 280px; overflow-y:scroll;
}

#each_output {
	font-size: 20px;
	color: white; font-weight: bold; border-bottom: 1px solid white;
}