img.small-emoticon-image {
 height: 16px;
 width: 16px;
}

img.large-emoticon-image {
 height: 24px;
 transition: 0.2s;
 width: 24px;
}

img.large-emoticon-image:hover {
 height: 24px;
 opacity: 0.7;
 transition: 0.2s;
 width: 24px;
}

img.token-image {
 height: 30px;
 width: 90px;
}

form {
 margin-left: auto;
 margin-right: auto;
 width: 90%;
}

div.author-entry {
 background-color: #ffffff;
 border-color: #ffffff;
 border-radius: 5px;
 border-style: solid;
 border-width: 1px;
 color: #000000;
 font-family: 'Roboto','Helvetica','Arial';
 font-size: 14px;
 letter-spacing: 1px;
 margin-bottom: 10px;
 margin-left: auto;
 margin-right: auto;
 margin-top: 10px;
 padding-bottom: 10px;
 padding-left: 10px;
 padding-right: 10px;
 padding-top: 10px;
 text-align: center;
}

div.entry {
 background-color: #f2f4f5;
 border-color: #c7c9cd;
 border-radius: 5px;
 border-style: solid;
 border-width: 1px;
 color: #000000;
 font-family: 'Roboto','Helvetica','Arial';
 font-size: 14px;
 letter-spacing: 1px;
 margin-bottom: 10px;
 margin-left: auto;
 margin-right: auto;
 margin-top: 10px;
 padding-bottom: 10px;
 padding-left: 10px;
 padding-right: 10px;
 padding-top: 10px;
 text-align: center;
}

div.input-data {
 background-color: #ffffff;
 border-color: #ffffff;
 border-radius: 5px;
 border-style: solid;
 border-width: 1px;
 color: #000000;
 font-family: 'Roboto','Helvetica','Arial';
 font-size: 14px;
 letter-spacing: 1px;
 margin-bottom: 10px;
 margin-left: auto;
 margin-right: auto;
 margin-top: 10px;
 padding-bottom: 10px;
 padding-left: 10px;
 padding-right: 10px;
 padding-top: 10px;
 text-align: center;
}

div.error {
 background-color: #fdf2f2;
 border-color: #f9d9d9;
 border-radius: 5px;
 border-style: solid;
 border-width: 1px;
 color: #000000;
 font-family: 'Roboto','Helvetica','Arial';
 font-size: 14px;
 letter-spacing: 1px;
 margin-bottom: 10px;
 margin-left: auto;
 margin-right: auto;
 margin-top: 10px;
 padding-bottom: 10px;
 padding-left: 10px;
 padding-right: 10px;
 padding-top: 10px;
 text-align: center;
}

div.success {
 background-color: #f6fcf3;
 border-color: #e5f6dc;
 border-radius: 5px;
 border-style: solid;
 border-width: 1px;
 color: #000000;
 font-family: 'Roboto','Helvetica','Arial';
 font-size: 14px;
 letter-spacing: 1px;
 margin-bottom: 10px;
 margin-left: auto;
 margin-right: auto;
 margin-top: 10px;
 padding-bottom: 10px;
 padding-left: 10px;
 padding-right: 10px;
 padding-top: 10px;
 text-align: center;
}

span.required-field {
 color: #ff4081;
 font-family: 'Roboto','Helvetica','Arial';
 font-size: 14px;
 font-weight: bold;
 text-align: center;
}

span.nick-and-email {
 color: #000000;
 font-family: 'Roboto','Helvetica','Arial';
 font-size: 14px;
 font-weight: bold;
 text-align: center;
}

span.date {
 color: #000000;
 font-family: 'Roboto','Helvetica','Arial';
 font-size: 14px;
 text-align: center;
}

span.edit-entry {
 color: #000000;
 font-family: 'Roboto','Helvetica','Arial';
 font-size: 14px;
 text-align: center;
}

span.delete-entry {
 color: #000000;
 font-family: 'Roboto','Helvetica','Arial';
 font-size: 14px;
 text-align: center;
}

input.guestbook-form {
 background-color: #f2f4f5;
 border-color: #c7c9cd;
 border-radius: 5px;
 border-style: solid;
 border-width: 1px;
 color: #808080;
 font-family: 'Roboto','Helvetica','Arial';
 font-size: 14px;
 letter-spacing: 1px;
 margin-bottom: auto;
 margin-left: auto;
 margin-right: auto;
 margin-top: auto;
 outline: none;
 padding-bottom: 10px;
 padding-left: 10px;
 padding-right: 10px;
 padding-top: 10px;
 text-align: center;
 transition: 0.2s;
 width: 300px;
}

input.guestbook-form:focus {
 background-color: #f7f9fc;
 border-color: #c7c9cd;
 border-radius: 5px;
 border-style: solid;
 border-width: 1px;
 box-shadow: 0px 0px 1px #c7c9cd;
 color: #000000;
 font-family: 'Roboto','Helvetica','Arial';
 font-size: 14px;
 letter-spacing: 1px;
 margin-bottom: auto;
 margin-left: auto;
 margin-right: auto;
 margin-top: auto;
 outline: none;
 padding-bottom: 10px;
 padding-left: 10px;
 padding-right: 10px;
 padding-top: 10px;
 text-align: center;
 width: 300px;
}

input.send-data {
 background-color: #ffffff;
 border-color: #9b9b9b;
 border-radius: 5px;
 border-style: solid;
 border-width: 1px;
 color: #000000;
 height: 35px;
 outline: none;
 margin-bottom: 10px;
 margin-left: 0px;
 margin-right: 0px;
 margin-top: 10px;
 padding-bottom: 5px;
 padding-left: 10px;
 padding-right: 10px;
 padding-top: 5px;
 text-decoration: none;
 transition: 0.2s;
}

input.send-data:visited {
 background-color: #ffffff;
 border-color: #9b9b9b;
 border-radius: 5px;
 border-style: solid;
 border-width: 1px;
 color: #000000;
 height: 35px;
 outline: none;
 margin-bottom: 10px;
 margin-left: 0px;
 margin-right: 0px;
 margin-top: 10px;
 padding-bottom: 5px;
 padding-left: 10px;
 padding-right: 10px;
 padding-top: 5px;
 text-decoration: none;
 transition: 0.2s;
}

input.send-data:hover {
 background-color: #e9ebee;
 border-color: #9b9b9b;
 border-radius: 5px;
 border-style: solid;
 border-width: 1px;
 color: #000000;
 height: 35px;
 outline: none;
 margin-bottom: 10px;
 margin-left: 0px;
 margin-right: 0px;
 margin-top: 10px;
 padding-bottom: 5px;
 padding-left: 10px;
 padding-right: 10px;
 padding-top: 5px;
 text-decoration: none;
 transition: 0.2s;
}

input.send-data:active {
 background-color: #dddddd;
 border-color: #9b9b9b;
 border-radius: 5px;
 border-style: solid;
 border-width: 1px;
 color: #000000;
 height: 35px;
 outline: none;
 margin-bottom: 10px;
 margin-left: 0px;
 margin-right: 0px;
 margin-top: 10px;
 padding-bottom: 5px;
 padding-left: 10px;
 padding-right: 10px;
 padding-top: 5px;
 text-decoration: none;
 transition: 0.2s;
}

textarea.guestbook-form {
 background-color: #f2f4f5;
 border-color: #c7c9cd;
 border-radius: 5px;
 border-style: solid;
 border-width: 1px;
 color: #808080;
 font-family: 'Roboto','Helvetica','Arial';
 font-size: 14px;
 height: 200px;
 letter-spacing: 1px;
 line-height: 23px;
 margin-bottom: auto;
 margin-left: auto;
 margin-right: auto;
 margin-top: auto;
 outline: none;
 overflow: hidden;
 padding-bottom: 10px;
 padding-left: 10px;
 padding-right: 10px;
 padding-top: 10px;
 resize: none;
 text-align: center;
 transition: 0.2s;
 width: 90%;
 max-width: 1115px;
}

textarea.guestbook-form:focus {
 background-color: #f7f9fc;
 border-color: #c7c9cd;
 border-radius: 5px;
 border-style: solid;
 border-width: 1px;
 box-shadow: 0px 0px 1px #c7c9cd;
 color: #000000;
 font-family: 'Roboto','Helvetica','Arial';
 font-size: 14px;
 height: 200px;
 letter-spacing: 1px;
 line-height: 23px;
 margin-bottom: auto;
 margin-left: auto;
 margin-right: auto;
 margin-top: auto;
 outline: none;
 overflow: hidden;
 padding-bottom: 10px;
 padding-left: 10px;
 padding-right: 10px;
 padding-top: 10px;
 resize: none;
 text-align: center;
 width: 90%;
 max-width: 1115px;
}

@media only screen and (max-width: 500px) {
input.guestbook-form {
 width: 80%;
 max-width: 300px;
}

input.guestbook-form:focus {
 width: 80%;
 max-width: 300px;
}
}