html,body { background-color:#000; margin:0; padding:0; font-family:arial; width:100% } #game { position:absolute; left:0; top:0; z-index:0 } #ajaxbar { background:url(media/graphics/loading/ajax-loader.gif) center no-repeat } #canvas { position:absolute; left:0; top:0; width:100%; height:100%; -ms-interpolation-mode:nearest-neighbor; -webkit-transform:scale3d(1,1,1); z-index:1 } #orientate { position:absolute; float:left; width:100%; height:100%; top:0; left:0; z-index:10002; display:none } #orientate img { position:absolute; float:left; width:100%; height:100% } .play { position:absolute; float:left; width:100%; height:100%; z-index:1000; background-color:#fff; left:0; top:0; display:none } .play img { position:absolute; float:left; width:100%; height:100%; z-index:1000; left:0; top:0 } #nohtml5 { position:absolute; top:0; left:0; width:100%; height:100%; background-color:#000; z-index:1002; visibility:hidden } #nohtml5 img { position:absolute; width:100%; height:100% } #nohtml5-bubble { position:absolute; bottom:20px; left:50px; width:380px; height:100px; z-index:1002; color:#000; background:rgba(255,255,255,.75); -webkit-border-radius:10px; -moz-border-radius:10px; border-radius:10px } #nohtml5-text { padding:10px } .horizontal-seperator { height:10px; width:100% } .preloadText { position:absolute; top:-100; left:-100; display:none; z-index:-1 } @font-face { font-family:t4cbeaulieux; src:url(media/fonts/t4cbeaulieux.ttf); src:local('?'),url(media/fonts/t4cbeaulieux.woff) format('woff'),url(media/fonts/t4cbeaulieux.ttf) format('truetype'),url(media/fonts/t4cbeaulieux.svg) format('svg') } #MobileAdInGamePreroll,#MobileAdInGamePreroll2,#MobileAdInGamePreroll3 { position:absolute; float:left; min-width:320px; z-index:10000; left:0; top:0; display:none; background:rgba(0,0,0,.7); -webkit-transition:all .6s ease; -moz-transition:all .6s ease; -o-transition:all .6s ease } #MobileAdInGamePreroll-Box,#MobileAdInGamePreroll2-Box,#MobileAdInGamePreroll3-Box { z-index:10000; position:absolute; width:302px; height:250px } #MobileAdInGamePreroll-Box-Body,#MobileAdInGamePreroll2-Box-Body,#MobileAdInGamePreroll3-Box-Body { z-index:10000; position:relative; background:0 0 } #MobileAdInGamePreroll-Box-Footer,#MobileAdInGamePreroll2-Box-Footer,#MobileAdInGamePreroll3-Box-Footer { z-index:10000; position:relative; font-size:11px; height:20px; color:#fff; background:0 0 } #MobileAdInGamePreroll-Box-Header,#MobileAdInGamePreroll2-Box-Header,#MobileAdInGamePreroll3-Box-Header { z-index:10000; position:relative; margin-top:-2px; font-size:11px; height:20px; text-align:right; color:#fff; background:0 0 } #MobileAdInGamePreroll-Box-Close,#MobileAdInGamePreroll2-Box-Close,#MobileAdInGamePreroll3-Box-Close { position:absolute; z-index:10005; background-image:url(media/graphics/generic-ad/light/close-button.png); background-repeat:no-repeat; width:22px; height:22px; top:-4px; margin-right:-1px; display:none } #MobileAdInGameHeader,#MobileAdInGameHeader2,#MobileAdInGameHeader3 { display:none; position:absolute; background:0 0 } #MobileAdInGameFooter,#MobileAdInGameFooter2,#MobileAdInGameFooter3 { display:none; position:absolute; background:0 0 } #MobileAdInGameEnd,#MobileAdInGameEnd2,#MobileAdInGameEnd3 { position:absolute; float:left; min-width:320px; z-index:10000; left:0; top:0; display:none; background:rgba(0,0,0,.7); -webkit-transition:all .6s ease; -moz-transition:all .6s ease; -o-transition:all .6s ease } #MobileAdInGameEnd-Box,#MobileAdInGameEnd2-Box,#MobileAdInGameEnd3-Box { z-index:10000; position:absolute; width:302px; height:250px } #MobileAdInGameEnd-Box-Body,#MobileAdInGameEnd2-Box-Body,#MobileAdInGameEnd3-Box-Body { z-index:10000; position:relative; background:0 0 } #MobileAdInGameEnd-Box-Footer,#MobileAdInGameEnd2-Box-Footer,#MobileAdInGameEnd3-Box-Footer { z-index:10000; position:relative; font-size:11px; height:20px; color:#fff; background:0 0 } #MobileAdInGameEnd-Box-Header,#MobileAdInGameEnd2-Box-Header,#MobileAdInGameEnd3-Box-Header { z-index:10000; position:relative; margin-top:-2px; font-size:11px; height:20px; text-align:right; color:#fff; background:0 0 } #MobileAdInGameEnd-Box-Close,#MobileAdInGameEnd2-Box-Close,#MobileAdInGameEnd3-Box-Close { position:absolute; z-index:10005; background-image:url(media/graphics/generic-ad/light/close-button.png); background-repeat:no-repeat; width:22px; height:22px; top:-4px; margin-right:-1px; display:none } .ig_debug { position:fixed; left:0; bottom:0; width:100%; background-color:#000; border-top:2px solid #f57401; font-size:12px; color:#fff; z-index:1000; -webkit-user-select:none; display:none } .ig_debug_panel_menu { height:28px; background:#222; background:-webkit-gradient(linear,left bottom,left top,color-stop(0,#000000),color-stop(1,#333)); background:-moz-linear-gradient(center bottom,#000000 0%,#333 100%); background:-o-linear-gradient(#333,#000000) } .ig_debug_panel_menu div { float:left; height:22px; padding:6px 8px 0; border-right:1px solid #333 } .ig_debug_panel_menu .ig_debug_head { font-weight:700; color:#888 } .ig_debug_menu_item:hover { cursor:pointer; background-color:#fff; color:#000 } .ig_debug_menu_item.active,.ig_debug_menu_item.active:hover { background-color:#000; color:#fff } .ig_debug_stats { position:absolute; right:0; top:0; float:right; color:#888; border-left:1px solid #333; text-align:right } .ig_debug_stats span { width:3em; display:inline-block; color:#fff!important; margin-right:.2em; margin-left:.3em; font-family:bitstream vera sans mono,courier new; white-space:nowrap } .ig_debug_panel { height:152px; overflow:auto; position:relative } .ig_debug_panel canvas { border-bottom:1px solid #444 } .ig_debug_panel .ig_debug_panel { padding:8px; height:auto; float:left; background-color:#000; border-right:2px solid #222 } .ig_debug_option { padding:2px 0 2px 8px; cursor:pointer } .ig_debug_option:first-child { margin-top:8px } .ig_debug_option:hover { background-color:#111 } .ig_debug_graph_mark { position:absolute; color:#888; left:4px; font-size:10px; margin-top:-12px } .ig_debug_legend { color:#ccc } .ig_debug_label_mark { display:inline-block; width:10px; height:10px; margin-right:4px; -webkit-transition:.1s linear; -moz-transition:.1s linear } .ig_debug_legend_color { display:inline-block; width:6px; height:10px; margin-right:4px; margin-left:16px } .ig_debug_legend_number { width:3em; display:inline-block; text-align:right; font-family:bitstream vera sans mono,courier new; color:#fff; margin-right:.2em } .ig_debug_map_container { position:relative; overflow:hidden; border:1px solid #888 } .ig_debug_map_container canvas { position:absolute } .ig_debug_map_screen { position:absolute; border:1px solid #f0f }