/* CSS Document */
body { padding:0; margin:0; font-family:arial,helvetica,clean,sans-serif; font-size:12px; height:100%; }
/*body { background:url(images/background.png) 0px 7px repeat-x #FFF; color:#555; }*/
body { background:url(images/background.gif) center repeat-y #DCF0F9; color:#555; }
img { border:0;}
a { color:#0772B8; text-decoration:none; }
a:hover { text-decoration:underline; }
#page { background:url(images/background.png) 0px 7px repeat-x #FFF; position:relative; width:1008px; margin: 0 auto;  }
#page .contents { padding:7px 13px; background:url(images/content.png) top no-repeat; color:#555; }

#share {  position:absolute; right:10px; top:-1px; z-index:20; }

#innerpage { position:relative;  }
#lang { position:absolute; top:4px; right:13px; border-bottom:solid 1px #f1f1f1; }

strong.title { font-size:13px; color:#666; text-transform:uppercase; }

#menu { height:30px; background:url(/images/menu.gif) top repeat-x; border:solid 1px #DEE5EF; }
#menu a { display:block; float:left;  color:#555; font-weight:bold; text-decoration:none; padding:0px 7px; font-size:12px; line-height:30px; } 
#menu a:hover { color:#FF0000;  }

#shaddow { background:url(images/shaddow.gif) top repeat-x #fff; font-size:4px; height:4px;  }
#pageTop 	{ padding:4px 0px 3px 0px; text-align:left; height:17px; font-size:11px; background: url(images/top.jpg) repeat-x; }
h1 { font:normal 22px Arial, Helvetica, sans-serif; padding:0 0 0 10px;color:#333; padding:0; margin:4px 2px; text-shadow: none; }
.img { padding:1px; border:solid 1px #ccc; }
em { color:#888; font-size:11px; }
em.normal { color:#888; font-size:11px; font-style:normal; }
/*
ul { padding:0; margin:0; }

ul li { list-style-type:none; background:transparent url(images/bullet.gif) no-repeat left .5em; padding-left:10px; margin-left:20px; text-align:left; }
ul li em { color:#CCCCCC; font-size:11px; }
*/
.clear { clear:both; }

#newlist { padding:10px 0px 10px 10px; border:dotted 1px #e5e5e5; }
#newlist .list { float:left; width:340px; border:dotted 1px #e5e5e5; padding:10px; margin:0px 10px 10px 0px; } 
#newlist .list a.images img { padding:4px; background:#f5f5f5; border:solid 1px #ddd; float:left; width:100px; margin-right:10px; } 

#footer { background:url(images/footer.png) top repeat-x; padding:10px; border:solid 1px #DBE1E6; }

#footer li { list-style-type:none; float:left; width:130px; color:#666; background:transparent url(images/bullet.gif) no-repeat left .5em; padding-left:10px; 
margin:2px 8px 0 8px;}
#footer li a { color:#666; }
#copy { margin:0px 8px 0 8px; text-align:center; padding:10px; font-size:11px; }

#jocuri_gri  { position:relative; background:#f4f4f4; border-bottom:solid 1px #ddd; font-size:11px; color:#666666; padding:3px; }
#jocuri_search { background:#f4f4f4; border-top:solid 1px #ddd; border-bottom:solid 1px #ddd; text-align:center; font-size:11px; color:#666666; padding:5px; }
#jocuri_search form { padding:0; margin:0; }
#jocuri_search .search { border:solid 2px #3199E0; padding:3px; width:280px; font-size:12px; color:#666; }

.img { width:100px; height:70px; }
.orange { font-weight:bold; color:#FF6600; }
.comment { margin:5px 0 5px 0; color:#666666; font-size:11px; }
/* left */
.ltop { height:11px; background:url(images/l_top.jpg); font-size:5px; } 
.lmid { background:url(images/l_mid.jpg) center repeat-y; }
.lbot { height:11px; background:url(images/l_bot.jpg); font-size:5px; }
/* center */
.ctop { height:11px; background:url(images/c_top.jpg); font-size:5px; } 
.cmid { background:url(images/c_mid.jpg) center repeat-y; }
.cbot { height:11px; background:url(images/c_bot.jpg); font-size:5px; }
/* right */
.rtop { height:11px; background:url(images/b_top.jpg); font-size:5px; } 
.rmid { background:url(images/b_mid.jpg) center repeat-y; padding:5px; }
.rbot { height:11px; background:url(images/b_bot.jpg); font-size:5px; }
/* dright */
.dtop { height:11px; background:url(images/d_top.jpg); font-size:5px; } 
.dmid { background:url(images/d_mid.jpg) center repeat-y; padding:5px; }
.dbot { height:11px; background:url(images/d_bot.jpg); font-size:5px; }

.round 	{  -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px;  }
.rounds {  -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px;  }
.roundt {  -webkit-border-radius: 5px 5px 0px 0px; -moz-border-radius: 5px 5px 0px 0px; border-radius: 5px 5px 0px 0px;  }
.roundb {  -webkit-border-radius: 0px 0px 5px 5px; -moz-border-radius: 0px 0px 5px 5px; border-radius: 0px 0px 5px 5px;  }
.roundl {  -webkit-border-radius: 5px 0px 0px 5px; -moz-border-radius: 5px 0px 0px 5px; border-radius: 5px 0px 0px 5px;  }
.roundr {  -webkit-border-radius: 0px 5px 5px 0px; -moz-border-radius: 0px 5px 5px 0px; border-radius: 0px 5px 5px 0px;  }

ul.stats { padding:0; margin:0; list-style-type:none; }
ul.stats li { clear:both; list-style:none; text-align:left; }
ul.stats li.header { font-weight:bold; font-size:11px; color:#333333; height:22px; padding:7px 0px 0px 0px; border:0; background:url(/images/vertical.png) bottom repeat-x; }
ul.stats li.header span , ul.stats li.header h3 { border-left:solid 1px #EBEBEB; }
ul.stats li.row 	{  border:1px solid #fff; color:#666; font-size:11px; height:18px; padding:2px 0px 3px 0px; }
ul.stats li.row-odd {  border:1px solid #fff; color:#333; font-size:11px; height:18px; padding:2px 0px 3px 0px; background:#FAFAFA; }
ul.stats li span , ul.stats li h3 {  display:block; float:left; padding:0px 0px 0px 10px; font-size:11px;}
ul.stats li span.number { width:30px; border:none; }
ul.stats li span.keyword , ul.stats li h3.keyword {display:block; float:left;  width:150px; } 
ul.stats li span.engine { display:block; float:left;  width:90px; } 
ul.stats li span.browser { display:block; float:left;  width:90px; } 
ul.stats li span.system { display:block; float:left;  width:60px; } 
ul.stats li span.date { width:100px; }

ul.stats li a.link { padding-left:20px; background:url(icons/link.gif) 3px center no-repeat; }
ul.stats li span img { margin-right:7px;}


#page-left { position:relative; border:0; padding:0; float:left; width:662px; }
#page-right { position:relative; border:0; padding:0; float:left; width:302px; margin:0 0 0 10px; padding:17px 0 0 0; }

/* page defaults */
div.description { padding:3px 2px; margin:0; }
div.navigation { padding:7px 0 7px 10px; border-bottom:dotted 1px #ddd; font-size:11px; }
div.navigation b { color:#FF0000; }

/* 
.games-list { font-size:11px; float:left; background:#FFFFFF; border:solid 1px #EAEAEA; margin:5px 13px 7px 0px; width:200px; color:#888; }
.games-list .votes { border:0; border-top: solid 1px #e9e9e9; height:13px; padding:4px 5px 5px 5px; background:#fafafa; color:#888; }
.games-list .votes a { float:right; }
.games-list .image { position:relative; width:180px; margin:0px 0px 5px 0px  }
.games-list .image em { font-style:normal; }
.games-list .image div { filter:alpha(opacity=70); opacity:0.70; position:absolute; top:117px; width:160px; padding:0px 10px; line-height:18px; font-size:11px; background:#000; color:#fff; }
.games-list .games-contents { position:relative;  padding:10px; width:auto; }
*/

/* List of games */
.games-list { font-size:11px; float:left; background:#FFFFFF; border:solid 1px #EAEAEA; margin:5px 19px 7px 0px; width:220px; color:#888; }
.games-list .votes { border:0; border-top: solid 1px #e9e9e9; height:13px; padding:4px 5px 5px 5px; background:#fafafa; color:#888; }
.games-list .votes a { float:right; }
.games-list .image { position:relative; width:180px; margin:0px 0px 5px 0px  }
.games-list .image em { font-style:normal; }
.games-list .image a { color: #fff; }
.games-list .image div { filter:alpha(opacity=80); opacity:0.80; position:absolute; top:117px; width:160px; padding:0px 10px; line-height:18px;  height:18px; overflow:hidden; font-size:11px; background:#000; color:#fff; }
.games-list .games-contents { position:relative;  padding:10px 20px; width:auto; }
.games-list .content-text { height:27px; overflow:hidden; }

.module { border: solid 1px #ddd; color:#777; text-align:left; }
.module .title { line-height:28px; height:28px; padding:0px 10px; background:url(images/header.gif) bottom repeat-x #e8e8e8; font-weight:bold; color:#444;  text-shadow: #eee 1px 1px; border-bottom:solid 1px #bbb;  }
.module .bottom { line-height:28px; height:28px; padding:0px 10px; background:#f6f6f6; font-size:11px;  text-shadow: #fff 1px 1px; }
.module .content { padding:10px 0px;  border-bottom:solid 1px #EAEAEA; }
.module .odd { background:url(/images/dashed.gif) repeat; }
.module .dashed { background:url(/images/dashed.gif) repeat; }
.module .description { background:#f6f6f6; padding:10px; border-top:solid 1px #FFFFFF; border-bottom:solid 1px #EAEAEA; }

.icons { background-image:url(images/icons.gif); background-repeat:no-repeat; }
.spacer { background:url(images/dots-horizontal.png) center repeat-x; height:15px;  } 
.hide { display:none; }
#rating { width:310px; height:24px; }
#rating ul { padding:0; margin:0; list-style-type:none; height:24px; width:240px; float:left;  }
#rating ul li { padding:0; margin:0; border:0; display:block; width:24px; height:24px; float:left; background-position: 0 -353px; cursor:pointer; }
#rating ul li.preset { background-position:0 -401px; }
#rating ul li.rating { background-position:0 -377px; }
#rating .average { display:block; height:24px; float:right; font-size: 19px; color:#BBB;  }
#rating .average span { color:#CE0704; padding:0px 2px; }
a.comment { background:url(/images/icons/comment.gif) left center no-repeat; padding-left:18px; }
.ratings { text-align:right; font-size:11px; color:#878787; position:absolute; right:5px; top:20px; width:310px; }



h1 { padding: 0px; margin: 0px; color:#C90507; font-size:18px; font-weight: normal;}		
.content-description { padding:7px 0px }
.category-box { position:relative; background:none; width:350px; margin: 0px 0px 0px 0px; padding:0px 14px; float:left; background:url(/images/dots-vertical.png) left repeat-y;  }
.content-wrapper { padding:0px 0 5px 0px; }
.content-wrapper ol { margin:0; }
.content-wrapper .list {list-style: decimal; padding:0px 0px 7px 30px; line-height:19px; }
.content-wrapper span { display:none; }
.content-wrapper a { color:#555; }
.small { font-size:11px; }
.bold { font-weight:bold; }

h3.title { margin:0px 0px 10px 0px; }
h3.title a {   padding: 0px; margin: 0px; color:#0098FF; text-transform:uppercase;  font-size:16px;  }
h3.title a:hover { color:#C90507; text-decoration:none; }

/* List the games in category and play more games */
#games-wrapper { background:url(images/dashed.gif) repeat; border-top:solid 1px #eee; border-bottom:solid 1px #eee; padding:5px 0px 5px 2px; }
#games-wrapper .list-the-games { padding:0; margin:0; list-style:none; }
#games-wrapper .list-the-games li { float:left; width:180px; padding:4px; }
#games-wrapper .list-the-games .listing { background:#fff; text-align:left; width:150px; padding:14px; border:solid 1px #eee; }
#games-wrapper .list-the-games .listing a { line-height:18px; font-size:11px;  }
#games-wrapper .list-the-games .listing .play-the-game { font-size:11px; height:32px; overflow:hidden; }
#games-wrapper .play-more-games { clear:both; margin-bottom:3px; line-height:21px; height:21px; padding:0px 10px; background:#fff; font-size:11px; border-top:solid 1px #eee; border-bottom:solid 1px #eee; }
h3.play-games-title { float:left; font-size:12px; padding:3px 10px; margin:0px 10px; background:url(images/dashed.gif) repeat; border:solid 1px #eee; border-bottom: 0px; }


#games-wrapper table { border:solid 1px #eee; }
#games-wrapper table td { font-size:11px; text-align:left; background:#fff; color:#777; }
#games-wrapper table th { font-size:11px; text-align:left; background:#fff; color:#777;  }

#games-headers , #games-headers h3 ,  #games-headers strong , #games-headers span { background:url(images/vertical.png); }
#games-headers { border-top:solid 1px #eee; height:25px; padding:4px 5px 0 5px; position:relative; background-position:bottom; background-repeat:repeat-x; margin:5px 0px;  }
#games-headers h3 , #games-headers strong { float:left; line-height:25px; _line-height:25px; background-position: left 0px; color:#C90507; padding:0; margin:0; font-size:12px; text-transform:uppercase;  }
#games-headers h3 span , #games-headers strong span{ background-position: right 0px; display:block; line-height:17px; _line-height:17px;  margin-left:3px; padding:4px 12px 4px 9px;  }

h1 { padding: 0px; margin: 0px; color:#0098FF; font-size:17px; font-weight:bold; float:left; }		
.labels , .label { font-size:11px; }
.labels { line-height:35px; }
.label a { color:#555; }
.right { float:right; }


.icons { background-image:url(/images/icons.gif); background-repeat:no-repeat; }
#options { width:660px; height: 25px; }
#options .left { float:left; width:140px; height:25px; }
#options .center { float:left; padding: 0 0 0 153px; width:297px; height:25px;  }
#options .right { float:left; width:70px; height:25px; }		

#options a , #options span {  background-color:#FFF; margin: 0px 4px 0px 0px;  z-index:20; display:block; float:left; padding:3px 9px 5px 25px;  color:#666; text-decoration:none;  border:solid 1px #f0f0f0; border-bottom:solid 1px #e5e5e5; 	}
#options a , #options span {  background-color: #f7f7f7; border:solid 1px #ddd; margin: 0px 4px 0px 0px;  z-index:20; display:block; float:left; padding:3px 9px 5px 25px;  color:#666; text-decoration:none; }

#options a:hover { background-color:#FFF88E; border:solid 1px #EBDA02;  -moz-box-shadow:0 0 4px #ccc; -webkit-box-shadow:0 0 4px #ccc; box-shadow:0 0 4px #ccc; }

#options a.like , #options span.likes { background-position:2px 0px; border-right:0; margin:0; }
#options a.like:hover { background-position:2px -22px; border-right:0; }

#options a.dislike , #options span.dislikes  { background-position:5px -44px; margin: 0; }
#options a.dislike:hover { background-position:5px -66px; margin: 0; }

#options a.favorites { background-position:5px -86px; padding:3px 9px 5px 19px; border-right:0; margin:0; }
#options a.favorites:hover { background-position:5px -108px; border-right:0;}

#options a.facebook { background-position:3px -132px; padding:3px 9px 5px 19px; border-right:0; margin:0; }
#options a.facebook:hover { background-position:3px -154px; border-right:0;}

#options a.twitter { background-position:3px -176px; padding:3px 9px 5px 19px; border-right:0; margin:0; }
#options a.twitter:hover { background-position:3px -198px; border-right:0;}

#options a.yahoo { background-position:3px -220px; padding:3px 9px 5px 19px; }		
#options a.yahoo:hover { background-position:3px -242px;  }

#options a.flag { background-position:3px -264px; padding:3px 9px 5px 19px; border-right:0; margin:0;  }		
#options a.flag:hover { background-position:3px -286px; border-right:0;}	

#options a.reload { background-position:3px -308px; padding:3px 9px 5px 19px; margin: 0; }		
#options a.reload:hover { background-position:3px -330px; }		

#options span.likes ,  #options span.dislikes { background-color:#FFF88E; border:solid 1px #EBDA02; border-right:0; }
#options span.dislikes { border-left:solid 1px #EBDA02; border-right:solid 1px #EBDA02; }
#options span.hide { display:none; }