Difference between pages "Testscenario test" and "MediaWiki:Common.css"

(Difference between pages)
(→‎Introduction)
 
 
Line 1: Line 1:
−
=Introduction=
+
/* CSS placed here will be applied to all skins */
  
−
This is a testscenario for ART-DECOR information standards. During the test an ART-DECOR project is recreated, based on the demo5 project from ART-DECOR examples (see see [[https://art-decor.org/art-decor/decor-project--demo5-]] or [[https://sourceforge.net/p/artdecor/code-0/HEAD/tree/branches/stable/decor/data/examples/demo5/demo5-decor.xml]]).
+
/* Edit section on the right */
 +
.ltr .mw-editsection {
 +
float: right;
 +
}
 +
.rtl .mw-editsection {
 +
float: left;
 +
}
  
−
To execute the scenario, you need at least two user accounts:
+
/* Gehsi div classes */
−
# A DBA user for creating the project
+
div.mw-geshi {
−
# A Project administrator for populating the project
+
  margin: 1em 0;
−
# A general author account
+
  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;
 +
}
  
−
=Steps to perform for this scenario=
+
/* Cell sizes for ambox/tmbox/imbox/cmbox/ombox/fmbox/dmbox message boxes */
−
==Start with clean setup==
+
th.mbox-text, td.mbox-text {  /* The message body cell(s) */
−
Delete the project if it already exists.
+
    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;
 +
}
  
−
This can be done ''only'' by having low level access with admin rights to the underlying eXist database: Delete the collection the project's data resides in. For this test project: /db/apps/decor/data/projects/test
+
/* 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;
 +
}
  
−
==Create a project test==
+
/* ART DECOR tables */
−
Login as the DBA user. See [[ART_maintenance_manual#Creating_a_project]] for further instructions.
+
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;
 +
}
  
−
{| class="wikitable"
+
.imgleftmargin {
−
|-
+
  margin-left: 10px;
−
| Name || Test: Vital Signs CDA Document
+
}
−
|-
+
.imgrightmargin {
−
| id || 2.16.840.1.113883.3.1937.99.99.906
+
  margin-right: 10px;
−
|-
+
}
−
| prefix || test-
 
−
|-
 
−
| language || en-US
 
−
|-
 
−
| Experimental || yes
 
−
|-
 
−
| Copyright - Contributor || Add your or a random name
 
−
|-
 
−
| Description || Test: Vital Signs Report Summary CDA Document
 
−
|-
 
−
| Authors || Add the project administrator as an author
 
−
|-
 
−
| Dataset name || Test dataset
 
−
|}
 
  
−
After clicking "Create Project" you return on an empty "new project" screen. No indication is given that the project was created successfully.
 
  
−
To verify the project creation, logout as DBA and login as project administrator. You should now see the project in the project's list menu (the round icon to the left of "Terminology").
+
/**
 +
    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;
 +
    font-size:12px;
 +
    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;
 +
}
  
−
==Modify base project==
 
  
−
Login as project administrator and open the test project you just created.
+
/**
 +
    Special CSS definitions for ART-DECOR timelines
 +
    ******************************
 +
    Copyright (C) 2020ART-DECOR expert group art-decor.org
 +
   
 +
    Author: Kai U. Heitmann
 +
*/
  
−
All actions in this sections are done on the base project's data, accessible with the row of tabs (General, Copyright, etc.).
+
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;
 +
}
  
−
===General tab===
+
.timeline li {
 +
  /*padding: 2em 0;*/
 +
  list-style: none;
 +
}
  
−
# Add or change a description
+
.timeline .hexa{
−
# [TBD] Add building block repositories with prefixes 'ad1bbr-' & 'ad2bbr-' by clicking on the + next to 'Repository references'
+
  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;
 +
}
  
−
===Copyright tab===
+
.timeline .hexa:before {
 +
  border-bottom: 4px solid #f3a800;
 +
  border-left-width: 8px;
 +
  border-right-width: 8px;
 +
  top: -4px;
 +
}
  
−
# Add a Contributer by clicking the +.
+
.timeline .hexa:after {
−
# Enter name and contact information.
+
  border-left-width: 8px;
−
# Add a logo from your computer by clicking on add and then browse.
+
  border-right-width: 8px;
−
# Enter the correct Copyright years.
+
  border-top: 4px solid #f3a800;
 +
  bottom: -4px;
 +
}
  
−
===Authors tab===
+
.timeline pre{
−
# Add an author by clicking on the +. Create authors: projectadmin, author, issuesuser.
+
  color: #222;
−
# Fill in the name of the author user and give it an email-address.
+
  background: #fff;
 +
  font-family: sans-serif;
 +
  white-space: normal;
 +
  padding: 0;
 +
}
  
−
===Ids tab===
+
.direction-l,
 +
.direction-r {
 +
  float: none;
 +
  width: 100%;
 +
  text-align: center;
 +
}
  
−
For more information: [[ART_Project_Editor#Maintaining_a_local_OID_Registry|Project editor manual]].
+
.flag-wrapper {
 +
  text-align: center;
 +
  position: relative;
 +
}
  
−
# Add external an external Id by clicking on the +.
+
.flag {
−
# Fill in the Id (e.g. 1.2.3), Designation (en-US) and some Display name
+
  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;
 +
}
  
−
===Governance Groups tab===
+
.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;
 +
}
  
−
For more information: [[Dealing_with_Governance_Groups|Dealing with governance groups]].
+
.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);
 +
}
  
−
# Make the project member of a governance group (e.g. ART-DECOR) by clicking on the + to the left of the governance group name.
+
.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);
 +
}
  
−
==Datasets==
+
.time-wrapper {
−
Login as project author.
+
  display: block;
−
For this section, click on the Datasets menu (in the top menu bar).
+
  position: relative;
 +
  margin: 4px 0 0 0;
 +
  z-index: 14;
 +
  /*line-height: 1em;*/
 +
  vertical-align: middle;
 +
  color: #599c4c;
 +
}
  
−
===Basic dataset changes===
+
.direction-l .time-wrapper {
 +
  float: none;
 +
  padding: 0 10px 0 0;
 +
}
  
−
Use the "Datasets" tab. Make some basic changes to the test dataset:
+
.direction-r .time-wrapper {
 +
  float: none;
 +
  padding: 0 0 0 10px;
 +
}
  
−
# Add a version label.
+
.time-time {
−
# Fill in a dataset description
+
  /*background: #f3a800;*/
−
# Save
+
  display: inline-block;
 +
  /*padding: 8px;*/
 +
}
  
−
===Add concepts===
+
.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%;
 +
}
  
−
For more information check the [[ART_Dataset_Editor|Dataset editor manual]].
+
.direction-l .time-desc,
 +
.direction-r .time-desc {
 +
  position: relative;
 +
  margin: 1em 1em 0 1em;
 +
  z-index: 15;
 +
}
  
−
Use the "Concepts Test dataset" tab. Recreate the concept "Person" (and underlying concepts) from the demo5 project dataset, see [[https://art-decor.org/art-decor/decor-project--demo5-]] or [[https://sourceforge.net/p/artdecor/code-0/HEAD/tree/branches/stable/decor/data/examples/demo5/demo5-decor.xml]]
+
@media(min-width: 768px){
 +
  .timeline {
 +
    width: 700px;
 +
    margin: 0 auto;
 +
    margin-top: 20px;
 +
  }
  
−
# Add the Person concept by clicking on the +
+
  .timeline li:after {
−
# Enter Description, Source, Rationale, Operationalization, Comment.
+
    content: "";
−
# For each concept:
+
    display: block;
−
## Select the right kind of type (group or item)
+
    height: 0;
−
## Add a name for the concept.
+
    clear: both;
−
## At 'Value' select the type
+
    visibility: hidden;
−
# To add a new Property click on the + next to the word 'Properties'.
+
  }
−
# Change the dataset status to:
+
 
−
## final (green bullet, top right)
+
  .timeline .hexa {
−
## Deprecated (Blue bullet, top right)
+
    left: -28px;
 +
    right: auto;
 +
    top: 8px;
 +
  }
  
−
==Scenarios==
+
  .timeline .direction-l .hexa {
 +
    left: auto;
 +
    right: -28px;
 +
  }
  
−
For this section, click on the Datasets menu (in the top menu bar).
+
  .direction-l {
 +
    position: relative;
 +
    width: 330px;
 +
    float: left;
 +
    text-align: right;
 +
  }
  
−
===Add actors===
+
  .direction-r {
 +
    position: relative;
 +
    width: 330px;
 +
    float: right;
 +
    text-align: left;
 +
  }
  
−
Use the Actors tab.
+
  .flag-wrapper {
 +
    display: inline-block;
 +
  }
 +
 
 +
  .flag {
 +
    /*font-size: 18px;*/
 +
  }
  
−
# Add two actors by clicking on the +
+
  .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;
 +
  }
  
−
===Scenarios tab===
+
  .direction-r .flag:after {
 +
    top: 50%;
 +
    margin-top: -8px;
 +
    border: solid transparent;
 +
    border-right-color: rgb(219, 243, 178);
 +
    border-width: 8px;
 +
    left: -8px;
 +
  }
  
−
Use the Scenarios tab.
+
  .time-wrapper {
 +
    display: inline;
 +
    vertical-align: middle;
 +
    margin: 0;
 +
  }
  
−
# Add a scenario by clicking the + next to Scenarios.
+
  .direction-l .time-wrapper {
−
## Fill in a name and description for the new scenario
+
    float: left;
−
## Save
+
  }
−
# Open the scenario by clicking on the + left of its name in the tree view on the left.
 
−
# Click on the default group "Group"
 
−
# Click on the + at the top of the tree view. This will create a new group.
 
−
## Fill in a name and description for the new group
 
−
## Save
 
−
# Select (in turn) in the tree view the transactions of the group (called Initial and Response)
 
−
## Edit them (by clicking the pencil in top right)
 
−
## Fill in some data (label, description, change name)
 
−
## [TBD does not work] Add templates in the concepts section by clicking on the pencil next to the word Template in Concepts. Select a template and then choose 'Select dynamic' or 'Select static'.
 
−
## Save
 
  
−
[TBD does not work]
+
  .direction-r .time-wrapper {
−
You can add Concepts to the added template by clicking on the pencil next to the word 'Concepts'. This pencil is only visible when the Transaction is not in edit mode, so make sure you save the transaction before trying to add concepts.
+
    float: right;
−
To add concepts in the transaction click on the + next to the concepts you want to add.
+
  }
−
Click save and then close the window to go back to the transaction.
 
  
−
You can always edit a transaction or transaction group by clicking on it in Scenarios. Then click on the pencil next to the word 'Transaction' to edit.
+
  .time {
−
For more information check the [[ART_Scenario_Editor|Scenario Editor manual]]
+
    padding: 5px 10px;
 +
  }
  
−
==Value Sets (in Terminology) ==
+
  .direction-r .time-desc {
 +
    margin: 1em 0 0 0.75em;
 +
  }
 +
}
  
−
For this section, click on the Terminology menu (in the top menu bar) and choose Value Sets.
+
/* 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,
 +
pre,
 +
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%;
 +
}
 +
pre {
 +
    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;
 +
    font-size: 75%;
 +
    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;
 +
    font-size: 10px;
 +
    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-size: 14px;
 +
    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;
 +
    font-size: 14px;
 +
    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%;
 +
}
 +
.mw-specialpagesgroup .mw-headline {
 +
    background-color: #eeeeee;
 +
}
 +
/*
 +
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 {
 +
    /*
 +
  font-size: 12px;
 +
  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;
 +
}
  
−
For more information: [[ART_Value_Set_Editor|Value Set Editor manual]]
+
#p-logo-text a {
 +
  font-family: "trebuchet ms", helvetica, sans-serif;
 +
  color: inherit;
 +
}
  
−
# Create a new valueset.
+
/* v-card simulator */
−
## Click on the + above the tree view on the left-hand side. A new window opens.
+
div.vcard {
−
## Fill in Version label, Display Name (mandatory) and Name (mandatory). The display name may hold spaces but the Name has to be one word.
+
  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-size: .875rem;
 +
  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;
 +
}
  
−
## Add first value
+
.mw-ui-button.mw-ui-progressive, .mw-ui-button.mw-ui-progressive:active, .mw-ui-button.mw-ui-progressive.mw-ui-checked, input[type='submit'], input[type='button'], button {
−
### Change the source to ATC, click Select to activate it, this will show a popup which the search window for the codesystem.
+
        padding: 10px;
−
### Enter search term: atc
+
        border: none;
−
### Click button: Add to valueset
+
        border-bottom-width: 1px;
−
### Click button: Close
+
        text-shadow: none;
−
## Add second value
+
        box-sizing: border-box;
−
### Add manual data by clicking on the + to the left of Values to create a new code line. Fill in a Level en select a Type (L, A, S, D). Also fill in a code (required) and a Display name (required).
+
        border-radius: 0.2em;
−
## Save the value set (When the save button is not clickable you probably did not fill in one of the mandatory fields. Also check if the 'Name' really is only one word and if the Code only contains numbers and dots.)
+
        background-color: #447ff5;
−
# [TBD does not work] Create a reference
+
        color: #fff;
−
## Precondition: repository reference to a bbr project is already present
+
        min-height: 30px;
−
## Click on the "chain" icon above the tree view on the left-hand side
+
        box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05)
−
## Search for a valueset, and select it to save it to this project
+
    }
−
 
 
−
'''REMARK''': To see the newly created value set in the Value Sets screen you have to refresh it!
 
−
 
 
−
==Templates==
 
−
 
 
−
For this section, click on the Templates menu (in the top menu bar) and choose the Templates menu entry.
 
−
 
 
−
For more information: [[ART_Template_Editor|Template editor manual]]
 
−
# Create a template. Click on the + above the tree view on the left-hand side. A new window opens.
 
−
## Select a prototype
 
−
 
 
−
[TBD does not work properly now]
 
−
For Heart rate choose the CDA Observation template and then click Select.
 
−
Now you can fill in a Version label, Display Name and Name.
 
−
The display name may hold spaces but the Name has to be one word.
 
−
Fill in a description.
 
−
Add an Example by clicking on the little + next to the word.
 
−
Then add or delete xml attributes by clicking the little + or 'x' next to the attributes. 
 
−
Click on 'Create template' when you're done. The window will close and you'll be send back to the 'Templates'
 
−
 
 
−
You can always edit a template by clicking on it in Templates. Then click on the pencil next to the name of the template to edit.
 
−
 
 
−
==Issues==
 
−
 
 
−
For this section, click on the Issues menu (in the top menu bar).
 
−
 
 
−
For more information: [[ART_Issues|Issue manual]].
 
−
 
 
−
# Add an issue by clicking on the flag to the right
 
−
## Select the correct type (incident, change request, for future consideration, request for information/education)
 
−
## Fill in a title.
 
−
## Select the desired priority (Lowest, Low, Normal, High, Highest).
 
−
## Fill in description
 
−
## Assign issue to an author
 
−
## Save
 

Revision as of 16:53, 15 July 2020

/* 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;
    font-size:12px;
    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: 0;
}

.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,
pre,
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%;
}
pre {
    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;
    font-size: 75%;
    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;
    font-size: 10px;
    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-size: 14px;
    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;
    font-size: 14px;
    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%;
}
.mw-specialpagesgroup .mw-headline {
    background-color: #eeeeee;
}
/* 
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 {
    /*
  font-size: 12px;
  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;
}

#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-size: .875rem;
  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;
}

 .mw-ui-button.mw-ui-progressive, .mw-ui-button.mw-ui-progressive:active, .mw-ui-button.mw-ui-progressive.mw-ui-checked, input[type='submit'], input[type='button'], button {
        padding: 10px;
        border: none;
        border-bottom-width: 1px;
        text-shadow: none;
        box-sizing: border-box;
        border-radius: 0.2em;
        background-color: #447ff5;
        color: #fff;
        min-height: 30px;
        box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05)
    }
Retrieved from "https://wiki.art-decor.org/index.php?title=Testscenario_test&oldid=7621"