/* >> viewport position*/
	.viewport {position: relative;}
/* << */

div.prdConfTopShell
{
	margin: 0;
}

div.trailContainer td.tc_wkLink
{
	display: none;
}


#slotMachineActionKeeper
{
	position: absolute;
	left: 0;
	top: 0;
	z-index: 1000000;
	background: #000;
}


/* >> slot machine main bg */
	#slotMachineOuter
	{
		margin: 0 0 1px 0;
		padding: 26px 0 0;
	}
	
/* >> slot machine reset button */
	#slotMachineResetButton
	{
		position: absolute;
		right: 16px;
		top: 2px;
		z-index: 10;
		width: 220px;
		height: 55px;
		background: url(img/shop/de/button_resetConfiguration.png) center no-repeat;
	}
/* << */


/* >> jquery ui tabs Version: rel-1.6rc6*/
	#slotMachineImageMode
	{
		background: url(img/slotMachineDualMode/sm_mainbg.png) left top repeat-x;
		height: 395px;
		border-bottom: 1px solid #fff;
	}
	
	#slotMachineImageMode .ui-tabs
	{
		padding: 0;
	}
	
	#slotMachineImageMode .ui-tabs .ui-tabs-nav
	{
		position: relative;
		padding: 0;
		margin: 0 20px 5px;
	}
	
	#slotMachineImageMode .ui-tabs .ui-tabs-nav li
	{
		float: left;
		list-style: none;
		margin: 0 45px 0 0;
		padding: 0;
		border: 0 !important;
		background: transparent;
		white-space: nowrap;
	}
	
	#slotMachineImageMode .ui-tabs .ui-tabs-nav li.ui-tabs-selected
	{
		position: relative;
		padding-bottom: 2px;
		margin-top: 0;
	}
	
	#slotMachineImageMode .ui-tabs .ui-tabs-nav li a
	{
		display: block;
		text-decoration: none;
		font-weight: bold;
		font-size: 14px;
		color: #5C5C5C;
		padding: 2px 0 0 25px;
		background: url(img/slotMachineDualMode/slotBullet_pass_e.png) left center no-repeat;
	}
	
	#slotMachineImageMode .ui-tabs .ui-tabs-nav li a:hover
	{
		color: #d5232a;
	}
	
	#slotMachineImageMode .ui-tabs .ui-tabs-nav li.ui-tabs-selected a
	{
		color: #d5232a;
		background-image: url(img/slotMachineDualMode/slotBullet_act_s.png);
	}
	
	#slotMachineImageMode .ui-tabs .ui-tabs-nav li a.slotLocked,
	#slotMachineImageMode .ui-tabs .ui-tabs-nav li.ui-tabs-selected a.slotLocked
	{
		background-image: url(img/slotMachineDualMode/slotBullet_locked.png);
	}
	
	#slotMachineImageMode .ui-tabs .slotArrow
	{
		position: absolute;
		width: 20px;
		height: 21px;
		right: -24px;
		top: -4px;
		background-position: center;
		background-repeat: no-repeat;
	}
	
	#slotMachineImageMode .ui-tabs .slotArrowActive
	{
		background-image: url(img/slotMachineDualMode/hereSymbol_small.png);
	}
	
	#slotMachineImageMode .ui-tabs div.ui-tabs-panel
	{
		display: block;
		border: none;
		background: none;
		padding: 0;
		width: 682px;
		height: 340px;
		overflow: auto;
	}
	
	#slotMachineImageMode div.slotTabbedImageModeScrollPane
	{
		padding: 14px;
	}
	
	#slotMachineImageMode div.slotMachineTabbedImageItem
	{
		width: 95px;
		height: 95px;
		background-position: center;
		background-repeat: no-repeat;
		margin: 0 8px 8px 0;
		float: left;
		text-align: center;
		font-size: 11px;
		font-weight: bold;
		cursor: hand;
		cursor: pointer;
	}
	
	#slotMachineImageMode div.slotMachineTabbedImageItemLocked
	{
		opacity: 0.3;
		-moz-opacity: 0.3;
		filter: alpha(opacity=30%);
	}
	
	#slotMachineImageMode div.slotMachineTabbedImageItem div.hereSymbol
	{
		display: none;
		position: absolute;
		right: 8px;
		top: 8px;
		width: 25px;
		height: 26px;
		background: url(img/slotMachineDualMode/hereSymbol.png) center no-repeat;
	}
	
	#slotMachineImageMode div.slotMachineTabbedImageItemHere div.hereSymbol
	{
		display: block;
	}
	
	#itemHoverInfoContainer div.hovertextContainer
	{
		position: absolute;
		left: 0;
		top: 0;
		z-index: 10;
		width: 400px;
		height: 150px;
		background: #fff;
	}
	
	#itemHoverInfoContainer div.hovertextContainer .inner
	{
		padding: 10px 5px 0 17px;
	}
/* << */


/* >> slot machine select mode */
	#slotMachineSelectMode
	{
		position: absolute;
		right: 16px;
		top: 65px;
		width: 240px;
		height: 320px;
	}
	
	#slotMachineSelectMode table.genericConfiguratorShell
	{
	}
	
	#slotMachineSelectMode td
	{
		vertical-align: top;
	}
	
	#slotMachineSelectMode div.slotTitle
	{
		vertical-align: top;
		font-weight: bold;
		padding: 0 0 0 3px;
	}
	
	#slotMachineSelectMode div.slotTitle .arrow
	{
	}
	
	#slotMachineSelectMode div.slotTitle .arrow img
	{
		position: relative;
		top: 3px;
		left: 3px;
		width: 20px;
		height: 21px;
		background-position: center;
		background-repeat: no-repeat;
	}
	
	#slotMachineSelectMode div.slotTitle .arrowActive img
	{
		background-image: url(img/slotMachineDualMode/hereSymbol_small.png);
	}
	
	#slotMachineSelectMode td.bullet
	{
		padding-right: 6px;
	}
	
	#slotMachineSelectMode div.slotBullet
	{
		width: 19px;
		height: 19px;
		background: url(img/slotMachineDualMode/slotBullet_pass_e.png) center no-repeat;
	}

	#slotMachineSelectMode div.slotBulletActive
	{
		background-image: url(img/slotMachineDualMode/slotBullet_act_e.png);
	}
	
	#slotMachineSelectMode td.bullet div.slotLocked
	{
		background-image: url(img/slotMachineDualMode/slotBullet_locked.png);
	}
	
	#slotMachineSelectMode td.selectColumn
	{
		padding-bottom: 8px;
		width: 100%;
	}
	
	#slotMachineSelectMode td.selectColumn select
	{
		width: 215px;
	}
/* << */