@charset "utf-8";
/* CSS Document */
body {
padding: 0px;
margin: 0px;
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
color:#CF408C;
background-image:url(images/page_bg.png);
background-repeat:repeat-x;
}
img {
border-color:#CF408C;
}
a {
color:#CF408C;
font-weight:bold;
text-decoration:underline;
}


h1 {

float:left;
margin:0px;
padding:0px;
height:65px;
}
h2 {
font-weight:bold;
text-transform:uppercase;
padding-left:30px;
line-height:40px;
height:32px;
background-image:url(images/joystick.png);
background-repeat:no-repeat;
font-size:14px;
color:#003E4F;
padding-bottom:0px;
padding-top:0px;
padding-right:0px;
margin-bottom:0px;
margin-top:0px;
margin-right:0px;
}



.clear {
clear:both;
margin:auto;
}
.err{
	background-color:#FFEAEA;
	border:1px dashed #CC0000;
	color:#CC0000;
	font-size:14px;
	margin:0px 5px 0px 5px;
	text-align:center;
	height:26px;
	line-height:26px;
}
.msg{
	background-color:#FFFFEC;
	border:1px dashed #CCCC00;
	font-size:14px;
	margin:0px 5px 0px 5px;
	text-align:center;
	height:26px;
	line-height:26px;
}
#userdata{
float:right;
text-align:right;
color:#F5F5F5;
font-size:14px;
font-weight:bold;
}
a.userdata{
color:#F5F5F5;
}
a.userdata:hover{
	color:#F99DDE;
}
#container {
width:900px;
margin:auto;
}

#header {
margin:auto;
}
#logo {
float:left;
margin:0px;
height:67px;
}
#navigation {
height:125px;
background-image:url(images/navigation.png);
margin:auto;
}
#mini_panel {
width:315px;
height:67px;
float:right;
background-image:url(images/mini_panel.png);
margin:0px;
margin-top:5px;
}
#mini_panel-content {
margin:8px;
}
#top-menu{
	float:left;
	width:585px;
	margin:10px 4px 10px 24px;
	color:#005EBB;
	font-size:12px;
	font-weight:bold;
}
a.top-menu{
color:#F5F5F5;
padding:0px 5px 0px 5px;
}
a.top-menu:hover{
	color:#F99DDE;
}
#search{
float:right;
height:26px;
width:171px;
margin-top:10px;
background-image: url(images/search_bg.png);
}
#clear {
clear:both;
margin:auto;
}
#topcontent{
background-image:url(images/top_content.png);
height:7px;
}
#main {
margin:auto;
background-image:url(images/bg.png);
}
#left {
float:left;
width:166px;
}
#left-content {
margin-left:8px;
}
.title-left{
border-bottom: 1px solid #BE7E8B;
font-weight:bold;
text-transform:uppercase;
padding-left:5px;
line-height:40px;
width:115px;
height:32px;
background-repeat:no-repeat;
font-size:14px;
color:#9D004C;
}


#center {
width:732px;
margin-left:166px;
}
#center-content {
margin-left:3px;
margin-right:3px;
margin-top:0px;
margin-bottom:0px;
color:#333333;
}
#banner{
text-align:center;
padding:1px;
}
#rand-game{
width:460px;
color:#333333;
float:left;
height:140px;
background-image:url(http://www.giochi-per-ragazze.info/images/bngspot.png);
background-repeat:no-repeat;
margin-left:2px;
padding-left:2px;
padding-bottom:8px;
margin-bottom:5px;
}


#intro22 {
width:440px;
float:left;
height:100px;
margin-left:2px;
padding-left:5px;
padding-right:5px;
font-size:12px;
}

.pag-container{
width:360px;
height:114px;
}
.title{
border-bottom: 1px solid #FFDFF6;
font-weight:bold;
text-transform:uppercase;
padding-left:30px;
line-height:40px;
height:32px;
background-image:url(images/joystick.png);
background-repeat:no-repeat;
font-size:14px;
color:#9D004C;
}

.title a{
font-size:12px;
color:#CF408C;
}


.title-hs{
border-bottom: 1px solid #FFDFF6;
font-weight:bold;
text-transform:uppercase;
padding-left:36px;
line-height:40px;
height:32px;
background-image:url(images/hs.png);
background-repeat:no-repeat;
font-size:14px;
color:#CF408C;
}
.form-container{
text-align:justify;
}
.form-label{
width:150px;
float:left;
}
#footer {
height:47px;
background-image:url(images/footer.png);
text-align:center;
}
#copyright{
padding-top:15px;
font-size:12px;
color:#d4d4b7;
}
/* Shared */
.minigamesleft{
float:left;
width:175px;
padding:2px;
}
.minigamesright{
float:right;
width:175px;
padding:2px;
}
/* Game Page */
#gamedescriptioncontainer{
float:left;
width:460px;
padding-left:10px;
}
#gamedescription{
padding:2px;
color:#333333;
}
#ratingcontainer{
float:left;
}
#socialnews{
float:right;
}
#gamecontainer{
float:left;
display:table-cell;
width:722px;
border:1px solid #CF408C;
margin:1px;
margin-top:25px;
margin-bottom:25px;
}
#ads{
}
#game{
vertical-align:middle;
text-align:center;
}
#highscorescontainer{
float:left;
width:470px;
margin:1px;
}
.scoreshead{
border-bottom:1px solid #CF408C;
font-weight:bold;
}
.scores1{
background-color:#d4d4b7;
line-height:24px;
}
.scores2{
background-color:#EAEADB;
line-height:24px;
}
#relatedgamescontainer{
float:left;
width:360px;
color:#333333;
}
#embedbox{
float:right;
width:360px;
color:#333333;
}
#embedbox2{
width:470px;
color:#333333;
}
.ratingblock {
	display:block;
	padding-bottom:8px;
	margin-bottom:8px;
	}

.loading {
	height: 30px;
	background: url(images/working.gif) 50% 50% no-repeat;
	}
	
.unit-rating { /* the UL */
	list-style:none;
	margin: 0px;
	padding:0px;
	height: 30px;
	position: relative;
	background: url(images/starrating.gif) top left repeat-x;		
	}

.unit-rating li{
    text-indent: -90000px;
	padding:0px;
	margin:0px;
	/*\*/
	float: left;
	/* */
	}
	
.unit-rating li a {
	outline: none;
	display:block;
	width:30px;
	height: 30px;
	text-decoration: none;
	text-indent: -9000px;
	z-index: 20;
	position: absolute;
	padding: 0px;
	}
	
.unit-rating li a:hover{
	background: url(images/starrating.gif) left center;
	z-index: 2;
	left: 0px;
	}

.unit-rating a.r1-unit{left: 0px;}
.unit-rating a.r1-unit:hover{width:30px;}
.unit-rating a.r2-unit{left:30px;}
.unit-rating a.r2-unit:hover{width: 60px;}
.unit-rating a.r3-unit{left: 60px;}
.unit-rating a.r3-unit:hover{width: 90px;}
.unit-rating a.r4-unit{left: 90px;}	
.unit-rating a.r4-unit:hover{width: 120px;}
.unit-rating a.r5-unit{left: 120px;}
.unit-rating a.r5-unit:hover{width: 150px;}
.unit-rating a.r6-unit{left: 150px;}
.unit-rating a.r6-unit:hover{width: 180px;}
.unit-rating a.r7-unit{left: 180px;}
.unit-rating a.r7-unit:hover{width: 210px;}
.unit-rating a.r8-unit{left: 210px;}
.unit-rating a.r8-unit:hover{width: 240px;}
.unit-rating a.r9-unit{left: 240px;}
.unit-rating a.r9-unit:hover{width: 270px;}
.unit-rating a.r10-unit{left: 270px;}
.unit-rating a.r10-unit:hover{width: 300px;}

.unit-rating li.current-rating {
	background: url(images/starrating.gif) left bottom;
	position: absolute;
	height: 30px;
	display: block;
	text-indent: -9000px;
	z-index: 1;
	}

.voted {color:#999;}
.thanks {color:#36AA3D;}
.static {color:#5D3126;}		
