/*=========================================================


	Site Name   Sony mylo
	File Name   games.css


	Create Date 2008/04/28
	Update Date 2008/09/22


==========================================================*/

/*----------------------------------------------------------

	Module Top Style Sheet

-----------------------------------------------------------*/

body.games div#container div#gameContents {
	margin: 30px 0 0;
}

body.games div#container div#gameContents div#newGame {
	padding: 25px;
	border-bottom: 1px solid #e3e3e3;
	background: #f9f9f9 url(../../Games/Images/cont_top_bg.gif) top center no-repeat;
}

body.games div#container div#gameContents div#otherGames {
	padding: 25px;
	background: #f9f9f9 url(../../Games/Images/cont_bottom_bg.gif) bottom center no-repeat;
}

	body.games div#container div#gameContents dl {

	}

		body.games div#container div#gameContents dl dt {
			margin: 0 0 10px;
			font-weight: bold;
		}

		body.games div#container div#gameContents dl dd {
			font-size: 80%;
		}

		body.games div#container div#gameContents dl dd.gameImg {
			margin: 0 0 10px;
		}

			body.games div#container div#gameContents dl dd ul {
				margin: 10px 0 0;
			}

	body.games div#container div#gameContents dl.newGame01 {
		width: 337px;
		float: left;
	}

	body.games div#container div#gameContents dl.newGame02 {
		width: 337px;
		float: right;
	}

		body.games div#container div#gameContents dl.newGame01 dt span img ,
		body.games div#container div#gameContents dl.newGame02 dt span img {
			margin: 0 0 0 10px;
			vertical-align: middle;
		}

		body.games div#container div#gameContents dl.newGame01 dd ul ,
		body.games div#container div#gameContents dl.newGame02 dd ul {
			text-align: center;
		}

			body.games div#container div#gameContents dl.newGame01 dd ul li,
			body.games div#container div#gameContents dl.newGame02 dd ul li {
				display: inline;
			}

			body.games div#container div#gameContents dl.newGame01 dd ul li.downloadBtn,
			body.games div#container div#gameContents dl.newGame02 dd ul li.downloadBtn {
				margin: 0 0 0 5px;
			}

body.games div#container div#gameContents div#otherGames dl {
	width: 220px;
	float: left;
}

body.games div#container div#gameContents div#otherGames dl.firstChild {
	margin: 0 25px 0 0;
}

body.games div#container div#gameContents div#otherGames dl.lastChild {
	margin: 0 0 0 25px;
}

	body.games div#container div#gameContents div#otherGames dl ul {
		text-align: center;
	}

		body.games div#container div#gameContents div#otherGames dl ul li.downloadBtn {
			margin: 5px 0 0;
		}

body.games div#container ul#gameAttention {
	margin: 20px 0 0;
	padding: 25px;
	font-size: 80%;
	background: #f9f9f9;
}

	body.games div#container ul#gameAttention li {
		padding: 0 0 0 13px;
		background: transparent url(../../Games/Images/attention_bg.gif) 0 6px no-repeat;
	}

	body.games div#container ul#gameAttention li#updateLink {
		margin: 0 0 10px;
		font-weight: bold;
		color: #ce0000;
	}

	body.games div#container ul#gameAttention li#updateLink a,
	body.games div#container ul#gameAttention li#updateLink a:visited {
		color: #ce0000;
		text-decoration: none;
	}

	body.games div#container ul#gameAttention li#updateLink a:hover {
		color: #ce0000;
		text-decoration: underline;
	}

/*game*/

#myloGames {
	background-image: url(../../Games/Images/subwin_bg.gif);
	background-repeat:repeat-x;
}

#gameContainer {
	width:800px;
	margin:0 auto;
}

#gameContainer #gameTitle {
	width:800px;
	height:56px;	
	text-align:left;
}

#gameContainer #playGame {
	width:800px;
	height:440px;
	background-color:#FFF;
}

#gameContainer #gameMenu {
	padding-top:10px;
}

#gameContainer #gameMenu li {
	display: inline;
	margin: 0 15px 0 0;
}

#gameContainer #gameMenu li.lastChild {
	margin-right: 0;
}

#gameContainer #winClose {
	padding:15px 0 0 0;
	text-align:center;
}

/*game dl*/


#game-dl{
	width: 714px;
	clear: none;
	margin: 20px 23px 0 23px;
}

#game-dl .gamesTitle{
	width: 714px;
	height:70px;
}

#game-dl .howTo {
	width: 714px;
	background-color:#ffe690;
	display:block;
}
#game-dl .howTo .howToleft {
	width: 532px;
	float:left;
}
#game-dl .howTo .howToright {
	width: 182px;
	float:right;
}

#game-dl .howTo .tips {
	padding:0 25px 0 70px;
	background-image: url(../../Games/Images/dl_explanation_3.gif);
	color:#ff6600;
}

#game-dl .howTo .howToleft  li {
	padding:0 0 10px 54px;
	list-style:none;
}

#game-dl .contract {
	width:662px;
	margin:30px 0;
	padding:25px;
	border: 1px solid #cccccc;
}

#game-dl p#dlAttention {
	margin: 0 0 30px;
	color:#b60000;
}

#game-dl p#dlAttention a,
#game-dl p#dlAttention a:visited {
	color:#b60000;
	text-decoration: underline;
}

#game-dl p#dlAttention a:hover {
	color:#b60000;
	text-decoration: none;
}


#game-dl .agreeBtn {
	width:238px;
	margin:0 auto;
}

#game-dl .backBtn {
	width:224px;
	margin:0 auto;
	padding-top:25px;
}