/** 
    Reset 
**/

html{color:#000;background:#FFF}body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td,figure{margin:0;padding:0}table{border-collapse:collapse;border-spacing:0}fieldset,img{border:0}address,caption,cite,code,dfn,em,th,var{font-style:normal;font-weight:normal}ol,ul{list-style:none}caption,th{text-align:left}h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal}q:before,q:after{content:''}abbr,acronym{border:0;font-variant:normal}sup{vertical-align:text-top}sub{vertical-align:text-bottom}input,textarea,select{font-family:inherit;font-size:inherit;font-weight:inherit}input,textarea,select{*font-size:100%}legend{color:#000}
.clr { clear: both; font-size: 0; height: 0; line-height: 0; }
.clr:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
.clearfix:before, .clearfix:after { content: "\0020";  display: block;  height: 0;  overflow: hidden; }
.clearfix:after { clear: both; }
.clearfix { zoom: 1; }
html[xmlns] .clearfix { display: block; }
* html .clearfix { height: 1%; }

/**
	General styles
**/

::selection {
  background: #fff; 
  color: #e88838;
}
::-moz-selection {
  background: #fff; 
  color: #e88838;
}

html { font-size: 62.5%; background: #4f2816; }
body { color: #5c413d; background: #4f2816; font-size: 1.3rem; min-width: 98rem; line-height: 1.4; font-family: "Courier New", Courier, "Lucida Sans Typewriter", "Lucida Typewriter", monospace; border-top: 3px solid #e88838; overflow-x: hidden; }

body.menu-expanded { position: relative; left: 60%; overflow: hidden; }
body.menu-expanded:before { position: absolute; left: 0; top: -10%; content: " "; width: 100%; height: 120%; z-index: 1; -webkit-box-shadow: 0 0 15px rgba(0, 0, 0, 0.6); }
    
/**
    Content    
**/

a, a:link { color: #e88838; text-decoration: underline; }
a:hover, a:focus, a:active { color: #FEA760; }

h1, h2, h3, h4, h5, h6 { font-family: Courgette, Arial; }
h1 { font-size: 200%; color: #5c413d; }
h2, .h2 { font-size: 140%; background: url('../images/dotline-g.gif') repeat-x left bottom; padding: 0 0 0.5rem; margin: 0 0 3rem 0; color: #5c413d; }
h3 { font-size: 150%; color: #e88838; }

.h-lspace { margin-bottom: 1rem; }
.hidden,
.ui-helper-hidden-accessible { display: none; }

p { margin: 0 0 2rem; }
.htext { text-align: right; margin: 0 4rem 0 0; padding: 0.7rem 0 0; display: table; }
small {font-size: 85%}

#page-title { font-family: "Satisfy", cursive; font-size: 350%; text-align: center; margin: 0 0 3.5rem; }
#page-title.small { font-size: 275%; }
#page-title.xspacing { margin: 1rem 0 0.7rem; }

.head-title { background: #fff; text-align: center; font-size: 150%; color: #e88838; padding: 1.5rem 0; }

label { margin: 10px 1.5rem 10px 0; font-size: 115%; /*color: #e88838*/; font-family: Courgette, Arial; display: block; }
select { margin: 6px 2rem 6px 0; border: 0; background: #c2bfa6; color: #fff; font-size: 100%; height: 24px; padding: 0.4rem 0.4rem 0.4rem 1rem; display: block; line-height: 1; }

input, textarea { box-sizing: border-box; -moz-box-sizing: border-box; margin: 0.6rem 0; display: block; }
input[type="checkbox"], input[type="radio"] { width: 13px; height: 13px; display: inline; }
input[type="text"], input[type="password"] { padding: 0.6rem 1.3rem;  border: 1px solid #4f2816; background: none; color: #4f2816; }
textarea { border: 1px solid #4f2816; background: none; color: #4f2816; padding: 0.4rem 1.3rem; height: 10.4rem; font-family: inherit; resize: vertical; }
input[type="submit"], .button {  font-family: 'Courier New', monospace; background: #e88838; overflow: visible; border: none; color: #fff; padding: 0.9rem 1.4rem 0.9rem; margin: 0.3rem 0; cursor: pointer; }
@-moz-document url-prefix() {
    input[type="submit"], .button {
        padding: 0.7rem 1.4rem 0.7rem;
    }
}
a.button { padding: 0.7rem 1.4rem 0.8rem;}
input[type="submit"]:hover, .button:hover { font-family: 'Courier New', monospace; background: #f48f3b; }
input[type="submit"]:disabled, button:disabled { cursor: not-allowed; opacity: 0.7; }

div.selector { background: #c2bfa6; height: 24px; color: #fff; font-size: 90%; display: block; padding: 0 0 0 1.4rem; margin-right: 2rem; cursor: pointer; position: relative; }
div.selector.hover span:before,
div.selector.focus span:before,
div.selector span:hover:before,
div.selector.open span:before { background-color: #e88838; }
div.selector span { height: 100%; margin: 0; padding: 0 32px 0 0; width: 100% !important; box-sizing: border-box; -moz-box-sizing: border-box; }
div.selector span:before { width: 30px; height: 24px; right: 0; top: 0; background: #b0ad98 url('../images/icons.png') no-repeat -160px 10px; position: absolute; content: " "; cursor: pointer; }
div.selector select { background: #c2bfa6; color: #fff; width: 100% !important; }

.fselect-wrapper { position: relative; }
.foptions { margin-top: 1px; position: absolute; width: 100%; background: #c2bfa6; color: #fff; z-index: 10; padding: 1rem; box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; display: none; }
.foptions label { font-family: "Courier New", Courier, "Lucida Sans Typewriter", "Lucida Typewriter", monospace; font-size: 90%; color: #fff; }
.foptions .ninput input { margin-top: 2px; }

.button-alt, input[type="submit"].button-alt { background: #4f2816; /*padding-left: 2.5rem; padding-right: 2.5rem;*/ }
.button-alt:hover, input[type="submit"].button-alt:hover { background: #e88838; }

.ninput { font-family: "Courier New", Courier, "Lucida Sans Typewriter"; padding: 0 0 0 20px; margin: 0.6rem 0; }
.ninput input { position: absolute; margin: 4px 0 0 -20px; }

a.button, a.button:hover { color: #fff; text-decoration: none; }

input[type="text"]:focus,
textarea:focus { background: #d4d1b6; }

input.transparent, input.transparent:focus, textarea.transparent, input.transparent:focus { border: none; background: none; color: #5c413d; }

input::-webkit-input-placeholder, textarea::-webkit-input-placeholder { color: #4f2816; }
input::-moz-placeholder, textarea::-moz-placeholder { color: #4f2816; }
input:-ms-input-placeholder, textarea::-ms-input-placeholder { color: #4f2816; }
input:-moz-placeholder, textarea::-moz-placeholder { color: #4f2816; }

input.transparent::-webkit-input-placeholder, textarea.transparent::-webkit-input-placeholder { text-decoration: none; color: #7a7a7a; }
input.transparent::-moz-placeholder, textarea.transparent::-moz-placeholder { text-decoration: none; color: #7a7a7a; }
input.transparent:-ms-input-placeholder, textarea.transparent:-ms-input-placeholder { text-decoration: none; color: #7a7a7a; }
input.transparent:-moz-placeholder, textarea.transparent:-moz-placeholder { text-decoration: none; color: #7a7a7a; }

.error { color: #ce2029; }
input.input-validation-error::-webkit-input-placeholder { color: #ce2029; }
input.input-validation-error::-moz-placeholder { color: #ce2029; }
input.input-validation-error:-ms-input-placeholder { color: #ce2029; }
input.input-validation-error:-moz-placeholder { color: #ce2029; }

.ifull input[type="text"],
.ifull input[type="password"],
.ifull select,
.ifull textarea { width: 100%; }
.ifull div.selector { margin-right: 0; }

figure, figure img { display: block; margin: 0 0 1rem; }

/**
    Reusable elements / classes
**/

.page { width: 96rem; margin: 0 auto; padding: 0 1rem; display: block; }
.lft { float: left; }
.rght { float: right; }
.cntr { text-align: center; }
.text-lft { text-align: left; }

.rltv { position: relative; }
.tblc { display: table-cell; }

#main .spacing { margin-top: 1.5rem; margin-bottom: 1.5rem; }
#main .spacingt { margin-top: 1.5rem; }
#main .spacingb { margin-bottom: 1.5rem; }

#main .spacingl { margin-top: 3rem; margin-bottom: 3rem; }
#main .spacinglt { margin-top: 3rem; }
#main .spacinglb { margin-bottom: 3rem; }

.column { float: left; }
.column.half { width: 43rem; }
.column.one-thirth { width: 28rem; }
.column.two-thirth { width: 54rem; }
.column.last { margin-left: 10rem; }
.column.push { margin-left: 4rem; }

.column.llined:before { content: " "; position: absolute; top: 20%; bottom: 15%; margin-left: -5rem; border-left: 3px double #c5c2aa; }

.stamp { width: 94px; height: 94px; background: url('../images/stamps.png') no-repeat -9999px -9999px; display: block; }
.stamp.btitle { position: absolute; margin: -6rem 0 0 33.6rem; }
.stamp.week { position: absolute; margin: -1.8rem 0 0 86.4rem; z-index: 10; }
.stamp.konichiwa { background-position: -2px -2px; }
.stamp.nightidea { background-position: -2px -98px; }
.stamp.blabla { background-position: -2px -386px; }
.stamp.likeeat { background-position: -2px -194px; }
.stamp.yummy { background-position: -194px -2px; }
.stamp.loveveggies { background-position: -194px -194px; }
.stamp.delicious { background-position: -194px -98px; }
.stamp.fastfood { background-position: -298px -98px; }
.stamp.keepmewarm { background-position: -2px -290px; }
.stamp.kids { background-position: -194px -290px; }
.stamp.cool { background-position: -290px -290px; }
.stamp.quick { background-position: -290px -2px; }
.stamp.favorite { background-position: -290px -194px; }
.stamp.week1 { background-position: -98px -2px; }
.stamp.week2 { background-position: -98px -98px; }
.stamp.week3 { background-position: -98px -194px; }
.stamp.week4 { background-position: -98px -290px; }

.caption { font-size: 250%; color: #4f2816; font-family: "Satisfy", cursive; line-height: 1; cursor: default; }

.pager { width: 43rem; margin: 5.5rem auto 1.5rem; text-align: center; font-size: 140%; font-family: Courgette, Arial; border-top: 1px solid #acacaa; padding-top: 0.3rem; }
.pager li { display: inline; }
.pager a { text-decoration: none; color: #707070; padding: 0.4rem 1.5rem;border-top: 1px solid transparent; margin-top: -4px; display: inline-block; }
.pager a:hover,
.pager .selected a { border-color: #e88838; color: #e88838; }
.pager a.icon { text-indent: -9999px; position: absolute; width: 16px; height: 28px; padding: 0; margin-top: -0.4rem; }
.pager a.icon:before { width: 5px; height: 9px; margin: 1.2rem 0 0 -3px; left: 50%; content: " "; position: absolute; display: block; background: url('../images/icons.png') no-repeat -9999px -9999px; }
.pager .prev .icon { margin-left: -2.6rem; }
.pager .next .icon { margin-left: 1rem; }
.pager .first .icon { margin-left: -4.4rem; }
.pager .last .icon {  margin-left: 2.6rem; }
.pager .prev .icon:before { background-position: -21px top; }
.pager .next .icon:before { background-position: -16px top; }
.pager .first .icon:before { width: 11px; margin-left: -5px; background-position: -37px top; }
.pager .last .icon:before { width: 11px; margin-left: -5px; background-position: -26px top; }
.pager .prev .icon:hover:before { background-position: -21px -10px; }
.pager .next .icon:hover:before { background-position: -16px -10px; }
.pager .first .icon:hover:before { background-position: -37px -10px; }
.pager .last .icon:hover:before { background-position: -26px -10px; }

.btn-group { overflow: hidden; margin: 0 0 3.5rem 0; }
.btn-group.ntitle { margin-top: 2.7rem; }
.btn-group li { float: left; margin: 0 1.4rem 0 0; }
.btn-group.rght li { margin: 0 0 0 1.4rem; }
.btn-group a { display: block; }

.icon { background: url('../images/icons.png') no-repeat -9999px -9999px; position: absolute; }
.icon.refresh { width: 16px; height: 17px; background-position: -48px top; }
.icon.delete { width: 15px; height: 15px; background-position: -64px top; }
.icon.drag { width: 8px; height: 16px; background-position: -80px top; }

 .share { overflow: hidden; margin: 0 0 2rem; }
 .share li { float: left; margin-right: 0.8rem; list-style-type:none; }
 .share .icon { display: block; position: static; text-indent: -9999px; width: 31px; height: 30px; background: url('../images/sprite-share.png') no-repeat -9999px -9999px; }
 .share .icon:hover { opacity: 0.75; }
 .share .web { background-position: -93px top; }
 .share .twitter { background-position: left top; }
 .share .pinterest { background-position: -31px top; }
 .share .facebook { background-position: -62px top; }
 .share .feed { background-position: -124px top; }

 ul.features { list-style:initial; vertical-align: bottom; padding-left: 2rem; }

/**
    Header
**/

.hmenu { display: none; cursor: pointer; position: absolute; top: -3.7rem; left: 0; padding: 0.8rem; background: #e88838 url('../images/menu.gif') no-repeat center center; width: 27px; font-size: 86%; color: #fff; z-index: 1000; }
.hmenu:hover { background-color: #f48f3b; }

#header { background: #fff; padding: 3.3rem 0 1.5rem; position: relative; }
#header .logo { float: left; }
#header .page { position: relative; }

#header a, 
#header a:link { color: #5c413d; text-decoration: none; }
#header a:hover { color: #e88838; }

#header a.macc { display: block; position: absolute; top: -3.3rem; right: 0; background: #e88838; color: #fff; font-size: 86%; padding: 0.8rem 2.4rem; }
#header a.macc:hover { background: #f48f3b; }

#header .mnav { font-size: 115%; float: left; padding: 5.1rem 0 0 2.6rem; }
#header .mnav li { float: left; padding: 0 1.8rem; }
#header .mnav a { display: block; padding: 0.5rem 0; border-bottom: 1px solid transparent; }
#header .mnav a:hover, 
#header .mnav .selected a { border-bottom-color: #e88838; color: #e88838; }

#header .snav { font-family: Courgette, Arial; position: absolute; bottom: -1.5rem; right: 0; border-left: 1px solid #5c413d; padding: 1.1rem 0 1.1rem 3.2rem; font-size: 125%; }
#header .snav li { padding: 0.3rem; }

/**
    Search
**/

#search { background: #fff; padding: 1.8rem 0 1.2rem; border-top: 2px solid #5c413d; position: relative; }
#search:before { position: absolute; background: url('../images/dotline-r.png') repeat-x left top; height: 3px; content: " "; top: 0; left: 0; right: 0; }
#search .column  { float: left; width: 16%; margin: 0 3% 0 0; }
#search .column.last { margin-right: 0; width: 30%; }
#search.large .column { width: 18%; }
#search.large .column.last { width: 39%; }
#search input.datepicker { padding: 0.6rem 1.3rem;  border: medium none; background: none repeat scroll 0 0 #c2bfa6; color: #fff; margin: 0 0 .8rem; width: 110px; }
#search input::-webkit-input-placeholder, textarea::-webkit-input-placeholder { color: #4f2816; }
#search input::-moz-placeholder, textarea::-moz-placeholder { color: #4f2816; }
#search input:-ms-input-placeholder, textarea::-ms-input-placeholder { color: #4f2816; }
#search input:-moz-placeholder, textarea::-moz-placeholder { color: #4f2816; }
#search label { margin: 0 0 10px; }
#search label.inline { float: left; width: 24%; clear: both; padding-top: 3px; margin: 0 1% 0 0; }
#search div.selector { float: none; margin: 0 0 8px; height: auto; }
#search div.selector span { font-weight: normal; font-size: 1.3rem; padding-top: 1px; padding-bottom: 1px; }
#search div.selector span:before { height: 100%; top: 50%; margin-top: -13px; }
#search select { height: 28px; margin-bottom: .8rem; }
#search ul.tagit { overflow: hidden; background: #fff; padding: .4rem .8rem .4rem 3.9rem; margin: 0 1rem .8rem 0; float: left; position: relative; }
#search ul.tagit:before { background: #fff url('../images/icons.png') no-repeat -2px -24px; width: 29px; height: 35px; content: " "; position: absolute; left: 0; top: -1px; }
#search #excludedTags.tagit:before { background-position: -31px -24px; }
/*#search #excludedTags input[type="text"] { width: 100px; }*/
#search ul.tagit input[type="text"] { border: none; background: none; color: #533732; }
#search #searchButton { float: right; margin-top: 31px; }
#search .intro { margin-top: 30px; }

/**
    Footer
**/

#footer { border-top: 2px solid #e88838; color: #fff; padding: 3rem 0 0; }
#footer h4 { font-size: 215%; background: url('../images/dotline.gif') repeat-x left bottom; padding: 0 0 0.8rem 0; margin: 0 0 4rem; }
#footer p { font-size: 90%; line-height: 1.5; }
#footer  div.selector { color: #4f2816; }
#footer  div.selector select { color: #4f2816; }
#footer input[type="text"], #footer input[type="password"] { padding: 0.6rem 1.3rem;  border: medium none; background: none repeat scroll 0 0 #c2bfa6; color: #4f2816; }
#footer textarea { border: medium none; background: none repeat scroll 0 0 #c2bfa6; color: #4f2816; padding: 0.4rem 1.3rem; height: 10.4rem; font-family: inherit; resize: vertical; }
#footer input::-webkit-input-placeholder, #footer textarea::-webkit-input-placeholder { color: #4f2816; }
#footer input::-moz-placeholder,#footer  textarea::-moz-placeholder { color: #4f2816; }
#footer input:-ms-input-placeholder, #footer textarea::-ms-input-placeholder { color: #4f2816; }
#footer input:-moz-placeholder, #footer textarea::-moz-placeholder { color: #4f2816; }

#footer .first-letter { float: left; font-size: 240%; height: 3.2rem; color: #e88838; font-family: Courgette, Arial; position: relative; margin: -0.4rem 0.8rem 0 0; }
#footer .stamp { float: left; margin: -1.6rem 2.5rem 1rem 0; }

#footer .copyright { border-top: 1px solid #e88838; font-family: Tahoma; font-size: 80%; padding: 2.1rem 0; margin: 2rem 0 0; }
#footer a { color: #fff; }
#footer .copyright a { text-decoration: none; text-transform: uppercase; color: #fff; }
#footer .caption { color: #e88838; }
#footer .rte a { text-decoration: underline; }
#footer .share { overflow: hidden; margin: 0 0 2rem; display:inline-block; float:left; margin-right: 0.8rem; }
#footer .share .icon { display: inline-block; position: static; text-indent: -9999px; width: 29px; height: 30px; background: url('../images/sprite-share.png') no-repeat -9999px -9999px; }
#footer .share .icon:hover { opacity: 0.75; }
#footer .share .web { background-position: -93px top; }
#footer .share .twitter { background-position: left top; }
#footer .share .pinterest { background-position: -32px top; }
#footer .share .facebook { background-position: -63px top; }


/**
    Main
**/

#main { border-top: 2px solid #5c413d; background: #ebebe5 url('../images/bg-main.png') repeat left top; padding: 5rem 0 4rem; min-height: 100px; }
#main:before { position: absolute; background: url('../images/dotline-r.png') repeat-x left top; height: 3px; content: " "; left: 0; right: 0; margin-top: -5rem; }

.filters-expl { display: none; position: absolute; color: #c4203a; background: url('../images/arrow.png') no-repeat right bottom; width: 13.0rem; margin: -0.5rem 0 0; padding: 0 4rem 3.5rem 0; font-size: 90%; cursor: default; }
.lined { border-bottom: 3px double #c5c2aa; }

.column.r-recipe { width: 42.8rem; margin-left: 10.2rem;}
.r-recipe .name { padding: 0.8rem 0; }
.r-recipe .stamp { position: absolute; margin: -6.8rem 0 0 33.6rem; }
.r-recipe .img-h { display: block; width: 42.8rem; height: 33.6rem; background: url('../images/loader.gif') no-repeat center center; }
.r-recipe figcaption { margin-top: 0.5rem; }
.r-recipe .button { margin-left: 0.5rem; }
.r-recipe figure.loading { opacity: 0.5; }
/*.r-recipe figure:before { width: 100%; height: 100%; position: absolute; content: " "; background: url('../images/loader.gif') no-repeat center center; z-index: 1000; display: none; }*/
.r-recipe figure.loading:before { display: block; }

.hintro .caption { margin-top: 2.6rem; }

.legend { background: #f6f6f4; border: 1px solid #c5c3ab; border-width: 1px 0; padding: 2rem 0 2rem 12.5rem; margin: 3.5rem 0; overflow: hidden; clear: both; position: relative; }
.legend-small { background: #f6f6f4; border: 1px solid #c5c3ab; border-width: 1px 0; padding: 1rem 0 1rem 1rem; margin: 1rem 0; overflow: hidden; clear: both; position: relative; }
.legend .column { width: 32%; }
.legend .column.small { width: 29%; }
.legend .column.large { width: 39%; }
.legend p { padding: 0 2.5rem; margin: 0; }
.legend p:before { width: 1px; margin: 0 0 0 -6.5rem; bottom: 0; top: 30%; content: " "; position: absolute; background: #c5c3ab; }
.legend .first:before { display: none; }
.legend h2 { color: #e88838; font-size: 150%; background: none;  margin: 0.4rem 0 0; padding: 0; left: 2rem; position: absolute; }
.legend .icon { margin: 0.9rem 0 0 -3.3rem; }
.legend .drag { margin-left: -3rem; }
.legend a, .legend a:link { color: #e88838; }

.recipes .legend, .generer .legend { padding: 2rem 2rem 2rem 2rem; margin: 0; }

.validation-summary-errors { background: #f6f6f4; color: #ce2029; border: 1px solid #c5c3ab; border-width: 1px 0; padding: 2rem 0 2rem 12.5rem; margin: 0 0 3.5rem 0; overflow: hidden; clear: both; position: relative; }

.alert { background: #f6f6f4; border: 1px solid #c5c3ab; border-width: 1px 0; padding: 1rem 1rem 1rem 1rem; margin: 1rem 0 1rem 0; overflow: hidden; clear: both; position: relative; }
.alert.info { background: #64BBBB; color: white; }
.alert.error { background: #ce2029; color: white; }
/*.alert.success { background: #2CB735; color: white;}*/
.alert p { padding: 0 2.5rem; margin: 0; }
.alert p:before { width: 1px; margin: 0 0 0 -6.5rem; bottom: 0; top: 30%; content: " "; position: absolute; background: #c5c3ab; }
.alert h2 { color: #e88838; font-size: 200%; background: none;  margin: 0; padding: 0; font-family: "Satisfy", cursive; }
.alert a, .alert a:link { color: #e88838; }
.alert.info a, .alert.error a, .alert.info a:link, .alert.error a:link, .alert.info h2, .alert.error h2 { color: white;}


/**
    Forms
**/

.form-dborder { margin-left: 3.5rem; }
.form-dborder:before { height: 2.9rem; content: " "; position: absolute; border-left: 3px double #5c413d; margin: -0.4rem 0 0 -3.5rem; display: block; }

.inline-form label,
.inline-form select,
.inline-form input[type="text"] { /*float: left;*/ margin-top: 0; margin-bottom: 0; }
.inline-form label { margin-bottom: 0.3rem; }
.inline-form div.selector { float: left; }
.inline-form div.selector span {font-weight: bold;}

.contact-form { float: right; width: 23.5rem; margin-left: 4.5rem; position: relative; margin-top: -0.5rem; }
.register-form,
.signin-form { width: 26.5rem; margin: 0 0 0 8rem; }

.register-form { margin-top: 3.2rem; }
.signin-form { margin-top: 11.7rem; }
.signin-form p { margin: 0; }
.connect-save .signin-form { margin: 0 6rem 0 0; }

.inline-fform select, .inline-fform div.selector { max-width: 15rem; }
.inline-fform input[type="submit"] { padding-top: 0.4rem; padding-bottom: 0.4rem; }

.inline-gform { margin: 5rem 0 0; }
.inline-gform label { width: 5rem; margin-right: 0; }
.inline-gform input[type="text"] { width: 16.5rem; font-weight: bold; }

.inline-ghform { float: left; }
.inline-ghform input[type="text"] { width: 11rem; font-weight: bold; }
.inline-ghform .spacing { margin-left: 1.5rem; }

/**
    Home  
 **/

#natural-language div {
    line-height: 2.3;
}

#natural-language div.selector{
    float:initial;
    display: inline-block;
    margin-right: 0;
}

#natural-language input[type="text"] {
    float:initial;
    display: inline-block;
    width: 11rem;
}

#natural-language input[type="text"].ui-autocomplete-input{
    width: 43rem;
    padding:0;
}

#natural-language #searchTags li{
    display: inline;
    margin-right: 10px;
}

    #natural-language #searchTags li .tagit-close {
        cursor: pointer;
    }

/**
    Lists
**/

.lrecipes .item { width: 16.4rem; margin: 1.4rem 0 1.4rem 10rem; border-bottom: 1px solid #c3bfa6; }
.lrecipes .item.line { margin-left: 0; clear: both; }
.lrecipes img { width: 16.4rem; height: 10.8rem; }
.lrecipes a,
.lrecipes a:link { text-decoration: none; }
.lrecipes a:hover h2,
.lrecipes a:hover figcaption { color: #e88838; }
.lrecipes a:hover .icon { transform: rotate(-15deg); -ms-transform: rotate(-15deg); -webkit-transform: rotate(-15deg); }
.lrecipes h2 { color: #5c413d; }
.lrecipes figcaption { color: #4f2816; font-size: 100%; }
.lrecipes figure:before { width: 16.4rem; height: 10.8rem; content: " "; background: rgba(232, 136, 56, 0.3); position: absolute; opacity: 0; }
.lrecipes a:hover figure:before { opacity: 1; }

.lrecipes .icon { width: 14px; height: 11px; float: right; display: block; position: static; margin: 8px 0 0; background: url('../images/icons.png') no-repeat -89px -1px; }

.lsrecipes .item { width: 12.2rem; margin: 0.6rem 0 1.8rem 1.6rem; }
.lsrecipes figure:before { width: 12.2rem; }
.lsrecipes img { width: 12.2rem; height: 10.8rem; }

.lweek { border-bottom: 1px solid #c3bfa6; width: 90.2rem; margin: 3.7rem 0 3.5rem; }
.lweek .h2 { font-size: 115%; }
.lweek .item { width: 12.2rem; margin: 1.4rem 0 0 0.8rem; position: relative; }
.lweek .item.loading { opacity: 0.5; }
.lweek .item:before { width: 100%; height: 100%; position: absolute; content: " "; background: url('../images/loader.gif') no-repeat center center; z-index: 1000; display: none; }
.lweek .item.loading:before { display: block; }
.lweek .item.line { margin-left: 0; }
.lweek .item.no .actions { opacity: 1; }
.lweek .item.no .change { margin-left: -16px; }
.lweek .item.no .delete { display: none; }
.lweek img { width: 12.2rem; height: 10.8rem; }
.lweek .img:hover .actions { opacity: 1; }
.lweek .actions { position: absolute; width: 12.2rem; height: 10.8rem; background: #000; background: rgba(0, 0, 0, 0.4); opacity: 0; }
.lweek .action { cursor: pointer; display: block; position: absolute; width: 29px; height: 29px; top: 50%; left: 50%; margin: -15px 0 0 -32px; background: #fff; background: rgba(255, 255, 255, 0.6); text-indent: -9999px; -webkit-border-radius: 100%; -moz-border-radius: 100%; border-radius: 100%; }
.lweek .action:hover { background: #e88838; }
.lweek .action.delete { margin-left: 2px; }
.lweek .action .icon { left: 50%; top: 50%; }
.lweek .action .refresh { margin: -9px 0 0 -7px; }
.lweek .action .delete { margin: -8px 0 0 -7px; }
/*.lweek .weekend figcaption,
.lweek .weekend .h2,
.lweek .weekend a,
.lweek .weekend a:link { color: #e88838; }*/
.lweek figcaption { color: #4f2816; font-size: 90%; }
.lweek a,
/*.lweek a:link { text-decoration: none; color: #4f2816; }*/
.lweek a:hover { color: #e88838; }
.lweek .empty { display: block; height: 10.8rem; }
.lweek .exists { width: 17px; height: 29px; background: url('../images/icons.png') no-repeat -105px top; position: absolute; top: 33px; right: -2px; font-size: 65%; color: #fff; padding: 5px 0 0 15px; cursor: default; z-index: 11; }

/**
    Profile Page    
**/

.precipe { float: right; width: 25rem; padding: 3.5rem 0; }
.precipe .caption { text-align: right; color: #e88838; line-height: 0.7; }

.profile-general { background: rgba(255,255,255,0.5) url('../images/dotline-r.png') repeat-x left bottom; width: 950px; margin: 0 auto; padding: 2rem 2rem 1.7rem; position: relative; color: #533732; }
.profile-general #profile-form label { display:inline; float: left; clear: left; width: 26rem; text-align: right; margin: 0.9rem 1.5rem 0.9rem 0; font-family: "Courier New", Courier, "Lucida Sans Typewriter", "Lucida Typewriter", monospace; font-size: 100%; }
.profile-general #profile-form input{ display:inline; }
.profile-general #profile-form input[type="text"],
.profile-general #profile-form textarea,
.profile-general #profile-form input[type="password"] { width: 40rem; background-color: white; }
.profile-general #profile-form .tagit { width: 39rem; }
.profile-general #profile-form .tag-container { padding: 10px; }
.profile-general #profile-form .tagit input { width: 39rem; }
.profile-general #profile-form input[type="submit"] { margin-right: 235px; }
.profile-general ::-webkit-input-placeholder { color: rgba(83,55,50, 0.5); }
.profile-general :-moz-placeholder { color: rgba(83,55,50, 0.5);}
.profile-general ::-moz-placeholder {  color: rgba(83,55,50, 0.5); }
.profile-general :-ms-input-placeholder {  color: rgba(83,55,50, 0.5); }
.profile-general #showPhotoModal { float: left; }

.profile-options {  width: 950px; padding: 2rem 2rem 1.7rem;}
.my-recipes, .my-menus {  width: 950px; margin-top:3rem; padding: 2rem 2rem 1.7rem;}

.my-menus .stamp { position: absolute; margin: -6.8rem 0 0 86rem; }
/**
    User detail page
**/

.udetail h1 { border-bottom: 1px solid #5c413d; padding-bottom: 0.9rem; margin-bottom: 2rem; }

/**
    Recipe list page    
**/

.recipes #page-title { text-align: left;}

/**
    Recipe detail page
**/

.rdetail h1 { border-bottom: 1px solid #5c413d; padding-bottom: 0.9rem; }
.rdetail .author { float: right; margin: 1.4rem 0 0; }
.rdetail .author.picture { margin-top: 0.5rem; }
.rdetail .author img { border-radius: 50%;vertical-align: middle;}
.rdetail .author a,
.rdetail .author a:link { text-decoration: underline; color: #e88838; }
.rdetail .author a:hover { text-decoration: underline; }

.rdetail dd { color: #e88838; }

.rdetail .top { background: url('../images/dotline-d.gif') repeat-x left bottom; margin: 0 0 2rem; }
.rdetail .column { width: 44.8rem; }
.rdetail .column.last { width: 51.2rem; margin: 0; }

.rdetail .ctop { min-height: 37.6rem; }
.rdetail .ctop.last { position: relative; min-height: 32.1rem; padding-bottom: 5.5rem; }

.rdetail .img { display: block; margin: 2rem 2rem 2rem 0; }
.rdetail .stamp { position: absolute; margin: 0 0 0 41.5rem; }

.rdetail .dl-h { display: table; width: 51.2rem; }
.rdetail .dl-h strong { color: #4f2816; font-weight: normal; }
.rdetail .dl-h dd { display: table-cell; text-align: center; border-left: 1px solid #5c413d; padding: 2.7rem 1.5rem 1.2rem; }
.rdetail .dl-h dd { font-family: Courgette, Arial; color: #5c413d; font-size: 120%; padding: 1.9rem 1.5rem 1.2rem; }
.rdetail .dl-h dd:first-child { font-size: 150%; }

.rdetail .dl-t { text-align: center; position: relative; margin: 4.7rem 0 0; padding: 2rem 0 0; height: 10rem; background: url('../images/dotline-g.gif') repeat-x left top; }
.rdetail .dl-t dt { position: absolute; margin-top: 4.2rem; left: 50%; display: block; width: 13rem; font-size: 90%; }
.rdetail .dl-t dd { font-family: Courgette, Arial; font-size: 230%; position: absolute; width: 13rem; left: 50%; display: block; }
.rdetail .dl-t .first { margin-left: -20rem; }
.rdetail .dl-t .middle { margin-left: -6.5rem; }
.rdetail .dl-t .last { margin-left: 7rem; }

.rdetail .dl-s { background: url('../images/dotline-g.gif') repeat-x left top; }
.rdetail .dl-s dd { background: url('../images/dotline-g.gif') repeat-x left bottom; padding: 1.1rem 0; }
.rdetail .dl-s strong { color: #4f2816; font-weight: normal; }

.rdetail .btn-group { position: absolute; margin: 0; right: 0; bottom: 1.7rem; }

.rdetail .content { border-bottom: 1px solid #5c413d; position: relative; margin: 4rem 0 2rem; }
.rdetail .content:before { width: 1px; height: 100%; left: 30rem; background: #5c413d; position: absolute; content: " "; }
.rdetail .content h2,
.rdetail .content .h2 { display: inline-block; border-bottom: 3px double #c2bfa6; font-size: 150%; }
.rdetail .content .column { width: 24.5rem; padding: 0 2rem 0 2rem; }
.rdetail .content .column.last { width: 57.9rem; margin-left: 4.6rem; }
.rdetail .content .caption { color: #e88838; margin: 2rem 0; }

.rdetail .content .rte strong { font-weight: bold; text-decoration: underline; }
.rdetail .content .rte ol { list-style: decimal; }

.rdetail .norecipe { padding-top: 1rem; font-size: 180%; color: #E88838; font-family: "Satisfy", cursive; }

.rdetail .morecontent {margin: 4rem 0 2rem; }
.rdetail .morecontent h2,
.rdetail .comments h2 { display: inline-block; border-bottom: 3px double #c2bfa6; font-size: 150%; }

.rdetail .comments h2 {margin: 0 0 1rem;}

.addToMenu { display:none; position: absolute; width: 29rem; padding: 1.2rem 1.6rem 1rem; background: rgb(232, 136, 56) none repeat scroll 0% 0%; color: rgb(255, 255, 255); z-index: 11; right: 10.6rem; top: 36rem; box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.2);}
.addToMenu ul li span {display:inline-block;}
.addToMenu ul li span.date {  width: 21%; overflow: auto; margin-right: 1rem;}
.addToMenu ul li span.name { overflow: hidden;white-space:nowrap;text-overflow:ellipsis;width:47%; border-bottom: 1px dotted #533732;margin-right: 1rem;}
.addToMenu ul li span.name em { opacity: 0.6;}
.addToMenu ul li span.action {overflow: auto;width: 25%;}
.addToMenu ul li span.action .minibutton {display: inline-block; margin: 0; padding: 0; width:100% }

/**
    Recipe create page
**/

.rcreate .ctop.last { padding-bottom: 1rem; }
.rcreate .hd { border-bottom: 1px solid #5c413d; overflow: hidden; padding: 0 0 0.8rem; }
.rcreate .hd label { float: left; font-size: 150%; color: #5c413d; margin-top: 0; }
.rcreate .hd label.space { margin-left: 1.5rem; }
.rcreate .hd input[type="text"] { float: left; margin: 0.4rem 0 0; width: 44%; }
.rcreate .hd input.small { width: 35%; }
.rcreate #recipeLoader { float: left; position: relative; margin: 0.9rem 0 0 -0.8rem; display: block; }
.rcreate #recipeLoader.hidden { visibility: hidden; }

.rcreate .options { display: table; width: 51.2rem; }
.rcreate .options .select { display: table-cell; max-width: 20rem; border-left: 1px solid #5c413d; padding: 1.5rem 1.1rem 0.7rem; }
.rcreate .options .select.last { padding-right: 0; }
.rcreate .options select { width: 100%; }
.rcreate .options .selector { margin-right: 0; }
.rcreate .fselect { min-width: 12rem; }

.rcreate .prep { text-align: center; position: relative; margin: 4.7rem 0 0; padding: 2rem 0 0; height: 10rem; background: url('../images/dotline-g.gif') repeat-x left top; }
.rcreate .prep .item { position: absolute; width: 13rem; left: 50%; }
.rcreate .prep label { font-family: "Courier New", Courier, "Lucida Sans Typewriter", "Lucida Typewriter", monospace; font-size: 90%; color: #5c413d; margin: 0; }
.rcreate .prep input { font-size: 230%; font-family: Courgette, Arial; text-align: inherit; width: 100%; color: #e88838; margin: 0; }
.rcreate .prep .first { margin-left: -20rem; }
.rcreate .prep .middle { margin-left: -6.5rem; }
.rcreate .prep .last { margin-left: 7rem; }

.rcreate .form { background: url('../images/dotline-g.gif') repeat-x left top; padding: 1.1rem 0; }
.rcreate .form label { font-family: "Courier New", Courier, "Lucida Sans Typewriter", "Lucida Typewriter", monospace; color: #5c413d; font-size: 100%; margin: 0 0.8rem 0 0; float: left; }
.rcreate .form .w { display: table-cell; }
.rcreate .form input,
.rcreate .form textarea { width: 100%; margin: 0; padding: 0.1rem 0; color: #e88838; width: 40rem; }
.rcreate .form textarea { resize: none; height: 17.8rem; }
.rcreate .content textarea { width: 100%; margin: 0; padding: 0.1rem 0; width: 26rem; resize: none; height: 15rem;}
.rcreate .help { font-size: 90%; font-style: italic; padding: 0.2rem 0 0; }
/*Still something to fix here... */
.rcreate ul.tagit {border: none;padding: 0.1rem 0;}
.rcreate ul.tagit input[type="text"]{background: none;border: none;margin: 0;padding: 0;width: 40rem;}
.rcreate .tagit-choice { float: left; margin: 0 0.6rem 0.4rem 0; color: #e88838; }
.rcreate .tagit-close { cursor: pointer; margin: 0 0.3rem; }
.rcreate .tagit-new { clear: both; float: none; }

.rcreate .content .column { padding-bottom: 2rem; }
.rcreate .btn-group { position: static; margin-left: 3rem; }

.rcreate .ft { margin: 0 0 1.5rem; }

.season-help { position: relative; margin-top: 0.6rem; }
.season-help > a,
.season-help > a:link { color: #5c413d; text-decoration: none; }
.season-help > a:hover { text-decoration: underline; }
.season-help .tooltip { display: none; position: absolute; width: 19rem; padding: 1.2rem 1.6rem 1rem; background: #e88838; color: #fff; z-index: 11; right: -4rem; bottom: 3.1rem; box-shadow: 0 0 5px rgba(0, 0, 0, 0.2); }
.season-help .tooltip h3 { font-family: "Courier New", Courier, "Lucida Sans Typewriter", "Lucida Typewriter", monospace; font-size: 100%; color: #fff; margin: 0 0 0.8rem; padding: 0 0 0.5rem; background: url('../images/dotline.gif') repeat-x left bottom; }
.season-help .tooltip p { font-size: 90%; margin: 0 0 1rem; }
.season-help .tooltip:before { width: 0; height: 0; bottom: -11px; left: 3rem; border-left: 11px solid transparent; border-right: 11px solid transparent; border-top: 11px solid #e88838; content: " "; position: absolute; }
.season-help .button:hover { background: #4f2816; }


/**
    Menu page
**/

.generer #page-title { text-align: left;}
.generer #page-title .xsmall { font-size: 65%; margin: 0;}

.connect-save  { background: #f6f6f4; border: 1px solid #c5c3ab; border-width: 1px 0; padding: 2rem 0 2rem 2rem; margin: 3.5rem 0; overflow: hidden; clear: both; position: relative; }
.connect-save h2 { font-family: "Satisfy",cursive; color: #e88838; font-size: 200%; background: none;  margin: 0.4rem 0 0.4rem; padding: 0; left: 2rem; }
.connect-save .buttons {display:inline;}
.connect-save .saved-shared {margin-top: 15px;}
.connect-save .column.last {margin-left: 7rem;}
.share-menu h2, .share-menu ul{ display: inline-block; list-style:initial;  }

.menu-author { padding: 1.4rem 3rem 0 3rem; vertical-align: bottom; }
.menu-author.picture { margin-top: 0.5rem; }
.menu-author img { border-radius: 50%;vertical-align: middle;}
.menu-author a,
.menu-author a:link { text-decoration: none; color: #e88838; }
.menu-author a:hover { text-decoration: underline; }

/**
    Menu print page   
**/
.mdetail h2 { border-bottom: 1px solid #5c413d; font-size: 150%; padding-bottom: 0.9rem; }
.mdetail h3 {  border-bottom: 3px double #C2BFA6; display: inline-block; font-size: 150%; background: url("../images/dotline-g.gif") repeat-x scroll left bottom rgba(0, 0, 0, 0); color: #5c413d; margin: 0 0 3rem; padding: 0 0 0.5rem;}
.mdetail .rdetail { margin-top: 3rem;}
.mdetail p.norecipe { padding-top: 1rem; font-size: 160%; color: #E88838; font-family: "Satisfy", cursive; }

/**
    Save To Calendar    
    **/

#uniform-hourDropDown {
    width: 75px !important;
}

/**
    Menu Editor
**/

#menu-editor {}
#menu-editor article {background: #f6f6f4; border: 1px solid #c5c3ab; border-width: 1px 0; padding: 1rem 1rem 1rem 1rem; margin: 1rem 0; overflow: hidden; clear: both; position: relative;}
#menu-editor article h3 { color: #5c413d; }
#menu-editor article h3.day { background: url('../images/dotline-g.gif') repeat-x left bottom; margin-bottom: 1rem;}
#menu-editor article h3.weekend { color: #e88838;}
#menu-editor article figure { float: left; margin-right: 1rem;}
#menu-editor article figure img { padding-top:0.5rem;}
#menu-editor article .edit { }
#menu-editor article .edit h3 {  }
/*#menu-editor article .edit dl.inline dt, dd{ display:inline; }*/
#menu-editor article .edit dl dd { color: #e88838;}
#menu-editor article .edit .action i { cursor: pointer; width: 29px; height: 29px; background: #fff; -webkit-border-radius: 100%; -moz-border-radius: 100%; border-radius: 100%; }

/**
    Share
**/

.share { position: relative; margin: 0 0 0; }
#main .stButton { margin: 0; }
#main .stButton .stLarge { width: 31px; height: 30px; background: url('../images/sprite-share.png') no-repeat -9999px -9999px !important; }
#main .st_twitter_large .stLarge { background-position: left top !important; }
#main .st_pinterest_large .stLarge { background-position: -31px top !important; }
#main .st_facebook_large .stLarge { background-position: -62px top !important; }

/**
    Partners    
**/

.partners h2 { margin:2rem 0 0rem; font-size: 150%; }
.partners h3 { font-size: 140%; }

/**
    RTE 
**/

.rte ul li { list-style: disc outside none; margin: 0 0 1rem 1.5rem; }
.rte ol li { list-style: decimal outside none; margin: 0 0 1rem 2.6rem; }

.pre-menu { padding: 0 20rem; text-align: center; font-size: 110%; }
.pre-menu a { color: #e88838; }

/**
    Search panel
**/

.index #page-title { color: #fff; font-size: 4.8rem; text-shadow: 0 0 16px rgba(0, 0, 0, .8); text-align: center; max-width: 35rem; margin: 2.9rem auto 2.6rem; line-height: 1; }
.index #page-title .icon { width: 79px; height: 74px; position: absolute; background: url('../images/icons.png') no-repeat -79px -32px; margin: -30px 0 0 -30px; }

#main.recipe-bg { background-size: cover; background-repeat: no-repeat; background-position: center center; border-color: #e88838; height: 593px; position: relative; }

.search-panel { background: #ede8d4 url('../images/dotline-r.png') repeat-x left bottom; max-width: 550px; margin: 0 auto; padding: 2rem 2rem 1.7rem; position: relative; color: #533732; }
.search-panel:before { content: " "; position: absolute; top: 0; left: 0; right: 0; height: 3px; background: url('../images/dotline-r.png') repeat-x left bottom; }
.search-panel h2 { font-size: 26px; color: #533732; background: none; text-align: center; margin: 0 0 .8rem; }
.search-panel .line { margin: 0 0 3px; }
.search-panel .tbl { display: table; }
.search-panel label,
.search-panel .label { clear: left; float: left; margin: 0; width: 10.5rem; padding: .9rem 0; font-size: 1.8rem; }
.search-panel .label { width: auto; font-family: Courgette, Arial; clear: none; margin: 0 1.4rem; }
.search-panel  button { background: #fff; color: #533732; box-shadow: 1px 0 2px rgba(0, 0, 0, .16); padding: 1rem 1.4rem 0.8rem; font-size: 1.4rem; margin: 0.3rem .3rem; outline: none; }
.search-panel  button:hover,
.search-panel  button.selected { background: #533732; color: #fff; box-shadow: 0 0 3px #1f0e0b inset; }
.search-panel select,
.search-panel div.selector { background: none; padding: 0; color: #533732; font-size: 1.4rem; width: auto !important; display: inline-block; margin: .9rem 0; padding: 0 22px 0 0; }
.search-panel div.selector:before { background: url('../images/icons.png') no-repeat -2px -12px; content: " "; position: absolute; top: 50%; right: 0; width: 8px; height: 10px; margin: -4px 0 0; }
.search-panel div.selector span { background: none; padding: 0; border-bottom: 1px dotted #533732; }
.search-panel div.selector span:before { display: none; }
.search-panel .datepicker { background: #fff; color: #533732; border: none; padding: 1rem 1.3rem .8rem; margin: .3rem 0; width: 11.6rem; font-size: 1.4rem; text-align: center; float: left; outline: none; }
.search-panel .datepicker:focus { background: #fff; }
.search-panel ul.tagit { border: none; overflow: hidden; background: #fff; padding: .6rem .8rem .6rem 3.9rem; margin: .4rem 1rem .4rem 0; float: left; position: relative; }
.search-panel ul.tagit:before { background: #fff url('../images/icons.png') no-repeat -2px -24px; width: 29px; height: 35px; content: " "; position: absolute; left: 0; top: 0; }
.search-panel #excludedTags.tagit:before { background-position: -31px -24px; }
.search-panel #excludedTags input[type="text"] { width: 100px; }
.search-panel ul.tagit input[type="text"] { border: none; background: none; color: #533732; }
.search-panel .actions { text-align: center; }
.search-panel #generateButton { font-family: Courgette, Arial; color: #fff; margin: 1.1rem 0 0; padding: 1.2rem 4.4rem 1.1rem 1.4rem; display: inline-block; font-size: 1.8rem; background: #e88838; box-shadow: none; position: relative; }
.search-panel #generateButton:hover { background: #f48f3b; }
.search-panel #generateButton .icon { width: 19px; height: 19px; position: absolute; right: 11px; top: 50%; margin: -9px 0 0; background: url('../images/icons.png') no-repeat -60px -24px; }
.search-panel .question-mark { margin: 7px 0 0; cursor: pointer; color: #e88838; box-shadow: 1px 0 2px rgba(0, 0, 0, .16); font-family: Courgette, Arial; text-align: center; font-size: 18px; width: 30px; height: 30px; line-height: 32px; border-radius: 50%; float: right; background: #fff; display: block; }
.search-panel .question-mark:hover { background: #533732; color: #fff; box-shadow: 0 0 3px #1f0e0b inset; }

.random-recipe { background: rgba(255, 255, 255, 0.88); width: 186px; position: absolute; right: 0; top: 31px; padding: 1.5rem 1.4rem; -webkit-transition: -webkit-transform .3s ease-in; transition: transform .3s ease-in; }
.random-recipe.loading { -webkit-transform: translateX(200%); transform: translateX(200%); }
.random-recipe.loading .button .icon { -webkit-transform: rotate(360deg); transform: rotate(360deg); }
.random-recipe .button { position: absolute; width: 32px; height: 32px; left: -32px; top: 0; font-size: 0; padding: 0; margin: 0; }
.random-recipe .button .icon { background: url('../images/icons.png') no-repeat -60px -43px; position: absolute; width: 17px; height: 20px; margin: -11px 0 0 -8px; left: 50%; top: 50%; -webkit-transform .2s ease-in; transition: transform .2s ease-in; }
.random-recipe .button:hover { padding: 0; }
.random-recipe .name { font-family: Courgette, Arial; color: #533732; font-size: 1.8rem; line-height: 1.2; display: block; text-decoration: none; margin: 0 0 .4rem; }
.random-recipe .name:hover, .random-recipe .author { color: #e88838; }

.tags-help .tooltip { display: none; position: absolute; width: 19rem; padding: 1.2rem 1.6rem 1rem; background: #e88838; color: #fff; z-index: 11; right: 0.5rem; bottom: 13rem; box-shadow: 0 0 5px rgba(0, 0, 0, 0.2); }
.tags-help .tooltip h3 { font-family: "Courier New", Courier, "Lucida Sans Typewriter", "Lucida Typewriter", monospace; font-size: 100%; color: #fff; margin: 0 0 0.8rem; padding: 0 0 0.5rem; background: url('../images/dotline.gif') repeat-x left bottom; }
.tags-help .tooltip p { font-size: 90%; margin: 0 0 1rem; }
.tags-help .tooltip:before { width: 0; height: 0; bottom: -11px; left: 18.1rem; border-left: 11px solid transparent; border-right: 11px solid transparent; border-top: 11px solid #e88838; content: " "; position: absolute; }
.tags-help .button:hover { background: #4f2816; }