﻿div.gameHolder
{
	background-color: #EAEAEA;
	background-image: url('/grafik/pling/inlinegame/topLogo.jpg');
	background-position: top;
	background-repeat: no-repeat;
	font-family: Arial;
    width: 612px;
    margin-bottom:12px;
    
}

div.gameInner
{
	background-image: url('/grafik/pling/inlinegame/bottomBg.png');
	background-position: bottom;
	background-repeat: no-repeat;
}


/* Top */
div.gameHolder div.top
{
	height: 60px;
	width: 612px;
}

div.gameHolder div.top .plingLogo,
div.gameHolder div.top .plingLogo img
{
	border: none;
	display: block;
	height: 50px;
	width: 110px;
}


/* Game */
div.gameHolder div.game
{
	background-image: url('/grafik/pling/inlinegame/gameContentBg.png');
	background-repeat: repeat-y;
	padding: 0 19px;
}

/* gameSwitchHolder */
div.gameSwitchHolder
{
    height: 249px;
    margin: 0;
    width: 574px;
}

div.gameSwitchHolder ul
{
	display: none;
}

div.gameSwitchHolder .plingNewsSwitch
{
	float: left;
    height: 249px;
    overflow: hidden;
    position: relative;
    width: 372px;
}

div.gameSwitchHolder div.image
{
	border: 1px solid #333;
    height: 249px;
    position: absolute;
    overflow: hidden;
    width: 372px;
}

div.gameSwitchHolder div.image img
{
	border: none;
}

div.gameSwitchHolder div.swMenu
{
    background-image: url('/grafik/pling/inlinegame/gameSwitchMenu.png');
    background-repeat: repeat-x;
    bottom: 0;
    color: #fff;
    float: left;
    height: 42px;
    position: absolute;
    overflow: hidden;
    padding-left: 160px;
    width: 212px;
    _bottom: -2px;
}

div.gameSwitchHolder div.swMenu div
{
    background-image: url('/grafik/pling/inlinegame/gameSwitchMenuBg.png');
    background-repeat: no-repeat;
    height: 12px;
    cursor: pointer;
    float: left;
    margin: 15px 0 0 5px;
    width: 12px;
}

div.gameSwitchHolder div.swMenu div.Selected
{
    background-image: url('/grafik/pling/inlinegame/gameSwitchMenuSelBg.gif');
}

div.gameSwitchHolder div.swMenu div span
{
    display: none;
}

div.gameSwitchHolder div.gameText
{
	background-color: #333;
    float: right;
    height: 239px;
    padding: 10px 10px 0;
    position: relative;
    width: 182px;
}

div.club div.gameText
{
    background: #333 url('/grafik/Pling/inlinegame/club.gameswitchholder.jpg') no-repeat left top;
    padding-top: 75px;
    height: 174px;
}

div.gameSwitchHolder div.gameText h1 
{
    color: #fff000;
    font-family: Arial;
    font-size: 18px;
    font-style: normal;
    font-weight: bold;
    line-height: 18px;
    margin: 0 0 10px 0;
    text-transform: uppercase;
}

div.gameSwitchHolder div.gameText h2
{
    color: #ffd200;
    font-family: Arial Black;
    font-size: 11px;
    line-height: 11px;
    text-transform: uppercase;
    _margin: 0;
}

div.gameSwitchHolder div.gameText p
{
    color: #fff;
    font-size: 10px;
    font-weight: bold;
    margin: 5px 0;
}

div.gameSwitchHolder div.gameText .plingReadmore
{
	cursor: pointer;
    height: 30px;
    width: 97px;
}

div.gameSwitchHolder div.gameText .plingReadmore a,
div.gameSwitchHolder div.gameText .plingReadmore a:visited
{
	font-size: 0;
	display: block;
    height: 30px;
    text-indent: -100px;
    overflow: hidden;
    width: 97px;
}

div.gameSwitchHolder div.gameText .startgameBlue
{
    background-image: url('/grafik/pling/inlinegame/btnStartSpillet.png');
}

div.gameSwitchHolder div.gameText .downloadPC
{
    background-image: url('/grafik/pling/inlinegame/btnHentTilPc.png');
}

div.gameSwitchHolder div.gameText .downloadMac
{
    background-image: url('/grafik/pling/inlinegame/btnHentTilMac.png');
}

div.gameSwitchHolder div.gameText .plingRate
{
    background-image: url('/grafik/pling/inlinegame/ratingBg.png');
    background-repeat: no-repeat;
    background-position: center;
    clear: both;
    height: 28px;
    margin-top: 2px;
    position: absolute;
    top: 214px;
    width: 187px;
}

/* Bottom */
div.gameHolder div.gameBottom
{
	background-image: url('/grafik/pling/inlinegame/gameBottomBg.png');
	background-position: top;
	background-repeat: no-repeat;
	height: 130px;
	padding: 10px 20px;
	width: 572px;
}

div.gameHolder div.gameBottom h2
{
	border-bottom: 1px solid #35312B;
	color: #35312B;
	display: block;
	line-height: 20px;
	font-size: 14px;
	font-weight: bold;
	margin: 0 0 10px 0;
	text-transform: uppercase;
	text-align: left;
	width: 572px;
}

/* Related */
div.gameHolder div.gameBottom div.related
{
	height: 60px;
}

div.gameHolder div.gameBottom div.related div.image
{
    background-image: url('/grafik/pling/inlinegame/imageThumbBg.jpg');
    float: left;
    height: 34px;
    margin: 0 5px 0 0;
    width: 35px;
}

div.gameHolder div.gameBottom div.related div.image img
{
	border: none;
	height: 28px;
    margin: 3px 4px;
    width: 28px;
}

div.gameHolder div.gameBottom div.related ul
{
	margin: 0 auto;
	padding: 0;
	width: 552px;
}

div.gameHolder div.gameBottom div.related ul li
{
	float: left;
	height: 50px;
	list-style: none;
	overflow: hidden;
	margin: 0 10px 0 0;
	text-align: left;
	width: 174px;
}

div.gameHolder div.gameBottom div.related ul li.club
{
    background: url('/grafik/Pling/club.logo.krone.png') no-repeat right bottom;
}

div.gameHolder div.gameBottom div.related ul li h3
{
	margin: 0;
	padding: 0;
}

div.gameHolder div.gameBottom div.related ul li h3 a,
div.gameHolder div.gameBottom div.related ul li h3 a:visited
{
	color: #333;
	font-family: Arial;
	font-size: 14px;
	font-style: normal;
	font-weight: bold;
	line-height: 16px;
	text-align: left;
	text-decoration: none;
	text-transform: none;
	margin: 0;
	padding: 0;
}

div.gameHolder div.gameBottom div.related ul li .starbar,
div.gameList ul .bottom .starbar
{
	height: 18px;
	overflow: hidden;
	width: 85px;
}

div.gameHolder div.gameBottom div.related ul li .starbar .outer,
div.gameList ul .bottom .starbar .outer
{
	background: transparent url('/grafik/pling/inlinegame/stars.png') repeat scroll 0 0;
	float: left;
	height: 18px;
	width: 85px;
}

div.gameHolder div.gameBottom div.related ul li .starbar .inner,
div.gameList ul .bottom .starbar .inner
{
	background: transparent url('/grafik/pling/inlinegame/stars.png') repeat scroll 0 -36px;
	float: left;
	height: 18px;
}

/* menu */
/*
div.gameHolder div.gameBottom div.menu
{
	height: 20px;
	margin: 0 auto;
	padding: 5px 10px;
	width: 560px;
}*/
div.gameHolder div.gameBottom div.menu
{
	height: 20px;
	margin: 0 auto;
	padding: 5px 0px;
	width: 580px;
}

div.gameHolder div.gameBottom div.menu ul
{
	margin: 0;
	padding: 0;
}

div.gameHolder div.gameBottom div.menu ul li
{
	float: left;
	list-style: none;
}

div.gameHolder div.gameBottom div.menu a,
div.gameHolder div.gameBottom div.menu a:visited
{
	background-image: url('/grafik/pling/inlinegame/menuSep.gif');
	background-position: right center;
	background-repeat: no-repeat;
	color: #333;
	display: block;
	font-size: 12px;
	font-weight: bold;
	height: 28px;
	line-height: 27px;
	padding: 0 17px 0 11px;
	text-decoration: none;
	_float: left;
}

div.gameHolder div.gameBottom div.menu li.last a,
div.gameHolder div.gameBottom div.menu li.last a:visited
{
	background: none;
}

div.gameHolder div.gameBottom div.menu li.menuSelected 
{
	/*background-image: url('/grafik/pling/menuParentSelectedSub.gif');*/
	
	background-image: url('/grafik/common/menuParentSelectedSub.gif');
	background-position: right center;
	background-repeat: no-repeat;
	padding: 0 7px 0 0;
}

div.gameHolder div.gameBottom div.menu li.menuSelected a,
div.gameHolder div.gameBottom div.menu li.menuSelected a:visited
{
	background-image: url('/grafik/common/menuParentSelectedSub.gif');
	background-position: 0 center;
	background-repeat: no-repeat;
	color: #EFB31F;
	margin-left: -5px;
	padding: 0 5px 0 10px;
	_margin-left: 0;
}


/* RATE / STARBAR */
.starbar a
{
    display: block;
    height: 28px;
    position: absolute;
    text-decoration: underline;
    width: 115px;
}

.largeVoting .starbar .outer
{
    background: url('/grafik/pling/inlinegame/starsLargeGray.png');
    float: left;
    height: 28px;
    width: 115px;
}

.largeVoting .starbar .inner
{
    background: url('/grafik/pling/inlinegame/starsLargeGray.png');
    background-position: 0 -57px;
    float: left;
    height: 28px;
}

.largeVoting .starbar a:hover
{
    background: url('/grafik/pling/inlinegame/starsLargeGray.png');
    background-position: 0 -28px;
}

.largeVoting .starbar a.s1{width: 25px;}
.largeVoting .starbar a.s2{width: 50px;}
.largeVoting .starbar a.s3{width: 70px;}
.largeVoting .starbar a.s4{width: 93px;}
.largeVoting .starbar a.s5{width: 115px;}

.totalRating1
{
    display: none;
}



/* gameList */
div.gameList
{
	padding: 0 0 5px;
    overflow: hidden;
    width: 612px;
}

div.gameList ul
{
    margin: 0 0 10px 10px;
    padding: 0;
    width: 612px;
}

div.gameList ul li
{
    background-image: url('/grafik/pling/inlinegame/gameListBg.png');
    background-repeat: no-repeat;
    float: left;
    height: 136px;
    list-style: none;
    margin: 0 5px 5px 0;
    width: 194px;
}

div.gameList ul .image
{
    height: 42px;
    overflow: hidden;
    width: 194px;
}

div.gameList ul .image img
{
	border: none;
    height: 28px;
    margin: 7px 0 0 9px;
    width: 28px;
}

div.gameList ul .content
{
    margin-top: -40px;
    height: 100px;
    overflow: hidden;
    width: 194px;
}

div.gameList ul .content h3
{
    display: block;
    height: 29px;
    margin: 0;
    padding: 6px 0 0 42px;
    overflow: hidden;
    width: 125px;
}

div.gameList ul .content h3 a,
div.gameList ul .content h3 a:visited
{
	color: #383838;
	font-family: Arial,Verdana,'Trebuchet MS';
	font-size: 12px;
	font-weight: bold;
    line-height: 12px;
    text-decoration: none;
}

div.gameList ul .content p.teaser
{
    margin: 8px 8px;
}

div.gameList ul .content p.teaser a,
div.gameList ul .content p.teaser a:visited
{
	color: #383838;
	font-family: Arial,Verdana,'Trebuchet MS';
	font-size: 11px;
	text-decoration: none;
}

div.gameList ul .bottom
{
    max-height: 37px;
    padding: 0 10px;
    position: static;
    /*overflow: hidden;*/
    width: 173px;
}

div.gameList ul .bottom .plingReadmore
{
    background-image: url('/grafik/pling/inlinegame/btnStartGame.png');
    background-repeat: no-repeat;
    display: block;
    /*float: left;*/
    height: 15px;
    width: 70px;
}

div.gameList ul .bottom .plingReadmore a,
div.gameList ul .bottom .plingReadmore a:visited
{
	display: block;
    height: 15px;
    width: 70px;
}

div.gameList ul .bottom .plingReadmorePC
{
    background-image: url('/grafik/pling/inlinegame/btnDownloadBlueSmall.png');
    background-repeat: no-repeat;
    display: block;
    /*float: left;*/
    height: 15px;
    margin-bottom: 1px;
    width: 70px;
}

div.gameList ul .bottom .plingReadmorePC a,
div.gameList ul .bottom .plingReadmorePC a:visited
{
	display: block;
    height: 15px;
    width: 70px;
}

div.gameList ul .bottom .plingReadmoreMAC
{
    background-image: url('/grafik/pling/inlinegame/btnDownloadGreenSmall.png');
    background-repeat: no-repeat;
    display: block;
    /*float: left;*/
    height: 15px;
    width: 70px;
}

div.gameList ul .bottom .plingReadmoreMAC a,
div.gameList ul .bottom .plingReadmoreMAC a:visited
{
	display: block;
    height: 15px;
    width: 70px;
}

div.gameList ul .bottom .buttons
{
    height: 30px;
    float: left;
    width: 70px;
}

div.gameList ul .bottom .download
{
    background-image: url('/grafik/pling/inlinegame/btnDownloadBlue.png');
}

div.gameList ul .bottom .plingRate
{
    float: right;
}

div.gameList ul .bottom .category
{
    clear: both;
    height: 15px;
}

div.gameList ul .bottom .category p
{
    color: #007eff;
    display: inline;
    font-size: 10px;
    font-weight: bold;
    margin: 0;
}

div.gameList ul .bottom .category p.mac
{
    color: #339933;
}

/* LARGE IMAGE */
.gameList li.large
{
    background-image: url('/grafik/Pling/inlinegame/sectionLiBgLargeImage.png');
    height: 174px;
    margin: 0;
    padding: 12px 13px;
    position: relative;
    width: 172px;
}

.gameList li.largeNew
{
    background-image: url('/grafik/Pling/inlinegame/sectionLiBgLargeImageNew.png');
}

.gameList li.clubLarge
{
    background-image: url('/grafik/Pling/inlinegame/club.sectionlargeimage.png');
}

.gameList li.club
{
    background-image: url('/grafik/Pling/inlinegame/club.gameListBg.png');
}

.gameList li.large div.image,
.gameList li.large div.image img
{
    height: 90px;
    margin: 0;
    width: 90px;
}

.gameList li.large div.content
{
    height: 69px;
    margin: 5px 0 0px 0;
    width: 173px;
}

.gameList li.large div.content h3
{
    height: auto;
	padding: 0;
	width: auto;
}

.gameList li.large div.content h3 a,
.gameList li.large div.content h3 a:visited
{
	font-size: 14px;
	line-height: 14px;
}

.gameList li.large div.content p
{
	margin: 0;
}

.gameList li.large div.content p a,
.gameList li.large div.content p a:visited
{
	font-size: 10px;
}

.gameList li.large div.bottom
{
	max-height: 50px;
    padding: 0;
    position: absolute;
    right: 5px;
    top: 50px;
    width: 80px;
}

.gameList li.clubLarge div.bottom
{
    top: 62px;
}

.gameList li.large div.bottom div.buttons
{
	float: none;
	height: auto;
	margin: 0 0 3px 0;
	width: auto;
}

.gameList li.large div.bottom div.buttons div
{
    margin-bottom: 2px;
}

.gameList li.large div.bottom div.plingRate
{
    float: none;
}

.gameList li.large div.bottom div.plingRate .starbar .outer,
.gameList li.large div.bottom div.plingRate .starbar .inner
{
    background-image: url('/grafik/Pling/largeImageStars.png');
}

.gameList li.large div.bottom div.plingRate .starbar .inner
{
    background-position: 0 -35px;
}








