/* GAME DETAIL */

.gameSection {
    display: inline-block;
    width: 54.75em; /* 876px/16 = 54.75em */
    min-height: 55.188em; /* 883px/16 = 55.188em */
    background-color: #eeede9;
    border-style: solid;
    border-width: 0.063em; /* 1px/16 = 0.063em */
    border-color: #c6c6c6;
    border-radius: 1.5em; /* 24px/16 = 1.5em */
    -moz-border-radius: 1.5em; /* Old Firefox (3.6 to 15) */
    box-shadow: 0 0 0.25em #888888; /* 4px/16 = 0.25em */
    vertical-align: bottom;
    margin-bottom: 1.25em; /* 20px/16 = 1.25em */
}

.gameHeader {
    position: relative;
    min-height: 13.875em; /* 222px/16 = 13.875em */
}

.gameTitle {
    display: block;
    width: 15.8em; /* 237px/15 = 15.8em */
    height: 3.8em; /* 57px/15 = 3.8em */
    position: absolute;
    top: 1.333em; /* 20px/15 = 1.333em */
    left: -1.467em; /* -22px/15 = -1.467em */
    background-image: url('../img/web/common/gameHeadTitle.png');
    background-repeat: no-repeat;
    text-transform: uppercase;
    font-family: futura_md_btmedium, Arial, Helvetica, sans-serif;
    font-size: 0.938em;
    font-weight: normal;
    color: #ffffff;
    padding-top: 0.45em;
}

.gamePicture {
    display: block;
    width: 14.813em; /* 237px/16 = 14.813em */
    height: 9em; /* 144px/16 = 9em */
    position: absolute;
    top: 4.875em; /* 78px/16 = 4.875em */
    left: -1.375em; /* -22px/16 = -1.375em */
    text-align: right;
}

.gamePicture a {
    outline: none;
}

.gamePicture img {
    width: 9em; /* 144px/16 = 9em */
    height: 9em; /* 144px/16 = 9em */
    border-radius: 0.938em; /* 15px/16 = 0.938em */
    -moz-border-radius: 0.938em; /* Old Firefox (3.6 to 15) */
}

.gameInfo {
    display: inline-block;
    width: 36.625em; /* 586px/16 = 36.625em */
    float: left;
    margin-left: 14.813em; /* 237px/16 = 14.813em */
    padding-top: 1.375em; /* 22px/16 = 1.375em */
    text-align: left;
}

.gameInfo p {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 0.75em;
    color: #2f2b22;
    text-align: justify;
}

.gameInfo p.title {
    font-family: futura_icg_bookregular, Arial, Helvetica, sans-serif;
    font-size: 1em;
    font-weight: bold;
    color: #554e3e;
    margin-bottom: 0.688em; /* 11px/16 = 0.688em */
}

.gameOptions {
    display: inline-block;
    padding-top: 0.563em; /* 9px/16 = 0.563em */
    width: 100%;
}

.gameOptions a.tabletButton {
    position: relative;
    bottom: 0.063em; /* 1px/16 = 0.063em */
    float: right;
}

.gameScreenshot {
    display: inline-block;
    margin-top: 0.938em; /* 15px/16 = 0.938em */
    margin-bottom: 0.938em; /* 15px/16 = 0.938em */
}

.gameScreenshot {
    outline: none;
}

.gameScreenshot img {
    width: 47.063em; /* 753px/16 = 47.063em */
    height: 29.625em; /* 474px/16 = 29.625em */
    border-radius: 1.5em; /* 24px/16 = 1.5em */
    -moz-border-radius: 1.5em; /* Old Firefox (3.6 to 15) */
}

.gameThumbnails {
    display: inline-block;
    width: 54.75em; /* 876px/16 = 54.75em */
    height: 7.375em; /* 118px/16 = 7.375em */
    background-image: url('../img/web/common/gameThumbnailsBg.gif');
    background-repeat: repeat-x;
}

.gameThumbnails a {
    outline: none;
}

.gameThumbnails img {
    width: 7.313em; /* 117px/16 = 7.313em */
    height: 6.188em; /* 99px/16 = 6.188em */
    border-style: solid;
    border-width: 0.5em; /* 8px/16 = 0.5em */
    border-color: #2c2c2c;
    border-radius: 0.625em; /* 10px/16 = 0.625em */
    -moz-border-radius: 0.625em; /* Old Firefox (3.6 to 15) */
    margin-top: 0.625em; /* 10px/16 = 0.625em */
    margin-left: 1.563em; /* 25px/16 = 1.563em */
    margin-right: 1.563em; /* 25px/16 = 1.563em */
}

@media (max-width: 767px) and (orientation: portrait) { /* Extra small devices (phones, less than 768px) and portrait */
	.gameSection {	    
	    width: 280px; /* 876px/16 = 54.75em */
	    min-height: 470px; /* 883px/16 = 55.188em */
	    border-radius: 9px; /* 24px/16 = 1.5em */
	    -moz-border-radius: 9px; /* Old Firefox (3.6 to 15) */
	    box-shadow: 0 0 4px #888888; /* 4px/16 = 0.25em */	    
	    margin-bottom: 0; /* 20px/16 = 1.25em */
	}
	.gameHeader {	    
	    min-height: 222px; /* 222px/16 = 13.875em */
	}
	.gameTitle {	    
	    width: 100px; /* 237px/15 = 15.8em */
	    height: 24px; /* 57px/15 = 3.8em */
	    top: 5px; /* 20px/15 = 1.333em */
	    left: -10px; /* -22px/15 = -1.467em */
	    background-size: 100px 24px;	    
	    font-size: 8px;	    
	    padding-top: 3px;
	}
	.gamePicture {	    
	    width: 65px; /* 237px/16 = 14.813em */
	    height: 144px; /* 144px/16 = 9em */
	    top: 33px; /* 78px/16 = 4.875em */
	    left: 0; /* -22px/16 = -1.375em */
	}
	.gamePicture img {
	    width: 50px; /* 144px/16 = 9em */
	    height: 50px; /* 144px/16 = 9em */
	    border-radius: 5px; /* 15px/16 = 0.938em */
	    -moz-border-radius: 5px; /* Old Firefox (3.6 to 15) */
	}
	.gameInfo {	    
	    width: 180px; /* 586px/16 = 36.625em */	    
	    margin-left: 80px; /* 237px/16 = 14.813em */
	    padding-top: 21px; /* 22px/16 = 1.375em */
	}	
	.gameInfo p {
	    font-size: 9px;	    
	}	
	.gameInfo p.title {
	    font-size: 10px;	    
	    margin-bottom: 0; /* 11px/16 = 0.688em */
	}
	.gameOptions {	    
	    padding-top: 9px; /* 9px/16 = 0.563em */
	    margin-left: -75px;
	    width: 272px;
	}
	.gameOptions a.tabletButton {
	    bottom: 1px; /* 1px/16 = 0.063em */
	    float: right;
	}
	.gameScreenshot {
	    margin-top: 0; /* 15px/16 = 0.938em */
	    margin-bottom: 0; /* 15px/16 = 0.938em */
	}
	.gameScreenshot img {
	    width: 272px; /* 753px/16 = 47.063em */
	    height: 171px; /* 474px/16 = 29.625em */
	    border-radius: 12px; /* 24px/16 = 1.5em */
	    -moz-border-radius: 12px; /* Old Firefox (3.6 to 15) */
	}
	.gameThumbnails {	    
	    width: 280px; /* 876px/16 = 54.75em */
	    height: 50px; /* 118px/16 = 7.375em */
	    background-position-y: center;
	}
	.gameThumbnails img {
	    width: 50px; /* 117px/16 = 7.313em */
	    height: 42px; /* 99px/16 = 6.188em */	    
	    border-width: 4px; /* 8px/16 = 0.5em */
	    border-radius: 2px; /* 10px/16 = 0.625em */
	    -moz-border-radius: 2px; /* Old Firefox (3.6 to 15) */
	    margin-top: 10px; /* 10px/16 = 0.625em */
	    margin-left: 2px; /* 25px/16 = 1.563em */
	    margin-right: 2px; /* 25px/16 = 1.563em */
	}
}

@media (max-width: 767px) and (orientation: landscape) { /* Extra small devices (phones, less than 768px) and landscape */
	.gameSection {	    
	    width: 480px; /* 876px/16 = 54.75em */
	    min-height: 560px; /* 883px/16 = 55.188em */
	    border-radius: 9px; /* 24px/16 = 1.5em */
	    -moz-border-radius: 9px; /* Old Firefox (3.6 to 15) */
	    box-shadow: 0 0 4px #888888; /* 4px/16 = 0.25em */	    
	    margin-bottom: 0; /* 20px/16 = 1.25em */
	}
	.gameHeader {	    
	    min-height: 180px; /* 222px/16 = 13.875em */
	}
	.gameTitle {	    
	    width: 100px; /* 237px/15 = 15.8em */
	    height: 24px; /* 57px/15 = 3.8em */
	    top: 5px; /* 20px/15 = 1.333em */
	    left: -10px; /* -22px/15 = -1.467em */
	    background-size: 100px 24px;	    
	    font-size: 8px;	    
	    padding-top: 3px;
	}
	.gamePicture {	    
	    width: 95px; /* 237px/16 = 14.813em */
	    height: 144px; /* 144px/16 = 9em */
	    top: 33px; /* 78px/16 = 4.875em */
	    left: -5px; /* -22px/16 = -1.375em */
	}
	.gamePicture img {
	    width: 80px; /* 144px/16 = 9em */
	    height: 80px; /* 144px/16 = 9em */
	    border-radius: 5px; /* 15px/16 = 0.938em */
	    -moz-border-radius: 5px; /* Old Firefox (3.6 to 15) */
	}
	.gameInfo {	    
	    width: 350px; /* 586px/16 = 36.625em */	    
	    margin-left: 110px; /* 237px/16 = 14.813em */
	    padding-top: 21px; /* 22px/16 = 1.375em */
	}	
	.gameInfo p {
	    font-size: 9px;	    
	}	
	.gameInfo p.title {
	    font-size: 10px;	    
	    margin-bottom: 0; /* 11px/16 = 0.688em */
	}
	.gameOptions {	    
	    padding-top: 9px; /* 9px/16 = 0.563em */
	    margin-left: -3px;
	    width: 355px;
	}
	.gameOptions a.tabletButton {
	    bottom: 1px; /* 1px/16 = 0.063em */
	    float: right;
	}
	.gameScreenshot {
	    margin-top: 0; /* 15px/16 = 0.938em */
	    margin-bottom: 4px; /* 15px/16 = 0.938em */
	}
	.gameScreenshot img {
	    width: 445px; /* 753px/16 = 47.063em */
	    height: 280px; /* 474px/16 = 29.625em */
	    border-radius: 12px; /* 24px/16 = 1.5em */
	    -moz-border-radius: 12px; /* Old Firefox (3.6 to 15) */
	}
	.gameThumbnails {	    
	    width: 480px; /* 876px/16 = 54.75em */
	    height: 69px; /* 118px/16 = 7.375em */
	    background-position-y: center;
	}
	.gameThumbnails img {
	    width: 80px; /* 117px/16 = 7.313em */
	    height: 67px; /* 99px/16 = 6.188em */	    
	    border-width: 4px; /* 8px/16 = 0.5em */
	    border-radius: 2px; /* 10px/16 = 0.625em */
	    -moz-border-radius: 2px; /* Old Firefox (3.6 to 15) */
	    margin-top: 10px; /* 10px/16 = 0.625em */
	    margin-left: 2px; /* 25px/16 = 1.563em */
	    margin-right: 2px; /* 25px/16 = 1.563em */
	}
}
@media (min-width: 768px) and (max-width: 992px) { /* Small devices (tablets, greater or equal than 768px and less than 992px) */
	.gameSection {	    
	    width: 480px; /* 876px/16 = 54.75em */
	    min-height: 560px; /* 883px/16 = 55.188em */
	    border-radius: 9px; /* 24px/16 = 1.5em */
	    -moz-border-radius: 9px; /* Old Firefox (3.6 to 15) */
	    box-shadow: 0 0 4px #888888; /* 4px/16 = 0.25em */	    
	    margin-bottom: 0; /* 20px/16 = 1.25em */
	}
	.gameHeader {	    
	    min-height: 180px; /* 222px/16 = 13.875em */
	}
	.gameTitle {	    
	    width: 100px; /* 237px/15 = 15.8em */
	    height: 24px; /* 57px/15 = 3.8em */
	    top: 5px; /* 20px/15 = 1.333em */
	    left: -10px; /* -22px/15 = -1.467em */
	    background-size: 100px 24px;	    
	    font-size: 8px;	    
	    padding-top: 3px;
	}
	.gamePicture {	    
	    width: 95px; /* 237px/16 = 14.813em */
	    height: 144px; /* 144px/16 = 9em */
	    top: 33px; /* 78px/16 = 4.875em */
	    left: -5px; /* -22px/16 = -1.375em */
	}
	.gamePicture img {
	    width: 80px; /* 144px/16 = 9em */
	    height: 80px; /* 144px/16 = 9em */
	    border-radius: 5px; /* 15px/16 = 0.938em */
	    -moz-border-radius: 5px; /* Old Firefox (3.6 to 15) */
	}
	.gameInfo {	    
	    width: 350px; /* 586px/16 = 36.625em */	    
	    margin-left: 110px; /* 237px/16 = 14.813em */
	    padding-top: 21px; /* 22px/16 = 1.375em */
	}	
	.gameInfo p {
	    font-size: 9px;	    
	}	
	.gameInfo p.title {
	    font-size: 10px;	    
	    margin-bottom: 0; /* 11px/16 = 0.688em */
	}
	.gameOptions {	    
	    padding-top: 9px; /* 9px/16 = 0.563em */
	    margin-left: -3px;
	    width: 355px;
	}
	.gameOptions a.tabletButton {
	    bottom: 1px; /* 1px/16 = 0.063em */
	    float: right;
	}
	.gameScreenshot {
	    margin-top: 0; /* 15px/16 = 0.938em */
	    margin-bottom: 4px; /* 15px/16 = 0.938em */
	}
	.gameScreenshot img {
	    width: 445px; /* 753px/16 = 47.063em */
	    height: 280px; /* 474px/16 = 29.625em */
	    border-radius: 12px; /* 24px/16 = 1.5em */
	    -moz-border-radius: 12px; /* Old Firefox (3.6 to 15) */
	}
	.gameThumbnails {	    
	    width: 480px; /* 876px/16 = 54.75em */
	    height: 69px; /* 118px/16 = 7.375em */
	    background-position-y: center;
	}
	.gameThumbnails img {
	    width: 80px; /* 117px/16 = 7.313em */
	    height: 67px; /* 99px/16 = 6.188em */	    
	    border-width: 4px; /* 8px/16 = 0.5em */
	    border-radius: 2px; /* 10px/16 = 0.625em */
	    -moz-border-radius: 2px; /* Old Firefox (3.6 to 15) */
	    margin-top: 10px; /* 10px/16 = 0.625em */
	    margin-left: 2px; /* 25px/16 = 1.563em */
	    margin-right: 2px; /* 25px/16 = 1.563em */
	}
}