/* @author		JOOFORGE.com
 * @copyright	Copyright(C) 2010 Jooforge
 * @licence		GNU/GPL http://www.gnu.org/copyleft/gpl.html */

#gamesbox div.gamenav li,
#procon li {
	background: none;
	padding: 0;
}

.clearfix:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}

.clearfix {
	display: inline-block;
}

* html .clearfix {
	height: 1%;
}

.clearfix {
	display: block;
}

.align-center {
	text-align: center;
}

.float-left {
	float: left;
}

.float-right {
	float: right;
}

/* GAMESBOX
-----------------------------------------*/
div#gamesbox div.gamenav {
	float: left;
	padding-right: 12px;
	background: url(../images/gamenav.png) no-repeat 100% 20px;
}

/********** Cover **********/
div#gamesbox a.cover {
	display: block;
	border: 7px solid #C2C2C2;
	margin: 0 auto 15px;
	position: relative;
}

div#gamesbox a.cover span.covercorner {
	display: block;
	height: 29px;
	width: 29px;
	position: absolute;
	bottom: 0;
	right: 0;
	background: url(../images/covercorner.png) no-repeat 100% 100%;
}

/********** Ratings **********/
div#gamesbox div.ratings {
	border: 1px solid #888;
	background: #888;
	color: #fff;
	margin-bottom: 15px;
}

div#gamesbox div.ratings0 {
	background: rgba(255, 255, 255, 0.4);
	padding: 1px;
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#40FFFFFF, endColorstr=#40FFFFFF);
	zoom: 1;
}

div#gamesbox div.ratings1 {
	background: #888 url(../images/shad.png) repeat-x 0 0;
	padding: 8px 0 4px;
}

div#gamesbox div.totalscore {
	margin-bottom: 20px;
}

div#gamesbox div.totalscore div.label {
	font-size: 13px;
	font-weight: bold;
	text-align: center !important;
}

div#gamesbox div.totalscore div.bigscore,
div#gamesbox div.bigscore {
	height: 58px;
	line-height: 58px;
	font-family: "Arial Black", Gadget, sans-serif;
	font-size: 58px;
	font-weight: bold;
	text-align: center !important;
	/* overflow: hidden; */
}

div#gamesbox div.gamelistvote div.bigscore {
	color: #bbb;
}

/********** Squares **********/
div#gamesbox div.square {
	width: 138px;
	margin: 10px auto;
	overflow: hidden;
	text-align: center;
}

div#gamesbox div.squareleft {
	width: 87px;
	line-height: 33px;
	height: 33px;
	overflow: hidden;
	float: left;
	font-size: 11px;
	background-color: rgba(0, 0, 0, 0.2);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#20000000, endColorstr=#20000000);
	zoom: 1;
}

div#gamesbox div.squareright {
	font: 18px/29px "Arial Black", Gadget, sans-serif;
	width: 47px;
	line-height: 29px;
	overflow: hidden;
	float: left;
	border: 2px solid #DBD9D9;
	background-color: #C2C2C2;
	color: #666;
}

div#gamesbox div.alphamask {
	width: 138px;
	height: 33px;
	z-index: 9;
	position: absolute;
	left: 0;
	top: 0;
	display: none;
}

div#gamesbox div#rating-label {
	font-size: 11px;
	text-align: center;
}

div#gamesbox div.slider {
	position: relative;
	width: 76px;
	height: 6px;
	background: #666 url(../../../../administrator/components/com_gamesbox/assets/images/bar.png) no-repeat 0 0;
	top: 14px;
	left: 5px;
}

div#gamesbox div.slider div.button {
	position: absolute;
	top: -3px;
	left: 0;
	background: url(../../../../administrator/components/com_gamesbox/assets/images/button.png) no-repeat;
	width: 9px;
	height: 16px;
	cursor: pointer;
}

/********** Pixelbutton **********/
div#gamesbox div.pixelbutton {
	border: 1px solid #DBD9D9;
	background-color: #DFD9D8;
	color: #666;
	margin-bottom: 7px;
}

div#gamesbox div.pixelbutton0 {
	background: rgba(255, 255, 255, 0.3);
	padding: 1px;
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#30FFFFFF, endColorstr=#30FFFFFF);
	zoom: 1;
}

div#gamesbox div.pixelbutton1 {
	background-color: #DFD9D8;
	line-height: 21px;
	padding-left: 5px;
}

div#gamesbox span.price {
	color: #c12110;
	font-size: 16px;
}

div#gamesbox span.release {
	font-size: 14px;
}

div#gamesbox span.price,
div#gamesbox span.release {
	float: right;
	margin-right: 5px;
	font-weight: bold;
}

/********** Content **********/
div#gamesbox div.gamecontent {
	margin-left: 185px;
}

div#gamesbox h1.gametitle {
	margin: 0 auto 5px;
	font-size: 27px;
	background: url(../images/titleshad.png) no-repeat 0 100%;
	padding-bottom: 9px;
}

div#gamesbox h3.gamesubtitle {
	margin: 15px 0;
}

div#gamesbox div.gamedetails {
	border-bottom: 1px solid #EFEFEF;
	padding-bottom: 5px;
	font-size: 11px;
}

div#gamesbox span.lmargin {
	margin-left: 15px;
}

div#gamesbox span.detail span {
	font-weight: bold;
}

/********** Console Buttons **********/

div#gamesbox div.consoles {
	padding: 5px 0 21px;
	background: url(../images/titleshadbot.png) no-repeat 0 100%;
	overflow: hidden;
}

div#gamesbox a.console {
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	background: url(../images/console.png) repeat-x 0 14px;
	text-transform: uppercase;
	margin-right: 2px;
	padding: 2px 6px;
	font-size: 11px;
	display: inline-block;
	color: #FFF;
}

div#gamesbox div.consoles a.console:active {
	background: url(../images/console.png) repeat-x 0 -8px;
}

div#gamesbox div.consoles a.console:hover {
	text-decoration: none;
	color: #FFF;
}

div#gamesbox div.pegi {
	height: 22px;
}

div#gamesbox div.box-content img {
	border: 3px solid #C2C2C2;
}

div#gamesbox div.tinyslider {
	background: #F2EFEF url(../images/tinybox.png) repeat-x 0 100%;
	border: 1px solid #DBD9D9;
}

div#gamesbox div.tinyslider .innerbox {
	padding: 6px;
}

div#gamesbox div.slidertitle {
	font: 21px/25px "Arial Black", Gadget, sans-serif;
	color: #BBB;
	text-shadow: 1px 1px 1px #FFF;
}

div#gamesbox div.hr {
	border-bottom: 1px solid #FCFCFC;
	background-color: #C4C3C3;
	height: 1px;
	overflow: hidden;
	clear: right;
	margin: 5px 0 8px;
}

/********** Sliderbutton **********/
div#gamesbox a.sliderbutton {
	float: right;
	border: 1px solid #dbd9d9;
	background-color: #F2EFEF;
	font-size: 11px;
	display: block;
	color: #999;
}

div#gamesbox span.sliderbutton0 {
	background: rgba(255, 255, 255, 0.3);
	display: block;
	padding: 1px;
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#30FFFFFF, endColorstr=#30FFFFFF);
	zoom: 1;
}

div#gamesbox span.sliderbutton1 {
	background: url(../images/sliderbutton.png) repeat-x 0 0;
	display: block;
	padding: 0 6px 0 5px;
	line-height: 18px;
}

div#gamesbox a.sliderbutton:hover {
	text-decoration: none;
	color: #666;
}

div#gamesbox a.sliderbutton:active span.sliderbutton1 {
	background: url(../images/sliderbutton.png) repeat-x 0 100%;
}

div#gamesbox div.gamesbox-slider {
	padding: 0 30px;
	position: relative;
}

div#gamesbox div.gamesbox-slider div.slider-container {
	overflow: hidden;
	margin: 0 auto;
}

div#gamesbox div.gamesbox-slider div.slider-rail {
	height: 90px;
	width: 9999px;
}

div#gamesbox div.gamesbox-slider a.image {
	float: left;
	border: 3px solid #C4C3C3;
	margin-right: 5px;
	text-decoration: none;
	-moz-border-radius: 4px;
	border-radius: 4px;
	-webkit-border-radius: 4px;
	position: relative;
	text-align: center;
	width: 130px;
	height: 90px;
	background: #171717;
	color: #FFF;
	text-decoration: none;
}

div#gamesbox div.gamesbox-slider span.title {
	position: absolute;
	left: 0;
	bottom: 0;
	display: block;
	width: 106px;
	height: 24px;
	line-height: 24px;
	background: url(../images/black.png);
	color: #FFF;
	font-size: 11px;
	padding: 0 4px;
}

div#gamesbox div.gamesbox-slider a.slider-left {
	display: block;
	height: 90px;
	width: 25px;
	position: absolute;
	left: 0;
	top: 0;
	background: url(../images/slider-left.png) no-repeat 50% 50%;
	cursor: pointer;
}

div#gamesbox div.gamesbox-slider a.slider-left:hover {
	background: url(../images/slider-left-active.png) no-repeat 50% 50%;
}

div#gamesbox div.gamesbox-slider a.slider-right {
	display: block;
	height: 90px;
	width: 25px;
	position: absolute;
	right: 0;
	top: 0;
	background: url(../images/slider-right.png) no-repeat 50% 50%;
	cursor: pointer;
}

div#gamesbox div.gamesbox-slider a.slider-right:hover {
	background: url(../images/slider-right-active.png) no-repeat 50% 50%;
}

/********** Game menu **********/
div#gamesbox ul.gamemenu {
	list-style: none;
	margin-left: 0;
	padding: 0;
}

div#gamesbox ul.gamemenu li{
	padding: 1px;
	margin-bottom: 1px;
}

div#gamesbox ul.gamemenu li:hover,
div#gamesbox ul.gamemenu li.active {
	padding: 0;
	border: 1px solid #888 !important;
	text-shadow: 1px 1px 1px #888;
}

div#gamesbox ul.gamemenu a {
	height: 24px;
	line-height: 24px;
	display: block;
	background: url(../images/gameli.png) no-repeat 3px 50%;
	padding-left: 16px;
	color: #999;
	border: 1px solid transparent;
}

div#gamesbox ul.gamemenu li:hover a,
div#gamesbox ul.gamemenu li.active a {
	border: 1px solid rgba(255, 255, 255, 0.2);
	text-decoration: none;
	color: #FFF;
	background: url(../images/console.png) repeat-x 0 17px;
}

div#gamesbox div.gbshad {
	background: url(../images/tinyboxshad.png) no-repeat center bottom;
	padding-bottom: 18px;
	margin-bottom: 15px;
}

div#gamesbox div.procons {
	margin-bottom: 15px;
}

div#gamesbox div.procons div.pro,
div#gamesbox div.procons div.cons {
	float: left;
	width: 50%;
}

div#gamesbox div.pro div.tinyslider {
	margin-right: 5px;
}

div#gamesbox div.pro div.innerbox {
	background: url(../images/pro.png) no-repeat 100% 10px;
}

div#gamesbox div.cons div.tinyslider {
	margin-left: 5px;
}

div#gamesbox div.cons div.innerbox {
	background: url(../images/cons.png) no-repeat 100% 10px;
}

div#procon {
	background: url(../images/procon.png) repeat-x 0 0;
	margin-top: -16px;
}

div#procon div.pcin2 {
	min-height: 68px;
}

div#gamesbox div.thumbup div.pcin2 {
	background: url(../images/thumbup.png) no-repeat 100% 0;
}

div#gamesbox div.thumbdown div.pcin2 {
	background: url(../images/thumbdown.png) no-repeat 100% 0;
}

div#gamesbox div.infoico div.pcin2 {
	background: url(../images/info.png) no-repeat 100% 0;
}

div#gamesbox div.proconinner {
	background: url(../images/titleshadbot.png) no-repeat 0 0;
	overflow: hidden;
}

div#gamesbox div.procon-col {
	width: 50%;
	float: left;
	padding: 15px 0;
}

div#procon div.pcin {
	padding: 0 10px;
}

div#procon div.thumbdown div.pcin,
div#procon div.infoico div.pcin {
	border-left: 1px solid #e9e9e9;
}

div#procon span.protitle {
	display: block;
	font-size: 14px;
	text-transform: uppercase;
	font-weight: bold;
	color: #118701;
	margin-bottom: 10px;
	font-family: "Arial Black", Gadget, sans-serif;
}

div#procon span.contitle {
	display: block;
	font-size: 14px;
	text-transform: uppercase;
	font-weight: bold;
	color: #c12110;
	margin-bottom: 10px;
	font-family: "Arial Black", Gadget, sans-serif;
}

div#gamesbox ul.proconbullet {
	list-style: none;
	margin: 0;
	padding: 0;
}

div#gamesbox ul.proconbullet li {
	background: url(../images/proconbullet.png) no-repeat 0 50%;
	padding-left: 16px;
	height: 20px;
	line-height: 20px;
}

div#gamesbox div.editor_comment {
	font-style: italic;
	margin-bottom: 15px;
}

div#gamesbox div.gamenewstitle {
	padding-bottom: 5px;
}

div#gamesbox a.gamenews {
	font-weight: bold;
	font-size: 13px;
}

div#gamesbox div.gamenews {
	background: url(../images/gamenews-grad.png) repeat-x 0 0;
	padding: 10px;
	overflow: hidden;
}

div#gamesbox div.gamenewstext {
	border-top: 1px solid #C4C3C3;
	border-bottom: 1px solid #FFF;
	margin-bottom: 5px;
	text-align: justify;
}

div#gamesbox div.gamenewstext div.gnsin {
	border-top: 1px solid #FFF;
	border-bottom: 1px solid #C4C3C3;
	padding: 5px 0;
	overflow: hidden;
}

div#gamesbox div.gamenewsseparator {
	background: url(../images/gamenews-shad.png) no-repeat 0 0;
	width: 406px;
	height: 17px;
}

/********** Multimedia **********/
div#gamesbox div.gamemedia {
	overflow: hidden;
}

div#gamesbox div.gamesboxmedia {
	position: relative;
	float: left;
	margin: 0 7px 7px 0;
	background: #111;
	width: 130px;
	height: 90px;
}

div#gamesbox div.slider-rail div.gamesboxmedia {
	margin: 0 5px 0 0;
}

div#gamesbox div.gamesboxmedia img {
	width: 130px;
	height: 90px;
}

div#gamesbox div.gamesboxmedia a {
	position: absolute;
	top: 0;
	left: 0;
	width: 130px;
	height: 90px;
	background: url(../images/cornice_thumb.png) no-repeat;
	z-index: 8;
}

div#gamesbox div.gamesboxmedia div.mediatitle {
	position: absolute;
	left: 3px;
	bottom: 3px;
	width: 116px;
	height: 24px;
	line-height: 24px;
	background: #C2C2C2;
	color: #FFF;
	font-size: 11px;
	padding: 0 4px;
	z-index: 5;
	height: 0;
	overflow: hidden;
}

/********** Game informations **********/
div#gamesbox ul.gameinfo {
	list-style: none;
	margin: 0;
	padding: 0;
}

div#gamesbox span.gdetail {
	font-weight: bold;
}

/********** Intense Debate **********/
div#idc-container {
	float: left;
}

div#disqus_thread div#dsq-content * {
	clear: none;
}

div #dsq-content #dsq-comments-title {
	margin-top: 20px;
}

/********** Last Games **********/
div#gamesbox div.consoletitle {
	background: #888 url(../images/grid.png) no-repeat 0 0;
	padding-left: 5px;
	font-size: 13px;
	font-weight: bold;
	float: left;
}

div#gamesbox div.consoletitle div.contit1 {
	background: url(../images/grid.png) no-repeat 100% -58px;
	padding-right: 5px;
}

div#gamesbox div.consoletitle div.contit2 {
	background: url(../images/grid.png) repeat-x 0 -29px;
	height: 29px;
	line-height: 29px;
	padding: 0 5px;
	color: #fff;
	text-shadow: 1px 1px #333;
}

div#gamesbox div.consoletitle a.gameconsolebutton {
	text-decoration: none;
	color: #fff;
	text-shadow: 1px 1px #333;
}

div#gamesbox img.gamecover,
div#gamesbox img.genreimage {
	width: 90px;
	height: 120px;
	float: left;
	margin-right: 10px;
	-moz-box-shadow: 0px 0px 2px #666;
	-webkit-box-shadow: 0px 0px 2px #666;
	box-shadow: 0px 0px 2px #666;
}

div#gamesbox div.gamelistbox {
	margin: 0 130px 0 102px;
}

div#gamesbox div.gamepreviewlistbox {
	margin-left: 102px;
}

div#gamesbox div.gamelistvote {
	float: right;
	width: 120px;
	text-align: center;
	padding-top: 15px;
}

div#gamesbox div.console {
	margin-bottom: 15px;
	background: url(../images/gametab.png) repeat-x 0 100%;
	padding-bottom: 17px;
	overflow: hidden;
}

div#gamesbox div.contitlebar {
	border-bottom: 3px solid #888;
	overflow: hidden;
}

div#gamesbox div.gametab {
	background: url(../images/gametab.png) repeat-x 0 0;
	padding: 14px 10px;
	clear: left;
	overflow: hidden;
}

div#gamesbox div.gametab:hover {
	background-color: #eee;
}

div#gamesbox div.gamelistbox div.gamenewstext div.gnsin,
div#gamesbox div.gamepreviewlistbox div.gamenewstext div.gnsin{
	border-bottom: 0;
}

div#gamesbox div.gamelistbox div.gamenewstext,
div#gamesbox div.gamepreviewlistbox div.gamenewstext {
	border-bottom: 0;
}

div#gamesbox h3.gametitletext {
	margin: 0;
}

div#gamesbox h3.gametitletext a {
	color: #666;
	text-decoration: none;
}

div#gamesbox div.gameform {
	margin-bottom: 20px;
	overflow: hidden;
}

div#gamesbox div.gameform div.searchbox {
	margin-top: 10px;
}

div#gamesbox div.gamepreviewdetails {
	color: #CC1501;
	margin-bottom: 10px;
}

div#gamesbox span.gameparam {
	font-weight: bold;
	color: #666;
}

/********** Genre **********/

div#gamesbox a.genre img {
	width: 50px;
	height: 50px;
}

div#gamesbox a.genre {
	display: block;
	float: left;
	width: 50%;
	background: url(../images/gametab.png) repeat-x 0 0;
	color: #888;
}

div#gamesbox a.genre span.genreinner {
	display: block;
	padding: 9px;
	overflow: hidden;
}

div#gamesbox a.genre:hover {
	background-color: #eee;
	text-decoration: none;
}

div#gamesbox a.col1 {
	width: 100%;
	float: none;
}

div#gamesbox a.col2 {
	width: 50%;
}

div#gamesbox a.col3 {
	width: 33.3%;
}

div#gamesbox a.col4 {
	width: 25%;
}

div#gamesbox select.inputbox {
	margin-right: 10px;
}

div#gamesbox a.leftgboxbutton {
	border-right: 0;
}