
/* Body Default__________________________________________________________*/
* {
	margin: 0px;
	padding: 0px;
	color: #000;
}
a {
	/*color: #497e08;*/
	text-decoration: none;
}
a:hover {
	color: #535353;
	text-decoration: underline;
}
img {
	border: none;
}

#flyout.flyoutm7{
	padding-right: 20px;
	position: relative;
	background: url(/templates/images/WhiteDropdown.png) 100% 14px no-repeat;
} 
#flyout.flyoutm7{
	padding-right: 20px;
	position: relative;
	background: url(/templates/images/WhiteDropdown.png) 100% 14px no-repeat;
} 

ul {
	margin: 0px;
	padding: 0px;
}
li {
	list-style: none;
}
li a{
	text-decoration: none;
}

.positiveMessage{color: green;}

.clear {
	clear: both;
}
#body{
	font: normal 11px/16px Verdana, Geneva, Arial, Helvetica, sans-serif;
	text-align: left;
	text-decoration: none;
	line-height: 18px;
	background: url(../images/bodybg.jpg) repeat center top;
	margin: 15px 0 0 0;
}
.right {
	float: right;
}
.left {
	float: left;
}

.editableText, .editableText p,.editableText td {
	background-color:#E8F3F4;
}



/*filter:alpha(opacity=50);
	-moz-opacity:0.5;
	-khtml-opacity: 0.5;
	opacity: 0.5;*/
	
/* Title Con__________________________________________________________*/
#mainNav {
	position: relative;
	margin: 0 auto;
	width: 961px;
/*	border: 1px solid #ccc;*/
}
#titleNav {
	position: relative;
	left: 0px;
	clear: both;
	height: 108px;
	background: url(/templates/images/header.jpg) no-repeat left top;
}
		#titleNav #leftTitleCon {
			position: relative;
			float: left;
			width: 350px;
			height: 100px;
			margin: 0 2px 0px 0;
			font-size: 11px;
		}
		
		#titleNav #rightLoginCon {
			position: relative;
			top: 36px;
			float: right;
			width: 175px;
			height: 65px;
			margin: 0 2px 0px 0;
			font-size: 11px;
		}
		
		#titleNav #rightLoginCon p{
			float: left;
			clear: left;
			width: 65px;
			margin: 0 5px 3px 0;
			text-align: right;
			color: #fff;
		}
		#titleNav #rightLoginCon input {
			float: left;
			width: 100px;
			margin: 0 0 3px 0px;
			border: 1px solid #567094;
		}
		#titleNav #rightLoginCon a {
			margin-left: 69px;
		}
	
/* Top menu Con__________________________________________________________*/
#topMenuNav {
	position: relative;
	clear: both;
	height: 36px;
	margin: 2px 0px; 
	padding-left: 25px;
	background: url(../images/top_menubg.gif) no-repeat left top;
	overflow:hidden;
}
		#topMenuNav ul {
			position: relative;
			height: 36px;
			width: 920px;
			margin: 0 auto;
		}
		#topMenuNav ul li {
			float: left;
			height: 36px;
			background: url(../images/top_menu_separator.jpg) no-repeat top right;
		}
				#topMenuNav ul li.nonbg {
					background: transparent;
				}
		#topMenuNav ul li a {
			height: 28px;
			float: left;
			padding: 8px 12px 0 12px;
			font-size: 14px;
			font-weight: bold;
			color: #FFFFFF;
		}
		#topMenuNav ul li a:hover {
			text-decoration: none;
			color:#CCCCCC;
			/*background: url(../images/top_menuovbg.jpg) repeat-x left top;*/
		}


#homepageticker{
height:20px;
overflow:hidden;
padding-top:10px;
width:560px;	
margin-bottom:10px;
}
 
.tickerIntro{
	font-size: 14px;
	padding-left: 5px;
	font-weight: bold;
}
.newsText{
	font-size: 14px;
	font-weight: bold;
	padding: 3px;
}
.newsText a{ 
	color: blue;
	text-decoration: underline;	
}

#homepageColumnOne{
	float: left;
	width: 396px;
}
#homepageColumnTwo{
	float: left;
	width: 560px;
}
/* jackpot con (left most column) */
#jackpotCon {
	position: relative;
	float: left;
	width: 400px;
	overflow: hidden;
	line-height: 15px;
}
	#jackpotCon .matterNav {
			position: relative;
			margin: 0 auto;
			clear: both;
			width: 396px;
			background: url(../images/greenBox.png) repeat-y top;
		}
		#jackpotCon .bottom {
			position: relative;
			margin: 0 auto;
			clear: both;
			height: 8px;
			width: 396px;
			background: url(../images/greenBox.png) repeat-y bottom;
		}
/* Cen 1st Colum Con__________________________________________________________*/
#winningNumCon {
	position: relative;
	float: left;
	width: 369px;
	overflow: hidden;
	line-height: 15px;
	background-image: url(../images/greenBox.png);
}
#numConEnd{
	width: 366px;
	background-color:white;
	background: url(../images/greenBox.png) bottom left no-repeat;
	background-position: 4px 100%;
	height: 6px;
	position:relative;
	
}
#numConEndRight{
	width: 6px;
		position: relative;
		left: 3px;
	background-color:white;
	background: url("../images/greenBox.png") no-repeat scroll -390px 100% transparent;
	float: right;
	height: 6px;
}
		#winningNumCon.matterNav {
			position: relative;
			float: left;
			margin: 0 0 0 4px;
			_margin: 0 0 0 2px;
			clear: both;
			width: 365px;
			
		}
				#winningNumCon.matterNav .raw {
					border-bottom: 3px solid #4eb645;
					float: left;
					margin: 0px 0px 0px 4px;
					_margin: 0px 0px 0px 2px;
					width: 357px;
				}
						#winningNumCon.matterNav .raw .alignmatter {
							float: left;
							width: 238px;
							margin: 2px 0 2px 14px;
							_margin: 2px 0 2px 7px;
						}
						
						#winningNumCon.matterNav .raw .alignmatter .pballa {
							float: left;
							width: 230px;
							margin: 2px 0 2px 14px;
							_margin: 2px 0 2px 7px;
						}
						
						#winningNumCon.matterNav .raw p{
							float: left;
						}
						
						#winningNumCon.matterNav .raw .alignmatter a {
							text-align: right;
							color: #0000ff;
							font-size: 9px;
							margin-right: 4px; 
							text-decoration: underline;
						}
						
						#winningNumCon.matterNav .raw .alignmatter a:hover {
							text-decoration: none;
						}
						
						#winningNumCon.matterNav .raw .alignmatter span {
							background: url(../images/yellow_ball_bg.gif) no-repeat left top;
							height: 22px;
							width: 24px;
							float: left;
							font-weight: bold;
							font-size: 12px;
							padding: 6px 0 0 4px;
						}
						
						#winningNumCon.matterNav .raw .alignmatter span.green {
							background: url(../images/green_ball_bg.gif) no-repeat left top;
						}
						
						#winningNumCon.matterNav .raw .alignmatter span.red {
							background: url(../images/redball_bg.gif) no-repeat left top;
						}
				#winningNumCon.matterNav .raw .iconCon {
					float: left;
					width: 94px;
					text-align: right;
					margin: 0 0 0 2px;
				}
				#winningNumCon.matterNav .raw .bottomraw {
					height: 19px;
					float: left;
					clear: both;
					width: 352px;
					margin: 0px 0 0 0;
					padding: 1px 5px 0px 0px; 
					background-color: #d0efd2;
				}
				
					#winningNumCon.matterNav .raw .bottomraw strong.jackpot {
						font-size:12px;
					}
				
				#winningNumCon.matterNav .btmraw {
					border: 0;
				}
		#winningNumCon.matterNav .bottom {
			position: relative;
			float: left;
			margin: 0 auto;
			clear: both;
			width: 361px;
			padding-bottom: 6px;
			background: url(../images/greenBox.png) no-repeat bottom;
		}
.yellowballCon {
	background: url(../images/yellow_ball_bg.gif) no-repeat left top;
	height: 30px;
	width: 30px;
	float: left;
}
.greenballCon {
	background: url(../images/green_ball_bg.gif) no-repeat left top;
	height: 40px;
	width: 40px;
	float: left;
}
		
/* Cen 2nd Colum Con__________________________________________________________*/
#featuredNavCon {
	position: relative;
	float: left;
	left: 3px;
	width: 397px;
	margin-left: 0px;
}
		#featuredNavCon .matterNav {
			position: relative;
			margin: 0 auto;
			clear: both;
			width: 397px;
			background: url(../images/tanBox.png) repeat-y top;
		}
				#featuredNavCon .matterNav .picscon {
					width:	374px;
					height: 	380px;
					float: 	left;
					padding-left:	3px;
					margin: 	0 0px 0 12px;
					_margin: 	0 0px 0 6px;
					overflow:	hidden;
					padding-top:	8px;
				}
				
				#featuredNavCon .matterNav p {
					float: left;
					width: 186px;
					height:175px;
					margin: 0 0px 7px 0px;
					text-align: center;
					font-size: 14px;
					font-weight: bold;
				}
				
				#featuredNavCon .matterNav p.wide {
					width: 370px;
					height:250px;
				}
				
						#featuredNavCon .matterNav p img {
							margin: 5px 0 0 0;
							max-width: 100%;
						}
						#featuredNavCon .matterNav p a {
							color: #2d426f;
						}
		#featuredNavCon .matterNav .bottom {
			position: relative;
			margin: 0 auto;
			clear: both;
			height: 8px;
			width: 396px;
			background: url(../images/tanBox.png) repeat-y bottom;
		}

	
/* Cen 3rd Colum Con__________________________________________________________*/
#whatsnewNavCon {
	position: relative;
	float: right;
	width: 161px;
	margin-left: 2px;
}
		#whatsnewNavCon h1 {
			float: left;
			clear: both;
			width: 171px;
			padding: 0px;
			margin: 0px;
		}
		
		#whatsnewNavCon .matterNav {
			position: relative;
			margin: 0 auto;
			clear: both;
			width: 163px;
			background: url(../images/blueBox.png) repeat-y top;
			padding-top: 6px !important;
		}
				#whatsnewNavCon .matterNav p {
					float: left;
					margin: 0 0 5px 12px;
					_margin: 0 0 5px 6px;
					padding-bottom: 5px;
					width: 140px;
					text-align: center;
					border-bottom: 1px dashed #2d426f;
				}
			
				#whatsnewNavCon .matterNav p a {
					color: #2d2cff;
					text-decoration: underline;
				}
				#whatsnewNavCon .matterNav p a:hover {
					text-decoration: none;
				}
				#whatsnewNavCon .matterNav p img {
					max-width: 100%;
				}
				#whatsnewNavCon .matterNav p.paddingtop {
					padding-top: 20px !important;
				
				}
				#whatsnewNavCon .matterNav p.woborder {
					border: 0;
				}
		#whatsnewNavCon .matterNav .bottom {
			position: relative;
			margin: 0 auto;
			clear: both;
			height: 6px;
			width: 163px;
			background: url(../images/blueBox.png) repeat-y bottom;
		}
		
/* Bottom White Con__________________________________________________________*/
#bottomWhiteCon.alt {
	position: relative;
	margin: 2px 2px 2px auto;
	padding-top: 6px;
	width: 960px;
	background: url(../images/orangeBox.png) repeat-y top;
	font-size:12px;
}
		
	#bottomWhiteCon.alt .bottom {
		background: url(../images/orangeBox.png) repeat-y bottom;
		height: 6px;
		clear: both;
	}





/* WINNING NUMBERS PULL DOWN   _____________________________________________*/
#WinningNumberPullDownBar {
	height: 38px;
	width: 390px;
	margin: 0px 4px 0px 4px;
	background-image: url(../images/WinningNumbersBox.png);
}

/* WINNING NUMBERS PULL DOWN   _____________________________________________*/
#WinningNumberPullDownBarsmall {
	height: 33px;
	width: 382px;
	margin: 0px 1px 0px 1px;
	background-image: url(/img/winningNumbersHeader2.jpg);
	background-repeat: no-repeat;
	cursor: pointer;
	text-align: right; 
	padding-right: 15px;
	padding-top: 5px;
	line-height:12px;
	margin-bottom: 2px;
}

.numbersArrowDiv{
	float: right;
	position: relative;
	top: -6px;
	margin: 3px;
}

.smallPullDownText{
	font-size: 10px;
	color: black;
	line-height:10px;
}			 

/* Bottom Links Con__________________________________________________________*/
#bottomLinksNav {
	position: relative;
	width: 961px;
	margin: 0px 0 10px 0;
	padding: 0 0 2px 0;
	color: #fff;
	font-size: 11px;
	background:#075eae url(../images/footer_bg.jpg) repeat-x left top;
	background-color:#075eae;
}
		#bottomLinksNav .top {
			height: 8px;
			position: relative;
		}
		#bottomLinksNav p {
			position: relative;
			color: #fff;
			margin: 0px auto 8px auto;
			text-align: center;
		}
		
		
		#winningNumberscontent{
			top:-5px;
			height: 0px;
			overflow:hidden;
			width: 380px;
			position:absolute;
			z-index: 100;
			zIndex: 100;
			

		
		}
		
		
		#bottomLinksNav td {
			color: #fff;
			text-align: center;
		}
		
		#bottomLinksNav p strong {
			margin: 0 3px;
		}
		 
		#bottomLinksNav p a {
			color: #fff;
			text-decoration: underline;
		}
				#bottomLinksNav p strong a {
					text-decoration: none;
					color: #fff;
					margin: 0;
				}
				#bottomLinksNav p a:hover {
					text-decoration: underline;
				}

		#bottomLinksNav table {
			position: relative;
			color: #fff;
			margin: 0px auto 8px auto;
			text-align: center;
		}
		
		#bottomLinksNav td {
			color: #fff;
			text-align: center;
		}
		
		#bottomLinksNav p strong {
			margin: 0 3px;
		}
		 
		#bottomLinksNav table a {
			color: #fff;
			text-decoration: none;
		}
				#bottomLinksNav table strong a {
					text-decoration: none;
					color: #fff;
					margin: 0;
				}
				#bottomLinksNav table a:hover {
					text-decoration: underline;
				}				
				
#MPA.MatchPlayText{
	color: #CC0099;
	background: none;
	width: auto;
	font-weight: bold;
}				