/* I2P Theme: Midnight - Arabic override */
/* Description: Dark blue with chrome highlights */
/* Author: dr|z3d */

body {
     direction: rtl;
}

div.main li {
     margin: 5px 20px;
     text-align: right;
     line-height: 150%;
}

table {
     direction: rtl;
}

td {
    text-align: right;
}

div.news {
     margin: -1px 205px 0px 5px;
     direction: ltr;
}

.news h3, #newspage h3 {
     direction: ltr;
}

div.main {
     margin: -1px 205px 5px 5px;
     background: url("images/scarface.jpg") no-repeat scroll left bottom #000000 !important;
}

h1 {
     margin: 0 205px 0 5px !important;
}

h1, h2, h3, h4 {
     direction: rtl;
     text-align: right;
}

button.search {
     margin-right: 30px;
}

.routersummary img[src$="i2plogo.png"] {
     width: 190px;
     margin: -1px -5px 0 0;
}

.routersummary h3, .routersummary h4, .routersummary a, .routersummary b {
     text-align: center;
     font-weight: normal;
}

.routersummary h3, .routersummary h3 a {
     font-weight: bold !important;
     padding: 3px 2px !important;
}

.routersummary h3, .routersummary h4 {
     font-size: 11pt;
}

.routersummary td {
     text-align: right;
}

.routersummary td:last-child {
     text-align: left;
     margin-left: 3px;
}

.routersummary td:first-child {
     text-align: right;
}

#sb_services td, #sb_internals td, #sb_advanced td {
     text-align: center;
}

#sb_localtunnels td:nth-child(2), #sb_localtunnels a {
     text-align: right !important;
}

#sb_localtunnels td:last-child {
     text-align: left;
}

#sb_bandwidthgraph {
     margin: -13px -8px 0 0 !important;
}

#sb_graphcontainer {
     background-position: left -72px top -24px !important;
}

.percentBarOuter {
      margin: -3px -6px -5px 0;
}

.sb_info .percentBarOuter {
     margin: 5px 0 -4px -2px;
}

.sb_updatestatus b {
     font-weight: bold !important;
}

.sb_updatestatus, .sb_info .percentBarText {
     font-size: 9pt;
}

.sb_info .percentBarText {
     padding-top: 0;
     direction: ltr;
}

.routersummary td a, .routersummary td:first-child {
     font-size: 10pt;
}

div.tunnels {
     padding: -3px 0 !important;
}

div.tunnels table {
     margin: 0 -7px 0 5px !important;
}

.langbox {
     float: left;
     text-align: left;
}

.formaction {
     text-align: left;
}

form {
    text-align: right;
}

.routersummary form {
    text-align: center;
}

.cells {
    text-align: center;
}

div.joblog li {
    text-align: left;
    direction: ltr;
}

span.newtab {
     text-align: left;
     font-size: 8pt;
     float: left;
     letter-spacing: 0;
}

.tab2::before, .tab2::after {
     display: none;
}

/* lang selection */

.langselect img {
     margin-left: 0;
     margin-right: -70px;
}

.langselect .optbox:checked + img {
     margin-right: -71px;
     margin-left: 0;
}

@media screen and (-webkit-min-device-pixel-ratio:0) {
.langselect img {
     margin-left: 0;
     margin-right: -8px;
     margin-top: -18px !important;
}

.langselect input[name="lang"]:checked + img {
     margin-right: -10px;
     margin-left: 0;
     margin-top: -18px !important;
}
}

/* theme selection */

.themechoice, .langselect {
     float: right !important;
} 

.themechoice {
     padding: 5px;
}

.themechoice .optbox {
     opacity: 0; /* hide the radio icon so we can use thumbnail img instead */
     outline: 1px dotted #f00;
     position: absolute;
     padding: 2px;
     margin-right: -33px;
     margin-left: 0;
     min-height: 78px !important;
}

.themechoice .optbox + img {
     border: 1px solid transparent;
}

.themechoice .optbox + img, .themechoice .optbox:checked + img {
     margin: 5px;
     padding: 0 !important;
}

/* end theme selection */

h3#iptransport a, th#upnpconfig a, h3#bwlimiter a, #config_stats h3 a, #config_logging h3 a, h3#graphdisplay a, #logs h3 a, h3#advancedconfig a {
     float: left;
}

#sybilnav ul li a {
     padding-right: 0;
}

.sybil_routerinfo th:first-child {
     text-align: right;
}

.sybil_routerinfo th:nth-last-child(2) {
     padding-left: 0;
     text-align: left !important;
}

.sybil_routerinfo th {
     padding: 1px 3px 1px 1px !important;
}

.sybil_routerinfo th img[src^="/flags"], .netdbentry th a img {
     margin-left: 5px;
}

table#leasesetdebug th:first-child, table#leasesetsummary th:first-child {
     text-align: right;
}

table#leasesetdebug th:last-child, table#leasesetsummary th:last-child {
     text-align: left;
}

table#leasesetdebug th, table#leasesetsummary th {
      padding: 5px;
}

table.leaseset th {
     text-align: right;
}

table.leaseset th:first-child b {
     float: right;
}

table.leaseset th:last-child, table.leaseset td:nth-child(2) {
     text-align: left;
}

.leaseset th:last-child, .leaseset td:last-child, .sybil_routerinfo th:last-child, .sybil_routerinfo td:last-child {
     border-right: none !important;
}

#netdboverview th, table.netdbentry th, table#leasesetdebug td:nth-child(2n) {
     text-align: right;
}

.main#debug {
     direction: ltr;
}

#jardump.main th:nth-child(1), #jardump.main th:nth-child(3), #jardump.main th:nth-child(6), #jardump.main th:nth-child(7) {
     text-align: right;
}

#schedjobs td {
     text-align: center;
}

table.netdbentry th:last-child, table#leasesetdebug td:nth-child(2n+1) {
     text-align: left;
}

#tunnels.main h3 a {
     float: left;
}

table#enviro td:first-child {
     text-align: left;
}

#wrapperlogs pre, table[id$="logs"] ul, .logtable ul li {
     direction: ltr;
     text-align: left;
}

#criticallogs ul {
     border: none;
}

#eventlog th {
     text-align: right;
     padding-right: 10px;
}

.homelinkedit th:nth-child(3), .homelinkedit th:last-child {
     text-align: right !important;
}

table#netconfig th, table#externali2cp th, table#plugininstall th, table#plugininstall2 th, .configtable th, th.th_title {
     text-align: right !important;
}

#sidebarconf th:nth-child(1), #sidebarconf th:nth-child(2) {
     text-align: right;
}

#sidebarconf td:nth-child(4) {
     padding-right: 0;
}

#sidebarconf td:nth-child(3) {
     text-align: left !important;
     padding-left: 0;
}

.configtable td.infohelp, p.infohelp, td.infohelp, p#debugmode, p#sybilinfo, p.infowarn, td.infowarn, p#keyringhelp, h3#shutdownrouter + p, h3#restartrouter + p, h3#servicedebug + p, h3#browseronstart + p, h3#runonstartup + p, h3#systray + p {
     background: #000 url(images/infohelp.png) right 8px center no-repeat !important;
     padding: 15px 45px 15px 15px !important;
}

p.infowarn, td.infowarn {
     background: #000 url(images/infowarn.png) right 8px center no-repeat !important;
}

.main#config_update .messages {
     background: #000 url(images/infohelp.png) no-repeat right 10px center !important;
     text-align: right;
     padding: 15px 55px 15px 15px;
}

.main#config_update .messages a {
     float: left;
     margin: 0 5px
}

td.optionsave {
     text-align: left;
}

#tunnelconfig th {
     text-align: right;
}

.h3navlinks, h3#servicedebug a, h3#graphinfo a, #config_stats.main h3 a, #config_logging.main h3 a, #configstats th a {
     float: left;
}

#i2pupdates .optbox {
     margin-right: 10px;
}

#reseedconfig input {
     margin-left: 8px !important;
     margin-right: 0 !important;
}

#reseedconfig textarea {
     width: calc(100% - 20px) !important
}

#configstats th {
     text-align: right !important;
}

#configstats td:first-child {
     text-align: center !important;
}

#configstats td.optionsave {
     text-align: left !important;
}

#configstats td:nth-child(2) {
     padding-right: 15px;
}

#clientconfig th:first-child, #clientconfig td:first-child, #loggingoptions td:first-child, #i2pupdates td:first-child, #tunnelconfig td:first-child,
table#i2pupdates textarea, #addkeyring td:first-child, #reseedconfig td:first-child {
     text-align: left !important;
}

#config_logging p, #reseedconfig td.infohelp {
     text-align: right !important;
}

#clientconfig td:nth-child(2) {
     text-align: center !important;
}

#bannedips, #bannedips table {
     direction: ltr !important;
}

table#addkeyring td.infohelp {
     text-align: right !important;
}

p#helptranslate, #floodfillconfig tr:first-child .infohelp {
     text-align: right !important;
     padding-right: 50px !important;
     background-image: url(/themes/console/images/info/infohelp.png);
     background-position: right 12px center !important;
}

textarea[name="trustedKeys"] {
     direction: ltr !important;
}

input[type="submit"], input[type="reset"], input[type="submit"]:hover, input[type="reset"]:hover,
input[type="submit"]:focus, input[type="reset"]:focus, input[type="submit"]:active, input[type="reset"]:active {
     background-position: right 6px center !important;
     padding: 5px 23px 5px 7px !important;
}

select, select:hover, select:focus, select:active {
     background-position: left center !important;
     padding: 4px 4px 4px 16px !important;
}

#consolepass input[name="nofilter_pw"], #externali2cp input[name="nofilter_pw"], #consolepass input[name="nofilter_pw"]:focus, #externali2cp input[name="nofilter_pw"]:focus,
#consolepass input[name="name"], #externali2cp input[name="user"], #consolepass input[name="name"]:focus, #externali2cp input[name="user"]:focus {
     background-position: right 3px center, center center !important;
     padding: 4px 20px 4px 4px !important;
     margin: 5px 3px 5px 15px !important;
}

#consolepass tr:first-child td, p#clientconf.infohelp, p#webappconfigtext.infohelp, #floodfillconfig .infohelp, 
#bandwidthconfig tr:first-child .infohelp, h3#shutdownrouter + p.infohelp, h3#restartrouter + p.infohelp, h3#systray + p.infohelp, 
h3#servicedebug + p.infohelp, h3#browseronstart + p.infohelp, table#addkeyring td:first-child, #config_peers tr:nth-child(3) td.infohelp, 
#config_reseed.main p.infohelp, #plugininstall tr:nth-child(3) td:nth-last-child(2), #manualreseed tr:nth-child(3) td:nth-last-child(2), 
#manualreseed tr:nth-child(5) td:nth-last-child(2), #plugininstall2 tr:nth-child(2) td:nth-last-child(2), #manualreseed tr:nth-last-child(2) td.infohelp, 
p#enablefullstats, p#gatherstats, #oldhome td:first-child, p#pluginconfigtext, #plugininstall .infohelp, #config_family .infohelp, 
#joinfamily tr:nth-child(3) td:first-child, #newfamily tr:last-child td:first-child, #config_summarybar .configtable td:not(.optionsave),
table#bugreports td.infohelp {
     background-position: right 12px center !important;
     padding: 15px 50px 15px 15px !important;
}

div[lang="ar"] ul li {
     list-style-image: url("images/link.png") !important;
     list-style-position: outside;
     margin-left: 0 !important;
     padding-left: 0 !important;
     margin-top: 15px !important;
     margin-right: 50px !important;
}

div[lang="ar"] ul, div[lang="ar"] p {
     margin: 10px;
}

#advancedsettings p.infohelp {
     margin: 12px 0 -2px;
}

h4.app, h4.app2 {
     text-align: right;
}

.netdbentry th a img {
     margin-left: 6px;
}

.tunnel_peer {
     text-align: left;
}

.tunnel_local {
     margin-right: -4px;
     margin-left: 4px;
     text-align: center;
}

.tunnel_id:empty + .tunnel_cap {
    display: inline-block;
    margin-left: 0;
    margin-right: 12px;
}

.sb_newsheadings td, .sb_newsheadings tr:hover td {
     background-position: right 4px center !important;
     padding-right: 22px !important;
     padding-left: 8px !important;
     text-align: right !important;
}

.sb_newsheadings td a {
     font-size: 9pt !important;
     font-weight: bold;
}

/* responsive layout */

@media screen and (max-width: 1500px) {
body {
     margin: 5px 10px 0 0;
}
}

@media screen and (min-width: 1500px) {
.main, .news, h1 {
     margin-right: 232px !important;
     margin-left: 0 !important;
}

.routersummaryouter {
     margin-right: 27px !important;
}

.routersummary img[src$="i2plogo.png"] {
     width: 204px !important;
     margin: -2px -4px 0 0 !important;
}

.routersummary h4 {
     font-size: 11pt !important;
}

.routersummary td, .routersummary a {
     font-size: 10pt !important;
}

div[lang="ar"], div[lang="ar"] code, div[lang="ar"] b {
     font-size: 11pt !important;
}

.langselect .optbox {
      margin-left: 0;
      margin-right: -2px;
}

.langselect img {
     margin-left: 0;
     margin-right: -78px;
}

.langselect input[name="lang"]:checked + img {
     margin-left: 0;
     margin-right: -79px;
}
}

@media screen and (-webkit-min-device-pixel-ratio:0) and (min-width: 1500px) {
.langselect img {
     margin-left: 0;
     margin-right: -8px;
     margin-top: -14px !important;
}

.langselect input[name="lang"]:checked + img {
     margin-right: -10px;
     margin-left: 0;
     margin-top: -15px !important;
}
}

/* end responsive layout */

