a:link { 
	text-decoration: none; 
	color: blue; 
}
a:active { 
	text-decoration: none; 
	color: #FF0000; 
}
a:visited { 
	text-decoration: none; 
}
a.cl:link { 
	text-decoration: none; 
	color: red; 
}
a.cl:visited { 
	text-decoration: none; 
	color: red;
}
h2.capt {
	text-align: center;
}
h3.capt {
	text-align: center;
}
td.tb_caption {
	text-align: center;
	font-style: bold;
}
.warn {
	color: red;
	font-style: italic;
}
p.info {
	font-style: italic;
	text-indent: 18pt;
	text-align: justify;
}
.infoem {
	font-style: normal;
	color: maroon;
}
font.forconfirm {
	background: yellow none repeat scroll 0%; 
	-moz-background-clip: -moz-initial; 
	-moz-background-origin: -moz-initial; 
	-moz-background-inline-policy: -moz-initial;
}
.matcl {
	font-weight: bold;
}
.matdisabled {
	color: gray;
	font-weight: bold;
}
.catcl {
	font-weight: bold;
}
.catdisabled {
	color: gray;
	font-weight: bold;
}
.rightalign {
	text-align: right;
}

.crop-container {
  min-height: 200px;
  max-height: 600px;
  min-width: 200px;
  max-width: 600px;
  margin-bottom: 1rem;
  padding-top: 10px;
}
.crop-container > img {
  max-width:100%;
}
.img-preview {
  width: 200px;
  height: 200px;
  overflow: hidden;
  margin: 5px;
  display: block;
}
.thumbchange {
  vertical-align: middle;
  text-align: center;
  display: block;
}
.thumbchcap {
  vertical-align: middle;
}
.textchanged {
  color: green;
  text-align: center;
}
a.sortedthis {
  font-weight: bold;
  color: red;
}
a.sortedthis:visited {
  color: red;
}
.imagess {
    display: block;
    text-align: center
}
.imagea {
    display: inline-block;
    margin: 10px
}
img.mainthumb {
    border: 2px solid blue;
}
.button {
  font: bold 12px Arial;
  text-decoration: none;
  background-color: #EEEEEE;
  color: #333333;
  padding: 2px 6px 2px 6px;
  border-top: 1px solid #CCCCCC;
  border-right: 1px solid #333333;
  border-bottom: 1px solid #333333;
  border-left: 1px solid #CCCCCC;
}
.mrg {
  margin: 5px;
}
.notes {
  text-align: center;
  font-size: smaller;
}
.dival0 {
	display: block;
}
.divalc {
	text-align: center;
}
.divalerr {
	color: red;
	font-weight: normal;
}
.divalsuc {
	color: green;
	font-weight: bold;
}
.divalopt {
	padding: 10px;
}
.divall {
	display: inline-block;
	width: 200px;
}
.divalx {
	display: inline-block;
	width: 200px;
	padding: 20px;
}
.divpic {
}
.labforimg {
	cursor: pointer;
	padding:0;
	margin:0;
}
.progcl {
	width: 100%;
	padding: 0;
	margin: 0;
}
.cropbtn {
	float: left;
	width: 24px;
	height: 24px;
	cursor: pointer;
}
.delbtn {
	float: right;
	width: 24px;
	height: 24px;
	cursor: pointer;
}
.progress {
	width: 100%;
}
.spanbuts {
  display: none;
}
.stvars {
  font-family: "Arial", sans-serif;
  text-align: center;
}
.varprodcl td {
  text-align: center;
  vertical-align: center;
}
.varprodcl img {
  cursor: pointer;
}
.dependprod {
  color: maroon;
}
.absentprod a {
  color: gray;
}
.absentprod {
  color: gray;
}
.cropgrabcl {
  display:none;
  max-width:600px;
}
.imgrabcl {
  width:100%;
}
.divph0 {
	display: block;
}
.divphx {
	display: inline-block;
	text-align: center;
	vertical-align: middle;
	width: 200px;
	height: 200px;
	padding: 2px;
}
.divpa, .divpb > img {
	vertical-align: middle;
	text-align: center;
}
.divpa:hover img{
    border: 2px solid blue;
}
.divpb:hover img{
    border: 2px solid gray;
}
.gridly {
	position: relative;
	display: block;
}
.gridelem {
	position: relative;
	display: inline-block;
	width: 200px;
	height: 200px;
}
.hint {
	font-style: italic;
	color: maroon;
	text-align: right;
}
.prodmain {
	text-align: center;
}
.divyt {
	background-color: #d3dee3;
	width: 200px;
	height: 200px;
	margin-left: auto;
	margin-right: auto;
}
#ytpreview { 
	left: auto;
	text-align: center;
}
.shm {
	display: block;
	text-align: center;
}
.shel {
	display: inline-block;
	padding: 5px;
}
.shtbl {
	display: table;
}
.shlog {
	padding: 5px;
	display: table-row;
}
.shleft {
	display: table-cell;
	padding: 5px 0;
	text-align: right;
}
.shright {
	display: table-cell;
	padding: 5px;
}
.loginvalid {
	color: red;
	font-size: 22pt;
}