body { 
  text-align:center; 
  margin:0; 
  padding:0;
  font-family:Helvetica Neue, Helvetica, Arial, Sans-serif;
}
.hr {
  background-color: #c9d7f1; 
  color: #c9d7f1; 
  height:2px;
  width:100%;
}
#center {
  background-color:white;
  color:black;
  font-family:Helvetica Neue, Helvetica, Arial, Sans-serif;
  font-size:1.1em;
  padding:10px;
  width:960px;
  height:100%; 
  text-align: center; 
  vertical-align:middle;
  margin-left: auto;
  margin-right: auto ;
  padding:0px;
}
#center-middle {
  background-color:white;
  color:black;
  font-family:Helvetica Neue, Helvetica, Arial, Sans-serif;
  font-size:1.1em;
  padding:0px;
  width:960px;
  height:500px; 
  text-align: center; 
  vertical-align:middle;
  display:table-cell;
  margin-left: auto;
  margin-right: auto ;
}
.debugConsole {
  border:solid 1px black;
  width: 100%;
  height: 100px;
  overflow-x: hidden;
  overflow-y: scroll;
}

.scroller {
  width: 320px;
  display:inline-block;
}
.itemsContainer {
	background-color: white;
	width: 300px;
	text-align: center;
	margin-left:auto;
	margin-right:auto;
}
.item {
	background-color: white;
	width: 300px;
	height: 40px;	
	border-top: solid 2px #99ceb2;
	border-left: solid 2px #99ceb2;
	border-right: solid 2px #99ceb2;
	text-align: center;
	margin-left:auto;
	margin-right:auto;
	padding-left:10px;
	cursor:pointer;
}
.buttonUp{
	background-color:#00853e;
	color:#ffffff;
	width: 220px;
	height: 24px;	
	text-align: center;
	margin-left:auto;
	margin-right:auto;
	border-radius:10px 10px 0px 0px;
	-moz-border-radius:10px 10px 0px 0px;
	cursor:pointer;
}
.buttonDown{
	background-color:#00853e;
	color:#ffffff;
	width: 220px;
	height: 24px;	
	text-align: center;
	margin-left:auto;
	margin-right:auto;
	border-radius:0px 0px 10px 10px;
	-moz-border-radius:0px 0px 10px 10px;
	cursor:pointer;
}
.imgThumbnail{
	height: 120px;
	border: 8px solid black;
}
.leftColumnContainer{
	width:34px;
	background-color: orange;
	height:100%;
	font-size:0.7em;
	float: left;
}
.leftColumn{
	width:100px;
	background-color:orange;
	height:34px;
	-webkit-transform:rotate(90deg);
	-moz-transform:rotate(90deg);
	-o-transform:rotate(90deg);
	top:33px;	
	left:-33px;	
	position:relative;
	color:green;
	white-space:nowrap;
}
.leftColumnIE{
	width:220px;
	height:34px;
	filter:progid:DXImageTransform.Microsoft.BasicImage(rotation=1);	
	top:0px;	
	left:0px;
	position:relative;
	color:green;
	white-space:nowrap;
}
.rightColumn{
	width:860px
	height:100%;
	background-color:white;
	float:right;
	border-top:solid 1px gray;
	border-right:solid 1px gray;
	font-size:medium;
	overflow: visible;
} 
.rowContainer{
	width:960px;
	height:100%;
	text-align:left;
	margin-left:auto;
	margin-right:auto;
}
.divColumn{
 width:300px;
 display:inline;
 margin-left:auto;
 margin-right:auto;
}
.resultRow{
	border:solid 0px black; 
	display:inline-block;
	width:780px;
	padding:0px;
	margin:0px;
}
.resultTitle{
	width:170px; 
	height:inherit;
	background-color:lightgray;
	border: solid 1px white; 
	vertical-align:top;
	padding-left:10px;
}
.resultValue{
	padding-left:10px;
	border: solid 0px green; 
	width:600px; 
	display:block; 
	vertical-align:middle; 
}
.details{
	width:800px;
	border:solid 0px #99ceb2;
	position:absolute;
	text-align:left;
	display:block;
	padding:0px;
	margin:0px;
	white-space:normal;
	vertical-align:top;
}
.logo{
  display:inline-block;
  width:220px;
  height:50px;
}
.leftContainer{
	display:inline-block;
	width:320px;
	vertical-align:top;
}
.maskDiv{
	width:100%;
	height:100%;
	
	background-color:#ccc;
	filter: alpha(opacity=50, style=0);
	-moz-opacity:.5; 

	z-index:100;
	position:absolute;
	left:1px;
	top:1px;	
	vertical-align:middle;
	text-align:center;
	margin-left:auto;
	margin-right:auto;
}
.imagePresented{
	left:10px;
	top:10px;	
	border: solid 20px black;
	vertical-align:middle;
	text-align:center;
	margin-left:auto;
	margin-top:auto;
	margin-bottom:auto;
	margin-right:auto;
}