/* STANDARD TAG REDEFINITIONS */
BODY{ color: #1D1D1D; font-family: Tahoma, Arial, Helvetica, sans-serif;  margin: 0; padding: 0;  background-color: #4e8211;  font-size: 0.8em;                  }
* { margin: 0; padding: 0; }
p { margin-bottom: 15px; line-height: 1.4em; margin-top: 0; }
a { color: #0ABBD2; text-decoration: none; }
a:hover, a:active, a:focus{ text-decoration: underline;}
h1, h2, h3, h4, h5{ margin: 0; padding: 0; font-weight: normal; }
img{ border: none; }

.Clear{ clear: both; font-size: 1px; height: 1px; line-height: 1px; overflow: hidden; }
.Small{	font-size: 11px;}
.Large{ font-size: 14px; }
.floatleft{	float:left; }
.floatright{ float: right; }
.aligncenter{	text-align: center;}
.alignleft{	text-align: left;}
.alignright{ text-align: right; }
.Aligned,
.alignjustify{	text-align: justify;}
.width100{	width:100%;}
.debug{ border: 1px solid red; }
.bold {font-weight: bold;}

#Root { width: 100%; margin: 0 auto; }
.wrap { margin: 0 auto; text-align: center; width: 955px;}

#Head{ width: 100%; height: 62px;  background: url(bg_header.gif) repeat-x;}
	#Head ul{ margin-right: 0pt; list-style-type: none; list-style-image: none; list-style-position: outside;padding-top: 0pt; padding-right: 0pt; padding-bottom: 0pt; padding-left: 0pt;margin-left: 0pt; }
	#Head li a{ display: block; text-decoration: none; font-size: 100%; color: #888888; padding-top: 20px; padding-right: 15px; padding-bottom: 20px; padding-left: 15px; font-weight: bold; text-transform: uppercase;  background-image: url(mainnav-hover.gif); background-repeat: repeat-x; background-attachment: scroll; background-position: left top; margin-right: 1px;}
	#Head li a:hover{ background-color: #191919; background-image: url(mainnav-active.gif); background-repeat: repeat-x; background-attachment: scroll; background-position: left top; color: #ffffff; outline-style: none; }
/*	#Head li a:active{ background-color: #191919; background-image: url(mainnav-active.gif); background-repeat: repeat-x; background-attachment: scroll; background-position: left top; color: #ffffff; outline-style: none; }
	#Head li a:focus{ background-color: #191919; background-image: url(mainnav-active.gif); background-repeat: repeat-x; background-attachment: scroll; background-position: left top; color: #ffffff; outline-style: none; }
*/	#Head li a.active:hover{ color: #ffffff; }
	#Head li a.active:active{ color: #ffffff; }
	#Head li a.active:focus{ color: #ffffff; }
	#Head li{ float: left; display: block; padding: 6px 0px 0 0px; }
	#Head h1, #Head h1 a{ display:block; width: 288px; height: 108px; float:left; margin-top:10px; }


	#Main .wrap 
	{
top: 0pt;
width: 100%;
background-repeat: no-repeat;
background-attachment: scroll;
background-position: 0% 0%;
}

#ja-search{ padding-top: 14px; float: right;}
#ja-search .inputbox{  
background-color: #111; 
background-image: url(icon-search.gif); 
background-repeat: no-repeat; 
background-attachment: scroll; 
background-position: 5px 5px; 
border-width: 2px;
border-style: solid; 
border-color: #333; 
font-size: 100%; 
color: #777; 
margin: 5px 0 0 0; 
padding: 4px 10px 4px 25px; }

#Featured {height: 270px;background: url(bg_featured.png) repeat-x; margin-top: 0px;}
#Featured .Featured p{ float: left; width: 400px; color: #eee; text-align: left; font-size: 1.5em; padding-top: 20px;}
#Featured .Featured .Title a {font-size: 1.2em; color: #FF850B;}
#Featured .Featured a{color: #FFF;	text-decoration: none; 	}

#Featured .Featured div.Shot { position: relative;  float:right; display: block; font-size:8px; width: 500px; height: 268px; margin: 0px 0px 0px 0px;}
#Featured .Featured img{ position:absolute; top: 37px; left: 55px; width: 320px; height: 200px; }
#Featured .Featured .play{font-weight: bold; display: block; width: 132px; float: left; background: url(play.png) no-repeat; font-size: 0.8em; padding-left: 20px;}
#Featured .Featured .ShotMask { display: block; position: absolute; top: 0; left: 0; width: 500px; height: 268px;}
#Featured .Featured .ShotMask[class] { display:block; background: url(featured_frame.png) no-repeat;  }



#Content{ float:left; width: 100%; position:relative; background: url(bg_center.gif) repeat-x; background-color:#FFF; }

#Main{float:left; width: 565px; padding: 5px 5px 20px 5px; text-align:left; }
#Main2{float:left; padding: 5px 5px 20px 5px; text-align:left; }
#Main2 .game{width: 100%;}
	#Main h2{ color: #FF850B; font-size: 20px; text-align: left;}
	#Main h3{ color: #FF6600; font-size: 18px; margin-bottom: 15px; }
	#Main h4{ color: #FF6600; font-size: 16px; margin-bottom: 15px; }
	#Main p.Path{ margin: 0 0 15px 0; color: #FF5400;  }
	#Main p.Path span{ color: #6F6F6F; }
	#Main p.Path a{text-decoration: none; color: #333333; padding-right: 11px; margin-right: 1px;  background-image: url(ico_path.gif);  background-position: right;  background-repeat: no-repeat;    }
	#Main p.Path a:hover{ color: #FF5400; border-bottom:none;	}

	
 	/* CATEGORY SECTION */
	.Category{ padding-bottom:33px; background: url(../images/dot.gif) repeat-x left bottom; }
	.Category h2{ height:46px; display:block;  position: relative;   }
	.Category h2 span.Start{ display: block; padding-left: 20px; height: 46px; position: absolute; left: -19px; width: auto; }
	.Category h2 span.End{ line-height: 46px; display: block; float:left; font-size: 0.7em; font-weight:bold; color: #0abbd2; padding-right: 15px; height: 46px; }
	.Category2{ padding-bottom:33px;}
	.Category2 h2{ height:46px; display:block;  position: relative;   }
	.Category2 h2 span.Start{ display: block; padding-left: 20px; height: 46px; position: absolute; left: -19px; width: auto; }
	.Category2 h2 span.End{ line-height: 46px; display: block; float:left; font-size: 0.7em; font-weight:bold; color: #0abbd2; padding-right: 15px; height: 46px; }
	.Category .AllGames{ text-align: right; float: right; position: relative; }
	.Category .AllGames span{ display: block; position:absolute; right:0px; padding-right: 12px; overflow: hidden; width:128px; height:46px; line-height: 46px;  background: url(readon_bg.png) no-repeat right; 	  }
	.Category .AllGames a{ color: white; font-size: 12px; font-weight: bold; text-decoration: none; }

	/* CENTER GAMES LIST */
	#Main div.GamesRow{	float:left;	margin: 9px 0 0px 0;}
	#Main div.GamesRow div.leftgame{ float: left; width: 254px; padding-bottom: 2px; }
	#Main div.Thumb {  position: relative;  float:left; display: block; font-size:8px; width: 111px; height: 90px; margin:0 8px 3px 0;}
	#Main img.Thumb{ position:absolute; top: 3px; left: 3px; width: 105px; height: 72px; }
	#Main .mask { display:block; position: absolute;  top: 0;  left: 0; width:111px; height:90px; }
	#Main .mask[class] {  background: url(game_frame.png) no-repeat;  }
	#Main div.GamesRow .Title{ margin-bottom:4px; color: #F86401;  font-size: 13px;  font-weight: bold;  text-transform: uppercase; letter-spacing: -0.005em;}
	#Main div.GamesRow .Title a{ color: #F86401;  text-decoration: none; font-size: 0.9em; }
	#Main div.GamesRow .Desc{ color: #9B9B9B; }
	#Main div.GamesRow .leftgame .Desc{ padding-right: 10px; }

	/* Rating on the front or category page */
	#Main div.Rating{ width: 63px; height: 14px; position: absolute;  top:76px; left:5px; background-repeat: no-repeat;  }
	#Main div.starna{ background-image: url(starna.gif); }
	#Main div.star10{ background-image: url(star10.gif); }
	#Main div.star15{ background-image: url(star15.gif); }
	#Main div.star20{ background-image: url(star20.gif); }
	#Main div.star25{ background-image: url(star25.gif); }
	#Main div.star30{ background-image: url(star30.gif); }
	#Main div.star35{ background-image: url(star35.gif); }
	#Main div.star40{ background-image: url(star40.gif); }
	#Main div.star45{ background-image: url(star45.gif); }
	#Main div.star50{ background-image: url(star50.gif); }

	/* GAME PAGE */
	#star-rating{ background: url(star_rating.gif) repeat-x left -1000px; float:right; height:27px; width:80px;}
		#star-rating a:hover,
		#star-rating a:active,
		#star-rating a:focus,
		#star-rating .current-rating{ background: url(star_rating.gif) repeat-x left -1000px; }
		#star-rating{ position: relative; width: 80px; height: 27px; overflow: hidden; list-style: none; margin: 0; padding: 0; background-position: left top; }
		#star-rating li{ display: inline; line-height:27px; }
		#star-rating a,
		#star-rating .current-rating{ position: absolute; top: 0; left: 0; text-indent: -1000em; height: 27px; line-height: 27px; outline: none; overflow: hidden; border: none; }
		#star-rating a:hover,
		#star-rating a:active,
		#star-rating a:focus{ background-position: left bottom; }
		#star-rating a.one-star{ width: 20%; z-index: 6; }
		#star-rating a.two-stars{ width: 40%; z-index: 5; }
		#star-rating a.three-stars{ width: 60%; z-index: 4; }
		#star-rating a.four-stars{ width: 80%; z-index: 3; }
		#star-rating a.five-stars{ width: 100%; z-index: 2; }
		#star-rating .current-rating{ z-index: 1; background-position: left center; }

	#Main2 h2{ color: #FF850B; font-size: 20px; text-align: left;}
	#Main2 h3{ color: #FF6600; font-size: 18px; margin-bottom: 15px; }
	#Main2 h4{ color: #FF6600; font-size: 16px; margin-bottom: 15px; }
	#Main2 .Col50{ width: 48%;}
	#Main2 .Comments{ width: 100%; float: left; padding: 0; }
	#Main2 p.Comment{ color: #565656; margin: 0; font-size: 10pt; text-align: justify;  background: url(bg_comment_entry.gif) no-repeat 0 4px;  padding-left: 20px;      }
	#Main2 p.Signature{ margin: 9px 0 3em 0; text-align: right; font-size: 9pt; color: #F6A244;     }	
	#Main2 .AddComment{ float:right; width: 255px }
	#Main2 .AddComment{ font-size: 9pt; }
	#Main2 .AddComment span{ display: block; }
	#Main2 .AddComment .Button{font-size:11px; line-height: 20px; width: 85px; height: 25px; padding: 0; border:none; background-image: url(btn_medium.gif);  background-repeat: no-repeat;  background-color: #FFE9A8;  color: #E53838;  font-weight: bold;  float:right;  }

	/* Form styles */
	#Main Form{ margin: 0 0 1em 0; width:100% }
	#Main Form.Form{ }
	#Main div.Block{ padding:0 0 8px 0;  }
	#Main .Block .Title{ font-size: 0.85em; font-weight: bold;  color: Black; 	}
	#Main .Block .Title b{ color: #FB0000;  margin-left: 0.3em;  }
	#Main .Error{ display: block; font-size:0.85em; color: Red; font-weight: bold; }
	#Main .Message{ display: block; font-size: 1.2em; color: #1E48C1; font-weight: normal;  text-align: center;  }
	#Main input.Text{ width: 278px; height: 18px; background-color: white; border: 1px solid #6e8886; color: #343434;  padding: 2px;  }
	#Main textarea{ width: 255px; height: 70px; background-color: #FFFEF9; border: 1px solid #F7C993; overflow: auto; }

	.related{ float:left; width: 340px;  }	
		.related .Desc{ display: block; padding-right: 20px; height: 90px; overflow: hidden; }
	
	/* User page */
	.pagemenu{ text-align: left; }
	.pagemenu li{ list-style: none; display: inline; margin:0 10px 0 0; }	
	.pagemenu a{ color: #0abbd2; font-weight: bold;}´
	.pagemenu a:hover{ text-decoration: underline;}
	.pages{	clear:both; display:block; text-align:center; padding:15px 0 0 0;	}
	.pages a{ color: black; padding: 0 5px 0 5px; margin:0; text-decoration: none; }
	.pages a.active{ background-color: #0abbd2;  color: White;}
	.pages a:hover{ background-color: #f86401;  text-decoration: none; color: White;  }

	
div.Side	{ width: 190px; }
	.Left{ float: left; position:relative; top:0px; margin: 5px 0px 20px 0px; }
	.Right{ float:right; position:relative; top:0px; margin: 5px 0px 20px 0px; }
	.Side .Box{ width: 100%; float: left; padding: 0px 0px 5px 0px; }
	.Side div.Comments{ background-image: url(bg_inbox.gif); background-repeat: repeat-y; }
	.Side div.CommentsFooter{ float: left; width:180px; height:12px;		background-image: url(bg_inbox_footer.gif);}
	
	.Side .SolidBox{ width:160px; float: left; padding:0px 10px 10px 10px;}
	.Side .SolidBox a{ color: #ffffe0; }	
	.Side .SolidBox a:hover{ color: white; }
	.Left .SolidBox{}
	.Right .SolidBox{}
	.Side div.Special{}
	.Left div.Special{}
	.Right div.Special{}
	
	.Side h2{ float:left; margin: 0 0 0 0; padding: 0px 0px 0px 0px; display: block; height: 20px; font-weight: bold; color: #0abbd2; font-size: 1.3em;}
	.Side h2.Solid{ height:32px; line-height:32px; padding: 0 0 0 10px;	}
	.Side h2.SolidSpecial{ height:32px; line-height:32px; padding: 0 0 0 10px;	}
	
	.Side ul{ list-style: none; margin-bottom:10px;}
	.Side li{ margin:0;  background: url(../images/dot.gif) repeat-x left bottom;}

	.Side ul.Nav li a{ 
		text-align: left;
		background-color: transparent;
		background-image: url(../images/bullet.gif);
		background-repeat: no-repeat;
		background-position: 0px 12px;
		color: #555;
		display: block;
		margin: 0;
		outline-style: none;
		outline-width: medium;
		padding: 7px 0px 7px 12px;
		text-decoration: none; }

	.Side ul.Nav li a:hover{ 
		background-image: url(../images/bullet-hover.gif);
		background-repeat: no-repeat;
		color: #0abbd2;
		}

		.Side ul.Top li a{ 
		text-align: left;
		color: #555;
		display: block;
		margin: 0;
		outline-style: none;
		outline-width: medium;
		padding: 7px 0px 7px 0px;
		text-decoration: none; }

	.Side ul.Top li a:hover{ 
		color: #0abbd2;
		}	


		.Fav{background: url(../images/dot.gif) repeat-x left bottom;}
		.Fav td {padding: 5px 0px 5px 0px;}
		.Fav a{color: #555; text-decoration: none;}
		.Fav a:hover{color: #0abbd2;}

	.Side ul.Stats li { 
		background: none; 
		text-align: left;
		color: #555;
		display: block;
		margin: 0;
		outline-style: none;
		outline-width: medium;
		padding: 4px 0px 0px 0px;
		text-decoration: none; }


	.legend {
	border: 1px solid #efefef;
	margin: 0px 0;
	padding: 0 5px;
	position: relative;
}
	
	.SearchBox{ background-image: url(bg_side_textbox_spec.gif); background-repeat: no-repeat; border: 0 none;  width: 154px;  height: 19px; line-height: 17px; padding: 2px 0 0 5px;  margin: 0;     }
	.BtnGo{ background-image: url(btn_go.gif); width:39px; height:18px; border:none;  background-color: #9DCF54;  color: White;  font-size: 11px;  float: right;  margin-top: 6px;         }
	.Special .BtnGo{ background-image: url(btn_go_spec.gif);  background-color: #F19C39;  }
	
	.Side .Combo select{	width:159px; }
	.Side .Combo form{ padding-bottom:9px;}
	
	.Side .News{  }
	.Side .News li{margin-bottom:7px;}
	.Side .News .Title{ font-size: 11px; display: block; display: block; font-weight: bold; }
	.Side .News .Date{ font-weight: normal; }
	.Side .News .More{ display:block; font-size: 10px; width:100%; text-align: right; font-weight: bold;  }
	
	/* Feedback form and comments */
	#feedbackread{ display: block; }	
	#feedbackpost{ display: none; }
	#contactpost{ display: block; }
	#feedbacknav_in{ float: right; position:relative; width:60px;}
	#feedbacknav_out{ float: right;	position:relative; width:60px;}
		#feedbacknav_out a{ font-weight:bold; text-decoration: none; display:block; color: #0abbd2;  }
		#feedbacknav_out a.Read{ left:25px; }
		#feedbacknav_out a.Post{ left:105px; }
		#feedbacknav_out a:hover{ text-decoration: underline; }
	#feedbackread{padding:0px 0px 0px 0px; }
	#feedbackpost{ padding: 0px 0px 0px 0px; }
	#feedbackpost textarea{ border: 1px solid #DDD;  overflow: auto; width: 99%; padding:3px; }
	#feedbackpost input.Button{ font-size:1em; line-height: 24px; width: 94px; height: 24px; padding: 0; border:none; background: url(readon_bg.png) no-repeat;color: #FFF;  font-weight: bold;}

	#contactpost{ padding: 0px 0px 0px 0px; }
	#contactpost textarea{ border: 1px solid #DDD;  overflow: auto; width: 99%; padding:3px; }
	#contactpost input.Button{ font-size:1em; line-height: 24px; width: 94px; height: 24px; padding: 0; border:none; background: url(readon_bg.png) no-repeat;color: #FFF;  font-weight: bold;}


.code {
	background: #EEFBFC;
	border-left: 5px solid #0ABBD2;
	font: 1em/1.5 "Courier News", monospace;
	margin: 5px 0 15px;
	padding: 10px 15px;
}
	 
	/* Blocks */
	.center_block{ }
	.center_block h3{ float: left; }
	#WHOLIKESGAME{ float: left; width: 48%; }
	#PUBLISH{ float: right; width: 50%; }
		#PUBLISH .code{ display: block; width: 95%; height: 100px; font-size: 11px; background: #fafafa; border: 1px solid #cccccc; padding: 3px; overflow: hidden; }

#Cloud {float:left; width: 100%; height: 200px; background: url(bg_footer.gif) repeat-x;}
#Cloud .wrap{ background: url(bg_footer_cloud.gif) no-repeat;}
#Cloud .logo{ width: 100%; height: 200px; text-align: right; background: url(logoX.png) no-repeat; background-position: 10px 100px;}
#bannex1 {padding-top: 40px; padding-left: 250px;}
#bannex2 {padding-top: 0px; padding-left: 120px;}
#Footer{float:left; width: 100%; background-color: #4e8211; color: #efefef; height: 40px; background: url(footer_bg.png) repeat-x; }
#Footer .wrap{text-align:left; font-size: 1em; padding: 12px 0px 0px 5px;}
#Footer a{ text-decoration: none; color: #EEE; font-weight: bold; }


.sitemap_category {margin-left: 20px; padding-top: 10px;}
.sitemap_category a{color: #0abbd2; font-size: 1.3em; line-height: 30px; font-weight: bold;}
.sitemap_games li {padding-left: 0px; list-style-type: none;}
.sitemap_games li a{color: #555; font-size: 0.9em; line-height: 20px; font-weight: normal;}

/* Talking box. Thinking box. */
div.bubble {
	margin: 15px 0;
}

div.bubble span.author {
	font-weight: bold;
	font-size: 0.9em;
	margin-left: 10px;
	padding-left: 0px;
}

div.bubble div {
	background: url(../images/bub2-br.gif) no-repeat bottom right;
	margin: 0;
	width: 100%;
}

div.bubble div div {
	background: url(../images/bub2-bl.gif) no-repeat bottom left;
}

div.bubble div div div {
	background: url(../images/bub2-tr.gif) no-repeat top right;
}

div.bubble div div div div {
	background: url(../images/bub2-tl.gif) no-repeat top left;
}

div.bubble div div div div div {
	margin: 0;
	padding: 10px 15px 25px;
	width: auto;
}



/*
 * module: rounded
 */

div.box-t1 {
	background: url(../images/module_rounded_tl.png) 0 0 no-repeat;
}

div.box-t2 {
	padding: 0px 10px 0px 10px;
	background: url(../images/module_rounded_tr.png) 100% 0 no-repeat;
}

div.box-t3 {
	height: 15px;
	background: url(../images/module_rounded_t.png) 0 0 repeat-x;
}

div.box-1 {
	background: url(../images/module_rounded_l.png) 0 0 repeat-y;
}

div.box-2 {
	padding: 0px 5px 0px 5px;
	background: url(../images/module_rounded_r.png) 100% 0 repeat-y;
}

div.box-3 {
	padding: 0px 10px 5px 10px;
	background: #fcfdfe url(../images/module_rounded_bg.png) 0 100% repeat-x;
	min-height: 20px;
	overflow: hidden;
}

div.box-b1 {
	background: url(../images/module_rounded_bl.png) 0 0 no-repeat;
}

div.box-b2 {
	padding: 0px 10px 0px 10px;
	background: url(../images/module_rounded_br.png) 100% 0 no-repeat;
}

div.box-b3 {
	height: 10px;
	background: url(../images/module_rounded_b.png) 0 0 repeat-x;
}

.spacer{ height: 125px;}
.topad{ padding: 0px 0 0 0px; width: 760px; text-align: center;}
.border{border:1px solid #CCC;}
#game{ float:left; width: 100%; position:relative; background: url(bg_game.png) repeat-x;}

.reklaam{ width: 100%; background-color: #BBB; border: none;}
.reklaam tr {background-color: #FFF;}
.reklaam td {padding: 3px 3px 3px 10px;}
.reklaam .header1{background-color: #DDD;}
.reklaam .header2{background-color: #EEE;}
.HYred {
	color: red;
	font-weight: bold;
}

.hidden {visibility:hidden;}

#comment { width: 690px;}