/* ================================== IDs =================================== */

/* ------------------------------- TPL-WRAPPER ------------------------------ */
#tpl-wrapper {
  background: #fff url(/app_assets/ishmprregistration/img/bg.gif) scroll left top repeat-y;
  border: 10px solid #c7e1fa;
  color: #333;
  width: 745px;
} html>body #tpl-wrapper {
  font-size: 110%;
}

/* ------------------------------- TPL-HEADER ------------------------------- */
#tpl-header {
  background: #fff none;
  color: #333;
  font: 0.8em/1.25em arial, verdana, helvetica, sans-serif;
}

#hd-nav {
  background: #b3a97d none;
  color: #333;
  padding: 0.5em 1em;
  text-align: right;
}

#hd-nav a:link,
#hd-nav a:active,
#hd-nav a:visited {
  background: #b3a97d none;
  color: #333;
  text-decoration: none;
}

#hd-nav a:hover {
  text-decoration: underline !important;
}

#hd-nav ul {
  position: relative; top: -3px;
}

#hd-nav-widgets {
  float: left;
  margin: -0.4em 0 0 0;
  padding: 6px 0 0 0;
} html>body #hd-nav-widgets {
  margin-top: -0.3em;
}

#hd-nav-widgets li {
  border: none;
}

#widget-bookmark,
#widget-print,
#widget-fonts {
  display: none;
}

#widget-fonts {
  font-family: verdana, arial, helvetica, sans-serif;
}

#widget-fonts a:link,
#widget-fonts a:active,
#widget-fonts a:visited {
  background: #b3a97d none;
  color: #fff;
}

#hd-nav-links {
  display: inline;
  margin: 0 1em 0 0;
}

#hd-logo {
  background: #fff none;
  clear: both;
  color: #333;
  display: block;
  float: left;
  width: 172px;
}

#hd-banner {
  display: block;
  float: right;
}

/* -------------------------------- TPL-MAIN -------------------------------- */
#tpl-main {
  clear: both;
  color: #333;
}

/* ------------------------------- TPL-CONTENT ------------------------------ */
#tpl-content {
  float: right;
  margin: 0;
  padding: 9px;
  width: 535px;
}

/* -------------------------------- TPL-LEFT -------------------------------- */
#tpl-left {
  background: #c7e1fa none;
  color: #333;
  float: left;
  margin: 0;
  padding: 0;
  width: 172px;
}

/* ------------------------------ TPL-SITE-NAV ------------------------------ */
#tpl-site-nav {
  padding: 1em 0;
  width: 169px;
}

#tpl-site-nav ul {
  font: 0.85em/1.2em arial, verdana, helvetica, sans-serif;
  text-align: left; /* changed alignment on django stylesheet only */
} html>body #tpl-site-nav ul {
  font-size: 0.9em;
}

#tpl-site-nav ul li {
  background: #c7e1fa none;
  color: #333;
  display: inline-block;
  padding: 2px 20px 2px 5px;
  width: 144px;
} html>body #tpl-site-nav ul li {
  display: block;
  text-decoration: none; }

#tpl-site-nav ul li.current_step {
  background: #fff none;
  color: #603;
  display: inline-block;
  padding: 2px 20px 2px 5px;
  width: 144px;
} html>body #tpl-site-nav ul li {
  display: block;
  text-decoration: none; }

#tpl-site-nav ul li.future_step {
  background: #c7e1fa none;
  color: #333;
  display: inline-block;
  padding: 2px 20px 2px 5px;
  width: 144px;
} html>body #tpl-site-nav ul li {
  display: block;
  text-decoration: none; }

#tpl-site-nav ul li.past_step {
  background: #fff none;
  color: #ccc;
  display: inline-block;
  padding: 2px 20px 2px 5px;
  width: 144px;
} html>body #tpl-site-nav ul li {
  display: block;
  text-decoration: none; }

/*
#tpl-site-nav ul li a:link,
#tpl-site-nav ul li a:active,
#tpl-site-nav ul li a:visited {
  display: inline-block;
  padding: 2px 20px 2px 5px;
  width: 144px;
} html>body #tpl-site-nav ul li a:link,
  html>body #tpl-site-nav ul li a:active,
  html>body #tpl-site-nav ul li a:visited {
  display: block;
  text-decoration: none;
}

#tpl-site-nav ul li a:link {
  background: #c7e1fa none;
  color: #333;
}
*/

/* #tpl-site-nav ul li a:visited {
  background: #fff none; /* completed steps - changed on django css only */
  color: #ccc;
}*/

/*
#tpl-site-nav ul li.current_step,
#tpl-site-nav ul li.current_step,
#tpl-site-nav ul li.current_step {
  background: #fff; /* current_step style - changed on django css only */
  color: #603;
  text-decoration: none;
}

#tpl-site-nav ul li.past_step,
#tpl-site-nav ul li.past_step,
#tpl-site-nav ul li.past_step {
  background: #fff; /* past_step style - changed on django css only */
  color: #ccc;
  text-decoration: none;
}
*/
/*
#tpl-site-nav ul li a:active {
  background: #c7e1fa none;
  color: #603;
}

#tpl-site-nav ul li a:hover:active {
  background: #c7e1fa url(/app_assets/ishmprregistration/img/arrow-red-right.gif)
    scroll right center no-repeat;
  color: #603;
}
*/

#tpl-site-nav ul ul {
  background: #c7e1fa none;
  border-top: 1px solid #007dc3;
  color: #333;
  font-size: 0.9em;
  margin: 0;
  padding: 0;
  position: absolute;
  text-align: left;
  visibility: hidden;
}

#tpl-site-nav ul ul li {
  background: #c7e1fa none;
  border-bottom: 1px solid #007dc3;
  border-left: 1px solid #007dc3;
  border-right: 1px solid #007dc3;
  color: #333;
  white-space: nowrap;
}

/*
#tpl-site-nav ul ul li a:link,
#tpl-site-nav ul ul li a:active,
#tpl-site-nav ul ul li a:visited {
  display: block;
  padding: 2px 5px;
}

#tpl-site-nav ul li.current_step ul li a:link,
#tpl-site-nav ul li.current_step ul li a:visited,
#tpl-site-nav ul ul li a:link,
#tpl-site-nav ul ul li a:visited {
  background: #c7e1fa none;
  color: #333;
}

#tpl-site-nav ul li.current_step ul li a:hover,
#tpl-site-nav ul ul li a:hover {
  background: #fff none;
  color: #603;
}

#tpl-site-nav ul li.current_step ul li a:active,
#tpl-site-nav ul li.current_step ul li a:hover:active,
#tpl-site-nav ul ul li a:active,
#tpl-site-nav ul ul li a:hover:active {
  background: #c7e1fa none;
  color: #603;
}
/*

/* ------------------------------- TPL-FOOTER ------------------------------- */
#tpl-footer {
  clear: right;
  float: right;
  font: 0.7em/1.1em arial, verdana, helvetica, sans-serif;
  padding: 2em 0 0 0;
  width: 520px;
} html>body #tpl-footer {
  padding-top: 0;
}

#tpl-footer a:link,
#tpl-footer a:active,
#tpl-footer a:visited {
  background: #fff none;
  color: #000;
  text-decoration: none;
}

#tpl-footer a:hover {
  text-decoration: underline !important;
}

#tpl-footer p {
  padding: 1.5em 6px 0.5em 6px;
}

#tpl-footer ul.horizontal {
  line-height: 1em;
  margin: 0;
  padding: 0;
}

#tpl-footer ul.horizontal li {
  line-height: 1em;
  white-space: nowrap;
}

/* ================================= CLASSES ================================ */

/* ===== Django Errors ===== */
#error-block {
  background: #fcc;
  border: 2px solid #f00;
  padding: 5px;
  margin-bottom: 10px;
}

#error-block p {
  color: #f00;
  font-weight: bold;
}

/* ===== JSV Errors ===== */
html body .error, .JSVerror, .errors {
  background: #fff none;
  color: #c00;
}

html body input.JSVerror,
html body input.error,
html body select.JSVerror,
html body select.errors,
html body select.JSVerror option,
html body select.error,
html body select.errors,
html body select.error option,
htmo body select.errors option,
html body textarea.JSVerror,
html body textarea.error,
html body textarea.errors {
  background: #fee none;
  border-color: #f00;
  color: #000;
}

html body .font-smaller {
  font-size: 1.2em;
}

html body a.font-reset {
  font-size: 1.4em;
}

html body a.font-larger {
  font-size: 1.5em;
}

html body br.clear {
  clear: both;
  height: 0;
  line-height: 0;
}

html body img.bottom {
  margin-bottom: 0;
}
html body img.left {
  float: left;
  margin: 10px 10px 10px 0;
}
html body img.right {
  float: right;
  margin: 10px 0 10px 10px;
}
html body img.top {
  margin-top: 0;
}

html body ul.horizontal {
  list-style: none none outside;
}

html body ul.horizontal li {
  border-right: 1px solid #000;
  display: inline;
  padding: 0 4px 0 6px;
}

html body ul.horizontal li.last {
  border: none !important;
}

html body ul.no-bullet, ul.no-bullet li {
  list-style: none none outside;
  margin: 0;
  padding: 0;
}

html body .by-float { /* IE Display Adjustment */
  position: relative; z-index: 1;
} html>body .by-float {
  position: static;
}