.technology {
	/* namespace */
}

.orchestraTechnology {
	/* namespace */
}

.technology.technologyPage, .technology .technologyPage {
	
	color: #7c8282;
	font-size:11px;
	width: 960px;
	margin: auto;
	
}

.technology.header, .technology .header {
	width: 304px;
	margin-left: 164px;
	margin-top: 40px;
	margin-bottom: 40px;
}

/* moved to Orchestra section 
*/
hr.technology, .technology hr {
	width: 100%;
	height: 1px;
	background-color: /*#FFFFFF*/ #3E4544;
	border-style: none;
	border-width: 0px;
}

.technology.header p, .technology .header p {
	color: #FFFFFF;margin-top:7px;
	display:none;
}
.technology.header p.selected, .technology .header p.selected {
	display:block;	
}


.technologyHolder .scrollFader {
	position: fixed;
	bottom: 0;
	left: 0;
	background: url('../../images/technology/technology_overlay.png') repeat-x scroll top left;
	width: 100%;
	height: 148px;
	pointer-events: none;
}


.contentPageTabbedContent {
	
}

.contentPageTabbedContent .pageContent {
	overflow: hidden;
}

.contentPageTabbedContent .tabbedPage {
	position: relative;
	left: 0px;
	top: 0px;
	margin-bottom: 80px;
}

.contentPageTabbedContent .tabs {
	position: relative;
	
}

.contentPageTabbedContent .pageContent {
	position: relative;
}

.contentPageTabbedContent .tabs .tabButton {
	width: 100%;
	margin-bottom: 6px;
	padding:4px 11px 7px 11px;
	background:#D2D4D4;
	-webkit-transition: background-color 0.2s;
	-moz-transition: background-color 0.2s;
	transition: background-color 0.2s;
	color:#3E4544;
}
.contentPageTabbedContent .tabs .tabButton h4{
	color:#3E4544;
}
.technology .contentPageTabbedContent .tabs .tabButton h4{
	color:#FFF;
}
.contentPageTabbedContent .tabs .tabButton.selected h4{color:#FFF;}

.contentPageTabbedContent .tabs .tabButton:hover {
	background:#C3C5C5;
}
.contentPageTabbedContent .tabs .tabButton h4{
line-height:14px;}

.contentPageTabbedContent .tabs .tabButton:last-of-type {
	margin-bottom: 0px;
}

.technology .contentPageTabbedContent .tabs, .technology.contentPageTabbedContent .tabs {
	width: 164px;
	position: fixed;
}

.technology .contentPageTabbedContent .pageContent, .technology.contentPageTabbedContent .pageContent {
	width: 796px;
}

.technology .contentPageTabbedContent .thinColumn, .technology.contentPageTabbedContent .thinColumn {
	width: 304px;
}

.technology .contentPageTabbedContent .thinColumn img, .technology.contentPageTabbedContent .thinColumn img{
	margin-left: 4px;
}

.technology .contentPageTabbedContent .thickColumn, .technology.contentPageTabbedContent .thickColumn {
	width: 468px;
}

.technology .contentPageTabbedContent .fullColumn, .technology.contentPageTabbedContent .fullColumn {
	width: 100%;
}
.technology .video_detail iframe{border: 3px solid #3e4544;}
.technology .video_detail { margin-bottom:48px;}
/*(Roll Implementations)*/
/* Contain floats: h5bp.com/q */
.clearfix:before, .clearfix:after { content: ""; display: table; }
.clearfix:after { clear: both; }
.clearfix { *zoom: 1; }

.technology.technologyPage .row{margin-bottom:20px;}
.technologyPage .contentPageTabbedContent .tabs button.tabButton{
	background:#3E4544;
	-webkit-transition: background-color 0.2s;
	-moz-transition: background-color 0.2s;
	transition: background-color 0.2s;
}
.technologyPage .contentPageTabbedContent .tabs button.tabButton:hover{background:#4e5755;}
.technologyPage .contentPageTabbedContent .tabs button.tabButton.selected{pointer-events: none;}
.technologyPage .contentPageTabbedContent .tabs button.tabButton h4{line-height: 14px; padding: 2px 0 0px 0; font-weight: normal;}
.technologyPage .experiment_description {color: #899190;}
.technologyPage .experiment_description h4 {font-size: 15px;text-transform: uppercase;margin-top:10px; -webkit-transform: scale(1.0) !important; -moz-transform: scale(1.0) !important; transform: scale(1.0) !important;}
.technologyPage .experiment_item_img {float: left;margin: 13px 0 0 4px;}
.technologyPage .experiment_item_text h2 {font-size: 15px;width: 475px;border-bottom: none; -webkit-transform: scale(1.0) !important; -moz-transform: scale(1.0) !important; transform: scale(1.0) !important;}
/*.technologyPage .video_detail{width:; height:; } Commented out as is causing compiling problems*/
.technologyPage .experiment_item_text .experiment_item_links{border-top: 1px solid #3E4544;margin-top:15px;}
.technologyPage .experiment_item_text .experiment_item_links p {color: #FFF;margin-top: 5px;margin-bottom: 20px;}
.technologyPage .experiment_item_text .experiment_item_links a { text-transform: uppercase;display: block;font-size: 12px;line-height: 14px;text-decoration: none;color: #FFF;margin: 5px 0 10px 0;float:left; clear:both;padding: 5px 15px 5px 15px;background: #3E4544;
	-webkit-transition: background-color 0.2s;
	-moz-transition: background-color 0.2s;
	transition: background-color 0.2s;}
.technologyPage .experiment_item_text .experiment_item_links dfn {font-size: 9px;margin: 0 0 20px 0;padding: 0;font-style: normal;color: #899190;display: block;}
.technologyPage .experiment_item_text .experiment_item_links a span {
	
}
.technologyPage .experiment_item_text .experiment_item_links a:hover{
	background:#4e5755;
}
.technologyPage .thinColumn .prototype_img{position:relative;}
.technologyPage .thinColumn .prototype_img img{position:relative;z-index:1}
.technologyPage .thinColumn .prototype_img a{
	position:absolute;
	z-index:1;
	left:11px;
	bottom:8px;
	display:block;
	width:auto;
	height:15px;
	color:#FFF;
	text-decoration:none;
	/*font-family: 'Roboto Condensed', "Helvetica Neue", Arial, sans-serif;  Note: If you need to use this, use the class .universFont instead to define the font please*/
	font-size: 12px;
	text-transform: uppercase;
	text-align:center;
	line-height:14px;
	background:#3e4544;
	padding:6px 20px 2px 20px;
	-webkit-transition: background-color 0.2s;
	-moz-transition: background-color 0.2s;
	transition: background-color 0.2s;
}
.technologyPage .thinColumn .prototype_img a:hover{
	background:#4e5755;
}
.technologyPage .thinColumn .prototype_img a span{padding:2px 16px 0 0; background:url(../../images/technology/launch_bg.png) no-repeat right 2px; }

/*orchestraTechnology*/
h1.orchestraTechnology, 
.orchestraTechnology h1, 
h2.orchestraTechnology, 
.orchestraTechnology h2,
.orchestraTechnology .experiment_description h4, 
.orchestraTechnology .experiment_item_text h2,
.orchestraTechnology .thickColumn h3 {color: #A96888;}
.orchestraTechnology.technologyPage .contentPageTabbedContent .tabs button.tabButton.selected{
	background: #897eb3;
	/* @alternate */ background: -moz-linear-gradient(left,  #897eb3 0%, #bd6c91 100%);
	/* @alternate */ background: -webkit-gradient(linear, left top, right top, color-stop(0%,#897eb3), color-stop(100%,#bd6c91));
	/* @alternate */ background: -webkit-linear-gradient(left,  #897eb3 0%,#bd6c91 100%);
	/* @alternate */ background: -o-linear-gradient(left,  #897eb3 0%,#bd6c91 100%);
	/* @alternate */ background: linear-gradient(left,  #897eb3 0%,#bd6c91 100%);
}
/*.orchestraTechnology.technologyPage .contentPageTabbedContent .tabs button.tabButton.selected:hover{
	 background: #aa6c9e;
	 background: -moz-linear-gradient(left,  #aa6c9e 0%, #d76e80 100%);
	 background: -webkit-gradient(linear, left top, right top, color-stop(0%,#aa6c9e), color-stop(100%,#d76e80));
	 background: -webkit-linear-gradient(left,  #aa6c9e 0%,#d76e80 100%);
	 background: -o-linear-gradient(left,  #aa6c9e 0%,#d76e80 100%);
	 background: linear-gradient(left,  #aa6c9e 0%,#d76e80 100%);
}
.orchestraTechnology.technologyPage .contentPageTabbedContent .tabs button.tabButton.selected:active{
	background: #b86a95;
	background: -moz-linear-gradient(left,  #b86a95 0%, #e77175 100%);
	background: -webkit-gradient(linear, left top, right top, color-stop(0%,#b86a95), color-stop(100%,#e77175));
	background: -webkit-linear-gradient(left,  #b86a95 0%,#e77175 100%);
	background: -o-linear-gradient(left,  #b86a95 0%,#e77175 100%);
	background: linear-gradient(left,  #b86a95 0%,#e77175 100%);
}*/

/*periscopesTechnology*/
h1.periscopesTechnology, 
.periscopesTechnology h1, 
h2.periscopesTechnology, 
.periscopesTechnology h2,
.periscopesTechnology .experiment_description h4, 
.periscopesTechnology .experiment_item_text h2,
.periscopesTechnology .thickColumn h3 {color: #66a54a;}
.periscopesTechnology.technologyPage .contentPageTabbedContent .tabs button.tabButton.selected{
	background: #64a877; /* Old browsers */
	 /* @alternate */ background: -moz-linear-gradient(left,  #64a877 0%, #95b853 100%); /* FF3.6+ */
	 /* @alternate */ background: -webkit-gradient(linear, left top, right top, color-stop(0%,#64a877), color-stop(100%,#95b853)); /* Chrome,Safari4+ */
	 /* @alternate */ background: -webkit-linear-gradient(left,  #64a877 0%,#95b853 100%); /* Chrome10+,Safari5.1+ */
	 /* @alternate */ background: -o-linear-gradient(left,  #64a877 0%,#95b853 100%); /* Opera 11.10+ */
	 /* @alternate */ background: linear-gradient(left,  #64a877 0%,#95b853 100%); /* W3C */
}
/*
.periscopesTechnology.technologyPage .contentPageTabbedContent .tabs button.tabButton.selected:hover{
	background: #73b156;
	background: -moz-linear-gradient(left,  #73b156 0%, #bcbc53 100%);
	background: -webkit-gradient(linear, left top, right top, color-stop(0%,#73b156), color-stop(100%,#bcbc53));
	background: -webkit-linear-gradient(left,  #73b156 0%,#bcbc53 100%);
	background: -o-linear-gradient(left,  #73b156 0%,#bcbc53 100%);
	background: linear-gradient(left,  #73b156 0%,#bcbc53 100%);
}
.periscopesTechnology.technologyPage .contentPageTabbedContent .tabs button.tabButton.selected:active{
	background: #8eb555;
	background: -moz-linear-gradient(left,  #8eb555 0%, #cebf52 100%);
	background: -webkit-gradient(linear, left top, right top, color-stop(0%,#8eb555), color-stop(100%,#cebf52));
	background: -webkit-linear-gradient(left,  #8eb555 0%,#cebf52 100%);
	background: -o-linear-gradient(left,  #8eb555 0%,#cebf52 100%);
  background: linear-gradient(left,  #8eb555 0%,#cebf52 100%);
}*/

/*periscopesTechnology*/
h1.periscopesTechnology, 
.periscopesTechnology h1, 
h2.periscopesTechnology, 
.periscopesTechnology h2,
.periscopesTechnology .experiment_description h4, 
.periscopesTechnology .experiment_item_text h2,
.periscopesTechnology .thickColumn h3 {color: #66a54a;}
.periscopesTechnology.technologyPage .contentPageTabbedContent .tabs button.tabButton.selected{
	background: #64a877; /* Old browsers */
	 /* @alternate */ background: -moz-linear-gradient(left,  #64a877 0%, #95b853 100%); /* FF3.6+ */
	 /* @alternate */ background: -webkit-gradient(linear, left top, right top, color-stop(0%,#64a877), color-stop(100%,#95b853)); /* Chrome,Safari4+ */
	 /* @alternate */ background: -webkit-linear-gradient(left,  #64a877 0%,#95b853 100%); /* Chrome10+,Safari5.1+ */
	 /* @alternate */ background: -o-linear-gradient(left,  #64a877 0%,#95b853 100%); /* Opera 11.10+ */
	 /* @alternate */ background: linear-gradient(left,  #64a877 0%,#95b853 100%); /* W3C */
}
/*.periscopesTechnology.technologyPage .contentPageTabbedContent .tabs button.tabButton.selected:hover{
	background: #73b156;
	background: -moz-linear-gradient(left,  #73b156 0%, #bcbc53 100%);
	background: -webkit-gradient(linear, left top, right top, color-stop(0%,#73b156), color-stop(100%,#bcbc53));
	background: -webkit-linear-gradient(left,  #73b156 0%,#bcbc53 100%);
	background: -o-linear-gradient(left,  #73b156 0%,#bcbc53 100%);
	background: linear-gradient(left,  #73b156 0%,#bcbc53 100%);
}
.periscopesTechnology.technologyPage .contentPageTabbedContent .tabs button.tabButton.selected:active{
	background: #8eb555;
	background: -moz-linear-gradient(left,  #8eb555 0%, #cebf52 100%);
	background: -webkit-gradient(linear, left top, right top, color-stop(0%,#8eb555), color-stop(100%,#cebf52)); 
	background: -webkit-linear-gradient(left,  #8eb555 0%,#cebf52 100%); 
	background: -o-linear-gradient(left,  #8eb555 0%,#cebf52 100%); 
	background: linear-gradient(left,  #8eb555 0%,#cebf52 100%); 
}*/

/*robotsTechnology*/
h1.robotsTechnology, 
.robotsTechnology h1, 
h2.robotsTechnology, 
.robotsTechnology h2,
.robotsTechnology .experiment_description h4, 
.robotsTechnology .experiment_item_text h2,
.robotsTechnology .thickColumn h3 {color: #d07d8d;}
.robotsTechnology.technologyPage .contentPageTabbedContent .tabs button.tabButton.selected{
	background: #e28890; /* Old browsers */
	 /* @alternate */ background: -moz-linear-gradient(left,  #e28890 0%, #eb9b7b 100%); /* FF3.6+ */
	 /* @alternate */ background: -webkit-gradient(linear, left top, right top, color-stop(0%,#e28890), color-stop(100%,#eb9b7b)); /* Chrome,Safari4+ */
	 /* @alternate */ background: -webkit-linear-gradient(left,  #e28890 0%,#eb9b7b 100%); /* Chrome10+,Safari5.1+ */
	 /* @alternate */ background: -o-linear-gradient(left,  #e28890 0%,#eb9b7b 100%); /* Opera 11.10+ */
	 /* @alternate */ background: linear-gradient(left,  #e28890 0%,#eb9b7b 100%); /* W3C */
}
/*.robotsTechnology.technologyPage .contentPageTabbedContent .tabs button.tabButton.selected:hover{
	 background: #e69284;
	 background: -moz-linear-gradient(left,  #e69284 0%, #f1ad65 100%);
	 background: -webkit-gradient(linear, left top, right top, color-stop(0%,#e69284), color-stop(100%,#f1ad65)); 
	 background: -webkit-linear-gradient(left,  #e69284 0%,#f1ad65 100%); 
	 background: -o-linear-gradient(left,  #e69284 0%,#f1ad65 100%);
	 background: linear-gradient(left,  #e69284 0%,#f1ad65 100%);
} */
/*.robotsTechnology.technologyPage .contentPageTabbedContent .tabs button.tabButton.selected:active{
	background: #eb9d78;
	 background: -moz-linear-gradient(left,  #eb9d78 0%, #f7bc54 100%); 
	 background: -webkit-gradient(linear, left top, right top, color-stop(0%,#eb9d78), color-stop(100%,#f7bc54)); 
	 background: -webkit-linear-gradient(left,  #eb9d78 0%,#f7bc54 100%); 
	 background: -o-linear-gradient(left,  #eb9d78 0%,#f7bc54 100%); 
	 background: linear-gradient(left,  #eb9d78 0%,#f7bc54 100%); 
}*/

/*robotsTechnology*/
h1.visualiserTechnology, 
.visualiserTechnology h1, 
h2.visualiserTechnology, 
.visualiserTechnology h2,
.visualiserTechnology .experiment_description h4, 
.visualiserTechnology .experiment_item_text h2,
.visualiserTechnology .thickColumn h3 {color: #5192d4;}
.visualiserTechnology.technologyPage .contentPageTabbedContent .tabs button.tabButton.selected{
	background: #4a7fe4; /* Old browsers */
	 /* @alternate */ background: -moz-linear-gradient(left,  #4a7fe4 0%, #68bae3 100%); /* FF3.6+ */
	 /* @alternate */ background: -webkit-gradient(linear, left top, right top, color-stop(0%,#4a7fe4), color-stop(100%,#68bae3)); /* Chrome,Safari4+ */
	 /* @alternate */ background: -webkit-linear-gradient(left,  #4a7fe4 0%,#68bae3 100%); /* Chrome10+,Safari5.1+ */
	 /* @alternate */ background: -o-linear-gradient(left,  #4a7fe4 0%,#68bae3 100%); /* Opera 11.10+ */
	 /* @alternate */ background: linear-gradient(left,  #4a7fe4 0%,#68bae3 100%); /* W3C */
}
/*.visualiserTechnology.technologyPage .contentPageTabbedContent .tabs button.tabButton.selected:hover{
	background: #5597f4; 
	background: -moz-linear-gradient(left,  #5597f4 0%, #68d2db 100%);
	background: -webkit-gradient(linear, left top, right top, color-stop(0%,#5597f4), color-stop(100%,#68d2db));
	background: -webkit-linear-gradient(left,  #5597f4 0%,#68d2db 100%);
	background: -o-linear-gradient(left,  #5597f4 0%,#68d2db 100%);
	background: linear-gradient(left,  #5597f4 0%,#68d2db 100%);
}
.visualiserTechnology.technologyPage .contentPageTabbedContent .tabs button.tabButton.selected:active{
	background: #60afeb;
	background: -moz-linear-gradient(left,  #60afeb 0%, #63dbd7 100%);
	background: -webkit-gradient(linear, left top, right top, color-stop(0%,#60afeb), color-stop(100%,#63dbd7));
	background: -webkit-linear-gradient(left,  #60afeb 0%,#63dbd7 100%);
	background: -o-linear-gradient(left,  #60afeb 0%,#63dbd7 100%);
	background: linear-gradient(left,  #60afeb 0%,#63dbd7 100%);
}*/

/*robotsTechnology*/
h1.labtagTechnology, 
.labtagTechnology h1, 
h2.labtagTechnology, 
.labtagTechnology h2,
.labtagTechnology .experiment_description h4, 
.labtagTechnology .experiment_item_text h2,
.labtagTechnology .thickColumn h3 {color: #58a38a;}
.labtagTechnology.technologyPage .contentPageTabbedContent .tabs button.tabButton.selected{
	background: #51a4a2; /* Old browsers */
	 /* @alternate */ background: -moz-linear-gradient(left,  #51a4a2 0%, #83c28d 100%); /* FF3.6+ */
	 /* @alternate */ background: -webkit-gradient(linear, left top, right top, color-stop(0%,#51a4a2), color-stop(100%,#83c28d)); /* Chrome,Safari4+ */
	 /* @alternate */ background: -webkit-linear-gradient(left,  #51a4a2 0%,#83c28d 100%); /* Chrome10+,Safari5.1+ */
	 /* @alternate */ background: -o-linear-gradient(left,  #51a4a2 0%,#83c28d 100%); /* Opera 11.10+ */
	 /* @alternate */ background: linear-gradient(left,  #51a4a2 0%,#83c28d 100%); /* W3C */
}
.labtagTechnology.technologyPage .contentPageTabbedContent .tabs button.tabButton.selected:hover{
	background: #5ab8ad; /* Old browsers */
	 /* @alternate */ background: -moz-linear-gradient(left,  #5ab8ad 0%, #a4cb69 100%); /* FF3.6+ */
	 /* @alternate */ background: -webkit-gradient(linear, left top, right top, color-stop(0%,#5ab8ad), color-stop(100%,#a4cb69)); /* Chrome,Safari4+ */
	 /* @alternate */ background: -webkit-linear-gradient(left,  #5ab8ad 0%,#a4cb69 100%); /* Chrome10+,Safari5.1+ */
	 /* @alternate */ background: -o-linear-gradient(left,  #5ab8ad 0%,#a4cb69 100%); /* Opera 11.10+ */
	 /* @alternate */ background: linear-gradient(left,  #5ab8ad 0%,#a4cb69 100%); /* W3C */
}
.labtagTechnology.technologyPage .contentPageTabbedContent .tabs button.tabButton.selected:active{
	background: #6fc39c; /* Old browsers */
	 /* @alternate */ background: -moz-linear-gradient(left,  #6fc39c 0%, #b1db6e 100%); /* FF3.6+ */
	 /* @alternate */ background: -webkit-gradient(linear, left top, right top, color-stop(0%,#6fc39c), color-stop(100%,#b1db6e)); /* Chrome,Safari4+ */
	 /* @alternate */ background: -webkit-linear-gradient(left,  #6fc39c 0%,#b1db6e 100%); /* Chrome10+,Safari5.1+ */
	 /* @alternate */ background: -o-linear-gradient(left,  #6fc39c 0%,#b1db6e 100%); /* Opera 11.10+ */
	 /* @alternate */ background: linear-gradient(left,  #6fc39c 0%,#b1db6e 100%); /* W3C */
}

.videos_learning{margin-top:0;}
.videos_learning iframe{border:3px solid #FFF;}
.videos_learning .learning_details{margin-bottom:30px;}
.videos_learning .learning_details h2{line-height: 18px;margin-top: 6px;font-size: 15px;}