/* =========================================================
   BASE.CSS — Global foundation
   Barcha sahifalarda eng birinchi ulanishi kerak
   ========================================================= */

body {
    background-color: #cfe9cf;
    color: #000;
    margin: 0;
    padding: 0;
}

body, td, input, textarea {
    font-family: Arial, Tahoma, sans-serif;
    font-size: small;
}

form    { font-size: small; margin: 0; padding: 0; }
h3      { margin: 0; padding: 0 0 2px 0; }
h4      { margin: 6px 0 2px 0; }
hr      { border: 0; border-top: 1px solid gray; margin: 0; }
img     { border: 0; }
p       { margin-bottom: 6px; margin-top: 6px; }
textarea{ width: 99%; max-width: 640px; }
ul      { margin: 0; padding-left: 20px; }

/* =========================================================
   LINKS — Global default
   Sayt bo'ylab standart havola rangi.
   Panel/menyu elementlarida alohida rang beriladi.
   ========================================================= */
a:link, a:visited  { color: #0000bb; text-decoration: underline; }
a:active           { color: #666600; text-decoration: underline; }
a:hover            { color: #ff0000; text-decoration: none; }

/* =========================================================
   JOHN CMS PANEL ELEMENTLARI — Havolalar tekis
   (layout.css dagi ranglarni buzmaslik uchun)
   ========================================================= */
.header a,
.tmn a,
.fmenu a,
.gmenu a,
.topbar a,
.phdr a,
.rmenu a,
.menu a,
.bmenu a {
    text-decoration: none;
}
.header a:hover,
.fmenu a:hover,
.gmenu a:hover,
.topbar a:hover,
.phdr a:hover,
.rmenu a:hover {
    text-decoration: none;
}

/* =========================================================
   UTILITY
   ========================================================= */
.left       { float: left; }
.end        { text-align: center; }
.gray       { color: #586776; }
.green, .green a:link, .green a:visited { color: #008000; }
.red,   .red   a:link, .red   a:visited { color: #ff0000; }
.icon       { padding: 3px 6px 3px 1px; vertical-align: middle; }
.icon-inline{ padding-right: 6px; vertical-align: middle; }