/* 
= CSS Document  ==========================
	
	Site: 			FreeBingo.net
	Author: 		Jon Park | Union Room
	Created: 	9th October, 2007
	Updated: 	
	Copyright: (c) 2007, FreeBingo.net.
	
=======================================
*/

/* === Tags & Global Elements === */
* { margin: 0px; padding: 0px; }
html { font-size: 100%; }
body {
	font-size: 62.5%;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	background: #5F64C2;
}

a { color: #EC008C; text-decoration: none; }
a:hover { color: #5E63C1; }
a img { border: none; }
	
p { padding-bottom: 10px; }

/* === IDs & Classes === */
.imgReplace { background-position: top; background-repeat: no-repeat; display: block; }
.imgReplace span { width: 0px; height: 0px; overflow: hidden; display: block; }

/* === Structure Elements === */
.structure { display: table; }

span.framebox {display: block;background: #fff;padding: 5px; margin-bottom: 10px; color: #000; border: 1px solid #5E63C1;}

div#wrapper { width: 870px; margin: 0 auto 30px auto; padding: 0 0 10px 0; background: url(../img/divWrapper.gif) repeat-y top; }
div#hdr { width: 100%; padding: 55px 0 0 0; background: url(../img/divHdr.png) no-repeat top; }
div#content { width: 870px; padding: 0 0 20px 0; margin: 0 auto; background: url(../img/divContent.png) no-repeat left; }
div#sidebar { width: 145px; margin: 0 0 0 55px; float: left; }
div#body { width: 605px; margin: 0 55px 0 0; float: right; }
div#ftr { width: 870px; height: 120px; margin: 0 auto; top: -120px; background: url(../img/divFtr.gif) no-repeat top left; position: relative; }
div#footer { text-align: center;  width: 870px; height: 60px; margin: 0 auto; top: 60px; position: relative; }

div#hdr .login { width: 100%; margin: 10px auto; padding: 7px 0 10px 0; background: url(../img/divHdrLogin.gif) no-repeat top; float: left; }

div#mainMenu { width: 145px; padding: 0 0 5px 0; background: url(../img/divMainMenu.gif) repeat-x top left; }
div#mainMenu .rounded { height: 5px !important; background-image: url(../img/divMainMenuRounded.gif); }

div#adverts { width: 145px; margin: 10px 0 0 0; background: url(../img/divMainMenu.gif) repeat-x top left; }
div#adverts .rounded { height: 5px; background-image: url(../img/divMainMenuRounded.gif); }
div#adverts .inner { width: 139px; margin: 0 0 0 4px; background: url(../img/ulMainMenu.png) repeat-y; float: left; }
div#adverts .inner .rounded { width: 139px; height: 15px; background-image: url(../img/liMainMenuTop.gif); }

div.bodyContent { width: 605px; margin: 10px 0 0 0; float: right; }
div.rounded { width: 100%; height: 10px; background-repeat: no-repeat; background-position: top left; float: left; clear: both; }

div#bodyTop { margin: 0; background: url(../img/divBodyTop.gif) repeat-x top left; }
div#bodyTop .rounded { background-image: url(../img/divRounded-wide.gif); }
div#bodyTop .container { width: 570px; margin: 0 auto; }

div#three { width: 279px; height: 305px; margin: 0 0 0 0; background-image: url(../img/divThree.jpg); float: left; }
div#three p { text-align: center; position: relative; top: 245px; }
div#registration { width: 279px; height: 305px; background: url(../img/divRegistration.gif) no-repeat top; float: right; }
div#registrationNew { width: 279px; height: 541px; background: url(../img/reg-background.gif) no-repeat top; float: right; }
div#myaccountbox { width: 279px; height: 305px; background: url(../img/divRegistration.gif) no-repeat top; float: left; }

div#bingodiff { width: 605px; height: 312px; background: url(../img/bottom-bgd.gif) no-repeat top; float: left;}



div#lpthree { width: 279px; height: 305px; margin: 0 0 0 0; background-image: url(../img/divThree.gif); float: left; }
div#lpthree p { text-align: center; position: relative; top: 50px; }

div#lpthreeNew { width: 279px; height: 541px; background: url(../img/reg-background.gif) no-repeat top; float: left; }
div#lpthreeNew p { text-align: center; position: relative; top: 50px; }

table#quickRegForm { margin: 0 auto; color: #333; background: url(../img/tableQuickRegForm.gif) no-repeat 95% 100%; }
table#quickRegForm th { padding: 3px; font-size: 1.1em; font-weight: normal; text-align: right; }
table#quickRegForm td { padding: 3px; }
table#quickRegForm td.ta_centre { padding: 15px 3px 25px 3px; }
table#quickRegForm label { font-size: 1.1em; }

table#quickRegFormNew { margin: 0 auto; color: #333; }
table#quickRegFormNew th { padding: 3px; font-size: 2em; font-weight: normal; text-align: right; }
table#quickRegFormNew td { padding: 3px; font-size: 1.2em; font-weight: normal; text-align: center;}
table#quickRegFormNew td.ta_centre { padding: 15px 3px 25px 3px; }
table#quickRegFormNew label { font-size: 1.1em; }

table#quickRegFormDiff { margin: 0 auto; color: #333; }
table#quickRegFormDiff th { padding: 3px; font-size: 2em; font-weight: normal; text-align: right; }
table#quickRegFormDiff td { padding: 3px; font-size: 1.1em; font-weight: normal; text-align: center; width: 540px;}
table#quickRegFormDiff td.ta_centre { padding: 15px 3px 25px 3px; }
table#quickRegFormDiff label { font-size: 1.1em; }


div#offers { height: 190px; background: url(../img/divOffers.gif) repeat-x top left; }
div#offers .rounded.top { background-image: url(../img/divOffersRoundedTop.gif); }
div#offers .rounded.btm { background-image: url(../img/divOffersRoundedBtm.gif); }

div#adLinks { height: 130px; background-image: url(../img/divAdLinks.gif); }
div#adLinks .rounded { background-image: url(../img/divAdLinksRounded.gif); }
div#adLinks .advert { width: 279px; height: 103px; margin: 0 0 0 15px; background: url(../img/divAdvert.gif) no-repeat top left; float: left; }
div#adLinks .advert div { padding: 25px 20px; }
div#adLinks .advert img { float: right; }
div#adLinks .advert p { font-size: 1.1em; line-height: 1.5em; }

div#freeBingostat { height: 112px; background: url(../img/divFreeBingo-stat.gif) repeat-x top left; }
div#freeBingostat .rounded.top { background-image: url(../img/divFreeBingoRounded-top.gif); }
div#freeBingostat .rounded.btm { background-image: url(../img/divFreeBingoRounded-btm.gif); }
#div#freeBingostat .status {padding: 5px 15px; width: 574px; height: 80px; margin: 0 15px; background: url(../img/divFreeBingo-status.gif) no-repeat top left; float: left; }
div#freeBingostat .status {width: 574px; height: 80px; margin: 0 15px; background: url(../img/divFreeBingo-status.gif) no-repeat top left; float: left; }

div#freeBingo { height: 312px; background: url(../img/divFreeBingo.gif) repeat-x top left; }
div#freeBingo .middle { width: 574px; height: 286px; margin: 0 15px; background: url(../img/divFreeBingo-middle.gif) no-repeat top left; float: left; }
div#freeBingo .rounded.top { background-image: url(../img/divFreeBingoRounded-top.gif); }
div#freeBingo .rounded.btm { background-image: url(../img/divFreeBingoRounded-btm.gif); }

/* === Main Menu === */
#mainMenu ul { width: 139px; margin: 0 0 0 4px; list-style: none; background: url(../img/ulMainMenu.png) repeat-y; display: table; float: left; }
#mainMenu li { width: 135px; margin: 0 0 0 1px; border-bottom: 1px solid #FFF; float: left; clear: both; display: block; }
#mainMenu li.top { width: 139px; height: 10px; margin: 0; background: url(../img/liMainMenuTop.gif) no-repeat top left; border: none; }
#mainMenu li.btm { width: 139px; height: 10px; margin: 0; background: url(../img/liMainMenuBtm.gif) no-repeat bottom left; border: none; }
#mainMenu li a { padding: 3px 0 3px 5px; font-size: 1.1em; font-weight: bold; color: #333; background-color: #FEEBF6; display: block; }
#mainMenu li a:hover { color: #333; background-color: #FEDCF0; }

/* === Content Elements === */
p#welcomeText { width: 600px; margin: 10px 0; padding: 10px 0; font-size: 1.1em; line-height: 1.5em; float: right; }
p#messageText { text-align: center; width: 600px; padding: 10px 0; color: #5F64C2;font-size: 1.1em; float: center; }

a#birthday { width: 304px; height: 85px; margin: -10px 0 0 10px; background-image: url(../img/sfs-ad-freebingo.gif); float: right; }
a#blackbox { width: 304px; height: 85px; margin: -10px 0 0 10px; background-image: url(../img/black-image.gif); float: right; }
a#bingobase { width: 304px; height: 85px; margin: -10px 0 0 10px; background-image: url(../img/fb-bingobase.gif); float: right; }

div#freeBingo p { width: 170px; padding: 0; margin: 10px 10px 0 0; font-size: 1.1em; line-height: 1.5em; float: right; clear: right; }

/* === Form Elements === */
input.btn { padding: 3px 25px; font-weight: bold; color: #333; }
div#hdr .login label { font-size: 1.1em; font-weight: bold; color: #FFF; }
div#hdr .login .btn { padding: 2px 10px; font-size: 1.2em; }

/* === Titles & Headers === */
#hdr h4 { margin: 0 0 0 55px; float: left; }
#hdr h4 a { width: 279px; height: 64px; background-image: url(../img/h1SiteTitle.png); }

#hdr a.advert { margin: 0 55px 0 0; float: right; }

#adverts a { width: 120px; height: 240px; margin: 10px auto; z-index: 1; position: relative; }
a#mecca { background-image: url(../img/ad_mecca.png); }
a#foxy { background-image: url(../img/ad_foxy.png); }

h1#standard {font-size: 22px; font-weight: bold; color: #EC008C; width: 597px; height: 21px; padding: 0 10px 0 0; float: right; }
h1#blogstandard {font-size: 22px; font-weight: bold; color: #EC008C; padding: 0 10px 0 0;}
h2#standard { width: 597px; height: 21px; padding: 0 10px 0 0; float: right; }
h2#welcome { width: 597px; height: 21px; padding: 0 10px 0 0; background-image: url(../img/h2Welcome.gif); float: right; }
h3#quickReg { width: 253px; height: 37px; margin: 10px auto; background-image: url(../img/h3Registration.png); }
h3#quickRegNew { width: 256px; height: 41px; margin: 10px auto; background-image: url(../img/sign-up-and-play-free-bingo.gif); }
h3#claimfreemoney { width: 256px; height: 41px; margin: 10px auto; background-image: url(../img/claim-free-bingo-money.gif); }
h3#top5board { width: 253px; height: 37px; margin: 10px auto; background-image: url(../img/quickleader.gif); }
h3#myaccount{ width: 253px; height: 37px; margin: 10px auto; background-image: url(../img/myaccount.gif); }
h3#bingodiff { width: 570px; height: 39px; margin: 10px auto; background-image: url(../img/free-bingo-difference-header.gif); }
h3#bingoblog { width: 570px; height: 39px; margin: 10px auto; background-image: url(../img/free-bingo-blog-header.gif); }

a.centreLink { width: 178px; height: 168px; margin: 0 0 0 15px; float: left; }
a#bingoGames { margin: 0 0 0 20px; background-image: url(../img/aBingoGames.png); }
a#competitions { background-image: url(../img/aCompetitions.png); }
a#bingoCash { background-image: url(../img/aBingoCash.png); }

a.processlink { width: 371px !important; height: 226px; margin: 10px !important; float: left !important; }
a#process { background-image: url(../img/pProcess.gif); }

#freeBingo h4 { width: 570px; height: 37px; margin: 1px; background-image: url(../img/h4FreeBingo.gif); float: left; clear: both; }
p#process { width: 371px !important; height: 226px; margin: 10px !important; background-image: url(../img/pProcess.gif); float: left !important; }

/* === Important Stuff === */
.fl_left { float: left !important; }
.fl_right { float: right !important; }
.ta_left { text-align: left !important; }
.ta_right { text-align: right !important; }
.ta_centre { text-align: center !important; }

.bold { font-weight: bold !important; }
.no_bold { font-weight: normal !important; }
.no_border { border: none !important; }

.clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
/* End hide from IE-mac */

.warning {FONT-WEIGHT: BOLD; TEXT-ALIGN: center; WIDTH: 100%; height: 100%; FONT-FAMILY: verdana; FONT-SIZE: 12px;  BACKGROUND-COLOR: white; COLOR: #5F64C2
}
.maintext {FONT-FAMILY: verdana;  font-size: 1.1em; line-height: 1.5em; BACKGROUND-COLOR: white; COLOR: #333333
}
.hp_offers {font-size: 1.1em; COLOR: #5E63C1;
}
.maintextnl {FONT-FAMILY: verdana;  font-size: 1.1em; line-height: 1.1em; BACKGROUND-COLOR: white; COLOR: #333333
}
.colmaintext {FONT-FAMILY: verdana; FONT-SIZE: 12px;  BACKGROUND-COLOR: white; COLOR: #5F64C2
}
.number_called {FONT-WEIGHT: BOLD; TEXT-ALIGN: center; WIDTH: 100%; height: 100%; FONT-FAMILY: verdana; FONT-SIZE: 12px;  BACKGROUND-COLOR: #FF33CC; COLOR: white
}
.number_called_blue {FONT-WEIGHT: BOLD; TEXT-ALIGN: center; WIDTH: 100%; height: 100%; FONT-FAMILY: verdana; FONT-SIZE: 12px;  BACKGROUND-COLOR: #6CBAF7; COLOR: white
}
.number_called_purple {FONT-WEIGHT: BOLD; TEXT-ALIGN: center; WIDTH: 100%; height: 100%; FONT-FAMILY: verdana; FONT-SIZE: 12px;  BACKGROUND-COLOR: #AC49AE; COLOR: white
}
.number_called_green {FONT-WEIGHT: BOLD; TEXT-ALIGN: center; WIDTH: 100%; height: 100%; FONT-FAMILY: verdana; FONT-SIZE: 12px;  BACKGROUND-COLOR: #6ADF3D; COLOR: white
}
.number_called_red {FONT-WEIGHT: BOLD; TEXT-ALIGN: center; WIDTH: 100%; height: 100%; FONT-FAMILY: verdana; FONT-SIZE: 12px;  BACKGROUND-COLOR: #FF0000; COLOR: white
}

.number_called_blue90 {FONT-WEIGHT: BOLD; TEXT-ALIGN: center; WIDTH: 100%; height: 100%; FONT-FAMILY: verdana; FONT-SIZE: 12px;  BACKGROUND-COLOR: #6CBAF7; COLOR: white
}
.number_called_purple90 {FONT-WEIGHT: BOLD; TEXT-ALIGN: center; WIDTH: 100%; height: 100%; FONT-FAMILY: verdana; FONT-SIZE: 12px;  BACKGROUND-COLOR: #AC49AE; COLOR: white
}
.number_called_green90 {FONT-WEIGHT: BOLD; TEXT-ALIGN: center; WIDTH: 100%; height: 100%; FONT-FAMILY: verdana; FONT-SIZE: 12px;  BACKGROUND-COLOR: #6ADF3D; COLOR: white
}
.number_called_red90 {FONT-WEIGHT: BOLD; TEXT-ALIGN: center; WIDTH: 100%; height: 100%; FONT-FAMILY: verdana; FONT-SIZE: 12px;  BACKGROUND-COLOR: #FF0000; COLOR: white
}

.number_called_afternoon-blues {FONT-WEIGHT: BOLD; TEXT-ALIGN: center; WIDTH: 100%; height: 100%; FONT-FAMILY: verdana; FONT-SIZE: 12px;  BACKGROUND-COLOR: #81EDF7; COLOR: white
}
.number_called_lotto {FONT-WEIGHT: BOLD; TEXT-ALIGN: center; WIDTH: 100%; height: 100%; FONT-FAMILY: verdana; FONT-SIZE: 12px;  BACKGROUND-COLOR: #F38D06; COLOR: white
}
.number_called_uk-90-ball {FONT-WEIGHT: BOLD; TEXT-ALIGN: center; WIDTH: 100%; height: 100%; FONT-FAMILY: verdana; FONT-SIZE: 12px;  BACKGROUND-COLOR: #3341AE; COLOR: white
}

.number-called {FONT-WEIGHT: BOLD; TEXT-ALIGN: center; WIDTH: 100%; height: 100%; FONT-FAMILY: verdana; FONT-SIZE: 12px;  BACKGROUND-COLOR: #FF33CC; COLOR: white
}
.number-called-blue {FONT-WEIGHT: BOLD; TEXT-ALIGN: center; WIDTH: 100%; height: 100%; FONT-FAMILY: verdana; FONT-SIZE: 12px;  BACKGROUND-COLOR: #6CBAF7; COLOR: white
}
.number-called-purple {FONT-WEIGHT: BOLD; TEXT-ALIGN: center; WIDTH: 100%; height: 100%; FONT-FAMILY: verdana; FONT-SIZE: 12px;  BACKGROUND-COLOR: #AC49AE; COLOR: white
}
.number-called-green {FONT-WEIGHT: BOLD; TEXT-ALIGN: center; WIDTH: 100%; height: 100%; FONT-FAMILY: verdana; FONT-SIZE: 12px;  BACKGROUND-COLOR: #6ADF3D; COLOR: white
}
.number-called-red {FONT-WEIGHT: BOLD; TEXT-ALIGN: center; WIDTH: 100%; height: 100%; FONT-FAMILY: verdana; FONT-SIZE: 12px;  BACKGROUND-COLOR: #FF0000; COLOR: white
}

.number-called-blue90 {FONT-WEIGHT: BOLD; TEXT-ALIGN: center; WIDTH: 100%; height: 100%; FONT-FAMILY: verdana; FONT-SIZE: 12px;  BACKGROUND-COLOR: #6CBAF7; COLOR: white
}
.number-called-purple90 {FONT-WEIGHT: BOLD; TEXT-ALIGN: center; WIDTH: 100%; height: 100%; FONT-FAMILY: verdana; FONT-SIZE: 12px;  BACKGROUND-COLOR: #AC49AE; COLOR: white
}
.number-called-green90 {FONT-WEIGHT: BOLD; TEXT-ALIGN: center; WIDTH: 100%; height: 100%; FONT-FAMILY: verdana; FONT-SIZE: 12px;  BACKGROUND-COLOR: #6ADF3D; COLOR: white
}
.number-called-red90 {FONT-WEIGHT: BOLD; TEXT-ALIGN: center; WIDTH: 100%; height: 100%; FONT-FAMILY: verdana; FONT-SIZE: 12px;  BACKGROUND-COLOR: #FF0000; COLOR: white
}

.number-called-afternoon-blues {FONT-WEIGHT: BOLD; TEXT-ALIGN: center; WIDTH: 100%; height: 100%; FONT-FAMILY: verdana; FONT-SIZE: 12px;  BACKGROUND-COLOR: #81EDF7; COLOR: white
}
.number-called-lotto {FONT-WEIGHT: BOLD; TEXT-ALIGN: center; WIDTH: 100%; height: 100%; FONT-FAMILY: verdana; FONT-SIZE: 12px;  BACKGROUND-COLOR: #F38D06; COLOR: white
}
.number-called-uk-90-ball {FONT-WEIGHT: BOLD; TEXT-ALIGN: center; WIDTH: 100%; height: 100%; FONT-FAMILY: verdana; FONT-SIZE: 12px;  BACKGROUND-COLOR: #3341AE; COLOR: white
}
.smalltext {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #000000;
}

.smalltext_bg {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #000000;
	BACKGROUND-COLOR: #FDDEFD;
}

.colheader {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #FF33CC;
}

.colheader_bg {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #FF33CC;
	BACKGROUND-COLOR: #FDDEFD;
}
p#Text { width: 600px; font-size: 1.1em; line-height: 1.5em; float: right; }
.seperator {width: 100%; padding-left: 3px; padding-right: 3px; border-top: solid 1px #FF33CC;}

.number {FONT-WEIGHT: BOLD; TEXT-ALIGN: center; height: 100%; FONT-FAMILY: verdana; FONT-SIZE: 12px;  BACKGROUND-COLOR: #ffffff; COLOR: #000000
}
.shaded {FONT-WEIGHT: BOLD; TEXT-ALIGN: center; FONT-FAMILY: verdana; FONT-SIZE: 14px;  BACKGROUND-COLOR: #5F64C2; COLOR: black;
}
.maingametext {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #000000;
}
.colmaingame {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 18px; font-weight: bold; color: #EC008C;}

.leftcol {padding-left: 0px; padding-right: 0px; BACKGROUND-COLOR: none; border: none;
}
.centrecontent {padding-left: 3px; width: 100%; }