/*Push v2.1 reference style sheet (c)2008, 2009 Push Entertainment - Author L Williams

PROMOTION WIDE
Defaults for margin around page, background color (two settings to cover all browsers) and text style
DON'T CHANGE text-align: center;*/
BODY
{
	margin: 5px 0px 0px;
	padding: 0;
	background-color: #000000;
	background: #000000;
	color: #000000;
	font-size: 11px;
	text-align: center;
	font-family: tahoma, helvetica, sans-serif;
}
/*Default style for hyperlinks, can be overridden by specified sub-types  eg push_footer_links*/
A, A:visited
{
	font-size: 11px;
	color: #16418C;
	text-decoration: underline;
}
A:hover
{
	font-size: 11px;
	color: #0000FF;
	text-decoration: underline;
}
/*Default text style for the promotion, can be overridden by sub-classes.*/
TD
{
	font-size: 10px;
	font-weight: normal;
	color: #000000;
}
/*BEWARE! Container layer contains all other layers.*/
#container
{
	position: relative;
	width: 900px;
	height: 700px;
	margin: auto;
}
/*Page Graphics Background layer - component 3
Set theme background colour, or to majority colour of ScreenBG1.jpg*/
#css_background
{
	position: absolute;
	top: 0px;
	left: 0px;
	width: 100%;
	background-color: #000000;
	background: #000000;
	z-index: 0;
}
/*Position Flags for language selection in a multi-language promotion.*/
#css_chooseLanguage
{
	position: absolute;
	top: 0px;
	right: 50px;
	z-index: 1;
}
/*Position Push links to FAQ and Terms of Use - components 12, 13
DON'T CHANGE text-align: center;*/
#css_termsCond
{
	position: absolute;
	bottom: -80px;
	left: 3%;
	width: 94%;
	z-index: 1;
	text-align: center;
}
/*Style used in #css_termsCond DIV*/
.push_footer_links, .push_footer_links:visited
{
	font-size: 10px;
	color: #0000FF;
	text-decoration: none;
}
.push_footer_links:hover
{
	font-size: 10px;
	color: #FFFFFF;
	background: #0000FF;
	text-decoration: underline;
}
/*PAGES 0 & 1
Position & Style of Client T&C text*/
#css_entry_tc
{
	position: absolute;
	bottom: -51px;
	left: 2%;
	width: 96%;
	font-size: 9px;
	font-weight: normal;
	text-align: center;
	color: #B8BCBD;
	z-index: 5;
}
/*PAGE 0
Introductory copy for locker based promotions.*/
#css_lockerCopy
{
	position: absolute;
	top: 141px;
	left: 88px;
	width: 270px;
	font-size: 14px;
	font-weight: bold;
	color: #000000;
	text-align: left;
	z-index: 1;
}
/*Locker Username-Password form & "forgotten your password" link*/
#css_lockerForm
{
	position: absolute;
	top: 361px;
	left: 86px;
	width: 390px;
}
/*Login error messages eg Your login details are incorrect. Please check and re-enter.
Positioned under the login form by default (to move use relative positioning).*/
.css_locker_error_message
{
	position: relative;
	top: 70px;
	font-size: 11px;
	font-weight: normal;
	color: #000000;
	z-index: 2;
}
/*Locker Register and OK links. A graphic button can be used in place of an HTML link.*/
#css_locker_registerButton
{
	position: absolute;
	top: -106px;
	left: 3px;
	width: 270px;
	z-index: 2;
	text-align: right;
}
#css_locker_registerButton A, #css_locker_registerButton A:visited
{
	font-size: 17px;
	color: #000000;
	font-weight: bold;
	background: #FFFFFF;
}
#css_locker_registerButton A:hover
{
	font-size: 17px;
	color: #FFFFFF;
	font-weight: bold;
	background: #000000;
}
#css_locker_okButton
{
	position: absolute;
	top: 102px;
	left: 2px;
	width: 270px;
	z-index: 2;
	text-align: right;
	font-weight: bold;
}
#css_locker_okButton A, #css_locker_okButton A:visited
{
	font-size: 17px;
	color: #000000;
	font-weight: bold;
	background: #FFFFFF;
}
#css_locker_okButton A:hover
{
	font-size: 17px;
	color: #FFFFFF;
	font-weight: bold;
	background: #000000;
}
/*Optional Divs's for layout of LockerForm*/
#lockerEmailFieldLabel
{
	position: relative;
	top: 1px;
	width: 200px;
}
#lockerEmailField
{
	position: relative;
	top: 20px;
	left: -230px;
}
#lockerPasswordFieldLabel
{
	position: relative;
	top: 28px;
}
#lockerPasswordField
{
	position: relative;
	top: 40px;
	left: -230px;
}
#lockerPasswordForgotLink
{
	position: relative;
	top: 54px;
	left: -2px;
	text-align: left;
	width: 228px;
}
#lockerPasswordForgotLink A, #lockerPasswordForgotLink A:visited
{
	font-size: 10px;
	font-weight: normal;
	color: #7F7F7F;
	background: #FFFFFF;
}
#lockerPasswordForgotLink A:hover
{
	font-size: 10px;
	font-weight: normal;
	color: #7F7F7F;
	background: #000000;
}
/*PAGE 1
Defines the layer for component ID1; Page 1 Promotion copy, and component ID2; Page 2 Client copy*/
#css_entryCopy
{
	position: absolute;
	top: 198px;
	left: 56px;
	width: 316px;
	font-size: 12px;
	font-weight: normal;
	color: #F1C573;
	text-align: left;
	z-index: 1;
}
/*Layer for the user data capture form page 1 - holds components 6-8,11*/
#css_userForm
{
	position: absolute;
	top: 516px;
	left: 56px;
	width: 330px;
	z-index: 2;
/*Leave this as Left*/
	text-align: left;
}
/*Data capture form text style*/
TD.formLabel
{
	font-weight: normal;
	color: #F1C573;
/*To align the Labels and Fields,
set this text-align:
blank; Labels R, Fields L
Right; Labels R, Fields R
Left ; Labels L, Fields L*/
	text-align: left;
}
/*Required fields text style normally below the data capture form.*/
TD.reqFieldLabel
{
	font-weight: normal;
	color: #A74717;
	text-align: left;
}
/*Data capture form elements. These styles define the rendering of the elements within the page one data capture form.
If the styles are not specified the default HTML setting will be used. Check your settings look OK on both Mac and PC*/
.dataCapture_text
{
	font-size: 11px;
}
.dataCapture_textarea
{
	font-size: 11px;
}
.dataCapture_select
{
	font-size: 11px;
}
.dataCapture_radio
{
}
.dataCapture_cbox
{
}
.dataCapture_button
{
	font-size: 11px;
}
/*PAGE 2
Top copy for Page 2*/
#css_barrierCopy
{
	position: absolute;
	top: 140px;
	left: 250px;
	width: 400px;
	font-size: 12px;
	font-weight: normal;
	color: #000000;
	z-index: 1;
}
/*MEDIA TYPE SWITCH - Page 2 settings*/
#css_mediaTypeSwitch_barrier
{
	position: absolute;
	top: 200px;
	left: 400px;
	height: 220px;
	width: 287px;
}
/*PLUGIN
Positions the plugin. Width setting here must at least the width of plugin which is ???*/
#css_barrierContent
{
	position: absolute;
	top: 193px;
	left: 13px;
	width: 400px;
	z-index: 3;
}
/*Prompts to the user generated by the faceless plug-in, position & stlye*/
#pluginMessaging
{
	color: #000000;
	position: absolute;
	top: 135px;
	left: 0px;
	font-size: 10px;
	width: 270px;
	text-align: center;
	z-index: 5;
	visibility: hidden;
}
/*displays one of two messages to the user:
'Please Wait - Loading Software' or 'Having problems? Please use the FAQ link below'.*/
#pluginFaqPrompt
{
	color: #000000;
	position: absolute;
	top: 195px;
	left: 0px;
	width: 270px;
	font-size: 10px;
	text-align: center;
	z-index: 5;
}
/*The remaining #plugin... DIVs are set to hidden initially, and changed as required by the system
Dropdown list of drive letters, position & stlye*/
#pluginDriveList
{
	color: #000000;
	position: absolute;
	top: 215px;
	left: 0px;
	width: 270px;
	font-size: 10px;
	visibility: hidden;
	z-index: 5;
}
/*OK text/button, position & style
displays when the presented asset has the correct media type,*/
#pluginGoLink
{
	position: absolute;
	top: 160px;
	left: 0px;
	width: 270px;
	text-align: center;
	visibility: hidden;
	z-index: 5;
}
/*RETRY message/button, position & style
displays when the presented asset has incorrect media type,*/
#pluginRetryLink
{
	position: absolute;
	top: 160px;
	left: 0px;
	width: 270px;
	text-align: center;
	z-index: 5;
	visibility: hidden;
}
/*INVALID-RETRY message/button, position & style
displays when the previously presented asset was found to be invalid,*/
#pluginRetryInvalidLink
{
	position: absolute;
	top: 160px;
	left: 0px;
	width: 270px;
	text-align: center;
	z-index: 5;
	visibility: hidden;
}
/*Style of the OK and RETRY links shown in the text mode of the faceless plugin. If present they override the default A class properties.*/
.pluginLink, .pluginLink:visited
{
	font-size: 17px;
	font-weight: bold;
	text-decoration: underline;
	color: #000000;
	background: #FFFFFF;
}
.pluginLink:hover
{
	font-size: 17px;
	font-weight: bold;
	text-decoration: underline;
	color: #FFFFFF;
	background: #000000;
}
/*PASSCODE style of the label for the passcode input box*/
#passCodeLabel
{
	font-weight: bold;
	font-size: 11px;
	color: #FFFFFF;
}
/*style of the passcode input box*/
.passCodeInput
{
	font-weight: normal;
	font-size: 12px;
}
/*style for error message when invalid passcode used*/
#passCodeError
{
	font-weight: bold;
	font-size: 12px;
	color: #FF0000;
}
/*Position of the User's locker contents which can be provided by by the plugin.
Width setting here must at least the width of plugin which is ???*/
#lockerContentBarrierPage
{
	position: absolute;
	top: 330px;
	left: 250px;
	width: 400px;
	z-index: 5;
}
/*PAGE 3
Top copy eg "Welcome, your bonus content is below", but often left blank - component IDs 16,17*/
#css_passedCopy
{
	position: absolute;
	top: 25px;
	left: 25px;
	width: 500px;
	font-size: 14px;
	font-weight: bold;
	text-align: left;
	color: #000000;
	z-index: 4;
}
/*BONUS CONTENT
This is the parent DIV for all content related elements of page 3 - component ID 18. .*/
#css_passedContent
{
	position: absolute;
	top: 25px;
	left: 0px;
	width: 100%;
	z-index: 3;
}
/*MEDIA TYPE SWITCH - Page 3 settings*/
#css_mediaTypeSwitch_passed
{
	position: absolute;
	top: 85px;
	left: 150px;
	height: 190px;
	width: 250px;
}
/*VIDEO & AUDIO STREAMS
The 'width x height' size determines the overall size of the Flash Stream player.
Small        256x192 (or 256x144) set 436x224
Standard 320x240 (or 320x180) set 500x272
Medium   384x288 (or 384x216) set 564x320
Large       480x360 (or 480x270) set 660x392
An initial image PID_MediaThumb.jpg will display in the video window.
MAKE SURE DOWNLOAD AND VOUCHER DIVS DON'T OVERLAP THIS WINDOW*/
#css_incentive_mediawindow
{
	position: absolute;
	top: 366px;
	left: 51px;
	width: 500px;
	height: 272px;
	z-index: 5;
}
/*DOWNLOADS
Positions the area for the download content, including the names and links.
Will scroll if too small - to avoid this increase width or height.*/
#css_incentive_downloads
{
	position: absolute;
	top: 418px;
	left: 585px;
	z-index: 3;
	width: 250px;
	height: 200px;
	overflow: auto;
	border: 0px solid #000000;
	text-align: left;
}
.css_incentive_downloadHeading
{
	font-size: 14px;
	font-weight: bold;
	color: #000000;
	text-align: center;
}
#css_incentive_downloads_help
{
	position: absolute;
	top: 401px;
	left: 585px;
	z-index: 3;
	width: 250px;
	text-align: left;
}
/*DOWNLOADS style of the media names*/
.mediaLinksText
{
	font-size: 13px;
	font-weight: bold;
	color: #000000;
}
/*style of the download media links*/
.mediaLinks, .mediaLinks:visited
{
	font-size: 13px;
	font-weight: normal;
	color: #000000;
	background: #FFFFFF;
}
.mediaLinks:hover
{
	font-size: 13px;
	font-weight: normal;
	color: #FFFFFF;
	background: #000000;
}
/*GALLERY*/
#css_incentive_gallery
{
	position: absolute;
	top: 60px;
	left: 552px;
}
/*VOUCHERS
Position and style of the voucher before and after text and the code itself (page 3 for vouchers incentive type (type 7)
Code shows as font+1 size*/
#css_incentive_voucher
{
	position: absolute;
	top: 100px;
	left: 100px;
	z-index: 3;
	font-size: 13px;
	font-weight: bold;
	color: #FFFFFF;
	text-align: left;
	width: 400px;
	height: 120px;
	overflow: auto;
	border: 0px solid #000000;
}
/*ADD MORE BUTTON
For lockers when not all assets have been presented*/
#css_addMoreButton
{
	position: absolute;
	top: 20px;
	left: 500px;
	z-index: 3;
	visibility: visible;
}
/*For positioning the Free Text incentive (and links for the non-flash media player)
X is the display order ID of the Incentive shown in the CMS Incentives Manager*/
#css_incentive_0, #css_incentive_5, #css_incentive_10, #css_incentive_15, #css_incentive_20
{
	font-size: 10px;
	text-align: left;
	position: relative;
	top: 3px;
	left: -281px;
	z-index: 3;
	width: 287px;
	overflow: auto;
}
/*COMPETITON question and answer form*/
#css_competition
{
	position: absolute;
	top: 280px;
	left: 50px;
	width: 120px;
	z-index: 3;
}
#css_competition TD
{
	font-size: 13px;
	font-weight: bold;
	color: #FFFFFF;
	text-align: left;
}
#css_competition INPUT
{
	text-align: right;
}
/*COMPETITON Thank You text in popup window*/
#css_compThankYou
{
	position: absolute;
	top: 25px;
	left: 250px;
	z-index: 3;
	font-size: 13px;
	font-weight: bold;
	color: #FFFFFF;
	text-align: center;
	width: 400px;
}
/*INVITES*/
#css_incentive_invite
{
	position: absolute;
	font-size: 22px;
	font-weight: bold;
	color: #FF0000;
	top: 207px;
	left: 299px;
}
#css_incentive_invite
{
	position: absolute;
	top: 426px;
	left: 584px;
}
/*POINTS Flash based components*/
#css_incentive_pointsCombined
{
	position: absolute;
	top: 207px;
	left: 85px;
	height: 226px;
	width: 230px;
}
#css_incentive_thermometer
{
	position: absolute;
	top: 239px;
	left: 318px;
	height: 175px;
	width: 210px;
}
#css_incentive_leaderboard
{
	position: absolute;
	left: 659px;
	top: 25px;
	height: 138px;
	width: 157px;
}
#css_incentive_points
{
	top: 239px;
	left: 82px;
	height: 108px;
	position: absolute;
	width: 210px;
}