@font-face {
  font-family: halloweenFont;
  src: url('/css/fonts/Halloween.ttf');
}

#pintinc {
    display: inline;
	width: 1px;
	height: 1px;
	border: 0;
}

form {  
    padding: 0;
    margin: 0;
    display: inline;
}       

input {
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
}

.postMsg::-webkit-input-placeholder {
  color: red;
}
.postMsg::-moz-placeholder {
  color: red;
}
.postMsg::-ms-input-placeholder {
  color: red;
}
.postMsg::-moz-placeholder {
  color: red;
}

::-webkit-scrollbar-thumb {
    background: #bb0000;
}

::-webkit-scrollbar-thumb:hover {
    background: red;
}

input[type="checkbox"] {
	-webkit-appearance:none;/* Hides the default checkbox style */ 
	height:2em;
	width:2em;
	cursor:pointer;
	position:relative;
	-webkit-transition: .15s;
	border-radius:2em;
	background-color:#900;
}

input[type="checkbox"]:checked {
	background-color:green;
}

input[type="checkbox"]:before, input[type="checkbox"]:checked:before {
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
	line-height:2em;
	text-align:center;
	color:#fff;
	content: 'X';
}

input[type="checkbox"]:checked:before {
	content:'\2713';
}

input[type="checkbox"]:hover:before {
	background:rgba(255,255,255,0.3);
}

input[type=checkbox] {
    -webkit-transform: scale(1.3);
    -moz-transform: scale(1.3);
    -o-transform: scale(1.3);
    -ms-transform: scale(1.3);
    transform: scale(1.3);
}

input[type=radio]
{
    -webkit-appearance: radio;
}

legend + * 
{
	-webkit-margin-top-collapse: separate;
}

#alist {
	display: block;
}

#blist {
	display: block;
}

#clist {
	display: block;
}

#slist {
	display: block;
}

.randomRecipe {
}

.srchResults {
    width: 98%;
	margin-left: auto;
	margin-right: auto;
	text-align: center;
    padding-top: 8px;
    padding-bottom: 4px;
    border-bottom: 1px dashed #000;
}

.srchResults span {
	font-weight: normal !important;
}

.srchResults ul {
    margin: 0px;
    padding: 0px;
}

.srchResults li {
    list-style: none !important;
    text-align: left;
}

.srchResults li a {
    color: blue;
    font-weight: bold;
    text-decoration: none;
}

.srchResults li a:active, a:visited {
    color: #000;
}

.srchResults li a:hover {
    color: rgb(200,0,0);
    text-decoration: underline;
}

/* Style the tab */
div.tab {
	overflow: hidden;
    width: 98%;
	border: 1px solid #ccc;
	background-color: rgb(200,0,0);
}

/* Style the links inside the tab */
div.tab a {
   	display: block;
   	color: white;
   	text-align: center;
   	padding: 6px 12px;
   	text-decoration: none;
   	transition: 0.3s;
   	font-size: 0.875em;
	font-weight: bold;
}

/* Change background color of links on hover */
div.tab a:hover {
	background-color: rgba(255,255,255,0.5);
	color: #000;
}

/* Create an active/current tablink class */
div.tab a:focus, .active {
   	background-color: rgba(0,128,0,1.0);
}

/* Style the tab content */
.tabcontent {
   	display: none;
    width: 100%;
    -webkit-overflow-scrolling: auto;
}

.menu div {
    width: 100%;
    text-align: center;
}

.menu table {
    margin: 0px;
    width: 96%;
    font-size: 0.90em;
}

.menu td {
    border: 1px solid black;
    text-align: center;
}

.menu a {
    font-size: 1.0em;
    font-weight: bold;
    color: black;
    text-decoration:none;
    text-align: center;
    padding: 4px;
}

.menu a:active {
    color: black !important;
}

.menu a:visited {
    color: black !important;
}

.menu a:hover {
    color: white !important;
}

.menu td:hover {
    background: rgb(200,0,0);
}

.pin_image {
	border: 0;
	width: 1px;
	height: 1px;
}

.copyright {
    position: relative;
    width: 1.0em;
    height: 100px;
    float: left;
    background: rgb(200,0,0);
	padding: 10px;
    margin-bottom: 20px;
}

.copy_rgt {
	float: right;
    width: 50%;
    justify-content: center;
    align-items: center;
    height: 140px;
    background: rgb(200,0,0);
    font-weight: bold;
    color: white !important;
}

.copy_rgt a {
    font-weight: bold;
    color: white !important;
}

.copy_lft {
	float: left;
    width: 50%;
    justify-content: center;
    align-items: center;
    height: 140px;
    background: rgb(200,0,0);
    font-weight: bold;
    color: white !important;
}

.copy_lft a {
    font-weight: bold;
    color: white !important;
}

.copyright_browse {
	width: 100%;
	font-size: 0.75em;
}

.copyright_browse ul {
	margin: 0px;
	padding: 0px;
	padding-left: 8px;
	padding-right: 8px;
	height: 250px;
}

.copyright_browse li {
    list-style: none;
	text-align: left;
    margin-top: 4px;
}

.copyright_browse a {
    color: #000;
    text-decoration: none;
}

.copyright_browse a:hover {
    color: rgb(200,0,0);
    text-decoration: underline;
}

.copyright_browse a:active, a:visited {
    color: #000;
}

.copyright_browse fieldset {
	text-align: left;
    border: 1px solid #dd0000;
}

.copyright_browse legend {
    font-weight: bold;
}

.coolmenu {
    border: 1px solid #000000;
    background-color: #ffffff;
}

.cooltitle {
    font-size: 0.75em;
    font-weight: bold;
    background-color: #dd0000;
    color: #ffffff;
    text-align: center;
    padding: 1px;
}

.coolmenu a {
    font-weight: bold;
    font-size: 0.75em;
    padding: 2px;
    padding-left: 4px;
    display: block;
    color: #000000;
    border-bottom: 1px solid #000000;
	text-decoration: none;
}

.coolmenu a:hover {
    background-color: #6600cc;
    color: #ffffff;
	text-decoration: underline;
}

.close_button {
    display: inline-block;
	float: right;
	margin-right: 8px;
    cursor: pointer;
    text-align: center;
    text-decoration: none;
    font-size: 1.0em;
    font-weight: bold;
	padding: 1px 4px 1px 4px;
    color: #ffffff;
    background: #00f;
	border: 1px solid #000000;
	cursor: pointer;

    -moz-border-radius: 5px 5px 5px 5px;
    -webkit-border-radius: 5px 5px 5px 5px;
    border-radius: 5px 5px 5px 5px;
}

.close_button:hover {
    color: #000;
    background: #fff;
    text-decoration: none;
}

.boxon {
	border: 2px solid rgb(200,0,0);
}

.boxoff {
    border: none;
}

div.box {
    border: 1px solid #000;
    padding: 0.5em;
    width: 120px;
}

.shobtitle {
    width: 98%;
    margin-top: 0px;
}

.shoTopBorder {
	width: 94%;
	float: left; 
	border: 1px solid gray;
	padding: 8px;
}

.shoBTopTitle {
	text-align: center;
	font-size: 1.20em;
	font-weight: bold;
	padding-bottom: 10px;
}

.btitleheader {
	padding: 8px;

    font-size: 0.875em;
    text-align: center;
    font-weight: bold;
    color: #fff;

    /* Background color and gradients */
    background: -moz-linear-gradient( center top,
    #880000, #bb0000 25%, #ff0000 50%, #bb0000 75%, #880000);

    background: -webkit-gradient(linear, center top, center bottom,
    from(#880000), color-stop(25%, #bb0000),
    color-stop(50%, #ff0000), color-stop(75%, #bb0000), to(#880000));
}

.msgRBoxButton {
	font-size: 0.75em;
	color: #fff;
	font-weight: bold;
    border: 1px solid #000;
	padding: 2px 4px 2px 4px;
    background-color: #000;

    -moz-border-radius: 5px 5px 5px 5px;
    -webkit-border-radius: 5px 5px 5px 5px;
    border-radius: 5px 5px 5px 5px;
}

.msgRBoxButton:hover {
    background-color: #fff;
	color: #000;
}

.rbox_arrow {
    float: right;
}

.rbox_cat {
    width: 100%;
    padding: 4px;
    border: 1px solid #000;
    background: #e0e0e0;
    color: black;
    font-weight: bold;
    margin-top: 4px;
}

.rboxControls {
    width: 100%;
}

.rboxTable {
    table-layout: fixed;
    float: left;
    width: 98%;
}

.rboxControls ul {
    margin: 0px;
    padding: 0px;
}

.rboxControls li {
    list-style: none;
	text-align: left;
	margin-left: 4px;
	display: inline;
}

.rboxtitle {
    width: 100%;
    margin-top: 0px;
}

.rboxTitleHeader {
    width: 100%;
    padding-top: 4px;
    padding-bottom: 4px;
    font-size: 1.0em;
    text-align: center;
    font-weight: bold;
    background-color: rgb(200,0,0);
    color: white;
}

.rboxCategory {
    width: 100%;
    text-align: center;
    padding-top: 4px;
    padding-bottom: 4px;
    background: #a0a0a0;
    border: 1px solid #000;
    margin-top: 20px;
    color: #fff;
    font-size: 0.875em;
    font-weight: bold;
    -moz-border-radius: 5px 5px 5px 5px;
    -webkit-border-radius: 5px 5px 5px 5px;
    border-radius: 5px 5px 5px 5px;
}

.rbox_controls {
	text-align: center;
	margin-top: 4px;
	margin-bottom: 8px;
}

.rbox_controls ul {
	margin: 0px;
	padding: 0px;
}

.rbox_controls li {
	display: inline;
	list-style: none;
	margin-left: 4px;
}

.shoinfo {
	background-color: #fff;
    width: 80%;
    height: 140px;
	font-size: 0.875em;
    margin-top: 0px;

    -moz-border-radius: 10px 10px 10px 10px;
    -webkit-border-radius: 10px 10px 10px 10px;
    border-radius: 10px 10px 10px 10px;
    border: 1px solid #888;
}

.infoheader {
    padding: 4px;
    font-size: 0.875em;
    text-align: center;
    font-weight: bold;
    color: #fff;

    /* Background color and gradients */
    background: -moz-linear-gradient( center top,
    #880000, #bb0000 25%, #ff0000 50%, #bb0000 75%, #880000);

    background: -webkit-gradient(linear, center top, center bottom,
    from(#880000), color-stop(25%, #bb0000),
    color-stop(50%, #ff0000), color-stop(75%, #bb0000), to(#880000));

    -moz-border-radius: 10px 10px 0px 0px;
    -webkit-border-radius: 10px 10px 0px 0px;
    border-radius: 10px 10px 0px 0px;
}

.shoLatest {
	float: left;
	width: 100%;
}

.shoLatest ul {
	margin: 0px;
	padding: 0px;
}

.shoLatest li {
	display: block;
	list-style: none;
}

.shoSpacer {
	width: 98%;
	border-bottom: 1px dashed #000; 
	padding-bottom: 4px;
	float: left; 
}

.shoTable {
	table-layout: fixed;
	width: 98%;
	background-color: #fff;
}

.shoTable hr {
    height: 1px; 
    color: rgb(200,0,0); 
    background-color: rgb(200,0,0);
}

.shoHead {
	font-size: 0.75em;
	color: #000;
	font-weight: bold;
	text-decoration: none;
}

.shoBanner {
	width: 280px; 
	height:20px;
	border: 2px solid rgb(200,0,0); 
	color: #000000;
	font-size: 0.75em;
	font-weight: bold;
	text-align: center;
    -moz-border-radius: 5px 5px 5px 5px;
    -webkit-border-radius: 5px 5px 5px 5px;
    border-radius: 5px 5px 5px 5px;

}

.shoReplies {
	float: right;
    font-weight: bold;
    color: #000;
	margin-bottom: 4px;
	margin-right: 10px;
	border-bottom: 1px solid #ddd;
}

.shoCtr {
	color: #000;
    border-right: 1px solid #aaaaaa;
	text-align: center;
	vertical-align: top;
}

.shoTitle a {
	display: block;
	text-decoration: none;
	text-align: left;
	font-weight: 700;
	color: #0000ff;
	margin-left: 4px;
}

.shoTitle a:visited {
	color: #444444;
}

.shoTitle a:hover {
	color: rgb(200,0,0);
	text-decoration: underline;
}

.shoRating {
    border-top: 1px solid #aaaaaa;
	text-align: center;
}

.shoEdit {
	text-align: center;
	text-decoration: none;
}

.shoPrefix {
	float: left;
}

.shoAll a {
    font-size: 0.75em;
    font-weight: bold;
    text-decoration: none;
}

.shoAll a:hover {
    text-decoration: underline;
}

.shoNum {
    text-decoration: none;
	border-left: 1px solid #aaaaaa;
    text-align: center;
}

.shoExp {
	border: 1px dashed #000000;
}

.shoDate {
	font-size: 0.75em;
	margin-left: 4px;
	color: #000000;
}

.shoAuthor {
	font-size: 0.75em;
	margin-left: 4px;
	color: #000000;
	font-weight: normal;
}

.shoAuthorReplies {
	width: 90%; 
	margin-left:30px; 
	padding-bottom: 10px;
}

.shoReply a {
	font-size: 0.75em;
	margin-left: 4px;
	float:left;
}

.shoBoard a {
    display: block;
    font-size: 0.75em;
    text-align: left;
    color: #0000ff;
}

.shoBoard a:visited {
    color: #444444;
    font-weight: bold;
}

.shoBoard a:hover {
    color: rgb(200,0,0);
	text-decoration: underline;
}

.shoTxt {
	text-align: left;
	padding-right: 2px;
    color: #000;
}

.shoID a {
	float: right;
	margin-right: 4px;
}

.shoRbox {
	background-color: #fff;
    width: 188px;
    border: 1px solid #060;
    margin-top: 0px;
    -moz-border-radius: 0px 0px 5px 5px;
    -webkit-border-radius: 0px 5px 5px 5px;
    border-radius: 0px 0px 5px 5px;
}

.shoRbox ul,ol {
    font-size: 0.75em;
    text-align: left;
    margin-left: 2px;
    padding: 0px;
}

.shoRbox li {
    list-style: none;
    margin-left: 4px;
    margin-top: 4px;
}

.shoRbox li a, a:active, a:visited {
    color: #000;
    font-weight: bold;
	text-decoration: none;
}

.shoRbox li a:hover {
    color: rgb(200,0,0);
	text-decoration: underline;
}

.PNWrap {
	float: left;
	margin-top: 20px; 
}

.PNWrap input {
	margin-left: 4px;
}

.shoTotalPages {
    font-size: 1.0em;
}


.shoTotalPages span {
	margin-right: 4px;
}

.shoNumrecs {
	font-size: 1.0em;
}

.shomenu {
	width: 100%;
	background-color: #fff;
}

.shomenu table th {
    background-color: rgb(200,0,0); 
    color: white; 
    font-weight: bold;
}

.shomenu fieldset {
	text-align: left;
	border: 1px solid #dd0000;
}

.shomenu legend {
	color: #000;
	font-size: 1.0em;
	font-weight: bold;
}

.shomenu ul,ol {
    font-size: 1.0em;
	text-align: left;
	margin-left: 2px;
	padding: 0px;
}

.shomenu li {
	list-style: none;
	margin-left: 4px;
	margin-top: 10px;
}

.shomenu li a {
	color: blue;
	font-weight: bold;
	text-decoration: none;
}

.shomenu li a:active, a:visited {
	color: #000;
}

.shomenu li a:hover {
	color: rgb(200,0,0);
	text-decoration: underline;
}

.shomenu span a {
	color: #0000ff;
	font-weight: bold;
}

.shonew {
	color: #ff0000 !important;
	font-size: 1.0em;
	text-decoration: none;
}

.shoheader {
	float: left;
	font-size: 1.0em;
	text-align: center;
	font-weight: bold;
	color: #fff;
	margin-top: 4px;
	margin-bottom: 20px;
	background-color: rgb(220,0,0);
}

.sholabel {
    text-align: center;
    font-size: 1.0em;
    font-weight: bold;
    color: rgb(200,0,0);
}

.showbox {
	float: left;
	border: 2px solid #060;
}

.sticky {
	display: none;
}

/* MSG STUFF */

.msgTable {
	width: 100%;
	padding: 0px;
}

#msgControls {
    display: block;
}

.msgButton {
    border: 1px solid #000;
    padding: 4px 8px 4px 8px;
    text-align: center;
    font-weight: bold;
    font-size: 1.2em;

    -moz-border-radius: 5px 5px 5px 5px;
    -webkit-border-radius: 5px 5px 5px 5px;
    border-radius: 5px 5px 5px 5px;

	cursor: pointer;
}

.msgButton:hover { 
	background-color: white; 
	color: black; 
}

.greenButton { background-color: #008800; color: white; }
.blueButton { background-color: #0000cc; color: white; }
.redButton { background-color: #dd0000; color: white; }
.grayButton { background-color: #e7e7e7; color: black; }
.blackButton { background-color: #000000; color: white; }
.purpleButton { background-color: #6600cc; color: white; }
.pinkButton { background-color: #ff00ff; color: white; }
.tealButton { background-color: #00b0b0; color: white; }
.goldButton { background-color: #b0b000; color: white; }
.orangeButton { background-color: #ff8000; color: white; }


.msgSpacer { height: 10px; }
.msgRepTxt { font-size: 0.75em; font-weight: bold; text-align: left; padding-left: 4px; color: rgb(200,0,0); }
.reply_header { text-align: left; margin-left: 10px; margin-bottom: 10px; font-size: 1.2em; font-weight: bold; color: #000; }

.msgHeader { float: left; width: 100%; } 
.msgHeader ul { list-style-type: none; margin-left: 0px; padding-left: 0px;}
.msgHeader li { width: 96%; margin-bottom: 2px; display: block; }

.msgLabel { text-align: left; padding-right: 4px; font-size: 1.0em; color: black; border-right: 1px solid black; }

.msgCtr { width: 3%; font-size: 0.875em; color: black; text-align: left; vertical-align: top; }
.msgTxt { width: 97%; font-size: 0.875em; text-align: left; margin-left: 24px; color: black; }
.msgLink { width: 97%; text-align: left; font-size: 1.2em; }
.msgLink a { color: blue; font-weight: bold; text-decoration:none; }
.msgLink a:hover { text-decoration: underline; color: rgb(200,0,0); }
.msgLink a:active { text-decoration: underline; color: blue; }
.msgLink a:visited { text-decoration: underline; color: blue; }

.msgPrefix { text-align: left; padding-left: 10px; color: black; font-size: 1.20em; }
.msgPrefix h1 { margin: 0; page-break-before: avoid; }

.msgTitle { text-align: left; padding-left: 10px; }
.msgTitle h1 { font-size: 1.0em; margin: 0; break-before: avoid; }
.msgTitle a { color: blue; font-size: 1.0em !important; font-weight: bold; text-decoration:none; }
.msgTitle a:hover { text-decoration: underline; color: rgb(200,0,0); }
.msgTitle a:active { text-decoration: underline; color: blue; }
.msgTitle a:visited { text-decoration: underline; color: blue; }

.msgBody { float: left; white-space: wrap; text-align: left; font-size: 1.2em; color: black; padding-left: 10px; padding-right: 10px; margin-bottom: 20px; }
.msgBody a { color: blue; font-size: 1.2em !important; font-weight: bold; text-decoration:none; }
.msgBody a:hover { text-decoration: underline; color: rgb(200,0,0); }
.msgBody a:active { text-decoration: underline; color: blue; }
.msgBody a:visited { text-decoration: underline; color: blue; }

.msgFrom { float: left; text-align: left; font-size: 1.2em; color: black; padding-left: 10px; margin-bottom: 10px; }
.msgFrom a { font-size: 1.2em; color: blue; font-weight: bold; text-decoration:none; }
.msgFrom a:hover { text-decoration: underline; color: rgb(200,0,0); }
.msgFrom a:active { text-decoration: underline; color: blue; }
.msgFrom a:visited { text-decoration: underline; color: blue; }

.msgReply { text-align: left; padding-left: 10px; font-size: 1.0em; }
.msgReply a { color: blue; font-weight: bold; text-decoration:none; }
.msgReply a:hover { text-decoration: underline; color: rgb(200,0,0); }
.msgReply a:active { text-decoration: underline; color: blue; }
.msgReply a:visited { text-decoration: underline; color: blue; }

.msgBrd { float: left; text-align: left; padding-left: 10px; padding-bottom: 10px; font-size: 1.0em; }
.msgBrd a { color: blue; font-weight: bold; text-decoration:none; }
.msgBrd a:hover { text-decoration: underline; color: rgb(200,0,0); }
.msgBrd a:active { text-decoration: underline; color: blue; }
.msgBrd a:visited { text-decoration: underline; color: blue; }

.msgFooter { float: left; text-align: left; font-size: 1.0em; color: black; padding: 4px; margin-bottom: 8px; }
.msgFooter a { color: blue; font-weight: bold; text-decoration:none; }
.msgFooter a:hover { text-decoration: underline; color: rgb(200,0,0); }
.msgFooter a:active { text-decoration: underline; color: blue; }
.msgFooter a:visited { text-decoration: underline; color: blue; }

.msgHR { height: 1px; color: red; background-color: red; } 

b.cbl { font-size: 1.0em; font-weight: bold; color: #000; }

.sui_table {
	width: 100%;
	padding: 10px;
    background-color: #fff;
}

.sui_table label {
	font-size: 0.75em;
    font-weight: bold;
    margin-left: 20px;
}

.sui_table span {
	font-size: 0.6625em;
	color: #000;
	font-weight: bold;
}

.mailer {
	font-size: 0.75em;
	color: #000;
	border: 1px dashed #000;
    margin-top: 8px;
}

.mailer ul {
	list-style: none;
}

.mailer label {
    color: #000;
    font-weight: bold;
}

.mailer span {
    color: rgb(200,0,0);
    font-weight: bold;
	margin-left: 8px;
}

.postNew {
	max-width: 99%;
    font-size: 1.0em;
    color: #000;
    margin-top: 2px;
}

.postNew input[type="radio"] {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    width: 20px;
    height: 20px;
    border: 2px solid black;
    border-radius: 2px;
    outline: none;
    cursor: pointer;
    margin-right: 10px;
}

.postNew input[type="radio"]:checked:before {
    content: "\2714";
    display: block;
    text-align: center;
    font-size: 0.80em;
    line-height: 16px;
    color: #fff;
    background-color: red;
    border-radius: 2px;
    width: 20px;
    height: 20px;
}

.postNew ul {
    list-style: none;
	margin: 0; 
	padding: 0;
	margin-left: 4px;
	margin-right: 4px;
}

.postNew li {
    margin-top: 10px;
}

.postNew label {
    color: #000;
    font-weight: bold;
    margin-left: 4px;
}

.postNew input {
	width: 96%;
	font-size: 1.0em;
}

.postNew textarea {
	display: block; 
	overflow: hidden; 
	resize: none; 
	height: 60px;
    width: 96%;
	font-size: 1.0em;
    resize: none;
}

.postNew blockquote {
    color: #000;
    font-weight: bold;
}

.postReply {
	max-width: 99%;
    font-size: 1.0em;
    color: #000;
    margin-top: 8px;
}       

.postReply input[type="radio"] {
    -webkit-appearance: none; /* remove default appearance on Webkit-based browsers */
    -moz-appearance: none; /* remove default appearance on Mozilla-based browsers */
    appearance: none; /* remove default appearance on all other browsers */
    width: 20px;
    height: 20px;
    border: 2px solid #333;
    border-radius: 3px;
    outline: none;
    cursor: pointer;
    margin-right: 10px;
}

.postReply input[type="radio"]:checked:before {
    content: "\2714"; /* Unicode checkmark symbol */
    display: block;
    text-align: center;
    font-size: 0.80em;
    line-height: 16px;
    color: #fff;
    background-color: #333;
    border-radius: 2px;
    width: 20px;
    height: 20px;
}

.postReply ul {
    list-style: none;
    margin: 0;
    padding: 0;
    margin-left: 4px;
    margin-right: 4px;
}

.postReply li {
    margin-top: 10px;
}

.postReply label {
    color: #000;
    font-weight: bold;
    margin-left: 4px;
}

.postReply input {
    width: 96%;
    font-size: 1.0em;
}

.postReply textarea {
    display: block;
    overflow: hidden;
    resize: none;
    height: 60px;
    width: 96%;
    font-size: 1.0em;
    resize: none;
}

.postReply blockquote {
    color: #000;
    font-weight: bold;
}

#show_email {
	text-align: left;
	display: none;
}

#show_upload {
    display: none;
}

#show_emsg {
	text-align: left;
    display: none;
}

#show_rmsg {
	text-align: left;
    display: none;
}

#show_nmsg {
	text-align: left;
        display: none;
}

#show_pmsg {
	width: 100%;
	background: #fff;
	text-align: left;
    display: none;
}

#show_rcat {
	width: 100%;
	float: left;
	margin-top: 20px;
}

#msgTOP1 { display: block; }

#msgTOP2 { display: block; }

#msgTOP3 { display: block; }

#msgTOP4 { 
	display: block; 
	position: relative;
	margin-top: 20px;
}


#showBody {
	display: block;
}

#showReplies {
	display: block;
}

.guide {
    width: 90%;
    font-size: 1.0em;
    border: 1px solid #000;
    margin: 0 auto;
    padding: 8px;
}

.guide ul { width: 90%; display: block; list-style: none; }
.guide li { margin-top: 10px; text-align: left; padding: 0; }

.noicon {
    position: relative;
    border: 2px solid #ddd;
	padding: 2px;
}

.iconON {
    position: relative;
    border: 2px solid rgb(200,0,0);
	padding: 2px;
}

.iconOFF {
    position: relative;
    border: 2px solid #ddd;
	padding: 2px;
}

.readReplies {
	float: left;
	margin-top: 10px;
	border-bottom: 1px solid rgb(200,0,0);
}

.showMore {
    width: 100%;
	overflow: visible;
    padding-left: 4px;
    padding-bottom: 10px;
}

.showLess {
    width: 100%;
	overflow: hidden;
    padding-left: 4px;
    padding-bottom: 10px;
}

.top10Box {
    width: 260px;
    overflow: auto;
    border-top: 1px solid bbb;
    border-bottom: 1px solid rgb(187,187,187);
    padding-left: 4px;
    margin-bottom: 10px;
    -webkit-overflow-scrolling: auto;
}

.top10 { width: 100%; margin-bottom: 20px; vertical-align: top; }
.top10 img { border: none; }
.top10 fieldset { text-align: left; border: 1px solid rgb(200,0,0); }
.top10 legend { color: #000; font-weight: bold; }
.top10 ul,ol { margin: 0px; padding: 0px; text-align: left; margin-bottom: 8px; }
.top10 li { list-style: disc; margin: 10px; }
.top10 li a { color: #00f; font-weight: bold; text-decoration: none; }
.top10 li a:active, a:visited { color: #000; } 
.top10 li a:hover { color: rgb(200,0,0); text-decoration: underline; }

.randomBox {
    width: 98%;
    overflow: auto;
    padding-left: 4px;
    margin-bottom: 10px;
    -webkit-overflow-scrolling: auto;
}

.randomHeader { 
    -moz-border-radius: 5px 5px 5px 5px;
    -webkit-border-radius: 5px 5px 5px 5px;
    border-radius: 5px 5px 5px 5px;
}

.randomRecipes { width: 100%; vertical-align: top; }
.randomHeader { width: 100%; font-size: 1.1em; font-weight: bold; background-color: rgb(220,0,0); color: white; text-align: center; }
.randomRecipes img { border: none; }
.randomRecipes fieldset { text-align: left; }
.randomRecipes legend { color: #000; font-size: 1.0em; font-weight: bold; }
.randomRecipes ul,ol { margin: 0px; padding: 0px; font-size: 1.0em; text-align: left; margin-left: 20px; margin-bottom: 8px; }
.randomRecipes li { list-style: disc; margin-left: 10px; margin-top: 10px; }
.randomRecipes li a { color: blue; font-size: 1.1em; font-weight: bold; text-decoration: none; }
.randomRecipes li a:active, a:visited { color: #000; }
.randomRecipes li a:hover { color: rgb(200,0,0); text-decoration: underline; }

.moretag {
	float: right;
	color: #00f;
    font-size: 0.875em;
    font-weight: bold;
    text-decoration: none;
}

.calbox_on {
    background: yellow;
}

.calbox_off {
    text-decoration: none;
}

.calday_on {
    background: rgba(0,255,0,0.5);
}

.calday_off {
    background: #fff;
}

.weekly_header2 {
	text-align: center;
	width: 100%; 
	padding-top: 8px;
	padding-bottom: 8px;
	font-size: 0.75em; 
	font-weight: bold;
}

.weekly {
    margin:0px auto;
    position: relative;
    border: 1px solid #ddd;
    padding: 1px;
}

.weekly a {
    font-size: 1.0em;
    font-weight: bold;
    padding: 1px;
    padding-left: 1px;
    border: 1px solid #ddd;
    display: block;
    width: 100%;
    color: black;
    text-decoration: none;
}

.weekly a:hover {
    background-color: #ff0000;
    color: white;
}

.weekly_header {
	margin-top: 10px;
	width: 99%;
	border: 1px solid #000; 
	padding: 8px 0px 8px 0px; 
	background: rgb(11,127,0); 
	text-align: center;
	font-size: 0.875em;
	color: #fff;
	font-weight: bold;

    -moz-border-radius: 5px 5px 5px 5px;
    -webkit-border-radius: 5px 5px 5px 5px;
    border-radius: 5px 5px 5px 5px;
}

.cal_span {
	font-size: 1.0em;
	font-weight: bold;
}

.weekly_menu {
	font-size: 1.0em;
	font-weight: bold;
}

.weekly_menu ul {
	margin: 0;
	padding: 0;
}

.weekly_menu li {
	display: inline;
	color: #fff;
	margin: 15px;
}

.ma_header {
	font-size: 1.0em;
	font-weight: bold;
	margin-top: 8px;
	color: #000;
}

.ma_header fieldset {
	text-align: center;
    border: 1px solid rgb(200,0,0);;
}

.ma_header legend {
    font-weight: bold;
}

.ma_header ul {
    list-style: none;
    margin: 0px;
    padding: 0px;
    margin-top: 4px;
}

.ma_header li {
    padding: 4px;
}

.ma_header li a {
	display: block;
    color: rgb(0,0,255);
    text-align: left;
    text-decoration: none;
}

.ma_header a:hover {
    color: rgb(220,0,0);
}

.ma_cname {
	font-size: 1.0em;
	font-weight: bold;
	color: #000;
}

.ma_total {
	float: right;
	margin-right: 20px;
	font-size: 1.0em;
	color: #000;
	font-weight: bold;
}

.ma_date {
	text-align: center;
	font-size: 1.125em;
	color: #000;
	font-weight: bold;
}

.ma_arrow {
	float: right;
}

.ma_cat {
	width: 98%;
	padding: 4px; 
	border: 1px solid #000;
	background: rgba(128,128,128,0.2);
	margin-top: 4px;
	display: inline-block;
}

.ma_cat:hover {
	background: rgba(128,128,128,0.5) !important;
}

.surfTopMargin {
    margin-top: 8px;
}

.surf_header {
	width: 98%;
    margin-top: 10px;
    padding-top: 4px;
    padding-bottom: 4px;
    border: 1px solid #000;
    background: rgba(0,128,0,1.0);
	color: white;
	font-size: .875em;
    -moz-border-radius: 5px 5px 5px 5px;
    -webkit-border-radius: 5px 5px 5px 5px;
    border-radius: 5px 5px 5px 5px;
}

.surf_day {
    color: black;
    background: white;
	width: 14% !important;
}

.surf_day:hover {
    color: white;
    background: #6600cc; 
}

.surf_today {
    color: white !important;
    background: #6600cc !important;
}

.surf_today:hover {
    color: #000 !important;
    background: #fff !important;
}

.archive {
    background-color: white;
    font-size: .875em;
    width: 140px;
}

.archive_top {
    text-align: center;
    font-weight: bold;
    color: black;
    font-size: 1.25em;
    padding: 4px;
    background-color: #fff;
    width: 98%;
    margin-top: 8px;
    border: 1px solid #000;
    -moz-border-radius: 5px 5px 5px 5px;
    -webkit-border-radius: 5px 5px 5px 5px;
    border-radius: 5px 5px 5px 5px;
}


.archive_scroll {
    vertical-align: top;
    width: 100%;
    overflow: auto;
    border-top: 1px solid rgb(187,187,187);
    border-bottom: 1px solid rgb(187,187,187);
    padding-left: 4px;
    margin-bottom: 10px;
    -webkit-overflow-scrolling: auto;
}

.archive_header {
    text-align: center;
    font-size: 1.0em;
    background-color: #dd0000;
    color: #ffffff;
    border: 1px solid #dd0000;
    font-weight: bold;
}

.archive_weekheader {
	text-align: center;
	font-size: .875em;
	font-weight: bold;
	background-color: #000000;
	color: #ffffff;
}

.archive_year {
	width: 100px;
    text-align: center;
    font-size: 1.0em;
    font-weight: bold;
    background-color: #fff;
    color: #000;
}

.archive fieldset {
	text-align: left;
    border: 1px solid #dd0000;
}

.archive legend {
    color: #000;
    font-weight: bold;
}

.archive ul,ol {
    text-align: center;
    margin-left: 2px;
    padding: 0px;
}

.archive li {
    list-style: none;
    margin-left: 4px;
    margin-top: 4px;
}

.archive li a {
    color: #000;
    font-weight: bold;
    text-decoration: none;
}

.archive li a:active, a:visited {
    color: #000;
}

.archive li a:hover {
    color: rgb(220,0,0);
    text-decoration: underline;
}

.archive .picker {
	border: 2px solid #00f;
    -moz-border-radius: 5px 5px 5px 5px;
    -webkit-border-radius: 5px 5px 5px 5px;
    border-radius: 5px 5px 5px 5px;
}

.cal_table {
    overflow-x: auto;
	width: 100%;
}

.cal_table table {
    width: 99%;
    border: 1px solid #aaa;
}

.cal_table th {
    background: rgb(11,127,0);
    color: #fff;
    font-weight: bold;
    -moz-border-radius: 5px 5px 5px 5px;
    -webkit-border-radius: 5px 5px 5px 5px;
    border-radius: 5px 5px 5px 5px;
}

.cal_table td {
	width: 140px;
	text-align: left;
	vertical-align: top;
	border: 1px solid #aaa;
	margin-bottom: 10px;
}

.cal_table caption {
	width: 100%;
	padding-top: 4px;
	padding-bottom: 4px;
    border: 1px solid #000;
    background: rgb(11,127,0);
    margin-top: 4px;
    color: #fff;
    font-size: .875em;
	font-weight: bold;
    -moz-border-radius: 5px 5px 5px 5px;
    -webkit-border-radius: 5px 5px 5px 5px;
    border-radius: 5px 5px 5px 5px;
}

.cal_header {
	width: 99%;
	font-size: 1.0em;
	font-weight: bold;
	color: #000;
	text-align: center;
	cursor: pointer;
}

.cal_header td {
    background: white;
    border: 2px solid black;
    padding: 2px 0px 2px 0px;
    -moz-border-radius: 5px 5px 5px 5px;
    -webkit-border-radius: 5px 5px 5px 5px;
    border-radius: 5px 5px 5px 5px;
}

.cal_header ul {
    margin: 0px;
    padding: 0px;
    list-style: none;
}

.cal_header li {
    display: inline-block;
	background-color: white;
	color: black;

	border: 1px solid black;
	padding: 2px 10px 2px 10px;
    -moz-border-radius: 5px 5px 5px 5px;
    -webkit-border-radius: 5px 5px 5px 5px;
    border-radius: 5px 5px 5px 5px;
}

.cal_link {
	font-size: 1.0em;
	color: #000;
}

.cal_link ul {
	margin: 0;
	padding: 0;
	margin-left: 12px;
}

.cal_link li {
	margin-top: 4px;
	margin-left: 12px;
}

.cal_link li a {
	color: blue;
	font-weight: bold;
}

.cal_info {
    float: left;
    font-size: 1.0em;
    margin-top: 8px;
}

.cal_info fieldset {
	text-align: left;
    border: 1px solid rgb(200,0,0);
}

.cal_info legend {
    font-weight: bold;
}

.cb_left {
    float: left;
    width: 178px;
    background: rgb(254,177,68);
	color: #000;
	padding: 2px;
	border: 1px solid #000;
}

.cb_left span {
	text-align: center;
	font-size: .75em;
}

.cb_link a {
	color: #0000ff;
	text-decoration: none;
	text-align: center;
	font-weight: bold;
}

.cb_link ul, ol {
	width: 160px;
	display: block;
	text-align: left;
	margin: 0px;
	padding: 0px;
}

.cb_link li {
	margin-top: 4px;
	margin-left: 20px;
}

.cb_link a:hover {
	color: rgb(220,0,0);
	text-decoration: underline;
}

.cb_link img {
	margin-top: 10px;
}

.cb_label {
	font-size: .75em;
}

.cb_link span {
	color: #000;
}

.cb_header {
	margin-top: 20px;
	color: #000;
	font-weight: bold;
	text-align: center;
}

.cb_table {
    float: left;
    width: 100%;
    border-spacing: 0px;
    background-color: #fff;
	color: #000;
}

.cb_rtitle {
	text-align: center; 
	color: rgb(220,0,0); 	
	font-weight: bold;
}

.cb_image {
	text-decoration: none;
	float: right;
}

.cb_rtitle a {
	color: rgb(220,0,0);
    text-decoration: none;
}

.cb_rtitle a:visited {
	color: rgb(220,0,0);
}

.cb_btitle {
	margin-left: 4px;
    color: #000;    
}

.cb_btitle a {
	color: #0000ff;
	font-weight: bold;
}

.cb_rtitle_notes {
    margin-left: 4px;
    color: #000;
}

.cb_rservings {
    margin-left: 4px;
    color: #000;
	font-weight: bold;
}

.cb_ringredients {
	color: #000;
}

.cb_ringredients ul {
	margin: 0;
	padding: 0;
}

.cb_ringredients li {
	text-align: left;
	padding-left: 10px;
	margin-top: 4px;
}

.cb_rdirections {
	width: 96%;
	text-align: left;
    color: #000;
}

.cb_rdirections ol {
	font-weight: bold;
    margin-left: 30px;
	width: 100%;
    padding: 0;
}

.cb_rdirections ol span {
	font-weight: normal;
}

.cb_rdirections li {
    text-align: left;
    margin-top: 4px;
}

.cb_rrecipe_notes {
	text-align: left;
	color: #000;
	margin-left: 10px;
}

.pub_links {
	width: 100%;
	text-align: left;
	font-weight: normal;
}

.pub_links img {
	padding: 1px;
	border: 1px solid #000;
}

.pub_links ul, ol {
	width: 100%;
	margin-left: -10px;
	margin-top: 10px;
	text-align: left;
	font-size: 1.0em;
}

.pub_links li {
	margin-top: 4px;
	margin-bottom: 10px;
}

.pub_links li a {
	font-weight: bold;
	text-decoration: none;
}

.pub_links a:hover {
	color: rgb(220,0,0);
	text-decoration: underline;
}

.pub_links span {
	font-size: 1.0em;
	font-weight: normal;
}

.pub_header {
    width: 98%;
    margin-top: 10px;
    color: black;
    font-size: 1.125em;
}

.pub_label {
    list-style: none;
    text-align: center;
    font-size: 1.0em;
    font-weight: bold;
	border: 1px solid #000; 
	padding: 4px; 
	background: rgb(255,255,255); 
	color:rgb(220,0,0);
}

.pub_label_blk {
    list-style: none;
    text-align: center;
	padding-top: 40px;
    font-size: .875em;
    font-weight: bold;
}

#feature_com {
	display: none;
}


.vertCSetRow {
  	display: -webkit-box;
  	display: -moz-box;
  	display: -ms-flexbox;
  	display: -webkit-flex;
  	display: flex;

	flex-wrap: wrap;
	flex-direction: row;
	align-items: center;
	gap: 10px;
}

.vertCardSet { font-size: 1.2em; margin: 0 auto; margin-bottom: 20px; width: 360px; }
.vertCardSet table { margin: 0 auto; width: 100%; font-size: 77.5%; }
.vertCardSet fieldset { text-align: left; border: 1px solid black; background-color: #f0f0f0;}
.vertCardSet legend { color: #000; font-size: 1.0em; font-weight: bold; }
.vertCardSet a { text-decoration: none; font-weight: bold; }
.vertCardSet a:visited, a:active { color: #00f; }
.vertCardSet a:hover { color: rgb(220,0,0); text-decoration: underline; }

.subTitle  {
    white-space: normal;
    word-break: break-word;
    vertical-align: top;
    text-align: left;
    font-size: .90em;
    font-weight: normal;
}

.mainImg { border: 1px solid black; width: 318px; height: 318px; }
.subImg { border: 1px solid black; width: 72px; height: 72px; }

.swapQW { margin: 0 auto; margin-bottom: 20px; width: 100%; }
.swapQW table { margin: 0 auto; width: 100%; }
.swapQW img { border: 1px solid black; }
.swapQW fieldset { text-align: left; border: 1px solid black; background-color: #f0f0f0;}
.swapQW legend { color: #000; font-size: .875em; font-weight: bold; }
.swapQW a { text-decoration: none; font-weight: bold; }
.swapQW a:visited, a:active { color: #00f; }
.swapQW a:hover { color: rgb(220,0,0); text-decoration: underline; }

.swLgImg { width: 100%; max-width: 380px; height: auto; }
.swSmImg { width: 100%; max-width: 118px; height: auto; }

.feature { margin: 0 auto; margin-bottom: 20px; max-width: 480px; }
.feature table { margin: 0 auto; max-width: 480px; }
.feature td { vertical-align: top; width: 50%; }
.feature img { padding: 1px; border: 1px solid #000; width: 220px; height: auto; }
.feature fieldset { text-align: left; border: 1px solid rgb(200,0,0); background-color: #f0f0f0;}
.feature legend { color: #000; font-size: .875em; font-weight: bold; }
.feature ul { list-style: none; margin: 0; padding: 0px; }
.feature li { text-align: left; margin-left: 8px; margin-bottom: 4px; }
.feature a { text-decoration: none; font-weight: bold; }
.feature a:visited, a:active { color: #00f; }
.feature a:hover { color: rgb(220,0,0); text-decoration: underline; }

.sfeature4 { margin: 0 auto; margin-bottom: 20px; }
.sfeature4 table { margin: 0 auto; width: 100%; }
.sfeature4 td { vertical-align: top; }
.sfeature4 img { padding: 1px; border: 1px solid #000; width: 220px; height: auto; }
.sfeature4 fieldset { width: 90%; text-align: left; border: 1px solid black; }
.sfeature4 legend { color: #000; font-size: 1.0em; font-weight: bold; }
.sfeature4 a { text-decoration: none; font-weight: bold; }
.sfeature4 a:visited, a:active { color: #00f; }
.sfeature4 a:hover { color: rgb(220,0,0); text-decoration: underline; }

.sfeature6 { float: left; margin-bottom: 20px; width: 96%; }
.sfeature6 table { margin: 0 auto; width: 100%; }
.sfeature6 td { vertical-align: top; width: 50%; }
.sfeature6 img { border: 1px solid #000; width: 220px; height: auto; }
.sfeature6 fieldset { width: 90%; text-align: left; border: 1px solid black; }
.sfeature6 legend { color: #000; font-size: 1.0em; font-weight: bold; }
.sfeature6 ul { list-style: none; margin: 0; padding: 0px; }
.sfeature6 li { text-align: left; margin-left: 4px; margin-bottom: 4px; }
.sfeature6 a { text-decoration: none; font-weight: bold; }
.sfeature6 a:visited, a:active { color: blue; }
.sfeature6 a:hover { color: red; text-decoration: underline; }

.feature_title {
	text-align: center;	
	font-size: 1.0em;
	font-weight: bold;
	color: red; 
    margin-bottom: 20px;
}

.feature_above {
    text-align: center;
    font-size: 1.50em;
    font-weight: bold;
    color: red;
    margin-bottom: 10px;
}

.feature_text {
	#font-weight: bold;
	font-size: 1.0em;
}

.rcards { width: 100%; margin-bottom: 10px; margin-top: 10px; }
.rcards table { margin-top: 6px; width: 100%; }
.rcards td { vertical-align: middle; padding: 2px; }
.rcards a { margin-top: 4px; color: blue; font-weight: bold; font-size: 1.0em; text-decoration: none; }
.rcards_com { margin-top: 4px; font-size: 1.1em; }
.rcards a:active, a:visited { color: black; }
.rcards a:hover { color: rgb(220,0,0); text-decoration: underline; }
.rcards legend { color: #000; font-size: 1.0em; font-weight: bold; }

.rcards ul { font-size: .875em; margin: 0px; padding: 10px; }
.rcards li { list-style: none; display: block; }

.takefive {
    margin: 0;
    margin-left: auto;
    margin-right: auto;
    max-width: 460px;
}


.rcards fieldset {
    width: 400px;
    text-align: left;
    border: 1px solid black;
    padding: 5px;

    -moz-border-radius: 6px 6px 6px 6px;
    -webkit-border-radius: 6px 6px 6px 6px;
    border-radius: 6px 6px 6px 6px;
}

.rcards2 ul {
    font-size: .875em;
    margin: 0px;
    padding: 0px;
}

.rcards2 li {
    list-style: none;
}

.takefive {
    margin: 0;
	margin-left: auto;
	margin-right: auto;
    max-width: 460px;
}

.takefive span {
    max-width: 220px;
}

.takefive span a {
    margin-top: 4px;
    color: black;
    font-size: .875em;
    text-decoration: none;
}

.takefive span a:active, a:visited {
    color: black !important;
}

.takefive span a:hover {
    color: rgb(220,0,0);
    text-decoration: underline;
}

.takefive table {
    margin: 0 auto;
    margin-top: 6px;
    width: 100%;
}

.takefive td {
    vertical-align: top;
    font-size: 0.90em;
    line-height: 1.0;
    width: 50%;
    padding: 5px;
}

.takefive fieldset {
    width: 100%;
    text-align: left;
    border: 1px solid #000;
    background-color: #f0f0f0;

    -moz-border-radius: 6px 6px 6px 6px;
    -webkit-border-radius: 6px 6px 6px 6px;
    border-radius: 6px 6px 6px 6px;
}

.takefive legend {
    color: black;
    font-size: 1.0em;
    font-weight: bold;
}

.takefive img {
    vertical-align: middle;
}

.takefive_com {
    font-size: 0.875em;
}

.takefive_link a {
    margin-top: 4px;
    color: blue;
    font-size: 0.875em;
    text-decoration: none;
}

.takefive_link a:active, a:visited {
    color: black;
}

.takefive_link a:hover {
    color: rgb(220,0,0);
    text-decoration: underline;
}

.takelist ul {
	width: 120px;
    margin-top: 6px;
    border: 0; 
    padding: 0px;
}

.takelist li {
    font-size: 0.6625em;
	text-align: left;
    list-style: none;
}

.takelist fieldset {
    text-align: left;
    border: 1px solid #000;

    -moz-border-radius: 6px 6px 6px 6px;
    -webkit-border-radius: 6px 6px 6px 6px;
    border-radius: 6px 6px 6px 6px;
}

.takelist legend {
    color: #000;
    font-size: 0.875em;
    font-weight: bold;
}

.takelist img {
    padding: 1px;
    vertical-align: middle;
    border: none;
}

.takelist li a {
    color: #000;
    font-weight: bold;
    text-decoration: none;
}

.takelist li  a:active, a:visited {
    color: #000;
}

.takelist li  a:hover {
    color: rgb(220,0,0);
    text-decoration: underline;
}

.rolodex_row fieldset {
	width: auto;

    text-align: left;
    border: 1px solid #000;
    padding: 5px 10px 10px 10px;

    -moz-border-radius: 6px 6px 6px 6px;
    -webkit-border-radius: 6px 6px 6px 6px;
    border-radius: 6px 6px 6px 6px;
}

.rolodex_row legend {
    color: #000;
    font-size: 0.875em;
    font-weight: bold;
}

/* Create two equal columns that sits next to each other */
.rolodex_col {
  -ms-flex: 50%; /* IE 10 */
  flex: 50%;
  padding: 0 4px;
}

.rolodex_col img {
  margin-top: 8px;
  vertical-align: middle;
}

.copycat_inbox {
	border: 1px solid #000;
	font-size: 1.0em;

    -moz-border-radius: 5px 5px 5px 5px;
    -webkit-border-radius: 5px 5px 5px 5px;
    border-radius: 5px 5px 5px 5px;

}

.copycat_srch {
    display: inline-block;
    cursor: pointer;
    text-align: center;
    text-decoration: none;
    font-size: 1.0em;
    font-weight: bold;
    padding: 1px 4px 1px 4px;
    color: #ffffff;
    background: #006600;
    border: 1px solid #000;
    cursor: pointer;

    -moz-border-radius: 5px 5px 5px 5px;
    -webkit-border-radius: 5px 5px 5px 5px;
    border-radius: 5px 5px 5px 5px;
}

.copycat_srch:hover {
    color: #000;
    background: #fff;
    text-decoration: none;
}

.cookbook_inbox {
    border: 1px solid #000;
    height: 17px;
    font-size: 0.75em;

    -moz-border-radius: 5px 5px 5px 5px;
    -webkit-border-radius: 5px 5px 5px 5px;
    border-radius: 5px 5px 5px 5px;

}

.cookbook_srch {
    display: inline-block;
    cursor: pointer;
    text-align: center;
    text-decoration: none;
    font-size: 0.75em;
    font-weight: bold;
    padding: 1px 4px 1px 4px;
    color: #ffffff;
    background: #006600;
    border: 1px solid #000;
    cursor: pointer;

    -moz-border-radius: 5px 5px 5px 5px;
    -webkit-border-radius: 5px 5px 5px 5px;
    border-radius: 5px 5px 5px 5px;
}

.cookbook_srch:hover {
    color: #000;
    background: #fff;
    text-decoration: none;
}

.topSpacer {
    margin-top: 6px;
    font-size: 1.0em;
    text-align: center;
}

.topSpacer ul {
    margin: 0px;
    padding: 0px;
}

.topSpacer li {
    display: inline;
    list-style: none;
}

.topSpacer img {
	width: auto;
	height: 20px;
	padding: 4px;
	vertical-align: middle;
    border: 0px;
}

.topSpacer li a {
    color: #000;
    font-weight: bold;
    text-decoration: none;
	font-size: 1.0em;
}

.topSpacer li a:active, a:visited {
    color: #000;
}

.topSpacer li a:hover {
    color: rgb(220,0,0);
    text-decoration: underline;
}

.topSpacer span {
    color: #000;
    font-weight: bold;
}

.social_buttons ul {
	margin: 0px;
	padding: 0px;
}

.social_buttons li {
	display: inline;
    list-style: none;
	margin-left: 8px;
}

.social_buttons img {
	border: none;
	width: 32px;
	height: 32px;
}

.features_column {
    margin-top: 12px;
    width: 180px;
    border: 1px solid rgb(220,0,0);
}

.features_column img {
    width: 140px;
    height: 140px;
}

.features_column ul {
    font-size: 0.75em;
    padding: 0px;
}

.features_column li {
    list-style: none;
    margin-top: 12px;
    padding: 4px;
}

.features_column li a {
    color: #000;
    font-weight: bold;
    text-decoration: none;
}

.features_column li a:active, a:visited {
    color: #000;
}

.features_column li a:hover {
    color: rgb(220,0,0);
    text-decoration: underline;
}

.select-css {
    display: block;
    font-size: 1.0em;
    font-weight: bold;
    color: #000;
    width: 100%;
    max-width: 100%;
    line-height: 1.3;
    padding: 2px 2px 2px 8px;
    box-sizing: border-box;
    border: 1px solid #aaa;
    box-shadow: 0 1px 0 1px rgba(0,0,0,.04);
    border-radius: .5em;
    -moz-appearance: none;
    -webkit-appearance: none;
    appearance: none;
    background-color: #fff;
    background-image: url('https://www.recipelink.com/wwwboard/images/arrow_dwn_blk.png');
    background-repeat: no-repeat, repeat;
    background-position: right .7em top 50%, 0 0;
    background-size: 0.65em auto, 100%;
}
.select-css::-ms-expand { display: none; }
.select-css:hover { border-color: #888; }
.select-css:focus { border-color: #000; outline: none; }
.select-css option { font-weight:normal; }

.signup { width: 90%; margin: 0 auto; margin-top: 10px; }
.signup input[type=text] { width: 98%; font-size: 1.20em; text-align: left; }
.signup input[type=button] { width: 100%; font-size: 1.20em; text-align: center; }
.signup input[type=password] { width: 98%; font-size: 1.20em; text-align: left; }
.signup input { width: 100%; padding: 4px ;font-size: 1.20em; text-align: center; }
.signup ul { width: 100%; margin: 0px; padding: 0px; margin-top: 10px; }
.signup li { text-align: left; list-style: none; margin-top: 8px; }

.rboxHelp table { width: 100%; cell-spacing: 20px; }
.rboxHelp td { border-bottom: 1px solid black; }

.prevnext {
	border: 2px solid rbg(200,0,0); 
	width: 100%; 
	border-collapse: collapse;
}

.prevnext ul {
    margin: 0px;
    padding: 0px;
}

.prevnext li {
    list-style: none;
    margin-left: 4px;
    display: inline-block;
}

.colorBar {
    font-size: 1.3em;
    font-weight: bold;
    text-align: center;
    border: 1px solid black;
    padding: 4px;
}
