@charset "utf-8";
/* CSS Document */

@font-face {
	font-family: 'quicksand';
/*	src: url('fonts/quicksand-regular-webfont.eot');*/
	src: url('fonts/quicksand-regular-webfont.eot?#iefix') format('eot'),
	url('fonts/quicksand-regular-webfont.svg') format('svg'),
	url('fonts/quicksand-regular-webfont.woff') format('woff'),
	url('fonts/quicksand-regular-webfont.ttf') format('truetype');
	font-weight: normal;
	font-style: normal;
}
@media screen and (-webkit-min-device-pixel-ratio:0) {
	@font-face {
		font-family: 'quicksand';
		src: url('fonts/quicksand-regular-webfont.svg') format('svg');
	}
}
@font-face {
	font-family: 'quicksand';
	src: url('fonts/quicksand-italic-webfont.eot');
	src: url('fonts/quicksand-italic-webfont.eot?#iefix') format('eot'),
	url('fonts/quicksand-italic-webfont.svg') format('svg'),
	url('fonts/quicksand-italic-webfont.woff') format('woff'),
	url('fonts/quicksand-italic-webfont.ttf') format('truetype');
	font-weight: normal;
	font-style: italic;
}
@font-face {
	font-family: 'quicksand';
	src: url('fonts/quicksand-light-webfont.eot');
	src: url('fonts/quicksand-light-webfont.eot?#iefix') format('eot'),
	url('fonts/quicksand-light-webfont.svg') format('svg'),
	url('fonts/quicksand-light-webfont.woff') format('woff'),
	url('fonts/quicksand-light-webfont.ttf') format('truetype');
	font-weight: 300;
	font-style: normal;
}
@font-face {
	font-family: 'quicksand';
	src: url('fonts/quicksand-lightitalic-webfont.eot');
	src: url('fonts/quicksand-lightitalic-webfont.eot?#iefix') format('eot'),
	url('fonts/quicksand-lightitalic-webfont.svg') format('svg'),
	url('fonts/quicksand-lightitalic-webfont.woff') format('woff'),
	url('fonts/quicksand-lightitalic-webfont.ttf') format('truetype');
	font-weight: 300;
	font-style: italic;
}
@font-face {
	font-family: 'quicksand';
	src: url('fonts/quicksand-bold-webfont.eot');
	src: url('fonts/quicksand-bold-webfont.eot?#iefix') format('eot'),
	url('fonts/quicksand-bold-webfont.svg') format('svg'),
	url('fonts/quicksand-bold-webfont.woff') format('woff'),
	url('fonts/quicksand-bold-webfont.ttf') format('truetype');
	font-weight: bold;
	font-style: normal;
}
@font-face {
	font-family: 'quicksand';
	src: url('fonts/quicksand-bolditalic-webfont.eot');
	src: url('fonts/quicksand-bolditalic-webfont.eot?#iefix') format('eot'),
	url('fonts/quicksand-bolditalic-webfont.svg') format('svg'),
	url('fonts/quicksand-bolditalic-webfont.woff') format('woff'),
	url('fonts/quicksand-bolditalic-webfont.ttf') format('truetype');
	font-weight: bold;
	font-style: italic;
}

body {
	margin: 0 auto; font: 24px quicksand, "Arial Black", Gadget, sans-serif; letter-spacing: -0.1em; color: #FFF; background-image: url(../imgs/backgrounds/abstract.jpg); background-attachment: fixed; background-repeat: no-repeat; background-size: cover;
}
img {
	display: inline-block;
}
a {
	color: #FFF; text-decoration: none; font-weight: bold;
}
a:hover {
	text-decoration: underline;
}
label {
	font-size: .6em; letter-spacing: -0.1em; width: 120px; display: block; float: left; margin: 10px 10px 0 0; text-align: right;
}
input[type="text"], textarea {
	background: #000; background: rgba(0, 0, 0, .5); border: 1px solid #FFF; border-radius: 5px; color: #FFF; padding: 1px 3px;
}
.sup {
	vertical-align: top; font-size: 0.6em;
}
.clear {
	clear: both;
}

.curtain {
	width: 100%; height: 100%; background: rgba(0, 0, 0, 0.7); position: absolute;
}
.curtain .image {
	position: absolute; opacity: .5;
}

.systemMessage {
	position: fixed; left: 10px; bottom: 10px; opacity: .5;
}

.clock {
	position: fixed; right: 10px; top: 10px; letter-spacing: 0; text-align: right; cursor: default;
	
	filter: blur(1px);
	-webkit-filter: blur(1px);
	-moz-filter: blur(1px);
}
.clock:hover {
	filter: blur(0);
	-webkit-filter: blur(0);
	-moz-filter: blur(0);
	
}
.clock .date {
	overflow: hidden; width: 0; height: 0; font-size: .8em; line-height: .8em; opacity: 0; text-align: center;
}

.slogan {
	position: fixed; right: 20px; bottom: 10px; opacity: .3; font-weight: 300; font-size: 2em; cursor: default;
}

.window {
	border-radius: 10px; background: rgba(0, 0, 0, 0.3); padding: 20px; position: absolute; left: 50px; top: 50px; max-width: 400px; display: none; opacity: 0;
}
.window h1 {
	font-weight: normal; text-align: left; font-size: .8em; letter-spacing: -.1em; text-transform: uppercase;
}
.window h2 {
	font-size: .7em; margin: 1em 0 0; font-weight: bold; font-style: italic; letter-spacing: -.1em;
}
.window p {
	font-size: .6em; margin: 1em 0 0; font-weight: normal; letter-spacing: 0;
}

.icons {
	position: absolute; right: 20px; bottom: 80px;
}
.icons .icon {
	width: 70px; text-align: center; font-size: .7em; font-weight: bold; cursor: pointer; position: absolute;
}
.icons .icon img {
	opacity: .8; margin-bottom: 5px;
}
.icons .icon:hover img {
	opacity: 1;
}
.icons .icon.webtileCoder {
	right: 110px; top: -100px;
}
.icons .icon.thumbnailGenerator {
	right: 0; top: -100px;
}
.icons .icon.mediaboxCoder {
	right: 0; top: -230px;
}
.version {
	position: absolute; left: 10px; bottom: 10px; font-size: .6em; letter-spacing: .01em; opacity: .3; cursor: default;
}
.version:hover {
	font-size: .8em; opacity: 1;
}

/* MEDIABOX CODER */
.mediaboxCoder form {
	margin-top: 10px;
}
.mediaboxCoder .selectedNumberOfSlides {
	width: 20px; display: inline-block; font-size: 0.8em; font-weight: bold;
}
.mediaboxCoder #MCNumberOfSLides {
	height: 14px;
}
.mediaboxCoder .slidesEditorContainer {
	position: relative;
}
.mediaboxCoder .slideSelectorContainer {
	position: absolute; top: -15px;
}
.mediaboxCoder .slideSelector {
	margin-left: 10px; width: 20px; font-size: .7em; font-weight: bold; text-align: center; color: rgba(0, 0, 0, .5); padding: 3px; border: 1px solid #FFF; background: rgba(255, 255, 255, .9); float: left; cursor: pointer;
}
.mediaboxCoder .slideSelector.active {
	color: #000; cursor: default;
}
.mediaboxCoder .slideEditor {
	border: 1px solid #FFF; padding: 20px 10px 10px; margin-top: 30px; background: rgba(255, 255, 255, .2); display: none;
}
.mediaboxCoder .slideEditor.active {
	display: block;
}
.mediaboxCoder .copyToClipboard {
	float: right; position: relative; font-size: 14px;
}
.mediaboxCoder .copyToClipboard a {
	font-size: 14px; line-height: 14px;
}
.mediaboxCoder .copyToClipboard a.hover {
	text-decoration: underline;
}
.mediaboxCoder .copyToClipboard #ZeroClipboardMovie_2 {
	position: absolute; top: 0;
}
.mediaboxCoder textarea {
	width: 390px; height: 90px; padding: 5px; font-size: 12px; margin-top: 5px;
}
.mediaboxCoder .previewBox {
	position: absolute; left: 450px; top: 0; border-radius: 10px; background: rgba(0, 0, 0, 0.3); padding: 20px; width: 192px;
}
.mediaboxCoder .previewBox h2 {
	margin-top: 0;
}
.mediaboxCoder .previewBox #mediabox {
	font: normal 12.35px Arial; letter-spacing: 0; overflow: hidden; line-height: 18px;
}
.mediaboxCoder .previewBox #mediabox h3 {
	font-family: Georgia; font-style: italic; letter-spacing: 0.05px; margin: 0.5em 0; color: #FFF; font-size: 1em; padding-right: 10px;
}
.mediaboxCoder .previewBox .media-carousel {
	position: relative; left: 0; top: 0;
}
.mediaboxCoder .previewBox .items {
	position: absolute; left: 0; top: 0;
}
.mediaboxCoder .previewBox .items div {
	float: left; margin: 0 5px 0 0; width: 192px;
}
.mediaboxCoder .previewBox .items > div {
	position: absolute; left: 0; top: 0;
}
.mediaboxCoder .previewBox .items img {
	margin: 0 0 5px; float: left;
}
.media-carousel a.left {
    background-position: 0 -75px; left: 0; margin-left: 0;
}
.media-carousel a.right {
	background-position: 0 0; margin-right: 0; right: 0;
}
.media-carousel a.light {
    background-image: url("http://pwc.com/en_GX/webadmin/assets/image/media-scroll-left-right-buttons-light.png");
}
.media-carousel a.dark {
    background-image: url("http://pwc.com/en_GX/webadmin/assets/image/media-scroll-left-right-buttons-dark.png");
}
.media-carousel a.browse {
    cursor: pointer; display: block; font-size: 1px; height: 90px; margin: 0; position: absolute; top: 0; width: 30px;
}

.webtile #mediabox {
	text-align: left;
}
#media-slideshow-tabs {
	/*display: none;*/
}
#media-slideshow-tabs a {
	width: 26px;
	height: 24px;
	margin-right: 6px;
	background: url(http://pwc.com/gx/en/assets/image/media-box-buttons.gif) 0 0 no-repeat;
	display: block;
	font-size: 1px;
	position: absolute;
	top: 70px;
}
#media-slideshow-tabs a.current {
	border: 1px solid #FFF;
}
#mediabox-button-1:link, #mediabox-button-1:visited {
	background-position: 0 0;
	left: 5px;
}
#mediabox-button-2:link, #mediabox-button-2:visited {
	background-position: -26px 0;
	left: 36px;
}
#mediabox-button-3:link, #mediabox-button-3:visited {
	background-position: -52px 0;
	left: 67px;
}
#mediabox-button-4:link,#mediabox-button-4:visited {
	background-position: -78px 0;
	left: 98px;
}
#mediabox-button-5:link, #mediabox-button-5:visited {
	background-position: -104px 0;
	left: 129px;
}
#mediabox-button-6:link, #mediabox-button-6:visited {
	background-position: -130px 0px;
	left: 160px;
}
#mediabox-button-1:hover, #mediabox-button-2:hover, #mediabox-button-3:hover, #mediabox-button-4:hover, #mediabox-button-5:hover, #mediabox-button-6:hover {
	border: 1px solid #FFF;
}
.media-carousel .media-carousel-content {
	height: 290px;
}
.media-carousel-content .items div.item-headline, .media-carousel-content .items div.item-description {
	width: 180px;
	margin: 5px;
	color: #FFF;
}
div.item-headline {
	padding: 0px 3px 5px 5px;
	color: #FFF; 
	height: 65px;
}
#media-module-bg {
	background-color: #EB8C00;
	padding: 1px;
	position: relative;
}
.media-carousel-content .items a:visited, .media-carousel-content .items a:link {
	color: #FFF !important;
	text-decoration: none !important;
}
.media-carousel-content .items a:hover {
	color: #FFF !important;
	text-decoration: underline !important;
}
div.youtube-modal {
	position: relative;
}
div.youtube-modal img.playButton {
	position: absolute;
	left: 0px;
	bottom: 0px;
	width: 24px;
	height: 24px;
}
div.item-headline h3 {
	color: #FFF;
	font-size: 1em; 
	padding-right: 10px;
}

/* THUMBNAIL GENERATOR */
.thumbnailGenerator .images {
	display: none; margin-top: 20px;
}
.thumbnailGenerator #pdfUploaderForm {
	display: none;
}
.thumbnailGenerator #pdfUploaderFrame {
	display: none;
}
.thumbnailGenerator .loadingPdf {
	display: none;
}
.thumbnailGenerator a {
	font-size: 1.1em;
}

/* WEBTILE CODER */
.webtileCoder form {
	margin-top: 10px;
}
.webtileCoder input[type="checkbox"] {
	margin-top: 10px;
}
.webtileCoder .webtile {
	width: 192px;
}
.webtileCoder .result {
	display: none;
}
.webtileCoder .wbtile {
	margin: 5px 0; padding: 10px; text-align: left; font-size: 12px; letter-spacing: 0; display: block; text-decoration: none;
}
.webtileCoder .bgbase {
	background-color: #DC6900;
}
.webtileCoder .bgbright {
	background-color: #E0301E;
}
.webtileCoder .wbtilehead {
	font: bold italic 1.25em Georgia; margin: 0 0 10px; padding: 0; display: block;
}
.webtileCoder .wbtiledesc {
	font: 1em/1.5em Arial; text-decoration: underline; background-image: url(http://www.pwc.com/en_GX/webadmin/assets/image/wbtile-white-arrow.gif); background-position: right bottom; background-repeat: no-repeat; padding-right: 10px;
}
.webtileCoder .rightColumn {
	width: 48%; float: right;
}
.webtileCoder .leftColumn {
	width: 48%; float: left;
}
.webtileCoder .copyToClipboard {
	float: right; margin-top: 20px; position: relative; font-size: 14px;
}
.webtileCoder .copyToClipboard a {
	font-size: 14px; line-height: 14px;
}
.webtileCoder .copyToClipboard a.hover {
	text-decoration: underline;
}
.webtileCoder .copyToClipboard #ZeroClipboardMovie_2 {
	position: absolute; top: 0;
}
.webtileCoder textarea {
	width: 182px; height: 90px; padding: 5px; font-size: 12px; margin-top: 5px;
}





/* LOADING ANIMATION */
#circularG{
position:relative;
width:64px;
height:64px}

.circularG{
position:absolute;
background-color:#FFFFFF;
width:15px;
height:15px;
-moz-border-radius:10px;
-moz-animation-name:bounce_circularG;
-moz-animation-duration:0.64s;
-moz-animation-iteration-count:infinite;
-moz-animation-direction:linear;
-webkit-border-radius:10px;
-webkit-animation-name:bounce_circularG;
-webkit-animation-duration:0.64s;
-webkit-animation-iteration-count:infinite;
-webkit-animation-direction:linear;
-ms-border-radius:10px;
-ms-animation-name:bounce_circularG;
-ms-animation-duration:0.64s;
-ms-animation-iteration-count:infinite;
-ms-animation-direction:linear;
-o-border-radius:10px;
-o-animation-name:bounce_circularG;
-o-animation-duration:0.64s;
-o-animation-iteration-count:infinite;
-o-animation-direction:linear;
border-radius:10px;
animation-name:bounce_circularG;
animation-duration:0.64s;
animation-iteration-count:infinite;
animation-direction:linear;
}

#circularG_1{
left:0;
top:25px;
-moz-animation-delay:0.24s;
-webkit-animation-delay:0.24s;
-ms-animation-delay:0.24s;
-o-animation-delay:0.24s;
animation-delay:0.24s;
}

#circularG_2{
left:7px;
top:7px;
-moz-animation-delay:0.32s;
-webkit-animation-delay:0.32s;
-ms-animation-delay:0.32s;
-o-animation-delay:0.32s;
animation-delay:0.32s;
}

#circularG_3{
top:0;
left:25px;
-moz-animation-delay:0.4s;
-webkit-animation-delay:0.4s;
-ms-animation-delay:0.4s;
-o-animation-delay:0.4s;
animation-delay:0.4s;
}

#circularG_4{
right:7px;
top:7px;
-moz-animation-delay:0.48s;
-webkit-animation-delay:0.48s;
-ms-animation-delay:0.48s;
-o-animation-delay:0.48s;
animation-delay:0.48s;
}

#circularG_5{
right:0;
top:25px;
-moz-animation-delay:0.56s;
-webkit-animation-delay:0.56s;
-ms-animation-delay:0.56s;
-o-animation-delay:0.56s;
animation-delay:0.56s;
}

#circularG_6{
right:7px;
bottom:7px;
-moz-animation-delay:0.64s;
-webkit-animation-delay:0.64s;
-ms-animation-delay:0.64s;
-o-animation-delay:0.64s;
animation-delay:0.64s;
}

#circularG_7{
left:25px;
bottom:0;
-moz-animation-delay:0.72s;
-webkit-animation-delay:0.72s;
-ms-animation-delay:0.72s;
-o-animation-delay:0.72s;
animation-delay:0.72s;
}

#circularG_8{
left:7px;
bottom:7px;
-moz-animation-delay:0.8s;
-webkit-animation-delay:0.8s;
-ms-animation-delay:0.8s;
-o-animation-delay:0.8s;
animation-delay:0.8s;
}

@-moz-keyframes bounce_circularG{
0%{
-moz-transform:scale(1)}

100%{
-moz-transform:scale(.3)}

}

@-webkit-keyframes bounce_circularG{
0%{
-webkit-transform:scale(1)}

100%{
-webkit-transform:scale(.3)}

}

@-ms-keyframes bounce_circularG{
0%{
-ms-transform:scale(1)}

100%{
-ms-transform:scale(.3)}

}

@-o-keyframes bounce_circularG{
0%{
-o-transform:scale(1)}

100%{
-o-transform:scale(.3)}

}

@keyframes bounce_circularG{
0%{
transform:scale(1)}

100%{
transform:scale(.3)}

}