body { background: #FFFFFF; color:#000; font-family: Tahoma, Arial, sans-serif; margin: 0; padding: 0; font-size: 14px; line-height: 18px; }
body *{ margin: 0; padding: 0; }
a img,:link img,:visited img { border: none; }
a { text-decoration:none; color: #cc0000; }
a:hover { color: #ff0000; }
b { font-weight:bold; }
center { text-align: center; }

/* Top Header */
.logo { background: #00A2E8; text-align: center; padding: 15px 0 5px 0; border-bottom: 2px solid #007BB5; }
.logo img { max-width: 100%; height: auto; }

/* Top Nav */
.topnav { display: table; width: 100%; background: #00A2E8; border-top: 1px solid #fff; border-bottom: 1px solid #00A2E8; margin-bottom: 2px; }
.topnav a { display: table-cell; text-align: center; color: #fff; padding: 5px; border-right: 1px solid #fff; font-weight: bold; font-size: 13px; }
.topnav a:last-child { border-right: none; }
.topnav a:hover { background: #0088cc; }

/* Headings */
h1, h2, h3, h4, h5 { background: #00A2E8; color: #fff; font-size: 14px; padding: 4px; text-align: center; margin: 5px 0 0 0; font-weight: bold; border-bottom: 1px solid #fff; }
h2 a, h3 a, h4 a, h5 a { color: #fff; }

/* File List alternating rows */
.fl { border-bottom: 1px solid #fff; padding: 0px; background: #F5F5F5; }
.fl.odd { background: #EAEAEA; }
.fl.even { background: #F5F5F5; }
.fl:hover { background: #D9EEFF; }
.fl a.fileName { display: block; padding: 5px; font-weight: bold; font-size: 13px; color: #cc0000; }
.fl a.fileName > div { display: table; width: 100%; }
.fl a.fileName > div > div:first-child { display: table-cell; vertical-align: middle; width: 65px; text-align: center; }
.fl a.fileName > div > div:first-child img { border: 1px solid #ccc; border-radius: 4px; background: #fff; padding: 2px; box-shadow: 1px 1px 2px #ddd; width: 60px; height: 65px; }
.fl a.fileName > div > div:last-child { display: table-cell; vertical-align: middle; padding-left: 5px; }
.fl a.fileName:hover { color: #ff0000; }
.fl span { color: #555; font-size: 11px; font-weight: normal; }

/* Categories */
.catRow, .catRowHome { border-bottom: 1px solid #fff; background: #EAEAEA; }
.catRow a, .catRowHome a { display: block; font-weight: bold; font-size: 13px; background: url(../images/arrow.png) right center no-repeat; padding: 6px 8px; color: #cc0000; }
.catRow:hover, .catRowHome:hover { background-color: #D9EEFF; }

/* Pagination */
.pgn { text-align: center; padding: 10px; background: #f9f9f9; border-top: 1px solid #ddd; font-size: 13px; }
.pgn a, .pgn span, .pgn .cur { border: 1px solid #ffcccc; padding: 2px 5px; margin: 0 2px; background: #fff; color: #cc0000; border-radius: 2px; font-weight: bold; display: inline-block; }
.pgn span, .pgn .cur { background: #cc0000; color: #fff; border-color: #cc0000; }

/* Footer */
.footer { background: #00A2E8; color: #fff; text-align: center; padding: 5px; font-size: 13px; font-weight: bold; margin-top: 5px; border-top: 1px solid #007BB5; }
.footer a { color: #fff; text-decoration: none; }

/* Other utils */
.description, .fshow, .db, .top21, .error { padding: 5px; background: #f5f5f5; text-align: center; border-bottom: 1px solid #ddd; margin-bottom: 5px; }
.path { text-align: left; font-size: 11px; padding: 2px 5px; background: #fff; color: #000; border-bottom: 1px solid #00A2E8; margin-bottom: 5px; }
.path a { color: #000; }
.red { color: red; }
hr { display: none; }
.updates div { padding: 4px 5px; border-bottom: 1px solid #fff; background: #EAEAEA; font-size: 13px; font-weight: bold; }
.updates div a { color: #cc0000; }

.header { background-color: #00A2E8; color: white; margin: 3px; padding: 6px; border: 1px solid white; text-align: center; font-weight: bold; }
.fbody { background-color: #F5F5F5; color: blue; margin: 4px; padding: 8px; border: 2px solid white; text-align: center; }
.fbody a { color: #cc0000; font-weight: bold; }
.fbody textarea, .fbody input { width: 90%; max-width: 400px; padding: 5px; }