@charset "utf-8";

/* 

= CSS Document  ==========================


	Site: 			Tea and Bingo Global CSS

	Created: 		October 2009

	Updated: 		February 2010

	Copyright: (c) 2009-2010, Teaandbingo.com


=======================================

*/



/* === Tags & Global Elements === */

* { margin: 0; padding: 0; }

html { font-size: 100%; }

body {

	font-size: 62.5%;

	font-family: Arial, Helvetica, sans-serif;



}



img { border: 0; }



a { color: #6699FF; text-decoration: underline; }

a:hover { text-decoration: underline; }

a.external {}



h1 { color: #009900; font-size: 4em; font-weight: bold; margin-bottom: 10px; }



p { margin-bottom: 1em; }



/* === Main Tables === */



#holder thead { width: 100%; text-align: left; background: url(../img/global/bg/top_dots.gif) repeat-x; }	





	#holder #main { width: 900px; margin: 7px auto auto auto; text-align: left; }

	

		#holder #main #header_table { width: 900px; }

			#holder #main #header_table tr td#logo{ width: 230px; background-color: #FFFFFF; }

			#holder #main #header_table tr td#main_login{ vertical-align: top; }

			#holder #main #header_table tr td#special_button{ width: 155px; background-color: #FFFFFF; }

			#holder #main #header_table tr td#specialbutton{ width: 365px; background-color: #FFFFFF;
			padding-bottom:25px; vertical-align:bottom; font-size:14px; text-align:right; }

			#holder #main #header_table #login_table { width: 100%; margin-top: 20px; margin-left: 20px; font-size: 1.2em; color: #61594D; }

				#holder #main #header_table #login_table tr { height: 30px; padding-top: 3px; }

				#holder #main #header_table #login_table input { margin-right: 10px; }

				#holder #main #header_table #login_table input.text_box { width: 100px; padding: 2px 0; border: 1px solid #CCCCCC; } 

				

	#holder #main #mid_content{ width: 100%; }	

		#holder #main #mid_content #main_navigation { width: 159px; color: #61594D; vertical-align: top; }

			#main_navigation td { vertical-align: top; }

			#main_navigation a { color: #FF3399; }

			#main_navigation h2 { font-size: 1.8em; color: #61594D; margin-bottom: 7px; }

			#main_navigation p { font-size: 1.2em; }

			#main_navigation .hr { height: 0; border: 1px dotted; border-width: 1px 0 0 0; margin: 10px 0; }

			#main_navigation .hr hr{ display: none; }

			

		

		#main_navigation #navigation_buttons { padding-bottom: 20px; width: 157px; }

		

		#main_navigation #biscuit_box { width: 135px; height: 90px; background: url(../img/global/biscuit.gif) no-repeat; vertical-align: top; padding: 12px 15px 17px 15px; }		

			#main_navigation #biscuit_box a { color: #FF3399;}

			

		#holder #main #mid_content #navigation_spacer { width: 25px; }

		

		#holder #main #mid_content #main_content { vertical-align: top; color: #61594D; }

			#main_content h2 { font-size: 2.5em; color: #009900; font-weight: bold; margin-bottom: 7px; line-height: 0.9em;  }

				#main_content h2.larger { font-size: 3em; }

			#main_content h3 { font-size: 2em; color: #009900; font-weight: bold; margin-bottom: 7px; line-height: 0.9em; }

			#main_content p { font-size: 1.2em; }

			#main_content a { color: #FF3399; }

						

			#main_content #large_offer{ width: 475px; height: 250px; background:no-repeat; }

			#main_content #small_offer{ width: 170px; height: 109px;  padding-top: 60px; padding-left:30px; padding-right:40px; vertical-align: top; text-align:center; }

				#main_content #right_offer{ width: 260px; height: 259px;  padding-top: 60px; padding-left:30px; padding-right:40px; vertical-align: top; text-align:center; }

			#main_content .horizontal_dots { height: 56px; background: url(../img/global/bg/gold_dots.gif) repeat-x; }

			#main_content #bottom_blocks { height: 230px; vertical-align: top; }

			#main_content #bottom_blocks td { padding: 0 10px; }

			#main_content .tv_block { background: url(../img/global/bg/tv.jpg) no-repeat bottom right; width: 213px; border: dotted #61594D; border-width: 0 1px 0 0; }

			#main_content .reading_block { background: url(../img/global/bg/open_sign.jpg) no-repeat bottom right; width: 227px; border: dotted #61594D; border-width: 0 1px 0 0; }

			#main_content .vip_block { background: url(../img/global/bg/showbiz_mirror.jpg) no-repeat; vertical-align: middle; padding: 0 30px 0 50px!IMPORTANT; }

			

		#breadcrumbs { height: 30px; font-size: 1.2em; }

			#breadcrumbs td { padding-bottom: 20px; } 



/* === Main Content === */



#main_content .right_image { padding-left: 20px; vertical-align: top; }



/* === Help === */



#help_table { font-size: 1.2em; }

	#help_table td { vertical-align: top; padding-bottom: 15px; }

	#help_table .help_cup { width: 30px; }

	

/* === Join === */



#join_table { width: 100%; font-size: 1.2em; }



	#join_table .field_name { font-weight: bold; width: 125px; }

	#join_table .input_box { padding-bottom: 5px; height: 27px; }

	#join_table .validation_box {font-size: 1.2em; text-align: center; color:#FF3399; border: 1px dashed #FF3399;}

	

	#join_table input { margin-right: 10px; }

				#join_table input.text_box { padding: 2px 0; border: 1px solid #CCCCCC; } 

				#join_table input.radio2 { margin-left: 10px; margin: 0 10px;} 

	#join_table select { margin-right: 10px; }

				#join_table select{ padding: 2px 5px; border: 1px solid #CCCCCC; } 



#register_butt { background-image:url(../img/global/buttons/register_butt.gif); background-position:center top; background-repeat:no-repeat; height:27px; width:119px; margin:0 auto; border: 0; }

#register_butt:hover { background-position: center bottom; cursor: pointer!IMPORTANT; }



/* === Community === */



#community_page h2 { font-size: 3em!IMPORTANT; color: #61594D!IMPORTANT; margin-bottom: 10px!IMPORTANT; }

	#community_page td { vertical-align: top; }

	#community_page tr.community_spacer { height: 20px; }

	

	#community_page td.vertical_spacer { width: 20px; }



.red_bord_table { border: 2px dotted #CC0033; }

	.red_bord_table td { padding: 15px; }

	

	

	.red_bord_table #stories_table { width: 100%; margin: 0 auto; font-size: 1.2em; }

	

	.red_bord_table #stories_table td { border: 1px dotted #61594D; border-width: 0 0 1px 0; padding: 6px 2px; }

		.red_bord_table #stories_table h2 { font-size: 2.4em!IMPORTANT; } 

		.red_bord_table #stories_table td.no_bord { border: 0; }

		

	

	#twitter_block { background: url(../images/twitter_bg.jpg) no-repeat; height: 183px; width: 256px; vertical-align: top; }

		#twitter_block h2 { font-size: 1.0em!IMPORTANT; color: #FFFFFF!IMPORTANT; padding: 20px 0 10px 85px; line-height: 0.8em; }

		

		#twitter_block p, #twitter_block ul { font-size: 1.0em; padding: 3px 15px; font-weight: bold; list-style:none; }

			#twitter_block p a{ font-size: 0.8em; } 

			

	#twitter_holder img { margin: 0 6px 6px 0; float: left; }

	

	#vote_butt { background-image:url(../img/global/buttons/vote_butt.gif); background-position:center top; background-repeat:no-repeat; height:27px; width:49px; margin:0 auto; border: 0; }

#vote_butt:hover { background-position: center bottom; cursor: pointer!IMPORTANT; }



/* === Footer === */

	

#holder #footer_spacer { height: 56px; background: url(../img/global/bg/footer_dots.gif) repeat-x; }



	#footer { text-align: center; font-size: 1.2em; color: #61594D; }

		#footer a { color: #FF3399; }

		#footer p { margin-bottom: 5px; }

	

/* === Buttons === */			



/* == main nav == */



#main_navigation .main_nav_butt { padding: 5px; background-color: #FFFFFF; display: block; font-size: 1.6em; font-family: Rockwell, Georgia, Arial, Helvetica; text-decoration: none; }

	#main_navigation .main_nav_butt:hover { color: #FFFFFF!IMPORTANT; }

	

#main_navigation #home_butt { color: #FF3399;  width: 43px;  }

	#main_navigation #home_butt:hover { background-color: #FF3399; }

	

#main_navigation #promotions_butt { color: #009900;  width: 82px;  }

	#main_navigation #promotions_butt:hover { background-color: #009900; }

	

#main_navigation #games_butt { color: #9966CC;  width: 50px;  }

	#main_navigation #games_butt:hover { background-color: #9966CC; }



#main_navigation #community_butt { color: #CC0033;  width: 83px;  }

	#main_navigation #community_butt:hover { background-color: #CC0033; }

	

#main_navigation #help_butt { color: #FF4500;  width: 33px;  }

	#main_navigation #help_butt:hover { background-color: #FF4500; }

	

	

#main_login_butt { background-image:url(../img/global/buttons/main_login_butt.gif); background-position:center top; background-repeat:no-repeat; height:27px; width:58px; margin:0 auto; border: 0; }

#main_login_butt:hover { background-position: center bottom; cursor: pointer!IMPORTANT; }



.submit_butt { background-image:url(../img/global/buttons/submit_butt.gif); background-position:center top; background-repeat:no-repeat; height:27px; width:67px; margin:0 auto; border: 0; }

.submit_butt:hover { background-position: center bottom; cursor: pointer!IMPORTANT; }



/* === MISC === */



.green { color: #009900!IMPORTANT; }



.midImg { vertical-align: middle; margin-right: 10px; }



.imgReplace, a.btnReplace { background-position: top; background-repeat: no-repeat; display: block; }

.imgReplace span, a.btnReplace span { width: 0; height: 0; overflow: hidden; display: block; }

a.imgReplace:hover, a.btnReplace:hover { background-position: bottom!IMPORTANT; }

.imgReplace, a.btnReplace { background-position: top; background-repeat: no-repeat; display: block; }

.imgReplace span, a.btnReplace span { width: 0; height: 0; overflow: hidden; display: block; }

/* DP */
.button {background-color:#009900; color:#FFF; cursor:pointer; }
.button a:hover{background-color:#ff3399; color:#FFF; cursor:pointer; }
.cat-item {list-style:none; }
.hrdot { height: 0; border: 1px dotted; border-width: 1px 0 0 0; margin: 10px 0; }
img.alignright {
	padding: 4px;
	margin: 0 0 2px 7px;
	display: inline;
	}

img.alignleft {
	padding: 4px;
	margin: 0 7px 2px 0;
	display: inline;
	}

.alignright {
	float: right;
	}

.alignleft {
	float: left;
	}
.blogigation {
	display: block;
	text-align: center;
	margin-top: 10px;
	margin-bottom: 60px;
	}
td.alt {background-color: #e5deba;}
td.flickrmain {background:url(http://www.teaandbingo.com/images/gallery_bg.jpg) top no-repeat;
padding-right:4px; padding-top:4px;}
td.flickrsmall {background:url(http://www.teaandbingo.com/images/small_frame.jpg) top no-repeat;
width:66px; text-align:center; height:66px;}
#main_content .homebottom { width: 227px; border: dotted #61594D; border-width: 0 1px 0 0; }
#main_content .pagebottom { width: 33%; border: dotted #61594D; border-width: 0 1px 0 0; padding-left:8px; padding-right:8px; }
#main_content ul, #main_content li { font-size: 1.1em; }
.voted_butt { background-image:url(../images/voted_butt.jpg); background-position:center top; background-repeat:no-repeat; height:50px; width:49px; margin:0 auto; border: 0; cursor:pointer; }
.voted_butt:hover { background-image:url(../images/voted_butt2.jpg); background-position:center top; background-repeat:no-repeat; height:50px; width:49px; margin:0 auto; border: 0; }
.pagebtm {border-bottom:#61594D 1px dotted;}
.cufon {
	font-family: Rockwell, Georgia, Arial, Helvetica, sans-serif;}
.padmeout {
	padding-left:8px;
	padding-right:8px;}
#main_content .horizontal_dot { height: 56px; background: url(../img/global/bg/gold_dots.gif) repeat-x; }
#main_content .channelsub { font-size: 1.4em; font-weight: bold; text-decoration:none; }
#pscroller1{
width: 130px;
height: 2.8em;
}

.rssclass .rsstitle{
font-weight: bold;
}

.rssclass .rssdate{
color: gray;
font-size: 85%;
}

.rssclass a{
text-decoration: none;
}
td#main_login { text-align:right; padding-top:40px; padding-right:40px; font-size:12px;}
.green, .green a {color:#090; font-size:12px; font-weight:bold;}
.blue, .blue a {color:#69F; font-size:12px; font-weight:bold;}
.pink, .pink a {color:#F39; font-size:12px; font-weight:bold;}
.yellow, .yellow a {color:#FC0; font-size:12px; font-weight:bold;}
.brown {color:#61594D; font-size:12px;}
.arcadeimg {
	border:#6699ff 2px dotted;}
.jackpotimg {
	border:#ffcc00 2px dotted; margin-right:5px;}
#pscroller2{
width: 130px;
height: 6em;
}
small {
	font-size:9px;}
.navlogin, .navlogin a {
	height:19px;
	background:url(/img/loginnow.jpg) left no-repeat;
	padding-left:33px;
	color:#009900;
	padding-right:4px;
	padding-right:16px;
	}
.navjoin, .navjoin a {
	height:19px;
	background:url(/img/joinnow.jpg) left no-repeat;
	padding-left:33px;
	color:#ff3399;
	padding-right:4px;
	padding-right:16px;
}
.navplay, .navplay a {
	height:19px;
	background:url(/img/playnow.jpg) left no-repeat;
	padding-left:33px;
	color:#6699ff;
	padding-right:4px;
	padding-right:16px;
}
.navhelp, .navhelp a {
	height:19px;
	background:url(/img/help.jpg) left no-repeat;
	padding-left:33px;
	color:#ff4500;
	padding-right:4px;
	padding-right:16px;}
	
.schedheads, tr.schedheads {color:#ff3399; font-size:12px; font-weight:bold;}
tr.greybg {  font-size:12px; text-align:left;}
tr.whitebg {  font-size:12px; text-align:left;}
tr.whitebg2 { font-size:12px; text-align:left;}
table{border-collapse:collapse;}

.newnav, .newnav a {
	height:35px;
	background:url(/img/livehelp.jpg) left no-repeat;
	padding-left:35px;
	color:#000000;
	padding-right:4px;
	font-size:16px;
	font-family: Rockwell, Georgia, Arial, Helvetica;
	}
.livehelp, .livehelp a {
	color:#000000;
	padding-right:4px;
	font-size:16px;
	font-family: Rockwell, Georgia, Arial, Helvetica;
	font-weight:bold;
	text-decoration:none;}
.joinnav, .joinnav a {
	height:35px;
	background:url(/img/navjoin.jpg) left no-repeat;
	padding-left:45px;
	color:#ff3399;
	padding-right:4px;
	font-size:16px;
	font-family: Rockwell, Georgia, Arial, Helvetica;
	text-decoration:none;
	}
.playnav, .playnav a {
	height:35px;
	background:url(/img/navplay.jpg) left no-repeat;
	padding-left:45px;
	color:#009900;
	padding-right:4px;
	font-size:16px;
	font-family: Rockwell, Georgia, Arial, Helvetica;
	font-weight:bold;
	text-decoration:none;
	}
tr.cmborder { border-top:#61594d 1px dotted; font-size: 9px;}

.schedule1 {background-color:#ECF3FF;}
/*--------------------------------------------------
  schedule css code feb 2010
  --------------------------------------------------*/
#main_content .tabberlive .tabbertabhide {
 display:none;
}

/*--------------------------------------------------
  .tabber = before the tabber interface is set up
  .tabberlive = after the tabber interface is set up
  --------------------------------------------------*/
#main_content .tabber {
}
#main_content .tabberlive {
 margin-top:1em;
}

/*--------------------------------------------------
  ul.tabbernav = the tab navigation list
  li.tabberactive = the active tab
  --------------------------------------------------*/
#main_content ul.tabbernav
{
 margin:0;
 padding: 3px 0;
 font-weight:bold;
 font-size:12px;
 color:#ffffff;
}

#main_content ul.tabbernav li
{
 list-style: none;
 margin: 0;
 display: inline;
}

#main_content ul.tabbernav li a
{
 padding: 3px 0.5em;
 margin-right: 3px;
 border: 1px solid #ccc;
 border-bottom: none;
 background: #009900;
 text-decoration: none;
 color:#FFF;
}

#main_content ul.tabbernav li a:link { color: #fff; }
#main_content ul.tabbernav li a:visited { color: #ffcc00; }

#main_content ul.tabbernav li a:hover
{
 color: #009900;
 background: #ffcc00;
 border-color: #e5deba;
}

#main_content ul.tabbernav li.tabberactive a
{
color:#009900;
 background-color: #fff;

}

#main_content ul.tabbernav li.tabberactive a:hover
{
 color: #ff3399;
 background: white;

}

/*--------------------------------------------------
  .tabbertab = the tab content
  Add style only after the tabber interface is set up (.tabberlive)
  --------------------------------------------------*/
#main_content .tabberlive .tabbertab {
 padding:5px;
 border:1px solid #e5deba;
 border-top:0;

 /* If you don't want the tab size changing whenever a tab is changed
    you can set a fixed height */

 /* height:200px; */

 /* If you set a fix height set overflow to auto and you will get a
    scrollbar when necessary */

 /* overflow:auto; */
}

/* If desired, hide the heading since a heading is provided by the tab */
#main_content .tabberlive .tabbertab h2 {
 display:none;
}
#main_content .tabberlive .tabbertab h3 {
 display:none;
}

/* Example of using an ID to set different styles for the tabs on the page */
#main_content .tabberlive#tab1 {
}
#main_content .tabberlive#tab2 {
}
#main_content .tabberlive#tab2 .tabbertab {
 height:100%;
 overflow:auto;
}
#main_content .tabberlive .tabbertab {
  height:100%;
}
#schedule_butt { background-image:url(../img/global/buttons/schedule_butt.gif); background-position:center top; background-repeat:no-repeat; height:20px; width:49px; margin:0 auto; border: 0;}

#schedule_butt:hover { background-position: center bottom; cursor: pointer!IMPORTANT; }

tr.chatunderline {border-bottom:#333 1px dotted;}
tr.chatunderlinehead {background-color:#090; color:#FFF;}
tr.dailyevents {background-color:#090; background:url(../images/greenbg.jpg) top repeat-x; color:#FFF; font-size:14px; font-weight:bold; height:30px; vertical-align:middle;}
tr.dailycontent {border-bottom:#333 1px solid;}
tr.prebuybg {background:url(/images/prebuybg.jpg) top repeat-x; color:#FFF;}
tr.tourneybg{background:url(/images/goldbg.jpg) top repeat-x; color:#FFF; font-weight:bold; font-size:16px;}
tr.greybgt {background-color:#f5f5f5;}
tr.whitebg {}