Current File : /home/tsgmexic/.trash/www20/style.css |
/*
Theme Name: www20
Theme URI:
Description: Artisteer-generated theme
Version: 1.0
Author:
Author URI:
Tags: fixed-width, left-sidebar, two-columns, valid HTML5, widgets
*/
/* Created by Artisteer v4.1.0.60046 */
#art-main
{
background: #AA55A4;
margin:0 auto;
font-size: 13px;
font-family: Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;
font-weight: normal;
font-style: normal;
position: relative;
width: 100%;
min-height: 100%;
left: 0;
top: 0;
cursor:default;
overflow:hidden;
}
table, ul.art-hmenu
{
font-size: 13px;
font-family: Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;
font-weight: normal;
font-style: normal;
}
h1, h2, h3, h4, h5, h6, p, a, ul, ol, li
{
margin: 0;
padding: 0;
}
/* Reset buttons border. It's important for input and button tags.
* border-collapse should be separate for shadow in IE.
*/
.art-button
{
border: 0;
border-collapse: separate;
-webkit-background-origin: border !important;
-moz-background-origin: border !important;
background-origin: border-box !important;
background: #A1ADBA;
-webkit-border-radius:3px;
-moz-border-radius:3px;
border-radius:3px;
border-width: 0;
padding:0 21px;
margin:0 auto;
height:24px;
}
.art-postcontent,
.art-postheadericons,
.art-postfootericons,
.art-blockcontent,
ul.art-vmenu a
{
text-align: left;
}
.art-postcontent,
.art-postcontent li,
.art-postcontent table,
.art-postcontent a,
.art-postcontent a:link,
.art-postcontent a:visited,
.art-postcontent a.visited,
.art-postcontent a:hover,
.art-postcontent a.hovered
{
font-family: Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;
line-height: 175%;
}
.art-postcontent p
{
margin: 13px 0;
}
.art-postcontent h1, .art-postcontent h1 a, .art-postcontent h1 a:link, .art-postcontent h1 a:visited, .art-postcontent h1 a:hover,
.art-postcontent h2, .art-postcontent h2 a, .art-postcontent h2 a:link, .art-postcontent h2 a:visited, .art-postcontent h2 a:hover,
.art-postcontent h3, .art-postcontent h3 a, .art-postcontent h3 a:link, .art-postcontent h3 a:visited, .art-postcontent h3 a:hover,
.art-postcontent h4, .art-postcontent h4 a, .art-postcontent h4 a:link, .art-postcontent h4 a:visited, .art-postcontent h4 a:hover,
.art-postcontent h5, .art-postcontent h5 a, .art-postcontent h5 a:link, .art-postcontent h5 a:visited, .art-postcontent h5 a:hover,
.art-postcontent h6, .art-postcontent h6 a, .art-postcontent h6 a:link, .art-postcontent h6 a:visited, .art-postcontent h6 a:hover,
.art-blockheader .t, .art-blockheader .t a, .art-blockheader .t a:link, .art-blockheader .t a:visited, .art-blockheader .t a:hover,
.art-vmenublockheader .t, .art-vmenublockheader .t a, .art-vmenublockheader .t a:link, .art-vmenublockheader .t a:visited, .art-vmenublockheader .t a:hover,
.art-headline, .art-headline a, .art-headline a:link, .art-headline a:visited, .art-headline a:hover,
.art-slogan, .art-slogan a, .art-slogan a:link, .art-slogan a:visited, .art-slogan a:hover,
.art-postheader, .art-postheader a, .art-postheader a:link, .art-postheader a:visited, .art-postheader a:hover
{
font-size: 22px;
font-family: Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;
font-weight: normal;
font-style: normal;
line-height: 120%;
}
.art-postcontent a, .art-postcontent a:link
{
font-family: Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;
text-decoration: none;
color: #828282;
}
.art-postcontent a:visited, .art-postcontent a.visited
{
font-family: Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;
text-decoration: none;
color: #828282;
}
.art-postcontent a:hover, .art-postcontent a.hover
{
font-family: Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;
text-decoration: underline;
color: #BA7D95;
}
.art-postcontent h1
{
color: #6C7F93;
margin: 10px 0 0;
font-size: 26px;
font-family: Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;
}
.art-blockcontent h1
{
margin: 10px 0 0;
font-size: 26px;
font-family: Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;
}
.art-postcontent h1 a, .art-postcontent h1 a:link, .art-postcontent h1 a:hover, .art-postcontent h1 a:visited, .art-blockcontent h1 a, .art-blockcontent h1 a:link, .art-blockcontent h1 a:hover, .art-blockcontent h1 a:visited
{
font-size: 26px;
font-family: Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;
}
.art-postcontent h2
{
color: #8D9CAA;
margin: 10px 0 0;
font-size: 22px;
font-family: Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;
}
.art-blockcontent h2
{
margin: 10px 0 0;
font-size: 22px;
font-family: Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;
}
.art-postcontent h2 a, .art-postcontent h2 a:link, .art-postcontent h2 a:hover, .art-postcontent h2 a:visited, .art-blockcontent h2 a, .art-blockcontent h2 a:link, .art-blockcontent h2 a:hover, .art-blockcontent h2 a:visited
{
font-size: 22px;
font-family: Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;
}
.art-postcontent h3
{
color: #BA7D95;
margin: 10px 0 0;
font-size: 20px;
font-family: Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;
}
.art-blockcontent h3
{
margin: 10px 0 0;
font-size: 20px;
font-family: Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;
}
.art-postcontent h3 a, .art-postcontent h3 a:link, .art-postcontent h3 a:hover, .art-postcontent h3 a:visited, .art-blockcontent h3 a, .art-blockcontent h3 a:link, .art-blockcontent h3 a:hover, .art-blockcontent h3 a:visited
{
font-size: 20px;
font-family: Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;
}
.art-postcontent h4
{
color: #4E6883;
margin: 10px 0 0;
font-size: 18px;
font-family: Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;
}
.art-blockcontent h4
{
margin: 10px 0 0;
font-size: 18px;
font-family: Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;
}
.art-postcontent h4 a, .art-postcontent h4 a:link, .art-postcontent h4 a:hover, .art-postcontent h4 a:visited, .art-blockcontent h4 a, .art-blockcontent h4 a:link, .art-blockcontent h4 a:hover, .art-blockcontent h4 a:visited
{
font-size: 18px;
font-family: Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;
}
.art-postcontent h5
{
color: #4E6883;
margin: 10px 0 0;
font-size: 15px;
font-family: Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;
}
.art-blockcontent h5
{
margin: 10px 0 0;
font-size: 15px;
font-family: Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;
}
.art-postcontent h5 a, .art-postcontent h5 a:link, .art-postcontent h5 a:hover, .art-postcontent h5 a:visited, .art-blockcontent h5 a, .art-blockcontent h5 a:link, .art-blockcontent h5 a:hover, .art-blockcontent h5 a:visited
{
font-size: 15px;
font-family: Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;
}
.art-postcontent h6
{
color: #A6B7C9;
margin: 10px 0 0;
font-size: 13px;
font-family: Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;
}
.art-blockcontent h6
{
margin: 10px 0 0;
font-size: 13px;
font-family: Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;
}
.art-postcontent h6 a, .art-postcontent h6 a:link, .art-postcontent h6 a:hover, .art-postcontent h6 a:visited, .art-blockcontent h6 a, .art-blockcontent h6 a:link, .art-blockcontent h6 a:hover, .art-blockcontent h6 a:visited
{
font-size: 13px;
font-family: Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;
}
header, footer, article, nav, #art-hmenu-bg, .art-sheet, .art-hmenu a, .art-vmenu a, .art-slidenavigator > a, .art-checkbox:before, .art-radiobutton:before
{
-webkit-background-origin: border !important;
-moz-background-origin: border !important;
background-origin: border-box !important;
}
header, footer, article, nav, #art-hmenu-bg, .art-sheet, .art-slidenavigator > a, .art-checkbox:before, .art-radiobutton:before
{
display: block;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
ul
{
list-style-type: none;
}
ol
{
list-style-position: inside;
}
html, body
{
height: 100%;
}
body
{
padding: 0;
margin:0;
min-width: 908px;
color: #303F50;
}
.art-header:before, #art-header-bg:before, .art-layout-cell:before, .art-layout-wrapper:before, .art-footer:before, .art-nav:before, #art-hmenu-bg:before, .art-sheet:before
{
width: 100%;
content: " ";
display: table;
}
.art-header:after, #art-header-bg:after, .art-layout-cell:after, .art-layout-wrapper:after, .art-footer:after, .art-nav:after, #art-hmenu-bg:after, .art-sheet:after,
.cleared, .clearfix:after {
clear: both;
font: 0/0 serif;
display: block;
content: " ";
}
form
{
padding: 0 !important;
margin: 0 !important;
}
table.position
{
position: relative;
width: 100%;
table-layout: fixed;
}
li h1, .art-postcontent li h1, .art-blockcontent li h1
{
margin:1px;
}
li h2, .art-postcontent li h2, .art-blockcontent li h2
{
margin:1px;
}
li h3, .art-postcontent li h3, .art-blockcontent li h3
{
margin:1px;
}
li h4, .art-postcontent li h4, .art-blockcontent li h4
{
margin:1px;
}
li h5, .art-postcontent li h5, .art-blockcontent li h5
{
margin:1px;
}
li h6, .art-postcontent li h6, .art-blockcontent li h6
{
margin:1px;
}
li p, .art-postcontent li p, .art-blockcontent li p
{
margin:1px;
}
.art-shapes
{
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
overflow: hidden;
z-index: 0;
}
.art-slider-inner {
position: relative;
overflow: hidden;
width: 100%;
height: 100%;
}
.art-slidenavigator > a {
display: inline-block;
vertical-align: middle;
outline-style: none;
font-size: 1px;
}
.art-slidenavigator > a:last-child {
margin-right: 0 !important;
}
.art-slidecontainerheader {
position: relative;
width: 100%;
height: 100%;
}
.art-slidecontainerheader .art-slide-item
{
-webkit-border-radius:14px 14px 0 0;-moz-border-radius:14px 14px 0 0;border-radius:14px 14px 0 0;
}
.art-slidecontainerheader .art-slide-item {
-webkit-transition: 1000ms ease-in-out opacity;
-moz-transition: 1000ms ease-in-out opacity;
-ms-transition: 1000ms ease-in-out opacity;
-o-transition: 1000ms ease-in-out opacity;
transition: 1000ms ease-in-out opacity;
position: absolute;
display: none;
left: 0;
top: 0;
opacity: 0;
width: 100%;
height: 100%;
}
.art-slidecontainerheader .active, .art-slidecontainerheader .next, .art-slidecontainerheader .prev {
display: block;
}
.art-slidecontainerheader .active {
opacity: 1;
}
.art-slidecontainerheader .next, .art-slidecontainerheader .prev {
width: 100%;
}
.art-slidecontainerheader .next.forward, .art-slidecontainerheader .prev.back {
opacity: 1;
}
.art-slidecontainerheader .active.forward {
opacity: 0;
}
.art-slidecontainerheader .active.back {
opacity: 0;
}
.art-slideheader0 {
background-image: url('images/slideheader0.jpg');
background-size: 100%;
background-position: 0 0;
background-repeat: no-repeat;
}
.art-slideheader1 {
background-image: url('images/slideheader1.jpg');
background-size: 100%;
background-position: 0 0;
background-repeat: no-repeat;
}
.art-slideheader2 {
background-image: url('images/slideheader2-object327701699.png'), url('images/slideheader2.jpg');
background-size: 99.01% 99.66%, 100%;
background-position: 4px 0px, 0 0;
background-repeat: no-repeat;
}
.art-slideheader3 {
background-image: url('images/slideheader3.jpg');
background-size: 100%;
background-position: 0 0;
background-repeat: no-repeat;
}
.art-slideheader4 {
background-image: url('images/slideheader4.jpg');
background-size: 100%;
background-position: 0 0;
background-repeat: no-repeat;
}
.art-slideheader5 {
background-image: url('images/slideheader5.jpg');
background-size: 100%;
background-position: 0 0;
background-repeat: no-repeat;
}
.art-slideheader6 {
background-image: url('images/slideheader6.jpg');
background-size: 100%;
background-position: 0 0;
background-repeat: no-repeat;
}
.art-slideheader7 {
background-image: url('images/slideheader7.jpg');
background-size: 100%;
background-position: 0 0;
background-repeat: no-repeat;
}
.art-slideheader8 {
background-image: url('images/slideheader8.jpg');
background-size: 100%;
background-position: 0 0;
background-repeat: no-repeat;
}
.art-slidenavigatorheader {
display: inline-block;
position: absolute;
direction: ltr !important;
top: 269px;
left: 42%;
z-index: 101;
line-height: 0 !important;
-webkit-background-origin: border !important;
-moz-background-origin: border !important;
background-origin: border-box !important;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
text-align: center;
white-space: nowrap;
}
.art-slidenavigatorheader
{
background: #B9C2CB;background: linear-gradient(top, rgba(167, 178, 190, 0.8) 0, rgba(193, 201, 209, 0.8) 40%, rgba(196, 204, 212, 0.8) 50%, rgba(196, 204, 212, 0.8) 100%) no-repeat;background: -webkit-linear-gradient(top, rgba(167, 178, 190, 0.8) 0, rgba(193, 201, 209, 0.8) 40%, rgba(196, 204, 212, 0.8) 50%, rgba(196, 204, 212, 0.8) 100%) no-repeat;background: -moz-linear-gradient(top, rgba(167, 178, 190, 0.8) 0, rgba(193, 201, 209, 0.8) 40%, rgba(196, 204, 212, 0.8) 50%, rgba(196, 204, 212, 0.8) 100%) no-repeat;background: -o-linear-gradient(top, rgba(167, 178, 190, 0.8) 0, rgba(193, 201, 209, 0.8) 40%, rgba(196, 204, 212, 0.8) 50%, rgba(196, 204, 212, 0.8) 100%) no-repeat;background: -ms-linear-gradient(top, rgba(167, 178, 190, 0.8) 0, rgba(193, 201, 209, 0.8) 40%, rgba(196, 204, 212, 0.8) 50%, rgba(196, 204, 212, 0.8) 100%) no-repeat;background: linear-gradient(top, rgba(167, 178, 190, 0.8) 0, rgba(193, 201, 209, 0.8) 40%, rgba(196, 204, 212, 0.8) 50%, rgba(196, 204, 212, 0.8) 100%) no-repeat;-svg-background: linear-gradient(top, rgba(167, 178, 190, 0.8) 0, rgba(193, 201, 209, 0.8) 40%, rgba(196, 204, 212, 0.8) 50%, rgba(196, 204, 212, 0.8) 100%) no-repeat;
padding:10px;
}
.art-slidenavigatorheader > a
{
background: #728597;background: #728597;background: #728597;background: #728597;background: #728597;background: #728597;background: #728597;-svg-background: #728597;
-webkit-border-radius:40%;-moz-border-radius:40%;border-radius:40%;
margin:0 10px 0 0;
width: 5px;
height: 5px;
}
.art-slidenavigatorheader > a.active
{
background: #FA681E;background: #FA681E;background: #FA681E;background: #FA681E;background: #FA681E;background: #FA681E;background: #FA681E;-svg-background: #FA681E;
-webkit-border-radius:40%;-moz-border-radius:40%;border-radius:40%;
margin:0 10px 0 0;
width: 5px;
height: 5px;
}
.art-slidenavigatorheader > a:hover
{
background: #455B73;background: #455B73;background: #455B73;background: #455B73;background: #455B73;background: #455B73;background: #455B73;-svg-background: #455B73;
-webkit-border-radius:40%;-moz-border-radius:40%;border-radius:40%;
margin:0 10px 0 0;
width: 5px;
height: 5px;
}
.art-sheet
{
background: #FFFFFF;
-webkit-border-radius:15px;
-moz-border-radius:15px;
border-radius:15px;
-webkit-box-shadow:0 0 3px 2px rgba(0, 0, 0, 0.15);
-moz-box-shadow:0 0 3px 2px rgba(0, 0, 0, 0.15);
box-shadow:0 0 3px 2px rgba(0, 0, 0, 0.15);
border:1px solid #9CAFC4;
margin:10px auto 0;
position:relative;
cursor:auto;
width: 908px;
z-index: auto !important;
}
.art-header
{
-webkit-border-radius:14px 14px 0 0;
-moz-border-radius:14px 14px 0 0;
border-radius:14px 14px 0 0;
margin:0 auto;
height: 294px;
background-image: none;
background-position: 0 0;
background-repeat: no-repeat;
position: relative;
z-index: auto !important;
}
.responsive .art-header
{
background-image: none;
background-position: center center;
}
.art-header>.widget
{
position:absolute;
z-index:101;
}
.art-header .art-slider-inner
{
-webkit-border-radius:14px 14px 0 0;
-moz-border-radius:14px 14px 0 0;
border-radius:14px 14px 0 0;
}
.art-nav
{
background: #303F50;
background: transparent;
-webkit-border-radius:14px 14px 0 0;
-moz-border-radius:14px 14px 0 0;
border-radius:14px 14px 0 0;
padding:4px 4px 0;
position: absolute;
margin: 0;
bottom: 0;
width: 100%;
z-index: 100;
text-align: right;
}
ul.art-hmenu a, ul.art-hmenu a:link, ul.art-hmenu a:visited, ul.art-hmenu a:hover
{
outline: none;
position: relative;
z-index: 11;
}
ul.art-hmenu, ul.art-hmenu ul
{
display: block;
margin: 0;
padding: 0;
border: 0;
list-style-type: none;
}
ul.art-hmenu li
{
position: relative;
z-index: 5;
display: block;
float: left;
background: none;
margin: 0;
padding: 0;
border: 0;
}
ul.art-hmenu li:hover
{
z-index: 10000;
white-space: normal;
}
ul.art-hmenu:after, ul.art-hmenu ul:after
{
content: ".";
height: 0;
display: block;
visibility: hidden;
overflow: hidden;
clear: both;
}
ul.art-hmenu, ul.art-hmenu ul
{
min-height: 0;
}
ul.art-hmenu
{
display: inline-block;
vertical-align: bottom;
padding-left: 14px;
padding-right: 14px;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
.art-nav:before
{
content:' ';
}
nav.art-nav
{
border-top-left-radius: 0;
border-top-right-radius: 0;
}
.art-hmenu-extra1
{
position: relative;
display: block;
float: left;
width: auto;
height: auto;
background-position: center;
}
.art-hmenu-extra2
{
position: relative;
display: block;
float: right;
width: auto;
height: auto;
background-position: center;
}
.art-hmenu
{
float: right;
}
.art-menuitemcontainer
{
margin:0 auto;
}
ul.art-hmenu>li {
margin-left: 6px;
}
ul.art-hmenu>li:first-child {
margin-left: 3px;
}
ul.art-hmenu>li:last-child, ul.art-hmenu>li.last-child {
margin-right: 3px;
}
ul.art-hmenu>li>a
{
-webkit-border-radius:6px 0 0;
-moz-border-radius:6px 0 0;
border-radius:6px 0 0;
border:1px solid transparent;
border-bottom:none;
padding:0 30px;
margin:0 auto;
position: relative;
display: block;
height: 32px;
cursor: pointer;
text-decoration: none;
color: #6A7D90;
line-height: 32px;
text-align: center;
}
.art-hmenu>li>a,
.art-hmenu>li>a:link,
.art-hmenu>li>a:visited,
.art-hmenu>li>a.active,
.art-hmenu>li>a:hover
{
font-size: 13px;
font-family: Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;
font-weight: normal;
font-style: normal;
text-decoration: none;
text-transform: uppercase;
text-align: left;
}
ul.art-hmenu>li>a.active
{
background: #B97993;
-webkit-border-radius:6px 0 0;
-moz-border-radius:6px 0 0;
border-radius:6px 0 0;
border:1px solid #B97993;
border-bottom:none;
padding:0 30px;
margin:0 auto;
color: #4D2837;
text-decoration: none;
}
ul.art-hmenu>li>a:visited,
ul.art-hmenu>li>a:hover,
ul.art-hmenu>li:hover>a {
text-decoration: none;
}
ul.art-hmenu>li>a:hover, .desktop ul.art-hmenu>li:hover>a
{
background: #B97993;
-webkit-border-radius:6px 0 0;
-moz-border-radius:6px 0 0;
border-radius:6px 0 0;
border:1px solid rgba(167, 88, 120, 0.7);
border-bottom:none;
padding:0 30px;
margin:0 auto;
}
ul.art-hmenu>li>a:hover,
.desktop ul.art-hmenu>li:hover>a {
color: #4D2837;
text-decoration: none;
}
ul.art-hmenu li li a
{
background: #B9C2CB;
background: transparent;
-webkit-border-radius:6px;
-moz-border-radius:6px;
border-radius:6px;
padding:0 22px;
margin:0 auto;
}
ul.art-hmenu li li
{
float: none;
width: auto;
margin-top: 5px;
margin-bottom: 5px;
}
.desktop ul.art-hmenu li li ul>li:first-child
{
margin-top: 0;
}
ul.art-hmenu li li ul>li:last-child
{
margin-bottom: 0;
}
.art-hmenu ul a
{
display: block;
white-space: nowrap;
height: 30px;
min-width: 7em;
border: 0 solid transparent;
text-align: left;
line-height: 30px;
color: #6A7D90;
font-size: 13px;
font-family: Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;
text-decoration: none;
margin:0;
}
.art-hmenu ul a:link,
.art-hmenu ul a:visited,
.art-hmenu ul a.active,
.art-hmenu ul a:hover
{
text-align: left;
line-height: 30px;
color: #6A7D90;
font-size: 13px;
font-family: Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;
text-decoration: none;
margin:0;
}
ul.art-hmenu li li:after
{
display: block;
position: absolute;
content: ' ';
height: 0;
top: -3px;
left: 0;
right: 0;
z-index: 1;
border-bottom: 1px solid #C6D1DD;
}
.desktop ul.art-hmenu li li:first-child:before,
.desktop ul.art-hmenu li li:first-child:after
{
display: none;
}
ul.art-hmenu ul li a:hover, .desktop ul.art-hmenu ul li:hover>a
{
background: #FFFFFF;
background: transparent;
-webkit-border-radius:6px;
-moz-border-radius:6px;
border-radius:6px;
margin:0 auto;
}
.art-hmenu ul a:hover
{
text-decoration: none;
color: #A05473;
}
.desktop .art-hmenu ul li:hover>a
{
color: #A05473;
}
ul.art-hmenu ul:before
{
background: #EFF2F5;
-webkit-border-radius:6px;
-moz-border-radius:6px;
border-radius:6px;
border:1px solid rgba(207, 216, 226, 0.3);
margin:0 auto;
display: block;
position: absolute;
content: ' ';
z-index: 1;
}
.desktop ul.art-hmenu li:hover>ul {
visibility: visible;
top: 100%;
}
.desktop ul.art-hmenu li li:hover>ul {
top: 0;
left: 100%;
}
ul.art-hmenu ul
{
visibility: hidden;
position: absolute;
z-index: 10;
left: 0;
top: 0;
background-image: url('images/spacer.gif');
}
.desktop ul.art-hmenu>li>ul
{
padding: 19px 36px 36px 36px;
margin: -10px 0 0 -30px;
}
.desktop ul.art-hmenu ul ul
{
padding: 36px 36px 36px 18px;
margin: -36px 0 0 -5px;
}
.desktop ul.art-hmenu ul.art-hmenu-left-to-right
{
right: auto;
left: 0;
margin: -10px 0 0 -30px;
}
.desktop ul.art-hmenu ul.art-hmenu-right-to-left
{
left: auto;
right: 0;
margin: -10px -30px 0 0;
}
.desktop ul.art-hmenu li li:hover>ul.art-hmenu-left-to-right {
right: auto;
left: 100%;
}
.desktop ul.art-hmenu li li:hover>ul.art-hmenu-right-to-left {
left: auto;
right: 100%;
}
.desktop ul.art-hmenu ul ul.art-hmenu-left-to-right
{
right: auto;
left: 0;
padding: 36px 36px 36px 18px;
margin: -36px 0 0 -5px;
}
.desktop ul.art-hmenu ul ul.art-hmenu-right-to-left
{
left: auto;
right: 0;
padding: 36px 18px 36px 36px;
margin: -36px -5px 0 0;
}
.desktop ul.art-hmenu li ul>li:first-child {
margin-top: 0;
}
.desktop ul.art-hmenu li ul>li:last-child {
margin-bottom: 0;
}
.desktop ul.art-hmenu ul ul:before
{
border-radius: 6px;
top: 30px;
bottom: 30px;
right: 30px;
left: 12px;
}
.desktop ul.art-hmenu>li>ul:before
{
top: 13px;
right: 30px;
bottom: 30px;
left: 30px;
}
.desktop ul.art-hmenu>li>ul.art-hmenu-left-to-right:before {
right: 30px;
left: 30px;
}
.desktop ul.art-hmenu>li>ul.art-hmenu-right-to-left:before {
right: 30px;
left: 30px;
}
.desktop ul.art-hmenu ul ul.art-hmenu-left-to-right:before {
right: 30px;
left: 12px;
}
.desktop ul.art-hmenu ul ul.art-hmenu-right-to-left:before {
right: 12px;
left: 30px;
}
.desktop ul.art-hmenu>li.ext>a
{
white-space: nowrap;
}
.desktop ul.art-hmenu>li.ext>a:hover,
.desktop ul.art-hmenu>li.ext:hover>a,
.desktop ul.art-hmenu>li.ext:hover>a.active
{
background: none;
/* default padding + border size */
padding: 1px 31px 0 31px;
/* margin for shadow */
margin: -0 -0 0 -0;
overflow: hidden;
position: relative;
border: none;
border-radius: 0;
box-shadow: none;
color: #A05473;
}
.desktop ul.art-hmenu>li.ext>a:hover:before,
.desktop ul.art-hmenu>li.ext:hover>a:before,
.desktop ul.art-hmenu>li.ext:hover>a.active:before
{
position: absolute;
content: ' ';
/* top, right, left - for shadow */
top: 0;
right: 0;
left: 0;
/* border + shadow */
bottom: -1px;
background-color: #EFF2F5;
border: 1px Solid rgba(207, 216, 226, 0.3);
border-top-left-radius: 6px;
border-top-right-radius: 6px;
box-shadow: 0 0 0 rgba(0, 0, 0, 0.8);
z-index: -1;
}
.desktop ul.art-hmenu>li.ext:hover>ul
{
top: 36px;
padding-top: 5px;
/* menu bar padding */
margin-top: 0;
}
.desktop ul.art-hmenu>li.ext:hover>ul:before
{
/* border + shadow */
top: -1px;
clip: rect(8px, auto, auto, auto);
border-top-left-radius: 0;
border-top-right-radius: 0;
box-shadow: 0 0 0 rgba(0, 0, 0, 0.8);
}
ul.art-hmenu>li.ext>.ext-r,
ul.art-hmenu>li.ext>.ext-l,
ul.art-hmenu>li.ext>.ext-m,
ul.art-hmenu>li.ext>.ext-off
{
display: none;
z-index: 12;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
.desktop ul.art-hmenu>li.ext>ul
{
z-index: 13;
}
.desktop ul.art-hmenu>li.ext.ext-r:hover>.ext-r,
.desktop ul.art-hmenu>li.ext.ext-l:hover>.ext-l
{
position: absolute;
display: block;
overflow: hidden;
/* size of radius
* if size if 0 we should now generate script
* that adds ext-r and ext-m divs
*/
height: 8px;
top: 36px;
padding-top: 1px;
margin-top: -1px;
/* border width + shadow */}
.desktop ul.art-hmenu>li.ext:hover>.ext-r:before,
.desktop ul.art-hmenu>li.ext:hover>.ext-l:before
{
position: absolute;
content: ' ';
top: 0;
/* border + shadow */
bottom: -1px;
background-color: #EFF2F5;
border: 1px Solid rgba(207, 216, 226, 0.3);
box-shadow: 0 0 0 rgba(0, 0, 0, 0.8);
}
.desktop ul.art-hmenu>li.ext.ext-r:hover>.ext-r
{
left: 100%;
right: auto;
padding-left: 0;
margin-left: 0;
padding-right: 1px;
margin-right: -1px;
/* only shadow */}
.desktop ul.art-hmenu>li.ext.ext-r:hover>.ext-r:before
{
right: 0;
left: -1px;
border-top-left-radius: 0;
border-top-right-radius: 6px;
}
.desktop ul.art-hmenu>li.ext.ext-l:hover>.ext-l
{
right: 100%;
left: auto;
padding-right: 0;
margin-right: 0;
padding-left: 1px;
margin-left: -1px;
/* only shadow */}
.desktop ul.art-hmenu>li.ext.ext-l:hover>.ext-l:before
{
right: -1px;
left: 0;
border-top-right-radius: 0;
border-top-left-radius: 6px;
}
.desktop ul.art-hmenu>li.ext:hover>.ext-m,
.desktop ul.art-hmenu>li.ext:hover>.ext-off
{
position: absolute;
display: block;
overflow: hidden;
height: 7px;
top: 100%;
}
.desktop ul.art-hmenu>li.ext.ext-r:hover>.ext-m
{
/* shadow offset */
left: -0;
right: 0;
/* shadow offset */
padding-right: 0;
padding-left: 0;
}
.desktop ul.art-hmenu>li.ext:hover>.ext-off
{
/* shadow offset */
left: -0;
right: -0;
/* shadow offset */
padding-left: 0;
padding-right: 0;
height: 4px;
}
.desktop ul.art-hmenu>li.ext.ext-l:hover>.ext-m
{
/* shadow offset */
right: -0;
left: 0;
/* shadow offset */
padding-left: 0;
padding-right: 0;
}
.desktop ul.art-hmenu>li.ext.ext-l.ext-r:hover>.ext-m
{
/* shadow offset */
right: -0;
left: -0;
/* shadow offset */
padding-left: 0;
padding-right: 0;
}
.desktop ul.art-hmenu>li.ext:hover>.ext-m
{
top: 36px;
}
.desktop ul.art-hmenu>li.ext:hover>.ext-off:before
{
right: 0;
left: 0;
position: absolute;
content: ' ';
top: -1px;
bottom: -1px;
/* shadow offset */
background-color: #EFF2F5;
border: 1px Solid rgba(207, 216, 226, 0.3);
box-shadow: 0 0 0 rgba(0, 0, 0, 0.8);
}
.desktop ul.art-hmenu>li.ext:hover>.ext-m:before{
position: absolute;
content: ' ';
top: -1px;
bottom: -1px;
/* shadow offset */
background-color: #EFF2F5;
border: 1px Solid rgba(207, 216, 226, 0.3);
box-shadow: 0 0 0 rgba(0, 0, 0, 0.8);
}
.desktop ul.art-hmenu>li.ext.ext-r:hover>.ext-m:before
{
right: -1px;
left: 0;
}
.desktop ul.art-hmenu>li.ext.ext-l:hover>.ext-m:before
{
left: -1px;
right: 0;
}
.desktop ul.art-hmenu>li.ext.ext-l.ext-r:hover>.ext-m:before
{
left: -1px;
right: -1px
;
}
.art-layout-wrapper
{
position: relative;
margin: 0 auto 0 auto;
z-index: auto !important;
}
.art-content-layout
{
display: table;
width: 100%;
table-layout: fixed;
}
.art-content-layout-row
{
display: table-row;
}
.art-layout-cell
{
display: table-cell;
vertical-align: top;
}
/* need only for content layout in post content */
.art-postcontent .art-content-layout
{
border-collapse: collapse;
}
.art-vmenublock
{
background: #C9D3DE;
border:1px solid #9CAFC4;
}
div.art-vmenublock img
{
margin: 0;
}
.art-vmenublockheader
{
background: #FFFFFF;
background: linear-gradient(top, #FFFFFF 0, #D1D1D1 100%) no-repeat;
background: -webkit-linear-gradient(top, #FFFFFF 0, #D1D1D1 100%) no-repeat;
background: -moz-linear-gradient(top, #FFFFFF 0, #D1D1D1 100%) no-repeat;
background: -o-linear-gradient(top, #FFFFFF 0, #D1D1D1 100%) no-repeat;
background: -ms-linear-gradient(top, #FFFFFF 0, #D1D1D1 100%) no-repeat;
background: linear-gradient(top, #FFFFFF 0, #D1D1D1 100%) no-repeat;
-svg-background: linear-gradient(top, #FFFFFF 0, #D1D1D1 100%) no-repeat;
padding:10px 0;
margin:0 auto;
}
.art-vmenublockheader .t,
.art-vmenublockheader .t a,
.art-vmenublockheader .t a:link,
.art-vmenublockheader .t a:visited,
.art-vmenublockheader .t a:hover
{
color: #3F5369;
font-size: 20px;
font-family: Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;
font-weight: normal;
font-style: normal;
margin: 0 10px;
}
.art-vmenublockheader .t:before
{
content:url('images/vmenublockheadericon.png');
margin-right:6px;
bottom: 3px;
position:relative;
display:inline-block;
vertical-align:middle;
font-size:0;
line-height:0;
}
.opera .art-vmenublockheader .t:before
{
/* Vertical-align:middle in Opera doesn't need additional offset */
bottom: 0;
}
.art-vmenublockcontent
{
background: #EFF2F5;
border:1px solid #9CAFC4;
margin:0 auto;
}
ul.art-vmenu, ul.art-vmenu ul
{
list-style: none;
display: block;
}
ul.art-vmenu, ul.art-vmenu li
{
display: block;
margin: 0;
padding: 0;
width: auto;
line-height: 0;
}
ul.art-vmenu
{
margin-top: 0;
margin-bottom: 0;
}
ul.art-vmenu ul
{
display: none;
margin: 0;
padding: 0;
position: relative;
}
ul.art-vmenu ul.active
{
display: block;
}
ul.art-vmenu>li>a
{
background: #532957;
-webkit-border-radius:9px;
-moz-border-radius:9px;
border-radius:9px;
border:1px solid #FFFFFF;
padding:0 15px;
margin:0 auto;
font-size: 13px;
font-family: Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;
font-weight: normal;
font-style: normal;
text-decoration: none;
color: #FFFFFF;
min-height: 30px;
line-height: 30px;
}
ul.art-vmenu a
{
display: block;
cursor: pointer;
z-index: 1;
position:relative;
}
ul.art-vmenu li{
position:relative;
}
ul.art-vmenu>li
{
margin-top: 0;
}
ul.art-vmenu>li>ul
{
padding: 0;
margin-top: 0;
margin-bottom: 0;
}
ul.art-vmenu>li:first-child
{
margin-top:0;
}
ul.art-vmenu>li>a:hover, ul.art-vmenu>li>a.active:hover
{
background: #E5CDD6;
background: linear-gradient(top, #DFC3CE 0, #F4EBEF 20%, #E6D0D9 50%, #DEC0CC 80%, #E3CAD4 100%) no-repeat;
background: -webkit-linear-gradient(top, #DFC3CE 0, #F4EBEF 20%, #E6D0D9 50%, #DEC0CC 80%, #E3CAD4 100%) no-repeat;
background: -moz-linear-gradient(top, #DFC3CE 0, #F4EBEF 20%, #E6D0D9 50%, #DEC0CC 80%, #E3CAD4 100%) no-repeat;
background: -o-linear-gradient(top, #DFC3CE 0, #F4EBEF 20%, #E6D0D9 50%, #DEC0CC 80%, #E3CAD4 100%) no-repeat;
background: -ms-linear-gradient(top, #DFC3CE 0, #F4EBEF 20%, #E6D0D9 50%, #DEC0CC 80%, #E3CAD4 100%) no-repeat;
background: linear-gradient(top, #DFC3CE 0, #F4EBEF 20%, #E6D0D9 50%, #DEC0CC 80%, #E3CAD4 100%) no-repeat;
-svg-background: linear-gradient(top, #DFC3CE 0, #F4EBEF 20%, #E6D0D9 50%, #DEC0CC 80%, #E3CAD4 100%) no-repeat;
border:1px solid #FFFFFF;
padding:0 15px;
margin:0 auto;
}
ul.art-vmenu>li>a:hover, ul.art-vmenu>li>a.active:hover
{
text-decoration: none;
}
ul.art-vmenu a:hover, ul.art-vmenu a.active:hover
{
color: #723C51;
}
ul.art-vmenu>li>a.active:hover>span.border-top, ul.art-vmenu>li>a.active:hover>span.border-bottom
{
background-color: transparent;
}
ul.art-vmenu>li>a.active
{
background: #AD82B0;
background: linear-gradient(top, #A678AB 0, #BD9BC0 20%, #AF85B2 50%, #A475A9 80%, #AA7EAE 100%) no-repeat;
background: -webkit-linear-gradient(top, #A678AB 0, #BD9BC0 20%, #AF85B2 50%, #A475A9 80%, #AA7EAE 100%) no-repeat;
background: -moz-linear-gradient(top, #A678AB 0, #BD9BC0 20%, #AF85B2 50%, #A475A9 80%, #AA7EAE 100%) no-repeat;
background: -o-linear-gradient(top, #A678AB 0, #BD9BC0 20%, #AF85B2 50%, #A475A9 80%, #AA7EAE 100%) no-repeat;
background: -ms-linear-gradient(top, #A678AB 0, #BD9BC0 20%, #AF85B2 50%, #A475A9 80%, #AA7EAE 100%) no-repeat;
background: linear-gradient(top, #A678AB 0, #BD9BC0 20%, #AF85B2 50%, #A475A9 80%, #AA7EAE 100%) no-repeat;
-svg-background: linear-gradient(top, #A678AB 0, #BD9BC0 20%, #AF85B2 50%, #A475A9 80%, #AA7EAE 100%) no-repeat;
border:1px solid #FFFFFF;
padding:0 15px;
margin:0 auto;
text-decoration: none;
color: #F6F7F8;
}
ul.art-vmenu>li>ul:before
{
-webkit-border-radius:6px;
-moz-border-radius:6px;
border-radius:6px;
margin:0 auto;
display: block;
position: absolute;
content: ' ';
top: 0;
right: 0;
bottom: 0;
left: 0;
}
ul.art-vmenu li li a
{
background: #D9DEE3;
-webkit-border-radius:6px;
-moz-border-radius:6px;
border-radius:6px;
margin:0 auto;
position: relative;
}
ul.art-vmenu ul li
{
margin: 0;
padding: 0;
}
ul.art-vmenu li li{
position: relative;
margin-top: 0;
}
ul.art-vmenu ul a
{
display: block;
position: relative;
min-height: 22px;
overflow: visible;
padding: 0;
padding-left: 27px;
padding-right: 27px;
z-index: 0;
line-height: 22px;
color: #532957;
font-size: 13px;
font-family: Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;
font-weight: normal;
font-style: normal;
text-decoration: none;
margin-left: 0;
margin-right: 0;
}
ul.art-vmenu ul a:visited, ul.art-vmenu ul a.active:hover, ul.art-vmenu ul a:hover, ul.art-vmenu ul a.active
{
line-height: 22px;
color: #532957;
font-size: 13px;
font-family: Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;
font-weight: normal;
font-style: normal;
text-decoration: none;
margin-left: 0;
margin-right: 0;
}
ul.art-vmenu ul ul a
{
padding-left: 54px;
}
ul.art-vmenu ul ul ul a
{
padding-left: 81px;
}
ul.art-vmenu ul ul ul ul a
{
padding-left: 108px;
}
ul.art-vmenu ul ul ul ul ul a
{
padding-left: 135px;
}
ul.art-vmenu ul>li>a:hover, ul.art-vmenu ul>li>a.active:hover
{
background: #EFF2F5;
-webkit-border-radius:6px;
-moz-border-radius:6px;
border-radius:6px;
margin:0 auto;
}
ul.art-vmenu ul li a:hover, ul.art-vmenu ul li a.active:hover
{
text-decoration: none;
color: #A05473;
}
ul.art-vmenu ul a:hover:after
{
background-position: center ;
}
ul.art-vmenu ul a.active:hover:after
{
background-position: center ;
}
ul.art-vmenu ul a.active:after
{
background-position: bottom ;
}
ul.art-vmenu ul>li>a.active
{
background: #B9C2CB;
-webkit-border-radius:6px;
-moz-border-radius:6px;
border-radius:6px;
margin:0 auto;
}
ul.art-vmenu ul a.active, ul.art-vmenu ul a:hover, ul.art-vmenu ul a.active:hover
{
text-decoration: none;
color: #643548;
}
.art-block
{
margin:7px;
}
div.art-block img
{
border: none;
margin: 0;
}
.art-blockheader
{
padding:6px 5px;
margin:0 auto 2px;
}
.art-blockheader .t,
.art-blockheader .t a,
.art-blockheader .t a:link,
.art-blockheader .t a:visited,
.art-blockheader .t a:hover
{
color: #6A7D90;
font-size: 20px;
font-family: Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;
font-weight: normal;
font-style: normal;
margin: 0 5px;
}
.art-blockcontent
{
padding:5px;
margin:0 auto;
color: #2C3A49;
font-size: 13px;
font-family: Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;
line-height: 175%;
}
.art-blockcontent table,
.art-blockcontent li,
.art-blockcontent a,
.art-blockcontent a:link,
.art-blockcontent a:visited,
.art-blockcontent a:hover
{
color: #2C3A49;
font-size: 13px;
font-family: Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;
line-height: 175%;
}
.art-blockcontent p
{
margin: 0 5px;
}
.art-blockcontent a, .art-blockcontent a:link
{
color: #B77690;
font-family: Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;
}
.art-blockcontent a:visited, .art-blockcontent a.visited
{
color: #9CAFC4;
font-family: Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;
text-decoration: none;
}
.art-blockcontent a:hover, .art-blockcontent a.hover
{
color: #A05473;
font-family: Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;
text-decoration: none;
}
.art-block ul>li:before
{
content:url('images/blockbullets.png');
margin-right:6px;
bottom: 2px;
position:relative;
display:inline-block;
vertical-align:middle;
font-size:0;
line-height:0;
margin-left: -12px;
}
.opera .art-block ul>li:before
{
/* Vertical-align:middle in Opera doesn't need additional offset */
bottom: 0;
}
.art-block li
{
font-size: 13px;
font-family: Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;
line-height: 175%;
color: #496079;
margin: 5px 0 0 10px;
}
.art-block ul>li, .art-block ol
{
padding: 0;
}
.art-block ul>li
{
padding-left: 12px;
}
.art-breadcrumbs
{
margin:0 auto;
}
a.art-button,
a.art-button:link,
a:link.art-button:link,
body a.art-button:link,
a.art-button:visited,
body a.art-button:visited,
input.art-button,
button.art-button
{
text-decoration: none;
font-size: 13px;
font-family: Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;
font-weight: normal;
font-style: normal;
position:relative;
display: inline-block;
vertical-align: middle;
white-space: nowrap;
text-align: center;
color: #FFFFFF;
margin: 0 5px 0 0 !important;
overflow: visible;
cursor: pointer;
text-indent: 0;
line-height: 24px;
-webkit-box-sizing: content-box;
-moz-box-sizing: content-box;
box-sizing: content-box;
}
.art-button img
{
margin: 0;
vertical-align: middle;
}
.firefox2 .art-button
{
display: block;
float: left;
}
input, select, textarea, a.art-search-button span
{
vertical-align: middle;
font-size: 13px;
font-family: Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;
font-weight: normal;
font-style: normal;
}
.art-block select
{
width:96%;
}
input.art-button
{
float: none !important;
}
.art-button.active, .art-button.active:hover
{
background: #A1ADBA;
-webkit-border-radius:3px;
-moz-border-radius:3px;
border-radius:3px;
border-width: 0;
padding:0 21px;
margin:0 auto;
}
.art-button.active, .art-button.active:hover {
color: #FFFFFF !important;
}
.art-button.hover, .art-button:hover
{
background: #8A99A8;
-webkit-border-radius:3px;
-moz-border-radius:3px;
border-radius:3px;
border-width: 0;
padding:0 21px;
margin:0 auto;
}
.art-button.hover, .art-button:hover {
color: #FFFFFF !important;
}
input[type="text"], input[type="password"], input[type="email"], input[type="url"], textarea
{
background: #F9FAFB;
-webkit-border-radius:4px;
-moz-border-radius:4px;
border-radius:4px;
border:1px solid #B9C2CB;
margin:0 auto;
}
input[type="text"], input[type="password"], input[type="email"], input[type="url"], textarea
{
width: auto;
padding: 4px 0;
color: #3D5166 !important;
font-size: 13px;
font-family: Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;
font-weight: normal;
font-style: normal;
text-shadow: none;
}
input.art-error, textarea.art-error
{
background: #F9FAFB;
border:1px solid #E2341D;
margin:0 auto;
}
input.art-error, textarea.art-error {
color: #3D5166 !important;
font-size: 13px;
font-family: Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;
font-weight: normal;
font-style: normal;
}
form.art-search input[type="text"]
{
background: #FFFFFF;
-webkit-border-radius:4px;
-moz-border-radius:4px;
border-radius:4px;
border:1px solid #CCD6E0;
margin:0 auto;
width: 100%;
padding: 3px 0;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
color: #542C3C !important;
font-size: 13px;
font-family: Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;
font-weight: normal;
font-style: normal;
}
form.art-search
{
background-image: none;
border: 0;
display:block;
position:relative;
top:0;
padding:0;
margin:5px;
left:0;
line-height: 0;
}
form.art-search input, a.art-search-button
{
top:0;
right:0;
}
form.art-search>input, a.art-search-button{
bottom:0;
left:0;
vertical-align: middle;
}
form.art-search input[type="submit"], input.art-search-button, a.art-search-button
{
margin:0 auto;
}
form.art-search input[type="submit"], input.art-search-button, a.art-search-button {
position:absolute;
left:auto;
display:block;
border:none;
background:url('images/searchicon.png') center center no-repeat;
width:24px;
height: 100%;
padding:0;
color: #FFFFFF !important;
cursor: pointer;
}
a.art-search-button span.art-search-button-text {
display: none;
}
label.art-checkbox:before
{
background: #F9FAFB;
-webkit-border-radius:1px;
-moz-border-radius:1px;
border-radius:1px;
border-width: 0;
margin:0 auto;
width:16px;
height:16px;
}
label.art-checkbox
{
cursor: pointer;
font-size: 13px;
font-family: Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;
font-weight: normal;
font-style: normal;
line-height: 16px;
display: inline-block;
color: #542C3C !important;
}
.art-checkbox>input[type="checkbox"]
{
margin: 0 5px 0 0;
}
label.art-checkbox.active:before
{
background: #CC9EB0;
-webkit-border-radius:1px;
-moz-border-radius:1px;
border-radius:1px;
border-width: 0;
margin:0 auto;
width:16px;
height:16px;
display: inline-block;
}
label.art-checkbox.hovered:before
{
background: #D9DEE3;
-webkit-border-radius:1px;
-moz-border-radius:1px;
border-radius:1px;
border-width: 0;
margin:0 auto;
width:16px;
height:16px;
display: inline-block;
}
label.art-radiobutton:before
{
background: #F9FAFB;
-webkit-border-radius:3px;
-moz-border-radius:3px;
border-radius:3px;
border-width: 0;
margin:0 auto;
width:12px;
height:12px;
}
label.art-radiobutton
{
cursor: pointer;
font-size: 13px;
font-family: Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;
font-weight: normal;
font-style: normal;
line-height: 12px;
display: inline-block;
color: #542C3C !important;
}
.art-radiobutton>input[type="radio"]
{
vertical-align: baseline;
margin: 0 5px 0 0;
}
label.art-radiobutton.active:before
{
background: #B9C2CB;
-webkit-border-radius:3px;
-moz-border-radius:3px;
border-radius:3px;
border-width: 0;
margin:0 auto;
width:12px;
height:12px;
display: inline-block;
}
label.art-radiobutton.hovered:before
{
background: #D9DEE3;
-webkit-border-radius:3px;
-moz-border-radius:3px;
border-radius:3px;
border-width: 0;
margin:0 auto;
width:12px;
height:12px;
display: inline-block;
}
.art-comments
{
border-top:1px dotted #A1ADBA;
margin:0 auto;
margin-top: 25px;
}
.art-comments h2
{
color: #23292F;
}
.art-comment-inner
{
background: #E2E8EE;
background: transparent;
-webkit-border-radius:2px;
-moz-border-radius:2px;
border-radius:2px;
padding:5px;
margin:0 auto;
margin-left: 94px;
}
.art-comment-avatar
{
float:left;
width:80px;
height:80px;
padding:1px;
background:#fff;
border:1px solid #E2E8EE;
}
.art-comment-avatar>img
{
margin:0 !important;
border:none !important;
}
.art-comment-content
{
padding:10px 0;
color: #303F50;
font-family: Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;
}
.art-comment
{
margin-top: 6px;
}
#comment-list>li:first-child>.art-comment
{
margin-top: 0;
}
.art-comment-header
{
color: #23292F;
font-family: Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;
line-height: 100%;
}
.art-comment-header a,
.art-comment-header a:link,
.art-comment-header a:visited,
.art-comment-header a.visited,
.art-comment-header a:hover,
.art-comment-header a.hovered
{
font-family: Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;
line-height: 100%;
}
.art-comment-header a, .art-comment-header a:link
{
font-family: Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;
font-weight: bold;
font-style: normal;
color: #758799;
}
.art-comment-header a:visited, .art-comment-header a.visited
{
font-family: Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;
color: #758799;
}
.art-comment-header a:hover, .art-comment-header a.hovered
{
font-family: Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;
color: #758799;
}
.art-comment-content a,
.art-comment-content a:link,
.art-comment-content a:visited,
.art-comment-content a.visited,
.art-comment-content a:hover,
.art-comment-content a.hovered
{
font-family: Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;
}
.art-comment-content a, .art-comment-content a:link
{
font-family: Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;
color: #894862;
}
.art-comment-content a:visited, .art-comment-content a.visited
{
font-family: Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;
color: #3F5369;
}
.art-comment-content a:hover, .art-comment-content a.hovered
{
font-family: Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;
color: #894862;
}
.art-pager
{
background: #EFF2F5;
background: linear-gradient(top, #FFFFFF 0, #93A8BE 100%) no-repeat;
background: -webkit-linear-gradient(top, #FFFFFF 0, #93A8BE 100%) no-repeat;
background: -moz-linear-gradient(top, #FFFFFF 0, #93A8BE 100%) no-repeat;
background: -o-linear-gradient(top, #FFFFFF 0, #93A8BE 100%) no-repeat;
background: -ms-linear-gradient(top, #FFFFFF 0, #93A8BE 100%) no-repeat;
background: linear-gradient(top, #FFFFFF 0, #93A8BE 100%) no-repeat;
-svg-background: linear-gradient(top, #FFFFFF 0, #93A8BE 100%) no-repeat;
-webkit-border-radius:2px;
-moz-border-radius:2px;
border-radius:2px;
border:1px solid #A1ADBA;
padding:5px;
}
.art-pager>*:last-child
{
margin-right:0 !important;
}
.art-pager>span {
cursor:default;
}
.art-pager>*
{
background: #D9DEE3;
background: linear-gradient(top, #FFFFFF 0, #9EABB7 100%) no-repeat;
background: -webkit-linear-gradient(top, #FFFFFF 0, #9EABB7 100%) no-repeat;
background: -moz-linear-gradient(top, #FFFFFF 0, #9EABB7 100%) no-repeat;
background: -o-linear-gradient(top, #FFFFFF 0, #9EABB7 100%) no-repeat;
background: -ms-linear-gradient(top, #FFFFFF 0, #9EABB7 100%) no-repeat;
background: linear-gradient(top, #FFFFFF 0, #9EABB7 100%) no-repeat;
-svg-background: linear-gradient(top, #FFFFFF 0, #9EABB7 100%) no-repeat;
-webkit-border-radius:2px;
-moz-border-radius:2px;
border-radius:2px;
border:1px solid #D9DEE3;
padding:7px;
margin:0 4px 0 auto;
line-height: normal;
position:relative;
display:inline-block;
margin-left: 0;
}
.art-pager a:link,
.art-pager a:visited,
.art-pager .active
{
line-height: normal;
font-family: Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;
text-decoration: none;
color: #1C2126
;
}
.art-pager .active
{
background: #B6BFC9;
background: linear-gradient(top, #E5E8EB 0, #8796A6 100%) no-repeat;
background: -webkit-linear-gradient(top, #E5E8EB 0, #8796A6 100%) no-repeat;
background: -moz-linear-gradient(top, #E5E8EB 0, #8796A6 100%) no-repeat;
background: -o-linear-gradient(top, #E5E8EB 0, #8796A6 100%) no-repeat;
background: -ms-linear-gradient(top, #E5E8EB 0, #8796A6 100%) no-repeat;
background: linear-gradient(top, #E5E8EB 0, #8796A6 100%) no-repeat;
-svg-background: linear-gradient(top, #E5E8EB 0, #8796A6 100%) no-repeat;
border:1px solid #D9DEE3;
padding:7px;
margin:0 4px 0 auto;
color: #FFFFFF
;
}
.art-pager .more
{
background: #D9DEE3;
background: linear-gradient(top, #FFFFFF 0, #9EABB7 100%) no-repeat;
background: -webkit-linear-gradient(top, #FFFFFF 0, #9EABB7 100%) no-repeat;
background: -moz-linear-gradient(top, #FFFFFF 0, #9EABB7 100%) no-repeat;
background: -o-linear-gradient(top, #FFFFFF 0, #9EABB7 100%) no-repeat;
background: -ms-linear-gradient(top, #FFFFFF 0, #9EABB7 100%) no-repeat;
background: linear-gradient(top, #FFFFFF 0, #9EABB7 100%) no-repeat;
-svg-background: linear-gradient(top, #FFFFFF 0, #9EABB7 100%) no-repeat;
border:1px solid #D9DEE3;
margin:0 4px 0 auto;
}
.art-pager a.more:link,
.art-pager a.more:visited
{
color: #2B171F
;
}
.art-pager a:hover
{
background: #B9C2CB;
background: linear-gradient(top, #E8EBEE 0, #8A99A8 100%) no-repeat;
background: -webkit-linear-gradient(top, #E8EBEE 0, #8A99A8 100%) no-repeat;
background: -moz-linear-gradient(top, #E8EBEE 0, #8A99A8 100%) no-repeat;
background: -o-linear-gradient(top, #E8EBEE 0, #8A99A8 100%) no-repeat;
background: -ms-linear-gradient(top, #E8EBEE 0, #8A99A8 100%) no-repeat;
background: linear-gradient(top, #E8EBEE 0, #8A99A8 100%) no-repeat;
-svg-background: linear-gradient(top, #E8EBEE 0, #8A99A8 100%) no-repeat;
border:1px solid #D9DEE3;
padding:7px;
margin:0 4px 0 auto;
}
.art-pager a:hover,
.art-pager a.more:hover
{
text-decoration: none;
color: #21262C
;
}
.art-pager>*:after
{
margin:0 0 0 auto;
display:inline-block;
position:absolute;
content: ' ';
top:0;
width:0;
height:100%;
right: 0;
text-decoration:none;
}
.art-pager>*:last-child:after{
display:none;
}
.art-commentsform
{
background: #E2E8EE;
background: transparent;
padding:10px;
margin:0 auto;
margin-top:25px;
color: #23292F;
}
.art-commentsform h2{
padding-bottom:10px;
margin: 0;
color: #23292F;
}
.art-commentsform label {
display: inline-block;
line-height: 25px;
}
.art-commentsform input:not([type=submit]), .art-commentsform textarea {
box-sizing: border-box;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
width:100%;
max-width:100%;
}
.art-commentsform .form-submit
{
margin-top: 10px;
}
.art-post
{
padding:5px;
margin:7px;
}
a img
{
border: 0;
}
.art-article img, img.art-article, .art-block img, .art-footer-text img
{
border: 1px dotted #9CAFC4;
margin: 10px 10px 10px 10px;
}
.art-metadata-icons img
{
border: none;
vertical-align: middle;
margin: 2px;
}
.art-article table, table.art-article
{
border-collapse: collapse;
margin: 1px;
}
.art-post .art-content-layout-br
{
height: 0;
}
.art-article th, .art-article td
{
padding: 2px;
border: solid 1px #5A7796;
vertical-align: top;
text-align: left;
}
.art-article th
{
text-align: center;
vertical-align: middle;
padding: 7px;
}
pre
{
overflow: auto;
padding: 0.1em;
}
.preview-cms-logo
{
border: 0;
margin: 1em 1em 0 0;
float: left;
}
.image-caption-wrapper
{
padding: 10px 10px 10px 10px;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
.image-caption-wrapper img
{
margin: 0 !important;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
.image-caption-wrapper div.art-collage
{
margin: 0 !important;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
.image-caption-wrapper p
{
font-size: 80%;
text-align: right;
margin: 0;
}
.art-postheader
{
color: #4E6883;
margin: 5px 10px;
font-size: 24px;
font-family: Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;
font-weight: normal;
font-style: normal;
}
.art-postheader a,
.art-postheader a:link,
.art-postheader a:visited,
.art-postheader a.visited,
.art-postheader a:hover,
.art-postheader a.hovered
{
font-size: 24px;
font-family: Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;
font-weight: normal;
font-style: normal;
}
.art-postheader a, .art-postheader a:link
{
font-family: Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;
text-decoration: none;
text-align: left;
color: #BC8098;
}
.art-postheader a:visited, .art-postheader a.visited
{
font-family: Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;
text-decoration: none;
text-align: left;
color: #708BA9;
}
.art-postheader a:hover, .art-postheader a.hovered
{
font-family: Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;
text-decoration: none;
text-align: left;
color: #BA7D95;
}
.art-postmetadataheader
{
background: #C9D3DE;
background: rgba(201, 211, 222, 0.7);
margin:0 auto;
position:relative;
z-index:1;
padding: 1px;
margin-top: 5px;
}
.art-postheadericons,
.art-postheadericons a,
.art-postheadericons a:link,
.art-postheadericons a:visited,
.art-postheadericons a:hover
{
font-family: Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;
color: #3F5369;
}
.art-postheadericons
{
padding: 1px;
margin: 0 0 0 10px;
}
.art-postheadericons a, .art-postheadericons a:link
{
font-family: Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;
text-decoration: none;
color: #A75878;
}
.art-postheadericons a:visited, .art-postheadericons a.visited
{
font-family: Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;
font-weight: normal;
font-style: normal;
text-decoration: none;
color: #4D6580;
}
.art-postheadericons a:hover, .art-postheadericons a.hover
{
font-family: Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;
font-weight: normal;
font-style: normal;
text-decoration: underline;
color: #864660;
}
.art-postdateicon:before
{
content:url('images/postdateicon.png');
margin-right:6px;
position:relative;
display:inline-block;
vertical-align:middle;
font-size:0;
line-height:0;
bottom: auto;
}
.opera .art-postdateicon:before
{
/* Vertical-align:middle in Opera doesn't need additional offset */
bottom: 0;
}
.art-postauthoricon:before
{
content:url('images/postauthoricon.png');
margin-right:6px;
position:relative;
display:inline-block;
vertical-align:middle;
font-size:0;
line-height:0;
bottom: auto;
}
.opera .art-postauthoricon:before
{
/* Vertical-align:middle in Opera doesn't need additional offset */
bottom: 0;
}
.art-postediticon:before
{
content:url('images/postediticon.png');
margin-right:6px;
position:relative;
display:inline-block;
vertical-align:middle;
font-size:0;
line-height:0;
bottom: auto;
}
.opera .art-postediticon:before
{
/* Vertical-align:middle in Opera doesn't need additional offset */
bottom: 0;
}
.art-postcontent ul>li:before, .art-post ul>li:before, .art-textblock ul>li:before
{
content:url('images/postbullets.png');
margin-right:6px;
bottom: 2px;
position:relative;
display:inline-block;
vertical-align:middle;
font-size:0;
line-height:0;
}
.opera .art-postcontent ul>li:before, .opera .art-post ul>li:before, .opera .art-textblock ul>li:before
{
/* Vertical-align:middle in Opera doesn't need additional offset */
bottom: 0;
}
.art-postcontent li, .art-post li, .art-textblock li
{
font-family: Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;
color: #303F50;
margin: 3px 0 0 11px;
}
.art-postcontent ul>li, .art-post ul>li, .art-textblock ul>li, .art-postcontent ol, .art-post ol, .art-textblock ol
{
padding: 0;
}
.art-postcontent ul>li, .art-post ul>li, .art-textblock ul>li
{
padding-left: 13px;
}
.art-postcontent ul>li:before, .art-post ul>li:before, .art-textblock ul>li:before
{
margin-left: -13px;
}
.art-postcontent ol, .art-post ol, .art-textblock ol, .art-postcontent ul, .art-post ul, .art-textblock ul
{
margin: 1em 0 1em 11px;
}
.art-postcontent li ol, .art-post li ol, .art-textblock li ol, .art-postcontent li ul, .art-post li ul, .art-textblock li ul
{
margin: 0.5em 0 0.5em 11px;
}
.art-postcontent li, .art-post li, .art-textblock li
{
margin: 3px 0 0 0;
}
.art-postcontent ol>li, .art-post ol>li, .art-textblock ol>li
{
/* overrides overflow for "ul li" and sets the default value */
overflow: visible;
}
.art-postcontent ul>li, .art-post ul>li, .art-textblock ul>li
{
/* makes "ul li" not to align behind the image if they are in the same line */
overflow-x: visible;
overflow-y: hidden;
}
blockquote
{
background: #EFF2F5 url('images/postquote.png') no-repeat scroll;
padding:10px 10px 10px 47px;
margin:0 0 0 20px;
color: #0D1216;
font-family: Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;
font-weight: normal;
font-style: italic;
text-align: left;
/* makes block not to align behind the image if they are in the same line */
overflow: auto;
clear:both;
}
blockquote a, .art-postcontent blockquote a, .art-blockcontent blockquote a, .art-footer-text blockquote a,
blockquote a:link, .art-postcontent blockquote a:link, .art-blockcontent blockquote a:link, .art-footer-text blockquote a:link,
blockquote a:visited, .art-postcontent blockquote a:visited, .art-blockcontent blockquote a:visited, .art-footer-text blockquote a:visited,
blockquote a:hover, .art-postcontent blockquote a:hover, .art-blockcontent blockquote a:hover, .art-footer-text blockquote a:hover
{
color: #0D1216;
font-family: Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;
font-weight: normal;
font-style: italic;
text-align: left;
}
/* Override native 'p' margins*/
blockquote p,
.art-postcontent blockquote p,
.art-blockcontent blockquote p,
.art-footer-text blockquote p
{
margin: 0;
margin: 5px 0;
}
.art-footer
{
background: #532957;
-webkit-border-radius:0 0 14px 14px;
-moz-border-radius:0 0 14px 14px;
border-radius:0 0 14px 14px;
border-top:1px dotted #9CAFC4;
padding:25px;
margin:0 auto;
position: relative;
color: #FFFFFF;
font-size: 13px;
font-family: Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;
line-height: 175%;
text-align: center;
}
.art-footer-text a,
.art-footer-text a:link,
.art-footer-text a:visited,
.art-footer-text a:hover,
.art-footer-text td,
.art-footer-text th,
.art-footer-text caption
{
color: #FFFFFF;
font-size: 13px;
font-family: Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;
line-height: 175%;
}
.art-footer-text p
{
padding:0;
text-align: center;
}
.art-footer-text a,
.art-footer-text a:link
{
color: #99ADC2;
font-family: Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;
text-decoration: none;
}
.art-footer-text a:visited
{
color: #8098B3;
font-family: Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;
text-decoration: none;
}
.art-footer-text a:hover
{
color: #C794A8;
font-family: Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;
text-decoration: underline;
}
.art-footer-text h1
{
color: #8A99A8;
font-family: Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;
}
.art-footer-text h2
{
color: #A1ADBA;
font-family: Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;
}
.art-footer-text h3
{
color: #B97993;
font-family: Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;
}
.art-footer-text h4
{
color: #9CAFC4;
font-family: Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;
}
.art-footer-text h5
{
color: #9CAFC4;
font-family: Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;
}
.art-footer-text h6
{
color: #9CAFC4;
font-family: Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;
}
.art-footer-text img
{
border: none;
margin: 0;
}
.art-rss-tag-icon
{
background: url('images/footerrssicon.png') no-repeat scroll;
margin:0 auto;
min-height:63px;
min-width:187px;
display: inline-block;
text-indent: 190px;
background-position: left center;
}
.art-rss-tag-icon:empty
{
vertical-align: middle;
}
.art-facebook-tag-icon
{
background: url('images/footerfacebookicon.png') no-repeat scroll;
margin:0 auto;
min-height:32px;
min-width:32px;
display: inline-block;
text-indent: 35px;
background-position: left center;
}
.art-facebook-tag-icon:empty
{
vertical-align: middle;
}
.art-twitter-tag-icon
{
background: url('images/footertwittericon.png') no-repeat scroll;
margin:0 auto;
min-height:32px;
min-width:32px;
display: inline-block;
text-indent: 35px;
background-position: left center;
}
.art-twitter-tag-icon:empty
{
vertical-align: middle;
}
.art-footer-text ul>li:before
{
content:url('images/footerbullets.png');
margin-right:6px;
bottom: 2px;
position:relative;
display:inline-block;
vertical-align:middle;
font-size:0;
line-height:0;
margin-left: -13px;
}
.opera .art-footer-text ul>li:before
{
/* Vertical-align:middle in Opera doesn't need additional offset */
bottom: 0;
}
.art-footer-text li
{
font-size: 13px;
font-family: Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;
color: #ECDAE1;
}
.art-footer-text ul>li, .art-footer-text ol
{
padding: 0;
}
.art-footer-text ul>li
{
padding-left: 13px;
}
.art-page-footer,
.art-page-footer a,
.art-page-footer a:link,
.art-page-footer a:visited,
.art-page-footer a:hover
{
font-family: Arial;
font-size: 10px;
letter-spacing: normal;
word-spacing: normal;
font-style: normal;
font-weight: normal;
text-decoration: underline;
color: #C4CCD4;
}
.art-page-footer
{
position: relative;
z-index: auto !important;
padding: 1em;
text-align: center !important;
text-decoration: none;
color: #263340;
}
.art-lightbox-wrapper
{
background: #333;
background: rgba(0, 0, 0, .8);
bottom: 0;
left: 0;
padding: 0 100px;
position: fixed;
right: 0;
text-align: center;
top: 0;
z-index: 1000000;
}
.art-lightbox,
.art-lightbox-wrapper .art-lightbox-image
{
cursor: pointer;
}
.art-lightbox-wrapper .art-lightbox-image
{
border: 6px solid #fff;
border-radius: 3px;
display: none;
max-width: 100%;
vertical-align: middle;
}
.art-lightbox-wrapper .art-lightbox-image.active
{
display: inline-block;
}
.art-lightbox-wrapper .lightbox-error
{
background: #fff;
border: 1px solid #b4b4b4;
border-radius: 10px;
box-shadow: 0 2px 5px #333;
height: 80px;
opacity: .95;
padding: 20px;
position: fixed;
width: 300px;
z-index: 100;
}
.art-lightbox-wrapper .loading
{
background: #fff url('images/preloader-01.gif') center center no-repeat;
border: 1px solid #b4b4b4;
border-radius: 10px;
box-shadow: 0 2px 5px #333;
height: 32px;
opacity: .5;
padding: 10px;
position: fixed;
width: 32px;
z-index: 10100;
}
.art-lightbox-wrapper .arrow
{
cursor: pointer;
height: 100px;
opacity: .5;
filter: alpha(opacity=50);
position: fixed;
width: 82px;
z-index: 10003;
}
.art-lightbox-wrapper .arrow.left
{
left: 9px;
}
.art-lightbox-wrapper .arrow.right
{
right: 9px;
}
.art-lightbox-wrapper .arrow:hover
{
opacity: 1;
filter: alpha(opacity=100);
}
.art-lightbox-wrapper .arrow.disabled
{
display: none;
}
.art-lightbox-wrapper .arrow-t,
.art-lightbox-wrapper .arrow-b
{
background-color: #fff;
border-radius: 3px;
height: 6px;
left: 26px;
position: relative;
width: 30px;
}
.art-lightbox-wrapper .arrow-t
{
top: 38px;
}
.art-lightbox-wrapper .arrow-b
{
top: 50px;
}
.art-lightbox-wrapper .close
{
cursor: pointer;
height: 22px;
opacity: .5;
filter: alpha(opacity=50);
position: fixed;
right: 39px;
top: 30px;
width: 22px;
z-index: 10003;
}
.art-lightbox-wrapper .close:hover
{
opacity: 1;
filter: alpha(opacity=100);
}
.art-lightbox-wrapper .close .cw,
.art-lightbox-wrapper .close .ccw
{
background-color: #fff;
border-radius: 3px;
height: 6px;
position: absolute;
left: -4px;
top: 8px;
width: 30px;
}
.art-lightbox-wrapper .cw
{
transform: rotate(45deg);
-ms-transform: rotate(45deg);
/* IE 9 */
-webkit-transform: rotate(45deg);
/* Safari and Chrome */
-o-transform: rotate(45deg);
/* Opera */
-moz-transform: rotate(45deg);
/* Firefox */}
.art-lightbox-wrapper .ccw
{
transform: rotate(-45deg);
-ms-transform: rotate(-45deg);
/* IE 9 */
-webkit-transform: rotate(-45deg);
/* Safari and Chrome */
-o-transform: rotate(-45deg);
/* Opera */
-moz-transform: rotate(-45deg);
/* Firefox */}
.art-lightbox-wrapper .close-alt,
.art-lightbox-wrapper .arrow-right-alt,
.art-lightbox-wrapper .arrow-left-alt
{
color: #fff;
display: none;
font-size: 2.5em;
line-height: 100%;
}
.ie8 .art-lightbox-wrapper .close-alt,
.ie8 .art-lightbox-wrapper .arrow-right-alt,
.ie8 .art-lightbox-wrapper .arrow-left-alt
{
display: block;
}
.ie8 .art-lightbox-wrapper .cw,
.ie8 .art-lightbox-wrapper .ccw
{
display: none;
}
.art-content-layout .art-sidebar1
{
background: #EFF2F5;
border-right:1px solid #A3B4C8;
margin:0 auto;
width: 200px;
}
.art-content-layout .art-content
{
margin:0 auto;
}
#comment
{
width:99%;
}
#comments-list, #comments-list .comment
{
background: none;
padding:0;
margin:0;
overflow: visible;
}
#comments-list .comment:before, #comments-list .comment:after
{
display:none;
}
#comments-list .comment .comment
{
margin-left: 20px;
}
span.page-navi-outer, span.page-navi-inner
{
position:relative;
display:block;
float:left;
margin:0;
padding:0;
}
span.page-navi-outer
{
margin: 1px;
border: 1px solid #aaa;
}
span.page-navi-inner
{
padding: 1px;
min-width:14px;
line-height:18px;
text-align:center;
border: 2px solid #fff;
font-weight:bold;
}
a span.page-navi-inner, span.page-navi-caption span.page-navi-inner
{
border-width:1px;
font-weight:normal;
}
a span.page-navi-outer, span.page-navi-caption
{
margin:2px 1px;
}
ul#comments-list li cite
{
font-size: 1.2em;
}
#commentform textarea
{
width: 100%;
}
#commentform
{
text-align:left;
}
.rtl #commentform
{
text-align:right;
}
img.wp-smiley
{
border: none;
margin: 1px;
vertical-align:middle;
padding: 0;
}
.navigation
{
display: block;
text-align: center;
}
/* Recommended by http://codex.wordpress.org/CSS */
/* Begin */
.aligncenter, div.aligncenter, .art-article .aligncenter img, .aligncenter img.art-article, .aligncenter img, img.aligncenter
{
display: block;
margin-left: auto;
margin-right: auto;
}
p.aligncenter , p.center
{
text-align: center;
}
.alignleft
{
float: left;
}
.alignright
{
float: right;
}
.wp-caption
{
border: 1px solid #ddd;
background-color: #f3f3f3;
padding-top: 4px;
margin: 10px;
}
.wp-caption img
{
margin: 0;
padding: 0;
border: 0 none;
}
.wp-caption p.wp-caption-text
{
font-size: 11px;
line-height: 17px;
padding: 0 4px 5px;
margin: 0;
}
.wp-caption, .wp-caption p
{
text-align: center;
}
.gallery {
margin: 0 auto 18px;
clear:both;
overflow:hidden;
}
.gallery .gallery-item {
float: left;
margin-top: 0;
text-align: center;
width: 33%;
}
.gallery img {
border: 2px solid #cfcfcf;
}
.gallery .gallery-caption {
color: #888;
font-size: 12px;
margin: 0 0 12px;
}
.gallery dl {
margin: 0;
}
.gallery img {
border: 10px solid #f1f1f1;
}
.gallery br+br {
display: none;
}
/* End */
.hidden
{
display: none;
}
/* Calendar */
#wp-calendar {
empty-cells: show;
margin: 10px auto 0;
width: 155px;
}
#wp-calendar #next a {
padding-right: 10px;
text-align: right;
}
#wp-calendar #prev a {
padding-left: 10px;
text-align: left;
}
#wp-calendar a {
display: block;
}
#wp-calendar caption {
text-align: center;
width: 100%;
}
#wp-calendar td {
padding: 3px 0;
text-align: center;
}
.gallery {
letter-spacing: normal;
}
.art-content {
position: relative;
z-index: 1;
}
#todays-events{
position: relative;
z-index: 11;
}
#upcoming-events{
position: relative;
z-index: 10;
}
img.wp-post-image
{
margin:0 5px 5px 0 !important;
}
ul#comments-list li
{
list-style-image: none;
background:none;
list-style-type:none;
}
div.art-footer div.art-content-layout
{
margin:0 auto;
width:100%;
}
div.art-layout-cell-size1
{
width:100%;
}
div.art-layout-cell-size2
{
width:50%;
}
div.art-layout-cell-size3
{
width:33%;
}
div.art-layout-cell-size4
{
width:25%;
}
.art-widget-title
{
padding:0 0 0 24px;
margin-bottom:0;
}
div.art-center-wrapper
{
position: relative;
float: right;
right: 50%;
}
div.art-center-inner
{
position: relative;
float: left;
left: 50%;
}
.firefox2 div.art-center-inner
{
float: none;
}
.art-hmenu-extra1, .art-hmenu-extra2 {
font-size:12px;
}
div.breadcrumbs h4,
div.breadcrumbs p,
li.pingback p,
#respond p,
h3#reply-title,
h4#comments,
h4.box-title
{
margin:0;
}
#respond .comment-notes {
margin-bottom: 1em;
}
.form-allowed-tags {
line-height: 1em;
}
#comments-list #respond {
margin-left: 27px !important;
}
#cancel-comment-reply-link {
font-size: 12px;
font-weight: normal;
line-height: 18px;
}
#respond .required {
color: #ff4b33;
font-weight: bold;
}
#respond label {
font-size: 12px;
}
#respond input {
margin: 0 0 9px;
width: 98%;
}
#respond textarea {
width: 98%;
}
#respond .form-allowed-tags {
font-size: 12px;
line-height: 18px;
}
#respond .form-allowed-tags code {
font-size: 11px;
}
#respond .form-submit {
margin: 12px 0;
}
#respond .form-submit input {
width: auto;
}
.art-footer .art-widget-title
{
font-size:1.2em;
padding: 0;
}
.art-footer .art-widget,
.art-footer .art-widget a,
.art-footer .art-widget a:link,
.art-footer .art-widget a:visited,
.art-footer .art-widget a:hover
{
text-align: left;
}
DIV[id^="GMPmap"] IMG
{
margin: 0px;
}
/* Begin Additional CSS Styles */
/* End Additional CSS Styles */