/* @group Reset */
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td { margin: 0; padding: 0; }
table { border-collapse: collapse; border-spacing: 0; }
fieldset,img { border: 0; }
address,caption,cite,code,dfn,em,strong,th,var { font-style: normal; font-weight: normal; }
li { list-style: none; }
caption,th { text-align: left; }
h1,h2,h3,h4,h5,h6 { font-size: 100%; font-weight: normal; }
abbr,acronym { border: 0; font-variant: normal; }
input,textarea,select { font-family: inherit; font-size: inherit; font-weight: inherit; }
a:link, a:visited { text-decoration: none; color: inherit; }
/* @end */

/* @group Core */
html {
    font-size: 62.5%;
}
body {
    font: 1.25em/1.5em normal Verdana, "Lucida Grande", "Trebuchet MS", Helvetica, Arial, sans-serif;
    color: #626262;
    background: #e8e8e8;
    padding: 0 0 5em;
}
em {
    font-style: italic;
}
strong {
    font-weight: bold;
}
small,
.small {
    font-size: .9em;
    color: #999;
}
p {
    margin: 0 0 1em;
}
a:link,
a:visited {
    text-decoration: underline;
    _color: #626262;
}
/* @end */

/* @group Header */
#header {
    background: #353535 url('images/header.gif') repeat-x;
    padding: 2.5em 0;
    color: #fff;
}
#header a:link,
#header a:visited {
    color: #fff;
}
#header h1 {
    font-size: 3em;
    line-height: 1.25em;
    text-shadow: #000 0 1px 1px;
}
#header #navigation {
    float: right;
    margin-top: 1em;
}
#header #navigation li {
    display: inline;
}
#header #navigation li a:link,
#header #navigation li a:visited {
    float: left;
    margin-left: 2em;
    opacity: .5;
    text-shadow: #888 0 0 10px;
    border-bottom: .25em solid #ddd;
    text-decoration: none;
}
#header #navigation li.selected a:link,
#header #navigation li.selected a:visited,
#header #navigation li a:hover {
    opacity: 1;
}
#header #navigation li.write a:link,
#header #navigation li.write a:visited { border-color: #ef4646; }
#header #navigation li.manage a:link,
#header #navigation li.manage a:visited { border-color: #e19a2c; }
#header #navigation li.settings a:link,
#header #navigation li.settings a:visited { border-color: #16d907; }
#header #navigation li.extend a:link,
#header #navigation li.extend a:visited { border-color: #0096ff; }

#welcome {
    background: #dfdfdf url('images/welcome.gif') repeat-x;
    padding: 1em 0 .8em;
}
#welcome a:link,
#welcome a:visited {
    text-decoration: none;
    background: rgba(0,0,0,.0625);
    padding: 1em;
    margin: -1em 0 -.8em;
    color: #626262;
}
#welcome .right {
    padding-bottom: .8em !important;
}
#welcome a:hover {
    background: rgba(0,0,0,.03125);
}
#welcome a:active {
    background: rgba(0,0,0,.125);
}
/* @end */

/* @group Footer */
#footer {
    width: 425px;
    margin: 2em auto !important;
    font-size: 1.25em;
    padding-top: .5em;
}
#footer img {
    float: left;
    margin: -.5em 2em 0 0;
    x_margin: 0 2em 0 0;
}
#footer .sub {
    color: #acacac;
    font-size: .7em;
}
/* @end */

/* @group Sub-Navigation */
#sub-nav {
    margin-top: 1em;
    _border: 1px solid #e8e8e8; /* Weird IE6 fix. */
}
#sub-nav li {
    float: left;
}
#sub-nav li a:link,
#sub-nav li a:visited {
    float: left;
    padding: .4em .75em;
    background: #dfdfdf;
    border-top: .2em solid #e8e8e8;
    border-bottom: 0;
    color: #737373;
    text-decoration: none;
}
#sub-nav li.selected a:link,
#sub-nav li.selected a:visited {
    background: #fff;
    border-top-color: #c7c7c7;
}
#sub-nav li.right {
    margin: .75em 0 0;
}
#sub-nav li.right a:link,
#sub-nav li.right a:visited {
    float: none;
    background: transparent;
    padding: 0;
    font-size: .95em;
    color: #444;
}
.feathers_sort {
    background: #eee;
    margin-top: .2em;
    height: 2.3em !important;
    border-left: .1em dashed #ccc;
    border-right: .1em dashed #ccc;
}
/* @end */

/* @group Content */
#content {
    background: #fff;
    margin: 0 5em;
    padding: 1em;
}
#content h1 {
    font-size: 2em;
    margin: .2em 0 1em;
    color: #aaa;
    font-weight: bold;
}
#content h2 {
    font-size: 1.5em;
    margin: 0 0 .25em;
    color: #666;
    font-weight: bold;
}
#content h3 {
    font-weight: bold;
    font-size: 1.25em;
    margin-bottom: .5em;
}
#content h4 {
    font-weight: bold;
    font-size: 1.2em;
}
#content h1 .sub {
    font-size: .6em;
    color: #ccc;
}
#content h2 .sub,
#content h3 .sub,
#content h4 .sub {
    font-size: .8em;
    color: #bcbcbc;
}
#content h1.sub,
#content h2.sub,
#content h3.sub,
#content h4.sub {
    color: #bcbcbc;
}
/* @end */

/* @group Extend */
.enable,
.disable {
    width: 49%;
}
.enable h2,
.disable h2 {
    font-weight: normal !important;
    font-size: 1.1em !important;
}
.enable h2 .sub,
.disable h2 .sub {
    color: #bcbcbc;
}
.enable ul,
.disable ul {
    padding: 1em 1em .5em;
}
.enable ul li,
.disable ul li {
    padding: .1em .25em .1em .7em;
    margin: 0 0 .5em;
    list-style: disc inside !important;
    position: relative;
}
.enable ul li img,
.disable ul li img {
    position: absolute;
    top: 4px;
    right: 4px;
}
.enable ul li a.help img,
.disable ul li a.help img {
    top: 3px;
    right: 20px;
    width: 15px;
    height: 15px;
}
.enable ul li .dependencies_message,
.disable ul li .dependencies_message {
    margin: 1em 1em 0;
    color: #ee1111;
}
.enable ul.dependencies_list,
.disable ul.dependencies_list {
    padding: 0 !important;
    margin: .5em 2em;
    border: 0;
    background: transparent;
}
.enable ul.dependencies_list li,
.disable ul.dependencies_list li {
    padding: 0;
    margin: 0;
    list-style: disc;
    position: normal;
    background: transparent;
}
.enable ul li .sub,
.disable ul li .sub {
    font-size: .9em;
}
.enable ul li .enable_button,
.disable ul li .disable_button {
    display: block;
    padding: .25em .5em;
    text-align: right;
}
ul.extend .expand {
    margin: 0 -.25em 0 -.7em;
}
.enable h2 {
    color: #4f8f62 !important;
}
.enable ul {
    background: #dbffe6;
    border: 1px solid #dbffe6;
}
.enable ul li {
    background: #e6ffee;
    color: #386345;
}
.enable ul.hover {
    border: 1px solid #b3d1bb;
}
.enable ul li a:link,
.enable ul li a:visited,
.enable ul li .sub a:hover {
    text-decoration: none;
    color: #386345;
}
.enable ul li .sub,
.enable ul li .sub a:link,
.enable ul li .sub a:visited {
    color: #74a683;
}
.enable ul li .description {
    padding: .5em;
    background: #F7FFF9;
}
.enable ul li .enable_button {
    color: #189100;
}
.enable ul li .enable_button:hover {
    background: #189100;
    color: #fff;
}
.enable ul li .enable_button:active {
    background: #067000;
}
.disable h2 {
    color: #ff7070 !important;
}
.disable ul {
    background: #ffdbdb;
    border: 1px solid #ffdbdb;
}
.disable h2 .sub {
    color: #bcbcbc;
}
.disable ul li {
    background: #ffe6e6;
    color: #653b3d;
}
.disable ul.hover {
    border: 1px solid #cfb2b2;
}
.disable ul li a:link,
.disable ul li a:visited,
.disable ul li .sub a:hover {
    text-decoration: none;
    color: #7b4d4d;
}
.disable ul li .sub,
.disable ul li .sub a:link,
.disable ul li .sub a:visited {
    color: #a97f7f;
}
.disable ul li .description {
    padding: .5em;
    background: #FFF1F1;
}
.disable ul li .disable_button {
    color: #d51800;
}
.disable ul li .disable_button:hover {
    background: #d51800;
    color: #fff;
}
.disable ul li .disable_button:active {
    background: #b30600;
}
/* @end */

/* @group Theme Changing */
.theme {
    text-align: center;
    margin-right: 15px !important;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border: 0 !important;
    padding-bottom: 20px !important;
    position: relative;
}
.theme .link {
    font-weight: bold;
    text-align: center;
    text-decoration: none;
}
.theme .link span {
    display: block;
}
.theme.current {
    background: #EBFAE4;
    color: #65845e;
}
.theme.current small,
.theme.current small a:link,
.theme.current small a:visited {
    color: #789f72;
}
.theme.current .button {
    background: #189100;
    color: #FFF;
    border: 0;
}
.theme img.screenshot {
    padding: 5px;
    background: #FFF;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
}
.theme a:hover img.screenshot {
    background: #CCC;
}
.theme small {
    font-weight: normal;
}
/* @end */

/* @group Forms */
form.delete blockquote {
    width: 75%;
    margin: 0 auto;
    font-style: italic;
}
form.delete blockquote h2,
form.delete .noitalic {
    font-style: normal;
}
form.delete blockquote h2 input[type="checkbox"] {
    position: relative;
    top: -.125em;
}
form.delete h2.inline {
    display: inline;
}
form.delete select {
    position: relative;
    top: -2px;
}
form.split label {
    width: 41%;
    float: left;
    text-align: right;
    font-weight: bold;
    padding: 4px 2% 5px;
    color: #999;
}
form.split label.normal {
    font-weight: normal;
    font-size: 1em !important;
    margin-top: 2px;
}
form.split label .sub {
    display: block;
}
form.split label input {
    margin: -.5em 0 !important;
}
form.split select {
    margin: 3px 0 .2em;
}
form.split small,
form.split .small {
    display: block;
    margin-left: 45%;
}
form.split button,
form.split .button {
    margin-left: 45%;
}
form .buttons {
    margin-top: 2em;
}
form.inline,
form.inline fieldset {
    display: inline;
}
h1 form.inline,
h2 form.inline,
h3 form.inline,
h4 form.inline {
    font-size: .625em;
    margin-left: 1em;
}
label {
    display: block;
    font-size: 1.1em;
}
form p .sub,
label .sub,
tr .sub {
    font-size: .8em;
    color: #999;
    font-weight: normal;
}
input.text,
input[type="text"],
input[type="password"],
input.file,
textarea {
    font-size: 1.25em;
    padding: 3px;
    border: 1px solid #ddd;
    background: #fff;
}
input.file {
    border: none;
}
input.text,
input.file,
select,
textarea {
    margin-bottom: .25em;
}
input.text {
    width: 15em;
}
input.checkbox {
    margin: .6em .5em .75em 0;
}
th input.checkbox {
    margin: 0;
}
span.checkbox {
    position: relative;
    top: -3px;
}
textarea {
    font-size: 1em;
    font-family: "Monaco", "Consolas", monospace;
}
input.code,
textarea.code,
code {
    font-family: "Consolas", "Monaco", monospace;
}
textarea.wide,
input.text.wide {
    padding: .5%;
    width: 99%;
    _width: 100%; /* Hooray for IE6's randomized box model. */
}
/* @end */

/* @group Tables */
table thead tr {
    background: #555;
    color: #fff;
    border-left: 2px solid #444;
    border-top: 2px solid #444;
    border-bottom: 2px solid #444;
    border-right: 2px solid #444;
}
table thead tr th {
    padding: .25em .5em;
    border-right: 1px solid #444;
    font-weight: bold;
}
table thead tr th input {
    position: relative;
    top: -.15em;
}
table thead tr th.header {
    cursor: pointer;
}
table thead tr th.headerSortDown,
table thead tr th.headerSortUp {
    background: #444;
}
table tbody tr {
    border-left: 2px solid #eee;
    border-right: 2px solid #eee;
}
table tbody tr.last {
    border-bottom: 2px solid #eee;
}
table tbody tr td {
    padding: .25em .5em;
    border-right: 1px solid #eee;
    border-bottom: 1px solid #eee;
    vertical-align: middle;
}
table tbody tr td p {
    margin: .5em 0;
}
table tbody tr td.main {
    background: #f9f9f9;
    font-weight: bold;
}
table tbody tr td.center,
table tbody tr th.center {
    text-align: center;
    vertical-align: middle;
}
table tbody tr td.controls {
    text-align: center;
    font-size: .95em;
    color: #888;
}
table tbody tr td.controls img {
    margin-bottom: -3px;
    margin-right: 1px;
}
table tbody tr td.main a:link,
table tbody tr td.main a:visited,
table tbody tr td.controls a:link,
table tbody tr td.controls a:visited {
    text-decoration: none;
}
tr.draft,
tr.excerpt,
tr.draft td,
tr.excerpt td,
tr.draft td.main {
    background-color: #dff4ff;
    border-color: #c2e1ef !important;
    color: #336699;
}
tr.excerpt p {
    margin: 0;
}
/* @end */

/* @group Preview */
h1.preview-header {
    margin: 0 0 .5em !important;
}
.preview-content {
    margin: 0 0 2em;
    padding-bottom: .75em;
    border-bottom: 1px dotted #ddd;
}
.preview-content ul,
.preview-content ol {
    margin: 0 0 1em 2em;
    list-style: square;
}
.preview-content ol li {
    list-style: decimal;
}
.preview-content a:link,
.preview-content a:visited {
    text-decoration: underline;
    color: #222;
}
.preview-content hr {
    margin: 2em 0;
}
.preview-content blockquote {
    margin: 0 2em;
    color: #999;
}
/* @end */

/* @group Messages */
p.message {
    font-size: 1.1em;
    padding: .6em;
    margin-bottom: 1.75em;
    background: #f1f1f1;
    border: 1px solid #ccc;
    color: #fff;
}
p.message a:link,
p.message a:visited {
    color: #fff;
}
p.message.yay {
    background: #189100;
    border-color: #105f00;
}
p.message.boo {
    background: #d51800;
    border-color: #9f1000;
}
/* @end */

/* @group Buttons */
/* Inspiration from Chawlk. */
button,
.button,
a.next_page,
a.prev_page {
    display: inline-block;
    font-family: Verdana, Helvetica, Arial, sans-serif;
    font-weight: bold;
    font-size: 1.125em;
    margin: 0 .5em 0 0;
    color: #333;
    padding: .5em .75em !important;
    background: #f1f1f1;
    border: 1px solid #ccc;
    border-top-color: #f1f1f1;
    border-left-color: #f1f1f1;
    border-bottom: 1px solid #ccc !important;
    cursor: pointer;
    text-decoration: none !important;
}
.button {
    padding: .6em 1em .5em .9em;
}
button.lite {
    padding: .15em .375em .25em .275em !important;
}
.button.lite,
a.next_page,
a.prev_page {
    padding: .1em .4em .2em !important;
}
button.inline {
    position: relative;
    top: -1px;
    padding: 4px 5px 4px 4px !important;
    _padding: 0 !important;
}
button.right,
.button.right,
a.next_page {
    margin: 0 0 0 .5em;
    float: right;
}
button:hover,
.button:hover,
a.next_page:hover,
a.prev_page:hover {
    background: #f7f7f7;
    border-color: #f7f7f7;
    border-bottom-color: #d1d1d1 !important;
    border-right-color: #d1d1d1;
}
button:active,
.button:active,
a.next_page:active,
a.prev_page:active,
button.selected,
.button.selected,
a.next_page.selected,
a.prev_page.selected {
    background-color: #d7d7d7;
    border-color: #d7d7d7;
    border-left-color: #b1b1b1;
    border-top-color: #b1b1b1;
    border-bottom-color: #d7d7d7 !important;
}
button.boo,
.button.boo {
    background: #faebe4;
    color: #3e3634;
    border-color: #faebe4;
    border-bottom-color: #d6bdb5;
    border-right-color: #d6bdb5;
}
button.boo:hover,
.button.boo:hover {
    background: #d51800;
    color: #fff;
    border-color: #d51800;
    border-bottom-color: #9f1000 !important;
    border-right-color: #9f1000;
}
button.boo:active,
.button.boo:active,
button.boo.selected,
.button.boo.selected,
a.next_page.boo.selected,
a.prev_page.boo.selected {
    background: #b30600;
    border-color: #b30600;
    border-left-color: #7d0000;
    border-top-color: #7d0000;
    border-bottom-color: #b30600 !important;
}
button.yay,
.button.yay {
    background: #ebfae4;
    color: #363e34;
    border-color: #ebfae4;
    border-bottom-color: #bdd6b5;
    border-right-color: #bdd6b5;
}
button.yay:hover,
.button.yay:hover {
    background: #189100;
    color: #fff;
    border-color: #189100;
    border-bottom-color: #105f00 !important;
    border-right-color: #105f00;
}
button.yay:active,
.button.yay:active,
button.yay.selected,
.button.yay.selected,
a.next_page.yay.selected,
a.prev_page.yay.selected {
    background: #067000;
    border-color: #067000;
    border-left-color: #003d00;
    border-top-color: #003d00;
    border-bottom-color: #067000 !important;
}
button[disabled="disabled"],
button.disabled,
.button.disabled {
    background: #f0f0f0;
    border-color: #f0f0f0 !important;
    color: #999;
}
button[disabled="disabled"]:hover,
button.disabled:hover,
.button.disabled:hover {
    background: #f0f0f0;
    border-color: #f0f0f0 !important;
    color: #999;
    cursor: default;
}
button img,
.button img {
    margin: 0 6px -3px -4px;
}
button.lite img,
.button.lite img {
    margin: 0 -1px -3px 0;
}
/* @end */

/* @group Options */
.more_options_link {
    font-weight: bold;
    color: #999;
    border-bottom: 1px solid #ddd;
    display: block;
    text-decoration: none !important;
}
.more_options_link:hover {
    color: #666;
    border-bottom-color: #aaa;
}
.more_options {
    background: #f9f9f9;
    padding: 2% 0 0 2%;
    _float: left;
}
.more_options p {
    width: 48%;
    margin: 0 2% 0 0;
    min-height: 5.75em;
    padding: 0 0 .5em;
    float: left;
}
.more_options p input.text {
    width: 96.5%;
    margin: 0;
}
/* @end */

/* @group Page Reordering */
ul.sort_pages,
ul.sort_pages ul {
    padding: 0;
    margin: 0 0 0 2em;
}
ul.sort_pages li a:link,
ul.sort_pages li a:visited {
    text-decoration: none !important;
}
ul.sort_pages input {
    font-size: 1em;
    margin: .25em .25em .25em 0;
}
.sort_hover {
    background: #ddd;
}
.sort-placeholder {
    border: 1px dashed #777;
    height: 1.6em;
    margin-bottom: .5em;
    display: list-item !important;
}
/* @end */

/* @group Helpers & General */
.big {
    font-size: 1.5em !important;
}
.breakword {
    word-wrap: break-word !important;
}
div.controls.right {
    margin-top: -2px;
}
div.controls h4 {
    display: inline;
}
div.controls button,
div.controls .button {
    position: relative;
    top: -2px;
    right: -1px;
    margin: 0 0 0 .5em;
}
hr {
    border: 0;
    border-top: 1px solid #ddd;
}
#content ul li {
    list-style: square;
}
.box {
    background: #f5f5f5;
    border: 1px solid #ddd;
    padding: 1em;
    margin: 0 0 1em;
}
.box h1 {
    font-size: 1.25em !important;
    margin: 0 !important;
}
.box h1 .sub {
    font-weight: normal;
    font-size: .75em;
}
.box h1 span.right {
    font-size: .75em;
    color: #666;
}
.box h1 span.right a:link,
.box h1 span.right a:visited {
    margin-left: 1em;
    text-decoration: none;
}
.box h1 span.right a img {
    margin-bottom: -3px;
}
.edit_link:hover {
    color: #333;
}
.delete_link {
    color: #b30600;
}
table tbody td .delete_link {
    margin: 0 -.4em 0 0;
}
.delete_link:after {
    content: "!";
    opacity: 0;
}
.delete_link:hover {
    color: #f00;
}
.delete_link:hover:after {
    color: #f00;
    opacity: 1;
}
a.emblem {
    border: none;
}
a.emblem img {
    margin-bottom: -2px;
}
.pad {
    padding: .75em;
}
.margin-right {
    margin-right: 1em;
}
.margin-left {
    margin-left: 1em;
}
.detail .button.right {
    margin-top: 2.25em;
}
.detail.inline {
    position: relative;
    bottom: -.75em;
}
.wide {
    width: 100%;
}
.clear {
    clear: both;
}
.left {
    float: left !important;
}
.right {
    float: right !important;
}
.center {
    margin: 0 auto;
    text-align: center;
}
.column {
    margin: 0 5em;
}
br#after_options {
    display: none;
}
.js_enabled {
    display: none;
}
img.smiley {
    margin: 0 0 -.3em;
}
.inline {
    display: inline;
}
.pagination a.prev_page {
    float: left;
}
.pagination .pages {
    display: block;
    text-align: center;
    width: 20em;
    margin: 0 auto;
    font-weight: bold;
    color: #bbb;
}
.group_prefix {
    color: #999;
}
/* @end */

