/* jQuery.Rating Plugin CSS - http://www.fyneworks.com/jquery/star-rating/ */
div.rating{cursor:pointer;margin:2em;clear:both;display:block}
div.rating:after{content:'.';display:block;height:0;width:0;clear:both;visibility:hidden}
div.cancel,div.star{float:left;width:17px;height:15px;text-indent:-999em;cursor:pointer;display:block;background:transparent;overflow:hidden}
div.cancel,div.cancel a{background:url('delete.gif') no-repeat 0 -16px}
div.star,div.star a{background:url('star.gif') no-repeat 0 0px}
div.cancel a,div.star a{display:block;width:16px;height:100%;background-position:0 0px;border:1 solid #FF0000}
div.star_on a{background-position:0 -16px!important}
div.star_hover a,div.star_live a:hover{background-position:0 -32px}
/* Read Only CSS */
div.star_readonly a,div.star_readonly a:hover{cursor:default !important}
/* Partial Star CSS */
div.star{background:transparent!important;overflow:hidden!important}
/* END jQuery.Rating Plugin CSS */
/**
 * This <div> element is wrapped by jCarousel around the list
 * and has the classname "jcarousel-container".
 */
.jcarousel-container {
    position: relative;
}

.jcarousel-clip {
    z-index: 2;
    padding: 0;
    margin: 0;
    overflow: hidden;
    position: relative;
}

.jcarousel-list {
    z-index: 1;
    overflow: hidden;
    position: relative;
    top: 0;
    left: 0;
    margin: 0;
    padding: 0;
}

.jcarousel-list li,
.jcarousel-item {
    float: left;
    list-style: none;
    /* We set the width/height explicitly. No width/height causes infinite loops. */
    width: 75px;
    height: 75px;
}

/**
 * The buttons are added dynamically by jCarousel before
 * the <ul> list (inside the <div> described above) and
 * have the classnames "jcarousel-next" and "jcarousel-prev".
 */
.jcarousel-next {
    z-index: 3;
    display: none;
}

.jcarousel-prev {
    z-index: 3;
    display: none;
}

.jcarousel-skin-tango .jcarousel-container {
    -moz-border-radius: 10px;
    background: #F0F6F9;
    border: 1px solid #346F97;
}

.jcarousel-skin-tango .jcarousel-container-horizontal {
    width: 245px;
    padding: 20px 40px;
}

.jcarousel-skin-tango .jcarousel-container-vertical {
    width: 75px;
    height: 245px;
    padding: 40px 20px;
}

.jcarousel-skin-tango .jcarousel-clip-horizontal {
    width:  245px;
    height: 75px;
}

.jcarousel-skin-tango .jcarousel-clip-vertical {
    width:  75px;
    height: 245px;
}

.jcarousel-skin-tango .jcarousel-item {
    width: 75px;
    height: 75px;
}

.jcarousel-skin-tango .jcarousel-item-horizontal {
    margin-right: 10px;
}

.jcarousel-skin-tango .jcarousel-item-vertical {
    margin-bottom: 10px;
}

.jcarousel-skin-tango .jcarousel-item-placeholder {
    background: #fff;
    color: #000;
}

/**
 *  Horizontal Buttons
 */
.jcarousel-skin-tango .jcarousel-next-horizontal {
    position: absolute;
    top: 43px;
    right: 5px;
    width: 32px;
    height: 32px;
    cursor: pointer;
    background: transparent url(next-horizontal.png) no-repeat 0 0;
}

.jcarousel-skin-tango .jcarousel-next-horizontal:hover {
    background-position: -32px 0;
}

.jcarousel-skin-tango .jcarousel-next-horizontal:active {
    background-position: -64px 0;
}

.jcarousel-skin-tango .jcarousel-next-disabled-horizontal,
.jcarousel-skin-tango .jcarousel-next-disabled-horizontal:hover,
.jcarousel-skin-tango .jcarousel-next-disabled-horizontal:active {
    cursor: default;
    background-position: -96px 0;
}

.jcarousel-skin-tango .jcarousel-prev-horizontal {
    position: absolute;
    top: 43px;
    left: 5px;
    width: 32px;
    height: 32px;
    cursor: pointer;
    background: transparent url(prev-horizontal.png) no-repeat 0 0;
}

.jcarousel-skin-tango .jcarousel-prev-horizontal:hover {
    background-position: -32px 0;
}

.jcarousel-skin-tango .jcarousel-prev-horizontal:active {
    background-position: -64px 0;
}

.jcarousel-skin-tango .jcarousel-prev-disabled-horizontal,
.jcarousel-skin-tango .jcarousel-prev-disabled-horizontal:hover,
.jcarousel-skin-tango .jcarousel-prev-disabled-horizontal:active {
    cursor: default;
    background-position: -96px 0;
}

/**
 *  Vertical Buttons
 */
.jcarousel-skin-tango .jcarousel-next-vertical {
    position: absolute;
    bottom: 5px;
    left: 43px;
    width: 32px;
    height: 32px;
    cursor: pointer;
    background: transparent url(next-vertical.png) no-repeat 0 0;
}

.jcarousel-skin-tango .jcarousel-next-vertical:hover {
    background-position: 0 -32px;
}

.jcarousel-skin-tango .jcarousel-next-vertical:active {
    background-position: 0 -64px;
}

.jcarousel-skin-tango .jcarousel-next-disabled-vertical,
.jcarousel-skin-tango .jcarousel-next-disabled-vertical:hover,
.jcarousel-skin-tango .jcarousel-next-disabled-vertical:active {
    cursor: default;
    background-position: 0 -96px;
}

.jcarousel-skin-tango .jcarousel-prev-vertical {
    position: absolute;
    top: 5px;
    left: 43px;
    width: 32px;
    height: 32px;
    cursor: pointer;
    background: transparent url(prev-vertical.png) no-repeat 0 0;
}

.jcarousel-skin-tango .jcarousel-prev-vertical:hover {
    background-position: 0 -32px;
}

.jcarousel-skin-tango .jcarousel-prev-vertical:active {
    background-position: 0 -64px;
}

.jcarousel-skin-tango .jcarousel-prev-disabled-vertical,
.jcarousel-skin-tango .jcarousel-prev-disabled-vertical:hover,
.jcarousel-skin-tango .jcarousel-prev-disabled-vertical:active {
    cursor: default;
    background-position: 0 -96px;
}

#tooltip {
	position: absolute;
	z-index: 3000;
	border: 1px solid #111;
	background-color: #eee;
	padding: 5px;
	opacity: 0.85;
	width: 500px;
}
#tooltip h3, #tooltip div { margin: 0; }
#tooltip img { float:left; margin-right:2px; }
/* ----------------------------------------------------------------------------------------------------------------*/
/* ---------->>> global settings needed for thickbox <<<-----------------------------------------------------------*/
/* ----------------------------------------------------------------------------------------------------------------*/
/*
*{padding: 0; margin: 0;}
*/

/* ----------------------------------------------------------------------------------------------------------------*/
/* ---------->>> thickbox specific link and font settings <<<------------------------------------------------------*/
/* ----------------------------------------------------------------------------------------------------------------*/
#TB_window {
	font: 12px Arial, Helvetica, sans-serif;
	color: #333333;
}

#TB_secondLine {
	font: 10px Arial, Helvetica, sans-serif;
	color:#666666;
}

#TB_window a:link {color: #666666;}
#TB_window a:visited {color: #666666;}
#TB_window a:hover {color: #000;}
#TB_window a:active {color: #666666;}
#TB_window a:focus{color: #666666;}

/* ----------------------------------------------------------------------------------------------------------------*/
/* ---------->>> thickbox settings <<<-----------------------------------------------------------------------------*/
/* ----------------------------------------------------------------------------------------------------------------*/
#TB_overlay {
	position: fixed;
	z-index:100;
	top: 0px;
	left: 0px;
	height:100%;
	width:100%;
}

.TB_overlayMacFFBGHack {background: url(macFFBgHack.png) repeat;}
.TB_overlayBG {
	background-color:#000;
	filter:alpha(opacity=75);
	-moz-opacity: 0.75;
	opacity: 0.75;
}

* html #TB_overlay { /* ie6 hack */
     position: absolute;
     height: expression(document.body.scrollHeight > document.body.offsetHeight ? document.body.scrollHeight : document.body.offsetHeight + 'px');
}

#TB_window {
	position: fixed;
	background: #ffffff;
	z-index: 102;
	color:#000000;
	display:none;
	border: 4px solid #525252;
	text-align:left;
	top:50%;
	left:50%;
}

* html #TB_window { /* ie6 hack */
position: absolute;
margin-top: expression(0 - parseInt(this.offsetHeight / 2) + (TBWindowMargin = document.documentElement && document.documentElement.scrollTop || document.body.scrollTop) + 'px');
}

#TB_window img#TB_Image {
	display:block;
	margin: 15px 0 0 15px;
	border-right: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
	border-top: 1px solid #666;
	border-left: 1px solid #666;
}

#TB_caption{
	height:25px;
	padding:7px 30px 10px 25px;
	float:left;
}

#TB_closeWindow{
	height:25px;
	padding:11px 25px 10px 0;
	float:right;
}

#TB_closeAjaxWindow{
	padding:7px 10px 5px 0;
	margin-bottom:1px;
	text-align:right;
	float:right;
}

#TB_ajaxWindowTitle{
	float:left;
	padding:7px 0 5px 10px;
	margin-bottom:1px;
}

#TB_title{
	background-color:#e8e8e8;
	height:27px;
}

#TB_ajaxContent{
	clear:both;
	padding:2px 15px 15px 15px;
	overflow:auto;
	text-align:left;
	line-height:1.4em;
}

#TB_ajaxContent.TB_modal{
	padding:15px;
}

#TB_ajaxContent p{
	padding:5px 0px 5px 0px;
}

#TB_load{
	position: fixed;
	display:none;
	height:13px;
	width:208px;
	z-index:103;
	top: 50%;
	left: 50%;
	margin: -6px 0 0 -104px; /* -height/2 0 0 -width/2 */
}

* html #TB_load { /* ie6 hack */
position: absolute;
margin-top: expression(0 - parseInt(this.offsetHeight / 2) + (TBWindowMargin = document.documentElement && document.documentElement.scrollTop || document.body.scrollTop) + 'px');
}

#TB_HideSelect{
	z-index:99;
	position:fixed;
	top: 0;
	left: 0;
	background-color:#fff;
	border:none;
	filter:alpha(opacity=0);
	-moz-opacity: 0;
	opacity: 0;
	height:100%;
	width:100%;
}

* html #TB_HideSelect { /* ie6 hack */
     position: absolute;
     height: expression(document.body.scrollHeight > document.body.offsetHeight ? document.body.scrollHeight : document.body.offsetHeight + 'px');
}

#TB_iframeContent{
	clear:both;
	border:none;
	margin-bottom:-1px;
	margin-top:1px;
	_margin-bottom:1px;
}

/*
Copyright (c) 2008, Yahoo! Inc. All rights reserved.
Code licensed under the BSD License:
http://developer.yahoo.net/yui/license.txt
version: 2.6.0
*/
html{color:#000;background:#FFF;}
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td{margin:0;padding:0;}
table{border-collapse:collapse;border-spacing:0;}
fieldset,img{border:0;}
address,caption,cite,code,dfn,em,strong,th,var{font-style:normal;font-weight:normal;}
li{list-style:none;}
caption,th{text-align:left;}
h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}
q:before,q:after{content:'';}
abbr,acronym {border:0;font-variant:normal;}
/* to preserve line-height and selector appearance */
sup {vertical-align:text-top;}
sub {vertical-align:text-bottom;}
input,textarea,select{font-family:inherit;font-size:inherit;font-weight:inherit;}
/*to enable resizing for IE*/
input,textarea,select{*font-size:100%;}
/*because legend doesn't inherit in IE */
legend{color:#000;}
del,ins{text-decoration:none;}
form {margin:0; padding:0;}

/* Links */
a:link {color: #0063DC;	text-decoration: none;}
a:visited {color: #0259C4;text-decoration: none;}
a:hover {color: #FFFFFF;text-decoration: none;background: #0063DC;}
a:active {color: #FFFFFF;text-decoration: none;background: #0259C4;}

/* Content Styles */
h1,h2,h3 { font-weight:normal; }
h1 { font-size:218%; margin-bottom:.6em; line-height:1.1em; }
h2 { font-size:150%; margin-bottom:.2em; line-height:1.2em; }
h3 { font-size:125%; margin-bottom:.2em; }
h4 { font-size:100%; margin-bottom:-3px; margin-top:1.2em; letter-spacing:1px; }

/* Body */
html,body { font-family: Arial, helvetica, sans-serif; font-size:13px; color:#222; background:#000 url(/i/bg_black.jpg) repeat-x top left; }
#wrapper { width:960px; margin:auto; }
#header { padding:5px 0; background:#000; clear:both; height:90px;margin-bottom:25px; }
#main-content {  clear:both; background-color: #fff; padding:0px; }
#sidebar { float:right; }
#content { float:left; position:relative; width:630px; padding: 0px;background-color: #fff;}
#footer { clear:both; padding-top:5px; text-align:right; color:#fff; font-weight:bold; }

#logo { float:left;  text-align: center;}
#logo h1 { background:url(/i/2fglogo.jpg) no-repeat top left; display:block; width:231px; height:41px; margin:0; padding:0; line-height:1em; text-indent:-10000px; margin-top:20px;}
#topbanner { float:right; }
#header-menu { clear:both; color:#fff; font-size:11px; margin: 0px 0px 0px 2px; letter-spacing: 0.09em; line-height: 1.8em;}
#header-menu li { float:left; border-right:1px solid #000; padding:0 1px; }
#header-menu li.first { padding-left:0px; }
#header-menu li.last { border:none; }
#header-menu li a, #header-menu li a:hover { color:#fff; font-size:11px; font-weight:bold; text-transform:uppercase; background:none; }
#header-menu li a:hover { border-bottom:1px solid #000; }

/*#mainmenu { width:960px; overflow:auto; }*/
#mainmenu { float: left; overflow:auto; width: 820px}
#mainmenu li { float:left; padding:0; margin:0; border-right:2px solid #e00; }
#mainmenu li.first { padding-left:0px; }
#mainmenu li.last { border:none; }
#mainmenu li a, #mainmenu li a:hover { display:block; color:#e00; font-size:14px; font-weight:bold; text-transform:uppercase; background:#000; padding:0 5px; height:24px; float:left; }
#mainmenu li a:hover, #mainmenu li a.selected { background:#000 url(mainmenu.gif) no-repeat bottom center !important; }
.roundbox { clear:both; }
#classicview {margin-left: 13px; text-align: center; color: #ff0; width: 120px; float: left; background-color: #f00;}
#classicview a {
	color: #ff0; font-size: 16px; background-color: #f00; font-weight: bold;
}
#ttmenu {float:right; width: 500px; text-align: right}
#ttmenu li a {display:block; color:#e00; font-size:14px; font-weight:bold; text-transform:uppercase; background:#000; padding:0 5px; height:18px;  }
#ttmenu li { float:right; padding:0; margin:0; border-right:2px solid #e00; }
#ttmenu li a:hover { background:#000 url() no-repeat bottom center !important; }
#ttmenu li.disabledlink {display:block; color:#e00; font-size:14px; font-weight:bold; text-transform:uppercase; background:#000; padding:0 5px; height:18px;  }

#mycarousel li h2 {  font-size:14px; font-weight:bold; line-height:1em;  }
.percattitle {  font-size:14px; font-weight:bold; line-height:1em;  }
/*
#mycarousel div div br { font-size:1px; padding:0px; margin:0px; line-height:1px; float:left; }
#mycarousel div div br.clear { clear:both; }
#mycarousel div.box { overflow:auto; width:100%; }
*/
#mycarousel div.box div { font-size:11px; padding:0; border-bottom:1px solid #ccc; /*position:relative;*/ }
#mycarousel div.box div a { display:block; text-decoration:none; padding:5px; }
#mycarousel div.box div img { display:block; padding:2px; border:1px solid #ddd; margin:2px 0; background:#fff; }

#mycarousel div.hasdate div { overflow:hidden; width:100%; }
#mycarousel div.hasdate div a  { width:135px; float:left; }
.date { font-size:11px; display:block; background:#ddd; color:#666; padding:2px 5px; /*position:absolute; top:0; right:0;*/ float:right; width:45px;}

.carousel-nav { font-size:12px; font-weight:bold; padding:0 0 2px; border-bottom:1px solid #ccc; margin-bottom:10px; overflow:auto; height:1%; clear:both; background-color: #fff;}
.carousel-nav a, .carousel-nav span { padding:5px; text-decoration:none; text-transform:uppercase; font-weight:bold; display:block; float:left; margin-right:1px; background:#ddd; text-align:center; width:80px; }
.carousel-nav a:hover {background: #0259C4;}
a.toptoolbar {  width: 207px; margin: 0px; text-align: right; float: left;background-color: #fff;}
a.toptoolbar:hover { color: #00f;  background-color: #fff;}
#pagenumber { width: 20px; text-align: right; float: left; padding: 5px 0px 5px 5px; }
#totalpage { width: 190px; text-align: left; float: left; padding: 5px 5px 5px 0px; }
.more { padding:5px 0px 0px 0px; text-align:right; }

.paging { padding:5px 0; }
.paging a, .paging span { display:block; float:left; padding:5px; text-decoration:none; font-size:11px; border:1px solid #ccc; margin-right:2px; min-width:15px; text-align:center; }
.paging .current { background:#eee; color:#222; }
.paging span { color:#666; border:none; }

.clear { font-size:1px; margin:0px; line-height:1px; padding:0px; clear:both; }

#content, #sidebar { text-align:left; }
.vcarousel li { clear:both; padding-bottom:0px; }
.vcarousel li:hover { background:#eee; }
.img { float:left; margin-right:5px; padding:2px; background:#fff; border:1px solid #ccc; }
.story h3 { font-size:14px; }
.story p { font-size:11px; }
.meta { font-size:14px; margin:10px auto; text-align:center; line-height:20px; }
.small { font-size:11px; }

/* 450px */
.gameinfo { 
	font-size:11px !important; overflow: auto; height: 440px;
	}
.gameinfo p { line-height:15px; margin-bottom:15px; font-size:11px; }
.gameinfo dl { clear:both; }
.gameinfo dt { float:left; font-weight:bold; width:100px; font-size:11px; }
.gameinfo dd { margin-left:110px; border-bottom:1px solid #ddd; margin-bottom:10px; font-size:11px; }
.gameinfo h3 { margin:0; padding:0; font-weight:bold; padding-bottom:0px; }
.gameinfo h2 { margin-bottom:10px; }

.delicious_link, .facebook_link, .digg_link, .delicious_link:hover, .facebook_link:hover, .digg_link:hover { background:none; text-decoration:none; color:#000; }

div.bottombar { border-top:1px solid #ccc; border-bottom:1px solid #ddd; padding:5px 0 !important; margin:5px 0 !important; overflow:hidden; width:100%; }
.playdiv { float:left; border:none !important; }
.playdiv img { float:left !important; }
.ratingdiv { float:left; border:none !important; }
.ratingdiv div { border:none !important; }
hr { clear:both; height:1px; border:none; background:#ccc; }

#topbanner_frame { width:728px; height:90px; border:none; padding: 0px; margin: 0px;}
#sidebanner_frame { width:300px; height:250px; border:none; padding: 0px; margin: 0px;}

.roundbox {background: #ffffff; }
.roundtop div { background: url(tl.png) no-repeat top left; }
.roundtop { background: url(tr.png) no-repeat top right; }
.roundbottom div { background: url(bl.png) no-repeat bottom left; }
.roundbottom { background: url(br.png) no-repeat bottom right; }
.roundtop div, .roundtop, 
.roundbottom div, .roundbottom { width: 100%; height: 8px; font-size: 1px; }
.roundcontent { margin: 0 8px; background-color: #fff; }

.playbutton:link,
.playbutton:visited { /* Top left corner, top edge */
	float:left;
	color:#ddd;
	background:#333 url(button.gif) no-repeat;
	text-decoration:none;
	margin:0 !important;
	font-size:24px;
	font-weight:bold;
	padding:0 !important;
	margin:10px !important;
}
.playbutton * {display:block;}
.playbutton span { /* Top right corner */
	padding:6px 0 0;
	background:url(corners.gif) no-repeat right top;
}
.playbutton span span { /* Bottom left corner, left and bottom edges */
	padding:0 0 0 6px;
	background:url(button.gif) no-repeat left bottom;
}
.playbutton span span span { /* Bottom right corner */
	padding:0 0 6px;
	background:url(corners.gif) no-repeat right bottom;
}
.playbutton span span span span { /* Right edge */
	padding:3px 12px 3px 6px; /* Extra padding (3px vertical, 6px horizontal) added to give the text some breathing room */
	background:url(button.gif) no-repeat right center;
}
.playbutton:hover,
.playbutton:focus,
.playbutton:active { /* Make the button more visible on :hover and :focus */
	outline:2px solid #ff0; /* Not supported by IE/Win :-( */
	color:#fff;
}

.jcarousel-skin-tango {background-color: #fff;}
.jcarousel-skin-tango .jcarousel-container-horizontal { width:100%; padding:0px; margin: 0px; }
/* 432px */
.jcarousel-skin-tango .jcarousel-clip-horizontal { width:100%; height:auto; }
.jcarousel-skin-tango .jcarousel-item { height:auto; }
.jcarousel-skin-tango .jcarousel-container { background:none; border:none; }
.jcarousel-skin-tango .jcarousel-prev-horizontal { left:0; top:10px; }
.jcarousel-skin-tango .jcarousel-next-horizontal { right:0; top:10px; }

.loading { background: transparent url(loading.gif) 50% 50% no-repeat !important; }

.cheatinfo { font-size:14px !important; }
.cheatinfo p { line-height:1em; margin-bottom:15px; font-size:12px; }
.cheatinfo dl { clear:both; }
.cheatinfo dt { float:left; font-weight:bold; width:100px; font-size:14px; }
.cheatinfo dd { margin-left:110px; border-bottom:1px solid #ddd; margin-bottom:10px; font-size:14px; }
.cheatinfo h3 { margin:0; padding:0; font-weight:bold; padding-bottom:5px; }
.cheatinfo h2 { margin-bottom:10px; }

/*  */
.cheatdiv { font-size:14px !important; overflow: auto; height: 350px;margin-bottom: 10px;}
.cheatdiv p { font-size:12px !important; margin:0 0 5px 0 !important; line-height:1em; }
.cheatdiv li { width:auto !important; clear:both !important; height: 18px;}

.infott { display:none; }

.playurldiv { float:left; border:none !important; margin-top: 15px;}

.playdiv2 { float:left; border:none !important; width:170px; }
.gamedesc { float:left; width:370px; }

#ordertoolbar {
	width: 220px; margin: 0px; text-align: right; float: left;background-color: #fff; padding: 0px;
}
#ordertoolbar a {  width: 25px; margin: 0px 5px; text-align: right; background-color: #fff;padding: 0px; float: right;}
#ordertoolbar a:hover { color: #00f;  background-color: #fff;}