html, body,p {
    margin: 10px;
    background: #fff;
    font-family:Verdana, Arial, Helvetica, sans-serif;
    font-size:0.95em;
    color:#4d4948;
} 

h1 {
    margin: 0;
    text-align: center;
    font-size: 150%;
    padding: 0px;
    text-transform: capitalize;
} 

h2 {
    margin: 0;
    text-align: center;
    font-size: 120%;
    padding: 0px;
}

h3 {
    margin: 0;
    font-size: 105%;
    padding: 0px;
    text-align: center;
}

a {
    color:#4d4948;
}

button, .button, select {
    -webkit-appearance: none;
    -moz-box-shadow:inset 0px 1px 0px 0px #ffffff;
    -webkit-box-shadow:inset 0px 1px 0px 0px #ffffff;
    box-shadow:inset 0px 1px 0px 0px #ffffff;
    background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #ededed), color-stop(1, #dfdfdf));
    background:-moz-linear-gradient(top, #ededed 5%, #dfdfdf 100%);
    background:-webkit-linear-gradient(top, #ededed 5%, #dfdfdf 100%);
    background:-o-linear-gradient(top, #ededed 5%, #dfdfdf 100%);
    background:-ms-linear-gradient(top, #ededed 5%, #dfdfdf 100%);
    background:linear-gradient(to bottom, #ededed 5%, #dfdfdf 100%);
    filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ededed', endColorstr='#dfdfdf',GradientType=0); 
    background-color:#e2e2e2;
    -moz-border-radius:6px;
    -webkit-border-radius:6px;
    border-radius:6px;
    border:1px solid #dcdcdc;
    display:inline-block;
    cursor:pointer;
    font-family:Verdana, Arial, Helvetica, sans-serif;
    font-size:0.95em;
    color:#4d4948;
    padding:6px 10px;
    text-decoration:none;
    text-shadow:0px 1px 0px #ffffff;
    margin: 3px;
}

button:hover , .button:hover {
    background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #dfdfdf), color-stop(1, #ededed));
    background:-moz-linear-gradient(top, #dfdfdf 5%, #ededed 100%);
    background:-webkit-linear-gradient(top, #dfdfdf 5%, #ededed 100%);
    background:-o-linear-gradient(top, #dfdfdf 5%, #ededed 100%);
    background:-ms-linear-gradient(top, #dfdfdf 5%, #ededed 100%);
    background:linear-gradient(to bottom, #dfdfdf 5%, #ededed 100%);
    filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#dfdfdf', endColorstr='#ededed',GradientType=0);
    background-color:#dfdfdf;
}
button:active, .button:active {
    position:relative;
    top:1px;
}

#top {
    margin: 0 auto 0 auto;
    background:url('images/barra_titulo.png') repeat-x;
    width:100%;
    height:124px;
    display: table;    
}

#top_row
{  
    display: table-row;  
    font-weight: bold;  
    text-align: center;  
    width:100%;
}  

#logopet {
    background:url('images/lg_ratherbe.png');
    -ms-transform: scale(0.55,0.55); /* IE 9 */
    -webkit-transform: scale(0.55,0.55); /* Chrome, Safari, Opera */
    -webkit-transform-origin: top left;
    transform: scale(0.55,0.55);
    transform-origin: left top 0px;
    width: 122px;
    height: 124px;
}

#logo {
    margin: 0 auto 0 auto;
    background:url('images/lg_ratherbe.png');
    background-repeat:  no-repeat;
    width: 122px;
    height: 124px;
    display: table-cell;  
    width:20%;
    position:absolute;
    left:50%;
    margin-left: -62px;
}

#head_title {
    margin: 0 auto 0 auto;
    width:40%;
    display: table-cell;  
    vertical-align: middle;
    text-align: center;  
    font-weight: bold;  
    font-size: larger;  
}

#content {
    margin: 0 auto 0 auto;
    width: 95%;
}

#content #left-nav {
    width:15%;
    float:left; 
    font-size:95%; 
}

#content #left-nav p a:hover {
    color:#ff0505;
    text-decoration:underline;
}

#content #main, #content #main_users {
    float:left;
    width:80%;
    font-size:90%;
    margin-left: 10px;
}

table.admin td {
    vertical-align: top;	
}
                    
#error {
    display:block;
    margin:5px;
    color:#4d4948;
    background-color:#fffebe;
    border: 1px solid #cbcbcb;
    font-size:90%;
}

#success {
    margin:5px;
    color:#4d4948;
    background-color:#bce9b5;
    border: 1px solid #7ace6c;
    font-size:90%;
}

.Table  
{  
    display: table;  
}  
.Title  
{  
    display: table-caption;  
    text-align: center;  
    font-weight: bold;  
    font-size: larger;  
}  
.Heading  
{  
    display: table-row;  
    font-weight: bold;  
    text-align: center;  
}  
.Row  
{  
    display: table-row;  
}  
.Cell  
{  
    display: table-cell;  
    border: solid;  
    border-width: thin;  
    padding-left: 5px;  
    padding-right: 5px;  
    vertical-align: middle
}  
.Table_img
{  
    display: block;  
}  
.Cell_img
{  
    display: inline-block;  
    padding-left: 5px;  
    padding-right: 5px;  
    vertical-align: middle
}  
