html,
body {
  width: 100%; }

html {
  height: expression(document.body.scrollHeight > document.body.offsetHeight ? document.body.scrollHeight : document.body.offsetHeight + 'px'); }

body {
  margin: 0;
  padding: 0;
  font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;
  font-size: 12px;
  color: #000;
  background: #fff;
  background-position: top center; }

* {
  outline: none; }

a {
  color: #000; }
  a img {
    border: 0; }

iframe {
  display: none; }
  iframe.mceEditorIframe {
    display: block; }

table tr th {
  text-align: left; }

form fieldset {
  padding: 0;
  margin: 0 0 16px 0;
  border: none;
  padding: 10px;
  background: url(../images/bg_search.gif) repeat-x left bottom; }
  form fieldset legend {
    width: 160px;
    margin: 20px 0 0 -10px;
    padding-right: 10px;
    text-align: left;
    font-size: 11px;
    font-weight: normal;
    color: #107180;
    border-bottom: solid 1px #107180; }
form label {
  width: 120px;
  display: block;
  float: left;
  margin: 4px 0;
  padding-top: 5px; }
  form label.error {
    color: red; }
  form label.has_error {
    color: red; }
form span.after_input {
  margin-left: 8px;
  font-size: 10px; }
form input {
  margin: 4px 0;
  font-family: "Lucida Grande", Arial, Helvetica, sans-serif;
  font-size: 12px;
  color: #000;
  background: #fff;
  border: solid 2px #c9dedb; }
  form input.submit {
    margin-left: 120px; }
  form input.input {
    width: 216px; }
  form input.mid {
    width: 60px; }
form select, form textarea {
  margin: 4px 0;
  font-family: "Lucida Grande", Arial, Helvetica, sans-serif;
  font-size: 12px;
  color: #000;
  background: #fff;
  border: solid 2px #c9dedb; }
form br {
  clear: left; }
form div.form_help {
  padding-top: 2px;
  margin-bottom: 10px;
  color: #4c4c4c;
  font-size: 0.8em; }

body.events_show #main {
  background: #fff url(../images/bg_event.gif) repeat-y 360px 0; }
  body.events_show #main #col1, body.events_show #main #col2 {
    width: 340px; }

#wrap {
  width: 1000px;
  margin: 0 auto 0 auto;
  background: #d2d3d5;
  overflow: auto; }

#toplevel {
  height: 23px;
  position: relative;
  padding: 12px 10px 0 0;
  color: #fff;
  background: #50a6ba;
  overflow: hidden; }
  #toplevel * {
    margin: 0;
    padding: 0; }
  #toplevel a {
    color: #fff; }
    #toplevel a.back {
      float: right;
      margin-top: -4px;
      padding: 4px 6px;
      text-decoration: none;
      color: #0a5763;
      background: #d2d3d5;
      border: solid 1px #0a5763; }
    #toplevel a.logout {
      float: right; }
  #toplevel h2 {
    left: 10px;
    top: 7px;
    position: absolute;
    font-weight: normal;
    font-size: 16px; }
  #toplevel ul.toptabs {
    margin: -4px 7px 0 4px;
    float: right;
    list-style: none; }
    #toplevel ul.toptabs li {
      float: left;
      margin-right: 4px; }
      #toplevel ul.toptabs li a {
        width: 130px;
        padding: 6px 0;
        float: left;
        font-size: 12px;
        color: #0a5763;
        text-decoration: none;
        text-align: center;
        background: #d2d3d5; }
      #toplevel ul.toptabs li.active a {
        color: #fff;
        background: #107180 repeat-x; }
  #toplevel .load {
    position: absolute; }

#header {
  height: 110px;
  position: relative;
  margin-bottom: 20px;
  padding: 0 10px 0 10px;
  color: #fff;
  background: #107180;
  background-repeat: no-repeat; }
  #header.no_header h1 {
    position: absolute;
    left: -100000px; }
  #header h1 {
    float: left;
    margin: 20px 0 0 0;
    font-size: 24px; }
  #header ul.user {
    float: right;
    margin: 0;
    padding: 0;
    list-style: none; }
    #header ul.user li {
      display: inline; }
      #header ul.user li a {
        margin: 10px 0 0 20px;
        float: left;
        display: block;
        color: #fff;
        text-decoration: none; }
        #header ul.user li a.manage_event {
          margin-top: -4px;
          padding: 4px 6px;
          text-decoration: none;
          color: #0a5763;
          background: #d2d3d5;
          border: solid 1px #0a5763;
          margin-top: 5px; }
  #header ul.tabs {
    width: 980px;
    bottom: 0;
    left: 10px;
    position: absolute;
    margin: 0;
    padding: 0;
    list-style: none;
    clear: both; }
    #header ul.tabs li {
      float: left;
      margin-right: 4px; }
      #header ul.tabs li a {
        width: 105px;
        padding: 7px 0;
        float: left;
        font-size: 14px;
        color: #fff;
        text-decoration: none;
        text-align: center;
        background: #50a6ba; }
      #header ul.tabs li.welcome {
        margin-right: 24px; }
      #header ul.tabs li.active a {
        color: #ec008c;
        background: #d2d3d5 url(../images/bg_tab.gif) repeat-x; }
  #header ul.organizer_switch {
    top: 0;
    left: 500px;
    position: absolute;
    margin: 0;
    padding: 0;
    list-style: none; }
    #header ul.organizer_switch li {
      float: left; }
      #header ul.organizer_switch li a {
        display: block;
        float: left;
        margin: 0 0 0 5px;
        padding: 5px 10px;
        text-decoration: none;
        background: #e0e3e4; }
  #header #login_form {
    width: 220px;
    top: 5px;
    right: 20px;
    position: absolute;
    z-index: 900; }
    #header #login_form br {
      clear: both; }
    #header #login_form label {
      width: auto;
      margin: 4px 0;
      float: left; }
    #header #login_form input {
      float: right;
      margin: 2px 0;
      font-size: 12px;
      background: #e0e3e4;
      border: solid 1px #000; }
      #header #login_form input.submit {
        clear: right; }
    #header #login_form p {
      margin: 0; }

#subtabs {
  width: 720px;
  background: #c9dedb;
  overflow: auto; }
  #subtabs form {
    margin-top: 16px; }
  #subtabs h2 {
    margin: 15px 10px;
    font-size: 18px;
    font-weight: normal; }
  #subtabs p {
    margin: 0;
    padding: 20px 20px 10px 20px; }
  #subtabs ul.tabs {
    width: 700px;
    margin: 10px 0 0 10px;
    padding: 0;
    list-style: none; }
    #subtabs ul.tabs li {
      float: left;
      margin-right: 4px; }
      #subtabs ul.tabs li a {
        width: 105px;
        padding: 7px 0;
        float: left;
        font-size: 14px;
        color: #fff;
        text-decoration: none;
        text-align: center;
        background: #50a6ba; }
      #subtabs ul.tabs li.active a {
        color: #ec008c;
        background: #fff; }

#main_wrap {
  width: 720px;
  margin: 0 10px 0 10px;
  float: left;
  display: inline; }

#main {
  clear: left;
  width: 700px;
  _height: 600px;
  min-height: 600px;
  float: left;
  margin: 0 0 10px 0;
  padding: 10px;
  background: #fff; }
  #main ul.subsubtabs {
    margin: 0;
    padding: 0;
    list-style: none; }
    #main ul.subsubtabs li {
      float: left;
      margin-left: 10px; }
      #main ul.subsubtabs li a {
        float: left;
        display: block;
        margin-bottom: -1px;
        padding: 5px 8px;
        font-size: 12px;
        color: #000;
        text-decoration: none;
        border: solid 1px #a7a9ac; }
        #main ul.subsubtabs li a.active {
          border-bottom-color: #fff; }
      #main ul.subsubtabs li p {
        display: none; }
  #main div.subsubtabs_body {
    clear: left;
    display: none;
    padding: 10px;
    font-size: 11px;
    border: solid 1px #a7a9ac; }
  #main div.pagination {
    width: 700px;
    margin: 10px -10px 15px -10px;
    padding: 5px 10px;
    text-align: center;
    color: #2e8698;
    background: url(../images/bg_search.gif) repeat-x bottom left; }
    #main div.pagination span {
      margin: 0 2px; }
      #main div.pagination span.current {
        font-weight: bold; }
    #main div.pagination a {
      margin: 0 2px;
      color: #2e8698; }
  #main h2 {
    position: relative;
    margin: -10px -10px 20px -10px;
    padding: 5px 10px;
    font-size: 13px;
    color: #fff;
    background: #107180; }
    #main h2 span {
      top: 6px;
      right: 10px;
      position: absolute;
      text-align: right;
      font-weight: normal;
      font-size: 11px;
      color: #fff; }
      #main h2 span a {
        color: #fff; }
        #main h2 span a.active {
          text-decoration: none;
          font-weight: bold; }
  #main h3 {
    margin: 0 0 10px 0;
    font-size: 15px; }
  #main h4 {
    width: 120px;
    margin-left: -10px;
    padding-right: 10px;
    text-align: right;
    font-size: 10px;
    font-weight: normal;
    color: #107180;
    border-bottom: solid 1px #107180; }
  #main a.button {
    float: left;
    display: block;
    margin: 0 10px 0 0;
    padding: 4px;
    text-decoration: none;
    color: #2e8698;
    background: #c9dedb;
    border: solid 2px #107180; }
    #main a.button:hover {
      background: #fff; }
  #main a.inline {
    float: none;
    display: inline; }

#side {
  width: 250px;
  float: left;
  overflow: hidden; }
  #side .ruler {
    width: 230px; }
  #side .explanation {
    margin-bottom: 20px;
    padding: 5px;
    font-size: 11px;
    background: #fff;
    border: solid 1px #107180; }
    #side .explanation h3 {
      margin: 0;
      font-size: 13px; }
    #side .explanation p {
      margin: 10px 0 0 0;
      padding: 0;
      background: transparent; }
  #side div.bg,
  #side div.manage {
    margin-bottom: 20px;
    padding: 6px 10px;
    background: #fff; }
    #side div.bg p,
    #side div.manage p {
      margin: 0 0 10px 0;
      padding: 0; }
  #side div.manage {
    padding: 0; }
    #side div.manage .mceLayout {
      border: none; }
  #side h2 {
    position: relative;
    clear: left;
    margin: 0;
    padding: 5px 10px;
    font-size: 12px;
    color: #fff;
    background: #107180; }
    #side h2 input.text {
      width: 140px;
      height: 15px;
      margin: -1px 5px -1px -3px;
      padding: 1px 2px 0 2px;
      font-size: 12px;
      font-weight: bold;
      color: #107180;
      background: #fff;
      border: inset 1px; }
    #side h2 input.submit {
      margin: 0;
      padding: 0;
      color: #107180;
      border: outset 1px; }
    #side h2 a.delete {
      top: 7px;
      right: 10px;
      position: absolute;
      color: #fff; }
  #side p {
    margin: 0 0 20px 0;
    padding: 6px 10px;
    background: #fff;
    overflow: auto; }
  #side a.button {
    float: left;
    display: block;
    margin: 10px 0;
    padding: 4px;
    text-decoration: none;
    color: #2e8698;
    background: #c9dedb;
    border: solid 2px #107180; }
    #side a.button:hover {
      background: #fff; }
  #side hr {
    clear: left;
    margin: 0; }

#footer {
  clear: both;
  height: 24px;
  padding: 8px 0 0 10px;
  color: #fff;
  background: #107180; }
  #footer a {
    color: #fff; }

div.ruler {
  height: 10px;
  clear: left;
  margin-bottom: 10px;
  border-bottom: solid 2px #107180;
  overflow: hidden; }
  div.ruler hr {
    display: none; }

div.error_message {
  margin: 20px 0;
  padding: 5px 10px;
  font-weight: bold;
  color: #ec008c;
  border: solid 1px #ec008c; }

div.form_div {
  padding: 10px;
  background: url(../images/bg_search.gif) repeat-x left bottom; }

#overlay {
  position: absolute;
  z-index: 90;
  top: 0px;
  left: 0px;
  height: 100%;
  width: 100%; }

.overlay_mac {
  background: url(../images/overlay.png) repeat; }

.overlay {
  background: #e8f7fb;
  filter: alpha(opacity=40);
  -moz-opacity: 0.40;
  opacity: 0.40; }

.popup {
  width: 380px;
  padding: 10px;
  background: #fff;
  z-index: 999;
  border: solid 1px #ec008c; }
  .popup h2 {
    margin: -3px 0 10px 0;
    padding: 0 0 3px;
    font-size: 13px;
    color: #107180;
    border-bottom: solid 1px #107180; }
  .popup input {
    border: solid 1px #107180;
    width: 378px; }
    .popup input.submit {
      width: auto;
      margin: 0 20px 0 0;
      color: #006b81;
      border: solid 2px #107180; }
  .popup select, .popup textarea {
    border: solid 1px #107180;
    width: 378px; }
  .popup label {
    width: 378px; }