body {

background-color: #fff;
color: #333;

}

body, p, ol, ul, td {

font-family: helvetica, verdana, arial, sans-serif;
font-size: 13px;
line-height: 18px;
margin: 33px;

}

pre {

background-color: #eee;
padding: 10px;
font-size: 11px;

}

a {

color: #000;

}

a:hover {

color: #fff;
background-color: #000;

}

table{

border: 1px solid #cccccc;
border-spacing: 0px;
width: 95%;
left: 10%;

} th {

 border-bottom: 1px solid #cccccc;
height: 15px;

}

td {

padding-bottom: 7px;
padding-left: 5px;
padding-right: 5px;
font-family: helvetica, verdana, arial, sans-serif;
border-left: none;
border-bottom: 1px solid #cccccc;
border-right: 1px solid #cccccc;
vertical-align: top;
font-size: 13px;
color: inherit;
border-top: solid 1px transparent;
white-space: normal;

}

tr:nth-child(even) {

background: #f2f2f2

} tr:nth-child(odd) {

background: #FFF

} tr:hover{

background: rgba(209, 209, 224, 0.5);

}

div.field, div.actions {

margin-bottom: 10px;

}

notice {

color: green;

}

.field_with_errors {

padding: 2px;
background-color: red;
display: table;

}

error_explanation {

width: 450px;
border: 2px solid red;
padding: 7px;
padding-bottom: 0;
margin-bottom: 20px;
background-color: #f0f0f0;

}

error_explanation h2 {

text-align: left;
font-weight: bold;
padding: 5px 5px 5px 15px;
font-size: 12px;
margin: -7px;
margin-bottom: 0;
background-color: #c00;
color: #fff;

}

error_explanation ul li {

font-size: 12px;
list-style: square;

}

label {

display: block;

} view-info{

width: 90%;

} view-info h2{

top: 0%;
left: 0%;
display: inline-block;
position: relative;

} add-button{

top: 0%;
float: right;
background-color: #3a3a3a;
border-radius: 4px;
border: none;
color: white;
padding: 7px 18px;
display: inline-block;
font-size: 16px;
max-width: 20%;

} view-info a{

color: white;
text-decoration: none;
font-weight: bold;

}