/* SVN FILE: $Id$ */	
/**
 *
 * PHP versions 4 and 5
 *
 * CakePHP(tm) :  Rapid Development Framework (http://www.cakephp.org)
 * Copyright 2005-2008, Cake Software Foundation, Inc. (http://www.cakefoundation.org)
 *
 * Licensed under The MIT License
 * Redistributions of files must retain the above copyright notice.
 *
 * @filesource
 * @copyright     Copyright 2005-2008, Cake Software Foundation, Inc. (http://www.cakefoundation.org)
 * @link          http://www.cakefoundation.org/projects/info/cakephp CakePHP(tm) Project
 * @package       cake
 * @subpackage    cake.app.webroot.css
 * @since         CakePHP(tm)
 * @version       $Revision$
 * @modifiedby    $LastChangedBy$
 * @lastmodified  $Date$
 * @license       http://www.opensource.org/licenses/mit-license.php The MIT License
 */

* {
	margin:0;
	padding:0;
}

/*@font-face {
 font-family: Delicious;
 src: url('Delicious-Roman.otf');
}
 
@font-face {
  font-family: Delicious;
   font-weight: bold;
   src: url('Delicious-Bold.otf');
}/*

/* General Style Info */
body {
	background: #fff;
	background-image:url('../img/bg.jpg');
	background-repeat:repeat-x;
	background-position:0px 0px;
	color: #000;
	font-family:arial, verdana,helvetica,arial,sans-serif;
	font-size:90%;
	margin: 0px;
	padding:0px;
}
a {
	color: #003d4c;
	text-decoration: underline;
	font-weight: bold;
	outline: none;
}
a:hover {
	color: #003d4c;
	text-decoration:none;
}
a:active{
outline: none;
}
a img {
	border:none;
}
h1, h2, h3, h4 {
	font-weight: normal;
}
h1 {
	color: #00ff30;
	font-size: 37px;
	margin: 0.3em 0;
	padding-top: 0.0em;
	letter-spacing:-1px;
}
h2 {
	color: #00ff30;
	font-size: 29px;
	margin: 0.3em 0;
	padding-top: 0.7em;
	letter-spacing:-2px;
}
h3 {
	color: #993;
	font-size: 22px;
	padding-top: 0.2em;
}

h4 {
	color: #777;
	font-size:14px;
	font-weight: normal;
	padding-top: 0.0em;
}
ul, li {
	margin: 0 12px;
}

/* Layout */
#container {
	text-align: center;
	width:1100px;
	overflow:hidden;
	margin:auto;
	margin-top:0px;
}

#header{
	padding: 10px 20px;
}
#header h1 {
	background: #003d4c;
	color: #fff;
	padding: 0px 30px;
}
#header h1 a {
	color: #fff;
	background: #003d4c;
	font-weight: normal;
	text-decoration: none;
}
#header h1 a:hover {
	color: #fff;
	background: #003d4c;
	text-decoration: underline;
}
#content{
	/*clear: both;*/
	color: #333;
	padding: 0px 20px 20px 10px;
	overflow: auto;
	margin:0px;
}
#footer {
	clear: both;
	padding: 6px 10px;
	margin-right:200px;
	text-align: center;
	color:#bbb;
}

/* Tables */
table {
	clear: both;
	color: black;
	width: 100%;
	padding-left:2px;
}
th {
	background: #f2f2f2;
	border:1px solid #bbb;
	border-top: 1px solid #fff;
	border-left: 1px solid #fff;
	text-align: center;
}
th a {
	background:#f2f2f2;
	display: block;
	padding: 2px 4px;
	text-decoration: none;
}
th a:hover {
	background: #ccc;
	color: #333;
	text-decoration: none;
}
table tr td {
	text-align: center;
	vertical-align: top;
}
table tr.altrow td {
	background: #f4f4f4;
}
td.actions {
	text-align: center;
	white-space: nowrap;
}
td.actions a {
	margin: 0px 6px;
}
.cake-sql-log table {
	background: #f4f4f4;
}
.cake-sql-log td {
	padding: 4px 8px;
	text-align: left;
}

/* Paging */
div.paging {
	background:#fff;
	color: #ccc;
	margin-bottom: 2em;
}
div.paging div.disabled {
	color: #ddd;
	display: inline;
}
div.paging span {
}
div.paging span.current {
	color: #000;
}
div.paging span a {
}

/* Scaffold View */
dl {
	line-height: 2em;
	margin: 0em 0em;
	width: 60%;
}
dl.altrow {
	background: #f4f4f4;
}
dt {
	font-weight: bold;
	padding-left: 4px;
	vertical-align: top;
}
dd {
	margin-left: 10em;
	margin-top: -2em;
	vertical-align: top;
}

/* Forms */
form {
	clear: both;
	margin-right: 20px;
	padding: 0;
	width: 80%;
}
fieldset {
	border: 1px solid #ccc;
	margin-top: 30px;
	padding: 16px 20px;
}
fieldset legend {
	background:#fff;
	color: #e32;
	font-size: 20px;
	font-weight: bold;
}
fieldset fieldset {
	margin-top: 0px;
	margin-bottom: 20px;
	padding: 16px 10px;
}
fieldset fieldset legend {
	font-size: 20px;
	font-weight: normal;
}
fieldset fieldset div {
	clear: left;
	margin: 0 20px;
}
form div {
	clear: both;
	margin-bottom: 1em;
	padding: .5em;
	vertical-align: text-top;
}
form div.input {
	color: #444;
}
form div.required {
	color: #333;
	font-weight: bold;
}
form div.submit {
	border: 0;
	clear: both;
	margin-top: 10px;
	margin-left: 10px;
}
label {
	display: block;
	font-size: 110%;
	padding-right: 20px;
}
input, textarea {
	clear: both;
	font-size: 18px;
	font-family: "frutiger linotype", "lucida grande", "verdana", sans-serif;
	padding: 2px;
	width: 100%;
}
select {
	clear: both;
	font-size: 18px;
	vertical-align: text-bottom;
}
select[multiple=multiple] {
	width: 100%;
}
option {
	font-size: 18px;
	padding: 0 3px;
}
input[type=checkbox] {
	clear: left;
	float: left;
	margin: 0px 6px 7px 2px;
	width: auto;
}
input[type=radio] {
	float:left;
	width:auto;
	margin: 0 3px 7px 0;
}
div.radio label {
	margin: 0 0 6px 20px;
}
input[type=submit] {
	display: inline;
	font-size: 110%;
	padding: 2px 5px;
	width: auto;
	vertical-align: bottom;
}

/* Notices and Errors */
div.message {
	clear: both;
	color: #900;
	font-size: 18px;
	font-weight: bold;
	margin: 1em 0;
}
div.error-message {
	clear: both;
	color: #900;
	font-weight: bold;
}
p.error {
	background-color: #e32;
	color: #fff;
	/*font-family: Courier, monospace;*/
	font-size: 18px;
	line-height: 140%;
	padding: 0.8em;
	margin: 1em 0;
}
p.error em {
	color: #000;
	font-weight: normal;
	line-height: 18px;
}
.notice {
	background: #ffcc00;
	color: #000;
	display: block;
	font-family: Courier, monospace;
	font-size: 120%;
	line-height: 18px;
	padding: 0.8em;
	margin: 1em 0;
}
.success {
	background: green;
	color: #fff;
}

/*  Actions  */
div.actions ul {
	margin: 0px 0;
	padding: 0;
}
div.actions li {
	display: inline;
	list-style-type: none;
	line-height: 2em;
	margin: 0 2em 0 0;
	white-space: nowrap;
}
div.actions ul li a {
	background:#fff;
	color: #003d4c;
	text-decoration: none;
}
div.actions ul li a:hover {
	color: #333;
	text-decoration: underline;
}

/* Related */
div.related {
	clear: both;
	display: block;
}

/* Debugging */
pre {
	color: #000;
	background: #f0f0f0;
	padding: 1em;
}
pre.cake-debug {
	background: #ffcc00;
	font-size: 120%;
	line-height: 140%;
	margin-top: 1em;
	overflow: auto;
	position: relative;
}
div.cake-stack-trace {
	background: #fff;
	border: 4px dotted #ffcc00;
	color: #333;
	margin: 0px;
	padding: 6px;
	font-size: 120%;
	line-height: 140%;
	overflow: auto;
	position: relative;
}
div.cake-code-dump pre {
	position: relative;
	overflow: auto;
}
div.cake-stack-trace pre, div.cake-code-dump pre {
	color: #000;
	background-color: #F0F0F0;
	margin: 0px;
	padding: 1em;
	overflow: auto;
}
div.cake-code-dump pre, div.cake-code-dump pre code {
	clear: both;
	font-size: 12px;
	line-height: 15px;
	margin: 4px 2px;
	padding: 4px;
	overflow: auto;
}
div.cake-code-dump span.code-highlight {
	background-color: #ff0;
	padding: 4px;
}
div.code-coverage-results div.code-line {
	padding-left:5px;
	display:block;
	margin-left:10px;
}
div.code-coverage-results div.uncovered span.content {
	background:#ecc;
}
div.code-coverage-results div.covered span.content {
	background:#cec;
}
div.code-coverage-results div.ignored span.content {
	color:#aaa;
}
div.code-coverage-results span.line-num {
	color:#666;
	display:block;
	float:left;
	width:20px;
	text-align:right;
	margin-right:5px;
}
div.code-coverage-results span.line-num strong {
	color:#666;
}
div.code-coverage-results div.start {
	border:1px solid #aaa;
	border-width:1px 1px 0px 1px;
	margin-top:30px;
	padding-top:5px;
}
div.code-coverage-results div.end {
	border:1px solid #aaa;
	border-width:0px 1px 1px 1px;
	margin-bottom:30px;
	padding-bottom:5px;
}
div.code-coverage-results div.realstart {
	margin-top:0px;
}
div.code-coverage-results p.note {
	color:#bbb;
	padding:5px;
	margin:5px 0 10px;
	font-size:10px;
}
div.code-coverage-results span.result-bad {
	color: #a00;
}
div.code-coverage-results span.result-ok {
	color: #fa0;
}
div.code-coverage-results span.result-good {
	color: #0a0;
}




/*ALLTOMSALLSKAPSSPEL*/
/*ALLTOMSALLSKAPSSPEL*/
/*ALLTOMSALLSKAPSSPEL*/
/*LAYOUT*/
div.topmenu{
text-align:left;
width:1089px;
height:178px;
background-image:url('../img/header.jpg');
background-repeat:no-repeat;
background-position:0px 0px;
}

img.logoImg{
width:358px;
height:87px;
position:relative;
left:165px;
top:15px;
}

div.menuButtons{
position:relative;
left:145px;
top:20px;
}

div.menuButtons a{
color:white;
text-decoration:none;
font-size:20px;
}

ul.menu{
display: inline;
list-style-type: none;
text-align:center;
}

li.menu{
float: left;
font-family:Arial,verdana;
font-size:24px;
text-decoration:none;
color:#fff;
}

div.mainContent{
margin-left:8px;
padding-top:0px;
float:left;
vertical-align:top;
width:750px;
}

div.bannersRight{
float:right;
vertical-align:top;
width:260px;
padding-top:20px;
padding-left:40px;
text-align:left;
}

div.footer{
margin-top:20px;
text-align:center;
width:100%;
height:53px;
background:#535353;
color:white;
background-image:url('../img/footer.jpg');
background-repeat:repeat-x;
background-position:0px 0px;
}

div.footerContent{
font-size:12px;
padding-top:20px;
}

/*GAMES*/
/*--index--*/
div.games{
text-align:left;
}

div.games img.button{
position:relative;
top:4px;
left:5px;
}

div.games table.headerTable{
padding:0px;
margin:0px;
}

div.games table.headerTable td.left{
padding:0px;margin:0px;text-align:left;
}
div.games table.headerTable td.right{
padding:0px;margin:0px;text-align:right;vertical-align:middle;
}

div.genres{
background:#535353;
color:white;
margin-bottom:20px;
}

div.genres div.content{
padding:20px 20px 20px 20px;
line-height:20px;
}

div.genres div.content a{
color:white;
}

/*PAGING*/
div.gamepaging{
margin-top:40px;
text-align:center;
color:#535353;
}
div.gamepaging span.dpts{
border:2px solid #fff;
background:#fff;
font-weight:bold;
color:#535353;
margin-left:2px;
margin-right:2px;
text-decoration:none;
padding:2px;
}

div.gamepaging span.currentPage{
border:2px solid #535353;
background:#535353;
font-weight:bold;
color:#fff;
margin-left:2px;
margin-right:2px;
text-decoration:none;
padding:2px;
}

div.gamepaging span.inactive{
border:2px solid #ddd;
background:#fff;
font-weight:bold;
color:#ddd;
margin-left:2px;
margin-right:2px;
text-decoration:none;
padding:2px;
}

div.gamepaging a{
border:2px solid #ccc;
background:#fff;
color:000;
margin-left:2px;
margin-right:2px;
text-decoration:none;
padding:2px;
font-weight:none:
}

div.gamepaging a:hover{
border:2px solid #535353;
background:#535353;
color:#fff;
margin-left:2px;
margin-right:2px;
text-decoration:none;
padding:2px;
font-weight:none:
}

div.gamepaging span.inactive{
color:#aaa;
}

div.gamepaging span.info{
color:#aaa;
}


/*--view--*/
div.gameview{
text-align:left;
padding-right:40px;
}

div.gameInfoBoxTop{
background:#535353;
background-image:url('../img/graybox_top.jpg');
background-repeat:no-repeat;
background-position:0px 0px;
width:672px;
height:8px;
padding:0px;
margin:0px;
overflow:hidden;
}

div.gameInfoBoxBottom{
background:#535353;
background-image:url('../img/graybox_bottom.jpg');
background-repeat:no-repeat;
background-position:0px 0px;
width:672px;
height:8px;
padding:0px;
margin:0px;
overflow:hidden;
}
div.gameInfoBoxMiddle{
background:#535353;
width:658px;
padding:0px 4px 0px 10px;
margin:0px;
}

table.gameview{
border:0px;
width:658px;

}
td.gameViewLeft{
width:600px;
padding-right:20px;
}

td.gameViewRight{
padding-left:00px;
width:210px;
}

table.gameInfo{
width:100%;
border:0;
}

td.gameInfoPropertyHeader{
color:#c0c0c0;
font-size:20px;
font-weight:bold;
border:0;
text-align:left;
width:600px;
padding:0px;
letter-spacing:-0px;
}

td.gameInfoPropertyHeader a{
text-decoration:none;
}
td.gameInfoPropertyHeader a:hover{
text-decoration:underline;
}

span.gameInfoProperty{color:#fff;}
span.gameInfoProperty a{color:#fff;text-decoration:underline;}
span.gameInfoProperty a:hover{color:#fff;text-decoration:none;}

td.gameInfoDescription{
padding-top:7px;
color:#a5a5a5;
font-size:18px;
text-align:left;
}

td.gameTestPercent{
width:15px;
padding:12px 5px 15px 5px;
color:white;
background:#01fe31;
font-size:18px;
font-weight:bold;
border:0;
text-align:center;
}

div.percentBox0, div.percentBox1, div.percentBox2, div.percentBox3,div.percentBox4,div.percentBox5,div.percentBox6{
width:209px;
height:191px;
color:white;
text-align:center;
font-size:12px;
font-weight:400;
overflow:hidden;
padding-top:5px;
}

div.percentBox0{background: #535353 url('../img/score0.jpg') no-repeat;}
div.percentBox1{background: #535353 url('../img/score1.jpg') no-repeat;}
div.percentBox2{background: #535353 url('../img/score2.jpg') no-repeat;}
div.percentBox3{background: #535353 url('../img/score3.jpg') no-repeat;}
div.percentBox4{background: #535353 url('../img/score4.jpg') no-repeat;}
div.percentBox5{background: #535353 url('../img/score5.jpg') no-repeat;}
div.percentBox6{background: #535353 url('../img/score6.jpg') no-repeat;}

div.percentBoxContent{
margin-top:10px;
}

span.percentBoxContent{
font-size:140px;
letter-spacing:-20px;
font-weight:bold;
line-height:120px;
margin-right:10px;
}

span.percentBoxContent100{
font-size:140px;
letter-spacing:-20px;
font-weight:bold;
line-height:120px;
margin-right:23px;
}

span.percentBoxHeader{
font-size:30px;
font-weight:bold;
letter-spacing:-1px;
}

span.percentBoxContentTests{
font-size:18px;
letter-spacing:0px;
}

div.gameViewTests{
text-align:left;
}

td.gameViewTestsPercent0, td.gameViewTestsPercent1, td.gameViewTestsPercent2, td.gameViewTestsPercent3, td.gameViewTestsPercent4, td.gameViewTestsPercent5, td.gameViewTestsPercent6{
height:43px ! important;
color:white ! important;
text-align:center ! important;
vertical-align:middle ! important;
font-size:20px ! important;
letter-spacing:-1px ! important;
margin-right:3px ! important;
width:80px ! important;
}

td.gameViewTestsPercent0{background-image:url('../img/score_mini0.jpg') ! important;background-repeat:no-repeat ! important;background-position:top center ! important;}
td.gameViewTestsPercent1{background-image:url('../img/score_mini1.jpg') ! important;background-repeat:no-repeat ! important;background-position:top center ! important;}
td.gameViewTestsPercent2{background-image:url('../img/score_mini2.jpg') ! important;background-repeat:no-repeat ! important;background-position:top center ! important;}
td.gameViewTestsPercent3{background-image:url('../img/score_mini3.jpg') ! important;background-repeat:no-repeat ! important;background-position:top center ! important;}
td.gameViewTestsPercent4{background-image:url('../img/score_mini4.jpg') ! important;background-repeat:no-repeat ! important;background-position:top center ! important;}
td.gameViewTestsPercent5{background-image:url('../img/score_mini5.jpg') ! important;background-repeat:no-repeat ! important;background-position:top center ! important;}
td.gameViewTestsPercent6{background-image:url('../img/score_mini6.jpg') ! important;background-repeat:no-repeat ! important;background-position:top center ! important;}

td.gameViewTestsName, td.gameViewTestsNameBottomBorder, td.gameViewTestsInfo{
color:black;
text-align:left;
vertical-align:middle;
font-size:16px;
margin-left:4px;
padding-left:2px;
}
td.gameViewTestsNameBottomBorder{
border-bottom:1px solid #ddd;
}

td.gameViewTestsNameBottomBorder a.genre{
font-size:14px;
}

td.gameViewTestsInfo{text-align:left;color:#b2b2b2;font-weight:bold;font-size:14px;}
td.gameViewTestsInfo a{color:#b2b2b2;}

img.game_thumbnail{
border:2px solid #535353;
}
/*Upload image*/
div.imageUpload{
text-align:left;
}


/*TESTS*/
/*--index--*/
div.tests{
text-align:left;
}

div.tests h4 a{text-decoration:none;}
div.tests h4 a:hover{text-decoration:underline;}

td.testsTableName{
color:black;
text-align:left;
vertical-align:middle;
font-size:14px;
margin-left:4px;
border-bottom:1px solid #ddd;
height:40px;
}

/*--view*/


/*NEWS*/
div.news{
text-align:left;
width:500px;
float:left;
}

div.newsItem{
width:500px;
padding:0px 0px 10px 0px;
border-bottom:1px solid #ddd;
}

/*FRONT PAGE*/
div.frontPage{
text-align:left;
width:700px;
}

div.frontpageLeft{
float:left;
width:325px;
}

div.frontpageRight{
float:right;
width:315px;
padding-left:30px;
border-left:1px solid #aeffbd;
}

/*SEARCH*/
div.searchContainer{
background:#fff;
border:2px solid #535353;
color:#535353;
margin-bottom:20px;
}

div.searchContainer div.content{
padding:20px 20px 20px 20px;
line-height:20px;
}

div.searchContainer td.hideSearch{
vertical-align:top;
text-align:right;
}

div.searchContainer td.hideSearch a{color:#535353;}
div.searchContainer td.hideSearch a:hover{color:#535353;}

div.searchGame{
text-align:left;
}

div.searchGame form{
padding:0px;
margin:0px;
}

div.searchGame table {
width:366px;
padding:0px;
}

div.searchGame table td{
text-align:left;
height:16px;
padding:0px;
}

input.searchQuery{
width:344px;
color:#999;
}

img.closeSearch{
position:relative;
left:20px;
top:-20px;
}

div.loading{
text-align:left;
padding-bottom:0px;
margin:0px;
position:relative;
left:-30px;
}
div.auto_complete { display: block;background:#fff;color:#535353;border:1px solid #aaa;border-top:none;width:350px;position:relative;left:2px;top:-2px;font-size:16px;}
div.auto_complete ul{
list-style-type: none;
text-align:left;
margin:0px;
}
div.auto_complete ul li{
background: #fff;
color:#535353;
padding:2px;
margin:0px;
font-size:16px;
}
div.auto_complete ul li.altrow{
padding:2px;
margin:0px;
background: #f4f4f4;
color:#535353;
font-size:16px;
}
div.auto_complete ul li a, div.auto_complete ul li.altrow a{
display:block;
text-decoration:none;
background: #f4f4f4;
color:#535353;
}
div.auto_complete ul li a:hover, div.auto_complete ul li.altrow a:hover{
display:block;
background-color: #535353;
color: #FFFFFF; 
}