/*css rules that don't need changing*/
#textarea-styled{

background-color: #DAD59D;

padding: 5px;

-webkit-box-shadow: inset 2px 2px 2px 0px #444444;
/*css for webkit based browsers like chrome*/
-moz-box-shadow: inset 2px 2px 2px 0px #444444;
/*css for firefox*/
box-shadow: inset 2px 2px 2px 0px #444444;
/*css for anything else like ie*/
}


.buttony {

background-color: #DAD59D !important;

padding-left: 7px!important;

padding-right: 7px!important;

-webkit-box-shadow: 2px 2px 2px 0px #444444!important;

-moz-box-shadow: 2px 2px 2px 0px #444444!important;

box-shadow: 2px 2px 2px 0px #444444!important;

}
.buttony:active
{color:#000 !important
}
/*Make sure that id and class names are unique so that you don't accidentally mess up someone elses code or theme
I usually pick a three letter abbreviation so that my ids and classes are unique*/
