.color_blue_dark {
  color: #016ea7; }

.color_magenta {
  color: #c91979; }

.type_gray {
  color: #444444; }

.type_light {
  color: #d9d9d9; }

.gray_light_bg {
  background: #d9d9d9; }

html {
  margin: 0;
  padding: 0;
  border: 0;
  outline: 0;
  font-size: 100%;
  vertical-align: baseline;
  background: transparent; }

body {
  margin: 0;
  padding: 0;
  border: 0;
  outline: 0;
  font-size: 100%;
  vertical-align: baseline;
  line-height: 18px; }

div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p {
  margin: 0;
  padding: 0;
  border: 0;
  outline: 0;
  font-size: 100%;
  vertical-align: baseline;
  background: none; }

blockquote {
  margin: 0;
  margin-left: 10px;
  padding: 0;
  border: 0;
  outline: 0;
  font-size: 100%;
  vertical-align: baseline;
  background: transparent;
  quotes: none; }
  blockquote:before, blockquote:after {
    content: "";
    content: none; }

pre, a, abbr, acronym, address, big, cite, code {
  margin: 0;
  padding: 0;
  border: 0;
  outline: 0;
  font-size: 100%;
  vertical-align: baseline;
  background: transparent; }

del {
  margin: 0;
  padding: 0;
  border: 0;
  outline: 0;
  font-size: 100%;
  vertical-align: baseline;
  background: transparent;
  text-decoration: line-through; }

dfn, em, font, img {
  margin: 0;
  padding: 0;
  border: 0;
  outline: 0;
  font-size: 100%;
  vertical-align: baseline;
  background: transparent; }

ins {
  margin: 0;
  padding: 0;
  border: 0;
  outline: 0;
  font-size: 100%;
  vertical-align: baseline;
  background: transparent;
  text-decoration: none; }

kbd {
  margin: 0;
  padding: 0;
  border: 0;
  outline: 0;
  font-size: 100%;
  vertical-align: baseline;
  background: transparent; }

q {
  margin: 0;
  padding: 0;
  border: 0;
  outline: 0;
  font-size: 100%;
  vertical-align: baseline;
  background: transparent;
  quotes: none; }
  q:before, q:after {
    content: "";
    content: none; }

s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd {
  margin: 0;
  padding: 0;
  border: 0;
  outline: 0;
  font-size: 100%;
  vertical-align: baseline;
  background: transparent; }

ol, ul {
  margin: 0;
  padding: 0;
  border: 0;
  outline: 0;
  font-size: 100%;
  vertical-align: baseline;
  background: transparent;
  list-style: none; }

li, fieldset, form, label, legend {
  margin: 0;
  padding: 0;
  border: 0;
  outline: 0;
  font-size: 100%;
  vertical-align: baseline;
  background: transparent; }

table {
  margin: 0;
  padding: 0;
  border: 0;
  outline: 0;
  font-size: 100%;
  vertical-align: baseline;
  background: transparent;
  border-collapse: collapse;
  border-spacing: 0; }

caption, tbody, tfoot, thead, tr, th, td {
  margin: 0;
  padding: 0;
  border: 0;
  outline: 0;
  font-size: 100%;
  vertical-align: baseline;
  background: transparent; }

hr {
  border: 0 #a6a6a6 dashed;
  border-top-width: 1px;
  clear: both;
  float: left;
  width: 100%;
  height: 0;
  margin: 9px 0; }

hr.fat {
  border: 0 #a6a6a6 solid;
  border-top-width: 2px; }

ol {
  list-style: decimal;
  margin-bottom: 18px; }

ul {
  list-style: square;
  margin-bottom: 18px; }

li {
  margin-left: 30px; }

p, dl, pre, table, address, fieldset {
  margin-bottom: 18px; }

body {
  background-repeat: repeat-x;
  font-size: 14px;
  font-family: Helvetica, arial, FreeSans, sans-serif; }

.type_very_small {
  font-size: 10px;
  line-height: 10px; }

.type_small {
  font-size: 12px; }

.type_base {
  font-size: 14px;
  line-height: 18px; }

.type_large {
  font-size: 16px;
  line-height: 22px; }

h1 {
  font-size: 24px;
  line-height: 36px; }

h2 {
  font-size: 18px; }

h3 {
  font-size: 14px; }

h1, h2 {
  font-family: Helvetica, arial, FreeSans, sans-serif; }

h1 b, h1 strong, h2 b, h2 strong, h3 b, h3 strong {
  font-weight: normal; }

.note {
  font-size: 12px; }

.hot {
  color: #c91979; }

.note_light {
  color: #959595; }

.relative {
  position: relative; }

.align_right {
  text-align: right; }

.align_center {
  text-align: center; }

.align_left {
  text-align: left; }

ul.silent, ol.silent {
  padding: 0;
  margin: 0;
  list-style: none; }
  ul.silent li, ol.silent li {
    padding: 0;
    margin: 0;
    list-style: none; }
  ul.silent img, ol.silent img {
    vertical-align: middle; }

.floats {
  float: left; }

.no_float {
  float: none; }

a {
  color: #2787c8;
  text-decoration: none; }
  a:hover {
    text-decoration: underline;
    color: #472c7b; }

.clickable {
  cursor: pointer;
  text-decoration: underline;
  color: #2787c8; }
  .clickable:hover {
    text-decoration: underline;
    color: #472c7b; }
  .clickable:hover {
    text-decoration: underline;
    color: #472c7b; }

.no-select {
  -moz-user-select: none;
  -khtml-user-select: none;
  user-select: none; }

.hidden {
  display: none; }

body {
  text-align: center; }

#footer {
  margin-top: 40px; }

.box {
  float: left;
  padding: 0;
  margin: 0; }

.box {
  background: white;
  margin: 10px 0; }

.highlight {
  background: #2787c8; }

.page, #footer, .narrow_page, .wrapper {
  text-align: left;
  margin-left: auto;
  margin-right: auto;
  width: 960px;
  position: relative; }

.narrow_page {
  width: 480px;
  -moz-border-radius: 8px;
  -webkit-border-radius: 8px; }

.border_narrow {
  float: left;
  padding-right: 18px;
  border-right: 2px #d9d9d9 solid;
  margin-right: 20px; }

.border_wide {
  float: left;
  padding-right: 58px;
  border-right: 2px #d9d9d9 solid;
  margin-right: 60px; }

.page .grid_1, .grid .grid_1, .narrow_page .grid_1 {
  width: 40px; }
.page .grid_2, .grid .grid_2, .narrow_page .grid_2 {
  width: 100px; }
.page .box_2, .grid .box_2, .narrow_page .box_2 {
  float: left;
  padding: 0;
  margin: 0;
  width: 120px; }
.page .grid_3, .grid .grid_3, .narrow_page .grid_3 {
  width: 160px; }
.page .box_3, .grid .box_3, .narrow_page .box_3 {
  float: left;
  padding: 0;
  margin: 0;
  width: 180px; }
.page .grid_4, .grid .grid_4, .narrow_page .grid_4 {
  width: 220px; }
.page .box_4, .grid .box_4, .narrow_page .box_4 {
  width: 240px;
  float: left;
  padding: 0;
  margin: 0; }
.page .box_5, .grid .box_5, .narrow_page .box_5 {
  float: left;
  padding: 0;
  margin: 0;
  width: 300px; }
.page .grid_5, .grid .grid_5, .narrow_page .grid_5 {
  width: 280px; }
.page .grid_6, .grid .grid_6, .narrow_page .grid_6 {
  width: 340px; }
.page .box_6, .grid .box_6, .narrow_page .box_6 {
  width: 360px;
  float: left;
  padding: 0;
  margin: 0; }
.page .grid_7, .grid .grid_7, .narrow_page .grid_7 {
  width: 400px; }
.page .box_7, .grid .box_7, .narrow_page .box_7 {
  width: 420px;
  float: left; }
.page .grid_8, .grid .grid_8, .narrow_page .grid_8 {
  width: 460px; }
.page .box_8, .grid .box_8, .narrow_page .box_8 {
  width: 480px;
  float: left; }
.page .grid_9, .grid .grid_9, .narrow_page .grid_9 {
  width: 520px; }
.page .grid_10, .grid .grid_10, .narrow_page .grid_10 {
  width: 580px; }
.page .box_10, .grid .box_10, .narrow_page .box_10 {
  float: left;
  padding: 0;
  margin: 0;
  width: 600px; }
.page .grid_11, .grid .grid_11, .narrow_page .grid_11 {
  width: 640px; }
.page .grid_12, .grid .grid_12, .narrow_page .grid_12 {
  width: 700px; }
.page .box_12, .grid .box_12, .narrow_page .box_12 {
  width: 720px;
  float: left;
  padding: 0;
  margin: 0; }
.page .grid_13, .grid .grid_13, .narrow_page .grid_13 {
  width: 760px; }
.page .box_13, .grid .box_13, .narrow_page .box_13 {
  float: left;
  padding: 0;
  margin: 0;
  width: 780px; }
.page .grid_14, .grid .grid_14, .narrow_page .grid_14 {
  width: 820px; }
.page .box_14, .grid .box_14, .narrow_page .box_14 {
  width: 840px;
  float: left;
  padding: 0;
  margin: 0; }
.page .grid_15, .grid .grid_15, .narrow_page .grid_15 {
  width: 880px; }
.page .grid_16, .grid .grid_16, .narrow_page .grid_16 {
  width: 940px; }
.page .box_16, .grid .box_16, .narrow_page .box_16 {
  width: 960px;
  float: left;
  padding: 0;
  margin: 0; }
.page .prefix_4, .grid .prefix_4, .narrow_page .prefix_4 {
  margin-left: 240px; }
.page .prefix_8, .grid .prefix_8, .narrow_page .prefix_8 {
  margin-left: 480px; }
.page .prefix_12, .grid .prefix_12, .narrow_page .prefix_12 {
  margin-left: 720px; }
.page .prefix_1, .grid .prefix_1, .narrow_page .prefix_1 {
  margin-left: 60px; }
.page .prefix_2, .grid .prefix_2, .narrow_page .prefix_2 {
  margin-left: 120px; }
.page .prefix_3, .grid .prefix_3, .narrow_page .prefix_3 {
  margin-left: 180px; }
.page .prefix_3_5, .grid .prefix_3_5, .narrow_page .prefix_3_5 {
  margin-left: 210px; }
.page .prefix_5, .grid .prefix_5, .narrow_page .prefix_5 {
  margin-left: 300px; }
.page .prefix_6, .grid .prefix_6, .narrow_page .prefix_6 {
  margin-left: 360px; }
.page .prefix_7, .grid .prefix_7, .narrow_page .prefix_7 {
  margin-left: 420px; }
.page .prefix_9, .grid .prefix_9, .narrow_page .prefix_9 {
  margin-left: 540px; }
.page .prefix_10, .grid .prefix_10, .narrow_page .prefix_10 {
  margin-left: 600px; }
.page .prefix_11, .grid .prefix_11, .narrow_page .prefix_11 {
  margin-left: 660px; }
.page .prefix_13, .grid .prefix_13, .narrow_page .prefix_13 {
  margin-left: 780px; }
.page .prefix_14, .grid .prefix_14, .narrow_page .prefix_14 {
  margin-left: 840px; }
.page .prefix_15, .grid .prefix_15, .narrow_page .prefix_15 {
  margin-left: 900px; }
.page .suffix_4, .grid .suffix_4, .narrow_page .suffix_4 {
  margin-right: 240px; }
.page .suffix_8, .grid .suffix_8, .narrow_page .suffix_8 {
  margin-right: 480px; }
.page .suffix_12, .grid .suffix_12, .narrow_page .suffix_12 {
  margin-right: 720px; }
.page .suffix_1, .grid .suffix_1, .narrow_page .suffix_1 {
  margin-right: 60px; }
.page .suffix_2, .grid .suffix_2, .narrow_page .suffix_2 {
  margin-right: 120px; }
.page .suffix_3, .grid .suffix_3, .narrow_page .suffix_3 {
  margin-right: 180px; }
.page .suffix_5, .grid .suffix_5, .narrow_page .suffix_5 {
  margin-right: 300px; }
.page .suffix_6, .grid .suffix_6, .narrow_page .suffix_6 {
  margin-right: 360px; }
.page .suffix_7, .grid .suffix_7, .narrow_page .suffix_7 {
  margin-right: 420px; }
.page .suffix_9, .grid .suffix_9, .narrow_page .suffix_9 {
  margin-right: 540px; }
.page .suffix_10, .grid .suffix_10, .narrow_page .suffix_10 {
  margin-right: 600px; }
.page .suffix_11, .grid .suffix_11, .narrow_page .suffix_11 {
  margin-right: 660px; }
.page .suffix_13, .grid .suffix_13, .narrow_page .suffix_13 {
  margin-right: 780px; }
.page .suffix_14, .grid .suffix_14, .narrow_page .suffix_14 {
  margin-right: 840px; }
.page .suffix_15, .grid .suffix_15, .narrow_page .suffix_15 {
  margin-right: 900px; }

.grid_1, .grid_2, .grid_3, .grid_4, .grid_5, .grid_6, .grid_7, .grid_8, .grid_9, .grid_10, .grid_11, .grid_12, .grid_13, .grid_14, .grid_15, .grid_16 {
  display: inline;
  float: left;
  margin-left: 10px;
  margin-right: 10px; }

.gutter_bottom {
  margin-bottom: 10px; }

.margin_1 {
  margin: 18px 0; }

.margin_2 {
  margin: 36px 0; }

.alpha {
  margin-left: 0; }

.omega {
  margin-right: 0; }

.clear {
  clear: both;
  display: block;
  overflow: hidden;
  visibility: hidden;
  width: 0;
  height: 0; }

.clearfix {
  display: inline-block;
  display: block; }
  .clearfix:after {
    clear: both;
    content: " ";
    display: block;
    font-size: 0;
    line-height: 0;
    visibility: hidden;
    width: 0;
    height: 0; }

* html .clearfix {
  height: 1%; }

.fieldset.buttons {
  padding-top: 10px;
  border-top: 2px #d9d9d9 solid; }

.sbutton, a.sbutton {
  -moz-user-select: none;
  -khtml-user-select: none;
  user-select: none;
  -moz-border-radius: 4px;
  -webkit-border-radius: 4px;
  font-size: 12px;
  cursor: pointer;
  background-color: #444444;
  background: #666666;
  background-image: -webkit-gradient(linear, left top, left bottom, from(#666666), to(#444444));
  background-image: -moz-linear-gradient(top, #666666, #444444);
  color: white;
  text-shadow: black 0px 1px 1px;
  display: inline-block; }
  .sbutton span, a.sbutton span {
    display: inline-block;
    padding: 3px 6px; }
  .sbutton a, .sbutton a:hover, a.sbutton a, a.sbutton a:hover {
    color: white;
    text-decoration: none; }
  .sbutton:hover, a.sbutton:hover {
    background-color: #3a2a90;
    background: black;
    background-image: -webkit-gradient(linear, left top, left bottom, from(black), to(#333333));
    background-image: -moz-linear-gradient(top, black, #333333); }

a.sbutton {
  padding: 3px 6px;
  color: white;
  text-decoration: none; }

.sbutton.highlight {
  background: #c91979;
  background-image: -webkit-gradient(linear, left top, left bottom, from(#c91979), to(#472c7b));
  background-image: -moz-linear-gradient(top, #c91979, #472c7b); }
  .sbutton.highlight:hover {
    background: #c91979;
    background-image: -webkit-gradient(linear, left top, left bottom, from(#c91979), to(#f8971d));
    background-image: -moz-linear-gradient(top, #c91979, #f8971d); }

.rbutton {
  cursor: pointer;
  -moz-user-select: none;
  -khtml-user-select: none;
  user-select: none;
  background: transparent url("/images/buttons/bg_button_a.png") no-repeat scroll top right;
  color: #444444;
  text-shadow: white 1px 1px 1px;
  display: inline-block;
  font: normal 13px Helvetica, arial, FreeSans, sans-serif;
  height: 24px;
  overflow: hidden;
  padding-right: 5px;
  text-decoration: none;
  position: relative;
  vertical-align: middle;
  margin-right: 0.5em;
  top: -2px; }
  .rbutton:hover {
    text-decoration: underline;
    color: #472c7b; }
  .rbutton[disabled] {
    -moz-opacity: 0.5;
    filter: alpha(opacity=50);
    opacity: 0.5; }
  .rbutton span, .rbutton input {
    border: 0;
    background: transparent url("/images/buttons/bg_button_span.png") no-repeat;
    display: inline-block;
    line-height: 14px;
    padding: 5px 7px 5px 12px; }
  .rbutton input {
    margin: 0;
    font: normal 13px Helvetica, arial, FreeSans, sans-serif;
    font-weight: bold;
    color: #444444;
    text-shadow: white 1px 1px 1px; }
  .rbutton:hover {
    text-decoration: none; }
  .rbutton:active {
    background-position: bottom right;
    color: black;
    outline: none; }
    .rbutton:active span, .rbutton:active input {
      background-position: bottom left; }

.rbutton.destroy_button {
  padding-right: 5px; }
  .rbutton.destroy_button span, .rbutton.destroy_button input {
    padding-left: 30px; }
  .rbutton.destroy_button span, .rbutton.destroy_button input {
    padding-left: 26px;
    background-image: url("/images/buttons/bg_destroy_span.png"); }

.rbutton.save_button {
  padding-right: 5px; }
  .rbutton.save_button span, .rbutton.save_button input {
    padding-left: 30px; }
  .rbutton.save_button span, .rbutton.save_button input {
    background-image: url("/images/buttons/bg_save_span.png"); }

.rbutton.edit_button {
  padding-right: 5px; }
  .rbutton.edit_button span, .rbutton.edit_button input {
    padding-left: 30px; }
  .rbutton.edit_button span {
    background-image: url("/images/buttons/bg_edit_span.png"); }

.rbutton.create_button {
  padding-right: 5px; }
  .rbutton.create_button span, .rbutton.create_button input {
    padding-left: 30px; }
  .rbutton.create_button span, .rbutton.create_button input {
    background-image: url("/images/buttons/bg_create_span.png"); }

.rbutton.upload_button {
  padding-right: 5px; }
  .rbutton.upload_button span, .rbutton.upload_button input {
    padding-left: 30px; }
  .rbutton.upload_button span, .rbutton.upload_button input {
    background-image: url("/images/buttons/bg_upload_span.png"); }

body {
  background-color: #eeeeee; }

body.warn_user {
  background-color: #ffffdd; }

table th {
  font-weight: bold;
  text-align: left;
  padding: 5px; }
table td {
  padding: 5px; }

@font-face {
  font-family: Avalon;
  src: url("/typefaces/Avalon/avalon_book/Avalon-Book-webfont.eot");
  src: local("unknown_typeface"), url("/typefaces/Avalon/avalon_book/Avalon-Book-webfont.ttf"); }

@font-face {
  font-family: Avalon;
  font-weight: bold;
  src: url("/typefaces/Avalon/avalon_bold/Avalon-Bold-webfont.eot");
  src: local("unknown_typeface"), url("/typefaces/Avalon/avalon_bold/Avalon-Bold-webfont.ttf"); }

@font-face {
  font-family: AvalonXLight;
  src: url("/typefaces/Avalon/avalon_extralight/Avalon-Xlight-webfont.eot");
  src: local("unknown_typeface"), url("/typefaces/Avalon/avalon_extralight/Avalon-Xlight-webfont.ttf"); }

@font-face {
  font-family: AvalonXLight;
  font-style: italic;
  src: url("/typefaces/Avalon/avalon_extralightoblique/Avalon-XlightOblique-webfont.eot");
  src: local("unknown_typeface"), url("/typefaces/Avalon/avalon_extralightoblique/Avalon-XlightOblique-webfont.ttf"); }

@font-face {
  font-family: Avalon;
  font-style: italic;
  src: url("/typefaces/Avalon/avalon_bookoblique/Avalon-BookOblique-webfont.eot");
  src: local("unknown_typeface"), url("/typefaces/Avalon/avalon_bookoblique/Avalon-BookOblique-webfont.ttf"); }

@font-face {
  font-family: Avalon;
  font-weight: bold;
  font-style: italic;
  src: url("/typefaces/Avalon/avalon_boldoblique/Avalon-BoldOblique-webfont.eot");
  src: local("unknown_typeface"), url("/typefaces/Avalon/avalon_boldoblique/Avalon-BoldOblique-webfont.ttf"); }

.avalon {
  font-family: Avalon; }

form .example {
  color: #a6a6a6; }

.message {
  float: left;
  padding: 10px 0; }

.page, .narrow_page {
  margin: 10px 0;
  margin-top: 10px;
  padding: 10px;
  background-color: white;
  display: inline-block;
  height: 100%; }

.unsaved_changes {
  -moz-border-radius: 4px;
  -webkit-border-radius: 4px;
  position: absolute;
  width: 120px;
  z-index: 900;
  top: -10px;
  text-align: center;
  left: 420px;
  margin: 0;
  padding: 9px 9px 10px;
  background-image: url(/images/header_fade_hot.png);
  background-color: #fff010;
  border: 1px #d9d9d9 solid;
  color: #444444;
  display: none;
  background-repeat: repeat-x; }

#flash, #notice {
  float: left;
  width: 100%;
  margin: 0; }
  #flash a, #notice a {
    color: white;
    text-decoration: underline; }
  #flash .alert, #flash .notice, #notice .alert, #notice .notice {
    margin: 0;
    background-image: url(/images/header_fade_cool.png);
    background-color: #1873bb;
    background-repeat: repeat-x;
    padding: 9px 9px 10px;
    border: 1px #016ea7 solid;
    color: white; }
  #flash .alert, #notice .alert {
    background-image: url(/images/header_fade_hot.png);
    background-color: #fff010;
    border: 1px #d9d9d9 solid;
    color: #444444; }
  #flash.fade_in, #notice.fade_in {
    display: none; }

.errorExplanation {
  float: left;
  margin-bottom: 1em;
  width: 99%;
  border: 1px white solid;
  background-color: #ffeeee;
  color: red; }
  .errorExplanation h2, .errorExplanation ul, .errorExplanation p {
    margin: 10px; }
  .errorExplanation h2 {
    font-size: 16px;
    line-height: 22px; }

.fieldWithErrors {
  display: inline; }
  .fieldWithErrors input {
    border-color: #ff6600;
    background: #ffcccc;
    color: #333333;
    font-weight: bold; }

.errorNote {
  -moz-border-radius: 4px;
  -webkit-border-radius: 4px;
  background-color: #ff000c;
  padding: 4px;
  color: white;
  font-size: 12px;
  display: block; }

form label.inline {
  position: relative;
  top: 3px; }
form .fieldset {
  margin-bottom: 20px; }
  form .fieldset p {
    color: #444444;
    margin: 0; }
form .fieldset.smaller label, form .fieldset.smaller input {
  font-size: 14px;
  line-height: 18px; }
form label {
  display: block;
  font-weight: bold;
  font-size: 16px;
  line-height: 22px; }
  form label b {
    font-weight: normal; }
  form label em {
    color: #444444;
    font-weight: normal; }
form p.explanation {
  color: #444444; }
form .notice {
  background: #d9d9d9;
  padding: 10px;
  color: black;
  margin-bottom: 20px; }
form .input input, form .input textarea, form .input_fit input, form .input_fit textarea {
  border: 1px #a6a6a6 solid;
  -moz-box-shadow: inset #a6a6a6 0px 1px 2px;
  box-shadow: inset #a6a6a6 0px 1px 2px;
  -webkit-box-shadow: inset #a6a6a6 0px 1px 2px;
  font-size: 16px;
  line-height: 22px; }
form .input_fit input, form .input_fit textarea {
  width: 99%; }

.boxed_note {
  padding: 10px;
  background: #eeeeee; }

.wysiwyg {
  -moz-user-select: none;
  -khtml-user-select: none;
  user-select: none; }
  .wysiwyg .panel {
    padding: 0;
    margin: 0;
    list-style: none; }
    .wysiwyg .panel li {
      padding: 0;
      margin: 0;
      list-style: none; }
    .wysiwyg .panel li {
      -moz-border-radius: 4px;
      -webkit-border-radius: 4px;
      background: #d9d9d9;
      background: #d9d9d9;
      background-image: -webkit-gradient(linear, left top, left bottom, from(#d9d9d9), to(#eeeeee));
      background-image: -moz-linear-gradient(top, #d9d9d9, #eeeeee);
      color: #444444;
      display: inline-block;
      padding: 2px 6px;
      margin-right: 2px;
      font-size: 11px;
      cursor: pointer; }
    .wysiwyg .panel .separator {
      display: none; }
    .wysiwyg .panel li.active, .wysiwyg .panel li:hover {
      background: #444444;
      color: white; }
  .wysiwyg iframe {
    border: 1px #a6a6a6 solid;
    -moz-box-shadow: inset #a6a6a6 0px 1px 2px;
    box-shadow: inset #a6a6a6 0px 1px 2px;
    -webkit-box-shadow: inset #a6a6a6 0px 1px 2px;
    padding: 5px;
    margin: 5px 0; }

.learn_more_link {
  cursor: pointer; }

.border_double {
  border-top: 3px #d9d9d9 double;
  padding-top: 18px; }

.big_button {
  -moz-border-radius: 8px;
  -webkit-border-radius: 8px;
  background: black;
  background: #669966;
  background-image: -webkit-gradient(linear, left top, left bottom, from(#669966), to(#44bb44));
  background-image: -moz-linear-gradient(top, #669966, #44bb44);
  padding: 10px;
  font-size: 16px;
  font-weight: bold;
  color: white;
  border: 2px white solid;
  -moz-box-shadow: #a6a6a6 0px 2px 14px;
  box-shadow: #a6a6a6 0px 2px 14px;
  -webkit-box-shadow: #a6a6a6 0px 2px 14px;
  display: inline-block;
  width: auto;
  margin: 10px auto;
  text-decoration: none; }
  .big_button:hover {
    text-decoration: none;
    background: black;
    background-image: -webkit-gradient(linear, left top, left bottom, from(black), to(black));
    background-image: -moz-linear-gradient(top, black, black);
    color: white;
    -moz-box-shadow: #a6a6a6 0px 1px 2px;
    box-shadow: #a6a6a6 0px 1px 2px;
    -webkit-box-shadow: #a6a6a6 0px 1px 2px; }

.learn_more {
  padding-top: 10px;
  margin-top: 10px; }
  .learn_more .mr-third {
    float: left;
    width: 320px; }
    .learn_more .mr-third .text {
      padding: 30px; }
    .learn_more .mr-third .image {
      height: 120px;
      text-align: center;
      vertical-align: middle; }
      .learn_more .mr-third .image h2 {
        position: relative;
        top: 50px;
        background: gray;
        background: gray;
        background-image: -webkit-gradient(linear, left top, left bottom, from(gray), to(#909090));
        background-image: -moz-linear-gradient(top, gray, #909090);
        -moz-border-radius: 8px;
        -webkit-border-radius: 8px;
        padding: 5px 10px;
        display: inline-block;
        color: white;
        font-size: 16px; }
  .learn_more .mr-topic {
    float: left;
    width: 100%; }
    .learn_more .mr-topic.bordered {
      border-top: 1px #d9d9d9 solid;
      padding: 15px 0; }
  .learn_more .mr-text {
    width: 360px;
    padding: 60px;
    float: left; }
  .learn_more .mr-image {
    width: 480px;
    padding: 0;
    float: left;
    text-align: center; }
  .learn_more .multi_image {
    height: 320px;
    position: relative; }
    .learn_more .multi_image img {
      position: absolute;
      top: 0;
      left: 80px;
      display: none;
      -moz-box-shadow: #a6a6a6 0px 2px 3px;
      box-shadow: #a6a6a6 0px 2px 3px;
      -webkit-box-shadow: #a6a6a6 0px 2px 3px; }
  .learn_more .final {
    width: 320px;
    margin: 30px auto;
    text-align: left; }
  .learn_more h2 {
    font-size: 24px;
    line-height: 32px;
    font-family: Avalon;
    margin-bottom: 1em; }

.bold_shadow {
  -moz-box-shadow: #a6a6a6 0px 5px 2px;
  box-shadow: #a6a6a6 0px 5px 2px;
  -webkit-box-shadow: #a6a6a6 0px 5px 2px; }

.toggle.on .on {
  display: inherit; }
.toggle.on .off {
  display: none; }
.toggle.off .on {
  display: none; }
.toggle.off .off {
  display: inherit; }
.toggle .on {
  display: inherit; }
.toggle .off {
  display: none; }

ul#pages {
  padding: 0;
  margin: 0;
  list-style: none;
  -moz-user-select: none;
  -khtml-user-select: none;
  user-select: none;
  margin: 10px 0;
  position: relative;
  float: left;
  width: 100%; }
  ul#pages li {
    padding: 0;
    margin: 0;
    list-style: none; }
  ul#pages .sortable-placeholder {
    height: 24px;
    width: 100%;
    float: left;
    border: 0px;
    background: #40caff; }
  ul#pages li {
    position: relative;
    padding: 5px 0 5px 20px;
    float: left;
    width: 100%;
    cursor: move; }
  ul#pages .handle {
    cursor: move;
    position: absolute;
    left: 0px;
    top: 4px;
    background: transparent url(/images/buttons/drag_small.png);
    width: 18px;
    height: 18px;
    margin-right: 10px; }
  ul#pages li:hover .handle {
    background-position: bottom right; }

ul.invoices {
  padding: 0;
  margin: 0;
  list-style: none; }
  ul.invoices li {
    padding: 0;
    margin: 0;
    list-style: none; }

ul#collections {
  padding: 0;
  margin: 0;
  list-style: none;
  -moz-user-select: none;
  -khtml-user-select: none;
  user-select: none; }
  ul#collections li {
    padding: 0;
    margin: 0;
    list-style: none; }
  ul#collections.ui-sortable li {
    cursor: move;
    background: white; }
    ul#collections.ui-sortable li * {
      unselectable: on;
      user-select: none;
      -moz-user-select: none;
      -web-kit-user-select: none; }
    ul#collections.ui-sortable li .collection * {
      cursor: move; }
    ul#collections.ui-sortable li .controls, ul#collections.ui-sortable li .images, ul#collections.ui-sortable li .contents {
      display: none;
      height: 0px; }
  ul#collections .title {
    margin: 10px 0; }
  ul#collections .sortable-placeholder {
    height: 64px;
    width: 100%;
    float: left;
    background: #eeeeee; }
  ul#collections li.collection {
    border-top: 3px #d9d9d9 double;
    float: left;
    width: 100%;
    margin: 0px;
    position: relative; }
    ul#collections li.collection .contents {
      float: left; }
    ul#collections li.collection:hover .header {
      background: #d9d9d9;
      background-image: -webkit-gradient(linear, left top, left bottom, from(#d9d9d9), to(white));
      background-image: -moz-linear-gradient(top, #d9d9d9, white); }
      ul#collections li.collection:hover .header .title {
        text-shadow: white 0px 0px 1px;
        color: black; }
      ul#collections li.collection:hover .header .rbutton, ul#collections li.collection:hover .header .collection_edit, ul#collections li.collection:hover .header .sbutton {
        -moz-opacity: 1;
        filter: alpha(opacity=100);
        opacity: 1; }
    ul#collections li.collection .header {
      width: 100%;
      padding: 0;
      margin: 0;
      float: left; }
      ul#collections li.collection .header .rbutton, ul#collections li.collection .header .collection_edit, ul#collections li.collection .header .sbutton {
        -moz-opacity: 0;
        filter: alpha(opacity=0);
        opacity: 0; }
    ul#collections li.collection .header.hidden_collection .title {
      color: #a6a6a6; }
    ul#collections li.collection .controls {
      margin: 10px 0; }
    ul#collections li.collection .empty {
      float: left;
      clear: both;
      border: 1px #a6a6a6 solid;
      padding: 10px;
      margin: 10px 0;
      color: #444444; }

ul.images .upload_error, ul.assets .upload_error {
  font-size: 12px;
  background: #c91979;
  color: white; }
  ul.images .upload_error div, ul.assets .upload_error div {
    padding: 5px; }

ul.images {
  padding: 0;
  margin: 0;
  list-style: none;
  float: left;
  width: 100%;
  padding: 0px 0; }
  ul.images li {
    padding: 0;
    margin: 0;
    list-style: none; }
  ul.images .images-sortable-placeholder {
    border: 3px #d9d9d9 double;
    background: white;
    background-image: -webkit-gradient(linear, left top, left bottom, from(white), to(#d9d9d9));
    background-image: -moz-linear-gradient(top, white, #d9d9d9);
    width: 128px;
    height: 150px; }
  ul.images li {
    cursor: move;
    float: left;
    width: 134px;
    height: 175px;
    margin: 0; }
    ul.images li .image {
      position: relative;
      height: 120px;
      width: 100%;
      text-align: center;
      background-position: center center;
      background-repeat: no-repeat; }
    ul.images li .title {
      font-size: 12px;
      text-align: center;
      font-weight: bold;
      color: #444444; }
    ul.images li .attributes {
      position: relative;
      width: 134px;
      text-align: center;
      font-size: 10px;
      color: #a6a6a6; }
    ul.images li .kind {
      font-weight: bold;
      color: #444444; }
    ul.images li .buttons {
      position: relative;
      left: 4px;
      text-align: center;
      display: none;
      visibility: hidden; }
  ul.images li:hover .buttons {
    margin-top: 4px;
    display: block;
    visibility: visible; }
  ul.images li:hover .attributes {
    display: none; }
  ul.images li.ui-sortable-helper {
    cursor: move; }
    ul.images li.ui-sortable-helper .buttons {
      display: none; }
  ul.images li.failed {
    background-image: url(/images/buttons/failed.png);
    background-position: center center;
    background-repeat: no-repeat; }

ul.assets li.loading, ul.images li.loading {
  background-image: url(/images/spinner.gif);
  background-position: center center;
  background-repeat: no-repeat;
  text-align: center;
  color: #a6a6a6;
  width: 120px;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis; }
  ul.assets li.loading .progress, ul.images li.loading .progress {
    display: block;
    color: black; }

ul.assets {
  padding: 0;
  margin: 0;
  list-style: none;
  float: left;
  width: 100%;
  padding: 10px 0; }
  ul.assets li {
    padding: 0;
    margin: 0;
    list-style: none; }
  ul.assets li {
    display: inline-block;
    zoom: 1;
    *display: inline;
    width: 100%;
    padding: 5px 0; }
    ul.assets li .icon {
      font-weight: bold;
      display: inline-block;
      zoom: 1;
      *display: inline;
      width: 60px;
      vertical-align: top;
      text-align: center;
      background-position: center top;
      background-repeat: no-repeat; }
    ul.assets li .right {
      display: inline-block;
      zoom: 1;
      *display: inline; }
      ul.assets li .right .controls {
        font-size: 12px; }
        ul.assets li .right .controls .clickable {
          margin-right: 10px; }
  ul.assets.inline_assets li {
    padding: 0; }
  ul.assets.inline_assets .icon {
    height: auto;
    width: 120px; }

.current_theme img {
  -moz-box-shadow: #c91979 0px 0px 4px;
  box-shadow: #c91979 0px 0px 4px;
  -webkit-box-shadow: #c91979 0px 0px 4px; }

ul.themes {
  padding: 0;
  margin: 0;
  list-style: none;
  float: left; }
  ul.themes li {
    padding: 0;
    margin: 0;
    list-style: none; }
  ul.themes li {
    float: left;
    text-align: center; }
  ul.themes .theme {
    float: left;
    height: 260px; }
  ul.themes .active {
    -moz-opacity: 0.5;
    filter: alpha(opacity=50);
    opacity: 0.5; }
  ul.themes .active:hover {
    -moz-opacity: 1;
    filter: alpha(opacity=100);
    opacity: 1; }
  ul.themes li:hover .controls, ul.themes li:hover .name {
    display: block; }
  ul.themes li:hover img {
    -moz-box-shadow: black 0px 0px 10px;
    box-shadow: black 0px 0px 10px;
    -webkit-box-shadow: black 0px 0px 10px; }
  ul.themes .icon {
    height: 200px; }
    ul.themes .icon img {
      -moz-box-shadow: #a6a6a6 0px 0px 6px;
      box-shadow: #a6a6a6 0px 0px 6px;
      -webkit-box-shadow: #a6a6a6 0px 0px 6px; }
  ul.themes .controls, ul.themes .name {
    display: none; }

.hidden_blueprints {
  float: left;
  background-image: url(/images/header_fade.png);
  background-repeat: repeat-x;
  border-bottom: 2px #d9d9d9 solid; }
  .hidden_blueprints ul {
    float: left; }

ul.blueprints, ul.site_pages {
  padding: 0;
  margin: 0;
  list-style: none;
  margin-top: 10px; }
  ul.blueprints li, ul.site_pages li {
    padding: 0;
    margin: 0;
    list-style: none; }
  ul.blueprints .kind, ul.site_pages .kind {
    color: #d9d9d9; }
  ul.blueprints li:hover .kind, ul.site_pages li:hover .kind {
    color: #472c7b; }
  ul.blueprints .bp_template, ul.blueprints .bp_javascript, ul.blueprints .bp_stylesheet, ul.blueprints .bp_layout, ul.blueprints .bp_partial, ul.site_pages .bp_template, ul.site_pages .bp_javascript, ul.site_pages .bp_stylesheet, ul.site_pages .bp_layout, ul.site_pages .bp_partial {
    background-repeat: no-repeat;
    background-position: 2px 2px;
    padding-left: 10px; }
  ul.blueprints .bp_layout, ul.site_pages .bp_layout {
    background-image: url(/images/buttons/bp_layout.png); }
  ul.blueprints .bp_javascript, ul.site_pages .bp_javascript {
    background-image: url(/images/buttons/bp_js.png); }
  ul.blueprints .bp_stylesheet, ul.site_pages .bp_stylesheet {
    background-image: url(/images/buttons/bp_css.png); }
  ul.blueprints .bp_partial, ul.site_pages .bp_partial {
    background-image: url(/images/buttons/bp_partial.png); }
  ul.blueprints .bp_template, ul.site_pages .bp_template {
    background-image: url(/images/buttons/bp_template.png); }
  ul.blueprints li, ul.site_pages li {
    float: left;
    color: black;
    padding-bottom: 5px; }
    ul.blueprints li a, ul.site_pages li a {
      float: left;
      margin-right: 20px; }
  ul.blueprints li.blueprint, ul.site_pages li.blueprint {
    padding-left: 5px; }
  ul.blueprints li a.current, ul.site_pages li a.current {
    color: #472c7b;
    font-weight: bold; }

.navbar {
  float: left;
  -moz-user-select: none;
  -khtml-user-select: none;
  user-select: none;
  width: 100%;
  border-bottom: 2px #a6a6a6 solid;
  padding: 0;
  margin: 0;
  list-style: none;
  text-align: left;
  position: relative; }
  .navbar li {
    padding: 0;
    margin: 0;
    list-style: none; }
  .navbar li {
    font-family: Helvetica, arial, FreeSans, sans-serif;
    display: inline-block;
    zoom: 1;
    *display: inline;
    -moz-border-radius-topright: 4px;
    -moz-border-radius-topleft: 4px;
    -webkit-border-top-left-radius: 4px;
    -webkit-border-top-right-radius: 4px;
    padding: 10px;
    background: #eeeeee;
    margin: 0 1px; }
    .navbar li a {
      color: #d9d9d9;
      font-weight: bold; }
  .navbar li.hidden {
    display: none; }
  .navbar li.active {
    background: #eeeeee;
    background-image: url(/images/header_fade.png);
    background-repeat: repeat-x;
    padding: 9px 9px 10px;
    border: 1px #d9d9d9 solid;
    border-bottom: 0px; }
    .navbar li.active a {
      text-shadow: white 1px 1px 1px;
      color: #444444; }
  .navbar li.no_style {
    font-size: 12px;
    background: none;
    font-weight: bold; }
    .navbar li.no_style a {
      cursor: pointer;
      color: #d9d9d9; }
      .navbar li.no_style a:hover {
        text-decoration: underline;
        color: #472c7b; }
  .navbar li.last {
    position: absolute;
    right: 0px;
    top: 0px;
    text-align: right; }
  .navbar li.show_site {
    margin-left: 10px;
    background: none;
    background-image: url(/images/show_site.png);
    background-position: 0px 13px;
    background-repeat: no-repeat;
    background-color: transparent;
    padding-left: 20px; }
    .navbar li.show_site a {
      color: #c91979; }
  .navbar:hover li.no_style {
    font-size: 12px; }
  .navbar:hover li {
    background: #d9d9d9; }
    .navbar:hover li a {
      text-shadow: white 1px 1px 1px;
      color: #333333; }
  .navbar:hover li.hidden {
    display: none; }
  .navbar:hover li.active {
    background: #eeeeee;
    background-image: url(/images/header_fade.png);
    background-repeat: repeat-x;
    padding: 9px 9px 10px;
    border: 1px #d9d9d9 solid;
    border-bottom: 0px; }
    .navbar:hover li.active a {
      text-shadow: white 1px 1px 1px;
      color: #444444; }
  .navbar:hover li.show_site {
    margin-left: 10px;
    background: none;
    background-image: url(/images/show_site.png);
    background-position: 0px 13px;
    background-repeat: no-repeat;
    background-color: transparent;
    padding-left: 20px; }
    .navbar:hover li.show_site a {
      color: #c91979; }
  .navbar:hover li.no_style {
    background: none; }
    .navbar:hover li.no_style a {
      cursor: pointer;
      color: #2787c8; }
      .navbar:hover li.no_style a:hover {
        text-decoration: underline;
        color: #472c7b; }

.toggle_contents .content {
  display: none; }
.toggle_contents .content.visible {
  display: block; }

.dragging {
  background: #d9d9d9;
  padding: 10px;
  cursor: "move"; }
  .dragging .contents, .dragging .description {
    display: none; }

h1 input {
  font-size: 16px;
  line-height: 22px;
  position: relative;
  top: -2px; }

form.edit_collection, form.new_collection {
  float: left; }
  form.edit_collection .controls, form.new_collection .controls {
    float: left;
    margin: 10px; }
  form.edit_collection label, form.new_collection label {
    font-weight: bold; }
  form.edit_collection #collection_title, form.new_collection #collection_title {
    font-size: 16px;
    line-height: 22px;
    width: 98%; }
  form.edit_collection #collection_description, form.new_collection #collection_description {
    width: 98%;
    height: 3em;
    height: 100px; }
  form.edit_collection .image_editor, form.new_collection .image_editor {
    display: inline-block;
    height: 200px;
    font-size: 13px; }
    form.edit_collection .image_editor label, form.new_collection .image_editor label {
      display: block;
      margin: 0;
      color: #444444; }
    form.edit_collection .image_editor label, form.edit_collection .image_editor .text_input, form.new_collection .image_editor label, form.new_collection .image_editor .text_input {
      font-size: 13px; }
    form.edit_collection .image_editor .image, form.new_collection .image_editor .image {
      background-position: center center;
      background-repeat: no-repeat;
      float: left;
      width: 160px;
      height: 160px; }
    form.edit_collection .image_editor .text_input, form.new_collection .image_editor .text_input {
      font-weight: bold;
      width: 98%;
      border: 1px transparent solid;
      background: none;
      margin: 0 0 10px; }
    form.edit_collection .image_editor textarea, form.new_collection .image_editor textarea {
      width: 98%;
      height: 72px;
      background: none; }

.iframe {
  height: 1px;
  width: 1px;
  display: inline;
  float: left; }

.image_upload form, .asset_upload form {
  position: relative; }
  .image_upload form .inputfile, .asset_upload form .inputfile {
    z-index: 2;
    position: relative;
    -moz-opacity: 0;
    filter: alpha(opacity=100);
    opacity: 0;
    text-align: right;
    width: 160px;
    overflow: hidden; }
  .image_upload form .upload_button, .asset_upload form .upload_button {
    position: absolute;
    filter: alpha(opacity=0);
    top: 0;
    left: 0;
    z-index: 1; }

textarea.code {
  color: #472c7b;
  font-size: 11px;
  font-family: "monaco", "courier new", "courier", monospace; }

.preview {
  background-color: #ffeeee; }

.blueprint textarea.code, .site_page textarea.code, .edit_theme textarea.code {
  width: 98%; }

.help .topic {
  margin-top: 10px;
  padding-bottom: 10px;
  border-bottom: 1px #d9d9d9 solid;
  float: left;
  width: 100%; }
.help .term {
  font-weight: bold;
  color: #996600; }
  .help .term em {
    font-weight: normal; }
.help .tag {
  margin-top: 20px;
  font-size: 16px;
  line-height: 22px;
  font-weight: bold; }
.help .usage {
  font-family: monospace; }
.help .example {
  float: left;
  width: 100%; }
  .help .example h3 {
    color: #444444;
    margin: 10px 0; }
  .help .example .left, .help .example .right {
    float: left;
    width: 45%;
    margin-right: 10px; }
  .help .example .left {
    color: #1f7a17; }
  .help .example .right {
    color: #c91979; }

#profile .input input, #profile .input textarea {
  font-size: 12px; }
#profile .input textarea {
  padding: 4px;
  width: 98%; }
#profile .wysiwyg iframe {
  height: 60px; }

#appearance_header {
  background: #d9d9d9; }
  #appearance_header .change {
    cursor: pointer;
    background: #eeeeee;
    background: #eeeeee;
    background-image: -webkit-gradient(linear, left top, left bottom, from(#eeeeee), to(white));
    background-image: -moz-linear-gradient(top, #eeeeee, white);
    padding: 5px 8px;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    display: inline;
    color: #444444;
    margin-right: 5px;
    cursor: pointer;
    text-shadow: white 1px 1px 1px; }
    #appearance_header .change.active, #appearance_header .change:hover {
      text-shadow: black 1px 1px 1px;
      background: #444444;
      background: #444444;
      background-image: -webkit-gradient(linear, left top, left bottom, from(#444444), to(black));
      background-image: -moz-linear-gradient(top, #444444, black);
      color: white; }

#appearance {
  float: left;
  width: 100%; }
  #appearance .group {
    display: none; }
  #appearance #save.controls {
    float: left;
    margin-top: 20px; }
  #appearance .label {
    font-weight: bold;
    color: #444444;
    margin-bottom: 10px; }
  #appearance .color_group {
    float: left; }
  #appearance .color_widget {
    position: relative;
    top: 8px;
    float: left; }
    #appearance .color_widget label {
      display: block; }
    #appearance .color_widget .group {
      float: left; }
    #appearance .color_widget .swatch {
      border: 1px #a6a6a6 solid;
      position: relative;
      float: left;
      margin: 0px 10px 0 0;
      height: 80px;
      width: 80px;
      z-index: 1; }
    #appearance .color_widget .color, #appearance .color_widget .color_key, #appearance .color_widget input {
      position: absolute;
      z-index: 10; }
    #appearance .color_widget input {
      left: 4px;
      bottom: 0px;
      width: 60px;
      visibility: hidden; }
    #appearance .color_widget .color {
      padding: 0;
      height: 80px;
      width: 80px;
      z-index: 0;
      float: left; }
    #appearance .color_widget .swatch:hover .color_key, #appearance .color_widget .active .color_key {
      -moz-opacity: 1;
      filter: alpha(opacity=100);
      opacity: 1; }
    #appearance .color_widget .swatch:hover input, #appearance .color_widget .active input {
      visibility: visible; }
    #appearance .color_widget .color_key {
      left: 0px;
      top: 0px;
      padding: 2px;
      width: 76px;
      background: #eeeeee;
      color: #444444;
      -moz-opacity: 0.5;
      filter: alpha(opacity=50);
      opacity: 0.5;
      font-size: 12px;
      line-height: 14px; }
  #appearance #fonts_instructions {
    font-size: 16px;
    line-height: 22px;
    padding: 60px 0; }
  #appearance #fonts_styles {
    background-color: #eeeeee;
    z-index: 22;
    position: relative;
    float: left; }
    #appearance #fonts_styles .fonts_widget {
      float: left;
      cursor: pointer;
      padding: 10px 20px 10px 10px; }
      #appearance #fonts_styles .fonts_widget .fonts_sample {
        font-size: 16px;
        line-height: 22px; }
      #appearance #fonts_styles .fonts_widget .label {
        font-weight: normal; }
      #appearance #fonts_styles .fonts_widget.selected {
        color: black;
        background: white;
        background-image: -webkit-gradient(linear, left top, left bottom, from(white), to(#eeeeee));
        background-image: -moz-linear-gradient(top, white, #eeeeee);
        border-left: 1px #d9d9d9 solid;
        border-right: 1px #d9d9d9 solid; }
        #appearance #fonts_styles .fonts_widget.selected .label {
          color: black;
          font-weight: bold; }
  #appearance #fonts-metrics-selector {
    position: absolute;
    right: 10px;
    top: 5px;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    background: #a6a6a6;
    font-size: 12px;
    color: white; }
    #appearance #fonts-metrics-selector:hover {
      background: #444444; }
    #appearance #fonts-metrics-selector .label {
      font-size: 12px;
      font-weight: normal;
      color: white; }
    #appearance #fonts-metrics-selector input {
      font-size: 12px;
      width: 20px;
      text-align: right;
      border: 1px #d9d9d9 solid;
      color: white;
      font-weight: bold;
      background: none;
      margin: 0 3px; }
    #appearance #fonts-metrics-selector .metric {
      float: left;
      margin: 5px; }
  #appearance .add_typefaces {
    float: left;
    margin: 10px;
    position: relative;
    top: -3px;
    color: #a6a6a6;
    font-size: 12px; }
  #appearance #fonts_selector {
    float: left;
    display: none; }
    #appearance #fonts_selector ul {
      padding: 0;
      margin: 0;
      list-style: none;
      margin: 20px 0;
      float: left; }
      #appearance #fonts_selector ul li {
        padding: 0;
        margin: 0;
        list-style: none; }
      #appearance #fonts_selector ul li {
        text-align: center;
        color: #444444;
        font-size: 16px;
        line-height: 36px;
        display: inline-block;
        zoom: 1;
        *display: inline;
        width: 228px; }
        #appearance #fonts_selector ul li span {
          padding: 10px;
          cursor: pointer; }
      #appearance #fonts_selector ul li:hover, #appearance #fonts_selector ul li.selected {
        color: #c91979; }
        #appearance #fonts_selector ul li:hover .sample, #appearance #fonts_selector ul li.selected .sample {
          color: black; }
      #appearance #fonts_selector ul .sample {
        color: white; }

#appearance_viewport {
  padding: 0;
  text-align: center; }
  #appearance_viewport iframe {
    width: 980px;
    height: 600px;
    -moz-box-shadow: #444444 0px 0px 8px;
    box-shadow: #444444 0px 0px 8px;
    -webkit-box-shadow: #444444 0px 0px 8px; }

.code_editor {
  float: left;
  border: 2px #d9d9d9 solid;
  margin: 20px 10px; }

.CodeMirror-wrapping .CodeMirror-line-numbers {
  background-color: #eeeeee;
  color: #a6a6a6;
  padding: 0 4px;
  font-size: 10px;
  font-weight: bold;
  border-right: 1px #d9d9d9 solid; }