.ngbusy { background: url(../img/busy.gif) no-repeat center center; } .ngbusy>* { opacity: 0.2; } .ngparaguestbook button:disabled { opacity: 0.2; cursor: wait; } .ngparaguestbook .ngparaguestbookcaptcha { margin-bottom: 20px; } .ngparaguestbookpost { margin-bottom: 20px; } .ngparaguestbook .ngparaguestbookformerror { font: bold 17px Montserrat,Verdana,Helvetica,sans-serif; color: #c0312d; padding: 10px; text-align: center; display: none; } .ngparaguestbook .ngguestbookthanks { padding: 10px; text-align: center; } .ngparaguestbook .ngparaguestbookconsent { margin: 0 0 20px 0; padding: 0; line-height: 1.8; } .ngparaguestbook input[type="checkbox"] { margin: 0; padding: 0; } .ngparaguestbook form { margin: 0 0 20px 0; } .ngparaguestbook input[type="text"], .ngparaguestbook input[type="email"], .ngparaguestbook textarea { box-sizing: border-box; border-color: #d5d3d0; border-width: 1px; border-style: solid; margin: 0 0 10px 0; padding: 6px 12px 6px 12px; background: #ffffff; font: 17px Montserrat,Verdana,Helvetica,sans-serif; color: #2f5760; letter-spacing: 0px; border-radius: 0px; -webkit-appearance: none; box-sizing: border-box; width: 100%; } .ngparaguestbook input[type="text"]:focus, .ngparaguestbook input[type="email"]:focus, .ngparaguestbook textarea:focus { border-color: #75756f; background: #ffffff; } .ngparaguestbook textarea { min-height: 160px; } .ngparaguestbook label { font: bold 17px Montserrat,Verdana,Helvetica,sans-serif; color: #2f5760; letter-spacing: 0px; display: block; padding: 5px 5px 5px 0; } .ngparaguestbook label.ngparaguestbookerror { color: #c0312d; } .ngparaguestbook button { margin: 0; text-decoration: none; border-color: #b4a692; border-width: 0px 14px 1px 2px; border-style: solid; padding: 15px 20px 15px 20px; background: #ffffff; font: bold 13px Montserrat,Verdana,Helvetica,sans-serif; color: #2f5760; letter-spacing: 3px; text-transform: uppercase; border-radius: 20px; display: block; cursor: pointer; float: right; -webkit-appearance: none; } .ngparaguestbook button:hover { border-color: #b4a692; background: #ffffff; font-weight: normal; font-style: normal; text-transform: uppercase; color: #2f5760; } .ngparaguestbook button:focus { outline: none; } .ngparaguestbook .ngparaguestbookpagination { padding: 10px; display: none; text-align: center; } .ngparaguestbook .ngparaguestbookpagination a { text-decoration: none; font-weight: normal; font-style: normal; color: #2f5760; padding: 0 3px; } .ngparaguestbook .ngparaguestbookpagination a.ngparaguestbookcurrent { font-weight: bold; } .ngparaguestbook .ngparaguestbookreply { padding-left: 39px; background: url(../img/reply/?f=round&c=c8a47b&s=32) 0 4px no-repeat; min-height: 39px; } .ngparaguestbook .ngparaguestbookstars { margin: 0 0 10px 0; } .ngparaguestbook .ngparaguestbookstars a { float: left; display: block; width: 20px; height: 20px; background: url(../img/stars/?f=deluxe&ca=2f5760&cb=ffffff&cc=c8a47b&cd=c8a47b) 0 0 no-repeat; } .ngparaguestbook .ngparaguestbookstars a.hover { background-position: 0 -20px; } .ngparaguestbook .ngparaguestbookstars a.selected { background-position: 0 -40px; } .ngparaguestbook .ngparaguestbookpost h3 img { width: 22px; height: 22px; padding-left: 5px; } .ngparaguestbook td { white-space: nowrap; padding: 0 6px 6px 0; vertical-align: middle; text-align: left; } .ngparaguestbook table { margin-bottom: 10px; border: 0; border-spacing: 0; } .ngparaguestbook td>div { width: 100%; background-color: #ebebeb; } .ngparaguestbook td>div>div { background-color: #c8a47b; height: 10px; } .ngparaguestbook .ngguestbooktotal { width: 100px; background: url(../img/stars/?f=deluxe&ca=2f5760&cb=ffffff&cc=c8a47b&cd=c8a47b) 0 0 repeat-x; margin-bottom: 10px; } .ngparaguestbook .ngguestbooktotal div { height: 20px; background: url(../img/stars/?f=deluxe&ca=2f5760&cb=ffffff&cc=c8a47b&cd=c8a47b) 0 -40px repeat-x; }