@charset "utf-8";
/* CSS Document */
html{ position:relative; width:100%;}
body {
	position:relative; 
	font-size: 14pt;
	margin: 0px;
	padding: 0px;
	font-family: "Courier New", Courier, monospace;
	width:100%;

}
a:link {
	border: none;
	text-decoration: none;
}
h1 {
	font-size: 18pt;
}
.maxWidth {
	width: 100%;
	margin: 0 auto;
}
#pageText {
	margin: 5px;
}
img {
	border: none;
}
.tags{font-size:10pt; color:#097F00;}
#mainLayout {
	padding: 5px;
}
.header {
	position: relative;
	padding: 2px;
	width:100%;
	margin-bottom: 5px;
	background: url(http://www.guessthelogo.com/images/sb.gif);
	min-height: 52px;
}
#facebookHeader {
	margin: 0 auto;
	width: 42px;
}
#footer {
	position: relative;
	margin-top: 10px;
	clear: left;
	text-align: center;
}
.text {
	padding: 5px;
	margin: 3px;
}
.text p{
	margin:0px; padding:0px;
}
.logo-container {
	position: relative;
	float: left;
	z-index: 5000;
}
.logo-container img {
	position: absolute;
	top: 3px;
	left: 3px;
	height: inherit;
}
.menu-container {
	position: relative;
	float: right;
	cursor: pointer;
}
.menu-container img {
	height: 44px;
}
.goog-ad {
	position: relative;
	clear: both;
	max-width: 100%;
	text-align: center;
	margin-top: 25px;
	margin-bottom: 10px;
}
.game-points {
	position: relative;
	float: left;
	background: #000;
	padding: 5px;
	color: #fff;
	border-radius: 9px;
	margin-left: 3px;
}
.guesses-left {
	position: relative;
	float: right;
	background: #000;
	padding: 5px;
	color: #fff;
	border-radius: 9px;
	margin-right: 3px;
}
.ticker {
	display: inline;
	padding: 1px;
	background: #fff;
	color: #000;
	border-radius: 10px;
}
.question {
	position: relative;
	overflow: hidden;
	clear: both;
	margin-top: 3px;
	margin-bottom: 8px;
}
#timerBarOuter {
	position: relative;
	width: 100%;
	height: 25px;
	border: 2px #fff solid;
	border-radius: 5px;
	background: #e1e1e1;
	margin: 0px;
	z-index: 10;
	margin-bottom: 8px;
}
#timerBarInner {
	position: relative;
	width: 100%;
	height: 25px;
	background: #ffb90b;
	border-radius: 5px;
}
.percent {
	position: absolute;
	right: 48%;
	top: -7px;
	padding-left: 8px;
	color: #fff;
	font-weight: bold;
	padding-right: 8px;
	text-align: center;
	font-size: 14pt;
	height: 35px;
	line-height: 35px;
	border-radius: 25px;
	border: 2px solid #fff;
	background: #03C;
}
#gameArea {
	position: relative;
	width: auto;
	margin: 0 auto;
	overflow: hidden;
	min-height: 200px;
	z-index: 0;
	margin-top: 10px;
}
/* Game styling */

ul.questions {
	list-style: none;
	padding: 0px;
	margin: 0px;
	font-size: 22pt;
}
ul.questions li {
	display: none;
	text-align: center;
}
.questions p {
	display: none;
}
ul.logos {
	position: relative;
	z-index: 10;
	list-style: none;
	padding: 0px;
	margin: 0 auto;
	position: relative;
	top: 0px;
	left: 0px;
	display: none;
	max-width: 508px;
	height: 25%;
	text-align: center;
	-ms-overflow-style: none;
}
ul.logos li {
	position: relative;
	float: left;
	margin: 0px;
	display: inline-block;
	width: 50%;
	overflow: hidden;
	max-width: 250px;
}
ul.logos li span {
	display: none;
	top: 0px;
	left: 0px;
	width: 50%;
	max-width: 250px;
	vertical-align: middle;
	background: #d4ffcc;
	font-weight: bold;
	font-size: 16pt;
}
ul.logos li:nth-of-type(odd) {
	clear: left;
}
ul.logos li img {
	position: relative;
	cursor: pointer;
	top: 0px;
	left: 0px;
	display: block;
	width: 100%;
	padding: 0px;
	margin: 0px;
}
ul.logos li:hover {
	background: #fb8d1a;
}
ul.logos li:active {
	background: #95d456;
}
ul.logos li.true2 {
	text-align: center;
	background: #d4ffcc;
}
ul.logos li.wrong {
	text-align: center;
	background: #ffcccd;
}
/* Start Game / Ad Pad */

#startGame {
	position: absolute;
	width: 100%;
	top: 45px;
	left: 0px;
	z-index: 500;
	padding-top: 5px;
	
}
#startGame-adRight {
	position: relative;
	text-align: center;
	margin-top: 20px;
	z-index: 499;
	display: none;
}
#gameInfoOuter {
	position: relative;
	max-width: 440px;
	top: 25px;
	margin: 0 auto;
	height: auto;
	border: #039 solid 3px;
	border-radius: 10px;
	padding:3px;
	background: #06C;
	box-shadow: 5px 5px 5px #888888;

}
#gameInfo {
	position: relative;
	color: #fff;
	opacity: 0.95;
	border-radius: 8px;
	border: 2px solid #fff;
	padding:5px;
}
.gameInfoBox{
	padding:3px;
	display:none;
	
}
#gameInfo h1 {
	font-size: 16pt;
	margin: 0px;
	padding: 0px;
}
#gameInfo p {
	margin: 0px;
	padding: 0px;
	font-size: 12pt;
}
#gameInfo a {
	color: #FC3;
}
#gameInfo a:hover {
	color: #FF3;
}
.box{
	display:none;
}
#startGame-startButton {
	position: relative;
	margin: 0 auto;
	margin-top: 10px;
	margin-bottom: 10px;
	border: #360 solid 3px;
	border-radius: 10px;
	cursor: pointer;
	max-width: 250px;
	font-weight: bold;
	text-align: center;
	font-size: 14pt;
	/* For IE8 and earlier */
    
	color: #fff;
	z-index: 499;
}
#startGame-StartButtonInner {
	position: relative;
	padding: 5px;
	color: #fff;
	background: #390;
	opacity: 0.95;
	border-radius: 8px;
	border: 1px solid #fff;
}
#startGame-StartButtonInner:hover {
	background: #360;
}
#startGame-startButton img {
	vertical-align: middle;
	margin-right: 5px
}
#continue-startButton {
	position: relative;
	cursor: pointer;
	margin: 0 auto;
	min-width: 50%;
	max-width: 70%;
	background: #b5d126;
	display: none;
	line-height: 60px;
	font-weight: bold;
	text-align: center;
	-webkit-box-shadow: 0px 0px 10px rgba(50, 50, 50, 0.9);
	-moz-box-shadow: 0px 0px 10px rgba(50, 50, 50, 0.9);
	box-shadow: 0px 0px 10px rgba(50, 50, 50, 0.9);
	font-size: 18pt;
	border-radius: 5px;
	opacity: 0.95;
	/* For IE8 and earlier */
    
	color: #fff;
	z-index: 499;
}
#continue-startButton:hover {
	color: #fff;
}
#continue-startButton img {
	vertical-align: middle;
	margin-right: 5px
}
.startGame-adRight-title {
	position: absolute;
	left: 0px;
	top: -22px;
	text-align: center;
	white-space: nowrap;
	font-size: 10pt;
	color: #000;
}
/* Game Over Styles */
#gameOver {
	position: relative;
	max-width: 450px;
	margin: 0 auto;
	top: 0px;
	width: auto;
	height: auto;
	border: #039 solid 3px;
	border-radius: 10px;
	display: none;
	margin-bottom: 0px;
	top: 15px;
}
#gameOverInner {
	position: relative;
	padding: 5px;
	color: #fff;
	background: #06C;
	opacity: 0.95;
	border-radius: 8px;
	border: 1px solid #fff;
	text-align: center;
	overflow: hidden;
}
#gameOverInner h1 {
	margin: 0px;
	padding: 0px;
	font-size: 18pt;
}
.gameOver{display:none; text-align:center;}
/* Menu Styles */


ul.menu {
	position: absolute;
	list-style: none;
	padding: 0px;
	margin: 0px;
	right: 0px;
	display: none;
	background: url(http://www.guessthelogo.com/images/sb.gif);
	z-index: 501;
	width: 100%;
	top: 50px;
	overflow: hidden;
	padding-bottom: 5px;
	padding-top:5px;
}
ul.menu li a {
	position: relative;
	margin-top:5px;
	padding: 0px;
	width: 51%;
	float:right;
	clear:right;
	line-height: auto;
	font-size: 18px;
	font-size: 6.25vw;
	overflow: hidden;
	background: #0C6;
	cursor: pointer;
	padding-left:15px;
	border-top-left-radius:2em;
	border-bottom-left-radius:2em;

}
ul.menu li:nth-child(1) a {
	
	position: relative;
 
	padding: 0px;
	width: 40%;
	float:left;
	line-height: auto;
	text-align:center;
	font-size: 16px;
	font-size: 4vw;
	overflow: hidden;
	background:none;
	cursor: pointer;

}
ul.menu li a img {
 max-width: 38%;
    height: auto;
    width: auto\9; /* ie8 */
}
ul.menu li div {
}
ul.menu li a:hover {
	background: #fb8d1a;
}
ul.menu li:nth-child(1) a:hover {
	background: none;
}
ul.menu li:active {
	background: #95d456;
}
/* Game List */


ul.gameList {
	position: relative;
	margin: 0 auto;
	list-style: none;
	padding: 0px;
	margin: 0px;
	top: 10px;
	right: 0px;
	z-index: 501;
	overflow: hidden;
}
ul.gameList li a {
	position: relative;
	float: left;
	margin: 0px;
	margin: .5%;
	padding: 1%;
	width: 47%;
	overflow: auto;
	background: #0C6;
	cursor: pointer;
}
ul.gameList li a {
	text-decoration: none;
}
ul.gameList li div {
}
ul.gameList li img {
	cursor: pointer;
	display: block;
	width: 150px;
	height: inherit;
}
ul.gameList li a:hover {
	background: #fb8d1a;
}
ul.gameList li:active {
	background: #95d456;
}
/* Car Logos Game */

#gameLogos ul {
	list-style: none;
	padding: 0px;
	margin: 0px;
	position: relative;
	top: 0px;
	left: 0px;
	max-width: 500px;
	margin: 0 auto;
	clear: left;
	max-width: 508px;
	height: 25%;
	text-align: center;
	-ms-overflow-style: none;
}
#gameLogos ul li span {
	display: none;
	line-height: normal;
}
#gameLogos ul li {
	position: relative;
	float: left;
	margin: 0px;
	display: none;
	width: 50%;
	overflow: hidden;
	max-width: 250px;
}
#gameLogos ul img {
	position: relative;
	cursor: pointer;
	top: 0px;
	left: 0px;
	display: block;
	width: 100%;
	padding: 0px;
	margin: 0px;
}
#gameLogos ul li:hover {
	background: #fb8d1a;
}
#gameLogos ul li:active {
	background: #95d456;
}
#gameLogos ul li.true2 {
	background: #d4ffcc;
	line-height: 100%;
	text-align: center;
}
#gameLogos ul li.wrong {
	background: #ffcccd;
	line-height: 100%;
	text-align: center;
}
#gameLogos ul li span {
	text-align: center;
	display: none;
}
#questions ul {
	list-style: none;
	margin: 0px;
	padding: 0px;
}
#questions ul li {
	font-size: 22pt;
	display: none;
	text-align: center;
}
#gameLength {
	display: inline;
}
.logo2 {
	display: none;
}
/* End Car Logos Game */ 
#nextQuestion {
	position: absolute;
	top: -6px;
	left: 50%;
	-webkit-box-shadow: 3px 3px 3px 2px #111;  /* Safari 3-4, iOS 4.0.2 - 4.2, Android 2.3+ */
	-moz-box-shadow: 3px 3px 3px 2px #111;  /* Firefox 3.5 - 3.6 */
	box-shadow: 3px 3px 3px 2px #111;  /* Opera 10.5, IE 9, Firefox 4+, Chrome 6+, iOS 5 */
	/*set to a negative number 1/2 of your height*/
	margin-left: -90px;
	; /*set to a negative number 1/2 of your width*/
	cursor: pointer;
	display: none;
	width: 180px;
	text-align: center;
	background: #396;
	border: 1px solid #360;
	padding-top: 3px;
	padding-bottom: 3px;
	color: #fff;
	z-index: 1000;
}
#question {
	font-size: 1em;
	line-height: normal;
	text-align: left;
}
#question img {
	margin-right: 3px;
}
.alignLeft {
	position: relative;
	display: block;
	padding-right: 3px;
	float: left;
	margin-right: 3px;
}
#nextQuestion:hover {
	background: #069;
}
#gamePad {

}
#gamePad ul {
	display:inline-block;
	overflow:hidden;
	float:left;
	list-style: none;
	padding: 0px;
	margin: 0px;
	max-width:1020px;

	


}
#gamePad ul li, ul#inGamePickAnother li {
	margin: 0px;
	float: left;
	margin-right: 2px;
	width: 330px;
	padding: 3px;
	height: 132px;
	border: 1px solid #fe2a00;
	overflow: hidden;
	margin-bottom: 5px;
	font-size: 10pt;
}
#gamePad ul li.categoryAd {
	width: 336px;
	padding: 0px;
	height: 283px;
	vertical-align:central;
}
#gamePad ul li.categoryAd2 {
	float: right;
}
#gamePad ul li.categoryAd img {
	width: auto;
	height: auto;
}
#gamePad ul li img, ul#inGamePickAnother li img {
	position: relative;
	float: left;
	margin-right: 10px;
	width: 60px;
	height: 60px;
}
#gamePad ul li .play, ul#inGamePickAnother li .play {
	position: relative;
	clear: left;
	float: left;
	width: 60px;
	height: 45px;
	margin-right: 10px;
	margin-top: 10px;
	overflow: hidden;
}
#gamePad ul li .play a, ul#inGamePickAnother li .play a {
	display: block;
	line-height: 45px;
	color: #fff;
	text-align: center;
	font-size: 14pt;
	letter-spacing: 2px;
	border: solid 1px #da7c0c;
	text-shadow: 0 1px 1px rgba(0,0,0,.3);
	-webkit-box-shadow: 0 1px 2px rgba(0,0,0,.2);
	-moz-box-shadow: 0 1px 2px rgba(0,0,0,.2);
	box-shadow: 0 1px 2px rgba(0,0,0,.2);
	color: #fef4e9;
	background: #f78d1d;
	background: -webkit-gradient(linear, left top, left bottom, from(#fdba31), to(#dea021));
	background: -moz-linear-gradient(top, #fdba31, #dea021);
 filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#fdba31', endColorstr='#dea021');
	text-decoration: none;
}
#gamePad ul li .play a:hover, ul#inGamePickAnother li .play a:hover {
	background: #f47c20;
	background: -webkit-gradient(linear, left top, left bottom, from(#f88e11), to(#f06015));
	background: -moz-linear-gradient(top, #f88e11, #f06015);
 filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#f88e11', endColorstr='#f06015');
}
#gamePad ul li:first-child {
	border:none;
}

#gamePad ul li:nth-child(3n+1) {
}
#gamePad ul li:nth-child(5n+1) {
}
#gamePad ul li .text {
	position: relative;
	font-size: 12pt;
	overflow: hidden;
}
#gamePad ul li a {
	text-decoration: none;
}
#gamePad ul li h3 {
	font-size: 16pt;
	margin: 0px;
	padding: 0px;
}
#gamePad ul li p {
	margin: 0px;
	padding: 0px;
}
ul.gameMenu {
	position: relative;
	overflow: hidden;
	float: left;
	margin: 0px;
	padding: 0px;
	list-style: none;


}
ul.gameMenu li {
	position:relative;
	border:#000 solid 3px;;
	margin-left:5px;
	color: #fff;
	float: left;
	overflow: hidden;
	border-radius: 6px;
	cursor:pointer;
	display:none;
	
}
ul.gameMenu li a{
	display:block;
	color:#fff;
	font-weight:bold;
	background:#0cb3e6;
	padding-left:5px;
	padding-right:5px;
	line-height:25px;
	border-radius: 3px;
	border:#fff solid 1px;
	
	
}



ul.gameMenu li#gameInfo2 a{ background:#0cb3e6; color:inherit; }
ul.gameMenu li#gameInfo2{ border:#0091bd solid 3px;  }
ul.gameMenu li#howToBox{ border:#afafaf solid 3px;}
ul.gameMenu li#howToBox a{ background:#d0d1d1;  color:#000;  }
ul.gameMenu li#triviaBox{ border:#ca0a69 solid 3px; }
ul.gameMenu li#triviaBox a{ background:#dc227e; color:inherit; }
ul.textContainer {
	margin: 0px;
	padding: 0px;
	list-style: none;
}
ul.gameMenu li#gameInfo2 a:hover {	background: #efbf00;}
ul.gameMenu li#howToBox a:hover {	background: #efbf00;}
ul.gameMenu li#triviaBox a:hover {	background: #efbf00;}
ul.gameMenu li#gameInfo2:hover { border:#cf9700 solid 3px;}
ul.gameMenu li#howToBox:hover {	 border:#cf9700 solid 3px;}
ul.gameMenu li#triviaBox:hover {	 border:#cf9700 solid 3px;}
ul.textContainer li {
	display: none;
	margin: 0px;
	padding: 0px;
}
#howToPlay {
	display: none;
}
ul.tinyMenu{
	position:relative;
	list-style:none;
	width:280px;
	margin:0 auto;
	padding:0px;
	margin:0 auto;
	font-size:18pt;
	text-align:center;
	font-weight:bold;

}
ul.tinyMenu li{
	position:relative;
	float:left; 
	margin-right:10px;
	width:53px;
	height:53px;
	background:#2d9315;
	border:3px solid #015db9;
	background-position:bottom right;
	background-repeat:no-repeat;
	border-radius:5px;
	
}
ul.tinyMenu li.basketball{
	background-image: url(http://www.guessthelogo.com/images/tiny-basketball.png);
}
ul.tinyMenu li.football{
	background-image: url(http://www.guessthelogo.com/images/tiny-football.png);
}
ul.tinyMenu li.baseball{
	background-image: url(http://www.guessthelogo.com/images/tiny-baseball.png);
}
ul.tinyMenu li.hockey{
	background-image: url(http://www.guessthelogo.com/images/tiny-puck.png);
}
ul.tinyMenu li:last{margin-right:0px;}

.styled fieldset, .styled fieldset ol, .styled fieldset li {border: none; padding: 0; margin: 0;}
.styled {font-family: Arial, sans-serif; font-size: 15px; margin:0px; }
.styled fieldset {padding: 5px; padding-left:0px; }
.styled input.text-input {background: none; border: 1px solid #ccc; padding: 5px; width: 327px; font-size: 18px; line-height: 1.5em;}


#inGamePad {
	display:none;
}
#inGamePad ul {
	list-style: none;
	padding: 0px;
	margin: 0px;
	overflow: hidden;
}
#inGamePad ul li {
	margin: 0px;
	float: left;
	margin-right: 3px;
	width: 60px;
	border: 1px solid #fe2a00;
	overflow: hidden;
	margin-bottom: 3px;
	font-size: 10pt;
	padding-top:63px;
	background-position:center;

}


#inGamePad ul li .play {
	position: relative;
	clear: left;
	width: 58px;
	height: 45px;
	overflow: hidden;
}
#inGamePad ul li .play a {
	display: block;
	line-height: 45px;
	color: #fff;
	text-align: center;
	font-size: 14pt;
	letter-spacing: 2px;
	border: solid 1px #da7c0c;
	text-shadow: 0 1px 1px rgba(0,0,0,.3);
	-webkit-box-shadow: 0 1px 2px rgba(0,0,0,.2);
	-moz-box-shadow: 0 1px 2px rgba(0,0,0,.2);
	box-shadow: 0 1px 2px rgba(0,0,0,.2);
	color: #fef4e9;
	background: #f78d1d;
	background: -webkit-gradient(linear, left top, left bottom, from(#fdba31), to(#dea021));
	background: -moz-linear-gradient(top, #fdba31, #dea021);
 filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#fdba31', endColorstr='#dea021');
	text-decoration: none;
}
#inGamePad ul li .play a:hover {
	background: #f47c20;
	background: -webkit-gradient(linear, left top, left bottom, from(#f88e11), to(#f06015));
	background: -moz-linear-gradient(top, #f88e11, #f06015);
 filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#f88e11', endColorstr='#f06015');
}
#inGamePad ul li a {
	text-decoration: none;
}

#inGamePad ul li p {
	margin: 0px;
	padding: 0px;
}
.pickYourFavoriteBrand{ position:relative; color:#000; padding:3px; background:#fff; text-align:center; border-bottom-left-radius:5px;
	border-bottom-right-radius:5px; clear:both;}
.pickYourFavoriteBrand h3{margin:0px; padding:0px; width:100%; background:#B6E8F3;}
ul#favoriteBrand { position:relative; overflow:hidden; background:#fff; color:#fff; list-style:none; margin:0px; padding:0px; padding-left:28px;}
ul#favoriteBrand li{ position:relative; float:left; margin-right:3px; width:123px; height:123px; margin-top:3px; cursor:pointer;}
ul#favoriteBrand li img{position:relative;}
ul#favoriteBrand li img:hover{ position:absolute; top:-3px; left:-3px; width:128px; height:128px;}
.gameImageStyle{position:relative; float:left; width:60px; height:60px; border-radius: 5px; margin-right:3px; margin-bottom:3px; border:2px solid #039;}
.voteImage{position:relative;margin-top:5px; text-align:center;}

.voteText{ position:relative;}
.submitButton, .inputText, .dropDown{position:relative; margin:0px; padding:0px; left:0px; width:250px;; height:35px; line-height:35px; padding-left:3px; padding-right:3px; font-size:16pt; margin-bottom:5px; text-align:center;}
.submitButton{cursor:pointer;}

.tryAgain{ position:relative;  margin:0 auto; margin-top:5px; background:#D49E00; border-radius:5px; border:3px solid #000; width:225px; text-align:center; padding:3px; color:#fff;}
.tryAgainInner{position:relative; border:1px solid #fff; border-radius:4px; padding:3px; }
.tryAgain:hover{background:#0075AD;}
.green{background:#01971B;}


ul.pizzaVote{ position:relative; margin:0px; padding:0px; list-style:none; }
ul.pizzaVote li{position: relative; margin:0px; padding:0px; width:100%; text-align:left; margin-top:40px; margin-bottom:28px; clear:right;}
ul.pizzaVote li img{position:absolute; left:10px; top:0px; width:50px; height:50px; z-index:1000; border:1px solid #000; top:-15px;}
.votesLine{position: relative; margin:0px; padding:0px; width:100%; background:#8C5D5E; line-height:25px; height:25px; padding-left:65px; padding-right:6px; color:#fff; font-weight:bold; text-align:right;}

.gameLengthBox { position:relative; width:250px; margin:0 auto;}
.gameLengthBox ul{ position:relative; padding:0px; margin:0px; list-style:none; margin-top:5px; margin-left:25px; }
.gameLengthBox ul li{ position:relative; float:left; color:#fff; background:#036B4C; border:2px solid #01522D; text-align:center; padding-left:25px; padding-right:25px; line-height:30px; border-radius:5px; cursor:pointer;}
.gameLengthBox ul li:nth-child(2){ border:none; background:none; color:#000; padding-left:5px; padding-right:5px; cursor:default;}
.gameLengthBox ul li:hover{background:#6B8800;}
.gameLengthBox ul li:nth-child(2):hover{background:none;}
.googleAd-300x600{position:relative; float:left; margin-left:5px;}
.recommendButton{position:relative; text-align:center; margin-bottom:5px; background:#fff; padding:4px; border-radius:3px; width:180px; margin:0 auto;}
ul#inGamePickAnother{ position: relative; margin:0 auto; padding:0px; list-style:none; margin-top:5px; width:338px; background:#fff; margin-bottom:5px; }
ul#inGamePickAnother li{ float:none; height:auto; color:#06C; text-align:left;}
ul#inGamePickAnother li .play {float:right;}
ul#inGamePickAnother li h3 {font-size:18px;}