body {
  background-color: #FFF;
  font-family: helvetica, verdana, sans-serif;
  left: 50%;
  margin: 0px;
  margin-left: -475px;
  padding-bottom: 20px;
  position: absolute;
  width: 950px;
  padding: 0px;
  font-size:75%;
}

#print-address, img.gamepad-button-for-print {display:none;}

a img { border: 0; }

/* old IEs */
article, aside, footer, header, hgroup, nav, section {
  display: block;
}

.l_highlight {
  -webkit-border-radius: 4px;
  padding: 6px 6px 6px 6px;
  margin: -2px -2px -2px -3px;
  opacity: 1.0;
  -webkit-box-shadow: rgba(0, 0, 0, .5) 3px 3px 4px;
  background-color: #F1EA00;
  color: black;
}
.l.tooltip {
  float: none !important;
  margin: 0px !important;
  padding: 0 !important;
  border: 0 !important;
  position: static !important;
  z-index: auto !important;
  top: 0px !important;
  left: 0px !important;
  right: 0px !important;
  bottom: 0px !important;
  transform: none !important;
  -moz-transform: none !important;
  -webkit-transform: none !important;
  -ms-transform: none !important;
  text-transform: inherit !important;
  display: inline-block !important;
  font-size: inherit !important;
}
.l.tooltip:hover {
  -webkit-border-radius: 4px;
  padding: 6px 6px 6px 6px;
  margin: -2px -2px -2px -3px;
  opacity: 1.0;
  -webkit-box-shadow: rgba(0, 0, 0, .5) 3px 3px 4px;
  background-color: #F1EA00;
  color: black;
}
.l.tooltip a {
  color: #fff;
}
#localisations {
  position: fixed;
  top: 10px;
  left: 20px;
  z-index: 100;
  -webkit-border-radius: 4px;
  padding: 6px 6px 6px 6px;
  margin: -2px -2px -2px -3px;
  opacity: 1.0;
  -webkit-box-shadow: rgba(0, 0, 0, .5) 3px 3px 4px;
  background-color: #F1EA00;
  color: black;
  font-size: 12px;
}
#localisations dl {
  height: 400px;
  overflow: scroll;
}
#localisations dt {
  float: left;
  clear: left;
  width: 240px;
}
#localisations dd {
  float: left;
}
#localisations a {
  color: #00F;
}

/*----- guide overlays -----*/
#designguides {position: absolute; z-index: 10; height: 100%;width: 100%;  display: none;/**/}

.baseline {height: 1px; width:100%; background-color: #0056B1; margin-bottom: 10px;}

.baseline:nth-child(odd) {background-color: lightblue;}
/*----- guide overlays -----*/

#content a {
color: #4D4D4E;
text-decoration: none;
font-weight: bold;
}

#content h2 a {
	display: block;
}

#content a strong {
font-weight: bold;
}

#content a:hover {
color: black;
}

#intro_text a, .answer a, #guidecontent a, #how_to_update a, #intro_text a, body.mac-games.patches #intro_text a {
	border-width: 1px;
	border-color: lightgray;
	border-style: solid;
    border-radius: 3px;
    padding: 2px 3px;
    -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  -o-border-radius: 3px;
  -ms-border-radius: 3px;
  -khtml-border-radius: 3px;
  border-radius: 3px;
    -webkit-transition: background-color 0.2s linear, color 0.2s linear, border-color 0.2s linear;
  -moz-transition: background-color 0.2s linear, color 0.2s linear, border-color 0.2s linear;
  -o-transition: background-color 0.2s linear, color 0.2s linear, border-color 0.2s linear;
  transition: background-color 0.2s linear, color 0.2s linear, border-color 0.2s linear;
  background-color: #EFEFEF;
  white-space: nowrap;
}

#intro_text a:hover, .answer a:hover, #guidecontent a:hover, #how_to_update a:hover, #intro_text a:hover, body.mac-games.patches #intro_text a:hover {
	background-color: white;
	border-color: lightgray;
	border-style: dashed;
	padding: 2px 3px;
	border-width: 1px;
}

#feral_banner_homelink {
  position: absolute;
  top: 3px;
  left: 3px;
  margin: 0px;
  padding: 0px;
  display: block;
  width: 159px;
  height: 80px;
}

#global {
  background: url("/images/banner.jpg") no-repeat scroll 0 0 transparent;
  height: 86px;
  margin-bottom: 7px;
  width: 950px;
}

#global ul {
  left: 175px;
  list-style-type: none;
  padding: 0px;
  margin: 2px;
  position: absolute;
  top: 64px;
}

#global #lang_select {
  position: relative;
  background: url("/images/worldmap.png") no-repeat 0 2px; /* World map vector used for image is derived from an .ai file supplied by Vector Open Stock www.vectoropenstock.com which is distributed under the Attribution Creative Commons 3.0 license (http://creativecommons.org/about/licenses/) */
  color: white;
  cursor: pointer;
  font-size: 0.9em;
  left: 858px;
  padding: 3px 0 0 33px;
  position: absolute;
  text-decoration: underline;
  text-transform: uppercase;
  top: 64px;
  z-index: 10;
}

#global #lang_select a {
	color: white;
	width: 82px;
	position: relative;
	left: -32px;
	text-align: right;
	display: block;
}

#global #lang_select ul {
	background-color: #C00;
	position: absolute;
	top: 21px;
	left: -18px;
	list-style: none;
	background: #ee7927; /* Old browsers */
/* IE9 SVG, needs conditional override of 'filter' to 'none' */
background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIxMDAlIiB5Mj0iMTAwJSI+CiAgICA8c3RvcCBvZmZzZXQ9IjAlIiBzdG9wLWNvbG9yPSIjZWU3OTI3IiBzdG9wLW9wYWNpdHk9IjEiLz4KICAgIDxzdG9wIG9mZnNldD0iNDQlIiBzdG9wLWNvbG9yPSIjZTk4MzEyIiBzdG9wLW9wYWNpdHk9IjEiLz4KICAgIDxzdG9wIG9mZnNldD0iNzAlIiBzdG9wLWNvbG9yPSIjZjZiMzE2IiBzdG9wLW9wYWNpdHk9IjEiLz4KICA8L2xpbmVhckdyYWRpZW50PgogIDxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxIiBoZWlnaHQ9IjEiIGZpbGw9InVybCgjZ3JhZC11Y2dnLWdlbmVyYXRlZCkiIC8+Cjwvc3ZnPg==);
background: -moz-linear-gradient(-10deg,  #ee7927 0%, #e98312 44%, #f6b316 70%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, right bottom, color-stop(0%,#ee7927), color-stop(44%,#e98312), color-stop(70%,#f6b316)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(-10deg,  #ee7927 0%,#e98312 44%,#f6b316 70%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(-10deg,  #ee7927 0%,#e98312 44%,#f6b316 70%); /* Opera 11.10+ */
background: -ms-linear-gradient(-10deg,  #ee7927 0%,#e98312 44%,#f6b316 70%); /* IE10+ */
background: linear-gradient(-10deg,  #ee7927 0%,#e98312 44%,#f6b316 70%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ee7927', endColorstr='#f6b316',GradientType=1 ); /* IE6-8 fallback on horizontal gradient */
	width: 107px;
	text-align: center;
	border: 1px solid white;
	-webkit-box-shadow: 5px 5px 15px black;
	-moz-box-shadow: 0px 0px 15px black;
	text-decoration: none;
/*
-webkit-animation-duration: 0.20s;
-webkit-animation-name: grow;
-webkit-animation-iteration-count: 1;
-webkit-animation-direction: normal;
-webkit-animation-timing-function: ease-in;
-moz-animation-duration: 0.20s;
-moz-animation-name: grow;
-moz-animation-iteration-count: 1;
-moz-animation-direction: normal;
-moz-animation-timing-function: ease-in;
-animation-duration: 0.20s;
-animation-name: grow;
-animation-iteration-count: 1;
-animation-direction: normal;
-animation-timing-function: ease-in; */
}

#global #lang_select ul li {
	padding: 0;
	margin: 0;
	width: 100%;
	top: 0;
	line-height: 0;
	height: auto;
	text-decoration: none;
}

#global #lang_select ul li a {
	display: block;
    font-size: 12px;
    font-weight: bold;
    left: 0;
    line-height: 14px;
    padding: 5px 0;
    text-align: center;
    text-decoration: none;
    text-shadow: 1px 1px #444444;
    text-transform: capitalize;
    width: 100%;
}

#global #lang_select ul li a:hover {
	text-decoration: underline;
}

#global #lang_select ul li:after {
	content: '';
} 

#global ul li:first-child {
  background: none;
  padding-left: 0px;
}

#global li {
  display: block;
  float: left;
  height: 20px;
  position: relative;
  top: -7px;
  margin: 0;
  padding: 0;
  line-height: 25px;
}

#global li:hover a {
  text-decoration: underline;
}

#global li:after {
  content: "/";
  color: #F8AF77;
  padding: 0 8px;
  font-size: 21px;
  top: 3px;
  position: relative;
  font-weight: normal;
}

#global li:last-child:after {
  content: '';
}

#global li.mainmenulinkactive {
  font-weight: bold;
}

#global li a {
  color: #F15619;
  text-decoration: none;
  text-transform: uppercase;
}

#update_language:before {
	position: absolute;
	display: block;
	content: '';
	left: -29px; bottom: 13px;
	background-image: url("../images/hand.png");
	width: 42px; height: 40px;
	z-index: -1;
}

#update_language {
	position: absolute;
	left: 165px; top: 5px;
	background-color: #FFF;
	width: 200px; height: 70px;
	border: solid 4px #000;
	border-radius: 20px;
	z-index: 20;
}

#update_language a.x {
	position: absolute;
	right: -8px; top: -8px;
	background-color: #FFF;
	border: solid 3px #000;
	width: 15px; height: 15px;
	text-align: center;
	border-radius: 20px;
	color: #000;
	font-weight: bold;
	text-decoration: none;
	z-index: 20;
}

#update_language p:first-child { margin-bottom: 0px; }
#update_language p {
	margin: 15px;
	margin-top: 13px;
	font-weight: bold;
}

#update_language p a {
	color: #F15619;
}

#lang_select_list {
  background: #F77118;
  border-color: #DADADA;
  border-style: solid;
  border-width: 1px;
  left: 644px;
  line-height: 1em;
  list-style-type: none;
  margin: 0px;
  padding: 0px;
  position: absolute;
  text-align: center;
  top: 89px;
  width: 105px;
  z-index: 1000;
}

#local {
  float: left;
  margin-right: 5px;
  width: 160px;
}

#local .box {
  background: #DADADA;
  font-size: 0.9em;
  margin-bottom: 4px;
  overflow: hidden;
  padding-left: 9px;
  padding-right: 9px;
}

#local .box { 
  margin: 0px;
  margin-bottom: 4px;
  padding: 0px;
}

#local .box h3 {
  background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#FFAF00), to(#FF5315));
  background: -moz-linear-gradient(top, #FFAF00, #FF5315);
  background-color: #FFAF00;
  color: #FFFFFF;
  display: block;
  font-size: 0.9em;
  height: 18px;
  margin-top: 0px;
  margin-bottom: 0px;
  margin-left: -9px;
  margin-right: -9px;
  padding: 7px 0px 0px 20px;
  text-transform: uppercase;
}

#local .box h3 a {
  color: #FFFFFF;
  text-decoration: none;
}

#local .box h3 a:hover {
  text-decoration: underline;
}


#local .box ul {
  margin: 0px;
  padding: 0px;
}

#local .box .submenu ul {
padding: 1px 4px 5px 6px;
}

#local .box li {
  border-top: 1px #AAA solid;
  list-style-type: none;
/*  padding: 4px 2px 4px 6px; */
  margin: 0px;
  font-size: 1.2em;
  background: #D1D1D1;
  -webkit-transition: background-color 0.2s linear;
  -moz-transition: background-color 0.2s linear;
  -o-transition: background-color 0.2s linear;
  transition: background-color 0.2s linear;
}

#local .box li:hover {
  background: #E0E0E0;
}

#local .box li.current {
  background-color: #333;
}

#local .box li a {
  color: #444;
  text-decoration: none;
  display: block;
/*  margin: 4px 2px 4px 6px;*/
	padding: 5px;
}
#local .box li.current a {
  color: #FFF;
}

#local .box li:first-child {
  border-top: 0px;
}

#local .box li select {
  width: 150px;
}

.mac-games #local > .box > ul > li:last-child {
	background-color: #444444;
}

.mac-games #local > .box > ul > li:last-child a {
	color: white;
}

#local .box #game_select {
	margin: 3px 5px 5px;
}

#local #contact_feral {
  background: #9D9D9D;
  color: white;
  padding: 0 10px 10px;
}

#local #contact_feral.box h3 {
  padding: 7px 0px 0px 10px;
  position: relative;
  left: -1px;
  width: 160px;
}

#local #contact_feral a.button {
  -moz-border-radius: 2px;
  -webkit-border-radius: 2px;
  -o-border-radius: 2px;
  -ms-border-radius: 2px;
  -khtml-border-radius: 2px;
  border-radius: 2px;
  font-size: 12px;
  line-height: 1.2em;
  padding: 0.5em 1em;
  border-width: 1px;
  background: #9D9D9D;
  background: -webkit-gradient(linear, 0% 0%, 0% 100%, color-stop(0%, #F1F1F1), color-stop(10%, #C3C3C3), color-stop(50%, #969696), color-stop(50%, #8E8E8E), color-stop(100%, #A8A8A8));
  background: -moz-linear-gradient(top, #F1F1F1 0%, #C3C3C3 10%, #969696 50%, #8E8E8E 50%, #A8A8A8 100%);
  background: linear-gradient(top, #F1F1F1 0%, #C3C3C3 10%, #969696 50%, #8E8E8E 50%, #A8A8A8 100%);
  border-color: #777;
  text-shadow: #5D5D5D 0px 1px 1px;
  -moz-box-shadow: rgba(255, 255, 255, 0.62) 0 0 0.1em 1px inset;
  -webkit-box-shadow: rgba(255, 255, 255, 0.62) 0 0 0.1em 1px inset;
  -o-box-shadow: rgba(255, 255, 255, 0.62) 0 0 0.1em 1px inset;
  box-shadow: rgba(255, 255, 255, 0.62) 0 0 0.1em 1px inset;
  -moz-background-clip: padding;
  -webkit-background-clip: padding;
  -o-background-clip: padding-box;
  -ms-background-clip: padding-box;
  -khtml-background-clip: padding-box;
  background-clip: padding-box;
  margin: 10px 0px;
  color: white;
  margin-bottom: 20px;
 	transition: background 0.2s linear, color 0.2s linear, text-shadow 0.2s linear;
	-webkit-transition: background 0.2s linear, color 0.2s linear, text-shadow 0.2s linear;
	-moz-transition: background 0.2s linear, color 0.2s linear, text-shadow 0.2s linear;
	-o-transition: background 0.2s linear, color 0.2s linear, text-shadow 0.2s linear;
  text-decoration: none;
  font-weight: bold;
  display: block;
  text-align: center;
}

#local #contact_feral a.button:hover {
  background: #f1f8ec; /* Old browsers */
  background: -moz-linear-gradient(top,  #FFF 0%, #FFF 10%, #FFF 50%, #FFF 50%, #AAA 100%); /* FF3.6+ */
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f1f8ec), color-stop(10%,#FFF), color-stop(50%,#FFF), color-stop(50%,#FFF), color-stop(100%,#AAA)); /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(top,  #FFF 0%,#FFF 10%,#FFF 50%,#FFF 50%,#AAA 100%); /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(top,  #FFF 0%,#FFF 10%,#FFF 50%,#FFF 50%,#AAA 100%); /* Opera 11.10+ */
  background: -ms-linear-gradient(top,  #FFF 0%,#FFF 10%,#FFF 50%,#FFF 50%,#AAA 100%); /* IE10+ */
  background: linear-gradient(top,  #FFF 0%,#FFF 10%,#FFF 50%,#FFF 50%,#AAA 100%); /* W3C */
  color: black;
  text-shadow: white 0px -1px 1px;
}

#local #contact_feral div.phone_note {
  margin-top: 20px;
}

.phone_note a { /* iPad makes the phone number a link */
  color: white;
}

#local #contact_feral div.phone_note p {
  margin: 0.5em 0;
}

#local #contact_feral h4 {
  text-transform: uppercase;
  border-bottom: 1px solid white;
  margin-bottom: 0.5em;
}

#local .submenu li {
  border: 0;
	background: #DDD;
	width: 148px;
	padding: 0;
	
}

#local .submenu li:first-child, #local .submenu li:first-child a {
	-webkit-border-top-right-radius: 2px;
	-webkit-border-top-left-radius: 2px;
	-moz-border-radius-topright: 2px;
	-moz-border-radius-topleft: 2px;
	border-top-right-radius: 2px;
	border-top-left-radius: 2px;
}

#local .submenu li:last-child, #local .submenu li:last-child a {
	-webkit-border-bottom-right-radius: 2px;
	-webkit-border-bottom-left-radius: 2px;
	-moz-border-radius-bottomright: 2px;
	-moz-border-radius-bottomleft: 2px;
	border-bottom-right-radius: 2px;
	border-bottom-left-radius: 2px;
}

#local > .box > ul > li:last-child .submenu li a {
	font-size: 12px;
	text-align: left;
	padding: 5px 7px;
	color: #444;
	background-color: #D1D1D1;
	transition: color 0.2s linear, background-color 0.2s linear;
	-webkit-transition: color 0.2s linear, background-color 0.2s linear;
	-moz-transition: color 0.2s linear, background-color 0.2s linear;
	-o-transition: color 0.2s linear, background-color 0.2s linear;
}

#local > .box > ul > li:last-child .submenu li a:hover {
  background-color: gray;
  color: white;
}

#local .submenu li a:hover {

}

.clearfix {
	clear: both;
}

footer {
	clear: left;
	text-align: center;
	width: 160px;
}

footer a, footer a:visited {
	text-decoration: none;
	color: gray;
}

footer a:hover {
	color: black;
	text-decoration: underline;
}

/* ##################----------------------------------------------################## */
/* ##################- BREADCRUMBS AND GENERIC CONTENT BACKGROUND -################## */
/* ##################----------------------------------------------################## */

section#content {
  margin-left: 166px;
  background-color: #DDD;
  min-height: 600px;
  /* IE9 SVG, needs conditional override of 'filter' to 'none' */
background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2RhZGFkYSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNkYWRhZGEiIHN0b3Atb3BhY2l0eT0iMCIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
background: -moz-linear-gradient(top,  rgba(218,218,218,1) 0%, rgba(218,218,218,0) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(218,218,218,1)), color-stop(100%,rgba(218,218,218,0))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  rgba(218,218,218,1) 0%,rgba(218,218,218,0) 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  rgba(218,218,218,1) 0%,rgba(218,218,218,0) 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  rgba(218,218,218,1) 0%,rgba(218,218,218,0) 100%); /* IE10+ */
background: linear-gradient(to bottom,  rgba(218,218,218,1) 0%,rgba(218,218,218,0) 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#dadada', endColorstr='#00dadada',GradientType=0 ); /* IE6-8 */
  position: absolute;
  overflow: hidden;
  left: 0px;
  top: 93px;
  width: 783px;
  font-size: 14px;
  color: #6D6F72;
}

nav#breadcrumbs {
  background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#FFAF00), to(#FF5315));
  background: -moz-linear-gradient(top, #FFAF00, #FF5315);
  background-color: #FFAF00;
  padding: 4px 10px 2px 6px;

  min-height: 19px;
}

nav#breadcrumbs ul { 
  list-style: none;
  margin: 0px;
  padding: 0px;
}

nav#breadcrumbs ul li { 
  list-style: none;
  display: inline-block;
  color: #FFFFFF;
  text-transform: uppercase;
  font-size: 0.8em;
}

nav#breadcrumbs ul li:after { 
  content: " > ";  
}

nav#breadcrumbs ul li:last-child:after { 
  content: "";
}

nav#breadcrumbs ul li a {
  color: #FFFFFF;
  text-decoration: none;
  display: inline-block;
  margin: 0 5px;
  padding: 0;
  line-height: 12px;
  font-size: 10px;
  font-weight: normal;
}

nav#breadcrumbs ul li:last-child a {
  font-weight: bold;
}

nav#breadcrumbs ul li a:hover {
  text-decoration: underline;
  color: white;
}

#intro_text, .other_text {
  margin: 10px 11px 10px 7px;
  padding: 5px;
  color: #636466;

}

#intro_text h1 {
  margin: 8px 0 19px;
  padding: 4px;
  padding-left: 8px;
  color: #4d4d4e;
  font-size: 22px;

}

#intro_text p, #guidecontent p {
  margin: 11px 10px 10px 20px;
  width: 480px;
  font-size: 14px;
  line-height: 22px;
}

h2 {
	color: #4d4d4e;
}

/* ##################--------------------------------------################## */
/* ##################-------------- NEW HOME --------------################## */
/* ##################--------------------------------------################## */

body.home section#content #intro_text {
	padding: 0;
	margin: 11px 11px 0;
	width: 419px;
	float: left;
}

body.home section#content #intro_text h1 {
	color: #333;
	margin-left: 1px;
    padding-bottom: 0;
    padding-top: 8px;
    margin-bottom: 18px;
}

body.home section#content #intro_text #welcome_text {
	margin: 7px 13px 0 1px;
	width: 385px;
	padding: 16px;
}

body.home section#content #intro_text p {
	line-height: 22px;
	margin: 0;
	width: auto; 
	margin-bottom: 11px;
}

body.home section#content #intro_text p:last-child {
	margin-bottom: 0;
}


body.home section#content #social {
	background: transparent;
	width: 330px;
	height: 44px;
	float: right;
	margin: 15px 11px 12px 0px;
	text-align: center;
}

body.home section#content #social a {
	margin: 10px 0;
	float: left;
	width: 158px;
	height: 20px;
	border: solid 1px white;
	display: block;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	-o-border-radius: 4px;
	-ms-border-radius: 4px;
	-khtml-border-radius: 4px;
	border-radius: 4px;
	font-weight: bold;
	font-family: "Century Gothic", Helvetica, Arial, sans-serif;
	text-transform: uppercase;
	font-size: 11px;
	padding-top: 7px;
	color: white;
	text-shadow:0px 1px 1px #757575;
	-webkit-transition: background-color 0.2s linear, color 0.2s linear, border-color 0.2s linear;
	-moz-transition: background-color 0.2s linear, color 0.2s linear, border-color 0.2s linear;
	-o-transition: background-color 0.2s linear, color 0.2s linear, border-color 0.2s linear;
	transition: background-color 0.2s linear, color 0.2s linear, border-color 0.2s linear;
	position: relative;
}

body.home section#content #social a#twitter_link {
	background: #4cbdde; /* Old browsers */
	/* IE9 SVG, needs conditional override of 'filter' to 'none' */
	background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzRjYmRkZSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMxZjg5YjUiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
	background: -moz-linear-gradient(top,  #4cbdde 0%, #1f89b5 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#4cbdde), color-stop(100%,#1f89b5)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #4cbdde 0%,#1f89b5 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #4cbdde 0%,#1f89b5 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #4cbdde 0%,#1f89b5 100%); /* IE10+ */
	background: linear-gradient(top,  #4cbdde 0%,#1f89b5 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#4cbdde', endColorstr='#1f89b5',GradientType=0 ); /* IE6-8 */
	border-color: #0971a1;
}

body.home section#content #social a#twitter_link span {
	text-indent: -9999em;
	background: url("/images/twitter_en.png") 0 0 no-repeat transparent;
	display: inline-block;
	height: 13px;
	width: 154px;
	position: relative;
}

body.home.fr section#content #social a#twitter_link span {
	background-image: url("/images/twitter_fr.png");
}

body.home.de section#content #social a#twitter_link span {
	background-image: url("/images/twitter_de.png");
}

body.home.es section#content #social a#twitter_link span {
	background-image: url("/images/twitter_es.png");
}

body.home.it section#content #social a#twitter_link span {
	background-image: url("/images/twitter_it.png");
}

body.home section#content #social a#facebook_link {
	float: right;
	background: #6a93c4; /* Old browsers */
	/* IE9 SVG, needs conditional override of 'filter' to 'none' */
	background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzZhOTNjNCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjE5JSIgc3RvcC1jb2xvcj0iIzY0OGRiZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjQzJSIgc3RvcC1jb2xvcj0iIzVhODJiNSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMzZTYzOWIiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
	background: -moz-linear-gradient(top,  #6a93c4 0%, #648dbf 19%, #5a82b5 43%, #3e639b 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#6a93c4), color-stop(19%,#648dbf), color-stop(43%,#5a82b5), color-stop(100%,#3e639b)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #6a93c4 0%,#648dbf 19%,#5a82b5 43%,#3e639b 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #6a93c4 0%,#648dbf 19%,#5a82b5 43%,#3e639b 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #6a93c4 0%,#648dbf 19%,#5a82b5 43%,#3e639b 100%); /* IE10+ */
	background: linear-gradient(top,  #6a93c4 0%,#648dbf 19%,#5a82b5 43%,#3e639b 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#6a93c4', endColorstr='#3e639b',GradientType=0 ); /* IE6-8 */
	border-color: #264884;
	letter-spacing: 1px;
}

body.home section#content #social a#facebook_link span {
	text-indent: -9999em;
	background: url("/images/facebook_en.png") 0 0 no-repeat transparent;
	display: inline-block;
	height: 15px;
	width: 154px;
	position: relative;
	top: -1px;
}

body.home.fr section#content #social a#facebook_link span {
	background-image: url("/images/facebook_fr.png");
}

body.home.de section#content #social a#facebook_link span {
	background-image: url("/images/facebook_de.png");
}

body.home.es section#content #social a#facebook_link span {
	background-image: url("/images/facebook_es.png");
}

body.home.it section#content #social a#facebook_link span {
	background-image: url("/images/facebook_it.png");
}

body.home section#content #social a:hover {
	border-color: white !important;
}

body.home section#content #social a:active {
	border-top: 2px solid gray;
	border-bottom: 0;
	border-color:  grey !important;
}

body.home section#content #general_faqs {
	background: #EDEDED;
	width: 329px;
	float: right;
	margin: 2px 11px 10px 0px;
	padding-bottom: 11px;
	border: 1px solid lightgray;
	-moz-border-radius: 2px;
	-webkit-border-radius: 2px;
	-o-border-radius: 2px;
	-ms-border-radius: 2px;
	-khtml-border-radius: 2px;
	border-radius: 2px;
}

body.home section#content #general_faqs h2 {
	-moz-border-radius: 2px;
	-webkit-border-radius: 2px;
	-o-border-radius: 2px;
	-ms-border-radius: 2px;
	-khtml-border-radius: 2px;
	border-radius: 2px;
	background-color: white;
	padding: 10px 11px 9px 13px;
	margin: -1px -1px 15px -1px;
	font-size: 21px;
	line-height: 21px;
	border: 1px solid lightgray;
	position: relative;
}


/* - Linux filters - */

#platform-filter {
	position: absolute;
	width: 96px;
	height: 61px;
	right: 65px;
	top: 80px;
}

.home #platform-filter {
	right: 2px;
	top: 2px;
	height: 42px;
	width: auto;
}

.mac-games.games #platform-filter {
	top: 45px;
	right: 45px;
	width: 160px;
	height: auto;
	padding: 2px 20px 13px;
	border-bottom: 2px solid grey;
}

.mac-games.games #platform-filter h3 {
	display: table-cell;
	vertical-align: middle;
	height: 42px;
}

.mac-games.games #platform-filter ul {
	position: absolute;
	top: 0;
	right: 20px;
}

.mac-games #platform-filter {
	right: 210px;
	top: 20px;
}

#platform-filter h3 {
	line-height: 12px;
	color: #4D4D4D;
	font-size: 12px;
	margin: 0;
	margin-bottom: 5px;
	text-align: left;
	width: auto;
}

body.home section#content #general_faqs #platform-filter h3 {
	display: none;
}

section#content #platform-filter ul, section#content #general_faqs #platform-filter ul {
	margin: 0;
	padding: 0;
	list-style: none;
	width: auto;
}

section#content #platform-filter li {
	margin: 0 0 0 0;
	padding: 0;
	list-style: none;
	width: 42px;
	height: 42px;
	border: #b3b3b3 1px solid;
	border-radius: 3px;
	position: relative;
	display: inline-block;
	text-transform: capitalize;
	color: #666666;
	background-color: white;
  	-webkit-transition: border 0.2s linear;
  	-moz-transition: border 0.2s linear;
  	transition: border 0.2s linear;
  	cursor: pointer;
  	overflow: hidden;
}

.home section#content #platform-filter li {
	width: 34px;
	height: 34px;
}

section#content #platform-filter li.checked, section#content #platform-filter li:hover {
	color: #ee7b00;
	border: #0071bc 1px solid;
} 

section#content #platform-filter li:last-child {
	margin: 0;
}

#platform-filter li img {
	position: absolute;
	top: 0;
	left: 0;
	opacity: 1;
  	-webkit-transition: opacity 0.2s linear;
  	-moz-transition: opacity 0.2s linear;
  	transition: opacity 0.2s linear;
  	cursor: pointer;
  	background: white;
	margin: 0;
	padding: 0;
	z-index: 1;
}

.home #platform-filter li img {
	margin: 0 0 0 -4px;
}

#platform-filter li.checked img, #platform-filter li:hover img {
	opacity: 0;
}

#platform-filter li label[for="pl_all"] {
	text-transform: uppercase;
	font-size: 15px;
	font-weight: bold;
	line-height:43px;
  	cursor: pointer;
}

#platform-filter li.mac {
	background: url('/images/macon42.png') white no-repeat center top;
}

#platform-filter li.linux {
	background: url('/images/linuxon42.png') white no-repeat center top;

}

#platform-filter li label {
	position: absolute;
	width: 42px;
	height: 42px;
	text-align: center;
	font-size: 10px;
	top: 0;
	left: 0;
	line-height: 70px;
	margin: 0;
	padding: 0;
}

.home #platform-filter li label {
	width: 34px;
	height: 34px;
}

#platform-filter li label span {
	position: relative;
	z-index: 2;
  	cursor: pointer;
}

.home #platform-filter li label span {
  	display: none;
}

#platform-filter li input {
	position: absolute;
	top: 0;
	left: 0;
	width: 34px;
	height: 34px;
	opacity: 0;
  	cursor: pointer;
	margin: 0;
	padding: 0;
	z-index: 3
}

/* --- Linux END --- */






body.home section#content #general_faqs p, body.home section#content #general_faqs ul {
	margin: 0px 10px 11px 20px;
	font-size: 14px;
	line-height: 22px;
	padding: 0;
}

body.home section#content #general_faqs ul.questionlist {
	max-height: 240px;
	overflow-y: auto;
	overflow-x: hidden;
}

body.home #general_faqs .questionlist li {
	display: inline-block;
}

body.home section#content #general_faqs ul.questionlist li:first-child {
	margin-top: -6px;
}

section#content ul.questionlist li {
	background: none;
	list-style: none;
	margin: 0 -8px 0 -8px;
	background-color: transparent;
	border: 1px dashed transparent;
	-moz-border-radius: 2px;
	-webkit-border-radius: 2px;
	-o-border-radius: 2px;
	-ms-border-radius: 2px;
	-khtml-border-radius: 2px;
	border-radius: 2px;
	line-height: 22px;
	color: #4D4D4E;
	padding: 0;
	transition: background-color 0.2s linear, color 0.2s linear, border 0.2s linear;
	-webkit-transition: background-color 0.2s linear, color 0.2s linear, border 0.2s linear;
	-moz-transition: background-color 0.2s linear, color 0.2s linear, border 0.2s linear;
	-o-transition: background-color 0.2s linear, color 0.2s linear, border 0.2s linear;
}

section#content ul.questionlist li:hover {
	background: none;
	background-color: white;
	border: 1px dashed lightgrey;
	color: black;
}

section#content ul.questionlist li a {
	background: url("/images/question_bullet.png") no-repeat 8px 8px;
	padding: 5px 10px 4px 30px;
	display: block;
}

body.home section#content a.section-end-link-to-more {
	background-color: gray;
	color: white;
	border: 1px solid gray;
	padding: 5px;
	-moz-border-radius: 2px;
	-webkit-border-radius: 2px;
	-o-border-radius: 2px;
	-ms-border-radius: 2px;
	-khtml-border-radius: 2px;
	border-radius: 2px;
	text-decoration: none;
	font-weight: bold;
	margin: 14px 11px 0 11px;
	display: block;
	text-align: center;
	transition: background-color 0.2s linear, color 0.2s linear, border 0.2s linear;
	-webkit-transition: background-color 0.2s linear, color 0.2s linear, border 0.2s linear;
	-moz-transition: background-color 0.2s linear, color 0.2s linear, border 0.2s linear;
	-o-transition: background-color 0.2s linear, color 0.2s linear, border 0.2s linear;
}

body.home section#content a.section-end-link-to-more:hover {
	background-color: white;
	color: #555;
	border: 1px solid #FF820A;
	text-decoration: none;
}

body.home section#content #guides {
	background: transparent;
	float: left;
	clear: left;
	width: 222px;
	border: 0;
	margin: 0;
	padding: 0;
}

body.home section#content #guides h2 {
	-moz-border-radius: 2px;
	-webkit-border-radius: 2px;
	-o-border-radius: 2px;
	-ms-border-radius: 2px;
	-khtml-border-radius: 2px;
	border-radius: 2px;
	background-color: white;
	border: 1px solid lightgray;
	margin: 11px 6px 13px 11px;
	padding: 6px 11px;
	line-height: 20px;
	font-size: 15px;
}

body.home section#content #guides > p {
	display: none;
	margin: 9px 10px 0 23px;
	font-size: 12px;
	line-height: 14px;
}

/*------------------------------------------- When there is only 1 guide, use this chunk: */

/*body.home section#content #guides ul {
	padding: 0;
	margin: 0;
}

body.home section#content #guides li {
	display: block;
	margin: 0 0 0 12px;
}

body.home section#content #guides li:first-child {
	margin-top: 12px;
}

body.home section#content #guides li {
	display: block;
	margin: 8px 0 0 13px;
	padding: 3px 0 3px 0;
	width: 199px;
	border: 1px dashed transparent;
	-moz-border-radius: 2px;
	-webkit-border-radius: 2px;
	-o-border-radius: 2px;
	-ms-border-radius: 2px;
	-khtml-border-radius: 2px;
	border-radius: 2px;
	transition: background-color 0.3s linear, color 0.3s linear, border 0.3s linear;
	-webkit-transition: background-color 0.3s linear, color 0.3s linear, border 0.3s linear;
	-moz-transition: background-color 0.3s linear, color 0.3s linear, border 0.3s linear;
	-o-transition: background-color 0.3s linear, color 0.3s linear, border 0.3s linear;
}

body.home section#content #guides li:hover {
	background-color: white;
	border: 1px dashed lightgrey;
}

body.home section#content #guides time {
	float: right;
	display: none;
}

body.home section#content #guides img {
	float: left;
	margin: 0 21px 0 14px;
}

body.home section#content #guides ul span {
	display: table-cell;
	vertical-align: middle;
	height: 50px;
	font-size: 12px;
	color: #666;
	padding: 0 0 0 0;
	margin: 0;
	width: 110px;
}

.accordion a + div {
	height: 0;
	overflow: visible;
	-webkit-transition: height 0.3s ease-in;
	-moz-transition: height 0.3s ease-in;
	-o-transition: height 0.3s ease-in;
	-ms-transition: height 0.3s ease-in;
	transition: height 0.3s ease-in;
	position: relative;
}

.accordion li a + div {
	height: auto;
	margin-bottom: 0;
	margin-right: 5px;
	margin-left: 5px;
}

.accordion li {
	background-color: white;
	border: 1px dashed lightgrey;
	color: black;
}

.accordion .section.large a + div {
	overflow: auto; 
}

body.home section#content #guides ul div a:first-child {
	font-weight: normal;
}

body.home section#content #guides ul div p {
	padding: 8px 11px 0;
	font-size: 12px;
	color: #6D6F72;
	margin: 5px 0 0 0;
	position: relative;
	height: 53px;
		overflow: auto;
		overflow-x: hidden;
		-webkit-border-top-left-radius: 2px;
-webkit-border-top-right-radius: 2px;
-moz-border-radius-topleft: 2px;
-moz-border-radius-topright: 2px;
border-top-left-radius: 2px;
border-top-right-radius: 2px;
background: #eee;
} 

body.home section#content #guides a.closeGuideInfo {
	display: none;
}

body.home section#content #guides a.closeGuideSpan {
	display: none;
}

body.home section#content #guides a.readGuideSpan {
	position: absolute;
	top: -51px;
	left: 0;
	width: 199px;
	height: 50px;
	text-indent: -9999em;
}

body.home section#content #guides a.readGuide {
	font-size: 10px;
	background-color: gray;
	color: white;
	text-transform: uppercase;
	border: 1px solid gray;
	padding: 3px 5px;
	-moz-border-radius: 2px;
	-webkit-border-radius: 2px;
	-o-border-radius: 2px;
	-ms-border-radius: 2px;
	-khtml-border-radius: 2px;
	border-radius: 2px;
	text-decoration: none;
	font-weight: bold;
	display: block;
	text-align: center;
	float: right;
	margin-right: 5px;
	transition: background-color 0.2s linear, color 0.2s linear, border 0.2s linear;
	-webkit-transition: background-color 0.2s linear, color 0.2s linear, border 0.2s linear;
	-moz-transition: background-color 0.2s linear, color 0.2s linear, border 0.2s linear;
	-o-transition: background-color 0.2s linear, color 0.2s linear, border 0.2s linear;
		display: none;
}

body.home section#content #guides a.readGuide:hover {
	background-color: white;
	color: #555;
	border: 1px solid #FF820A;
	text-decoration: none;
}

body.home section#content #guides .bottom-fade {
	background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIwIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjYwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgPC9saW5lYXJHcmFkaWVudD4KICA8cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMSIgaGVpZ2h0PSIxIiBmaWxsPSJ1cmwoI2dyYWQtdWNnZy1nZW5lcmF0ZWQpIiAvPgo8L3N2Zz4=);
	background: -moz-linear-gradient(top,  rgba(255,255,255,0) 0%, rgba(255,255,255,1) 60%); 
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,0)), color-stop(60%,rgba(255,255,255,1))); 
	background: -webkit-linear-gradient(top,  rgba(255,255,255,0) 0%,rgba(255,255,255,1) 60%); 
	background: -o-linear-gradient(top,  rgba(255,255,255,0) 0%,rgba(255,255,255,1) 60%); 
	background: -ms-linear-gradient(top,  rgba(255,255,255,0) 0%,rgba(255,255,255,1) 60%); 
	background: linear-gradient(top,  rgba(255,255,255,0) 0%,rgba(255,255,255,1) 60%); 
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ffffff', endColorstr='#ffffff',GradientType=0 ); 
	height: 8px;
	position: absolute;
	bottom: -3px;
	left: -5px;
	width: 189px;
}*/
/*------------------------------------------- End of chunk for 1 guide */


/*------------------------------------------- When there are 2 or more guides, use this chunk: */

body.home section#content #guides ul {
	padding: 0;
	margin: 0;
}

body.home section#content #guides li {
	display: block;
	margin: 0 0 0 12px;
}

body.home section#content #guides li:first-child {
	margin-top: 12px;
}

body.home section#content #guides li {
	display: block;
	margin: 8px 0 0 13px;
	padding: 4px 0;
	width: 199px;
	border: 1px dashed transparent;
	-moz-border-radius: 2px;
	-webkit-border-radius: 2px;
	-o-border-radius: 2px;
	-ms-border-radius: 2px;
	-khtml-border-radius: 2px;
	border-radius: 2px;
	transition: background-color 0.3s linear, color 0.3s linear, border 0.3s linear;
	-webkit-transition: background-color 0.3s linear, color 0.3s linear, border 0.3s linear;
	-moz-transition: background-color 0.3s linear, color 0.3s linear, border 0.3s linear;
	-o-transition: background-color 0.3s linear, color 0.3s linear, border 0.3s linear;
}

body.home section#content #guides li:hover {
	background-color: white;
	border: 1px dashed lightgrey;
}

body.home section#content #guides time {
	float: right;
	display: none;
}

body.home section#content #guides img {
	float: left;
	margin: 0 21px 0 14px;
}

body.home section#content #guides ul span {
	display: table-cell;
	vertical-align: middle;
	height: 50px;
	font-size: 12px;
	color: #666;
	padding: 0 0 0 0;
	margin: 0;
	width: 110px;
}

.accordion
{
	padding:0px;	
}

.accordion a + div {
	height: 0;
	overflow: hidden;
	-webkit-transition: height 0.3s ease-in;
	-moz-transition: height 0.3s ease-in;
	-o-transition: height 0.3s ease-in;
	-ms-transition: height 0.3s ease-in;
	transition: height 0.3s ease-in;
	position: relative;
}

.accordion :target a + div {
	height: 107px;  
	height: auto;
	margin-bottom: 27px;
	overflow: visible;
}

.accordion :target {
	background-color: white;
	border: 1px dashed lightgrey;
	color: black;
}

.accordion .section.large:target a + div {
	overflow: auto; 
}

body.home section#content #guides ul div a:first-child {
	font-weight: normal;
}

body.home section#content #guides ul div p {
	padding: 0 11px 11px;
	font-size: 12px;
	color: #6D6F72;
	border-bottom: solid 1px #EEE;
	margin-bottom: 5px;
}

body.home section#content #guides a.closeGuideInfo {
	font-size: 9px;
	display: block;
	padding: 5px;
	margin-left: 6px;
	font-weight: normal;
	float: left;
	color: #999;
	border: 1px white solid;
	text-transform: uppercase;
	padding: 4px 5px 3px;
	-moz-border-radius: 2px;
	-webkit-border-radius: 2px;
	-o-border-radius: 2px;
	-ms-border-radius: 2px;
	-khtml-border-radius: 2px;
	border-radius: 2px;
	transition: background-color 0.2s linear, color 0.2s linear, border 0.2s linear;
	-webkit-transition: background-color 0.2s linear, color 0.2s linear, border 0.2s linear;
	-moz-transition: background-color 0.2s linear, color 0.2s linear, border 0.2s linear;
	-o-transition: background-color 0.2s linear, color 0.2s linear, border 0.2s linear;
}

body.home section#content #guides a.closeGuideInfo:hover {
	color: black;
	border: 1px solid lightgray;

}

body.home section#content #guides a.closeGuideInfo:before {
	content: 'X ';
	font-weight: bold;
}

body.home section#content #guides a.closeGuideSpan {
	position: absolute;
	top: -62px;
	left: 0;
	width: 199px;
	height: 50px;
	text-indent: -9999em;
}

body.home section#content #guides a.readGuideSpan {
	display: none;
}

body.home section#content #guides a.readGuide {
	font-size: 10px;
	background-color: gray;
	color: white;
	text-transform: uppercase;
	border: 1px solid gray;
	padding: 3px 5px;
	-moz-border-radius: 2px;
	-webkit-border-radius: 2px;
	-o-border-radius: 2px;
	-ms-border-radius: 2px;
	-khtml-border-radius: 2px;
	border-radius: 2px;
	text-decoration: none;
	font-weight: bold;
	display: block;
	text-align: center;
	float: right;
	margin-right: 5px;
	transition: background-color 0.2s linear, color 0.2s linear, border 0.2s linear;
	-webkit-transition: background-color 0.2s linear, color 0.2s linear, border 0.2s linear;
	-moz-transition: background-color 0.2s linear, color 0.2s linear, border 0.2s linear;
	-o-transition: background-color 0.2s linear, color 0.2s linear, border 0.2s linear;
}

body.home section#content #guides a.readGuide:hover {
	background-color: white;
	color: #555;
	border: 1px solid #FF820A;
	text-decoration: none;
}

body.home section#content #guides .bottom-fade {
	display:none;
}

/*------------------------------------------- End of chunk for 2 or more guides */


body.home section#content #guides a.section-end-link-to-more {
	height: 19px;
	padding: 3px 11px 0;
	margin: 11px 7px 11px 12px;
}

body.de.home section#content #guides a.section-end-link-to-more, body.de.home section#content #allgames a.section-end-link-to-more {
	padding: 3px 5px 0;
        font-size: 12px;
}

body.de.home section#content #allgames a.section-end-link-to-more {
	width: 191px;
}

body.home section#content #allgames {
	background: transparent;
	float: right;
	width: 216px;
	border: 0;
	margin: 0;
	padding: 0;
	position: relative;
	height: 216px;
}

body.home section#content #allgames h2 {
	-moz-border-radius: 2px;
	-webkit-border-radius: 2px;
	-o-border-radius: 2px;
	-ms-border-radius: 2px;
	-khtml-border-radius: 2px;
	border-radius: 2px;
	background-color: white;
	border: 1px solid lightgray;
	margin: 11px 11px 0 0px;
	padding: 6px 11px;
	line-height: 20px;
	font-size: 15px;
}

body.home section#content #allgames > p {display: none;
	margin: 9px 21px 0 12px;
	font-size: 12px;
	line-height: 14px;
}

body.home section#content #allgames ul, body.home section#content #allgames li {
	list-style: none;
	margin: 8px 6px 5px;
	padding: 0;
	display: inline-block;
	position: relative;
}

body.home section#content #allgames ul, body.home section#content #allgames ul {
	overflow: hidden;
}

body.home section#content #allgames li span {
	opacity: 0;
	height: 0;
	transition: opacity 0.2s linear, height 0.2s linear;
	-webkit-transition: opacity 0.2s linear, height 0.2s linear;
	-moz-transition: opacity 0.2s linear, height 0.2s linear;
	-o-transition: opacity 0.2s linear, height 0.2s linear;
	position: absolute;
	z-index: 100;
	width: 191px;
	background: white;
	border: 1px solid #FF820A; 
	-moz-border-radius: 2px;
	-webkit-border-radius: 2px;
	-o-border-radius: 2px;
	-ms-border-radius: 2px;
	-khtml-border-radius: 2px;
	border-radius: 2px;
	display: block;
	text-align: center;
	font-size: 12px;
	color: gray;
	padding: 5px 3px;
	left: -75px;
	pointer-events: none;
}

body.home div.tooltipArrow {
	background: url("/images/tooltipArrow.png") no-repeat scroll 0 0 transparent;
	width: 26px;
	height: 12px;
	position: absolute;
	top: -12px;
	left: 86px;
	border: 0;
	z-index: 101;
}

body.home section#content #allgames ul:hover {
	overflow: visible;
}

body.home section#content #allgames li:hover span {
	opacity: 1;
	height: auto;
}

body.home section#content #allgames a.section-end-link-to-more {
	bottom: -5px;
    height: 19px;
    margin: 2px 12px 0 1px;
    padding: 3px 11px 0;
    position: absolute;
    width: 179px;
}

/* ##################---------------------------------------################## */
/* ##################-------------- ALL GAMES --------------################## */
/* ##################---------------------------------------################## */

body.mac-gmaes #section#content {
	padding-bottom: 50px;
}

body.mac-games #intro_text {
	margin-bottom: 0;
}

body.mac-games #intro_text p {
	width: 460px
}

body.mac-games #content > a {
	display: block; 
	-moz-border-radius: 2px;
  -webkit-border-radius: 2px;
  -o-border-radius: 2px;
  -ms-border-radius: 2px;
  -khtml-border-radius: 2px;
  border-radius: 2px;
  border-style: solid;
  border-width: 1px;
  border-color: white;
  padding: 4px;
  background-color: gray;
  width: 233px;
  position: absolute;
  text-align: center;
  right: 24px;
  color: white;
  text-transform: uppercase;
  font-weight: bold;
  font-size: 10px;
  	transition: background 0.2s linear, color 0.2s linear;
	-webkit-transition: background 0.2s linear, color 0.2s linear;
	-moz-transition: background 0.2s linear, color 0.2s linear;
	-o-transition: background 0.2s linear, color 0.2s linear;
}

body.mac-games #content > a:hover {
	background-color: white;
	color: black;
	border-color: gray;
}

body.mac-games #content > a.selected, body.mac-games #content > a.selected:hover {
  background-color: #000;
  color: white;
  border-color: white;
}

body.mac-games #content a#orderByName {
	top: 145px;
}

body.mac-games #content #orderByName.selected:before, body.mac-games #content #orderByDate.selected:before {
  content: "✓ ";
}

body.mac-games #content a#orderByDate {
	top: 117px;
}

nav#intro_nav {
  width: 750px;
  left: 23px;
  position: relative;
}

ul.icons {
  list-style: none;
  padding: 0;
  margin: 0;
  display: block;
  width: 750px;
}

.icons li {
	list-style: none;
	width: 227px;
	height: 50px;
	float: left;
	margin: 0 6px 15px 0;
	padding: 5px;
	-moz-border-radius: 2px;
	-webkit-border-radius: 2px;
	-o-border-radius: 2px;
	-ms-border-radius: 2px;
	-khtml-border-radius: 2px;
	border-radius: 2px;
	border-width: 2px;
	border-style: solid;
	border-color: transparent;
	color: #4D4D4E;
	transition: color 0.2s linear, background-color 0.2s linear, border-color 0.2s linear;
	-webkit-transition: color 0.2s linear, background-color 0.2s linear, border-color 0.2s linear;
	-moz-transition: color 0.2s linear, background-color 0.2s linear, border-color 0.2s linear;
	-o-transition: color 0.2s linear, background-color 0.2s linear, border-color 0.2s linear;
}
.icons li:hover {
	border-color: #FF820A;
	background-color: white;
	color: black
}
.icons li:active {
	border-color: gray;
	background-color: lightgray;
	color: black;
}

.mac-games .sub_box span {

  width: 127px;
  height: 50px;
  display: table-cell;
	vertical-align: middle;
	padding-left: 7px;
	font-size: 12px;
}

.mac-games .sub_box img {
	float: left;
	margin-right: 5px;
}

/* ##################---------------------------------------################## */
/* ##################-------------- GAME HOME --------------################## */
/* ##################---------------------------------------################## */

@-webkit-keyframes fadeinlogo {
  from { opacity: 0.3; left:900px; }
  to   { opacity: 1; }
}

@-moz-keyframes fadeinlogo {
  from { opacity: 0.3; left:900px; }
  to   { opacity: 1; }
}

img#logo {
  opacity: 1;
  position: absolute;
  left: 490px;
	top: 180px;
  -webkit-animation: fadeinlogo 1s 0.5s ease-out;
  -moz-animation: fadeinlogo 1s 0.5s ease-out;
  -webkit-animation-fill-mode: both;
  -moz-animation-fill-mode: both; 
}

img#toplogo {
	width: 80px;
	height: 80px;
	float: left;
	margin: 4px 12px 26px 0;
}

#intro_text h1.gameheading {
  width: 545px;
  margin-top: 4px;
}

body.mac-games #intro_text.game h2 {
  margin: 0;
  margin-left: 10px;
  margin-top: 2px;
  font-size: 21px;
}

body.mac-games #intro_text.game {
	margin: 0 0 0 7px;
	padding: 15px 16px 0 5px;
	position: relative;
}

body.mac-games #intro_text.game p {
	width: 465px;
}

body.mac-games #intro_text a
{
	background: transparent;
	border: none;
	padding: 0;	
}

body.mac-games #intro_text a.version {
	position: relative;
	width: 405px;
	padding: 2px 4px 4px 8px;
	-moz-border-radius: 2px;
	-webkit-border-radius: 2px;
	-o-border-radius: 2px;
	-ms-border-radius: 2px;
	-khtml-border-radius: 2px;
	border-radius: 2px;
	border: 1px solid gray;
	background: #F1F1F1;
	margin-top: 22px;
	clear: left;
	margin: 11px 10px 10px 20px;
	font-size: 14px;
	line-height: 22px;
	display: block;
}

body.mac-games #intro_text a.version img {
	float: left;
}

body.mac-games #intro_text a.version.updated {
	background-color: #E6F9E5;
	border: 1px dashed #8CC63F;
}


body.mac-games #intro_text a.version.updated strong {
	color: #006837;
	    -webkit-transition: background-color 0.2s linear, color 0.2s linear, border-color 0.2s linear;
  -moz-transition: background-color 0.2s linear, color 0.2s linear, border-color 0.2s linear;
  -o-transition: background-color 0.2s linear, color 0.2s linear, border-color 0.2s linear;
  transition: background-color 0.2s linear, color 0.2s linear, border-color 0.2s linear;
}

body.mac-games #intro_text a.version.updated:hover strong {
	color: black;
}

body.mac-games #intro_text a.version strong {
	display: block;
	font-size: 10px;
	text-transform: uppercase;
}


body.mac-games #intro_text a.version.updated span {
	background: url("/images/updated-icon.png") no-repeat 3px 3px white;
}

body.mac-games #intro_text a.version.no-updates span {
	background: url("/images/general-icon.png") no-repeat 3px 3px white;
}

body.mac-games #intro_text a.version.updated p
{
	margin-left: 5px;
	font-weight: normal;
	font-size: 12px;
	white-space:normal;
	width:390px;	
	line-height: 20px;
}

body.mac-games #intro_text a.version span {
	display: block;
	padding: 3px 3px 3px 28px;
	margin-left: -4px;
	margin-top: 2px;
	-moz-border-radius: 2px;
	-webkit-border-radius: 2px;
	-o-border-radius: 2px;
	-ms-border-radius: 2px;
	-khtml-border-radius: 2px;
	border-radius: 2px;
	background: white;
	height: 20px;
	border: 1px solid white;
	    -webkit-transition: background-color 0.2s linear, color 0.2s linear, border-color 0.2s linear;
  -moz-transition: background-color 0.2s linear, color 0.2s linear, border-color 0.2s linear;
  -o-transition: background-color 0.2s linear, color 0.2s linear, border-color 0.2s linear;
  transition: background-color 0.2s linear, color 0.2s linear, border-color 0.2s linear;
}

body.mac-games #intro_text a.version:hover span {
	background-color: lightgray;
}

/* body.mac-games #intro_text a.version a span {
	display: inline-block;
	padding-left: 2px;
	float: right;
	width: 376px;
} */

body.mac-games #intro_text #release_history_link
{
	border-width: 1px;
	border-color: lightgray;
	border-style: solid;
    border-radius: 3px;
    padding: 2px 3px;
    -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  -o-border-radius: 3px;
  -ms-border-radius: 3px;
  -khtml-border-radius: 3px;
  border-radius: 3px;
    -webkit-transition: background-color 0.2s linear, color 0.2s linear, border-color 0.2s linear;
  -moz-transition: background-color 0.2s linear, color 0.2s linear, border-color 0.2s linear;
  -o-transition: background-color 0.2s linear, color 0.2s linear, border-color 0.2s linear;
  transition: background-color 0.2s linear, color 0.2s linear, border-color 0.2s linear;
  background-color: #EFEFEF;
  white-space: nowrap;	
}

body.mac-games #intro_text #release_history_link:hover
{
	background-color: white;
	border-color: lightgray;
	border-style: dashed;
	padding: 2px 3px;
	border-width: 1px;	
}

.hidden
{
	display:none;	
}

body.mac-games div#release_history a
{
	display:none;	
}

.related {
  position: absolute;
  top: 19px;
  right: 0;
  display: block;
  background-color: #FFF;
  min-width: 199px;
  color: #FFF;
  margin-left: 20px;
  -moz-border-radius: 2px;
  -webkit-border-radius: 2px;
  -o-border-radius: 2px;
  -ms-border-radius: 2px;
  -khtml-border-radius: 2px;
  border-radius: 2px;
  z-index: 2;
}

.related h3 {
  margin: 0;
  height: 18px;
  font-size: 0.8em;
  padding: 7px 0px 0px 20px;
  background-color: #444;
  text-transform: uppercase;
  background: #484848;  
  border: 1px solid #A6A6A6;
  border-bottom: 0;
  border-right: 0;
  -o-border-radius: 3px;
  -ms-border-radius: 3px;
  -khtml-border-radius: 3px;
  -webkit-border-top-left-radius: 3px;
-webkit-border-bottom-left-radius: 3px;
-moz-border-radius-topleft: 3px;
-moz-border-radius-bottomleft: 3px;
border-top-left-radius: 3px;
border-bottom-left-radius: 3px;
-webkit-border-top-right-radius: 0;
-webkit-border-bottom-right-radius: 0;
-moz-border-radius-topright: 0;
-moz-border-radius-bottomright: 0;
border-top-right-radius: 0;
border-bottom-right-radius: 0;
}

.related ul {
  margin: -3px 0 0;
  padding: 3px 0 0;
    border: 1px solid #A6A6A6;
  border-top: 0;
  -o-border-radius: 3px;
  -ms-border-radius: 3px;
  -khtml-border-radius: 3px;
  -webkit-border-top-left-radius: 3px;
-webkit-border-bottom-left-radius: 3px;
-moz-border-radius-topleft: 3px;
-moz-border-radius-bottomleft: 3px;
border-top-left-radius: 3px;
border-bottom-left-radius: 3px;
  border-right: 0;
  -webkit-border-top-right-radius: 0;
-webkit-border-bottom-right-radius: 0;
-moz-border-radius-topright: 0;
-moz-border-radius-bottomright: 0;
border-top-right-radius: 0;
border-bottom-right-radius: 0;
}

.related li {
  list-style-type: none;
	padding: 0;
  margin: 0;
  font-size: 14px;
  background: #F1F1F1;
  -webkit-transition: background-color 0.2s linear;
  -moz-transition: background-color 0.2s linear;
  -o-transition: background-color 0.2s linear;
  transition: background-color 0.2s linear;
  -o-border-radius: 2px;
  -ms-border-radius: 2px;
  -khtml-border-radius: 2px;
  border-radius: 2px;
  -webkit-border-top-left-radius: 2px;
-webkit-border-bottom-left-radius: 2px;
-moz-border-radius-topleft: 2px;
-moz-border-radius-bottomleft: 2px;
border-top-left-radius: 2px;
border-bottom-left-radius: 2px;
-webkit-border-top-right-radius: 0;
-webkit-border-bottom-right-radius: 0;
-moz-border-radius-topright: 0;
-moz-border-radius-bottomright: 0;
border-top-right-radius: 0;
border-bottom-right-radius: 0;
}

body.mac-games #intro_text .related li a, body.mac-games #intro_text .related li a:hover {
  color: #4D4D4D;
  text-decoration: none;
  display: block;
	padding: 9px 22px 8px 40px;
	display: block;
	height: 15px;
}

body.mac-games #intro_text .related li:last-child a {
	padding-bottom: 9px;
}

body.mac-games #intro_text .related li:first-child a {

}

#intro_text .related li a.minisite-link {
	background: url("/images/web-icon.png") 10px 6px no-repeat transparent;
}

#intro_text .related li a.buy-link {
	background: url("/images/buy-icon.png") 10px 6px no-repeat transparent;
}

#intro_text .related li a.demo-link {
	background: url("/images/demo-icon.png") 10px 6px no-repeat transparent;
}

body.mac-games #intro_text .related li a:hover {
	background-color: white;
	color: black;
}

.mac-games .other_text {
  margin: 0 0 10px 7px;
	padding: 11px 5px 5px 5px;
}

.mac-games .other_text h2 {
	clear: both;
	margin-left: 10px;
	padding: 18px 0 1px;
	margin-bottom: 0;
	line-height: 22px;
}

.mac-games .other_text h2#faqs {
	padding: 10px 0 1px;
	width: 445px;
}

.mac-games .other_text h2#generalfaqs {
	padding: 18px 0 1px;
}

.mac-games .other_text ul.questionlist {
	margin-bottom: 20px;
	padding: 0 0 0 18px;
}

.mac-games div.clearfix {
	height: 40px;
}

body.mac-games section#content ul.questionlist li {
	float: left;
	width: 417px;
	margin: 0 3px;
}

body.mac-games #intro_text a.game-page-hints-link {
		position: relative;
	width: 405px;
	padding: 2px 4px 4px 8px;
	-moz-border-radius: 2px;
	-webkit-border-radius: 2px;
	-o-border-radius: 2px;
	-ms-border-radius: 2px;
	-khtml-border-radius: 2px;
	border-radius: 2px;
	border: 1px solid #FF820A;
	background: white;
	clear: left;
	margin: 24px 10px 7px 20px;
	font-size: 14px;
	line-height: 22px;
	display: block;
	display: block;
	font-size: 10px;
	text-transform: uppercase;
	  -webkit-transition: border-color 0.2s linear;
  -moz-transition: border-color 0.2s linear;
  -o-transition: border-color 0.2s linear;
  transition: border-color 0.2s linear;
}

body.mac-games #intro_text a.game-page-hints-link:hover {
	border-color: black;
}

body.mac-games #intro_text a.game-page-hints-link span {
	display: block;
	width: 405px;
	white-space: normal;
	font-weight: normal;
	font-size: 12px;
	background: url("/images/general-icon.png") no-repeat 0 3px transparent;
	text-transform: none;
	padding: 2px 0 2px 25px;
}


/* ##################------------------------------------################## */
/* ##################-------------- GUIDES --------------################## */
/* ##################------------------------------------################## */

body.guides #intro_text {
    background: url("/images/guides.png") no-repeat scroll 518px 18px transparent;
    min-height: 158px;
    margin-bottom: 0;
    padding-bottom: 15px;
}

#guideslist {
  list-style: none;
  margin: 0 20px 20px;
  padding: 0px;
}

#guideslist img {
  float: left;
  margin-left: 7px;
	margin-right: 15px;
}

#guideslist li {
  margin-bottom: 10px;
  background-color: #FFF;
  border: 2px solid #dadada;
  transition: color 0.2s linear, background-color 0.2s linear, border-color 0.2s linear, padding 0.2s linear;
	-webkit-transition: color 0.2s linear, background-color 0.2s linear, border-color 0.2s linear;
	-moz-transition: color 0.2s linear, background-color 0.2s linear, border-color 0.2s linear;
	-o-transition: color 0.2s linear, background-color 0.2s linear, border-color 0.2s linear;
	-moz-border-radius: 2px;
  -webkit-border-radius: 2px;
  -o-border-radius: 2px;
  -ms-border-radius: 2px;
  -khtml-border-radius: 2px;
  border-radius: 2px;
  -webkit-border-bottom-right-radius: 60px;
-moz-border-radius-bottomright: 60px;
border-bottom-right-radius: 60px;
}

#guideslist li a {
  display: block; 
  padding: 8px 8px 8px 46px;
  color: #555;
  text-decoration: none;
  cursor: pointer;
  min-height: 80px;
  border: 1px dashed #DADADA;
	margin: 1px;
  -webkit-border-bottom-right-radius: 58px;
	-moz-border-radius-bottomright: 58px;
	border-bottom-right-radius: 58px;
	transition: color 0.2s linear, background-color 0.2s linear, border-color 0.2s linear, padding 0.2s linear;
	-webkit-transition: color 0.2s linear, background-color 0.2s linear, border-color 0.2s linear;
	-moz-transition: color 0.2s linear, background-color 0.2s linear, border-color 0.2s linear;
	-o-transition: color 0.2s linear, background-color 0.2s linear, border-color 0.2s linear;
	position: relative;
	font-weight: normal;
}

#guideslist li.beginner, #guideslist li.beginner a {
	border-top-color: #378900;
}

#guideslist li.intermediate, #guideslist li.intermediate a {
	border-top-color: #d6c000;
}

#guideslist li.advanced, #guideslist li.advanced a {
	border-top-color: #A50000;
}

#guideslist li.beginner:hover, #guideslist li.beginner a:hover {
	border-color: #378900;
}

#guideslist li.intermediate:hover, #guideslist li.intermediate a:hover {
	border-color: #d6c000;
	border-color: #F2B100;
}

#guideslist li.advanced:hover, #guideslist li.advanced a:hover {
	border-color: #A50000;
}

#guideslist li a:hover { 
  color: #000;
  text-decoration: none;
  border-color: white;
}

#guideslist li:hover {
  background-color: #efefef;
  border: 2px solid white;
}

#guideslist li:active {
  background-color: #DADADA;
  border: 2px solid black;
}

#guideslist li h3 {
  margin-top: 15px;
  margin-bottom: 2px;
  margin-left: 102px;
  font-size: 16px;
}

#guideslist li p {
  margin-left: 102px;
  margin-right: 30px;
  font-weight: normal;
}

#guideslist li p > a {
  margin-left: 120px;
}

#guideslist li time {
  font-style:italic;
  font-weight: normal;
  float: right;
  margin-right: 3px; 
  font-size: 12px;
}

#intro_text.guide time {
  float: right;
  clear: right;
  font-style: italic;
}

#intro_text.guide h1 {
  margin-top: 10px;
}

#intro_text.guide img {
  float: left;
}

#guidecontent {
  margin: 10px;
}

.difficulty {
	-moz-transform: rotate(-90deg);
	-webkit-transform: rotate(-90deg);
	-o-transform: rotate(-90deg);
	-ms-transform: rotate(-90deg);
	transform: rotate(-90deg);
	position: absolute;
	top: 27px;
	left: -19px;
	height: 20px;
	vertical-align: middle;
	text-align: right;
	width: 76px;
	padding: 7px 12px 3px 0;
	color: white;
	text-transform: uppercase;
	font-size: 14px;
	-webkit-border-top-left-radius: 25px;
	-webkit-border-bottom-left-radius: 25px;
	-moz-border-radius-topleft: 25px;
	-moz-border-radius-bottomleft: 25px;
	border-top-left-radius: 25px;
	border-bottom-left-radius: 25px;
	-webkit-box-shadow: -1px 0px 0px 0px #000000;
	-moz-box-shadow: -1px 0px 0px 0px #000000;
	box-shadow: -1px 0px 0px 0px #000000; 
}

.beginner .difficulty {
	background: #378900;
}

.intermediate .difficulty {
	background: #F2B100;
}

.advanced .difficulty {
	background:  #A50000;
}

/* ##################----------------------------------################## */
/* ##################-------------- FAQS --------------################## */
/* ##################----------------------------------################## */

body.faqs.faqs #intro_text {
	/*background: url("/images/faqs.png") no-repeat right top;*/
	margin: 0 0 0 7px;
	padding: 15px 16px 15px 5px;
  	min-height: 121px;
}

body.faqs.faqs #intro_text p {
	width: 535px;
}

body.faqs.faqs .other_text {
	margin: 10px 0 0 7px;
	padding: 0 5px;
}

body.faqs section#content ul.questionlist /* , body.mac-games section#content ul.questionlist */ {
  list-style-type: none;
  margin: 6px 0 0;
  padding: 0;
}

body.faqs section#content ul.questionlist li {
	float: left;
	width: 366px;
	margin: 0 3px;
}

body.faqs section#content ul.questionlist li a, body.mac-games section#content ul.questionlist li a {
	padding: 8px 13px 12px 35px;
	background: url("/images/question_bullet.png") no-repeat 11px 11px;
	white-space: normal;
}

body.faqs section#content ul.questionlist {
	margin-bottom: 20px;
	padding: 0 0 0 5px;
}

/* ##################---------------------------------################## */
/* ##################-------------- FAQ --------------################## */
/* ##################---------------------------------################## */

body.faqs.faq #content {
	background-color: #DDD;
  min-height: 600px;
  background: -moz-linear-gradient(top, #dadada, white); background: -webkit-gradient(linear, left top, left bottom, from(#dadada), to(white));
}

h1.question {
  	font-size: 22px;
    margin: 19px 11px 10px 7px;
    padding: 9px 4px 4px 13px;
    color: #4D4D4E;
    float: left;
    width: 500px;
    line-height: 22px;
}

body.faqs .likebuttons {
	float: left;
	margin-top: 30px;
	margin-left: 100px;
	min-height: 28px;
}

body.faqs aside#applies + h1 + .likebuttons {
	margin-top: 20px;
	margin-left: 32px;
	min-height: 28px;
}

#applies {
	float: right;
	width: 211px;
	overflow: hidden;
	-moz-border-radius-topleft: 0px;
	-moz-border-radius-topright: 0px;
	-moz-border-radius-bottomright: 10px;
	-moz-border-radius-bottomleft: 10px;
	-webkit-border-radius: 0px 0px 10px 10px;
	border-radius: 0px 0px 10px 10px;
	border: 1px solid #FF820A;
	border-top: 0;
	background: white;
	padding: 20px 0 11px 11px;
	margin-right: 22px;
    margin-bottom: 20px;
	height: auto;
    position: relative;
}

#applies p {
	margin: 11px 0 0;
	width: 200px;
	padding-right: 11px;
	line-height: 22px;
}

#applies ul {
	list-style: none;
	display: block;
	margin: 0;
	padding: 0;
	margin-top: 10px;
	height: auto;
	overflow-y: hidden;
	overflow-x: hidden;
}

#applies ul li {
  font-size: 10px;
  display: block;
}

#applies ul li a {
	padding: 3px 0;
	display: block;
	float: left;
        min-width: 199px;
}

#applies ul li:last-child a {
        min-height: 53px;
}

.bottom-fade {
	/* IE9 SVG, needs conditional override of 'filter' to 'none' */
	background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIwIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjYwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgPC9saW5lYXJHcmFkaWVudD4KICA8cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMSIgaGVpZ2h0PSIxIiBmaWxsPSJ1cmwoI2dyYWQtdWNnZy1nZW5lcmF0ZWQpIiAvPgo8L3N2Zz4=);
	background: -moz-linear-gradient(top,  rgba(255,255,255,0) 0%, rgba(255,255,255,1) 60%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,0)), color-stop(60%,rgba(255,255,255,1))); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  rgba(255,255,255,0) 0%,rgba(255,255,255,1) 60%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  rgba(255,255,255,0) 0%,rgba(255,255,255,1) 60%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  rgba(255,255,255,0) 0%,rgba(255,255,255,1) 60%); /* IE10+ */
	background: linear-gradient(top,  rgba(255,255,255,0) 0%,rgba(255,255,255,1) 60%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ffffff', endColorstr='#ffffff',GradientType=0 ); /* IE6-8 */
	height: 18px;
	position: absolute;
	bottom: 0;
	left: 10px;
	width: 200px;
}

#applies:target .bottom-fade {
	display: none;
}

.answer {
  	margin: 0 10px 10px 7px;
    padding: 0 5px;
  	width: 500px;
  	float: left;
}

.answer p {
	font-size: 14px;
    line-height: 22px;
    margin: 11px 10px 11px 20px;
    color: #636466;
}

.answer table {
	margin-left: 22px;
	margin-bottom: 14px;
	width: 465px;
	border-spacing: 2px;
}

.answer table th {
	text-align: left;
	border-bottom: 2px white solid;
  	padding: 4px 7px;
}

.answer table td {
  	padding: 4px 7px;
  	background: white;
}

.answer table td:first-child {
	border-left: none;
}

.answer ul, .answer ol, #guidecontent ul, #guidecontent ol, body.contact #intro_text ul, body.contact #intro_text ol {
	margin: 17px 0 16px;
}

.answer ul li ol {
	margin-bottom: 5px;
}

.answer ul li, .answer ol li, guide_info ul li, guide_info ol li, #guidecontent ul li, #guidecontent ol li, body.contact #intro_text ul li, body.contact #intro_text ol li {
	margin-left: 15px;
    padding: 5px 10px 6px 3px;
    line-height: 22px;
}

.answer ul p, .answer ol p, guide_info ul p, guide_info ol p, #guidecontent ul p, #guidecontent ol p {
	margin: 0;
	padding: 0;
}

.answer code {
	background: none repeat scroll 0 0 #FAFAFA;
    border-radius: 7px 7px 7px 7px;
    display: inline-block;
    padding: 10px 13px;
    border: 1px solid lightgray;
}

.faqs.buy_games.faq #content .answer {
	background: url("/images/buy.png") no-repeat 531px 20px;
	width: auto;
	padding: 0 271px 0 5px;
  	margin: 0 0 10px 7px;
}


/* ##################-----------------------------------################## */
/* ##################-------------- GUIDE --------------################## */
/* ##################-----------------------------------################## */

#guide_info {
	margin: 2px 0 20px 0;
	padding: 18px 30px 0 20px;
}

#guide_info img {
	float: right;
	clear: right;
	margin: 12px 12px 0;
}

#guide_info h1 {
	padding-top: 0;
	margin-right: 189px;
	font-size: 30px;
	color: #4D4D4E;
	line-height: 33px;
	margin-bottom: 20px;
	margin-top: 0;
}

#guide_info time {
   float: right;
   clear: right;
   font-style: italic;
}

#guide_published {
	font-weight: bold;
}

#guide_updated {
	font-size: 12px;
	padding-top: 5px;
}

.guides .likebuttons, body.hints .likebuttons {
	clear: right;
	margin-right: 17px;
	width: 100px;
	padding: 10px;
	margin: 10px;
	float: right;
}

#guidecontent {
	margin: 31px 170px 80px 30px;
}

#guidecontent h2 {
	font-size: 21px;
	line-height: 22px;
	padding: 0;
	margin: 31px 0 13px;
}

#guidecontent h2:first-child {
	margin: 20px 0 13px;
}

#guidecontent p {
	width: auto;
}

#guidecontent ul+h2 {
	margin-top: 25px;
}

#guidecontent ol+h2 {
	margin-top: 25px;
}

body.guide .difficulty {
	-moz-transform: rotate(0deg);
	-webkit-transform: rotate(0deg);
	-o-transform: rotate(0deg);
	-ms-transform: rotate(0deg);
	transform: rotate(0deg);
	height: 20px;
	vertical-align: middle;
	text-align: left;
	width: 124px;
	padding: 7px 12px 3px 17px;
	color: white;
	text-transform: uppercase;
	font-size: 14px;
	-webkit-border-top-left-radius: 25px;
	-webkit-border-bottom-left-radius: 25px;
	-moz-border-radius-topleft: 25px;
	-moz-border-radius-bottomleft: 25px;
	border-top-left-radius: 25px;
	border-bottom-left-radius: 25px;
	-webkit-box-shadow: 0px 1px 0px 0px #000000;
	-moz-box-shadow: 0px 1px 0px 0px #000000;
	box-shadow: 0px 1px 0px 0px #000000; 
	position: relative;
	top: 0;
	left: 30px;
	float: right;
	clear: right;
	font-weight: bold;
}

body.guide .difficultyBar {
	background: #378900;
	position: absolute;
	top: 25px;
	right: 4px;
	height: 100%;
	width: 7px;
	z-index: 9;
}

body.guide.beginner #guide_info {
	border-top: 1px dashed #378900;
}

body.guide.beginner .difficultyBar {
	background: #378900;
}

body.guide.beginner .difficulty {
	background: #378900;
}

body.guide.intermediate #guide_info {
	border-top: 1px dashed #F2B100;
}

body.guide.intermediate .difficultyBar {
	background: #F2B100;
}

body.guide.intermediate .difficulty {
	background: #F2B100;
}

body.guide.advanced #guide_info {
	border-top: 1px dashed #A50000;
}

body.guide.advanced .difficultyBar {
	background: #A50000;
}

body.guide.advanced .difficulty {
	background: #A50000;
}

body.guide .difficulty.label {
	height: 12px;
	font-size: 10px;
	background-color: gray;
	color: white;
	padding: 1px 5px 1px 5px;
	margin-top: 22px;
	margin-bottom: 3px;
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	border-radius: 2px;
	width: auto;
	text-align: center;
	position: relative;
	left: -43px;
}

body.de.guide .difficulty.label {
        left: -19px;
}

body.guide .difficulty.label span:first-child {
	background: black;
	width: 1px;
	height: 3px;
	display: block;
	position: absolute;
	bottom: -3px;
	left: 6px;
}

body.guide .difficulty.label span:last-child {
	background: black;
	width: 1px;
	height: 3px;
	display: block;
	position: absolute;
	bottom: -3px;
	right: 6px;
}


/* ##################-------------------------------------################## */
/* ##################-------------- PATCHES --------------################## */
/* ##################-------------------------------------################## */

body.updates iframe {
  width: 100%;
  border: 1px solid #000;
}

ul#how_to_update {
  list-style: none;
  margin: 20px 14px;
  padding: 0;
}

ul#how_to_update li {
  background-color: #EEE;
  margin: 10px 0;
  padding: 10px;
  border: 2px solid white;
    -moz-border-radius: 2px;
  -webkit-border-radius: 2px;
  -o-border-radius: 2px;
  -ms-border-radius: 2px;
  -khtml-border-radius: 2px;
  border-radius: 2px;
  padding-bottom: 0;
}

ul#how_to_update li div h2,
ul#how_to_update li div img
{
	cursor:pointer;	
}

ul#how_to_update img {
  float: left;
  padding-right: 10px;
  width: 64px;
  height: 64px;
}

ul#how_to_update h2, ul#how_to_update p {
  margin-left: 80px;
  line-height: 22px;
  margin-right: 11px;
}

ul#how_to_update h2, ul#how_to_update p:last-child { 
  margin-bottom: 20px;
}

ul#how_to_update h2 {
    margin-top: 5px;
}

body.updates #intro_text {
	background: url("/images/patches.png") no-repeat 530px 5px;
	min-height: 215px;
}

body.updates ul#how_to_update ol {
	margin-left: 10px;
	padding-left: 10px;
}

body.updates ul#how_to_update ol li {
	border: 0;  
	margin-left: 80px;
	padding-left: 0;
	line-height: 22px;
	float: left;
	clear: left;
	width: 600px;
}

body.updates ul#how_to_update ol li:first-child {
	margin-top: -30px;
}

body.updates ul#how_to_update ol li:last-child {
	float: none;
	margin-bottom: 40px;
}

body.updates ul#how_to_update ol li img {

	width: auto;
	height: auto;
	margin: 5px 0 0;
}


.hidetext 
{
	min-height: 59px;
	padding: 1px;
	position: relative;		
}

.hidetext img 
{
	position: absolute;
	top: -6px;	
}

.hidetext h2
{
	margin-top:13px !important;	
}

.hidetext div.text
{
	display:none;
}

div#notes_container
{
	margin-left:10px;
	margin-bottom:30px;	
}

div#notes_container h2
{
	font-size:18px;
	font-weight:normal;	
}

div#notes_container h2 span
{
	font-size:18px;
	text-decoration:underline;
	font-weight:bold;
}

div#notes_container h3
{
	padding-left:10px;	
}

div#notes_container ul li 
{
	line-height:22px;
	padding-bottom:10px;	
}

/* ##################-------------------------------------################## */
/* ##################--------------- HINTS ---------------################## */
/* ##################-------------------------------------################## */


body.hints aside.likebuttons {
	margin-top: 20px;
}

body.hints h2 {
	clear: both;
	margin-left: 26px;
	width: 500px;
	font-size: 20px;
	margin-bottom: 12px;
	margin-top: 16px;
	padding: 0;
	line-height: 22px;
}

body.hints div.answer ul {
	margin-top: 6px;
	margin-bottom: 5px;
}

body.hints div.answer ul li {
	padding-top: 0;
	padding-bottom: 0;
}



/* ##################-------------------------------------################## */
/* ##################--------------- ISSUES --------------################## */
/* ##################-------------------------------------################## */


div.register_section
{
	display:none;	
}

div.register_section:target
{
	display:block;	
}

.register_popup
{
	background: #4F4F4F;
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	-o-border-radius: 2px;
	-khtml-border-radius: 2px;
	border-radius: 2px;	
	border:2px #4F4F4F solid;
	margin: 15px 4px 0px 11px;
	position: absolute;
	width: 704px;
	height: 143px;
	
	display:none;
}

.register_popup h4
{
	width:100%;
	background:	#F37021;
	margin: 0px;
	line-height: 20px;
	font-size: 14px;
	color: white;
}

.popup_container
{
	margin:5px;
	padding:5px;
	color:white;
	height:118px;
}

.popup_container p,
.popup_container form
{
	margin:0px 0px 0px 0px !important;
}

.popup_container form input[type='text']
{
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	-o-border-radius: 2px;
	-ms-border-radius: 2px;
	border-radius: 2px;
	border: 2px gray solid;
	height: 25px;
	width: 677px;	
}

.popup_container form button
{
	width: 130px;
	margin: 10px 0px 0px;
	background-color: #0071bd;
	background-repeat: repeat-x;
	float:right;	
	border: solid 1px #dddddd;
	border-radius: 3px;
	line-height: 24px;
	font-size: 12px;
	font-weight: bold;
	color: #FFF;
	cursor: pointer;
	font-family: helvetica, verdana, sans-serif;
	
}

.popup_container form button.register_cancel
{
	background: -webkit-linear-gradient(top, #6B6B6B, #3B3B3B);
	background: -moz-linear-gradient(top, #6B6B6B, #3B3B3B);
	background: -ms-linear-gradient(top, #6B6B6B, #3B3B3B);
	background: -o-linear-gradient(top, #6B6B6B, #3B3B3B);
}

.popup_container form button.register_cancel:hover
{
	background: -webkit-linear-gradient(top, #565656, #303030);
	background: -moz-linear-gradient(top, #5656565, #303030);
	background: -ms-linear-gradient(top, #565656, #303030);
	background: -o-linear-gradient(top, #565656, #303030);
}

.popup_container form button.register_submit
{
	background-color: #0071bd;
	background: -webkit-linear-gradient(top, #009bef, #00519b);
	background: -moz-linear-gradient(top, #009bef, #00519b);
	background: -ms-linear-gradient(top, #009bef, #00519b);
	background: -o-linear-gradient(top, #009bef, #00519b);
	margin-left: 16px;
}

.popup_container form button.register_submit:hover
{
	background-color: #0071bd;
	background: -webkit-linear-gradient(top, #008BCF, #00448B);
	background: -moz-linear-gradient(top, #008BCF, #00448B);
	background: -ms-linear-gradient(top, #008BCF, #00448B);
	background: -o-linear-gradient(top, #008BCF, #00448B);
	margin-left: 16px;
}

.popup_container form p
{
	padding-left:2px;	
}

.popup_container p
{
	padding-bottom:10px;
	padding-top:5px;
	width:403px !important;
}

div.register_results p
{
	font-weight:bold;
	margin-left:0;
	margin-top: 8px !important;
}

div.register_results p.success
{
	color:#29A329;	
}

div.register_results p.failure,
div.register_results p.invalid
{
	color:#E60000;	
}

div.register_results p.repeat
{
	color:#FFC600;	
}

.register_close
{
	color: #fff !important;
	border: 1px solid #fff !important;
	cursor: pointer;
	font-weight: bold !important;
	font-size: 1em;
	position: absolute;
	right: -3px;
	top: -2px;
	line-height: 16px;
	/*z-index: 1000010;*/
	padding: 0 5px !important;
	-webkit-border-radius: 15px !important;
	-moz-border-radius: 15px !important;
	border-radius: 15px !important;
	text-decoration: none;
	-webkit-transition: border 0.3s linear, color 0.3s linear, background 0.3s linear !important;
	-moz-transition: border 0.3s linear, color 0.3s linear, background 0.3s linear !important;
	-ms-transition: border 0.3s linear, color 0.3s linear, background 0.3s linear !important;
	-o-transition: border 0.3s linear, color 0.3s linear, background 0.3s linear !important;
	transition: border 0.3s linear, color 0.3s linear, background 0.3s linear !important;	
}

.register_close:hover
{
	color: black !important;
	background: rgba(255,255,255,.5) !important;	
}

::-webkit-input-placeholder {
   padding-left:10px;
}

:-moz-placeholder { /* Firefox 18- */
   padding-left:10px; 
}

::-moz-placeholder {  /* Firefox 19+ */
   padding-left:10px;
}

:-ms-input-placeholder {  
   padding-left:10px;
}


body.issues #intro_text p {
	width: auto;
}

body.issues #intro_text div.intro
{
	width: 544px;	
	margin-bottom:25px;
}

img#game_image
{
	position: absolute;
	left: 593px;
	top: 41px;
	border: 0;	
}

ul#issue-list {
  list-style: none;
  margin: 15px 14px;
  padding: 0;
}

div#game_image_holder
{
		
}

div#game_image_holder img#game_image
{
		
}

ul#issue-list li {
  background-color: #EEE;
  margin: 25px 0;
  padding: 5px 5px 0px 5px;
  border: 1px solid gray;
  -moz-border-radius: 2px;
  -webkit-border-radius: 2px;
  -o-border-radius: 2px;
  -ms-border-radius: 2px;
  -khtml-border-radius: 2px;
  border-radius: 2px;
  color: #4d4d4e;	
  width:730px;
}

ul#issue-list li div.issue_header
{
	border-bottom: 3px solid rgb(235,171, 111);	
	text-align:right;
	padding: 4px 8px 0px 4px;
	color: #4d4d4e;
	background-color:white;
}

ul#issue-list li div.issue_header h2
{
	margin:0;	
	float:left;
}

ul#issue-list li div.issue_header p
{
	margin:0;
	font-weight:bold;
}

ul#issue-list li div.issue_text
{
	margin: 3px 12px 9px 12px;
	width:481px;
	float:left;
}

ul#issue-list li div.issue_text > p
{
	margin-left:0px;	
	margin-right:0px;
}

ul#issue-list li div.issue_text div.issue_workaround
{
	border: 1px solid gray;
	background-color: white;
}

ul#issue-list li div.issue_text div.issue_workaround > p
{
	margin: 22px 10px 25px 10px;
}

div.issue_workaround div.workaround_triangle
{
    width: 0;
    height: 0;
    border-right: 22px solid transparent;
	border-top: 22px solid #666666;
	float: left;
	margin-top: 2px;
}

ul#issue-list li div.issue_text div.issue_workaround div.issue_workaround_header
{
	margin: 0px 0px 0px 0px;
	text-align:right;	
	
}

div.issue_workaround_header span
{
	padding-right:8px;	
	text-transform: uppercase;
	font-size: 12px;
	display: block;
	padding-top: 8px;
}

div.issue_workaround_header h3.workaround_title
{
	float: left;
	background: #666666;
	padding: 4px 6px 4px 6px;
	font-weight: bold;
	text-transform: uppercase;
	font-size: 12px;
	margin-top: 2px;
	margin-left: 2px;
	color: #E6E6E6;
}

ul#issue-list li div.issue_register
{
	float: right;
	margin: -10px 12px 9px 0px;
	width:210px;
}

ul#issue-list li div.issue_status
{
	background: #999999;
	width: 206px;
	float:right;
	color:white;
	margin-top:27px;	
	border: 1px solid white;
}

ul#issue-list li div.issue_status h4.status_header
{
	margin: 5px 10px 0px 10px;
	font-size: 10px;
	font-weight: bold;
	text-transform: uppercase;
	border-bottom: 1px #DCDCDC solid;
	line-height: 18px;	
}

ul#issue-list li div.issue_status p.status
{
	text-transform: uppercase;
	font-weight: bold;
	text-align: center;
	font-size: 18px;
	line-height:25px;
	margin: 25px 20px 25px 20px;
	
}

ul#issue-list li div.issue_status p.status.fixed
{
	margin-bottom:0px;
}

ul#issue-list li div.issue_status p.fixed_on
{
	font-size: 11px;
	text-align: center;	
	margin-top:0px;
}

ul#issue-list li div.issue_status p.fixed_on a
{
	color:inherit;	
}

ul#issue-list li div.issue_status p.fixed_on a:hover
{
	color:black;	
}


ul#issue-list li div.issue_register button
{
	width:208px;
	float:right;
	margin:10px 0px 0px 0px;
	background-color: #0071bd;
	background-repeat: repeat-x;
	background: -webkit-linear-gradient(top, #009bef, #00519b);
	background: -moz-linear-gradient(top, #009bef, #00519b);
	background: -ms-linear-gradient(top, #009bef, #00519b);
	background: -o-linear-gradient(top, #009bef, #00519b);
	border: solid 1px #dddddd;
	border-radius: 3px;
	line-height: 24px;
	font-size: 12px;
	font-weight:bold;
	color: #FFF;
	cursor: pointer;	
	font-family: helvetica, verdana, sans-serif;
}

ul#issue-list li div.issue_register button:hover
{
	background-color: #0071bd;
	background: -webkit-linear-gradient(top, #008BCF, #00448B);
	background: -moz-linear-gradient(top, #008BCF, #00448B);
	background: -ms-linear-gradient(top, #008BCF, #00448B);
	background: -o-linear-gradient(top, #008BCF, #00448B);	
}

p.status.under_review
{
	color:#FFC600;	
}

p.status.fixed
{
	color:#2CE82C;	
}

ul#issue-list img {
  float: left;
  padding-right: 10px;
  width: 64px;
  height: 64px;
}

ul#issue-list h2, ul#issue-list p {
  line-height: 22px;
  margin-right: 11px;
}

ul#issue-list h2, ul#issue-list p:last-child { 
  margin-bottom: 20px;
}

ul#issue-list h2 {
    margin-top: 5px;
    margin-left: 5px;
    font-size: 14px;
}

ul#issue-list h4 {

}

.register_link {
	float: right;
}

ul#issue-list .clearfix {
	height: 8px;
}



/* ##################-------------------------------------################## */
/* ##################-------------- CONTACT --------------################## */
/* ##################-------------------------------------################## */

body.contact #intro_text {
    background: url("/images/envelope.png") no-repeat scroll 546px 135px transparent;
    min-height: 158px;
}

body.contact #byPhone {
    background: url("/images/phone.png") no-repeat scroll 546px 5px transparent;
    min-height: 300px;
}

body.contact h2 {
	margin: 19px 0 12px 19px;
	padding: 0;
}

body.contact #intro_text ul {
	margin-bottom: 10px;
	width: 480px;
}

body.contact #intro_text ul li ul {
	margin-bottom: 0;
}

body.contact #intro_text ul + p {
	margin-top: 0;
}

body.contact #local div + div {
	padding-bottom: 7px;
}

body.contact #local div + div h1 {
	color: #444;
	padding: 7px 7px 5px;
	margin: 2px;
	background: white;
	-moz-border-radius: 2px;
	-webkit-border-radius: 2px;
	-o-border-radius: 2px;
	-ms-border-radius: 2px;
	-khtml-border-radius: 2px;
	border-radius: 2px;
  
}

body.contact #local div + div p {
	color: #636466;
	padding: 3px 5px;
	margin: 2px;
	font-size: 12px;
	line-height: 16px;
}

body.contact #local div + div h1 + p {
	padding-top: 7px;
}

body.contact #local div + div a {
	text-decoration: none;
	font-weight: bold;
	color: #4D4D4E;
}

body.contact #local div + div a:hover {
	color: black;
}



/* ##################-------------------------------------################## */
/* #################-------------- Error 404 --------------################# */
/* ##################-------------------------------------################## */

body.error {
    background: url(../images/404.jpg) #000000 center 84px no-repeat;
}

body.error #content {
	background: transparent;
	color: #FFFFFF;
       
}

#error_holder {
	position: relative;
	color: #FFF;
	font-size: 14px;
}

h1#error-code {
	position: absolute;
	top: 146px; left: 469px;
	color: #FFF;
	font-family: Helvetica, Arial, sans-serif;
	font-style: normal;
	font-size: 120px;
    text-shadow: 0px 0px 10px #000000, 0px 0px 10px #000000, 0px 0px 10px #000000;
    filter: dropshadow(color=#000000, offx=0, offy=0);
}

h1#error-code span {
	display: block;
	position: absolute;
	top: 118px; left: -60px;
	width: 320px;
	font-size: 22px;
	text-align: center;
	text-transform: uppercase;
}

#error-text {
	position: absolute;
	top: 12px; left: 309px;
	width: 440px;
	line-height: 20px;
}

#goog-fixurl h3 {
	display: none;
}

#goog-fixurl ul {
	font-size: 0;
	margin: 0;
	padding: 0;
}

#goog-fixurl ul form {
	display: block;
	margin: 0px;
}

body.error footer a, body.error footer a:visited {
	text-decoration: none;
	color: gray;
}

body.error footer a:hover {
	color: white;
	text-decoration: underline;
}

@media print {

      header, footer, nav#local, .likebuttons, #guide_info img, body.guide .difficultyBar, .game img#logo, body.home section#content #allgames  {display:none;}
      * {background-image: none !important; background-color: transparent !important; color: black !important;}
      section#content {margin-left: 2cm; top:1.6cm; }
      div#print-address { display:block; }
      img#print-logo {top:0.6cm; right: 2.5cm; position: absolute; height: 1cm; width: 2.6cm;}
      div#print-address span {display:block; font-weight:bold; position:absolute; height: 1cm; top: 0.6cm; font-size: 20pt; font-style: italic; margin-left: 80px;}
      a {white-space:normal !important;}
      p a:after, body.home #social a:after, body.buy_games li a:after, body.guide li a:after, body.home a.section-end-link-to-more:after, body.mac-games #intro_text a.version:after, body.mac-games #intro_text a.game-page-hints-link:after, .related a:after {
        content: " (" attr(href) ")";
        font-size: 8pt;
        text-transform: none !important;
      }
      p a[href^="mailto"]:after {
        display: none;
      }
      nav#breadcrumbs {border-bottom:1px solid black;}
      body.guide .difficulty, body.guide .difficulty.label {
        border-bottom:3px solid black;
        -webkit-border-radius: 0;
	-moz-border-radius: 0;
	border-radius: 0;
	-webkit-box-shadow: 0;
	-moz-box-shadow: 0;
	box-shadow: 0;
      }
      body.mac-games #intro_text p {width: 510px;}
      body.hints h2 {width: auto;}
      .faqs.faq .answer {width:500px;}
      .answer, .mac-games.faqs.faq .answer {width: 540px;}
      body.mac-games section#content ul.questionlist li {width: 90%;}

      img.gamepad-button-for-print {display: block; float:left; margin-right: 0.5cm;}
      body.home #intro_text {padding-bottom:20px !important;}
      body.home #intro_text, body.home #welcome_text, body.home h2, body.home section#content #general_faqs p, body.home section#content #general_faqs ul, body.home section#content #general_faqs, body.home section#content #guides, body.home section#content #guides li, body.mac-games.updates #intro_text p, body.guides #intro_text p, body.contact #intro_text p, body.contact #intro_text ul, body.mac-games h2#faqs {width: 95% !important; border:0 !important;}
      body.home #social {width: auto; position:absolute; bottom:2cm; right:0;}
      body.home #social, body.home #general_faqs, body.home #guides, body.home #allgames {float:none !important;}
      body.home #social a {text-align: right !important; width: 12cm !important; height: auto !important; text-indent:0 !important; border: 0 !important; float:right !important; clear: right !important; margin: 0.5cm 0 0 !important; padding:0 !important;}
      body.home #social a span {float:right !important; clear: right !important;}
      body.home h2 a {font-size: 21px !important; }
      body.home .accordion li a {float:left !important;}
      body.home .accordion li a span {float:right !important; width: auto !important; margin-top: 0.5cm !important;}
      body.home .accordion li a + div {float:right !important; width: 10cm !important;}
      body.home section#content #guides a.section-end-link-to-more, .mac-games .other_text {margin-bottom:5cm; clear: both;}
      aside.related a {padding-left: 11px !important;}
      aside.related h3 {padding-left: 9px !important;}
      aside.related {width: 7cm !important;}
      aside.related ul, aside.related h3 { border: 0 !important; border-left: 3px solid black !important;
        -webkit-border-radius: 0;
	-moz-border-radius: 0;
	border-radius: 0;
	-webkit-box-shadow: 0;
	-moz-box-shadow: 0;
	box-shadow: 0; }
      aside.related a {height: auto !important; width: 6cm !important; white-space: normal !important;}
      aside.related a:after {font-size: 6pt;}
      body.guides ul#guidelist .beginner .difficulty {background-color: #378900 !important; border: 1px solid #378900 !important;}
            body.guides ul#guidelist .intermediate .difficulty {background-color: #378900 !important; border: 1px solid #378900 !important;}
                  body.guides ul#guidelist .advanced .difficulty {background-color: #378900 !important; border: 1px solid #378900 !important;}
      body.mac-games.legoindyii h1 {font-size: 20px; }



}