Difference between revisions of "MediaWiki:Common.css"
 
(98 intermediate revisions by the same user not shown)
Line 1: Line 1:
−
/* Google Font API */
+
/* CSS placed here will be applied to all skins */
−
/*
+
 
−
@import url(http://fonts.googleapis.com/css?family=Droid+Serif:400,400italic,700|Droid+Sans:700);
+
/* Edit section on the right */
 +
.ltr .mw-editsection {
 +
float: right;
 +
}
 +
.rtl .mw-editsection {
 +
float: left;
 +
}
 +
 
 +
/* Gehsi div classes */
 +
div.mw-geshi {
 +
  margin: 1em 0;
 +
  border: 1px solid #7777FF;
 +
  text-align: left;
 +
  padding:10px 10px;
 +
  clear: both;
 +
  background-color: #DDDDFF;
 +
  font-size: 1.1em;
 +
}
 +
div.mw-geshi-error {
 +
  margin: 1em 0;
 +
  border: 1px solid #FF7777;
 +
  text-align: left;
 +
  padding:10px 10px;
 +
  clear: both;
 +
  background-color: #FFDDDD;
 +
  font-size: 1.1em;
 +
}
 +
div.mw-geshi-valid {
 +
  margin: 1em 0;
 +
  border: 1px solid #77FF77;
 +
  text-align: left;
 +
  padding:10px 10px;
 +
  clear: both;
 +
  background-color: #DDFFDD;
 +
  font-size: 1.1em;
 +
}
 +
 
 +
/* Cell sizes for ambox/tmbox/imbox/cmbox/ombox/fmbox/dmbox message boxes */
 +
th.mbox-text, td.mbox-text {  /* The message body cell(s) */
 +
    border: none;
 +
    padding: 0.25em 0.9em;    /* 0.9em left/right */
 +
    width: 100%;              /* Make all mboxes the same width regardless of text length */
 +
    vertical-align: top;
 +
    /*font-size: 16px;*/
 +
    font-size: 100%;
 +
    line-height: 1.5em;
 +
}
 +
td.mbox-image {                /* The left image cell */
 +
    border: none;
 +
    padding: 2px 0 2px 0.9em;  /* 0.9em left, 0px right */
 +
    text-align: center;
 +
}
 +
td.mbox-imageright {          /* The right image cell */
 +
    border: none;
 +
    padding: 2px 0.9em 2px 0;  /* 0px left, 0.9em right */
 +
    text-align: center;
 +
}
 +
td.mbox-empty-cell {          /* An empty narrow cell */
 +
    border: none;
 +
    padding: 0px;
 +
    width: 1px;
 +
}
 +
 
 +
/* FM Box */
 +
table.fmbox {
 +
    clear: both;
 +
    margin: 0.2em 0;
 +
    width: 100%;
 +
    border: 1px solid #ccc;
 +
    background: #f9f9f9;    /* Default "system" gray */
 +
    text-align:left;
 +
}
 +
table.fmbox-system {
 +
    background: #f9f9f9;
 +
}
 +
 
 +
/* ART DECOR tables */
 +
table.artdecorwiki {
 +
  border: 1px solid #aaa;
 +
  background-color: #f9f9f9;
 +
  font-size: 130%;
 +
  text-align:left;
 +
  margin: 0.2em;
 +
}
 +
.artdecorwiki td, .artdecorwiki th {
 +
  vertical-align: top;
 +
  text-align: left;
 +
  line-height: 1.5em;
 +
  border: none;
 +
  background-color: #fff;
 +
  padding: 0.2em;
 +
}
 +
.artdecorwiki th {
 +
  font-weight: bold;
 +
  background-color: #eee;
 +
}
 +
 
 +
.imgleftmargin {
 +
  margin-left: 10px;
 +
}
 +
.imgrightmargin {
 +
  margin-right: 10px;
 +
}
 +
 
 +
 
 +
/**
 +
    Special CSS definitions to correctly style ART-DECOR artefacts
 +
    ******************************
 +
    Copyright (C) 2013-2015 ART-DECOR expert group art-decor.org
 +
   
 +
    Author: Kai U. Heitmann
 
*/
 
*/
−
/* goMediaWiki skin. Black RIDER layout */
+
table.artdecor,
−
/*****************************/
+
table.artdecor tr,
−
/*** Core html setup stuff ***/
+
table.artdecor td,
−
/*****************************/
+
table.artdecor th,
−
html,
+
table.artdecor p{
−
body,
+
    font-weight:normal;
−
div,
+
    color: #333;
−
span,
+
}
−
applet,
+
table.artdecor th{
−
object,
+
    background-color: #ece9e4;
−
iframe,
+
    color: #7a6e62;
−
h1,
+
    font-weight: bold;
−
h2,
+
}
−
h3,
+
table.artdecor tr{
−
h4,
+
  border: none;
−
h5,
+
}
−
h6,
+
tr.explabel{
−
p,
+
    background-color:#E6E6FA;
−
blockquote,
+
}
−
pre,
+
td.explabelred{
−
a,
+
    background-color:#FFEEEE;
−
abbr,
+
}
−
acronym,
+
td.explabelgreen{
−
address,
+
    background-color:#E0FFE0;
−
big,
+
}
−
cite,
+
td.explabelblue{
−
code,
+
    background-color:#E6E6FA;
−
del,
+
}
−
dfn,
+
td.conf{
−
em,
+
    width:107pt;
−
font,
+
    font-size:11px;
−
img,
+
    border:1px solid #C3C0B2;
−
ins,
+
    font-weight:normal;
−
kbd,
+
    color:#e16e22;
−
q,
+
    background-color:#ece9e4;
−
s,
+
}
−
samp,
+
td.stron{
−
small,
+
    width:107pt;
−
strike,
+
    font-size:11px;
−
strong,
+
    font-weight:normal;
−
sub,
+
    border:1px solid #c0c0c0;
−
sup,
+
    color:#ffffff;
−
tt,
+
    background-color:#ff99cc;
−
var,
+
}
−
b,
+
td.defvar{
−
u,
+
    width:107pt;
−
i,
+
    font-size:11px;
−
center,
+
    font-weight:normal;
−
dl,
+
    border:1px solid #c0c0c0;
−
dt,
+
    color:#ffffff;
−
dd,
+
    background-color:#6699cc;
−
ol,
+
}
−
ul,
+
td.tabtab{
−
li,
+
    border:1px solid #C0C0C0;
−
fieldset,
+
    background-color:#FFFFFF;
−
form,
+
}
−
label,
+
td.nodetype{
−
legend,
+
    width:107pt;
−
table,
+
    border:1px solid #C3C0B2;
−
caption,
+
    font-size:11px;
−
tbody,
+
    font-weight:normal;
−
tfoot,
+
    color:#e16e22;
−
thead,
+
    background-color:#dddddd;
−
tr,
+
}
−
th,
+
td.nodename{
−
td {
+
    font-size:16px;
 +
    font-weight:bold;
 +
    color:#e16e22;
 +
    background-color:#dddddd;
 +
}
 +
tr.headinglabel{
 +
    background-color:#99CCFF;
 +
}
 +
tr.desclabel{
 +
    background-color:#FAFAD2;
 +
}
 +
tr.descitem{
 +
    background-color:#FAFAD2;
 +
}
 +
tr.vslabel{ /*background-color : #FFFF99; */
 +
    background-color:#CCFFFF;
 +
}
 +
.code{
 +
    font-family:"Courier New", Courier, mono;
 +
    padding:5px;
 +
    border:1px dashed #C0C0C0;
 +
}
 +
.ppsign{
 +
    color:#000080;
 +
}
 +
.ppelement{
 +
    color:#000080;
 +
}
 +
.ppattribute{ /*color : #ffa500;*/
 +
    color:#D2691E;
 +
}
 +
.ppcontent{
 +
    color:#a52a2a;
 +
}
 +
.pptext{
 +
    color:#808080;
 +
}
 +
.ppnamespace{
 +
    color:#0000ff;
 +
}
 +
h{
 +
    background-color:#ece9e4;
 +
    color:#7a6e62;
 +
    font-weight:bold;
 +
}
 +
 
 +
 
 +
/**  
 +
    Special CSS definitions for ART-DECOR timelines
 +
    ******************************
 +
    Copyright (C) 2020ART-DECOR expert group art-decor.org
 +
   
 +
    Author: Kai U. Heitmann
 +
*/
 +
 
 +
timeline h1{
 +
  text-align: center;
 +
  font-weight: bold;
 +
  margin-top: 0;
 +
}
 +
timeline p{
 +
  text-align: center;
 +
  margin-bottom: 0;
 +
}
 +
.hexa{
 +
  border: 0px;
 +
  float: left;
 +
  text-align: center;
 +
  height: 35px;
 +
  width: 60px;
 +
  font-size: 22px;
 +
  background: #f0f0f0;
 +
  color: #3c3c3c;
 +
  position: relative;
 +
  margin-top: 15px;
 +
}
 +
.hexa:before{
 +
  content: "";
 +
  position: absolute;
 +
  left: 0;
 +
  width: 0;
 +
  height: 0;
 +
  border-bottom: 15px solid #f0f0f0;
 +
  border-left: 30px solid transparent;
 +
  border-right: 30px solid transparent;
 +
  top: -15px;
 +
}
 +
.hexa:after{
 +
  content: "";
 +
  position: absolute;
 +
  left: 0;
 +
  width: 0;
 +
  height: 0;
 +
  border-left: 30px solid transparent;
 +
  border-right: 30px solid transparent;
 +
  border-top: 15px solid #f0f0f0;
 +
  bottom: -15px;
 +
}
 +
.timeline {
 +
  position: relative;
 +
  padding: 0;
 +
  width: 80%;
 +
  margin: 0;
 +
  margin-top: 60px;
 +
  list-style: none;
 +
  color: #75757;
 +
}
 +
.timeline:before {
 +
  position: absolute;
 +
  left: 50%;
 +
  top: 0;
 +
  content: ' ';
 +
  display: block;
 +
  width: 2px;
 +
  height: 100%;
 +
  margin-left: -1px;
 +
  background: rgb(213,213,213);
 +
  background: -moz-linear-gradient(top, rgba(213,213,213,0) 0%, rgb(213,213,213) 8%, rgb(213,213,213) 92%, rgba(213,213,213,0) 100%);
 +
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(30,87,153,1)), color-stop(100%,rgba(125,185,232,1)));
 +
  background: -webkit-linear-gradient(top, rgba(213,213,213,0) 0%, rgb(213,213,213) 8%, rgb(213,213,213) 92%, rgba(213,213,213,0) 100%);
 +
  background: -o-linear-gradient(top, rgba(213,213,213,0) 0%, rgb(213,213,213) 8%, rgb(213,213,213) 92%, rgba(213,213,213,0) 100%);
 +
  background: -ms-linear-gradient(top, rgba(213,213,213,0) 0%, rgb(213,213,213) 8%, rgb(213,213,213) 92%, rgba(213,213,213,0) 100%);
 +
  background: linear-gradient(to bottom, rgba(213,213,213,0) 0%, rgb(213,213,213) 8%, rgb(213,213,213) 92%, rgba(213,213,213,0) 100%);
 +
  z-index: 5;
 +
}
 +
 
 +
.timeline li {
 +
  /*padding: 2em 0;*/
 +
  list-style: none;
 +
}
 +
 
 +
.timeline .hexa{
 +
  width: 16px;
 +
  height: 10px;
 +
  position: absolute;
 +
  background: #f3a800;
 +
  z-index: 5;
 +
  left: 0;
 +
  right: 0;
 +
  margin-left:auto;
 +
  margin-right:auto;
 +
  top: -30px;
 +
  margin-top: 0;
 +
}
 +
 
 +
.timeline .hexa:before {
 +
  border-bottom: 4px solid #f3a800;
 +
  border-left-width: 8px;
 +
  border-right-width: 8px;
 +
  top: -4px;
 +
}
 +
 
 +
.timeline .hexa:after {
 +
  border-left-width: 8px;
 +
  border-right-width: 8px;
 +
  border-top: 4px solid #f3a800;
 +
  bottom: -4px;
 +
}
 +
 
 +
.timeline pre{
 +
  color: #222;
 +
  border:0;
 +
  background: #fff;
 +
  font-family: sans-serif;
 +
  white-space: normal;
 +
  padding: 20px !important;
 +
}
 +
 
 +
.direction-l,
 +
.direction-r {
 +
  float: none;
 +
  width: 100%;
 +
  text-align: center;
 +
}
 +
 
 +
.flag-wrapper {
 +
  text-align: center;
 +
  position: relative;
 +
}
 +
 
 +
.flag {
 +
  position: relative;
 +
  display: inline;
 +
  background: rgb(219, 243, 178);
 +
  /*font-weight: 600;*/
 +
  z-index: 15;
 +
  padding: 6px 10px;
 +
  text-align: left;
 +
  border-radius: 5px;
 +
  color: #599c4c;
 +
  font-weight: 800;
 +
}
 +
 
 +
.direction-l .flag:after,
 +
.direction-r .flag:after {
 +
  content: "";
 +
  position: absolute;
 +
  left: 50%;
 +
  top: -15px;
 +
  height: 0;
 +
  width: 0;
 +
  margin-left: -8px;
 +
  border: solid transparent;
 +
  border-bottom-color: rgb(255,255,255);
 +
  border-width: 8px;
 +
  pointer-events: none;
 +
}
 +
 
 +
.direction-l .flag {
 +
  -webkit-box-shadow: -2px 2px 2px rgba(0,0,0,0.15), 0 0 1px rgba(0,0,0,0.15);
 +
  -moz-box-shadow: -2px 2px 2px rgba(0,0,0,0.15), 0 0 1px rgba(0,0,0,0.15);
 +
  box-shadow: -2px 2px 2px rgba(0,0,0,0.15), 0 0 1px rgba(0,0,0,0.15);
 +
}
 +
 
 +
.direction-r .flag {
 +
  -webkit-box-shadow: 2px 2px 2px rgba(0,0,0,0.15), 0 0 1px rgba(0,0,0,0.15);
 +
  -moz-box-shadow: 2px 2px 2px rgba(0,0,0,0.15), 0 0 1px rgba(0,0,0,0.15);
 +
  box-shadow: 2px 2px 2px rgba(0,0,0,0.15), 0 0 1px rgba(0,0,0,0.15);
 +
}
 +
 
 +
.time-wrapper {
 +
  display: block;
 +
  position: relative;
 +
  margin: 4px 0 0 0;
 +
  z-index: 14;
 +
  /*line-height: 1em;*/
 +
  vertical-align: middle;
 +
  color: #599c4c;
 +
}
 +
 
 +
.direction-l .time-wrapper {
 +
  float: none;
 +
  padding: 0 10px 0 0;
 +
}
 +
 
 +
.direction-r .time-wrapper {
 +
  float: none;
 +
  padding: 0 0 0 10px;
 +
}
 +
 
 +
.time-time {
 +
  /*background: #f3a800;*/
 +
  display: inline-block;
 +
  /*padding: 8px;*/
 +
}
 +
 
 +
.time-desc {
 +
  position: relative;
 +
  margin: 1em 0 0 0;
 +
  padding: 7px;
 +
  background: rgb(255, 221, 188);
 +
  -webkit-box-shadow: 0 0 1px rgba(0,0,0,0.20);
 +
  -moz-box-shadow: 0 0 1px rgba(0,0,0,0.20);
 +
  box-shadow: 0 0 3px rgba(0,0,0,0.20);
 +
  z-index: 15;
 +
  font-size: 95%;
 +
}
 +
 
 +
.direction-l .time-desc,
 +
.direction-r .time-desc {
 +
  position: relative;
 +
  margin: 1em 1em 0 1em;
 +
  z-index: 15;
 +
}
 +
 
 +
@media(min-width: 768px){
 +
  .timeline {
 +
    width: 700px;
 +
    margin: 0 auto;
 +
    margin-top: 20px;
 +
  }
 +
 
 +
  .timeline li:after {
 +
    content: "";
 +
    display: block;
 +
    height: 0;
 +
    clear: both;
 +
    visibility: hidden;
 +
  }
 +
 
 +
  .timeline .hexa {
 +
    left: -28px;
 +
    right: auto;
 +
    top: 8px;
 +
  }
 +
 
 +
  .timeline .direction-l .hexa {
 +
    left: auto;
 +
    right: -28px;
 +
  }
 +
 
 +
  .direction-l {
 +
    position: relative;
 +
    width: 330px;
 +
    float: left;
 +
    text-align: right;
 +
  }
 +
 
 +
  .direction-r {
 +
    position: relative;
 +
    width: 330px;
 +
    float: right;
 +
    text-align: left;
 +
  }
 +
 
 +
  .flag-wrapper {
 +
    display: inline-block;
 +
  }
 +
 
 +
  .flag {
 +
    /*font-size: 18px;*/
 +
  }
 +
 
 +
  .direction-l .flag:after {
 +
    left: auto;
 +
    right: -16px;
 +
    top: 50%;
 +
    margin-top: -8px;
 +
    border: solid transparent;
 +
    border-left-color: rgb(219, 243, 178);
 +
    border-width: 8px;
 +
  }
 +
 
 +
  .direction-r .flag:after {
 +
    top: 50%;
 +
    margin-top: -8px;
 +
    border: solid transparent;
 +
    border-right-color: rgb(219, 243, 178);
 +
    border-width: 8px;
 +
    left: -8px;
 +
  }
 +
 
 +
  .time-wrapper {
 +
    display: inline;
 +
    vertical-align: middle;
 
     margin: 0;
 
     margin: 0;
−
     padding: 0;
+
  }
−
     border: 0;
+
 
−
     outline: 0;
+
  .direction-l .time-wrapper {
−
    font-size: 100%;
+
     float: left;
−
     vertical-align: baseline;
+
  }
−
    background: transparent;
+
 
 +
  .direction-r .time-wrapper {
 +
     float: right;
 +
  }
 +
 
 +
  .time {
 +
     padding: 5px 10px;
 +
  }
 +
 
 +
  .direction-r .time-desc {
 +
     margin: 1em 0 0 0.75em;
 +
  }
 
}
 
}
−
body {
+
 
−
    /*line-height: 1;*/
+
/* Google Font API */
−
}
+
/*
−
a {
+
@import url(http://fonts.googleapis.com/css?family=Droid+Serif:400,400italic,700|Droid+Sans:700);
−
    color: #4380d3;
+
*/
−
}
+
/* goMediaWiki skin. Black RIDER layout */
−
a:hover {
+
/*****************************/
−
    text-decoration: none;
+
/*** Core html setup stuff ***/
−
}
+
/*****************************/
−
/*ol,*/
+
html,
−
ul {
+
body,
−
    list-style: none;
+
div,
−
}
+
span,
−
blockquote,
+
applet,
−
q {
+
object,
−
    quotes: none;
+
iframe,
−
}
+
h1,
−
blockquote:before,
+
h2,
−
blockquote:after,
+
h3,
−
q:before,
+
h4,
−
q:after {
+
h5,
−
    content: '';
+
h6,
−
    content: none;
+
p,
−
}
+
blockquote,
−
/* remember to define focus styles! */
+
a,
−
:focus {
+
abbr,
−
    outline: 0;
+
acronym,
−
}
+
address,
−
/* remember to highlight inserts somehow! */
+
big,
−
ins {
+
cite,
−
    text-decoration: none;
+
code,
−
}
+
del,
−
del {
+
dfn,
−
    text-decoration: line-through;
+
em,
−
}
+
font,
−
/* tables still need 'cellspacing="0"' in the markup */
+
img,
−
table11111 {
+
ins,
−
    border-collapse: collapse;
+
kbd,
−
    border-spacing: 0;
+
q,
−
}
+
s,
−
/*****************************************/
+
samp,
−
/*** Template specific layout elements ***/
+
small,
−
/*****************************************/
+
strike,
−
body {
+
strong,
−
     /*font-family: Georgia;*/
+
sub,
−
     font: 12px/1.231 "trebuchet ms", helvetica, sans-serif;
+
sup,
−
     /*font-family: "Droid Serif", Georgia, "Times New Roman", Times, serif;*/
+
tt,
−
     color: #757575;
+
var,
 +
b,
 +
u,
 +
i,
 +
center,
 +
dl,
 +
dt,
 +
dd,
 +
ol,
 +
ul,
 +
li,
 +
fieldset,
 +
form,
 +
label,
 +
legend,
 +
table,
 +
caption,
 +
tbody,
 +
tfoot,
 +
thead,
 +
tr,
 +
th,
 +
td {
 +
     margin: 0;
 +
    padding: 0;
 +
    border: 0;
 +
    outline: 0;
 +
     font-size: 100%;
 +
     vertical-align: baseline;
 +
     background: transparent;
 
}
 
}
−
p {
+
body {
−
     margin: .4em 0 .5em 0;
+
     /*line-height: 1;*/
−
    line-height: 1.5em;
 
−
    font-size: 130%;
 
 
}
 
}
−
pre {
+
a {
−
     padding: 0.5em;
+
     color: #4380d3;
−
    background-color: #F6F8DF;
 
−
    border: 1px dashed #F0F0F0;
 
 
}
 
}
−
/* header */
+
a:hover {
−
div.topBgr {
+
     text-decoration: none;
−
     width: 100%;
 
−
    background-image: url(images/head-v.png);
 
−
    background-position: left bottom;
 
−
    background-repeat: repeat-x;
 
−
    left: 0;
 
−
    background-color: #FFAB0A;
 
 
}
 
}
−
div#globalWrapper {
+
/*ol,*/
−
     position: relative;
+
ul {
−
    z-index: 1000;
+
     list-style: none;
 
}
 
}
−
div#p-logo {
+
blockquote,
−
     height: 10px;
+
q {
−
    margin-bottom: 11em;
+
     quotes: none;
 
}
 
}
−
div.logo a {
+
blockquote:before,
−
    height: 133px;
+
blockquote:after,
−
    background-position: left top;
+
q:before,
−
    top: -20px;
+
q:after {
−
    background-repeat: no-repeat;
+
     content: '';
−
    display: block;
+
     content: none;
−
     position: relative;
 
−
     z-index: 1000;
 
 
}
 
}
−
div.header {
+
/* remember to define focus styles! */
−
    min-height: 126px;
+
:focus {
−
     background-repeat: no-repeat;
+
     outline: 0;
−
    background-position: 0 0;
 
−
    position: relative;
 
−
    z-index: 1000;
 
 
}
 
}
−
div.light {
+
/* remember to highlight inserts somehow! */
−
    background-image: url(images/header-light.png);
+
ins {
−
    background-repeat: no-repeat;
+
     text-decoration: none;
−
     background-position: center top;
 
 
}
 
}
−
div.sunflower {
+
del {
−
     position: absolute;
+
     text-decoration: line-through;
−
    width: 160px;
 
−
    height: 61px;
 
−
    background-image: url(images/sunflower.png);
 
−
    background-repeat: no-repeat;
 
−
    background-position: 0 0;
 
−
    left: 285px;
 
−
    bottom: 0px;
 
 
}
 
}
−
div.headerRight {
+
/* tables still need 'cellspacing="0"' in the markup */
−
     width: 460px;
+
table11111 {
−
     background-image: url(images/header-right.png);
+
     border-collapse: collapse;
−
     background-repeat: no-repeat;
+
     border-spacing: 0;
−
     background-position: left top;
+
}
 +
/*****************************************/
 +
/*** Template specific layout elements ***/
 +
/*****************************************/
 +
body {
 +
    /*font-family: Georgia;*/
 +
    font: 12px/1.231 "trebuchet ms", helvetica, sans-serif;
 +
     /*font-family: "Droid Serif", Georgia, "Times New Roman", Times, serif;*/
 +
     color: #757575;
 
}
 
}
−
/*lists*/
+
p {
−
#bodyContent ul {
+
     margin: .4em 0 .5em 0;
−
     list-style: disc;
+
     font-size: 130%;
−
     margin: 0 0 0 30px;
 
 
     line-height: 1.5em;
 
     line-height: 1.5em;
 
}
 
}
−
#bodyContent ul li,
+
td > p {
−
ol li {
+
  font-size: 100% !important;
−
    font-size: 14px;
 
−
    line-height: 1.5em;
 
 
}
 
}
−
/* top user menu */
+
td > ul > li {
−
div.topUserMenu {
+
  font-size: 100% !important;
−
    height: 20px;
 
−
    padding: 4px 0 0 0;
 
 
}
 
}
−
div.topUserMenu li {
+
pre {
−
    float: right;
+
  border: 1px solid #aaa;
 +
  /* background-color: #eee; */
 +
  font-size: 110%;
 +
  min-width: 90%;
 
}
 
}
−
div.topUserMenu li a {
+
/* header */
−
     margin: 0 40px 0 0;
+
div.topBgr {
−
     text-decoration: none;
+
     width: 100%;
−
     font-family: Arial, Helvetica, sans-serif;
+
    background-image: url(images/head-v.png);
−
     font-size: 10px;
+
     background-position: left bottom;
−
     color: #5b5b5b;
+
     background-repeat: repeat-x;
 +
     left: 0;
 +
     background-color: #FFAB0A;
 
}
 
}
−
div.topUserMenu li a:hover {
+
div#globalWrapper {
−
    text-decoration: underline;
 
−
}
 
−
/*user menu label shown*/
 
−
div.userMenuWrapper {
 
−
    height: 24px;
 
−
    width: 74px;
 
−
    left: 50%;
 
−
    margin-right: -150px;
 
 
     position: relative;
 
     position: relative;
 +
    z-index: 1000;
 
}
 
}
−
div.userMenuWrapper div.topUserMenu {
+
div#p-logo {
−
     display: none;
+
     height: 10px;
 +
    margin-bottom: 11em;
 
}
 
}
−
div.userMenuWrapper div.userMenuTag {
+
div.logo a {
−
     height: 24px;
+
     height: 133px;
−
     width: 50px;
+
     background-position: left top;
−
     padding: 3px 16px 0px 8px;
+
     top: -20px;
−
    background-image: url(images/user-menu-btn.png);
 
 
     background-repeat: no-repeat;
 
     background-repeat: no-repeat;
−
     color: #ffffff;
+
     display: block;
−
     font-family: Arial, Helvetica, sans-serif;
+
     position: relative;
−
     font-size: 10px;
+
     z-index: 1000;
−
    cursor: pointer;
 
 
}
 
}
−
/*user menu is shown*/
+
div.header {
−
div.userMenuWrapper:hover {
+
     min-height: 126px;
−
     position: static;
+
     background-repeat: no-repeat;
−
    height: 24px;
 
−
    width: auto;
 
−
    left: auto;
 
−
    margin-left: auto;
 
−
     background-image: url(images/user-menu-v.png);
 
−
    background-repeat: repeat-x;
 
 
     background-position: 0 0;
 
     background-position: 0 0;
 +
    position: relative;
 +
    z-index: 1000;
 
}
 
}
−
div.userMenuWrapper:hover div.topUserMenu {
+
div.light {
−
     display: block;
+
    background-image: url(images/header-light.png);
 +
    background-repeat: no-repeat;
 +
     background-position: center top;
 
}
 
}
−
div.userMenuWrapper:hover div.userMenuTag {
+
div.sunflower {
−
    display: none;
+
     position: absolute;
−
}
+
     width: 160px;
−
/* search */
+
     height: 61px;
−
div0000.search {
+
     background-image: url(images/sunflower.png);
−
     height: 125px;
 
−
}
 
−
div0000.searchWrapper {
 
−
     width: 422px;
 
−
     height: 26px;
 
−
    padding: 3px 3px;
 
−
     background-image: url(images/search-bgr.png);
 
 
     background-repeat: no-repeat;
 
     background-repeat: no-repeat;
 
     background-position: 0 0;
 
     background-position: 0 0;
−
     position: relative;
+
     left: 285px;
−
    top: 13px;
+
     bottom: 0px;
−
     left: 29px;
 
 
}
 
}
−
div000.searchWrapper:hover {
+
div.headerRight {
−
     background-position: 0 -32px;
+
    width: 460px;
 +
    background-image: url(images/header-right.png);
 +
    background-repeat: no-repeat;
 +
     background-position: left top;
 
}
 
}
−
/*
+
/*lists*/
−
div000.searchInput {
+
#bodyContent ul {
−
padding: 5px 4px;
+
    list-style: disc;
−
width: 364px;
+
    margin: 0 0 0 30px;
 +
    line-height: 1.5em;
 
}
 
}
−
*/
+
#bodyContent ul li,
−
input000#searchInput {
+
ol li {
−
    display: block;
+
     font-size: 130%;
−
    background-color: transparent;
+
     line-height: 1.5em;
−
    border: 0;
 
−
    width: 364px;
 
−
    font-family: Arial, Helvetica, sans-serif;
 
−
     font-size: 12px;
 
−
     font-style: italic;
 
−
    color: #8c8c8c;
 
−
    cursor: pointer;
 
−
    padding: 5px 4px;
 
−
    float: left;
 
 
}
 
}
−
@media screen and (-webkit-min-device-pixel-ratio : 0) {
+
li > ul > li {
−
    input000#searchInput {
+
  font-size: 100% !important;
−
        height: 24px;
 
−
        padding: 0px 4px;
 
−
        background-color: #fff0d2;
 
−
        margin: 1px 0px 0 1px;
 
−
        width: 371px
 
−
    }
 
−
    #personal h2 {
 
−
        font: 12px/1.231 "trebuchet ms", helvetica, sans-serif;
 
−
    }
 
 
}
 
}
−
#mw-content {
+
/* user menu */
−
     margin-right: 20px;
+
div.topUserMenu {
−
     position: absolute;
+
     height: 20px;
−
     top: 70px;
+
     padding: 4px 0 0 0;
 +
}
 +
div.topUserMenu li {
 +
     float: right;
 
}
 
}
−
#mw-site-navigation {
+
div.topUserMenu li a {
−
     width: 13em;
+
    margin: 0 40px 0 0;
−
     float: none;
+
    text-decoration: none;
 +
    font-family: Arial, Helvetica, sans-serif;
 +
     font-size: 10px;
 +
     color: #5b5b5b;
 
}
 
}
−
#mw-related-navigation {
+
div.topUserMenu li a:hover {
−
    display: block !important;
+
     text-decoration: underline;
−
    width: 13em;
 
−
    float: none;
 
−
    padding-left: 0;
 
−
    margin: 0.25em 0 0.75em 0;
 
−
    padding-bottom: 0.15em;
 
−
     border-bottom: solid 2px #cccccc;
 
 
}
 
}
−
input000#searchGoButton {
+
/*user menu label shown*/
−
     display: block;
+
div.userMenuWrapper {
−
     width: 50px;
+
    height: 24px;
−
     height: 26px;
+
    width: 74px;
−
     background-image: url(images/search-go.png);
+
    left: 50%;
 +
    margin-right: -150px;
 +
    position: relative;
 +
}
 +
div.userMenuWrapper div.topUserMenu {
 +
     display: none;
 +
}
 +
div.userMenuWrapper div.userMenuTag {
 +
    height: 24px;
 +
     width: 50px;
 +
     padding: 3px 16px 0px 8px;
 +
     background-image: url(images/user-menu-btn.png);
 
     background-repeat: no-repeat;
 
     background-repeat: no-repeat;
−
     background-position: 0 0;
+
     color: #ffffff;
−
     background-color: transparent;
+
     font-family: Arial, Helvetica, sans-serif;
−
     border: 0;
+
     font-size: 10px;
−
    float: left;
 
 
     cursor: pointer;
 
     cursor: pointer;
 
}
 
}
−
.ts-inner {
+
/*user menu is shown*/
−
max-width: 150em;  
+
div.userMenuWrapper:hover {
−
/*margin-left: 50px;
+
    position: static;
−
margin-right: 50px;*/
+
    height: 24px;
−
}
+
    width: auto;
−
input000#searchGoButton:hover {
+
    left: auto;
−
     background-position: 0 -26px;
+
    margin-left: auto;
 +
    background-image: url(images/user-menu-v.png);
 +
    background-repeat: repeat-x;
 +
     background-position: 0 0;
 
}
 
}
−
/* follow menu */
+
div.userMenuWrapper:hover div.topUserMenu {
−
div.follow {
+
     display: block;
−
     height: 52px;
 
−
    float: left;
 
−
    position: absolute;
 
−
    top: 60px;
 
−
    left: 202px;
 
 
}
 
}
−
div.follow li {
+
div.userMenuWrapper:hover div.userMenuTag {
−
     float: left;
+
     display: none;
 
}
 
}
−
div.follow a {
+
/* search */
−
     margin: 0 0px 0 9px;
+
div0000.search {
 +
     height: 125px;
 
}
 
}
−
.aFacebook {
+
div0000.searchWrapper {
−
     display: block;
+
     width: 422px;
−
     height: 52px;
+
     height: 26px;
−
     width: 55px;
+
     padding: 3px 3px;
−
     background-image: url(images/follow/facebook.png);
+
     background-image: url(images/search-bgr.png);
−
     background-repeat: no-repeat;
+
     background-repeat: no-repeat;
 
     background-position: 0 0;
 
     background-position: 0 0;
 +
    position: relative;
 +
    top: 13px;
 +
    left: 29px;
 
}
 
}
−
div.follow a:hover {
+
div000.searchWrapper:hover {
−
     background-position: 0 -52px;
+
     background-position: 0 -32px;
 
}
 
}
−
.aBlog {
+
/*
−
    display: block;
+
div000.searchInput {
−
    height: 52px;
+
padding: 5px 4px;
−
    width: 55px;
+
width: 364px;
−
    background-image: url(images/follow/blog.png);
 
−
    background-repeat: no-repeat;
 
−
    background-position: 0 0;
 
 
}
 
}
−
.aTwitter {
+
*/
 +
input000#searchInput {
 
     display: block;
 
     display: block;
−
     height: 52px;
+
     background-color: transparent;
−
     width: 55px;
+
    border: 0;
−
     background-image: url(images/follow/twitter.png);
+
     width: 364px;
−
     background-repeat: no-repeat;
+
     font-family: Arial, Helvetica, sans-serif;
−
     background-position: 0 0;
+
     font-size: 12px;
 +
    font-style: italic;
 +
    color: #8c8c8c;
 +
    cursor: pointer;
 +
     padding: 5px 4px;
 +
    float: left;
 +
}
 +
@media screen and (-webkit-min-device-pixel-ratio : 0) {
 +
    input000#searchInput {
 +
        height: 24px;
 +
        padding: 0px 4px;
 +
        background-color: #fff0d2;
 +
        margin: 1px 0px 0 1px;
 +
        width: 371px
 +
    }
 +
    #personal h2 {
 +
        font: 12px/1.231 "trebuchet ms", helvetica, sans-serif;
 +
    }
 
}
 
}
−
.aYoutube {
+
#mw-content {
−
     display: block;
+
     margin-right: 30px;
−
    height: 52px;
+
     position: absolute;
−
    width: 55px;
+
     top: 70px;
−
    background-image: url(images/follow/youtube.png);
 
−
     background-repeat: no-repeat;
 
−
     background-position: 0 0;
 
 
}
 
}
−
.aMail {
+
#mw-site-navigation {
−
     display: block;
+
    width: 13em;
−
     height: 52px;
+
    float: none;
−
     width: 55px;
+
}
−
     background-image: url(images/follow/mail.png);
+
#mw-related-navigation {
 +
    display: block !important;
 +
    width: 13em;
 +
    float: none;
 +
    padding-left: 0;
 +
    margin: 0.25em 0 0.75em 0;
 +
    padding-bottom: 0.15em;
 +
    border-bottom: solid 2px #cccccc;
 +
}
 +
input000#searchGoButton {
 +
     display: block;
 +
     width: 50px;
 +
     height: 26px;
 +
     background-image: url(images/search-go.png);
 
     background-repeat: no-repeat;
 
     background-repeat: no-repeat;
 
     background-position: 0 0;
 
     background-position: 0 0;
 +
    background-color: transparent;
 +
    border: 0;
 +
    float: left;
 +
    cursor: pointer;
 
}
 
}
−
/* main menu */
+
.ts-inner {
−
div.wideMainmenu {
+
max-width: 150em;  
−
    height: 40px;
+
/*margin-left: 50px;
−
    width: 100%;
+
margin-right: 50px;*/
−
    background-image: url(images/mainmenu/bgr-v.png);
 
−
    background-repeat: repeat-x;
 
−
    background-position: 0 0;
 
−
    position: relative;
 
−
    z-index: 1100;
 
 
}
 
}
−
div0000#p-navigation li {
+
input000#searchGoButton:hover {
 +
    background-position: 0 -26px;
 +
}
 +
/* follow menu */
 +
div.follow {
 +
    height: 52px;
 
     float: left;
 
     float: left;
−
     height: 40px;
+
     position: absolute;
 +
    top: 60px;
 +
    left: 202px;
 
}
 
}
−
div0000#p-navigation li a {
+
div.follow li {
−
     display: block;
+
     float: left;
−
    height: 25px;
 
−
    padding: 15px 12px 0px 12px;
 
−
    /*font-family: Georgia, Arial, Helvetica, sans-serif;*/
 
−
    font: 13px/1.231 "trebuchet ms", helvetica, sans-serif;
 
−
    font-size: 14px;
 
−
    font-weight: bold;
 
−
    color: #ffffff;
 
−
    text-decoration: none;
 
−
    border-left: 1px solid transparent;
 
−
    border-right: 1px solid transparent;
 
 
}
 
}
−
div000#p-navigation li a.active,
+
div.follow a {
−
div#p-navigation li a:hover {
+
     margin: 0 0px 0 9px;
−
     background-image: url(images/mainmenu/bgr-active-v.png);
 
−
    background-repeat: repeat-x;
 
−
    border-left: 1px solid #272727;
 
−
    border-right: 1px solid #787878;
 
 
}
 
}
−
div000#p-navigation li ul {
+
.aFacebook {
−
    background-color: #ffffff;
 
−
}
 
−
div000#p-navigation li ul li {
 
−
    float: none;
 
−
    height: 24px;
 
−
}
 
−
div000#p-navigation li ul li a {
 
 
     display: block;
 
     display: block;
−
     color: #616161;
+
     height: 52px;
−
     border: 0;
+
    width: 55px;
−
     height: 18px;
+
     background-image: url(images/follow/facebook.png);
−
     padding: 6px 10px 0 10px;
+
     background-repeat: no-repeat;
 +
     background-position: 0 0;
 
}
 
}
−
div0000#p-navigation li ul li a:hover {
+
div.follow a:hover {
−
     background-image: none;
+
     background-position: 0 -52px;
−
    color: #ffffff;
 
−
    background-color: #f48737;
 
−
    border: 0;
 
 
}
 
}
−
/* box in content */
+
.aBlog {
−
div0000#p-navigation li:hover div.box_mainmenu {
 
 
     display: block;
 
     display: block;
 +
    height: 52px;
 +
    width: 55px;
 +
    background-image: url(images/follow/blog.png);
 +
    background-repeat: no-repeat;
 +
    background-position: 0 0;
 
}
 
}
−
div.box_mainmenu {
+
.aTwitter {
−
     display: none;
+
     display: block;
−
     position: absolute;
+
     height: 52px;
−
     background-color: #ffffff;
+
     width: 55px;
−
     background: url(images/mainmenu/ch-bgr-t-l.png) top left no-repeat;
+
     background-image: url(images/follow/twitter.png);
 +
    background-repeat: no-repeat;
 +
    background-position: 0 0;
 
}
 
}
−
div.box_mainmenu_content {
+
.aYoutube {
−
     background: url(images/mainmenu/ch-bgr-r-side.png) top right repeat-y;
+
    display: block;
−
     padding: 7px 10px 0 10px;
+
    height: 52px;
 +
    width: 55px;
 +
     background-image: url(images/follow/youtube.png);
 +
    background-repeat: no-repeat;
 +
     background-position: 0 0;
 
}
 
}
−
div.box_mainmenu_footer {
+
.aMail {
−
    background: url(images/mainmenu/ch-bgr-b-l.png) bottom left no-repeat;
 
−
}
 
−
div.box_mainmenu_footer p {
 
−
    background: url(images/mainmenu/ch-bgr-b-r.png) bottom right no-repeat;
 
 
     display: block;
 
     display: block;
−
     padding: 4px;
+
     height: 52px;
−
     margin: 0em 0 0 0;
+
     width: 55px;
 +
    background-image: url(images/follow/mail.png);
 +
    background-repeat: no-repeat;
 +
    background-position: 0 0;
 
}
 
}
−
/* content */
+
/* main menu */
−
/* top bgr */
+
div.wideMainmenu {
−
div.contentTopBgr {
+
    height: 40px;
−
     background-image: url(images/content/top-bgr.png);
+
    width: 100%;
 +
     background-image: url(images/mainmenu/bgr-v.png);
 
     background-repeat: repeat-x;
 
     background-repeat: repeat-x;
−
     width: 100%;
+
     background-position: 0 0;
−
    height: 61px;
+
     position: relative;
−
     position: absolute;
+
     z-index: 1100;
−
     top: 0;
 
−
    left: 0;
 
 
}
 
}
−
div#column-content {
+
div0000#p-navigation li {
−
     background-image: url(images/content/top-pic.png);
+
     float: left;
−
    background-repeat: no-repeat;
+
     height: 40px;
−
    background-position: top right;
 
−
    margin-top: 22px;
 
−
     line-height: 2;
 
−
    padding-bottom: 44px;
 
 
}
 
}
−
h1#firstHeading {
+
div0000#p-navigation li a {
−
     color: #84B8DF;
+
     display: block;
−
     font-size: 100%;
+
    height: 25px;
−
     font-weight: normal;
+
    padding: 15px 12px 0px 12px;
−
     margin: 14px 0 6px 0;
+
    /*font-family: Georgia, Arial, Helvetica, sans-serif;*/
−
     line-height: 1;
+
    font: 13px/1.231 "trebuchet ms", helvetica, sans-serif;
−
     border-bottom: 0;
+
     font-size: 14px;
 +
     font-weight: bold;
 +
     color: #ffffff;
 +
    text-decoration: none;
 +
     border-left: 1px solid transparent;
 +
     border-right: 1px solid transparent;
 
}
 
}
−
#mw-content h1,
+
div000#p-navigation li a.active,
−
#mw-content h2,
+
div#p-navigation li a:hover {
−
#mw-content h3,
+
    background-image: url(images/mainmenu/bgr-active-v.png);
−
#mw-content h4,
+
    background-repeat: repeat-x;
−
#mw-content h5 {
+
    /*border-left: 1px solid #272727;
−
     margin-top: 20px;
+
    border-right: 1px solid #787878;*/
 +
     background-color: #ffd199;
 
}
 
}
−
#mw-content h1.firstHeading {
+
div000#p-navigation li ul {
−
     border-bottom: 0;
+
     background-color: #ffffff;
 
}
 
}
−
/* top service info */
+
div000#p-navigation li ul li {
−
div.serviceInfoTop {
+
    float: none;
−
     display: none;
+
    height: 24px;
 +
}
 +
div000#p-navigation li ul li a {
 +
     display: block;
 +
    color: #616161;
 +
    border: 0;
 +
    height: 18px;
 +
    padding: 6px 10px 0 10px;
 +
}
 +
div0000#p-navigation li ul li a:hover {
 +
    background-image: none;
 +
    color: #ffffff;
 +
    background-color: #f48737;
 +
    border: 0;
 
}
 
}
 
/* box in content */
 
/* box in content */
−
.box {
+
div0000#p-navigation li:hover div.box_mainmenu {
 +
    display: block;
 
}
 
}
−
/* brown dark */
+
div.box_mainmenu {
−
.brown_dark {
+
    display: none;
−
     background: #895000;
+
    position: absolute;
 +
     background-color: #ffffff;
 +
    background: url(images/mainmenu/ch-bgr-t-l.png) top left no-repeat;
 
}
 
}
−
.brown_dark .box_top div {
+
div.box_mainmenu_content {
−
     background-image: url(images/content/brown_dark/box-corners-t-l.png);
+
     background: url(images/mainmenu/ch-bgr-r-side.png) top right repeat-y;
−
    background-repeat: no-repeat;
+
     padding: 7px 10px 0 10px;
−
     background-position: top left;
 
 
}
 
}
−
.brown_dark .box_top {
+
div.box_mainmenu_footer {
−
     background-image: url(images/content/brown_dark/box-corners-t-r.png);
+
    background: url(images/mainmenu/ch-bgr-b-l.png) bottom left no-repeat;
 +
}
 +
div.box_mainmenu_footer p {
 +
    background: url(images/mainmenu/ch-bgr-b-r.png) bottom right no-repeat;
 +
    display: block;
 +
    padding: 4px;
 +
    margin: 0em 0 0 0;
 +
}
 +
/* content */
 +
/* top bgr */
 +
div.contentTopBgr {
 +
     background-image: url(images/content/top-bgr.png);
 +
    background-repeat: repeat-x;
 +
    width: 100%;
 +
    height: 61px;
 +
    position: absolute;
 +
    top: 0;
 +
    left: 0;
 +
}
 +
div#column-content {
 +
    background-image: url(images/content/top-pic.png);
 
     background-repeat: no-repeat;
 
     background-repeat: no-repeat;
 
     background-position: top right;
 
     background-position: top right;
 +
    margin-top: 22px;
 +
    line-height: 2;
 +
    padding-bottom: 44px;
 
}
 
}
−
.brown_dark .box_bottom div {
+
h1#firstHeading {
−
     background-image: url(images/content/brown_dark/box-corners-b-l.png);
+
     color: #84B8DF;
−
     background-repeat: no-repeat;
+
     font-size: 100%;
−
     background-position: bottom left;
+
     font-weight: normal;
−
}
+
     margin: 14px 0 6px 0;
−
.brown_dark .box_bottom {
+
     line-height: 1;
−
     background-image: url(images/content/brown_dark/box-corners-b-r.png);
+
     border-bottom: 0;
−
     background-repeat: no-repeat;
 
−
     background-position: bottom right;
 
 
}
 
}
−
.brown_dark .box_content {
+
#mw-content h1,
−
     color: #ffffff;
+
#mw-content h2,
 +
#mw-content h3,
 +
#mw-content h4,
 +
#mw-content h5 {
 +
     margin-top: 20px;
 
}
 
}
−
/* brown light */
+
#mw-content h1.firstHeading {
−
.brown_light {
+
     border-bottom: 0;
−
     background: #bb6f00;
 
 
}
 
}
−
.brown_light .box_top div {
+
/* top service info */
−
    background-image: url(images/content/brown_light/box-corners-t-l.png);
+
div.serviceInfoTop {
−
    background-repeat: no-repeat;
+
     display: none;
−
     background-position: top left;
 
 
}
 
}
−
.brown_light .box_top {
+
/* box in content */
−
     background-image: url(images/content/brown_light/box-corners-t-r.png);
+
.box {
 +
}
 +
/* brown dark */
 +
.brown_dark {
 +
    background: #895000;
 +
}
 +
.brown_dark .box_top div {
 +
    background-image: url(images/content/brown_dark/box-corners-t-l.png);
 +
    background-repeat: no-repeat;
 +
    background-position: top left;
 +
}
 +
.brown_dark .box_top {
 +
     background-image: url(images/content/brown_dark/box-corners-t-r.png);
 
     background-repeat: no-repeat;
 
     background-repeat: no-repeat;
 
     background-position: top right;
 
     background-position: top right;
 
}
 
}
−
.brown_light .box_bottom div {
+
.brown_dark .box_bottom div {
−
     background-image: url(images/content/brown_light/box-corners-b-l.png);
+
     background-image: url(images/content/brown_dark/box-corners-b-l.png);
 
     background-repeat: no-repeat;
 
     background-repeat: no-repeat;
 
     background-position: bottom left;
 
     background-position: bottom left;
 
}
 
}
−
.brown_light .box_bottom {
+
.brown_dark .box_bottom {
−
     background-image: url(images/content/brown_light/box-corners-b-r.png);
+
     background-image: url(images/content/brown_dark/box-corners-b-r.png);
 
     background-repeat: no-repeat;
 
     background-repeat: no-repeat;
 
     background-position: bottom right;
 
     background-position: bottom right;
 
}
 
}
−
.brown_light .box_content {
+
.brown_dark .box_content {
 
     color: #ffffff;
 
     color: #ffffff;
 
}
 
}
−
/* light-brown dark */
+
/* brown light */
−
.l_brown_dark {
+
.brown_light {
−
     background: #ffcd88;
+
     background: #bb6f00;
 
}
 
}
−
.l_brown_dark .box_top div {
+
.brown_light .box_top div {
−
     background-image: url(images/content/l_brown_dark/box-corners-t-l.png);
+
    background-image: url(images/content/brown_light/box-corners-t-l.png);
 +
    background-repeat: no-repeat;
 +
    background-position: top left;
 +
}
 +
.brown_light .box_top {
 +
    background-image: url(images/content/brown_light/box-corners-t-r.png);
 +
    background-repeat: no-repeat;
 +
    background-position: top right;
 +
}
 +
.brown_light .box_bottom div {
 +
    background-image: url(images/content/brown_light/box-corners-b-l.png);
 +
    background-repeat: no-repeat;
 +
    background-position: bottom left;
 +
}
 +
.brown_light .box_bottom {
 +
    background-image: url(images/content/brown_light/box-corners-b-r.png);
 +
    background-repeat: no-repeat;
 +
    background-position: bottom right;
 +
}
 +
.brown_light .box_content {
 +
    color: #ffffff;
 +
}
 +
/* light-brown dark */
 +
.l_brown_dark {
 +
    background: #ffcd88;
 +
}
 +
.l_brown_dark .box_top div {
 +
     background-image: url(images/content/l_brown_dark/box-corners-t-l.png);
 
     background-repeat: no-repeat;
 
     background-repeat: no-repeat;
 
     background-position: top left;
 
     background-position: top left;
Line 975: Line 1,519:
 
     clear: both;
 
     clear: both;
 
     border: 1px solid #aaaaaa;
 
     border: 1px solid #aaaaaa;
−
    font-size: 75%;
 
 
     background-image: url(headbg.jpg);
 
     background-image: url(headbg.jpg);
 
     background-repeat: no-repeat;
 
     background-repeat: no-repeat;
Line 1,093: Line 1,636:
 
     text-decoration: none;
 
     text-decoration: none;
 
     font-family: Arial, Helvetica, sans-serif;
 
     font-family: Arial, Helvetica, sans-serif;
−
    font-size: 10px;
 
 
     color: #8b8b8b;
 
     color: #8b8b8b;
 
}
 
}
Line 1,106: Line 1,648:
 
div#footer h5 {
 
div#footer h5 {
 
     color: #64625d;
 
     color: #64625d;
−
    font-size: 14px;
 
 
     font-weight: normal;
 
     font-weight: normal;
 
}
 
}
Line 1,300: Line 1,841:
 
.quote {
 
.quote {
 
     font-style: italic;
 
     font-style: italic;
−
    font-size: 14px;
 
 
     background-image: url(images/content/quote.png);
 
     background-image: url(images/content/quote.png);
 
     background-repeat: no-repeat;
 
     background-repeat: no-repeat;
Line 1,990: Line 2,530:
 
border: 0px solid;
 
border: 0px solid;
 
border-color: #000 #000 #000;
 
border-color: #000 #000 #000;
−
*/
+
 
     cursor: pointer;
 
     cursor: pointer;
 
     color: #fff;
 
     color: #fff;
Line 2,000: Line 2,540:
 
     width: auto;
 
     width: auto;
 
     margin-left: 5px;
 
     margin-left: 5px;
 +
*/
 
}
 
}
 
/*
 
/*
Line 2,041: Line 2,582:
 
.form input[type = "submit"][disabled],
 
.form input[type = "submit"][disabled],
 
.form input[type = "button"][disabled] {
 
.form input[type = "button"][disabled] {
−
     color: #888;
+
     /* color: #888; */
 
}
 
}
 
.form textarea,
 
.form textarea,
Line 2,248: Line 2,789:
 
.twtr-tweet p {
 
.twtr-tweet p {
 
     font-size: 100%;
 
     font-size: 100%;
−
}
 
−
.mw-specialpagesgroup .mw-headline {
 
−
    background-color: #eeeeee;
 
 
}
 
}
 
/*  
 
/*  
Line 2,327: Line 2,865:
 
     /*
 
     /*
 
   font-size: 12px;
 
   font-size: 12px;
−
   line-height: 20px;
+
   line-height: 20px;
−
*/
+
*/
 +
}
 +
#mw-content-text table ul li {
 +
    /*
 +
  line-height: 20px;
 +
*/
 +
}
 +
table caption {
 +
    line-height: 110%;
 +
}
 +
.editsection {
 +
    display: inline;
 +
}
 +
#mw-content h1,
 +
#mw-content h2,
 +
#mw-content h3,
 +
#mw-content h4,
 +
#mw-content h5,
 +
#mw-content h6,
 +
#mw-content dt {
 +
    font-family: "trebuchet ms", helvetica, sans-serif;
 +
    border-bottom: 0;
 +
}
 +
.color-left {
 +
    background-color: #6BDBC2;
 +
}
 +
.color-middle {
 +
    background-color: #84B8DF;
 +
}
 +
.color-right {
 +
    background-color: #F8D255;
 +
}
 +
 
 +
#p-logo-text a {
 +
  font-family: "trebuchet ms", helvetica, sans-serif;
 +
  color: inherit;
 +
}
 +
 
 +
/* v-card simulator */
 +
div.vcard {
 +
  border-radius: 0 0 4px 4px;
 +
  margin-bottom: 16px !important;
 +
  background-color: #fff;
 +
  color: rgba(0,0,0,.87);
 +
  border-color: #fff;
 +
  display: block;
 +
  max-width: 100%;
 +
  outline: none;
 +
  text-decoration: none;
 +
  -webkit-transition-property: opacity, -webkit-box-shadow;
 +
  transition-property: opacity, -webkit-box-shadow;
 +
  transition-property: box-shadow, opacity;
 +
  transition-property: box-shadow, opacity, -webkit-box-shadow;
 +
  overflow-wrap: break-word;
 +
  position: relative;
 +
  white-space: normal;
 +
  -webkit-transition: -webkit-box-shadow .28s cubic-bezier(.4, 0, .2, 1);
 +
  transition: -webkit-box-shadow .28s cubic-bezier(.4, 0, .2, 1);
 +
  transition: box-shadow .28s cubic-bezier(.4, 0, .2, 1);
 +
  transition: box-shadow .28s cubic-bezier(.4, 0, .2, 1), -webkit-box-shadow .28s cubic-bezier(.4, 0, .2, 1);
 +
  will-change: box-shadow;
 +
-webkit-box-shadow: 0 3px 1px -2px rgba(0, 0, 0, .2), 0 2px 2px 0 rgba(0, 0, 0, .14), 0 1px 5px 0 rgba(0, 0, 0, .12);
 +
box-shadow:0 3px 1px -2px rgba(0, 0, 0, .2), 0 2px 2px 0 rgba(0, 0, 0, .14), 0 1px 5px 0 rgba(0, 0, 0, .12)
 +
}
 +
div.vcard-header {
 +
  border-radius: 4px 4px 0 0;
 +
  background-color: #f0ebe4 !important;
 +
  border-color: #f0ebe4 !important;
 +
  padding: 10px 20px 10px 20px;
 +
  font-weight: 400;
 +
  line-height: 1.375rem;
 +
  letter-spacing:.0071428571em;
 +
  font-weight: 700 !important;
 +
  font-size: 2em;
 +
  color: #ff9800;
 +
  caret-color: #ff9800;
 +
  /*
 +
  color: #b1c914;
 +
  caret-color: #ff9800!important;
 +
  */
 +
  }
 +
div.vcard-text {
 +
  padding: 0 20px 7px 20px;
 +
}
 +
/* vcard extra header colors */
 +
div.light-green {
 +
  background-color: #6BDBC2 !important;
 +
}
 +
div.light-blue {
 +
  background-color: #84B8DF !important;
 +
}
 +
div.light-orange {
 +
  background-color: #F8D255 !important;
 +
}
 +
div.light-red {
 +
  background-color: #e48a78 !important;
 +
}
 +
 
 +
img.img-orange {
 +
  background-color: #444;
 +
}
 +
 
 +
.mw-highlight {
 +
  font-size: 120%;
 +
  background: none;
 +
}
 +
 
 +
#mw-site-navigation .sidebar-chunk {
 +
  font-size: 110%;
 +
  line-height: 1.2;
 +
}
 +
 
 +
#mw-content-container {
 +
    /* background-image: linear-gradient(transparent, transparent), url(/skins/Timeless/resources/images/cat-grey.svg?a5931);*/
 +
    /* border-bottom: 4px solid #ffd199; */
 +
  border-bottom: none;
 +
}
 +
 
 +
#mw-footer-container {
 +
  background: #f3f3f3;
 +
  border-top: none;
 +
  box-shadow: none;
 +
}
 +
 
 +
#mw-footer {
 +
  background: #f3f3f3;
 +
  height: 300em;
 +
}
 +
 
 +
ul#f-list {
 +
  list-style: none;
 +
  width: auto;
 +
  margin: 0;
 +
  font-size: 80%;
 +
}
 +
 
 +
ul#f-list li {
 +
  float: none;
 +
  display: inline;
 +
}
 +
 
 +
li#lastmod {
 +
  padding: 2px 0 0 5px;
 
}
 
}
−
#mw-content-container {
+
 
−
    background-image: linear-gradient(transparent, transparent), url(/skins/Timeless/resources/images/cat-grey.svg?a5931)
+
#footer-bottom {
 +
  margin-top: 30px;
 +
  border-top: 1px solid #eee;
 
}
 
}
−
#mw-content-text table ul li {
+
 
−
    /*
+
#f-poweredbyico {
−
  font-size: 12px;
+
   display: none;
−
   line-height: 20px;
 
−
*/
 
−
}
 
−
table caption {
 
−
    line-height: 110%;
 
−
}
 
−
.editsection {
 
−
    font-size: small;
 
−
    display: inline;
 
−
}
 
−
#mw-content h1,
 
−
#mw-content h2,
 
−
#mw-content h3,
 
−
#mw-content h4,
 
−
#mw-content h5,
 
−
#mw-content h6,
 
−
#mw-content dt {
 
−
    font-family: "trebuchet ms", helvetica, sans-serif;
 
−
    border-bottom: 0;
 
−
}
 
−
.color-left {
 
−
    background-color: #6BDBC2;
 
−
}
 
−
.color-middle {
 
−
    background-color: #84B8DF;
 
−
}
 
−
.color-right {
 
−
    background-color: #F8D255;
 
 
}
 
}

Latest revision as of 12:08, 28 July 2021

/* CSS placed here will be applied to all skins */

/* Edit section on the right */
.ltr .mw-editsection {
	float: right; 
}
.rtl .mw-editsection {
	float: left;
}

/* Gehsi div classes */
div.mw-geshi {
  margin: 1em 0; 
  border: 1px solid #7777FF;
  text-align: left; 
  padding:10px 10px;
  clear: both;
  background-color: #DDDDFF;
  font-size: 1.1em;
}
div.mw-geshi-error {
  margin: 1em 0; 
  border: 1px solid #FF7777;
  text-align: left; 
  padding:10px 10px;
  clear: both;
  background-color: #FFDDDD;
  font-size: 1.1em;
}
div.mw-geshi-valid {
  margin: 1em 0; 
  border: 1px solid #77FF77;
  text-align: left; 
  padding:10px 10px;
  clear: both;
  background-color: #DDFFDD;
  font-size: 1.1em;
}

/* Cell sizes for ambox/tmbox/imbox/cmbox/ombox/fmbox/dmbox message boxes */
th.mbox-text, td.mbox-text {   /* The message body cell(s) */
    border: none;
    padding: 0.25em 0.9em;     /* 0.9em left/right */
    width: 100%;               /* Make all mboxes the same width regardless of text length */
    vertical-align: top;
    /*font-size: 16px;*/
    font-size: 100%;
    line-height: 1.5em;
}
td.mbox-image {                /* The left image cell */
    border: none; 
    padding: 2px 0 2px 0.9em;  /* 0.9em left, 0px right */
    text-align: center; 
}
td.mbox-imageright {           /* The right image cell */
    border: none;
    padding: 2px 0.9em 2px 0;  /* 0px left, 0.9em right */
    text-align: center; 
}
td.mbox-empty-cell {           /* An empty narrow cell */
    border: none;
    padding: 0px;
    width: 1px;
}

/* FM Box */
table.fmbox {
    clear: both;
    margin: 0.2em 0;
    width: 100%;
    border: 1px solid #ccc;
    background: #f9f9f9;     /* Default "system" gray */
    text-align:left;
}
table.fmbox-system {
    background: #f9f9f9;
}

/* ART DECOR tables */
table.artdecorwiki {
  border: 1px solid #aaa;
  background-color: #f9f9f9;
  font-size: 130%;
  text-align:left;
  margin: 0.2em;
}
.artdecorwiki td, .artdecorwiki th {
  vertical-align: top;
  text-align: left;
  line-height: 1.5em;
  border: none;
  background-color: #fff;
  padding: 0.2em;
}
.artdecorwiki th { 
  font-weight: bold;
  background-color: #eee;
}

.imgleftmargin {
  margin-left: 10px;
}
.imgrightmargin {
  margin-right: 10px;
}


/** 
    Special CSS definitions to correctly style ART-DECOR artefacts 
    ******************************
    Copyright (C) 2013-2015 ART-DECOR expert group art-decor.org
    
    Author: Kai U. Heitmann
*/
table.artdecor,
table.artdecor tr,
table.artdecor td,
table.artdecor th,
table.artdecor p{
    font-weight:normal;
    color: #333;
}
table.artdecor th{
    background-color: #ece9e4;
    color: #7a6e62;
    font-weight: bold;
}
table.artdecor tr{
   border: none;
}
tr.explabel{
    background-color:#E6E6FA;
}
td.explabelred{
    background-color:#FFEEEE;
}
td.explabelgreen{
    background-color:#E0FFE0;
}
td.explabelblue{
    background-color:#E6E6FA;
}
td.conf{
    width:107pt;
    font-size:11px;
    border:1px solid #C3C0B2;
    font-weight:normal;
    color:#e16e22;
    background-color:#ece9e4;
}
td.stron{
    width:107pt;
    font-size:11px;
    font-weight:normal;
    border:1px solid #c0c0c0;
    color:#ffffff;
    background-color:#ff99cc;
}
td.defvar{
    width:107pt;
    font-size:11px;
    font-weight:normal;
    border:1px solid #c0c0c0;
    color:#ffffff;
    background-color:#6699cc;
}
td.tabtab{
    border:1px solid #C0C0C0;
    background-color:#FFFFFF;
}
td.nodetype{
    width:107pt;
    border:1px solid #C3C0B2;
    font-size:11px;
    font-weight:normal;
    color:#e16e22;
    background-color:#dddddd;
}
td.nodename{
    font-size:16px;
    font-weight:bold;
    color:#e16e22;
    background-color:#dddddd;
}
tr.headinglabel{
    background-color:#99CCFF;
}
tr.desclabel{
    background-color:#FAFAD2;
}
tr.descitem{
    background-color:#FAFAD2;
}
tr.vslabel{ /*background-color : #FFFF99; */
    background-color:#CCFFFF;
}
.code{
    font-family:"Courier New", Courier, mono;
    padding:5px;
    border:1px dashed #C0C0C0;
}
.ppsign{
    color:#000080;
}
.ppelement{
    color:#000080;
}
.ppattribute{ /*color : #ffa500;*/
    color:#D2691E;
}
.ppcontent{
    color:#a52a2a;
}
.pptext{
    color:#808080;
}
.ppnamespace{
    color:#0000ff;
}
h{
    background-color:#ece9e4;
    color:#7a6e62;
    font-weight:bold;
}


/** 
    Special CSS definitions for ART-DECOR timelines 
    ******************************
    Copyright (C) 2020ART-DECOR expert group art-decor.org
    
    Author: Kai U. Heitmann
*/

timeline h1{
  text-align: center;
  font-weight: bold;
  margin-top: 0;
}
timeline p{
   text-align: center;
   margin-bottom: 0;
 }
.hexa{
  border: 0px;
  float: left;
  text-align: center;
  height: 35px;
  width: 60px;
  font-size: 22px;
  background: #f0f0f0;
  color: #3c3c3c;
  position: relative;
  margin-top: 15px;
}
.hexa:before{
  content: ""; 
  position: absolute; 
  left: 0; 
  width: 0; 
  height: 0;
  border-bottom: 15px solid #f0f0f0;
  border-left: 30px solid transparent;
  border-right: 30px solid transparent;
  top: -15px;
}
.hexa:after{
  content: ""; 
  position: absolute; 
  left: 0; 
  width: 0; 
  height: 0;
  border-left: 30px solid transparent;
  border-right: 30px solid transparent;
  border-top: 15px solid #f0f0f0;
  bottom: -15px;
}
.timeline {
  position: relative;
  padding: 0;
  width: 80%;
  margin: 0;
  margin-top: 60px;
  list-style: none;
  color: #75757;
}
.timeline:before {
  position: absolute;
  left: 50%;
  top: 0;
  content: ' ';
  display: block;
  width: 2px;
  height: 100%;
  margin-left: -1px;
  background: rgb(213,213,213);
  background: -moz-linear-gradient(top, rgba(213,213,213,0) 0%, rgb(213,213,213) 8%, rgb(213,213,213) 92%, rgba(213,213,213,0) 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(30,87,153,1)), color-stop(100%,rgba(125,185,232,1)));
  background: -webkit-linear-gradient(top, rgba(213,213,213,0) 0%, rgb(213,213,213) 8%, rgb(213,213,213) 92%, rgba(213,213,213,0) 100%);
  background: -o-linear-gradient(top, rgba(213,213,213,0) 0%, rgb(213,213,213) 8%, rgb(213,213,213) 92%, rgba(213,213,213,0) 100%);
  background: -ms-linear-gradient(top, rgba(213,213,213,0) 0%, rgb(213,213,213) 8%, rgb(213,213,213) 92%, rgba(213,213,213,0) 100%);
  background: linear-gradient(to bottom, rgba(213,213,213,0) 0%, rgb(213,213,213) 8%, rgb(213,213,213) 92%, rgba(213,213,213,0) 100%);
  z-index: 5;
}

.timeline li {
  /*padding: 2em 0;*/
  list-style: none;
}

.timeline .hexa{
  width: 16px;
  height: 10px;
  position: absolute;
  background: #f3a800;
  z-index: 5;
  left: 0;
  right: 0;
  margin-left:auto;
  margin-right:auto;
  top: -30px;
  margin-top: 0;
}

.timeline .hexa:before {
  border-bottom: 4px solid #f3a800;
  border-left-width: 8px;
  border-right-width: 8px;
  top: -4px;
}

.timeline .hexa:after {
  border-left-width: 8px;
  border-right-width: 8px;
  border-top: 4px solid #f3a800;
  bottom: -4px;
}

.timeline pre{
  color: #222;
  border:0;
  background: #fff;
  font-family: sans-serif;
  white-space: normal;
  padding: 20px !important;
}

.direction-l,
.direction-r {
  float: none;
  width: 100%;
  text-align: center;
}

.flag-wrapper {
  text-align: center;
  position: relative;
}

.flag {
  position: relative;
  display: inline;
  background: rgb(219, 243, 178);
  /*font-weight: 600;*/
  z-index: 15;
  padding: 6px 10px;
  text-align: left;
  border-radius: 5px;
  color: #599c4c;
  font-weight: 800;
}

.direction-l .flag:after,
.direction-r .flag:after {
  content: "";
  position: absolute;
  left: 50%;
  top: -15px;
  height: 0;
  width: 0;
  margin-left: -8px;
  border: solid transparent;
  border-bottom-color: rgb(255,255,255);
  border-width: 8px;
  pointer-events: none;
}

.direction-l .flag {
  -webkit-box-shadow: -2px 2px 2px rgba(0,0,0,0.15), 0 0 1px rgba(0,0,0,0.15);
  -moz-box-shadow: -2px 2px 2px rgba(0,0,0,0.15), 0 0 1px rgba(0,0,0,0.15);
  box-shadow: -2px 2px 2px rgba(0,0,0,0.15), 0 0 1px rgba(0,0,0,0.15);
}

.direction-r .flag {
  -webkit-box-shadow: 2px 2px 2px rgba(0,0,0,0.15), 0 0 1px rgba(0,0,0,0.15);
  -moz-box-shadow: 2px 2px 2px rgba(0,0,0,0.15), 0 0 1px rgba(0,0,0,0.15);
  box-shadow: 2px 2px 2px rgba(0,0,0,0.15), 0 0 1px rgba(0,0,0,0.15);
}

.time-wrapper {
  display: block;
  position: relative;
  margin: 4px 0 0 0;
  z-index: 14;
  /*line-height: 1em;*/
  vertical-align: middle;
  color: #599c4c;
}

.direction-l .time-wrapper {
  float: none;
  padding: 0 10px 0 0;
}

.direction-r .time-wrapper {
  float: none;
  padding: 0 0 0 10px;
}

.time-time {
  /*background: #f3a800;*/
  display: inline-block;
  /*padding: 8px;*/
}

.time-desc {
  position: relative;
  margin: 1em 0 0 0;
  padding: 7px;
  background: rgb(255, 221, 188);
  -webkit-box-shadow: 0 0 1px rgba(0,0,0,0.20);
  -moz-box-shadow: 0 0 1px rgba(0,0,0,0.20);
  box-shadow: 0 0 3px rgba(0,0,0,0.20);
  z-index: 15;
  font-size: 95%;
}

.direction-l .time-desc,
.direction-r .time-desc {
  position: relative;
  margin: 1em 1em 0 1em;
  z-index: 15;
}

@media(min-width: 768px){
  .timeline {
    width: 700px;
    margin: 0 auto;
    margin-top: 20px;
  }

  .timeline li:after {
    content: "";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
  }
  
  .timeline .hexa {
    left: -28px;
    right: auto;
    top: 8px;
  }

  .timeline .direction-l .hexa {
    left: auto;
    right: -28px;
  }

  .direction-l {
    position: relative;
    width: 330px;
    float: left;
    text-align: right;
  }

  .direction-r {
    position: relative;
    width: 330px;
    float: right;
    text-align: left;
  }

  .flag-wrapper {
    display: inline-block;
  }
  
  .flag {
    /*font-size: 18px;*/
  }

  .direction-l .flag:after {
    left: auto;
    right: -16px;
    top: 50%;
    margin-top: -8px;
    border: solid transparent;
    border-left-color: rgb(219, 243, 178);
    border-width: 8px;
  }

  .direction-r .flag:after {
    top: 50%;
    margin-top: -8px;
    border: solid transparent;
    border-right-color: rgb(219, 243, 178);
    border-width: 8px;
    left: -8px;
  }

  .time-wrapper {
    display: inline;
    vertical-align: middle;
    margin: 0;
  }

  .direction-l .time-wrapper {
    float: left;
  }

  .direction-r .time-wrapper {
    float: right;
  }

  .time {
    padding: 5px 10px;
  }

  .direction-r .time-desc {
    margin: 1em 0 0 0.75em;
  }
}

/* Google Font API */
/*
@import url(http://fonts.googleapis.com/css?family=Droid+Serif:400,400italic,700|Droid+Sans:700);
*/
/* goMediaWiki skin. Black RIDER layout */
/*****************************/
/*** Core html setup stuff ***/
/*****************************/
html,
body,
div,
span,
applet,
object,
iframe,
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
a,
abbr,
acronym,
address,
big,
cite,
code,
del,
dfn,
em,
font,
img,
ins,
kbd,
q,
s,
samp,
small,
strike,
strong,
sub,
sup,
tt,
var,
b,
u,
i,
center,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
form,
label,
legend,
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td {
    margin: 0;
    padding: 0;
    border: 0;
    outline: 0;
    font-size: 100%;
    vertical-align: baseline;
    background: transparent;
}
body {
    /*line-height: 1;*/
}
a {
    color: #4380d3;
}
a:hover {
    text-decoration: none;
}
/*ol,*/
ul {
    list-style: none;
}
blockquote,
q {
    quotes: none;
}
blockquote:before,
blockquote:after,
q:before,
q:after {
    content: '';
    content: none;
}
/* remember to define focus styles! */
:focus {
    outline: 0;
}
/* remember to highlight inserts somehow! */
ins {
    text-decoration: none;
}
del {
    text-decoration: line-through;
}
/* tables still need 'cellspacing="0"' in the markup */
table11111 {
    border-collapse: collapse;
    border-spacing: 0;
}
/*****************************************/
/*** Template specific layout elements ***/
/*****************************************/
body {
    /*font-family: Georgia;*/
    font: 12px/1.231 "trebuchet ms", helvetica, sans-serif;
    /*font-family: "Droid Serif", Georgia, "Times New Roman", Times, serif;*/
    color: #757575;
}
p {
    margin: .4em 0 .5em 0;
    font-size: 130%;
    line-height: 1.5em;
}
td > p {
  font-size: 100% !important;
}
td > ul > li {
  font-size: 100% !important;
}
pre {
  border: 1px solid #aaa;
  /* background-color: #eee; */
  font-size: 110%;
  min-width: 90%;
}
/* header */
div.topBgr {
    width: 100%;
    background-image: url(images/head-v.png);
    background-position: left bottom;
    background-repeat: repeat-x;
    left: 0;
    background-color: #FFAB0A;
}
div#globalWrapper {
    position: relative;
    z-index: 1000;
}
div#p-logo {
    height: 10px;
    margin-bottom: 11em;
}
div.logo a {
    height: 133px;
    background-position: left top;
    top: -20px;
    background-repeat: no-repeat;
    display: block;
    position: relative;
    z-index: 1000;
}
div.header {
    min-height: 126px;
    background-repeat: no-repeat;
    background-position: 0 0;
    position: relative;
    z-index: 1000;
}
div.light {
    background-image: url(images/header-light.png);
    background-repeat: no-repeat;
    background-position: center top;
}
div.sunflower {
    position: absolute;
    width: 160px;
    height: 61px;
    background-image: url(images/sunflower.png);
    background-repeat: no-repeat;
    background-position: 0 0;
    left: 285px;
    bottom: 0px;
}
div.headerRight {
    width: 460px;
    background-image: url(images/header-right.png);
    background-repeat: no-repeat;
    background-position: left top;
}
/*lists*/
#bodyContent ul {
    list-style: disc;
    margin: 0 0 0 30px;
    line-height: 1.5em;
}
#bodyContent ul li,
ol li {
    font-size: 130%;
    line-height: 1.5em;
}
li > ul > li {
  font-size: 100% !important;
}
/* user menu */
div.topUserMenu {
    height: 20px;
    padding: 4px 0 0 0;
}
div.topUserMenu li {
    float: right;
}
div.topUserMenu li a {
    margin: 0 40px 0 0;
    text-decoration: none;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 10px;
    color: #5b5b5b;
}
div.topUserMenu li a:hover {
    text-decoration: underline;
}
/*user menu label shown*/
div.userMenuWrapper {
    height: 24px;
    width: 74px;
    left: 50%;
    margin-right: -150px;
    position: relative;
}
div.userMenuWrapper div.topUserMenu {
    display: none;
}
div.userMenuWrapper div.userMenuTag {
    height: 24px;
    width: 50px;
    padding: 3px 16px 0px 8px;
    background-image: url(images/user-menu-btn.png);
    background-repeat: no-repeat;
    color: #ffffff;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 10px;
    cursor: pointer;
}
/*user menu is shown*/
div.userMenuWrapper:hover {
    position: static;
    height: 24px;
    width: auto;
    left: auto;
    margin-left: auto;
    background-image: url(images/user-menu-v.png);
    background-repeat: repeat-x;
    background-position: 0 0;
}
div.userMenuWrapper:hover div.topUserMenu {
    display: block;
}
div.userMenuWrapper:hover div.userMenuTag {
    display: none;
}
/* search */
div0000.search {
    height: 125px;
}
div0000.searchWrapper {
    width: 422px;
    height: 26px;
    padding: 3px 3px;
    background-image: url(images/search-bgr.png);
    background-repeat: no-repeat;
    background-position: 0 0;
    position: relative;
    top: 13px;
    left: 29px;
}
div000.searchWrapper:hover {
    background-position: 0 -32px;
}
/*
div000.searchInput {
	padding: 5px 4px;
	width: 364px;
}
*/
input000#searchInput {
    display: block;
    background-color: transparent;
    border: 0;
    width: 364px;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
    font-style: italic;
    color: #8c8c8c;
    cursor: pointer;
    padding: 5px 4px;
    float: left;
}
@media screen and (-webkit-min-device-pixel-ratio : 0) {
    input000#searchInput {
        height: 24px;
        padding: 0px 4px;
        background-color: #fff0d2;
        margin: 1px 0px 0 1px;
        width: 371px
    }
    #personal h2 {
        font: 12px/1.231 "trebuchet ms", helvetica, sans-serif;
    }
}
#mw-content {
    margin-right: 30px;
    position: absolute;
    top: 70px;
}
#mw-site-navigation {
    width: 13em;
    float: none;
}
#mw-related-navigation {
    display: block !important;
    width: 13em;
    float: none;
    padding-left: 0;
    margin: 0.25em 0 0.75em 0;
    padding-bottom: 0.15em;
    border-bottom: solid 2px #cccccc;
}
input000#searchGoButton {
    display: block;
    width: 50px;
    height: 26px;
    background-image: url(images/search-go.png);
    background-repeat: no-repeat;
    background-position: 0 0;
    background-color: transparent;
    border: 0;
    float: left;
    cursor: pointer;
}
.ts-inner {
max-width: 150em; 
/*margin-left: 50px;
margin-right: 50px;*/
}
input000#searchGoButton:hover {
    background-position: 0 -26px;
}
/* follow menu */
div.follow {
    height: 52px;
    float: left;
    position: absolute;
    top: 60px;
    left: 202px;
}
div.follow li {
    float: left;
}
div.follow a {
    margin: 0 0px 0 9px;
}
.aFacebook {
    display: block;
    height: 52px;
    width: 55px;
    background-image: url(images/follow/facebook.png);
    background-repeat: no-repeat;
    background-position: 0 0;
}
div.follow a:hover {
    background-position: 0 -52px;
}
.aBlog {
    display: block;
    height: 52px;
    width: 55px;
    background-image: url(images/follow/blog.png);
    background-repeat: no-repeat;
    background-position: 0 0;
}
.aTwitter {
    display: block;
    height: 52px;
    width: 55px;
    background-image: url(images/follow/twitter.png);
    background-repeat: no-repeat;
    background-position: 0 0;
}
.aYoutube {
    display: block;
    height: 52px;
    width: 55px;
    background-image: url(images/follow/youtube.png);
    background-repeat: no-repeat;
    background-position: 0 0;
}
.aMail {
    display: block;
    height: 52px;
    width: 55px;
    background-image: url(images/follow/mail.png);
    background-repeat: no-repeat;
    background-position: 0 0;
}
/* main menu */
div.wideMainmenu {
    height: 40px;
    width: 100%;
    background-image: url(images/mainmenu/bgr-v.png);
    background-repeat: repeat-x;
    background-position: 0 0;
    position: relative;
    z-index: 1100;
}
div0000#p-navigation li {
    float: left;
    height: 40px;
}
div0000#p-navigation li a {
    display: block;
    height: 25px;
    padding: 15px 12px 0px 12px;
    /*font-family: Georgia, Arial, Helvetica, sans-serif;*/
    font: 13px/1.231 "trebuchet ms", helvetica, sans-serif;
    font-size: 14px;
    font-weight: bold;
    color: #ffffff;
    text-decoration: none;
    border-left: 1px solid transparent;
    border-right: 1px solid transparent;
}
div000#p-navigation li a.active,
div#p-navigation li a:hover {
    background-image: url(images/mainmenu/bgr-active-v.png);
    background-repeat: repeat-x;
    /*border-left: 1px solid #272727;
    border-right: 1px solid #787878;*/
    background-color: #ffd199;
}
div000#p-navigation li ul {
    background-color: #ffffff;
}
div000#p-navigation li ul li {
    float: none;
    height: 24px;
}
div000#p-navigation li ul li a {
    display: block;
    color: #616161;
    border: 0;
    height: 18px;
    padding: 6px 10px 0 10px;
}
div0000#p-navigation li ul li a:hover {
    background-image: none;
    color: #ffffff;
    background-color: #f48737;
    border: 0;
}
/* box in content */
div0000#p-navigation li:hover div.box_mainmenu {
    display: block;
}
div.box_mainmenu {
    display: none;
    position: absolute;
    background-color: #ffffff;
    background: url(images/mainmenu/ch-bgr-t-l.png) top left no-repeat;
}
div.box_mainmenu_content {
    background: url(images/mainmenu/ch-bgr-r-side.png) top right repeat-y;
    padding: 7px 10px 0 10px;
}
div.box_mainmenu_footer {
    background: url(images/mainmenu/ch-bgr-b-l.png) bottom left no-repeat;
}
div.box_mainmenu_footer p {
    background: url(images/mainmenu/ch-bgr-b-r.png) bottom right no-repeat;
    display: block;
    padding: 4px;
    margin: 0em 0 0 0;
}
/* content */
/* top bgr */
div.contentTopBgr {
    background-image: url(images/content/top-bgr.png);
    background-repeat: repeat-x;
    width: 100%;
    height: 61px;
    position: absolute;
    top: 0;
    left: 0;
}
div#column-content {
    background-image: url(images/content/top-pic.png);
    background-repeat: no-repeat;
    background-position: top right;
    margin-top: 22px;
    line-height: 2;
    padding-bottom: 44px;
}
h1#firstHeading {
    color: #84B8DF;
    font-size: 100%;
    font-weight: normal;
    margin: 14px 0 6px 0;
    line-height: 1;
    border-bottom: 0;
}
#mw-content h1,
#mw-content h2,
#mw-content h3,
#mw-content h4,
#mw-content h5 {
    margin-top: 20px;
}
#mw-content h1.firstHeading {
    border-bottom: 0;
}
/* top service info */
div.serviceInfoTop {
    display: none;
}
/* box in content */
.box {
}
/* brown dark */
.brown_dark {
    background: #895000;
}
.brown_dark .box_top div {
    background-image: url(images/content/brown_dark/box-corners-t-l.png);
    background-repeat: no-repeat;
    background-position: top left;
}
.brown_dark .box_top {
    background-image: url(images/content/brown_dark/box-corners-t-r.png);
    background-repeat: no-repeat;
    background-position: top right;
}
.brown_dark .box_bottom div {
    background-image: url(images/content/brown_dark/box-corners-b-l.png);
    background-repeat: no-repeat;
    background-position: bottom left;
}
.brown_dark .box_bottom {
    background-image: url(images/content/brown_dark/box-corners-b-r.png);
    background-repeat: no-repeat;
    background-position: bottom right;
}
.brown_dark .box_content {
    color: #ffffff;
}
/* brown light */
.brown_light {
    background: #bb6f00;
}
.brown_light .box_top div {
    background-image: url(images/content/brown_light/box-corners-t-l.png);
    background-repeat: no-repeat;
    background-position: top left;
}
.brown_light .box_top {
    background-image: url(images/content/brown_light/box-corners-t-r.png);
    background-repeat: no-repeat;
    background-position: top right;
}
.brown_light .box_bottom div {
    background-image: url(images/content/brown_light/box-corners-b-l.png);
    background-repeat: no-repeat;
    background-position: bottom left;
}
.brown_light .box_bottom {
    background-image: url(images/content/brown_light/box-corners-b-r.png);
    background-repeat: no-repeat;
    background-position: bottom right;
}
.brown_light .box_content {
    color: #ffffff;
}
/* light-brown dark */
.l_brown_dark {
    background: #ffcd88;
}
.l_brown_dark .box_top div {
    background-image: url(images/content/l_brown_dark/box-corners-t-l.png);
    background-repeat: no-repeat;
    background-position: top left;
}
.l_brown_dark .box_top {
    background-image: url(images/content/l_brown_dark/box-corners-t-r.png);
    background-repeat: no-repeat;
    background-position: top right;
}
.l_brown_dark .box_bottom div {
    background-image: url(images/content/l_brown_dark/box-corners-b-l.png);
    background-repeat: no-repeat;
    background-position: bottom left;
}
.l_brown_dark .box_bottom {
    background-image: url(images/content/l_brown_dark/box-corners-b-r.png);
    background-repeat: no-repeat;
    background-position: bottom right;
}
.l_brown_dark .box_content {
    color: #000000;
}
/* light-brown light */
.l_brown_light {
    background: #fff9ee;
}
.l_brown_light .box_top div {
    background-image: url(images/content/l_brown_light/box-corners-t-l.png);
    background-repeat: no-repeat;
    background-position: top left;
}
.l_brown_light .box_top {
    background-image: url(images/content/l_brown_light/box-corners-t-r.png);
    background-repeat: no-repeat;
    background-position: top right;
}
.l_brown_light .box_bottom div {
    background-image: url(images/content/l_brown_light/box-corners-b-l.png);
    background-repeat: no-repeat;
    background-position: bottom left;
}
.l_brown_light .box_bottom {
    background-image: url(images/content/l_brown_light/box-corners-b-r.png);
    background-repeat: no-repeat;
    background-position: bottom right;
}
.l_brown_light .box_content {
    color: #000000;
}
/* green dark */
.green_dark {
    background: #7a8b17;
}
.green_dark .box_top div {
    background-image: url(images/content/green_dark/box-corners-t-l.png);
    background-repeat: no-repeat;
    background-position: top left;
}
.green_dark .box_top {
    background-image: url(images/content/green_dark/box-corners-t-r.png);
    background-repeat: no-repeat;
    background-position: top right;
}
.green_dark .box_bottom div {
    background-image: url(images/content/green_dark/box-corners-b-l.png);
    background-repeat: no-repeat;
    background-position: bottom left;
}
.green_dark .box_bottom {
    background-image: url(images/content/green_dark/box-corners-b-r.png);
    background-repeat: no-repeat;
    background-position: bottom right;
}
.green_dark .box_content {
    color: #ffffff;
}
/* green light */
.green_light {
    background: #a6b359;
}
.green_light .box_top div {
    background-image: url(images/content/green_light/box-corners-t-l.png);
    background-repeat: no-repeat;
    background-position: top left;
}
.green_light .box_top {
    background-image: url(images/content/green_light/box-corners-t-r.png);
    background-repeat: no-repeat;
    background-position: top right;
}
.green_light .box_bottom div {
    background-image: url(images/content/green_light/box-corners-b-l.png);
    background-repeat: no-repeat;
    background-position: bottom left;
}
.green_light .box_bottom {
    background-image: url(images/content/green_light/box-corners-b-r.png);
    background-repeat: no-repeat;
    background-position: bottom right;
}
.green_light .box_content {
    color: #ffffff;
}
/* light-green dark */
.l_green_dark {
    background: #dae889;
}
.l_green_dark .box_top div {
    background-image: url(images/content/l_green_dark/box-corners-t-l.png);
    background-repeat: no-repeat;
    background-position: top left;
}
.l_green_dark .box_top {
    background-image: url(images/content/l_green_dark/box-corners-t-r.png);
    background-repeat: no-repeat;
    background-position: top right;
}
.l_green_dark .box_bottom div {
    background-image: url(images/content/l_green_dark/box-corners-b-l.png);
    background-repeat: no-repeat;
    background-position: bottom left;
}
.l_green_dark .box_bottom {
    background-image: url(images/content/l_green_dark/box-corners-b-r.png);
    background-repeat: no-repeat;
    background-position: bottom right;
}
.l_green_dark .box_content {
    color: #000000;
}
/* light-green light */
.l_green_light {
    background: #f6f8df;
}
.l_green_light .box_top div {
    background-image: url(images/content/l_green_light/box-corners-t-l.png);
    background-repeat: no-repeat;
    background-position: top left;
}
.l_green_light .box_top {
    background-image: url(images/content/l_green_light/box-corners-t-r.png);
    background-repeat: no-repeat;
    background-position: top right;
}
.l_green_light .box_bottom div {
    background-image: url(images/content/l_green_light/box-corners-b-l.png);
    background-repeat: no-repeat;
    background-position: bottom left;
}
.l_green_light .box_bottom {
    background-image: url(images/content/l_green_light/box-corners-b-r.png);
    background-repeat: no-repeat;
    background-position: bottom right;
}
.l_green_light .box_content {
    color: #000000;
}
/* blue dark */
.blue_dark {
    background: #065670;
}
.blue_dark .box_top div {
    background-image: url(images/content/blue_dark/box-corners-t-l.png);
    background-repeat: no-repeat;
    background-position: top left;
}
.blue_dark .box_top {
    background-image: url(images/content/blue_dark/box-corners-t-r.png);
    background-repeat: no-repeat;
    background-position: top right;
}
.blue_dark .box_bottom div {
    background-image: url(images/content/blue_dark/box-corners-b-l.png);
    background-repeat: no-repeat;
    background-position: bottom left;
}
.blue_dark .box_bottom {
    background-image: url(images/content/blue_dark/box-corners-b-r.png);
    background-repeat: no-repeat;
    background-position: bottom right;
}
.blue_dark .box_content {
    color: #ffffff;
}
/* blue light */
.blue_light {
    background: #527e8b;
}
.blue_light .box_top div {
    background-image: url(images/content/blue_light/box-corners-t-l.png);
    background-repeat: no-repeat;
    background-position: top left;
}
.blue_light .box_top {
    background-image: url(images/content/blue_light/box-corners-t-r.png);
    background-repeat: no-repeat;
    background-position: top right;
}
.blue_light .box_bottom div {
    background-image: url(images/content/blue_light/box-corners-b-l.png);
    background-repeat: no-repeat;
    background-position: bottom left;
}
.blue_light .box_bottom {
    background-image: url(images/content/blue_light/box-corners-b-r.png);
    background-repeat: no-repeat;
    background-position: bottom right;
}
.blue_light .box_content {
    color: #ffffff;
}
/* light-blue dark */
.l_blue_dark {
    background: #53caf3;
}
.l_blue_dark .box_top div {
    background-image: url(images/content/l_blue_dark/box-corners-t-l.png);
    background-repeat: no-repeat;
    background-position: top left;
}
.l_blue_dark .box_top {
    background-image: url(images/content/l_blue_dark/box-corners-t-r.png);
    background-repeat: no-repeat;
    background-position: top right;
}
.l_blue_dark .box_bottom div {
    background-image: url(images/content/l_blue_dark/box-corners-b-l.png);
    background-repeat: no-repeat;
    background-position: bottom left;
}
.l_blue_dark .box_bottom {
    background-image: url(images/content/l_blue_dark/box-corners-b-r.png);
    background-repeat: no-repeat;
    background-position: bottom right;
}
.l_blue_dark .box_content {
    color: #000000;
}
/* light-blue light */
.l_blue_light {
    background: #b2e7f9;
}
.l_blue_light .box_top div {
    background-image: url(images/content/l_blue_light/box-corners-t-l.png);
    background-repeat: no-repeat;
    background-position: top left;
}
.l_blue_light .box_top {
    background-image: url(images/content/l_blue_light/box-corners-t-r.png);
    background-repeat: no-repeat;
    background-position: top right;
}
.l_blue_light .box_bottom div {
    background-image: url(images/content/l_blue_light/box-corners-b-l.png);
    background-repeat: no-repeat;
    background-position: bottom left;
}
.l_blue_light .box_bottom {
    background-image: url(images/content/l_blue_light/box-corners-b-r.png);
    background-repeat: no-repeat;
    background-position: bottom right;
}
.l_blue_light .box_content {
    color: #000000;
}
/* red dark */
.red_dark {
    background: #8c1a38;
}
.red_dark .box_top div {
    background-image: url(images/content/red_dark/box-corners-t-l.png);
    background-repeat: no-repeat;
    background-position: top left;
}
.red_dark .box_top {
    background-image: url(images/content/red_dark/box-corners-t-r.png);
    background-repeat: no-repeat;
    background-position: top right;
}
.red_dark .box_bottom div {
    background-image: url(images/content/red_dark/box-corners-b-l.png);
    background-repeat: no-repeat;
    background-position: bottom left;
}
.red_dark .box_bottom {
    background-image: url(images/content/red_dark/box-corners-b-r.png);
    background-repeat: no-repeat;
    background-position: bottom right;
}
.red_dark .box_content {
    color: #ffffff;
}
/* red light */
.red_light {
    background: #b45771;
}
.red_light .box_top div {
    background-image: url(images/content/red_light/box-corners-t-l.png);
    background-repeat: no-repeat;
    background-position: top left;
}
.red_light .box_top {
    background-image: url(images/content/red_light/box-corners-t-r.png);
    background-repeat: no-repeat;
    background-position: top right;
}
.red_light .box_bottom div {
    background-image: url(images/content/red_light/box-corners-b-l.png);
    background-repeat: no-repeat;
    background-position: bottom left;
}
.red_light .box_bottom {
    background-image: url(images/content/red_light/box-corners-b-r.png);
    background-repeat: no-repeat;
    background-position: bottom right;
}
.red_light .box_content {
    color: #ffffff;
}
/* light-red dark */
.l_red_dark {
    background: #e989a4;
}
.l_red_dark .box_top div {
    background-image: url(images/content/l_red_dark/box-corners-t-l.png);
    background-repeat: no-repeat;
    background-position: top left;
}
.l_red_dark .box_top {
    background-image: url(images/content/l_red_dark/box-corners-t-r.png);
    background-repeat: no-repeat;
    background-position: top right;
}
.l_red_dark .box_bottom div {
    background-image: url(images/content/l_red_dark/box-corners-b-l.png);
    background-repeat: no-repeat;
    background-position: bottom left;
}
.l_red_dark .box_bottom {
    background-image: url(images/content/l_red_dark/box-corners-b-r.png);
    background-repeat: no-repeat;
    background-position: bottom right;
}
.l_red_dark .box_content {
    color: #000000;
}
/* light-red light */
.l_red_light {
    background: #f9e0e6;
}
.l_red_light .box_top div {
    background-image: url(images/content/l_red_light/box-corners-t-l.png);
    background-repeat: no-repeat;
    background-position: top left;
}
.l_red_light .box_top {
    background-image: url(images/content/l_red_light/box-corners-t-r.png);
    background-repeat: no-repeat;
    background-position: top right;
}
.l_red_light .box_bottom div {
    background-image: url(images/content/l_red_light/box-corners-b-l.png);
    background-repeat: no-repeat;
    background-position: bottom left;
}
.l_red_light .box_bottom {
    background-image: url(images/content/l_red_light/box-corners-b-r.png);
    background-repeat: no-repeat;
    background-position: bottom right;
}
.l_red_light .box_content {
    color: #000000;
}
/*end blocks*/
.box_top div,
.box_top,
.box_bottom div,
.box_bottom {
    width: 100%;
    height: 6px;
}
.box_content {
    margin: 0 14px;
}
/* lastmod && viewcount */
ul#f-list-content {
    display: block;
    height: 20px;
    list-style: none;
    margin: 0;
    margin-top: 20px;
    clear: both;
    border: 1px solid #aaaaaa;
    background-image: url(headbg.jpg);
    background-repeat: no-repeat;
    background-position: 0 0;
    background-color: transparent;
}
li#lastmod {
    float: left;
    padding: 4px 0 0 10px;
}
li#viewcount {
    float: right;
    padding: 4px 10px 0 0px;
}
/* side bar */
div#column-one {
    margin-top: 22px;
}
div#column-one h5 {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 16px;
    color: #f28132;
    padding-left: 8px;
}
div#column-one ul {
    display: block;
    width: 220px;
    background-image: url(images/side/top-bgr.png);
    background-repeat: no-repeat;
    padding-top: 18px;
    margin: 5px 0 20px 0;
}
div#column-one ul li a {
    display: block;
    width: 220px;
    height: 22px;
    background-image: url(images/side/a-bgr.png);
    background-repeat: no-repeat;
    /*font-family: Arial, Helvetica, sans-serif;*/
    color: #595959;
    text-decoration: none;
    padding: 8px 6px 0 12px;
}
div#column-one ul li a:hover {
    background-image: url(images/side/a-bgr-h.png);
}
/* footer */
div.wideFooter {
    width: 100%;
    background-image: url(images/footer/bgr-v.png);
    background-position: left top;
    background-repeat: repeat-x;
}
div#footer {
    float: none;
    display: block;
    padding-top: 32px;
    padding-bottom: 44px;
    position: relative;
}
div#footerLinks {
    float: none;
    display: block;
    /*border-top: 1px solid #c9c9c9;*/
    min-height: 68px;
}
div#footerCopy {
    padding-top: 26px;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
    color: #8b8b8b;
}
div#footerLinksMenu {
    padding-top: 26px;
    text-align: center;
}
div#footerLogo a {
    position: relative;
    left: 70px;
    top: 12px;
    display: block;
    width: 102px;
    height: 27px;
    padding: 13px 0 0 46px;
    background-image: url(images/footer/footer-logo.png);
    background-repeat: no-repeat;
    background-position: 0 0px;
    color: #777777;
    text-decoration: none;
}
div#footerLogo a:hover {
    color: #0087D5;
    text-decoration: underline;
}
div.footerBgr {
    display: block;
    width: 162px;
    height: 68px;
    position: absolute;
    top: 2px;
    left: 300px;
    background-image: url(images/footer/sunflower.png);
    background-repeat: no-repeat;
    background-position: 0 0;
}
/* footer menu: additional links */
ul#f-list {
    display: block;
    width: 300px;
    margin: 0 auto;
}
ul#f-list li {
    float: left;
}
ul#f-list li a {
    padding: 0 5px;
    text-decoration: none;
    font-family: Arial, Helvetica, sans-serif;
    color: #8b8b8b;
}
ul#f-list li a:hover {
    text-decoration: underline;
    color: #0087D5;
}
div.poweredBy {
    display: none;
}
/* footer menus */
div#footer h5 {
    color: #64625d;
    font-weight: normal;
}
div#footer ul {
    margin: 18px 0 0 0;
}
div#footer ul li a {
    display: block;
    text-decoration: none;
    color: #989797;
    padding: 4px 0;
}
div#footer ul li a:hover {
    text-decoration: underline;
    color: #0087D5;
}
/* skins page */
div.skin_block {
    margin-bottom: 44px;
}
h1 span.mw-headline,
h2 span.mw-headline,
h3 span.mw-headline,
h4 span.mw-headline,
h5 span.mw-headline,
h6 span.mw-headline {
    color: #b1c914;
    font-weight: normal;
}
h1 span.mw-headline {
    font-size: 140%;
}
h2 span.mw-headline {
    font-size: 130%;
    color: #fd961e;
}
h3 span.mw-headline {
    font-size: 120%;
    color: #909090;
}
h4 span.mw-headline {
    font-size: 110%;
    color: #909090;
}
h5 span.mw-headline {
    font-size: 100%;
    font-style: italic;
    color: #909090;
}
h6 span.mw-headline {
    font-size: 100%;
    font-style: italic;
    color: #909090;
}
div.afterTitle {
    color: #b5b5b5;
    font-weight: bold;
    margin-bottom: 4px;
}
h2.skinTitle {
    height: 34px;
}
div.skin_text {
}
div.skin_text ul {
    list-style: disc;
    margin: 0 0 0 30px;
}
div.skin_text ul li span {
    color: #757575;
}
.skin_price {
    display: block;
    height: 45px;
    width: 160px;
    margin: 0 0 14px 0;
    color: #ffffff;
    text-align: center;
}
.sp_green {
    background-image: url(images/content/skins/price.png);
    background-repeat: no-repeat;
    background-position: 0 0;
}
.sp_orange {
    background-image: url(images/content/skins/price.png);
    background-repeat: no-repeat;
    background-position: 0 -45px;
}
.sp_btn {
    background-image: url(images/content/skins/btn.png);
    background-repeat: no-repeat;
    background-position: 0 0;
    color: #474747;
    text-decoration: none;
}
.sp_btn:hover {
    background-position: 0 -45px;
}
.sp_btn_orange {
    background-image: url(images/content/skins/btn_orange.png);
    background-repeat: no-repeat;
    background-position: 0 0;
    color: #ffffff;
    text-decoration: none;
}
.sp_btn_orange:hover {
    background-position: 0 -45px;
}
.textRight {
    float: right;
}
/* showcase page */
h2.showCaseTitle {
}
h2.showCaseTitle a {
    font-size: 24px;
    font-weight: normal;
    color: #4380d3;
}
.block_img {
}
* + html .block_img {
    border: 1px solid #C3C3C3;
}
div.block_img_border {
    background: url(images/content/block_img/top_left.png) top left no-repeat;
    display: table-cell;
}
* + html div.block_img_border {
    background: none;
}
div.block_img_border p {
    background: url(images/content/block_img/top_right.png) top right no-repeat;
    padding: 20px 10px;
    margin: 0;
}
* + html div.block_img_border p {
    background: none;
    padding: 0;
}
div.block_img_border_content p {
    background: url(images/content/block_img/right_side.png) top right repeat-y;
    margin: 0;
    margin-top: -30px;
    padding: 0px 10px;
}
* + html div.block_img_border_content p {
    background: none;
    padding: 0;
    margin: 0;
}
div.block_img_border_footer {
    background: url(images/content/block_img/bottom_left.png) bottom left no-repeat;
}
* + html div.block_img_border_footer {
    background: none;
}
div.block_img_border_footer p {
    background: url(images/content/block_img/bottom_right.png) bottom right no-repeat;
    display: block;
    padding: 20px;
    padding-bottom: 20px;
    margin: -2em 0 0 0;
}
* + html div.block_img_border_footer p {
    background: none;
    padding: 0;
    margin: 0;
}
div.showcase_block {
    margin-bottom: 44px;
}
div.showcase_text {
    font-family: Arial, Helvetica, sans-serif;
    line-height: 1.6;
}
div.showcase_text_header {
    color: #000000;
    border-bottom: 1px dashed #757575;
    padding-bottom: 10px;
    margin: 6px 0 24px 0;
}
div.showcase_text_header strong {
    color: #fd961e;
}
/* text exclusive page */
div.exclusive_block {
    font-family: Arial, Helvetica, sans-serif;
    margin-bottom: 44px;
}
/* main page */
.quote {
    font-style: italic;
    background-image: url(images/content/quote.png);
    background-repeat: no-repeat;
    background-position: 0 0;
    padding: 16px 0 0px 40px;
    margin: 12px 0 18px 0;
}
/* main border block light */
div.main_borders_l {
    background: #f6f8df url(images/content/main_borders_l/t.png) top repeat-x;
    color: #7a8b17;
    margin: 10px 0 6px 0;
}
.main_borders_l div {
    background: url(images/content/main_borders_l/r.png) right repeat-y;
}
.main_borders_l div div {
    background: url(images/content/main_borders_l/b.png) bottom repeat-x;
}
.main_borders_l div div div {
    background: url(images/content/main_borders_l/l.png) left repeat-y;
}
.main_borders_l div div div div {
    background: url(images/content/main_borders_l/t-l.png) top left no-repeat;
}
.main_borders_l div div div div div {
    background: url(images/content/main_borders_l/t-r.png) top right no-repeat;
}
.main_borders_l div div div div div div {
    background: url(images/content/main_borders_l/b-r.png) bottom right no-repeat;
}
.main_borders_l div div div div div div div {
    background: url(images/content/main_borders_l/b-l.png) bottom left no-repeat;
    padding: 10px 20px 16px 20px;
}
/* main border block dark */
div.main_borders_d {
    background: #7a8b17 url(images/content/main_borders_d/t.png) top repeat-x;
    color: #ffffff;
    margin: 10px 0 6px 0;
}
.main_borders_d div {
    background: url(images/content/main_borders_d/r.png) right repeat-y;
}
.main_borders_d div div {
    background: url(images/content/main_borders_d/b.png) bottom repeat-x;
}
.main_borders_d div div div {
    background: url(images/content/main_borders_d/l.png) left repeat-y;
}
.main_borders_d div div div div {
    background: url(images/content/main_borders_d/t-l.png) top left no-repeat;
}
.main_borders_d div div div div div {
    background: url(images/content/main_borders_d/t-r.png) top right no-repeat;
}
.main_borders_d div div div div div div {
    background: url(images/content/main_borders_d/b-r.png) bottom right no-repeat;
}
.main_borders_d div div div div div div div {
    background: url(images/content/main_borders_d/b-l.png) bottom left no-repeat;
    padding: 10px 20px 16px 20px;
}
/* advertising */
/* block type 1 */
div.ad_type1 {
    display: block;
    height: 65px;
    background-position: 0 0;
    background-repeat: no-repeat;
    position: relative;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 30px;
    font-weight: bold;
    color: #ffffff;
    text-decoration: none;
    padding: 6px 0 0 40px;
    margin-bottom: 44px;
}
div.ad_type1 {
    cursor: pointer;
}
div.ad_type1:hover a {
    background-position: 0 -58px;
}
div.ad_type1 span {
    display: block;
    position: absolute;
    top: 22px;
    left: 240px;
    font-size: 12px;
    font-weight: normal;
    line-height: 1.2;
}
div.ad_type1 a {
    display: block;
    height: 42px;
    width: 120px;
    padding: 16px 80px 0 0;
    position: absolute;
    top: 8px;
    right: 20px;
    font-size: 14px;
    color: #4768de;
    text-decoration: none;
    background-position: 0 0;
    background-repeat: no-repeat;
    text-align: right;
}
div.ad_type1 a:hover {
    background-position: 0 -116px;
}
/* type 1 - bgr 2 */
div.ad_type1 a.bgr2 {
    width: 146px;
    padding: 16px 54px 0 0;
}
/* type 1 - bgr 3 */
div.ad_type1 a.bgr3 {
    width: 130px;
    padding: 16px 70px 0 0;
}
.imgMainLeft {
    float: left;
    margin: 8px 16px 6px 0;
}
/* adt1 green */
.adt1_green {
    background-image: url(images/content/ad/type1_green.png);
}
.adt1_green span {
    color: #000000;
}
.adt1_green a {
    background-image: url(images/content/ad/type1_green_a.png);
}
.adt1_green a.bgr2 {
    background-image: url(images/content/ad/type1_green_a_2.png);
}
.adt1_green a.bgr3 {
    background-image: url(images/content/ad/type1_green_a_3.png);
}
/* adt1 orange */
.adt1_orange {
    background-image: url(images/content/ad/type1_orange.png);
}
.adt1_orange span {
    color: #ffffff;
}
.adt1_orange a {
    background-image: url(images/content/ad/type1_orange_a.png);
}
.adt1_orange a.bgr2 {
    background-image: url(images/content/ad/type1_orange_a_2.png);
}
.adt1_orange a.bgr3 {
    background-image: url(images/content/ad/type1_orange_a_3.png);
}
/* block type 2 */
div.ad_type2 {
    margin: 10px 0 44px 0;
}
.ad_type2 div div div div div div div div strong {
    font-family: Arial, Helvetica, sans-serif;
    font-style: normal;
    font-size: 30px;
    display: block;
    height: 40px;
}
.ad_type2 div div div div div div div div del {
    display: block;
    position: absolute;
    width: 165px;
    height: 24px;
    top: 6px;
    right: 10%;
    font-style: normal;
    font-weight: bold;
    text-align: center;
}
.ad_type2 div div div div div div div div b {
    display: block;
    position: absolute;
    width: 165px;
    height: 30px;
    text-align: center;
    top: 22px;
    right: 10%;
    font-style: normal;
    font-weight: bold;
    font-size: 48px;
}
.ad_type2 div div div div div div div div p {
    width: 60%;
    line-height: 1.1;
    margin: 10px 0 10px 0;
}
.ad_type2 div div div div div div div div {
    padding: 10px 20px 10px 22px;
    font-family: "Times New Roman", Times, serif;
    font-size: 24px;
    font-style: italic;
    position: relative;
}
/* blue */
div.adt2_blue {
    background: #ffffff url(images/content/ad_type2/blue/t.png) top repeat-x;
    color: #6c6c6c;
}
.adt2_blue div {
    background: url(images/content/ad_type2/blue/r.png) right repeat-y;
}
.adt2_blue div div {
    background: url(images/content/ad_type2/blue/b.png) bottom repeat-x;
}
.adt2_blue div div div {
    background: url(images/content/ad_type2/blue/l.png) left repeat-y;
}
.adt2_blue div div div div {
    background: url(images/content/ad_type2/blue/t-l.png) top left no-repeat;
}
.adt2_blue div div div div div {
    background: url(images/content/ad_type2/blue/t-r.png) top right no-repeat;
}
.adt2_blue div div div div div div {
    background: url(images/content/ad_type2/blue/b-r.png) bottom right no-repeat;
}
.adt2_blue div div div div div div div {
    background: url(images/content/ad_type2/blue/b-l.png) bottom left no-repeat;
}
.adt2_blue div div div div div div div div {
    background: url(images/content/ad_type2/blue/gift.png) bottom right no-repeat;
}
.adt2_blue div div div div div div div div b {
    color: #0693c6;
}
/* red */
div.adt2_red {
    background: #ffffff url(images/content/ad_type2/red/t.png) top repeat-x;
    color: #6c6c6c;
}
.adt2_red div {
    background: url(images/content/ad_type2/red/r.png) right repeat-y;
}
.adt2_red div div {
    background: url(images/content/ad_type2/red/b.png) bottom repeat-x;
}
.adt2_red div div div {
    background: url(images/content/ad_type2/red/l.png) left repeat-y;
}
.adt2_red div div div div {
    background: url(images/content/ad_type2/red/t-l.png) top left no-repeat;
}
.adt2_red div div div div div {
    background: url(images/content/ad_type2/red/t-r.png) top right no-repeat;
}
.adt2_red div div div div div div {
    background: url(images/content/ad_type2/red/b-r.png) bottom right no-repeat;
}
.adt2_red div div div div div div div {
    background: url(images/content/ad_type2/red/b-l.png) bottom left no-repeat;
}
.adt2_red div div div div div div div div {
    background: url(images/content/ad_type2/red/gift.png) bottom right no-repeat;
}
.adt2_red div div div div div div div div b {
    color: #db3765;
}
/* green */
div.adt2_green {
    background: #ffffff url(images/content/ad_type2/green/t.png) top repeat-x;
    color: #6c6c6c;
}
.adt2_green div {
    background: url(images/content/ad_type2/green/r.png) right repeat-y;
}
.adt2_green div div {
    background: url(images/content/ad_type2/green/b.png) bottom repeat-x;
}
.adt2_green div div div {
    background: url(images/content/ad_type2/green/l.png) left repeat-y;
}
.adt2_green div div div div {
    background: url(images/content/ad_type2/green/t-l.png) top left no-repeat;
}
.adt2_green div div div div div {
    background: url(images/content/ad_type2/green/t-r.png) top right no-repeat;
}
.adt2_green div div div div div div {
    background: url(images/content/ad_type2/green/b-r.png) bottom right no-repeat;
}
.adt2_green div div div div div div div {
    background: url(images/content/ad_type2/green/b-l.png) bottom left no-repeat;
}
.adt2_green div div div div div div div div {
    background: url(images/content/ad_type2/green/gift.png) bottom right no-repeat;
}
.adt2_green div div div div div div div div b {
    color: #b6cd26;
}
/* orange */
div.adt2_orange {
    background: #ffffff url(images/content/ad_type2/orange/t.png) top repeat-x;
    color: #6c6c6c;
}
.adt2_orange div {
    background: url(images/content/ad_type2/orange/r.png) right repeat-y;
}
.adt2_orange div div {
    background: url(images/content/ad_type2/orange/b.png) bottom repeat-x;
}
.adt2_orange div div div {
    background: url(images/content/ad_type2/orange/l.png) left repeat-y;
}
.adt2_orange div div div div {
    background: url(images/content/ad_type2/orange/t-l.png) top left no-repeat;
}
.adt2_orange div div div div div {
    background: url(images/content/ad_type2/orange/t-r.png) top right no-repeat;
}
.adt2_orange div div div div div div {
    background: url(images/content/ad_type2/orange/b-r.png) bottom right no-repeat;
}
.adt2_orange div div div div div div div {
    background: url(images/content/ad_type2/orange/b-l.png) bottom left no-repeat;
}
.adt2_orange div div div div div div div div {
    background: url(images/content/ad_type2/orange/gift.png) bottom right no-repeat;
}
.adt2_orange div div div div div div div div b {
    color: #fd961e;
}
/* block type 3 */
div.ad_type3 {
    margin: 10px 0 44px 0;
}
.ad_type3 div div div div div div div div {
    padding: 0 70px 1px 10px
}
.ad_type3 div div div div div div div div p {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 14px;
    font-weight: bold;
    display: block;
    padding: 7px 0px 4px 10px;
}
/* blue */
div.adt3_blue {
    background: #ffffff url(images/content/ad_type3/blue/t.png) top repeat-x;
}
.adt3_blue div {
    background: url(images/content/ad_type3/blue/r.png) right repeat-y;
}
.adt3_blue div div {
    background: url(images/content/ad_type3/blue/b.png) bottom repeat-x;
}
.adt3_blue div div div {
    background: url(images/content/ad_type3/blue/l.png) left repeat-y;
}
.adt3_blue div div div div {
    background: url(images/content/ad_type3/blue/t-l.png) top left no-repeat;
}
.adt3_blue div div div div div {
    background: url(images/content/ad_type3/blue/t-r.png) top right no-repeat;
}
.adt3_blue div div div div div div {
    background: url(images/content/ad_type3/blue/b-r.png) bottom right no-repeat;
}
.adt3_blue div div div div div div div {
    background: url(images/content/ad_type3/blue/b-l.png) bottom left no-repeat;
}
.adt3_blue div div div div div div div div {
    background: url(images/content/ad_type3/blue/gift.png) bottom right no-repeat;
}
.adt3_blue div div div div div div div div {
    color: #b5b5b5;
}
div.adt3_blue span.adt3_block {
    display: block;
    float: left;
    height: 51px;
    margin: 0px 10px 10px 10px;
}
div.adt3_blue span.adt3_block i {
    display: block;
    width: 11px;
    height: 51px;
    background-image: url(images/content/ad_type3/blue/blc-l.png);
    background-repeat: no-repeat;
    float: left;
}
div.adt3_blue span.adt3_block span {
    display: block;
    height: 51px;
    float: left;
    background-image: url(images/content/ad_type3/blue/blc-c.png);
    background-repeat: repeat-x;
    line-height: 1.3;
    color: #505050;
}
div.adt3_blue span.adt3_block span center {
    display: table-cell;
    height: 49px;
    vertical-align: middle;
}
* + html div.adt3_blue span.adt3_block span center {
    height: 42px;
    padding-top: 7px;
}
div.adt3_blue span.adt3_block b {
    display: block;
    width: 11px;
    height: 51px;
    background-image: url(images/content/ad_type3/blue/blc-r.png);
    background-repeat: no-repeat;
    float: left;
}
div.adt3_blue span.adt3_arrow {
    display: block;
    width: 28px;
    height: 51px;
    background-image: url(images/content/ad_type3/blue/blc-arrow.png);
    background-repeat: no-repeat;
    float: left;
}
/* red */
div.adt3_red {
    background: #ffffff url(images/content/ad_type3/red/t.png) top repeat-x;
}
.adt3_red div {
    background: url(images/content/ad_type3/red/r.png) right repeat-y;
}
.adt3_red div div {
    background: url(images/content/ad_type3/red/b.png) bottom repeat-x;
}
.adt3_red div div div {
    background: url(images/content/ad_type3/red/l.png) left repeat-y;
}
.adt3_red div div div div {
    background: url(images/content/ad_type3/red/t-l.png) top left no-repeat;
}
.adt3_red div div div div div {
    background: url(images/content/ad_type3/red/t-r.png) top right no-repeat;
}
.adt3_red div div div div div div {
    background: url(images/content/ad_type3/red/b-r.png) bottom right no-repeat;
}
.adt3_red div div div div div div div {
    background: url(images/content/ad_type3/red/b-l.png) bottom left no-repeat;
}
.adt3_red div div div div div div div div {
    background: url(images/content/ad_type3/red/gift.png) bottom right no-repeat;
}
.adt3_red div div div div div div div div {
    color: #b5b5b5;
}
div.adt3_red span.adt3_block {
    display: block;
    float: left;
    height: 51px;
    margin: 0px 10px 10px 10px;
}
div.adt3_red span.adt3_block i {
    display: block;
    width: 11px;
    height: 51px;
    background-image: url(images/content/ad_type3/red/blc-l.png);
    background-repeat: no-repeat;
    float: left;
}
div.adt3_red span.adt3_block span {
    display: block;
    height: 51px;
    float: left;
    background-image: url(images/content/ad_type3/red/blc-c.png);
    background-repeat: repeat-x;
    line-height: 1.3;
    color: #505050;
}
div.adt3_red span.adt3_block span center {
    display: table-cell;
    height: 49px;
    vertical-align: middle;
}
* + html div.adt3_red span.adt3_block span center {
    height: 42px;
    padding-top: 7px;
}
div.adt3_red span.adt3_block b {
    display: block;
    width: 11px;
    height: 51px;
    background-image: url(images/content/ad_type3/red/blc-r.png);
    background-repeat: no-repeat;
    float: left;
}
div.adt3_red span.adt3_arrow {
    display: block;
    width: 28px;
    height: 51px;
    background-image: url(images/content/ad_type3/red/blc-arrow.png);
    background-repeat: no-repeat;
    float: left;
}
/* green */
div.adt3_green {
    background: #ffffff url(images/content/ad_type3/green/t.png) top repeat-x;
}
.adt3_green div {
    background: url(images/content/ad_type3/green/r.png) right repeat-y;
}
.adt3_green div div {
    background: url(images/content/ad_type3/green/b.png) bottom repeat-x;
}
.adt3_green div div div {
    background: url(images/content/ad_type3/green/l.png) left repeat-y;
}
.adt3_green div div div div {
    background: url(images/content/ad_type3/green/t-l.png) top left no-repeat;
}
.adt3_green div div div div div {
    background: url(images/content/ad_type3/green/t-r.png) top right no-repeat;
}
.adt3_green div div div div div div {
    background: url(images/content/ad_type3/green/b-r.png) bottom right no-repeat;
}
.adt3_green div div div div div div div {
    background: url(images/content/ad_type3/green/b-l.png) bottom left no-repeat;
}
.adt3_green div div div div div div div div {
    background: url(images/content/ad_type3/green/gift.png) bottom right no-repeat;
}
.adt3_green div div div div div div div div {
    color: #b5b5b5;
}
div.adt3_green span.adt3_block {
    display: block;
    float: left;
    height: 51px;
    margin: 0px 10px 10px 10px;
}
div.adt3_green span.adt3_block i {
    display: block;
    width: 11px;
    height: 51px;
    background-image: url(images/content/ad_type3/green/blc-l.png);
    background-repeat: no-repeat;
    float: left;
}
div.adt3_green span.adt3_block span {
    display: block;
    height: 51px;
    float: left;
    background-image: url(images/content/ad_type3/green/blc-c.png);
    background-repeat: repeat-x;
    line-height: 1.3;
    color: #505050;
}
div.adt3_green span.adt3_block span center {
    display: table-cell;
    height: 49px;
    vertical-align: middle;
}
* + html div.adt3_green span.adt3_block span center {
    height: 42px;
    padding-top: 7px;
}
div.adt3_green span.adt3_block b {
    display: block;
    width: 11px;
    height: 51px;
    background-image: url(images/content/ad_type3/green/blc-r.png);
    background-repeat: no-repeat;
    float: left;
}
div.adt3_green span.adt3_arrow {
    display: block;
    width: 28px;
    height: 51px;
    background-image: url(images/content/ad_type3/green/blc-arrow.png);
    background-repeat: no-repeat;
    float: left;
}
/* orange */
div.adt3_orange {
    background: #ffffff url(images/content/ad_type3/orange/t.png) top repeat-x;
}
.adt3_orange div {
    background: url(images/content/ad_type3/orange/r.png) right repeat-y;
}
.adt3_orange div div {
    background: url(images/content/ad_type3/orange/b.png) bottom repeat-x;
}
.adt3_orange div div div {
    background: url(images/content/ad_type3/orange/l.png) left repeat-y;
}
.adt3_orange div div div div {
    background: url(images/content/ad_type3/orange/t-l.png) top left no-repeat;
}
.adt3_orange div div div div div {
    background: url(images/content/ad_type3/orange/t-r.png) top right no-repeat;
}
.adt3_orange div div div div div div {
    background: url(images/content/ad_type3/orange/b-r.png) bottom right no-repeat;
}
.adt3_orange div div div div div div div {
    background: url(images/content/ad_type3/orange/b-l.png) bottom left no-repeat;
}
.adt3_orange div div div div div div div div {
    background: url(images/content/ad_type3/orange/gift.png) bottom right no-repeat;
}
.adt3_orange div div div div div div div div {
    color: #b5b5b5;
}
div.adt3_orange span.adt3_block {
    display: block;
    float: left;
    height: 51px;
    margin: 0px 10px 10px 10px;
}
div.adt3_orange span.adt3_block i {
    display: block;
    width: 11px;
    height: 51px;
    background-image: url(images/content/ad_type3/orange/blc-l.png);
    background-repeat: no-repeat;
    float: left;
}
div.adt3_orange span.adt3_block span {
    display: block;
    height: 51px;
    float: left;
    background-image: url(images/content/ad_type3/orange/blc-c.png);
    background-repeat: repeat-x;
    line-height: 1.3;
    color: #505050;
}
div.adt3_orange span.adt3_block span center {
    display: table-cell;
    height: 49px;
    vertical-align: middle;
}
* + html div.adt3_orange span.adt3_block span center {
    height: 42px;
    padding-top: 7px;
}
div.adt3_orange span.adt3_block b {
    display: block;
    width: 11px;
    height: 51px;
    background-image: url(images/content/ad_type3/orange/blc-r.png);
    background-repeat: no-repeat;
    float: left;
}
div.adt3_orange span.adt3_arrow {
    display: block;
    width: 28px;
    height: 51px;
    background-image: url(images/content/ad_type3/orange/blc-arrow.png);
    background-repeat: no-repeat;
    float: left;
}
/* html form elements */
.form {
    font-family: "Helvetica Neue", Arial, Helvetica, sans-serif;
    margin-bottom: 44px;
}
/* `UI Consistency
----------------------------------------------------------------------------------------------------*/
.form input,
.form button,
.form select,
.form textarea {
    margin: 0;
    vertical-align: middle;
}
.form button,
.form input[type = "reset"],
.form input[type = "submit"],
.form input[type = "button"] {
    /*
	-webkit-appearance: none;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	background: #000 url(images/button.png) repeat-x;
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #333), color-stop(1, #000));
	background: -moz-linear-gradient(top center, #FADF32 0%, #F68519 100%);
	border: 0px solid;
	border-color: #000 #000 #000;
	
    cursor: pointer;
    color: #fff;
    font: bold 12px/1.2 Arial, sans-serif;
    outline: 0;
    overflow: visible;
    padding: 4px 7px 5px 15px;
    text-shadow: #000 0 1px 1px;
    width: auto;
    margin-left: 5px;
*/
}
/*
.form button:hover, .form input[type="reset"]:hover, .form input[type="submit"]:hover, .form input[type="button"]:hover {
	background-position: 0 -26px;
}
*/
span.frmButton {
    background: transparent url('images/content/form_btn/orange-r.png') no-repeat;
    background-position: right top;
    color: #444;
    font: normal 12px arial, sans-serif;
    height: 26px;
    margin-right: 6px;
    padding: 0px 6px 0px 0px; /* sliding doors padding */
    text-decoration: none;
    float: left;
    display: block;
}
* + html span.frmButton {
    margin-right: 0;
}
span.frmButton input,
span.frmButton button {
    background: transparent url('images/content/form_btn/orange-w-l.png') no-repeat;
    line-height: 14px;
    border: 0;
    display: block;
    height: 26px;
}
span.frmButton:hover {
    background-position: 100% -26px;
}
span.frmButton:hover input,
span.frmButton:hover button {
    background-position: 0 -26px;
    outline: none; /* hide dotted outline in Firefox */
}
.form button[disabled],
.form input[type = "reset"][disabled],
.form input[type = "submit"][disabled],
.form input[type = "button"][disabled] {
    /* color: #888; */
}
.form textarea,
.form select,
.form input[type = "date"],
.form input[type = "datetime"],
.form input[type = "datetime-local"],
.form input[type = "email"],
.form input[type = "month"],
.form input[type = "number"],
.form input[type = "password"],
.form input[type = "search"],
.form input[type = "tel"],
.form input[type = "text"],
.form input[type = "time"],
.form input[type = "url"],
.form input[type = "week"] {
    -webkit-appearance: none;
    -moz-border-radius: 0;
    -webkit-border-radius: 0;
    border-radius: 0;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    border: 1px solid;
    border-color: #fff #eee #ddd;
    background-color: #ddd;
    color: #000;
    outline: 0;
    padding: 4px 4px;
    font-size: 13px;
    font-family: Arial, sans-serif;
    height: 2em;
}
/*
	Separate rule for Firefox.
	Cannot stack with WebKit's.
*/
.form input.placeholder_text,
.form textarea.placeholder_text {
    color: #000;
}
.form textarea[disabled],
.form select[disabled],
.form input[type = "date"][disabled],
.form input[type = "datetime"][disabled],
.form input[type = "datetime-local"][disabled],
.form input[type = "email"][disabled],
.form input[type = "month"][disabled],
.form input[type = "number"][disabled],
.form input[type = "password"][disabled],
.form input[type = "search"][disabled],
.form input[type = "tel"][disabled],
.form input[type = "text"][disabled],
.form input[type = "time"][disabled],
.form input[type = "url"][disabled],
.form input[type = "week"][disabled] {
    background-color: #eee;
    color: #888;
}
.form button:focus,
.form button:active,
.form input:focus,
.form input:active,
.form select:focus,
.form select:active,
.form textarea:focus,
.form textarea:active {
    -moz-box-shadow: #ffa522 0 0 7px;
    -webkit-box-shadow: #ffa522 0 0 7px;
    box-shadow: #ffa522 0 0 7px;
    /* for Opera */
    z-index: 1;
}
.form span.frmButton input,
.form span.frmButton button {
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
    box-shadow: none;
}
.form .is_webkit select {
    /* Tweaks for Safari + Chrome. */
    background-image: url(select_a.gif);
    background-repeat: no-repeat;
    background-position: right center;
    padding-right: 20px;
}
.form fieldset.metadata {
    border: 1px solid #222;
}
.form textarea,
.form select[multiple] {
    height: auto;
}
.form select[multiple],
.form .is_webkit select[multiple] {
    background-image: none;
    padding: 0;
}
.form textarea {
    overflow: auto;
    resize: vertical;
    width: 100%;
}
.form optgroup {
    color: #000;
    font-style: normal;
    font-weight: normal;
}
.float_left {
    float: left;
}
/*Share and bookmark*/
#addthisbookmarks {
    margin: 0 0 10px 10px;
}
.addthis_toolbox {
    float: left;
}
.addthis_toolbox .hover_effect div {
    float: left;
}
.addthis_toolbox .hover_effect a {
    border: 2px solid #f9f9f9;
    padding: 2px 2px 2px 16px;
    position: relative;
    text-decoration: none;
}
.addthis_toolbox .hover_effect a:hover {
    border: 2px solid #105CB6;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    background: #B4D3F8;
    color: #105CB6;
    text-decoration: none;
}
.addthis_toolbox .hover_effect span {
    position: absolute;
    width: 16px;
    height: 16px;
    top: 2px;
    left: 1px;
}
/*END - Share and bookmark*/
.printfooter {
    margin: 50px 0 0 0;
    display: none;
}
#fbfanbox {
    margin-top: 10px;
}
#bottomcontentinfo {
    background-color: #f9f9f9;
    border: 1px solid #c6c6c6;
    margin-top: 10px;
    padding: 10px 0;
}
#gmwcomments {
    margin-top: 10px;
}
.container_16 .firstColumnOf2 {
    width: 340px;
    margin-bottom: 26px;
    margin-left: 0;
    display: inline;
    float: left;
    margin-right: 10px;
    position: relative;
}
.container_16 .secondColumnOf2 {
    width: 340px;
    margin-bottom: 26px;
    margin-right: 0;
    display: inline;
    float: left;
    margin-left: 10px;
    position: relative;
}
.container_16 .firstColumnOf3 {
    width: 220px;
    margin-bottom: 26px;
    margin-left: 0;
    display: inline;
    float: left;
    margin-right: 10px;
    position: relative;
}
.container_16 .secondColumnOf3 {
    width: 220px;
    margin-bottom: 26px;
    margin-right: 10px;
    display: inline;
    float: left;
    margin-left: 10px;
    position: relative;
}
.container_16 .thirdColumnOf3 {
    width: 220px;
    margin-bottom: 26px;
    margin-right: 0;
    display: inline;
    float: left;
    margin-left: 10px;
    position: relative;
}
.twtr-tweet p {
    font-size: 100%;
}
/* 
TOC settings 
for art-decor.org
*/
#toc .toctoggle,
.toc .toctoggle {
    font-size: 94%;
}
/* Give a bit of space to the TOC */
#toc {
    margin: 1em 0;
    border: 1px solid #aaaaaa;
    background-color: #f9f9f9;
    padding: 5px;
}
#toc ul,
.toc ul {
    margin: .3em 0;
    list-style-type: none;
    list-style-image: none;
    margin-left: 0;
    padding-left: 0;
    text-align: left;
}
#toc ul ul,
.toc ul ul {
    margin: 0 0 0 2em;
}
#toc h2,
.toc h2 {
    display: inline;
    border: none;
    padding: 0;
    font-weight: bold;
}
#toc #toctitle,
.toc #toctitle,
#toc .toctitle,
.toc .toctitle {
    text-align: left;
}
#toc ul,
.toc ul {
    list-style-type: none;
    list-style-image: none;
    margin-left: 0;
    padding-left: 0;
    text-align: left;
    font-size: 100%;
}
#toc ul ul,
.toc ul ul {
    margin: 0 0 0 2em;
}
#toc .toctoggle,
.toc .toctoggle {
    font-size: 90%;
}
.mw-history-histlinks,
.history-user,
.comment,
.mw-history-undo,
.mw-rollback-link,
.mw-userlink,
.mw-enhanced-rc {
    font-size: 16px;
    line-height: 24px;
}
a.new {
    color: #7f0000;
}
/* misc */
#mw-content-text table p {
    /*
  font-size: 12px;
  line-height: 20px;
*/
}
#mw-content-text table ul li {
    /*
  line-height: 20px;
*/
}
table caption {
    line-height: 110%;
}
.editsection {
    display: inline;
}
#mw-content h1,
#mw-content h2,
#mw-content h3,
#mw-content h4,
#mw-content h5,
#mw-content h6,
#mw-content dt {
    font-family: "trebuchet ms", helvetica, sans-serif;
    border-bottom: 0;
}
.color-left {
    background-color: #6BDBC2;
}
.color-middle {
    background-color: #84B8DF;
}
.color-right {
    background-color: #F8D255;
}

#p-logo-text a {
  font-family: "trebuchet ms", helvetica, sans-serif;
  color: inherit;
}

/* v-card simulator */
div.vcard {
  border-radius: 0 0 4px 4px; 
  margin-bottom: 16px !important;
  background-color: #fff;
  color: rgba(0,0,0,.87);
  border-color: #fff;
  display: block;
  max-width: 100%;
  outline: none;
  text-decoration: none;
  -webkit-transition-property: opacity, -webkit-box-shadow;
  transition-property: opacity, -webkit-box-shadow;
  transition-property: box-shadow, opacity;
  transition-property: box-shadow, opacity, -webkit-box-shadow;
  overflow-wrap: break-word;
  position: relative;
  white-space: normal;
  -webkit-transition: -webkit-box-shadow .28s cubic-bezier(.4, 0, .2, 1);
  transition: -webkit-box-shadow .28s cubic-bezier(.4, 0, .2, 1);
  transition: box-shadow .28s cubic-bezier(.4, 0, .2, 1);
  transition: box-shadow .28s cubic-bezier(.4, 0, .2, 1), -webkit-box-shadow .28s cubic-bezier(.4, 0, .2, 1);
  will-change: box-shadow;
 -webkit-box-shadow: 0 3px 1px -2px rgba(0, 0, 0, .2), 0 2px 2px 0 rgba(0, 0, 0, .14), 0 1px 5px 0 rgba(0, 0, 0, .12);
 box-shadow:0 3px 1px -2px rgba(0, 0, 0, .2), 0 2px 2px 0 rgba(0, 0, 0, .14), 0 1px 5px 0 rgba(0, 0, 0, .12)
}
div.vcard-header {
  border-radius: 4px 4px 0 0; 
  background-color: #f0ebe4 !important;
  border-color: #f0ebe4 !important; 
  padding: 10px 20px 10px 20px;
  font-weight: 400;
  line-height: 1.375rem;
  letter-spacing:.0071428571em;
  font-weight: 700 !important;
  font-size: 2em;
  color: #ff9800;
  caret-color: #ff9800;
  /* 
  color: #b1c914;
  caret-color: #ff9800!important;
  */
  }
div.vcard-text {
  padding: 0 20px 7px 20px;
}
/* vcard extra header colors */
div.light-green {
  background-color: #6BDBC2 !important;
}
div.light-blue {
  background-color: #84B8DF !important;
}
div.light-orange {
  background-color: #F8D255 !important;
}
div.light-red {
  background-color: #e48a78 !important;
}

img.img-orange {
  background-color: #444;
}

.mw-highlight {
  font-size: 120%;
  background: none;
}

#mw-site-navigation .sidebar-chunk {
  font-size: 110%;
  line-height: 1.2;
}

#mw-content-container {
    /* background-image: linear-gradient(transparent, transparent), url(/skins/Timeless/resources/images/cat-grey.svg?a5931);*/
    /* border-bottom: 4px solid #ffd199; */
  border-bottom: none;
}

#mw-footer-container {
  background: #f3f3f3;
  border-top: none;
  box-shadow: none;
}

#mw-footer {
  background: #f3f3f3;
  height: 300em;
}

ul#f-list {
  list-style: none;
  width: auto;
  margin: 0;
  font-size: 80%;
}

ul#f-list li {
  float: none;
  display: inline;
}

li#lastmod {
  padding: 2px 0 0 5px;
}

#footer-bottom {
  margin-top: 30px;
  border-top: 1px solid #eee;
}

#f-poweredbyico {
  display: none;
}
Retrieved from "https://wiki.art-decor.org/index.php?title=MediaWiki:Common.css&oldid=8109"