body {background: #1a1a1a;}
body, div, div#section, article {font-family: 'Trebuchet MS', Helvetica, sans-serif;}
a,a:visited {text-decoration: none; font-family: 'Trebuchet MS', Helvetica, sans-serif; outline: none;}

/************************************************/
.pr {position: relative;}
.ti {text-indent: -9999px;}
/************************************************/

.none {
    display: none;
}


#login-form,
a#login,a#logout,a#lobby,
#login-form input#submit,
a#close,
div#banner ol li
{
	background: #202020;
	background: -moz-linear-gradient(#2a2a2a, #151515);
	background: -ms-linear-gradient(#2a2a2a, #151515);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #2a2a2a), color-stop(100%, #151515));
	background: -webkit-linear-gradient(#2a2a2a, #151515);
	background: -o-linear-gradient(#2a2a2a, #151515);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#2a2a2a', endColorstr='#151515');
	-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr='#2a2a2a', endColorstr='#151515')";
	background: linear-gradient(#2a2a2a, #151515);
}

input#submit {
	background-position: 0px -25px;
	text-transform: uppercase;
}

a#login:hover,a#logout:hover,
#login-form div#submit:hover,
div#banner ol li:hover,
div#banner ol li.active
{
	border: 1px solid #000; border-top: 1px solid #2b2b2b;
	background: #2a2a2a;
	background: -moz-linear-gradient(#151515, #2a2a2a);
	background: -ms-linear-gradient(#151515, #2a2a2a);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #151515), color-stop(100%, #2a2a2a));
	background: -webkit-linear-gradient(#151515, #2a2a2a);
	background: -o-linear-gradient(#151515, #2a2a2a);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#151515', endColorstr='#2a2a2a');
	-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr='#151515', endColorstr='#2a2a2a')";
	background: linear-gradient(#151515, #2a2a2a);
}

div#header div#main,div#header_mini div#main {z-index: 10000;width: 960px; margin: 0 auto; position: relative;}
div#header div h1,div#header_mini div h1 {position: absolute; top: 0; left: 0;}

a.home {
    display: block;
    height: 32px;
    left: -196px;
    position: absolute;
    top: 15px;
    width: 32px;
}
div#header_mini a.home{
	 left: -385px;
}

div.lang-h {
    left: -161px;
    position: absolute;
    top: 20px;
    width: 145px;
}
div#header_mini div.lang-h{
	left: -353px;
}
div.lang {display: inline-block;}

div.inner-h {position: absolute; top: 40px; left: 730px; width: 220px;}
div#header_mini div.inner-h{
	top: -3px;
}
div.inner-h p {
    left: -160px;
    margin-top: 53px;
    position: absolute;
    width: 315px;
}

div#header_mini div.inner-h p {
    left: -280px;
    margin-top: 20px;
}

	a#login,a#logout,a#lobby {
		text-transform:uppercase;
		position: inherit; top: 10px; right: 10px; font-weight: bold;
		display: inline-block; padding: 10px 0; width: 100px; text-align: center;
		border: 1px solid #000;	border-bottom: 1px solid #2b2b2b; border-radius: 5px;		
	}

	a#close {
		position: absolute; top: 14px; left: 12px;
		font-size: 10px;
		border: 1px solid #000; font-weight: bold;
		border-radius: 15px; text-align: center;
		padding: 8px 9px;
	}
	
#login-form {
	padding-top: 65px; height: 125px; 
	border: 1px solid #2b2b2b;
	border-radius: 10px;
}

#login-form div.f1, #login-form div.f2 {
    background: none repeat scroll 0 0 #292929;
    border: 1px solid #2E2B2B;
    border-radius: 5px 5px 5px 5px;
    margin: 0 10px 15px 12px;
    padding: 3px;
}

#login-form label {
 		font-size: 12px;
    margin-left: 5px;
}

#login-form span {
	display: inline-block;
	padding-left: 10px;
	width: 70px; font-size: 12px;
}

#login-form input {
	display: inline-block; border: 0;
	width: 110px; outline: none;
	background: transparent;
	font-size: 12px; padding: 0;
	margin-left: 5px;
}

#login-form div.f4 {
    bottom: 10px;
    position: absolute;
    right: 27px;
    width: 100px;
}
#login-form div.f4 input {
	border: 1px solid #000;
	border-bottom: 1px solid #2b2b2b;
	border-radius: 5px 5px 5px 5px;
	font-weight: bold; cursor: pointer; display: block; padding: 10px 40px;
	background: transparent url(arrow-submit.png) no-repeat right;
}

div#section.main #game-h {width: 580px; margin: 0 auto;}
ul#menu {width: 940px; margin: 50px auto 0; position: relative;}

ul#menu li#b1 {}
ul#menu li#b2 {}
ul#menu li#b3 {}
ul#menu li#b4 {}
ul#menu li#b5 {}


div#banner {
	width: 940px; height: 220px;
	margin: 0 auto; overflow: hidden;
	border: 1px solid #000; border-radius: 10px;
}

div#banner ul {
	display: block;
	height: 190px;
	padding: 5px 5px 0;
}

div#banner ol {padding: 2px 10px 0 10px; text-align: right;}
div#banner ol li {
	display: inline-block; 
	margin: 0 2px;	
	font-weight: bold;
	padding: 4px 7px;
	border: 1px solid #000;
	border-radius: 15px;
	font-size: 10px;
	cursor: pointer;
}

/*div#banner ul li {float: left;}*/


ul#menu li a {width: 230px; height: 236px; text-indent: -9999px; opacity: 0;}

div#footer div {
	width: 940px;
	margin: 0 auto;
	border-top: 1px dotted #2d2d2d;
	padding-top: 20px;
	padding-bottom: 10px;
	text-align: center;
}

img#loginind{
    float: right;
    left: 82px;
    margin-right: 20px;
    position: absolute;
    top: 13px;
}

div#box.slots { width: 950px; margin: 0 auto; background: transparent; min-height:500px }

div#box.slots div.menu  { /*padding-top:20px;*/ margin-bottom:5px; text-align:center; }
div#box.slots div.cats  { /*padding-top:20px;*/ margin-bottom:5px; text-align:center; }
div#box.slots div.cats a { display:inline-block; margin:5px 20px; font-size:19px; text-decoration:none; color: #999; }
div#box.slots div.menu a { display:inline-block; margin:5px 0px; font-size:19px; text-decoration:none; color: #999; }
div#box.slots div.games  {  text-align:left; }
div#box.slots div.games div { display:inline-block;  width:215px; height:200px;  color: #bbb; font-size:12px; text-align:center;  }
div#box.slots div.games div img { border: 1px solid #444444; display:block; margin:0 auto 7px auto; height:125px; width:188px; }
div#box.slots div.games div a { color: #bbb; text-decoration:none; }
div#box.slots div.games div a.options { font-size:10px; }
div#box.slots div.games div a:hover { color:#FF0000; }
div#box.slots div.games div a:hover img { border: 1px solid #FF0000; }
div#box.slots div.games div a span { display:block; }
div#box.slots div.games div a:hover span { color:#FF0000; }

#ifholder {position:absolute;  top: 50px; left:0px; right:0px; bottom:5px;}

div#box.slots div.cats2 {
    margin-bottom: 0;
    padding-top: 0;
    text-align: center;
}
div#box.slots div.cats2 a {
    color: #999999;
    display: inline-block;
    font-size: 19px;
    margin: 5px 20px;
    text-decoration: none;
}
div#box.slots div.cats2 a.selected {
    color: #C30300;
}

div.games {background: url(pattern.jpg); border: 1px dashed #404040;}

.cats a, .cats2 a, .menu a {
	display: inline-block; padding: 3px 7px;
	border: 1px solid #000; background: #0e0e0e;
	border-radius: 5px;
} 

.cats a:hover, .cats2 a:hover, .menu a:hover {background: #262626;}


a#bellugo_lobby,a#bellugo_download {
	text-transform:uppercase;
	position: inherit; top: 10px; right: 10px; font-weight: bold;
	display: inline-block; padding: 10px 0; width: 100px; text-align: center;
	border: 1px solid #000;	border-bottom: 1px solid #2b2b2b; border-radius: 5px;
	background: #202020;
	background: -moz-linear-gradient(#2a2a2a, #151515);
	background: -ms-linear-gradient(#2a2a2a, #151515);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #2a2a2a), color-stop(100%, #151515));
	background: -webkit-linear-gradient(#2a2a2a, #151515);
	background: -o-linear-gradient(#2a2a2a, #151515);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#2a2a2a', endColorstr='#151515');
	-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr='#2a2a2a', endColorstr='#151515')";
	background: linear-gradient(#2a2a2a, #151515);
	color:red;
	text-decoration: none;
	margin-top:10px;
	margin-bottom:10px;
	padding: 10px;
}

div#bellugoinstructions{
	margin-top:50px;
	width:800px;font-size:15px;padding:30px;
	color:white;
}
h3.notification {
    border: 2px solid #000;
    padding: 5px;
    background-color: #1e2021;
    font-weight: 100;
    font-size: 18px;
    color: #999;
}
#iframe { background:black; height:100%; width:100%; overflow-x: hidden; z-index: 0;}


h3.notification {
    border: 2px solid #000;
    padding: 5px;
    background-color: #1e2021;
    font-weight: 100;
    font-size: 18px;
}


#exception-notification {
    color: #AE0000;
    margin-top: 100px;
    text-align: center;
    padding-top: 10px;
    
    background: #c1c1c1; /* Old browsers */
    background: -moz-linear-gradient(top,  #c1c1c1 5%, #999999 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(5%,#c1c1c1), color-stop(100%,#999999)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  #c1c1c1 5%,#999999 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  #c1c1c1 5%,#999999 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  #c1c1c1 5%,#999999 100%); /* IE10+ */
    background: linear-gradient(to bottom,  #c1c1c1 5%,#999999 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#c1c1c1', endColorstr='#999999',GradientType=0 ); /* IE6-9 */
}
#exception-notification div.wrap{
    /*width: 500px;*/
    margin-bottom: 10px;
    padding: 0px;
/*border: 0px solid red;*/
}
#exception-notification div.wrap h3{
    color: #AE0000;
    font-size: 20px;
    text-align: center;
}
#exception-notification div.wrap p.error{
    color: #AE0000;
    color: black;
    font-size: 16px;
    text-align: center;
}
#exception-notification div.big{
    height: 54px;
    /*padding-top: 10px;*/
}
#exception-notification div.wrap a.button{
    
    background: #3e3e3e; /* Old browsers */
    background: -moz-linear-gradient(top,  #3e3e3e 4%, #1e2021 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(4%,#3e3e3e), color-stop(100%,#1e2021)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  #3e3e3e 4%,#1e2021 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  #3e3e3e 4%,#1e2021 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  #3e3e3e 4%,#1e2021 100%); /* IE10+ */
    background: linear-gradient(to bottom,  #3e3e3e 4%,#1e2021 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#3e3e3e', endColorstr='#1e2021',GradientType=0 ); /* IE6-9 */

    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;    
    
    font-size: 14px;
    padding: 8px 20px;
    text-decoration: none;
    font-weight: bold;
    color: #AE0000;

}