body{padding: 0; margin:0 auto; max-width: 700px; color:#3e3e3e;; font:normal Arial; background:none repeat scroll 0 0; }


body {
    border-left: 1px solid #808080;
    border-right: 1px solid #808080;
            }

a:link,a:active,a:visited{color:#006699;text-decoration:none;}
a:hover,a:focus{color:#000000;text-decoration:none;}


.line {padding:4px; border-bottom:1px solid #e6e6e6;}

.title{color:#fff;padding:7px;font-size:14px;font-weight:bold;background:#3DAAD7 url('/title.gif') repeat-x 50% top;text-shadow:0 0 3px #5f9cb6;}


.ad {color: red; font-weight: bold; font-size: small;}
.ad a { color:  red;}
.ad a img{ height:auto; width:auto; max-width:99% }








.description {
    padding: 10px;
    background: #eee;
    margin: 10px;
    clear: both;
    float: none;
}

.gmenu {background-color:#fdfdfd;}
.menu1   {
                   color: #1b8cd8;
    background: #ffffff;
    padding: 7px 7px;
    text-decoration: none;
    font-size: 14px;
    display: block;
    margin: 0px 0px;
    border-bottom: 1px solid #F2F2F2;

            }
.menu   {
                   color: #1b8cd8;
    background: c;
    padding: 7px 7px;
    text-decoration: none;
    font-size: 14px;
    display: block;
    margin: 0px 0px;
    border-bottom: 1px dotted #8c8c8c;

            }

.pr {border: 1px solid #adadad; border-radius:15px; height: 180px; width: 180px;}


.back {
    background-color: #e9f9ff;
    padding: 3px;
    margin: 1px;
}
h1, h2, h3 {
font-size: 15px;
margin: 0;
}

.img	{ vertical-align:middle; padding:1px; border:1px solid}
.pages {


 background-color: #E8E8E8;
    padding: 3px;
    margin: 1px 0
}
.line{
color: #f4f4f4;
padding:4px;border-bottom:1px solid #e6e6e6;}



  .blink {
        animation: blinker 0.6s linear infinite;
        color: #1c87c9;
        font-size: 30px;
        font-weight: bold;
        font-family: sans-serif;
      }

h1 {
font-size: 18px;
}

.search form {
  background: #fff;
  border-radius: 8px;
  
  display: flex;
  flex-direction: column;
  align-items: center;
}
.search input[type="text"] {
  width: 85%;
  max-width: 80%;
  padding: 4px;
  border: 1px solid #ddd;
  border-radius: 25px;
  margin-bottom: 3px;
  box-sizing: border-box;
}

   .search input[type="submit"] {
  padding: 4px 16px;
  border: none;
  border-radius: 25px;
  background-color: #3DAAD7;
  color: white;
  font-size: 13px;
  cursor: pointer;
  transition: background-color 0.3s ease;
  margin-bottom: 1px;
}

        .search input[type="submit"]:hover {
            background-color: #0056b3;
        }

      .search input[type="hidden"] {
            display: none;
        }
        
        
          
 .filter-bar {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
    padding: 10px;
    justify-content: center;
}

.filter-bar a {
    display: inline-block;
    padding: 10px 14px;
    text-decoration: none;
    background: #f0f0f0;
    border-radius: 8px;
    color: #333;
    font-weight: bold;
    font-size: 16px;
    transition: 0.2s ease;
    min-width: 36px;
    text-align: center;
}

.filter-bar a:hover {
    background: #007bff;
    color: white;
}

/* Mobile friendly tweaks */
@media (max-width: 600px) {
    .filter-bar a {
        padding: 8px 12px;
        font-size: 14px;
    }
}
.filter-bar a.active {
    background: #007bff;
    color: white;
}
.download-links {
  text-align: center;
  margin-top: 10px; /* optional spacing */
}

.download-links a {
  text-decoration: none;
  font-weight: bold;
  font-size: 14px;
  margin: 0 5px;
}

.download-links .not-download {
  color: red;
}

.download-links .slow-download {
  color: orange;
}