body {
	font-size: 65%;
	font-family: 'Arial';
	font-style: normal;
	font-weight: normal;
	margin-top:0px;
	padding-top:0px;
}

/*div {border: 1px solid gray} */
input {
	font-size:100%;
}

input.dimension {
	text-align:right;
	width:65px;
	margin:0px;
}

input[type=checkbox] {
	width:auto;
	margin:0px;
}

table {
	width:100%;
	padding: 2pt;
	font-size: 100%;
	font-family: 'Arial';
	font-style: normal;
	font-weight: normal;
	margin:2pt;
	
}

select {
	text-align:right;
	font-size:100%;
}

#Canvas {
	margin:0px;
	position:relative;
	height:128px;
	width:128px;
}

h2 {
	padding-left:0pt;
	padding-bottom:2.5pt;
	padding-top:3pt;
	margin:2pt;
	font-size:100%;
	font-family: 'Arial';
	border-bottom:1px solid gray;
}

.dlgButton {
	vertical-align:middle;
	margin:1px;
	padding:2px;
	width:24px;
	height:24px;
}

.dlgButton:hover {
	/*background-color:rgb(230,240,255);*/
	border-bottom:1px outset gray;
	border-right:1px outset gray;
	border-top:1px outset #E5E5E5;
	border-left:1px outset #E5E5E5
}

.dlgButton:active {
	position:relative;
	top:1px;
	left:1px;
	background-color:#BBBBBB;
	border-bottom:1px inset #E5E5E5;
	border-right:1px inset #E5E5E5;
	border-top:1px inset gray;
	border-left:1px inset gray;
}

#bottomButtonBar{
	position:static;
	/*bottom:0px;*/
	width:100%;
	margin-top:6px;
	min-height: 100px !important;
	visibility: visible !important;
}

.top-name {
width:136px;padding:2px;font-size:135%;text-align:left;margin:0px;

}

#topbarTable {padding:0px;padding-right:6px;margin:0px;min-width:200px;}

.top-bar {
	background-color:#C6C6C6;
	width:100%;
	height:auto;
	margin:0px;
	padding-left:6px;
	padding-right:6px;
	padding-top:0px;
	padding-bottom:0px;
	border-bottom:1px solid gray;
}

.smallbutton {
	border: 1px solid transparent;
	padding:4px;
	margin:1px;
	/*position:relative;*/
	/*bottom:0px;*/
	width:16px;
	height:16px;
	/*vertical-align:right;*/
	border-radius:4px;
}

.smallbutton:hover {
	background-color:rgb(210,210,210);
	border-bottom:1px outset gray;
	border-right:1px outset gray;
	border-top:1px outset white;
	border-left:1px outset white;
}

.smallbutton:active {
	position:relative;
	top:1px;
	left:1px;
	background-color:rgb(160,160,160);
	border-bottom:1px inset white;
	border-right:1px inset white;
	border-top:1px inset black;
	border-left:1px inset black
}

#PreviewImage {
	background-color:white;
	margin:0px;
	border: 1px outset gray;
	padding:8px;
	width:128px;
	height:128px;
	box-shadow:10px;
}

.tooltip
{
  text-decoration:none;
  position:relative;
}
 
 
.tooltip span
{
  display:none;
  -moz-border-radius:6px;
  -webkit-border-radius:6px;
  border-radius:6px;
  color:black;
  background:white; 
}
 
 
.tooltip span img
{
  /*float:left;*/
  margin:0px;
  border:1px hidden;
}

.right span
{
	margin-right:32px;
	right:0;
}

.left span
{
	margin-left:32px;
	left:0;
}

.top span
{
	top:0;
}

.bottom span
{
	bottom:0;
}
 
 .tooltip:hover span
{
  display:block;
  position:absolute;
  z-index:1000;
  width:130px;
  border:1px solid gray;
  margin-top:12px;
  overflow:hidden;
  padding:6px;
}