body {
	font-family: Arial;
	font-size: 12px;
	color: #333333;
}

.container
{
    margin: 0px;
	padding: 0px;
    width: 780px;
    height: 600px;
	top:0px;
	left: 0px;
    position:absolute;
   	overflow: hidden;
	background-color: #f27f6d;
	background-repeat: no-repeat;
	background-position: 0px 0px;
	background-image:url('../images/logo.png');
}

#loading {
	font-size: 14px;
	background-color: #fff;
	height: 460px;
	padding-top: 240px;
	text-align: center;
	width: 780px;
	position: absolute;
	line-height: 18px;
	z-index: 100000;
	left: 0;
	top: 0;
	color: #999;
}

#blocker {
	position: absolute;
	width: 780px;
	height: 600px;
	background-color: #fff;
	opacity:0.8;
	filter:alpha(opacity=80); /* For IE8 and earlier */
}

#grid {
	position: absolute;
	top: 20px;
	left: 270px;
}

.square {
	position: absolute;
	width: 156px;
	height: 156px;
	background: #fbd9d3;
	cursor: pointer;
}

.square:hover {
	background: #fff;
}

.bingo-heading {
	position: absolute;
	top: 10px;
	left: 10px;
	color: #f27f6d;
	font-family: Georgia;
	font-size: 20px;
}

.bingo-text {
	display: block;
	position: absolute;
	top: 56px;
	left: 10px;
	width: 136px;
	line-height: 13px;
	
}

.bingo-number {
	position: absolute;
	top: 5px;
	right: 5px;
	width: 37px;
	height: 37px;
	background-repeat: no-repeat;
	background-position: 0px 0px;
}

.tick {
	position: absolute;
	left: 15px;
	top: 30px;
	opacity:0.7;
	filter:alpha(opacity=70); /* For IE8 and earlier */
	display: none;
}

.pointer {
	cursor: pointer;
}

#bingo-number_0 {
	background-image:url('../images/one.png');
}

#bingo-number_1 {
	background-image:url('../images/two.png');
}

#bingo-number_2 {
	background-image:url('../images/three.png');
}

#bingo-number_3 {
	background-image:url('../images/four.png');
}

#bingo-number_4 {
	background-image:url('../images/five.png');
}

#bingo-number_5 {
	background-image:url('../images/six.png');
}

#bingo-number_6 {
	background-image:url('../images/seven.png');
}

#bingo-number_7 {
	background-image:url('../images/eight.png');
}

#bingo-number_8 {
	background-image:url('../images/nine.png');
}


#intro-text {
	display: block;
	position: absolute;
	font-size: 14px;
	line-height: 16px;
	top: 370px;
	left: 20px;
	width: 230px;
	color: #fff;
}

#progress-text {
	position: absolute;
	font-size: 30px;
	bottom: 95px;
	left: 20px;
	color: #333;
	width: 230px;
	font-family: Georgia;
}

#bingo-button {
	position: absolute;
	right: 20px;
	bottom: 15px;
	width: 156px;
	height: 59px;
	background-repeat: no-repeat;
	background-position: 0px 0px;
	background-image:url('../images/bingo-button.png');
	opacity:0.5;
	filter:alpha(opacity=50); /* For IE8 and earlier */
}

#milli-face {
	position: absolute;
	top: 110px;
	left: 20px;
}

#ed-miliband {
	position: absolute;
	top: 275px;
	left: 20px;
}

#dead-call-text {
	position: absolute;
	bottom: 60px;
	left: 480px;
	font-weight: bold;
	color: #666;
}

#dead-call-button {
	position: absolute;
	bottom: 20px;
	left: 480px;
	width: 100px;
	height: 30px;
	background-repeat: no-repeat;
	background-position: 0px 0px;
	background-image:url('../images/dead-call.png');
}

#pop-up {
	position: absolute;
	width: 500px;
	height: 300px;
	top: 125px;
	left: 140px;
	background-color: #f27f6d;
	display: none;
}

.end-nick {
	position: absolute;
	bottom: 0px;
	right: 0px;
}

.end-line {
	position: absolute;
	bottom: -50px;
	left: 0px;
	font-family: Georgia;
	color: #fff;
	font-size:20px;
	text-align: center;
	width: 500px;
	height: 30px;
	padding: 10px 0 10px 0;
	background-color: #333;
}

.bubble {
	position: absolute;
	top: -60px;
	left: 0px;
	width: 260px;
	height: 227px;
}

#end-num {
	position: absolute;
	top: 182px;
	left: 157px;
	font-family: Georgia;
	color: #f27f6d;
	font-size:30px;
	text-align: center;
	width: 30px;
	height: 30px;
}

#share-group {
	position: absolute;
	bottom: 20px;
	left: 20px;
	height: 50px;
	width: 200px;
}

#share-group p {
	display: block;
	position: absolute;
	bottom: 0px;
}

.share-button {
	position: absolute;
	bottom: 0px;
	width: 30px;
	height: 30px;
	cursor: pointer;
	background-repeat: no-repeat;
	background-position: 0px 0px;
}

#twitter-button {
	left: 100px;
	background-image:url('../images/twitter.png');
}

#fb-button {
	left: 50px;
	background-image:url('../images/facebook.png');
}

#email-button {
	left: 150px;
	background-image:url('../images/email.png');
}
