/* International Micronational Assembly — circa 2003 stylesheet */
body { margin: 0; background: #e8e8e8; color: #000; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px; }
a { color: #0000cc; text-decoration: underline; }
a:visited { color: #551a8b; }
a:hover { color: #cc0000; }
img { border: 0; }
h1, h2, h3, h4 { font-family: Arial, Helvetica, sans-serif; margin: 0.6em 0 0.3em; }
h1 { font-size: 18px; color: #003366; }
h2 { font-size: 15px; color: #003366; border-bottom: 1px solid #999; padding-bottom: 2px; }
h3 { font-size: 13px; color: #003366; }
p { margin: 0.5em 0; line-height: 1.5; }
hr { border: 0; border-top: 1px solid #999; }
code, pre { font-family: "Courier New", monospace; font-size: 11px; }
pre { background: #f4f4f4; border: 1px solid #ccc; padding: 4px; overflow: auto; }
blockquote { border-left: 3px solid #999; margin: 0.5em 0; padding: 0 0 0 8px; color: #333; }
small, .small { font-size: 10px; }
.muted { color: #666; }
.right { text-align: right; }
.center { text-align: center; }
.visually-hidden { position: absolute; left: -9999px; width: 1px; height: 1px; overflow: hidden; }

#page { width: 96%; max-width: 980px; margin: 8px auto; background: #fff; border: 1px solid #999; }
#header { background: #003366; color: #fff; padding: 8px 12px; border-bottom: 3px solid #336699; }
#header h1 { margin: 0; font-size: 20px; color: #fff; }
#header h1 a { color: #fff; text-decoration: none; }
#header .tagline { font-size: 10px; color: #cce; margin: 2px 0 0; }
#header .userbar { font-size: 10px; color: #cce; margin-top: 4px; }
#header .userbar a { color: #fff; }
#nav { background: #336699; border-bottom: 1px solid #003366; padding: 3px 8px; font-size: 11px; }
#nav a { color: #fff; text-decoration: none; padding: 2px 6px; display: inline-block; }
#nav a:hover { background: #003366; text-decoration: underline; }
#nav .sep { color: #99bbdd; }
#notice { background: #ffffcc; border-bottom: 1px solid #cc9; padding: 4px 12px; font-size: 11px; }
#layout { display: table; width: 100%; border-collapse: collapse; }
#content { display: table-cell; vertical-align: top; padding: 10px 14px; }
#sidebar { display: table-cell; vertical-align: top; width: 190px; background: #f0f0f0; border-left: 1px solid #ccc; padding: 8px; font-size: 11px; }
#sidebar h3 { font-size: 11px; background: #336699; color: #fff; margin: 0 -8px 6px; padding: 2px 8px; }
#sidebar ul { list-style: square; margin: 0 0 10px 16px; padding: 0; }
#footer { background: #e0e0e0; border-top: 1px solid #999; font-size: 10px; padding: 6px 12px; color: #333; text-align: center; }
#footer a { color: #003366; }
.counter { font-family: "Courier New", monospace; background: #000; color: #0f0; padding: 1px 4px; border: 1px inset #666; letter-spacing: 2px; }

.messages { margin: 0 0 8px; padding: 0; list-style: none; }
.messages li { border: 1px solid; padding: 4px 8px; margin-bottom: 4px; font-size: 11px; }
.messages .success { background: #e6ffe6; border-color: #3a3; }
.messages .info { background: #e6f0ff; border-color: #36c; }
.messages .error { background: #ffe6e6; border-color: #c33; }
.messages .warning { background: #fff5cc; border-color: #c93; }

.box { border: 1px solid #999; background: #fff; margin: 0 0 10px; }
.box .boxtitle { background: #336699; color: #fff; font-weight: bold; font-size: 11px; padding: 2px 6px; }
.box .boxbody { padding: 6px 8px; }
.box.gray .boxtitle { background: #666; }
.box.sponsored { border: 1px dashed #996; background: #fffff0; }
.box.sponsored .boxtitle { background: #996; }
.label-sponsored { font-size: 9px; color: #fff; background: #996; padding: 0 3px; text-transform: uppercase; letter-spacing: 1px; vertical-align: middle; }
.status { font-size: 9px; padding: 0 3px; border: 1px solid #999; background: #eee; text-transform: uppercase; }
.status-member { background: #cfc; border-color: #393; }
.status-observer { background: #ffc; border-color: #996; }
.status-applicant { background: #eee; }
.status-suspended { background: #fcc; border-color: #933; }

table.data { border-collapse: collapse; width: 100%; font-size: 11px; margin: 4px 0 10px; }
table.data th, table.data td { border: 1px solid #ccc; padding: 3px 5px; text-align: left; vertical-align: top; }
table.data th { background: #e0e8f0; color: #003366; }
table.data tr:nth-child(even) td { background: #f7f7f7; }
table.layout { width: 100%; border-collapse: collapse; }
table.layout td { vertical-align: top; padding: 0 6px 0 0; }

form p, form .field { margin: 6px 0; }
form label { font-weight: bold; font-size: 11px; display: block; }
input[type=text], input[type=email], input[type=password], input[type=url], input[type=number], input[type=date], input[type=datetime-local], select, textarea { font-family: Verdana, Arial, sans-serif; font-size: 11px; border: 1px solid #999; padding: 2px; background: #fff; max-width: 100%; }
textarea { width: 95%; }
input[type=submit], button, .button { font-family: Verdana, Arial, sans-serif; font-size: 11px; padding: 1px 8px; border: 1px solid #666; background: #e8e8e8; color: #000; cursor: pointer; }
input[type=submit]:hover, button:hover, .button:hover { background: #d0d8e0; }
.button { text-decoration: none; display: inline-block; }
.helptext { display: block; color: #666; font-size: 10px; }
.errorlist { color: #c00; margin: 0; padding: 0 0 0 16px; font-size: 11px; }
form.inline { display: inline; }
form.inline input[type=submit] { padding: 0 4px; font-size: 10px; }
.honeypot { position: absolute; left: -9999px; }
ul.plain { list-style: none; margin: 0; padding: 0; }
ul.plain li { margin: 2px 0; }
.flag { border: 1px solid #666; vertical-align: middle; }
.flag-sm { height: 14px; width: auto; border: 1px solid #666; vertical-align: middle; }
.avatar { border: 1px solid #999; }
.banner468 { display: block; margin: 0 auto 6px; border: 1px solid #999; }
.pager { font-size: 11px; margin: 8px 0; }
.news-item { margin-bottom: 8px; }
.news-item .date { color: #666; font-size: 10px; }
.badge88 { border: 1px solid #333; vertical-align: middle; margin: 2px; }
.gallery-grid { display: flex; flex-wrap: wrap; gap: 6px; }
.gallery-grid .item { width: 150px; border: 1px solid #999; padding: 3px; background: #f8f8f8; font-size: 10px; text-align: center; }
.gallery-grid img { max-width: 140px; max-height: 110px; }
.preview-bar { background: #ffc; border: 1px solid #c93; padding: 4px 8px; font-size: 11px; margin-bottom: 8px; }
.manage-nav { font-size: 11px; background: #f0f0f0; border: 1px solid #ccc; padding: 4px 6px; margin-bottom: 8px; }
.manage-nav a { margin-right: 6px; }
.block-list td.ctl form { display: inline; }
.disabled { color: #999; }
.ad-label { font-size: 9px; color: #666; text-transform: uppercase; letter-spacing: 1px; display: block; }

/* Country page themes: applied to #countrypage */
.countrypage { border: 1px solid #999; margin-bottom: 10px; }
.countrypage .cp-header { padding: 8px 12px; border-bottom: 2px solid; }
.countrypage .cp-header h1 { margin: 0; font-size: 20px; }
.countrypage .cp-header .cp-sub { font-size: 11px; font-style: italic; }
.countrypage .cp-nav { font-size: 11px; padding: 3px 8px; border-bottom: 1px solid; }
.countrypage .cp-nav a { margin-right: 4px; text-decoration: none; }
.countrypage .cp-nav a:hover { text-decoration: underline; }
.countrypage .cp-body { padding: 10px 14px; }
.countrypage .cp-body h2 { margin-top: 1em; }
.cp-banner { display: block; max-width: 100%; margin: 0 auto 6px; border: 1px solid #666; }
.cp-flag { float: right; margin: 0 0 8px 12px; max-width: 160px; border: 1px solid #666; }
.theme-classic { background: #fff; color: #000; }
.theme-classic .cp-header { background: #003366; color: #fff; border-color: #336699; }
.theme-classic .cp-header a { color: #fff; }
.theme-classic .cp-nav { background: #336699; border-color: #003366; }
.theme-classic .cp-nav a { color: #fff; }
.theme-classic .cp-body h2 { color: #003366; border-color: #999; }
.theme-parchment { background: #fbf5e4; color: #332; }
.theme-parchment .cp-header { background: #e8d9b5; color: #4a2e0a; border-color: #8a6a2a; }
.theme-parchment .cp-nav { background: #d9c391; border-color: #8a6a2a; }
.theme-parchment .cp-nav a, .theme-parchment .cp-body a { color: #6a3a0a; }
.theme-parchment .cp-body h2 { color: #4a2e0a; border-color: #8a6a2a; }
.theme-midnight { background: #0b1a33; color: #dde; }
.theme-midnight .cp-header { background: #061024; color: #fff; border-color: #4a6aa0; }
.theme-midnight .cp-nav { background: #142a52; border-color: #4a6aa0; }
.theme-midnight .cp-nav a, .theme-midnight .cp-body a { color: #9cf; }
.theme-midnight .cp-body h2 { color: #fff; border-color: #4a6aa0; }
.theme-midnight table.data th { background: #142a52; color: #fff; }
.theme-midnight table.data td, .theme-midnight table.data tr:nth-child(even) td { background: #0f2040; border-color: #345; }
.theme-forest { background: #f1f7ee; color: #102; }
.theme-forest .cp-header { background: #2d5a27; color: #fff; border-color: #6a9a5a; }
.theme-forest .cp-header a { color: #fff; }
.theme-forest .cp-nav { background: #5a8a4a; border-color: #2d5a27; }
.theme-forest .cp-nav a { color: #fff; }
.theme-forest .cp-body h2 { color: #2d5a27; border-color: #6a9a5a; }
.theme-crimson { background: #f8f8f8; color: #111; }
.theme-crimson .cp-header { background: #7a0000; color: #fff; border-color: #c33; }
.theme-crimson .cp-header a { color: #fff; }
.theme-crimson .cp-nav { background: #a31414; border-color: #7a0000; }
.theme-crimson .cp-nav a { color: #fff; }
.theme-crimson .cp-body h2 { color: #7a0000; border-color: #c99; }
.theme-steel { background: #f2f2f2; color: #111; }
.theme-steel .cp-header { background: #555; color: #fff; border-color: #888; }
.theme-steel .cp-header a { color: #fff; }
.theme-steel .cp-nav { background: #777; border-color: #555; }
.theme-steel .cp-nav a { color: #fff; }
.theme-steel .cp-body h2 { color: #333; border-color: #999; }

@media (max-width: 700px) {
  #page { width: 100%; margin: 0; border: 0; }
  #layout, #content, #sidebar { display: block; width: auto; }
  #sidebar { border-left: 0; border-top: 1px solid #ccc; }
  .cp-flag { float: none; display: block; margin: 0 0 8px; }
  table.data { font-size: 10px; }
  textarea { width: 100%; }
}