html{ height: 100%; }
* { outline: none; }
body{ margin: 0; padding: 0; height: 100%; text-align: center; color: #2F3800; font-family: sans-serif, "Trebuchet MS", verdana; font-size: 10pt; line-height: 140%; background-color: #000000; /*background: url(../images/site/background-content-1920.jpg) no-repeat center center fixed; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover;*/ }
hr { border: 0; width: 95%; color: #2F3800; background-color: #2F3800; height: 1px; }
h2 { font-size: 16px; text-align: left; font-weight: 500; color: #2F3800; margin: 0px; padding-top: 2px; padding-bottom: 3px; font-family: 'Trebuchet MS', Verdana, Arial; }
a:link, a:visited { font-style: normal; color: #2F3800; text-decoration: underline; }
a:hover, a:active { font-style: normal; color: #516000; text-decoration: underline; }
.simple_effect:link, .simple_effect:visited { font-style: normal; color: #2F3800; text-decoration: none; }
.simple_effect:hover, .simple_effect:active { font-style: normal; color: #516000; text-decoration: underline; }
.no_effect:link, .no_effect:visited { font-style: normal; color: #2F3800; text-decoration: none; }
.no_effect:hover, .no_effect:active { font-style: normal; color: #516000; text-decoration: none; }
.news_header:link, .news_header:visited, .news_header:hover, .news_header:active, .news_header_small:link, .news_header_small:visited, .news_header_small:hover, .news_header_small:active { text-decoration: none; }
ul { list-style: square; }
#fullFrameHeader { background-color: #ffffff; /*#323232;*/ height: 50px; width: 100%; top: 0px; left: 0px; z-index: 999999; position: fixed; overflow: initial !important; }
.fullFrameHeader-inner { position: relative; width: 970px; margin-left: auto; margin-right: auto; text-align: left; }
#content { margin-left: 0px; margin-right: 0px; }
/*#wrap { min-height: 100%; position: relative; width: 100%; text-align: left; }*/ /*970px;*/
#wrap { min-height: 100%; position: relative; width: 100%; text-align: left; margin-top: 50px; }
* html #wrap { height: 100%; }
#divBannerTop { right: 0px; margin-top: 10px; margin-left: 243px; position: relative; display: block; text-align: right; }
#wallpaper { width: 728px; margin: 0px auto; height: auto; text-align: right; padding-left: 242px; }
#billboard { width: 970px; margin: 0px auto; height: auto; /*min-height: 100px;*/ text-align: right; }
#skyscraper { position: absolute; width: 300px; height: 600px; left: -302px; top: 0px; text-align: right; }
#inner-wrap { background-color: #FFFFFF; /*border: 1px solid #e6e6e6;*/ margin: 0px auto; width: 970px; position: relative; }
#inner-wrap:after { content: " "; display: block; clear: both; }
* html #inner-wrap { height: 1px; }
#divHeader { height: auto; width: 970px;/*100%;*/ margin: 0px auto; margin-bottom: 5px; }
#divHeaderSimple { height: 40px; width: 100%; border-bottom: 1px solid #2F3800; text-align: center; padding-top: 30px; }
#divHeaderSimple h1 { font-size: 14px; }
#divFooter { /*position: absolute; bottom: 0;*/ width: 970px; /*950px;*/ text-align: center; /*left;*/ font-size: 12px; padding-top: 30px; padding-bottom: 15px; /*border-top: 3px solid #323232;*/ background-color: #323232; margin: 0px auto; color: #FFFFFF;}
.footer-line-left { display: inline-block; text-align: left; width: 400px; }
.footer-line-right { display: inline-block; text-align: right; width: 500px; }
.footer-block { display: inline-block; width: 290px; vertical-align: top; text-align: left; margin-left: 20px; margin-bottom: 20px; }
.footer-block h2 { color: #FFFFFF; font-weight: 700; margin-bottom: 15px; text-transform: uppercase; }
.footer-block ul { padding: 0px; margin: 0px 0px 0px 5px; }
.footer-block ul li { list-style-type: none; margin-bottom: 10px; display: block; }
.footer-block ul li a { text-decoration: none; color: #FFFFFF; display: block; }
.footer-block ul li a:hover { text-decoration: underline; }
.footer-block ul li a img { margin-right: 10px; vertical-align: middle; }
.footer-block ul li a:hover img { text-decoration: none; }
.divNavigationTop, #divNavigationTop { position: absolute; top: 12px; display: block; background-color: transparent; height: 26px; right: 0px; }
#divLogo { display: block; position: absolute; left: 0px; top: 0px; padding: 0px; margin: 0px; width: 230px; height: auto; background-image: url(../images/site/gamesreveur_logo.png); background-color: transparent; z-index: 9; background-repeat: no-repeat; }
#divLanguageSelection { position: absolute; right: 0px; top: 10px; height: 18px; width: 65px; }
#divTwitter { position: absolute; left: 235px; top: 9px; width: 32px; height: 32px; background-image: url(../images/social/footer/twitter.png); display: block; }
#divTwitter a, #divYoutube a { display: block; width: 32px; height: 32px; }
#divYoutube { position: absolute; left: 270px; top: 9px; width: 32px; height: 32px; background-image: url(../images/social/footer/youtube.png); display: block; }
#divGooglePlus { position: absolute; left: 303px; top: 2px; display: none; }
#divFacebookLike { position: absolute; left: 235px; top: 28px; display: none; }
#divFullPanel { float: left; width: 1000px; display: block; }
.divLeftPanel, #divLeftPanel { float: left; width: 650px; display: block; }
.divLeftPanel h1, #divPartnerFoot h1, .tblShowAddon td h1 { font-size: 14px; }
.divRightPanel, #divRightPanel { float: left; width: 319px; background: #FFFFFF url(../images/site/background-paper.gif); display: block; border-left: 1px solid #e6e6e6; }
.divRightPanel h1 { font-size: 13px; }
.divRightPanel ul { font-size: 12px !important; list-style: none !important; padding-left: 5px !important; }
.divRightPanel li { line-height: 13px !important; margin-bottom: 10px !important; }
.divLatestDownloads, .divRecentOnlineUser { padding-left: 5px !important; }
a.recent-screenshots-link { display: block; }
.divLatestDownloads ol, .divLatestDownloads ul, .divRecentOnlineUser ol, .divRecentOnlineUser ul { list-style-type: none !important; }
.divLatestDownloads ol li, .divRecentOnlineUser ol li{ list-style-type: decimal !important; }
.divLatestDownloads ul li, .divRecentOnlineUser ul li { list-style-type: none !important; }
.addons-free-hint { font-size: 11px; padding: 10px; line-height: 12px; }
#divOutsideShadowMainFull { width: 970px; float: left; }
#divPartnerFoot { background-color: transparent; padding: 10px; border-top: 3px solid #323232; }
#divOutsideShadowMainFooter{ padding-top: 5px; padding-left: 15px; width: 100%; background-color: transparent; }
.divOutsideShadowMain, #divOutsideShadowMain { width: 630px; float: left; margin-bottom: 0px; display: block; text-align: left; padding: 10px; background-color: transparent; padding-bottom: 0px; }
.divOutsideShadowBoxes { border-bottom: 1px solid #E6E6E6; padding: 10px; position: relative; }
.divOutsideShadowBoxes-small { padding: 5px; padding-top: 0px; position: relative; float: left; width: 150px; }
.divOutsideShadowBoxes_ad { border-bottom: 1px solid #E6E6E6; margin-bottom: 15px; padding-bottom: 10px; padding-left: 10px; width: 310px; }
.divOutsideShadowBoxes h1 { font-size: 17px !important; text-align: left !important; font-weight: 500 !important; color: #2F3800; margin: 0px; padding-top: 2px; padding-bottom: 3px; font-family: 'Trebuchet MS', Verdana, Arial; }
.divOutsideShadowImages{ margin-top: 5px; width: 100px; box-shadow: 2px 2px 5px rgba(0,0,0,0.6); -moz-box-shadow: 2px 2px 5px rgba(0,0,0,0.6); -webkit-box-shadow: 2px 2px 5px rgba(0,0,0,0.6); }
.divTeaserBoxWrapper, .divGamesBoxWrapper { cursor: pointer; background-color: transparent; }
.divGamesBoxWrapper { margin-bottom: 10px; }
.divTeaserBoxWrapper:hover, .divGamesBoxWrapper:hover { background-color: #F3F6EB; }
.divTeaserBox, .divGamesBox, .divTeaserBox_ad { position: relative; border-top: 1px solid #E6E6E6; cursor: pointer; text-align: justify; }
.divTeaserBoxTopStory { position: relative; border-top: 3px solid #323232; cursor: pointer; text-align: justify; }
.divTeaserBox_ad .divTeaserContent, #divTeaserBox_ad .divTeaserContent { height: 90px; }
.divTeaserHeader, .divGamesHeader { width: 100%; }
.divTeaserHeaderHeadline, .divGamesHeaderHeadline { width: 590px; float: left; padding-top: 5px; padding-left: 5px; }
.divGamesHeaderHeadline a { font-size: 18px; }
.reviewRating { display: inline-block; border: 2px solid #808080; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; text-align: center; }
.reviewRating a { display: block; text-decoration: none; font-size: 26px; height: 50px; width: 100%; font-weight: bold; }
.reviewRating span { font-size: 10px; text-transform: uppercase; display: block; background-color: #F3F6EB; padding: 3px; margin-bottom: 5px; -webkit-border-top-left-radius: 1px; -webkit-border-top-right-radius: 1px; -moz-border-radius-topleft: 1px; -moz-border-radius-topright: 1px; border-top-left-radius: 1px; border-top-right-radius: 1px; }
.divGameDetailsPlatforms { margin-left: 5px; font-size: 11px; display: inline-block; }
.divTeaserHeaderTopStoryHeadline { width: 543px; float: left; padding-top: 5px; padding-left: 5px; padding-right: 5px; }
/*.divOutsideShadowMain h1, */.divTeaserHeaderHeadline h1, .divTeaserHeaderTopStoryHeadline h1 { font-size: 19px !important; text-align: left !important; font-weight: 500 !important; color: #2F3800; margin: 0px; padding-top: 2px; padding-bottom: 3px; font-family: 'Trebuchet MS', Verdana, Arial; line-height: 24px; }
.divTeaserHeaderHeadline span a { color: #323232; }
.divTeaserHeaderIcon, .divGamesHeaderIcon { width: 32px; height: 32px; margin-top: 5px; float: right; }
.divTeaserHeaderTopStoryIcon { width: 32px; height: 32px; padding-left: 5px; padding-top: 5px; background-repeat: no-repeat; float: left; border-left: 3px solid #323232; }
.divTeaserDetails, #divTeaserDetails { position: absolute; right: 0px; bottom: 0px; text-align: right; display: block; color: #323232; font-size: 11px; }
.divTeaserDetails img { vertical-align: middle; }
.divGamesDetails { position: relative; padding-right: 5px; padding-left: 10px; margin-top: 5px; }
.divTeaserContent { position: relative; height: 130px; padding-right: 5px; padding-left: 5px; margin-top: 5px; margin-bottom: 5px; }
.divNewsArchiveHint { width: 100%; text-align: right; margin-top: 10px; padding-top: 10px; font-weight: bold; border-top: 1px solid #E6E6E6; }
#divShowNewsInfo { border-top: 3px solid #323232; text-align: left; }
#divShowNews { width: 625px; }
.single-news-teaser { display: block; margin-bottom: 15px; font-weight: bold; }
.single-news-teaser img.news-teaser-image { display: none; }
#divNewsContent { padding-top: 15px; padding-bottom: 5px; padding-left: 5px; text-align: justify; font-size: 14px; }
#infoTop, #socialTop { margin-left: 8px; margin-top: 5px; width: 620px; font-size: 11px; color: #323232; }
#socialTop { margin-bottom: 8px; }
#infoTop a, #socialTop a { color: #323232; }
#infoTopPublishedTime, #infoTopPublishedAuthor, #infoTopCommentArticle, #infoTopGameLink { float: left; margin-right: 15px; color: #323232; }
#socialTopTwitter, #socialTopDigg, #socialTopGoogle { float: left; margin-right: 20px; }
#divGoogleTranslateContainer { width: 630px; height: 50px; margin-top: 10px; text-align: right; overflow: hidden; }
#divSocialContentFacebook { width: 400px; height: 25px; text-align: left; float: left; overflow: hidden; }
#divSocialContentShareButtons { width: 400px; height: 25px; float: left; text-align: left; float: left; overflow: hidden; }
#divSocialContentGoogleTranslate { width: 400px; height: 26px; text-align: left; float: left; overflow: hidden; }
#divSocialContentTwitter { width: 60px; height: 70px; text-align: left; overflow: hidden; float: left; }
#divSocialContentDigg { width: 60px; height: 70px; overflow: hidden; float: left; }
#divAdvertisement { width: 630px; padding-top: 10px; padding-bottom: 10px; margin-top: 10px; border-top: 3px solid #323232; border-bottom: 3px solid #323232; }
.divBorder { width: 100%; height: 3px; background-color: #323232; }
#divShowAddon { padding-top: 20px; text-align: left; }
#tblShowAddon { width: 100%; border-collapse: collapse; font-size: 9pt; line-height: 15px; border-bottom: 3px solid #323232; }
td.tblShowAddon-ColumnRight-FullSize { text-align: center; width: 220px; vertical-align: top; }
td.tblShowAddon-ColumnRight-LeftSide { text-align: right; width: 110px; vertical-align: top; }
td.tblShowAddon-ColumnRight-RightSide { text-align: left; width: 105px; padding-left: 5px; vertical-align: top; }
td.tblShowAddon-ColumnLeft-FullSize { text-align: center; width: 440px; border-right: 1px solid #e6e6e6; vertical-align: top; }
td.tblShowAddon-ColumnLeft-LeftSide { text-align: right; width: 220px; vertical-align: top; }
td.tblShowAddon-ColumnLeft-RightSide { text-align: left; width: 215px; padding-left: 5px; border-right: 1px solid #e6e6e6; vertical-align: top; }
.divGameLogo { width: 630px; height: 165px; display: block; background-position: center top; background-repeat: no-repeat; }
#divAwards { text-align: left; width: 650px; padding-left: 30px; padding-bottom: 20px; display: block; }
#divAward { width: 620px; padding: 5px; text-align: left; display: block; }
#divAward table { font-size: 10px; }
.divComments { text-align: left; width: 100%; margin-bottom: 10px; }
.comment-user-info { width: 150px; padding: 5px; float: left; }
.comment-content-container { width: 470px; float: left; }
.comment-content-rating { width: 460px; padding: 5px; }
.comment-content-rating-stars { width: 350px; float: left; text-align: left; font-size: 11px; }
.comment-content-rating-option { width: 110px; text-align: right; float: left; }
.comment-content-comment { width: 460px; padding: 5px; overflow-x: auto; position: relative; }
.comment-content-quote-option { width: 100%; background-color: #FFFFFF; cursor: pointer; padding-top: 5px; text-align: right; font-size: 11px; }
.comment-content-edit-option { width: 100px; text-align: right; float: left; font-size: 11px; }
.comment-content-edit-hint { width: 365px; text-align: left; float: left; font-size: 11px; color: #A1A1A1; padding-left: 5px; }
#divWriteComment { width: 610px; margin-left: 15px; text-align: left; }
.divCommentOdd { width: 100%; background-color: #FFFFFF; border-top: 1px solid #E6E6E6; }
.divCommentEven { width: 100%; background-color: #FFFFFF; border-top: 1px solid #E6E6E6; }
#divNotLoggedIn { height: 30px; padding-top: 10px; padding-bottom: 10px; text-align: center; }
.divPaging { padding-top: 10px; padding-bottom: 30px; display: block; }
.divPaging table { width: 100%; }
.divPaging td.previous { text-align: left; }
.divPaging td.next { text-align: right; }
div.paging-count { text-align: center; width: 60%; display: block; font-weight: bold; float: left; }
div.paging-previous { text-align: left; width: 20%; display: block; float: left; }
div.paging-next { text-align: right; width: 20%; display: block; float: left; }
div.paging-next a, div.paging-previous a { text-decoration: none; }
div.popup_posts_outer { padding: 5px; width: 240px; }
div.popup_posts_inner { display: block; text-align: left; padding: 5px; border: 1px solid #2F3800; color: #2F3800; font-family: verdana; font-size: 8pt; }
img.popup { vertical-align: middle; }
img.popup_preview { border: 1px solid #2F3800; margin-top: 3px; }
img.popup_avatar { padding-top: 3px; padding-bottom: 3px; height: auto; width: 100px; }
.quote { margin: 0px; padding: 2px; border: 1px solid #2F3800; background-color: #DCE2B8; display: block; overflow: auto; }
form { display: inline; }
img { border: none; }
#comment_content { width: 595px; height: 250px; background: url(../images/editor/background.jpg) bottom left; background-repeat: no-repeat; background-color: #FFFFFF !important; border: 1px solid #2F3800; }
.racing_games_letters { text-align: center; float: left; width: 28px; margin: 2px; padding: 10px; font-size: 20px; font-weight: bold; background-color: transparent; border: 1px solid #e6e6e6; cursor: pointer; }
.racing_games_letters:hover { color: #516000; background-color: #eee; }
.racing_games_letters_selected { text-align: center; float: left; width: 28px; margin: 2px; padding: 10px; font-size: 20px; font-weight: bold; background-color: #F3F6EB; border: 1px solid #2F3800; cursor: pointer; }
.gameArticleContent { width: 630px; display: block; text-align: justify; font-size: 14px; line-height: 140%; }
.gameArticleContent img { max-width: 100%; height: auto; }
.gameArticleAuthor { font-size: 11px; margin-bottom: 10px; font-style: italic; width: 100%; }
.gameArticleRating { float: left; padding: 10px; padding-bottom: 15px; border: 2px solid #323232; margin-bottom: 20px; margin-top: 10px; background: #FFFFFF url(../images/site/background-paper.gif); }
.gameArticleRating h3 { padding: 0px; margin: 0px; margin-bottom: 15px; }
.facebook_likeit_content, .facebook_likeit_preview { text-align: right; height: 30px; width: 50%; display: inline-block; float: right; }
.facebook_likeit_review { float: left; height: 30px; width: 50%; }
.carousel { font-size: 10px; line-height: 11px; }
.carousel ul li { width: 95px; height: 45px; }
div.grippie { background:#EEEEEE url(../images/editor/grippie.png) no-repeat scroll center 2px; border-color:#DDDDDD; border-style:solid; border-width:0pt 1px 1px; cursor:s-resize; height:9px; overflow:hidden; }
.resizable-textarea textarea { display:block; margin-bottom:0pt; width:95%; height: 20%; }
div.next, div.prev { width: 290px; height: 15px; text-align: center; background-color: #E6E6E6; cursor: pointer; }
div.divLatestDownloads, ul.divLatestDownloadsList, li.divLatestDownloadsListItem, div.divRecentOnlineUser, ul.divRecentOnlineUserList, li.divRecentOnlineUserListItem { width: 290px !important; }
a.paging-link:link, a.paging-link:visited { font-size: 26px !important; font-style: normal; color: #2F3800; text-decoration: underline; }
a.paging-link:hover, a.paging-link:active { font-size: 26px !important; font-style: normal; color: #516000; text-decoration: underline; }
a.paging-link-inactive:link, a.paging-link-inactive:visited { font-size: 14px; font-style: normal; color: #2F3800; text-decoration: underline; }
a.paging-link-inactive:hover, a.paging-link-inactive:active { font-size: 14px; font-style: normal; color: #516000; text-decoration: underline; }
div.review-navigation-top { float: left; text-align: right; width: 50%; }
div.review-navigation-bottom { text-align: right; margin-bottom: 10px; margin-top: 20px; }
div.review-navigation-top a:link, div.review-navigation-top a:visited, div.review-navigation-bottom a:link, div.review-navigation-bottom a:visited { padding: 2px; padding-left: 5px; padding-right: 5px; font-weight: bold; font-size: 14px; font-style: normal; color: #2F3800; text-decoration: none; background-color: #ffffff; border: 2px solid #e6e6e6; margin-left: 5px;}
div.review-navigation-top a:hover, div.review-navigation-top a:active, div.review-navigation-bottom a:hover, div.review-navigation-bottom a:active { padding: 2px; padding-left: 5px; padding-right: 5px; font-weight: bold; font-size: 14px; font-style: normal; color: #516000; text-decoration: none; background-color: #e6e6e6; border: 2px solid #e6e6e6; margin-left: 5px;}
div.review-navigation-top a.active:link, div.review-navigation-top a.active:visited, div.review-navigation-bottom a.active:link, div.review-navigation-bottom a.active:visited { padding: 2px; padding-left: 5px; padding-right: 5px; font-weight: bold; font-size: 14px; font-style: normal; color: #516000; text-decoration: none; background-color: #e6e6e6; border: 2px solid #e6e6e6; margin-left: 5px;}
select.typeId { width: 100%; }
div.box-top-news { height: 300px; margin-top: -10px;
margin-left: -10px;
width: calc(100% + 20px); }
.single-news-content img { max-width: 100%; height: auto; }
div.top-teaser-container { position: relative; height: 220px;
font-weight: bold;
font-size: 20px;
line-height: 24px; }
div.top-teaser-title { position: absolute; bottom: 0px; height: 25px; display: inline-block; padding: 10px; color: #ffffff; }
a.top-teaser-link { display: block; color: #ffffff !important; }
div.recent-screenshot, div.recent-video { width: 140px; height: 105px; float: left; margin-bottom: 2px; border: 2px solid grey; position: relative; }
div.recent-screenshot img, div.recent-video img { width: 140px; height: 105px; }
div.odd { margin-right: 2px; }
div.recent-videos { padding-right: 0px !important; }
div#box_recent_screenshots-loading, div#box_recent_video-loading { background-image: url(../images/site/loading_32x32.gif); background-repeat: no-repeat; background-position: center; width: 100%; height: 150px; }
div.recent-screenshot-date, div.recent-video-date { position: absolute; top: 0px; padding: 2px; width: 136px; height: auto; opacity: 0.7; background: #000000; font-size: 10px; color: #FFFFFF; display: none; overflow: hidden; }
div.recent-screenshot-title, div.recent-video-title { position: absolute; bottom: 0px; padding: 2px; width: 136px; height: auto; opacity: 0.7; background: #000000; font-size: 10px; color: #FFFFFF; display: none; overflow: hidden; white-space: nowrap; }
div.recent-screenshot-date span, div.recent-screenshot-title span, div.recent-video-date span, div.recent-video-title span { opacity: 1.0; }
div.fz-logo { position: absolute; right: 10px; top: 10px/*5px*/; background: #FFFFFF url(../images/site/FZ_eonline_grey_106x29.jpg); background-repeat: no-repeat; width: 106px; height: 29px; display: none;}
div.fbConnectWidgetTopmost { border-left: none !important; border-right: none !important; border-top: none !important; border-bottom: none !important; }
/* Navigation Games */
div.game-navigation { width: 630px; height: 30px; border-top: 3px solid grey; border-bottom: 1px solid grey; padding-top: 5px; padding-bottom: 5px; margin-bottom: 10px; background: url(../images/site/background-paper.gif) #FFFFFF; }
ul.game-navigation-list { float: left; position: relative; z-index: 9; font: 700 15px "Arial", "Helvetica", sans-serif; }
ul.game-navigation-list, ul.game-navigation-list li, ul.game-navigation-list ul { list-style: none outside none; margin: 0px; padding: 0px }
ul.game-navigation-list li { border: 1px solid #E6E6E6; color: #000000; line-height: 1em; float: left; background-color: #FFFFFF; margin-right: 5px; }
ul.game-navigation-list a:hover { color: #000000; text-decoration: underline; }
ul.game-navigation-list li a { text-decoration: none; display: block; padding: 7px 5px; }
div.clear { clear: both; }
div#slider-load { background-image: url(../images/site/loading_48x48.gif); background-repeat: no-repeat; background-position: center; width: 100%; height: 100%; }
#divNewsArchive { padding: 10px; border: 1px solid #E6E6E6; font-size: 12px; margin-top: 10px; text-align: center; background: url(../images/site/background-paper.gif) #FFFFFF; }
.submit-news { cursor: pointer; display: inline-block; }
div.news-order-game-box { background: #FFFFFF url(../images/site/background-paper.gif); float: right; border: 1px solid #e6e6e6; padding: 10px; padding-bottom: 0px; margin-left: 10px; margin-bottom: 10px; }
input[name="q"] { width: 180px !important; }
.addon-list-general--image { float: left; width: 20%; }
.addon-list-general--image img { max-width: 100%; height: auto; }
.addon-list-general--details { float: left; width: 65%; }
.addon-list-general--download { float: left; width: 15%; padding-top: 10px; text-align: center; }
.addon-list-general--stars { display: inline-block; }
.divLeftPanel h1.game-title { font-size: 45px; text-align: left !important; font-weight: 500 !important; color: #FFFFFF; background-color: grey; margin: 0px; margin-bottom: 5px; padding: 10px 10px 3px 10px; font-family: 'Trebuchet MS', Verdana, Arial; line-height: 50px; text-shadow: -1px 0 #323232, 0 1px #323232, 1px 0 #323232, 0 -1px #323232; }
.addon-details { width: 395px; padding: 10px; padding-bottom: 30px; display: inline-block; border-right: 1px solid #e6e6e6; vertical-align: top; }
.addon-details-subhead { margin-top: 20px; margin-bottom: 10px; font-weight: bold; }
.addon-details-left { width: 125px; display: inline-block; vertical-align: top; }
.addon-details-right { width: 270px; display: inline-block; vertical-align: top; margin-left: -4px; }
.addon-info { width: 194px; padding: 10px; padding-top: 30px; display: inline-block; vertical-align: top; margin-left: -4px; }
.addon-info-subhead { text-align: center; font-weight: bold; margin-top: 20px; }
.addon-info-left { width: 109px; display: inline-block; vertical-align: top; }
.addon-info-right { width: 85px; display: inline-block; vertical-align: top; margin-left: -4px; }
.screenshots-gallery { width: 100%; height: 425px; cursor: pointer; }
@media only screen and ( min-width: 1200px ) {
div.fz-logo { display: block; }
}
@media only screen and ( min-width: 1400px ) {
div#divLogo {
left: -235px;
}
div#divYoutube {
left: 50px/*40px*/;
top: 9px/*10px*/;
}
div#divTwitter {
left: 15px;
top: 9px/*10px*/;
}
div#divGooglePlus {
left: 253px;
top: 12px/*6px*/;
display: block;
}
div#divFacebookLike {
left: 90px;
top: 14px/*8px*/;
width: 165px;
display: block;
}
/*div#billboard {
min-height: 20px;
}*/
}
div.tooltip-container { display: none; }
div.tooltip { display: none; position: absolute; z-index: 99; background-color: #ffffff; width: 250px; border: 1px solid #323232; padding: 5px; }
div.tooltip-inner { position: relative; padding: 15px; text-align: left; border: 1px solid #E6E6E6; background: #FFFFFF url(../images/site/background-paper.gif); }
div.tooltip-close { position: absolute; right: 5px; top: 0px; font-size: 15px; font-weight: bold; cursor: pointer; }
div.dowload-layer-content { text-align: left; font-size: 0.9em; }
img#img-reload { cursor: pointer; display: inline-block; }
span#value1, span#value2, span.arithmethicSign { display: inline-block; }
span.arithmethicSign { width: 30px; text-align: center; }
input#usr-result { display: inline-block; width: 30px; margin-right: 5px; text-align: right; }
input#submit-result { display: inline-block; }
div.calculation-box { padding-top: 20px; padding-bottom: 20px; }
span#result-error, span#dl-link, span#dl-link-hint { display: none; }
span#dl-link { font-weight: bold; font-size: 16px; }
span#dl-link-hint { font-size: 11px; }
div.english-news-hint { border: 1px solid #F2D800; background-color: #FFF49B; font-weight: bold; padding: 10px; margin: 10px; margin-top: 0px; }
div.rss-info-box { border: 1px solid #F2D800; background-color: #FFF49B; padding: 10px; margin: 10px; width: 608px; }
div.border-bottom { border-bottom: 1px solid #E6E6E6; margin-bottom: 10px; }
img.news-teaser-image { border: 1px solid rgb(47, 56, 0); margin-left: 5px; margin-bottom: 10px; margin-right: 5px; float: left; width: 160px; height: 120px; display: block; }
div.unread-pms-box { position: absolute; border: 2px solid #808080; padding: 10px; top: 70px; right: 80px; background-color: #fff8db; width: 220px; z-index: 999; }
div.unread-pms-box-inner { position: relative; width: 100%; }
div.unread-pms-arrow { position: absolute; top: -20px; right: 20px; width: 10px; height: 10px; background-image: url(../images/site/tooltip-arrow.png); }
img.unread-pms-image { float: left; border: none; margin-right: 5px; margin-top: 3px; }
a.unread-pms-link { text-decoration: none; display: block; }
div#google_translate_element div.skiptranslate:nth-child(2), div.goog-te-gadget-simple img.goog-te-gadget-icon:nth-child(2), div.goog-te-gadget-simple span:nth-child(2) { display: none !important; }
.addon-overview-table { border-collapse: collapse; width: 100%; }
.addon-overview-table--item { float: left; width: 50%; padding: 10px; border: 1px solid #FFFFFF; cursor: pointer; background-color: transparent; box-sizing: border-box; }
.addon-overview-table--item:hover { background-color: #F3F6EB; border: 1px solid #2F3800; }
.ad-link { text-align: center; }
.ad-link a:link { text-decoration: none; }
.mobile-nav--row {
display: none;
width: 100%;
padding: 10px;
background-color: #ffffff;
position: fixed;
top: 0;
left: 0;
z-index: 99998;
border-bottom: 1px solid #E6E6E6;
}
.mobile-nav--logo {
display: inline-block;
float: left;
}
.mobile-nav--layer {
display: none;
width: 100%;
background-color: #ffffff;
position: fixed;
top: 75px;
left: 0;
bottom: 0;
right: 0;
z-index: 99999;
padding-top: 30px;
}
.mobile-nav--layer div {
padding-bottom: 20px;
}
.mobile-nav--layer div a {
text-decoration: none;
font-size: 18px;
}
.nav-icon {
width: 24px;
height: 18px;
margin-top: 14px;
margin-right: 14px;
position: relative;
-webkit-transform: rotate(0deg);
-moz-transform: rotate(0deg);
-o-transform: rotate(0deg);
transform: rotate(0deg);
-webkit-transition: all .25s ease;
-moz-transition: all .25s ease;
-o-transition: all .25s ease;
transition: all .25s ease;
cursor: pointer;
display: inline-block;
float: right;
}
.nav-icon span {
display: block;
position: absolute;
height: 2px;
width: 100%;
background: #000000;
opacity: 1;
left: 0;
}
.nav-icon .block-1 { top: 0; }
.nav-icon .block-2 { top: 10px; }
.nav-icon .block-3 { top: 20px; }
.game-title-mobile { display: none; }
.responsive-video {
position: relative;
padding-bottom: 56.25%; /* Default for 1600x900 videos 16:9 ratio*/
padding-top: 0px;
height: 0;
overflow: hidden;
}
.responsive-video iframe {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
.mobile-login { background-color: #ffffff; }
.mobile-login .box-user-welcome { display: none; }
.spanGuestWelcomeText--mobile { display: none; }
@media only screen and ( max-width: 667px ) {
* { box-sizing: border-box; }
#fullFrameHeader { display: none; }
.fullFrameHeader-inner { width: 100%; }
#divHeader { width: 100%; }
#wrap { margin-top: 74px; }
#inner-wrap { width: 100%; border: none; }
#wallpaper { width: 100%; }
#billboard { width: 100%; }
#divFullPanel { width: 100% }
#divShowNews { width: 100%; }
#skyscraper { display: none; }
#divAdvertisement { width: 100%; }
.divLeftPanel, #divLeftPanel { float: none; width: 100%; border-bottom: 3px solid #323232; padding-bottom: 30px; }
#divOutsideShadowMainFull { width: 100%; }
.divOutsideShadowMain, #divOutsideShadowMain { float: none; width: 100%; }
.divTeaserHeaderTopStoryHeadline { width: 100%; }
#divShowNews { width: 100%; }
#divNewsContent { padding-left: 0; }
#infoTop, #socialTop { width: 100%; margin-left: 0; }
.divGameLogo { width: 100%; }
.game-navigation { width: 100%; height: auto !important; }
#divAdvertisement { width: 100%; }
#divWriteComment { width: 100%; margin-left: 0; }
#divWriteComment table { width: 100% !important; }
#comment_content { width: 100%; }
#divFooter { width: 100%; }
.divTeaserHeaderHeadline, .divGamesHeaderHeadline { width: 85%; float; none; }
.teaserLite .divTeaserHeaderHeadline { width: 100%; }
.divTeaserContent { height: auto; padding-bottom: 25px; }
.divTeaserBox_ad { width: 100%; overflow: hidden; height: auto; }
.divTeaserBox_ad .divTeaserContent, #divTeaserBox_ad .divTeaserContent { height: auto; }
div.rss-info-box { width: 100%; margin: 0; }
#divGoogleTranslateContainer { width: 100%; }
#comment_content { width: 100%; }
.gameArticleContent { width: 100%; }
div.game-navigation { width: 100%; }
.footer-line-left { width: 100%; text-align: center; }
.footer-line-right { width: 100%; text-align: center; }
.footer-block { width: 100%; margin-left: 0; padding: 0 15px; font-size: 14px; }
#divTwitter, #divYoutube, #divGooglePlus, #divFacebookLike { display: none; }
.mobile-nav--row { display: block; }
h1.game-title { display: none; }
h1.game-title-mobile { display: block; font-size: 24px; text-align: left; font-weight: 500; color: #FFFFFF; background-color: grey; margin: 0px; margin-bottom: 5px; padding: 10px 10px 3px 10px; font-family: 'Trebuchet MS', Verdana, Arial; line-height: 50px; text-shadow: -1px 0 #323232, 0 1px #323232, 1px 0 #323232, 0 -1px #323232; }
ul.game-navigation-list li { width: 48%; margin-bottom: 5px; }
.game-plattforms { width: 100% !important; }
.game-packshots { display: none; }
.divGameLogo { background-size: contain; height: auto; }
.facebook_likeit_content, .facebook_likeit_preview { width: auto; }
.box-top-news { display: none; }
img.news-teaser-image { width: 50%; height: auto; margin-left: 0; margin-right: 10px; }
#box_recent_screenshots .recent-screenshot { margin-bottom: 5px; }
div.recent-screenshot img, div.recent-video img { width: 100%; height: auto; }
.divRightPanel, #divRightPanel { border-left: none; }
.divRightPanel .box-user-welcome { display: none; }
.mobile-login .box-user-welcome h2 { display: none; }
.mobile-login .box-user-welcome { display: block; }
.spanGuestWelcomeText--mobile { display: block; }
.spanGuestWelcomeText { display: none; }
.addon-overview-table--item { width: 100%; }
.addon-list-general--image { width: 100%; }
.addon-list-general--details { width: 70%; }
.addon-list-general--download { width: 30%; }
div.review-navigation-top { width: 100%; }
.facebook_likeit_review { width: 100%; }
.addon-details { width: 100%; border-right: none; }
.addon-details-left { width: 50%; }
.addon-details-right { width: 50%; }
#addonLink { width: 100% !important; }
.addon-info { width: 100%; }
.addon-info-left { width: 50%; }
.addon-info-right { width: 50%; }
.comment-user-info { width: 100%; }
.comment-content-container { width: 100%; }
.comment-content-rating { width: 100%; }
.comment-content-rating-stars { width: 50%; }
.comment-content-rating-option { width: 50%; }
.comment-content-comment { width: 100%; }
.comment-content-quote-option { width: 50%; float: left; text-align: left; }
.comment-content-edit-option { width: 50%; float: left; padding-top: 5px; }
.comment-content-edit-hint { width: 100%; }
div.paging-previous { width: 33%; }
div.paging-count { width: 34%; }
div.paging-next { width: 33%; }
}