html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,font,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td{margin:0;padding:0;border:0;outline:0;font-size:100%;vertical-align:baseline;background:transparent}body{line-height:1}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:'';content:none}:focus{outline:0}ins{text-decoration:none}del{text-decoration:line-through}table{border-collapse:collapse;border-spacing:0}

/**
 *
 * Generic CSS for CakePHP
 *
 * CakePHP(tm) : Rapid Development Framework (http://cakephp.org)
 * Copyright 2005-2009, Cake Software Foundation, Inc. (http://cakefoundation.org)
 *
 * Licensed under The MIT License
 * Redistributions of files must retain the above copyright notice.
 *
 * @copyright     Copyright 2005-2009, Cake Software Foundation, Inc. (http://cakefoundation.org)
 * @link          http://cakephp.org CakePHP(tm) Project
 * @package       cake
 * @subpackage    cake.app.webroot.css
 * @since         CakePHP(tm)
 * @license       MIT License (http://www.opensource.org/licenses/mit-license.php)
 */

/** Notices and Errors **/
div.flash {
	position:absolute;
	top:0;
	left:0;
	width:100%;
	z-index:200;
}

div.message {
	clear: both;
	color: #ce000c;
	font-size: 16px;
	font-weight: bold;
	margin: 0 0 0 0;
	padding:8px;
	background: #ffc8cb;
	border-bottom:1px solid #ce000c;
}
div.error-message {
	clear: both;
	color: #fff;
	font-weight: bold;
	background: #c73e14;
}
p.error {
	background-color: #e32;
	color: #fff;
	font-family: Courier, monospace;
	font-size: 120%;
	line-height: 140%;
	padding: 0.8em;
	margin: 1em 0;
}
p.error em {
	color: #000;
	font-weight: normal;
	line-height: 140%;
}
.notice {
	background: #ffcc00;
	color: #000;
	display: block;
	font-family: Courier, monospace;
	font-size: 120%;
	line-height: 140%;
	padding: 0.8em;
	margin: 1em 0;
}
.success {
	background: green;
	color: #fff;
}

/*
 * FancyBox - jQuery Plugin
 * Simple and fancy lightbox alternative
 *
 * Examples and documentation at: http://fancybox.net
 * 
 * Copyright (c) 2008 - 2010 Janis Skarnelis
 * That said, it is hardly a one-person project. Many people have submitted bugs, code, and offered their advice freely. Their support is greatly appreciated.
 * 
 * Version: 1.3.4 (11/11/2010)
 * Requires: jQuery v1.3+
 *
 * Dual licensed under the MIT and GPL licenses:
 *   http://www.opensource.org/licenses/mit-license.php
 *   http://www.gnu.org/licenses/gpl.html
 */

#fancybox-loading {
	position: fixed;
	top: 50%;
	left: 50%;
	width: 40px;
	height: 40px;
	margin-top: -20px;
	margin-left: -20px;
	cursor: pointer;
	overflow: hidden;
	z-index: 1104;
	display: none;
}

#fancybox-loading div {
	position: absolute;
	top: 0;
	left: 0;
	width: 40px;
	height: 480px;
	background-image: url('../img/fancybox/fancybox.png');
}

#fancybox-overlay {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	z-index: 1100;
	display: none;
}

#fancybox-tmp {
	padding: 0;
	margin: 0;
	border: 0;
	overflow: auto;
	display: none;
}

#fancybox-wrap {
	position: absolute;
	top: 0;
	left: 0;
	padding: 20px;
	z-index: 1101;
	outline: none;
	display: none;
}

#fancybox-outer {
	position: relative;
	width: 100%;
	height: 100%;
	background: #fff;
}

#fancybox-content {
	width: 0;
	height: 0;
	padding: 0;
	outline: none;
	position: relative;
	overflow: hidden;
	z-index: 1102;
	border: 0px solid #fff;
}

#fancybox-hide-sel-frame {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: transparent;
	z-index: 1101;
}

#fancybox-close {
	position: absolute;
	top: -15px;
	right: -15px;
	width: 30px;
	height: 30px;
	background: transparent url('../img/fancybox/fancybox.png') -40px 0px;
	cursor: pointer;
	z-index: 1103;
	display: none;
}

#fancybox-error {
	color: #444;
	font: normal 12px/20px Arial;
	padding: 14px;
	margin: 0;
}

#fancybox-img {
	width: 100%;
	height: 100%;
	padding: 0;
	margin: 0;
	border: none;
	outline: none;
	line-height: 0;
	vertical-align: top;
}

#fancybox-frame {
	width: 100%;
	height: 100%;
	border: none;
	display: block;
}

#fancybox-left, #fancybox-right {
	position: absolute;
	bottom: 0px;
	height: 100%;
	width: 35%;
	cursor: pointer;
	outline: none;
	background: transparent url('../img/fancybox/blank.gif');
	z-index: 1102;
	display: none;
}

#fancybox-left {
	left: 0px;
}

#fancybox-right {
	right: 0px;
}

#fancybox-left-ico, #fancybox-right-ico {
	position: absolute;
	top: 50%;
	left: -9999px;
	width: 30px;
	height: 30px;
	margin-top: -15px;
	cursor: pointer;
	z-index: 1102;
	display: block;
}

#fancybox-left-ico {
	background-image: url('../img/fancybox/fancybox.png');
	background-position: -40px -30px;
}

#fancybox-right-ico {
	background-image: url('../img/fancybox/fancybox.png');
	background-position: -40px -60px;
}

#fancybox-left:hover, #fancybox-right:hover {
	visibility: visible; /* IE6 */
}

#fancybox-left:hover span {
	left: 20px;
}

#fancybox-right:hover span {
	left: auto;
	right: 20px;
}

.fancybox-bg {
	position: absolute;
	padding: 0;
	margin: 0;
	border: 0;
	width: 20px;
	height: 20px;
	z-index: 1001;
}

#fancybox-bg-n {
	top: -20px;
	left: 0;
	width: 100%;
	background-image: url('../img/fancybox/fancybox-x.png');
}

#fancybox-bg-ne {
	top: -20px;
	right: -20px;
	background-image: url('../img/fancybox/fancybox.png');
	background-position: -40px -162px;
}

#fancybox-bg-e {
	top: 0;
	right: -20px;
	height: 100%;
	background-image: url('../img/fancybox/fancybox-y.png');
	background-position: -20px 0px;
}

#fancybox-bg-se {
	bottom: -20px;
	right: -20px;
	background-image: url('../img/fancybox/fancybox.png');
	background-position: -40px -182px; 
}

#fancybox-bg-s {
	bottom: -20px;
	left: 0;
	width: 100%;
	background-image: url('../img/fancybox/fancybox-x.png');
	background-position: 0px -20px;
}

#fancybox-bg-sw {
	bottom: -20px;
	left: -20px;
	background-image: url('../img/fancybox/fancybox.png');
	background-position: -40px -142px;
}

#fancybox-bg-w {
	top: 0;
	left: -20px;
	height: 100%;
	background-image: url('../img/fancybox/fancybox-y.png');
}

#fancybox-bg-nw {
	top: -20px;
	left: -20px;
	background-image: url('../img/fancybox/fancybox.png');
	background-position: -40px -122px;
}

#fancybox-title {
	font-family: Helvetica;
	font-size: 12px;
	z-index: 1102;
}

.fancybox-title-inside {
	padding-bottom: 10px;
	text-align: center;
	color: #333;
	background: #fff;
	position: relative;
}

.fancybox-title-outside {
	padding-top: 10px;
	color: #fff;
}

.fancybox-title-over {
	position: absolute;
	bottom: 0;
	left: 0;
	color: #FFF;
	text-align: left;
}

#fancybox-title-over {
	padding: 10px;
	background-image: url('../img/fancybox/fancy_title_over.png');
	display: block;
}

.fancybox-title-float {
	position: absolute;
	left: 0;
	bottom: -20px;
	height: 32px;
}

#fancybox-title-float-wrap {
	border: none;
	border-collapse: collapse;
	width: auto;
}

#fancybox-title-float-wrap td {
	border: none;
	white-space: nowrap;
}

#fancybox-title-float-left {
	padding: 0 0 0 15px;
	background: url('../img/fancybox/fancybox.png') -40px -90px no-repeat;
}

#fancybox-title-float-main {
	color: #FFF;
	line-height: 29px;
	font-weight: bold;
	padding: 0 0 3px 0;
	background: url('../img/fancybox/fancybox-x.png') 0px -40px;
}

#fancybox-title-float-right {
	padding: 0 0 0 15px;
	background: url('../img/fancybox/fancybox.png') -55px -90px no-repeat;
}

/* IE6 */

.fancybox-ie6 #fancybox-close { background: transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='fancybox/fancy_close.png', sizingMethod='scale'); }

.fancybox-ie6 #fancybox-left-ico { background: transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='fancybox/fancy_nav_left.png', sizingMethod='scale'); }
.fancybox-ie6 #fancybox-right-ico { background: transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='fancybox/fancy_nav_right.png', sizingMethod='scale'); }

.fancybox-ie6 #fancybox-title-over { background: transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='fancybox/fancy_title_over.png', sizingMethod='scale'); zoom: 1; }
.fancybox-ie6 #fancybox-title-float-left { background: transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='fancybox/fancy_title_left.png', sizingMethod='scale'); }
.fancybox-ie6 #fancybox-title-float-main { background: transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='fancybox/fancy_title_main.png', sizingMethod='scale'); }
.fancybox-ie6 #fancybox-title-float-right { background: transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='fancybox/fancy_title_right.png', sizingMethod='scale'); }

.fancybox-ie6 #fancybox-bg-w, .fancybox-ie6 #fancybox-bg-e, .fancybox-ie6 #fancybox-left, .fancybox-ie6 #fancybox-right, #fancybox-hide-sel-frame {
	height: expression(this.parentNode.clientHeight + "px");
}

#fancybox-loading.fancybox-ie6 {
	position: absolute; margin-top: 0;
	top: expression( (-20 + (document.documentElement.clientHeight ? document.documentElement.clientHeight/2 : document.body.clientHeight/2 ) + ( ignoreMe = document.documentElement.scrollTop ? document.documentElement.scrollTop : document.body.scrollTop )) + 'px');
}

#fancybox-loading.fancybox-ie6 div	{ background: transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='fancybox/fancy_loading.png', sizingMethod='scale'); }

/* IE6, IE7, IE8 */

.fancybox-ie .fancybox-bg { background: transparent !important; }

.fancybox-ie #fancybox-bg-n { filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='fancybox/fancy_shadow_n.png', sizingMethod='scale'); }
.fancybox-ie #fancybox-bg-ne { filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='fancybox/fancy_shadow_ne.png', sizingMethod='scale'); }
.fancybox-ie #fancybox-bg-e { filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='fancybox/fancy_shadow_e.png', sizingMethod='scale'); }
.fancybox-ie #fancybox-bg-se { filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='fancybox/fancy_shadow_se.png', sizingMethod='scale'); }
.fancybox-ie #fancybox-bg-s { filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='fancybox/fancy_shadow_s.png', sizingMethod='scale'); }
.fancybox-ie #fancybox-bg-sw { filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='fancybox/fancy_shadow_sw.png', sizingMethod='scale'); }
.fancybox-ie #fancybox-bg-w { filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='fancybox/fancy_shadow_w.png', sizingMethod='scale'); }
.fancybox-ie #fancybox-bg-nw { filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='fancybox/fancy_shadow_nw.png', sizingMethod='scale'); }

.tooltip { 
    display:none;
    border:1px solid #9bb9f0;
    background:#d7e4ff;
    width:92px;
    padding:6px;
    font-size:10px;
    color:#4975cc;
}

/*
 * jQuery message plug-in 1.0
 *
 * http://bassistance.de/jquery-plugins/jquery-plugin-message/
 *
 * Copyright (c) 2009 Jörn Zaefferer
 *
 * $Id$
 *
 * Dual licensed under the MIT and GPL licenses:
 *   http://www.opensource.org/licenses/mit-license.php
 *   http://www.gnu.org/licenses/gpl.html
 */
.jquery-message {
    font: normal 20px / 50px Helvetica, Arial, Sans-Serif;
    letter-spacing: -1px;
    position: fixed;
    /* top: 250px; */
	top: 250px;
    left: 25%;
    width: 50%;
    color: white;
    background-color: black;
    text-align: center;
    display: none;
    opacity: 0;
    z-index: 100000;
}

.jquery-message .round {
    border-left: solid 2px white;
    border-right: solid 2px white;
    font-size: 1px;
    height: 2px;
}

.jquery-message p {
    padding: .3em;
    display: inline;
}

.jquery-message a {
    display: none;
}

#ajaxMsg {
	display: none;
	font-family: arial,sans-serif;
	font-size: 100%;
	font-weight: bold;
	text-align: center;
	position: fixed;
	z-index: 999;
	height: 1.3em;
	padding: 0.2em 0.6em;
	color: #000;
	background-color:#FAD163;
	-moz-border-radius-bottomleft: 6px; -moz-border-radius-bottomright: 6px;
	-webkit-border-bottom-left-radius: 6px; -webkit-border-bottom-right-radius: 6px;
	top: 0px;
	left: 480px;
}

#ajaxMsg.error {
	color: #fff;
	font-weight: bolder;
	background-color:#ff0000;
}

/* ROMHUSTLER.NET */
body{color:#030f2b;font:12px "Verdana", Geneva, sans-serif; background-color:  #c6d8ff;}
.hr{background-color: #D9E0EC;color: #D9E0EC;height: 1px;}
/* CONTAINER */
#wrapper{margin: 0 auto;position:relative;width:1020px;background: #c6d8ff url(../img/spriterx.png) 0 -650px repeat-x; border-left: 1px dotted #333333; border-right: 1px dotted #333333;}
#container{margin:auto;position:relative;width:980px;}
#container a{color:#00008B;text-decoration:none;}
#container a.featured{font-weight: bold;}
#container a:hover{background:#4975cc;color:#fff}
#container .ads{text-align:center;}
#container .adbrite{position:relative;padding-bottom:8px;padding-top:5px;border-top:1px solid #d9e0ec;}

/* Image hover fix */
/* a img{vertical-align:bottom} */
#section .list .extend a:hover, #section .shotbox a:hover{background:none}

/* TOP */
#top{position:relative;}
/* #top .header{background:url(../img/nav_bar.png) no-repeat;height:129px;margin-bottom:4px;position:relative;} */
#top .header{background:url(../img/sprite.png) no-repeat;height:129px;margin-bottom:4px;position:relative;}
#top .header h1 a, #top .header h2 a{background:url(../img/sprite.png) 0 -211px no-repeat;display:block;height:33px;text-indent:-6000px;width:222px;position:absolute;bottom:55px;left:132px;}

/* Header */
#top .header .navigation{position:absolute;bottom:0;left:0;}
#top .header .navigation ul li{float:left;}
#top .header .navigation ul li a{background:url(../img/sprite.png) -546px -211px no-repeat;display:block;height:43px;text-indent:-6000px;}

#top .header .navigation ul li.home a{background-position:-546px -212px;width:93px;}
#top .header .navigation ul li.home a:hover{background-position:-546px -256px;}
#top .header .navigation ul li.roms a{background-position:-639px -212px;width:94px;}
#top .header .navigation ul li.roms a:hover{background-position:-639px -256px;}
/*
#top .header .navigation ul li.reviews a{background-position:-187px 0px;width:115px;}
*/
#top .header .navigation ul li.emulators a{background-position:-848px -212px;width:132px;}
#top .header .navigation ul li.emulators a:hover{background-position:-848px -256px;}

#top .header .links{position:absolute;bottom:55px;right:20px;font-size:11px;}
#top .header .links ul{position:relative;}
#top .header .links ul li{display:inline;}
/*#top .header .links ul li *{color:#2651a6;font-size:11px;}*/
#top .header .links ul li *{font-size:11px;}
#top .header .links ul li span{padding:5px;}

/* Search */
#top .search{background:url(../img/sprite.png) 0 -142px no-repeat;height:33px;margin-bottom:2px;position:relative;}
#top .search fieldset{padding:6px 0px 0px 144px;}
#top .search fieldset legend{display:none;}
#top .search fieldset .dd_trigger{background:url(../img/sprite.png) no-repeat;border:none;color:#d3e2ff;font-size:12px;height:15px;padding:3px 5px 3px 4px;}
#top .search fieldset input{background:url(../img/sprite.png) 0 -280px no-repeat;border:none;color:#d3e2ff;font-size:12px;height:15px;padding:3px 5px 3px 4px;}
#top .search fieldset button{background:url(../img/sprite.png) -448px -212px no-repeat;border:none;float:left;height:21px;text-indent:-6000px;width:60px; cursor: pointer;}
#top .search fieldset .float{float:left;}
#top .search fieldset .tf{position:relative;}
#top .search fieldset .tf input{width:154px;}
#top .search fieldset .dd_1,#top .search fieldset .dd_2{padding-right:8px;position:relative;}
#top .search fieldset .dd_1 .dd_trigger,#top .search fieldset .dd_2 .dd_trigger{cursor:default;padding-right:28px;}
#top .search fieldset .dd_1 .dd_trigger{background-position:0px -303px;width:110px;}
#top .search fieldset .dd_2 .dd_trigger{background-position:0px -326px;width:90px;}
#top .search fieldset .keywords{display:block;width:201px;}

/* Dropdown */
#top .search fieldset .dropdown{background:#1a3d91;border-bottom:1px solid #5f89cc;border-left:1px solid #091a62;border-right:1px solid #5f89cc;border-top:1px solid #091a62;color:#d4e3ff;display:none;width:140px;position:absolute;top:22px;left:0;}
#top .search fieldset .dropdown input{background:none;height:auto;padding:0px;width:auto;}
#top .search fieldset .dropdown li{padding:1px 3px 1px 3px;}
#top .search fieldset .dropdown li label{padding: 0 0 0 5px;}
#top .search fieldset .dropdown li.even{background:#132f7e;}
#top .search fieldset .dd_2 .dropdown{width:120px;}

/* Quicklist */
#top .quicklist{background:url(../img/spritery.png) -2944px 0 repeat-y;}
#top .quicklist .top{background:url(../img/spritery.png) -1963px 0 no-repeat;}
#top .quicklist .bottom{background:url(../img/spritery.png) -3926px bottom no-repeat;width:100%;}

#top .quicklist .sort_options{float:left;padding:0px 6px 6px 6px;width:26px;}
#top .quicklist .sort_options ul li a{display:block;height:25px;margin-top:6px;text-indent:-6000px;width:25px;}
#top .quicklist .sort_options ul li.atoz a{background:url(../img/sprite.png) -246px -280px no-repeat;}
#top .quicklist .sort_options ul li.atoz a:hover, #top .quicklist .sort_options ul li.atoz a.active{background:url(../img/sprite.png) -272px -280px no-repeat;}
#top .quicklist .sort_options ul li.popular a{background:url(../img/sprite.png) -297px -280px no-repeat;}
#top .quicklist .sort_options ul li.popular a:hover, #top .quicklist .sort_options ul li.popular a.active{background:url(../img/sprite.png) -324px -280px no-repeat;}
#top .quicklist .sort_options ul li.time a{background:url(../img/sprite.png) -350px -280px no-repeat;}
#top .quicklist .sort_options ul li.time a:hover, #top .quicklist .sort_options ul li.time a.active{background:url(../img/sprite.png) -376px -280px no-repeat;}

#top .quicklist .roms{float:left;padding:1px 3px 1px 0px;width:938px;}
#top .quicklist .roms table{width:100%;}
#top .quicklist .roms table td{border-left:3px solid #fff;padding:3px 10px 3px 10px;width:134.5px;}
#top .quicklist .roms table tr.odd td, .popular table tr.odd td{background:#f4f6f9;border-bottom:1px solid #d9e0ec;border-top:1px solid #d9e0ec;}
.popular table{width: 99.5%;}
.popular table tr td{border-right:3px solid #fff;padding:3px 10px 3px 10px;width:134.5px;}

/* Popularity written for list */
#section .popular .top ul{width: 49.5%;float: left;}
#section .popular .top ul.right{}
#section .popular .top ul li{display: block;padding:3px 0 3px 10px;width:95%;}
#section .popular .top ul li.odd{background:#f4f6f9;border-bottom:1px solid #d9e0ec;border-top:1px solid #d9e0ec;}
#section .popular .top ul.right li{border-left:3px solid #fff;}


/* MIDDLE */
#middle{padding:10px 0px 20px 0px;width:100%;}


/* SECTION */
#section{float:left;width:780px;}
#section .rating img{margin:0px -2px 0px -2px;}
#section .ads{padding:0 0 5px;}
#section div.star-rating{display:inline-block;vertical-align:middle;}

/* Section viewport */
/* #section .viewport{padding-bottom:6px;} */
#section .viewport{padding-bottom:0px;}
#section .viewport .header{background:url(../img/spriterx.png) 0 -70px repeat-x;}
#section .viewport .header .left{background:url(../img/spriterx.png) 0 0 no-repeat;}
#section .viewport .header .right{background:url(../img/spriterx.png) right -35px no-repeat;height:27px;padding:4px 14px 4px 4px;}

#section .viewport .header h2{background:url(../img/sprite.png) no-repeat;color:#fff;font-size:15px;font-weight:bold;float:left;height:23px;padding:2px 0px 2px 37px;width:133px;text-shadow: 0.1em 0.1em 0.05em #000}


#section .viewport .header h3{background:url(../img/spriterx.png) 0 -170px repeat-x;float:left;color:#fff;font-size:15px;font-weight:bold;text-shadow: 0.1em 0.1em 0.05em #000} 
/* We need to fix this in IE6 */
#section .viewport .header h3 span.left{background:url(../img/spriterx.png) 0 -114px no-repeat;display:block;}
#section .viewport .header h3 span.right{background:url(../img/spriterx.png) right -142px no-repeat;display:block;height:23px;padding:2px 8px 2px 8px; overflow: hidden;}


#section .viewport .header .h1{background:url(../img/spriterx.png) 0 -170px repeat-x;color:#fff;float:left;font-size:15px;font-weight:bold;text-shadow: 0.1em 0.1em 0.05em #000;}
#section .viewport .header .h1 span.left{background:url(../img/spriterx.png) 0 -114px no-repeat;display:block;}
#section .viewport .header .h1 span.right{background:url(../img/spriterx.png) right -142px no-repeat;display:block;height:23px;padding:2px 8px 2px 8px;overflow: hidden;}
#section .viewport .header .h1 a{color:#fff;padding:0 10px 0 10px;}
#section .viewport .header .h1 a:hover{color:#F0FAF9;background:none;text-shadow:none;}
#section .viewport .header .h1 span.right span.bredcrumb{
	height: 20px;
	display: block;
	overflow: hidden;
}
/*
#section .viewport .header h1{background:url(../img/spriterx.png) 0 -170px repeat-x;color:#fff;float:left;font:bold 14px "Lucida Sans Unicode", "Lucida Grande", sans-serif;text-shadow:1px 1px 0px #dc5911;}*/ /* We need to fix this in IE6 */
/*#section .viewport .header h1 span.left{background:url(../img/spriterx.png) 0 -114px no-repeat;display:block;}
#section .viewport .header h1 span.right{background:url(../img/spriterx.png) right -142px no-repeat;display:block;height:23px;padding:4px 8px 0px 8px;}
#section .viewport .header h1 a{color:#fff;}
*/

#section .viewport.popular .header h2, #section .viewport.faqs .header h2{background-position:-245px -329px;}
#section .viewport.news .header h2{background-position:-245px -356px;}
#section .viewport.reviews .header h2{background-position:0px -27px;}
#section .viewport .header span.more{float:right;padding-top:5px;}
#section .viewport .header span.more a{color:#96b3eb;font-size:11px;}
#section .viewport .ads{padding:4px 0px 4px 0px;}

#section .viewport.dark .content{background:url(../img/spritery.png) -9205px 0 repeat-y; margin: 0 0 6px 0;}
#section .viewport.dark .content .top{background:url(../img/spritery.png) -7635px 0 no-repeat;}
#section .viewport.dark .content .bottom{background:url(../img/spritery.png) -8420px bottom no-repeat;}

#section .viewport.light .content{background:url(../img/spritery.png) -6850px 0 repeat-y; margin: 0 0 6px 0;}
#section .viewport.light .content .top{background:url(../img/spritery.png) -5280px 0 no-repeat;}
#section .viewport.light .content .bottom{background:url(../img/spritery.png) -6065px bottom no-repeat;}

/* Page navigation */
#section .pagi_nav{padding:17px 18px 17px 18px}

.pagi_nav{text-align: center;}
.pagi_nav span{display: inline-block;margin: 0 1px;}
.pagi_nav span.current{background:#00008b; color: #fff;padding: 2px 6px;}
.pagi_nav span a{display: block;border: 1px solid #DDD;padding: 2px 6px;}
.pagi_nav span a:hover{
	
}
.pagi_nav span:last-child{
	display:block;
	margin-top: 5px;
}

/* Popular */
#section .popular .content .bottom{padding:17px 0px 17px 25px;}
#section .popular ul li{display:block;float:left;padding-right:19px;}
#section .popular ul li img{border:1px solid #102754;padding:1px;}
#section .popular ul li span.title a{background:#d7e4ff;display:block;font-weight:bold;padding:3px;}

/* FAQs */
#section .faqs .faq_items{
	padding:17px 25px 0px 25px;
}

/* News */
#section .news .entry,#section .faqs .entry{border-top:1px solid #bdd2f8;padding:17px 25px 0px 25px;}
#section .news .entry h3,#section .faqs .entry h3{color:#00008B;font-size:14px;}
#section .news .entry p, #section .faqs .entry p{color:#000;line-height:1.5;padding-bottom:17px;}
#section .news .entry p.date{color: #999999; padding-bottom:5px;}
/* Reviews */
#section .reviews h3{color:#030f2b;font-size:14px;}
#section .reviews h4{color:#030f2b;font-size:12px;}
#section .reviews p{color:#5371ad;line-height:1.5;}

/* Subbar */
#section .subbar{background:url(../img/spriterx.png) 0 -267px repeat-x;margin-bottom:1px;}
#section .subbar .left{background:url(../img/spriterx.png) 0 -205px no-repeat;}
#section .subbar .right{background:url(../img/spriterx.png) right -236px no-repeat;height:22px;padding:4px;}
#section .subbar ul li{float:left;}
#section .subbar ul li a{color:#d4e3ff;display:block;float:left;padding:3px 6px 3px 6px;text-align:center;}
#section .subbar ul li a:hover,#section .viewport .subbar ul li.active a{background:#f4f8ff;color:#4975cc;text-decoration:none;}
#section .subbar ul li a.information{background:#d4e3ff;color:#4975cc;display:inline;float:left;margin:3px 0px 0px 3px;padding:0px 4px 0px 4px;text-decoration:none;font-weight:bold;}

/* Textblock */
#section .textblock .content .bottom{padding:17px 18px 0px 18px;}
#section .textblock .content h4, #section .textblock .content h2{color:#00008B;font-size:14px;}
#section .textblock .content .expandable p{color:#000000;}
#section .textblock .content p{color:#5371ad;line-height:1.5;padding-bottom:12px;}
#section .textblock .content .additional_info p{color:#000000;} 
#section .textblock .content span.read-more a{font-style:italic;}
#section .textblock .ads{float:right;padding:0px 0px 5px 5px;}

/* List */
#section .list table{width:100%;}
#section .list th{padding:12px 18px 12px 18px;}
#section .list th img,#section .list td img{vertical-align:middle;}
#section .list th.asc{background:url(../img/sprite.png) -955px -618px no-repeat;padding-left:32px;}
#section .list th.desc{background:url(../img/sprite.png) -955px -575px center no-repeat;padding-left:32px;} /* up arrow */
#section .list th a{color:#030f2b; text-decoration: underline;}
#section .list td{padding:8px 18px 8px 18px;}
#section .list th,#section .list td{border-top:1px solid #bdd2f8;border-bottom:1px solid #bdd2f8;text-align:left;}
#section .list .title{width:58%;}
/* #section .list .genre{width:15%;} */
#section .list .genre{width:7%;}
#section .list .year{width:10%;}
#section .list .rating{width:15%;}
#section .list .extend{width:2%;}
#section .list .hidden td{padding:0px 1px 0px 1px;}
#section .list .hidden ul{background:#fff;padding:8px 24px 8px 24px;}
#section .list .hidden ul li{}
#section .list table#roms_table .rating{width:16%;}
#section .list table#roms_table .downloaded{ text-align: center;}
#section .list tr.last td{border:none;}
/*#section .list td.title a{font-weight:bold;}*/

/* Details */
#esa_notice{color:#ce000c;font-weight:bold;padding:8px;background:#ffc8cb;margin:17px 0px 0px 0px;border:1px solid #ce000c;}
#esa_notice a{color:#ce000c;}
#section .details h3{color:#2550a4;font-size:14px;padding-bottom:8px;}
#section .details ul li{padding-bottom:4px;}
#section .details ul li span.head{font-weight:bold;}
#section .details ul li span.record, span.record{color:#4975cc;}
#section .details ul li span.record a, span.record a{text-decoration:underline;  margin:5px 0;}
#section .details ul li span.record.other_downloads a{display:block;}
#section .details ul li span.small{font-size:11px;}
#section .details ul li img, span.adding img{vertical-align:middle;}
/* #section .details .info{float:right;width:360px;} */
#section .details .info{width:360px;}

#section .details .screenshots ul li,#section .details .full_screenshots ul li{display:block;float:left;padding-right:19px;}
#section .details .screenshots ul li img,#section .details .full_screenshots ul li img{border:1px solid #102754;padding:1px;}
#section .details .full_screenshots ul li{padding-bottom:10px;}
#section .details .screenshots h3{ padding: 25px 0pt 0pt 15px; margin-top: 20px; clear: both;}

#section .details .overview.ad{float:left;}

#section .details .center{width:300px;margin:auto;}

#section .details ul li a.big{display:block;background:url(../img/sprite.png) -546px -309px no-repeat;padding:20px 0px;height:42px;width:234px;text-indent:-6000px;}

/* Reviews */
#section .reviews .entry{padding:17px 18px 0px 18px;border-bottom:1px solid #bdd2f8;}
#section .reviews .entry h4{color:#030f2b;font-size:14px;}
#section .reviews .entry p{color:#5371ad;line-height:1.5;padding-bottom:17px;}
#section .reviews .head{border-bottom:1px solid #bdd2f8;color:#5371ad;padding:8px 18px 8px 18px;}
#section .reviews .head img{vertical-align:middle;}
#section .reviews .head .author{padding-left:5px;}
#section .reviews .addReview .head{padding: 0; border-bottom: 0;font-weight: bold;text-decoration: none;color: #000;}

/* Block */
#section .block{padding:17px 18px 17px 18px;}
#section .block.sep{border-bottom:1px solid #bdd2f8;}
#section .block .bottom{width:100%;}
#section .block-2{padding:17px 0px 7px 18px;}
#section .block-2.sep{border-bottom:1px solid #bdd2f8;}
#section .block-2 .bottom{width:100%;}

/* Pages */
#section .page .bottom{padding:17px 18px 17px 18px;}
#section .page legend{font-size:14px;font-weight:bold;padding-bottom:10px;}
#section .page fieldset.next legend{padding-top:30px;}
#section .page table td{vertical-align:middle;}
#section .page table td.head{font-weight:bold;padding:6px 10px 6px 0px;vertical-align:top;}
#section .page table td.head input.rememberMe{float: right;}
#section .page table td textarea{width:600px;height:300px;}
#section .page .linkthrough{padding-top:20px;}
#section .page .recaptcha{padding:20px 0px 20px 0px;}
#section .page p{padding-bottom:10px;line-height:1.5;}

/* Affiliates */
.apply_box{background:none repeat scroll 0 0 #fff;padding:10px;width:480px;}
.apply_box td{padding:0 5px 5px 0;}
.apply_box td.head{width:30%;}

/* ASIDE */
/*#aside{background:#4975cc;float:right;width:179px;}*/
#aside{float:right;width:179px;}
#aside .top{background:url(../img/spritery.png) -4910px 0 no-repeat;}
#aside .bottom{background:url(../img/spritery.png) -5095px bottom no-repeat;}
/* #aside .ads{padding:200px 0px 0px 0px;} */
#aside .ads{padding:5px 0px 0px 0px;}

/* Aside viewport */
#aside .viewport h2{background:url(../img/sprite.png) -246px -212px no-repeat;border-bottom:1px solid #2a4da8;color:#fff;font:13px "Lucida Sans Unicode", "Lucida Grande", sans-serif;height:26px;padding:9px 0px 0px 40px;text-shadow:1px 1px 0px #183aa9;}

/* Game reviews */
/* #aside .game_reviews h2{background-position:0px 0px;} */
#aside .game_reviews table{width:100%;}
#aside .game_reviews table td{border-bottom:2px solid #4975cc;height:36px;vertical-align:middle;}
#aside .game_reviews table td.score{background:#345cbc;border-right:1px solid #4975cc;color:#fff;font-size:13px;font-weight:bold;text-align:center;text-shadow:1px 1px 0px #183aa9;width:36px;}
#aside .game_reviews table td.title{background:#3a62c0;font-size:11px;padding:0px 10px 0px 10px;}
#aside .game_reviews table td.title a{color:#d4e3ff;}


/* FOOTER */
#footer{position:relative; height: 240px;}
#footer *{font-size:11px;}

/* Footer viewport */
#footer .viewport{background:#0a2d73;position:relative;}
#footer .viewport .top{background:url(../img/spritery.png) 0 0 no-repeat;}
#footer .viewport .bottom{background:url(../img/spritery.png) -981px bottom no-repeat;height:188px;padding:16px 20px 16px 20px;}
#footer .viewport .devil{background:url(../img/sprite.png) -832px -329px no-repeat;height:240px;width:147px;position:absolute;top:-10px;right:-18px;}

#footer .viewport h5{color:#fff;font-size:18px;font-weight:normal;padding-bottom:12px;text-shadow:1px 1px 0px #000;}
#footer .viewport span a{background:#143d8d;color:#fff;display:inline-block;font-size:11px;margin-top:12px;padding:4px 8px 4px 8px;}
#footer .viewport span a:hover{background:#051c59;text-decoration:none;}

/* Copyright */
#footer .copyright{background:url(../img/spriterx.png) right -302px no-repeat;float:left;height:100%;padding-right:27px;width:190px;}
#footer .copyright p{color:#658bd4;line-height:1.6;}

/* Affiliates */
#footer .affiliates{float:left;padding-left:27px;}
#footer .affiliates ul li{float:left;width:150px;}
#footer .affiliates ul li a{color:#93afe5;}
#footer .affiliates ul li ul li{float:none;padding:2px 0px 2px 0px;width:auto;}
#footer .affiliates ul li span{ }
#footer .affiliates ul li span a{color:#fff;}

/* Powered by codetrio 
#footer .powered_by{padding:14px 0px 14px 0px;;width:100%;}
#footer .powered_by a{background:url(../img/powered_by.png) no-repeat;display:block;float:right;height:26px;text-indent:-6000px;width:159px;}
*/


/* FIXES */
.clear{clear: both;}
.clearfix{display:inline-block;}
.clearfix:after{content:".";display:block;height:0;clear:both;visibility:hidden;}
.clearspace{display:block;}
.center{text-align: center;}
.blue{
	color: #4975CC;
}

/**************************** Commenting styles *****************************/
.msg{
	display:block;
	height:23px;
	padding:4px 0px 0px;
	color: #F46804;
    font: 13px "Lucida Sans Unicode","Lucida Grande",sans-serif;
}

.comm_wrapper{
	margin-bottom: 10px;
}

.comm_wrapper .commBox{
	padding:10px 0 10px 10px;
	border-bottom: 1px dotted #507CD1;
	float: left;
	width: 98%;
}

.commBox .commDate{
	color: #939090;
}

.commBox .commText{
	margin: 2px 0 5px;
}

.shotbox{
	padding:10px 0 10px 10px;
}

.comm_wrapper .newBox{
	background-color: #C6D8FF;
}

.newOutof{
	color: #4975CC;
}

.leftDiv{
	float: left;
	width:15%;
	min-height: 70px;
	height: auto!important;
	height: 70px;
}

.rightDiv{
	float: left;
	width:85%;
	position: relative;
}

.outofdiv{
	color: #4975CC;
}


.mb10{
	margin-bottom: 10px;
}

#CommentShowForm div{
	margin-bottom: 10px;
}

.rightDiv ul{
	position: absolute;
	right: 0;
	top:-4px;
}

ul#reviewComment li{
	display: inline-block;
}

ul#reviewComment li a{
	display: block;
	width: 19px;
	height: 20px;
	text-indent: -9999px;
	text-align: left;
}

ul#reviewComment li.up a{
	background: url(../img/sprite.png) -448px -280px no-repeat;
}

ul#reviewComment li.up a:hover{
	background-position: -448px -300px;
}

ul#reviewComment li.down a{
	background: url(../img/sprite.png) -467px -280px no-repeat;
}

ul#reviewComment li.down a:hover{
	background-position: -467px -300px;
}

ul#reviewComment li.report a{
	background: url(../img/sprite.png) -486px -280px no-repeat;
}

ul#reviewComment li.report a:hover{
	background-position: -486px -300px;

}

.bar {
	margin-bottom:20px; 
	border-bottom: 1px dotted #507CD1;
}

table.filetbl{
	width: 60%;
}

input.full_area{
	width:99%;
}

.green{
	color: green;
}

.red{
	color: red;
}

span.read-more a{
	font-weight: bold;
}

.download_list ul li p{
	margin-bottom: 10px;
}

#section .details ul li span.record.other_downloads .splitFiles a{
 display: inline;
 text-decoration: none;
}

#section .details ul li span.record .splitFiles p strong{
 color: #000;
}

.fbLikeBtn{
    height: 62px;
    left: 380px;
    position: absolute;
    top: 12px;
    width: 150px;	
    overflow: hidden;
}
span.ratings{
	width: 60px;
	height: 13px;
	display: block;
    background: url('../img/stars.png') 0 0 repeat-x;	
}
span.rated{
    background: url('../img/stars.png') 0 -13px repeat-x;	
	height: 13px;
	display: block;
}
span.rated_0{width: 0px;}
span.rated_1{width: 12px;}
span.rated_2{width: 24px;}
span.rated_3{width: 36px;}
span.rated_4{width: 48px;}
ul.emulator{
 padding: 0;
 width: 100%;
 float: left;
}
ul.emulator li{
	padding: 0 0 3px;
}
ul.emulator li span{
 display: inline-block;
}
#section .list ul.emulator li span.title{
	width: 46%;
}

#section .list ul.emulator .rating{
text-align: center;
}

ul.emulator li span.rating_info{
width: 36%;
}
#section .list .emulator_info th.title{
width: 45%;
}
#section .list .emulator_info th.active_year{
 padding-left: 10px;
}

#section .list .emulator_info th.rating{
 padding-left: 0;
}
#section .list tr.emulator_list td{
	border-bottom: none;
	border-top: none;
	padding: 2px 18px;
}
#section .list tr.e_console_info td{
	border-bottom: none;
	padding-bottom: 2px;
}
span.rating{
 display: inline-block;
 width: 125px;	
}

.downloadLinkContainer{
	font-size: 15px;
}
.downloadLinkContainer .accelerator{
	font-size: 10px;
}


#facebox {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 100;
  text-align: left;
  display: none;
}


#facebox .popup{
  position:relative;
  border:5px solid rgba(0,0,0,0);
  -webkit-border-radius:7px;
  -moz-border-radius:7px;
  border-radius:7px;
  -webkit-box-shadow:0 0 18px rgba(0,0,0,0.4);
  -moz-box-shadow:0 0 18px rgba(0,0,0,0.4);
  box-shadow:0 0 18px rgba(0,0,0,0.4);
}

#facebox .content {
  display:table;
  width: 370px;
  padding: 10px;
  background: #fff;
  -webkit-border-radius:4px;
  -moz-border-radius:4px;
  border-radius:4px;
}

#facebox .content > p:first-child{
  margin-top:0;
}
#facebox .content > p:last-child{
  margin-bottom:0;
}

#facebox .close{
  position:absolute;
  top:5px;
  right:5px;
  padding:2px;
  background:#fff;
}
#facebox .close img{
  opacity:0.3;
}
#facebox .close:hover img{
  opacity:1.0;
}

#facebox .loading {
  text-align: center;
}

#facebox .image {
  text-align: center;
}

#facebox img {
  border: 0;
  margin: 0;
}

#facebox_overlay {
  position: fixed;
  top: 0px;
  left: 0px;
  height:100%;
  width:100%;
}

.facebox_hide {
  z-index:-100;
}

.facebox_overlayBG {
  background-color: #000;
  z-index: 99;
}

[class^="icon-"], [class*=" icon-"] {
    background-image: url("/img/glyphicons-halflings.png");
    background-repeat: no-repeat;
    display: inline-block;
    height: 14px;
    line-height: 14px;
    vertical-align: text-top;
    width: 14px;
}

.icon-edit{ background-position: -96px -72px;}
.icon-share-alt {
    background-position: -336px -96px;
}

.icon-envelope{
	background-position: -72px 0;	
}

.icon-remove{
	background-position: -312px 0;	
}

.icon-folder-close{
	background-position: -384px -120px;
}
.icon-arrow-up, .icon-arrow-asc{
	background-position: -288px -96px;
}
.icon-arrow-down, .icon-arrow-desc{
	background-position: -312px -96px;
}