/* store css */

@media (min-width: 767px) {
   li.dropdown {
      position: absolute;
   }
   .dropdown .dropdown-menu,
   .dropdown .dropdown-panel {
      background: none repeat scroll 0 0 #fff;
      border: 1px solid #ccc;
      box-shadow: 0 5px 10px #ccc;
      list-style: outside none none;
      margin: 0;
      max-width: 360px; min-width: 160px;
      overflow: visible;
      padding: 4px 0;
      z-index: 9999999;
   }
}
@media (max-width: 767px) {
   .nav .dropdown .dropdown-menu {
      display: inline-block;
      position:static;
      border:none;
      box-shadow:none;
      background-color:transparent;
      margin-left:2em;
   }
   .dropdown {
     position:static !important;
     width:100%;
   }
   b.caret {
     display:none;
   }
}

.navbar-inner {
    padding: 10px 0px;
}

h1, h2 {
    font: 500 30px/1.3 'Ubuntu', 'Helvetica Neue', Helvetica, 'Open Sans', Verdana, sans-serif;
}

body, p, ol, ul, div {
    font: 400 16px/1.6 'Open Sans', 'Helvetica Neue', Helvetica, Verdana, sans-serif;
}

html, body {
    height: 100%;
}

@media (max-width: 1060px) {
    #navbar_logo {
        margin-left: 10px;
    }
}

/* skin css */

html {
  /* Always show a scrollbar, to prevent jumping content */
  overflow-x: hidden;
  overflow-y: scroll;
}

a:not([name]) {
  cursor: pointer;
}

.allset-page-heading {
  clear: both;
  border-bottom: #eee 1px solid;
  margin-bottom: 40px;
}
.allset-page-heading h1 {
  border-bottom-width: 0px;
}

#innerbodycontent li {
  margin-left: 0.5em;
  padding-top: 0.5em;
  padding-bottom: 0.5em;
  line-height: 1.4em;
}
#innerbodycontent li:first-child {
  padding-top: 0;
}

#ibox
{
  background-color: #f9f9f9;
  border: 1px solid #aaa;
  float: right;
  font-size: 95%;
  margin: 0 0 1em 1em;
  padding: 7px;
  width: 40%;
}
#ibox div.ibox-link
{
  float: right;
}
#ibox li {
  padding: 0px;
  margin: 0px;
}
/* Remove margin and padding from ul, but only if it's not in ".ibox-level". Currently some ibox sections which do not contain information on the level use the ".ibox-level" class for styling (should probably be cleaned up), and those already have margin and padding removed */
#ibox li:not(.ibox-level) > div.ibox-info > ul {
   margin-left: 0;
   padding-left: 0;
}
#ibox ul.ibox-list
{
}
#ibox ul.ibox-list li div.ibox-label, #ibox ul.ibox-list li div.ibox-info
{
  display: block;
}
#ibox ul.ibox-list div.ibox-label
{
  font-weight: bold;
}
#ibox ul.ibox-list div.ibox-info
{
  margin: 0 0 0.5em 2em;
}
#ibox ul.ibox-list li.ibox-level div.ibox-label
{
  display: inline;
  font-size: 120%;
}
#ibox ul.ibox-list li.ibox-level div.ibox-info
{
  display: inline;
  font-size: 140%;
  margin-bottom: -0.3em;
}
#ibox .ibox-image
{
  margin: 0.8em 0;
  text-align: center;
}
.ibox-series div ol li,
#toc ul li {
   padding-bottom: 0;
}
#toc
{
  margin-left: 0.5em;
  width: 45%;
}
#toc li
{
}
#toc li li:first-child {
  /*Add padding to first element for embedded lists in toc */
  padding-top:5px;
}

/* Text styling */

.mw-content-ltr .toc ul ul, .mw-content-ltr #toc ul ul, .mw-content-rtl .mw-content-ltr .toc ul ul, .mw-content-rtl .mw-content-ltr #toc ul ul
{
  margin: 0 0 0 1em;
}
.mw-content-ltr ul, .mw-content-rtl .mw-content-ltr ul, .mw-content-ltr ol, .mw-content-rtl .mw-content-ltr ol {
   margin: 0.3em 0 1em 1em;
   padding: 0;
}
span.toctoggle
{
  float: right;
  margin-top: -3.3em;
}
@media screen and (max-width: 500px)
{
  #toc, #ibox
  {
    clear: both;
    display: block;
    float: none;
    margin-right: 1em;
    width: 88%;
  }
}

/* Disable selection */
.nav a,
.dropdown-toggle,
.dropdown-menu,
.btn,
.btn a {
  -webkit-tap-highlight-color: rgba(0,0,0,0);
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}


#userbar {
  margin-bottom: 0;
}
#userbar .navbar-inner {
  border-radius: 0;
  border-width: 0 0 1px;
}
#userbar .nav {
  cursor: pointer;
}
#userbar .navbar-search + .nav {
  margin-left: 10px;
}

#page-header > section {
  margin: 0;
}

#page-header .icon-search {
  margin-right: 0.5ex;
}

.navigation a,
.navigation form,
.navigation input {
  transition: all 0.3s;
  -moz-transition: all 0.3s;
  -webkit-transition: all 0.3s;
}

/* Search in the navigation */
.navigation a {
  position: relative;
  z-index: 2;
}
.navigation .navbar-search {
  display: inline;
  float: none;
  position: relative;
  top: -2.25em;
}

@media (min-width: 768px) {
  .searchform-disabled input,
  .searchform-enabled a.search-link i,
  .searchform-enabled a.search-link {
    visibility: hidden;
    opacity: 0;
    width: 0;
  }
  .searchform-enabled a.search-link i {
    position: absolute;
  }
}

@media (max-width: 12em) {
  .navigation {
    clear: both;
    float: none;
  }
  .navigation > li {
    float: none;
    display: inline;
  }
  .navigation > li > a {
    padding: 10px 20px;
    display: block;
  }
  .navigation .search-link {
    display: none !important;
  }
  .navigation .navbar-search {
    display: block;
    padding: 0;
    top: 0 !important;
  }
}

@media (min-width: 768px) and (max-width: 979px) {
  #page-header .searchform-enabled a {
    margin-left: 0;
    margin-right: 0;
    padding-left: 1ex;
    padding-right: 1ex;
  }

  .searchform-enabled a.search-link {
    margin-left: 0;
    margin-right: 0;
    padding-left: 0;
    padding-right: 0;
    /*
    padding: 0;
    width: 0;
    */
  }
}

@media (max-width: 767px) {
  #userbar {
    margin-left: -20px;
    margin-right: -20px;
  }
   div#footer div { font-size: 8pt; }
}

.layout .firstHeading {
  display: none;
}

.nolayout .firstHeading {
   margin: 1.6em 0;
}

/* Add margins to preview-related elements when editing in layout mode */
.layout .previewnote,
.layout #editform {
  clear: both;
  margin: 40px 100px 20px;
}


/* Fix mediawiki radio & checkbox */
label {
  display: inline-block;
}

input[type="radio"],
input[type="checkbox"] {
  margin-top: 0;
}

input + label {
  margin-left: 0.5ex;
}

/* Hide separators if they're first in a menu */
.dropdown-menu .divider:first-child {
  display: none;
}

/* Slightly animate the dropdown-menus */
.dropdown-menu li > a {
  -moz-transition: all 0.1s;
  -webkit-transition: all 0.1s;
  transition: all 0.1s;
}
.dropdown-menu li > a:hover {
  -moz-transition: all 0.025s;
  -webkit-transition: all 0.025s;
  transition: all 0.025s;
}

/* Split a column in half */
@media (min-width: 480px) {
  .column-split {
    -moz-columns: 2 20px;
    -webkit-columns: 2 20px;
    columns: 2 20px;
    -moz-column-fill: balance;
    -webkit-column-fill: balance;
    column-fill: balance;
  }
}

/* Footer */
#footer .row  {
  text-align: center; 
}

#footer .row  a {
  font-weight: normal;
}

#footer ul,
#footer li {
  padding: 0;
  list-style: none;
}
#footer ul {
  display: block;
  margin: 2em auto;
}
#footer li {
  display: inline;
  margin: 1ex;
}

#footer-search {
  display: inline;
  position: relative;
  top: 2px;
}
#footer-search .icon-search {
  margin: 0 0 3px 6px;
  opacity: 0.25;
}

/* Custom Footer Text Styles (text styled is from the allset skin's footer.php */

.custom-footer p {
  font-size: 80%;
  padding: 1em;
  margin: 0;
}

/* Make the edit form larger */
#editform textarea,
#wpTextbox1
{
  width: 100%;
}

/* Hide the [] around edit */
.editsection {
  font-size: 0;
}
.editsection a {
  font-size: 14px;
}

/* Hide the printable footer */
.printfooter {
  display: none;
}

.align-right {
  text-align: right;
}

.row {
  margin-top: 30px;
}

.row + .row {
  margin-top: 40px;
}

input, button, select, textarea {
  font: inherit;
}

/* Search */
#mw-search-top-table {
  margin: 3em auto 0;
}
#mw-search-top-table input {
  vertical-align: top;
}
#mw-search-top-table input[type=submit] {
  padding: 2px 6px;
}

#content .search-types li {
  margin-top: 0;
}

.mw-search-formheader {
  background: none;
  border: none;
}

.search-types {
  float: none;
  padding: 0;
}

.mw-search-createlink {
  text-align: center;
}

.mw-search-createlink b {
  font-weight: normal;
}

.mw-search-createlink a {
}

.not-editable .mw-search-createlink {
  /* If there are no permissions to edit pages,
   * do not display the create link on a no-results search */
  display: none;
}

.mw-search-results {
  margin: 20px;
}

.searchresult {
  color: #555;
}

.searchmatch {
  color: #333;
}

.mw-search-result-data {
  color: #999;
}

.mw-search-nonefound {
  color: #999;
  font-size: 2em;
  padding: 1em;
  text-align: center;
}

.mw-search-nonefound:after{
  content: "ಠ ̯ಠ";
  color: #ccc;
  margin-left: 3ex;
}

.mw-search-pager-bottom {
  position: relative;
  color: transparent;
}
.mw-search-pager-bottom a {
  float: left;
  padding: 0 20px;
}

.mw-numlink {
  display: none;
}

/* Preferences */
#preferences .mainLegend {
  display: none;
}

#preftoc {
  margin: 40px 20px -2px;
}

#preferences {
  border: 1px solid #ccc;
  margin: 0 20px;
}

#preftoc ul,
#preftoc li {
  display: inline;
  list-style: none;
}
#preftoc li a {
  position: relative;
  z-index: 2;
  font: inherit;
  margin: 0;
  padding: 8px 15px;
  display: inline-block;
}
#preftoc li.selected a {
  background-color: white;
  border: 1px solid #ccc;
  border-bottom: none;
  border-radius: 6px 6px 0 0;
  color: inherit;
  cursor: default;
  padding: 7px 14px;
}
#preferences fieldset.prefsection {
  margin: 0;
  padding: 40px;
}

#preferences legend {
  border-bottom: none;
}

#preferences fieldset + fieldset > legend {
  padding-top: 40px;
}

#preferences .mw-label label {
  white-space: nowrap;
  margin: 0;
  color: #777;
}

#preferences td {
  padding: 5px;
}

#preferences .htmlform-tip {
  color: #999;
  padding: 1em 0 3em 12em;
}

#preferences div.mw-prefs-buttons {
  margin: 20px auto 0;
  padding: 40px 40px 20px;
  text-align: center;
  overflow: hidden;
}
.mw-prefs-buttons a,
.mw-prefs-buttons input {
  font: inherit;
  padding: 3px 15px;
}
.mw-prefs-buttons a {
  padding: 8px 20px;
  float: left;
}
.mw-prefs-buttons input {
  float: right;
}

/* Stub tag text styling */

table.stub, #contentSub {
  font-size: 90%;
  margin: -2em 0 1.6em 0;
  color: #888;
}

/* History */

#contentSub br {
  display: none;
}

#mw-revision-info,
#mw-revision-nav {
  background: #f6f6f6;
  border: 1px solid #eee;
  display: block;
  margin: 0 auto;
  padding: 20px;
  text-align: center;
  width: auto;
}

#mw-revision-info {
  border-bottom: none;
  border-radius: 6px 6px 0 0;
  font-size: 16px;
  padding-bottom: 0.25em;
}
#mw-revision-nav {
  border-radius: 0 0 6px 6px;
  border-top: none;
  margin-top: 0;
  padding-top: 0;
}


/* Add some extra vertical spacing for phones */
@media (max-width: 767px) {
  [class*="span"] + [class*="span"] {
    clear: both;
    margin-top: 40px;
  }
}

/* Extra padding */
@media (min-width: 768px) {
  .pad-left-small,
  .pad-right-small,
  .pad-sides-small,
  .pad-left,
  .pad-right,
  .pad-sides {
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
  }
  .pad-left-small,
  .pad-sides-small {
    padding-left: 10px;
  }
  .pad-right-small,
  .pad-sides-small {
    padding-right: 10px;
  }
  .pad-left,
  .pad-sides {
    padding-left: 20px;
  }
  .pad-right,
  .pad-sides {
    padding-right: 20px;
  }
  .pad-left-small .column-split,
  .pad-right-small .column-split,
  .pad-sides-small .column-split {
    -moz-column-gap: 30px;
    -webkit-column-gap: 30px;
    column-gap: 30px;
  }
  .pad-left .column-split,
  .pad-right .column-split,
  .pad-sides .column-split {
    -moz-column-gap: 40px;
    -webkit-column-gap: 40px;
    column-gap: 40px;
  }
}

section#content a.external,
section#content a.external[href ^="gopher://"] {
	/* @embed */
	background: url(/root/skins/allset/assets/general/images/external-link-ltr-icon.png) center right no-repeat;
	padding-right: 13px;
}
section#content a.external[href ^="https://"],
.link-https {
	/* @embed */
	background: url(/root/skins/allset/assets/general/images/lock-icon.png) center right no-repeat;
	padding-right: 13px;
}
section#content a.external[href ^="mailto:"],
.link-mailto {
	/* @embed */
	background: url(/root/skins/allset/assets/general/images/mail-icon.png) center right no-repeat;
	padding-right: 13px;
}
section#content a.external[href ^="news:"] {
	/* @embed */
	background: url(/root/skins/allset/assets/general/images/news-icon.png) center right no-repeat;
	padding-right: 13px;
}
section#content a.external[href ^="ftp://"],
.link-ftp {
	/* @embed */
	background: url(/root/skins/allset/assets/general/images/file-icon.png) center right no-repeat;
	padding-right: 13px;
}
section#content a.external[href ^="irc://"],
section#content a.external[href ^="ircs://"],
.link-irc {
	/* @embed */
	background: url(/root/skins/allset/assets/general/images/talk-icon.png) center right no-repeat;
	padding-right: 13px;
}
section#content a.external[href $=".ogg"], section#content a.external[href $=".OGG"],
section#content a.external[href $=".mid"], section#content a.external[href $=".MID"],
section#content a.external[href $=".midi"], section#content a.external[href $=".MIDI"],
section#content a.external[href $=".mp3"], section#content a.external[href $=".MP3"],
section#content a.external[href $=".wav"], section#content a.external[href $=".WAV"],
section#content a.external[href $=".wma"], section#content a.external[href $=".WMA"],
.link-audio {
	/* @embed */
	background: url(/root/skins/allset/assets/general/images/audio-icon.png) center right no-repeat;
	padding-right: 13px;
}
section#content a.external[href $=".ogm"], section#content a.external[href $=".OGM"],
section#content a.external[href $=".avi"], section#content a.external[href $=".AVI"],
section#content a.external[href $=".mpeg"], section#content a.external[href $=".MPEG"],
.link-video {
	/* @embed */
	background: url(/root/skins/allset/assets/general/images/video-icon.png) center right no-repeat;
	padding-right: 13px;
}

/** Bootstrap doesn't style non-typed inputs, apparently **/
input:not([type]) {
    background-color: rgb(255, 255, 255);
    border: 1px solid rgb(204, 204, 204);
    box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.075) inset;
    transition: border 0.2s linear 0s, box-shadow 0.2s linear 0s;
    display: inline-block;
    padding: 4px 6px;
    margin-bottom: 9px;
    font-size: 14px;
    line-height: 20px;
    color: rgb(85, 85, 85);
    border-radius: 3px 3px 3px 3px;
}
input:not([type]):focus {
    border-color: rgba(82, 168, 236, 0.8);
    outline: 0px none;
    box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.075) inset, 0px 0px 8px rgba(82, 168, 236, 0.6);
}
/** Bootstrap shouldn't set input heights (line-height should be enough)
 * (redefining it exactly the same so that it doesn't need !important,
 * and can be easily redefined in theme.css **/
select, input[type="text"], input[type="password"], input[type="datetime"], input[type="datetime-local"], input[type="date"], input[type="month"], input[type="time"], input[type="week"], input[type="number"], input[type="email"], input[type="url"], input[type="search"], input[type="tel"], input[type="color"], .uneditable-input {
  height: auto;
}
/* Add your custom theme overrides here */

body {
   background-color: #f6f6f6;
   background-image: url(/root/skins/allset/assets/general/images/page-fade-ext.png);
   background-position: left -25px;
   background-repeat: repeat-x;
}

h1, h2 {
   font-size: 1.6em;
   margin-right: 15px !important;
   border-bottom: #eee solid 1px;
}

.navbar .brand {
   margin-left: 0px;
}
.newbadge {
   background-color: #f60 !important;
   border-radius: 5px;
   color: #fff;
   display: inline;
   font-family: Arial; font-size: 8pt; font-weight: bold;
   letter-spacing: 2px;
   padding: 2px 3px 1px 5px;
   position: relative; top: -2px;
   text-shadow: 0 0px 0 #fff;
}

.wikititle {
   cursor: pointer;
   margin-left: 10px; margin-bottom: 20px;
   width: 700px; height: 70px;
}
.wikititle-spacer {
   width: 522px; height: 70px;
}

#innerbodycontent {
   background-color: #fff;
   border-left: 1px solid #a7d7f9;
   border-right: 1px solid #a7d7f9;
   border-bottom: 1px solid #a7d7f9;
   margin-top: 0px;
   padding: 10px 0px 20px 0px;
}
#innerbodycontent ul {
   padding-left: 20px;
}
.row {
   margin-left: 0px;
}
[class*="span"] {
   margin-left: 20px;
}

ul.navigation li a, ul.navigation li a:active {
   background-color: transparent !important;
   color: #428bca !important;
   outline: 0;
   padding: 0px 5px 5px;
}
ul.navigation li.active a {
   font-weight: bold;
}
.nav {
   margin-top: 20px;
   margin-bottom: 0px;
}

#mw-panel li {
   font-family: sans-serif;
   font-size: 0.95em;
   line-height: 1.18em;
   list-style-type: none;
   list-style-image: none;
   padding: 0.25em 0px;
}
#mw-panel li a {
   color: #0645ad;
}
#mw-panel .nav {
   margin-top: 3px;
}
#mw-panel li#p-toolbox b.caret {
   border-top-color: #0645ad;
   border-bottom-color: #0645ad;
   margin-top: 2px;
}
#mw-panel li#p-toolbox a {
   line-height: 0.75em;
}
#mw-panel li#p-toolbox a:hover {
   background-color: #f6f6f6;
}
.dropdown-menu {
   background-color: transparent;
   border-width: 0px;
   box-shadow: none;
   margin-left: -5px;
   padding: 0px;
}
.dropdown-menu li > a:hover {
   background-image: none;
}

.indentmenu {
   margin-left: 10px;
   margin-top: 5px;
}

.row-fluid [class*="span"] {
   min-height: 1px;
}

/* Menu Bar Gradient Styling */

.tabs {
   background: -moz-linear-gradient(#f7f8f8, #f6f6f6, #f4f4f4, #ececec, #dbdbdb);
   background: -o-linear-gradient(#f7f8f8, #f6f6f6, #f4f4f4, #ececec, #dbdbdb);
   background: -webkit-linear-gradient(#f7f8f8, #f6f6f6, #f4f4f4, #ececec, #dbdbdb);
   background-color: #f6f6f6;
   border-left: 1px solid #a7d7f9; border-right: 1px solid #a7d7f9;
   border-bottom: 1px solid #a7d7f9;
   border-radius-top-right: 10px;
}
.tabs ul {
   border: none;
   list-style-type: none;
   list-style-image: none;
   margin: 0;
   padding-top: 5px; padding-bottom: 7px;
}
.tabs li {
   display: inline;
   margin-left: 0px; margin-right: 0px;
   padding-left: 10px; padding-right: 10px;
   padding-top: 8px; padding-bottom: 2px;
}
.tabs li.selected {
   background-color: #fff;
   border-top: 1px solid #a7d7f7;
   border-left: 1px solid #a7d7f9; border-right: 1px solid #a7d7f9;
   padding-bottom: 10px;
}
.tabs li a {
   position: relative; top: 2px;
}
.tabs li.selected a {
   position: relative; top: 0px;
}
.tabs li.selected span a {
   color: #000;
}
.tabs li.new span a {
   color: #900;
}
.navbar-search {
   float: right !important;
   margin-right: 15px;
   margin-top: 2px; margin-bottom: 2px;
}
.navbar-search .search-query {
   border-radius: 0px;
}

.toc {
   background-color: #f9f9f9;
   border: 1px solid #aaa;
   font-size: 95%;
   margin-bottom: 20px;
   padding: 7px;
   width: 50%;
}
.toc li {
   list-style-type: none;
   list-style-image: none;
}

.sidebar-single {
   margin-left: 0px; margin-bottom: 0px;
}
li.sidebar-group {
   background-image: url(/root/skins/allset/assets/general/images/gradient-rule.png);
   background-repeat: no-repeat;
   margin-top: 5px;
   padding-top: 8px !important;
   padding-bottom: 0px !important;
}
li.sidebar-group a {
   margin-left: 0px;
   white-space: nowrap;
}
li.sidebar-group ul {
   margin-left: 23px;
   margin-bottom: 8px;
}
li.sidebar-group ul li {
   height: 15px;
}
div.sidebar-caret {
   display: inline-block;
   margin-right: 5px;
   width: 15px; height: 15px;
}
div.arrow-right { background-image: url(/root/skins/allset/assets/general/images/arrow-right.svg); }
div.arrow-down { background-image: url(/root/skins/allset/assets/general/images/arrow-down.svg); }
a.expanded { color: #555 !important; }

/* adapted from Vector skin code */
#ca-unwatch.icon a,
#ca-watch.icon a {
   margin: 0;
   padding: 0;
   outline: none;
   display: inline-block;
   width: 18px;
   /* This hides the text but shows the background image */
   padding-top: 1em;
   margin-top: 0;
   /* Only applied in IE6 */
   margin-top: -0.8em !ie;
   height: 0;
   overflow: hidden;
   background-image: url(/root/skins/allset/assets/general/images/watch-icons.png);
}
#ca-unwatch.icon a {
   background-position: -46px 60%;
}
#ca-watch.icon a {
   background-position: 0px 60%;
}
#ca-unwatch.icon a:hover,
#ca-unwatch.icon a:focus {
   background-position: -70px 60%;
}
#ca-watch.icon a:hover,
#ca-watch.icon a:focus {
   background-position: -24px 60%;
}
#ca-unwatch.icon a.loading,
#ca-watch.icon a.loading {
   background-image: url(/root/skins/allset/assets/general/images/watch-icon-loading.gif);
   background-position: 5px 60%;
}
#ca-unwatch.icon a span,
#ca-watch.icon a span {
   display: none;
}
/* end Vector skin code */

@media (max-width: 541px) {
   #searchform {
      margin-top: 10px;
   }
}

@media (min-width: 542px) and (max-width: 767px) {
   #searchform {
      margin-top: 3px;
   }
}

@media (max-width:578px) {
   div#gg-top {
      display:none;
   }
}

@media (max-width: 767px) {
   .navbar .btn-navbar { position: absolute; top: 7px; right: 0px; }
   .wikititle {
      height: 50px;
      margin-left: 12px;
      margin-bottom: 0px;
   }
   .navbar-search {
      margin-right: 5px;
      margin-top: 0px;
   }
   .navbar-search .search-query {
      border-radius: 0px;
   }
   .tabs {
      border-width: 0px;
   }
   .tabs li.selected {
      border-width: 0px;
      padding-bottom: 2px;
   }
   #mw-panel { display: none; }
   .row-fluid .span10 {
      margin-top: 5px !important;
   }
   #innerbodycontent {
      border-width: 0px;
      padding-left: 5px; padding-right: 5px;
   }
}
@media (max-width: 979px) {
   #menu-tabs ul li {
      font-size: 10pt;
      margin: 0px;
      margin-left: 2px;
      padding: 0px;
      height: 30px;
   }
   #menu-tabs ul li.menu-spacer {
      padding-left: 5px;
   }
   #menu-tabs ul li.selected {
      border: #a7d7f9 1px solid;
      padding-left: 2px;
      padding-right: 2px;
   }
   #ca-unwatch.icon a {
      background-position: -46px 50%;
   }
   #ca-watch.icon a {
      background-position: 0px 50%;
   }

   li.sidebar-group a {
      font-size: 10pt;
   }

   .wikititle-spacer {
      width: 300px; height: 50px;
   }
}

/* SM icons + cog */
#smicons {
   display: inline-block;
   float: right;
   margin: 1em 1em 0 0;
}
#smicons div {
   display: inline-block;
   margin-right: 0px;
   min-width: 50px;
}

#settings-button {
   float: right;
   line-height: 20px;
   margin: 0;
}

#settings-image {
cursor: pointer;
}
img#settings-image {
   margin: 1.2em 0 0 0;
}

a#settings-button { outline: 0; }
#settings-menu {
   position: relative !important;
   font-size: .5em !important;
   float: right;
   margin-right: 250px; margin-top: 4%;
}
#settings-menu ul.dropdown-menu {
   background-color: #fff;
   border: #000 1px solid;
   border-radius: 6px;
   box-shadow: 0 5px 10px #000;
   list-style: none outside none;
   margin: 0;
   padding: 4px;
}
#settings-menu ul li {
   white-space: nowrap;
}

#settings-menu a {
color: #0645AD;
}


#detectBox {
  color: rgb(255,255,255);
  top: 40px;
  right: 140px;
  background: rgb(0,0,0);
  opacity: .4;
  padding: 10px;
  -moz-border-bottom-right-radius: 5px; 
  -moz-border-bottom-left-radius: 5px; 
  border-bottom-right-radius: 5px; 
  border-bottom-left-radius: 5px; 
  -moz-border-top-right-radius: 5px; 
  -moz-border-top-left-radius: 5px; 
  border-top-right-radius: 5px; 
  border-top-left-radius: 5px; 
}

@-moz-document url-prefix() {
    #g-plus {
        margin-top: 3px;
    }
}

@media (max-width: 990px) {
   .nolayout .firstHeading {
      margin-top: 0px;
   }
   #smicons div {
      width: 90px;
   }
   #settings-menu {
      margin-top: 10px;
   }
}

/* Other Randomness */
.mw-redirect { float: none; }

/* 注意 注意 注意 注意 注意 注意 注意 注意 注意 注意 注意 注意
   注意 注意 注意 注意 注意 注意 注意 注意 注意 注意 注意 注意
   注意 注意 注意 注意 注意 注意 注意 注意 注意 注意 注意 注意
    NOTE: The infobox classes are being deprecated.
          They should be deleted if they are no
          longer used anywhere within the wiki pages.
   注意 注意 注意 注意 注意 注意 注意 注意 注意 注意 注意 注意
   注意 注意 注意 注意 注意 注意 注意 注意 注意 注意 注意 注意
   注意 注意 注意 注意 注意 注意 注意 注意 注意 注意 注意 注意 */

/* Infobox template style */

#link-icon {
   position: relative;
   width: 15px;
   top: 40px;
   right: 8px;
}

.infobox {
    background-color: #f90 !important; /* garish background */
    border: #0f0 5px dotted; /* garish border */
    color: black;
    margin: 0.5em 0 0.5em 1em;
    padding: 0.2em;
    float: right;
    clear: right;
}
.infobox td,
.infobox th {
    vertical-align: top;
}
.infobox caption {
    font-size: larger;
}
.infobox.bordered {
    border-collapse: collapse;
}
.infobox.bordered td,
.infobox.bordered th {
    border: 1px solid #aaa;
}
.infobox.bordered .borderless td,
.infobox.bordered .borderless th {
    border: 0;
}
 

/* Edits formatting for the table headers */
.infobox.grammar-box th {
 
}

/* Formatting for the content of the level row */
.infobox.grammar-box tbody tr td.level{
	font-size: 150%;
}

/* Formatting for the header of the level row */
.infobox.grammar-box tbody tr.level-row th{

}

/* Formatting for the content of the don't confuse with row */
.infobox.grammar-box tbody tr td.confuse{

}

/* Formatting for the header of the don't confuse with row */
.infobox.grammar-box tbody tr.confuse-row th{

}

/* Formatting for the content of the is similar to row */
.infobox.grammar-box tbody tr td.similar{

}

/* Formatting for the header of the is similar to row */
.infobox.grammar-box tbody tr.similar-row th{

}

/* Formatting for the content of the is used for row */
.infobox.grammar-box tbody tr td.used{

}

/* Formatting for the header of the is used for row */
.infobox.grammar-box tbody tr.used-row th{

}

/* Formatting for the content of the is used for row */
.infobox.grammar-box tbody tr td.keywords{

}

/* Formatting for the header of the is used for row */
.infobox.grammar-box tbody tr.keywords-row th{

}

/* 注意 注意 注意 注意 注意 注意 注意 注意 注意 注意 注意 注意
   注意 注意 注意 注意 注意 注意 注意 注意 注意 注意 注意 注意
   注意 注意 注意 注意 注意 注意 注意 注意 注意 注意 注意 注意
    NOTE: The infobox classes are being deprecated.
          They should be deleted if they are no
          longer used anywhere within the wiki pages.
   注意 注意 注意 注意 注意 注意 注意 注意 注意 注意 注意 注意
   注意 注意 注意 注意 注意 注意 注意 注意 注意 注意 注意 注意
   注意 注意 注意 注意 注意 注意 注意 注意 注意 注意 注意 注意 */

/* Increase Text size without screwing up top menus */

html, body { font-size: 1.1em; }

html {
	background-color:#F3F3F3;
	background-image:url(/root/skins/allset/assets/general/images/page-base.png);
}

body {
	background-image:url(/root/skins/allset/assets/general/images/page-fade-ext.png);
	background-position: left -90px;
	background-repeat:repeat-x;
}

#mw-page-base {
	background: none;
}

div#content img,
div#content object {
     max-width: 100%;
     height: auto;
}

div#content .alignleft, div#content .alignright {
	margin-bottom: 20px;
}

div#content .alignleft {
	float: left;
	margin-right: 20px;
}

div#content .alignright {
	float: right;
	margin-left: 20px;
}

#p-logo a {
	height:160px;
	width:10em;
}

#left-navigation {
	position:absolute;
	top:2.65em;  /* will need to adjust if text size changes */
}

#right-navigation {
	float:right;
	margin-top:5.2em;  /* will need to adjust if text size changes */
}

#mw-head-base {
	height:7.65em;  /* will need to adjust if text size changes */
}

/* Classes for custom sentence/table/image Markup/Display */

.table {
   margin: 1.5em 0;
}

table.wikitable { /* Modifying the Vector skin's original .wikitable class to better suit the Chinese Grammar Wiki's needs */
	text-align: center;
	margin: 20px 30px !important;
}

table.wikitable caption {
	font-weight: normal;
	font-size: 120%;
	text-align: left;
	padding-bottom: 6px;
}

table.wikitable td {
	padding: 0.6em;
}

table.wikitable tr th {
	font-size: 100%;
}

table th {
   font-weight: bold;
}

table td.cell-large, table td.cell-large {
   font-size: 120%;
}

.x { /* Use this style for grammatically incorrect sentences or phrase within a block of text or other element */
	padding-left: 20px;
	background-image:url(/root/skins/allset/assets/general/silk/exclamation.png);
	background-position: left top;
	background-repeat:no-repeat;
	border-bottom: 1px dashed red;
}

li.x { /* Use this style for grammatically incorrect sentences in a list */
	background-image: none;
	list-style-image: url(/root/skins/allset/assets/general/silk/cross.png);
	border-bottom: none;
}

li.o { /* Use this style for grammatically OK (correct) sentences in a list */
	background-image: none;
	list-style-image: url(/root/skins/allset/assets/general/silk/tick.png);
}

li.q { /* Use this style for grammatically questionable sentences in a list */
	background-image: none;
	list-style-image: url(/root/skins/allset/assets/general/silk/error.png);
}

.liju ul.dialog { /* Use this style for speakers in a dialog */
	list-style-type: none;
	list-style-image: none;
	position: relative;
}

.liju ul.dialog li span.speaker { /* Use this style for speakers in a dialog */
	word-spacing:normal !important; 
	margin-left: -1em;
	padding-right: 0.6em;
	font-size: 120%;
	font-weight: bold;
	color: #888;
}


/* Classes for Displaying Chinese Characters in a Special Way */

.liju em {background-color:#FFFFAA; font-style:normal; } 

.liju strong {font-weight:bold; color: green; }

div.liju li.x strong {color: red; }

.expl {color:#695332; font-style:italic; word-spacing:normal; font-size: 0.8em; }

.expl:before { content: " ☞ ("; }
.expl:after { content: ")"; }

div.liju table td, div.liju ul li, div.jiegou, div.plugin { /* Increase font size of sample sentence lists and tables only within the "liju" div elements */
	font-size: 120%;
}

span.liju, div.liju table td, div.liju ul li { /* Remove spaces between characters in "div.liju" sample sentence lists, tables, and also the "liju" span tag */
	word-spacing:-0.3em; 
}

.spaced {word-spacing:normal !important; }

div.liju-en ul li { /* For rare cases when you want to add English sample sentences, but need the text smaller and spaced */
	font-size: 100%;
	word-spacing:normal !important; 
}

div.liju, div.jiegou {
	width: 90%;
}
@media (max-width: 500px) {
   div.jiegou, div.liju { width: 90% !important; }
}

div.plugin {
	width: 65%;
}

div.liju ul, div.liju ol {
	border: 1px solid #aaa;
	background-color: #FDFDF0;
	padding: 5px;
}

div.liju ul {
	margin: 20px 30px;
	list-style-image: url(/root/skins/allset/assets/general/silk/bullet_green.png);
}

#innerbodycontent div.liju ul li {
	margin-left: 2em;
	padding: 0.7em 0.7em 0.7em 0.4em;
}

div.jiegou p, div.plugin p {
	margin: 20px 30px;
	border: 1px solid #aaa;
	padding: 15px 15px 15px 45px;
	background-position: 15px 17px;
	background-repeat: no-repeat;
}

div.jiegou p {
	background-color: #e0f2f7;
	background-image:url(/root/skins/allset/assets/general/silk/bricks.png);
}

span.trans, .fadein {
	opacity: 0.3;
	/* Firefox */
		-moz-transition-property: opacity;
		-moz-transition-duration: 0.5s;
		-moz-transition-delay: 0s;
	/* WebKit */
		-webkit-transition-property: opacity;
		-webkit-transition-duration: 0.5s;
		-webkit-transition-delay: 0s;
	/* Opera */
		-o-transition-property: opacity;
		-o-transition-duration: 0.5s;
		-o-transition-delay: 0s;
	/* Standard */
		transition-property: opacity;
		transition-duration: 0.5s;
		transition-delay: 0s;
}

span.trans:hover, .fadein:hover {
	opacity: 1;
}

div.liju ul span.trans, div.liju ul span.pinyin {
	display: block;
	margin: 10px 0 0 0;
	word-spacing:normal;
	font-size: 80%;
	color: #888;
}

div.liju ul span.trans {
	padding: 0 0 0 20px;
	background-image:url(/root/skins/allset/assets/general/images/translation_en.png);
	background-position: center left;
	background-repeat:no-repeat;
	word-spacing:normal;
	font-size: 80%;
	font-family: 'Gentium Basic', Lucida, Georgia, serif;
	color: #999;
}

div.liju ul span.pinyin {
	padding: 0;
	font-weight: normal;
	font-size: 90%;
	font-family: Helvetica, Verdana, Arial, sans-serif;
	color: #888;
}

/* Other Randomness */

div.liju, div.jiegou {
  width: 90%;
}

/* Add Plugin icon for "Essential Tools" page */

div.plugin p {
	background-color: #CEF6D8;
	background-image:url(/root/skins/allset/assets/general/silk/plugin.png);
}


/* Glossary Page Styles */

.glossary-list p {
    padding-left: 3em ;
    text-indent: -3em ;
}

p.glossary-item { }

.glossary-term {
    font-weight: bold ;
}


/* Special link icons for text (remove for images) */

div#innerbodycontent a[href^="http://www.amazon."], .link-amazon {
	background-image:url(/root/skins/allset/assets/general/images/amazon-icon16x16.gif);
	background-position: center right;
	background-repeat:no-repeat;
	padding-right: 18px;
}

div#innerbodycontent a:link img, .link-amazon img {
  background-image:none;
  padding-right:none;
}

div#innerbodycontent a[href^="http://en.wikipedia."], .link-wikipedia {
  background-image:url(/root/skins/allset/assets/general/images/wikipedia-16x16.png);
  background-position: center right;
  background-repeat:no-repeat;
  padding-right: 18px;
}

div#innerbodycontent a[href^="http:/en.wikipedia."] img, .link-amazon img {
  background-image:none;
  padding-right:none;
}

/* For ASLExtension */
#ccButton {
        z-index: 100;
}
#detectBox{
        z-index: 100;
}

/* No Go button! */

#searchGoButton {
        display: none;
}


/* fix some weird 1.22 css things */
#p-views, #p-cactions {
 margin-top: -1px;
}

/* Prior to responsive skin update */

.grampt-img img {
    margin: 0 0.5em 0.5em 0;
}

div.flat ul { text-align: center; }
div.flat ul li { display: inline; }
div.flat ul li:after { content: " \00b7"; }
div.flat ul li:last-child:after { content: none; }

/* print styles */
@media print {
  .noprint {
    display: none !important;
  }
  .onlyprint {
    display: block;
  }
}
.onlyprint { display: none; }

/* Customization for navbar dropdown */
ul.nav li.dropdown {
  /* fix for disappearing menu
   * make width large enough so "newbadge" doesn't go to new line
   */
  display:inline-block !important;
  min-width: 165px;
}
ul.nav li.dropdown:hover > ul.dropdown-menu {
  /* display on hover */
  display:block;
}
ul.nav ul.dropdown-menu {
  /* "blocky" style */
  border-top-right-radius: 0px;
  border-top-left-radius: 0px;
  position: relative;
  top: 10px;
}
ul.nav .dropdown-menu:before,
ul.nav .dropdown-menu:after {
  /* Remove arrow */
  border: none !important;
  content: "" !important;
}
ul.nav ul.dropdown-menu a:hover {
  color: #333;
  background-color: #a9d0f5;
}
ul.nav li.dropdown a b.caret {
  position: relative;
  top: 3px;
}

/* Ad space styling */
#gg-top {
    float: right;
    width: 250px;
    height: 60px;
}
#gg-mid {
    width: 150px;
    height: 150px;
    margin-top: 15px;
}
#gg-bot {
    width: 500px;
    height: 150px;
    margin: auto;
    clear: both;
}
.gg a {
    display: block;
    width: 100%;
    height: 100%;
}