radiant 0.8.2 → 0.9.0.rc2

data/public/stylesheets/admin/main.css

@@ -1,640 +1,1140 @@
+html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {
+  margin: 0;
+  padding: 0;
+  border: 0;
+  outline: 0;
+  font-size: 100%;
+  vertical-align: baseline;
+  background: transparent; }
+
 body {
-  background-color: white;
+  line-height: 1;
   color: black;
+  background: white; }
+
+ol, ul {
+  list-style: none; }
+
+blockquote, q {
+  quotes: none; }
+
+/* remember to define focus styles! */
+*:focus {
+  outline: 0; }
+
+/* remember to highlight inserts somehow! */
+ins {
+  text-decoration: none; }
+
+del {
+  text-decoration: line-through; }
+
+/* tables still need 'cellspacing="0"' in the markup */
+table {
+  border-collapse: collapse;
+  border-spacing: 0; }
+
+body {
   font-size: 95%;
-  font-family: "Lucida Grande", "Bitstream Vera Sans", Helvetica, Verdana, Arial, sans-serif;
-  margin: 0;
-  padding: 0;
-}
-img { 
-  border: none;
-  vertical-align: middle; 
-}
-/* because of IE6 this should be a separate block from the previous one */
-input[type='image'] { 
-  border: none;
-  vertical-align: middle; 
-}
+  font-family: "Lucida Grande", "Bitstream Vera Sans", Helvetica, Verdana, Arial, sans-serif; }
+
+a {
+  color: #0066cc;
+  text-decoration: underline; }
+  a:hover {
+    text-decoration: none; }
+  a.alt {
+    color: red;
+    text-decoration: underline; }
+    a.alt:hover {
+      text-decoration: none; }
+
+big {
+  font-size: 110%; }
+
+h1 {
+  font-size: 180%;
+  font-weight: bold;
+  margin: 0.75em 0; }
+
 h3 {
+  font-weight: bold;
   font-size: 130%;
   margin-top: 1.25em;
-  margin-bottom: .5em;
-}
-.hidden {
-  display: none;
-}
+  margin-bottom: .5em; }
+
+h4 {
+  font-weight: bold; }
+
+p {
+  margin: 1em 0; }
+
+td {
+  vertical-align: middle; }
+
+caption, th, td {
+  text-align: left;
+  font-weight: normal; }
+
+img {
+  border: none;
+  vertical-align: middle; }
+
+input[type=image] {
+  border: none;
+  vertical-align: middle; }
+
+input.big {
+  font-size: 120%; }
+
+#change_password span, span.info, span.error {
+  font-size: 80%; }
+
 .clear {
   font-size: 1px;
-  clear: both;
-}
+  clear: both; }
+
 .warning {
-  color: red;
-}
+  color: red; }
 
 table {
-  border-collapse: collapse;
-}
+  border-collapse: collapse; }
 
-/* main layout */
+body.reversed {
+  background-color: #9e9e9e;
+  color: white; }
+
+body.single_form #content {
+  text-align: center; }
+  body.single_form #content #single_form {
+    margin: 6em auto 0;
+    text-align: left; }
 
 #header {
-  background-color: #c00;
-  color: white;
-  width: 100%;
-  padding-top: 1px;
-  padding-bottom: 20px;
-}
-#header a, #header a:visited {
-  background-color: inherit;
-  color: white;
-  text-decoration: none;
-}
-#header a:hover, #header a:visited:hover {
-  text-decoration: underline;
-}
-#site-title {
-  font-size: 150%;
-  font-weight: bold;
-  margin-top: 19px;
-  margin-left: 20px;
-}
-#site-subtitle {
-  color: #fc6;
-  font-size: 90%;
-  font-style: italic;
-  margin-left: 20px;
-}
-#navigation {
   font-size: 90%;
-  margin-top: -5px;
-  margin-bottom: -20px;
-  line-height: 100%;
-  padding: .5em;
-  padding-right: 20px;
-  border-bottom: 2px solid #c00;
-  _border-bottom: 0; /* IE only */
-  text-align: right;
-}
-#navigation a, #navigation a:visited {
-  background-color: #eae3c5;
-  color: black;
-  display: inline;
-  padding: .5em;
-  padding-left: .9em;
-  padding-right: .9em;
-  text-decoration: none;
-  outline: none;
-  -moz-outline: none;
-}
-#navigation a:hover, #navigation a:visited:hover {
-  text-decoration: underline;
-}
-#navigation strong a, #navigation strong a:visited {
-  background-color: white;
-  color: black;
-}
-#navigation .separator {
-  display: none;
-}
-#main {
-  float: left;
-  width: 100%;
-}
-#content {
-  font-size: 95%;
-  padding: 20px;
-}
-#footer {
-  color: #999;
-  background-color: #f7f7f7;
-  border-top: 1px solid #eaeaea;
-  font-size: 80%;
-  float: left;
-  padding-top: 20px;
-  padding-bottom: 20px;
+  background: #c00 url(../../images/admin/navigation_background.gif) repeat-x;
   width: 100%;
-}
-#footer p {
-  padding-left: 20px;
-  padding-right: 20px;
-}
-#site-links {
+  position: relative;
+  height: auto; }
+
+#site_links {
   color: #f5cbcb;
+  font-size: 80%;
+  float: right;
+  padding: 15px 80px 0 5px;
+  height: 16px; }
+  #site_links a, #site_links a:visited {
+    color: white; }
+  #site_links a:hover, #site_links strong a {
+    text-decoration: none; }
+
+#view_site {
   font-size: 90%;
-  margin: 0;
+  background: url(../../images/admin/view_site.png) no-repeat;
+  display: block;
   position: absolute;
-  right: 0;
-  top: 20px;
-}
-#site-links a, #site-links a:visited {
-  background-color: inherit;
-  color: white;
-}
-#site-links a:hover, #site-links a:visited:hover {
-  text-decoration: none;
-}
-#site-links strong a, #site-links strong a:visited {
-  text-decoration: none;
-}
+  right: 12px;
+  top: 14px;
+  height: 17px;
+  width: 64px;
+  line-height: 17px;
+  padding-left: 1px;
+  text-align: center;
+  text-decoration: none; }
+
+ul#navigation {
+  font-size: 100%;
+  float: left;
+  margin-top: 6px;
+  postion: relative; }
+  ul#navigation li {
+    float: left;
+    height: 30px;
+    margin: 4px 0 0 8px;
+    white-space: nowrap; }
+    ul#navigation li a {
+      background: url(../../images/admin/navigation_tabs.png) left top repeat-x;
+      color: #edd;
+      display: block;
+      height: 30px;
+      line-height: 30px;
+      padding: 0 20px;
+      position: relative;
+      text-decoration: none;
+      -moz-border-radius-topleft: 6px;
+      -webkit-border-top-left-radius: 6px;
+      border-top-left-radius: 6px;
+      -moz-border-radius-topright: 6px;
+      -webkit-border-top-right-radius: 6px;
+      border-top-right-radius: 6px; }
+    ul#navigation li:hover a {
+      background-position: left -48px;
+      color: white; }
+    ul#navigation li.current a {
+      background-position: left -96px;
+      color: #333;
+      font-weight: bold; }
+    ul#navigation li.dimmed a {
+      background-position: 0 -48px; }
+  ul#navigation ul#nav_sub {
+    background: url(../../images/admin/navigation_secondary_background.png) repeat-x;
+    font-size: 95%;
+    clear: both;
+    left: 0;
+    bottom: 0;
+    margin: 0;
+    padding: 0;
+    position: absolute;
+    width: 100%;
+    height: 38px;
+    z-index: 10; }
+    ul#navigation ul#nav_sub li {
+      margin: 0; }
+      ul#navigation ul#nav_sub li a {
+        background: url(../../images/admin/navigation_secondary_background.png) repeat-x;
+        color: #555;
+        display: -moz-inline-stack;
+        display: inline-block;
+        font-weight: normal;
+        line-height: 38px;
+        margin: 0;
+        padding: 0;
+        height: 38px; }
+        ul#navigation ul#nav_sub li a:hover {
+          background-position: left -40px;
+          color: #444; }
+        ul#navigation ul#nav_sub li a.current {
+          background: url(../../images/admin/navigation_secondary_background.png) left -80px repeat-x;
+          color: #333;
+          font-weight: bold; }
+          ul#navigation ul#nav_sub li a.current:hover {
+            background-position: left -120px;
+            color: #222; }
+        ul#navigation ul#nav_sub li a span {
+          background: url(../../images/admin/navigation_secondary_separator.gif) right bottom no-repeat;
+          display: block;
+          margin: 0;
+          padding: 0 26px;
+          height: 38px; }
 
+#header_bottom {
+  clear: both;
+  height: 38px;
+  position: relative; }
+  #header_bottom div {
+    background: url(../../images/admin/navigation_shadow.png) repeat-x;
+    position: absolute;
+    top: 38px;
+    width: 100%;
+    height: 4px; }
 
-/* messages */
+img.avatar {
+  background: white;
+  border: none;
+  padding: 4px;
+  -moz-border-radius: 3px;
+  -webkit-border-radius: 3px;
+  border-radius: 3px;
+  -webkit-box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.25);
+  -moz-box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.25);
+  box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.25); }
+  img.avatar.avatar_32x32 {
+    padding: 2px;
+    -moz-border-radius: 2px;
+    -webkit-border-radius: 2px;
+    border-radius: 2px;
+    -webkit-box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.3);
+    -moz-box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.3);
+    box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.3); }
 
 #notice, #error {
-  background-color: inherit;
-  color: white;
-  margin-top: 25px;
-  margin-left: 20px;
-  margin-right: 20px;
-  padding: .75em;
-  padding-top: 0;
-  padding-bottom: 0;
-}
-#notice {
-  background-color: #0c3;
-  border: 3px solid #7FE699;
-}
-#error {
-  background-color: #c00;
-  border: 3px solid #e67f00;
-}
-h1 { 
-  margin-top: 0;
-}
+  padding: 1px 1em; }
 
+#notice {
+  background-color: #b2e5b2;
+  color: #060; }
 
-/* index table */
+#error {
+  background-color: #f3c2c2;
+  color: #770000; }
 
-#content table.index {
-  font-size: 90%;
-  width: 100%;
-  margin-bottom: 2em;
-  border-bottom: 1px solid #eaeaea;
-}
-#content table.index td, table.index th {
-  text-align: left;
-}
-#content table.index th {
-  background-color: #f5f5f5;
-  font-size: 90%;
-  font-weight: normal;
-  padding: 4px;
-  padding-top: 2px;
-  padding-bottom: 2px;
-}
-#content table.index td {
-  border-top: 1px solid #eaeaea;
-  padding: 4px;
-}
-#content table.index .status {
-  width: 8em;
-}
-#content table.index td.status {
-  background-color: inherit;
-  color: #9eb3bf;
-}
-#content table.index td.status.draft-status {
-  background-color: inherit;
-  color: #c00;
-}
-#content table.index td.status.published-status {
-  background-color: inherit;
-  color: black;
-}
-#content table.index td.status.hidden-stats {
-  background-color: inherit;
-  color: #0c0;
-}
-#content table.index .add-child {
-  width: 100px;
-  padding-left: 0;
-}
-#content table.index .remove {
-  width: 100px;
-  padding-left: 0;
-}
-#content table.index .node .layout,
-#content table.index .node .snippet,
-#content table.index .node .user {
-  font-size: 115%;
-  font-weight: bold;
-}
-#content table.index .node .user small {
-  color: #666;
-  font-size: 90%;
-  font-style: italic;
-  font-weight: normal;
-  margin-left: .5em;
-}
-#content table.index .node.level-0 .page {
-  font-size: 120%;
-  font-weight: bold;
-}
-#content table.index .node.level-1 .page{
-  font-size: 115%;
-  font-weight: bold;
-}
-#content table.index .node.level-2 .page {
-  font-size: 115%;
-}
-#content table.index .node.level-3 .page{
-  font-size: 105%;
-}
-#content table.index .node .page a {
-  text-decoration: none;
-}
-#content table.index .node .page a .title, #content table.index .node .page a:visited .title,
-#content table.index .node .snippet a, #content table.index .node .snippet a:visited,
-#content table.index .node .layout a, #content table.index .node .layout a:visited,
-#content table.index .node .user a, #content table.index .node .user a:visited {
-  color: black;
-  text-decoration: none;
-}
-#content table.index .node.virtual .page a .title, #content table.index .node.virtual .page a:visited .title {
-  color: #9eb3bf;
-}
-#content table.index .node .page a:hover .title, #content table.index .node .page a:visited:hover .title,
-#content table.index .node .snippet a:hover, #content table.index .node .snippet a:visited:hover,
-#content table.index .node .layout a:hover, #content table.index .node .layout a:visited:hover,
-#content table.index .node .user a:hover, #content table.index .node .user a:visited:hover {
-  color: blue;
-  text-decoration: underline;
-}
-#content table.index td.note {
-  color: silver;
-  font-size: 85%;
-  font-style: italic;
-  padding: 3em;
-  text-align: center;
-}
-#content table.index .node .page .info {
-  color: #9eb3bf;
-  font-style: italic;
-  font-weight: normal;
-}
-#content table.index tr.highlight,
-#content table.index tr:hover {
-  background-color: #ffffb3;
-}
-#content table.index .no-children .w1 {
-  padding-left: 23px;
-}
-#content table.index .page .title,
-#content table.index .page .info {
-  position: relative;
-  top: 2px;
-}
-#content table.index .page img.expander {
-  padding: 3px;
-  padding-top: 6px;
-  padding-bottom: 6px;
-}
-
-
-/* form elements */
-
-#content .form-area {
-  background-color: #f5f1e2;
-  margin-left: -20px;
-  margin-right: -20px;
-  padding: 20px;
-  padding-top: 15px;
-  padding-bottom: 10px;
-  width:100%;
-}
-#content .form-area h3 {
-  font-size: 100%;
-  margin-bottom: 0;
-}
-#content .form-area p {
-  margin-top: 0;
-}
-#content .form-area small {
-  font-size: 75%;
-}
-#content .form-area label {
-  font-weight: bold;
-}
-#content .form-area .textbox {
+#content form p label {
+  display: block; }
+  #content form p label.checkbox, #content form p label.radio {
+    display: inline;
+    font-weight: normal;
+    font-size: 95%;
+    text-shadow: none;
+    margin-right: 1em; }
+  #content form p label.multi_option {
+    margin-bottom: 0.3em; }
+#content form p input.textbox {
+  font-family: Georgia, Palatino, "Times New Roman", Times, serif;
+  font-size: 140%;
+  margin-bottom: 0; }
+#content form p input.checkbox, #content form p input.radio {
+  margin-top: 0.3em; }
+#content form p textarea {
   font-size: 100%;
-}
-#content .form-area .title {
-  margin-bottom: 0;
-  width:100%;
-}
-#content .form-area .title label {
+  margin-top: 0.3em; }
+#content form p .value {
   display: block;
-  position: relative;
-}
-#content .form-area .title .textbox {
+  margin-top: 0.25em;
+  text-shadow: #666 1px 1px 0; }
+#content form p .hint {
+  font-size: 90%;
+  display: block;
+  margin-top: 0.25em;
+  text-shadow: 0px 0px 20px rgba(255, 255, 255, 0.1); }
+#content form p a {
+  color: white; }
+  #content form p a.action {
+    background-color: #7e7e7e;
+    font-size: 75%;
+    padding: 0.2em 0.5em 0.30em;
+    text-decoration: none;
+    text-shadow: 0px 0px 20px rgba(255, 255, 255, 0.1);
+    -moz-border-radius: 4px;
+    -webkit-border-radius: 4px;
+    border-radius: 4px; }
+    #content form p a.action:hover {
+      background-color: #555; }
+#content form p.title input.textbox {
+  margin-top: 4px;
   font-family: Georgia, Palatino, "Times New Roman", Times, serif;
   font-size: 200%;
-  width: 100%;
-}
-#content .form-area .content {
-  margin-top: 1em;
-  margin-bottom: 1em;
-}
-#content .form-area .row {
-  clear: both;
-  margin: 1em 0;
-  width: 100%;
-}
-#content .form-area .row p {
-  float: left;
-  margin-right: 2em;
-  margin-bottom: 1em;
-}
-#content .form-area .more-or-less {
+  width: 99.5%; }
+#content form .set {
   float: left;
-  margin-top: 0;
-  margin-bottom: 1em;
   width: 100%;
-}
-#content .form-area .fieldset {
-  margin-right: .5em;
-}
-#content .form-area .error-with-field .error {
+  margin-bottom: 1em;
+  clear: both; }
+  #content form .set p {
+    float: left;
+    margin: 0 1em 0 0; }
+#content form .buttons {
+  color: #666;
+  font-size: 80%;
+  margin-top: 2.5em; }
+  #content form .buttons button, #content form .buttons input.button {
+    font-size: 150%; }
+  #content form .buttons a {
+    color: red;
+    text-decoration: underline; }
+    #content form .buttons a:hover {
+      text-decoration: none; }
+
+.drawer {
+  margin-top: -1em;
+  margin-bottom: 1em; }
+
+.drawer_contents {
+  background: #7e7e7e url(../../images/admin/navigation_shadow.png) repeat-x;
+  -moz-border-radius-bottomright: 6px;
+  -webkit-border-bottom-right-radius: 6px;
+  border-bottom-right-radius: 6px;
+  margin: 0;
+  margin-right: 2px;
+  padding-bottom: 2px;
+  overflow: hidden; }
+  .drawer_contents table.fieldset {
+    margin: 0;
+    padding: 0;
+    width: 100%; }
+    .drawer_contents table.fieldset th, .drawer_contents table.fieldset td {
+      border-top: 1px #999 solid;
+      padding: 6px; }
+    .drawer_contents table.fieldset th.label {
+      font-size: 85%;
+      padding: 0 15px 0 10px !important;
+      whitespace: nowrap;
+      width: 1%;
+      vertical-align: middle;
+      text-align: left; }
+    .drawer_contents table.fieldset td.field {
+      padding-left: 0px;
+      padding-right: 10px;
+      text-align: right;
+      width: auto; }
+      .drawer_contents table.fieldset td.field input.textbox {
+        font-size: 110%;
+        width: 99.5%; }
+    .drawer_contents table.fieldset td.actions {
+      width: 40px;
+      text-align: left;
+      vertical-align: middle; }
+    .drawer_contents table.fieldset tr:first-child td, .drawer_contents table.fieldset tr:first-child th {
+      border-top: none; }
+
+.drawer_handle {
+  padding: 4px 0 5px;
+  margin-top: -1px; }
+  .drawer_handle a {
+    background: #7e7e7e;
+    border-bottom-left-radius: 6px;
+    border-bottom-right-radius: 6px;
+    color: #f0f0f0;
+    font-size: 80%;
+    padding: 4px 21px 5px 10px;
+    position: relative;
+    top: -1px;
+    text-shadow: #666 1px 1px 0;
+    text-decoration: none;
+    -moz-border-radius-bottomleft: 6px;
+    -webkit-border-bottom-left-radius: 6px;
+    border-bottom-left-radius: 6px;
+    -moz-border-radius-bottomright: 6px;
+    -webkit-border-bottom-right-radius: 6px;
+    border-bottom-right-radius: 6px; }
+    .drawer_handle a:hover, .drawer_handle a:active, .drawer_handle a:focus {
+      text-decoration: underline; }
+    .drawer_handle a.more {
+      background: #7e7e7e url(../../images/admin/metadata_toggle.png) no-repeat 85% 8px; }
+    .drawer_handle a.less {
+      background: #7e7e7e url(../../images/admin/metadata_toggle.png) no-repeat 85% -21px; }
+
+.box {
+  color: #333;
+  background: #f5f1e2 url(../../images/admin/vertical_tan_gradient.png) top left repeat-x;
+  font-size: 90%;
+  padding: 1px 15px 10px;
+  margin: 3px 0 20px;
+  height: 1%;
+  overflow-y: auto;
+  -moz-border-radius: 8px;
+  -webkit-border-radius: 8px;
+  border-radius: 8px; }
+  .box h3 {
+    color: #333;
+    margin: 15px 0 0;
+    border-bottom: 1px solid #ccc;
+    padding-bottom: 8px; }
+    .box h3 .actions {
+      float: right; }
+      .box h3 .actions button {
+        font-size: 13px;
+        padding-left: 1em;
+        padding-right: 1em;
+        position: relative;
+        top: -4px; }
+  .box h4 {
+    border-bottom: 1px solid #ccc;
+    padding-bottom: 4px;
+    font-size: 110%;
+    margin-top: 1.5em; }
+  .box p.ruled {
+    border-bottom: 1px solid #ddd;
+    margin: 0;
+    padding: 0.5em 0; }
+    .box p.ruled:last-child {
+      border: none; }
+  .box label {
+    color: #888;
+    width: 12em;
+    display: inline-block; }
+  .box span.uri {
+    color: #3399cc; }
+  .box:last-child {
+    margin: 0; }
+  .box#preferences img.avatar {
+    float: right;
+    margin: 10px 0px; }
+
+.error_with_field .error {
   color: #f00;
   display: block;
   padding: 2px;
-  padding-top: 0;
-}
-#content .buttons {
+  padding-top: 0; }
+
+textarea {
+  border: 1px solid #cdc295;
+  font-family: Monaco, "Courier New", Courier, monospace;
+  font-size: 95%; }
+  textarea.large {
+    height: 280px; }
+
+p.updated_line {
+  background-color: inherit;
   font-size: 80%;
-  margin-top: 2.5em;
-}
-#content .button {
-  font-size: 150%;
-}
-#content table.fieldset {
-  border-bottom: 1px solid #DFD3C3;
-  margin-bottom: .3em;
-  width: 100%;
-}
-#content table.fieldset td, #content table.fieldset th {
-  background-color: white;
-  border-top: 1px solid #DFD3C3;
-  color: inherit;
-  padding: 6px;
-}
-#content table.fieldset th.label {
-  padding-top: 10px;
-  padding-right: 8px;
-  vertical-align: top;
-  white-space: nowrap;
-  width: 1%;
-  text-align: left;
-}
-#content .fieldset label {
+  text-shadow: 0px 0px 20px rgba(255, 255, 255, 0.1);
+  margin-bottom: 0; }
+
+body.reversed #content form p label {
+  color: #f5f5f5;
   font-weight: normal;
-}
-#content table.fieldset th.label .optional {
-  color: #929488;
-}
-#content table.fieldset td.field {
-  padding-left: 0px;
-  padding-right: 10px;
-  text-align: right;
-}
-#content #extended-metadata .fieldset td.field {
-  width: 100%;
-}
-#content table.fieldset td.field .textbox,
-#content table.fieldset td.field textarea {
-  width: 99.5%;
-  margin-right: -5px;
-}
-#content table.fieldset td.help {
-  background-color: #F5F1E2;
+  text-shadow: 1px 1px 0 #888; }
+  body.reversed #content form p label .hint {
+    display: inline; }
+body.reversed #content form .hint {
+  color: #d0d0d0;
+  text-shadow: none; }
+body.reversed #content form .buttons {
+  background: white url(../../images/admin/buttons_background.png) bottom repeat-x;
+  padding: 12px 10px;
+  -moz-border-radius: 8px;
+  -webkit-border-radius: 8px;
+  border-radius: 8px;
+  -webkit-box-shadow: 2px 2px 3px rgba(0, 0, 0, 0.15);
+  -moz-box-shadow: 2px 2px 3px rgba(0, 0, 0, 0.15);
+  box-shadow: 2px 2px 3px rgba(0, 0, 0, 0.15); }
+body.reversed #content form fieldset {
+  background: #858585;
+  padding: 20px 15px;
+  margin-bottom: 20px;
+  overflow: hidden;
+  -webkit-box-shadow: 1px 1px 0 #ababab;
+  -moz-box-shadow: 1px 1px 0 #ababab;
+  box-shadow: 1px 1px 0 #ababab;
+  -moz-border-radius: 8px;
+  -webkit-border-radius: 8px;
+  border-radius: 8px; }
+  body.reversed #content form fieldset h3 {
+    font-weight: bold;
+    font-size: 120%;
+    margin: -20px -20px 0 -20px;
+    padding: 15px 20px 0 20px;
+    text-shadow: 0px 0px 20px rgba(255, 255, 255, 0.1); }
+  body.reversed #content form fieldset p {
+    margin-bottom: 0; }
+body.reversed #content p.updated_line {
+  color: #eee; }
+body.reversed #content textarea {
+  border: 1px solid white; }
+body.reversed #content .box {
+  -webkit-box-shadow: 2px 2px 3px rgba(0, 0, 0, 0.15);
+  -moz-box-shadow: 2px 2px 3px rgba(0, 0, 0, 0.15);
+  box-shadow: 2px 2px 3px rgba(0, 0, 0, 0.15); }
+
+body.single_form #content #single_form {
+  background: #f5f1e2 url(../../images/admin/vertical_tan_gradient.png) center -15px repeat-x;
+  border: 0.35em solid #efead3;
+  padding: 0.5em 1.5em;
+  padding-right: 22px;
+  position: relative;
+  width: 28em;
+  -moz-border-radius: 6px;
+  -webkit-border-radius: 6px;
+  border-radius: 6px; }
+  body.single_form #content #single_form h1 {
+    font-size: 140%;
+    margin: 0.75em 0 1.25em; }
+  body.single_form #content #single_form p {
+    font-size: 90%; }
+    body.single_form #content #single_form p.intro, body.single_form #content #single_form p.error {
+      font-size: 100%;
+      line-height: 1.4; }
+    body.single_form #content #single_form p.error {
+      color: #cc0000; }
+    body.single_form #content #single_form p label {
+      font-size: 105%; }
+      body.single_form #content #single_form p label.checkbox {
+        font-size: 90%; }
+  body.single_form #content #single_form ul {
+    font-size: 90%;
+    list-style: disc;
+    padding-left: 2em; }
+    body.single_form #content #single_form ul li {
+      margin-bottom: 0.5em; }
+  body.single_form #content #single_form input.textbox {
+    width: 98.5%; }
+  body.single_form #content #single_form span.remember_me {
+    color: #333;
+    font-size: 95%;
+    margin-left: 1em; }
+    body.single_form #content #single_form span.remember_me label {
+      margin: 0; }
+    body.single_form #content #single_form span.remember_me a {
+      margin: 0;
+      color: #0066cc;
+      text-decoration: underline; }
+      body.single_form #content #single_form span.remember_me a:hover {
+        text-decoration: none; }
+  body.single_form #content #single_form span.forgot_password {
+    position: relative;
+    top: -3px;
+    margin: 0 1em; }
+    body.single_form #content #single_form span.forgot_password a {
+      color: #0066cc;
+      text-decoration: underline; }
+      body.single_form #content #single_form span.forgot_password a:hover {
+        text-decoration: none; }
+  body.single_form #content #single_form .buttons {
+    margin: 1.75em 0 1em; }
+body.single_form #content p.version {
+  background: url(../../images/admin/single_form_shadow.png) top center no-repeat;
+  color: #666;
   font-size: 80%;
-  padding: 0 10px;
-  width: 31%;
-}
-#content table.fieldset input {
-  font-size: 100%;
-}
-#content table.fieldset .checkbox {
-  display: block;
+  padding-top: 10px;
+  margin-top: 0; }
+
+body.edit_user #avatar, body.edit_personal_preferences #avatar {
+  left: 26em;
+  position: absolute;
+  text-align: center;
+  width: 102px; }
+  body.edit_user #avatar p.caption, body.edit_personal_preferences #avatar p.caption {
+    font-size: 70%;
+    color: #e5e5e5;
+    line-height: 1.3; }
+
+#main {
   float: left;
-  padding-top: 4px;
-  padding-left: 10px;
-  width: 10em;
-  text-align: left;
-}
-#content table.fieldset textarea {
-  font-family: "Lucida Grande", "Bitstream Vera Sans", Helvetica, Verdana, Arial, sans-serif;
-  font-size: 100%;
-  width: 100%;
-  height: 3.75em;
-  margin-top: 4px;
-  margin-bottom: 4px;  
-}
-#content table.fieldset .error-with-field small {
-  color: red;
-}
+  width: 100%; }
 
+#content {
+  font-size: 95%;
+  line-height: 1.2em;
+  padding: 20px; }
+  #content .outset {
+    margin: -20px;
+    margin-bottom: 20px; }
+  #content h1 {
+    margin-top: 0.25em; }
+  #content table.index {
+    font-size: 90%;
+    margin-bottom: 2em;
+    width: 100%; }
+    #content table.index td {
+      text-align: left;
+      padding: 4px;
+      border-bottom: 1px solid #f0f0f0; }
+      #content table.index td.status {
+        color: #9eb3bf; }
+        #content table.index td.status.draft_status {
+          color: #c00; }
+        #content table.index td.status.published_status {
+          color: black; }
+        #content table.index td.status.hidden_status {
+          color: #0c0; }
+      #content table.index td.empty {
+        color: silver;
+        font-size: 85%;
+        font-style: italic;
+        padding: 3em;
+        text-align: center; }
+      #content table.index td.page, #content table.index td.snippet, #content table.index td.layout, #content table.index td.stylesheet, #content table.index td.javascript, #content table.index td.user, #content table.index td.extension, #content table.index td.image, #content table.index td.file {
+        padding-left: 9px; }
+      #content table.index td.user {
+        padding-top: 8px;
+        padding-bottom: 8px; }
+        #content table.index td.user img.avatar {
+          margin-right: 4px;
+          vertical-align: -35%; }
+    #content table.index th {
+      background-color: #9e9e9e;
+      color: white;
+      font-size: 90%;
+      font-weight: normal;
+      padding: 4px;
+      padding-top: 2px;
+      padding-bottom: 2px;
+      text-shadow: 1px 1px 0 #666; }
+      #content table.index th.page, #content table.index th.snippet, #content table.index th.layout, #content table.index th.user, #content table.index th.extension, #content table.index th.image, #content table.index th.file {
+        padding-left: 9px; }
+    #content table.index .status {
+      width: 8em; }
+    #content table.index .add_child {
+      width: 100px;
+      padding-left: 0; }
+      #content table.index .add_child a {
+        color: black;
+        text-decoration: none;
+        font-size: 80%;
+        padding: 0 0 0 20px;
+        background: url(../../images/admin/plus.png) 4px 0 no-repeat; }
+    #content table.index .remove {
+      width: 100px;
+      padding-left: 0; }
+      #content table.index .remove a {
+        color: black;
+        text-decoration: none;
+        font-size: 80%;
+        padding: 0 0 0 20px;
+        background: url(../../images/admin/minus.png) 4px 0 no-repeat; }
+      #content table.index .remove .disabled {
+        color: #ccc;
+        font-size: 80%;
+        padding: 0 0 0 20px;
+        background: url(../../images/admin/minus_disabled.png) 4px 0 no-repeat; }
+    #content table.index .node .layout {
+      font-size: 115%;
+      font-weight: bold; }
+    #content table.index .node .user .login {
+      color: #666;
+      font-size: 90%;
+      font-style: italic;
+      font-weight: normal;
+      margin-left: .5em; }
+    #content table.index .node.level_0 .page {
+      font-size: 120%;
+      font-weight: bold; }
+    #content table.index .node.level_1 .page {
+      font-size: 115%;
+      font-weight: bold; }
+    #content table.index .node.level_2 .page {
+      font-size: 115%; }
+    #content table.index .node.level_3 .page {
+      font-size: 105%; }
+    #content table.index .node .page a {
+      text-decoration: none; }
+      #content table.index .node .page a .title {
+        color: black;
+        font-size: 100%;
+        text-decoration: none; }
+      #content table.index .node .page a:hover .title {
+        color: #0066cc;
+        text-decoration: underline; }
+    #content table.index .node .page .info {
+      color: #9eb3bf;
+      font-style: italic;
+      font-weight: normal; }
+    #content table.index .node.virtual .page a .title {
+      color: #9eb3bf; }
+    #content table.index .page .w1 {
+      position: relative; }
+      #content table.index .page .w1 .title {
+        position: relative;
+        top: 2px; }
+      #content table.index .page .w1 img.expander {
+        left: -25px;
+        position: absolute;
+        padding: 3px;
+        padding-top: 6px;
+        padding-bottom: 6px; }
+  #content #pages label {
+    font-size: 85%;
+    font-weight: normal !important; }
 
-/* tabs */
+table.index th {
+  text-align: left; }
 
-#content #tabs {
-  background-image: url(/images/admin/brown-bottom-line.gif);
-  background-position: bottom;
-  background-repeat: repeat-x;
-  float: left;
-  width: 100%;
-  margin-right: -4px;
-}
-#content #tabs .tab {
-  background-color: #eae3c5;
-  border-bottom: 1px solid #cdc295;
+table.index .node .snippet, table.index .node .user, table.index .node .stylesheet, table.index .node .javascript, table.index .node .image, table.index .node .file {
+  font-size: 115%;
+  font-weight: bold; }
+  table.index .node .snippet a, table.index .node .user a, table.index .node .stylesheet a, table.index .node .javascript a, table.index .node .image a, table.index .node .file a {
+    color: black;
+    text-decoration: none; }
+    table.index .node .snippet a:visited, table.index .node .user a:visited, table.index .node .stylesheet a:visited, table.index .node .javascript a:visited, table.index .node .image a:visited, table.index .node .file a:visited {
+      color: black;
+      text-decoration: none; }
+      table.index .node .snippet a:visited:hover, table.index .node .user a:visited:hover, table.index .node .stylesheet a:visited:hover, table.index .node .javascript a:visited:hover, table.index .node .image a:visited:hover, table.index .node .file a:visited:hover {
+        color: #0066cc;
+        text-decoration: underline; }
+    table.index .node .snippet a:hover, table.index .node .user a:hover, table.index .node .stylesheet a:hover, table.index .node .javascript a:hover, table.index .node .image a:hover, table.index .node .file a:hover {
+      color: #0066cc;
+      text-decoration: underline; }
+table.index .node .page a:visited .title {
   color: black;
-  display: inline-block;
-  font-size: 100%;
-  text-align: left;
-  margin-right: 3px;
-  padding: 15px;
-  padding-top: 7px;
-  padding-bottom: 4px;
-  text-decoration: none;
-  outline: none;
-  -moz-outline: none;
-}
-#content #tabs .tab.here {
-  background-color: white;
-  border: 1px solid #cdc295;
-  border-bottom: 1px solid white;
-  font-weight: bold;
-  padding-left: 13px;
-  padding-right: 13px;
-  padding-top: 6px;
-}
-#content #tab-toolbar {
-  float: right;
-  margin-top: .35em;
-}
-#content #pages {
-  background: white;
-  color: inherit;
-  width: 100%;
-  clear: both;
-}
-#content #pages .page {
-  padding: 20px;
-  border: 1px solid #cdc295;
-  border-top-width: 0;
-}
-#content .textarea {
-  height: 280px;
-  border: 1px solid #cdc295;
-  font-family: Monaco, "Courier New", Courier, monospace;
-  font-size: 95%;
-}
-#content #pages label {
-  font-size: 85%;
-  font-weight: normal !important;
-}
+  text-decoration: none; }
+table.index .node .page a:visited:hover .title {
+  color: #0066cc;
+  text-decoration: underline; }
+table.index .node .layout a {
+  color: black;
+  text-decoration: none; }
+  table.index .node .layout a:visited {
+    color: black;
+    text-decoration: none; }
+    table.index .node .layout a:visited:hover {
+      color: #0066cc;
+      text-decoration: underline; }
+  table.index .node .layout a:hover {
+    color: #0066cc;
+    text-decoration: underline; }
+table.index .node.virtual .page a:visited .title {
+  color: #9eb3bf; }
+table.index tr:hover, table.index tr.hover {
+  background-color: #e0f0ff; }
+table.index .page .info {
+  font-size: 90%;
+  position: relative;
+  top: 2px; }
+
+table.fieldset th {
+  padding: 6px; }
+table.fieldset td.field textarea {
+  width: 99.5%;
+  margin-right: -5px; }
 
+body.reversed #content h1 {
+  border-bottom: 1px solid #ababab;
+  background: #7e7e7e;
+  font-size: 125%;
+  margin: -20px -20px 20px;
+  padding: 15px 20px;
+  text-shadow: 0px 0px 20px rgba(255, 255, 255, 0.1); }
 
-/* popups */
+#actions {
+  position: fixed;
+  left: 0;
+  right: 0;
+  bottom: 0;
+  background: #777; }
+  #actions ul {
+    padding: 14px 8px; }
+  #actions li {
+    display: inline;
+    margin-right: 5px; }
+  #actions a {
+    background: #eee url(../../images/admin/buttons_background.png) repeat-x;
+    color: #333;
+    font-size: 80%;
+    padding: 8px 12px;
+    text-decoration: none;
+    text-shadow: 1px 1px 1px #eee;
+    -moz-border-radius: 5px;
+    -webkit-border-radius: 5px;
+    border-radius: 5px; }
+    #actions a:hover {
+      background: #fff;
+      color: black;
+      text-shadow: 1px 1px 1px #fff; }
+    #actions a img {
+      vertical-align: -20%; }
+  #actions .pagination {
+    float: right;
+    padding: 14px 8px; }
+    #actions .pagination span.current, #actions .pagination span.disabled {
+      background: #eee url(../../images/admin/buttons_background.png) repeat-x;
+      color: #333;
+      font-size: 80%;
+      padding: 8px 12px;
+      text-decoration: none;
+      text-shadow: 1px 1px 1px #eee;
+      -moz-border-radius: 5px;
+      -webkit-border-radius: 5px;
+      border-radius: 5px; }
+    #actions .pagination span.disabled {
+      -moz-opacity: 0.5;
+      -khtml-opacity: 0.5;
+      -webkit-opacity: 0.5;
+      filter: alpha(opacity=50);
+      -ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=50);
+      opacity: 0.5; }
+    #actions .pagination span.current {
+      font-weight: bold;
+      color: #999;
+      border: 1px solid #999; }
 
-#popups .popup {
+#footer {
+  color: #999;
+  background-color: #f7f7f7;
+  border-top: 1px solid #eaeaea;
+  font-size: 80%;
+  float: left;
+  padding-top: 20px;
+  padding-bottom: 20px;
+  width: 100%; }
+  #footer p {
+    padding-left: 20px;
+    padding-right: 20px; }
+
+div.popup {
+  color: #333;
   background-color: white;
-  border: 5px solid silver;
-  color: inherit;
-  padding: 2em;
-  padding-top: 1em;
-  padding-bottom: .5em;
-}
-#popups .popup .busy {
-  float: right;
-}
-#popups .popup h3 {
-  margin-top: 0;
-}
-#popups .popup .close-link {
-  font-size: 85%;
-}
-#add-part-popup {
-  width: 17em;
-}
-
-/* tag reference */
-
-#tag-reference-popup {
-  width: 75%;
-}
-#tag-reference {
-  border: 1px solid silver;
-  height: 300px;
-  overflow: auto;
-  margin-left: -15px;
-  margin-right: -15px;
-  padding: 3px;
-}
-.tag-description {
-  border-bottom: 1px dotted silver;
-  font-size: 90%;
-  padding: 12px;
-}
-.tag-description h4 {
-  color: green;
-  font-size: 120%;
-  margin-top: 0;
-  margin-bottom: 8px;
-}
-.tag-description code {
-  background-color: #f5f5f5;
-  color: #666;
-  font-family: Monaco, "Courier New", Courier, monospace;
-  padding-top: 1px;
-  padding-bottom: 1px;
-}
-.tag-description pre {
-  background-color: #f5f5f5;
-  border: 1px solid #ddd;
-  color: #666;
-  font-family: Monaco, "Courier New", Courier, monospace;
-  overflow: hidden;
-  padding: 10px;
-}
-#reference-links {
-  margin-left: 2em;
-  font-size: 85%;
-}
-#tag-reference-link { 
-  margin: 0 0.5em;
-}
-
-
-/* filter reference */
-
-#filter-reference-popup {
-  width: 75%;
-}
-#filter-reference {
-  border: 1px solid silver;
-  height: 300px;
-  overflow: auto;
-  margin-left: -15px;
-  margin-right: -15px;
-  padding: 15px;
-  padding-top: 1px;
-}
-#filter-reference code {
-  background-color: #f5f5f5;
-  color: #666;
-  font-family: Monaco, "Courier New", Courier, monospace;
-  padding-top: 1px;
-  padding-bottom: 1px;
-}
-#filter-reference pre {
-  background-color: #f5f5f5;
-  border: 1px solid #ddd;
-  color: #666;
-  font-family: Monaco, "Courier New", Courier, monospace;
-  overflow: hidden;
-  padding: 10px;
-}
-#filter-reference h4 {
-  color: green;
-  font-size: 120%;
-  margin-top: 0;
-  margin-bottom: 8px;
-}
-table#filter-reference-table {
-  width: 100%;
-}
-table#filter-reference-table th {
-  color: green;
-  font-size: 120%;
-  padding: 5px;
-  padding-left: 0;
-  padding-right: 0;
-}
-table#filter-reference-table td,
-table#filter-reference-table th {
+  border: 1px solid #777;
+  padding: 0 10px;
+  font-size: 90%; }
+  div.popup .busy {
+    float: right;
+    margin-top: 9px; }
+  div.popup h3.title {
+    background: #ecf4ff;
+    border-bottom: 1px solid #bcd8f4;
+    font-size: 120%;
+    margin: 0 -10px 10px -10px;
+    padding: 6px 10px; }
+  div.popup label {
+    display: block;
+    font-size: 90%; }
+    div.popup label.inline {
+      display: inline; }
+  div.popup input.button {
+    font-size: 120%; }
+  div.popup .buttons {
+    font-size: 90%; }
+    div.popup .buttons input.button {
+      font-size: 130%; }
+  div.popup .tag_description,
+  div.popup .snippet_description {
+    border-bottom: 1px dotted silver;
+    font-size: 95%;
+    padding: 12px 0; }
+    div.popup .tag_description h4,
+    div.popup .snippet_description h4 {
+      color: green;
+      font-size: 120%;
+      margin-top: 0;
+      margin-bottom: 8px; }
+    div.popup .tag_description code,
+    div.popup .snippet_description code {
+      background-color: #f5f5f5;
+      color: #666;
+      font-family: Monaco, "Courier New", Courier, monospace;
+      padding-top: 1px;
+      padding-bottom: 1px; }
+    div.popup .tag_description pre,
+    div.popup .snippet_description pre {
+      background-color: #f5f5f5;
+      border: 1px solid #ddd;
+      color: #666;
+      font-family: Monaco, "Courier New", Courier, monospace;
+      overflow: hidden;
+      padding: 10px; }
+  div.popup .reference {
+    font-size: 90%;
+    border: 1px solid silver;
+    overflow: auto;
+    overflow-y: auto;
+    overflow-x: hidden;
+    line-height: 140%;
+    padding: 12px;
+    padding-top: 1px;
+    height: 300px;
+    width: 40em; }
+    div.popup .reference code {
+      background-color: #f5f5f5;
+      color: #666;
+      font-family: Monaco, "Courier New", Courier, monospace;
+      padding-top: 1px;
+      padding-bottom: 1px; }
+    div.popup .reference pre {
+      background-color: #f5f5f5;
+      border: 1px solid #ddd;
+      color: #666;
+      font-family: Monaco, "Courier New", Courier, monospace;
+      overflow: hidden;
+      padding: 10px; }
+    div.popup .reference h4 {
+      color: green;
+      font-size: 120%;
+      margin-top: 0;
+      margin-bottom: 8px; }
+    div.popup .reference table {
+      width: 100%; }
+      div.popup .reference table th {
+        color: green;
+        font-size: 120%;
+        padding: 5px;
+        padding-left: 0;
+        padding-right: 0; }
+      div.popup .reference table td {
+        border-bottom: 1px dotted silver;
+        padding-top: 8px;
+        padding-bottom: 8px;
+        text-align: left; }
+      div.popup .reference table h1 {
+        color: black;
+        margin: 0;
+        margin-bottom: .5em; }
+      div.popup .reference table acronym {
+        border-bottom: 1px dotted silver; }
+      div.popup .reference table blockquote {
+        border-left: 4px solid silver;
+        padding-left: 1em;
+        padding-right: 1em;
+        margin: 0;
+        margin-top: 1em;
+        margin-bottom: 1em; }
+  div.popup .close_link {
+    text-align: center; }
+
+div.popup .reference table th {
   border-bottom: 1px dotted silver;
   padding-top: 8px;
   padding-bottom: 8px;
-  text-align: left;
-}
-table#filter-reference-table h1,
-table#filter-reference-table h2,
-table#filter-reference-table h3,
-table#filter-reference-table h4 {
+  text-align: left; }
+div.popup .reference table h2, div.popup .reference table h3, div.popup .reference table h4 {
   color: black;
   margin: 0;
-  margin-bottom: .5em;
-}
-table#filter-reference-table acronym {
-  border-bottom: 1px dotted silver;
-}
-table#filter-reference-table blockquote {
-  border-left: 4px solid silver;
-  padding-left: 1em;
-  padding-right: 1em;
-  margin: 0;
-  margin-top: 1em;
-  margin-bottom: 1em;
-}
+  margin-bottom: .5em; }
+
+#tab_control {
+  color: #333;
+  margin-bottom: 1em; }
+  #tab_control .tabs {
+    float: left;
+    width: 100%;
+    margin-right: -4px; }
+    #tab_control .tabs .tab {
+      background-color: #cac8c0;
+      color: #7f7f7f;
+      display: inline-block;
+      font-size: 90%;
+      text-align: left;
+      margin-right: 5px;
+      padding: 8px 15px 5px;
+      text-decoration: none;
+      text-transform: titlecase;
+      -moz-border-radius-topleft: 6px;
+      -webkit-border-top-left-radius: 6px;
+      border-top-left-radius: 6px;
+      -moz-border-radius-topright: 6px;
+      -webkit-border-top-right-radius: 6px;
+      border-top-right-radius: 6px; }
+      #tab_control .tabs .tab.here {
+        background-color: white;
+        color: black;
+        font-weight: bold; }
+      #tab_control .tabs .tab span:hover {
+        color: black; }
+      #tab_control .tabs .tab .close {
+        margin-top: -4px;
+        margin-left: 5px;
+        margin-right: -5px; }
+  #tab_control .pages {
+    background: white;
+    width: 100%;
+    clear: both; }
+    #tab_control .pages .page {
+      padding: 12px 20px 20px;
+      background: url(../../images/admin/vertical_tan_gradient.png) top left repeat-x #f5f1e2;
+      -webkit-box-shadow: 2px 2px 3px rgba(0, 0, 0, 0.15);
+      -moz-box-shadow: 2px 2px 3px rgba(0, 0, 0, 0.15);
+      box-shadow: 2px 2px 3px rgba(0, 0, 0, 0.15); }
+      #tab_control .pages .page p {
+        margin-top: 0; }
+      #tab_control .pages .page label {
+        display: inline;
+        color: #333;
+        font-weight: normal;
+        font-size: 80%;
+        text-shadow: none; }
+    #tab_control .pages .reference_links {
+      font-size: 85%;
+      margin-left: 1em; }
+      #tab_control .pages .reference_links a {
+        color: #0066cc; }
+
+.tabs #tab_toolbar {
+  float: right;
+  overflow: hidden;
+  margin-top: .2em;
+  padding: 3px; }
+
+.reference_links {
+  font-size: 85%; }
+  .reference_links span {
+    padding: 0 0 0 4px; }
+    .reference_links span a {
+      color: #44e; }
+
+#tag_reference_link {
+  margin: 0 0.5em; }
+
+body.reversed #tab_control textarea {
+  border: 1px solid #ccc; }
+
+input.date {
+  background: white url(../../images/admin/calendar_down.gif) right no-repeat;
+  padding-right: 26px;
+  width: 11em; }
+
+.calendar_popup {
+  -webkit-box-shadow: 1px 1px 4px #666666;
+  -moz-box-shadow: 1px 1px 4px #666666;
+  box-shadow: 1px 1px 4px #666666;
+  -moz-border-radius: 5px;
+  -webkit-border-radius: 5px;
+  border-radius: 5px;
+  z-index: 1000;
+  border: 1px solid #b2b2b2;
+  background-color: white;
+  padding: 5px;
+  line-height: 140%!important; }
+  .calendar_popup a {
+    -moz-border-radius: 5px;
+    -webkit-border-radius: 5px;
+    border-radius: 5px; }
+  .calendar_popup table.calendar {
+    font-size: 90%;
+    margin: 0!important; }
+    .calendar_popup table.calendar tr.day_header th {
+      border-top: 1px solid #e4e4e4;
+      border-bottom: 1px solid #e4e4e4;
+      color: #ccc;
+      padding: 2px; }
+    .calendar_popup table.calendar th, .calendar_popup table.calendar td {
+      text-align: center; }
+    .calendar_popup table.calendar th.back, .calendar_popup table.calendar th.month_year, .calendar_popup table.calendar th.forward {
+      padding-bottom: 3px; }
+    .calendar_popup table.calendar td {
+      height: 1em;
+      padding: 3px !important;
+      margin: 0; }
+      .calendar_popup table.calendar td.today {
+        -moz-border-radius: 5px;
+        -webkit-border-radius: 5px;
+        border-radius: 5px;
+        background-color: #e5e5e5; }
+      .calendar_popup table.calendar td.today a {
+        background-color: white; }
+      .calendar_popup table.calendar td.selected a {
+        color: white;
+        background-color: #d60; }
+    .calendar_popup table.calendar a {
+      color: black;
+      display: block;
+      font-family: "Lucida Grande", Tahoma, sans-serif;
+      text-decoration: none;
+      text-align: center;
+      width: 2.25em;
+      padding: .2em 0; }
+      .calendar_popup table.calendar a:hover {
+        color: white !important;
+        background-color: #3257f4 !important; }
+
+body.reversed .calendar_popup {
+  border: 1px solid white; }
+
+.toolbar select {
+  float: left; }
+
+div.textarea_toolbar {
+  float: left;
+  margin-bottom: 8px; }
+  div.textarea_toolbar span.separator {
+    padding: 0;
+    height: 6px;
+    width: 2px;
+    margin: 0 2px;
+    border-left: solid 1px #d5d5d5;
+    border-right: solid 1px #f5f5f5; }
+  div.textarea_toolbar button,
+  div.textarea_toolbar button.unselected {
+    margin: 0;
+    background: none;
+    border: none;
+    padding: 2px 0;
+    text-align: center;
+    width: 24px; }
+    div.textarea_toolbar button img,
+    div.textarea_toolbar button.unselected img {
+      vertical-align: text-bottom; }
+  div.textarea_toolbar button:hover,
+  div.textarea_toolbar button.unselected:hover {
+    border: 1px solid #999;
+    padding: 1px 0; }
+  div.textarea_toolbar button.selected {
+    border: 1px solid #ce9100;
+    background-color: #ffffff;
+    padding: 1px 0; }
+
+table.index td.note {
+  color: silver;
+  font-size: 85%;
+  font-style: italic;
+  padding: 3em;
+  text-align: center; }
+
+.row {
+  clear: both;
+  margin-top: 20px;
+  width: 100%; }
+  .row p {
+    float: left;
+    margin: 0 2em 1.25em 0;
+    font-size: 95%; }
+    .row p label {
+      display: inline;
+      text-shadow: #666 1px 1px 0; }