/*----------------------------------------------------------------------------
Screen CSS file for MDN wiki (kuma)
Created by Craig Cook - focalcurve.com
        on 17 May, 2011

Colors -
Orange        #fb9500
Green         #8dc434
Blue          #00b6f0
Red           #ed2024
Gold          #f8d575
Off-black     #333
Dark red      #630a0c

Link          #369
Hover         #25a
Visited       #69c

Font sizes -
16px *  .875 = 14px (base size)

14px * 1.857 = 26px
14px * 1.714 = 24px
14px * 1.571 = 22px
14px * 1.428 = 20px
14px * 1.285 = 18px
14px * 1.142 = 16px
14px *  .928 = 13px
14px *  .857 = 12px
14px *  .785 = 11px
14px *  .714 = 10px
14px *  .642 = 9px
-----------------------------------------------------------------------------*/

a.new:link, a.new:visited, a.new:hover, a.new:active, a.new:focus { color: #900; }

/*** =External Link Styles *********/
.article a.external, .article a[rel~="external"] { padding-right: 16px; background: transparent url("../img/wiki/icons/link_external.png") 99% 40% no-repeat; }
.article a[href^="mailto:"], .article .link-mailto { padding-right: 16px; background: url("../img/wiki/icons/link_mail.png") 99% 40% no-repeat; }
.article a[href^="news://"] { padding-right: 18px; background: url("../img/wiki/icons/link_news.png") 99% 40% no-repeat; }
.article a[href^="ftp://"], .article .link-ftp { padding-right: 18px; background: url("../img/wiki/icons/link_download.png") 99% 40% no-repeat; }
.article a[href^="irc://"], .article .link-irc { padding-right: 18px; background: url("../img/wiki/icons/link_chat.png") 99% 40% no-repeat; }

.article a.imagelink { background: none; padding-right: 0; }

/*** @Basics *********/
.page-content h1, .page-content h2, .page-content h3, .page-content h4, .page-content h5, .page-content h6 { font-family: Georgia, Times, "Times New Roman", serif; border-bottom: 1px solid #e0e0dc; position: relative; }
.page-content blockquote { padding: 0 25px; border-left: 5px solid #ccc; }
.page-content ul { list-style: disc; padding-left: 22px; }
.page-content ul ul { list-style: circle; }
.page-content ol { padding-left: 22px; }
.page-content ul li, .page-content ol li { line-height: 1.5em; }
.page-content dt { font-style: normal; font-weight: bold; }
.page-content dd { margin-bottom: .5em; padding-left: 15px; }
.page-content pre { border: 1px dotted #cbc8b9; background: #f6f6f2; padding: 15px; overflow: auto; font: 100% "Courier New", "Andale Mono", monospace; }
.page-content code, .pageText tt { font: 100% "Courier New", "Andale Mono", monospace; font-weight: inherit; }
.page-content pre code { font-size: 100%; }
.page-content strong code { font-weight: inherit; }
.page-content strong tt { font-weight: inherit; }
.page-content a code { color: inherit; }
.page-content img { max-width: 100%; height: auto; }
.page-content caption { font-weight: bold; }
.page-content table { border-collapse: collapse; border: solid #e0e0dc; border-width: 1px 0 0 1px; }
.page-content td, .page-content th { border: solid #e0e0dc; border-width: 0 1px 1px 0; padding: 6px; text-align: start; }
.page-content thead th { background: #f3f3ef; }

/* Increase line-height in wide windows */
.page-content { line-height: inherit; -moz-transition: line-height 0.2s ease-in-out; -webkit-transition: line-height 0.2s ease-in-out; transition: line-height 0.2s ease-in-out; } 
@media screen and (min-width: 890px) { 
  .page-content { line-height: 1.572; -moz-transition: line-height 0.2s ease-in-out; -webkit-transition: line-height 0.2s ease-in-out; transition: line-height 0.2s ease-in-out; } 
}

img.lwrap { background: #fff; padding: 0 20px .75em 0; }
img.rwrap { background: #fff; padding: 0 0 .75em 20px; }

/* @Layout (wiki is liquid) *********/
.wrap { position: relative; width: 95%; min-width: 760px; max-width: 1200px; padding: 0 10px; margin: 0 auto; }
#content { border-top: 0; }
.page-content { background: #fff; min-height: 300px; }

textarea#id_content { width: 96%; padding: 15px; min-height: 300px; }

/* tag editing; uses tagit */
#page-tags #id_tags { width: 90%; }
#page-tags ul.tagit { background: none repeat scroll 0 0 #FFFFFF; border: 1px solid #CBC8B9; padding: 6px 8px; min-height: 30px; }
#page-tags ul.tagit .tagit-label { color: #333333; font-weight: normal; }
#page-tags ul.tagit li.tagit-choice { margin-bottom:0; }

/* page attachments */
@-moz-keyframes newAttachment { 
  0% { background-color: #90ee90; } 
  100% { background-color: transparent; } 
}
@-webkit-keyframes newAttachment { 
  0% { background-color: #90ee90; } 
  100% { background-color: transparent; } 
}
@keyframes newAttachment { 
  0% { background-color: #90ee90; } 
  100% { background-color: transparent; } 
}
#page-attachments table  { margin: 20px 0 0 0; width: 100%; border: 1px solid #E0E0DC; border-bottom:0; border-right:0; border-collapse: collapse; }
#page-attachments .hidden { display:none; }
#page-attachments th, #page-attachments td { padding: 5px; border-bottom: 1px solid #E0E0DC; border-right: 1px solid #E0E0DC; vertical-align:top; }
#page-attachments th { font-weight:bold; color: #666; }
#page-attachments td { font-size: .9em; }
#page-attachments .attachment-description { font-size: .9em; font-style: italic; }
#page-attachments .attachment-name-cell { width: 40%; }
#page-attachments .attachment-error { color: #900; font-size: .9em; }
#page-attachments .new-row { 
  -moz-animation-name: newAttachment;
  -moz-animation-duration: 2s;
  -webkit-animation-name: newAttachment;
  -webkit-animation-duration: 2s;
  animation-name: newAttachment;
  animation-duration: 2s;

  background: transparent;
}
#page-attachments-new-table input[type="text"] { width: 90%; }
#page-attachments-new-table .attachment-required { border: 1px solid #900; }
#page-attachments-new-table textarea { height: 40px; }
#page-attachments-upload-target { visibility: hidden; height: 1px; width: 1px; }
#page-attachments-spinner { opacity: 0; display: inline-block; width: 16px; height:16px; margin-left: 10px; -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";  }

/*** @Tools @Nav *********/
#nav-toolbar { font-size: .785em; text-shadow: 1px 1px 0 rgba(255,255,255,.25); padding: 0; border-top: 1px solid #cbc8b9; border-bottom: 1px solid #f8f8f6; background: #e4e4d9; background: rgba(198,198,175,.35); }
#nav-toolbar .crumbs { margin: 0; }

#tool-menus { width: 300px; float: right; }
#tool-menus ul li.menu { float: right; padding: 0; margin: 0; position: relative; }
#tool-menus li a { display: block; padding: .6em 20px .7em 8px; background: transparent url("../img/wiki/menu-arrow.png") 92% 0 no-repeat; }
#tool-menus li a:hover, #tool-menus li a:focus, #tool-menus li a:active, #tool-menus li.sfhover > a { background-color: #369; background-position: 92% -100px; color: #fff; text-decoration: none; text-shadow: 1px 1px 0 rgba(0,0,0,.25); }
#tool-menus li li a, #tool-menus li li strong { display: block; padding: .5em 15px; background: transparent none; }
#tool-menus li li strong { background-color: #f5f5f1; }

#tools .menu ul { position: absolute; left: -999em; z-index: 9999; width: 180px; background: #fff; border: 1px solid #c6c6c2; -moz-box-shadow: 2px 2px 0 rgba(170,160,130,.2); -webkit-box-shadow: 2px 2px 0 rgba(170,160,130,.2); box-shadow: 2px 2px 0 rgba(170,160,130,.2); }
#tools.superfish .menu ul { left: auto; right: 0; z-index: 9999; }
#tools .menu ul li { width: 180px; margin: 0; font-size: 1.12em; }
#tools .menu:hover ul, #tool-menus ul .sfhover ul { left: auto; right: 0; }

#nav-toolbar a:link, #nav-toolbar a:visited { color: #6d6d67; }
#nav-toolbar a:hover, #nav-toolbar a:focus, #nav-toolbar a:active { color: #25a; }
#nav-toolbar a.disabled:hover, #nav-toolbar a.disabled:focus, #nav-toolbar a.disabled:active { color: #6d6d67; cursor: default; }

.sf-js-enabled .toggle:focus { outline: 0; }

/*** @Breadcrumbs *********/
#nav-toolbar .crumbs { float: left; }
#nav-toolbar .crumbs ol { margin: 0; padding: .6em 0 .7em; list-style: none; }
#nav-toolbar .crumbs li { display: inline; padding-left: 13px; margin-left: 6px; background: url("../img/wiki/nav-arrows.png") -15px -698px no-repeat; }
#nav-toolbar .crumbs li.first, #nav-toolbar .crumbs li.second { display:none; }
#nav-toolbar .crumbs li.first.last { display: inline; }
#nav-toolbar .crumbs li.crumb-one { padding-left: 0; margin-left: 0; background: none; }

/* @Footer *********/
.last-mod { clear: both; text-align: right; font-size: .785em; }

/* @Search *********/
#doc-search { border: 1px solid #cbc8b9; background: rgba(198,198,175,.25); padding: 4px; margin-bottom: 1em; font-size: .928em; }
#doc-search p { margin: 0; }
#doc-search #q-docs { width: 590px; margin-right: 8px; }
#doc-search #doc-filter { width: 140px; margin-right: 8px; }

@media screen and (max-width: 890px) { 
  #site-search { width: 190px; -moz-transition: width 0.2s ease-in-out; -webkit-transition: width 0.2s ease-in-out; transition: width 0.2s ease-in-out; }
  #site-search #q { width: 90px; -moz-transition: width 0.2s ease-in-out; -webkit-transition: width 0.2s ease-in-out; transition: width 0.2s ease-in-out; }
}

/* @Search @Results *********/
#google-branding { font-size: .785em; float: right; margin-top: -3.75em; opacity: .3; }
#google-branding .gsc-branding-text { vertical-align: top; padding-right: 2px; }

#search-results .gs-result { margin: 0 0 1.2em; padding: 0 2px 1.2em; border-bottom: 1px dotted #d8d4ca; }
#search-results .gs-title { font-size: 1em; font-weight: bold; margin: 0 0 .25em; }
#search-results .gs-snippet { font-size: .857em; margin: 0 0 .25em; }
#search-results .gs-visibleUrl { font-size: .785em; display: inline; margin-right: 10px; color: #aaa; }
#search-results .gs-visibleUrl-short { font-weight: bold; }
#search-results div.gs-watermark { display: none; }

/* @Custom styles *********/
p.footnote { font-size: 90%; font-style: italic; color: #716d65; }
div.callout-box, p.trans-note { float: right; margin: 0 0 .5em 15px; border: 1px solid #eee; padding: 10px; width: 200px; background: #fafafa; text-align: center; }
p.trans-note { float:none; clear: both; width: auto; margin-bottom: 1em; }
div.note { margin-bottom: 1.286em; border: solid #dddaaa; border-width: 1px 0; padding: .75em 15px; background: #faf9e2; color: #5d5636; }
div.tip { margin-bottom: 1.286em; border: 1px solid #e1f5f0; border-width: 1px 0; padding: .75em 15px; color: #6d675f; }
div.note p, div.tip p { margin-bottom: .75em; }

/* @Page @Title and @Buttons *********/
#article-head { position: relative; clear: both; max-width: 1200px; padding-top: 20px; margin-top: -19px; background: #f6f6f1 url("../img/bg-content.png") fixed; }
#article-head:after { content: "."; display: block; clear: both; height: 0; visibility: hidden; }

.title { position: relative; margin-bottom: 0.8em; }
.title:after { content: "."; display: block; clear: both; height: 0; visibility: hidden; } /* clear floats */
.title h1 { /* float: left; */ width: 60%; padding-left: 18px; margin-bottom: 0; padding-bottom: 0; }
.title h1.talk span { font-size: .538em; font-weight: normal; color: #6d6d67; }
.title .pageback { font-size: .857em; margin-top: -1.6em; float: left; width: 75%; }
.title .page-moved { float: left; width: 60%; clear: both; margin: -1.5em 0 1em; font-size: .785em; }
.title .redirected-from { padding: 5px 0 0 18px; font-size: 0.785em; }

.template { display: none; }

a.edit-section { float: right; padding: .25em 5px .15em; margin-top: .25em; border: 0; border-radius: 3px; box-shadow: 1px 1px 0 rgba(0,0,0,.25); color: #333; background: #a5d9f3 url("../img/light-shade.png") 0 .75em repeat-x; font: 200 15px/1 "Bebas Neue", "League Gothic", Haettenschweiler, sans-serif; text-transform: uppercase; letter-spacing: .5px; text-decoration: none; display: none; }
a.edit-section:before { content: "\25c0\00a0"; font-size: .857em; }
a.edit-section:hover, a.edit-section:active, a.edit-section:focus { color: #333; background-color: #ade4ff; text-decoration: none; }

.edited-section { display: none; }
.edited-section a.edit-section { display: none; }
.edited-section-loading { display: block; opacity: 0.25; }
.edited-section-loading a.edit-section { display: block; }
.edited-section-loading a.edit-section:before { content: "\26a1\00a0"; }

.edited-section-ui { position: relative; }
.edited-section-ui .btn-save, .edited-section-ui .btn-cancel { padding: .25em 8px .15em; margin: .25em 10px 1em 0; border: 0; border-radius: 3px; box-shadow: 1px 1px 0 rgba(0,0,0,.25); color: #333; font: 200 15px/1 "Bebas Neue", "League Gothic", Haettenschweiler, sans-serif; text-transform: uppercase; letter-spacing: .5px; text-decoration: none; }
.edited-section-ui .btn-save:before { content: "\2714\00a0"; font-size: .857em;}
.edited-section-ui .btn-cancel:before { content: "\2718\00a0"; font-size: .857em; }

.edited-section-ui-saving { opacity: 0.5; }
.edited-section-ui-saving .btn-save, .edited-section-ui-saving .btn-cancel{ display: none; }

.editing .metadata { float: left; width: 55%; display: none; }
.new .editing .metadata { display: block; }
.editing ul.metadata li { margin: 0; padding: 0; clear: both; }
.editing ul.metadata li label { display: block; float: left; line-height: 2.5em; text-align: right; width: 10ex; font-weight: bold; padding-right: 0.25em; color: #888; }
.editing ul.metadata li input, .editing ul.metadata li input#id_title { font-size: 1em; padding: 6px 8px; margin: 2px 0px; width: 70%; }
.editing ul.metadata li input[type="checkbox"] { width: auto; margin-left: 6px; }
.editing ul.metadata li .metadataDisplay { display:inline-block; padding: 8px 0 0 3px; }

.editing .title { float: left; width: 55%; }
.editing .title h1 { display: inline-block; width: auto; float: none; color: #888; float:left; }
.editing .title h1 em { color: #333; font-style: normal; }
.editing #btn-properties { position: relative; font-size: 18px; padding: 0; margin-left: 6px; width: 1em; height: 1em; line-height: 1.2; text-indent: -999em; overflow: hidden; background: #b4b4b4 url("../img/wiki/icons/icn-info.png") center center no-repeat; -moz-box-shadow: none; -webkit-box-shadow: none; box-shadow: none; -moz-border-radius: 1em; -webkit-border-radius: 1em; border-radius: 1em; z-index:3; margin-top: 9px; }
.editing #btn-properties:hover, .editing #btn-properties:focus { background-color: #25a; }

.editing .save-state { font-size: .785em; margin: -1.75em 0 1.5em; color: #888; padding-left: 18px; clear:both; }
.editing #btn-savedraft { font-family: inherit; font-size: 1em; line-height: 1; text-transform: none; color: #333; padding: 0; background: transparent none; -moz-box-shadow: none; -webkit-box-shadow: none; box-shadow: none; }
.editing #btn-savedraft:hover, .editing #btn-savedraft:focus { text-decoration: underline; color: #25a; }

.previewing .title { float: left; width: 45%; }
.previewing .title h1 { width: auto; float: none; color: #768e99; }
.previewing .title h1 em { color: #333; font-style: normal; }
.previewing .article-content { margin-top: 1em; border-color: #c7dae9; }

#page-buttons { width: 50%; text-align: right; margin: 0; position: absolute; right: 4px; top: 20px; }
#page-buttons li { display: inline; margin: 0 0 2px 10px; padding: 0; background: none; }
#page-buttons a, #page-buttons button { display: inline-block; padding: 6px 8px 3px; color: #333; font: 200 15px/1 "Bebas Neue", "League Gothic", Haettenschweiler, sans-serif; text-transform: uppercase; letter-spacing: .5px; border: 0; -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; -moz-box-shadow: 1px 1px 0 rgba(0,0,0,.25); -webkit-box-shadow: 1px 1px 0 rgba(0,0,0,.25); box-shadow: 1px 1px 0 rgba(0,0,0,.25); background-color: #ddd; }
#page-buttons a:hover, #page-buttons a:focus, #page-buttons a:active { text-decoration: none; }
#page-buttons a { padding: 7px 8px 4px; }
#page-buttons .page-edit a { padding-left: 32px; background: #a5d9f3 url("../img/wiki/button-edit.png") 0 50% repeat-x; }
#page-buttons .page-edit a:hover, #page-buttons .page-edit a:focus, #page-buttons .page-edit a:active { background-color: #ade4ff; text-decoration: none; }
#page-buttons .page-edit a.disabled { cursor: pointer; opacity: .75; background-color: #c8e6ed; }
#page-buttons .page-watch a { padding-left: 35px; background: #f2d29e url("../img/wiki/button-watch.png") 0 50% repeat-x; }
#page-buttons .page-watch a:hover, #page-buttons .page-watch a:focus, #page-buttons .page-watch a:active { background-color: #f8daa9; text-decoration: none; }
#page-buttons .page-watch a.disabled { cursor: pointer; opacity: .75; background-color: #f0e4c7; }

.btn-save { 
  background: #d7eca1; 
  background: -moz-linear-gradient(top, #d7eca1 0, #cce390 100%); 
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #d7eca1), color-stop(100%, #cce390));
  background: linear-gradient(top, #d7eca1 0, #cce390 100%);
}
.btn-save:hover, .btn-save:focus {
  background: #c3e56d; 
  background: -moz-linear-gradient(top, #c3e56d 0, #b3d55b 100%); 
  background: -webkit-linear-gradient(top, #c3e56d 0, #b3d55b 100%);
  background: linear-gradient(top, #c3e56d 0, #b3d55b 100%);
}
#btn-save-and-edit { display: none; }
#btn-save-and-edit.loading span {
    padding-left: 20px; 
    margin-left: -5px;
    background: url(../img/wiki/save-and-keep-editing-arrows.gif) no-repeat 0px 1px;
}
#page-buttons iframe#save-and-edit-target { 
    visibility: hidden; height: 1px; width: 1px; 
}
.btn-preview { 
  background: #cce3f4;
  background: -moz-linear-gradient(top, #cce3f4 0, #c0d7ea 100%); 
  background: -webkit-linear-gradient(top, #cce3f4 0, #c0d7ea 100%);
  background: linear-gradient(top, #cce3f4 0, #c0d7ea 100%);
}
.btn-preview:hover, .btn-preview:focus {
  background: #abd5f4;
  background: -moz-linear-gradient(top, #abd5f4 0, #a7cee9 100%); 
  background: -webkit-linear-gradient(top, #abd5f4 0, #a7cee9 100%);
  background: linear-gradient(top, #abd5f4 0, #a7cee9 100%);
}
.btn-discard, .btn-cancel { 
  background: #f2d2c6; 
  background: -moz-linear-gradient(top, #f2d2c6 0, #efc6b7 100%); 
  background: -webkit-linear-gradient(top, #f2d2c6 0, #efc6b7 100%);
  background: linear-gradient(top, #f2d2c6 0, #efc6b7 100%);
}
.btn-discard:hover, .btn-discard:focus, 
.btn-cancel:hover, .btn-cancel:focus {
  background: #f8b8a0;
  background: -moz-linear-gradient(top, #f8b8a0 0, #f8a688 100%); 
  background: -webkit-linear-gradient(top, #f8b8a0 0, #f8a688 100%);
  background: linear-gradient(top, #f8b8a0 0, #f8a688 100%);
}

.page-content .talkpage { font-size: .857em; padding: .25em 15px; }

.article header .notice { clear: both; position: relative; top: -10px; margin: 10px 0 5px; padding: 10px 15px 0; background: #fcf6d4; border: 1px solid #e5d5c1; }
.article header .notice p { margin: 0 0 10px; }

/* input#id_title { font-size: 1.857em; width: 80%; padding: .1em 6px; margin: 0 0 10px; } */

#content #ace_content { position: relative; width: 100%; height: 500px; }

@media screen and (max-width: 890px) { 
  #page-buttons a, #page-buttons button { font-size: 14px; }
}

/* @TOC @Table of contents *********/
#article-nav { float: right; padding: 0 0 1em 20px; background: #fff; width: 230px; position: relative; z-index: 1; }
#article-nav .page-toc { background: #e4edf7; padding: 16px 18px; margin: 0 0 5px; border: 1px solid #dfe8f2; font-size: .857em; }
#article-nav .page-toc h2 { margin: 0 0 .75em; border: 0; padding: 0; font: 200 20px/1.2 "Bebas Neue", "League Gothic", Haettenschweiler, sans-serif; text-transform: uppercase; letter-spacing: .5px; }
#article-nav .page-toc ol { margin: 0; padding: 0; list-style: none; }
#article-nav .page-toc ol li { margin-bottom: .25em; }
#article-nav .page-toc ol li span { display: none; } /* hide numbers */
#article-nav .page-toc ol li ol { margin-top: .5em; padding-left: 15px; }
#article-nav .page-toc ol li ol li { margin-left: 0; }

#article-nav .page-anchors { background: #f1f6fb; margin: 0 0 5px; padding: 6px 18px; border: 1px solid #edf2f7; font-size: .785em; font-style: italic; text-transform: uppercase; }
#article-nav .page-anchors li { display: inline; padding: 0; margin-right: 12px; background: none; }
#article-nav .page-anchors a, #article-nav .page-anchors span { padding-left: 16px; }
#article-nav .page-anchors span { cursor: default; }
#article-nav .anchor-tags a { background: transparent url("../img/wiki/icons/tag-tiny.png") 0 50% no-repeat; }
#article-nav .anchor-tags span { background: transparent url("../img/wiki/icons/tag-tiny-disabled.png") 0 50% no-repeat; }
#article-nav .anchor-files a { background: transparent url("../img/wiki/icons/attach-tiny.png") 0 50% no-repeat; }
#article-nav .anchor-files span { background: transparent url("../img/wiki/icons/attach-tiny-disabled.png") 0 50% no-repeat; }

/* @IRC @channels *********/
.suggestchannels { font-size: .857em; padding: 6px 6px 6px 8px; background-color: #f6f6f6; border: 1px solid #f3f3f3; margin-bottom: 5px; }
.suggestchannels ul { list-style: none; }
.suggestchannels li { float: left; width: 50% }

/* @Meta *********/
.article .page-meta { clear: both; margin-top: 30px; }
.page-meta section { position: relative; overflow: hidden; background: #f5f5f1; padding: 15px 20px; margin: 0 0 20px; }
.page-meta h2 { margin: 0 20px 0 0; color: #666; font: 200 20px/1.1 "Bebas Neue", "League Gothic", Haettenschweiler, "Arial Narrow", sans-serif; text-transform: uppercase; letter-spacing: .5px; }
.page-meta p.add { width: 190px; position: absolute; right: 20px; top: 12px; text-align: right; margin: 0; }
.page-meta p.add a, #deki-page-tags-toggleview { display: inline-block; padding: 8px 10px 6px 32px; background: #a5d9f3 url("../img/wiki/button-attach.png") 0 50% repeat-x; color: #333; font: 200 15px/1 "Bebas Neue", "League Gothic", Haettenschweiler, "Arial Narrow", sans-serif; text-transform: uppercase; letter-spacing: .5px; border: 0; -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; -moz-box-shadow: 1px 1px 0 rgba(0,0,0,.25); -webkit-box-shadow: 1px 1px 0 rgba(0,0,0,.25); box-shadow: 1px 1px 0 rgba(0,0,0,.25); }
.page-meta p.add a:hover, .page-meta p.add a:focus, .page-meta p.add a:active { background-color: #ade4ff; text-decoration: none; }
.page-meta p.none { display: inline; }
.page-meta p.add a.disabled { opacity: .75; }

/* @Doc @Listings *********/
#document-list .documents { list-style: disc; margin-left: 20px; }
#document-list .documents li { margin: 0 0 .5em; }

/* @Translation *********/
.change-locale { font-size: .857em; float: left; clear: left; position: relative; top: -1.75em; }
#change-locale-link { display: inline-block; padding: .6em 20px .7em 8px; background: transparent url("../img/wiki/menu-arrow.png") 92% 0 no-repeat; }
#change-locale { position: absolute; left: -999em; z-index: 9999; width: 180px; background: #fff; border: 1px solid #c6c6c2; -moz-box-shadow: 2px 2px 0 rgba(170,160,130,.2); -webkit-box-shadow: 2px 2px 0 rgba(170,160,130,.2); box-shadow: 2px 2px 0 rgba(170,160,130,.2); }
.hasJS #change-locale { display: none; left: auto; right: 0; }
#change-locale { padding: 6px 0; max-height: 300px; overflow: auto; }
#change-locale li { list-style: none; }
#change-locale a { display: block; padding: .25em 8px; }
#change-locale a:before { content: attr(title) " ("; }
#change-locale a:after { content: ")"; }
#change-locale a:hover, #change-locale a:focus, #change-locale a:active { background-color: #369; background-position: 92% -100px; color: #fff; text-decoration: none; text-shadow: 1px 1px 0 rgba(0,0,0,.25); }

.editing summary { font-size: 1.428em; margin: 0 0 .5em; padding-left: 40px; cursor: pointer; }

.description li { clear: both; margin: 0 0 .5em; }
.description li:after { content: "."; display: block; clear: both; height: 0; visibility: hidden; }
.description dl { margin: 0; }
.description dt { display: inline-block; margin-right: 10px; font-style: normal; font-weight: bold; }
.description dd { display: inline-block; margin-left: 0; }
.description .approved { width: 49%; float: left; }
.description .localized { width: 49%; float: right; }

.description input#id_title { font-size: 1.124em; width: 90%; margin: 0; }

#content-fields:after { content: "."; display: block; clear: both; height: 0; visibility: hidden; }
#content-fields header { position: relative; z-index: 10; display: block; height: 1.142em; padding: .5em 0 1em; background: #f6f6f1 url("../img/bg-content.png") fixed; }
#content-fields .approved { width: 49%; float: left; }
#content-fields .localized { width: 49%; float: right; }

#content-fields .approved .boxed { padding: 25px; }
#content-fields .approved header:after { position: absolute; bottom: -30px; left: 3px; content: ""; display: block; width: 95%; height: 30px; 
  background:  -moz-linear-gradient(bottom,  rgba(255, 255, 255, .1) 0,  rgba(255, 255, 255, 1) 20px);  
  background:  -webkit-linear-gradient(bottom,  rgba(255, 255, 255, .1) 0,  rgba(255, 255, 255, 1) 20px);
  background:  linear-gradient(bottom,  rgba(255, 255, 255, .1) 0,  rgba(255, 255, 255, 1) 20px);  
}

#trans-description { margin: 0 0 1em; }
#trans-content { margin: 0 0 1em; }

#content-fields.fixed header { width: 48%; }

#trans-content #cke_contents_wikiArticle { min-height: 800px; }

/* The .no-details styles will get applied only if JavaScript is enabled and <details> is not natively supported. */
/* Add focus styles (for keyboard accessibility) */
.no-details summary:hover, .no-details summary:focus { background: rgba(170,160,130,.1); outline: 0; }
.no-details summary:before { content: "+"; float: left; margin: -.225em 0 0 -35px; font-size: 1.25em; }
.no-details .open summary:before { content: "–"; float: left; margin: -.25em 0 0 -32px; font-size: 1.25em; }

/* The following styles are not really needed, since the jQuery script takes care of hiding/displaying the elements. */
/* However, we're still gonna use CSS as well to prevent FOUC in browsers that understand these selectors. */
/* Remember: by default (and probably most of the time), the contents of the <details> element are hidden. */

/* Hide all direct descendants of every <details> element */
/* Note that IE6 doesn't support the child selector; we'll work around that using jQuery later */
.no-details details > * {
    display: none;
}

/* Make sure summary remains visible, and apply a pointer cursor upon hover to indicate it's a clickable element */
.no-details details summary {
    cursor: pointer;
    display: block;
    margin: 10px 0 30px;
}

/* Revision diffs */
.revision-diff dt {
  clear: both;
  font-style: normal;
  font-weight: bold;
  padding-top: .5em;
  border-top: 1px dotted #ccc;
}

.revision-diff dd {
  margin: 0 0 .5em;
}

.revision-diff .rev-from {
  width: 49%;
  float: left;
}

.revision-diff .rev-to {
  width: 49%;
  float: right;
}

.revision-diff h3 {
    font-weight: bold;
    margin: 5px 0 0;
}

table.diff {
    border: 1px solid #ccc;
    clear: both;
    margin: 5px 0 15px;
    width: 100%;
    font-family: "Courier New", "Andale Mono", monospace;
}


td.diff_header {
    text-align:right;
}

.diff_next {
    background-color:#c0c0c0;
}

.diff_add {
    background-color:#aaffaa;
}

.diff_chg {
    background-color:#ffff77;
}

.diff_sub {
    background-color:#ffaaaa;
}

/* Delete Revision */
#delete-revision label {
    display: block;
    font-size: 16px;
    margin: 15px 0 0;
}

#delete-revision form {
    margin: 20px 0 0;
}

/* WYSIWYG-specific styles */
.ui-autocomplete { 
  z-index: 100001 !important; /* Ugly, but have to do this for the autocomplete component to display on top of the CKEditor dialog */
  max-height: 200px;
  overflow: auto;
}
.cke_skin_kuma .cke_rcombo .cke_text {
  width: 130px !important;
}
.cke_skin_kuma .cke_rcombopanel {
  height: 200px !important;
}

/* HTabs - Compatibility Tables */
.htab { margin: auto; display: inline-block; width: auto; }
.htab > ul > li { background-image: none; width:150px; height:30px; list-style-type:none; display:inline; padding-bottom:3px; border: 1px solid #ddd; padding-top:5px; text-align:left; font-size:13px; font-weight:bold; margin:auto; position:relative; padding-left:6px; padding-right:6px; border-bottom:none; opacity:.5; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)"; filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=50); cursor:pointer; }
.htab > ul > li.selected { opacity:1; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100); border: 1px solid #ddd; border-bottom: none; z-index: 10; background-color: #f1f6f8 !important; position: relative; cursor:pointer; }
.htab > ul { width:150px; text-align:left; display:inline; padding:0; margin:0 auto; position:relative; top:1px; }
.htab > div { background-color: #f1f6f8; margin-top: 0px; border: 1px solid #ddd; padding: 12px; position: relative; z-index: 9; word-wrap: break-word; }
table.compat-table { border: 1px solid #bbb; border-collapse: collapse;}
table.compat-table td { padding: 5px; border: 1px solid #ccc; text-align: left; background: #fff; vertical-align: top; word-wrap: break-word; }
table.compat-table td.header, table.compat-table th { border: 1px solid #bbb; padding: 0 5px; background: #eee; text-align: left; font-weight: bold; }

/*** @Legacy classes - Leftovers from the old wiki. These can be phased out. *********/
span.alllinks { display: block; text-align: right; font-size: 90%; }

table.topicpage-table { width: auto; clear: both; }
table.topicpage-table td { padding: 10px; width: 50%; vertical-align: top; }
table.topicpage-table small { font-size: 90%; }
table.standard-table { border: 1px solid #bbb; border-collapse: collapse; }
table.standard-table td { padding: 5px; border: 1px solid #ccc; text-align: left; vertical-align: top; }
table.standard-table td.header, table.standard-table th { border: 1px solid #bbb; padding: 0 5px; background: #eee; text-align: left; font-weight: bold; }
table.fullwidth-table { margin-bottom: 1.5em; border: 1px solid #bbb; border-collapse: collapse; width: 100%; background: #fff; }
table.fullwidth-table td { border: 1px solid #ccc; padding: 5px 15px; text-align: left; vertical-align: top; }
table.fullwidth-table td.header, table.fullwidth-table th { border: 1px solid #bbb; padding: 0 5px; background: #eee; font-weight: bold; font-size: 1.05em; text-align: left; }
table.features-table { margin-bottom: 20px; border-collapse: collapse; width: auto; }
table.features-table td { padding-top: 20px; vertical-align: top; }
table.features-table td img { float: left; margin: -20px 15px 5px 0px; }
table.features-table td p { margin: 0 3px; font-size: 95%; }
table.mainpage-table { margin: 0 0 10px 0; border-collapse: collapse; width: auto; }
table.mainpage-table td { padding: 0 10px 10px 10px; vertical-align: top; }

.article .prewrong pre { border: 1px dashed #ac6262; background: #fbeded; color: #8a4e4e; }
.wrong { margin: 0 0 1.5em; padding: 5px; background: #fbeded; border: solid 1px #ac6262; color: #6d675f; }
.wrong-inline { border: 1px solid #ac6262; padding: 0 3px 0 3px; background: #fbeded; color: #6d675f; }
.article .wrong-source-code { color: #8a4e4e; }
.article .right-source-code { color: #537d46; }
div.bug, div.warning { margin: 0 0 1.5em; border: 2px solid #ac6262; padding: 10px; background: #fbeded; color: #6d675f; }
  div.bug *:last-child, div.warning *:last-child { padding: 0; margin: 0; }
.originaldocinfo { margin: 15px 0; border: 1px solid #e9e9e9; padding: 10px 10px 0; background: #f3f3f3; font-size: 80%; font-family: Verdana, Tahoma, sans-serif; }
.originaldocinfo h2 { font-size: 120%; }
.licenseblock { border: 1px dashed #ccc; padding: 0 10px; background: #f1f1f1; font-size: 80%; font-family: Verdana, Tahoma, sans-serif; }

/*** @WYSIWYG style blocks *********/
.twocolumns { -moz-column-count: 2; -webkit-column-count: 2; column-count: 2; }
.threecolumns { -moz-column-count: 3; -webkit-column-count: 3; column-count: 3; }

div.floatright, table.floatright { float: right; clear: right; margin: 0 0 .5em .5em; }
div.floatleft, table.floatleft { float: left; margin: 0 .5em .5em 0; }
div.thumb { margin-bottom: 0.5em; border: 1px solid #fff; }
div.thumb div { border: 1px solid #ccc; padding: 3px; overflow: hidden; background-color: #f9f9f9; font-size: 94%; text-align: center; }
div.thumb div a img { border: 1px solid #ccc; }
div.thumb div div.thumbcaption { border: none; padding: .3em 0 .1em 0; text-align: left; line-height: 1.4; }
div.magnify { float: right; }
div.magnify a, div.magnify img { display: block; }
div.tright { float: right; clear: right; border-width: .5em 0 .8em 1.4em; }
div.tleft { float: left; margin-right: .5em; border-width: .5em 1.4em .8em 0; }

table.release { border: 1px solid #ccc; width: 100%; font-size: 95%; }
table.release td { border: 1px solid #ccc; padding: 0 0 15px 25px; }
tr.releaseHeader td { font-size: 125%;}
tr.releaseHeader td.OK { background-color: green;}
tr.releaseHeader td.ERR { background-color: red;}
tr.releaseHeader td.IP { background-color: yellow;}
tr.releaseHeader td.TBD {background-color: grey;}
tr.release td.OK { width: 22%; background: #cfc; }
tr.release td.ERR { width: 22%; background: #fcc; }
tr.release td.IP { width: 22%; background: #ffc; }
tr.release td.TBD { width: 22%; background: #eee; }
tr.release td.stepLabel { padding: 0 5px 15px 25px; width: 12%; text-align: right; }
.OK { background-color: rgb(153,255,153); }
.irrelevant { color: rgb(153,153,153); }
.maybe { background-color: rgb(255,255,204); }

/* @RTL - flip the layout for right-to-left languages *********/
/* just a jump to the left... */
.html-rtl #utility, 
.html-rtl .user-state,
.html-rtl #tool-menus, 
.html-rtl #tool-menus ul li.menu,  
.html-rtl #page-buttons li, 
.html-rtl #article-nav { 
  float: left; 
}

/* then a step to the right... */
.html-rtl #branding, 
.html-rtl #nav,
.html-rtl #title, 
.html-rtl #nav-toolbar .crumbs, 
.html-rtl #page-tags h2, 
.html-rtl #page-tags #deki-page-tags,
.html-rtl #page-tags .tags-edit, 
.html-rtl #site-info #legal, 
.html-rtl .deki-pagination div, 
.html-rtl .pagination span, 
.html-rtl .deki-pagination div.info { 
  float: right; 
}

.html-rtl #utility .user-state li { border-left: 0; margin-left: 0; padding-left: 0; border-right: 1px solid; margin-right: 5px; padding-right: 8px; }
.html-rtl #utility .user-state li:first-child { padding: 0; margin: 0; border: 0; }
.html-rtl #site-search button { float: left; }
.html-rtl #site-search-gg { float: left; margin: 2px 0 0 35px; }
.html-rtl #nav-toolbar .crumbs li { padding-left: 13px; margin-left: 6px; background-position: 0 -798px; }
.html-rtl #nav-toolbar .crumbs li.crumb-one { background: url("../img/wiki/nav-arrows.png") 0 -798px no-repeat; }
.html-rtl #nav-toolbar .crumbs li:last-child { background: none; }

.html-rtl #tools .menu ul { position: absolute; left: 0; right: -999em; }
.html-rtl #tools .menu:hover ul, .html-rtl #tool-menus ul .sfhover ul { left: 0; right: auto; }
.html-rtl #tools.superfish .menu ul { left: 0; right: auto; }

.html-rtl #utility .sub-menu, .html-rtl .compact #nav .sub-menu, .html-rtl #tools .menu ul { left: auto; right: -999em; }
.html-rtl .compact #nav .nav-menu:hover .sub-menu, .html-rtl .compact #nav .hover .sub-menu, .html-rtl .compact #nav a:focus + ul { right: auto; }
.html-rtl #article-nav { padding: 0 20px 1em 0; }
.html-rtl .page-meta h2 { margin: 0 0 0 20px; }
.html-rtl #page-tags #deki-page-tags-toggleview, .html-rtl .page-meta p.add { right: auto; left: 20px; text-align: left; }
.html-rtl #page-tags #deki-page-tags .tagData { padding-right: 0; padding-left: 30px; }
.html-rtl #page-tags #deki-page-tags .tagButtons { padding-left: 0; padding-right: 10px; float: left; }
.html-rtl #page-buttons { right: auto; left: 20px; }
.html-rtl #site-info #legal { padding: 0 55px 0 0; }
.html-rtl #site-info #legal img { left: auto; right: 0; }
.html-rtl .user-state { text-align: left; }
.html-rtl #utility .sub-menu li { text-align: right; border: 0; padding: 0; margin: 0; }
.html-rtl #menuFiller .deki-file-menu { margin-left: 86px; }
.html-rtl span.icon img { margin: 0 0 0 3px; }
.html-rtl .last-mod, html[dir="rtl"] #footbar p { text-align: left; }
.html-rtl .deki-pagination .next, .html-rtl .pagination .next { text-align: left; float: left !important; }
.html-rtl .deki-pagination .prev, .html-rtl .pagination .prev { text-align: right; float: right !important; }
.html-rtl .deki-pagination .prev a:before, .html-rtl .pagination .prev a:before,
.html-rtl .deki-pagination .next a:after, .html-rtl .pagination .next a:after { content: ""; }
.html-rtl .deki-pagination .prev a:after, .html-rtl .pagination .prev a:after { content: "\00A0\00BB"; font-size: 1.1em; } /* space laquo */
.html-rtl .deki-pagination .next a:before, .html-rtl .pagination .next a:before { content: "\00AB\00A0"; font-size: 1.1em; } /* raquo space */
