Sonkcss
/* This theme was built off of the Forest theme by Aidan and modified for the Wayward Society by SonKingKong. */
 
@import url('https://fonts.googleapis.com/css?family=Roboto+Slab');
@import url('https://fonts.googleapis.com/css?family=Exo:800');
 
/* New Code */
 
/* Nav */
.nav {
    margin: 0; 
    border-spacing: 0.6em; 
    background-color: #DAD7CD; 
    text-align: center; 
    background-image: url(http://wayward.wikidot.com/local--files/nav:side/BackTexture.png); 
    box-shadow: 2px 2px 4px #2C2416;
}
 
.nav-category {
    text-align: center;
}
 
.nav-item {
    vertical-align: middle; 
    text-align: center; 
    border-style: outset; 
    border-width: 2px; 
    border-color: #3B3B3B;  
    background-image: url(http://wayward.wikidot.com/local--files/nav:side/TextureTest.png); 
    box-shadow: 2px 2px 4px #2C2416; 
    height: 2em; 
    width: 12em;
}
 
.nav-bg-brown {
    background-color: #855723;
}
 
.nav-bg-orange {
    background-color: #D57500;
}
 
.nav-bg-tan {
    background-color: #DBCA69;
}
 
.nav-bg-green {
    background-color: #668D3C;
}
 
.nav-bg-red {
    background-color: #843B1B;
}
 
/* End Nav */
 
/* Infobox */
 
.infobox {
    margin: 0 auto; 
    width: 34.25em;    
}
 
.infobox-old {
    width: 330px;
    float: left;
    margin-right: 0.6em;
    padding: 0.125em 0;
}
 
.infobox-cell {
    background-color: #a39f6d; 
    text-align: center;
    vertical-align: center;
}
 
.infobox-cell-old {
    background-color: #a39f6d; 
    text-align: center;
    padding: 0;
    display: block;
    width: 330px;
    margin: 0 auto;
}
 
.infobox-image {
    margin: 0 auto; 
    max-width: 38.75em;
    margin-bottom: 0;
}
 
.infobox-cap-cell {
    text-align: center;
    vertical-align: center;
    font-style: italic;
    padding: 0;
}
 
.infobox-main-image-cell {
    padding: 1px 0;
    max-height: 18.75em;
    text-align: center;
}
 
.infobox-main-image-cell-old {
    padding: 0;
    width: 330px;
    text-align: center;
}
 
.infobox-meta-image-cell {
    padding: 0 2px;
    width: 20em;
    text-align: center;
}
 
.infobox-meta-image-cell-old {
    padding: 0;
    width: 330px;
    text-align: center;
}
 
.infobox-name-cell {
    text-align: center;
    font-style: italic;
}
 
.type-Cryptid {
    background: url(http://wayward.wikidot.com/local--files/aberration:_sonkbox/CryptidType.png) no-repeat;
    -webkit-background-size: contain;
    background-size: contain;
    height: 59px;
}
 
.type-Artifact {
    background: url(http://wayward.wikidot.com/local--files/aberration:_sonkbox/ArtifactType.png) no-repeat;
    background-size: contain;
    height: 59px;
}
 
.type-Metaph {
    background: url(http://wayward.wikidot.com/local--files/aberration:_sonkbox/MetaphType.png) no-repeat;
    background-size: contain;
    height: 59px;
}
 
.type-Spectre {
    background: url(http://wayward.wikidot.com/local--files/aberration:_sonkbox/SpectreType.png) no-repeat;
    background-size: contain;
    height: 59px;
}
 
.type-Evergreen {
    background: url(http://wayward.wikidot.com/local--files/aberration:_sonkbox/EvergreenType.png) no-repeat;
    background-size: contain;
    height: 59px;
}
 
.threat-White {
    background: url(http://wayward.wikidot.com/local--files/aberration:_sonkbox/WhiteThreat.png) no-repeat;
    background-size: contain;
    height: 56px;
}
 
.threat-Blue {
    background: url(http://wayward.wikidot.com/local--files/aberration:_sonkbox/BlueThreat.png) no-repeat;
    background-size: contain;
    height: 56px;
}
 
.threat-Orange {
    background: url(http://wayward.wikidot.com/local--files/aberration:_sonkbox/OrangeThreat.png) no-repeat;
    background-size: contain;
    height: 56px;
}
 
.threat-Red {
    background: url(http://wayward.wikidot.com/local--files/aberration:_sonkbox/RedThreat.png) no-repeat;
    background-size: contain;
    height: 56px;
}
 
.threat-Black {
    background: url(http://wayward.wikidot.com/local--files/aberration:_sonkbox/BlackThreat.png) no-repeat;
    background-size: contain;
    height: 56px;
}
 
.active-Prominent {
    background: url(http://wayward.wikidot.com/local--files/aberration:_sonkbox/ActiveProminent.png) no-repeat;
    background-size: contain;
    height: 86px;
}
 
.active-Unknown {
    background: url(http://wayward.wikidot.com/local--files/aberration:_sonkbox/ActiveUnknown.png) no-repeat;
    background-size: contain;
    height: 86px;
}
 
.active-Pacified {
    background: url(http://wayward.wikidot.com/local--files/aberration:_sonkbox/InactivePacified.png) no-repeat;
    background-size: contain;
    height: 86px;
}
 
.active-Destroyed {
    background: url(http://wayward.wikidot.com/local--files/aberration:_sonkbox/InactiveDestroyed.png) no-repeat;
    background-size: contain;
    height: 86px;
}
 
/* End Infobox */
 
/* End New Code */
 
/* ### Global ############################### */
/* Personal classes and the like in here too (e.g. dropcap class) */
body {
    margin: 0px;
    background-image: linear-gradient(#6f6c48, #322b15);
    font-size: 90%;
    font-family: 'Roboto Slab', serif;
    color: #322E1E;
    /*
    border: 60px solid transparent;
    border-top: 0px solid transparent;
    border-bottom: 0px solid transparent;
    border-image: url(http://wayward.wikidot.com/local--files/admin:sonkcss/repeatingtile.png) 10 212 10 212 repeat;
    */
}
 
a {
    //color: #456f14;
    color: #091501;
    text-decoration: none;
    font-weight: bold;
}
 
a:visited {
    color: #091501;
    text-decoration: none
}
 
a:hover {
    color: #192902;
    background-color: #F0EDDC;
}
 
a:newpage {
    color: #9B1701;
}
 
.input {
    background-color: rgb(192, 196, 158);
}
 
/* D R O P C A P */    
.drop {
    float: left;
    font-size: 3em;
        background-color: #192902;
    color: #EECB02;
    padding: 5px;
    margin: 5px 10px 5px 0px;
    font-family: "Copperplate Gothic";
    border: 1px solid #315203;
    text-align: center;
}
 
/* ###### Headers ########################### */
h1, h2, h3, h4, h5, h6 {
    font-weight: bold;
    letter-spacing: 0.2em;
    font-family: optima, arial, sans-serif;
    padding: 0px 0px 0px 10px;
}
 
h1, h2 {
    background: #483F16;
    color: #E2DBBA;
}
 
h2 {
    padding-left: 5px;
}
 
h3, h4 {
    border-bottom: 1px solid #315203;
    background: transparent url("/local--files/forest/leaf-Gn.png") 5px center no-repeat;
    color: #315203;
    padding-left: 0;
}
 
h5, h6 {
    text-decoration: none;
    background: transparent url("/local--files/forest/leaf-Gn.png") 5px center no-repeat;
    color: #315203;
    padding-left: 0;
}
 
h4, h5 {
    font-size: 120%;
}
 
h2, h3 {
    font-size: 140%
}
 
h1 {
    font-size: 160%;
    font-variant: small-caps;
}
 
/* ### Layout  ############################## */
/* ###### Banner ############################ */
 
#header, #top-bar {
    color: #483F16;
    margin: auto;
    width: 90%;
    max-width: 1200px;
}
 
#header {
    background-image: url(http://wayward.wikidot.com/local--files/start/WaywardSmol.png);
    background-position-y: center; 
    background-color: transparent;
    background-repeat: no-repeat;
    position: relative;
    height: 130px;
}
 
#header h1 {
    padding-top: 30px;
    background-image: none;
    margin: 0 auto;
    margin-left: 110px;
    font-family: 'Exo', sans-serif;
    color: #C5B876;
    font-weight: normal;
    font-size: 220%;
    background-color: transparent;
    text-shadow: 2px 2px 2px #483F16;
}
 
#header h1 a,#header h1 a:hover {
    color: #C5B876;
    font-family: 'Exo', sans-serif;
    background-color: transparent;
}
 
#header h2 {
    font-size: 130%;
    margin: 0 auto;
    margin-left: 110px;
    font-family: 'Exo', sans-serif;
    background: none;
    color: #C5B876;
    font-size: 130%;
    padding-left: 0;
    text-shadow: 2px 2px 2px #483F16;
}
 
/* ###### Main Content ###################### */
#page-title {
    margin:25px 0 10px; 
    background: url("/local--files/forest/leaf-Gn.png") 5px 30px no-repeat;
    padding-left: 0;
    color: #315203;
    border-bottom: 1px solid #C5B876;
}
 
#content-wrap {
    margin: 0 auto;
    width: 90%;
    max-width: 1200px;
    margin-top: 2.5em;
} 
 
#main-content {
    background-image: url(http://wayward.wikidot.com/local--files/nav:side/PaperTexture.png);
    background-color: #DAD7CD;
    margin-top: 2.2em;
    margin-left: 242px;
    color: #322E1E;
    border: 2px solid #917e68;
}
 
#main-content a {
    color: #c16512;
}
 
#main-content h1 {
    font-size: 175%;
    padding-left: 1em;
}
 
blockquote {
    border: none;
    background-color: #EEF5DB;
    border-left: 10px solid #917e68;
    display: inline-block;
}
 
blockquote p {
    background-color: #EEF5DB;
        padding-left: 5px;
}
 
.page.tags span {
    border-top: 1px solid ##C5B876;
}
 
#license-area {
    color: #635C3B;
}
 
/* ###### Footer ############################ */
#footer {
    background-color: #192902;
    padding-top: 3px;
    padding-bottom: 3px;
    border-top: 2px solid #315203;
    color: #E2DBBA;
    text-align: left;
 
}
#footer p {
    padding-right: 100px;
    margin: 0px;
}
#footer a {
    color: #98A881;
}
#footer a:hover {
    border-bottom: 0px;
}
 
.page-options-bottom a, a.action-area-close{
    color: #635C3B;
    background-color: #E2DBBA; 
    text-decoration: none;
}
 
.page-options-bottom a:hover{
    background-color: #F0EDDC; 
}
 
#license-area {
     color: #483F16;
}
/* ### Navigation Elements ################## */
/* ###### Account ########################### */
#header #login-status, #login-status a, #login-status a:hover {
    color: #483F16;
    background-color: transparent;
    font-weight:bold;
}
 
#account-options {
    background-color: #192902;
    border: 1px solid #E2DBBA;
}
 
#account-options li a {
    color: #98A881
}
 
#account-options li a:hover {
    color: #EECB02;
}
 
#account-options a, a#account-topbutton{
    color: #EECB02;
    font-weight: normal;
    background-color: transparent;
}
 
#account-options #account-options, a#account-topbutton{
    background-color: transparent;
    border-style: none;
    color: #EECB02;
}
 
#account-topbutton {
    background-color: #F0EDDC;
    border: 1px solid #C5B876;
}
 
/* ###### Top Bar ########################### */
#search-top-box{
}
 
#search-top-box input.empty {
    color: #E2DBBA;
}
 
#top-bar  {
    margin-top: 5px;
    color: #98A881;
    left: 0;
    top: 125px;
    width: 100%;
}
 
#top-bar ul li {
    padding-top: 0.25em;
    float: none;
    display: inline-block;
    margin: 0 auto;
    font-family: 'Exo', sans-serif;
    background-color:#483f1600;
}
 
#top-bar ul {
    text-align: right;
    //float: right;
    //background-color:#192902;
    background-color: #483F16;
    height:25px;
    padding: 0.025em 0;
    margin: 0 auto;
    width: 100%;
    max-width: 1200px;
    box-shadow: inset 0 1px 6px rgb(162, 146, 123), inset 0 -2px 3px rgb(41, 34, 19), 0 1px 1px rgb(6, 5, 5);
}
 
#top-bar li ul {
    border: none;
    width: 0;
}
 
#top-bar  a, #top-bar li ul li a {
    font-size: 90%;
    color: #DAD7CD;
    text-decoration: none;
    //background-color:#192902;
    background-color:#483f16;
}
#top-bar a:hover, #top-bar li ul li a:hover {
    text-decoration: underline;
    background-color:#192902;
}
 
#top-bar li a {
    padding: .15em 1em;
    background-color:#483f1600;
}
 
/* ###### Side Bar ########################## */
#side-bar {
    width: 200px;
    float: left;
    background-color: #483F16;
    color: #322E1E;
    margin: 0 0.1em;
    box-shadow: inset 0 1px 6px rgb(162, 146, 123), inset 0 -2px 3px rgb(41, 34, 19), 0 1px 1px rgb(6, 5, 5);
}
 
#side-bar ul{
    display: block;
    padding: 0;
    list-style-image: url("/local--files/forest/leaf-DkBg.png");
}
#side-bar ul li{
    margin: 0;
    display:block;
}
 
#side-bar li a {
    margin: 0;
    padding-top: 2px;
    padding-bottom: 2px;
    display: block;
    padding-left: 10px;
    border-bottom: 1px solid #C5B876;
    border-top: 0;
    color: #322E1E;
    text-decoration: none;
}
#side-bar li a:hover {
    background-color: #F0EDDC;
}
 
#side-bar p {
    margin: 0px;
    margin-bottom: 3px;
}
 
/* ### Interface Elements ################### */
.edit-section-button {
     background-color: #F0EDDC;
}
 
.edit-section.content {
     border: 1px solid #CD8B80;
}
 
.change-textarea-size a {
     color: #322E1E;
     background-color: #F0EDDC;
     border: 1px solid #C5B876;
}
 
.preview-message {
     border: 1px dashed #C5B876;
     background-color: #E6C5BF;
}
 
#page-version-info {
     border: 1px dashed #C5B876;
     background-color: #E6C5BF;
}
 
#lock-info {
     background-color: #E2DBBA;
     border: 1px solid #C5B876;
}
 
a.action-area-close:hover {
     background-color: #E2DBBA;
}
 
/* ### Wiki-Specific Elements ############### */
table.wiki-content-table td {
     border: 1px solid #635C3B;
}
 
table.wiki-content-table th {
     border: 1px solid #635C3B;
     background-color: #F0EDDC;
}
 
#toc {
     border: 1px dashed #315203;
     background-color: #F0EDDC;
}
 
.code{
    background-color: #F0EDDC;
     border: 1px dashed #C5B876;
}
 
div.wiki-note {
     border: 1px solid #C5B876;
}
 
.gallery-item {
     border: 1px solid #F0EDDC;
}
 
/* ###### History ########################### */
table.page-history td.optionstd a {
     border: 1px solid #635C3B;
}
 
.diff-table td.from, .diff-table td.to {
     border: 1px dashed #635C3B;
}
 
.inline-diff ins {
     background-color: #98A881;
}
 
.inline-diff del {
     background-color: #CD8B80;
}
 
table.page-compare td, table.page-compare th {
     border: 1px solid #635C3B;
}
 
.page-source {
     border: 1px dashed #635C3B;
}
 
.wiki-parse-error {
     color: #9B1701;
}
 
.pager a {
     border: 1px solid #635C3B;
}
 
.pager .current {
     background-color: #C5B876;
     color: #322E1E;
     border: 1px solid #322E1E;
}
 
/* ###### Files ############################# */
table.page-files .highlight {
     background-color: #F0EDDC;
}
 
/* ###### Avatar ############################ */
a.avatar-hover, a.avatar-hover:hover {
     color: #322E1E;
}
 
/* ###### Inline Widgets #################### */
.error-inline, .error-block {
     color: #9B1701;
     border: 1px solid #9B1701;
}
 
.warning-block {
     border: 1px solid #EECB02;
     color: #322E1E;
}
 
.help-block {
     border: 1px solid #98A881;
     color: #192902;
}
 
/* ###### Private Messages ################## */
.pmessage .header {
     border: 1px solid #C5B876;
     background-color: #F0EDDC;
}
 
/* ### Forms ################################ */
table.form.grid td, table.form.grid th {
     border: 1px solid #C5B876;
}
 
table.form td div.sub, form div.sub {
     color: #635C3B;
}
 
table.form tr.invalid-value-row td {
     background-color: #F6E580;
}
 
table.form div.field-error-message, tr.invalid-value-row div.field-error-message {
     color: #9B1701;
}
 
hr {
     color: #F0EDDC;
     background-color: #C5B876;
}
 
/* ###### Form Elements ##################### */
div.buttons input, input.button, button, file, a.button {
     background-color: #E2DBBA;
     color: #322E1E;
     border: 1px solid #C5B876;
}
 
div.buttons input:hover, input.button:hover, button:hover, a.button:hover {
     background-color: #F0EDDC;
     color: #635C3B;
}
 
input.button.disabled, div.buttons input.disabled {
     background-color: #F0EDDC;
     color: #635C3B; 
}
 
input.checkbox {
     background-color: #F0EDDC;
     color: #322E1E; 
}
 
input.text, textarea, select {
     border: 1px solid #C5B876;
     background-color: #F0EDDC;
     color: #322E1E; 
}
 
input.text.invalid {
     border-color: #9B1701;
}
 
div.note {
     border: 1px solid #F0EDDC;
     background-color: #E2DBBA;
}
 
div.note-block {
     border: #9B1701;
}
 
/* ###### Useful Elements ################### */
div.site-list-item:hover {
     background-color: #F0EDDC;
}
 
.search-highlight {
     background-color: #EECB02;
}
 
.self-ads {
     border: 1px solid #C5B876;
}
 
/* ### Other Widgets ######################## */
/* ###### Foldable Lists #################### */
div.foldable-list-container li.folded {
     color: #9B1701;
}
 
div.foldable-list-container li.unfolded {
     color: #315203;
}
 
/* ###### Tabview ########################### */
.yui-navset .yui-nav a,
.yui-navset .yui-navset-top .yui-nav a {     
     background-color: #E2DBBA;
     border-color: #C5B876;
     color: #322E1E;
}
 
.yui-navset .yui-nav a em,
.yui-navset .yui-navset-top .yui-nav a em {        
     border-color: #C5B876;
}
 
.yui-navset .yui-nav .selected a, .yui-navset .yui-nav .selected a:focus, .yui-navset .yui-nav .selected a:hover {
     background-color: #98A881;
     color: #322E1E;
}
 
.yui-navset .yui-nav a:hover,
.yui-navset .yui-nav a:focus {
     background-color: #315203;
}
 
.yui-navset .yui-nav .selected a,
.yui-navset .yui-nav .selected a em {
      border-color: #192902;
}
 
.yui-navset .yui-content {
     background-color: #E2DBBA;
}
 
.yui-navset .yui-content,
.yui-navset .yui-navset-top .yui-content {
     border: 1px solid #C5B876;
     border-top-color: #192902;
}
 
.yui-navset-left .yui-content {
     border: 1px solid #C5B876;
     border-left-color: #192902;
}
 
.yui-navset-bottom .yui-content,
.yui-navset .yui-navset-bottom .yui-content {
     border: 1px solid #C5B876;
     border-bottom-color: #192902;
}
 
/* ###### Included Files #################### */
###### text_highlighter.css ############## */
.hl-default {
color: #322E1E;
}
 
.hl-code {
color: #322E1E;
}
 
.hl-brackets {
color: #322E1E;
}
 
.hl-comment {
color: #315203;
}
 
.hl-quotes {
color: #4E0C01;
}
 
.hl-string {
color: #4E0C01;
}
 
.hl-identifier {
color: #322E1E;
}
 
.hl-builtin {
color: #315203;
}
 
.hl-reserved {
color: #987F81;
}
 
.hl-inlinedoc {
color: #4E0C01;
}
 
.hl-var {
color: #315203;
}
 
.hl-url {
color: #4E0C01;
}
 
.hl-special {
color: #4E0C01;
font-weight: bold;
}
 
.hl-number {
color: #4E0C01;
}
 
.hl-inlinetags {
color: #F6E580;
font-weight: bold;
}
 
.hl-gutter {
background-color: #E2DBBA;
color: #F0EDDC
}
 
###### autocomplete.css ################## */
.yui-ac-content{
     border:1px solid #192902;
     background:#322E1E;
}
 
.autocomplete-list li.yui-ac-highlight {
     background-color: #F0EDDC;
}
 
/* ### Forum ################################ */
.forum-group div.head{
     background-color: #315203;
     color: #E2DBBA;
     border: 1px solid #192902;
}
 
.forum-group table td{
     border: 1px solid #F0EDDC;
}
 
.forum-group table td.name .description{
     color: #C5B876;
}
 
.forum-group table tr.head td{
     background-color: #F0EDDC;
}
 
/* ###### Category View ##################### */
.forum-category-box .description-block{
     border: 1px solid #E2DBBA;
     background-color: #F0EDDC;
}
.forum-category-box .description-block .statistics{
     color: #C5B876;
}
 
.forum-category-box table{
     border: 1px solid #E2DBBA;
}
.forum-category-box table td{
     border: 1px solid # F0EDDC;
}
.forum-category-box table tr.head td{
     background-color: # F0EDDC;
}
.forum-category-box table td.name .description{
     color: # C5B876;
}
 
/* ###### New Thread ######################## */
.forum-new-thread-box .description{
     border: 1px solid #E2DBBA;
     background-color: #F0EDDC;
}
.forum-new-thread-box .description .statistics{
     color: # C5B876;
}
 
/* ###### Thread View ####################### */
.forum-thread-box .description-block{
     border: 1px solid # E2DBBA;
     background-color: #F0EDDC;
}
.forum-thread-box .description-block .head{
     color: # C5B876;
}
.forum-thread-box .description-block .statistics{
     color: # C5B876;
}
 
.forum-thread-box .action-area{
     border: 1px solid # F0EDDC;
}
 
.thread-container .post .options a{
     color: #98A881;
}
.thread-container .post .head{
     background-color: # F0EDDC;
}
 
.thread-container .post .long .changes a {
     color: #98A881;
}
 
.thread-container .post .short{ display: none;
     background-color: # F0EDDC;
}
 
.thread-container .post .short .options{
     color: #98A881;
}
 
.post-container.fordelete{
     border: 2px solid #CD8B80;
}
 
div.new-post a{
     border: 1px solid #E2DBBA;
     background-color: # F0EDDC;
}
 
/* ###### Recent Posts ###################### */
.forum-mini-stat .item .info{
     color: # C5B876;
}
 
/* ### editor.css ########################### */
.wd-editor-toolbar-panel a{
background-color: #F0EDDC;
}
.wd-editor-toolbar-panel a:hover{
border-color: #315203;
}
 
.wd-editor-toolbar-panel ul li:hover ul, .wd-editortoolbar-
panel ul li.sfhover ul {
     background-color: #322E1E;
     border: 2px solid #192902;
}
.wd-editor-toolbar-panel li.hseparator{
     background-color: #322E1E;
}
 
/* ### odialog.css ########################## */
.odialog-shader{
     background-color: #322E1E;
}
 
.owindow{
     background-color: #F0EDDC;
     border: 2px solid #E2DBBA;
}
 
.owindow .title{
     background-color: #F0EDDC;
}
 
.owindow .button-bar a{
     background-color: #F0EDDC;
     border: 1px solid #E2DBBA;
}
.owindow .button-bar a:hover{
     background-color: #E2DBBA;
}
 
/* ###### Different Boxes / Dialogs ######### */
.box444{
     background-color: #F0EDDC;
}
 
.box444 .button-bar{
     background-color: # F0EDDC;
}
 
.hovertip{
     border: 2px solid #C5B876;
     background-color: # F0EDDC;
}
 
/* ### Jquery Lightbox ###################### */
#lightbox-container-image-box {
     background-color: #F0EDDC;
}
 
#lightbox-container-image-data-box {
     background-color: # F0EDDC;
}
 
#lightbox-container-image-data {
     color: #C5B876;
}
 
/* ### Navi Bar ############################# */
#navi-bar {
     background-color: #E2DBBA;
     color: #322E1E;
}
 
#navi-bar a {
     color: #315203;
}
 
#navi-bar .new-site input.empty{
     color: #C5B876;
}
 
#navi-bar .action-buttons {
     color: #322E1E;
}
 
#navi-bar .action-buttons a {
     color: #322E1E;
}
 
#navi-bar .join {
     color: #322E1E;
}
 
#navi-bar .random-site {
     background-color: #F0EDDC;
     color: #322E1E;
}
 
#navi-bar .random-site:hover {
     border-color: #322E1E;
}
 
/* ### Promo Footer ######################### */
#footer-bar {
border-top: 1px solid #E2DBBA;
}
.form-table .form-error {
border: 1px dotted #CD8B80;
}
 
.form-table .form-hinted {
color: #C5B876;
}
 
.form-table .form-message {
color: #315203;
}