MediaWiki:Common.css

Revision as of 11:24, 17 July 2020 by Admin (talk | contribs)

Note: After saving, you may have to bypass your browser's cache to see the changes.

  • Firefox / Safari: Hold Shift while clicking Reload, or press either Ctrl-F5 or Ctrl-R (⌘-R on a Mac)
  • Google Chrome: Press Ctrl-Shift-R (⌘-Shift-R on a Mac)
  • Internet Explorer: Hold Ctrl while clicking Refresh, or press Ctrl-F5
  • Opera: Go to Menu → Settings (Opera → Preferences on a Mac) and then to Privacy & security → Clear browsing data → Cached images and files.
/* 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;
  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: #ECFFE0;
}

.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-size: 12px; */
    font-weight:normal;
    color:#333333;
}
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;
  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;
    line-height: 1.5em;
    font-size: 130%;
}
pre000 {
    padding: 0.5em;
    background-color: #E3F2FD;
    border: 1px dashed #gray;
}
/* 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: 14px;
    line-height: 1.5em;
}
/* top 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-container {
    background-image: linear-gradient(transparent, transparent), url(/skins/Timeless/resources/images/cat-grey.svg?a5931);
    border-bottom: 4px solid #ffd199;
}
#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;
}

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

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