/*[fmt]1A90-1A0B-3*/
/*Push v2.0 reference style sheet
(c)2008 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: white;
	background: white;
	color: black;
	font-size: 10px;
	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 {
	color: #16418C;
	text-decoration: underline;
}

a:hover {
	font-size: 10px;
	color: blue;
	text-decoration: underline;
}

/*Default text style for the promotion, can be overridden by sub-classes.*/
td {
	font-family: tahoma, helvetica, sans-serif;
	font-size: 10px;
	font-weight: normal;
	color: black;
}

/*BEWARE! Container layer contains all other layers.*/
#container {
	position: relative;
	width: 1024px;
	height: 675px;
	margin: 25px 0 0;
}

/*Page Graphics Background layer - component 3*/
#css_background {
	position: absolute;
	top: 0px;
	left: 0px;
	width: 1024px;
	background-color: white;
	background: white;
	z-index: 0;
}

/*Position Flags for language selection in a multi-language promotion.*/
#css_chooseLanguage {
	position: absolute;
	top: 120px;
	left: 180px;
	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;
	top: 736px;
	left: 115px;
	width: 800px;
	z-index: 1;
	text-align: center;
}

/*Style used in #css_termsCond DIV*/
.push_footer_links, .push_footer_links.visited {
	font-size: 10px;
	color: blue;
	text-decoration: none;
}

.push_footer_links:hover {
	font-size: 10px;
	color: blue;
	text-decoration: underline;
}

/*PAGES 0 & 1
Position & Style of Client T&C text*/
#css_entry_tc {
	position: absolute;
	top: 696px;
	left: 92px;
	width: 850px;
	font-family: tahoma, helvetica, sans-serif;
	font-size: 9px;
	font-weight: normal;
	text-align: center;
	color: black;
	z-index: 5;
}

/*PAGE 0
Introductory copy for locker based promotions.*/
#css_lockerCopy {
	position: absolute;
	top: 200px;
	left: 100px;
	width: 330px;
	font-family: tahoma, helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	color: black;
	text-align: left;
	z-index: 1;
}

/*Locker Username-Password form & "forgotten your password" link*/
#css_lockerForm {
	position: absolute;
	top: 200px;
	left: 470px;
	width: 400px;
}

/*Locker Register and OK links. A graphic button can be used in place of an HTML link.*/
#css_locker_registerButton {
	position: absolute;
	top: 0px;
	left: 0px;
	text-align: left;
	width: 400px;
	z-index: 10;
}

#css_locker_okButton {
	position: absolute;
	top: 0px;
	left: 0px;
	width: 400px;
	z-index: 1;
}

/*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: 0px;
	font-size: 11px;
	font-weight: bold;
	color: #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: 54px;
	left: 528px;
	width: 414px;
	font-family: tahoma, helvetica, sans-serif;
	font-size: 11px;
	font-weight: normal;
	color: #FFFFFF;
	text-align: justify;
	z-index: 1;
}

/*Layer for the user data capture form page 1 - holds components 6-8,11*/
#css_userForm {
	position: absolute;
	top: 324px;
	left: 528px;
	width: 429px;
	z-index: 2;
}

/*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. Take that 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;
}

/*Data capture form text style*/
td.formLabel {
	font-family: tahoma, helvetica, sans-serif;
	font-size: 10px;
	font-weight: normal;
	color: #FFFFFF;
	text-align: left;
}

/*Required fields text style normally below the data capture form.*/
td.reqFieldLabel {
	font-family: tahoma, helvetica, sans-serif;
	font-size: 10px;
	font-weight: normal;
	color: #835F5F;
	text-align: left;
}

/*PAGE 2
Top copy for Page 2*/
#css_barrierCopy {
	position: absolute;
	top: 140px;
	left: 250px;
	width: 400px;
	font-family: tahoma, helvetica, sans-serif;
	font-size: 12px;
	font-weight: normal;
	color: black;
	z-index: 1;
}

/*Positions the plugin. Width setting here must at least the width of plugin which is ???*/
#css_barrierContent {
	position: absolute;
	top: 189px;
	left: 271px;
	width: 400px;
	z-index: 3;
}

/*Faceless plug-in requires following #plugin... DIVs. Styles are optional.
provides two sets of messaging to the user,  Please Wait - Loading Software or Having problems? Please use the FAQ link below*/
#pluginFaqPrompt {
	color: #FFFFFF;
	position: absolute;
	top: 366px;
	left: 50px;
	width: 100%;
	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: black;
	position: absolute;
	top: 215px;
	left: 0px;
	width: 100%;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: normal;
	visibility: hidden;
	z-index: 5;
}

/*Prompts to the user generated by the faceless plug-in, position & stlye*/
#pluginMessaging {
	color: #FFFFFF;
	position: absolute;
	top: 306px;
	left: 50px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	width: 100%;
	font-weight: normal;
	text-align: center;
	z-index: 5;
	visibility: hidden;
}

/*Retry message, or OK button, position & stlye*/
#pluginRetryLink {
	color: #FFFFFF;
	position: absolute;
	top: 333px;
	left: 50px;
	width: 100%;
	text-align: center;
	z-index: 5;
	visibility: hidden;
}

/*Retry link when the previously presented asset was found to be invalid, position & stlye*/
#pluginRetryInvalidLink {
	color: black;
	position: absolute;
	top: 333px;
	left: 50px;
	width: 100%;
	text-align: center;
	z-index: 5;
	visibility: hidden;
}

/*GO button, position & stlye*/
#pluginGoLink {
	color: black;
	position: absolute;
	top: 333px;
	left: 50px;
	width: 100%;
	text-align: center;
	visibility: hidden;
	z-index: 5;
}

/*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, .pluginLink:hover {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 17px;
	font-weight: bold;
	text-decoration: underline;
	color: #FFFFFF;
}

/*Message: Please wait whilst we check your browser for Java position & stlye*/
#css_barrierJavaCheck {
	font-family: tahoma, helvetica, sans-serif;
	font-size: 10px;
	width: 400px;
	position: absolute;
	top: 269px;
	left: 0px;
	font-weight: normal;
	text-align: center;
	color: #FFFFFF;
}

/*This is the standard setting for positioning the text*/
#javaSupportMessaging {
	font-family: tahoma, helvetica, sans-serif;
	font-size: 12px;
	width: 100%;
	position: absolute;
	top: 135px;
	left: 0px;
	text-align: center;
	font-weight: bold;
	color: black;
}

/*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: 0px;
	left: 0px;
	width: 400px;
	font-family: tahoma, helvetica, sans-serif;
	font-size: 14px;
	font-weight: bold;
	text-align: left;
	color: black;
	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: 0px;
	left: 0px;
	width: 1076px;
	z-index: 3;
}

/*VIDEO & AUDIO STREAMS
The 'width x height' size determines the overall size of the Flash stream player.
Small video        256x192 (or 256x144)    set 436x224
Medium video    384x288 (or 384x216)    set 564x320
Large video        512x384 (or 512x288)    set 692x416
An initial image PID_MediaThumb.jpg will display in the video window.
MAKE SURE THE DOWNLOAD AND VOUCHERS DIVS DON'T EXTEND BEHIND THIS WINDOW*/
#css_incentive_mediawindow {
	position: absolute;
	bottom: 50px;
	left: 110px;
	width: 564px;
	height: 320px;
	font-size: 12px;
	z-index: 5;
}

/*DOWNLOADS
Positions the area for the download content, including the names and links.
Will scroll as requied if there are more downloads than the space allows. To avoid this increase width or height.*/
#css_incentive_downloads {
	position: absolute;
	top: 185px;
	left: 30px;
	z-index: 3;
	width: 400px;
	height: 100px;
	overflow: auto;
	border: 0px;
}

#css_incentive_downloads_help {
	position: absolute;
	top: 165px;
	left: 30px;
	z-index: 3;
	width: 400px;
	height: 100px;
	overflow: auto;
	border: 0px;
}

/*Sets the text style of the download media names*/
.mediaLinksText {
	font-family: tahoma, helvetica, sans-serif;
	font-size: 13px;
	font-weight: bold;
	color: black;
}

/*Sets the text style of the download media links*/
.mediaLinks {
	font-family: tahoma, helvetica, sans-serif;
	font-size: 13px;
	font-weight: normal;
	color: #000080;
}

.mediaLinks:hover {
	font-family: tahoma, helvetica, sans-serif;
	font-size: 13px;
	font-weight: normal;
	color: blue;
}

/*GALLERY*/
#css_incentive_gallery {
	position: absolute;
	top: 35px;
	right: 40px;
}

/*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 {
	font-size: 13px;
	position: absolute;
	text-align: left;
	top: 80px;
	left: 41px;
	z-index: 3;
	width: 400px;
	height: 120px;
	color: #000000;
	overflow: auto;
	border: 0px;
	font-weight: bold;
}

/*ADD MORE BUTTON
For lockers when not all assets have been presented*/
#css_addMoreButton {
	position: absolute;
	bottom: 20px;
	right: 140px;
	z-index: 3;
	visibility: visible;
}

/*FREE TEXT
css_incentive_X - now only 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_5 {
	position: absolute;
	left: 0px;
}