/* 
# $Id: bingo.css,v 1.13 2010/08/30 23:57:00 lchan Exp $
*/
body {
	margin:0px;
	padding:0px;
	background-repeat:repeat;
	background-color:#CCEAE9;
	color:black;
	font: 12px/1.4 Verdana, Arial, Helvetica, sans-serif;
}

body.norm {
	background-image:url('/media/print-bingo-background.jpg');
	
}

body.frame {
	background-image:url('/media/print-bingo-background.jpg');
	text-align: center; /* for IE8 */
}

/* Frame pages */

#FrameMain {
	margin-left: auto;
	margin-right: auto;
	margin-top: 5px;
	margin-bottom: 5px;
	width: 954px;
	height: 95%;
	border: 2px solid black;
	background-color:white;
	position: relative; /* needed to float navbar to bottom, which is needed b/c of % height */
	
}

#FrameContent {
	
	background-color:white;
	overflow: auto;

}

#Frame_Right {
	/* PDF */
	width: 69%;

	height: 70%;
	float: right;
	margin-top: 3px;
	margin-right: 3px;
	border: 1px solid grey;
}

#Frame_Left {
	/* copy */
	width: 29%;

	text-align: left;
	padding: 2px;
	height: 70%;

	float: left;
}

#FrameFoot{
	width: 950px;
	color:#F0F9F9;
	background-color:#1f4391;
	clear:both;
	/* height: 10px; */
	padding: 3px;
	font: 9px Verdana, Arial, Helvetica, sans-serif;	
	position: absolute; 
	bottom: 0px;
	left: 0px;
	margin-left: auto; margin-right: auto;
}

#FrameFoot a, #FrameFoot p, #FrameFoot a:link, #FrameFoot a:visited, #FrameFoot a:hover{
	text-decoration: none;
	color: white;
	font-weight: normal;
	font: 9px Verdana, Arial, Helvetica, sans-serif;	
}

#FrameFoot a:hover{
	text-decoration: none;
	background-color: lightblue;
}

#FrameLeader {
	width:728px; 
	height:90px;
	margin-left: auto;
	margin-right: auto;

}

.frameNav {
	background-color:#1f4391;
	padding: 5px;
	padding-bottom: 5px;
	padding-top: 5px;
	margin-bottom: 5px;
	text-align: left;
}
.frameNav a, .frameNav a:visited, .frameNav a:link {
	text-decoration:none;
	font: 13px Verdana, Arial, Helvetica, sans-serif;	
	font-weight:900;
	color: #F0F9F9;

	padding-left:5px;
	padding-right:5px;
}
.frameNav a:hover{
	color: white;
	text-decoration: underline;
	font: 13px Verdana, Arial, Helvetica, sans-serif;	
	font-weight: 900;
	background-color: lightgrey;
}

.frameHeadText ul{
	margin:2px 0px 0px 0px;	
}




.whitespace { /* used for terms of service */
	margin:10px;
}


.r { text-align:right; }
.l { text-align:left; }
.c { text-align:center; }

.space20, .space20 li { line-height:200%;}


p {
	font:	12px/1.6 Verdana, Arial, Helvetica, sans-serif;
	margin:	5px 0px 10px 0px;
	color:	#0A1313;
}

li, td {
	font:	12px/1.4 Verdana, Arial, Helvetica, sans-serif;
	margin:0px 0px 0px 0px;	
}

li {
	margin-left:15px;
	/* hanging indent */
	padding-left: 15px; 
	text-indent: -15px;

}

ul {
	margin-left:15px;
	padding: 0px;
}

th {
	font:	12px/1.4 Verdana, Arial, Helvetica, sans-serif;
	font-weight: bold;
	text-align: left;

}

a, a:link, a:visited   {
	color:#000060;
	font-weight:600;
	text-decoration: underline; 
	font:	12px/1.4 Verdana, Arial, Helvetica, sans-serif;
}

a:hover {
	color:green;
	background-color:white;
}

.darkbold {
	color:#000040;
	font:24px/1.4 verdana, arial, helvetica, sans-serif;
	font-weight:900;
	margin-bottom: 5px;
	}

.highlight	{
	border:1px dashed black;
	margin: 4px;
	margin-top:10px;
	background-color:#FFFABF;
	text-align:center;
}

.redlight {
	/* error messages - Chrome */
	border:1px solid black;
	margin: 4px;
	margin-top:10px;
	background-color:#FAA5A5;
	text-align:center;
}

/* initially for premium page links */
.midlight {
	border:1px solid black;
	padding: 10px;
	background-color:#FFFFFF;
	text-align:center;
}

.subtle { /* used for subtle borders */
	border: 1px solid #c0c6c9;
	padding: 4px;
}

.formerror { /* used on email design form */
	color: red;
	font-size: 12pt;
}

.red {
	color: red;
}



h1, h2, h3 {
	font-family: Verdana, Arial, Helvetica, sans-serif; 
	margin: 0px;
	padding: 0px;
	clear: none;
	display:block;

}

h1, h1.h1sifr {
	font-family: 'Salsa', Arial, Verdana, Helvetica, sans-serif; 
	color:#000040;
	font-size: 22pt; 
	line-height: 24pt;
	font-weight: normal;
}

	/*margin:5px 0px 6px 0px;*/
h2, h2.h2sifr { 
	font-family: 'Salsa', Arial, Verdana, Helvetica, sans-serif; 
	color:#000020;
	font-size: 16pt;
	line-height: 18pt;
	font-weight: normal;
}

h3, h3.h3sifr { 
	color:#4F4F4F;
	font-size:11pt;
	font-weight:normal;
	margin:5px 0px 5px 0px;
	line-height: 110%; 
}

.BigWord {
	color:#4F4F4F;
	font-size:15pt;
	font-weight:800;
	margin:5px 0px 3px 0px;
}

blockquote {
	margin:0px 15px 0px 15px;	
}

img {border-width:0px;}


/* used on premium page */
.tableData {
	border: 1px solid darkgrey;
}
.tableData td, .tableData th {
	vertical-align:text-top;
	padding: 3px;
}
.tableData th {
	font-weight:bold;
	font-size:9pt;
	border-bottom: 1px solid black;
	vertical-align:text-top;
	background-color: #9BE2F2;
}


#Foot a, #Foot p, #Foot a:link, #Foot a:visited, #Foot a:hover{
	text-decoration: none;
	color: white;
	font-weight: normal;
	font: 9px Verdana, Arial, Helvetica, sans-serif;	
}

#Foot a:hover{
	text-decoration: none;
	background-color: lightblue;
}

/* Includes logo, headers, content, navbars, etc. */
#Main {

	margin-left: auto;
	margin-right: auto;
	margin-top: 20px;
	margin-bottom: 15px;
	width: 954px;
	background-color: white;
	border:2px solid black;
}


#Content {
	width: 914px;
	/* min-height: 850px;*/
	padding:5px 20px 20px 20px;
	color:black;
	background-color:white;
	overflow: auto;
	/* background-color:#F0F9F9; */
	/* border:2px solid black; */
}


#Foot{
	width: 948px;
	background-color:#1f4391;
	height: 10px;
	padding: 3px;
	border-top: 0px solid black;
	color:#F0F9F9;
	font: 9px Verdana, Arial, Helvetica, sans-serif;	
}



#NavBar{
	width: 944px;
	background-color:#1f4391;
	padding: 5px;
	padding-bottom: 6px;
	padding-top: 10px;
	border-top: 1px solid black;
	border-bottom: 1px solid black;
	color: white;
	}

#NavBar a, #NavBar a:visited, #NavBar a:link {
	text-decoration:none;
	font: 13px Verdana, Arial, Helvetica, sans-serif;	
	font-weight:900;
	color: #F0F9F9;
}
#NavBar a:hover{
	color: white;
	text-decoration: underline;
	font: 13px Verdana, Arial, Helvetica, sans-serif;	
	font-weight: 900;
	background-color: lightgrey;
}



#SubBar{
	/* width: 944px; */
	background-color:#2857bc;
	margin-left: 0px;
	margin-right: 200px;
	padding: 5px;
	padding-left: 10px;
	padding-bottom: 6px;
	padding-top: 10px;
	/* border-top: 0px solid black; */
	border-bottom: 1px solid black;
	border-left: 0px solid black;
	border-right: 1px solid black;
	color: white;
}

#SubBar a, #SubBar a:visited, #SubBar a:link {
	text-decoration:none;
	font: 13px Verdana, Arial, Helvetica, sans-serif;	
	font-weight:900;
	color: #F0F9F9;
}
#SubBar a:hover{
	color: white;
	text-decoration: underline;
	font: 13px Verdana, Arial, Helvetica, sans-serif;	
	font-weight: 900;
	background-color: lightgrey;
}



#Logo {
	margin:5px 0px 0px 10px;
	padding:0px;
}
#Header {
	/* margin:5px 100px 5px 10px; */
	padding:0px;
}
#Header H1{
	margin: 5px 0px 0px 0px; 
}	
#Header H2{
	/* margin:0px 0px 10px 3px; */
	margin: 0px 0px 5px 0px;
}


#Content H3{
	line-height: 1.4; 
}


#Content a, #Content a:link, #Content a:visited {

	text-decoration: none; 
	border-bottom: 1px solid #b0b1e3;

}

#Content a:hover {
	border-bottom: 1px dashed green;
}

/*
#Share {
	position: absolute;
	left: 820px;
	top: 450px;
	width: 160px;
	height: 30px;
	text-align: center;
}
*/
#Main_Left {
	width: 754px;
	float: left;
}
#Main_Right {
	width: 160px;
	float: right;
}

#Store {
	/* 
	position: absolute; 
	left: 809px;
	top: 247px;
	*/
	margin-bottom: 10px;
	width: 160px;
	/* height: 220px; Was 200 - 2014-02-11 */
	height: 130px;
	text-align: right;
}

#Vertical {
	/* was Astore */
	/*
	position: absolute;
	left: 820px;
	top: 475px;
	*/
	width: 160px;
	height: 600px;
	text-align: right;
}

#AdBar {
	float: right;
	padding:5px;
	position:relative;
	width:320px;
	height:270px;
	
}

.AdBanner {
	padding:5px;
	margin-bottom: 10px;
}

/* added 2010-07-23 */
.AdLeaderboard{
	border: 1px solid black;
	width:728px; 
	height:90px;
}