.overlay {
	background: rgba(0, 0, 0, 0.7); transition:opacity 0.5s; left: 0px; top: 0px; width: 100%; height: 100%; display: none; position: fixed; z-index: 1200; opacity: 0; -moz-transition: opacity 0.5s; -webkit-transition: opacity 0.5s; -o-transition: opacity 0.5s;
}
.overlay#nue-synch {
	z-index: 1210;
}
.open.overlay {
	display: block; opacity: 1;
}
.overlay .box-overlay {
	background: rgb(255, 255, 255); border-width: 1px 1px 2px; border-style: solid; border-color: rgb(196, 196, 196); margin: 127px auto 0px; padding: 24px; border-image: none; width: 648px; color: rgb(65, 65, 65); position: relative; max-height: 550px; box-shadow: 1px 4px rgba(0,0,0,0.12), inset 0px 0px 1px rgba(196,196,196,1);
}
.overlay h1 {
	font: 25px/29px "abstergoSansLite", Arial, sans-serif; margin: 0px 0px 12px; font-size-adjust: none; font-stretch: normal;
}
.overlay .wrapper {
	background: url("img/profile/dashed.png") repeat-x 0px 0px, url("img/overlay/bg-platforms.jpg") no-repeat 0px 21px; border-width: 1px 0px; border-style: solid; border-color: rgb(208, 208, 208); padding: 21px 0px 2px; border-image: none;
}
.overlay .scrollable {
	height: 254px;
}
.overlay-fetch-data.overlay .scrollable {
	height: 200px;
}
.overlay .content {
	font: 12px/18px "Arial", Helvetica, sans-serif; color: rgb(93, 93, 93); font-size-adjust: none; font-stretch: normal;
}
.overlay .layout {
	padding: 32px 68px 12px 21px;
}
.overlay h2 {
	margin: 0px 0px 6px; text-transform: uppercase; font-size: 14px; font-weight: bold;
}
.overlay h3 {
	text-transform: uppercase; font-size: 12px; margin-bottom: 2px;
}
.overlay p {
	margin: 0px 0px 18px;
}
.overlay h2.video {
	margin: 0px 0px 18px;
}
.overlay .no-margin {
	margin: 0px 0px 2px;
}
.overlay ul {
	list-style: circle; margin: 0px 0px 18px 15px;
}
.overlay .scrollbar {
	top: 11px; right: 11px;
}
.overlay .button {
	margin-top: 18px; float: right;
}
.overlay .btn-close {
	background: url("img/overlay/btn-close.gif") no-repeat 0px 0px; top: -4px; width: 21px; height: 21px; right: -4px; text-indent: -9999px; position: absolute;
}
#overlay-alert .box-overlay {
	text-align: center;
}
#overlay-alert .wrapper {
	padding-top: 10px; border-bottom-color: currentColor; border-bottom-width: 0px; border-bottom-style: none;
}
#overlay-alert .scrollable {
	height: auto;
}
#overlay-alert .layout {
	padding: 0px;
}
#overlay-alert h1 {
	text-align: left;
}
#overlay-alert .button {
	margin: 12px 0px 0px; float: none;
}
#overlay-rewards .reward-wrap {
	vertical-align: middle; display: table-cell;
}
#overlay-rewards .holder {
	margin: 0px auto; width: 720px;
}
#overlay-rewards .content {
	font: 26px/34px "abstergoSansLite", Arial, sans-serif; color: rgb(255, 255, 255); font-size-adjust: none; font-stretch: normal;
}
#overlay-rewards .holder .congrat {
	background: url("img/reward-glow.png") no-repeat right bottom; font: 11px "ac3EagleSansRegular", Arial, sans-serif; margin: 0px; padding: 0px 140px 12px 0px; color: rgb(222, 210, 176); text-transform: uppercase; display: inline-block; font-size-adjust: none; font-stretch: normal;
}
#overlay-rewards .holder h1 {
	margin: 0px;
}
#overlay-rewards .media {
	width: 316px; float: left;
}
#overlay-rewards .content {
	background: url("img/reward-dash-top.png") repeat-x 0px 0px, url("img/reward-dash-bottom.png") repeat-x left bottom; padding: 25px 0px 30px; width: 404px; float: right;
}
#overlay-rewards .btn-close {
	display: none;
}
#overlay-loading .loading-wrap {
	animation:blink-in 0.15s cubic-bezier(0.82, 0.01, 1, 1) forwards; color: rgb(255, 255, 255); font-family: "ac3EagleSansLite"; vertical-align: middle; display: table-cell; opacity: 0; -webkit-animation: blink-in 0.15s cubic-bezier(0.82, 0.01, 1, 1); -webkit-animation-fill-mode: forwards;
}
#overlay-loading .loading-inside {
	margin: 0px auto; transition:opacity 1s; width: 558px; opacity: 1; -moz-transition: opacity 1s; -webkit-transition: opacity 1s; -o-transition: opacity 1s;
}
#overlay-loading .left-sync {
	background: url("img/report/bar-circle.png") no-repeat right top; width: 107px; height: 12px; margin-top: 39px; float: left;
}
#overlay-loading .prog-bar {
	margin: 5px 0px; width: 85px; height: 2px; position: relative; background-color: rgb(42, 52, 59);
}
#overlay-loading .prog-bar .redbar {
	transition:width 12s; width: 0%; height: 2px; background-color: rgb(145, 20, 26); -moz-transition: width 12s; -webkit-transition: width 12s; -o-transition: width 12s;
}
#overlay-loading .top-sync .prog-bar .redbar {
	transition:width 5s; -moz-transition: width 5s; -webkit-transition: width 5s; -o-transition: width 5s;
}
#overlay-loading .prog-bar .loading.redbar {
	width: 100%; float: right;
}
#overlay-loading .right-loading {
	width: 416px; float: right;
}
#overlay-loading .right-loading .loading-glitch {
	background: url("img/report/glitch.gif") no-repeat left -24px; height: 24px; margin-bottom: 8px;
}
#overlay-loading .syncing {
	text-transform: uppercase; font-size: 9px; display: block;
}
#overlay-loading .right-loading h1 {
	text-transform: uppercase; line-height: 34px; font-family: "ac3EagleSansLite", Arial, sans-serif; font-size: 31px;
}
#overlay-loading .misc-text-wrap {
	background: url("img/report/dash-back.png") repeat-x 0px top; font: 12px/1em "ac3EagleSansRegular", Helvetica, sans-serif; padding: 18px 0px 0px; display: block; font-size-adjust: none; font-stretch: normal;
}
.progression-report .misc-text-wrap {
	background: url("img/report/dash-back.png") repeat-x 0px top; font: 12px/1em "ac3EagleSansRegular", Helvetica, sans-serif; padding: 18px 0px 0px; display: block; font-size-adjust: none; font-stretch: normal;
}
#overlay-loading .misc-text-wrap .misc-glitch {
	background: url("img/report/dna.gif") no-repeat 0px 5px; padding: 0px 0px 0px 90px; height: 26px; float: left;
}
.progression-report .misc-text-wrap .misc-glitch {
	background: url("img/report/dna.gif") no-repeat 0px 5px; padding: 0px 0px 0px 90px; height: 26px; float: left;
}
#overlay-loading .misc-text-wrap span {
	background: url("img/report/text-line.png") no-repeat 0px 5px; padding-left: 16px; float: left; display: block;
}
.progression-report .misc-text-wrap span {
	background: url("img/report/text-line.png") no-repeat 0px 5px; padding-left: 16px; float: left; display: block;
}
#overlay-esrb {
	background: rgb(0, 0, 0); z-index: 999999;
}
#overlay-esrb .esrb-wrap {
	left: 0px; top: 25%; width: 100%; height: 50%; text-align: center; position: absolute;
}
#overlay-esrb img {
	height: 100%;
}
.overlay#overlay-fetch-data {
	z-index: 444444;
}
#overlay-fetch-data h1 {
	background: url("img/overlay/ubiworkshop-alert.png") no-repeat 0px 2px; padding-left: 45px;
}
#overlay-fetch-data .button {
	margin-left: 16px; position: relative; cursor: pointer;
}
#overlay-fetch-data .fetchACN.button .loading {
	background: url("img/report/glitch.gif") no-repeat 10px -24px; left: 5px; top: 5px; width: 42px; height: 24px; display: none; position: absolute;
}
#overlay-fetch-data .how-to-image {
	background: url("img/manual-fetch.jpg") no-repeat 0px 0px; margin: 0px 20px 0px 0px; width: 130px; height: 130px; float: left; display: block;
}
#whats-new .box-overlay {
	background: rgb(255, 255, 255); border-width: 1px 1px 2px; border-style: solid; border-color: rgb(196, 196, 196); margin: 127px auto 0px; padding: 24px; border-image: none; width: 648px; color: rgb(65, 65, 65); position: relative; max-height: 550px; box-shadow: 1px 4px rgba(0,0,0,0.12), inset 0px 0px 1px rgba(196,196,196,1);
}
#nue-synch .box-overlay {
	background: rgb(255, 255, 255); border-width: 1px 1px 2px; border-style: solid; border-color: rgb(196, 196, 196); margin: 127px auto 0px; padding: 24px; border-image: none; width: 648px; color: rgb(65, 65, 65); position: relative; max-height: 550px; box-shadow: 1px 4px rgba(0,0,0,0.12), inset 0px 0px 1px rgba(196,196,196,1);
}
#whats-new h1 {
	background: url("img/profile/dashed.png") repeat-x left bottom; padding-bottom: 14px; margin-bottom: 2px;
}
#nue-synch h1 {
	background: url("img/profile/dashed.png") repeat-x left bottom; padding-bottom: 14px; margin-bottom: 2px;
}
#whats-new h1 span {
	padding-bottom: 17px; border-bottom-color: rgb(208, 208, 208); border-bottom-width: 1px; border-bottom-style: solid; display: block;
}
#nue-synch h1 span {
	padding-bottom: 17px; border-bottom-color: rgb(208, 208, 208); border-bottom-width: 1px; border-bottom-style: solid; display: block;
}
#nue-synch h1 strong {
	color: rgb(158, 11, 15); font-family: "abstergoSans", Arial, sans-serif; font-weight: normal;
}
#nue-synch h4 {
	font: 14px/16px "abstergoSans", Arial, sans-serif; margin: 10px 0px; padding: 0px; color: rgb(102, 102, 102); display: block; font-size-adjust: none; font-stretch: normal;
}
#whats-new .content {
	background: url("img/splash/glitch-top.png") no-repeat left top, url("img/splash/glitch-bottom.png") no-repeat right bottom, url("img/splash/shadow.png") no-repeat left bottom, url("img/splash/bg.png") 0px 0px; font: 14px/19px "abstergoSans", Arial, sans-serif; padding: 20px 13px 3px; border: 1px solid rgb(225, 225, 225); border-image: none; color: rgb(53, 61, 65); margin-bottom: 31px; font-size-adjust: none; font-stretch: normal;
}
#nue-synch .content {
	background: url("img/splash/glitch-top.png") no-repeat left top, url("img/splash/glitch-bottom.png") no-repeat right bottom, url("img/splash/shadow.png") no-repeat left bottom, url("img/splash/bg.png") 0px 0px; font: 14px/19px "abstergoSans", Arial, sans-serif; padding: 20px 13px 3px; border: 1px solid rgb(225, 225, 225); border-image: none; color: rgb(53, 61, 65); margin-bottom: 31px; font-size-adjust: none; font-stretch: normal;
}
#nue-synch .content {
	padding: 10px 13px 3px; margin-bottom: 10px;
}
#whats-new .content .title {
	margin: 0px 0px 4px; color: rgb(121, 0, 0); text-transform: uppercase;
}
#nue-synch .content .title {
	margin: 0px 0px 4px; color: rgb(121, 0, 0); text-transform: uppercase;
}
#whats-new .content h2 {
	margin: 0px 0px 25px; color: rgb(81, 81, 81); text-transform: none; font-size: 30px; font-weight: normal;
}
#nue-synch .content h2 {
	margin: 0px 0px 25px; color: rgb(81, 81, 81); text-transform: none; font-size: 30px; font-weight: normal;
}
#whats-new .content .features {
	list-style: none; margin: 0px;
}
#nue-synch .content .features {
	list-style: none; margin: 0px;
}
#whats-new .content .features li {
	margin: 12px 0px; width: 296px; padding-right: 14px; float: left;
}
#nue-synch .content .features li {
	margin: 12px 0px; width: 296px; padding-right: 14px; float: left;
}
#whats-new .content .features img {
	background: url("img/splash/corners.png") no-repeat 0px 0px; padding: 3px; margin-right: 18px; float: left;
}
#nue-synch .content .features img {
	background: url("img/splash/corners.png") no-repeat 0px 0px; padding: 3px; margin-right: 18px; float: left;
}
#whats-new .content .features h3 {
	margin: 0px 0px 2px; color: rgb(121, 0, 0); text-transform: uppercase; font-size: 18px;
}
#nue-synch .content .features h3 {
	margin: 0px 0px 2px; color: rgb(121, 0, 0); text-transform: uppercase; font-size: 18px;
}
#whats-new .content .features p {
	margin: 0px; line-height: 19px; font-size: 14px;
}
#nue-synch .content .features p {
	margin: 0px; line-height: 19px; font-size: 14px;
}
#whats-new footer {
	padding-top: 18px; border-top-color: rgb(208, 208, 208); border-top-width: 1px; border-top-style: solid; position: relative;
}
#nue-synch footer {
	padding-top: 18px; border-top-color: rgb(208, 208, 208); border-top-width: 1px; border-top-style: solid; position: relative;
}
#whats-new .button-holder {
	float: left;
}
#nue-synch .button-holder {
	margin-bottom: 20px; float: right;
}
#nue-synch .button-holder span {
	font: 16px/36px "abstergoSans", Arial, sans-serif; padding: 0px 10px 0px 0px; color: rgb(102, 102, 102); display: inline-block; font-size-adjust: none; font-stretch: normal;
}
#nue-synch .button-holder span.redeem-later {
	padding: 0px 10px;
}
#whats-new .last-update {
	font: 14px/normal "abstergoSans", Arial, sans-serif; margin: 0px; top: -25px; right: 0px; color: rgb(65, 65, 65); position: absolute; font-size-adjust: none; font-stretch: normal;
}
#nue-synch .last-update {
	font: 14px/normal "abstergoSans", Arial, sans-serif; margin: 0px; top: -25px; right: 0px; color: rgb(65, 65, 65); position: absolute; font-size-adjust: none; font-stretch: normal;
}
#whats-new .update {
	color: rgb(93, 93, 93);
}
#nue-synch .update {
	color: rgb(93, 93, 93);
}
#whats-new .button {
	margin: 0px 9px 0px 0px; float: none;
}
#nue-synch .button {
	margin: 0px; float: none;
}
#overlay-ubiworkshop .box-overlay {
	background: rgb(255, 255, 255); border-width: 1px 1px 2px; border-style: solid; border-color: rgb(196, 196, 196); margin: 127px auto 0px; padding: 24px; border-image: none; width: 650px; color: rgb(65, 65, 65); position: relative; max-height: 550px; box-shadow: 1px 4px rgba(0,0,0,0.12), inset 0px 0px 1px rgba(196,196,196,1);
}
#overlay-ubiworkshop .btn-close {
	background: url("img/overlay/btn-close.gif") no-repeat 0px 0px; top: -4px; width: 21px; height: 21px; right: -4px; text-indent: -9999px; position: absolute;
}
#overlay-ubiworkshop .button {
	color: rgb(255, 255, 255); margin-top: 7px; float: right;
}
#overlay-ubiworkshop h1 {
	background: url("img/overlay/ubiworkshop-alert.png") no-repeat 0px 6px; font: 25px/29px "abstergoSansLite", Arial, sans-serif; margin: 0px 0px 14px; padding-left: 45px; font-size-adjust: none; font-stretch: normal;
}
#overlay-ubiworkshop .content {
	background: url("img/missions/gray-dashed.png") repeat-x 0px 2px, url("img/overlay/ubiworkshop.jpg") no-repeat 0px 17px; border-width: 1px 0px; border-style: solid; border-color: rgb(208, 208, 208); font: 11px/20px "Arial", Helvetica, sans-serif; padding: 57px 150px 57px 210px; border-image: none; height: 128px; color: rgb(93, 93, 93); font-size-adjust: none; font-stretch: normal;
}
#overlay-checkout .box-overlay {
	background: rgb(8, 20, 32); padding: 20px; border: 0px currentColor; border-image: none; width: 980px;
}
#overlay-checkout .ico-close {
	top: -6px; right: -6px; position: absolute;
}
#overlay-checkout .loading {
	background: url("img/report/glitch.gif") no-repeat left -24px; margin: -12px 0px 0px -21px; left: 50%; top: 50%; width: 42px; height: 24px; text-indent: -9999px; position: absolute;
}
#overlay-checkout h1 {
	background: url("img/shop/logo-uplay.png") no-repeat left top, url("img/shop/dashed.png") repeat-x left bottom; height: 55px; text-indent: -99999px; padding-bottom: 10px;
}
#overlay-checkout .iframe-wrapper {
	width: 980px; height: 470px;
}
#overlay-checkout iframe {
	position: relative; z-index: 99;
}