html {background:#f6f6f6}
body {background:#f6f6f6;font:13px Arial,Helvetica,sans-serif;padding:0 0 15px}
h1, h2, h3, h4, h5, h6 {font-family:'Trebuchet MS',Arial,Helvetica,sans-serif;margin:10px 0}
h1 {font-size:26px}
#body h1, h2 {font-size:20px;font-weight:normal}
a {color:#369;font-weight:bold;text-decoration:none}
a:hover {color:#000;text-decoration:underline}
:focus {outline:0}
dl {float:left;margin:0 50px 30px 0}
dt {border-bottom:2px dotted #ccc;font-weight:bold;margin:0 0 5px 0;padding:0 20px 5px 10px}
dd {margin:0;padding:0 10px}
.data {background:#fff;border:1px solid #999;border-collapse:collapse;box-shadow:2px 2px 2px #e5e5e5;-moz-box-shadow:2px 2px 2px #e5e5e5;-webkit-box-shadow:2px 2px 2px #e5e5e5;clear:both;margin:1px;width:100%}
.data th, .data td {border:1px solid #ccc;padding:4px 8px;text-align:left}
.data th {background:#fff url(/i/th.png) repeat-x}
.data tr:hover td {background:#f3f3f3 url(/i/bubble-up-faint.png) bottom repeat-x}
.data .desc {cursor:default;display:none;position:relative}
.data tr:hover .desc {display:block}
.data .desc div {background:#f3f3f3 url(/i/bubble-down-faint.png) repeat-x;border:solid #ccc;border-width:0 1px 2px 1px;color:#777;font-size:10px;right:4px;position:absolute;top:0px}
.data .desc div p {margin:1px 0 0 0;padding:2px 4px}
.data .desc:hover {visibility:hidden !important}
.data th.block, .data td.block {padding:0}
.data th.block a, .data td.block a {display:block;padding:4px 8px}
.data .block .desc {cursor:pointer}
textarea {font-family:Consolas,'Lucida Console','Bitstream Vera Sans Mono','Courier New',Courier,monospace;line-height:1.4em;width:100%}

#nojs {background:rgba(128,128,128,.75);border-collapse:collapse;bottom:0;height:100%;left:0;position:fixed;right:0;top:0;width:100%;z-index:9999999}
#nojs td {vertical-align:middle}
#nojs div {background:#fff;border:1px solid #ccc;box-shadow:2px 2px 10px rgba(0,0,0,.5);-moz-box-shadow:2px 2px 10px rgba(0,0,0,.5);-webkit-box-shadow:2px 2px 10px rgba(0,0,0,.5);font-size:18px;margin:-10% auto 0;padding:0 10px;width:460px}
#nojs h1, #nojs p {margin:10px 0}

#alerts, #errors {background:none;height:0;left:0;margin:0;padding:0;position:absolute;right:0;text-align:center;top:0;z-index:9999}
#alerts ul, #errors ul {background:#8fff8f;background:rgba(143, 255, 143, 0.55);background:#b4e5b4;background:rgba(124,222,124,.5);border:solid #72cc72;border-width:0 1px 1px;-moz-border-radius:0 0 5px 5px;display:inline-block;list-style:none;margin:0;padding:5px 10px 5px 25px}
#errors h2 {display:none}
#errors ul {background:red;border-color:#900;list-style:disc;color:#fff} /* TODO: style me */
#alerts li, #errors li {position:relative}
#alerts em, #errors em {background:url(/i/alert-x.png);cursor:pointer;display:block;height:15px;left:-18px;position:absolute;top:1px;width:15px}
#alerts em:hover, #errors em:hover {background-position:bottom}

#header {background:#fff url(/i/th.png) 0 -1px repeat-x;border-bottom:1px solid #ccc;left:0;padding:5px 10px;position:fixed;right:0;top:0;z-index:9999}
#header h1 {font-size:16px;margin:-1px 0 0;text-shadow:2px 2px 2px #ccc}
#header h1 span {color:#999;cursor:default;margin:0 5px}
#header h1 b {cursor:pointer;margin:-1px -3px;padding:1px 3px}
#header h1 b:hover {background:#fff}
#controls {line-height:30px;position:absolute;right:10px;top:0}
#nav {left:0;position:absolute;top:0}
#nav.dropdowns ul {cursor:default;font-weight:bold;left:auto;line-height:24px;padding:0;position:absolute;right:-6px;top:3px;width:49px}
#nav.dropdowns > blockquote > div > ul > li > span > b {color:#000;font-weight:normal;position:absolute;right:1px}
#nav.dropdowns ul ul {width:auto}
#nav.dropdowns ul a {padding:0 8px !important}
#nav.dropdowns ul span {color:#369;padding:0 8px !important}
#nav.dropdowns ul li:hover span {color:#000}
#nav.dropdowns .parent {margin:0 0 0 -5px}
#nav.dropdowns .parent > a, #nav.dropdowns .parent > span {padding:0 8px !important}
#nav.dropdowns .parent:hover {background:#f6f6f6 url(/i/bubble-down.png) bottom repeat-x;border:solid #ccc;border-width:1px 1px 0 1px;-moz-border-radius:10px 10px 0 0;-webkit-border-top-left-radius:10px;-webkit-border-top-right-radius:10px;box-shadow:3px 3px 3px #444;-moz-box-shadow:3px 3px 3px #444;-webkit-box-shadow:3px 3px 3px #444;line-height:22px}
#nav.dropdowns .parent:hover > span {border-bottom:1px solid #f8f8f8;padding:0 7px 1px 7px !important;position:relative;top:0;z-index:2}
#nav.dropdowns .parent:hover > span > b {display:none}
#nav.dropdowns ul div {left:auto;right:-1px;top:23px}
#nav.dropdowns ul ul {background:#f8f8f8;border:1px solid #ccc}
#nav.dropdowns ul ul a {font-weight:normal;padding:0 8px !important}
#body {bottom:0;left:0;overflow:auto;padding:0 15px;position:absolute;right:0;top:31px}
#body-top {margin:0 0 15px 0}
#body-bot {margin:15px 0 0 0}
#footer {color:#aaa;margin:10px 0}
#footer a {color:#aaa;font-weight:normal;text-decoration:underline}

#new {color:#369;cursor:default;float:right;font-weight:bold;margin:5px 0 0 0;position:relative;white-space:nowrap}
#new div {background:#f6f6f6;border:solid #999;border-width:1px 1px 2px 1px;display:none;position:absolute;right:-5px;top:17px;z-index:1}
#new a {display:block;font-weight:normal;padding:2px 4px}
#new:hover {color:#000;text-decoration:none}
#new:hover div {display:block}
#new:hover span {background:#f6f6f6 url(/i/bubble-down.png) bottom repeat-x;border:solid #999;border-width:1px 1px 0 1px;-moz-border-radius:10px 10px 0 0;-webkit-border-top-left-radius:10px;-webkit-border-top-right-radius:10px;padding:2px 4px;position:relative;right:-5px;top:0;z-index:2}

#dialogue {background:rgba(0,0,0,.5)}
#dia-box {background:#fff;border-color:#ccc}

.unlExpand #body {overflow:hidden;padding:0}
.unlExpand #body-top, .unlExpand #body-bot {display:none}

#buttons {position:fixed;right:220px;top:3px;z-index:9999}

#doc {border-collapse:collapse}
#doc textarea {visibility:hidden}
#doc #doc-body_tbl {border:0}
.defaultSkin table.mceLayout tr.mceLast td {border-bottom:0 !important}
.mceIframeContainer {vertical-align:top !important}

#rpg-pf {font:small-caps 12px Georgia,'Times New Roman',Times,serif}
#rpg-pf .rpg-box {background-color:#fff !important;border:1px solid #e0e0e0;box-shadow:inset 0 0 25px #d4d4d4;-moz-box-shadow:inset 0 0 25px #d4d4d4;-webkit-box-shadow:inset 0 0 25px #d4d4d4;padding:10px}
#rpg-pf > table {margin:0 auto;width:auto !important}
#rpg-pf table {border-spacing:0}
#rpg-pf table table th, #rpg-pf table table td {padding:2px}
#rpg-pf th {background:#000;color:#fff;font-size:10px;font-weight:bold;padding:1px 2px}
#rpg-pf th span {font-size:13px;font-weight:bold}
#rpg-pf th div {font-size:20px;font-weight:bold}
#rpg-pf .headings th {background:none;color:inherit;font-weight:normal}
#rpg-pf td {vertical-align:top;padding:1px 2px}
#rpg-pf input[type='text'], #rpg-pf select, #rpg-pf textarea {border:1px solid #000;width:40px}
#rpg-pf textarea {width:auto}
#rpg-pf label {display:block}
#rpg-pf #pf-section-header input[type='text'], #rpg-pf #pf-section-header select, #rpg-pf #pf-section-header textarea {background:#eee;border:solid #000;border-width:0 0 1px 0;width:40px}
#rpg-pf .pf-section-divider hr {background:#aaa;border:2px solid #ddd;margin:20px auto;width:100%}
#rpg-pf .pf-collapsed-table {border-collapse:collapse;border-spacing:0;width:400px}
#rpg-pf .pf-collapsed-table th {border:1px solid #000;padding:1px 6px}
#rpg-pf .pf-collapsed-table td {border:1px solid #000;padding:0}
#rpg-pf .pf-collapsed-table .empty {border-right:0;border-top:0;padding:5px}
#rpg-pf .pf-collapsed-table input {border:0;width:100%}


#doc-footer {background:#ddd;bottom:0;border-collapse:collapse;border-top:1px solid #bbb;display:none;left:0;position:fixed;right:0}
#doc-footer.show-dice, #doc-footer.show-notes {display:block}
#doc-footer #doc-notes, #doc-footer #dice {display:none}
#doc-footer button {float:right;margin:0 0 0 10px}
#doc-footer label {line-height:25px;margin:0 0 8px;padding:0 0 0 2px}
#doc-footer label b {line-height:25px;padding:0 0 0 2px}
#doc-footer textarea {border:1px solid #999;height:120px;width:99.9%}
.show-notes #doc-footer #doc-notes {display:block}
#doc-footer.show-dice #dice {display:block}

#dice {height:88px;text-align:center}
#dice-ctrls {float:left}
#dice-ctrls span {display:block}
#dice table {border-collapse:collapse;cursor:default;font:bold 10px Verdana,Arial,Helvetica,sans-serif}
#dice td {border:1px solid #777;padding:0;text-align:center}
#dice tr:first-child td {border-top:0}
#dice a {background:#352d1d url(/i/fade-top-25-white.png) 0 -15px repeat-x;border:1px solid #352d1d;color:#edecb5;cursor:pointer;display:block;line-height:20px;outline:none;position:relative;text-decoration:none;width:22px}
#dice a:hover {background-position:0 -10px}
#dice a i {background:#352d1d;bottom:-2px;height:1px;left:-1px;position:absolute;right:-1px}
#dice #dice-cust {background:#352d1d;border-bottom:0;color:#edecb5;padding-right:0;text-align:center}
#dice input {border:0;font-size:10px;margin:2px 5px 2px 1px;padding:1px 0;text-align:center;vertical-align:middle;width:26px}
#dice #dice-count {margin:2px 1px 2px 5px;width:25px}
#dice div {height:88px;left:85px;overflow:hidden;position:absolute;right:22px;top:0}
#dice div div {float:left;margin:0 10px 0 0;position:static}
#dice div span {color:#777;cursor:default;display:block;font-size:9px;margin:12px 0 11px}
#dice div b {display:block;font-size:15px}
#dice .dice-cust b {border-bottom:1px dotted #777;margin-bottom:-1px}
#dice div i {color:#777;display:block;font-size:10px;font-style:normal;font-weight:normal;line-height:7px;margin:0 0 -7px}
#dice #dice-clear {background:#ccc url(/i/dice-clear.gif) left;border:0;color:#555;font-size:10px;height:89px;padding:0 0 1px;position:absolute;right:0;top:0;width:17px}
#dice #dice-clear b {display:none}
#dice #dice-clear:hover {background-position:right;color:#000}