p {color: #505050; font: 9pt Trebuchet MS; font-weight: normal;}
f1 {font-size: 8pt; font-family : Trebuchet MS; padding: 2px 5px; text-align: left;}
td {color: #505050; font: 9pt Trebuchet MS; font-weight: normal;}
h1 {background: #9e2109; padding: 3px 7px; margin: 2px 0 5px 0; color: #ffffff; font: 14pt Trebuchet MS; text-transform: capitalize; text-align: left;}
h2 {background: #3b3b3b; color: #ffffff; margin: 2px 0 2px 0; padding: 5px; font: 12pt Trebuchet MS; font-weight: bold;}
h4 {color: #9e2109; font: 14pt Trebuchet MS; font-weight: bold; text-align: left;}
h5 {background: #ffcb00; padding: 3px 7px; margin: 2px 0 5px 0; color: #FFFFFF; font: 20pt Trebuchet MS; text-transform: capitalize; text-align: left;}
h6 {padding: 3px 7px; margin: 2px 0 5px 0; color: #ffbf61; font: 55pt Trebuchet MS; text-transform: capitalize; text-shadow: -1px -1px black, 0 2px black, 2px 0 black, -1px -1px black}
a {color: #717171; text-decoration: none;}
a:hover {color: #9e2109; text-decoration: underline;}


#player-info { 
    float: center; 
} 
#player-info p { 
	color: #9e2109;
    font: bold 10pt Verdana, Arial, Helvetica, sans-serif; 
    margin: 0; 
    padding: 4px 0 0 0; 
} 
#player-info a { 
    color: #CCC; 
    font-size: 8pt; 
    text-transform: uppercase; 
} 
#player-info a:hover { 
    text-decoration: none; 
} 

#jackpots {
	float: center;
	margin: 0px 0 0 0;
	}
	
#jackpots input {
	width: 180px;
	margin: 0px 0 0 0;
	padding: 2px 2px 2px 0;
	border: none;
	background: none;
	font: bold 13pt Arial, Helvetica, sans-serif;
	color: #fff;
	text-align: right;
	cursor: pointer;
	}
	
#jackpots #badBeatJackpot {
	float: center;
	width: 180px;
	height: 31px;
	margin: 0 2px 0 0;
		background: none;
	}
	
#jackpots #progressiveJackpot {
	float: center;
	width: 180px;
	height: 31px;
		background: none;
	}
	
#rightColumn {
	float: right;
	width: 187px;
	margin: 2px 5px 0 0;
		background: none;
	}
	
#rightColumn .group, #rightColumn .jackpotGroup {
	margin: 0 0 1em;
	border-top: 4px solid #a5252a;
	border-bottom: 1px solid #bbb;
		background: none;
	}
	
#rightColumn .group span.rightColumnTitle, #rightColumn .jackpotGroup span.rightColumnTitle {
	display: block;
	padding: 4px 2px;
	border-bottom: 1px solid #aaa;
		background: none;
	font: italic bold 10pt Arial, Helvetica, sans-serif;
	color: #444;
	}
	
#rightColumn .group .rightContent, #rightColumn .jackpotGroup .rightContent {
	padding: 2px;
	font: normal 8.5pt Arial, Helvetica, sans-serif;
	color: #444;
	}
	
#rightColumn .group .rightContent table.tourney td.tourneyTime {
	padding: 4px 6px 4px 0;
	text-align: right;
	vertical-align: top;
	}
	
#rightColumn .group .rightContent table.tourney td.tourneyName {
	padding: 4px 0 4px 6px;
	border-left: 1px solid #ccc;
	}
	
#rightColumn .group .rightContent table.tourney td a {
	color: #444;
	text-decoration: none;
	}
	
#rightColumn .group .rightContent table.tourney td a:hover {
	text-decoration: underline;
	}
	
#rightColumn .jackpotGroup {
		background: none;
	}
	
#rightColumn .jackpotGroup span.rightColumnTitle {
	border-bottom: 1px solid #555;
		background: none;
	color: #fff;
	}
	
#rightColumn .jackpotGroup .rightContent {
	line-height: 1.2em;
	color: #ccc;
	}
	
#rightColumn .jackpotGroup .rightContent a {
	color: #ccc;
	text-decoration: none;
	}
	
#rightColumn .jackpotGroup .rightContent a:hover {
	background: none;
	}
	
#rightColumn .jackpotGroup .rightContent span {
	display: block;
	}
	
#rightColumn .jackpotGroup .rightContent span.jackpotGame {
	margin-bottom: 3px;
	text-decoration: underline;
	}	
	
#rightColumn .jackpotGroup .rightContent span.jackpotCoin {
	padding: 0 0 0 12px;
	}
	
#rightColumn .jackpotGroup .rightContent a:hover span.jackpotCoin {
	background: #333 !important;
	color: #fff;
	}
	
#rightColumn .jackpotGroup .rightContent span.jackpotAmount {
	float: right;
	width: 96px;
	}
	


.THRowGeneric {border: 1px solid #000; color: #000;}
.TDGeneric {color: #000;}
.THColumnGeneric {color: #000;}


.subTitle2, .subTitle1, .bold, .Bold {font-weight: bold; color: #fff;}

.error { font-family : Helvetica, Arial, sans-serif ; font-size : 8pt; color: #900; font-weight : bold; background-color : #ccc; }


/** original style menu **/
.urbangreymenu{
width: 190px; /*width of menu*/
}

.urbangreymenu .headerbar{
font: bold 13px Verdana;
color: white;
background: #9e2109 url(http://www.betonusa.ag/menu-side-2014/images/icon.png) no-repeat 8px 6px; /*last 2 values are the x and y coordinates of bullet image*/
margin-bottom: 0; /*bottom spacing between header and rest of content*/
text-transform: uppercase;
padding: 7px 0 7px 30px; /*31px is left indentation of header text*/
}

.urbangreymenu .headerbar2{
font: bold 13px Verdana;
color: white;
background: #9e2109 url(http://www.betonusa.ag/menu-side-2014/images/support.png) no-repeat 8px 6px; /*last 2 values are the x and y coordinates of bullet image*/
margin-bottom: 0; /*bottom spacing between header and rest of content*/
text-transform: uppercase;
padding: 7px 0 7px 30px; /*31px is left indentation of header text*/
}

.urbangreymenu ul{
list-style-type: none;
margin: 0;
padding: 0;
margin-bottom: 0; /*bottom spacing between each UL and rest of content*/
}

.urbangreymenu ul li{
padding-bottom: 2px; /*bottom spacing between menu items*/
}

.urbangreymenu ul li a{
font: normal 12px Arial;
color: black;
background: #E9E9E9;
display: block;
padding: 5px 0;
line-height: 17px;
padding-left: 8px; /*link text is indented 8px*/
text-decoration: none;
}

.urbangreymenu ul li a:visited{
color: black;
}

.urbangreymenu ul li a:hover{ /*hover state CSS*/
color: white;
background: #3b3b3b;
}

.casino-game-lists td div:nth-child(1) {
	margin-bottom:5px;	
}


.casino-game-lists td div .play-btn {
	margin-top:5px;
	margin-bottom:10px;
}

.loginModal {
	display: none;
}

.loginOverlay{
	position: fixed;
	z-index: 99;
	height: 100%;
	background-color: rgba(0, 0, 0, 0.9);
	padding: 15px;
	width: 100%;
	margin-top: -15px;
}

.clearfix::after {
    content: "";
    clear: both;
    display: table;
}

.modalContent {
	z-index: 100;
	border: 1px solid rgba(0, 0, 0, 0.2);
    border-radius: 5px;
    position: fixed;
    background-color: #fff;
    width: 40%;
    top: 10%;
    left: 30%;
}

.contentHeader {
	padding: 15px;
	border-bottom: 1px solid #e5e5e5;
}

.contentHeader p{
	margin: 0px;
	font-size: 24px;
	font-weight: bold;
}

.closeBtn {
	float: right;
    font-size: 21px;
    font-weight: bold;
    line-height: 1;
    color: #000000;
    text-shadow: 0 1px 0 #ffffff;
    opacity: 0.2;
    padding: 0;
    cursor: pointer;
    background: transparent;
    border: 0;
    -webkit-appearance: none;
}

.contentBody {
	padding: 15px;
}

.form-control {
	display: block;
    width: 96%;
    padding: 6px 12px;
    font-size: 14px;
    line-height: 1.42857143;
    color: #555555;
    background-color: #ffffff;
    background-image: none;
    border: 1px solid #cccccc;
    border-radius: 3px;
    margin-bottom: 25px;
}

.loginbtn {
	width: 100%;
	padding: 5px 10px;
    font-size: 12px;
    line-height: 1.5;
    border-radius: 3px;
    color: #ffffff;
    background-color: #6e6e6e;
    border-color: #535353;
    margin-bottom: 0;
    font-weight: normal;
    text-align: center;
    vertical-align: middle;
    touch-action: manipulation;
    cursor: pointer;
    background-image: none;
    border: 1px solid transparent;
    white-space: nowrap;
    user-select: none;
}

.fright {
    float: right !important;
    text-decoration: none !important;
    color: #e53027;
    padding: 2px;
}