body {
	font-size: 100%;
	background: #0c508f url('/img/blue_background.jpg') no-repeat;
	margin: auto;	
}

a {
	text-decoration: none;
}

h1, h2, h3, p, a, div, span {
	font-family: Verdana, Arial, Times, serif
}

img {
	border: 0 none;
}

h1 {
	font-size: 18px;
	margin-top: 0px;
}

h2 {
	font-size: 15px;
}

h3 {
	font-size: 12px;
	margin-top: 0px;
}

p, div, a, span, td, input {
	font-size: 12px;
}

dl {
	margin-bottom: 0px;
}

hr {
	color: rgb(230,230,230);
	background-color: rgb(230,230,230);
	border-width: 0px;
	height: 2px;
}

.clear {
	clear: both;
}

/*
#page {
	margin: auto;
	padding: 5px;

}
*/

#pageContainer {
	margin: 0 auto;
	width: 980px;
	position: relative;
}

#content, #topMenu, #contentLow {
	margin: 0px auto;
}

#headerAd, #middleAd, #lowAd {
	text-align: center;
	margin: auto;
}

#headerAd {
	width: 980px;
	height: 120px;
	background-color: rgb(250,250,250);
	margin-top: 16px;
}

/* main navigation buttons */
#topMenu {
	margin-top: 8px;
	width: 980px;
	height: 60px;
	z-index: 10;
	position: relative;
}

	#logo {
		width: 253px;
		height: 60px;
	}

	.naviBtn {
		background: url('/img/menu.gif') no-repeat;
		bottom: 0;
		display: block;
		height: 24px;
		padding-top: 36px;
		position: absolute;
		text-align: center;
	}
	
	.naviBtn.tab-selected {
		height: 27px;
		padding-top: 33px;
	}

	#index, #newest, #best-rated, #category {
		font-weight: bold;
		color: white;
	}
	
	#index {
		background-position: 0px 23px;
		left: 266px;
		width: 146px;
	}	
	
	#index:hover {		
		background-position: 0px -78px;
	}

	#newest {
		background-position: -146px 23px;
		left: 416px;
		width: 127px;
	}
	
	#newest:hover {
		background-position: -146px -78px;
	}
	
	#best-rated {
		background-position: -273px 23px;
		left: 547px;
		width: 113px;
	}
	
	#best-rated:hover {
		background-position: -273px -78px;
	}
	
	#category {
		background-position: -386px 23px;
        color: white;
		left: 664px;		
		width: 144px;
	}

	#searchTab {
		background: url('/img/white.gif') 13px 24px no-repeat;
		height: 60px;
		padding-top: 0;
		left: 810px;
		width: 158px;
	}
	
		#searchTab-container {
			position: relative;
			width: 100%;
		}
	
			form input.search {
				padding: 5px;
				position: absolute;
				top: 26px;
				left: 17px;
				width: 94px;
			}
			
			form input.submit {
				border: 0 none;
				background: url('/img/search.gif') no-repeat 0 0;
				height: 26px;
				margin-top: 2px;
				position: absolute;
				text-indent: -9999px;
				top: 27px;
				left: 125px;
				width: 25px;
			}
			
			#searchTab input.search {
				border: 0 none;
			}



		.tab-selected {
			color: black !important;
		}
		
		.tab-selected-index {
			background-position: 0 -188px !important;
		}
		
		.tab-selected-newest {
			background-position: -146px -188px !important;
		}
		
		.tab-selected-best-rated {
			background-position: -273px -188px !important;
		}
		
		.tab-selected-category {
			background-position: -386px -188px !important;
			color: white !important;
		}
		


	#categoryPop {
		width: 241px;
		float: left;
		position: absolute;
		left: 664px;
		z-index: 10;
	}
	#catRndTop {
		width: 241px;
		height: 12px;
		background: url('/img/categoryRndTop.gif') bottom left no-repeat;
		font-size: 0;
		line-height: 1;
	}
	#catRndBottom {
		width: 241px;
		height: 12px;
		background: url('/img/categoryRndBottom.gif') bottom left no-repeat;
		font-size: 0;
		line-height: 1;
	}
	#categoryContent {
		padding-left: 10px;
		padding-right: 5px;
		background-color: black;
	}
	#categoryContent a {
		color: white;
		display: block;
		font-size: 12px;
		font-weight: bold;
		line-height: 1.0;
		margin-left: 10px;
	}
	#categoryContent img {
		display: inline;
		color: black;
	}
	#categoryContent a:hover {
		color: rgb(116,188,238);
	}







#content {
	/*float: left;*/
	/*padding: 0px 11px 0px 11px;*/
	background-color: white;
	margin-top: 0px;
	overflow: hidden;
	padding: 0 11px;
	width: 958px;
}


	.gameBox {
		float: left;
		width: 308px;
		height: 108px;
		margin-left: 0px;
		margin-right: 0px;
		padding-left: 11px;
		padding-top: 11px;
	}
	
	.gameBox:hover {
		background: url('/img/gameBoxHover.gif') no-repeat;
	}
	
	.gameBoxHover {
		background: url('/img/gameBoxHover.gif') no-repeat;
	}

		
		.gameImgContainer {
			float: left;
			margin-right: 12px;
			margin-bottom: 8px;
			width: 100px;
			height: 100px;
			overflow: hidden;
		}
		
			.gameImgContainer a {
				display: block; 
				overflow: hidden;
			}
			
			.gameImgFrame {
				float: left;
				width: 100px;
				height: 100px;
				position: relative;
				z-index: 5;
			}
			
			.gameImgImg {
				width: 90px;
				height: 90px;
				z-index: 4;
				position: relative;
				float: left;
				top: -95px;
				left: 5px;
			}
		
		.gameTextContainer {
			float: left;
			width: 182px;
			height: 100px;
		}
		
		.gameTexts {
			float: left;
			width: 182px;
			height: 78px;
			margin-right: 5px;
			overflow: hidden;
		}
	
			.gameTexts h2 {
				line-height: 1;
				margin: 2px 0 0 0;
			}
		
			.gameTexts p {
				color: #000000;
				line-height: 1;
				margin-top: 6px;
			}
		
		.gameBoxRating {
			float: left;
			margin-left: 6px;
			margin-top: 2px;
		}


#middleAd {
	width: 980px;
	height: 120px;
	background-color: rgb(250,250,250);
}

#contentLow {
	width: 980px;
}

	.contentLowRow {
		overflow: hidden;
		margin-bottom: 20px;
	}
	
	.largeBoxContainer {
		float: left;
		width: 320px;
		height: 320px;
					
	}
	
	.largeBoxContainer.boxLeft {
		margin: 10px 5px 5px 0px;	
	}
	.largeBoxContainer.boxCenter {
		margin: 10px 5px 5px 5px;	
	}
	.largeBoxContainer.boxRight {
		margin: 10px 0px 5px 5px;	
	}
	
	.largeBox {
		width: 300px;
		height: 300px;
		background: white url('/img/gr1.jpg') top left repeat-x;
		padding-left: 10px;
		padding-right: 10px;
		overflow: hidden;
	}

	.largeBox h1 {
		line-height: 1;
		margin: 0px;
	}
	
	/*small game box (top5 etc) inside the larger boxes (above) after mid-page */
	#contentLow .gameBox {
		width: 300px;
		height: 48px;
		padding: 2px;
		background: transparent;
	}

	#contentLow .gameBox:hover {
		background: url('/img/gameBoxHover.gif') 0 -10px;
	}
	
	#contentLow .gameBox a {
		color: #000000;
	}
	
		#contentLow .gameImgContainer {
			width: 44px;
			height: 44px;
			margin-right: 9px;
		}
			#contentLow .gameImgFrame {
				width: 44px;
				height: 44px;
			}
			#contentLow .gameImgImg {
				width: 38px;
				height: 38px;
				top: -41px;
				left: 3px;
			}

	#contentLow .gameTexts {
		width: 240px;
		height: 44px;
		margin: 0px;
	}

	#contentLow .gameTexts h3 {
		line-height: 1;
		margin: 0 0 4px 0;
	}

	#contentLow .gameTexts p {
		line-height: 1.0;
		margin: 0px;
	}

	/* daily game box*/
	#gameBoxMed {
	}
	
		#gameBoxMed h1 {
			margin-top: 16px;
			margin-bottom: 12px;
		}
		
		.gameTextsMed {	
			margin: 1px;
			width: 305px;
			height: 190px;
		}
	
		.gameTextsMed p {
			margin-top: 5px;
		}
		
		#gameBoxMed .gameDescMed {
			height: 200px;
			position: relative;
			top: -94px;
		}
		
		#gameBoxMed .gameDescMed a {
			color: black;
		}
		
		#gameOTD {
			width: 300px;
			height: 190px;
			position: relative;
			z-index: 5;
			margin: 0;
			padding: 0;
		}
		
		#gameOTDAnim {
			width: 73px;
			height: 91px;
			position: relative;
			z-index: 6;
			margin: 0;
			padding: 0;
			top: -190px;
			left: 208px;
		}
		
		#gameOTDImg {
			width: 90px;
			height: 90px;
			position: relative;
			z-index: 4;
			top: -164px;
			left: -29px;
		}
		
/* il news */
	
.RSSItem {
	width: 310px;
}

.RSSItem hr {
	float: left;
	margin-top: 0px;
	width: 95%;
}

.ilLogo {
	float: left;
	width: 15px;
	height: 16px;
	margin-right: 3px;
	margin-top: 6px;
	background-color: white;
	background-image: url('/img/il.jpg');
}

.RSSText {
	float: left;
	width: 280px;
	padding-top: 3px;
	padding-bottom: 3px;
    border-bottom: 1px solid #BBBBBB;
}

.RSSText:hover {
    background-color: rgb(235, 235, 235);
}
.RSSText p {
	font-weight: bold;
	margin: 0 5px 5px 5px;
}
.RSSText a {
	color: black;
}
.RSSMeta {
	font-weight: normal;
	white-space: nowrap;
}

/* 3 smaller boxes */

	.smallBoxContainer {
		display: inline;
		zoom: 1;
		float: left;
		position: relative;
		width: 320px;
		margin: 0 10px 0 0;
	}
	
	.smallBoxContainer.boxLeft {
		margin: 0 5px 0 0;	
	}
	.smallBoxContainer.boxCenter {
		margin: 0 5px 0 5px;	
	}
	.smallBoxContainer.boxRight {
		margin: 0 0 0 5px;	
	}
	
	.smallBox {
		background: white url('/img/gr2.jpg') left bottom repeat-x;
		padding: 5px 5px 5px 10px;
		position: relative;
		zoom: 1;
	}

	.smallBox h1 {
		line-height: 1;
		margin: 0px;
	}
	 

	.smallBox p {
		line-height: 1.2;
	}


/*ad banners */


#lowAd {
	width: 550px;
	height: 400px;
	background-color: rgb(250,250,250);
	margin-top: 10px;
	clear: both;
}


/* various buttons */

.playBtn { 
	float: left;
	margin: 0px;
	width: 70px;
	height: 21px;
	background: url('/img/btnPlay.png') bottom no-repeat;
}

#gameAmount {
    float: right;
}

#gameAmountBtn {
	width: 126px;
	height: 25px;
	padding: 5px;
	background: url('/img/gameAmountBtnArrow.gif')
}
#gameAmountBtn: hover {
	background: url('/img/gameAmountBtnArrowSel.gif')
}

#gameAmountBtn p {
	color: gray;
	margin: 2px 0 0 6px;
	font-size: 1.2em;
}

#gameBoxBtns {
	width: 100%;
	float: left;
	margin-top: 90px;
	padding-right: 10px;
}

#numberOfGames {
	margin: 5px;
	float: right;
	width: 80px;
	height: 20px;
	text-align: center;
}

#random {
	margin-top: 5px;
	float: left;
	width: 109px;
	height: 33px;
	background: url('/img/btnRandom.png');
}
#bigGameBox #random {
	float: right;
	width: 88px;
	height: 23px;
	background: url('/img/btnRandomGamepage.png');
}

/*
#random:hover {
    background: url('/img/grey120x35Hover.gif') bottom no-repeat;	
}
*/

#TOP100 {
	float: right;
	width: 70px;
	height: 21px;
	text-align: center;
	background: url('/img/btnTop100.png');
}

#calendar {
	float: right;
	width: 70px;
	height: 21px;
	text-align: center;
	background: url('/img/btnCalendar.png');
}

.openGame {
	display: block;
	margin-top: 5px;
	width: 109px;
	height: 23px;
	text-align: center;
	background: url('/img/btnOpenGame.png');
}

#answerQ {
	display: block;
	margin-top: 5px;
	width: 141px;
	height: 23px;
	text-align: center;
	background: url('/img/btnAnswerQuestions.png');
	zoom: 1;
}



/* rounded corners */

.smallRoundCornerTop, .smallRoundCornerBottom {
	height: 8px;
	width: 320px;
	margin-left: auto;
	margin-right: auto;
	line-height: 0;
	font-size: 1px;
}

.smallRoundCornerTop {
	margin-top: 5px;
	background: url('/img/whiteRndTop.gif') left no-repeat;
}
.smallRoundCornerBottom {
	margin-bottom: 5px;
	background: url('/img/whiteRndBottom.gif') left no-repeat;
}

#largeRoundCornerTop, #largeRoundCornerBottom {
	height: 13px;
	width: 980px;
	margin-left: auto;
	margin-right: auto;
	line-height: 0;
	font-size: 1px;
}

#largeRoundCornerTop {
	background: url('/img/largeWhiteRndTop.gif') no-repeat;
}
#largeRoundCornerBottom {
	margin-bottom: 20px;
	background: url('/img/largeWhiteRndBottom.gif') no-repeat;
}




/* game specific page */

#path {
	display: inline;
	margin-left: 10px
}


#bigGameBox {
	width: 958px;
	margin: auto;	
	margin-top: 0px;
	background-color: white;

	padding-left: 11px;
	padding-right: 11px;
}

#bigGameBoxEnder {
	padding-bottom: 18px;
}

#game {
}

	#bigGameOver, #bigGameUnder {
		margin: 2px;
	}


	#stats, #rating, #description, #gameName {
		display: inline;
	}

	#rating, #stats {
		right: 5px;
	}
	
	#rating span {
		display: block;
		float: right;
		margin: 6px 6px 0 0;
	}
	
	#rating img {
		vertical-align: middle;
	}

	.right {
		width: 450px;
		float: right;
		text-align: right;
		margin-right: 10px
	}

	.left {
		width: 450px;
		float: left;
		margin-left: 10px
	}

	.blue {
		color: blue;
	}

	#gameWrapper {
		width: 100%;
		height: 650px;
		text-align: center;
	}
	
	#game, #contentTry {
		margin: 0px auto; 
	}

	#gameInstructions p {
		text-align: center;
	}

	/* buttons in the bottom of game div */
	#randomGamePage {
		margin: 5px;
		float: right;
		width: 95px;
		height: 24px;
		background: url('/img/grey95.gif') bottom no-repeat;
		text-align: center;
	}

	#report {
		margin: 5px;
		float: right;
		width: 93px;
		height: 23px;
		background: url('/img/btnReport.png') bottom no-repeat;
		text-align: center;
	}

	#back {
		float: left;
		margin: 5px;
		width: 72px;
		height: 23px;
		background: url('/img/btnBack.png') bottom no-repeat;
		text-align: center;
	}

	#fullscreen {
		float: right;
		margin: 5px;
		width: 133px;
		height: 23px;
		background: url('/img/btnFullscreen.png') bottom no-repeat;
		text-align: center;
	}
	
#contentTry {
	width: 958px;
	background-color: white;
	margin-top: 0px;
	padding-left: 11px;
	padding-right: 11px;
}

	#tryHeading h1 {
		margin: 0px;
	}
	
/* search result page */

#searchBox {
	margin: 0px auto;
	background-color: white;
}

#contentResults {
	width: 980px;
	padding-left: 5px;
	padding-left: 5px;
	margin: 0px auto; 
}

#searchBox h1 {
	display: block;
	margin: 0px;
	font-size: 1.4em;

}

#searchBox form {
	display: inline;
	margin: 0px;
	position: relative;
}
#searchBox input {
	display: inline;
	margin: 0px;
}
#searchBox input.submit {
	top: 0;
	left: 200px;
}
#searchBox p {
	display: inline;
	margin: 0px;

}
#resultCount {
	color: blue;
	font-size: 1.2em;
}

/* calendar, uses search page divs for formatting */

#calendarDDL {
	padding: 0px;
	margin: 5px;
}

/* report popup div */

#reportContainer {
	background: transparent;
}

#popup {
	width: 827px;
	height: 624px;
	padding: 10px;
	margin: auto;
	
	background-color: white;
	border-width: 1px;
}
#reportClose {
	display: block;
	float: right;
	width: 40px;
	height: 40px;
	background: url('/img/reportX.jpg') top right no-repeat;
	font-size: 40px;
}
#popup h1 {
	margin-top: 0px;
	margin-bottom: 0px;
}
#popup p {
	width: 500px;
	margin-bottom: 30px;
}

#reportSymbol {
	width: 200px;
	height: 200px;
	float: right;
	background: url('/img/reportRedSymbol.jpg') right no-repeat;
}

#reportForm {
	width: 320px;
}

.reportInput {
	width: 234px;
	height: 27px;
	margin-bottom: 12px;
	background: url('/img/reportBox.gif') no-repeat;
	border: 0px;
	padding: 10px;
	font-size: 1.1em;
}

form input#report-OK {
	width: 45px;
	height: 45px;
	border: 0px;
}

.reportRoundCornerTop, .reportRoundCornerBottom {
	height: 12px;
	width: 847px;
	margin-left: auto;
	margin-right: auto;
}

.reportRoundCornerTop {
	background: url('/img/reportRndTop.gif') left no-repeat;
}
.reportRoundCornerBottom {
	background: url('/img/reportRndBottom.gif') left no-repeat;
}

.form-error {
	color: #800000;
	margin-bottom: 8px;
}

#rating .star {
	width: 30px;
	height: 30px;
	background: url('/img/stars.gif') no-repeat;
	display: block;
	float: right;
}

#rating .empty {
	background-position: 0px 0px;
}
#rating .rating {
	background-position: 0px -30px;
}
#rating .full {
	background-position: 0px -60px;
}
#rating .partial-1 {
	background-position: 0px -90px;
}
#rating .partial-2 {
	background-position: 0px -120px;
}
#rating .partial-3 {
	background-position: 0px -150px;
}
#rating .partial-4 {
	background-position: 0px -180px;
}
#rating .partial-5 {
	background-position: 0px -210px;
}
#rating .partial-6 {
	background-position: 0px -240px;
}
#rating .partial-7 {
	background-position: 0px -270px;
}
#rating .partial-8 {
	background-position: 0px -300px;
}
#rating .partial-9 {
	background-position: 0px -330px;
}

#ratingInfo {
	color: #40e040;
}

#feed-message {
	margin-top: 20px;
	height: 20px;
}

#game_amounts {
    width: 136px;
    position: absolute;
    margin-left: 0px;
    margin-top: -8px;
    

}

.game-amount-footer {
	    background: url('/img/bottom_button.gif') center bottom no-repeat;
	    margin-top: -10px;
	    margin-left: 0px;
	    height: 20px;
}

.game-amount-item {
    cursor: pointer;
    background: url('/img/center_button.gif') repeat-y;
    
    color: gray;
    font-size: 1.2em;
    padding-left: 10px;
}

#gameAmountBtn {
    cursor: pointer;
}

.game-amount-hoover {
    color: red;
}

.pager {
    text-align: center;
    width: 680px;
    margin-left: auto;
    margin-right: auto;
    float: left;
    margin-top: 10px;
}

#newestCalendarContainer {

}
	#newestCalendarContainer h1 {
		margin-top: 12px;
		margin-bottom: 4px;
		font-size: 1.5em;
	}
	#newestCalendarContainer hr {
		color: #c0c0c0;
		background-color: #c0c0c0;
		margin-bottom: 12px;
		width: 99%;
		float: left;
	}
	#newestCalendarContainer select {
		width: 200px;
		margin-bottom: 40px;
	}
.gameDescDate {
	margin-top: -8px;
	font-weight: bold;
	color: #808080;
}



.re-search {
    background: transparent url(/img/search2.gif) no-repeat top left !important; 
    display: inline;
	border: 0px;
    width: 185px;
    height: 30px;
    padding-left: 10px;
    padding-top: 8px;
}

.re-search-submit {
    float: none !important;
    background-repeat: no-repeat !important;
    height: 22px !important;
    cursor: pointer;
}



#footer {
    background-color: white;
    height: 50px;
    clear: both;
}

#footer-container {
	width: 980px;
    margin: auto;
}
	
#footer ul {
    list-style-type: none;
    margin-left: 250px;	
    width: 700px;
}

#footer ul li {
	width: 120px;
    float: left;
    padding-left: 10px;
    padding-right: 10px;
    border-left: 1px solid #FFFFFF;
    border-right: 1px solid #FFFFFF;  
}

#footer ul li a {
    padding-top: 15px;
    font-family: verdana;
    font-weight: bold;
    font-size: 12px;
    color: rgb(147,149,150);
    text-align: center;
    height: 70%;
    width: 100%;
    display: block;
}

#footer ul li a:hover {
    color: rgb(107, 107, 107);
}

#footer ul li:hover {
    float: left;
    border-left: 1px solid #AAAAAA;
    border-right: 1px solid #AAAAAA;
    height: 50px;
    background:transparent url(/img/footerSelected.png) repeat-x center center;
}

#footer .logo {
    width: 150px;
    height: 30px;
    float: left;
    background:transparent url(/img/footerLogo.png) no-repeat;
    margin-top: 12px;
    position: relative;
}

.defaultValue {
	font-weight: bold;
	color: #7b7b7b;
}


#notice {
	width: 947px;
	padding: 6px 11px 10px 22px;
	background: white;
}

	#noticeTop {
		width: 936px;
		height: 9px;
		background: url('/img/noticeTop.png') top left no-repeat;
		line-height: 1;
		font-size: 0;
	}
	
	#noticeBox {
		width: 911px;
		background: url('/img/noticeBox.png') top left repeat-y;
		padding: 2px 11px 4px 14px;
	}
	
		#noticeTitle {
			font-size: 15px;
			font-weight: bold;
		}
		
		#noticeContent {
		
		}
		
	#noticeBottom {
		width: 936px;
		height: 9px;
		background: url('/img/noticeBottom.png') top left no-repeat;
		line-height: 1;
		font-size: 0;
	}



.plain {
	
}

	.plain h3 {
		margin-top: 12px;
	}
	
	.plain td {
		margin: 0;
		padding-right: 12px;
	}

	.plain a {
		color: blue;
	}
	
	.plain a:hover {
		color: red;
	}
	
#category-list {

}
	
	#category-list li {
		list-style-type: none;
		float: left;
		margin-left: 8px;
		padding: 2px 4px;
		border-style: solid;
		border-color: blue;
		border-width: 1px 1px 0 1px;
	}
	
	#category-list li.selected {
		background: #e0e0e0;
		border-color: red;
	}
	
	#category-list li.selected a {
		color: red;
	}

	#category-list li:hover {
		border-color: red;
	}
	
#game-page {
	border-collapse: collapse;
	margin-left: 48px;
	margin-top: 8px;
}

	#game-page tr:nth-child(even) {
		background: white;
	}
	#game-page .ie-even {
		background: white;
	}
	
	#game-page tr:nth-child(odd) {
		background: #f0f0f0;
	}
	
	#game-page .ie-odd {
		background: #f0f0f0;
	}
	
	#game-page tr:hover {
		background: #d0d0d0;
	}
	
	#game-page td {
		padding-top: 2px;
		padding-left: 2px;
		padding-bottom: 2px;
	}




#navi-embedded {
	border: 0 none;
	height: 82px;
	margin: 0;
	overflow: hidden;
	padding: 0;
	width: 100%;
}