html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {margin: 0; padding: 0; border: 0; outline: 0; font-size: 100%; vertical-align: baseline;}
body {background: #fbfbfb; line-height: 1; font: 11px Tahoma;}
ol, ul {list-style: none;}
blockquote, q {quotes: none;}
:focus {outline: 0;}
ins {text-decoration: none;}
del {text-decoration: line-through;}
table {border-collapse: collapse; border-spacing: 0;}
a {color: #ef2b55; text-decoration: none; padding: 2px;}
a:hover {background: #ef2b55; color: #fff;}

* {margin: 0; padding: 0;}

#wrapper {width: 400px; margin: 50px auto; direction: rtl;}

h1 {font: bold 27px Arial; color: #555; text-align: center; margin: 20px 0;}

.record {background: #f0f0f0; border: 1px dashed #d5d5d5; margin: 10px 0; padding: 5px; overflow: hidden; text-align: justify; line-height: 160%;}
.record:hover {background: #f7f7f7}

.date {font: italic 10px Tahoma; color: #888; padding: 5px;}

a.delete {color: #e91414; float: left; padding: 3px;}
a.delete:hover {color: #fff; background: #e91414; -moz-border-radius: 3px; -khtml-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px;}

#footer {margin-top: 20px;}