body {
	font-family: Verdana, Arial, Helvetica, Sans-Serif;
	font-size: 11px;
	margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	background-color:#FFFFFF;
	color: #000000;
	scrollbar-face-color:#CCCCCC;
	scrollbar-shadow-color:#000066;
	scrollbar-highlight-color:#F1F1F1;
	scrollbar-3dlight-color:#CCCCCC;
	scrollbar-darkshadow-color:#333333;
	scrollbar-track-color:#999999;
	scrollbar-arrow-color:#333333;
	scrollbar-base-color: #CCCCCC
}

PRE {
	font-family: Verdana, Arial, Helvetica, Sans-Serif;
	font-size: 11px;	
}

TH {
	font-size: 12px;
	font-weight: bold;
	text-align: left;
	left: 0px
}

TR {
	font-size: 11px
padding: 3;
}

TD {
	font-size: 11px
}

TABLE {
	font-size: 11px
}

HR {
	background-color: #999999;
	border-top: solid #999999 1px;
	border-left: solid #999999 1px;
	border-right: solid #999999 1px;
	border-bottom: solid #999999 1px
}

.imagelink {background-color: #F1F1F1;
	color: #000000;
}

.imagelink IMG { border: 1px solid #0033CC;}

A:visited {
	color: #0033CC; 
	text-decoration: underline;
}

A:link {
	color: #0033CC; 
	text-decoration: underline;
}

A:hover {
	color: #3366FF; 
	text-decoration: underline;
}

A:active {
	color: #0033CC; 
	text-decoration: underline;
}

.smtable {
	border-top: solid #000000 0px;
	border-left: solid #000000 0px;
	border-right: solid #000000 0px;
	border-bottom: solid #000000 0px
}

.smth {
	color: White;
	background-color: #003399;
	background-image: url(thback.png);
	font-family: Verdana, Arial, Helvetica, Sans-Serif;
	font-size: 18px;
	font-weight: bold;
	padding: 3px;
	border-top: solid #0066CC 0px;
	border-left: solid #0066CC 0px;
	border-right: solid #000033 0px;
	border-bottom: solid #000033 0px;
	text-align: center;
}

.smth-gray {
	color: #FFFFFF;
	background-color: #666666;
	font-family: Verdana, Arial, Helvetica, Sans-Serif;
	font-size: 12px;
	font-weight: bold;
	padding: 3px;
	left: 0px;
	border-top: solid #333333 1px;
	border-left: solid #666666 1px;
	border-right: solid #666666 1px;
	border-bottom: solid #666666 1px
}

.smtdnav {
	background-color: #D2D2D2;
	font-family: Verdana, Arial, Helvetica, Sans-Serif;
	font-size: 11px;
	padding: 3px;
	border-top: solid #000000 0px;
	border-left: solid #666666 1px;
	border-right: solid #666666 1px;
	border-bottom: solid #666666 1px
}


.smtd7 {
	background-color: #FFFFFF;
	font-family: Verdana, Arial, Helvetica, Sans-Serif;
	font-size: 11px;
	padding: 3px;
	border-top: solid #000000 0px;
	border-left: solid #999999 1px;
	border-right: solid #999999 1px;
	border-bottom: solid #999999 1px;
}

.smtd8 {
	background-color: #F6F6F6;
	font-family: Verdana, Arial, Helvetica, Sans-Serif;
	font-size: 11px;
	padding: 3px;
	border-top: solid #000000 0px;
	border-left: solid #999999 1px;
	border-right: solid #999999 1px;
	border-bottom: solid #999999 1px;
}

input[type="text"],
textarea {
  margin: 0px 0px 10px 0px;
}
input.cf_button {
  border: 2px solid #000000;
  box-sizing: border-box;
  font-weight: bold;
  margin: 0px 10px 0px 0px;
  min-width: 140px;
  padding: 10px 20px;
  outline: unset;
}
input[type="reset"].cf_button {
  background-color: #9999ff;
}
input[type="reset"].cf_button:focus,
input[type="reset"].cf_button:hover {
  background-color: #bbbbff;
}
input[type="reset"].cf_button:active,
input[type="reset"].cf_button:focus:active,
input[type="reset"].cf_button:hover:active {
  background-color: #7777ff;
}
input[type="submit"] {
  background-color: #99ff99;
}
input[type="submit"].cf_button:focus,
input[type="submit"].cf_button:hover {
  background-color: #bbffbb;

}
input[type="submit"].cf_button:active,
input[type="submit"].cf_button:focus:active,
input[type="submit"].cf_button:hover:active {
  background-color: #77ff77;
}

.option_yes,
.option_no,
.option_yes:link,
.option_no:link,
.option_yes:visited,
.option_no:visited {
  border: 2px solid #000000;
  box-sizing: border-box;
  color: unset;
  display: inline-block;
  font-weight: bold;
  margin: 0px 10px 0px 0px;
  min-width: 140px;
  padding: 10px 20px;
  outline: inherit;
  text-align: center;
  text-decoration: unset;
}
.option_yes {
  background-color: #99ff99;
}
.option_yes:focus,
.option_yes:hover {
  background-color: #bbffbb;
}
.option_yes:active,
.option_yes:focus:active,
.option_yes:hover:active {
  background-color: #77ff77;
}
.option_no {
  background-color: #ff9999;
}
.option_no:focus,
.option_no:hover {
  background-color: #ffbbbb;
}
.option_no:active,
.option_no:focus:active,
.option_no:hover:active {
  background-color: #ff7777;
}

.preview {
  background-color: #ffffff;
  border: 1px solid #666666;
  box-sizing: border-box;
  margin: 20px 0 20px 0;
  padding: 30px 20px 30px 20px;
  position: relative;
}
.preview .recipe-type {
  background-color: rgba(0,128,255,.25);
  font-weight: bold;
  padding: 5px 20px 5px 20px;
  position: absolute;
  top: 0px;
  left: 0px;
}
.preview .recipe-name {
  margin-block-start: unset;
  margin-block-end: 0.83em;
}