body{}
html
{
     background:#000 url(img/bg01.jpg) no-repeat center center fixed;

}
#wrapper{height: 277px;width: 280px;}
#wrapper {bottom: 50%;right: 50%;position: relative;}
#container {left: 50%;position: relative;top: 50%;}

.mcontainer{width:290px;height:287px; margin:20% auto;
}
.mplogo{
	position:relative;
	top:15px;
	width:273px;
	height:120px;
	margin:0 auto;
	font:normal 0px arial;
}
.mplogin{
	width:280px;
	height:277px;
	background: #000;
	border-radius: 12px 12px 12px 12px;
	-moz-border-radius: 12px 12px 12px 12px;
	-webkit-border-radius: 12px 12px 12px 12px;
	border:2px solid #79868d;
-webkit-box-shadow: inset 0px 0px 40px 0px rgba(16,40,55,1);
-moz-box-shadow: inset 0px 0px 40px 0px rgba(16,40,55,1);
box-shadow: inset 0px 0px 40px 0px rgba(16,40,55,1);
}

.mplogo_kappers507{position:relative;	
	background:url('logo_kappers507.png') no-repeat center center;	
}
.tollb
.tollbox{
	position:relative;
	top:149px;
	left:20px;
	width:243px;
	height:45px;
	background:#0d364a url('../img/login/toll.png') no-repeat 8px 6px;
	border-radius: 5px 5px 5px 5px;
	-moz-border-radius: 5px 5px 5px 5px;
	-webkit-border-radius: 5px 5px 5px 5px;
}
.nlogin{
	position:relative;
	top:-2px;
	left:-2px;
	width:280px;
	height:277px;
	border-radius: 12px 12px 12px 12px;
	-moz-border-radius: 12px 12px 12px 12px;
	-webkit-border-radius: 12px 12px 12px 12px;
	-webkit-box-shadow: 0px 0px 67px 5px rgba(0,0,0,0.75);
	-moz-box-shadow: 0px 0px 67px 5px rgba(0,0,0,0.75);
	box-shadow: 0px 0px 67px 5px rgba(0,0,0,0.75);
	border:2px solid #79868d;
	}
.usern, .pasw {
	position:absolute;	
	right:10px;
	width: 145px;
	height: 30px;
	padding-left:10px;
	color: #fff;
	font: bold 16px arial;
	background:#3f4040;
	margin-right:10px;
	border-radius: 5px 5px 5px 5px;
	-moz-border-radius: 5px 5px 5px 5px;
	-webkit-border-radius: 5px 5px 5px 5px;

	-webkit-box-shadow: inset 5px 5px 19px 0px rgba(0,0,0,0.75);
-moz-box-shadow: inset 5px 5px 19px 0px rgba(0,0,0,0.75);
box-shadow: inset 5px 5px 19px 0px rgba(0,0,0,0.75);
	border-right:1px solid #273942;
	border-bottom:1px solid #3d4d56;
}
.usern{top:141px;}
.pasw {top:181px;}
 
.btn {
	position:absolute;
	top:221px;
	left:20px;
	width:245px;
	height:40px;
	font: bold 0px arial;
	padding:4px 7px;
	text-transform:uppercase;
	background: url('btn.png') no-repeat;
	border:none;

}
.errortxt{width:280px;
	height:25px;
	line-height:25px;
	font:bold 14px arial;
	color:red;
	position:relative;
	top:190px;
	text-align:center;
	text-transform:uppercase;
	z-index:99
}
.tollw, .tolls{position:absolute;left:55px;font:bold 14px arial;color:#477389;letter-spacing:1px}
.tollw{top:5px;}
.tolls{top:25px;}
.tolln1, .tolln2{position:absolute;left:185px;font:bold 10px arial;color:#477389;text-transform:uppercase;}
.tolln1{top:7px;letter-spacing:.5px}
.tolln2{top:27px;}
input{border:none;outline:none;}

.mtop{width:auto;
	height:109px;
}


.mmenus{position:relative;
	left:0;
	width:938px;
	height:64px;
	background: url('../img/pub/menu-mbg.jpg')no-repeat left;
	margin-bottom:15px;
}
.solidblockmenu{
	width:100%;
	margin:-77px 0 0 50px;
	padding:3px 0 0 0;
	float: left;
	font: bold 18px Arial;
	text-transform:uppercase;
	overflow: hidden;
	height:64px;
	
}
.selected{color:#fff;
	padding:22px 20px;
	background: url('../img/pub/oc-bg.png')no-repeat center;
	text-shadow:2px 2px 5px black;
	border-left:1px solid #209ccf;
	border-right:1px solid #010e16;
}
.solidblockmenu ul{width:938px;}
.solidblockmenu li{
	display: inline;
	margin:0;

}

.solidblockmenu li a{
	color: #96c4d6;
	padding: 25px 20px;
	margin:0;
	text-decoration: none;
	text-shadow:2px 2px 5px black;
	border-left:1px solid #010e16;
	border-right:1px solid #010e16;
}

.solidblockmenu li a:visited{
	color: #96c4d6;
	height:64px;
}

.solidblockmenu li a:hover, .solidblockmenu li .current{
	height:64px;
	color: white;
	background: url('../img/pub/menu-bg-omo.png') center center repeat-x;
}

.mslider{width:938px;
	height:285px;
	margin:0;
	padding:0;
}
.mgames{width:938px;
	height:179px;
}
.mwagers{position:relative;
	top:-10px;
	width:938px;
	height:179px;
}
.gmgames{float:left;
	margin:15px 10px 25px 0;
	width:304px;
	height:177px;
	background:#0e2431;
	border:1px solid #18455c
}
.gmgames2{float:right;
	margin:15px 0 25px 0;
	width:304px;
	height:177px;
	background:#0e2431;
	border:1px solid #18455c
}
.gmgames3{float:left;
	margin:15px 10px 25px 0;
	width:304px;
	height:245px;
	background:#0e2431;
	border:1px solid #18455c
}
.gmgames4{float:right;
	margin:15px 0 25px 0;
	width:304px;
	height:245px;
	background:#0e2431;
	border:1px solid #18455c
}
.gmgames5{float:left;
	margin:15px 10px 25px 0;
	width:304px;
	height:260px;
	background:#0e2431;
	border:1px solid #18455c
}
.gmgames6{float:right;
	margin:15px 0 25px 0;
	width:304px;
	height:260px;
	background:#0e2431;
	border:1px solid #18455c
}
.gmgames7{float:left;
	padding:10px;
	margin:15px 0 25px 0;
	width:916px;
	background:#0e2431;
	border:1px solid #18455c
}
.bmgames{
	clear:both;
	position:relative;
	margin:15px 0 25px 0;
	top:-15px;
	width:916px;
	background:#0e2431;
	padding:10px;
	border:1px solid #18455c;
	font:normal 11px arial;
	color:#ccc;
}
.bmgames p{padding-left:10px;}
.gmgames img, .gmgames2 img, .gmgames3 img, .gmgames4 img, .gmgames5 img, .gmgames6 img{margin:10px 0 12px 9px;
	border:none;
}
.mttl{font:bold 11px arial;
	color:#fff;
	text-transform:uppercase;
	margin:0 0 0 10px;
	height:15px;
	text-decoration:none;
}
.mttl a{font:bold 11px arial;
	color:#fff;
	text-transform:uppercase;
	margin:0 0 0 5px;
	height:15px;
	text-decoration:none;
}
.mttla{font:bold 11px arial;
	color:#fff;
	text-transform:uppercase;
	margin:10px 0 0 0;
	height:15px;
	text-decoration:none;}
.mtt2{font:normal 10px arial;
	color:#3399cc;
	margin:2px 0 0 10px;
	width:274px;
}
.mtt3{font:normal 10px arial;
	color:#999;
	margin:2px 0 0 10px;
}
.mtt4{font:normal 10px arial;
	color:#3399cc;
	margin:2px 0 0 0;
}
.mre{float:right;
	position:relative;
	top:-35px;
	right:18px;
	width:41px;
	height:17px;
	border:none;
}
.mfooter{clear:both;
position:relative;
	width:auto;
	height:auto;	
}
.mfooter2{clear:both;
position:relative;
	width:auto;
	height:auto;
	top:25px;
}
.fmobile{float:right;
	position:relative;
	top:-80px;
}
.frights{border-top:1px solid #18455c;
clear:both;
	position:relative;
	top:-60px;
	right:0;
	width:auto;
	text-align:right;
	font:normal 10px arial;
	color:#666;
	padding:20px 0 0 0;
}
.smlmenu{width:400px;
	height:15px;
	position:relative;
	top:-40px;
	z-index:9999;
}
.smlmenu2{width:400px;
	height:15px;
	position:relative;
	top:-90px;
	z-index:9999;
}
.smlmenu a, .smlmenu2 a{clear:both;font:bold 9px arial;
	color:#666;
	text-decoration:none;
	text-transform:uppercase;
	border-bottom:1px dotted #666;
	padding-bottom:2px;
}
.smlmenu a:hover, .smlmenu2 a:hover{color:#ccc;
	border-bottom:2px solid #fff;
}
.smldvdr{font:normal 12px arial;
	color:#ccc;
	margin:0 5px;
}
.frights2{clear:both;
	position:relative;
	top:-70px;
	right:0;
	width:auto;
	text-align:right;
	font:normal 10px arial;
	color:#666;
	padding:20px 0 0 0;
}
.tabttl {
	font:bold 14px arial;
	color:#fff;
	width:100%;
	text-transform:uppercase;
}
.clear{background:#18455c;padding:10px;}
.mcontent {
	display:inline-block;
	margin:0px 10px 0 0 ;
	width:100%;
	height:100%;
}
.mcontent a{color:#fff;text-decoration:none;border-bottom:1px dotted #ccc;}
.tabttl2 {
	background:#18455c;
	color:#fff;
	padding:10px;
}
.DivMessage, .DivMessage h2{font:bold 14px arial;
	color:#66CCCC;
	text-transform:uppercase;
	
}
.DivMessage{border-bottom:1px solid #18455c;border-top:1px solid #18455c;padding:0 10px;}
.pRed{color:#fff;font-weight:bold;}
.RuleDocCenterAlign, .RuleDoc{margin-left:10px;}
p.RuleDocCenterAlign {margin-left:0px;}

.TableHeaderControls{
	width:100%;	
	background:#c4cfdb;
}
.TableSearchTeams {
	background:#c4cfdb;
	width:100%;	
}
.TableSearchTeams td{padding:3px;}
.TableHeaderControls td{padding:3px;}
.HeaderControls {
	background:#c4cfdb;
	width:100%;
}
td.HeaderControls{text-align:right;}
.HeaderControls2{width:auto;float:right;}
.tblRules {
	/*border:dashed 1px #888577;*/
	padding:10px;
}
.tdRuleColumnWithBackground {
	
	width:200px;
	border:solid 1px #207aa8;
	padding:5px;
	color:#444;

}
.tdRuleColumnBorder {
	border:solid 1px #207aa8;
	text-align:center;
	background:#18516e;
	font-weight:bold;
	font-size:11px;
	color:#fff;
}
.tdRuleColumn {
	border:solid 1px #207aa8;
	text-align:center;
	padding:5px;
	background:#fff;
	color:#444;

}
.tblRulesDetail{
	width:100%;
	border:1px solid #207aa8;
	border-collapse:collapse;
	background:#fff;
}
.HeaderColumnRules {
	font-family :Arial;
	font-size:11px;
	font-weight:bold;
	color:white;
	background:#18516e;
	padding:5px;
	
}
.HeaderTableLine2 {
	background:#18516e;	
	padding:5px;
	border-top:1px solid #207aa8;
	color:white;
	
	
}
.HeaderTableLine{
	font-size:14px;
	font-weight:bold;
	background:#041224;
	padding:5px;
	color:#fff;
	text-align:center
}
.UsernLabel, .passLabel
{
	position:absolute;
	left:25px;
	font:bold 11px Arial;
	color:white;
	text-transform:uppercase;
}
.UsernLabel{top:148px;}
.passLabel{top:189px;}

img.jvj-gov {
    width: 100%;
    height: auto;
    max-width: 286.5px;  
}

.jcj-img {
    position: absolute;
    bottom: 15px;
    left: 50%;
    margin-left: -143.25px;
}