* { margin: 0; padding: 0; border-width: 0; }
html { overflow: -moz-scrollbars-vertical; }
body { font-size: 100%; color: #545454; background: #246c91; }
body, input, button, select, textarea, .ui-widget, .ui-widget input, .ui-widget select, .ui-widget textarea, .ui-widget button { font-family: Tahoma, Geneva, sans-serif; }
a { text-decoration: none; outline: none; color: #1c6991; }
a:hover { text-decoration: underline; }
a.button { padding: 6px 12px; line-height: 28px; font-size: 13px; text-decoration: none; border-radius: 2px; color: #fff; background: #31c4c5; }
a.button:hover { background: #25b6b7; }
a.button.light { font-weight: normal; }
h1 { margin: 0 0 8px 0; padding: 0 10px 0 0; font: normal 22px 'Century Gothic', Tahoma, Geneva, sans-serif; color: #249a9b; }
h1 span { color: #1c6991; }
h1 .type { display: block; float: left; position: relative; top: 1px; width: 24px; height: 24px; margin: 0 5px 0 0; }
h1 .locked { background-image: url(/images/icons/24x24/lock.png); }
h1 .featured { background-image: url(/images/icons/24x24/star.png); }
h1.full { width: auto; }
h2 { margin: 0 0 4px 0; font-weight: normal; font-size: 20px; color: #249a9b; }
h2.section { margin: 8px 0 3px 0; font-size: 14px; }
h3 { font-size: 16px; font-weight: normal; }
h3 .info, h3 .info a { font-size: 11px; font-weight: normal; color: #68a2c1; }
h3 .position { position: relative; top: -1px; margin: 0 6px 0 0; padding: 2px 6px; font-size: 13px; color: #fff; background: #1c6991; border-radius: 3px; }
hr { padding: 0; margin: 20px 30px; border: #dcedf6 1px solid; border-width: 1px 0 0 0; }
ul { list-style: none; }
fieldset.hidden { display: none; }
select { font-size: 12px; height: 24px; padding: 2px; border: #a4c6d8 1px solid; border-radius: 3px; color: #545454; }
option { padding: 0 2px; }
button::-moz-focus-inner { border: 0; }
input::-moz-focus-inner { border: 0; }
input.button, button, a.button.light { cursor: pointer; overflow: visible; width: auto; padding: 5px 10px; font-size: 13px; color: #1c6991; background: #e8f1f5; border: #a4c6d8 1px solid; border-radius: 3px; -webkit-appearance: none; }
input.button:hover, button:hover, a.button.light:hover { background: #d9e8ee; }
input.checkbox { position: relative; top: 1px; }
input.radio { margin: 0 4px; }
input.text, textarea { width: 600px; padding: 5px 6px; font-size: 13px; border: #a4c6d8 1px solid; border-radius: 3px; color: #545454; background: #fff; }
form .large input { font-size: 16px; font-weight: bold; padding: 4px 16px; }
form .large input:hover { padding: 3px 15px; }
select.error, input.error { background-color: #f5e8e8; border-color: #e4c5c5; }
#body { position: relative; margin: 0 auto; min-width: 960px; /*max-width: 1600px; margin: 0 auto;*/ text-align: left; background-color: #fff; }
#body p.highlight { padding: 6px 10px; background: #f2f2f2; border-radius: 3px; }
#body span.highlight { padding: 2px 5px; background: #ff0; border-radius: 3px; }
#body span.counter { position: absolute; top: 8px; right: 14px; padding: 2px 4px; color: #fff; background: #f60; border-radius: 5px; font: 11px Arial; }
#body .shortcut span.counter { top: 4px; right: 4px; }
#body #tabs li span.counter { position: relative; top: 0; right: 0; margin: 0 -4px 0 4px; border-radius: 3px; }
#header { position: relative; z-index: 5; height: 64px; background: #246c91; }
#header .shortcut { display: none; }
#logo { position: absolute; top: 8px; left: 10px; width: 150px; height: 50px; }
#logo img { width: 150px; height: 50px; }
#user { position: absolute; top: 0; right: 0; font-size: 12px; color: #fff; }
#user.member { width: 850px; }
#user a { color: #fff; }
#user ul { position: relative; float: right; }
#user li { float: left; }
#user li a, #header .shortcut a, #header .shortcut span.user { position: relative; display: block; width: 78px; padding: 44px 0 0 0; height: 20px; text-align: center; font-size: 11px; color: #fff; background-position: center 8px; background-repeat: no-repeat; background-size: 32px; }
#user .active a, #user li a:hover { text-decoration: none; background-color: #1b5d7f; }
#user .my a { background-image: url(/images/icons/home.svg); }
#user .inbox a { background-image: url(/images/icons/messages.svg); }
#user .profile a { background-image: url(/images/icons/profile.svg); }
#user .alerts a { background-image: url(/images/icons/bell.svg); }
#user .subscriptions a { background-image: url(/images/icons/mail.svg); }
#user .recs a { background-image: url(/images/icons/heart.svg); }
#user .info { position: relative; float: right; width: 252px; height: 52px; margin: 6px; padding-left: 52px; background: #1b5d7f; border-radius: 3px; }
#user .info .icon { width: 30px; height: 30px; top: 7px; left: 7px; }
#user .info .name { display: inline-block; margin: 7px 0 3px 0; font-size: 14px; color: #a3eee6; }
#user form { padding: 10px 0 10px 10px; }
#user fieldset { float: left; }
#user label.text { display: none; }
#user .text { margin: 0 5px 0 0; border-radius: 3px; border-color: #1b5d7f; }
#user .text.default { color: #999; }
#user .username .text { width: 180px; }
#user .password .text { width: 160px; margin-right: 3px; }
#user .buttons { text-align: left; }
#user .buttons input { width: 70px; font-size: 13px; border-radius: 3px; border-color: #1b5d7f; }
#user .login { float: right; position: relative; width: 468px; }
#user .remember { clear: left; width: auto; padding: 2px 0 0 1px; }
#user .remember label { display: inline; padding: 0 0 0 4px; }
#user .forgot { position: absolute; top: 40px; right: 12px; font-size: 12px; color: #1b5d7f; }
#user .forgot a { color: #a3eee6; }
#user .register { float: right; padding: 10px 8px 0 0; text-align: right; width: 300px; }
#banner { padding: 6px 10px; background-color: #e8f1f5; }
#banner ins { margin: 8px 0 6px 0 !important; }
#banner ins ins { margin: 0 !important; }
#menu { position: relative; z-index: 1; overflow: hidden; font-size: 13px; }
#menu ul { padding: 8px 0; background: #1b5d7f; }
#menu li { display: inline; background-color: transparent; }
#menu li:first-child a { padding-left: 10px; }
#menu a { padding: 8px 12px; text-decoration: none; color: #fff; position: relative; }
#menu .active a, #menu a:hover { color: #1c6991; background: #fff; border-top-left-radius: 3px; border-top-right-radius: 3px; }
#submenu { z-index: 4; margin: 0 0 10px 0; position: relative; font-size: 12px; border-radius: 3px; background: #2699b2; }
#submenu .label { float: left; line-height: 32px; padding: 0 10px; color: #fff; background: #f60; border-right: #fff 1px solid; border-top-left-radius: 3px; border-bottom-left-radius: 3px; }
#submenu li { position: relative; margin: 0; padding: 0; display: inline; list-style: none; }
#submenu a { display: inline-block; padding: 0 12px; line-height: 32px; color: #fff; background: #2699b2; }
#submenu li.active a, #submenu a:hover, #submenu li.active li a:hover { text-decoration: none; background: #1b8ba3; }
#submenu li ul { display: none; position: absolute; z-index: 5; top: 24px; left: 0; padding: 0; list-style: none; width: 150px; }
#submenu li:hover ul { display: block; }
#submenu li li { margin: 0; padding: 0; display: block; }
#submenu li li a { display: block; margin-top: -1px; padding: 0 5px; line-height: 28px; text-align: center; border: #1b8ba3 1px solid; }
#submenu li.active li a { background: #2699b2; }
#page { position: relative; padding: 10px; background: #fff; }
#page a.score, #page span.score { font-size: 11px; font-weight: normal; color: #249a9b; }
#page.custom { padding: 0; }
#main { position: relative; }
#content { position: relative; margin: 0 330px 0 0; }
#content.full { margin: 10px 0 0 0; }
#content.full #tabs { margin: 0 330px 0 0; }
#content.full #search { position: absolute; right: 10px; top: -65px; }
#content.full #actions { display: none; }
#content.full .breadcrumbs { margin: 0; }
#page-content { position: relative; }
#additional { background: #e8f1f5; padding: 0 20px 0 0; position: absolute; top: -10px; right: -10px; width: 310px; }
#additional .item { margin-left: 0; }
#additional .item img { max-width: 99%; }
#additional .articles .item { float: none; width: auto; height: auto; }
#additional .articles .icon { width: 35px; height: 35px; }
#additional .articles h3 { font-size: 13px; }
#additional div:first-child h2.section { margin-top: -20px; }
#info { clear: left; position: relative; overflow: hidden; height: 30px; padding: 0 10px; line-height: 30px; z-index: 1; font-size: 12px; background-color: #1b5d7f; }
#links { position: relative; z-index: 2; float: left; color: #eff4cc; }
#links li { display: inline; padding: 2px 10px 2px 0; background-color: transparent; font-size: 11px; }
#links a { text-decoration: none; font-size: 12px; color: #eff4cc; }
#links a:hover { text-decoration: underline; }
#copyright { float: right; text-align: right; color: #fff; }
#chatwindow { width: 100%; height: 550px; }
#promo { margin: 0 0 12px 0; padding: 0 8px; background-color: #e8f1f5; border-radius: 3px; overflow: hidden; }
#promo ins { margin: 8px 0 6px 0 !important; }
#promo ins ins { margin: 0 !important; }
#search { float: right; margin: 0 0 0 8px; text-align: right; }
#search form { margin: 0; padding: 0; }
#search .text { width: 200px; margin: 0 -5px 0 0; padding: 5px 8px; border: #a4c6d8 1px solid; }
.form { margin: 0 0 6px 0; font-size: 13px; background: #fff; }
.form form { padding: 10px; border-radius: 3px; background-color: #e8f1f5; }
.form fieldset { padding: 0 0 6px 0; }
.form fieldset.checkbox { padding-bottom: 16px; }
.form legend { padding: 0 0 6px 0; text-indent: 0; font-size: 14px; color: #249a9b; }
.form label { position: relative; padding: 0 0 1px 0; }
.form textarea { margin-bottom: 10px; }
.form textarea.short { height: 100px; }
.form textarea.medium { height: 250px; }
.form textarea.long { height: 400px; }
.form select { margin: 2px 6px 10px 0; }
.form .date select { margin-right: 5px; }
.form .checkbox { position: relative; top: 1px; margin-right: 5px; }
.form ul { margin-bottom: 10px; }
.form .items li { width: 150px; float: left; padding: 3px 0; background-color: transparent; }
.form input.text { margin-bottom: 10px; }
.form fieldset input.text:last-child, .form fieldset select:last-child, .form fieldset textarea:last-child { /*margin-bottom: 0;*/ }
.form .asterisk { padding-left: 3px; color: #b63838; }
.form label.text { display: block; }
.form label.select { display: block; }
.form label.radio { padding-right: 8px; }
.form .info p { padding: 0 0 8px 0; line-height: 20px; }
.form .radios { margin-bottom: 8px; }
.form .radios li { padding: 2px 0; }
.form p.warning { padding: 2px 0; font-size: 11px; color: #c00; }
.form .cover { margin: 0 0 8px 0; }
.form .cover p { margin: 0 0 3px 0; }
.form .cover img { float: none; }
.form .cover .preview { float: left; }
.form .upload { padding: 3px 0 0 0; }
.checkboxfield { margin: 0 0 10px 0; }
.checkboxfield li { width: 180px; padding: 3px 0; float: left; }
#body input.color { width: 60px; }
.notice { position: relative; margin-bottom: 12px; padding: 8px; text-align: center; border: 1px solid; border-radius: 2px; }
.error { color: #b63838; background: #f5e8e8; border-color: #e4c5c5; }
.error select { background-color: #f5e8e8; border-color: #e4c5c5; }
.success { color: #0b8873; background: #dff5f1; border-color: #c2eae1; }
fieldset .notice { top: 0; margin: -8px 0 8px 0; padding: 0; background-color: transparent; border-width: 0; font-size: 10px; text-align: left; }
fieldset div.error { background-color: transparent; }
.form .buttons { background-color: transparent; }
.form .buttons input, .form .buttons button { background: #fff; margin: 0 6px 0 0; padding: 5px 16px; font-size: 16px; }
.processing { opacity: 0.6; }
.pages { text-align: right; font-size: 12px; line-height: 26px; }
.pages ul { margin: 0; padding: 0; }
.pages li { margin: 0 0 0 3px; padding: 0; display: inline; }
.pages a, .pages span { position: relative; padding: 5px 10px 6px 10px; text-decoration: none; border-radius: 3px; cursor: pointer; color: #1c6991; background-color: #e8f1f5; }
.pages a:hover, .pages span:hover { text-decoration: none; background-color: #d9e8ee; }
.pages .active a, .pages .active span { color: #1c6991; background-color: #d9e8ee; }
.pages.after { margin: 6px 0 0 0; }
.content-stats { padding: 0 0 0 3px; font-size: 12px; }
#tabs { position: relative; z-index: 3; padding: 0 0 0 10px; margin: 0 -10px; font-size: 13px; }
#tabs li { display: inline; }
#tabs a, #tabs .more span { cursor: pointer; position: relative; padding: 8px 12px 7px 12px; line-height: 30px; border-top-left-radius: 3px; border-top-right-radius: 3px; color: #68a2c1; background: #f8f8f8; }
#tabs a:hover, #tabs .more span:hover { text-decoration: none; color: #1c6991; background: #e8f1f5; }
#tabs .label { font-weight: bold; padding: 0 3px 0 8px; }
#tabs li:first-child .label { padding-left: 0; }
#tabs .active a, .tabs .active a:hover { color: #1c6991; background: #e8f1f5; }
#tabs .up a { display: block; margin: 0 0 3px 0; padding: 0 10px; }
#tabs .more:hover .up { display: block; }
#tabs sup { color: #f60; font-size: 9px; line-height: 9px; margin: 0 -6px 0 4px; }
#actions { float: right; }
#actions.search { border-right: #a4c6d8 1px solid; padding: 0 8px 0 0; }
#options .button { margin: 0 4px 2px 0; }
#options.custom { position: absolute; top: 31px; right: 10px; }
#options.custom a { background-color: #fff; }
#options.custom a:hover { background-color: #fafafa; }
#navigation { position: relative; height: 32px; }
#navigation #options { float: left; }
#navigation.create { height: 34px; }
#settings { position: absolute; z-index: 2; top: -32px; right: 310px; padding: 0 6px 6px 0; }
#settings .label { padding-right: 12px; font-size: 11px; line-height: 25px; cursor: pointer; background: url(/images/arrow-bottom-white.gif) right center no-repeat; }
#settings:hover .up { display: block; }
.up { display: none; position: absolute; top: 26px; right: -3px; padding: 3px 3px 0 3px; background: #fff; border-radius: 3px; box-shadow: 0 0 5px 1px #10567a; }
.up label { display: block; width: 150px; margin: 0 0 3px 0; padding: 6px; border-radius: 2px; font-size: 12px; color: #1c6991; background: #e8f1f5; }
.up label:hover { background: #d6ebf4; }
.up label input { margin-right: 3px; }
.viewall { position: absolute; top: 7px; right: 0; font-size: 12px; }
.read h3, .read h3 a { color: #68a2c1; }
.item { position: relative; margin: 0 0 6px 0; padding: 8px; font-size: 13px; border-radius: 3px; background-color: #e8f1f5; }
.item .checkbox { position: absolute; top: 4px; left: 4px; }
.item p { padding: 2px 1px; }
.item .timeago { font-size: 11px; color: #68a2c1; }
.item .pages { display: inline; text-align: left; line-height: normal; }
.item .pages ul { display: inline; }
.item .pages a { padding: 0; }
.item .pages a:hover { text-decoration: underline; background: transparent; }
.item.full { float: none; margin-left: 0; }
.item.promo { padding: 0 5px; }
.item.promo ins { margin: 5px 0 3px 0 !important; }
.item.promo ins ins { margin: 0 !important; }
.item.selectable { padding-left: 28px; }
.item.selectable .checkbox { top: 12px; left: 8px; }
.item.important { background-color: #fffee6; border: #f8ebbe 1px solid; }
.item .remove { position: absolute; top: 6px; right: 6px; width: 15px; height: 15px; display: block; border-radius: 2px; background: url(/images/delete.png) center center no-repeat; }
.item .remove:hover { background-color: #1c6991; background-image: url(/images/delete-light.png); }
.item .more { position: absolute; right: 0; bottom: 0; padding: 0 8px 6px 0; }
.item .more a { color: #68a2c1; }
.item .options { margin: 4px 0 0 0; }
.item .option { margin: 0 6px 0 0; background-color: #fff; }
.item div.message { font-size: 11px; color: #c00; }
.item.new .content { background: url(/images/icons/32x32/new.png) 99% 0 no-repeat; }
#body #item { min-height: 192px; padding: 6px 6px 6px 176px; }
#item .icon { position: absolute; top: 8px; left: 8px; width: 150px; height: 180px; }
#item .question { position: absolute; right: 10px; bottom: 10px; font-size: 17px; }
#item .question span { padding-right: 6px; color: #249a9b; }
#item .question a { padding: 3px 8px; text-decoration: none; border-radius: 5px; }
#item .question a.active { color: #fff; background-color: #246c91; }
#item dl { line-height: 22px; }
#item dt { float: left; clear: left; width: 110px; color: #249a9b; }
#item dd { float: left; }
#item dd.rating { margin: 4px 0 0 0; }
#item dd.description { margin-bottom: 35px; }
.intro { float: none; font-size: 13px; line-height: 1.6em; background-position: 8px 12px; background-repeat: no-repeat; }
.intro.image { min-height: 40px; padding-left: 50px; }
.intro.info { background-image: url(/images/icons/32x32/information.png); }
.intro.time { background-image: url(/images/icons/32x32/clock_red.png); }
.intro.comments { background-image: url(/images/icons/32x32/comments.png); }
.intro.error { color: #c00; }
table.stats { width: 100%; padding: 0; }
table.stats td { width: 25%; padding: 6px 0; text-align: center; }
table.stats .value { display: block; margin: 0 0 3px 0; font-size: 24px; }
table.stats .label { font-size: 12px; }
.itemactions { display: none; text-align: center; }
.itemactions button { padding: 4px 10px; font-weight: bold; }
.itemactions button:hover { padding: 3px 9px; }
.stories { padding: 0; list-style: none; }
.stories li { position: relative; float: none; margin-left: 0; }
.stories h3 .part { font-size: 12px; }
.stories strong { font-size: 12px; }
.stories .icon { position: absolute; left: 8px; top: 8px; width: 70px; height: 90px; }
.stories .item { min-height: 98px; padding-left: 94px; }
.characters .item { float: none; margin-left: 0; min-height: 108px; padding-left: 104px; }
.characters .icon { position: absolute; left: 8px; top: 8px; width: 80px; height: 100px; }
.blogs li { float: none; margin-left: 0; }
.blogs h3 { margin-bottom: 2px; }
.blogs dl { font-size: 11px; }
.blogs dt { display: inline; color: #249a9b; }
.blogs dd { display: inline; padding: 0 6px 0 1px; }
.poems { padding: 0; list-style: none; }
.poems li { position: relative; float: none; margin-left: 0; }
.poems p { padding: 3px 1px; font-size: 11px; }
.blogs .icon { width: 60px; height: 60px; }
.books { padding: 0; list-style: none; }
.books li { height: 98px; }
.books .icon { width: 70px; height: 90px; }
.books dl { margin: 8px 0 0 0; }
.books dt.author { display: none; }
.books dd.author { position: relative; top: -5px; display: block; font-size: 14px; }
#content .members li { float: left; width: 33%; }
#content .members li.first { width: 34%; }
#content .members li .item { margin-left: 6px; width: auto; }
#content .members li.first .item { margin-left: 0; }
dl.info { padding: 3px 0 2px 0; font-size: 12px; }
dl.info dt { display: inline; color: #249a9b; }
dl.info dt.hidden { display: none; }
dl.info dd.block { display: block; }
dl.info dd { display: inline; padding: 0 6px 0 1px; }
dl.info dt.rating { display: none; }
dl.info dd.timeago { color: #68a2c1; }
dd.rating, dl.info dd.rating { position: relative; display: inline-block; overflow: hidden; margin-right: 4px; width: 30px; height: 14px; line-height: 14px; padding: 0 2px; text-align: center; border-radius: 3px; font-size: 10px; color: rgba(255, 255, 255, 0.9); }
dd.rating.g { background: #44ab72; }
dd.rating.pg { background: #445fcf; }
dd.rating.pg-13 { background: #db723c; }
dd.rating.r { background: #cf4848; }
dd.rating.nc-17 { background: #9846cf; }
div.description { margin: 0 0 12px 0; padding: 1px; font-size: 14px; color: #777; }
.relation { position: absolute; top: 2px; right: 6px; }
.relation li { margin: 5px 0 0 5px; padding: 0; width: 12px; height: 12px; float: right; text-indent: 20px; overflow: hidden; background-size: 12px 12px; background-repeat: no-repeat; }
.relation .read { background-image: url(/images/icons/page.svg); }
.relation .completed { background-image: url(/images/icons/tick.svg); }
.relation .comment { background-image: url(/images/icons/messages-blue.svg); }
.genres { padding: 6px 0 0 0; }
.genres li { float: left; width: 188px; padding: 3px 0; text-align: center; font-size: 13px; }
.filters { margin: 0 0 4px 0; font-size: 12px; }
.filters li { position: relative; float: none; width: auto; padding: 0; }
.filters li input.checkbox { position: absolute; top: 10px; left: 8px; }
.filters legend { display: none; }
.filters label { display: block; margin-bottom: 2px; padding: 7px 10px 7px 30px; font-size: 11px; color: #999; background-color: #e8f1f5; }
.filters label:hover { cursor: pointer; background-color: #d9e8ee; }
.filters label strong { font-weight: normal; font-size: 13px; }
.filters label.checked { color: #545454; }
.filters label.checked strong { color: #249a9b; }
.filters .buttons { display: none; margin-top: 2px; padding: 6px; text-align: center; }
.breadcrumbs { margin: 0 -10px 15px -10px; padding: 7px 10px; font-size: 13px; background: #e8f1f5; border-bottom: #d2e2e9 1px solid; }
.breadcrumbs a { padding: 0 3px; }
.breadcrumbs a.first { padding-left: 0; }
.breadcrumbs span { padding: 0 3px; }
.breadcrumbs.after { margin: 6px 0 0 0; border-bottom: 0; border-top: #d2e2e9 1px solid; }
.member.item { width: 218px; height: 68px; padding-left: 84px; white-space: nowrap; overflow: hidden; }
.member .icon { position: absolute; top: 8px; left: 8px; width: 60px; height: 60px; }
.member p { padding: 2px 1px; font-size: 11px; }
.member dl { float: left; width: 160px; padding: 0 0 0 1px; font-size: 11px; }
.member dt { display: none; }
.member dd { display: inline; padding-right: 3px; }
.member dd a { font-weight: normal; }
.member dd.rank { display: block; margin: 1px 0 3px 0; }
.member .profilelink { position: absolute; bottom: 6px; right: 6px; display: block; width: 16px; height: 16px; text-indent: -2000px; background-image: url(/images/icons/16x16/skins.png); }
#body dt.gender { display: none; }
dd.gender { font-weight: bold; }
dd.gender.male { color: #295fb9; }
dd.gender.female { color: #aa29b9; }
#member-info { position: relative; }
#member-info .iteminfo { margin-bottom: 6px; padding-left: 220px; }
#member-info .iteminfo .icon { width: 200px; }
#member-info .iteminfo h3 { padding: 4px 0 0 0; font-size: 22px; color: #249a9b; }
#member-info .details { padding: 0 0 0 6px; }
#member-info .score { position: relative; clear: both; margin: 6px 0 6px -5px; }
#member-info .score .medals li { width: 32px; height: 32px; margin: 0 0 10px 0; display: block; float: left; list-style: none; }
#member-info .score .medals li.gold { background-image: url(/images/icons/32x32/medal_gold_1.png); }
#member-info .score .medals li.silver { background-image: url(/images/icons/32x32/medal_silver_3.png); }
#member-info .score .medals li.bronze { background-image: url(/images/icons/32x32/medal_bronze_2.png); }
#member-info .score .medals li.first { clear: both; }
#member-info .score .content { text-align: right; font-size: 22px; display: none; color: #1c6991; }
#member-info dl { float: none; width: auto; padding: 3px 0 0 0; }
#member-info dt { display: none; }
#member-info dd { float: left; width: auto; margin: 0 6px 3px 0; }
#member-info dd.gender { position: relative; top: 2px; clear: left; width: 16px; height: 16px; text-indent: -20000px; }
#member-info dd.male { background-position: 0 0; background-image: url(/images/icons/16x16/male.png); }
#member-info dd.female { background-image: url(/images/icons/16x16/female.png); }
#member-info .links { position: absolute; top: 6px; right: 8px; padding: 0; }
#member-info .links a { outline: none; padding: 6px 10px 6px 28px; line-height: 32px; line-height: 32px; font-size: 12px; color: #fff; background-color: #1c6991; background-position: 8px 6px; background-repeat: no-repeat; border-radius: 4px; }
#member-info .links a:hover { cursor: pointer; text-decoration: none; background-color: #186085; }
#member-info .links a.message { background-image: url(/images/icons/16x16/email.png); }
#member-info .links a.friend_add { background-image: url(/images/icons/16x16/group_add.png); }
#member-info .photos { position: absolute; top: 8px; left: 8px; width: 214px; }
#member-info .photos li { float: left; }
#member-info .photos li img { float: left; width: 58px; height: 58px; margin: 5px 5px 0 0; padding: 4px; background-color: #fff; }
#member-info .infotext { margin: -6px 0 6px 0; font-style: italic; }
div.article { margin: 0 0 10px 0; padding: 0 10px 12px 0; font-size: 14px; text-align: justify; line-height: 24px; }
.article h2 { margin: 12px 0 0 0; padding: 0; font-size: 20px; color: #249a9b; font-weight: normal; font-family: 'Century Gothic', Tahoma, Geneva, sans-serif; }
.article h3 { margin: 12px 0 0 0; padding: 0; font-size: 17px; font-weight: normal; color: #249a9b; }
.article p { padding: 6px 0; height: auto; }
.article .icon { margin: 6px 12px 0 0; border: #9dbfcc 1px solid; }
.article ul { margin: 0 0 0 20px; list-style: disc; list-style-position: inside !important; }
.article ol { margin: 0 0 0 20px; list-style-position: inside !important; }
.article li { padding: 2px 0; }
.article table { background: #f2f2f2; border-radius: 3px; }
.article td { padding: 6px 10px; border-bottom: #fff 1px solid; border-right: #fff 1px solid; }
.article td:last-child { border-right: none; }
.article blockquote { margin: 12px 10px; }
.article-author { color: #999; font-size: 14px; font-style: italic; margin: 0 0 30px 0; }
.articles { font-size: 12px; }
.articles .preview { position: relative; width: 50%; float: left; }
.articles .preview .content { margin: 0 0 0 6px; }
.articles .preview.first { clear: left; }
.articles .preview.first .content { margin-left: 0; }
.articles .preview .item { margin-bottom: 0; }
.articles .preview h3 { margin: 0 0 3px 0; }
.articles .preview ul { width: 100%; float: left; margin-bottom: 6px; }
.articles .preview li { padding: 6px 8px; border-top: #fff 2px solid; font-size: 13px; }
.articles .preview .first { overflow: hidden; float: none; }
.articles .preview .item { height: auto; }
.articles .preview .item .icon { width: 70px; height: 90px; }
.articles h3 { margin-bottom: 2px; }
.articles .item .icon { width: 70px; height: 90px; }
.articles .bottom ul { margin-bottom: 0; }
.photos .original { float: none; margin: 6px 0; text-align: center; }
.photos .original p { padding: 5px 0 0 0; }
.photos .original img { max-width: 99%; }
.photos .preview { float: none; margin: 6px 0 0 0; text-align: center; }
.photos .preview li { display: inline; }
.photos .preview img { width: 100px; height: 100px; }
.updates .item { float: none; margin-left: 0; padding-left: 53px; width: auto; line-height: 18px; font-size: 13px; }
.updates.alerts .item { padding-left: 10px; }
.updates.alerts .message { font-style: italic; }
.updates li ul { margin: 3px 0 0 0; }
.updates li li { padding: 1px 0; }
.updates li .time { font-size: 11px; color: #68a2c1; }
.updates li img.icon { width: 30px; height: 30px; margin: 0 0 0 -45px; }
.updates li .iconlink { margin-left: 3px; padding: 2px 0 1px 20px; background-repeat: no-repeat; background-position: left center; }
.updates li a.book { padding-left: 21px; background-image: url(/images/icons/16x16/books.png); }
.updates li a.story { background-image: url(/images/icons/16x16/report.png); }
.updates li a.poem { padding-left: 18px; background-image: url(/images/icons/16x16/draw_calligraphic.png); }
.updates li a.article { background-image: url(/images/icons/16x16/newspaper.png); }
.updates li a.blog { background-image: url(/images/icons/16x16/blogs.png); }
.updates li a.video { background-image: url(/images/icons/16x16/film.png); }
.updates li a.topic { background-image: url(/images/icons/16x16/comments.png); }
.updates li a.user { background-image: url(/images/icons/16x16/vcard.png); }
.updates li span.status { font-style: italic; background-image: url(/images/icons/16x16/comment.png); }
.updates .photo { margin: 6px 0 0 0; font-style: italic; }
.updates .photo img { float: left; width: 72px; height: 72px; margin: 0 6px 6px 0; }
.updates .buttons { padding: 6px 0 0 0; }
.updates button, .updates a.button { font-size: 12px; font-weight: normal; }
.smilies .item { width: 72px; height: 72px; margin-right: 6px; text-align: center; float: left; }
.smilies .item .code { position: absolute; display: block; bottom: 0; left: 0; width: 100%; padding: 0 0 5px 0; }
.smilies .item.first { width: 80px; }
.layouts .item { min-height: 222px; padding-left: 312px; }
.layouts .icon { position: absolute; top: 8px; left: 8px; width: 286px; height: 214px; margin: 0 0 8px 0; }
.layouts h3 a { display: block; white-space: nowrap; }
.layouts .options { margin: 2px 0 0 0; }
#forums h2.section:first-child { display: none; }
.forum { float: left; display: block; position: relative; width: 33%; margin: 0 0 6px 0; overflow: hidden; }
.forum .item { height: 69px; padding: 10px 12px 12px 12px; margin: 0 0 0 6px; }
.forum h3 { margin: 0 0 2px -3px; padding: 0; height: 16px; line-height: 18px; }
.forum ul { margin: 0; padding: 3px 0 0 18px; list-style: circle; }
.forum li { position: relative; margin: 0; padding: 0; font-size: 12px; line-height: 16px; height: 16px; }
.forum li a { display: block; position: absolute; top: 0; left: 0; height: 16px; overflow: hidden; color: #68a2c1; }
.forum li.unread a { color: #1c6991; }
.forum.first { clear: left; width: 34%; }
.forum.first .item { margin-left: 0; }
.forum .unread { list-style: disc; }
.topics { margin: 0; padding: 0; }
.topics h3 { display: inline; }
.topics h3 .type { display: block; float: left; position: relative; top: 1px; width: 16px; height: 16px; margin: 0 3px 0 0; }
.topics h3 .locked { background-image: url(/images/icons/16x16/lock.png); }
.topics h3 .featured { background-image: url(/images/icons/16x16/star.png); }
.topics .icon { position: absolute; left: 8px; top: 8px; width: 46px; height: 46px; margin-left: -2px; }
.topics .item { min-height: 54px; padding-left: 68px; }
.message { position: relative; margin: 0 0 6px 0; padding: 0; }
.message .author { position: absolute; top: 0; right: 0; }
.message .author .member { float: none; margin: 0; }
.message .content { margin-right: 316px; font-size: 13px; border: #d3e2e9 1px solid; border-radius: 3px; }
.message .content .info { padding: 0 6px; line-height: 22px; font-size: 12px; background: #e8f1f5; }
.message .content .info .goto { float: right; }
.message .content blockquote.quote { margin: 12px 10px; padding: 0; color: #545454; font-family: Tahoma, Geneva, sans-serif; font-size: 13px; }
.message .content dt.quote { margin: 0; padding: 1px 6px; font-weight: bold; background: #e8f1f5; border-top-left-radius: 3px; border-top-right-radius: 3px; }
.message .content dd.quote { margin: 0; padding: 6px 8px; border: #e8f1f5 1px solid; border-bottom-left-radius: 3px; border-bottom-right-radius: 3px; }
.message .content code { display: block; margin: 10px; padding: 6px 10px; max-height: 200px; overflow: auto; border: #e8f1f5 1px solid; border-radius: 3px; }
.message .content ul { margin: 5px 0 10px 0; padding-left: 25px; list-style: disc; }
.message .content .text { padding: 6px 8px; line-height: 1.6em; min-height: 40px; overflow: hidden; }
.message .content .text span { line-height: 1.6em; }
.message .content .text img { max-width: 99%; }
.message .content .time { padding: 8px; font-style: italic; color: #999; }
.message .content .manage { display: none; position: absolute; right: 5px; bottom: 3px; }
.message .content .post { position: relative; }
.message .content .post:hover .manage { display: block; }
.message .content form { text-align: center; }
.message .content textarea { width: 98%; height: 120px; margin: 2px 0 6px 0; }
.message .content button { font-size: 16px; font-weight: bold; margin: 0 2px; padding: 4px 16px; }
.message .content button:hover { padding: 3px 15px; }
.message .signature { position: relative; margin: 10px 6px 0 6px; padding: 6px 0; font-size: 0.9em; max-height: 200px; overflow: hidden; border-top: #ddd 1px dashed; }
span.delete .confirm { display: none; }
span.delete .cancel { display: none; }
.counters .item { width: 136px; float: left; text-align: center; }
.counters .item.first { margin-right: 6px; }
.counters .item .value { display: block; margin: 0 0 6px 0; font-size: 36px; }
dd.rank_admin { color: #bd2626; }
dd.rank_story-editor { color: #e25611; }
dd.rank_poem-editor { color: #a89011; }
dd.rank_article-editor { color: #b50dbc; }
dd.rank_blog-moderator { color: #0dbc6c; }
dd.rank_board-moderator { color: #0daebc; }
dd.rank_magazine-staff { color: #3f0dbc; }
#reply { position: relative; margin: 0 0 6px 0; }
#reply form { margin: 0; padding: 0; background: #fff; }
#reply fieldset { position: relative; z-index: 2; padding: 0; }
#reply textarea { width: 610px; margin: 0; border-color: #a4c6d8; }
#reply .buttons { position: relative; z-index: 1; margin: -8px 0 0 0; padding: 8px 4px 4px 4px; text-align: right; background: #e8f1f5; border-radius: 3px; }
#reply .buttons input, #reply .buttons button { background: #fff; margin: 0 0 0 3px; padding: 5px 10px; font-weight: normal; font-size: 13px; }
#reply .options { position: absolute; left: 0; bottom: 0; z-index: 2; padding: 0 6px; line-height: 28px; font-size: 11px; }
#reply .options img { margin: 0 2px; cursor: pointer; }
#reply .item { margin: 0; }
#reply .to { position: relative; padding: 0 0 0 14px; }
#reply .to .label { position: absolute; top: 9px; left: 0; font-size: 11px; }
#reply .to .item { margin: 0 4px 4px 0; padding: 6px 26px 6px 6px; line-height: 32px; }
#reply div.input { margin-right: 316px; }
#reply .user { position: absolute; top: 0; right: 0; }
.boxes li { float: left; width: 33%; }
.boxes li a { display: block; line-height: 60px; padding: 0 15px 0 60px; margin: 0 0 12px 12px; font-size: 20px; background-color: #e8f1f5; background-repeat: no-repeat; background-position: 15px center; border-radius: 8px; }
.boxes li a:hover { text-decoration: none; background-color: #d9e8ee; }
.boxes li.tips a { background-image: url(/images/icons/32x32/report_edit.png); }
.boxes li.grammar a { background-image: url(/images/icons/32x32/book.png); }
.boxes li.palette a { background-image: url(/images/icons/32x32/palette.png); }
.boxes li.tag a { background-image: url(/images/icons/32x32/tag.png); }
.boxes li.music a { background-image: url(/images/icons/32x32/music.png); }
.boxes li.direction a { background-image: url(/images/icons/32x32/direction.png); }
.boxes li.help a { background-image: url(/images/icons/32x32/user_blondy.png); }
.boxes li.html a { background-image: url(/images/icons/32x32/html_valid.png); }
.boxes li.css a { background-image: url(/images/icons/32x32/css_valid.png); }
.boxes li.info a { background-image: url(/images/icons/32x32/document_info.png); }
.boxes li.first { width: 34%; }
.boxes li.first a { margin-left: 0; }
.boxes.simple li a { margin: 0 0 6px 6px; padding: 0 8px; line-height: 32px; font-size: 15px; border-radius: 3px; }
.boxes.simple li.first a { margin-left: 0; }
.option { outline: none; padding: 5px 10px 5px 24px; line-height: 28px; line-height: 28px; font-size: 12px; color: #1c6991; background-color: #e8f1f5; background-position: 8px 6px; background-repeat: no-repeat; border-radius: 4px; }
.option:hover { cursor: pointer; text-decoration: none; background-color: #d9e8ee; }
.option.subscribe { background-image: url(/images/icons/12x12/email.png); }
.option.subscribed { background-image: url(/images/icons/12x12/email_tick.png); }
.option.unsubscribe { background-image: url(/images/icons/12x12/email_delete.png); background-position: 8px 6px; }
.option.quote { background-image: url(/images/icons/12x12/comments.png); }
.option.reply { background-image: url(/images/icons/12x12/reply.png); }
.option.user { background-image: url(/images/icons/12x12/user_red.png); }
.option.report { background-image: url(/images/icons/12x12/error.png); }
.option.edit { background-image: url(/images/icons/12x12/pencil.png); }
.option.delete { background-image: url(/images/icons/12x12/cross.png); }
.option.cancel { background-image: url(/images/icons/12x12/cancel.png); }
.option.confirm { background-image: url(/images/icons/12x12/tick.png); }
.option.move { background-image: url(/images/icons/12x12/arrow_turn_right.png); }
.option.add { background-image: url(/images/icons/12x12/add.png); }
.option.recommend { background-image: url(/images/icons/12x12/thumb_up.png); }
.option.recommended { background-image: url(/images/icons/12x12/thumb_up_tick.png); }
.option.settings { background-image: url(/images/icons/12x12/cog.png); }
.option.group { background-image: url(/images/icons/12x12/group.png); }
.option.pages { background-image: url(/images/icons/12x12/page_white_stack.png); }
.option.star { background-image: url(/images/icons/12x12/star.png); }
.option.link { background-image: url(/images/icons/12x12/link.png); }
.option.preview { background-image: url(/images/icons/12x12/magnifier.png); }
.option.share { background-image: url(/images/icons/12x12/share.png); }
.option.sync { background-image: url(/images/icons/12x12/arrow_refresh_small.png); }
.option.loading { background-image: url(/images/loader.gif); background-position: 5px 4px; }
.list-info { float: left; height: 22px; line-height: 22px; margin: 0 0 6px 0; font-size: 12px; }
.list-info select { margin: 0 0 0 10px; }
#themes h2 { padding: 0 2px; font-size: 15px; color: #d46c39; }
#themes a { margin-right: 10px; padding: 4px; float: left; color: #d46c39; }
#themes.long a { display: block; width: 160px; }
#drafts .item { float: none; margin-left: 0; }
#drafts .save { text-align: center; background: #d6ebf4; }
#drafts .save p { margin: 0 0 8px 0; font-size: 13px; }
#drafts .save button { background: #fff; font-size: 14px; }
#drafts .list { max-height: 310px; overflow: auto; }
#drafts .list .item { cursor: pointer; }
#drafts .list .item:last-child { margin-bottom: 0; }
#drafts .list .item:hover { background: #d6ebf4; }
#drafts .list .title { margin: 0 20px 0 0; white-space: nowrap; overflow: hidden; font-size: 13px; }
#drafts .list .time { color: #999; }
#permissions .entities { margin: 10px 0 0 0; }
#permissions .entities li { position: relative; float: left; width: 180px; padding: 3px 0; }
#permissions .entities li .checkbox { position: relative; top: 0; left: 0; }
#permissions .entities .label { width: 150px; float: left; font-weight: bold; }
#permissions .entities .group { width: 770px; float: left; margin: 0 0 8px 0; }
.info-box { margin: 10px 0 6px 0; padding: 2px 10px; font-size: 13px; line-height: 20px; background: #e8f1f5; border: #a4c6d8 1px solid; border-radius: 3px; }
.info-box p { padding: 6px 0; }
.editable input { position: relative; left: -1px; font-size: inherit; color: inherit; }
.editable-trigger { cursor: pointer; display: inline-block; margin-left: 3px; width: 8px; height: 8px; background-position: -747px -26px; }
.icon { float: left; padding: 4px; margin: 0 8px 0 0; background: #fff; border-radius: 2px; border-color: #d7e2e7; }
form.processing { background-image: url(/images/loader.gif); background-repeat: no-repeat; background-position: center center; }
form.processing * { visibility: hidden; }
table.data { display: none; clear: both; width: 100%; margin: 0 0 10px 0; border-collapse: collapse; }
table.data thead { display: none; }
table.data th { padding: 0 6px; line-height: 25px; white-space: nowrap; border-bottom: #fff 6px solid; font-size: 12px; color: #fff; background-color: #246c91; }
table.data td { padding: 8px; border-bottom: #fff 6px solid; }
table.data tbody tr { background-color: #e8f1f5; }
table.data td:first-child, table.data th:first-child { border-top-left-radius: 3px; border-bottom-left-radius: 3px; }
table.data td:last-child, table.data th:last-child { border-top-right-radius: 3px; border-bottom-right-radius: 3px; }
table.data td.options a { margin: 0 0 0 6px; }
table.data td.main { width: 100%; }
table.data td.main div.content { position: relative; }
table.data td.main div.description { margin: 3px 0 0 0; font-size: 12px; }
table.data td.main div.info { margin: 3px 0 8px 0; font-size: 12px; }
table.data td.main div.options { margin: 3px 0 0 0; }
table.data td.main .option { margin: 0 6px 0 0; background-color: #fff; }
table.data td.main .option:hover { }
table.data td.main .delete .confirm { display: none; }
table.data td.main .delete .cancel { display: none; }
table.data td.main div.message { font-size: 11px; color: #c00; }
table.data td.nowrap { white-space: nowrap; }
table.data.gallery tbody tr { display: list-item; width: 170px; float: left; list-style: none; }
table.data.gallery tbody td { display: list-item; width: 170px; float: left; text-align: center; }
table.data.gallery tbody td.main { height: 170px; }
table.data.gallery tbody td .icon { float: none; }
table.data.gallery tbody td .description { max-height: 24px; overflow: hidden; }
.dropdown { position: absolute; right: 0; top: 0; width: 300px; z-index: 2; }
.dropdown .label { border: #a4c6d8 1px solid; border-radius: 3px; font-size: 13px; padding: 5px 8px; position: relative; }
.dropdown .label .more { background: #e8f1f5; border: #a4c6d8 1px solid; border-radius: 3px; color: #1c6991; cursor: pointer; padding: 5px 10px; position: absolute; right: -1px; top: -1px; }
.dropdown .label:hover .more { background: #d9e8ee; }
.dropdown .items { background: #fff; border-radius: 3px; box-shadow: 0 0 5px 1px #10567a; display: none; margin: 5px 0 0 0; max-height: 300px; overflow: auto; padding: 4px; }
.dropdown .item { float: none; margin-left: 0; padding: 0; }
.dropdown .item:last-child { margin-bottom: 0; }
.dropdown a { display: block; padding: 8px; border-radius: 3px; }
.dropdown .active a, .dropdown a:hover { text-decoration: none; background-color: #d6ebf4; }
.dropdown img { float: left; margin: 0 8px 0 0; }
.dropdown span.title { display: block; margin: 0 0 2px 0; font-size: 14px; }
.dropdown span.description { font-size: 11px; color: #545454; }
#embed { background: #e5f7e1; }
#embed h3 { cursor: pointer; font-size: 13px; font-weight: bold; }
#embed h3:hover { text-decoration: underline; }
#embed p { margin: 0 0 8px 0; }
#embed code { background: #fff; border-radius: 3px; display: block; font-size: 11px; margin: 5px 0 0 0; padding: 8px 10px; }
#embed .content { display: none; padding: 8px 0 0 0; }
#network { background: #f5e8ec; color: #b95050; }
#network a { color: #b95050; font-weight: bold; }
#preview { margin: 12px 0 0 0; }
#preview h2 { height: auto; line-height: normal; background: transparent; color: #545454; }
#body #search-save { padding: 6px 12px; }
#search-save button { background: #fff; margin-left: 6px; }
#comments { position: fixed; right: 0; top: 167px; width: 350px; height: 1000px; background: #fff; }
#comments a { color: #1c6991; }
#comments h2 { margin: 2px 3px 3px 3px; padding: 0 6px; height: 23px; line-height: 23px; font-size: 11px; color: #fff; background: #246c91; border-radius: 3px; }
#comments .list { position: relative; height: 400px; overflow-y: auto; }
#comments .viewall { padding: 0 10px 0 0; font-size: 11px; }
#comments .viewall a { color: #fff; }
#comments .comment { margin: 3px; padding: 6px; line-height: 14px; font-size: 12px; background: #e8f1f5; border-radius: 3px; }
#comments .comment .info { margin: 3px 0 0 0; color: #68a2c1; }
#comments .reply { padding: 0 3px; }
#comments .reply fieldset { position: relative; z-index: 2; padding: 0; }
#comments .reply textarea { width: 330px; height: 50px; font-size: 12px; }
#comments .reply .preview { display: none; }
#comments .reply .buttons { position: relative; z-index: 1; margin: -8px 0 0 0; padding: 8px 4px 4px 4px; text-align: right; background: #e8f1f5; border-radius: 3px; }
#comments .reply .buttons input { background: #fff; margin: 0 0 0 3px; padding: 3px 8px; font-weight: normal; font-size: 12px; }
#comments .close { cursor: pointer; position: absolute; top: 6px; right: 6px; width: 15px; height: 15px; display: block; border-radius: 2px; background: url(/images/delete-light.png) center center no-repeat; }
#comments .close:hover { background-color: #1c6991; }
#comments-toggle { position: fixed; right: 0; bottom: 0; padding: 6px 10px; cursor: pointer; font-size: 11px; background: #f60; color: #fff; border-top-left-radius: 5px; }
#drafts-content { background: #fff; border-radius: 3px; left: 640px; padding: 6px; position: absolute; top: 50px; }
#mibba-layout-page { font-size: 15px; color: #545454; overflow: auto; background: #fff url(/images/content-background.gif) center bottom fixed no-repeat; }
#mibba-layout-page .notes { margin: 10px 0 0 0; }
#mibba-layout-page .notes .delimiter { margin: 0 0 5px 0; text-align: center; }
#mibba-layout-relation { padding: 6px 10px; font-size: 13px; }
#mibba-layout-relation .prequel { width: 50%; float: left; }
#mibba-layout-relation .sequel { width: 50%; float: right; text-align: right; }
#mibba-layout-status { padding: 6px 10px; text-align: center; font-size: 13px; }
#mibba-layout-content, .mibba-layout-entry { width: 800px; margin: 30px auto; padding: 25px 30px; background-color: #fff; border-radius: 10px; }
#mibba-layout-content img, .mibba-layout-entry img { max-width: 100%; }
#mibba-layout-title, .mibba-layout-entry .title { margin: 0 0 12px 0; font-weight: normal; font-size: 28px; color: #29a1a2; }
#mibba-layout-title a, .mibba-layout-entry .title a { color: inherit; }
#mibba-layout-subtitle { padding: 12px 0 5px 0; font-weight: normal; font-size: 22px; }
#mibba-layout-author { padding: 10px 0; line-height: 25px; }
#mibba-layout-summary { padding: 5px 0 10px 0; line-height: 24px; text-align: justify; }
#mibba-layout-summary .cover { float: left; margin: 5px 15px 0 0; }
#mibba-layout-parts { padding: 10px 0; }
#mibba-layout-parts ol { padding: 0 0 0 30px; }
#mibba-layout-parts li { line-height: 26px; }
#mibba-layout-content .text, .item .text { line-height: 28px; text-align: justify; }
.content .navigation { margin-top: 2em; }
.content .navigation .previous { float: left; }
.content .navigation .next { float: right; }
.item .time { margin: 10px 0 0 0; color: #999; font-style: italic; }
#recaptcha_area { margin: 0 auto 15px auto; }
#form_alerts .checkboxfield li, #form_notifications .checkboxfield li { width: auto; float: none; padding: 4px 0; }
#list-articles-article_pending td.main div.content { padding-left: 0; }
#list-subscriptions-user .icon { width: 60px; height: 60px; }
#form_custom_profile_content { width: 99%; font-family: Courier, monospace; }
#form_story_comment_swap h3 { margin: 0 0 10px 0; font-size: 13px; font-weight: bold; }
#form_story_comment_swap select { margin-bottom: 20px; }
#form_story_comment_swap legend { padding: 4px 0 8px 0; }
#form_story_comment_swap .checkboxfield li { width: 170px; }
#form_story_comment_swap .inline .checkboxfield li { display: inline; float: none; width: auto; padding-right: 15px; }
/* */
.ui-helper-clearfix { zoom: 1; }
.ui-helper-clearfix::before, .ui-helper-clearfix::after { content: ""; display: table; }
.ui-helper-hidden-accessible { position: absolute !important; clip: rect(1px, 1px, 1px, 1px); }
.ui-effects-transfer { z-index: 5; border: 1px dotted; }
.ui-state-default .ui-icon { background-image: url(/components/jquery/ui/css/cupertino/images/ui-icons_3d80b3_256x240.png); }
.ui-icon { display: block; text-indent: -99999px; overflow: hidden; background-repeat: no-repeat; width: 16px; height: 16px; background-image: url(/components/jquery/ui/css/cupertino/images/ui-icons_72a7cf_256x240.png); }
.ui-icon-plus { background-position: -16px -128px; }
.ui-icon-minus { background-position: -48px -128px; }
.ui-icon-arrowthick-2-n-s { background-position: -128px -48px; }
.ui-multiselect { overflow: auto; background: #fff; border: #a4c6d8 1px solid; font-size: 12px; border-radius: 3px; width: 612px !important; }
.ui-multiselect ul { -moz-user-select: none; }
.ui-multiselect li { margin: 0; padding: 0; cursor: default; line-height: 20px; height: 20px; list-style: none; }
.ui-multiselect li a { color: #999; text-decoration: none; padding: 0; display: block; float: left; cursor: pointer; }
.ui-multiselect li.ui-draggable-dragging { padding-left: 10px; }
.ui-multiselect div.selected { position: relative; padding: 0; margin: 0; border: 0; float: left; width: 50% !important; }
.ui-multiselect ul.selected { position: relative; padding: 0; overflow: auto; overflow-x: hidden; background: #fff; margin: 0; list-style: none; border: 0; position: relative; width: 100%; height: auto !important; max-height: 200px; }
.ui-multiselect ul.selected li { }
.ui-multiselect div.available { position: relative; padding: 0; margin: 0; border: 0; float: right; border-left: #a4c6d8 1px solid; width: 49% !important; }
.ui-multiselect ul.available { position: relative; padding: 0; overflow: auto; overflow-x: hidden; background: #fff; margin: 0; list-style: none; border: 0; width: 100%; height: auto !important; max-height: 200px; }
.ui-multiselect ul.available li { padding-left: 10px; }
.ui-multiselect .ui-state-default { border: none; margin-bottom: 1px; position: relative; padding-left: 20px; overflow: hidden; }
.ui-multiselect .ui-state-hover { border: none; }
.ui-multiselect .ui-widget-header {border: none; margin-bottom: 1px; }
.ui-multiselect .add-all { float: right; padding: 7px; }
.ui-multiselect .remove-all { float: right; padding: 7px; }
.ui-multiselect .search { float: left; padding: 4px; }
.ui-multiselect .count { float: left; padding: 7px; }
.ui-multiselect li span.ui-icon-arrowthick-2-n-s { position: absolute; left: 2px; }
.ui-multiselect li a.action { position: absolute; right: 2px; top: 2px; }
.ui-multiselect input.search { padding: 2px 4px; opacity: 0.5; margin: 4px; width: 120px; border: #a4c6d8 1px solid; border-radius: 3px; }
.ui-state-default, .ui-widget-content .ui-state-default { font-weight: normal; background: none; color: inherit; }
.ui-state-active, .ui-widget-content .ui-state-active { background: none; color: inherit; }
.ui-state-highlight { border-color: #9dbfcc; }
.ui-widget { font-size: 12px; }
.ui-widget-overlay { position: fixed; background-image: none; background-color: #000; opacity: 0.85; }
.ui-widget-header { color: inherit; background: none; border: none; }
.ui-widget-header a { color: #1c6991; }
.ui-widget-content { background-image: none; background-color: #fff; }
.ui-dialog { position: fixed; }
.ui-dialog .ui-dialog-buttonpane { padding: 0; }
.ui-corner-all { border-radius: 3px; }
.ui-autocomplete { width: 300px; box-shadow: 0 0 5px #1c6991; }
.ui-autocomplete .icon { width: 30px; height: 30px; }
.ui-autocomplete .title { line-height: 20px; font-size: 15px; }
.ui-autocomplete .description { line-height: 20px; font-size: 12px; color: #545454; }
.ui-autocomplete a { display: block; padding: 6px; cursor: pointer; text-decoration: none; color: #1c6991; background: #e8f1f5; border-bottom: #fff 1px solid; }
.ui-autocomplete a.ui-state-hover { background: #d6ebf4; border: none; font-weight: normal; border-bottom: #fff 1px solid; }
/* */
/* */
#colorbox, #cboxOverlay, #cboxWrapper{ position: absolute; top:0; left:0; z-index: 9999; overflow: hidden; }
#cboxOverlay{ position: fixed; width: 100%; height: 100%; }
#cboxContent{ position: relative; overflow: hidden; width: 300px; height: 200px; }
#cboxLoadedContent { overflow: auto; }
#cboxLoadedContent .box { margin-bottom: 0; }
#cboxLoadingOverlay, #cboxLoadingGraphic{ position: absolute; top: 0; left: 0; width: 100%; }
#cboxOverlay { background: rgba(0, 0, 0, 0.7); }
#cboxTopLeft, #cboxTopRight, #cboxBottomLeft, #cboxBottomRight, #cboxMiddleLeft, #cboxMiddleRight { display: none; }
#cboxContent { padding: 10px; background: #fff; border: #152d3b 10px solid; border-radius: 5px; }
#cboxTitle { position: absolute; bottom: 4px; left: 0; text-align: center; width: 100%; color: #949494; }
#cboxLoadingOverlay { background:url(/components/jquery/plugins/colorbox/images/loading_background.png) center center no-repeat; }
#cboxLoadingGraphic { background:url(/components/jquery/plugins/colorbox/images/loading.gif) center center no-repeat; }
#cboxClose { cursor: pointer; float: none; position: absolute; top: 14px; right: 14px; background: #fff url(/images/delete.png) center center no-repeat; width: 17px; height: 17px; text-indent: -9999px; border-radius: 3px; }
#colorbox .form { width: 626px; margin-bottom: 0; }
#colorbox input.text, #colorbox textarea { width: 592px; }
#colorbox select { width: 606px; }
#colorbox .column23 { margin-right: 0; }
/* */
/* */
.miniColors-trigger { height: 22px; width: 22px; background: url(/components/jquery/plugins/minicolors/images/trigger.png) center no-repeat; vertical-align: middle; margin: 0 .25em; display: inline-block; outline: none; }
.miniColors-selector { position: absolute; width: 175px; height: 150px; background: #fff; border: solid 1px #bbb; box-shadow: 0 0 6px rgba(0, 0, 0, .25); border-radius: 5px; padding: 5px; z-index: 999999; }
.miniColors-selector.black { background: #000; border-color: #000; }
.miniColors-colors { position: absolute; top: 5px; left: 5px; width: 150px; height: 150px; background: url(/components/jquery/plugins/minicolors/images/gradient.png) center no-repeat; cursor: crosshair; }
.miniColors-hues { position: absolute; top: 5px; left: 160px; width: 20px; height: 150px; background: url(/components/jquery/plugins/minicolors/images/rainbow.png) center no-repeat; cursor: crosshair; }
.miniColors-colorPicker { position: absolute; width: 11px; height: 11px; background: url(/components/jquery/plugins/minicolors/images/circle.gif) center no-repeat; }
.miniColors-huePicker { position: absolute; left: -3px; width: 26px; height: 3px; background: url(/components/jquery/plugins/minicolors/images/line.gif) center no-repeat; }
/* */
#body span.cke_skin_kama { border-radius: 3px; margin: 0 0 10px 0; padding: 0; border-color: #a4c6d8; width: 612px; }
.extend { display: inline-block; } .extend:after { content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0; } html[xmlns] .extend { display: block; } * html .extend { height: 1%; }
@media screen and (max-width: 1024px)
{
input.text, textarea { width: 400px; }
select { max-width: 400px; }
.message .author { float: none; position: relative; }
.message .author .member.item { width: auto; }
.message .content { float: none; width: auto; margin: 0; }
#main #content .members li { width: auto; float: none; }
#main #content .members li .item { margin-left: 0; }
#drafts-content { left: 440px; width: 230px; }
#body span.cke_skin_kama { width: 412px; }
.ui-multiselect { width: 412px !important; }
}