/*  
Theme Name: Joy
Theme URI: http://www.joyofbingo.com
Version: 1.0
Description: Designed by Joy of bingo
Author: WooThemes
Author URI: http://www.joyofbingo.com

	Copyright: (c) 2009 JoyOfBingo.
	License: GNU/GPL Version 2 or later. http://www.gnu.org/licenses/gpl.html

*/

/* reset css */

html {
	font-size: 125%;
}

body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,font,img,ins,kbd,q,s,samp,small,strike,sub,sup,tt,var,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	font-weight: inherit;
	font-style: inherit;
	font-family: inherit;
	color: inherit;
	text-align: inherit;
}

:focus {
	outline: 0;
}

body {
	line-height: 1;
	font-size: 50%;
	font-family: Arial, Helvetica, sans-serif;
	text-align: center;
	color: #000;
}

table {
	border-collapse: collapse;
	border-spacing: 0;
}

caption,th,td {
	text-align: left;
	font-weight: 400;
}

blockquote:before,blockquote:after,q:before,q:after {
	content: "";
}

blockquote,q {
	quotes: "" "";
}

/* Base Styles */

html, body {
	font-family: Arial, Helvetica, Verdana, sans-serif;
	color: #7c868a;
}

html {
	background: #f3f3ec url(img/html_bg.gif) repeat 0 0;
}

body {
	background: url(img/body_bg.jpg) no-repeat center 118px;
	padding-bottom: 40px;
}

h1, h2, h3, h4, h5, h6 {
	font-weight: bold;
	line-height: 1em;
	margin: 0;
	padding: 0;
	color: #000;
}

h1 {
	font-size: 4.16em;
	line-height: 1em;
	font-weight: normal;
	font-style: normal;
	color: #d05696;
	padding: 10px 0 10px 0;
}

h1 span {
	color: #000;
}

h2 {
	font-size: 1.8em;
	line-height: 1.1em;
	font-weight: normal;
	font-style: normal;
	color: #11647e;
	padding: 0;
	margin: 15px 0 5px 0;
	font-family: Georgia, "Times New Roman", Times, serif;
}

h2 span {
	color: #6e7b7f;
	font-size: 14px;
}

h3 {
	font-size: 1.2em;
	font-weight: bold;
	color: #000;
	padding: 0 0 5px 0;
}

h4 {
	font-size: 1.2em;
	font-weight: bold;
	color: #464e55;
	padding: 2px 0 4px 0;
}

p {
	font-size: 1.2em;
	line-height: 1.7em;
	margin: 0;
	padding: 3px 0 7px 0;
	color: #6a7880;
}

a {
	text-decoration: none;
	outline: none;
	color: #0c82ae;
}

a:hover {
	color: #d5428a;
	text-decoration: none;
}

h1 a, h2 a, h3 a {
	color: #096c91;
}

h1 a:hover, h2 a:hover, h3 a:hover {
	color: #d5428a;
}

ul li a {
	color: #0c82ae;
}

ul li a:hover {
	color: #d5428a;
}

p.small {
	font-size: 1.1em;
}

table {
	border-collapse: collapse;
	border: none;
	margin-bottom: 30px;
	width: 100%;
}

table tr {
	
}

table tr th {
	font-size: 1.4em;
	font-weight: bold;
	color: #fff;
	text-shadow: 0px -1px #b32c68;
	background: #cf4382 url(img/table_header_bg.png) repeat-x 0px 0px;
	color: #fff;
	border: 1px solid #cf4382;
	padding: 8px;
}

table tr td {
	padding: 8px;
	font-size: 1.2em;
	line-height: 1.5em;
	border: 1px solid #c2c7ca;
}

table tr.odd td {
	background: #f7f9fa;
}

.wink table tr th {
	background: #cf4382 url(img/table_header_wink.png) repeat-x 0px 0px;
	border: 1px solid #cf4382;
	text-shadow: 0px -1px #cf4382;
}

.posh table tr th {
	background: #d9a003 url(img/table_header_posh.png) repeat-x 0px 0px;
	border: 1px solid #c99505;
	text-shadow: 0px -1px #c99505;
}

.tasty table tr th {
	background: #399dce url(img/table_header_tasty.png) repeat-x 0px 0px;
	border: 1px solid #399dce;
	text-shadow: 0px -1px #399dce;
}

.redbus table tr th {
	background: #da1c24 url(img/table_header_redbus.png) repeat-x 0px 0px;
	border: 1px solid #da1c24;
	text-shadow: 0px -1px #da1c24;
}

ul {
	list-style-position: outside;
	margin: 5px 0 10px 0;
}

ul li {
	font-size: 1.2em;
	line-height: 1.4em;
	margin-left: 15px;
	padding: 3px 0;
}

ol {
	list-style-position: outside;
	margin: 5px 0 10px 0;
}

ol li {
	font-size: 1.2em;
	line-height: 1.6em;
	margin-left: 15px;
	padding: 3px 0;
}

.clear {
	clear: both;
	height: 1px;
}

.right {
	float: right;
}

.left {
	float: left;
}

.center {
	margin: 0 auto;
}

.none {
	display: block;
	text-indent: -999em;
}

.hide {
	display: none;
}

#content {
	display: none;
}

#footer-region-outer {
	display: none;
}

/*Clearfix*/

.clearfix:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}

.clearfix {
	display: inline-block;
}

/*Those two .clearfix have to be separate!)*/

.clearfix {
	display: block;
}

* html .clearfix {
	height: 1px;
}

/* Containers */

#page {
	width: 970px;
	background: url(img/page_bg.png) repeat-y center 6px;
	padding: 26px 3px 0 3px;
	overflow: hidden;
	position: relative;
	text-align: left;
	min-height: 550px;
	height: auto !important;
	height: 550px;
}

.wrapper {
	padding: 0px 0px 80px 0;
	overflow: hidden;
}

body.home .wrapper {
	padding: 0px 0px 30px 0;
}

#page.single .wrapper {
	padding: 0 20px 0 0;
}

.rowA, .rowB, .rowC, .rowD, .rowE, .rowF {
	margin: 10px 0 0 0;
	overflow: visible;
}

.c2 {
	width: 310px;
	margin-left: 10px;
	float: left;
	position: relative;
}

.c3 {
	width: 470px;
	margin-left: 10px;
	float: left;
	position: relative;
}

.c4 {
	width: 630px;
	margin-left: 10px;
	float: left;
	position: relative;
}

.c6 {
	width: 950px;
	margin-left: 10px;
	float: none;
	position: relative;
}

#page.contentPage .row {
	margin-bottom: 40px;
	overflow: visible;
	position: relative;
}

#page.contentPage .row.dashed {
	border-bottom: 1px dashed #d0d5d6;
	padding-bottom: 5px;
	margin-bottom: 25px;
	overflow: hidden;
}

#page.contentPage .row.dotted {
	border-bottom: 1px dotted #d0d5d6;
	padding-bottom: 10px;
	margin-bottom: 15px;
}

#page.contentPage .row.solid {
	border-top: 1px solid #e7e7e0;
	padding-top: 15px;
	margin-bottom: 15px;
}

#page.contentPage .c2 {
	width: 300px;
	margin-left: 20px;
	float: left;
	position: relative;
}

#page.contentPage .c3 {
	width: 455px;
	margin-left: 20px;
	float: left;
	position: relative;
}

#page.contentPage .c6 {
	width: 930px;
	margin-left: 20px;
	float: none;
	position: relative;
}

/* rounded corners - based on column */

.c2 .cornersTop {
	width: 310px;
	height: 5px;
	position: absolute;
	top: 0px;
	left: 0px;
	background: url(img/c2_corners_top.png) no-repeat left top;
	z-index: 1;
}

.c2 .cornersTop {
	width: 310px;
	height: 5px;
	position: absolute;
	top: 0px;
	left: 0px;
	background: url(img/c2_corners_top.png) no-repeat left top;
	z-index: 1;
}

.c4 .cornersTop {
	width: 630px;
	height: 5px;
	position: absolute;
	top: 0px;
	left: 0px;
	background: url(img/c4_corners_top.png) no-repeat left top;
	z-index: 1;
}

.c4 .cornersBttm {
	width: 630px;
	height: 5px;
	position: absolute;
	bottom: 0px;
	left: 0px;
	background: url(img/c4_corners_bttm.png) no-repeat left bottom;
	z-index: 1;
}

/* Header */

#H {
	background: url(img/header_bg.png) repeat-x left top;
	margin: 0 auto;
	text-align: left;
	height: 131px;
}

#H .inner {
	padding: 10px 10px 0 10px;
	width: 950px;
	margin: 0 auto;
	position: relative;
}

#H .logo {
	width: 109px;
	height: 128px;
	position: absolute;
	top: 26px;
	left: 7px;
	z-index: 999;
}

#H h1.tagline {
	color: #a8cdd8;
	font-size: 1.1em;
	line-height: 1em;
	margin: 0;
	padding: 0;
	font-weight: normal;
	position: absolute;
	left: 10px;
	top: 7px;
}

#H h2.tagline {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 1.3em;
	line-height: 1.1em;
	padding: 0;
	margin: 0;
	font-style: italic;
	color: #fff;
	position: absolute;
	top: 54px;
	left: 138px;
	color: #d4eef6;
}

#H h2.tagline a {
	color: #fff;
	padding-left: 8px;
	margin-left: 5px;
	border-left: 1px dotted #7ec1d4;
}

#H h2.tagline a:hover {
	color: #bfeeff;
}

#H h2.tagline a.firstChild {
	margin-left: 0;
	border: none;
	padding-left: 5px;
}

#H .contact {
	color: #a8cdd8;
	font-size: 1.1em;
	line-height: 1em;
	margin: 0;
	padding: 0;
	font-weight: normal;
	position: absolute;
	right: 0px;
	top: 7px;
}

#H .contact a {
	color: #ffffff;
	text-decoration: none;
}

#H .contact a:hover {
	color: #c2e2eb;
}

/* Buttons */

.button {
	background: url(img/buttons_sprite.png) no-repeat right top;
}

.button span {
	background: url(img/buttons_sprite.png) no-repeat left top;
}

.affiliates {
	width: 176px;
	height: 38px;
	position: absolute;
	top: 41px;
	right: 0px;
	background: url(img/buttons_sprite.png) no-repeat 0px 0px;
}

.affiliates:hover {
	background-position: 0px -48px;
}

.affiliates:active {
	background-position: 0px -0px;
}

.affiliates  span {
	display: block;
	text-indent: -999em;
}

/* Images */

img.left {
	float: left;
	margin: 0px 15px 15px 0;
}

img.right {
	float: right;
	margin: 0 0 15px 15px;
}

.c3 img.right {
	margin: -20px 10px 15px 15px;
}

img.alignnone {
	float: none;
	clear: both;
	display: block;
	margin-bottom: 10px;
}

.imageBorder.right {
	float: right;
	margin: 10px 0 15px 15px;
	border: 5px solid #d9ddde;
	background: #fff;
	padding: 1px;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	font-size: 0px;
	line-height: 0px;
}

.imageBorder.right img {
	margin: 0;
	float: none;
}

/* Navigation */

.menu {
	list-style: none;
	height: 32px;
	position: relative;
	z-index: 100;
	clear: both;
	padding: 0 0 0 105px;
	margin-top: 81px;
}

.menu ul {
	padding: 1px 0 0 0;
	margin: 0;
	list-style: none;
	z-index: 997;
}

.menu ul li {
	float: left;
	position: relative;
	background: url(img/nav_sprite.png) no-repeat right -65px;
	padding: 0;
	margin: 0;
	line-height: 1em;
	font-size: 1.6em;
	color: #fff;
	z-index: 998;
	font-family: Georgia, "Times New Roman", Times, serif;
	text-shadow: 0px -1px #258388;
}

.menu ul li.sfHover {
	
}

.menu ul li a {
	display: block;
	color: #fff;
	padding: 10px 20px 13px 20px;
	text-align: left;
	overflow: hidden;
}

.menu ul li:hover a {
	color: #fff;
}

.menu ul li a:focus {
	outline: none;
}

.menu ul li a.sf-with-ul {
	padding: 10px 40px 13px 14px;
	background: url(img/nav_sprite.png) no-repeat right 13px;
}

.menu ul li.sfHover a.sf-with-ul {
	padding: 11px 39px 12px 14px;
	background: #fff url(img/nav_sprite.png) no-repeat right -22px;
	border: 1px solid #3991aa;
	border-width: 0 1px;
	color: #07617b;
	margin-left: -1px;
	text-shadow: none;
}

.menu ul li ul {
	display: none;
	padding: 6px 3px 15px 3px;
	position: absolute;
	top: 39px;
	left: -6px;
	width: 194px;
	z-index: 999;
	background: url(img/nav_sprite.png) no-repeat left bottom;
}

.menu ul li.sfHover ul {
	display: block;
}

.menu ul li ul li {
	font-size: 12px;
	font-family: Arial, Helvetica, sans-serif;
	float: none;
	text-shadow: none;
	background: none;
}

.menu ul li.sfHover ul li {
	margin-left: 0px;
}

.menu ul li.sfHover ul li a {
	display: block;
	border: none;
	color: #0c82ae;
	background: none;
	padding: 8px 0px;
	margin: 0 18px;
	border-bottom: 1px dashed #c5c8ca;
}

.menu ul li ul li a:hover {
	color: #000;
}

.menu ul li.sfHover ul li a:hover {
	display: block;
	color: #000;
	border: 1px solid #dce1e3;
	border-width: 1px 0;
	background: #f5f7fa;
	padding: 9px 15px 8px 15px;
	margin: -2px 3px 0px 3px;
}

.menu ul li.current_page_item a {
	
}

.menu ul li.current_page_item li a {
	
}

span.new {
	color: #7ca32f;
	font-weight: bold;
}

/* module */

.module {
	
}

.module .sections {
	background: #e5e9ee;
	padding: 5px;
	position: relative;
}

.module .sections .inner {
	background: #fff;
}

.module .sections .inner .content {
	padding: 0 8px 5px 8px;
	border-bottom: 1px solid #dce1e3;
	position: relative;
}

.module .sections .inner .content.lastChild {
	border-bottom: none;
}

.module .sections .inner h3 {
	color: #0c82ae;
	line-height: 1.2em;
	padding: 0 0 4px 0;
}

.module .sections .inner h3.ui-state-default {
	padding: 7px 8px 6px 29px;
	color: #096c91;
	background: url(img/icons_sprite.png) no-repeat 6px 6px;
	cursor: pointer;
	border-bottom: 1px solid #dce1e3;
}

.module .sections .inner h3.ui-state-default:hover {
	color: #d5428a;
}

.module .sections .inner h3.ui-state-active {
	border-color: #fff;
	padding: 7px 8px 7px 29px;
	background: url(img/icons_sprite.png) no-repeat 6px -32px;
	color: #000;
}

.module .sections .inner h3.lastChild {
	border: none;
}

.module .sections .inner h3.ui-state-active.lastChild {
	border: none;
}

.module .sections .inner p {
	font-size: 1.1em;
	line-height: 1.6em;
	padding: 0 0 4px 0;
}

.module .sections .inner ul {
	list-style-position: inside;
	margin: 0;
	padding: 0;
	color: #0c82ae;
}

.module .sections .inner ul li {
	font-size: 1.1em;
	line-height: 1.2em;
	padding: 2px 0 2px 0;
}

.module .sections .inner ul.sites {
	padding: 3px 2px 2px 3px;
	margin: 0px 0 10px 0;
	color: #0c82ae;
	overflow: hidden;
	background: #c5e2f4;
	moz-border-radius: 3px;
	-webkit-border-radius: 3px;
}

.module .sections .inner ul.sites li {
	font-size: 1.1em;
	line-height: 1.3em;
	list-style-position: inside;
	color: #0c82ae;
	float: left;
	width: 138px;
}

.module .sections .inner ul.sites li.wink, .module .sections .inner ul.sites li.posh, .module .sections .inner ul.sites li.tasty, .module .sections .inner ul.sites li.redBus {
	list-style: none;
	padding: 0 1px 1px 0;
}

.module .sections .inner ul.sites li.wink.last, .module .sections .inner ul.sites li.posh.last, .module .sections .inner ul.sites li.tasty.last, .module .sections .inner ul.sites li.redBus.last {
	padding-right: 0;
	width: 139px;
}

.module .sections .inner ul.sites li.wink a {
	display: block;
	background: url(img/logos_sprite.png) no-repeat right -403px;
	border-top: none;
}

.module .sections .inner ul li.wink a:hover {
	background-position: right -535px;
}

.module .sections .inner ul.sites li.tasty a {
	display: block;
	background: url(img/logos_sprite.png) no-repeat right -443px;
	border-top: none;
}

.module .sections .inner ul li.tasty a:hover {
	background-position: right -571px;
}

.module .sections .inner ul.sites li.posh a {
	display: block;
	background: url(img/logos_sprite.png) no-repeat right -480px;
	border-top: none;
}

.module .sections .inner ul li.posh a:hover {
	background-position: right -607px;
}

.module .sections .inner ul.sites li.redBus a {
	display: block;
	background: url(img/logos_sprite.png) no-repeat right -443px;
	border-top: none;
}

.module .sections .inner ul li.redBus a:hover {
	background-position: right -571px;
}

.module .sections .inner ul.sites li a {
	padding: 9px 9px 9px 9px;
	border-right: 6px solid #fff;
	opacity: .9;
	display: block;
}

.module .sections .inner ul li a:hover {
	opacity: 1;
}

.module .sections .bttmBg {
	background: url(img/module_bttm_bg.gif) no-repeat right 0;
	padding-right: 8px;
	position: absolute;
	bottom: 0px;
	left: 0px;
	width: 302px;
}

.module .sections .bttmBg span {
	display: block;
	background: url(img/module_bttm_bg.gif) no-repeat left 0;
	height: 5px;
}

.module .heading {
	height: 34px;
	padding-right: 100px;
	background: url(img/headings_spright.png) no-repeat right 0;
}

.module .heading h2 {
	height: 21px;
	padding: 8px 0 9px 9px;
	margin: 0;
	background: url(img/headings_spright.png) no-repeat left 0;
	font-size: 1.7em;
	line-height: 1em;
	font-weight: normal;
	font-style: italic;
	color: #fff;
	font-family: Georgia, "Times New Roman", Times, serif;
	text-shadow: 0px -1px #c75892;
}

.module .heading.pink {
	background-position: right 0px;
}

.module .heading.pink h2 {
	background-position: left 0px;
	text-shadow: 0px -1px #df579b;
}

.module .heading.green {
	background-position: right -44px;
}

.module .heading.green h2 {
	background-position: left -44px;
	text-shadow: 0px -1px #3c9b9f;
}

/* Featured module with top graphic */

.module.featured {
	overflow: visible;
}

.module.featured .sections {
	padding: 8px;
	padding-top: 0px;
	overflow: visible;
}

.featured .graphic {
	position: relative;
	width: 454px;
	height: 200px;
	padding-top: 8px;
}

.c2.featured .graphic .cornersTop {
	top: 5px;
}

.featured .ribbon {
	width: 89px;
	height: 89px;
	position: absolute;
	top: 8px;
	left: 0px;
	z-index: 2;
	background: url(img/ribbon_sprite.gif) no-repeat 0 0;
}

.featured .ribbon.win {
	background-position: 0 0;
}

.module.featured .sections .bttmBg {
	background: url(img/featured_module_bttm_bg.gif) no-repeat right 0;
	padding-right: 8px;
	position: absolute;
	bottom: 0px;
	left: 0px;
	width: 462px;
}

.module.featured .sections .bttmBg span {
	display: block;
	background: url(img/featured_module_bttm_bg.gif) no-repeat left 0;
	height: 8px;
}

.module.featured .sections .topBg {
	padding-right: 8px;
	background: url(img/featured_module_top_bg.gif) no-repeat right 0;
	position: absolute;
	top: 0px;
	left: 0px;
	width: 462px;
}

.module.featured .sections .topBg span {
	display: block;
	background: url(img/featured_module_top_bg.gif) no-repeat left 0;
	height: 8px;
}

.module.featured .sections .inner ul.sites li {
	float: left;
	width: 218px;
	padding: 0px 1px 1px 0px;
}

.module.featured .sections .inner ul.sites li.wink.last, .module.featured .sections .inner ul.sites li.posh.last, .module.featured .sections .inner ul.sites li.tasty.last, .module.featured .sections .inner ul.sites li.redBus.last {
	padding-right: 1px;
	width: 219px;
}

.module.featured .sections .inner ul.sites li a {
	padding: 9px 9px 9px 9px;
}

#page .sitesDropdown {
	list-style: none;
	text-align: left;
	margin: 0 0 8px 0;
	padding: 0;
	list-style-position: outside;
}

#page .sitesDropdown li {
	list-style: none;
	position: relative;
	background: url(img/buttons_sprite.png) no-repeat right -280px;
	padding: 0 32px 0 0;
	font-size: 1.2em;
	line-height: 1em;
	margin: 0;
	width: 160px;
	cursor: pointer;
}

#page .sitesDropdown li span {
	display: block;
	height: 9px;
	font-weight: bold;
	color: #2d7da6;
	padding: 8px 8px 13px 8px;
	background: url(img/buttons_sprite.png) no-repeat left -280px;
}

#page .sitesDropdown li.active {
	background-position: right -315px;
}

#page .sitesDropdown li.active span {
	background-position: left -315px;
	color: #000;
}

#page .sitesDropdown li ul {
	position: absolute;
	top: 27px;
	left: 0px;
	margin: 0;
	width: 190px;
	z-index: 9999;
	list-style-position: outside;
	border: 1px solid rgba(0, 0, 0, 0.2);
	border-top: none;
}

#page .sitesDropdown li.active ul {
	
}

#page .sitesDropdown li ul li {
	font-size: 11px;
	display: block;
	zoom: 1;
	width: 100%;
	line-height: 13px;
	cursor: default;
	background: #fff;
	margin: 0;
	padding: 0;
	margin: 0;
}

#page .sitesDropdown li ul li a {
	display: block;
	color: #0c82ae;
	padding: 7px 0px;
	margin: 0 10px;
	width: 170px;
	border-bottom: 1px dotted #c5c8ca;
	position: relative;
}

#page .sitesDropdown li ul li a:hover {
	color: #000;
	border: 1px solid #dce1e3;
	background: #f5f7fa;
	border-width: 1px 0;
	margin: -1px 0 0 0;
	padding: 7px 10px 7px 10px;
}

#page .sitesDropdown li ul li.lastChild a {
	border-bottom: none;
}

#page .sitesDropdown li ul li.lastChild a:hover {
	border-bottom: none;
}

/* Registration module */

.module .sections .inner .content.wink {
	background: url(img/logos_sprite.png) no-repeat right 6px;
	padding: 10px 10px 10px 10px
}

.module .sections .inner .content.wink:hover {
	background-position: right -206px;
}

.module .sections .inner .content.posh {
	background: url(img/logos_sprite.png) no-repeat right -57px;
	padding: 10px 10px 10px 10px
}

.module .sections .inner .content.posh:hover {
	background-position: right -269px;
}

.module .sections .inner .content.tasty {
	background: url(img/logos_sprite.png) no-repeat right -120px;
	padding: 10px 10px 10px 10px
}

.module .sections .inner .content.tasty:hover {
	background-position: right -332px;
}

.module .sections .inner .content.redbus {
	background: url(img/logos_sprite.png) no-repeat right -428px;
	padding: 10px 10px 10px 10px
}

.module .sections .inner .content.redbus:hover {
	background-position: right -521px;
}

.module .sections .inner .content.bingostreet {
	background: url(img/logos_sprite.png) no-repeat right -696px;
	padding: 10px 10px 10px 10px
}

.module .sections .inner .content.bingostreet:hover {
	background-position: right -610px;
}

.module .sections .inner .content.redbus h3.lastChild {
	padding-bottom: 0px;
}

/* Footer */

#F {
	width: 946px;
	padding: 0px 15px 0px 15px;
	margin: 0 auto;
	background: #fff url(img/footer_bg.png) no-repeat center bottom;
	text-align: left;
}

#F .inner {
	border-top: 1px dashed #ced4d7;
	padding: 13px 0 18px 0;
}

#F p {
	padding: 0;
	margin: 0;
	font-size: 1.1em;
	line-height: 1em;
}

#F ul {
	float: right;
	list-style: none;
	margin: 0;
	padding: 0;
}

#F ul li {
	float: left;
	list-style: none;
	margin: 0;
	padding: 0 8px 2px 8px;
	font-size: 1.1em;
	line-height: 1em;
	border-right: 1px solid #ced4d7;
}

#F ul li.lastChild {
	padding: 0 0px 0 8px;
	border-right: none;
}

#F ul li a {
	
}

#F p.contact {
	padding: 0 0 8px 0;
	margin: 0;
	font-size: 1.1em;
	line-height: 1em;
}

/* Schedule */

.schedule {
	text-align: left;
	position: relative;
	background: #e5e9ee;
}

.schedule .footer {
	background: #e5e9ee;
	height: 28px;
	overflow: hidden;
}

.schedule .footer ul {
	float: right;
}

.schedule .footer ul li {
	float: left;
	font-size: 1.1em;
	list-style: none;
	margin: 5px 5px 0 13px;
}

.schedule .footer ul li a {
	color: #d9edec;
	display: block;
	padding: 6px 0 5px 18px;
	background: url(img/icons_sprite.png) no-repeat 0px -72px;
}

.schedule .footer ul li a:hover {
	color: #fff;
	background-position: 0 -94px;
}

.schedule .bttmBg {
	background: url(img/featured_module_bttm_bg.gif) no-repeat right 0;
	height: 8px;
	width: 460px;
	padding-right: 10px;
}

.schedule .bttmBg span {
	display: block;
	height: 8px;
	width: 460px;
	background: url(img/featured_module_bttm_bg.gif) no-repeat 0 0;
}

.schedule .header {
	background: url(img/schedule_sprite.png) no-repeat right 0px;
	overflow: hidden;
	padding-right: 10px;
}

.schedule .inner {
	width: 460px;
	height: 100px;
	padding: 15px 0;
	background: #e5e9ee url(img/schedule_sprite.png) no-repeat 0px 0px;
	position: relative;
}

.schedule .header .calendar {
	position: relative;
	overflow: hidden;
	height: 80px;
	position: absolute;
	top: 20px;
	left: 10px;
	background: url(img/schedule_sprite.png) no-repeat 0px -579px;
	padding-left: 13px;
}

.schedule .header h2 {
	font-size: 2.9em;
	font-weight: bold;
	line-height: 1.9em;
	text-transform: uppercase;
	color: #358c90;
	font-style: normal;
	padding: 0px 0 12px 5px;
	margin: 0;
	overflow: hidden;
	float: left;
}

.schedule .header .calendar span {
	font-size: 9px;
	letter-spacing: .15em;
	font-weight: normal;
	font-family: Georgia, "Times New Roman", Times, serif;
	color: #fff;
	display: block;
	width: 54px;
	float: left;
	text-align: center;
	padding: 8px 0 0 0;
	margin: 0;
	line-height: 12px;
	margin-right: 10px;
	text-transform: uppercase;
}

.schedule .header .calendar span span {
	font-size: 26px;
	font-weight: normal;
	display: block;
	clear: both;
	padding: 7px 0 0 0;
	line-height: 18px;
	color: #000;
	letter-spacing: 1px;
}

.schedule .content {
	background: #e0e4e7;
	margin: 0 8px 0px 8px;
	overflow: hidden;
	width: 452px;
	border: 1px solid #ced2d7;
	border-top-width: 0px;
}

.schedule .tableHeader {
	border-bottom: 1px solid #d1d6d7;
	background: url(img/schedule_sprite.png) repeat-x 0px -179px;
	font-size: 1.2em;
	line-height: 1em;
	font-weight: bold;
	color: #46545d;
	overflow: hidden;
}

.schedule .tableHeader span {
	display: block;
	float: left;
	padding: 7px 5px 6px 5px;
	border-right: 1px solid #d1d6d7;
}

.schedule .tableHeader span.time {
	width: 102px;
	padding-left: 25px;
}

.schedule .tableHeader span.game {
	width: 80px;
}

.schedule .tableHeader span.prize {
	width: 140px;
}

.schedule .tableHeader span.card {
	border-right: none;
}

.schedule table {
	background: #fff;
	width: 432px;
	border-collapse: collapse;
	border-top: 1px solid #fff;
}

.schedule table tr {
	border: none;
	border-bottom: 1px solid #dce1e3;
}

.schedule table tr:hover {
	background: #fafcfc;
	cursor: pointer;
}

.schedule table tr:hover a {
	color: #d5428a;
}

.schedule table tr td {
	padding: 8px 5px;
	font-size: 1.1em;
	line-height: 1.3em;
	border: none;
}

.schedule table td.column-1 {
	border: 1px solid #dce1e3;
	border-width: 0 1px;
	width: 100px;
}

.schedule table td.column-2 {
	border-right: 1px solid #dce1e3;
	width: 80px
}

.schedule table td.column-3 {
	border-right: 1px solid #dce1e3;
	width: 140px;
}

.schedule table td.column-4 {
	border-right: none;
}

.schedule table tr.row-1 td {
	border-top: none;
}

/* Tabs */

.ui-tabs {
	position: relative;
	padding: 0;
	zoom: 1;
}

.ui-tabs-panel {
	overflow: hidden;
}

.ui-tabs .ui-tabs-nav {
	margin: 0;
	position: absolute;
	bottom: 0px;
	width: 447px;
	left: 10px;
	padding-left: 5px;
	border-bottom: 1px solid #ced2d7;
}

.ui-tabs .ui-tabs-nav li {
	list-style: none;
	padding: 0;
	float: left;
	font-weight: bold;
	padding: 0;
	line-height: 1em;
	font-size: 1.2em;
	margin: 0 1px -1px 0;
	color: #fff;
}

.ui-tabs .ui-tabs-nav li a {
	display: block;
	color: #fff;
	padding: 0 3px 0 0;
	background: url(img/schedule_sprite.png) no-repeat right -226px;
	cursor: pointer;
}

.ui-tabs .ui-tabs-nav li a span {
	display: block;
	padding: 10px 13px 10px 16px;
	background: url(img/schedule_sprite.png) no-repeat left -226px;
	color: #fff;
}

.ui-tabs .ui-tabs-nav li.ui-tabs-selected a, .ui-tabs .ui-tabs-nav li.ui-tabs-selected a:hover {
	margin-bottom: 0;
	background-position: right -310px;
	cursor: default;
}

.ui-tabs .ui-tabs-nav li.ui-tabs-selected a span, .ui-tabs .ui-tabs-nav li.ui-tabs-selected a:hover span {
	margin-bottom: 0;
	background-position: left -310px;
}

.ui-tabs .ui-tabs-nav li.ui-tabs-selected.wink a {
	background-position: right -352px;
}

.ui-tabs .ui-tabs-nav li.ui-tabs-selected.wink a span {
	background-position: left -352px;
}

.ui-tabs .ui-tabs-nav li.ui-tabs-selected.posh a {
	background-position: right -394px;
}

.ui-tabs .ui-tabs-nav li.ui-tabs-selected.posh a span {
	background-position: left -394px;
}

.ui-tabs .ui-tabs-nav li.ui-tabs-selected.tasty a {
	background-position: right -436px;
}

.ui-tabs .ui-tabs-nav li.ui-tabs-selected.tasty a span {
	background-position: left -436px;
}

.ui-tabs .ui-tabs-nav li.ui-tabs-selected.redbus a {
	background-position: right -478px;
}

.ui-tabs .ui-tabs-nav li.ui-tabs-selected.redbus a span {
	background-position: left -478px;
}

.ui-tabs .ui-tabs-nav li a:hover {
	margin-bottom: 0;
	background-position: right -268px
}

.ui-tabs .ui-tabs-nav li a span:hover {
	margin-bottom: 0;
	background-position: left -268px;
}

.ui-tabs .ui-tabs-panel {
	display: block;
	border: 0;
	background: none;
}

.ui-tabs .ui-tabs-hide {
	position: absolute;
	left: -10000px;
	display: block;
}

/* Scroll Plane */

.scroll {
	height: 285px;
	overflow: auto;
	width: 452px;
	padding-left: 21px;
	background: #fff url(img/schedule_table_bg.png) repeat-y left top;
}

.jScrollPaneContainer {
	position: relative;
	overflow: hidden;
	z-index: 1;
}

.jScrollPaneTrack {
	position: absolute;
	cursor: pointer;
	left: 0;
	top: 0;
	background: url(img/schedule_track_bg.png) repeat-y 0px 0px;
	padding: 0 2px 0 3px;
	border-bottom: 1px solid #fff;
}

.jScrollPaneDrag {
	position: absolute;
	cursor: pointer;
	overflow: hidden;
	background: url(img/schedule_sprite.png) 0px -527px;
	width: 16px;
}

#tabs-1 .jScrollPaneDrag {
	background-position: -25px -527px;
}

#tabs-2 .jScrollPaneDrag {
	background-position: -50px -527px;
}

#tabs-3 .jScrollPaneDrag {
	background-position: -75px -527px;
}

#tabs-4 .jScrollPaneDrag {
	background-position: -100px -527px;
}

.jScrollPaneDragTop {
	position: absolute;
	top: 0;
	left: 0;
	overflow: hidden;
	display: none;
}

.jScrollPaneDragBottom {
	position: absolute;
	bottom: 0;
	left: 0;
	overflow: hidden;
	display: none;
}

/* Breadcrumbs */

ul.breadcrumbs {
	overflow: hidden;
	list-style: none;
	padding: 0;
	margin: 0;
}

ul.breadcrumbs li {
	float: left;
	margin: 0 6px 0 0;
	font-size: 1.1em;
	list-style: none;
	padding: 0;
	line-height: 1.2em;
	color: #999fa1;
}

ul.breadcrumbs li.arrow {
	background: url(img/icons_sprite.png) no-repeat 0px -142px;
	width: 8px;
	height: 10px;
}

ul.breadcrumbs li a {
	
}

.viewMore {
	padding: 0;
	margin: -4px 0 0px 0;
}

.module .viewMore {
	margin: 0px 0 0px 0;
}

.viewMore a {
	background: url(img/icons_sprite.png) no-repeat right -171px;
	padding-right: 13px;
}

.viewMore a:hover {
	background-position: right -196px;
}

.articleIntro h2 {
	font-size: 2.4em;
}

#sudoku {
	padding: 10px;
	background: #daf5f6;
	width: 260px;
	overflow: hidden;
	margin: 5px 0;
	border: 2px solid #c4ebed;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
}

#pnldone {
	width: 260px;
	text-align: center;
	font-size: 1.2em;
	font-weight: bold;
	color: #24959b;
}

#sudoku label {
	font-weight: bold;
	font-size: 1.1em;
	font-weight: bold;
	color: #24959b;
	line-height: 1.6em;
	width: 35px;
	text-align: left;
	display: block;
	float: left;
}

#sudoku input {
	font-size: 1.2em;
	font-weight: normal;
	font-family: Arial, Helvetica, sans-serif;
	background: #fff url(img/input_bg.gif) repeat-x left top;
	color: #2e9fa5;
	height: 16px;
}

#sudoku .number {
	float: left;
	width: 35px;
	padding-right: 8px;
}

#sudoku .number input {
	width: 25px;
	padding: 5px;
	margin: 0;
	border: 1px solid #96ced1;
	text-align: center;
	font-weight: bold;
	font-size: 1.4em;
}

#sudoku .email {
	float: left;
	width: 130px;
	clear: right;
}

#sudoku .email input {
	float: left;
	width: 118px;
	padding: 5px;
	margin: 0;
	border: 1px solid #96ced1;
}

#sudoku .submit {
	padding: 10px 0 0 0;
	float: left;
	clear: left;
}

#sudoku .submit input {
	width: 66px;
	height: 27px;
	padding: 0;
	margin: 0;
	border: none;
}

#sudoku .messages {
	padding: 14px 0 0 12px;
	float: left;
	width: 175px;
	overflow: hidden;
}

#sudoku .messages span {
	font-size: 1.1em;
	display: block;
	clear: both;
	padding: 0;
	margin: 0;
	line-height: .8em;
}

.module .sections .content.points {
	padding-top: 7px;
}

.module .sections #joyPoints {
	height: 220px;
	overflow: hidden;
}

.module .sections .content.points ul {
	padding: 10px 0;
	list-style: none;
	list-style-position: outside;
}

.module .sections .content.points ul li {
	padding: 4px 7px;
	list-style: none;
	font-size: 1.2em;
	border-top: 1px dotted #d7d9db;
	overflow: hidden;
}

.module .sections .content.points ul li strong {
	float: right;
	padding-left: 3px;
}

.module .sections .content.points ul li.total {
	border-top: 1px solid #d2e9f4;
	padding: 5 7px;
	margin-top: 4px;
	background: #e6f3f9;
	text-align: right;
}

#joyPointsTable {
	width: 100%;
	border-collapse: collapse;
	margin: 5px 0;
	display: none;
}

#joyPointsTable tr {
	
}

#joyPointsTable tr.totalPoints {
	background: #f2fbff;
	color: #0c82ae;
	font-weight: bold;
	border-top: 1px solid #b7d3f0;
}

#joyPointsTable tr.totalCards {
	background: #f2fbff;
	border-bottom: 1px solid #b7d3f0;
	color: #0c82ae;
	font-weight: bold;
}

#joyPointsTable tr th {
	font-size: 1.2em;
	font-weight: bold;
	padding: 6px 8px;
	border-right: 1px dotted #afcbe8;
	border-top: 1px dotted #afcbe8;
}

#joyPointsTable tr th.points {
	text-align: right;
	border-right: none;
}

#joyPointsTable tr td {
	font-size: 1.1em;
	padding: 6px 8px;
	border-right: 1px dotted #afcbe8;
	border-top: 1px dotted #afcbe8;
}

#joyPointsTable tr td.points {
	text-align: right;
	border-right: none;
	font-weight: bold;
}

#joyPointsTable tr td.alias {
	
}


.module.mobi{
	background:#d2edf8 url(images/mobi-top.gif) no-repeat left top;
}
.module.mobi .sections{
	background:none;
	position:relative;
}

.module.mobi .sections .inner{
	background:none;
}

.module.mobi .heading, .module.mobi .heading h2{
	background:none;
}

.module.mobi .inner p{
	color:#0C82AE;
	position:absolute;
	top:90px;
	left:15px;
	width:280px;
	text-shadow:0px 1px #FFF;
	font-size:1.2em;
	line-height:1.5em;
}

.module.mobi .inner p.title{
	font-size:1.7em;
	font-weight:bold;
	top:50px;
	text-align:center;
}
	.module.mobi .inner p.title2{
		top:100px;
	}


.module.mobi .inner br{
	line-height:10px;
	padding:0;
	margin:0;
}

.module.mobi .sections .bttmBg{
	background:none;
}

.module.mobi .sections .bttmBg span{
	width:310px;
	height:20px;
	display:block;
	background:url(images/mobi-bottom.gif) no-repeat left 0;
}
.module.million{
	background:url(http://www.joyofbingo.com/wp-content/themes/joy/images/million-month.jpg) no-repeat left top;
}
.module.million .sections{
	background:none;
	position:relative;
}

.module.million .sections .inner{
	background:none;
}

.module.million .heading, .module.million .heading h2{
	background:none;
}

.module.million .inner p{
	color:#990066;
	position:absolute;
	top:90px;
	left:15px;
	width:280px;
	text-shadow:0px 1px #FFCFF;
	line-height:1.5em;
}

.module.million .inner p.title{
	font-size:1.7em;
	font-weight:bold;
	top:60px;
	text-align:center;
}
	.module.million .inner p.title2{
		top:100px;
	}


.module.million .inner br{
	line-height:10px;
	padding:0;
	margin:0;
}

.module.million .sections .bttmBg{
	background:none;
}

.module.million .sections .bttmBg span{
	width:310px;
	height:20px;
	display:block;
	background:url(images/million-footer.jpg) no-repeat left 0;
}

.pointsForm {
	padding: 8px;
	background: #ffebf4;
	overflow: hidden;
	margin: 3px 0;
	border: 2px solid #ffdfed;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	position: relative;
}

.pointsForm input {
	font-size: 1.2em;
	font-weight: normal;
	font-family: Arial, Helvetica, sans-serif;
	background: #fff url(img/input_bg.gif) repeat-x left top;
	width: 180px;
	color: #c43b8f;
	padding: 5px;
	border: 1px solid #eebad3;
}

.pointsForm .submit {
	width: 66px;
	height: 27px;
	padding: 0;
	margin: 0;
	border: none;
	position: absolute;
	top: 26px;
	right: 8px;
}

.pointsForm label {
	font-weight: bold;
	font-size: 1.1em;
	font-weight: bold;
	color: #c43b8f;
	line-height: 1.6em;
}

.construction {
	position: absolute;
	z-index: 999;
	top: 0px;
	left: 0px;
	width: 300px;
	height: 144px;
	background: url(img/under_construction.png) no-repeat;
}

.constructionPoints {
	position: absolute;
	z-index: 999;
	top: 0px;
	left: 0px;
	width: 300px;
	height: 144px;
	background: url(img/under_construction.png) no-repeat;
}

#page.contentPage .c3.winner {
	background: url(img/winner_pink_bg.png) no-repeat 0px 0px;
	padding: 25px 25px 25px 200px;
	width: 230px;
	position: relative;
}

#page.contentPage .c3.winner .bttmBg {
	background: url(img/winner_pink_bttm.png) no-repeat 0px bottom;
	height: 25px;
	position: absolute;
	bottom: 0px;
	left: 0px;
	width: 455px;
}

#page.contentPage .c3.winner h2 {
	font-size: 1.8em;
	margin: 0;
	font-family: Georgia, "Times New Roman", Times, serif;
	color: #93306f;
	line-height: 1.3em;
}

#page.contentPage .c3.winner p {
	font-size: 1.1em;
	color: #93306f;
}

.winnerPhoto {
	width: 168px;
	height: 168px;
	position: absolute;
	top: 0px;
	left: 0px;
	z-index: 98;
	padding: 22px 0 0 22px;
}

.winnerPhoto .overlay {
	width: 190px;
	height: 190px;
	position: absolute;
	top: 0px;
	left: 0px;
	z-index: 99;
	background: url(img/winner_overlay.png) no-repeat 0px 0px;
}

.winnerPhoto .username {
	text-align: center;
	width: 190px;
	position: absolute;
	left: 0px;
	bottom: 23px;
	z-index: 100;
}

.winnerPhoto .username p {
	padding: 0;
	margin: 0;
	color: #1379b9;
	font-weight: bold;
	font-size: 1.2em;
}

#page.contentPage .row.winners {
	padding-bottom: 20px;
	margin: 0;
}

#page.contentPage .c3.winner.blue {
	background: url(img/winner_blue_bg.png) no-repeat 0px 0px;
}

#page.contentPage .c3.winner.blue .bttmBg {
	background: url(img/winner_blue_bttm.png) no-repeat 0px bottom;
}

#page.contentPage .c3.winner.blue h2, #page.contentPage .c3.winner.blue p {
	color: #005972;
}

#page.contentPage .c3.winner.purple {
	background: url(img/winner_purple_bg.png) no-repeat 0px 0px;
}

#page.contentPage .c3.winner.purple .bttmBg {
	background: url(img/winner_purple_bttm.png) no-repeat 0px bottom;
}

#page.contentPage .c3.winner.purple h2, #page.contentPage .c3.winner.purple p {
	color: #41329d;
}

#page.contentPage .c3.winner.orange {
	background: url(img/winner_orange_bg.png) no-repeat 0px 0px;
}

#page.contentPage .c3.winner.orange .bttmBg {
	background: url(img/winner_orange_bttm.png) no-repeat 0px bottom;
}

#page.contentPage .c3.winner.orange h2, #page.contentPage .c3.winner.orange p {
	color: #b54000;
}

.module.magazine {
	background: #c9eaf3 url(img/magazine_top_bg.png) no-repeat left top;
}

.module.magazine .sections {
	background: none;
	position: relative;
}

.module.magazine .sections .inner {
	background: none;
}

.module.magazine .heading, .module.magazine .heading h2 {
	background: none;
	text-shadow: none;
}

.module.magazine .inner p {
	color: #fff;
	position: absolute;
	top: 75px;
	left: 15px;
	width: 205px;
	text-shadow: 0px 1px #2e8fad;
	font-size: 1.1em;
	line-height: 1.5em;
}

.module.magazine .inner br {
	line-height: 10px;
	padding: 0;
	margin: 0;
}

.module.magazine .sections .bttmBg {
	background: #c9eaf3 url(img/magazine_bottom_bg.png) no-repeat left 0;
	padding: 0px;
	position: absolute;
	bottom: 0px;
	left: 0px;
	width: 310px;
	height: 80px;
}

.module.sudokuWinner {
	/*background: #21337e url(images/risk-free_top.jpg) no-repeat left top;*/
	/*background: #ffe8f4 url(images/virtual_gifts_home_top.jpg) no-repeat left top;*/
	background: #ffe8f4 url(images/joy-machine-bg.gif) no-repeat left top;
}

.module.sudokuWinner .sections {
	background: none;
	position: relative;
}

.module.sudokuWinner .sections .inner.equal {
	background: none;
}

.module.sudokuWinner .heading, .module.sudokuWinner .heading h2 {
	background: none;
	text-shadow: none;
}

.module.sudokuWinner .inner p {
	color: #fff;
	position: absolute;
	top: 70px;
	left: 15px;
	width: 205px;
	font-size: 1.1em;
	line-height: 1.5em;
	
}

.module.sudokuWinner .inner p span {
	padding-top: 10px;
	font-style: italic;
	display: block;
}

.module.sudokuWinner .inner br {
	line-height: 10px;
	padding: 0;
	margin: 0;
}

.module.sudokuWinner .sections .bttmBg {
	background: #ffe8f4 url(images/joy-carnival_home_bottom.gif) no-repeat left 0;
	/*background: #ffe8f4 url(images/virtual_gifts_home_bottom.gif) no-repeat left 0;*/
	padding: 0px;
	position: absolute;
	bottom: 0px;
	left: 0px;
	width: 310px;
	height: 20px;
}

.magazineViewer {
	position: relative;
	width: 830px;
	background: #fff;
	padding-left: 130px;
	z-index: 998;
}

.magazineViewer .overlay {
	height: 850px;
	width: 130px;
	background: #fff;
	position: absolute;
	top: 0;
	right: 0;
	z-index: 999;
}

#roland {
	background: #fee6f2;
}

#roland .form {
	width: 423px;
	text-align: left;
}

#roland input {
	
}

#roland .bttn {
	
}

#roland label, #roland span {
	display: block;
	color: #000;
}

#roland span {
	font-size: 1.4em;
	font-weight: bold;
	padding: 0 0 5px 0;
	color: #930b60;
}

#roland label {
	font-weight: bold;
	font-size: 1.2em;
}

#roland .formRow {
	overflow: hidden;
	padding: 5px 0 20px 0;
	width: position:relative;
}

#roland .radio label {
	display: inline;
	font-weight: normal;
	padding-right: 8px;
}

#roland input {
	padding: 5px 5px 5px 5px;
	border: 1px solid #ea9bbf;
	font-size: 12px;
	color: #000;
	font-family: Arial, Helvetica, sans-serif;
	width: 300px;
}

#roland .radio input {
	padding: 0;
	width: auto;
	border: none;
	margin: 3px 3px 0 0;
}

#roland .bttn input {
	width: 110px;
	height: 41px;
	padding: 0;
	margin: 5px 5px 0 0;
}

#roland #txtAlias {
	width: 180px;
}

#roland textarea {
	padding: 6px;
	border: 1px solid #ea9bbf;
	font-size: 12px;
	color: #000;
	font-family: Arial, Helvetica, sans-serif;
	width: 408px;
}

#roland #RequiredFieldValidator1 {
	padding: 0;
	margin: 0;
}

#roland #lblThanks {
	font-size: 1.2em;
	font-weight: normal;
	line-height: 16px;
}

ul.recipes {
	float: right;
	list-style: none;
	padding: 0;
	margin: 0;
}

ul.recipes span {
	display: block;
	text-indent: -999em;
}

ul.recipes li {
	float: left;
	list-style: none;
	padding: 0;
	margin: 13px 0 0 6px;
}

ul.recipes li a {
	display: block;
	height: 35px;
	background: url(img/recipe_buttons.png) no-repeat 0px 0px;
}

ul.recipes li.recipesHome a {
	background-position: 0px 0px;
	width: 160px;
}

ul.recipes li.recipesHome a:hover {
	background-position: 0px -44px;
}

ul.recipes li.recipesHome a:active {
	background-position: 0px -88px;
}

ul.recipes li.recipesHome a.current {
	background-position: 0px -132px;
}

ul.recipes li.starters a {
	background-position: -180px 0px;
	width: 112px;
}

ul.recipes li.starters a:hover {
	background-position: -180px -44px;
}

ul.recipes li.starters a:active {
	background-position: -180px -88px;
}

ul.recipes li.starters a.current {
	background-position: -180px -132px;
}

ul.recipes li.mainCourses a {
	background-position: -312px 0px;
	width: 97px;
}

ul.recipes li.mainCourses a:hover {
	background-position: -312px -44px;
}

ul.recipes li.mainCourses a:active {
	background-position: -312px -88px;
}

ul.recipes li.mainCourses a.current {
	background-position: -312px -132px;
}

ul.recipes li.desserts a {
	background-position: -429px 0px;
	width: 114px;
}

ul.recipes li.desserts a:hover {
	background-position: -429px -44px;
}

ul.recipes li.desserts a:active {
	background-position: -429px -88px;
}

ul.recipes li.desserts a.current {
	background-position: -429px -132px;
}

ul.recipes li.vegetarian a {
	background-position: -563px 0px;
	width: 135px;
}

ul.recipes li.vegetarian a:hover {
	background-position: -563px -44px;
}

ul.recipes li.vegetarian a:active {
	background-position: -563px -88px;
}

ul.recipes li.vegetarian a.current {
	background-position: -563px -132px;
}

ul.tags {
	list-style: none;
	padding: 0;
	margin: 0;
}

ul.tags li {
	list-style: none;
	padding: 0;
	font-size: 1.1em;
	margin: 0 6px 6px 0;
	background: #fbe0f1;
	float: left;
	border: 1px solid #f7b9df;
	-moz-border-radius: 6px;
	-webkit-border-radius: 6px;
}

ul.tags li a {
	display: block;
	padding: 5px 5px;
	color: #93306f;
}

ul.tags li:hover {
	background: #fceaf5;
}

ul.tags li:hover a {
	color: #000;
}

.ingredients {
	background: #fbe0f1;
	border: 1px solid #f7b9df;
	padding: 15px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	width: 300px;
	float: right;
	margin-left: 20px
}

.recipeSection .ingredients h2 {
	margin: 0 0 8px 0;
	padding: 0;
	color: #680242;
}

.ingredients p {
	color: #680242;
	font-size: 1.1em;
	line-height: 1.7em;
	border-top: 1px dashed #f7b9df;
	padding-top: 8px;
}

.ingredients li {
	color: #680242;
	line-height: 1.6em;
}

.recipeSection {
	overflow: hidden;
	margin-bottom: 30px;
}

.recipeSection h2 {
	margin: 0;
	padding: 0;
}

.recipes {
	
}

.recipes h2 {
	border-bottom: 1px solid #dcdfe0;
	padding: 0 0 5px 0;
	margin: 0;
}

.recipes .recipe {
	border-bottom: 1px solid #dcdfe0;
	padding: 0;
}

.recipes .recipe h3 {
	padding: 6px 0 5px 0;
	margin: 0;
	font-size: 1.2em;
	font-weight: bold;
	line-height: 1.2em;
}

.freeBingo table .column-1 {
	width: 20%;
}

.freeBingo table .column-2 {
	width: 30%;
}

.freeBingo table .column-3 {
	width: 10%;
}

.freeBingo table .column-4 {
	width: 20%;
}

.freeBingo table .column-5 {
	width: 20%;
}

/* CHRISTMAS NAV BTN */
#main-nav li a[title="Make it a JOYFUL Christmas &amp; New Year!"]{
	background:URL(images/joy_xmas_promo_navbtn.jpg) 0 0 no-repeat;
}

/* VALENTINES NAV BTN */
#main-nav li a[title="LOVE"]{
	background:URL(images/joy_LOVE_navbtn.jpg) 0 0 no-repeat;
}

/* mystery fool NAV BTN */
#main-nav li a[title="Joy Mystery Fool"]{
	background:URL(images/joy_mystery_navbtn.gif) 0 0 no-repeat;
}

/* bingostreet NAV BTN */
#main-nav li a[title="BingoStreet"]{
	background:URL(images/bingostreet_navbtn.gif) 0 0 no-repeat;
	display:block;
}

#Iframe{
	width:288px;
	height:500px;
	padding:10px 10px;
	border-left:solid 1px #97CFE4;
	border-right:solid 1px #97CFE4;
	background:URL("images/mobi_tile.jpg");
}
