/* CSS Document */

html {
	height: 100%;
    overflow-x: auto;
}

body {
	background: #B2B3A1 url(/templates//images/) repeat scroll top center;
	/* background-position:center;
	background-image: url(/templates//images/);
	background-repeat: repeat; */
	margin-bottom: 20px;
	margin-top: 0;
    text-align: center;
    height: auto;
    height:100%;
    min-height:100%;
    min-width: 1000px;
    font-family:arial, Verdana, sans-serif;
    font-size:12px;
	/* font-size:0.9em; */
	color:#FFFFFF
}


img { 
	border: none; 
}

td		{
		font-family:arial;
		font-size:12px;
		color:#FFFFFF
		}
a		{
		font-weight:bold;
		text-decoration:underline;
        color:#FCFCFC;
		}
a:hover	{
		text-decoration:none;
		}
ol 		{
		list-style:none;
		margin:0px;
		padding:0px;
		}
ol li	{
		font-weight:bold;
		height:18px;
		}
form 	{
		margin:0px;
		padding:0px;
		/* size:auto; */
		/* font-family:tahoma; */
		/* font-size:11px; */
		}
form td	{
		/* font-family:tahoma; */
		/* font-size:11px; */
		}
ul		{
		list-style:none;
		margin:0px;
		padding:0px;
		}
ul li 	{
		padding:0 0 0 18px;
		height:24px;
		background:url(../images/list1.gif) bottom left no-repeat

		}
.tt 	{
		/* font-family:tahoma; */
		/* font-size:11px; */
		}
.tt a	{
		font-weight:normal;
		}
        
/* 
To Do: The .top style should be removed after site upgrade to XHTML is complete.
This was replaced by 'header-links' style on new pages
*/
.top a	{
		/* font-size:9px; */
		/* font-family:tahoma; */
		color:#ffffff;
		font-weight:bold;
		text-decoration:none
		}
.menu a	{
		text-decoration:none;
		font-weight:bold;
		}
.bottomTextSM 	{                      	          /*  Bottom Small Text */
		/* font-family:tahoma; */
		/* font-size:11px; */
		font-weight:normal
		}
.bot 	{                                /*  Footer */
		/* font-family:tahoma; */
		/* font-size:11px; */
		font-weight:bold
		}
.bot a	{
		text-decoration:none;
		}
.FormErrorText 	{                        	        /*  Bottom Small Text */
		/* font-family:tahoma; */
		color:yellow;
		/* font-size:12px; */
		font-weight:bold
		}
        
/* Thumbnail links on game box inserts */
.Menu1 	{
	FONT-WEIGHT: bold; 
    COLOR: #ffffff; 
    TEXT-DECORATION: none
		}
.Menu1:hover {
	background:#62C003;                        	        /*  Make this Dymanic. This is the {grreen} Mouseover hover color */
	padding:4px
		}
.Menu2 	{
	FONT-WEIGHT: bold; 
    COLOR: #ffffff; 
    TEXT-DECORATION: none
		}
.Menu2:hover {
	background:#CA5CB4;                        	        /*  Make this Dymanic. This is the {Pink} Mouseover hover color */
	padding:4px
		}
        
        
.OrtaOyun 	{
	FONT-WEIGHT: bold; COLOR: #ffffff; TEXT-DECORATION: none
		}
.OrtaOyun:hover {
	background:#62C003;
	padding:0px
		}
.Menu3 	{
	FONT-WEIGHT: bold; COLOR: #ffffff; TEXT-DECORATION: none
		}
.Menu3:hover {
	background:#CA5CB4;
	padding:0px
}

/* ************************************************************************************ */
/* ************************************************************************************ */
/* ************************************************************************************ */

.game_small_div{
    width:640px;
    float:left;
}

#gametitle{
    float:left;
    width:640px;
	/* background: #FFFF99; */
    /* background:url('/images/frontend/NetGames/gametitle.png') no-repeat; */
    position:relative;
    height:41px;
}

#GameName-OverGame {
	float:left;
	padding-top:5px;
    padding-left:5px;
	color:#FFFF99;
	font-size:16px;
	font-weight: bold;
	text-align:left;
}

#FacebookLike {
    float:right;
    padding-top:5px;
    /* padding:0px 0 5px 5px; */
    width:350px;
    right:5px;
	margin:0;
    /* background-color:#AAAAAA; */
    float:right;
    text-align:right;
    font-weight:bold;
    /* font-family:arial; */
    /* font-size:12px; */
	color:#FFFFFF;
}


#n1 {
    position:absolute;
    left:180px; 
    top:25px;
    z-index:1; 
    visibility:hidden; 
    width:auto;
    padding:3px;
    background-color:#;
    border: 1px solid #ffffff;
    text-align:center;
}



/* ************************************************************************************ */
/* ************************************************************************************ */
/* ************************************************************************************ */

#wrapper
	{
    position:relative;
    width:1000px;
    text-align:center;
    padding:0;
    margin-left:auto;
    margin-right:auto;
    border:0px;
    /* overflow:auto; */
    margin:0 auto;
	}

/* **************************************** */
/* **************** header **************** */
/* **************************************** */

#Page-Top-Text { 
    width: 1000px; 
    font-weight: bold;
    border: 0px;
} 

#header { 
    width: 1000px; 
    height:201px;
    /* font-family: Arial;  */
    /* font-size: 0.8em;  */
    background: url(/templates//images/) top left repeat-y;
    border: 0px;
} 

.header-links { 
	position:absolute;
    top:60px;
    right:10px;
    width: 100px; 
    height:45px;
    /* font-family: Arial;  */
    /* font-size: 0.8em;  */
    border: 0px;
    
} 

.header-links a {   
	/* font-family:tahoma; */
    /* font-size:9px; */
	color:#ffffff;		/* To Do: **************************  MAKE THIS DYNAMIC  ******************** */
	font-weight:bold;
	text-decoration:none;
    margin:2px 0px 0px 0px;
} 

#header-lower { 
	position:relative;
    width: 1000px; 
    height:136px;
    /* font-family: Arial;  */
    /* font-size: 0.8em;  */
    background: url(/templates//images/top.jpg) top left repeat-y;
    border: 0px;
    clear:both;
} 

#header-lower-LeftAd { 
	position:absolute;
    top:15px;
    left:7px;
	/* background: #FFFF99; */
    width: 100px; 
    height:100px;
    /* font-family: Arial;  */
    /* font-size: 0.8em;  */
    border: 0px;
} 

#header-lower-RightAd { 
	position:absolute;
    top:15px;
    right:9px;
	/* background: #FFFF99; */
    width: 100px; 
    height:100px;
    /* font-family: Arial;  */
    /* font-size: 0.8em;  */
    border: 0px;
} 

#header-lower-CenterAd { 
	position:absolute;
    top:20px;
    left:135px;
	/* background: #FFFF99; */
    width: 728px; 
    height:90px;
    /* font-family: Arial;  */
    /* font-size: 0.8em;  */
    border: 0px;
} 


/* *************************************** */
/* ********** main content body ********** */
/* *************************************** */
/* Removing the #body-wrapper div seems to have no effect on the page layont. Look into this */
#body-wrapper {
    position: relative;
    width: 1000px;
    height: auto;
    text-align: center; 
    padding: 0px 0px;
    margin-left: auto;
    margin-right: auto;
    border: 0px;
    background: #;
    /* overflow: auto; */
    margin: 0 auto;
    /* Below lines put in the dottet divider */
    background-image: url(/images/line1.gif);
    /* background-image: url(/templates//images/LineDivider.gif); */
	background-repeat: repeat-y;
	background-position: 304px 0px;
	}


#left-column { 
	float:left;
    padding-top:5px;
    margin: 0; /* Applied to first column only in lieu of padding (personal thing) */ 
    /* margin: 0 0.2em 0 0; */
	/* position:absolute;
    top:5;
    left:0; */
    background: #;
    width: 300px; 
    /* font-family: Arial;
    font-size: 0.8em; */
    border: 0px;
} 


#main-column-wrapper
	{
	float:right; 
    right:0; 
    /* height:100%; */ 
    width:690px; 
    padding:0;
    margin-top:5px;
    margin-left:auto;
    margin-right:auto;
    border:0px;
    background: #;
    /* overflow:auto; */
	}


#game-header {
    /* position:absolute;
    /* top:5px; */
    right:0;
    /* margin-top:5px; */
    background: #576d0b;    
    width:690px;
    height:31px;
    /* height:100%; */
    /* font-family: Arial;  */
    /* font-size: 0.8em;  */
    border: 0px;
} 

.game-top-Ad { 
	/* float:right;   */
    /* position:absolute;  */
    /* top:30px;  */
    
    right:0;
    background: #;
    /* width: 690px;  */
    width: auto; 
    height:15px;
    border: 0px;
} 

#game-container { 
	/* float:right;   */
    /* position:absolute; */
    /* top:45px;  */
    /* margin-top:45px; */
    right:0;
    background: #;
    width: auto;
    height:auto;
    /* height:100px;  */
    /* font-family: Arial;  */
    /* font-size: 0.8em;  */
    border: 0px;
    clear:both;
} 

#under-game-container {
	/* float:right; */
    position:relative;
    /* top:5px; */
    right:0;
	margin-top:5px;
    
    border-top-style:dotted;
	border-top-width:2px;
    border-top-color:#FFFCFD;
    
    /* border-bottom-style:dotted;
	border-bottom-width:2px;
    border-bottom-color:#FFFCFD; */
    
    background: #;
	/* background: #FFFF99; */
    width: 690px;
    /* height:100px;  */
    /* font-family: Arial;  */
    /* font-size: 0.8em;  */
    /* border: 0px; */
} 


#under-game-left-column { 
	float:left;
    padding-top:5px;
    padding-bottom:5px;
    padding-left:3px;
    
    border-right-style:dotted;
	border-right-width:2px;
    border-right-color:#FFFCFD;
    
    margin: 0; /* Applied to first column only in lieu of padding (personal thing) */ 
    /* margin: 0 0.2em 0 0; */
	/* position:absolute;
    top:25;
    left:0; */
    background: #;
    width: 500px; 
    height: auto; 
    /* font-family: Arial;
    font-size: 0.8em; */
    /* border: 0px; */
} 

#under-game-right-column { 
	float:right; 
    padding-top:5px;
    position:relative;
    /* text-align:left */
    top:0;
    right:0;
    background: #;
	/* background: #FFFF99; */
    width: 185px;
    margin-left:auto;
    margin-right:auto;
    height: auto; 
    /* height:100px;  */
    /* font-family: Arial;  */
    /* font-size: 0.8em;  */
    border: 0px;
} 

#game-description { 
	position:relative;
    padding-top:8px;
    text-align:left;
	width: 500px; 
    height: auto;
    padding-top:8px;
    right:0;
    margin-left:auto;
    margin-right:auto;
    border:0px;
    /* font-family:arial;
    font-size:12px; 
	color:#FFFFFF */
} 

#game-instructions { 
	position:relative;
    padding-top:8px;
    text-align:left;
	width: 500px;
    height: auto;
    padding-top:8px;
    right:0;
    margin-left:auto;
    margin-right:auto;
    margin-bottom:15px;
    border:0px;
    /* font-family:arial;
	font-size:12px;
	color:#FFFFFF */
} 

#game-tags { 
	position:relative;
    padding-top:8px;
    text-align:left;
	width: 500px;
    height: auto;
    padding-top:8px;
    right:0;
    margin-left:auto;
    margin-right:auto;
    border:0px;
    /* font-family:arial;
	font-size:12px;
	color:#FFFFFF */
} 


#game-tags a:link, a:visited, a:active { 
	text-decoration:none;
} 

#game-tags a:hover { 
	text-decoration:underline;
    /* color:#CC0044; */
}


.divider-horizontal { 
	position:relative;
	width:auto; 
    /* top:3px; */
    margin-top:3px;
    right:0;
    padding:0;
    margin-left:auto;
    margin-right:auto;
    border:0px;
    
    border-top-style:dotted;
	border-top-width:2px;
    border-top-color:#FFFCFD;
    
} 

#social-container { 
	position:relative;
    float:left;
    width:500px;
	/* width:690px; */ 
    /* top:15px; */
    margin-top:15px;
    right:0;
    padding:0;
    margin-left:auto;
    margin-right:auto;
    border:0px;
} 

#social-containerX { 
	position:relative;
	width:690px; 
    /* top:15px; */
    margin-top:15px;
    right:0;
    padding:0;
    margin-left:auto;
    margin-right:auto;
    border:0px;
} 
     
.share-input-box {
    margin-top:5px;
    width:310px;
    height:22px;
    border:1px solid black;
}


#game-screen-buttons {
    float:right;
    top:0;
    margin-right: 10px;
    padding-top: 10px;
    /* margin-left:auto;
    margin-right:auto; */
}

.comment-input-box {
    margin-top:5px;
    width:660px;
    height:65px;
    border:1px solid black;
}

.clear-both { 
	clear:both;
} 

/* *************************************** */
/* ************* Commetns **************** */
/* *************************************** */

#comments { 
	float:left; 
    position:relative;
    text-align:left;
	width:680px; 
    /* top:15px; */
    margin-top:15px;
    right:0;
    padding:0;
    margin-left:auto;
    margin-right:auto;
    border:0px;
} 

#add_comment { 
    position:relative;
	width:680px;
    height:135px;
    text-align:center;
    background: #62C003;	/* ************* MAKE THIS DYNAMIC (Add CommentsBoxBackgroundColorCode to database) **************** */
	display:none;
    /* top:15px; */
    margin-top:2px;
    right:0;
    padding:0;
    margin-left:auto;
    margin-right:auto;
    border:0px;
} 


/* *************************************** */

#footer {
    position: relative;
    top:0;
    /* bottom:15px; */
    width: 1000px;
    /* height: 100%;  */
    padding: 0px 0px;
    margin-left: auto;
    margin-right: auto;
    border: 0px;
    /* overflow: auto; */
    margin: 0 auto;
	
	background-position: 304px 0px;
    background-color: #;
    vertical-align: bottom;
    
    /* background-color: transparent; */
	/* background: #; */
    
    /* Below lines put in the dottet divider */
    border-top-style:dotted;
	border-top-width:1px;
    border-top-color:#FFFCFD;
    
    /* 
    font-family:arial;
	font-size:0.08em;
	color:#FFFFFF;
    */
}



/* ************************************************************************************ */
/* ************************ STILL NEEDS WORK ****************************************** */

#FooterText {
	position: relative;
    height:auto;
    width:990px;
    top:0;
    left:0;
    padding-top:5px;
    padding-left:5px;
    padding-right:5px;
    padding-bottom:5px;
    background: #;
    
    /*padding : 5px 5px 5px 5px ; */
    /* font-family:arial;
	font-size:0.8em;
	color:#FFFFFF */
}

#FooterText a:hover { 
	text-decoration:underline;
}

#footer-navigation {
    position: relative;
    /* top:8px; */
    width: 1000px;
    height: auto;
    padding: 0px 0px;
    margin-top: 10px;
    margin-left: auto;
    margin-right: auto;
    border: 0px;
    overflow: auto;
    /* margin: 0 auto; */

	background-position: 304px 0px;
    background-color: #;
    
	vertical-align: bottom;
    
    /* 
    font-family:arial;
	font-size:0.8em;
	color:#FFFFFF;
    */
}

#footer-navigation a:link, a:visited, a:active { 
	/* font-family:arial; */
	/* font-size:0.8em; */
	color:#FFFFFF;
	text-decoration:none;
}

#footer-navigation a:hover { 
	/* font-family:arial; */
	/* font-size:0.8em; */
	color:#FFFFFF;
	text-decoration:underline;
}

.footer-menu-header {
	margin-bottom:.5em;
    font-weight:bold;
    text-align:left;
}

#FooterMenu {
	float:left;
    position:relative;
    top:0;
    left:20px;
    width: 110px; 
    height:auto;
    border: 0px;
    text-align: left;
    /* background: #; */
    border-right-style:dotted;
	border-right-width:1px;
    border-right-color:#FFFCFD;
}

#FooterMenu2 {
	float:left;
    position:relative;
    top:0;
    left:40px;
    width: 150px; 
	height:auto;
    border: 0px;
    text-align: left;
    /* background: #; */
    /* background-color: transparent; */
    border-right-style:dotted;
	border-right-width:1px;
    border-right-color:#FFFCFD;
}

.footer-menu-links { 
	text-decoration:none;
    /* font-family: Arial,Verdana,Helvetica,sans-serif; */
    /* font-style: normal; */
	/* font-size:12px; */
	color:#FFFFFF
}

.footer-menu-links a { 
	text-decoration:none;
    /* font-family: Arial, Verdana, Helvetica, sans-serif; */
    /* font-style: normal; */
	/* font-size:12px; */
	color:#FFFFFF
}
/*
.footer-menu-links a:link, a:visited, a:active, a:hover { 
	text-decoration:none;
    /* font-family: Arial, Verdana, Helvetica, sans-serif; */
    /* font-style: normal; */
	/* font-size:12px; */
	color:#FFFFFF
}
*/
/*
.footer-menu-links a:hover { 
	text-decoration:underline;
    /* font-family: Arial, Verdana, Helvetica, sans-serif; */
    /* font-style: normal; */
	/* font-size:12px; */
	color:#FFFFFF
}
*/

#FooterExternalLinks {
	/* float:right; */
    position:absolute;
    top:0;
    right:180px;
    width: 300px; 
    height:auto;
    border: 0px;
    text-align: left;
}

    
#FooterBottom {
	position:relative;
    top:0;
    /* left:0; */
    width: 1000px;
    height:65px;
    margin-left:auto;
    margin-right:auto;
    text-align: center;
    /* font-family: Arial;  */
    /* font-size: 0.8em;  */
    background: url(/templates//images/bottom-lower.png) bottom left no-repeat;
    border: 0px;
    clear:both;
}


#Copywrite { 
    float:left;
	position:relative;
    top:25px;
    left:13px; 
    /* padding-top:0px; */
    /* padding-bottom:5px; */
    /* padding-left:3px; */
    
    vertical-align:middle;
    margin: 0; /* Applied to first column only in lieu of padding (personal thing) */ 
    /* margin: 0 0.2em 0 0; */
	/* position:absolute; */
    /* top:25; */
    /* left:0; */
    
    /* background-color: transparent; */
    
    width: 400px; 
    height: auto;
    /* font-family: Arial; */
    /* font-size: 0.8em; */
    /* border: 0px; */
    clear:both;
} 

#FooterBottomLinks { 

    float:right;
	position:relative;
    top:32px;
    right:13px;
    width: 300px; 
    height: 100%;
    /* padding-top:0px; */
    /* padding-bottom:5px; */
    /* padding-left:3px; */
    
    margin: 0; /* Applied to first column only in lieu of padding (personal thing) */ 
    /* margin: 0 0.2em 0 0; */
	/* position:absolute; */
    /* top:25; */
    /* left:0; */
    
    /* background-color: transparent; */
    
    /* font-family: Arial; */
    /* font-size: 0.8em; */
    /* border: 0px; */
    /* font-weight:bold; */
	/* text-decoration:none; */
} 

#FooterBottomLinks a:link, a:visited, a:active { 
	text-decoration:none;
    /* font-family:arial; */
	/* font-size:0.9em; */
	color:#FFFFFF
} 

#FooterBottomLinks a:hover { 
	text-decoration:underline;
    /* font-family:arial; */
	/* font-size:0.9em; */
	color:#FFFFFF
}

/* ************************************************************************************ */
/* ************************************************************************************ */

.content-left {
    float:left;
    /* margin-right: 10px; */
    padding-top: 10px;
    margin-left:auto;
    margin-right:auto;
    text-align:left;
}

.content-right {
    float:right;
    margin-right: 10px;
    padding-top: 10px;
}




/* *************************************** */
/* Rounded Corners */
div#nifty {
  margin: 0 10%; background: #576d0b;
}
div.rounded div {
  height: 1px;
  overflow: hidden;
}
#radiusx, #radiusy {
  text-align: right;
  width: 30px;
}


.social_button{
    padding-left: 1px;
    padding-right: 1px;
}

        
.spworld{
    float:left;
    margin-right: 10px;
    padding-top: 10px;
}

.spwicons{
    padding-top:5px;
    float:left;
}


/* ************************************************************************************ */
/* ************************************************************************************ */

.games-column-header {
	position:relative;
    top:5px;
	text-align: left;
	border-bottom-style:dotted;
	border-bottom-width:2px;
    border-bottom-color:#FFFCFD; 
    margin-bottom:15px;
}


.games-column-game-title {
	position:relative;
	left:3px;
    width:290px;
	/* height:15px; */
    height:auto;
	background-color: #;
	text-align: left;
	/* font-family: Arial; */
	/* font-size: 1.0em; */
}

.games-column-game-title a {
	display:block;
	width:100%;
	height:100%;
	background-color: #;
	text-decoration:none;
	/* font-family: Arial; */
	/* font-size: 1.0em; */
}

.games-column-game-title a:hover {
	width:100%;
	text-decoration:none;
	background-color: #;
	/* font-family: Arial; */
	/* font-size: 1.0em; */
}


.games-column-content {
	position:relative;
    width:290px;
	height:auto;
    min-height:75px;
	text-align: left;
    margin-left:5px;
    margin-bottom:10px;
}

/* ************************************************************************************ */
/* ************************************************************************************ */

.games-box-wrapper {
	position:relative;
    float:left;
	left:3px;
    width:100px;
	height:115px;
	/* background-color: #; */
	text-align: center;
}

.games-box-game-title {
	position:relative;
    width:auto;
	height:15px;
	/* background-color: #; */
	text-align:center;
}

.games-box-game-title a {
	display:block;
	width:100%;
	height:100%;
	/* background-color: #; */
	text-decoration:none;
}

.games-box-game-title a:hover {
	width:100%;
	text-decoration:none;
	background-color: #;
}

.games-box-game-thumbnail {
	position:relative;
    width:auto;
	height:auto;
	text-align:center;
}

/* ************************************************************************************ */
/* ************************************************************************************ */
/* ************************************************************************************ */

.btn { display: block; position: relative; background: #aaa; padding: 5px; float: left; color: #f7f8fb; text-decoration: none; cursor: pointer; }


/* .btn * { font-style: normal; background-image: url(/test/buttons/btn2-green.png); background-repeat: no-repeat; display: block; position: relative; } */

.btn * { font-style: normal; background-image: url(/templates//images/btn2.png); background-repeat: no-repeat; display: block; position: relative; }


.btn i { background-position: top left; position: absolute; margin-bottom: -5px;  top: 0; left: 0; width: 5px; height: 5px; }
.btn span { background-position: bottom left; left: -5px; padding: 0 0 5px 10px; margin-bottom: -5px; }
.btn span i { background-position: bottom right; margin-bottom: 0; position: absolute; left: 100%; width: 10px; height: 100%; top: 0; }
.btn span span { background-position: top right; position: absolute; right: -10px; margin-left: 10px; top: -5px; height: 0; }

* html .btn span,
* html .btn i { float: left; width: auto; background-image: none; cursor: pointer; }

.btn.color1 { background: #; }
.btn.color2 { background: #2ae; }
.btn.color3 { background: #e1a; }
.btn:hover { background-color: #a00; }
.btn:active { background-color: #444; }
.btn[class] {  background-image: url(/images/buttons/shade.png); background-position: bottom; }

* html .btn { border: 3px double #aaa; }
* html .btn.color1 { border-color: #; }
* html .btn.color2 { border-color: #2ae; }
* html .btn.color3 { border-color: #e1a; }
* html .btn:hover { border-color: #a00; }

/* p { clear: both; padding-bottom: 2em; } */
form { margin-top: 2em; }
form p .btn { margin-right: 1em; }
textarea { margin: 1em 0;}

.fixed145 {
/* using units of em doesn't quite work */
width: 145px;
clear: both;
}

/* ************************************************************************************ */
/* ************************************************************************************ */



/* ***************************** */
/* Thumbs Up/Down Voting Buttons */
/* ***************************** */

#LikeIt
{
	float:left;
	margin-left:10px;
	display: block;
	width: 80px;
	height: 74px;
	background: url("/images/rating/Thumbs-Up-Smiley.png") no-repeat 0 0;
}

#LikeIt:hover
{ 
	background-position: 0 -74px;
}

#LikeIt span
{
	display: none;
}




#DontLikeIt
{
	float:right;
	margin-right:10px;
	display: block;
	width: 80px;
	height: 74px;
	background: url("/images/rating/Thumbs-Down-Smiley.png") no-repeat 0 0;
}

#DontLikeIt:hover
{ 
	background-position: 0 -74px;
}

#DontLikeIt span
{
	display: none;
}

/* ************************************************************************************ */