I need help customizing CSS for the Slide In plugin

I need help customizing this CSS for my slide in. I have tried to customize it but have not gotten it to work.

`/* Basic Grey */
.wdsi-slide-content {
max-width: 500px;
background: #F7F7F7;
padding: 25px 15px 25px 10px;
font: 12px Georgia, \\\"Times New Roman\\\", Times, serif;
color: #888;
text-shadow: 1px 1px 1px #FFF;
border:1px solid #E4E4E4;
.wdsi-slide-content h1 {
font-size: 25px;
padding: 0px 0px 10px 40px;
display: block;
border-bottom:1px solid #E4E4E4;
margin: -10px -15px 30px -10px;;
color: #888;
.wdsi-slide-content h1>span {
display: block;
font-size: 11px;
.wdsi-slide-content label {
display: block;
margin: 0px;
.wdsi-slide-content label>span {
float: left;
width: 20%;
text-align: right;
padding-right: 10px;
margin-top: 10px;
color: #888;
.wdsi-slide-content input[type=\\\"text\\\"], .wdsi-slide-content input[type=\\\"email\\\"], .wdsi-slide-content textarea, .wdsi-slide-content select {
border: 1px solid #DADADA;
color: #888;
height: 30px;
margin-bottom: 16px;
margin-right: 6px;
margin-top: 2px;
outline: 0 none;
padding: 3px 3px 3px 5px;
width: 70%;
font-size: 12px;
box-shadow: inset 0px 1px 4px #ECECEC;
-moz-box-shadow: inset 0px 1px 4px #ECECEC;
-webkit-box-shadow: inset 0px 1px 4px #ECECEC;
.wdsi-slide-content textarea #e_newsletter_email{
padding: 5px 3px 3px 5px;
.wdsi-slide-content select {
background: #FFF url(\\\'down-arrow.png\\\':wink: no-repeat right;
background: #FFF url(\\\'down-arrow.png\\\':wink: no-repeat right);
-moz-appearance: none;
text-indent: 0.01px;
text-overflow: \\\'\\\';
width: 70%;
height: 35px;
line-height: 25px;
.wdsi-slide-content textarea{
.wdsi-slide-content .button {
background: #E27575;
border: none;
padding: 10px 25px 10px 25px;
color: #FFF;
box-shadow: 1px 1px 5px #B6B6B6;
border-radius: 3px;
text-shadow: 1px 1px 1px #9E3F3F;
cursor: pointer;
.wdsi-slide-content .button:hover {
background: #CF7A7A