/*[fmt]1A90-1A0B-3*/
body {
	font-size: 11px;
	font-family: Arial;
	border: 0px solid #000000;
}

a, a:visited {
	font-size: 12px;
	color: #FEFEFE;
	text-decoration: underline;
}

a:hover {
	font-size: 12px;
	color: #B41717;
}

#bjTees {
}

#bjTees {
	position: relative;
	top: -131px;
	z-index: 20;
	width: 943px;
	margin: auto;
	left: 30px;
}

#BJBanner {
	width: 100%;
	position: absolute;
	padding-top: 25px;
	margin: auto;
	text-align: center;
}

#bjCopyLocker2 {
	height: 745px;
}

#rpxLockerButtonLogin {
	text-align: left;
}

td {
	font-size: 12px;
	font-weight: normal;
	color: #FFFFFF;
}

#container {
	position: relative;
	width: 100%;
	background-image: url(bg-layout.jpg);
	background-position: center;
	z-index: 1;
	border: 0px solid #000000;
	min-width: 982px;
}

#css_background {
	left: 0px;
	z-index: -1;
	visibility: hidden;
	position: absolute;
	top: -1px;
	left: -1px;
}

#css_chooseLanguage {
	position: absolute;
	top: 0px;
	right: 50px;
	z-index: 1;
}

#css_termsCond {
	position: relative;
	bottom: 7px;
	z-index: 1;
	text-align: center;
	top: 86px;
	color: #A5A5A5;
}

.push_footer_links, .push_footer_links:visited {
	font-size: 10px;
	color: #FFFFFF;
	text-decoration: none;
}

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

#css_entry_tc {
	position: relative;
	font-size: 10px;
	font-weight: normal;
	text-align: center;
	color: #FFFFFF;
	z-index: 5;
	width: 90%;
	margin: auto;
	line-height: 1.2;
	padding: 5px;
	text-align: left;
	min-width: 600px;
	top: 83px;
}

#css_lockerCopy {
	position: relative;
	font-weight: normal;
	color: #CACACA;
	text-align: center;
	z-index: 1;
}

#BJLockerLayer {
	position: relative;
}

#hostedNav {
	position: relative;
	width: 100%;
	z-index: 2;
}

#bjCopyLocker {
}

#jonsidiv {
	/*+placement:shift 435px -327px;*/
	position: relative;
	left: 435px;
	top: -327px;
	font-family: Georgia;
	color: #181262;
}

#lockerPara {
	font-family: Georgia;
	font-size: 16px;
	color: #1A3175;
	padding-top: 13px;
	padding-bottom: 166px;
}

#lockerTitle {
	font-family: Georgia;
	font-size: 22px;
	text-align: center;
	color: #1A3175;
}

#css_lockerForm {
	position: absolute;
	top: 406px;
	left: 537px;
	width: 265px;
	z-index: 1;
}

.css_locker_error_message {
	position: relative;
	top: 35px;
	font-size: 11px;
	font-weight: normal;
	color: #FFFFFF;
	z-index: 2;
}

#css_locker_registerButton {
	position: absolute;
	top: -128px;
	left: 48px;
	width: 270px;
	z-index: 2;
	text-align: right;
}

#css_locker_registerButton a, #css_locker_registerButton a:visited {
	font-size: 12px;
	color: #A2090B;
	font-weight: bold;
}

#css_locker_registerButton a:hover {
	font-size: 12px;
	color: #000000;
	font-weight: bold;
}

#css_locker_okButton {
	position: absolute;
	top: 112px;
	left: 185px;
	width: 58px;
	z-index: 2;
	text-align: right;
	font-weight: bold;
}

#css_locker_okButton a, #css_locker_okButton a:visited {
	font-size: 12px;
	color: #A2090B;
	font-weight: bold;
}

#css_locker_okButton a:hover {
	font-size: 12px;
	color: #000000;
	font-weight: bold;
}

#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: #C92B2B;
}

#lockerPasswordForgotLink a:hover {
	font-size: 10px;
	font-weight: normal;
	color: #A30A0C;
	background: #FEFEFE;
}

#css_rpxForm_registration {
	position: absolute;
	top: 388px;
	left: 525px;
	padding-top: 10px;
	padding-bottom: 10px;
	padding-left: 10px;
	padding-right: 10px;
	width: 200px;
	background-color: #FFFFFF;
	color: #000000;
	text-align: left;
}

#css_rpxForm_locker {
	position: relative;
	width: 307px;
	color: #000000;
	z-index: 3;
	/*+placement:margin-auto 0px 0px;*/
	margin-left: auto;
	margin-right: auto;
	position: relative;
	left: 0px;
	top: 0px;
	top: -229px;
	padding-left: 639px;
}

#lockerStep {
	position: absolute;
	top: 0px;
	left: 506px;
	width: 200px;
	font-family: Georgia;
	font-size: 26px;
	color: #1A3175;
	text-align: center;
	padding-bottom: 14px;
}

#rpxLockerButtonGetId {
	text-align: right;
	padding: 11px;
}

#rpxLockerGetId {
	font-size: 13px;
	font-weight: bold;
	color: #FFFFFF;
	width: 267px;
	padding-top: 7px;
}

#rpxLockerCopy {
	font-size: 13px;
	font-weight: bold;
	color: #FFFFFF;
	width: 240px;
	padding-bottom: 7px;
}

#rpxLockerHeadline {
	display: none;
	font-size: 22px;
	padding-bottom: 5px;
	font-family: Georgia;
	text-align: center;
	color: #1A3175;
}

/*RPX form text style*/
.rpxLabel {
	font-family: tahoma, helvetica, sans-serif;
	font-size: 8px;
	font-weight: bold;
	font-style: normal;
	color: #000000;
}

.rpxPreInput {
	font-family: tahoma, helvetica, sans-serif;
	font-size: 11px;
	font-weight: normal;
	font-style: italic;
	color: #808080;
}

.rpxInput {
	font-family: tahoma, helvetica, sans-serif;
	font-size: 11px;
	font-weight: normal;
	font-style: normal;
	color: #000000;
}

/*PAGE 1
Defines the layer for component ID1; Page 1 Promotion copy, and component ID2; Page 2 Client copy*/
#css_entryCopy {
	position: inherit;
	font-weight: normal;
	color: #FEFEFE;
	text-align: center;
	height: 600px;
}

#lockerPara2 {
	font-size: 16px;
	font-family: Georgia;
	padding-top: 18px;
	color: #1A3175;
}

/*Layer for the user data capture form page 1 - holds components 6-8,11*/
#css_userForm {
	position: relative;
	width: 314px;
	z-index: 3;
	padding-left: 646px;
	/*+placement:margin-auto 1px -176px;*/
	margin-left: auto;
	margin-right: auto;
	position: relative;
	left: 1px;
	top: -176px;
}

#rpxRegistrationTitle {
	font-size: 18px;
	text-align: left;
	padding-bottom: 13px;
	font-weight: bold;
	color: #71B9CF;
	padding-left: 2px;
}

/*Data capture form text style*/
td.formLabel {
	font-weight: bold;
	text-align: left;
	font-family: Arial;
	color: #FFFFFF;
	text-transform: capitalize;
	padding-bottom: 5px;
}

/*Required fields text style normally below the data capture form.*/
td.reqFieldLabel {
	font-weight: normal;
	color: #C61517;
	text-align: left;
	font-size: 8.3pt;
	font-family: Arial;
}

/*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;
	width: 173px;
	border: 1px solid #000000;
}

.dataCapture_textarea {
	font-size: 11px;
}

.dataCapture_select {
	font-size: 11px;
	border: 1px solid #D1D1D1;
}

.dataCapture_radio {
}

.dataCapture_cbox {
}

.dataCapture_button {
	font-size: 13px;
	padding: 2px;
	text-align: center;
	width: 75px;
}

/*PAGE 2
Top copy for Page 2*/
#css_barrierCopy {
	position: relative;
	font-size: 12px;
	font-weight: normal;
	color: #000000;
	z-index: 1;
	text-align: center;
	height: 565px;
	top: -448px;
}

/*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 {
	z-index: 3;
	position: relative;
	margin: auto;
	top: 321px;
}

#flashPluginID {
	position: relative;
	margin: auto;
	visibility: visible;
	width: 50%;
	/*+placement:shift 260px -46px;*/
	position: relative;
	left: 260px;
	top: -46px;
}

/*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*/
#BJPassedLayer {
	position: relative;
	margin: auto;
	text-align: center;
	z-index: 1;
}

/*BONUS CONTENT
This is the parent DIV for all content related elements of page 3 - component ID 18. .*/
#css_passedContent {
	position: relative;
	width: 100%;
	z-index: 4;
	top: -923px;
	text-align: center;
}

#tee110 {
	position: relative;
	top: -143px;
	left: 0px;
}

#css_passedCopy {
	height: 1173px;
}

#discountCopy {
	width: 355px;
	top: 771px;
	z-index: 10;
	padding-left: 57%;
}

#discountContainer {
	width: 100%;
	position: relative;
	top: -200px;
	z-index: 10;
}

.discountTitle {
	font-weight: bold;
	width: 100%;
	margin: auto;
	text-align: center;
}

#css_incentive_5 {
	position: absolute;
	top: 216px;
	left: 257px;
	width: 100%;
	min-width: 982px;
}

#JBbuyAudio {
	text-align: right;
	float: right;
}

/*MEDIA TYPE SWITCH - Page 3 settings*/
#css_mediaTypeSwitch_passed {
	position: absolute;
	top: 85px;
	left: 150px;
	height: 190px;
	width: 250px;
	border: 1px solid #B01616;
}

/*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: relative;
	left: -225px;
	width: 500px;
	height: 272px;
	z-index: 2;
	top: -115px;
}

/*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: 448px;
	left: 660px;
	z-index: 3;
	overflow: auto;
	border: 0px solid #000000;
	text-align: left;
}

#css_incentive_downloads_help {
	position: relative;
	z-index: 3;
	width: 250px;
	text-align: left;
	color: #000;
	background: #FFF;
}

/*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: relative;
	left: 242px;
	top: 306px;
}

/*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: 685px;
	z-index: 3;
	font-size: 13px;
	font-weight: bold;
	color: #FFFFFF;
	width: 100%;
	height: 120px;
	border: 0px solid #000000;
	left: 258px;
}

/*ADD MORE BUTTON
For lockers when not all assets have been presented*/
#css_addMoreButton {
	/*[disabled]z-index:3;*/
	visibility: visible;
	position: absolute;
	top: -5px;
	left: 204px;
	width: 100%;
	min-width: 982px;
}

/*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
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
POINTS Flash based components*/
#fbBox .fbCaptionDiv_white, #fbBox .fbInfoPanel_white a:link, #fbBox .fbInfoPanel_white a:visited, #fbBox #fbIndexLinks.fbIndexLinks {
	visibility: hidden;
}

#bjCommerce {
	position: relative;
	top: -314px;
	z-index: 10;
	width: 943px;
	margin: auto;
	left: 30px;
}

#css_incentive_101 {
	position: absolute;
	padding: 1px 0px;
	top: 504px;
	width: 23%;
	text-align: center;
	margin: 0 0 5px 19%;
}

#css_incentive_102 {
	position: absolute;
	padding: 1px 0px;
	top: 536px;
	width: 23%;
	text-align: center;
	margin: 0 0 5px 19%;
}

#css_incentive_100 {
	position: absolute;
	padding: 1px 0px;
	top: 488px;
	width: 23%;
	text-align: center;
	margin: 0 0 5px 19%;
}

#css_incentive_103 {
	position: absolute;
	padding: 1px 0px;
	top: 521px;
	width: 23%;
	text-align: center;
	margin: 0 0 5px 19%;
}

#css_incentive_104 {
	position: absolute;
	padding: 1px 0px;
	top: 552px;
	width: 23%;
	text-align: center;
	margin: 0 0 5px 19%;
}

#css_incentive_105 {
	position: absolute;
	padding: 1px 0px;
	top: 567px;
	width: 23%;
	text-align: center;
	margin: 0 0 5px 19%;
}

#css_incentive_106 {
	position: absolute;
	padding: 1px 0px;
	top: 583px;
	width: 23%;
	text-align: center;
	margin: 0 0 5px 19%;
}

#css_incentive_107 {
	position: absolute;
	padding: 1px 0px;
	top: 599px;
	width: 23%;
	text-align: center;
	margin: 0 0 5px 19%;
}

#css_incentive_108 {
	position: absolute;
	padding: 1px 0px;
	top: 613px;
	width: 23%;
	text-align: center;
	margin: 0 0 5px 19%;
}

#tee108 {
}

#tee108 {
	position: relative;
	top: 133px;
	left: 564px;
}

#css_incentive_109 {
	position: absolute;
	padding: 1px 0px;
	top: 627px;
	width: 23%;
	text-align: center;
	margin: 0 0 5px 19%;
}

#tee109 {
	position: relative;
	top: 120px;
	left: -82px;
}