/* CSS Document */


body, p, a, article, header, footer, div {
		color: #3a6f8f;  
		font-family: Arial; 
		font-size: 16px; 
		font-style: normal; 
		font-variant: normal; 
		font-weight: normal; 
		letter-spacing: normal; 
		line-height: normal; 
		text-align: left; 
		text-indent: 0px; 
		text-transform: none; 
		text-decoration: none;
		white-space: normal;
		widows: auto; word-spacing: 0px;
		orphans: auto;  
		-webkit-text-stroke-width: 0px;
}

li {
		color: #3a6f8f;  
		font-family: Arial; 
		font-size: 14px; 
		font-style: normal; 
		font-variant: normal; 
		font-weight: normal; 
		letter-spacing: normal; 
		line-height: normal; 
		text-align: left; 
		text-indent: 0px; 
		text-transform: none; 
		text-decoration: none;
		white-space: normal;
		widows: auto; word-spacing: 0px;
		orphans: auto;  
		-webkit-text-stroke-width: 0px;
}

p {
		line-height: 18px; 
		margin: 0px 0px 14px; 
		padding: 7px; 
}

h1, h2, h3, h4, h5, h6 {
		color: #f26532; 
		font-family: Arial;
		font-style: normal;
		font-variant: normal;
		font-weight: bold;
		letter-spacing: normal;
		line-height: normal;
		text-align: left;
		text-indent: 0px;
		text-transform: none;
		text-decoration: none;
		white-space: normal;
		widows: auto;
		word-spacing: 0px;
		orphans: auto;
		-webkit-text-stroke-width: 0px;
}

h1 {font-size: 18px;}
h2 {font-size: 16px;}
h3 {font-size: 14px;}
h4, h5, h6 {font-size: 12px;}

.errortext {
		color: red;  
		font-weight: bold; 
}

a, img {border:none;}

ul.tableOfContents li {
	padding: 4px;
	list-style: none;
	border: thin black solid;	
	}

.center {
		display: block;
		position: relative;
		margin: 0 auto;
}

.columns {
	position:relative;
	width:100%;
}

.columns div div a {
		color: #1BA022; 
		text-decoration: none;
}

.columns div div a:hover {
		color: #f26532;
		text-decoration: none;
}

.columns .leftcolumn {
	position:absolute;
	top:0;
	left:0;
	width:50%;
}
.columns .rightcolumn {
	position:absolute;
	top:0;
	left:50%;
	width:50%;
}

.titleOnLeft {
		margin-bottom: 20px;
		margin-top: 20px;
		text-align: left !important;
		width: 100%;
}

.titlecenter {
		margin-bottom: 20px;
		margin-top: 20px;
		text-align: center !important;
		width: 100%;
}

.textwrap {
		float:right;
		margin: 10px;
}

.textcenter {text-align:center;}


#topEdge {
		position: absolute;
		top: 0;
		left: 0;
		margin: 0;
		padding: 0;
		width: 100%;
		height: 4px;
		min-height: 4px;
		background-color: #f26532;	
}

#topMenuBar {
		height: 40px;
		min-height: 40px;
}

#banner .headline {
	position: relative;
	top: 16px;
	font-size: 36px;
}

#main {
		height: 1000px;
		min-height: 1000px;
}

.outerflow {
		position: relative;
		width: 1000px;
		margin-left:auto;
		margin-right:auto;
}

.shiftleft {
		position: relative;
		left: -200px;
}

header.common {
		position: relative;
		width:100%;
		margin-top:4px;
		margin-bottom:4px;
}

header.common .requestQuote {
		position: absolute;
		top: -8px;
		right: 150px;
		text-align: center;
}

header.common .requestQuote img {display: inline;}

header.common .contactUs {
		position: absolute;
		top: -8px;
		right: 0px;
		text-align: center;
}

header.common .contactUs img {display: inline;}

header.common .troubleTab {
		position: absolute;
		top: -4px;
		right: 200px;
		text-align: center;
}

header.common .loginButton {
		position: absolute;
		top: -8px;
		right: 150px;
		text-align: center;
}

header.common .loginButton img {display: inline;}

header.common .troubleTab img {display: inline;}


header.common .popRevealTrigger {
		position: absolute;
		top: -4px;
		right: 150px;
		text-align: center;
}

header.common .popRevealTrigger img {display: inline;}

/* The popReveal is used to show and hide the pop content. It is also used to hold a close button. */
.popReveal {
	position: absolute;
	top: -4px;
	left: 0px;
	width: 100%;
	min-height: 2000px;
	background-color: white;
	z-index: 3000;
}

.popRevealClose {
	position:relative;
	width:110px;
	margin-left:auto;
	margin-right:auto;
	background-color: white;
	color: #3a6f8f;
	text-align:center;
}

.popRevealClose a {
	background-color: white;
	color: black;
	text-align:center;
}

/* The pop over view holds the actual pop over content, which 
   can be an iframe or block content. */
.popRevealView {
	position: relative;
	top: 20px;
	width: 200px;
	min-height: 330px;
	margin-left: auto;
	margin-right: auto;
	background-color: white;
	z-index: 4000;
}


.popReveal-animate-show {
  line-height:20px;
  opacity:1;
  padding:10px;
  border:1px solid black;
  background:white;
}
 
.popReveal-animate-show.ng-hide-add,
.popReveal-animate-show.ng-hide-remove {
  display:block!important;
}
 
.popReveal-animate-show.ng-hide-add.ng-hide-add-active,
.popReveal-animate-show.ng-hide-remove.ng-hide-remove-active {
  -webkit-transition:all linear 0.5s;
  transition:all linear 0.5s;
}
 
.popReveal-animate-show.ng-hide {
  line-height:0;
  opacity:0;
  padding:0 10px;
}


.timerCallout {
		position: absolute;
		top: 2px;
		right: 0px;
		text-align: right;
}

header.common .authCallout {
		position: absolute;
		top: 40px;
		right: 0px;
		text-align: left;
}

header.common .authCallout2 {
		position: absolute;
		top: 80px;
		right: 0px;
		text-align: left;
}

header.common #gConnect {
		position: absolute;
		top: -8px;
		right: 150px;
		text-align: center;
}


nav.common {
		position: relative;
		width:100%;
		color: #f26532; 
		font: normal 18px Arial;
		text-align: left;
		margin-top:16px;
		margin-bottom:16px;
}

nav.common a {color: #007a5e;}

nav.common a:hover {color: #f26532;}

nav.common>div {
		position: relative;
		float: left;
		color: #f26532;
}

nav.common>div ul {
		position: absolute;
		top: 18px;
		left: 0;
		width: 200px;
		margin: 0;
		padding: 0;
		border: thin solid #007a5e;
		list-style: none inside;
		background-color:white;
		z-index:1000;
}

nav.common>div li {
		width: 100%;
		height: 36px;
		z-index:1000;
		padding-top:9px;
		font: normal 18px Arial;
		color: #007a5e;
		text-indent: 18px;
		text-align: left;
}

nav.common>div li a:hover {color: #ffffff;}

#topMenuBar .gsc-control-wrapper-cse {
	position:absolute;
	top:-10px;
	right:0;
	width:200px;
}

nav.left {
		position: absolute;
		width:198px;
		left:0;
}

nav.left>ul {
		position: relative;
		width:198px;
		left:0;
		margin: 0;
		padding: 0;
		list-style: url(../images/bullets/plus.png) none inside;
}

nav.left li {
		color: #007a5e;
		font: normal 18px Arial;
		text-align: left;
		background-color:white;
		padding-bottom: 16px;
}

nav.left li:hover {background-color:white;}

nav.left li a {
		color: #007a5e;
		text-decoration: none;
}

nav.left li a:hover {
		color: #f26532;
		text-decoration: none;
}

nav.left .separator {
		position: relative;
		width:198px;
		left:0;
		margin: 0;
		padding: 0;
		font: normal 14px Arial;
		text-align: left;
}

nav.left .inforequest {
		position: relative;
		top: 30px;
		width:125px;
		height: 30px;
		min-height: 30px;
		left:0;
		margin: 0;
		padding-top: 0;
		padding-left: 0;
}

nav.left .quoterequest {
		position: relative;
		top:50px;
		width:125px;
		height: 30px;
		min-height: 30px;
		left:0;
		margin: 0;
		padding-top: 0;
		padding-left: 0;
}

nav.left .inforequest>img {display:inline;}

nav.left .quoterequest>img {display:inline;}

nav.left .inforequest a {
	min-height:32px;
}

nav.left .quoterequest a {
	min-height:32px;
}

nav.left .inforequest a:hover {
		border-bottom: thin black solid;
}

nav.left .quoterequest a:hover {
		border-bottom: thin black solid;
}


nav.left li.TOCdivider {
		list-style: none;
		color: #007a5e;
		font: bold 18px Arial;
		text-align: center;
		background-color:white;
		padding-top: 7px;
		padding-bottom: 7px;
		border: thin black solid;
}



nav.right {
		position: absolute;
		width:198px;
		right:0;
}

nav.right>ul {
		position: relative;
		width:198px;
		right:0;
		margin: 0;
		padding: 0;
		list-style: url(../images/bullets/plus.png) none inside;
}

nav.right li {
		color: #007a5e;
		font: normal 18px Arial;
		text-align: left;
		background-color:white;
		padding-top: 7px;
		padding-bottom: 7px;
}

nav.right li:hover {background-color:white;}

nav.right li a {
		color: #007a5e;
		text-decoration: none;
}

nav.right li a:hover {
		color: #f26532;
		text-decoration: none;
}

nav.right .separator {
		position: relative;
		width:198px;
		right:0;
		margin: 0;
		padding: 0;
		font: normal 14px Arial;
		text-align: right;
}

nav.right li.TOCdivider {
		list-style: none;
		color: #007a5e;
		font: bold 18px Arial;
		text-align: center;
		background-color:white;
		padding-top: 7px;
		padding-bottom: 7px;
		border: thin black solid;
}


nav.Home .Home,
nav.ALDUsersGroupMeetingVideos .ALDUsersGroupMeetingVideos,
nav.AtomicLayerDeposition .AtomicLayerDeposition,
nav.AtomicLayerDepositionBibliography .AtomicLayerDepositionBibliography,
nav.AtomicLayerDepositionPapers .AtomicLayerDepositionPapers,
nav.AtomicLayerDepositionOurResearch .AtomicLayerDepositionOurResearch,
nav.AtomicLayerDepositionCustomers .AtomicLayerDepositionCustomers,
nav.AtomicLayerDepositionTutorial .AtomicLayerDepositionTutorial,
nav.AtomicLayerDepositionPeriodicTable .AtomicLayerDepositionPeriodicTable,
nav.AtomicLayerDepositionAdvantages .AtomicLayerDepositionAdvantages,
nav.AtomicLayerDepositionForResearch .AtomicLayerDepositionForResearch,
nav.AtomicLayerDepositionAForProduction .AtomicLayerDepositionAForProduction,
nav.AtomicLayerDepositionAnimation .AtomicLayerDepositionAnimation,
nav.AtomicLayerDepositionMaterials .AtomicLayerDepositionMaterials,
nav.AtomicLayerDepositionDistributors .AtomicLayerDepositionDistributors,
nav.ThinFilmDeposition .ThinFilmDeposition,
nav.AdvancedThinFilms .AdvancedThinFilms,
nav.BatchAtomicLayerDeposition .BatchAtomicLayerDeposition,
nav.Products .Products,
nav.Applications .Applications,
nav.Services .Services,
nav.KnowledgeCenter .KnowledgeCenter,
nav.AboutUs .AboutUs,
nav.CambridgeNanotechNews .CambridgeNanotechNews,
nav.CambridgeNanotechEvents .CambridgeNanotechEvents,
nav.CambridgeNanotechSeminars .CambridgeNanotechSeminars,
nav.CambridgeNanotechCareers .CambridgeNanotechCareers,
nav.InformationRequestForm .InformationRequestForm,
nav.Coatings .Coatings,
nav.Consulting .Consulting,
nav.Batteries .Batteries,
nav.Optical .Optical,
nav.Electronics .Electronics,
nav.SAMS .SAMS,
nav.Biomedical .Biomedical,
nav.Other .Other{
color: #f26532;
}

footer.common {
		position: relative;
		width:100%;
		margin-top:4px;
		margin-bottom:4px;
}



footer.common header {
	font: bold 16px Arial;
	color: #f26532;
}


footer.common a {
	color:#007a5e;
}

footer.common a:hover {
	color:#f26532;
}

footer.common .dropinannouncement {
		position: absolute;
		top: 180px;
		right: 0;
}

footer.common .dropinannouncement a{
		position: absolute;
		top: 0;
		right: 0;
}


footer.common .boilerplate {
		position: absolute;
		top: 265px;
		left: 0;
		width: 100%;
		color: #007a5e;
		font: 12px Arial;
		border-top: thin solid #007a5e;
		padding-top:20px;
		padding-bottom:20px;
}


footer.common .boilerplate a {
		color: #007a5e;
		font: 12px Arial;
		text-decoration: none;
}

footer.common .boilerplate a:hover {color: #f26532;}

footer.common .boilerplate .socialMediaIcons {
		position:absolute;
		right:0px;
		top:20px;
}

div.tiled.p1 {
		position:absolute;
		left:0;
		width:180px;
		margin-right: 20px;
		padding:0;
}

div.tiled.p2 {
		position:absolute;
		left:200px;
		width:180px;
		margin-right: 20px;
		padding:0;
}

div.tiled.p3 {
		position:absolute;
		left:400px;
		width:180px;
		margin-right: 20px;
		padding:0;
}

div.tiled.p4 {
		position:absolute;
		left:600px;
		width:180px;
		margin-right: 20px;
		padding:0;
}

div.tiled.p5 {
		position:absolute;
		left:800px;
		width:180px;
		margin-right: 20px;
		padding:0;
}

div.tiled.p1of2 {
		position:absolute;
		left:0;
		width:480px;
		margin-right: 20px;
		padding:0;
}

div.tiled.p2of2 {
		position:absolute;
		right:0;
		width:480px;
		margin-right: 20px;
		padding:0;
}


.tiled header {
		border-bottom: thin solid #007a5e;
		color: #007a5e;
		font: 14px Arial;
		margin: 0px 0px 8px;
		padding-top: 8px;
		padding-bottom: 8px;
}

.tiled p {
		font: 12px Arial;
		color: black;
}


.tiled a {
		font: 12px Arial;
		color: #007a5e;
		text-decoration: none;
}

.tiled a:hover {color: #f26532;}


.content {
		position: absolute;
		height:100%;
		min-height:100%;
		width:798px;
		left:200px;
}

.content>header {
		position:relative;
		width:784px;
}

.content>header>img {
		position:relative;
		width:784px;
		height:225px;
		min-height:225px;
}

.content>header>h1 {
		position:relative;
		z-index:10;
}

.content a {
		font-size: 14px;
		color: #f26532;
		text-decoration: none;
}

.content a:hover {
		font-size: 14px;
		color: #1BA022;
		text-decoration: none;
}

.content nav {
		font-family: arial, sans-serif;
		font-size: 16px;
		text-align: left;
		color: rgb(0, 0, 0);
		font-style: normal;
		font-variant: normal;
		font-weight: normal;
		letter-spacing: normal;
		line-height: normal;
		orphans: auto;
		text-indent: 0px;
		text-transform: none;
		white-space: normal;
		widows: auto;
		word-spacing: 0px;
		-webkit-text-stroke-width: 0px;
		background-color: rgb(255, 255, 255);
}


.content .discussion  {
position: relative;
width:100%;
}

.content .discussion img {
display: block;
position: relative;
margin: 0 auto;
}


.content .discussion p {
font-family: Arial;
font-size: 14px;
text-align: left;
color: #3a6f8f;
font-style: normal;
font-variant: normal;
font-weight: normal;
letter-spacing: normal;
line-height: normal;
orphans: auto;
text-indent: 0px;
text-transform: none;
white-space: normal;
widows: auto;
word-spacing: 0px;
-webkit-text-stroke-width: 0px;
background-color: rgb(255, 255, 255);
padding: 4px;
}

.content .tool  {
position: relative;
width:100%;
}

.content .toolleft  {
position: relative;
width:598px;
}

.content .tool p {
font-family: Arial;
font-size: 14px;
text-align: left;
color: #3a6f8f;
font-style: normal;
font-variant: normal;
font-weight: normal;
letter-spacing: normal;
line-height: normal;
orphans: auto;
text-indent: 0px;
text-transform: none;
white-space: normal;
widows: auto;
word-spacing: 0px;
-webkit-text-stroke-width: 0px;
background-color: rgb(255, 255, 255);
padding: 4px;
}



.content2 {
	position: absolute;
	height: 100%;
	min-height: 100%;
	width: 798px;
	left: 200px;
	border-top-color: #B0B0B0;
	border-top-style: solid;
	border-top-width: thin;
}

.content2>header {
		position:relative;
		width:586px;
}

.content2>header>img {
		position:relative;
		width:586px;
		height:225px;
		min-height:225px;
}

.content2>header>h1 {
		position:relative;
		z-index:10;
}

.content2 a {
		font-size: 14px;
		color: #f26532;
		text-decoration: none;
}

.content2 a:hover {
		font-size: 14px;
		color: #1BA022;
		text-decoration: none;
}

.content2 nav {
		font-family: arial, sans-serif;
		font-size: 16px;
		text-align: left;
		color: rgb(0, 0, 0);
		font-style: normal;
		font-variant: normal;
		font-weight: normal;
		letter-spacing: normal;
		line-height: normal;
		orphans: auto;
		text-indent: 0px;
		text-transform: none;
		white-space: normal;
		widows: auto;
		word-spacing: 0px;
		-webkit-text-stroke-width: 0px;
		background-color: rgb(255, 255, 255);
}


.content2 .discussion  {
position: relative;
width:100%;
}

.content2 .discussion img {
display: block;
position: relative;
margin: 0 auto;
}


.content2 .discussion p {
font-family: Arial;
font-size: 14px;
text-align: left;
color: #3a6f8f;
font-style: normal;
font-variant: normal;
font-weight: normal;
letter-spacing: normal;
line-height: normal;
orphans: auto;
text-indent: 0px;
text-transform: none;
white-space: normal;
widows: auto;
word-spacing: 0px;
-webkit-text-stroke-width: 0px;
background-color: rgb(255, 255, 255);
padding: 4px;
}

.content2 .tool  {
position: relative;
width:100%;
}

.content2 .toolleft  {
position: relative;
width:798px;
}

.content2 .tool p {
font-family: Arial;
font-size: 14px;
text-align: left;
color: #3a6f8f;
font-style: normal;
font-variant: normal;
font-weight: normal;
letter-spacing: normal;
line-height: normal;
orphans: auto;
text-indent: 0px;
text-transform: none;
white-space: normal;
widows: auto;
word-spacing: 0px;
-webkit-text-stroke-width: 0px;
background-color: rgb(255, 255, 255);
padding: 4px;
}

.greenTeardrop {
	position: relative;
	top: 0;
	left: 0;
	width: 190px;
	height: 190px;
	background-image: url(../images/green-teardrop.png);
}

.savannah .greenTeardrop>img {
	position: absolute;
	left: 30px;
	bottom: 7px;
}
.fiji .greenTeardrop>img {
	position: absolute;
	left: 30px;
	bottom: 7px;
}
.phoenix .greenTeardrop>img {
	position: absolute;
	left: 30px;
	bottom: 7px;
}


.greenTeardropInline {
	position: relative;
	float: right;
	width: 190px;
	height: 190px;
	background-image: url(../images/green-teardrop.png);
	background-repeat: no-repeat;
}

.savannah .greenTeardropInline>img {
	position: absolute;
	top: 0;
	left: 30px;
}
.fiji .greenTeardropInline>img {
	position: absolute;
	top: 0;
	left: 30px;
}
.phoenix .greenTeardropInline>img {
	position: absolute;
	top: 7px;
	left: 30px;
}

.greenTeardropInline>div {
	position: absolute;
	left: 0;
	top: 195px;
	
}


.knowledgecenter table {
color: #3a6f8f; 
font-family: Arial; 
font-size: 18px; font-style: normal; font-variant: normal; font-weight: normal; 
letter-spacing: normal; line-height: normal; orphans: auto; text-align: left; text-indent: 0px; 
text-transform: none; white-space: normal; widows: auto; word-spacing: 0px; 
-webkit-text-stroke-width: 0px;
}

.column p {
font-family: Arial;
font-size: 14px;
text-align: left;
color: #3a6f8f;
font-style: normal;
font-variant: normal;
font-weight: normal;
letter-spacing: normal;
line-height: normal;
orphans: auto;
text-indent: 0px;
text-transform: none;
white-space: normal;
widows: auto;
word-spacing: 0px;
-webkit-text-stroke-width: 0px;
background-color: rgb(255, 255, 255);
padding: 4px;
	
}

.column.fiji {
position: absolute;
width:260px;
left: 266px;
}


.column.phoenix {
position: absolute;
width:260px;
left: 532px;
}


.column.savannah {
position: absolute;
width:260px;
left: 0px;
}

.column.quoterequest {
position: absolute;
width:520px;
left: 0px;
}

.column.inforequest {
position: absolute;
width:520px;
left: 0px;
}

.column.address {
position: absolute;
width:260px;
left: 532px;
}

.contentbottom {
position: absolute;
width:100%;
left: 0px;
bottom:0px;
}

.contentbottom p {
	font-size: 14px;
}

.contentbottom a {
	font-size: 14px;
}

.biblograph {
	position:relative;
	background:white;
}

.biblograph article {
	position:relative;
	margin-top: 8px;
	margin-bottom: 8px;
}

.biblograph header {
	position:relative;
	background:white;
	border-top: 4px solid black;
	border-top: 2px solid #007a5e;
	margin-top: 8px;
	padding-top: 4px;
	margin-bottom: 4px;
	padding-bottom: 4px;
	
}

.biblograph p {
	position:relative;
	
}

.biblograph footer {
	position: relative;
}

.newsItem {
	position:relative;
	background:white;
}

.newsItem article {
	position:relative;
	margin-top: 8px;
	margin-bottom: 8px;
}

.newsItem header {
	position:relative;
	background:lightgray;
	border-top: 4px solid #007a5e;
	margin-top: 8px;
	
}

.newsItem p {
	position:relative;
	
}

.newsItem footer {
	position: relative;
}

.eventItem {
	position:relative;
	background:white;
}

.eventItem article {
	position:relative;
	margin-top: 8px;
	margin-bottom: 8px;
}

.eventItem header {
	position:relative;
	background:lightgray;
	border-top: 4px solid #007a5e;
	margin-top: 8px;
	
}

.eventItem p {
	position:relative;
	
}

.eventItem footer {
	position: relative;
}

.column menuitem {
position: absolute;
width: 150px;
height: 30px;
min-height: 30px;
background-color: #007a5e;
padding-top: 9px;
font: normal  16px Arial;
text-align: center;
text-decoration: none;
text-indent: 4px;
color: #FFFFFF;
border: 2px solid #f26532;
border-radius: 8px;
}

.column menuitem img {
display:inline;
}

.textGreenOnWhite {
color: #007a5e;
background-color: white;
}

.textOrangeOnWhite {
color: #f26532;
background-color: white;
}

.textWhiteOnOrange {
color: #ffffff;
background-color: #f26532;
}

.customerList {
position: relative;
width: 100%;
height: 600px;
max-height: 600px;
overflow-x: scroll;
list-style: none;
overflow-y: scroll;
}

.customerList li {
color: #3a6f8f; 
font-family: Arial; 
font-size: 18px; 
font-style: normal; 
font-variant: normal; 
font-weight: normal; 
letter-spacing: normal; 
line-height: normal; 
text-align: left; 
text-indent: 0px; 
text-transform: none; 
white-space: normal;
widows: auto; word-spacing: 0px;
orphans: auto;  
-webkit-text-stroke-width: 0px;
}


.distributorsCountryText {
	text-align: center;
	font: bold 18px arial;
}
.distributorsTableCells p {
	text-align: center;
	font: 14px arial;
}
.distributorsTableCells img {
	display:block;
	margin-left:auto;
	margin-right:auto;
	margin-bottom: 18px;
}

.blockTypeAAA {
	position: relative;
	width: 246px;
	padding-left: 18px;
	border-left: 1px solid black;
	height: 470px;
	min-height: 470px;
}

.blockTypeAAA header{
	text-align: center;
	font: bold 18px arial;
	margin-bottom:4px;
	margin-left: auto;
	margin-right: auto;
	width:auto;
}
.blockTypeAAA img{
	display:block;
	margin-left:auto;
	margin-right:auto;
}
.blockTypeAAA p{
	text-align: center;
	font: 14px arial;
}

.fsSelectorBox {
   width: 508px;
	height: 37px;	
	min-height: 37px;	
   overflow: hidden;
   background: url(../images/buttons/fs-select-bkg.png) no-repeat right white;
   border: 1px solid black;
}

.fsSelectorBox select {
   background: transparent;
   width: 100%;
   padding: 5px;
   font-size: 16px;
   line-height: 1;
   border: 0;
   border-radius: 0;
   height: 34px;
   -webkit-appearance: none;
   }
   
.fsColumnsA {
	position: relative;
	width: 100%;
	margin-top: 4px;
	height: 37px;	
	min-height: 37px;	
}
   
.fsColumnsB {
	position: relative;
	width: 100%;
	margin-top: 4px;
	height: 43px;	
	min-height: 43px;	
}
   
.fsColumnsC {
	position: relative;
	width: 100%;
	margin-top: 4px;
	height: 80px;	
	min-height: 80px;	
}
   
.fsLeftColumn {
	float: left;
	width:250px;
}

.fsRightColumn {
	float: right;
	width:250px;
}

.fslabel {
	position: relative;
	top: 20px;
}

.fsinputBoxA {
	position: relative;
	height: 37px;	
	min-height: 37px;	
}

.fsinputBoxA input {
	position: relative;
	height: 37px;	
	min-height: 37px;	
	width:232px;
	border: 1px solid black;
}

.fsinputBoxB textarea {
	position: relative;
	width:504px;
}



.fsSubmitButton {
		float: right;
		background-color: #007a5e;
		padding-top: 9px;
		padding-bottom: 9px;
		padding-left: 9px;
		padding-right: 9px;
		margin-right:18px;
		font: bold  16px Arial;
		text-align: center;
		text-decoration: none;
		text-indent: 4px;
		color: #FFFFFF;
		border: 2px solid #f26532;
		border-radius: 8px;
}

.editor {
	position:relative;
	margin: 8px;
	border: thin solid #000000;
	padding: 8px;
}

.scrollinglist {
	position:relative;
	max-height: 400px;
	margin: 8px;
	border: thin solid #000000;
	padding: 8px;
	overflow-y: scroll;
	overflow-x: scroll;
}

.inlineBox {
	position: relative;
	display: inline-block;
	width: 300px;
	min-height:20px;
	border: thin solid #000000;
	padding: 1px;
}

.inlineLabel {
	position: relative;
	display: inline-block;
	width: 100px;
	min-height:20px;
	text-align: right;
}

.safeButton {
	color: white;
	background-color: green;
}

.cautiousButton {
	color: white;
	background-color: orange;
}

.dangerousButton {
	color: white;
	background-color: red;
}


.instructionCell {
	color: white;
	background-color: black;
}

.filelist td {
	border: thin black solid;
}

/* slide show styles */

/* the slide shows are displayed in an overlay screen */

.slideShowOverlay {
	position:fixed;
	top:0;
	left:0;
    width: 100%;
	height:2000px;
	min-height:2000px;
	z-index:1000;
	background-color:black;
}


.slidePositionOnScreen {
	position:relative;
	top:0px;
    width: 720px;
	margin-left:auto;
	margin-right:auto;
	z-index:1100;
}


.commands {
  position: absolute;
  top: 30px;
  left: 20px;
  width:120px;
  z-index:1400;
}
.commands button {
  position:relative;
  z-index:1500;
}

.slider {
  position: relative;
  top:100px;
  width: 720px;
  margin: auto;
z-index:1200;
}

.sliderCallout {
  position: absolute;
  top: -56px;
  width:100%;
  z-index:1350;
		color: #f26532; 
		font-family: Arial;
		font-style: normal;
		font-variant: normal;
		font-weight: bold;
		font-size: 14px; 
		letter-spacing: normal;
		line-height: normal;
		text-align: center;
		text-indent: 0px;
		text-transform: none;
		text-decoration: none;
		white-space: normal;
		widows: auto;
		word-spacing: 0px;
		orphans: auto;
		-webkit-text-stroke-width: 0px;
}

.slide {
  position: absolute;
  top: 0;
  left: 0;
  z-index:1300;
}

.gallery {
  position: relative;
  top:100px;
  width: 720px;
  margin: auto;
z-index:1200;
}

.galleryCallout {
  position: absolute;
  top: -56px;
  width:100%;
  z-index:1350;
		color: #f26532; 
		font-family: Arial;
		font-style: normal;
		font-variant: normal;
		font-weight: bold;
		font-size: 14px; 
		letter-spacing: normal;
		line-height: normal;
		text-align: center;
		text-indent: 0px;
		text-transform: none;
		text-decoration: none;
		white-space: normal;
		widows: auto;
		word-spacing: 0px;
		orphans: auto;
		-webkit-text-stroke-width: 0px;
}

.galleryImage {
  position: absolute;
  top: 0;
  left: 0;
  z-index:1300;
}

.galleryImage360 {
	width: 360px;
	height: auto;
}

.galleryImage720 {
	width: 720px;
	height: auto;
}


.arrows {
  position: absolute;
  top: -70px;
  left: 0;
  width:100%;
  z-index:1400;
}
.arrows button {
  position:absolute;
  z-index:1500;
}
.arrows button.back {
	top:0;
	left:0;
}
.arrows button.left {
	top:0;
	left:70px;
}
.arrows button.right {
	top:0;
	left:140px;
}
.arrows button.zoom {
	top:0;
	left:210px;
}



.anchorImgFix {
	text-align:left;
}
.anchorImgFix>img{
	display:inline;
}


.overlay
{
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	min-height: 500px;
	padding: 4px;
	z-index: 1000;
	background-color: white;
	color: #000000;
	border: thick ridge #000000;
	-webkit-box-shadow: 8px 8px 4px 4px #ACACAC;
	box-shadow: 8px 8px 4px 4px #ACACAC;
}



div.group1 {
	position:relative;
	width: 100%;
	height: 200px;
	min-height: 200px;
}
div.group2 {
	position:relative;
	width: 100%;
	height: 320px;
	min-height: 320px;
}
div.group3 {
	position:relative;
	width: 100%;
	height: 100px;
	min-height: 100px;
}
.group4 {
	position:relative;
	width: 100%;
	height: 200px;
	min-height: 200px;
}
.box1 {
	position: absolute;
	top: 40px;
	left: 0;
	width: 50%;
}
.box1f {
	position: absolute;
	top: 40px;
	left: 0;
	width: 100%;
}
.box2 {
	position: absolute;
	top: 40px;
	left: 50%;
	width: 50%;
}
.box3 {
	position: absolute;
	top: 80px;
	left: 0;
	width: 50%;
}
.box4 {
	position: absolute;
	top: 80px;
	left: 50%;
	width: 50%;
}
.box5 {
	position: absolute;
	top: 120px;
	left: 0%;
	width: 50%;
}
.box5f {
	position: absolute;
	top: 120px;
	left: 0%;
	width: 100%;
}
.box6 {
	position: absolute;
	top: 120px;
	left: 50%;
	width: 50%;
}
.box7 {
	position: absolute;
	top: 160px;
	left: 0%;
	width: 50%;
}
.box8 {
	position: absolute;
	top: 160px;
	left: 50%;
	width: 50%;
}
.box9 {
	position: absolute;
	top: 200px;
	left: 0%;
	width: 50%;
}
.box10 {
	position: absolute;
	top: 200px;
	left: 50%;
	width: 50%;
}
.box11 {
	position: absolute;
	top: 240px;
	left: 0%;
	width: 50%;
}
.box11f {
	position: absolute;
	top: 160px;
	left: 0%;
	width: 100%;
	min-height: 120px;
}
.box11f textarea {
	min-height: 120px;
}

.box31 {
	position: absolute;
	top: 40px;
	left: 0;
	width: 25%;
}
.box32 {
	position: absolute;
	top: 40px;
	left: 25%;
	width: 25%;
}
.box33 {
	position: absolute;
	top: 40px;
	right: 0;
	width: 25%;
}

.box41 {
	position: absolute;
	top: 80px;
	left: 0;
	width: 25%;
}
.box42 {
	position: absolute;
	top: 80px;
	left: 25%;
	width: 10%;
}
.box43 {
	position: absolute;
	top: 80px;
	left: 35%;
	width: 10%;
}
.box44 {
	position: absolute;
	top: 80px;
	right: 0;
	width: 50%;
}


.box51 {
	position: absolute;
	top: 120px;
	left: 0;
	width: 25%;
}
.box52 {
	position: absolute;
	top: 120px;
	left: 25%;
	width: 25%;
}
.box53 {
	position: absolute;
	top: 120px;
	left: 50%;
	width: 25%;
}
.box54 {
	position: absolute;
	top: 120px;
	left: 75%;
	width: 25%;
}

.box1fButton {
	position: absolute;
	top: 40px;
	left: 40%;
	width: 20%;
}

.testbutton {
	position: fixed;
	bottom: 0;
	right: 0;
	width: 100px;
	min-height: 20px;
}



.ng-valid
{
	background: none;
}

.ng-invalid
{
	background: none;
}

input.ng-valid, textarea.ng-valid, select.ng-valid
{
	border: 1px solid green;
	background-color: #7eff7e;
}


input.ng-invalid, textarea.ng-invalid, select.ng-invalid
{
	border: 1px solid red;
	background-color: #FFCFB9 ;
}


.inputLabel {
	position: relative;
	color: #B8B8B8;
	font: normal 12px Gotham, "Helvetica Neue", Helvetica, Arial, sans-serif;
}
input, textarea {
	width: 95%;
}

.bigButtonA {
	width: 100px;
	height: 50px;
	min-height: 50px;
	padding: 5px;
	background-color: #dcdcdc;
	border: 1px ridge #666;
	color: #000;
	text-decoration: none;
	border-radius: 8px;
}


.fsSelectorBox {
   width: 508px;
	height: 37px;	
	min-height: 37px;	
   overflow: hidden;
   background: url(../images/buttons/fs-select-bkg.png) no-repeat right white;
   border: 1px solid black;
}

.fsSelectorBox select {
   background: transparent;
   width: 100%;
   padding: 5px;
   font-size: 16px;
   line-height: 1;
   border: 0;
   border-radius: 0;
   height: 34px;
   -webkit-appearance: none;
   }
   
.fsColumnsA {
	position: relative;
	width: 100%;
	margin-top: 4px;
	height: 37px;	
	min-height: 37px;	
}
   
.fsColumnsB {
	position: relative;
	width: 100%;
	margin-top: 4px;
	height: 43px;	
	min-height: 43px;	
}
   
.fsColumnsC {
	position: relative;
	width: 100%;
	margin-top: 4px;
	height: 80px;	
	min-height: 80px;	
}
   
.fsLeftColumn {
	float: left;
	width:250px;
}

.fsRightColumn {
	float: right;
	width:250px;
}

.fslabel {
	position: relative;
	top: 20px;
}

.fsinputBoxA {
	position: relative;
	height: 37px;	
	min-height: 37px;	
}

.fsinputBoxA input {
	position: relative;
	height: 37px;	
	min-height: 37px;	
	width:232px;
	border: 1px solid black;
}

.fsinputBoxB textarea {
	position: relative;
	width:504px;
}

.fsSubmitButton {
		float: right;
		background-color: #007a5e;
		padding-top: 9px;
		padding-bottom: 9px;
		padding-left: 9px;
		padding-right: 9px;
		margin-right:18px;
		font: bold  16px Arial;
		text-align: center;
		text-decoration: none;
		text-indent: 4px;
		color: #FFFFFF;
		border: 2px solid #f26532;
		border-radius: 8px;
}

ul.coolTocLink li{
	margin-bottom: 6px;
}

ul.coolTocLink a{
	background: #007a5e;
	color: #FFFFFF;
	border: 2px solid #f26532;
	border-radius: 8px;
	padding: 2px;
	line-height: 2em;
}



/* original */

.columns {
	position:relative;
	width: 900px;
	min-height: 3000px;
	margin-left:auto;
	margin-right:auto;
	background: white;
	border: 1px solid black;
	}
	
.fullColumn {
	position: absolute;
	top:0;
	left:0;
	width: 100%;
	min-height: 2990px;
	padding: 5px;
	background-color:cyan;
}
	
.leftColumn {
	position: absolute;
	top:0;
	left:0;
	width: 440px;
	min-height: 2990px;
	padding: 5px;
	background-color:lightgreen;
}
.rightColumn {
	position: absolute;
	top: 0;
	left: 450px;
	width: 440px;
	min-height: 2990px;
	padding: 5px;
	background-color:lightgray;
	border-left-color: yellow;
	border-left-width: 1px;
}

.fsitems {
	position: relative;
	width: 100%;
}

.fsbuttons {
	position: relative;
	width: 100%;
}

.fsSelectorBox {
   width: 90%;
	height: 37px;	
	min-height: 37px;	
   overflow: hidden;
   background: url(../images/buttons/fs-select-bkg.png) no-repeat right white;
   border: 1px solid black;
}

.fsSelectorBox select {
   background: transparent;
   width: 100%;
   padding: 5px;
   font-size: 16px;
   line-height: 1;
   border: 0;
   border-radius: 0;
   height: 34px;
   -webkit-appearance: none;
   }

.fsinputBoxA {
	position: relative;
	height: 74px;	
	min-height: 74px;	
}

.fsinputBoxA input {
	position: relative;
	height: 37px;	
	min-height: 37px;	
	width:232px;
	border: 1px solid black;
}

.fsinputBoxB textarea {
	position: relative;
	width:400px;
}

.fsradioBoxA {
	position: relative;
	height: 37px;	
	min-height: 37px;	
}

.fsradioBoxA>div {
	float:left;
	height: 27px;	
	min-height: 27px;	
	width:100px;
	padding: 5px;
	border: 1px solid black;
}


.fsSubmitButton {
		float: right;
		background-color: #007a5e;
		padding-top: 9px;
		padding-bottom: 9px;
		padding-left: 9px;
		padding-right: 9px;
		margin-right:18px;
		font: bold  16px Arial;
		text-align: center;
		text-decoration: none;
		text-indent: 4px;
		color: #FFFFFF;
		border: 2px solid #f26532;
		border-radius: 8px;
}

.editor {
	position:relative;
	margin: 8px;
	border: thin solid #000000;
	padding: 8px;
}

.scrollinglist {
	position:relative;
	max-height: 400px;
	margin: 8px;
	border: thin solid #000000;
	padding: 8px;
	overflow-y: scroll;
	overflow-x: scroll;
}

.inlineBox {
	position: relative;
	display: inline-block;
	width: 300px;
	min-height:20px;
	border: thin solid #000000;
	padding: 1px;
}

.inlineLabel {
	position: relative;
	display: inline-block;
	width: 100px;
	min-height:20px;
	text-align: right;
}

.safeButton {
	color: white;
	background-color: green;
}

.cautiousButton {
	color: white;
	background-color: orange;
}

.dangerousButton {
	color: white;
	background-color: red;
}

.instructionCell {
	color: white;
	background-color: black;
}

.filelist td {
	border: thin black solid;
}

.videoPlayer {
	position: fixed;
	top: 0px;
	left: 0px;
	width: 1920px;
	height: 1080px;
	display: hidden;
	z-index: 1000;
}

.videoCloseButtonTL {
	position: fixed;
	top: 0px;
	left: 0px;
	z-index: 1001;
	color: white;
	background-color: green;
}
.videoCloseButtonTR {
	position: fixed;
	top: 0px;
	right: 0px;
	z-index: 1001;
	color: white;
	background-color: green;
}
.videoCloseButtonBL {
	position: fixed;
	bottom: 0px;
	left: 0px;
	z-index: 1001;
	color: white;
	background-color: green;
}
.videoCloseButtonBR {
	position: fixed;
	bottom: 0px;
	right: 0px;
	z-index: 1001;
	color: white;
	background-color: green;
}

.biggieButton {
	font-size:14px;
	background: green;
	color: white;
}

.helpBox {
	background: white;
	color: #0031FF;
	position: fixed;
	top: 0px;
	left: 0px;
	width: 90%;
	padding: 20px;
	border: thick groove #010101;
	z-index: 2000;
}