/* RESET */
html,body,div,ul,ol,li,dl,dt,dd,h1,h2,h3,h4,h5,h6,pre,form,p,blockquote,fieldset,input,textarea,select,button { margin: 0; padding: 0; outline: 0; }
h1,h2,h3,h4,h5,h6,pre,code,address,caption,cite,code,em,strong,th { font-size: 1em; font-weight: normal; font-style: normal; }
ul,ol { list-style: none; }
fieldset,img { border: none; }
caption,th { text-align: left; }
table { border-collapse: collapse; border-spacing: 0; }
strong { font-weight: bold; }
em { font-style: oblique; }
body, input, select, textarea, button { font: 12px/18px Helvetica, Arial, Tahoma, Verdana, sans-serif; overflow-x: hidden; }
a { text-decoration: underline; color: #00a; }
label { font-style: oblique; color: #444; }
.form label { font-style: normal; font-weight: bold; }
button { display: inline-block; margin: 0 1em 1em 0; padding: .5em 1em; border: .1em solid #888; text-shadow: rgba(255, 255, 255, 0.4) 0px 1px; cursor: default; -webkit-user-select: none; -moz-user-select: none; -webkit-border-radius: .3em; -moz-border-radius: .3em; border-radius: .3em; -webkit-box-shadow:  0 0 .3em #ccc; -moz-box-shadow:  0 0 .3em #ccc; box-shadow:  0 0 .3em #ccc; background: #c0c0c0; background: #c0c0c0 -moz-linear-gradient(#fbfcfb, #adaead); background: #c0c0c0 -webkit-gradient(linear, left top, left bottom, from(#fbfcfb), to(#adaead)); }
button:focus { border-color: #666; -webkit-box-shadow: inset 0 0 .3em #ccc,  0 0 .3em #66f; -moz-box-shadow: inset 0 0 .3em #ccc,  0 0 .3em #66f; box-shadow: inset 0 0 .3em #ccc,  0 0 .3em #66f; }
button> span { padding: 0.2em 0.5em; margin: 0 0.5em; text-transform: uppercase; font-weight: bold; color: #fff; background: #444; text-shadow: 1px 0 1px #000; -webkit-border-radius: .3em; -moz-border-radius: .3em; border-radius: .3em; }
button.pressed, button:active { background: #b5b5b5; text-shadow: rgba(255, 255, 255, 0.3) 0px 1px; -webkit-box-shadow: 0 .1em rgba(255, 255, 255, 0.4), inset 0 .1em .3em #000, inset 0 -.5em 1.2em rgba(0, 0, 0, 0.4); -moz-box-shadow: 0 .1em rgba(255, 255, 255, 0.4), inset 0 .1em .3em #000, inset 0 -.5em 1.2em rgba(0, 0, 0, 0.4); box-shadow: 0 .1em rgba(255, 255, 255, 0.4), inset 0 .1em .3em #000, inset 0 -.5em 1.2em rgba(0, 0, 0, 0.4); }
input, select, textarea { padding: 0.4em; margin: 0 .5em .5em 0; background: #fff; border: .1em solid #aaa; color: #666; -webkit-border-radius: .3em; -moz-border-radius: .3em; border-radius: .3em; -webkit-box-shadow: inset 0 .1em .3em #aaa; -moz-box-shadow: inset 0 .1em .3em #aaa; box-shadow: inset 0 .1em .3em #aaa; }
input:focus, select:focus, textarea:focus { border-color: #888; color: #333; -webkit-box-shadow: inset 0 .1em .3em #aaa,  0 0 .3em #66f; -moz-box-shadow: inset 0 .1em .3em #aaa,  0 0 .3em #66f; box-shadow: inset 0 .1em .3em #aaa,  0 0 .3em #66f; }
input:disabled, select:disabled, textarea:disabled { background: #e5e5e5; color: #333; }
select { padding: 0.3em; }
input.editable-select { background: #fff url(images/arrow-down.gif) right center no-repeat; padding-right: 13px; cursor: default; }
.editable-select-options { position: absolute; display: none; overflow: auto; margin: 0; margin-top: -1px; padding: 0.2em; background: #fff; border: 1px solid #aaa; z-index: 20000; -webkit-box-shadow:  0 0 0.5em #444; -moz-box-shadow:  0 0 0.5em #444; box-shadow:  0 0 0.5em #444; -webkit-border-radius: 0.4em; -moz-border-radius: 0.4em; border-radius: 0.4em; }
.editable-select-options ul { margin: 0; padding: 0; z-index: 10; list-style: none; list-style-image: none; }
.editable-select-options li { cursor: default; padding: 0.3em 0.5em; -webkit-border-radius: 0.2em; -moz-border-radius: 0.2em; border-radius: 0.2em; }
.editable-select-options li> img { margin-right: 0.5em; }
.editable-select-options li.selected { background: #4b85b7; color: #fff; text-shadow: 0 1px #32578b; }
.editable-select-iframe { position: absolute; background: #FFF; z-index: 19999; display: none; }
.editable-select.disabled { background: #dfdfdf; }
ul.token-input-list { overflow: hidden; height: auto !important; height: 1%; width: 400px; border: 1px solid #999; cursor: text; font-size: 12px; font-family: Verdana; z-index: 999; margin: 0; padding: 0; background-color: #fff; list-style-type: none; clear: left; }
ul.token-input-list li { list-style-type: none; }
ul.token-input-list li input { border: 0; width: 350px; padding: 3px 8px; background-color: white; -webkit-appearance: caret; }
li.token-input-token { overflow: hidden; height: auto !important; height: 1%; margin: 3px; padding: 3px 5px; background-color: #d0efa0; color: #000; font-weight: bold; cursor: default; display: block; }
li.token-input-token p { float: left; padding: 0; margin: 0; }
li.token-input-token span { float: right; color: #777; cursor: pointer; }
li.token-input-selected-token { background-color: #08844e; color: #fff; }
li.token-input-selected-token span { color: #bbb; }
div.token-input-dropdown { position: absolute; width: 400px; background-color: #fff; overflow: hidden; border-left: 1px solid #ccc; border-right: 1px solid #ccc; border-bottom: 1px solid #ccc; cursor: default; font-size: 12px; font-family: Verdana; z-index: 100; }
div.token-input-dropdown p { margin: 0; padding: 5px; font-weight: bold; color: #777; }
div.token-input-dropdown ul { margin: 0; padding: 0; }
div.token-input-dropdown ul li { background-color: #fff; padding: 3px; list-style-type: none; }
div.token-input-dropdown ul li.token-input-dropdown-item { background-color: #fafafa; }
div.token-input-dropdown ul li.token-input-dropdown-item2 { background-color: #fff; }
div.token-input-dropdown ul li em { font-weight: bold; font-style: normal; }
div.token-input-dropdown ul li.token-input-selected-dropdown-item { background-color: #d0efa0; }
#content ul.token-input-list-facebook { overflow: hidden; height: auto !important; height: 1%; width: 400px; cursor: text; min-height: 1px; z-index: 999; margin: .5em 0; padding: 0; list-style-type: none; clear: left; background: #fff; border: .1em solid #aaa; color: #666; -webkit-border-radius: .3em; -moz-border-radius: .3em; border-radius: .3em; -webkit-box-shadow: inset 0 .1em .3em #aaa; -moz-box-shadow: inset 0 .1em .3em #aaa; box-shadow: inset 0 .1em .3em #aaa; }
ul.token-input-list-facebook li input { border: 0; outline: none; width: 100px; padding: 3px 8px; background: none; margin: 2px 0; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; }
li.token-input-token-facebook { overflow: hidden; height: auto !important; height: 15px; margin: 3px; padding: 1px 3px; background-color: #eff2f7; color: #000; cursor: default; border: 1px solid #ccd5e4; float: left; white-space: nowrap; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; }
li.token-input-token-facebook> img { vertical-align: middle; }
li.token-input-token-facebook p { display: inline; padding: 0; margin: 0; }
li.token-input-token-facebook span { color: #a6b3cf; margin-left: 5px; font-weight: bold; cursor: pointer; }
li.token-input-selected-token-facebook { background-color: #5670a6; border: 1px solid #3b5998; color: #fff; }
li.token-input-input-token-facebook { float: left; margin: 0; padding: 0; list-style-type: none; }
div.token-input-dropdown-facebook { position: absolute; width: 400px; background-color: #fff; overflow: hidden; border-left: 1px solid #ccc; border-right: 1px solid #ccc; border-bottom: 1px solid #ccc; cursor: default; z-index: 100; }
div.token-input-dropdown-facebook p { margin: 0; padding: 5px; font-weight: bold; color: #777; }
div.token-input-dropdown-facebook ul { margin: 0; padding: 0; }
div.token-input-dropdown-facebook ul li { background-color: #fff; padding: 3px; margin: 0; list-style-type: none; }
div.token-input-dropdown-facebook ul li> img { vertical-align: middle; }
div.token-input-dropdown-facebook ul li.token-input-dropdown-item-facebook { background-color: #fff; }
div.token-input-dropdown-facebook ul li.token-input-dropdown-item2-facebook { background-color: #fff; }
div.token-input-dropdown-facebook ul li em { font-weight: bold; font-style: normal; }
div.token-input-dropdown-facebook ul li.token-input-selected-dropdown-item-facebook { background-color: #3b5998; color: #fff; }
.jslider .jslider-bg i, .jslider .jslider-pointer { background: url(images/slider.png) no-repeat 0 0; }
.jslider { display: block; width: 100%; height: 1em; position: relative; top: 0.6em; }
.jslider td, .jslider th { padding: 0; vertical-align: top; text-align: left; border: 0; }
.jslider table { width: 100%; border-collapse: collapse; border: 0; }
.jslider table tr td { width: 100%; vertical-align: top; }
.jslider .jslider-bg { position: relative; }
.jslider .jslider-bg i { height: 5px; position: absolute; font-size: 0; top: 0; }
.jslider .jslider-bg .l { width: 50%; background-position: 0 0; left: 0; }
.jslider .jslider-bg .r { width: 50%; left: 50%; background-position: right 0; }
.jslider .jslider-bg .v { position: absolute; width: 60%; left: 20%; top: 0; height: 5px; background-position: 0 -20px; }
.jslider .jslider-pointer { width: 13px; height: 15px; background-position: 0 -40px; position: absolute; left: 20%; top: -4px; margin-left: -6px; cursor: pointer; cursor: hand; }
.jslider .jslider-pointer-hover { background-position: -20px -40px; }
.jslider .jslider-pointer-to { left: 80%; }
.jslider .jslider-label { font-size: 9px; line-height: 12px; color: black; opacity: 0.4; white-space: nowrap; padding: 0px 2px; position: absolute; top: -18px; left: 0px; }
.jslider .jslider-label-to { left: auto; right: 0; }
.jslider .jslider-value { font-size: 9px; white-space: nowrap; padding: 1px 2px 0; position: absolute; top: -19px; left: 20%; background: #444; color: #fff; line-height: 12px; -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; }
.jslider .jslider-value-to { left: 80%; }
.jslider .jslider-label small, .jslider .jslider-value small { position: relative; top: -0.4em; }
.jslider .jslider-scale { position: relative; top: 9px; }
.jslider .jslider-scale span { position: absolute; height: 5px; border-left: 1px solid #999; font-size: 0; }
.jslider .jslider-scale ins { font-size: 9px; text-decoration: none; position: absolute; left: 0px; top: 5px; color: #999; }
.jslider-single .jslider-pointer-to, .jslider-single .jslider-value-to, .jslider-single .jslider-bg .v, .jslider-limitless .jslider-label { display: none; }
h1 { padding: 0.2em 0 0.5em; font-size: 180%; font-weight: bold; color: #555; text-shadow: 1px 1px #fff; }
h2 { padding: 0.2em 0 0.5em; font-size: 140%; font-weight: bold; color: #888; text-shadow: 1px 1px #fff; }
h3 { padding: 0.2em 0 0.5em; font-size: 120%; font-weight: bold; color: #aaa; text-shadow: 1px 1px #fff; }
h4 { padding: 0.2em 0 0.5em; font-size: 110%; font-weight: bold; color: #444; text-shadow: 1px 1px #fff; }
img.avatar { border: 1px solid #ccc; background: #fff; padding: 2px; -webkit-box-shadow:  0 1px 3px #ccc; -moz-box-shadow:  0 1px 3px #ccc; box-shadow:  0 1px 3px #ccc; }
img.avatar.tiny { padding: 1px; }
pre.prettyprint { padding: 0.3em 0.5em; background: #f6f6f6; border: 1px solid #aaa; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; -webkit-box-shadow: inset 0 1px 3px #ccc; -moz-box-shadow: inset 0 1px 3px #ccc; box-shadow: inset 0 1px 3px #ccc; }
.breadcrumb { padding: 0.4em 0; margin-bottom: 1em; }
.breadcrumb a { padding: 0.4em 0.8em; text-decoration: none; color: #444; border: 1px solid #acacac; border-left-style: none; background: #ececec; background: #ececec -moz-linear-gradient(#fdfdfd, #ececec); background: #ececec -webkit-gradient(linear, left top, left bottom, from(#fdfdfd), to(#ececec)); -webkit-box-shadow:  0 0 2px #ccc; -moz-box-shadow:  0 0 2px #ccc; box-shadow:  0 0 2px #ccc; }
.breadcrumb a:first-child { border-left-style: solid; }
.breadcrumb a:last-child { font-weight: bold; }
.sort-handle { cursor: move; }
.datagrid { margin-bottom: 1em; border: 1px solid #acacac; -webkit-box-shadow:  0 0 3px #666; -moz-box-shadow:  0 0 3px #666; box-shadow:  0 0 3px #666; }
.datagrid thead td { padding: .5em; font-weight: bold; color: #777; text-shadow: 0 1px #ebebeb; border-top: 1px solid #ededed; border-bottom: 1px solid #b1b1b1; background: #dedede; background: #dedede -moz-linear-gradient(#dedede, #cbcbcb); background: #dedede -webkit-gradient(linear, left top, left bottom, from(#dedede), to(#cbcbcb)); }
.datagrid tbody td, .datagrid tfoot td { padding: 0.4em 0.5em; color: #666; border-top: 1px solid #d5d5d5; background: #ececec; background: #ececec -moz-linear-gradient(#fdfdfd, #ececec); background: #ececec -webkit-gradient(linear, left top, left bottom, from(#fdfdfd), to(#ececec)); }
.datagrid tbody td a, .datagrid tfoot td a { color: #333; font-weight: bold; }
.datagrid tbody tr:hover > td, .datagrid tfoot tr:hover > td { background: #e4e4e4; background: #e4e4e4 -moz-linear-gradient(#f6f6f6, #e4e4e4); background: #e4e4e4 -webkit-gradient(linear, left top, left bottom, from(#f6f6f6), to(#e4e4e4)); }
.datagrid tbody tr.highlight td, .datagrid tbody tr.highlight:hover td, .datagrid tfoot tr.highlight td, .datagrid tfoot tr.highlight:hover td { background: #fff8a6; background: #fff8a6 -moz-linear-gradient(#fff9bb, #fff8a6); background: #fff8a6 -webkit-gradient(linear, left top, left bottom, from(#fff9bb), to(#fff8a6)); }
.datagrid tbody tr.placeholder, .datagrid tfoot tr.placeholder { height: 2em; background: #333; -webkit-box-shadow: inset 1px 1px 3px #000; -moz-box-shadow: inset 1px 1px 3px #000; box-shadow: inset 1px 1px 3px #000; }
.datagrid tbody tr.ui-sortable-helper, .datagrid tfoot tr.ui-sortable-helper { border: 1px solid #fff; background: #e4e4e4; background: #e4e4e4 -moz-linear-gradient(#f6f6f6, #e4e4e4); background: #e4e4e4 -webkit-gradient(linear, left top, left bottom, from(#f6f6f6), to(#e4e4e4)); -webkit-box-shadow:  0 1px 3px #666; -moz-box-shadow:  0 1px 3px #666; box-shadow:  0 1px 3px #666; }
.datagrid tbody tr.ui-sortable-helper> td, .datagrid tfoot tr.ui-sortable-helper> td { background: none; }
.datagrid tbody tr.child > td, .datagrid tfoot tr.child > td { color: #aaa; background: #ddd; background: #ddd -moz-linear-gradient(#ddd, #efefef); background: #ddd -webkit-gradient(linear, left top, left bottom, from(#ddd), to(#efefef)); }
.datagrid tbody tr.strikethrough > td, .datagrid tfoot tr.strikethrough > td { text-decoration: line-through; }
.datagrid tbody tr.strikethrough > td a, .datagrid tfoot tr.strikethrough > td a { color: #888; }
.form { border: 1px solid #ccc; background: #eee; background: #eee -moz-linear-gradient(#fff, #f5f5f5); background: #eee -webkit-gradient(linear, left top, left bottom, from(#fff), to(#f5f5f5)); -webkit-box-shadow:  0 .1em .3em #8e8e8e; -moz-box-shadow:  0 .1em .3em #8e8e8e; box-shadow:  0 .1em .3em #8e8e8e; -webkit-border-radius: .5em; -moz-border-radius: .5em; border-radius: .5em; }
.form tr:first-child td { padding-top: 1em; }
.form .label { padding: 0.5em; text-align: right; width: 15em; }
.form .label.switch { height: 1em; background: url(/skins/default/images/switchoff.png) right center no-repeat; }
.form .label.switch.selected { background: url(/skins/default/images/switchon.png) right center no-repeat; }
.form .label.switch.disabled { background: url(/skins/default/images/switchdisabled.png) right center no-repeat; }
.form .label.checkbox { height: 1em; background: url(/skins/default/images/checkoff.png) right center no-repeat; }
.form .label.checkbox.checked { background: url(/skins/default/images/checkon.png) right center no-repeat; }
.form .label.checkbox.disabled { background: url(/skins/default/images/checkoffdisabled.png) right center no-repeat; }
.form .label.checkbox.checked.disabled { background: url(/skins/default/images/checkondisabled.png) right center no-repeat; }
.form .input.switch, .form .input.checkbox { font-style: oblique; cursor: default; color: #555; }
.form .input.switch.disabled, .form .input.checkbox.disabled { color: #aaa; }
.form .tip { padding: 0.5em 0 0.5em 16em; font-style: oblique; color: #888; }
.form .tip> p { text-align: justify; width: 30em; }
.form input, .form select { width: 30em; }
.form input[type=radio] { width: auto; }
.form textarea { width: 40em; }
.form .subrow> td { padding: 0 0.5em 0.5em; }
.form .subrow> td> table { width: 100%; background: #ddd url(images/subrowbg.png); -webkit-border-radius: 0.5em; -moz-border-radius: 0.5em; border-radius: 0.5em; -webkit-box-shadow: inset 0 .1em .5em #444; -moz-box-shadow: inset 0 .1em .5em #444; box-shadow: inset 0 .1em .5em #444; }
.form .subrow> td> table .label { width: 14.5em; }
.form .subrow> td> table .label> label { color: #666; }
.form .subrow> td> table .tip { color: #666; }
.form.doublecolumn .label { width: 10em; }
.form.doublecolumn .tip { padding-left: 11em; }
.form.doublecolumn .tip> p { width: 20em; }
.form.doublecolumn .tip> p.long { width: 30em; }
.view { border: 1px solid #ccc; background: #eee; background: #eee -moz-linear-gradient(#fff, #f5f5f5); background: #eee -webkit-gradient(linear, left top, left bottom, from(#fff), to(#f5f5f5)); -webkit-box-shadow:  0 .1em .3em #8e8e8e; -moz-box-shadow:  0 .1em .3em #8e8e8e; box-shadow:  0 .1em .3em #8e8e8e; -webkit-border-radius: .5em; -moz-border-radius: .5em; border-radius: .5em; }
.view .label { padding: 0.5em; text-align: right; width: 15em; color: #888; }
.view .value { padding: 0.5em; font-weight: bold; }
.dual-switch { display: inline-block; position: relative; overflow: hidden; background: #eee; cursor: default; }
.dual-switch> .switch-left, .dual-switch> .switch-right { float: left; padding: 3px 5px; font-weight: bold; text-transform: uppercase; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; }
.dual-switch> .switch-left { padding-right: 10px; border: 1px solid #32578b; color: #fff; text-shadow: 1px 1px #4b85b7, -1px -1px #4b85b7; background: #76b1f5; background: #76b1f5 -moz-linear-gradient(#5398e5, #8cc1f7); background: #76b1f5 -webkit-gradient(linear, left top, left bottom, from(#5398e5), to(#8cc1f7)); -webkit-box-shadow: inset 0 2px 4px #437bb4; -moz-box-shadow: inset 0 2px 4px #437bb4; box-shadow: inset 0 2px 4px #437bb4; }
.dual-switch> .switch-right { padding-left: 10px; border: 1px solid #737373; color: #8c8678; background: #eee; background: #eee -moz-linear-gradient(#bcbcbc, #f5f5f5); background: #eee -webkit-gradient(linear, left top, left bottom, from(#bcbcbc), to(#f5f5f5)); -webkit-box-shadow: inset 0 .1em .3em #8e8e8e; -moz-box-shadow: inset 0 .1em .3em #8e8e8e; box-shadow: inset 0 .1em .3em #8e8e8e; }
.dual-switch> .switch-current { position: absolute; background: #afafaf; cursor: pointer; -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; -webkit-box-shadow:  0 1px 3px #888; -moz-box-shadow:  0 1px 3px #888; box-shadow:  0 1px 3px #888; }
.dual-switch> .switch-current> div { position: absolute; left: 1px; top: 1px; right: 1px; bottom: 1px; border: 1px solid #fff; -webkit-border-radius: .3em; -moz-border-radius: .3em; border-radius: .3em; background: #efefef; background: #efefef -moz-linear-gradient(#ddd, #fdfdfd); background: #efefef -webkit-gradient(linear, left top, left bottom, from(#ddd), to(#fdfdfd)); }
.dual-switch> .switch-bottom { clear: left; }
.progressbar { padding: 1px; text-align: left; border: 1px solid #ccc; background: #fff; background: #fff -moz-linear-gradient(#eee, #fff); background: #fff -webkit-gradient(linear, left top, left bottom, from(#eee), to(#fff)); -webkit-border-radius: .3em; -moz-border-radius: .3em; border-radius: .3em; -webkit-box-shadow:  0 1px 1px #888; -moz-box-shadow:  0 1px 1px #888; box-shadow:  0 1px 1px #888; }
.progressbar> div { height: 1em; background: #ccc; -webkit-border-radius: .2em; -moz-border-radius: .2em; border-radius: .2em; }
.progressbar> div> span { float: left; margin: 0.1em 0; padding: 0.2em 0.5em; min-width: 5em; font-weight: bold; font-size: 0.8em; line-height: 1em; color: #666; text-shadow: 1px 0 #fff; }
.progressbar.warning { border-color: #de5f28; -webkit-box-shadow:  0 1px 1px #de5f28; -moz-box-shadow:  0 1px 1px #de5f28; box-shadow:  0 1px 1px #de5f28; }
.progressbar.warning> div { background: #de5f28; }
.progressbar.warning> div> span { color: #fff; text-shadow: none; }
.progressbar.critical { border-color: #9f1e00; -webkit-box-shadow:  0 1px 1px #9f1e00; -moz-box-shadow:  0 1px 1px #9f1e00; box-shadow:  0 1px 1px #9f1e00; }
.progressbar.critical> div { background: #9f1e00; }
.progressbar.critical> div> span { color: #fff; text-shadow: none; }
.confirm-box, .modal-box { position: absolute; width: 40%; margin: 20% 30%; padding: 2em 1em; border: 1px solid #777; background: #666; background: #666 -moz-linear-gradient(#666, #444); background: #666 -webkit-gradient(linear, left top, left bottom, from(#666), to(#444)); -webkit-box-shadow:  0 .1em 1em #000; -moz-box-shadow:  0 .1em 1em #000; box-shadow:  0 .1em 1em #000; -webkit-border-radius: .5em; -moz-border-radius: .5em; border-radius: .5em; }
.confirm-box> h3, .modal-box> h3 { padding: 0 0 1em; text-align: center; font-size: 130%; font-weight: bold; color: #ccc; text-shadow: 1px 0 #222; }
.confirm-box> p, .modal-box> p { padding: 0 0 2em; text-align: center; color: #ccc; text-shadow: 1px 0 #222; }
.confirm-box .options, .modal-box .options { text-align: center; }
.confirm-box .options button, .modal-box .options button { margin: 0 1em; padding: 0.5em 1em; -webkit-box-shadow:  0 0 0.3em #222; -moz-box-shadow:  0 0 0.3em #222; box-shadow:  0 0 0.3em #222; }
.modal-box { width: 80%; margin: 10%; padding: 0; }
.modal-box> div { -webkit-border-radius: 0.5em; -moz-border-radius: 0.5em; border-radius: 0.5em; }
.stack-chart { padding: 3px 10px 10px; }
.stack-chart> .stack { border-width: 1px; border-style: solid; border-color: #ddd #eee #fff; border-bottom: 0; -webkit-box-reflect: below 0 -webkit-gradient(linear, left top, left bottom, from(transparent), color-stop(0.5, transparent), to(white)); -webkit-border-radius: 15px; -moz-border-radius: 15px; border-radius: 15px; background: #ddd; background: #ddd -moz-linear-gradient(#eee, #ccc); background: #ddd -webkit-gradient(linear, left top, left bottom, from(#eee), to(#ccc)); -webkit-box-shadow:  0 1px 3px #fff; -moz-box-shadow:  0 1px 3px #fff; box-shadow:  0 1px 3px #fff; }
.stack-chart> .stack> div { float: left; height: 20px; opacity: 0.5; background: #bbb; background: #bbb -moz-linear-gradient(#ccc, #aaa); background: #bbb -webkit-gradient(linear, left top, left bottom, from(#ccc), to(#aaa)); }
.stack-chart> .stack> div:first-child { -webkit-border-radius: 15px 0 0 15px; -moz-border-radius: 15px 0 0 15px; border-radius: 15px 0 0 15px; }
.stack-chart> .stack> div.last { -webkit-border-radius: 0 15px 15px 0; -moz-border-radius: 0 15px 15px 0; border-radius: 0 15px 15px 0; }
.stack-chart> .stack> div.fillall { -webkit-border-radius: 15px; -moz-border-radius: 15px; border-radius: 15px; }
.stack-chart> .stack> div.end { float: none; clear: left; height: 0; }
.stack-chart> .legend { margin-top: 10px; }
.stack-chart> .legend> div { float: left; padding: 3px; color: #444; }
.stack-chart> .legend> div span { opacity: 0.8; -webkit-box-shadow:  0 0 3px #888; -moz-box-shadow:  0 0 3px #888; box-shadow:  0 0 3px #888; }
.stack-chart> .legend> div strong { padding-right: 1em; font-size: 80%; color: #aaa; }
.stack-chart> .legend> div a { color: #444; text-decoration: none; }
.stack-chart> .legend> div.end { float: none; clear: left; height: 0; }
.stack-chart .stack-color0 { background: #bbb; background: #bbb -moz-linear-gradient(#ccc, #aaa); background: #bbb -webkit-gradient(linear, left top, left bottom, from(#ccc), to(#aaa)); }
.stack-chart .stack-color1 { background: #de5f28; background: #de5f28 -moz-linear-gradient(#de5f28, #913c16); background: #de5f28 -webkit-gradient(linear, left top, left bottom, from(#de5f28), to(#913c16)); }
.stack-chart .stack-color2 { background: #eecf46; background: #eecf46 -moz-linear-gradient(#eecf46, #ac9530); background: #eecf46 -webkit-gradient(linear, left top, left bottom, from(#eecf46), to(#ac9530)); }
.stack-chart .stack-color3 { background: #789f32; background: #789f32 -moz-linear-gradient(#789f32, #4a641d); background: #789f32 -webkit-gradient(linear, left top, left bottom, from(#789f32), to(#4a641d)); }
.stack-chart .stack-color4 { background: #7a1e2c; background: #7a1e2c -moz-linear-gradient(#7a1e2c, #55111c); background: #7a1e2c -webkit-gradient(linear, left top, left bottom, from(#7a1e2c), to(#55111c)); }
.stack-chart .stack-color5 { background: #9fcbf3; background: #9fcbf3 -moz-linear-gradient(#9fcbf3, #66839e); background: #9fcbf3 -webkit-gradient(linear, left top, left bottom, from(#9fcbf3), to(#66839e)); }
.stack-chart .stack-color6 { background: #25548e; background: #25548e -moz-linear-gradient(#25548e, #0f3059); background: #25548e -webkit-gradient(linear, left top, left bottom, from(#25548e), to(#0f3059)); }
.stack-chart .stack-color7 { background: #c73838; background: #c73838 -moz-linear-gradient(#ce4646, #ae2c2c); background: #c73838 -webkit-gradient(linear, left top, left bottom, from(#ce4646), to(#ae2c2c)); }
.stack-chart .stack-color8 { background: #e6d300; background: #e6d300 -moz-linear-gradient(#ffed26, #ffef39); background: #e6d300 -webkit-gradient(linear, left top, left bottom, from(#ffed26), to(#ffef39)); }
.stack-chart .stack-color9 { background: #2bcd00; background: #2bcd00 -moz-linear-gradient(#36ff00, #54ff26); background: #2bcd00 -webkit-gradient(linear, left top, left bottom, from(#36ff00), to(#54ff26)); }
.stack-chart .stack-color10 { background: #f51ff8; background: #f51ff8 -moz-linear-gradient(#fd61ff, #fd7cff); background: #f51ff8 -webkit-gradient(linear, left top, left bottom, from(#fd61ff), to(#fd7cff)); }
.stack-chart .stack-color11 { background: #302811; background: #302811 -moz-linear-gradient(#3f3417, #4d4224); background: #302811 -webkit-gradient(linear, left top, left bottom, from(#3f3417), to(#4d4224)); }
.stack-chart .stack-color12 { background: #111; background: #111 -moz-linear-gradient(#222, #333); background: #111 -webkit-gradient(linear, left top, left bottom, from(#222), to(#333)); }
.stack-chart .stack-color13 { background: #333; background: #333 -moz-linear-gradient(#444, #555); background: #333 -webkit-gradient(linear, left top, left bottom, from(#444), to(#555)); }
.stack-chart .stack-color14 { background: #555; background: #555 -moz-linear-gradient(#666, #777); background: #555 -webkit-gradient(linear, left top, left bottom, from(#666), to(#777)); }
.stack-chart .stack-color15 { background: #777; background: #777 -moz-linear-gradient(#888, #999); background: #777 -webkit-gradient(linear, left top, left bottom, from(#888), to(#999)); }
.stack-chart .stack-color16 { background: #999; background: #999 -moz-linear-gradient(#aaa, #bbb); background: #999 -webkit-gradient(linear, left top, left bottom, from(#aaa), to(#bbb)); }
.stack-chart .stack-color17 { background: #bbb; background: #bbb -moz-linear-gradient(#ccc, #ddd); background: #bbb -webkit-gradient(linear, left top, left bottom, from(#ccc), to(#ddd)); }
.stack-chart .stack-color18 { background: #ddd; background: #ddd -moz-linear-gradient(#eee, #fff); background: #ddd -webkit-gradient(linear, left top, left bottom, from(#eee), to(#fff)); }
.tab-list { padding: .7em .5em .2em; border-bottom: 1px solid #aaa; background: #ccc; background: #ccc -moz-linear-gradient(#ccc, #ddd); background: #ccc -webkit-gradient(linear, left top, left bottom, from(#ccc), to(#ddd)); -webkit-box-shadow: inset 0 1px 5px #888; -moz-box-shadow: inset 0 1px 5px #888; box-shadow: inset 0 1px 5px #888; }
.tab-list li { float: left; padding: 0; margin-right: .5em; list-style-type: none; }
.tab-list li> span { padding: .5em 1em; color: #888; }
.tab-list li> a { padding: .5em 1em; text-decoration: none; font-weight: normal; color: #444; text-shadow: 0 1px 1px #fff; border: 1px solid transparent; border-bottom: 0; border-top-left-radius: .4em; border-top-right-radius: .4em; }
.tab-list li> a> img { margin-right: .2em; vertical-align: middle; border: 0; }
.tab-list li.selected > a { font-weight: bold; border-color: #aaa; background: #eee; background: #eee -moz-linear-gradient(#ddd, #f0f0f0); background: #eee -webkit-gradient(linear, left top, left bottom, from(#ddd), to(#f0f0f0)); -webkit-box-shadow: inset 1px 1px 2px #fff; -moz-box-shadow: inset 1px 1px 2px #fff; box-shadow: inset 1px 1px 2px #fff; }
.tab-list .tab-end { clear: left; }
.tab-content { margin: 1em; }
.tags { overflow: auto; }
.tags > * { margin-right: .5em; padding: 1px 8px 1px 2px; font-size: 90%; color: #fff; text-shadow: 1px 0 1px #3d68ca; background: #5b88ee url(images/taghole.png) right center no-repeat; border: 1px solid #3d68ca; cursor: default; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; -moz-border-radius-topright: 8px; -moz-border-radius-bottomright: 8px; border-top-right-radius: 8px; border-bottom-right-radius: 8px; }
.tags.softtags > * { padding: 2px 10px 2px 4px; background: #ddd url(images/softtaghole.png) right center no-repeat; color: #222; text-shadow: 1px 0 1px #fff; border-color: #aaa; }
.tags.softtags > *.cleartags { background: #ddd; padding: 2px 4px; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; }
.tags.softtags > *.cleartags:active { background: #888; color: #fff; text-shadow: 1px 0 1px #000; border-color: #666; }
.softtags > .selected { background: #5b88ee url(images/taghole.png) right center no-repeat; color: #fff; text-shadow: 1px 0 1px #3d68ca; border-color: #3d68ca; }
.colorpicker input { width: 6em; text-align: center; }
.colorpicker a > img { vertical-align: middle; }
#jquery-colour-picker { width: 180px; padding: 10px 5px 5px 10px; background: #fafafa; background-image: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#eee)); border: 1px solid #666; -moz-box-shadow: 5px 5px 5px rgba(0, 0, 0, 0.3); -webkit-box-shadow: 5px 5px 5px rgba(0, 0, 0, 0.3); box-shadow: 5px 5px 5px rgba(0, 0, 0, 0.3); z-index: 99; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; }
#jquery-colour-picker ul { margin: 0; padding: 0; list-style-type: none; +zoom: 1; }
#jquery-colour-picker ul:after { content: "."; display: block; height: 0; visibility: hidden; clear: both; }
#jquery-colour-picker ul li { float: left; margin: 0 5px 5px 0; }
#jquery-colour-picker ul li a { display: block; width: 13px; height: 13px; text-decoration: none; text-indent: -100000px; outline: 0; border: 1px solid #aaa; }
#jquery-colour-picker ul li a:hover { border-color: #000; }
body { background: #aaa; }
#page { position: absolute; left: 0; top: 0; width: 100%; height: 100%; background: -moz-linear-gradient(#444, #555); background: -webkit-gradient(linear, left top, left bottom, from(#444), to(#555)); }
#login-box { width: 33em; margin: 5em auto; padding: 2em; background: #e0e0e0 -moz-linear-gradient(#fbfcfb, #ddd); background: #e0e0e0 -webkit-gradient(linear, left top, left bottom, from(#fbfcfb), to(#ddd)); border-top: .2em solid #fff; border-bottom: .2em solid #ccc; -webkit-border-radius: 1em; -moz-border-radius: 1em; border-radius: 1em; -webkit-box-shadow:  0 .1em .8em #222; -moz-box-shadow:  0 .1em .8em #222; box-shadow:  0 .1em .8em #222; }
#login-box h2 { padding: 5px 0; margin-bottom: 1em; text-align: center; color: #a00; background: #faa; border: 1px solid #a00; }
#login-box h1 { text-align: right; font-size: 150%; font-weight: bold; color: #555; }
#login-box img { margin: 0 1em 4em 0; }
#login-box label { display: block; }
#login-box button { display: block; }
