@charset "utf-8";
/* CSS Document */

@import url('/JavaScript/jQuery/SuperFishMenu/superfish.css');
@import url('/CSS/girl-smallestgames-links-ar.css');

html, body
{
	margin: 0;
	padding: 0;
	font-size: 12px;
	color: #000;
	height: 100%;
	font-family: Arial, Helvetica, sans-serif;
	background: url(/Images/GirlTheme/smallestgames---6_02-3.jpg) 0 -10px repeat-x;
}

a, img { border: none; outline: none; }

.sg-clear { clear: both; }
.sg-floatL { float: right; }
.sg-floatR { float: left; }

#SG-BigWrapper
{
	position: relative;
	width: 100%!important;
	height: auto!important;
	height: 100%;
	min-height: 100%; 
	width: auto!important;
	width: 100%;
	min-width: 960px!important;
}

#SG-GameContainer
{
	margin: 0 auto;
	border: 1px solid #000;
	float: right;
}

#SG-Footer
{
	position: absolute;
	height: 48px;
	width: 100%;
	bottom: 0;
	left: 0;
	background: url(/Images/GirlTheme/sg-footer-pattern-6.jpg) 0 100% repeat-x;
}

	#SG-F-Content
	{
		width: 950px;
		height: 22px;
		margin: 0 auto;
		padding: 22px 5px 0;
		font: 12px Tahoma, Geneva, sans-serif bold;
		color: #FFF;
		overflow: hidden;
		direction: rtl;
	}


#SG-PageWrapper
{
	width: 960px;
	margin: 0 auto;
	padding-bottom: 50px;
}

	#SG-Header
	{
		width: 960px;
		margin: 0 auto;
		height: 115px;
		background: url(/Images/GirlTheme/sg-header-4.jpg) -55px 0 no-repeat;
		position: relative;
	}
	
		#SG-Languages
		{
			position: absolute;
			width: 150px;
			height: 20px;
			top: 62px;
			left: 0;
			background: url(/Images/GirlTheme/languages.gif) 0 0 no-repeat;
		}
	
	#SG-Menu
	{
		width: 960px;
		margin: 0 auto;
		height: 40px;
		border: 1px solid #46002a;
		background-image: url(/Images/GirlTheme/sg-topmenu-pattern-4.jpg);
		background-repeat: repeat-x;
		background-position: 0 0;
		overflow: hidden;
	}
	
	#SG-Middle
	{
		width: 960px;
		height: auto;
	}
	
		
				
		#SG-Sidebar
		{
			float: right;
			width: 175px;
			height: auto;
		}
		
			#SG-Categ,
			#SG-Top-Img
			{
				width: 161px;
				height: 128px;
				display: block;
				margin: 10px auto 0;
				background: 0 0 no-repeat;
			}
			
			#SG-Categories
			{
				width: 720px;
				height: 327px;
				margin: 15px auto;
				background: url(/Images/sg-category-description.png) 0 0 no-repeat;
				padding: 10px 10px 10px;
				overflow: hidden;
			}
			
			#SG-Categories, #SG-Categories *
			{
				direction: rtl;
				text-align: right;
			}
			
		
			#SG-S-Menu,
			#SG-S-Part
			{
				width: 161px;
				height: auto;
				border: 5px solid #a30062;
				margin: 0 auto 20px;
				overflow: hidden;
			}

			#SG-S-Top
			{
				width: 210px;
				height: auto;
				margin: 0 auto 10px;
				overflow: hidden;
			}
		
		#SG-M-Holder
		{
			float: right;
			width: 780px;
			height: auto;
			margin: 10px 0 0;
			border: 1px solid #a30062;
		}
		
		#SG-Info
		{
			width: 215px; height: 750px;
			background: #efefef;
			float: left;
			margin: 5px 10px 5px 0;
			border: 1px dashed #a30062;
			border-top: 1px solid #a30062;
			border-bottom: 1px solid #a30062;
		}
			#LoadingRecommendedGames { margin: 0 auto; display: block; }
			
		#SG-RightGames
		{
			width: 102px; height: auto;
			background: #efefef;
			float: left;
			margin: -5px 5px 0 0; padding: 2px;
			border: 1px dashed #969a9c;
			border-top: 1px solid #969a9c;
			border-bottom: 1px solid #969a9c;
		}
		
			h2
			{
				font-size: 12px; font-weight: bold;
				color: #333;
				display: block;
				padding: 3px 5px; margin: 0 auto 5px;
				border-top: 1px solid #F00;
				border-bottom: 1px solid #F00;
				text-align: center;
				background: #FFF;
			}
		
			#SG-M-New
			{
				width: 477px;
				height: 507px;
				float: right;
				padding: 10px;
				margin: 0 0 0 1px;
			}
			
			#SG-M-Category
			{
				width: 770px;
				height: auto;
				float: right;
				padding: 5px;
				margin: 0 0 0 1px;
				background: #3a4346;
			}
			
			#SG-M-Sidebar
			{
				width: 320px;
				height: auto;
				float: left;
				background-color: #FFF;
			}
				#SG-Search
				{
					width: 250px; height: 25px;
					margin: 0;
					background: #a30062;
					padding: 5px;
					border-left: 1px solid #46002a;
					border-right: 1px solid #46002a;
					border-bottom: 1px solid #46002a;
					position: relative;
					float: left;
				}
					#SG-Search form span
					{
						font: bold 16px  Tahoma, Geneva, sans-serif;
						color: #FFF;
						text-align: center;
						padding: 3px;
						position: absolute;
						display: block;
						width: auto; height: auto;
						top: 5px; right: 5px;
						direction: rtl;
					}
					
					#Search
					{
						width: 160px; height: 20px;
						padding: 3px;
						font: bold 16px Tahoma, Geneva, sans-serif;
						border: 1px solid #000;
						position: absolute;
						top: 3px; left: 5px!important;
						display: block;
					}
				
				#SG-Special
				{
					width: 319px;
					height: 70px;
					margin: 0 auto 10px;
					border: 1px solid #333;
				}
		
				#SG-Featured-Text
				{
					width: 240px;
					height: 217px;
					float: left;
					margin: 0 5px 0 0;
				}
			
				#SG-Featured
				{
					position: relative;
					width: 205px;
					height: 169px;
					float: right;
					background: url(/Images/sg-featured-1.jpg) 50% 0 no-repeat;
					padding: 46px 4px 5px;
					margin: 0 0 0 10px;
				}
				
					#SG-F-Main
					{
						width: 205px;
						height: 136px;
						margin: 5px auto;
						border: 1px solid #FFF;
						background-color: #ffde1f;
						overflow: hidden!important;
					}
					
					#SG-F-Capt
					{
						position: absolute!important;
						width: 106px;
						height: 33px;
						top: 203px;
						left: 49px;
						z-index: 999;
					}
					
					#SG-F-Controls 
					{ 
						width: 205px; 
						height: 80px; 
						margin: 15px auto 0!important; 
						visibility: 
						hidden; 
						z-index: 999!important; 
						float: right;
					}
					#SG-F-Controls ul 
					{
						margin: 0!important;
						clear: both;
						display: block;
						width: 284px;
						height: auto;
						padding: 2px 0;
					}
					#SG-F-Controls ul li
					{
						display: block;
						width: 85px;
						height: 60px;
						float: right; 
						list-style: none!important;
						padding: 0;
						margin: 10px 4px 0 4px;
					}


					#sg-l-play
						{
							position: absolute;
							display: block;
							width: 106px;
							height: 30px;
							top: 175px;
							left: 89px;
							z-index: 100;
						}
						
						.sg-l-feat, .thumb
						{
							padding: 0;
							display: block;
							width: 85px;
							height: 60px;
							border: 1px solid #FFF;
							background-color: #ffde1f;
							margin: 0;
						}
			
			#SG-NewGames
			{
				width: 491px;
				height: 240px;
				overflow: hidden;
				margin: 25px 0 5px -7px;
				background: #FFF;
			}
			
			#SG-CatGames
			{
				width: 780px;
				height: auto;
				overflow: hidden;
				margin: 5px auto 5px;
				background: #FFF;
			}
			
	#SG-Partners
	{
		width: 788px;
		height: 80px;
		padding: 15px;
		margin: 5px auto 10px;
	}
		
		
.sg-250
{
	width: 250px;
	height: 250px;
	background-color: #ffde1f;
	margin: 5px auto;
}

.sg-ad-336
{
	width: 336px;
	height: 280px;
	padding: 2px;
	background: #FFF;
	margin: 0 auto;
	text-align: center;
}

.sg-ad-200
{
	width: 200px;
	height: 200px;
	padding: 2px;
	border: 7px solid #c5c5c5; 
	background: #FFF;
	margin: 20px 20px 20px;
	text-align: center;
}

.sg-728
{
	width: 728px;
	height: 90px;
	padding: 2px;
	background-color: #FFF;
	margin: 15px auto;
	clear: both;
}

.sg-160
{
	width: 160px;
	height: 600px;
	padding: 2px;
	border-left: 7px solid #c5c5c5;
	border-right: 7px solid #c5c5c5;
	border-top: 7px solid #c5c5c5;
	border-bottom: 7px solid #c5c5c5;
	background-color: #FFF;
	margin:15px 15px 15px 0;
	float: left;
}



.sg-ad-100
{
	width: 100px;
	height: 100px;
	float: right;
	margin: 0 4px 10px 0;
	border: 1px solid #666;

}

.sg-categ,
#SG-GameWrapper
{
	width: 780px;
	height: auto;
}

	#SG-Options
	{
		padding: 5px;
		margin: 0 auto 5px;
		background: #a20063;
		font-size: 22px; color: #FFF;
		position: relative;
		text-align: right;
	}
	
		#SG-Progress
		{
			width: 300px; height: 33px;
			background: #F00;
			position: absolute;
			top: 0; left: 0;
		}
		#Loading
		{
			position: absolute;
			font-size: 12px;
			font-weight: bold;
			width: auto;
			top: 5px; left: 80px;
			padding: 2px;
		}


.sg-categs
{
	width: 400px;
	height: auto;
	background: #30383b;
	margin: 0;
}

	.sg-c-new
	{
		width: 770px; height: auto;
		margin: 0 auto 5px!important;
	}
	
	#SG-Game
	{
		width: 750px;
		height: auto;
		margin: 0 auto 5px;
		padding: 1px;
	}
	
		#SG-GameDetails
		{
			width: 157px;
			height: auto;
			margin: 0px auto;
			padding: 4px;
			background: #333;
			border: 2px solid #000;
		}
		
			#SG-GameDetails p
			{
				display: block;
				margin: 0 auto 1px;
				padding: 2px;
				text-align: right;
				direction: rtl;
				font: normal 12px Tahoma, Geneva, sans-serif;
				color: #FFF;
			}
			
			#SG-GameDetails span
			{
				display: block;
				width: auto;
				font: bold 12px Tahoma, Geneva, sans-serif!important;
				text-align: right;
				color: #FF6266!important;
				direction: rtl;
				border-bottom: 1px dotted #CCC;
				margin: 0;
			}

	
		#SG-Share
		{
			width: 828px;
			height: auto;
			margin: 0 auto 10px;
			padding: 5px;
			background: #c5c5c5;
		}
		  #SG-Share span
		  {
			  display: block;
			  width: 45%;
			  float: right;
			  padding: 9px 5px;
			  font: bold 16px Tahoma, Geneva, sans-serif;
			  text-align: left;
			  direction: rtl;
			  color: #FFF;
			  margin: 0 10px 0 5px;
		  }
		  #SG-Sharing
		  {
			  width: 250px;
			  height: 30px;
			  padding: 1px;
			  text-align: left;
			  direction: rtl;
			  position: absolute;
			  top: 3px; left: 0;
		  }
	
		#SG-Timer,
		#SG-ClickToPlay
		{
			width: 300px;
			margin: -18px auto 0!important;
			text-align: center;
			direction: rtl;
			font: bold 11px Tahoma, Geneva, sans-serif;
			color: #333;
			text-decoration: none;
			display: block;
			padding: 2px;
		}
	
	.sg-categs span,
	.sg-categ span.sg-random,
	#SG-GameWrapper h1
	{
		display: block;
		float: right;
		width: auto;
		padding: 5px;
		margin: 3px 0;
		font: bold 24px Tahoma, Geneva, sans-serif;
		color: #FFF;
		text-align: left;
	}
	







div#PagedListWrapper
		{
			width: auto;
			height: auto;
			padding: 0;
			margin: 0;
			text-align: center;
		}
		

a.pagedList:link,
a.pagedList:hover,
a.pagedList:visited,
a.pagedList:active
		{
			display: block;
			color: #FFFFFF;
			padding: 2px 10px;
			border: 1px solid #3a4346;
			text-align: center;
			background-color: #3a4346;
			font-size: 22px;
			text-decoration: none!important;
			margin: 0!important;
			float: right;
			font-weight: bold;
		}
a.pagedList:hover
		{
			color: #333333;
			background-color: #FFFFFF;
			border-color: #3a4346;
		}

span.selectedPage
		{
			display: block;
			float: right;
			font-size: 22px;
			border: 1px solid #FFF;
			background-color: #FFFFFF;
			font-weight: bold;
			color: #F00;
			padding: 2px 10px 2px;
			font-weight: bold;
			cursor: default;
		}





	
h1
{
	margin: 0;
	padding: 3px;
	color: #FFF;
	font-size: 32px;
	font-weight: normal;
	text-align: left;
	direction: rtl;
}

.sg-branding
{
	display: block;
	height: 18px;
	background: url(/Images/sg-smallogo.jpg) 100% 0 no-repeat;
	margin: -7px 6px 0 0;
}

ul.sf-menu li a:link,
ul.sf-menu li a:hover,
ul.sf-menu li a:visited,
ul.sf-menu li a:active
{
	width: 140px;
	height: auto;
	display: block;
	color: #FFF;
	margin: 0;
	padding: 2px 5px;
	font: bold 12px Tahoma, Geneva, sans-serif;
	text-align: left;
}

ul.sf-menu li ul li a:link,
ul.sf-menu li ul li a:hover,
ul.sf-menu li ul li a:visited,
ul.sf-menu li ul li a:active
{
	display: block;
	width: 122px;
	font: normal 12px Tahoma, Geneva, sans-serif;
	text-align: left;
	text-decoration: none;
	padding: 2px 2px 2px 25px;
	color: #FFF;
	background: #F00;
	background-position: 2px 50%!important;
	background-repeat: no-repeat!important;
	border-bottom: 1px solid #900;
}

ul.sf-menu li ul li a:hover
{
	color: #FFF;
	background: #900;
}




.comment
{
	display: block;
	width: 400px;
	padding: 3px;
	margin: 5px;
	font-size: 22px;
	font-weight: bold;
	color: #333;
	font-family: Arial, Helvetica, sans-serif;
	border: 4px #CCC solid;
	outline: 4px solid #E9E9E9;
	background-color: #EEE;
	background-image: url(/Images/sg-input-pattern.gif);
}

table#GameForm tr td,
.contact_btns
{
	padding: 5px!important;
	font-size: 18px!important;
	color: #999;
}

#Message
{
	display: block;
	width: 400px;
	padding: 3px;
	margin: 5px 5px 0;
	font-weight: bold;
	color: #333;
	font-size: 12px!important;
	font-family: Arial, Helvetica, sans-serif;
	border: 4px #CCC solid;
	outline: 4px solid #E9E9E9;
	height: 200px;
	background-color: #EEE;
}
.over
{
	background-color: #F8F8F8!important;
	background-image: none!important;
	border-color: #999!important;
}

.focus
{
	background-color: #FFF!important;
	border-color: #F00!important;
	background-image: none!important;
}


.rules
{
	color: #F00;
	border-bottom: 1px dashed #900;
	cursor: pointer!important;
	text-decoration: none;
}


a.textLink:link,
a.textLink:hover,
a.textLink:visited,
a.textLink:active
{
	display: block;
	width: auto;
	padding: 3px 5px;
	margin: 1px 10px;
	float: right;
	text-decoration: none;
	font-size: 12px;
	color: #000;
	text-align: center;
	border-bottom: 1px dashed #CCC;
	font-weight: bold;
}

a.textLink:hover
{
	color: #FFF;
	background: #F00;
	border-bottom: 1px solid #F00;
}

.alphaDelimiter
{
	font-size: 16px;
	color: #FFF;
	text-align: left;
	padding: 5px;
	width: 150px;
	margin: 15px 5px 5px;
	background-color: #F00;
	font-weight: bold;
}

.tooltip { 
    display:none; 
    background:transparent url(/JavaScript/jQuery/tooltip/black_arrow.png); 
    font-size:12px; 
    height:92px; 
    width:99px; 
    padding:15px 25px; 
    color:#fff; 
    _background-color:#fff; 
}

#SG-Counter
{
	width: 80px;
	height: 15px;
	position: absolute;
	top: 2px;
	right: 0;
}

.sg-bar
{
	margin: 5px auto 0; padding: 5px;
	width: 157px; height: 21px;
	text-align: center;
	font-size: 13px; font-weight: bold;
	color: #FFF;
}

.bar-grey { background: url(/Images/sg-new-classGrey.jpg) 0 0 no-repeat; }
.bar-red { background: url(/Images/sg-new-classRed.jpg) 0 0 no-repeat; }