/* general page styles */

body
{
	background-image: url("/online/games/beatles/graphics/bg.gif");
	background-repeat: repeat-x;
}

body
{
	width: 100%;
	padding: 0px;
	margin: 0px;
	font-family: arial, sans;
	font-size: 80%;
}

img
{
	border: 0;
}

h1
{
	font-size: 120%;
}

h2
{
	font-size: 110%;
}

h3
{
	font-size: 95%;
}


/* Banner */
div.title
{
	position: absolute;
	top: 15px;
	width: 92%;
	height: 86px;
	padding: 0% 5% 0% 2%;
	margin: 0%;
	z-index: 2;
}

div.title img
{
	float: left;
}

div.beatlesImg
{
	position: absolute;
	top: 5px;
	width: 94%;
	height: 141px;
	padding: 0% 0% 0% 5%;
	margin: 0%;
	z-index: 1;
}

div.beatlesImg img
{
	float: right;
}


/* Content */
div.content
{
	position: absolute;
	top: 120px;
	left: 0px;
	width: 95%;
	padding: 0% 2% 0% 2%;
	margin: 0;
	z-index: 3;
}

div.leftHandCol
{
	position: relative;
	width: 67%;
	padding: 0% 2% 0% 0%;
	margin: 0%;
	float: left;
}

div.rightHandCol
{
	position: relative;
	width: 30%;
	padding: 0;
	margin: 0;
	float: right;
}


div.ecard
{
	position: relative;
	width: 95%;
	border: 4px solid #cccccc;
	padding: 1% 2% 1% 2%;
	margin: 0%;
	text-align: center;
}

div.ecard div
{
	display: block;
	margin: 0.5em;
}

div.gamecard
{
	float: left;
	width: 26%;
	margin: 0em 0.3em 0em 0.3em;
	padding: 0.2em;
	border: 0.5em solid #cccccc;
	background: #99cccc;
	text-align: center;
}

div.gamecard div
{
	text-align: center;
	display: block;
	margin: 0 0 0.3em 0;
}


div.logo
{
	clear:both;
	padding:1.5em 0 0 0;
}


/* Game bits */

p.imHolder
{
	text-align: center;
}

div.game1
{
	position: relative;
	width: 45%;
	padding: 0px;
	margin: 0px;
	border: 4px solid #cccccc;
	background: #99cccc;
	float: left;
}

div.game2
{
	position: relative;
	width: 45%;
	padding: 0px;
	margin: 0px;
	border: 4px solid #cccccc;
	background: #99cccc;
	float: right;
}

.game1 p, .game2 p, p.answer
{
	text-align: center;
	font-weight: bold;
}

.game1 a, .game2 a, h2 a
{
	color: #000000;
	text-decoration: none;
}



h1.g2h1
{
	font-family: arial, sans;
	font-size: 100%;
}

.imgLink
{
	border: none;
}

div.oneColumn
{
	position: relative;
	width: 90%;
	padding: 0% 5% 0% 5%;
	margin: 0%;
}

div.yesterday
{
	position: relative;
	width: 95%;
	border: 4px solid #cccccc;
	padding: 0% 2% 0% 2%;
	margin: 0%;
	background: #99cccc;
}

.leftHandCol .imHolder img
{
	border: 6px solid #cccccc;
}


/* Game 3 */
img.left
{
	float: left;
	margin: 0 0.5em 0 0;
}

a.gamelink
{
	background-color: #99CCCC;
	color: #000000;
	padding: 0.3em;
	font-weight: bold;
	font-size: 120%;
	border: 0.1em solid #cccccc;
}

a.gamelink:link
{
	text-decoration: none;
}
a.gamelink:visited
{
	text-decoration: none;
}
a.gamelink:hover
{
	color: #ffffff;
}

div.gamecardmini
{
	margin: 0em 0.3em 0.3em 0.3em;
	padding: 0.5em;
	border: 0.5em solid #cccccc;
	background: #99cccc;
	text-align: center;
	font-weight: bold;
	color: #000000;
}

div.gamecardfull div
{
	text-align: center;
	display: block;
	margin: 0 0 0.3em 0;
}

div.gamecardmini a
{
	text-decoration: none;
	color: #000000;
}
div.gamecardmini a:hover
{
	color: #ffffff;
}

div.clear
{
	clear: both;
}

/* Which Beatle Are You */

div.righthandgraphic
{
	width: 90%;
	border: 6px solid #CCCCCC;
	padding: 5% 5% 5% 5%;
	margin: 2% 0% 0% 0%;
	background: #99cccc;
}
div.righthandgraphic img
{
	display: block;
	margin: 0 auto;
	text-align: center;
}
div.slightindent
{
	margin: 0% 0% 0% 1%
}
div.slightindent img.imglayright
{float:right
}
div.radiobuttonlist
{
	width:95%;
	padding: 2% 2% 2% 2%;
}
div.radiobuttonlist label
{
	font-size: 100%;
	padding: 0% 0% 0% 1%;
}

div.navbuttons
{
	float: left;
}
div.navbuttons input
{
	border: 3px solid #CCCCCC;
	font-size: 150%;
	font-weight: bold;
	background: #99cccc;
	padding: 0.5% 0.5% 0.5% 0.5%;
}
div.navbuttons input:hover
{
color:#FFFFFF
}

.resultsbanner
{
	width: 75%;
	border: 6px solid #CCCCCC;
	padding: 2% 2% 0% 2%;
	margin: 0% 0% 0% 0%;
	background: #99cccc;
}
.resultsbanner h1
{
	font-size: 250%;
	font-weight: strong;
}
.resultsbanner h2
{
	font-size: 200%;
}
.resultsbanner img
{
	float: right;
	padding: 0% 0% 0% 3%;
}
p.smallprint
{font-size:75%}

div.breadcrumbs
{
    margin-top: 0.4em;
    margin-right: 0pt;
    margin-bottom: 0.75em;
    margin-left: 0;
}