html {
  overflow: hidden;
}

body {
  margin: 0;
  padding: 0;
  font-family: tahoma;
}

.invisible {
  display: none;
}

.no-border {
  border: 0 !important;
}

.positive {
  color: #258025;
  border: 1px solid #258025;
  background-color: #EFFFEF;
}

.negative {
  color: #CC2525;
  border: 1px solid #CC2525;
  background-color: #FFDDDD;
}

.notice,
.notice td {
  background-color: #FFD900;
  border: 1px solid #FFB400;
}

.active {
  background-color: #258025;
}

.inactive {
  background-color: #DF5555;
}

.icon-delete  { background-image: url(/images/icon_delete.png); }
.icon-preview { background-image: url(/images/icon_preview.png); }
.icon-refresh { background-image: url(/images/icon_refresh.png); }
.icon-reuse   { background-image: url(/images/icon_reuse.png); }

a {
  color: #2525AA;
}

a:hover {
  text-decoration: none;
}

a img {
  border: 0;
}

p {
  margin: 0 0 15px 0;
  padding: 0;
  width: 500px;
  font-size: 12px;
}

p.note {
  margin: 10px 10px 10px 3px;
  padding: 7px;
  width: 400px;
  color: #505050;
  font-size: 10px;
  background-color: #EEEEEE;
  border: 1px solid #DDDDDD;
}

h2 {
  margin: 0 0 0 2px;
  padding: 16px 0 2px 0;
  font-size: 16px;
  width: 574px;
}

table {
  margin: 0;
  padding: 0;
  font-size: 11px;
}

table         { width: 700px; }
table.short   { width: 574px; }

table.hidden  { display: none; }

table       .wysiwyg { width: 686px; }
table.short .wysiwyg { width: 560px; }

table       .embed-box  { margin: 8px auto; width: 605px; min-height: 340px; }
table.short .embed-box  { margin-top: 0; width: 566px; min-height: 318px; }

table .embed-box img {
  display: block;
}

table .embed-info {
  display: block;
  width: 100%;
  height: 56px;
  color: #FFFFFF;
  font-size: 24px;
  text-align: center;
  line-height: 56px;
  background-color: #DF1D20;
}

table .embed-code {
  display: block;
  margin: 8px auto;
  padding: 4px;
  width: 595px;
  text-align: left;
  background-color: #BBBBBB;
  border: 2px solid #AAAAAA;
  white-space: normal;
}

table .embed-code label {
  display: block;
  padding: 2px;
  font-weight: bold;
}

table .embed-code input {
  width: 590px;
}

table .dark-1.header {
  font-size: 14px;
}

table td {
  white-space: nowrap;
  padding: 2px;
}

table td.header, tr.header td { font-weight: bold; }
table td.center   { padding: 2px 8px 2px 8px; text-align: center; }
table td.right    { padding: 2px 2px 2px 8px; text-align: right; }
table td.small    { font-size: 10px; }
table td.wrap     { white-space: normal; }
table td.primary  { width: 100%; }
table td.top      { vertical-align: top; }
table td.bottom   { vertical-align: bottom; }
table td.indent   { text-indent: 16px; }

table td.divider, tr.divider td { background-color: #757575; }

table td.dark-1, tr.dark-1 td   { background-color: #BBBBBB; }
table td.dark-2, tr.dark-2 td   { background-color: #CCCCCC; }
table td.dark-3, tr.dark-3 td   { background-color: #DDDDDD; }
table td.dark-4, tr.dark-4 td   { background-color: #EEEEEE; }
table td.dark-5, tr.dark-5 td   { background-color: #F5F5F5; }

table tr.negative td { color: #000000; }
table tr.positive td { color: #000000; }
table tr.negative td:first-child { color: #000000; background-color: #FFDDDD; border: 1px solid #CC2525; }
table tr.positive td:first-child { color: #000000; background-color: #EFFFEF; border: 1px solid #258025; }

table td.option-spacing   { width: 100%; }
table td.option-spacing a { display: block; float: left; margin: 0 10px 0 10px; }

table .list {
  list-style: decimal;
  margin: 0;
  padding: 0;
}

table .list li {
  margin: 0;
  padding: 0;
}

table .fullsize {
  width: 99%;
}



#site-wrap {
  width: 100%;
  background-color: #FFFFFF;
}

#site-logo {
  width: 220px;
  height: 170px;
  border: 0;
}

#site-header {
  position: relative;
  width: 100%;
  height: 170px;
  background-color: #000000;
}

#site-title {
  position: absolute; right: 0; bottom: 20px; left: 220px;
  margin: 0;
  padding: 0;
  height: 30px;
  font-size: 18px;
  line-height: 30px;
  text-indent: 12px;
  background-color: #AAADAB;
}

#site-login-strip {
  position: absolute; right: 0; bottom: 0; left: 220px;
  height: 20px;
  font-size: 11px;
  line-height: 20px;
  text-indent: 14px;
  background-color: #D2E83D;
}

#site-login-strip img {
  position: absolute; top: 0; right: 0;
  height: 20px;
  border: 0;
}


#site-messages {
  overflow: auto;
  position: absolute; top: 0; left: 220px;
  width: 720px;
  height: 120px;
  border: 0 !important;
}

#site-messages > span {
  display: block;
  position: absolute; top: 5px; right: 5px;
  padding: 10px;
  width: 26px;
  font-size: 26px;
  font-weight: bold;
  line-height: 100%;
  text-align: center;
}

#site-messages.positive > span {
  color: #EFFFEF;
  background-color: #258025;
}

#site-messages.negative > span {
  color: #FFDDDD;
  background-color: #CC2525;
}

#site-messages ul {
  list-style: square;
  margin: 0 70px 0 20px;
  padding: 0;
  font-size: 11px;
}

#site-messages ul li {
  margin: 2px;
  padding: 0;
}

#site-messages ul li.header {
  list-style: none;
  font-size: 13px;
  font-weight: bold;
}



#site-actions {
  overflow: auto;
  position: absolute; top: 170px; left: 0; bottom: 0;
  margin: 0;
  padding: 8px;
  width: 204px;
  background-color: #000000;
}

#site-actions ul {
  margin: 0;
  padding: 4px 0; /* padding: 4px; */
  font-size: 12px;
  list-style: none;
  background-color: #AAADAB;
}

#site-actions ul li {
  margin: 0 4px;
  padding: 0;
  font-weight: bold;
}

#site-actions ul li.emphasis a {
  color: #CC1010;
  font-weight: bold;
}

#site-actions ul li.active {
  background-color: #D2E83D;
}

#site-actions ul li a,
#site-actions ul li span.link-style {
  display: block;
  padding: 4px;
  color: #000000;
  font-weight: bold;
  text-decoration: none;
  white-space: nowrap;
}

#site-actions ul li a.sub {
  font-size: 11px;
  text-indent: 8px;
  font-weight: normal;
}

#site-actions ul li.active a.sub {
  background-color: #C1D72C;
}

#site-actions ul li a:hover,
#site-actions ul li.active a.sub:hover {
  color: #FFFFFF;
  background-color: #333333; /* #D2E83D; */
}

#site-actions ul li.emphasis a:hover {
  color: #FFDDDD;
  background-color: #CC1010;
}


#site-actions #site-login li {
  margin-bottom: 4px;
}

#site-actions #site-login li p {
  margin: 0;
  padding: 2px;
  width: auto;
}

#site-actions #site-login li input {
  padding: 2px 0 2px 0;
  width: 190px;
  text-indent: 2px;
  border: 2px solid #666666;
}

#site-actions #site-login li input:focus {
  border-color: #000000;
}

#site-actions #site-login li input[type=submit] {
  padding: 4px;
  width: auto;
  font-size: 12px;
  font-weight: bold;
  text-transform: uppercase;
}

#site-actions ul li#admin-search input {
  margin: 2px 0;
  padding: 2px 0 2px 0;
  width: 100%;
  text-indent: 2px;
  border: 0;
}

#site-actions ul li#admin-search hr {
  margin: 4px 0 4px 0;
}



#site-content {
  overflow: auto;
  position: absolute; top: 170px; right: 0; bottom: 0; left: 232px; z-index: 0;
  padding-top: 16px;
  padding-bottom: 16px;
}



#static-content {
  position: fixed; top: 242px; left: 816px;
  width: 140px;
}

#static-content ul,
#static-content li {
  margin: 0;
  padding: 4px;
  font-size: 14px;
  font-weight: bold;
  list-style: none;
}

#static-content ul li {
  padding: 2px 0;
}

#static-content ul li:first-child {
  min-height: 32px;
  font-size: 16px;
  font-weight: normal;
  text-transform: uppercase;
  line-height: 32px;
}

#static-content ul li:first-child label {
  float: left;
  margin-left: 6px;
}

#static-content ul li label,
#static-content ul li img {
  display: block;
  margin: 0 auto;
}

#static-content ul li input[type=checkbox] {
  float: right;
  margin-top: 9px;
  margin-right: 8px;
}

#static-content ul li input[type=submit] {
  width: 100%;
  height: 64px;
  font-size: 24px;
}

#static-content a.icon {
  display: block;
  padding: 0 6px;
  height: 32px;
  color: #555555;
  line-height: 32px;
  text-decoration: none;
  background-repeat: no-repeat;
  background-position: right center;
}

#static-content a:hover {
  color: #000000;
  background-color: #DDDDDD;
}


form {
  margin: 0;
  padding: 0;
}

input.small {
  font-size: 11px;
}

input.right {
  text-align: right;
}

.space-at-bottom {
  height: 40px;
}