/* body, html, .ui-widget {direction:rtl; font:15px arial; margin:0; padding:0} */
/* #body {color:#333; margin:0 auto; width:960px} */

h1:not(.new-style), #upperBanner {text-align:center}
h3:not(.new-style) {color:green; margin-bottom:5px}
img {border:0}
a, /* h1:not(.new-style),*/ .hide, #deadAlive span:first-child, .myGrade, #accordion table a {color:#06f}
/* a.external {color:#91c} */
a.external::after {
    position: relative;
    top: 3px;
    right: 1px;
    /* color: #369; */
    content: url("data:image/svg+xml,%3Csvg width='16px' class='external_svg_icon' height='16px' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg id='Interface / External_Link'%3E%3Cpath id='Vector' d='M10.0002 5H8.2002C7.08009 5 6.51962 5 6.0918 5.21799C5.71547 5.40973 5.40973 5.71547 5.21799 6.0918C5 6.51962 5 7.08009 5 8.2002V15.8002C5 16.9203 5 17.4801 5.21799 17.9079C5.40973 18.2842 5.71547 18.5905 6.0918 18.7822C6.5192 19 7.07899 19 8.19691 19H15.8031C16.921 19 17.48 19 17.9074 18.7822C18.2837 18.5905 18.5905 18.2839 18.7822 17.9076C19 17.4802 19 16.921 19 15.8031V14M20 9V4M20 4H15M20 4L13 11' stroke='%230066aa' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/g%3E%3C/svg%3E");
}
.external_svg_icon {
    stroke: #336699;
}


fieldset {margin-top:15px}
.tab-checkbox fieldset div {float:right; margin-bottom:2px; margin-left:5px; width:166px}
legend {color:green; font-weight:bold}
.ui-tabs-nav li.ui-state-default {float:right}
#tabs {margin-bottom:30px}
#tab-basic div {margin-bottom:6px}
#tab-basic label {display:inline-block; padding-top:5px; padding-left:5px; text-align:left; width:85px}
#mName, #altmName {width:280px}
#startYear, #mYear, #episodes, #minutes, .inputYear {width:45px}
#summary {width:85%}
.header {font-weight:bold; text-align:center}
.header div {float:right; margin-right:17px}
.line input {float:right; margin-right:10px}
.line {clear:right; padding-top:8px}
.roleName {width:150px}
.roleCharacters {width:400px}
.hName {width:150px}
.hLink {direction:ltr; width:290px}
.hComment {width:220px}
/* .details {width:700px} */
.deleteSelf {margin-right:20px; width:100px}
.hint {font-size:11px; font-style:italic}
.hint {margin-right:4px}
.highlight {background:yellow}
#tabs .reason {background:#e0e0e0}
#response, #loading {float:right; margin-bottom:5px; width:700px}
#loading {display:none}

#upperBanner {margin:0 10px 10px 10px}
#main, #articles, #deadAlive, #n, #th, #i, #d {float:right; width:730px}
#articles div {margin-bottom:8px}
#articles a {margin-left:10px; margin-right:20px}
#deadAlive div {margin-bottom:5px}
#deadAlive a:first-child, #deadAlive span:first-child {float:right; margin-left:10px; width:40px}
#x1 {float:right; width:450px}
#x2 {float:right; width:150px}
/* #xs {float:right; width:750px}
#xs tr {vertical-align:top} */
#n span:first-child {float:right; margin-left:10px; width:40px}
.comment {font-size:11px; margin-right:5px}
/* #article {margin-bottom:30px} */
.more {margin-bottom:30px}
/* #score {background:url(score.gif); color:black; font-size:12px; height:80px; margin:0 auto 20px; width:150px}
#score #title {padding-top:5px}
#score #grade {font-size:30px; font-weight:bold; margin:3px auto}
#slider {margin-bottom:20px} */
#accordion div {padding-bottom:20px}
#accordion th {min-width:80px}
#accordion td {text-align:center}
#accordion td:first-child {text-align:right}
.actionButton {display:block; font-weight:bold; margin-bottom:30px; padding:10px}
#updateButton {margin:0}
#th div {float:right; height:160px; margin:10px; position:relative; width:160px}
#th div img {position: absolute; bottom:0}
#i img {float:right; margin-left:10px}
#i a {white-space:nowrap}
#d .updater {background:#e0e0e0; margin-bottom:5px; padding:5px}
#d .update {border-right:5px solid #e0e0e0; margin-bottom:15px; margin-right:25px; padding-right:5px}
#d .action {text-decoration:underline}
#d .data span {display:inline-block; width:92px}
.more {font-size:12px; padding:2px 5px; text-align:left}
h1 a, .more a, #deadAlive a:first-child, #dmy a, /*#xs a,*/.actionButton, #i a, #d a, #accordion table a {text-decoration:none}
h1 a:hover, .more a:hover, #deadAlive a:first-child:hover, /*#dmy a:hover, #xs a:hover,*/ #i a:hover, #d a:hover, #accordion table a:hover {background:#06f; color:#fff}
a.arrow {margin-left:50px; margin-right:50px}
.clear {clear:both}
/* #f {height: 50px} */
/* .spoiler {outline:1px solid red; color:transparent;}
.spoiler:hover,.spoiler:focus {background:0;outline:0;color:inherit;} */



/* .sidebar {background-color:#e5e5e5;clear:left; float:left; margin-top:10px; margin-bottom:10px; text-align:center; width:200px} */
.sidebar {_background-color:#e5e5e5;clear:left; float:left; text-align:center; width:200px}
/* .sidebar {background-color:#e5e5e5;position:fixed;top:205px;left:24px;}
@media only screen
and (max-width: 1350px) {
    .sidebar {
        display: none!important;
    }
} */


#admin form, #admin table {margin-bottom:20px}
#admin textarea, #admin table {direction:ltr}
#admin textarea {float:right}
#admin td {max-width:700px; word-wrap:break-word}
#admin button {padding:10px}