/* ------------------->>> Button Styles <<<-----------------------*/
button {
	position: relative;
	border: 0; 
	padding: 0;
	cursor: pointer; 
	overflow: visible; /* removes extra side padding in IE */
}
button span { 
	display: block;
	position: relative;  
	white-space: nowrap;
	text-decoration: none;
}
button::-moz-focus-inner {
	border: none;  /* overrides extra padding in Firefox */
}
@media screen and (-webkit-min-device-pixel-ratio:0) {
	/* Safari and Google Chrome only - fix margins */
	button span {
		margin-top: -1px;
	}
}



.button {
	cursor: pointer; 
	display: inline-block;
	margin: 0px;
	padding: 0px;
	text-decoration: none;
}
.button span { 
	display: block; 	
	width: auto; 
	margin: 0px;
}
.button:hover {
	text-decoration: none;
}

.button.black {
	cursor: default;
	text-align: left;
	padding-right: 20px;
	background: url(../images/slidingDoors/btn-black-right.png) right no-repeat;	
}
.button.black span {
	font-size: 20px;
	font-weight: bold;
	height: 30px;
	line-height: 30px; 
	color: #dddee1;
	padding-left: 7px;
	padding-right: 3px;
	text-transform: uppercase;
	background: url(../images/slidingDoors/btn-black-left.png) left no-repeat;
}
/*.button.black:hover span {
	color: #FFD84F;
}*/


.button.blue {
	text-align: left;
	padding-right: 11px;
	background: url(../images/slidingDoors/btn-blue-right.png) right no-repeat;	
}
.button.blue span {
	font-size: 11px;
	height: 17px;
	font-weight: normal;
	text-align: center;
	line-height: 16px; 
	color: white;
	padding-left: 7px;
	padding-right: 5px;
	background: url(../images/slidingDoors/btn-blue-left.png) left no-repeat;
}
.button.blue:hover span {
	color: #7695a3;
}


.button.blue-flipped {
	text-align: left;
	padding-right: 5px;
	background: url(../images/slidingDoors/btn-blue-flipped-right.png) right no-repeat;	
}
.button.blue-flipped span {
	font-size: 11px;
	height: 17px;
	font-weight: normal;
	line-height: 16px; 
	text-align: center;
	color: white;
	padding-left: 20px;
	padding-right: 2px;
	background: url(../images/slidingDoors/btn-blue-flipped-left.png) left no-repeat;
}
.button.blue-flipped:hover span {
	color: #7695a3;
}


.button.submenu {
	text-align: left;
	padding-right: 5px;
	background: url(../images/slidingDoors/btn-submenu-right.png) 0px -100px no-repeat;	
}
.button.submenu:hover, .button.submenu.active {
	background-position: top right;	
}
.button.submenu span {
	font-size: 16px;
	font-weight: normal;
	height: 20px;
	line-height: 18px; 
	color: #185f80;
	padding-left: 6px;
	padding-right: 1px;
	background: url(../images/slidingDoors/btn-submenu-left.png)  0px -100px no-repeat;
}
.button.submenu:hover span, .button.submenu.active span {
	color: white;
	background-position: top left;
}


.button.blue-big {
	text-align: left;
	padding-right: 18px;
	background: url(../images/slidingDoors/btn-blue-big-right.png) right no-repeat;	
}
.button.blue-big span {
	font-size: 12px;
	height: 26px;
	font-weight: bold;
	line-height: 26px; 
	color: white;
	padding-left: 18px;
	padding-right: 0px;
	background: url(../images/slidingDoors/btn-blue-big-left.png) left no-repeat;
}
.button.blue-big:hover span {
	color: #7695a3;
}


.button.play {
	text-align: left;
	padding-right: 5px;
	background: url(/static/frontend/images/slidingDoors/btn-play-right.png) top right no-repeat;	
}
.button.play.inverted {
	background-position: bottom right;
}
button.button.play {
	padding-right: 3px;
	background: url(/static/frontend/images/slidingDoors/btn-submit-play-right.png) top right no-repeat;	
}
.button.play:hover {
	background-position: bottom right;
}
.button.play.inverted:hover {
	background-position: top right;
}
button.button.play:hover {
	background: url(/static/frontend/images/slidingDoors/btn-submit-play-right-over.png) top right no-repeat;	
}
	.button.play span {
		font-size: 11px;
		height: 27px;
		font-weight: bold;
		line-height: 26px; 
		color: white;
		padding-left: 14px;
		padding-right: 9px;
		background: url(/static/frontend/images/slidingDoors/btn-play-left.png) top left no-repeat;
	}
	.button.play.inverted span {
		background-position: bottom left;
	}
	button.button.play span {
		background: url(/static/frontend/images/slidingDoors/btn-submit-play-left.png) top left no-repeat;	
	}
	.button.play:hover span {
		background-position: bottom left;
	}
	.button.play.inverted:hover span {
		background-position: top left;
	}
	button.button.play:hover span {
		background: url(/static/frontend/images/slidingDoors/btn-submit-play-left-over.png) top left no-repeat;	
	}


.button.red-big {
	text-align: left;
	padding-right: 4px;
	background: url(/static/frontend/images/slidingDoors/btn-red-big-right.png) top right no-repeat;	
}
.button.red-big.inverted {
	background-position: bottom right;
}
button.button.red-big {
	padding-right: 4px;
	background: url(/static/frontend/images/slidingDoors/btn-red-big-right.png) top right no-repeat;	
}
.button.red-big:hover {
	background-position: bottom right;
}
.button.red-big.inverted:hover {
	background-position: top right;
}
button.button.red-big:hover {
	background: url(/static/frontend/images/slidingDoors/btn-red-big-over-right.png) top right no-repeat;	
}
	.button.red-big span {
		font-size: 12px;
		height: 37px;
		font-weight: bold;
		line-height: 36px; 
		color: white;
		padding-left: 18px;
		padding-right: 12px;
		background: url(/static/frontend/images/slidingDoors/btn-red-big-left.png) top left no-repeat;
	}
	.button.red-big.inverted span {
		background-position: bottom left;
	}
	button.button.red-big span {
		background: url(/static/frontend/images/slidingDoors/btn-red-big-left.png) top left no-repeat;	
	}
	.button.red-big:hover span {
		background-position: bottom left;
	}
	.button.red-big.inverted:hover span {
		background-position: top left;
	}
	button.button.red-big:hover span {
		background: url(/static/frontend/images/slidingDoors/btn-red-big-over-left.png) top left no-repeat;	
	}    

.button.green {
	text-align: left;
	padding-right: 5px;
	background: url(/static/frontend/images/slidingDoors/btn-green-right.png) top right no-repeat;	
}
.button.green.inverted {
	background-position: bottom right;
}
button.button.green {
	padding-right: 3px;
	background: url(/static/frontend/images/slidingDoors/btn-submit-green-right.png) top right no-repeat;		
}
.button.green:hover {
	background-position: bottom right;
}
.button.green.inverted:hover {
	background-position: top right;
}
button.button.green:hover {
	background: url(/static/frontend/images/slidingDoors/btn-submit-green-right-over.png) top right no-repeat;		
}
	.button.green span {
		font-size: 11px;
		height: 27px;
		font-weight: bold;
		line-height: 26px; 
		color: white;
		padding-left: 14px;
		padding-right: 9px;
		background: url(/static/frontend/images/slidingDoors/btn-green-left.png) top left no-repeat;
	}
	.button.green.inverted span {
		background-position: bottom left;
	}
	button.button.green span {
		background: url(/static/frontend/images/slidingDoors/btn-submit-green-left.png) top left no-repeat;	
	}
	.button.green:hover span {
		background-position: bottom left;
	}
	.button.green.inverted:hover span {
		background-position: top left;
	}
	button.button.green:hover span {
		background: url(/static/frontend/images/slidingDoors/btn-submit-green-left-over.png) top left no-repeat;	
	}

    
    #remove-info {
        position: absolute;
        z-index: 99999;
        width: 105px;
        height: 26px;
        line-height: 25px;
        color: #ffffff;
        background: url(/static/frontend/images/notifications/tooltip.png) no-repeat top left;
        
    }
	
	
/* Table heads: */
.button.table {
	display: table-cell;
	cursor: default;
	text-align: left;
	width: 100%;
	padding-right: 3px;
	background: url(/static/frontend/images/slidingDoors/table-head1-right.png) top right no-repeat;	
}
	.button.table span {
		font-size: 12px;
		line-height: 1.1em;
		font-weight: bold;
		color: white;
		text-align: left;
		padding-left: 14px;
		padding-right: 0px;
		padding-top: 7px;
		height: 32px;
		background: url(/static/frontend/images/slidingDoors/table-head1-left.png) top left no-repeat;
	}
	table.small-font .button.table span {
		padding-left: 5px;
	}
	table.small-font .button.table span {
		font-size: 11px;
	}
	.button.table.one span {
		padding-top: 13px;
		height: 25px;
	}
.button.table-head2 {
	background-image: url(/static/frontend/images/slidingDoors/table-head2-right.png);
}
	.button.table-head2 span {
	background-image: url(/static/frontend/images/slidingDoors/table-head2-left.png);
	}
.button.table-head3 {
	background-image: url(/static/frontend/images/slidingDoors/table-head3-right.png);
}
	.button.table-head3 span {
	background-image: url(/static/frontend/images/slidingDoors/table-head3-left.png);
	}
.button.table-head4 {
	background-image: url(/static/frontend/images/slidingDoors/table-head4-right.png);
}
	.button.table-head4 span {
	background-image: url(/static/frontend/images/slidingDoors/table-head4-left.png);
	}
.button.table-head4 {
	background-image: url(/static/frontend/images/slidingDoors/table-head5-right.png);
}
	.button.table-head4 span {
	background-image: url(/static/frontend/images/slidingDoors/table-head5-left.png);
	}


/* -----------------> BOXES <--------------------------------*/
.box.rightbox {
	position: relative;
	width: 256px;
	margin-bottom: 9px;
}
	.box.rightbox .header {
		position: relative;
		height: 65px;
		background: url(/static/frontend/images/slidingDoors/bg-rightbox-header.png) no-repeat top left;
	}
		.box.rightbox .header span {
			display: block;
			position: absolute;
			bottom: 0;
			left: 0;
			width: 100%;
			height: 100%;
		}
		.box.rightbox#offers .header span {
			background: url(/static/frontend/images/common/ico-offers.png) no-repeat bottom left;
		}
		.box.rightbox#top-casinos .header span {
			background: url(/static/frontend/images/common/ico-top-casinos.png) no-repeat bottom left;
		}
		.box.rightbox#pop .header span {
			background: url(/static/frontend/images/common/ico-pop.png) no-repeat bottom left;
		}
		.box.rightbox .header h3 {		
			text-align: left;
			margin-left: 74px;
			color: white;
			font-family: WhitneyHTFSemiCondensedBold;
			font-size: 24px;
			text-shadow: #153321 0 2px 1px;
			height: 100%;
			line-height: 58px;
		}
	.box.rightbox .top {
		background: url(/static/frontend/images/slidingDoors/bg-rightbox-top.jpg) no-repeat top left;
	}
	.box.rightbox .bottom {
		color: #e7e7e7;
		padding: 21px 15px 15px 15px;
		background: url(/static/frontend/images/slidingDoors/bg-rightbox-bottom.jpg) no-repeat bottom left;		
	}
	/* Rightbox specific content elems: */
		/*.box.rightbox#offers .bottom h4 {
			font-size: 20px;
			color: white;
			font-weight: bold;
			margin-top: 12px;
			margin-bottom: 4px;
		}
		.box.rightbox#offers .bottom p {
			margin-bottom: 16px;
		}
		.box.rightbox#offers .bottom .winners-nav {
			padding-top: 12px;
			padding-bottom: 4px;
			background: url(/static/frontend/images/common/bg-horizontal-line.png) repeat-x top left;
		}*/
			/*.circle {
				float: left;
				display: block;
				width: 15px;
				height: 15px;
				margin-left: 2px;
				background: url(/static/frontend/images/common/ico-circle.png) no-repeat top center;
			}
			.circle:hover, .circle.active {
				text-decoration: none;
				background-position: bottom center;
			}*/
            
            
/* Slider */
#slideshow-holder{
	
}



		
	#slider {
		width: 100%;
		position: relative;
		z-index: 0;
       
        
	}

	.slides_container {
		position: relative;
		overflow: hidden;
       
	}
    
    
            
            #slideshow-holder .slides_container h4{
                font-size: 20px;
                color: white;
                font-weight: bold;
                margin-top: 12px;
                margin-bottom: 4px;
                
            }
            #slideshow-holder .slides_container h4.no-img{
                 margin-top: 0;
            }
            #slideshow-holder .slides_container p{
                margin-bottom: 16px;
                position: absolute; 
                top: 200px; 
                left: 0;
                
            }
            #slideshow-holder .slides_container p.no-img{
                margin-bottom: 16px;
                position: absolute; 
                left: 0;
                top: 21px; 
                width: 225px;
               
                
            }
            #slideshow-holder .slides_container .winners-nav{
                position: absolute; 
                bottom: 10px; 
                left: 0;
                padding-top: 12px;
                width: 225px;
                background: url(/static/frontend/images/common/bg-horizontal-line.png) repeat-x top left;
                
            }
	

	ul.pagination {
		display: block;
		list-style-type: none;
		position: absolute;
		right: 0;
		bottom: 6px;
		
		height: 17px;
		z-index: 9999;
	}
	
	ul.pagination li {
		float: left;
		z-index: 9999;
		position: relative;
	}

		ul.pagination li a {
			width: 15px;
			height: 15px;
			float: left;
			text-indent: 999px;
			overflow: hidden;
			margin-right: 1px;
			background: url(/static/frontend/images/common/ico-circle.png) no-repeat top center;
		}
		
		ul.pagination li.current a {
			width: 15px;
			height: 15px;
			float: left;
			text-indent: 999px;
			overflow: hidden;
			background: url(/static/frontend/images/common/ico-circle.png) no-repeat bottom center;
		}	

            
            
			
.box.welcome {
	width: 658px;
	margin-bottom: 15px;
}
    .box.welcome .link-green a:link, .box.welcome .link-green a:visited{
        color: #214d25;
        font-size: 14px;
    }
    #overview a:link, #overview a:visited{
        color: #214d25;
    }

	.box.welcome .top {
		height: 5px;
		background: url(/static/frontend/images/slidingDoors/box-welcome-top.png) no-repeat top left;
	}
	.box.welcome .middle {
		padding: 10px 10px 4px 13px;
		background: url(/static/frontend/images/slidingDoors/box-welcome-middle.png) repeat-y bottom left;
	}
	.box.welcome .bottom {
		height: 5px;
		background: url(/static/frontend/images/slidingDoors/box-welcome-bottom.png) no-repeat bottom left;
	}
			
.box.huge-submenu {	
	position: absolute;
	z-index: 100;
	right: 0;
	top: 158px;
	width: 790px;
	margin-right: -10px;
}

#sub3.box.huge-submenu {	
	position: absolute;
	z-index: 100;
	right: 268px;
	top: 158px;
	width: 213px;
	/*margin-right: -10px;*/
}
	.box.huge-submenu .middle {
		padding: 16px 21px 5px 28px;
		background: url(/static/frontend/images/slidingDoors/box-huge-submenu-middle.png) repeat-y top left;
	}
        #sub3.box.huge-submenu .middle  {	
            padding: 16px 28px 5px 28px;
            background: url(/static/frontend/images/slidingDoors/box-little-submenu-middle.png) repeat-y top left;
        }
		.box.huge-submenu .middle .game-site-wrapper {			
		}
			.box.huge-submenu .middle .game-site-vertical-wrapper {
				float: left;
				width: 165px;
				height: 100%;
				padding-right: 14px;
				margin-right: 12px;
				border-right: 1px dashed #337e3e;
			}
			.box.huge-submenu .middle .game-site-vertical-wrapper.last {
				padding-right: 0;
				margin-right: 0;
				border-right: none;
			}
				.box.huge-submenu .middle .game-site {
					height: 80px;
					padding-bottom: 16px;
					margin-bottom: 16px;
					border-bottom: 1px dashed #337e3e;
				}
                
                #sub3.box.huge-submenu .middle .game-site1 {
					padding-bottom: 5px;
					margin-bottom: 5px;
					border-bottom: 1px dashed #337e3e;
				}
				.box.huge-submenu .middle .game-site.last {
					border-bottom: none;
				}
                    #sub3.box.huge-submenu .middle .game-site1.last {
                        border-bottom: none;
                    }
					.box.huge-submenu .middle .game-site .site-link, .box.huge-submenu .middle .game-site1 .site-link {	
						display: block;
						font-size: 16px;
						font-weight: bold;
						color: #fdfdfd;
						padding: 0 9px;
						margin: 3px 0;
					}
                    .box.huge-submenu .middle .game-site1 .site-link{
                        font-size: 12px;
                        font-weight: normal;
                    }
					.box.huge-submenu .middle .game-site .game-link-wrapper , .box.huge-submenu .middle .game-site1 .game-link-wrapper {
						margin-top: 6px;
					}
						.box.huge-submenu .middle .game-site .game-link, .box.huge-submenu .middle .game-site1.game-link {
							display: block;
							color: #fdfdfd;
							height: 18px;
							line-height: 18px;
							padding: 0 9px;
							padding-left: 23px;
							margin: 2px 0;
							background: url(/static/frontend/images/common/ico-arrow-white.png) no-repeat 9px 50% transparent;
						}
						.box.huge-submenu .middle .game-site .game-link:hover,.box.huge-submenu .middle .game-site1 .game-link:hover,
						.box.huge-submenu .middle .game-site .game-link.active , .box.huge-submenu .middle .game-site1 .game-link.active {
							text-decoration: none;
							background-color: #2c6e36;
						}
		.game-jackpot {
			width: 100%;
			/*height: 83px;*/
            height: 123px;
			margin-top: 17px;
			background: url(/static/frontend/images/common/bg-game-jackpot.png) no-repeat top left;
		}
			.game-jackpot .game-ico {
				display: block;
				color: black;
				font-size: 24px;
				font-weight: bold;
				color: black;
				height: 100%;
                line-height: 122px;
                padding-left: 162px;
				/*line-height: 82px;*/
				/*padding-left: 132px;*/
				/*background: url(/static/frontend/images/common/ico-queen-pyramid.jpg) no-repeat 10px 50%;*/
			}
	.box.huge-submenu .bottom {
		height: 18px;
		background: url(/static/frontend/images/slidingDoors/box-huge-submenu-bottom.png) no-repeat bottom left;
	}
    
    #sub3.box.huge-submenu .bottom {
		height: 18px;
		background: url(/static/frontend/images/slidingDoors/box-little-submenu-bottom.png) no-repeat bottom left;
	}


/* -----------------> FORM INPUTS <--------------------------*/
.text-input, .select-input {
	float: right;
	display: inline-block;
	font-size: 11px;
	color: #777777;
	height: 22px;
	padding-left: 4px;
	border: 1px solid #b4bdbd;
}
.select-input {
	height: 24px;
	padding-top: 3px;
	padding-bottom: 4px;
	padding-right: 4px;
}
.text-input.small {
	width: 160px;		
}
.select-input.small {
	width: 166px;
	padding-left: 4px;	
}
.select-input.small.date {
	padding-left: 0px;
}
.text-input.medium {
	width: 190px;	
}
.text-input.large {
	width: 320px;		
}
.select-input.large {
	width: 326px;
	padding-left: 4px;	
}
.text-input.xl {
	width: 550px;		
}

textarea.text-area {
	float: right;
	display: inline-block;
	height: 108px;
	font-size: 11px;
	color: #777777;
	padding: 4px 7px;
	border: 1px solid #b4bdbd;
}
.text-area.medium  {
	width: 182px;	
}
.text-area.large {
	width: 310px;	
}

.text-input:focus, .select-input:focus, .text-area:focus {
	border: 1px solid #76dcd9;
}

/* Errors: */
/*.ctrlHolder.error .text-input, .ctrlHolder.error .select-input,  .ctrlHolder.error .text-area {
	border: 1px solid #cf4720;
}*/


* html button { 
	width: auto; 
	position: relative;
}

* html button span { 
}

*:first-child+html button { 
	width: auto; 
	overflow: visible; 
}
 /*FOR IE7*/
*:first-child+html button{ 
	/*margin-top: -2px;*/
}
 /*FOR IE7*/
*:first-child+html button span{ 
	/*margin-top: 0px;*/
}