/* CSS Reset v1.0 | 20080212 */
html,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,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td{border:0;outline:0;font-size:100%;vertical-align:baseline;background:transparent;margin:0;padding:0}
body{line-height:1}
ol,ul{list-style:none}
blockquote,q{quotes:none}
blockquote:before,blockquote:after,q:before,q:after{content:none}
:focus{outline:0}
ins{text-decoration:none}
del{text-decoration:line-through}
table{border-collapse:collapse;border-spacing:0}

/* Core */

html {
	overflow-y: scroll;
}

body {
	font-family: Verdana, Arial, sans-serif;
	font-size: 11px;
	line-height: 14px;
}

#prizesjustwon h3 {
	color: #1c3663;
}

#instantprizes h3 {
	color: #3fabd8;
}

#dailymajorprize h3 {
	color: #f76a1e;
}

/* Button Classes */
a.button,
a.button span {
	background-image: url(img/buttons_sprite.png);
	background-repeat: no-repeat;
}

a.button {
	line-height: 12px;
	color: #fff;
	text-transform: uppercase;
	font-weight: bold;
	font-style: italic;
	font-family: Helvetica, Arial, sans-serif;
	letter-spacing: -.1em;
	text-decoration: none;
	text-align: center;
	
	display: block;
	height: 24px;
	background-position: right top;
}

a.button span {
	display: block;
	height: 12px;
	padding: 7px 20px 5px;
	background-position: left top;
}


a.button:hover {
	color: #fff;
	background-position: right -24px;
}

a.button:hover span {
	background-position: left -24px;
}

/* View all prizes and winners buttons */

a.view_all_prizes,
a.view_all_winners {
	position: absolute;
	z-index: 3;
	right: 12px;
	bottom: 12px;
	line-height: 12px;
	color: #fff;
	text-transform: uppercase;
	font-weight: bold;
	font-style: italic;
	font-family: Helvetica, Arial, sans-serif;
	letter-spacing: -.1em;
	text-decoration: none;
	text-align: center;
	
	display: block;
	height: 24px;
	background-repeat: no-repeat;
	background-image: url(img/view_winnersprizes_sprite.png);
}

a.view_all_prizes span,
a.view_all_winners span {
	display: block;
	height: 12px;
	padding: 7px 20px 5px;
	filter:alpha(opacity=0)
	opacity: 0;
	opacity: 0;
}

a.view_all_winners {
	width: 135px;
	background-position: 0 0;
}

a.view_all_prizes {
	width: 123px;
	background-position: -136px 0;
}

a.view_all_winners:hover {
	background-position: 0 -24px;
}

a.view_all_prizes:hover {
	background-position: -136px -24px;
}



/* Header Classes */
#header {
	font-size: 12px;
	width: 980px;
	height: 105px;
	margin: 0 auto;
}

#header ul {
	
}

#header ul li {
	position: relative;
	float: left;
	margin-top: 59px;
	height: 28px;
}


#header ul li#paypal_logo {
	margin: 0;
	padding: 0;
	margin-left: 37px;
	margin-right: 31px;
	height: 105px;
	width: 467px;
}

#header ul li#menu_playwin {
	width: 108px;
}


#header ul li#menu_prizepool {
	width: 105px;
}


#header ul li#menu_whypaypal {
	width: 118px;
}


#header ul li#menu_joinpaypal {
	width: 107px;
}

#header ul li#menu_playwin,
#header ul li#menu_prizepool,
#header ul li#menu_whypaypal {
	
}

#header ul li a {
	line-height: 12px;
	color: #797979;
	text-transform: uppercase;
	font-weight: bold;
	font-style: italic;
	font-family: Helvetica, Arial, sans-serif;
	letter-spacing: -.1em;
	text-decoration: none;
	text-align: center;
	
	display: block;
	height: 28px;
	background-image: url(img/header_navigation_sprite.png);
	background-repeat: no-repeat;

}

#header ul li a span {
	display: block;
	height: 12px;
	padding: 9px 0 7px;
	filter:alpha(opacity=0)
	opacity: 0;
	opacity: 0;
}


#header ul li#menu_playwin a {
	background-position: 0px 0px;
}

#header ul li#menu_prizepool a {
	background-position: -109px 0px;
}

#header ul li#menu_whypaypal a {
	background-position: -214px 0px;
}

#header ul li#menu_joinpaypal a {
	background-position: -332px 0px;
}

#header ul li#menu_playwin a:hover {
	background-position: 0px -28px;
}

#header ul li#menu_prizepool a:hover {
	background-position: -109px -28px;
}

#header ul li#menu_whypaypal a:hover {
	background-position: -214px -28px;
}

#header ul li#menu_joinpaypal a:hover {
	background-position: -332px -28px;
}

/* Flash Container */
#flash-container {
	width: 942px;
	padding-left: 37px;
	margin: 0 auto;
	clear: both;
}

#flash-container .content {
	position: relative;
	width: 942px;
	height: 264px;
	background: #496885;
}

#flash-container #todays-major-prize {
	position: absolute;
	background: #fff url(img/flasharea_todaysprize_background.png) repeat-x bottom left;
	width: 252px;
	height: 152px;
	padding: 8px 0 12px;
	border: 1px solid #e6e6e6;
	-moz-border-radius: 15px;
	-webkit-border-radius: 15px;
	border-radius: 15px;
	bottom: 46px;
	right: 130px;
	z-index: 10;
}

#flash-container #todays-major-prize h3 {
		font-size: 12px;
		line-height: 12px;
		height: 12px;
		font-style: italic;
		text-align: center;
		text-transform: uppercase;
		display: block;
		width: 252px;
		padding-bottom: 13px;
		border-bottom: 1px solid #e6e6e6;
		background-position: center 3px;
		background-repeat: no-repeat;
		background-image: url(img/textsubstitute_todaysmajorprize.png);
	}

#flash-container .content .background {
	width: 100%;
	height: 100%;
	position: absolute;
	background: #496885 url(img/flasharea_background.jpg) no-repeat left top;
}

	/* Flash rounded corners*/
	
	#flash-container .content .angled {
		width: 59px;
		height: 234px;
		position: absolute;
		bottom: 0;
		right: -1px;
		background-image: url(img/flasharea_angled_corner.png);
		background-repeat: no-repeat;
	}
	
	#flash-container .content .shark {
		width: 107px;
		height: 79px;
		position: absolute;
		bottom: 0;
		right: 0;
		background-image: url(img/flasharea_shark.png);
		background-repeat: no-repeat;
	}
	
	#flash-container .content .tl,
	#flash-container .content .tr,
	#flash-container .content .bl,
	#flash-container .content .br {
		width: 29px;
		height: 29px;
		position: absolute;
		background-image: url(img/flasharea_rounded_corners_sprite.png);
		background-repeat: no-repeat;
	}
	
	#flash-container .content .tl {
		top: 0;
		left: 0;
		background-position: top left;
	}
	#flash-container .content .tr {
		width: 30px
		top: 0;
		right: -1px;
		background-position: top right;
	}
	#flash-container .content .bl {
		height: 30px;
		bottom: -1px;
		left: 0;
		background-position: bottom left;
	}
	#flash-container .content .br {
		width: 30px;
		height: 30px;
		bottom: -1px;
		right: -1px;
		background-position: bottom right;
	}

	#flash-content {
		position: absolute;
		left: 0;
		top: 0;
		width: 530px;
		height: 264px;
		z-index: 9;
	}
	
	#flash-content .noflash {
		position: absolute;
		color: #fff;
		padding: 80px 100px;
		text-align: center;
		font-size: 1.2em;
		line-height: 1.2em;
	}

#testpanel {
	z-index: 20000000;
	position: absolute;
	top: 20px;
	right: 20px;
	width: 220px;
	padding: 20px;
	background-color: #eee;
	border: 2px solid #ddd;
}



/* Column Classes */
.colgroup {
	clear: both;
	width: 912px;
	padding: 12px 31px 0 37px;
	margin: 0 auto;
	background: url(img/colgroup_background.png) no-repeat top center;
	min-height: 106px;
}

.colgroup .column {
	position: relative;
	background: #fff;
	float: left;
	width: 295px;
	margin-right: 10px;
	padding: 17px 0 12px;
	border: 1px solid #e6e6e6;
	-moz-border-radius: 15px;
	-webkit-border-radius: 15px;
	border-radius: 15px;
}

.colgroup .column .top,
.colgroup .column .bottom {
	position: absolute;
	left: -1px;
	width: 297px;
	height: 15px;
	background-image: url(img/IE_rounded_corners.png);
	background-repeat: no-repeat;
}

.colgroup .column .top {
	top: -1px;
}

.colgroup .column .bottom {
	bottom: -1px;
}

#prizesjustwon .top {
	background-position: left top;
}

#prizesjustwon .bottom {
	background-position: left bottom;
}

#instantprizes .top {
	background-position: center top;
}

#instantprizes .bottom {
	background-position: center bottom;
}

#dailymajorprize .top {
	width: 297px;
	background-position: right top;
}

#dailymajorprize .bottom {
	width: 297px;
	background-position: right bottom;
}

.colgroup .end {
	margin-right: 0;
}

.colgroup .column h3,
#todays-major-prize h3 {
	font-size: 17px;
	line-height: 17px;
	height: 17px;
	font-style: italic;
	text-align: center;
	text-transform: uppercase;
	display: block;
	width: 295px;
	padding-bottom: 16px;
	border-bottom: 1px solid #e6e6e6;
	background-position: center 3px;
	background-repeat: no-repeat;
}

/* Hide the text content but leave it selectable and accessible */
.colgroup .column h3 span,
#todays-major-prize h3 span {
	display: block;
	opacity: 0;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
}
	
	/* Image Replacement */
	.colgroup #prizesjustwon.column h3 {
		background-image: url(img/textsubstitute_prizesjustwon.png);
	}
	
	.colgroup #instantprizes.column h3 {
		background-image: url(img/textsubstitute_instantprizes.png);
	}
	
	.colgroup #dailymajorprize.column h3 {
		background-image: url(img/textsubstitute_dailymajorprize.png);
	}

.colgroup .column p {
	display: block;
	padding-top: 12px;
	padding-right: 10px;
	padding-bottom: 17px;
}

.colgroup .column p.blurb {
	color: #777;
	display: block;
	font-style: italic;
	font-weight: bold;
	padding: 15px;
	font-size: 11px;
	line-height: 14px;
	border-bottom: 1px solid #e6e6e6;
}

.colgroup .column p.blurb a {
	color: #f76a1e;
}


.colgroup .column ul.list {
	display: block;
	margin-bottom: 35px;
}

.colgroup .column ul.list li {
	display: block;
	border-bottom: 1px solid #e6e6e6;
}

.colgroup .column ul.list li.instant,
.colgroup .column ul.list li.major {
	background-image: url(img/prize_list_sprite.png);
	background-repeat: no-repeat;
}

.colgroup .column ul.list li.instant {
	background-image: url(img/prize_list_sprite.png);
	background-repeat: no-repeat;
	background-position: 0 center;
}

.colgroup .column ul.list li.major {
	background-position: -320px center;
}


.colgroup .column ul.list li a {
	color: #646464;
	display: block;
	padding: 8px 8px 8px 62px;
	text-decoration: none;
}

.colgroup .column ul.list li a strong {
	color: #336699;
}

/* Mini Carousel Sub-class */
.colgroup .column .minicarousel {
	position: relative;
	width: 120px;
	height: 140px;
	float: left;
	margin: 12px 16px 0 14px;
	background: #eee url(img/mini_carousel_background.png) repeat-x top left;
	z-index: 3;
}

.colgroup .column .minicarousel .prev,
.colgroup .column .minicarousel .next {
	background-image: url(img/mini_carousel_navigation.png);
	background-repeat: no-repeat;
	display: block;
	width: 120px;
	height: 12px;
	z-index: 2;
}

.colgroup .column .minicarousel .disabled {
	background-image: url(img/mini_carousel_navigation_disabled.png);
}

.colgroup .column .minicarousel .prev {
	top: 0;
	background-position: left 0;
}


.colgroup .column .minicarousel .next {
	bottom: 0;
	background-position: left -36px;
}

.colgroup .column .minicarousel .prev:active {
	background-position: left -12px;
}


.colgroup .column .minicarousel .next:active {
	background-position: left -48px;
}

	/* root element for scrollable */ 
	.colgroup .column .minicarousel div.scrollable { 
	 
	    /* required settings */ 
	    position:relative; 
	    overflow:hidden; 
	 
	    /* vertical scrollers have typically larger height than width */ 
	    height: 116px; 
	    width: 120px; 
	} 
	 
	/* root element for scrollable items */ 
	.colgroup .column .minicarousel div.scrollable div.items { 
	    position:absolute; 
	 
	    /* this time we have very large space for the height */ 
	    height:20000em; 
	}
	
	.colgroup .column .minicarousel div.scrollable div.items div {
		position: relative;
		width: 120px;
		height: 116px;
	}
	
	.colgroup .column .minicarousel div.scrollable div.items div div.date {
		position: absolute;
		top: 20px;
		left: 25px;
		width: 54px;
		height: 12px;
		font-size: 9px;
		padding: 1px 8px 2px;
		text-align: center;
		text-transform: uppercase;
		color: #fff;
		background: #496885;
		z-index: 1;
		-moz-border-radius: 8px;
		-webkit-border-radius: 8px;
		border-radius: 8px;
	}
	

/* Footer Classes */

#footer {
	clear: both;
	font-size: 9px;
	font-family: Verdana, sans-serif;
	line-height: 9px;
	color: #c7c7c7;
	
	width: 980px;
	height: 162px;
	margin: 0 auto;
	background: url(/resources/css/img/footer_background.png) no-repeat center top;
}

#footer h3 {
	color: #336699;
	display: block;
	padding-top: 62px;
	padding-bottom: 22px;
	font-size: 14px;
	line-height: 14px;
	text-align: center;
	width: 980px;
	font-style: italic;
	text-transform: uppercase;
	filter:alpha(opacity=0)
	opacity: 0;
	opacity: 0;
}

#footer p {
	text-align: center;
	margin-bottom: 6px;	
}

#footer p.disclaimer {
	color: #d6d6d6;
}

#footer a {
	color: #909090;
	text-decoration: none;
	padding-right: 7px;
	background: url(img/footer_link.png) no-repeat right center;
}


#footer a:hover {
	text-decoration: underline;
}