/* ******************* */
/* Show Take Away Page */


#showTakeAway{
	
}

#showTakeAway .itemCarousel {
	position: absolute;	
	height:385px;
	width:640px;
}

#showTakeAway .itemCarousel .spinnerLayer {
	position: absolute;
	width:100%;
	top:50%;
	

	margin-top:-5px;

	-webkit-transition-property:opacity, -webkit-transform;
	-webkit-transition-duration:0.5s, 0.5s;
	-moz-transition-property:opacity, -moz-transform;
	-moz-transition-duration:0.5s, 0.5s;
	transition-property:opacity, transform;
	transition-duration:0.5s, 0.5s;

	-webkit-transform:scale(0.8);
	-moz-transform:scale(0.8);
	-ms-transform:scale(0.8);
	transform:scale(0.8);

	pointer-events:none;

	opacity: 0;
}
#showTakeAway .itemCarousel .spinnerLayer.visible {
	opacity: 1;	
	-webkit-transform:scale(1);
	-moz-transform:scale(1);
	-ms-transform:scale(1);
	transform:scale(1);
}


#showTakeAway .nav {
	margin:auto;
	/*margin-top:-12px;*/

	position: relative;
	top:50%;

	-webkit-transition-property:opacity, width;
	-webkit-transition-duration:0.2s, 0.2s;
	-webkit-transition-delay:0s 0.2s;
	-moz-transition-property:opacity, width;
	-moz-transition-duration:0.2s, 0.2s;
	-moz-transition-delay:0s 0.2s;
	transition-property:opacity, width;
	transition-duration:0.2s, 0.2s;
	transition-delay:0s, 0.2s;

	-webkit-transform:translateX(0px);
	-moz-transform:translateX(0px);
	-ms-transform:translateX(0px);
	transform:translateX(0px);	

	opacity: 0;

	z-index:2;
}

#showTakeAway .nav.visible { opacity:1; }


#showTakeAway .nav button {	
	width:25px;
	height:25px;
	padding:0px;

	background-color:#FAFAFA;
	background-image:url("../../images/common/back-forward-arrows.png");
	background-repeat:no-repeat;
	background-position: 0px -15px;

	-webkit-transform:opacity 0.5s;
	-moz-transform:opacity 0.5s;
	transform:opacity 0.5s;

	opacity:0.7;
}
#showTakeAway .nav button:hover {
	opacity: 1;
}	
#showTakeAway .nav button.inactive {
	background-position: 0px 3px;	
	pointer-events:none;
}

#showTakeAway .nav button.back {
	float:left;
	margin-left:-50px;
	background-position:3px -14px;
}

#showTakeAway .nav button.back.inactive {
	background-position:3px 3px;
}
#showTakeAway .nav button.forward {
	float:right;
	margin-right:-50px;
	background-position:-14px -14px;
}
#showTakeAway .nav button.forward.inactive {
	background-position:-14px 3px;
}

.takeAwayMask {
	height:500px;
	width:470px;	
	position: absolute;
	left:50%;
	margin:auto;
	margin-left:-235px;
	overflow: hidden;

}

/*.sharing .takeAwayMask {
	left:0px;
	margin-left:0px;
	position: relative;	
}*/

.takeAway {	
	
	
	width:auto;
	left:0px;
	height:auto;

	-webkit-transition:opacity 0s ease-in;
	-moz-transition:opacity 0s ease-in;
	transition:opacity 0s ease-in;

	opacity: 0;
}

.takeAway.visible { opacity: 1; }


.takeAway .takeAwayContentView{	
	position: absolute;
	top:50%;
	width:468px;	
	display:block;

	opacity:1;	
}


.takeAwayContentView .takeAwayDisplayHolder{
	min-width:225px;
	min-height:355px;
}

.takeAwayContentView .group {
	border:solid 3px #FAFAFA;
	margin-bottom:15px;
}

.takeAwayContentView.errorState .group {
	border:solid 3px #FAFAFA !important;	
}

.takeAwayContentView .content{
	background:#FAFAFA;
	
}	

.takeAwayContentView .description {
	color: #3E4544;
	position: relative;
	padding:10px;
	background:#FAFAFA;	
	font-size: 9px;	
	text-align: left;
	overflow: hidden;
}

.takeAwayContentView .description h4 {
	margin-bottom:5px;
}

.takeAwayContentView.orchestra .description{
	padding-left: 65px;	
	padding-right:100px;
}


.takeAwayContentView .description .detail { overflow: hidden;	}
.takeAwayContentView .description .detail h3 { -webkit-text-stroke: 0.3px #3E4544; }
.takeAwayContentView .description span.date {
	font-size:9px; 
	padding-left:20px;
	background-image:url("../../images/common/icons/clock-icon.svg");
	background-position:top left;
	background-repeat:no-repeat;
 }

.takeAwayContentView .description .floatLeft{	float:left; text-align:left; padding-right:18px;}


.takeAwayContentView .periscopesDescription .floatLeft.colLocation { width:223px; }
.takeAwayContentView .periscopesDescription .floatLeft.colTakenFrom { width:140px; font-size:9px; }


.takeAwayContentView .avatarIcon {
	position: absolute;
	top:45%;
	margin-top:-22px;
	right:10px;
}



/* Lab Report Video display */
.takeAwayContentView.labReportVideo .group{
	width:461px;
	margin-bottom:20px;
}	


.takeAwayContentView.labReportVideo .content {
	width:460px;
	height:259px;
	display:block;

	background-color:black;
}

.takeAwayContentView .takeAwayDisplay.videoContainer object {
	opacity:0px;
	width:460px;
	height:259px;
	background-color:black;	
}

.takeAwayContentView .takeAwayDisplay.videoContainer iframe {
	border:none;
}


.takeAwayContentView .takeAwayDisplay .videoBackground{
	position: absolute;
	top:0px;
	width:460px;
	height:259px;
	background-color:black;

	opacity:1;
	-webkit-transition:opacity 0.5s;
	-moz-transition:opacity 0.5s;
	transition:opacity 0.5s;
}

.takeAwayContentView .takeAwayDisplay.visible .videoBackground{
	opacity: 0;	
	pointer-events:none;
}

.takeAwayContentView .processingHolder, .takeAwayContentView .errorHolder {
	width:100%; height:100%;
	background:#FAFAFA url("../../images/common/xbox-grey.svg");
	background-position:top left;
	background-size:cover;
	-moz-background-size:cover;	
	opacity: 1;	
}

.takeAwayContentView.orchestra .processingHolder{
	background-image: url("../../images/common/labReport/videoProcessing-image-orchestra.jpg");
}
.takeAwayContentView.sketchbots .processingHolder{
	background-image: url("../../images/common/labReport/videoProcessing-image-sketchbots.jpg");
}

.takeAwayContentView .processingHolder {  }
.takeAwayContentView .errorHolder { height:280px;}



.takeAwayContentView .centeredDialog .message {
	padding:10px;
	width: 200px;
}

.takeAwayContentView.orchestra .centeredDialog .message h5, .takeAwayContentView.sketchbots .centeredDialog .message h5 {
	color:#FFFFFF;
}

.takeAwayContentView.orchestra .centeredDialog .message, .takeAwayContentView.sketchbots .centeredDialog .message {
	color:#FFFFFF;
	background:none;
}

.takeAwayContentView.orchestra .description, .takeAwayContentView.sketchbots .description  { display:none;}

.takeAwayContentView .errorHolder .message p { text-align: center;}

.takeAwayContentView .centeredDialog p {
	line-height:12px;
	margin:0px;
	margin-top:5px;
	padding:0px;
}

.takeAwayContentView .collaborationLogo {
	position: absolute;
	left: 15px;
	top: 16px;
	display: block;
	width: 34px;
	height: 29px;
	background: url("../../images/common/labReport/logo-collaboration.png");
}

.takeAway .takeAwayContentView.labReportVideo .detail {
	text-align:left;

}

/* Lab Report Image */

.takeAwayContentView.labReportImage{
	
}	


/* Lab Report Visualiser */

.takeAwayContentView .visualiserContent {
	width:430px;
	height:227px;	
	padding:16px;
	padding-top:14px;

	background:#eceeed;
}

.takeAwayContentView .visualiserContent.museum {
	overflow: hidden;
}

.takeAwayContentView .visualiserContent .backgroundImage {
	position: absolute;
	top:4px;
	left:4px;
	width:458px;
}
/*.takeAwayContentView.sharing .visualiserContent .backgroundImage {
	top:0px;
	left:0px;
}*/

.takeAwayContentView .visualiserContent.online .backgroundImage {
	opacity: 0;
	-webkit-transition:opacity .5s;
	-moz-transition:opacity .5s;
	transition:opacity .5s;
}

.takeAwayContentView .visualiserContent.loaded .backgroundImage {
	opacity: 1;
	width:460px;	
}

.takeAwayContentView .visualiserContent span {
	display:block;
	position: relative;
}

.takeAwayContentView .visualiserContent .imageLinkText {
	font-size: 10px;
	text-decoration: none;
	line-height: 20px;
}
.takeAwayContentView .visualiserContent.online .imageLinkText {
	font-size: 7px;
	line-height: 7px;
	margin-bottom: 0px;	
	display: block;
}

.takeAwayContentView .visualiserContent.online a.imageLink {
	position: absolute;	
	float: left;
	left: 5px;
	top: 0px;
	width: 455px;
	height: 250px;
	z-index:2;

	opacity: 0;
	-webkit-transition:opacity .5s;
	-moz-transition:opacity .5s;
	transition:opacity .5s;
}

.takeAwayContentView .visualiserContent.online.loaded a.imageLink {
	opacity: 1;	
}


.takeAwayContentView .visualiserContent .searchImageContainer {
	float:left;
	text-align: left;
	margin-top:50px;	
	border:3px solid white;
	border-bottom-width:3px;
	background:white;
	height:132px;
}

.takeAwayContentView .visualiserContent.online .searchImageContainer {
	position: absolute;
	top:50%;
	left:50%;
	margin-left:-70px;
	margin-top:-58px;	
	height:auto;

	opacity:0; /* Hidden by default */
}


.takeAwayContentView .visualiserContent .searchImageContainer a{
	text-decoration: none;
}

.takeAwayContentView .visualiserContent .searchImageContainer .imageLink {
	position: static;
	line-height: 10px;
	font-size:10px;
	margin-bottom: 0px;	
	padding-bottom: 0px;
	padding-top: 5px;
	clear:left;
}

.takeAwayContentView .visualiserContent .searchImage {
	height:117px;
	display:block;
	min-height: 117px;
	max-width: 180px;
	float:left;
}

.takeAwayContentView .visualiserContent.online .searchImage {
	height:auto;
	max-width: 110px;
	min-height: 0px;
	margin-bottom: 0px;
	float:none;
}

.takeAwayContentView .visualiserContent.museum .worldMap {
	margin-top:10px;
}
.takeAwayContentView .visualiserContent .worldMap { float:right; }


.takeAwayContentView .visualiserContent .spinnerHolder {
	position: absolute;	
	float: left;
	left: 5px;
	top: 0px;
	width: 455px;
	height: 250px;
	z-index:2;	

	pointer-events:none;

	opacity: 1;
	-webkit-transition:opacity .5s;
	-moz-transition:opacity .5s;
	transition:opacity .5s;

}

.takeAwayContentView .visualiserContent.loaded .spinnerHolder {
	opacity: 0;
}

.takeAwayContentView .visualiserContent .spinnerHolder .spinner{
	margin-top:110px;
}


.takeAwayContentView .visualiserDescription .floatLeft {
	display:table;	
}

.takeAwayContentView .visualiserDescription span.topDescription {
	font-size:10px;
	line-height:11px;
	/*text-transform: uppercase;*/
	text-align: left;		
	margin-bottom: -5px;
}

.takeAwayContentView .visualiserDescription span.topDescription p{
	line-height:11px;
}

.takeAwayContentView .visualiserDescription span.topDescription p .spacer{
	display:block;
	padding-top:7px;
}


.takeAwayContentView .visualiserDescription span.location {
	margin-top:4px;
}

.takeAwayContentView .visualiserDescription .timeHolder {
	display:table-cell;
	vertical-align: bottom;
	color: #3E4544;
}

.takeAwayContentView .visualiserDescription .tracerouteCopy {
	margin-bottom:-1px;	
}

.takeAwayContentView .visualiserDescription .traceRouteTime {
	font-size: 25px; line-height:22px; -webkit-text-stroke: 0.2px #3E4544; letter-spacing:-0.03em;
	float:left;
}
.takeAwayContentView .visualiserDescription.museum .traceRouteTime {
	line-height: 28px;
	margin-top:-2px;
}

.takeAwayContentView .visualiserDescription .avatarIcon {
	margin-top:-32px;
	right:6px;
}

.takeAwayContentView .visualiserDescription span.seconds {	
	top:7px;
	left:2px;
}
.takeAwayContentView .visualiserDescription.musueum sup.seconds {
	line-height: 35px;
}

.takeAwayContentView .visualiserContent.museum .description {
	width:442px;	
}

.takeAwayContentView .visualiserContent.museum .description h4.placeholder {
	margin-bottom:24px;
}

.takeAwayContentView .visualiserDescription {


}
.takeAwayContentView .visualiserDescription span {	
	display:block;
	position: relative;
}

.takeAwayContentView .visualiserDescription .descriptionCopy {
	width:225px;
	float:left;	
	margin-right:20px;
	margin-left:5px;
}


.takeAwayContentView .visualiserDescription .visualiserImage{
	float:left;
	margin-bottom:5px;
}	
.takeAwayContentView .visualiserDescription .visualiserComparisonText{
	font-size: 11px;
	color: #77807F;
	overflow: hidden;
	max-width: 380px;
	float:left;
}

.takeAwayContentView .visualiserDescription .comparison {
	float:left;
}


/* Orchestra Virtual */

.takeAwayContentView.orchestraVirtual {
	width:466px;	
	min-height:300px;
}
.takeAwayContentView.orchestraVirtual .description {
	width: 303px;
}
 .takeAwayContentView.orchestraVirtual .group, .takeAwayContentView.orchestraVirtual .content  {
	background:none;
	border:none;
}

.takeAwayContentView.orchestraVirtual .content {
	min-height:188px;	
}


.takeAwayContentView.orchestraVirtual .spinner {
 	position: absolute;
 	top:75px;
 	left:214px;

 	-webkit-transition:opacity 0.2s;
 	-moz-transition:opacity 0.2s;
 	transition:opacity 0.2s;
 	opacity:0;
 	pointer-events:none; 	
 }
 .takeAwayContentView.orchestraVirtual .spinner.visible {
 	opacity: 1; 	 
 } 


 .takeAwayContentView.orchestraVirtual .player {
 	width:466px;
 	height:188px;
 	background:none;
 	display:block;
 }
  .takeAwayContentView.orchestraVirtual .player canvas {
  	position: absolute;
  }

 .takeAwayContentView.orchestraVirtual .playButton {
 	position: absolute;
 	top:0px;
 	width:466px;
 	height:188px;
 	display:block;

 	background: url("../../images/common/labReport/orchestra-playButton.svg");
 	background-position:50% 50%;
 	background-repeat:no-repeat;
 	background-size:80px 80px;
 	-moz-background-size:80px 80px;

 	-webkit-transition-property:-webkit-transform, opacity;
 	-webkit-transition-duration:0.2s, 0.1s;
 	-moz-transition-property:-webkit-transform, opacity;
 	-moz-transition-duration:0.2s, 0.1s;
 	transition-property:-webkit-transform, opacity;
 	transition-duration:0.2s, 0.1s;

 	-webkit-transform:scale(1);

 	z-index:3;
 	opacity: 1;
 	pointer-events:auto;
 	cursor:pointer;
 
}

.takeAwayContentView.orchestraVirtual .playButton:hover {
	-webkit-transform:scale(1.05);
}

.takeAwayContentView.orchestraVirtual .playButton.hidden {

 	pointer-events:none;
 	opacity: 0; 

 	-webkit-transform:scale(0.2);
}


.takeAwayContentView.orchestraVirtual .noChromeDialog {
	width:350px;
	margin:auto;
	text-align:left;
}

.takeAwayContentView.orchestraVirtual .noChromeDialog .downloadChrome {
	margin-top:10px;	
	margin-left:60px;
}

.takeAwayContentView.orchestraVirtual .noChromeDialog .downloadChrome a {
	float:none;
}

/* Vector drawing */


.takeAwayContentView .takeAwayDisplay.vectorContainer{
	width:225px;
	height:310px;
	display:block;
	min-height: 310px;

	border:solid 3px #fafafa;

	background: #FFFFFF; /* Old browsers */
	/* @alternate */ background: -moz-linear-gradient(top,  #FFFFFF 0%, #f0f2f2 100%); /* FF3.6+ */
	/* @alternate */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#FFFFFF), color-stop(100%,#f0f2f2)); /* Chrome,Safari4+ */
	/* @alternate */ background: -webkit-linear-gradient(top,  #FFFFFF 0%, #f0f2f2 100%); /* Chrome10+,Safari5.1+ */
	/* @alternate */ background: -o-linear-gradient(top,  #FFFFFF 0%, #f0f2f2 100%); /* Opera 11.10+ */
	/* @alternate */ background: -ms-linear-gradient(top,  #FFFFFF 0%, #f0f2f2 100%); /* IE10+ */
	/* @alternate */ background: linear-gradient(top,  #FFFFFF 0%, #f0f2f2 100%); /* W3C */
}

/* Robots Images */

.takeAwayContentView.narrowImage {
	height:448px;
}

.takeAwayContentView .takeAwayDisplay.vectorContainer img, .takeAwayContentView.narrowImage .takeAwayDisplay img {
	width:225px;
	height:300px;
	/*margin-top:10px;*/
}

/*.takeAwayContentView.narrowImage.sharing {
	width:231px;

}*/

.takeAwayContentView.narrowImage .group {
	width:231px;
	margin:auto;	
	margin-bottom:20px;
}

.takeAwayContentView.narrowImage.sharing .group { 
	/*float:left; 
	top:68px;*/
}


.takeAwayContentView.narrowImage .actionButtons {
	width:470px;
	margin-left:auto;
	margin-right:auto;	
}

.takeAwayContentView.narrowImage .socialPanel .buttons > div, .takeAwayContentView.narrowImage .socialPanel .buttons > iframe {
	float:left !important;	
} 

/*.takeAwayContentView.narrowImage button.delete, .takeAwayContentView.narrowImage button.flag  {
	position: absolute;
	margin-top: 34px;
	margin-left: 212px;
}*/

.takeAwayContentView .takeAwayDisplay {
	background:#fafafa;	
}/*
.takeAwayContentView .takeAwayDisplay.image {
	border:solid 3px #fafafa;	
}*/

.takeAwayContentView .takeAwayDisplay.image .imageHolder {

	min-height:265px;

	opacity: 0;
	
	-webkit-transition:opacity 0.5s;
	-moz-transition:opacity 0.5s;
	transition:opacity 0.5s;
}
.takeAwayContentView .takeAwayDisplay.image.visible .imageHolder {
	opacity: 1;	
}

.takeAwayContentView .takeAwayDisplay.image .imageHolder img {
	max-width: 462px;	
}



/* Action Buttons */


.takeAwayContentView  .actionButtons {
	width: 100%;
}

.takeAwayContentView.sharing .actionButtons {
	position: absolute;
}

.takeAwayContentView  .actionButtons.inactive {
	pointer-events:none;
	opacity:0.2;
}

.takeAwayContentView .actionButtons .social {
	float:left;	
	width:428px;
}

.takeAwayContentView .actionButtons.inactive .social {
	pointer-events:none;
}


.takeAwayContentView.myContent button.delete { display:block; }
.takeAwayContentView.myContent button.flag { display:none; }
.labReport .flagged button.flag { opacity:0.25; pointer-events:none;}


/* Sharing mode */
/*
#showTakeAway.sharing .nav {
	position: absolute;
	margin-top:-70px;
}

#showTakeAway.sharing .takeAway {
	margin:0px;	
}*/

.sharingDecisionButtons {
	margin-top:10px;
	float:left;	
}