/**
 * Joomla! 1.5 component Spieltothek
 *
 * @author Wolfgang Toedt (webmaster@spielban.de)
 * @package Spielothek
 * @copyright Copyright 2010
 * @license http://creativecommons.org/licenses/by-nc-nd/3.0/ Creative Commons - Attribution-NonCommercial-NoDerivs 3.0 Unported
 *@Spielban.de
 * @link http://www.spielban.de
 * @version 1.9.7
*/

div {
	margin:0;
}

.wtgraph { position: relative; /* IE is dumb */
width: 60px; border: none; /* how many quadrats - 10px: 1 quadrat, 50px: 5 quadrats, 100px: 10 quadrats */
background: url('../images/empty_quadrat.gif') top left repeat-x; }
.wtgraph .wtbar { display: block;
position: relative;
background: url('../images/filled_quadrat.gif') top left repeat-x;
text-align: center; color: #B1D632;
height: 2em;
line-height: 2em;
}
.wtgraph .wtbar span { position: absolute; left: 1em; }

.wtgraph25 { position: relative; /* IE is dumb */
width: 150px; border: none;
background: url('../images/25wuerfel.png') top left repeat-x; }
.wtgraph25 .wtbar25 { display: block;
position: relative;
background: url('../images/25wuerfel2.png') top left repeat-x;
text-align: center; color: #B1D632;
height: 2.5em;
line-height: 2.5em;
}
.wtgraph25 .wtbar25 span { position: absolute; left: 1em; }

.starOn
			{
				background-image: url("../images/25wuerfel2.png");	
				background-repeat: no-repeat;
				width: 25px;
				height: 25px;
			}
			.starOff
			{
				background-image: url("../images/25wuerfel.png");
				background-repeat: no-repeat;
				width: 25px;
				height: 25px;
			}


div.powerprogress-container {
  border: 1px solid #ccc; 
  width: 35px; 
  margin: 2px 5px 2px 0; 
  padding: 1px; 
  float: left; 
  background: #F9966B;
}

div.powerprogress-container > div {
  background-color: #ACE97C; 
  height: 12px
}

/* Easy CSS Tooltip - by Koller Juergen [www.kollermedia.at] */

span.a:hover {background:#ffffff; text-decoration:none;} /*BG color is a must for IE6*/
a.wtooltip span {display:none; padding:2px 3px; margin-left:8px; width:130px;}
a.wtooltip:hover span{display:inline; position:absolute; border:1px solid #cccccc; background:#ffffff; color:#6c6c6c;}

#obenblue{
width:470px;
height:22px;
background:url(../../../images/oben-blau01.gif);
font-family:Verdana,Helvetica,sans-serif;
font-size:12px;
color:#668899;
letter-spacing: 1px;
font-weight:bold;
line-height:22px;
}

#mitteblue{
width:470px;
background:url(../../../images/mitte-blau01.gif);
}

#untenblue{
width:470px;
height:7px;
font-family:Verdana,Helvetica,sans-serif;
font-size:1px;
background:url(../../../images/unten-blau01.gif);
}

#obenred{
width:470px;
height:22px;
background:url(../../../images/oben-red01.gif);
font-family:Arial,Helvetica,sans-serif;
font-size:12px;
color:#668899;
letter-spacing: 1px;
font-weight:bold;
line-height:22px;
}

#mittered{
width:470px;
background:url(../../../images/mitte-red01.gif);
}

#untenred{
width:470px;
height:7px;
font-family:Verdana,Helvetica,sans-serif;
font-size:1px;
background:url(../images/unten-red01.gif);
}

#obengreen{
width:470px;
height:22px;
background:url(../../../images/oben-green01.gif);
font-family:Vedana,Helvetica,sans-serif;
font-size:12px;
color:#668899;
letter-spacing: 1px;
font-weight:bold;
line-height:22px;
}

#mittegreen{
width:470px;
background:url(../../../images/mitte-green01.gif);
}

#untengreen{
width:470px;
height:7px;
font-family:Verdana,Helvetica,sans-serif;
font-size:1px;
background:url(../../../images/unten-green01.gif);
}

#obenwhite{
width:470px;
height:22px;
background:url(../../../images/oben-white01.gif);
font-family:Verdana,Helvetica,sans-serif;
font-size:12px;
color:#668899;
letter-spacing: 1px;
font-weight:bold;
line-height:22px;
}

#mittewhite{
width:470px;
background:url(../../../images/mitte-white01.gif);
}

#untenwhite{
width:470px;
height:7px;
font-family:Verdna,Helvetica,sans-serif;
font-size:1px;
background:url(../../../images/unten-white01.gif);
}

#inhaltscores{
padding:10px;
width:450px;
font-family:Verdana,Helvetica,sans-serif;
font-size:11px;
}

#obenspielrot{
width:280px;
height:16px;
background:url(../images/box-oben-rot.png);
font-family:Verdana,Helvetica,sans-serif;
font-size:12px;
color:#668899;
letter-spacing: 1px;
font-weight:bold;
line-height:22px;
}

#mittespielrot{
width:280px;
background:url(../images/box-mitte-rot.png);
}

#untenspielrot{
width:280px;
height:17px;
font-family:Verdana,Helvetica,sans-serif;
font-size:1px;
background:url(../images/box-unten-rot.png);
}

#inhaltspielrot{
padding:10px;
width:260px;
font-family:Verdana,Helvetica,sans-serif;
font-size:11px;
}

#obenspielblau{
width:280px;
height:16px;
background:url(../images/box-oben-blau.png);
font-family:Verdana,Helvetica,sans-serif;
font-size:12px;
color:#668899;
letter-spacing: 1px;
font-weight:bold;
line-height:22px;
}

#mittespielblau{
width:280px;
background:url(../images/box-mitte-blau.png);
}

#untenspielblau{
width:280px;
height:17px;
font-family:Verdana,Helvetica,sans-serif;
font-size:1px;
background:url(../images/box-unten-blau.png);
}

#inhaltspielblau{
padding:10px;
width:260px;
font-family:Verdana,Helvetica,sans-serif;
font-size:11px;
}

#obenspielgruen{
width:280px;
height:16px;
background:url(../images/box-oben-gruen.png);
font-family:Verdana,Helvetica,sans-serif;
font-size:12px;
color:#668899;
letter-spacing: 1px;
font-weight:bold;
line-height:22px;
}

#mittespielgruen{
width:280px;
background:url(../images/box-mitte-gruen.png);
}

#untenspielgruen{
width:280px;
height:17px;
font-family:Verdana,Helvetica,sans-serif;
font-size:1px;
background:url(../images/box-unten-gruen.png);
}

#inhaltspielgruen{
padding:10px;
width:260px;
font-family:Verdana,Helvetica,sans-serif;
font-size:11px;
}

#obenspielorange{
width:280px;
height:16px;
background:url(../images/box-oben-orange.png);
font-family:Verdana,Helvetica,sans-serif;
font-size:12px;
color:#668899;
letter-spacing: 1px;
font-weight:bold;
line-height:22px;
}

#mittespielorange{
width:280px;
background:url(../images/box-mitte-orange.png);
}

#untenspielorange{
width:280px;
height:17px;
font-family:Verdana,Helvetica,sans-serif;
font-size:1px;
background:url(../images/box-unten-orange.png);
}

#inhaltspielorange{
padding:10px;
width:260px;
font-family:Verdana,Helvetica,sans-serif;
font-size:11px;
}

#obenspielviolett{
width:280px;
height:16px;
background:url(../images/box-oben-violett.png);
font-family:Verdana,Helvetica,sans-serif;
font-size:12px;
color:#668899;
letter-spacing: 1px;
font-weight:bold;
line-height:22px;
}

#mittespielviolett{
width:280px;
background:url(../images/box-mitte-violett.png);
}

#untenspielviolett{
width:280px;
height:17px;
font-family:Verdana,Helvetica,sans-serif;
font-size:1px;
background:url(../images/box-unten-violett.png);
}

#inhaltspielviolett{
padding:10px;
width:260px;
font-family:Verdana,Helvetica,sans-serif;
font-size:11px;
}

#obenspielweiss{
width:280px;
height:16px;
background:url(../images/box-oben-weiss.png);
font-family:Verdana,Helvetica,sans-serif;
font-size:12px;
color:#668899;
letter-spacing: 1px;
font-weight:bold;
line-height:22px;
}

#mittespielweiss{
width:280px;
background:url(../images/box-mitte-weiss.png);
}

#untenspielweiss{
width:280px;
height:17px;
font-family:Verdana,Helvetica,sans-serif;
font-size:1px;
background:url(../images/box-unten-weiss.png);
}

#inhaltspielweiss{
padding:10px;
width:260px;
font-family:Verdana,Helvetica,sans-serif;
font-size:11px;
}

.tagcloudbody {
width:420px;
font-family:Geneva, Verdana, Helvetica, sans-serif;
font-size:11px;
color:#666666;
border:solid 1px #333333;
background:#ffffff;
padding:20px;
text-align:justify;
}

.tagcloudbody a {
text-decoration:none;
color:#333366;
}

.tagcloudThema {
font-weight:bold;
font-size:12px;
margin-bottom: 10px;
}

#log_res {
	overflow: auto;
}
#log_res.ajax-loading {
	padding: 20px 0;
	background: url(../../../images/spinner.gif) no-repeat center;
}
.spielothek-brokengame-display-error {
	color: red;
}