﻿/* niconne-regular - latin */
@font-face {
   font-family: 'Niconne';
   font-style: normal;
   font-weight: 400;
   src: url('fonts/niconne-v9-latin-regular.eot'); /* IE9 Compat Modes */
   src: local('Niconne'), local('Niconne-Regular'),
        url('fonts/niconne-v9-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
        url('fonts/niconne-v9-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
        url('fonts/niconne-v9-latin-regular.woff') format('woff'), /* Modern Browsers */
        url('fonts/niconne-v9-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
        url('fonts/niconne-v9-latin-regular.svg#Niconne') format('svg'); /* Legacy iOS */
 }
 
#pet-main, table
{
   font-family: Verdana, Geneva, Arial, Helvetica, Sans-Serif;
   font-style: normal;
   font-weight: normal;
   font-size: 14px;
}

h1, h2, h3, h4, h5, h6, p, a, ul, ol, li
{
   margin: 0;
   padding: 0;
}

.pet-postcontent,
.pet-postheadericons,
.pet-postfootericons,
.pet-blockcontent-body,
ul.pet-vmenu a 
{
   text-align: left;
}

.pet-postcontent,
.pet-postcontent li,
.pet-postcontent table,
.pet-postcontent a,
.pet-postcontent a:link,
.pet-postcontent a:visited,
.pet-postcontent a.visited,
.pet-postcontent a:hover,
.pet-postcontent a.hovered
{
   font-family: Verdana, Geneva, Arial, Helvetica, Sans-Serif;
}

.pet-postcontent p
{
   margin: 12px 0;
}

.pet-postcontent h1, .pet-postcontent h1 a, .pet-postcontent h1 a:link, .pet-postcontent h1 a:visited, .pet-postcontent h1 a:hover,
.pet-postcontent h2, .pet-postcontent h2 a, .pet-postcontent h2 a:link, .pet-postcontent h2 a:visited, .pet-postcontent h2 a:hover,
.pet-postcontent h3, .pet-postcontent h3 a, .pet-postcontent h3 a:link, .pet-postcontent h3 a:visited, .pet-postcontent h3 a:hover,
.pet-postcontent h4, .pet-postcontent h4 a, .pet-postcontent h4 a:link, .pet-postcontent h4 a:visited, .pet-postcontent h4 a:hover,
.pet-postcontent h5, .pet-postcontent h5 a, .pet-postcontent h5 a:link, .pet-postcontent h5 a:visited, .pet-postcontent h5 a:hover,
.pet-postcontent h6, .pet-postcontent h6 a, .pet-postcontent h6 a:link, .pet-postcontent h6 a:visited, .pet-postcontent h6 a:hover,
.pet-blockheader .t, .pet-blockheader .t a, .pet-blockheader .t a:link, .pet-blockheader .t a:visited, .pet-blockheader .t a:hover,
.pet-vmenublockheader .t, .pet-vmenublockheader .t a, .pet-vmenublockheader .t a:link, .pet-vmenublockheader .t a:visited, .pet-vmenublockheader .t a:hover,
.pet-logo-name, .pet-logo-name a, .pet-logo-name a:link, .pet-logo-name a:visited, .pet-logo-name a:hover,
.pet-logo-text, .pet-logo-text a, .pet-logo-text a:link, .pet-logo-text a:visited, .pet-logo-text a:hover,
.pet-postheader, .pet-postheader a, .pet-postheader a:link, .pet-postheader a:visited, .pet-postheader a:hover
{
   font-family: "Trebuchet MS", Arial, Helvetica, Sans-Serif;
   font-style: normal;
   font-weight: bold;
   font-size: 29px;
   text-decoration: none;
}

.pet-postcontent a
{
   text-decoration: underline;
   color: #1A1A1A;
}

.pet-postcontent a:link
{
   text-decoration: underline;
   color: #1A1A1A;
}

.pet-postcontent a:visited, .pet-postcontent a.visited
{
   color: #1A1A1A;
}

.pet-postcontent  a:hover, .pet-postcontent a.hover
{
   text-decoration: none;
   color: #872C14;
}

.pet-postcontent h1
{
   color: #872C14;
   margin: 10px 0 0;
   font-size: 48px;
   font-family: Niconne, Verdana, Geneva, Arial, Helvetica, Sans-Serif;
   }

.pet-blockcontent h1
{
   margin: 10px 0 0;
   font-size: 48px;
   font-family: Niconne, Verdana, Geneva, Arial, Helvetica, Sans-Serif;
}

.pet-postcontent h2
{
   color: #872C14;
   margin: 10px 0 0;
   font-size: 28px;
   font-family: Niconne, Verdana, Geneva, Arial, Helvetica, Sans-Serif;
  
}

.pet-blockcontent h2
{
   margin: 10px 0 0;
   font-size: 28px;
   font-family: Niconne, Verdana, Geneva, Arial, Helvetica, Sans-Serif;

}

.pet-postcontent h2 a, .pet-postcontent h2 a:link, .pet-postcontent h2 a:hover, .pet-postcontent h2 a:visited, .pet-blockcontent h2 a, .pet-blockcontent h2 a:link, .pet-blockcontent h2 a:hover, .pet-blockcontent h2 a:visited 
{
   font-size: 24px;
   font-family: Verdana, Geneva, Arial, Helvetica, Sans-Serif;
   font-variant: small-caps;
}

.pet-postcontent h3
{
   color: #872C14;
   margin: 10px 0 0;
   font-size: 22px;
   font-family: Verdana, Geneva, Arial, Helvetica, Sans-Serif;
   font-variant: small-caps;
}

.pet-blockcontent h3
{
   margin: 10px 0 0;
   font-size: 22px;
   font-family: Verdana, Geneva, Arial, Helvetica, Sans-Serif;
   font-variant: small-caps;
}

.pet-postcontent h3 a, .pet-postcontent h3 a:link, .pet-postcontent h3 a:hover, .pet-postcontent h3 a:visited, .pet-blockcontent h3 a, .pet-blockcontent h3 a:link, .pet-blockcontent h3 a:hover, .pet-blockcontent h3 a:visited 
{
   font-size: 22px;
   font-family: Verdana, Geneva, Arial, Helvetica, Sans-Serif;
   font-variant: small-caps;
}

.pet-postcontent h4
{
   color: #121212;
   margin: 10px 0 0;
   font-size: 18px;
   font-family: Verdana, Geneva, Arial, Helvetica, Sans-Serif;
}

.pet-blockcontent h4
{
   margin: 10px 0 0;
   font-size: 18px;
   font-family: Verdana, Geneva, Arial, Helvetica, Sans-Serif;
}

.pet-postcontent h4 a, .pet-postcontent h4 a:link, .pet-postcontent h4 a:hover, .pet-postcontent h4 a:visited, .pet-blockcontent h4 a, .pet-blockcontent h4 a:link, .pet-blockcontent h4 a:hover, .pet-blockcontent h4 a:visited 
{
   font-size: 18px;
   font-family: Verdana, Geneva, Arial, Helvetica, Sans-Serif;
}

.pet-postcontent h5
{
   color: #473300;
   margin: 10px 0 0;
   font-size: 15px;
}

.pet-blockcontent h5
{
   margin: 10px 0 0;
   font-size: 15px;
}

.pet-postcontent h5 a, .pet-postcontent h5 a:link, .pet-postcontent h5 a:hover, .pet-postcontent h5 a:visited, .pet-blockcontent h5 a, .pet-blockcontent h5 a:link, .pet-blockcontent h5 a:hover, .pet-blockcontent h5 a:visited 
{
   font-size: 15px;
}

.pet-postcontent h6
{
   color: #6B4D00;
   margin: 10px 0 0;
   font-size: 14px;
}

.pet-blockcontent h6
{
   margin: 10px 0 0;
   font-size: 14px;
}

.pet-postcontent h6 a, .pet-postcontent h6 a:link, .pet-postcontent h6 a:hover, .pet-postcontent h6 a:visited, .pet-blockcontent h6 a, .pet-blockcontent h6 a:link, .pet-blockcontent h6 a:hover, .pet-blockcontent h6 a:visited 
{
   font-size: 14px;
}

ul
{
   list-style-type: none;
}

ol
{
   list-style-position: inside;
}

html, body
{
   height:100%;
}

#pet-main
{
   position: relative;
   z-index: 0;
   width: 100%;
   min-height: 100%;
   left: 0;
   top: 0;
   cursor:default;
   overflow:hidden;
}

body
{
   padding: 0;
   margin:0;
   min-width: 900px;
   color: #121212;
   background-color: #002657;
   background-image: url('images/bottom_texture.jpg');
   background-repeat: repeat-y;
   background-attachment: fixed;
   background-position: top center;
}

.cleared
{
   display:block;
   clear: both;
   float: none;
   margin: 0;
   padding: 0;
   border: none;
   font-size: 0;
   height:0;
   overflow:hidden;
}

.reset-box
{
   overflow:hidden;
   display:table;
}

form
{
   padding: 0 !important;
   margin: 0 !important;
}

table.position
{
   position: relative;
   width: 100%;
   table-layout: fixed;
}

/* Start Box */
.pet-box, .pet-box-body {
   margin:0 auto;
   position:relative;
}
.pet-box:before, .pet-box:after, .pet-box-body:before, .pet-box-body:after {
   position:absolute;
   top:0;
   bottom:0;
   content:' ';
   background-repeat: no-repeat;
   line-height:0;
}
.pet-box:before,.pet-box-body:before{
   left:0;
}
.pet-box:after,.pet-box-body:after{
   right:0;
}
.pet-box:before {
   overflow:hidden;
   background-position: bottom left;
   direction: ltr;
   z-index:-3;
}
.pet-box:after {
   background-position: bottom right;
   z-index:-3;
}
.pet-box-body:before, .pet-box-body:after {
   background-repeat:repeat-y;
}
.pet-box-body:before {
   background-position: top left;
   z-index:-3;
}
.pet-box-body:after {
   background-position: top right;
   z-index:-3;
}

.pet-box .pet-box:before, .pet-box .pet-box:after, .pet-box-body .pet-box-body:before, .pet-box-body .pet-box-body:after {
   z-index:-2;
}
.pet-box .pet-box .pet-box:before, .pet-box .pet-box .pet-box:after, .pet-box-body .pet-box-body .pet-box-body:before, .pet-box-body .pet-box-body .pet-box-body:after {
   z-index:-1;
}
/* End Box */

/* Start Bar */
.pet-bar {
   position:relative;
}
.pet-bar:before, .pet-bar:after {
   position:absolute;
   top:0;
   bottom:0;
   content:' ';
   background-repeat:repeat;
   z-index:-1;
}
.pet-bar:before {
   left:0;
   background-position: top left;
}
.pet-bar:after {
   right:0;
   background-position: top right;
}
/* End Bar */

li h1, .pet-postcontent li h1, .pet-blockcontent-body li h1 
{
   margin:1px;
} 
li h2, .pet-postcontent li h2, .pet-blockcontent-body li h2 
{
   margin:1px;
} 
li h3, .pet-postcontent li h3, .pet-blockcontent-body li h3 
{
   margin:1px;
} 
li h4, .pet-postcontent li h4, .pet-blockcontent-body li h4 
{
   margin:1px;
} 
li h5, .pet-postcontent li h5, .pet-blockcontent-body li h5 
{
   margin:1px;
} 
li h6, .pet-postcontent li h6, .pet-blockcontent-body li h6 
{
   margin:1px;
} 
li p, .pet-postcontent li p, .pet-blockcontent-body li p 
{
   margin:1px;
}

/* end Page */

/* begin Box, Sheet */
.pet-sheet
{
   max-width:900px;
   margin-top: 27px;
   margin-bottom: -3px;
   cursor:auto;
   width: 900px;
}
.pet-sheet-body 
{
   padding:7px;
   min-width:22px;
   min-height:22px;
   padding-top:7px;
   padding-bottom:7px;
}
.pet-sheet:before, .pet-sheet:after 
{
   content: url('images/sheet_t.png');
   font-size: 0;
   background-image: url('images/sheet_b.png');
}
.pet-sheet:after{
   clip:rect(auto, auto, auto, 882px);
}
.pet-sheet:before,.pet-sheet-body:before{
   right:18px;
}
.pet-sheet-body:after{
   width: 18px;
   top:18px;
   bottom:18px;
   background-image:url('images/sheet.png');
}
.pet-sheet-body:before{
   top:18px;
   bottom:18px;
   background-image:url('images/sheet.png');
}

/* end Box, Sheet */

/* begin Header */
div.pet-header
{
   margin: 0 auto;
   position: relative;
   width:100%;
   height: 225px;
   margin-top: 0;
   margin-bottom: 0;
}

.pet-header:before
{
   position: absolute;
   display:block;
   content:' ';
   z-index:-2;
   top: 0;
   width:100%;
   height: 225px;
   background-image: url('images/header.png');
   background-repeat: no-repeat;
   background-position:top center;
}

.pet-header:after
{
   position: absolute;
   z-index:-1;
   display:block;
   content:' ';
   top: 0;
   left:3px;
   right:3px;
   height: 225px;
   background-image: url('images/header.jpg');
   background-repeat: no-repeat;
   background-position: center center;
}
/* end Header */

/* begin Logo */
div.pet-logo
{
   display: block;
   position: absolute;
   top: 20px;
   left: 0;
   margin-left: 0;
}



#headline, #slogan 
{
   display: block;
   min-width: 150px;
   text-align: left;
}
/* end Logo */

/* begin Layout */
.pet-layout-wrapper
{
   position:relative;
   margin:2px auto 0 auto;
}

.pet-content-layout
{
   display: table;
   width:100%;
   table-layout: fixed;
   border-collapse: collapse;
}

.pet-content-layout-row {
   display: table-row;
}

.pet-layout-cell
{
   display: table-cell;
   vertical-align: top;
}
/* end Layout */

/* begin Box, Block, VMenuBlock */
.pet-vmenublock
{
   max-width:886px;
   margin: 10px;
}
.pet-vmenublock-body 
{
   padding:0;
}

/* end Box, Block, VMenuBlock */

/* begin Box, Box, VMenuBlockContent */
.pet-vmenublockcontent
{
   max-width:886px;
}
.pet-vmenublockcontent-body 
{
   padding:0;
}

/* end Box, Box, VMenuBlockContent */

/* begin VMenu */
ul.pet-vmenu, ul.pet-vmenu ul
{
   list-style: none;
   display: block;
}

ul.pet-vmenu, ul.pet-vmenu li
{
   display: block;
   margin: 0;
   padding: 0;
   width: auto;
   line-height: 0;
}

ul.pet-vmenu
{
   margin-top: 0;
   margin-bottom: 0;
}

/* end VMenu */

/* begin VMenuItem */
ul.pet-vmenu a 
{
   display: block;
   cursor: pointer;
   z-index:0;
   text-decoration: none;
   font-family: Niconne, Verdana, Geneva, Arial, Helvetica, Sans-Serif;
   font-style: normal;
   font-weight: normal;
   font-size: 26px;
   margin-left:0;
   margin-right:0;
   position:relative;
}

ul.pet-vmenu ul, ul.pet-vmenu li{
   position:relative;
}

ul.pet-vmenu>li>a 
{
   color: #141414;
   padding: 0 11px 0 27px;
   height: 34px;
   line-height: 34px;
   white-space: nowrap;
}

ul.pet-vmenu>li>a.active {
   color: #0D0D0D;
}
ul.pet-vmenu a:hover, ul.pet-vmenu a.active:hover {
   color: #872C14;
}

ul.pet-vmenu>li>a:before, ul.pet-vmenu>li>a:after 
{
   position: absolute;
   display: block;
   content: ' ';
   z-index:-1;
   background-image: url('images/vmenuitem.png');
   top:0;
   height:34px;
}

ul.pet-vmenu>li>a:before{
   left: 0;
   right: 22px;
   background-position: top left;
}
ul.pet-vmenu>li>a:after{
   width: 22px;
   right: 0;
   background-position: top right;
}
ul.pet-vmenu>li>a.active:before {
   background-position: bottom left;
}
ul.pet-vmenu>li>a.active:after {
   background-position: bottom right;
}
ul.pet-vmenu>li>a:hover:before  {
   background-position: center left;
}
ul.pet-vmenu>li>a:hover:after {
   background-position: center right;
}

ul.pet-vmenu>li{
   margin-top:4px;
}
ul.pet-vmenu>li>ul{
   margin-top:4px;
   padding-bottom: 0;
}
ul.pet-vmenu>li:first-child{
   margin-top:0;
}

/* end VMenuItem */

/* begin VMenuSubItem */
ul.pet-vmenu ul, ul.pet-vmenu ul li{
   margin: 0;
   padding: 0;
}
ul.pet-vmenu ul, ul.pet-vmenu li li, ul.pet-vmenu li li a {
   position:relative;
}
ul.pet-vmenu ul {
   margin-left: 0;
   margin-right: 0;
}

ul.pet-vmenu ul a
{
   display: block;
   position:relative;
   white-space: nowrap;
   height: 24px;
   overflow: visible;
   background-image: url('images/vsubitem.png');
   background-repeat: repeat-x;
   background-position: top left;
   padding:0;
   padding-left:10px;
   padding-right:5px;
   line-height: 24px;
   color: #404040;
   font-size: 14px;
   font-family: Verdana, Geneva, Arial, Helvetica, Sans-Serif;
   font-weight: normal;
   font-style: normal;
   margin-left: 0;
   margin-right: 0;
}

ul.pet-vmenu ul a.active{
   background-position: bottom left;
}
ul.pet-vmenu ul a:hover{
   background-position: center left;
   line-height: 24px;
   color: #1A1A1A;
   margin-left: 0;
   margin-right: 0;
}
ul.pet-vmenu ul li li a:hover, ul.pet-vmenu ul li li a:hover.active{
   background-position: left center;
}

ul.pet-vmenu ul a:link, ul.pet-vmenu ul a:visited, ul.pet-vmenu ul a:active
{
   line-height: 24px;
   color: #1A1A1A;
   margin-left: 0;
   margin-right: 0;
}

ul.pet-vmenu>li>ul>li:first-child{
   padding-top: 0;
   margin-top:0;
}
 
ul.pet-vmenu li li{
   position:relative;
   margin-top:1px;
}

ul.pet-vmenu li li:after
{
   display: block;
   position:absolute;
   content: ' ';
   height: 0;
   top:-1px;
   left:0;
   right:0;
   z-index:1;
   border-bottom: solid 1px #C7C7C7;
}

ul.pet-vmenu li li:before
{
   display: block;
   position:absolute;
   content: ' ';
   left:0;
   right:0;
   top: -1px;
   z-index:0;
   height: 1px;
   background-color: #F6F1E5;
}
ul.pet-vmenu>li>ul>li:first-child:before,ul.pet-vmenu>li>ul>li:first-child:after{
   display:none;
}

ul.pet-vmenu ul ul a{
   padding-left:30px;
}
ul.pet-vmenu ul ul ul a{
   padding-left:45px;
}
ul.pet-vmenu ul ul ul ul a{
   padding-left:60px;
}
ul.pet-vmenu ul ul ul ul ul a{
   padding-left:75px;
}

ul.pet-vmenu ul li a.active {
   color: #121212;
}
ul.pet-vmenu ul li a:hover, ul.pet-vmenu ul li a:hover.active {
   color: #872C14;
}

/* end VMenuSubItem */

/* begin Box, Block */
.pet-block
{
   max-width:886px;
   margin: 10px;
}
.pet-block-body 
{
   padding:1px; /* Seitenabstand Text in Box */
}

div.pet-block img
{
   /* WARNING do NOT collapse this to 'border' - inheritance! */
  border-width: 0;
   margin: -5px; /* Seitenabstand Bild in Box */
}

/* end Box, Block */

/* begin Box, BlockContent */
.pet-blockcontent
{
   max-width:886px;
}
.pet-blockcontent-body 
{
   padding:0;
   color: #121212;
   font-family: Verdana, Geneva, Arial, Helvetica, Sans-Serif;
   font-size: 14px;
}
.pet-blockcontent-body table,
.pet-blockcontent-body li, 
.pet-blockcontent-body a,
.pet-blockcontent-body a:link,
.pet-blockcontent-body a:visited,
.pet-blockcontent-body a:hover
{
   color: #121212;
   font-family: Verdana, Geneva, Arial, Helvetica, Sans-Serif;
   font-size: 14px;
}

.pet-blockcontent-body p
{
   margin: 0 5px;
}

.pet-blockcontent-body a, .pet-blockcontent-body a:link
{
   color: #1A1A1A;
   text-decoration: underline;
}

.pet-blockcontent-body a:visited, .pet-blockcontent-body a.visited
{
   color: ##1A1A1A;
   text-decoration: underline;
}

.pet-blockcontent-body a:hover, .pet-blockcontent-body a.hover
{
   color: #872C14;
}

.pet-blockcontent-body ul li
{
   line-height: 125%;
   color: #001F47;
   margin: 5px 0 0 10px;
   padding: 0 0 0 13px;
   background-image: url('images/blockcontentbullets.png');
   background-repeat: no-repeat;
   background-position: top left;
}
/* end Box, BlockContent */

/* begin Button */
span.pet-button-wrapper>a.pet-button,
span.pet-button-wrapper>a.pet-button:link,
span.pet-button-wrapper>input.pet-button,
span.pet-button-wrapper>button.pet-button
{
   text-decoration: none;
   font-family: Verdana, Geneva, Arial, Helvetica, Sans-Serif;
   font-style: normal;
   font-weight: normal;
   font-size: 14px;
   position:relative;
   top:0;
   display: inline-block;
   vertical-align: middle;
   white-space: nowrap;
   text-align: center;
   color: #DEDEDE !important;
   width: auto;
   outline: none;
   border: none;
   background: none;
   line-height: 30px;
   height: 30px;
   margin: 0 !important;
   padding: 0 11px !important;
   overflow: visible;
   cursor: pointer;
   text-indent: 0;
}

.pet-button img, span.pet-button-wrapper img
{
   margin: 0;
   vertical-align: middle;
}

span.pet-button-wrapper
{
   vertical-align: middle;
   display: inline-block;
   position: relative;
   height: 30px;
   overflow: hidden;
   white-space: nowrap;
   text-indent: 0;
   width: auto;
   max-width:886px;
   margin: 0;
   padding: 0;
   z-index: 0;
}

.firefox2 span.pet-button-wrapper
{
   display: block;
   float: left;
}

input, select, textarea
{
   vertical-align: middle;
   font-family: Verdana, Geneva, Arial, Helvetica, Sans-Serif;
   font-style: normal;
   font-weight: normal;
   font-size: 14px;
}

div.pet-block select 
{
   width:96%;
}

span.pet-button-wrapper.hover>.pet-button, span.pet-button-wrapper.hover>a.pet-button:link
{
   color: #8ABDFF !important;
   text-decoration: none !important;
}

span.pet-button-wrapper.active>.pet-button, span.pet-button-wrapper.active>a.pet-button:link
{
   color: #FFE9B3 !important;
}

span.pet-button-wrapper>span.pet-button-l, span.pet-button-wrapper>span.pet-button-r
{
   display: block;
   position: absolute;
   top: 0;
   bottom: 0;
   margin: 0;
   padding: 0;
   background-image: url('images/button.png');
   background-repeat: no-repeat;
}

span.pet-button-wrapper>span.pet-button-l
{
   left: 0;
   right: 5px;
   background-position: top left;
}

span.pet-button-wrapper>span.pet-button-r
{
   width: 5px;
   right: 0;
   background-position: top right;
}

span.pet-button-wrapper.hover>span.pet-button-l
{
   background-position: center left;
}

span.pet-button-wrapper.hover>span.pet-button-r
{
   background-position: center right;
}

span.pet-button-wrapper.active>span.pet-button-l
{
   background-position: bottom left;
}

span.pet-button-wrapper.active>span.pet-button-r
{
   background-position: bottom right;
}

span.pet-button-wrapper input
{
   float: none !important;
}
/* end Button */

/* begin Box, Post */
.pet-post
{
   max-width:886px;
   margin: 5px;
}
.pet-post-body 
{
   padding:13px;
}
.pet-post:before, .pet-post:after 
{
   content: url('images/post_t.png');
   font-size: 0;
   background-image: url('images/post_b.png');
}
.pet-post:after{
   clip:rect(auto, auto, auto, 873px);
}
.pet-post:before,.pet-post-body:before{
   right:13px;
}
.pet-post-body:after{
   width: 13px;
   top:13px;
   bottom:13px;
   background-image:url('images/post.png');
}
.pet-post-body:before{
   top:13px;
   bottom:13px;
   background-image:url('images/post.png');
}

a img
{
   border: 0;
}

.pet-article img, img.pet-article, .pet-block img, .pet-footer img
{
   border-color: #FFBE1A;
   border-width: 0px;
}

.pet-metadata-icons img
{
   border: none;
   vertical-align: middle;
   margin: 2px;
}

.pet-article table, table.pet-article
{
   border-collapse: collapse;
   margin: 1px;
}

.pet-post .pet-content-layout-br
{
   height: 0;
}

.pet-article th
{
   text-align: center;
   vertical-align: middle;
   padding: 7px;
}

pre
{
   overflow: auto;
   padding: 0.1em;
}

#preview-image
{
   float: left;
   }

.preview-cms-logo
{
   border: 0;
   margin: 1em 1em 0 0;
   float: left;
}

.preview-sharepoint-logo
{
   border: 0;
   margin: 5px;
   float: left;
}
/* end Box, Post */

/* begin PostHeaderIcon */
.pet-postheader
{
   color: #6B4D00;
   margin: 5px 0;
   line-height: 1em;
   font-size: 26px;
}

.pet-postheader a, 
.pet-postheader a:link, 
.pet-postheader a:visited,
.pet-postheader a.visited,
.pet-postheader a:hover,
.pet-postheader a.hovered
{
   font-size: 26px;
}

.pet-postheader a, .pet-postheader a:link
{
   text-align: left;
   text-decoration: none;
   color: #855F00;
}

.pet-postheader a:visited, .pet-postheader a.visited
{
   color: #004DB2;
}

.pet-postheader a:hover,  .pet-postheader a.hovered
{
   color: #9E7100;
}

/* end PostHeaderIcon */

/* begin PostIcons, PostHeaderIcons */
.pet-postheadericons,
.pet-postheadericons a,
.pet-postheadericons a:link,
.pet-postheadericons a:visited,
.pet-postheadericons a:hover
{
   font-family: Verdana, Geneva, Arial, Helvetica, Sans-Serif;
   color: #363636;
}

.pet-postheadericons
{
   padding: 1px;
}

.pet-postheadericons a, .pet-postheadericons a:link
{
   text-decoration: underline;
   color: #4F4F4F;
}

.pet-postheadericons a:visited, .pet-postheadericons a.visited
{
   font-style: italic;
   font-weight: normal;
   color: #4F4F4F;
}

.pet-postheadericons a:hover, .pet-postheadericons a.hover
{
   font-style: italic;
   font-weight: normal;
   text-decoration: none;
   color: #001633;
}

/* end PostIcons, PostHeaderIcons */

/* begin PostIcon, PostDateIcon */
span.pet-postdateicon
{
   display:inline-block;
   line-height: 1em;
}

span.pet-postdateicon:after
{
   content: '.';
   width: 1px;
   visibility: hidden;
   display: inline-block;
}/* end PostIcon, PostDateIcon */

/* begin PostIcon, PostAuthorIcon */
span.pet-postauthoricon
{
   display:inline-block;
   line-height: 1em;
}

span.pet-postauthoricon:after
{
   content: '.';
   width: 1px;
   visibility: hidden;
   display: inline-block;
}/* end PostIcon, PostAuthorIcon */

/* begin PostIcon, PostEditIcon */
span.pet-postediticon
{
   display:inline-block;
   line-height: 1em;
}

span.pet-postediticon:after
{
   content: '.';
   width: 1px;
   visibility: hidden;
   display: inline-block;
}/* end PostIcon, PostEditIcon */

/* begin PostBullets */
.pet-postcontent ol, .pet-postcontent ul
{
   margin: 1em 0 1em 2em;
   padding: 0;
}

.pet-postcontent li
{
   font-size: 14px;
   color: #121212;
   margin: 5px 0 5px -15px;
   padding: 0 0 0 11px;
}

.pet-postcontent li ol, .pet-post li ul
{
   margin: 0.5em 0 0.5em 2em;
   padding: 0;
}

.pet-postcontent ol>li
{
   background: none;
   padding-left: 0;
   /* overrides overflow for "ul li" and sets the default value */
  overflow: visible;
}

.pet-postcontent ul>li
{
   background-image: url('images/postbullets.png');
   background-repeat: no-repeat;
   background-position: top left;
   padding-left: 11px;
   /* makes "ul li" not to align behind the image if they are in the same line */
  overflow-x: visible;
   overflow-y: hidden;
}

/* end PostBullets */

/* begin PostQuote */
blockquote,
blockquote a, .pet-postcontent blockquote a, .pet-blockcontent blockquote a, .pet-footer blockquote a,
blockquote a:link, .pet-postcontent blockquote a:link, .pet-blockcontent blockquote a:link, .pet-footer blockquote a:link,
blockquote a:visited, .pet-postcontent blockquote a:visited, .pet-blockcontent blockquote a:visited, .pet-footer blockquote a:visited,
blockquote a:hover, .pet-postcontent blockquote a:hover, .pet-blockcontent blockquote a:hover, .pet-footer blockquote a:hover
{
   color: #000D1F;
}

/* Override native 'p' margins*/
blockquote p,
.pet-postcontent blockquote p,
.pet-blockcontent blockquote p,
.pet-footer blockquote p
{
   margin: 0;
   margin:5px;
}

blockquote
{
   border: solid 1px #3D91FF;
   margin: 10px;
   padding: 0;
   background-color: #FFE6A8;
   margin-left: 50px;
   padding-left: 33px;
   background-image: url('images/postquote.png');
   background-position: left top;
   background-repeat: no-repeat;
   /* makes block not to align behind the image if they are in the same line */
  overflow: auto;
   clear:both;
}

/* end PostQuote */

/* begin PostIcons, PostFooterIcons */
.pet-postfootericons,
.pet-postfootericons a,
.pet-postfootericons a:link,
.pet-postfootericons a:visited,
.pet-postfootericons a:hover
{
   font-family: Verdana, Geneva, Arial, Helvetica, Sans-Serif;
   color: #363636;
}

.pet-postfootericons
{
   padding: 1px;
}

.pet-postfootericons a, .pet-postfootericons a:link
{
   text-decoration: underline;
   color: #4F4F4F;
}

.pet-postfootericons a:visited, .pet-postfootericons a.visited
{
   color: #4F4F4F;
}

.pet-postfootericons a:hover, .pet-postfootericons a.hover
{
   text-decoration: none;
   color: #001633;
}

/* end PostIcons, PostFooterIcons */

/* begin PostIcon, PostCategoryIcon */
span.pet-postcategoryicon
{
   display:inline-block;
   line-height: 1em;
}

span.pet-postcategoryicon:after
{
   content: '.';
   width: 1px;
   visibility: hidden;
   display: inline-block;
}/* end PostIcon, PostCategoryIcon */

/* begin PostIcon, PostTagIcon */
span.pet-posttagicon
{
   display:inline-block;
   line-height: 1em;
}

span.pet-posttagicon:after
{
   content: '.';
   width: 1px;
   visibility: hidden;
   display: inline-block;
}/* end PostIcon, PostTagIcon */

/* begin PostIcon, PostCommentsIcon */
span.pet-postcommentsicon
{
   display:inline-block;
   line-height: 1em;
}

span.pet-postcommentsicon:after
{
   content: '.';
   width: 1px;
   visibility: hidden;
   display: inline-block;
}/* end PostIcon, PostCommentsIcon */

/* begin Footer */
.pet-footer
{
   position: relative;
   margin-top:0;
   margin-bottom:0;
   width: 100%;
}

.pet-footer-body
{
   position:relative;
   padding: 10px;
   color: #0A0A0A;
   font-size: 11px;
}

.pet-footer-body ul li
{
   font-size: 14px;
   line-height: 125%;
   color: #001229;
   padding: 0 0 0 10px;
   background-image: url('images/footerbullets.png');
   background-repeat: no-repeat;
   background-position: top left;
}

.pet-footer-body:before
{
   position: absolute;
   content:' ';
   z-index:-2;
   left:0;
   right:0;
   top:0;
   bottom:50px;
   background-image: url('images/footer.png');
   background-position:bottom left;
}

.pet-footer:before, .pet-footer:after 
{
   position: absolute;
   content:' ';
   z-index:-2;
   bottom:0;
   height:50px;
   background-image: url('images/footer_b.png');
}

.pet-footer:before
{
   left:0;
   right:3px;
   background-position: bottom left;
}

.pet-footer:after
{
   right:0;
   width:3px;
   background-position: bottom right;
}

.pet-footer-text p
{
   padding:0;
   margin:0;
   text-align: center;
}

.pet-footer-body a,
.pet-footer-body a:link,
.pet-footer-body a:visited,
.pet-footer-body a:hover,
.pet-footer-body td, 
.pet-footer-body th,
.pet-footer-body caption
{
   color: #0A0A0A;
   font-size: 11px;
}

.pet-footer-text
{
   min-height: 5px;
   padding-left: 10px;
   padding-right: 10px;
   text-align: center;
}

.pet-footer-body a,
.pet-footer-body a:link
{
   color: #0D0D0D;
   text-decoration: underline;
}

.pet-footer-body a:visited
{
   color: #0D0D0D;
}

.pet-footer-body a:hover
{
   color: #872C14;
   text-decoration: none;
}

div.pet-footer img
{
   /* WARNING do NOT collapse this to 'border' - inheritance! */
  border-width: 1px;
   border-color: #FFBE1A;
   border-style: solid;
   margin: 7px;
}/* end Footer */

/* begin PageFooter */
.pet-page-footer, 
.pet-page-footer a,
.pet-page-footer a:link,
.pet-page-footer a:visited,
.pet-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: #FFE8AD;
}

.pet-page-footer
{
   position: relative;
   z-index: 10;
   padding: 1em;
   text-align: center;
   text-decoration: none;
   color: #C2C2C2;
}
/* end PageFooter */

/* begin LayoutCell, sidebar1 */
.pet-content-layout .pet-sidebar1
{
   width: 235px;
}
.pet-content-layout .pet-sidebar1:before
{
   position: absolute;
   z-index: -2;
   direction: ltr;
   left:   0;
   bottom: 0;
   top: 0;
   content: ' ';
   overflow: hidden;
   display: block;
   background-image: url('images/sidebar_bg.png');
   width: 235px;
}
/* end LayoutCell, sidebar1 */

a.tooltip {
outline:none;
} 

a.tooltip strong {
line-height:30px;
} 

a.tooltip:hover {
text-decoration:none;
} 

a.tooltip span { 
z-index:10;
display:none; 
padding:10px 10px 10px 10px; 
margin-top:-200px; 
margin-left:18px; 
width:570px; 
} 

a.tooltip:hover span{ 
display:inline; 
position:absolute; 
color:#111; 
border:1px solid #DCA; 
background:#FAFAEB;
} 

.callout {
z-index:20;
position:absolute;
top:30px;
border:0;
left:-12px;
}

 /*CSS3 extras*/ 
 a.tooltip span { 
 border-radius:4px; 
 -moz-border-radius: 4px; 
 -webkit-border-radius: 4px; 
 -moz-box-shadow: 5px 5px 8px #CCC; 
 -webkit-box-shadow: 5px 5px 8px #CCC; 
 box-shadow: 5px 5px 8px #CCC; 
 }