Menu deroulant joomla passe sous video

Bonjour a tous,

je suis confronté à un petit problème.

le menu déroulant de mon template joomla passe sous ma vidéo de présentation, et j'aimerais savoir comment remédier à cela ?

en modifiant le css peut etre ?

cordialement,

sebastien

3 réponses

  1. Bonjour,

    Tu a besoin de définir la valeur z-index dans le css pour que le menu passe sur la vidéo.

    exemple:

    #ton menu{
    z-index:1;
    }
    0
    1. voila le css de mon template

      je n'arrive pas à trouver la ligne correspondant a mon menu déroulant, il y en a trop !

      j'espère que tu pourras m'aider ced3E !!

      /* begin Page */ 
      /* Created by Artisteer v3.1.0.48375 */ 
      
      #art-main, table 
      { 
         font-family: Tahoma, Arial, Helvetica, Sans-Serif; 
         font-style: normal; 
         font-weight: normal; 
         font-size: 13px; 
         text-align: justify; 
      } 
      
      h1, h2, h3, h4, h5, h6, p, a, ul, ol, li 
      { 
         margin: 0; 
         padding: 0; 
      } 
      
      .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: Tahoma, Arial, Helvetica, Sans-Serif; 
      } 
      
      .art-postcontent p 
      { 
         margin: 12px 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-logo-name, .art-logo-name a, .art-logo-name a:link, .art-logo-name a:visited, .art-logo-name a:hover, 
      .art-logo-text, .art-logo-text a, .art-logo-text a:link, .art-logo-text a:visited, .art-logo-text a:hover, 
      .art-postheader, .art-postheader a, .art-postheader a:link, .art-postheader a:visited, .art-postheader a:hover 
      { 
         font-family: Arial, Helvetica, Sans-Serif; 
         font-style: normal; 
         font-weight: normal; 
         font-size: 28px; 
         text-decoration: none; 
         text-transform: uppercase; 
      } 
      
      .art-postcontent a 
      { 
         text-decoration: none; 
         color: #FFFFFF; 
      } 
      
      .art-postcontent a:link 
      { 
         text-decoration: none; 
         color: #FFFFFF; 
      } 
      
      .art-postcontent a:visited, .art-postcontent a.visited 
      { 
         color: #D5DBDD; 
      } 
      
      .art-postcontent  a:hover, .art-postcontent a.hover 
      { 
         text-decoration: underline; 
         color: #C1CBCD; 
      } 
      
      .art-postcontent h1 
      { 
         color: #FFFFFF; 
         margin: 10px 0 0; 
         font-size: 26px; 
      } 
      
      .art-blockcontent h1 
      { 
         margin: 10px 0 0; 
         font-size: 26px; 
      } 
      
      .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; 
      } 
      
      .art-postcontent h2 
      { 
         color: #FFFFFF; 
         margin: 10px 0 0; 
         font-size: 22px; 
      } 
      
      .art-blockcontent h2 
      { 
         margin: 10px 0 0; 
         font-size: 22px; 
      } 
      
      .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; 
      } 
      
      .art-postcontent h3 
      { 
         color: #FFFFFF; 
         margin: 10px 0 0; 
         font-size: 18px; 
      } 
      
      .art-blockcontent h3 
      { 
         margin: 10px 0 0; 
         font-size: 18px; 
      } 
      
      .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: 18px; 
      } 
      
      .art-postcontent h4 
      { 
         color: #D2D9DA; 
         margin: 10px 0 0; 
         font-size: 16px; 
      } 
      
      .art-blockcontent h4 
      { 
         margin: 10px 0 0; 
         font-size: 16px; 
      } 
      
      .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: 16px; 
      } 
      
      .art-postcontent h5 
      { 
         color: #D2D9DA; 
         margin: 10px 0 0; 
         font-size: 14px; 
      } 
      
      .art-blockcontent h5 
      { 
         margin: 10px 0 0; 
         font-size: 14px; 
      } 
      
      .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: 14px; 
      } 
      
      .art-postcontent h6 
      { 
         color: #B0BCBF; 
         margin: 10px 0 0; 
         font-size: 13px; 
      } 
      
      .art-blockcontent h6 
      { 
         margin: 10px 0 0; 
         font-size: 13px; 
      } 
      
      .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; 
      } 
      
      ul 
      { 
         list-style-type: none; 
      } 
      
      ol 
      { 
         list-style-position: inside; 
      } 
      
      html, body 
      { 
         height:100%; 
      } 
      
      #art-main 
      { 
         position: relative; 
         z-index: 1000; 
         width: 100%; 
         min-height: 100%; 
         left: 0; 
         top: 0; 
         cursor:default; 
         overflow:hidden; 
      } 
      
      #art-page-background-glare-wrapper { 
         position: fixed; 
         width:100%; 
      } 
      
      #art-page-background-glare 
      { 
         position: relative; 
         top: 0; 
         max-width:495px; 
         min-width: 70%; 
         height:243px; 
         left: 0; 
         margin-right: auto; 
         background-image: url('../images/page_gl.png'); 
         background-repeat: no-repeat; 
         background-position: left top; 
      } 
      
      body 
      { 
         padding: 0; 
         margin:0; 
         min-width: 700px; 
         color: #FFFFFF; 
         background-color: #000000; 
         background-image: url('../images/Bottom_texture.jpg'); 
         background-repeat: repeat-x; 
         background-attachment: fixed; 
         background-position: top left; 
      } 
      
      .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 */ 
      .art-box, .art-box-body { 
         margin:0 auto; 
         position:relative; 
      } 
      .art-box:before, .art-box:after, .art-box-body:before, .art-box-body:after { 
         position:relative; 
         top:0; 
         bottom:0; 
         content:' '; 
         background-repeat: no-repeat; 
         line-height:0; 
      } 
      .art-box:before,.art-box-body:before{ 
         left:0; 
      } 
      .art-box:after,.art-box-body:after{ 
         right:0; 
      } 
      .art-box:before { 
         overflow:hidden; 
         background-position: bottom left; 
         direction: ltr; 
         z-index:1000; 
      } 
      .art-box:after { 
         background-position: bottom right; 
         z-index:1000; 
      } 
      .art-box-body:before, .art-box-body:after { 
         background-repeat:repeat-y; 
      } 
      .art-box-body:before { 
         background-position: top left; 
         z-index:-3; 
      } 
      .art-box-body:after { 
         background-position: top right; 
         z-index:-3; 
      } 
      
      .art-box .art-box:before, .art-box .art-box:after, .art-box-body .art-box-body:before, .art-box-body .art-box-body:after { 
         z-index:-2; 
      } 
      .art-box .art-box .art-box:before, .art-box .art-box .art-box:after, .art-box-body .art-box-body .art-box-body:before, .art-box-body .art-box-body .art-box-body:after { 
         z-index:-1; 
      } 
      /* End Box */ 
      
      /* Start Bar */ 
      .art-bar { 
         position:relative; 
      } 
      .art-bar:before, .art-bar:after { 
         position:absolute; 
         top:0; 
         bottom:0; 
         content:' '; 
         background-repeat:repeat; 
         z-index:-1; 
      } 
      .art-bar:before { 
         left:0; 
         background-position: top left; 
      } 
      .art-bar:after { 
         right:0; 
         background-position: top right; 
      } 
      /* End Bar */ 
      
      li h1, .art-postcontent li h1, .art-blockcontent-body li h1  
      { 
         margin:1px; 
      }  
      li h2, .art-postcontent li h2, .art-blockcontent-body li h2  
      { 
         margin:1px; 
      }  
      li h3, .art-postcontent li h3, .art-blockcontent-body li h3  
      { 
         margin:1px; 
      }  
      li h4, .art-postcontent li h4, .art-blockcontent-body li h4  
      { 
         margin:1px; 
      }  
      li h5, .art-postcontent li h5, .art-blockcontent-body li h5  
      { 
         margin:1px; 
      }  
      li h6, .art-postcontent li h6, .art-blockcontent-body li h6  
      { 
         margin:1px; 
      }  
      li p, .art-postcontent li p, .art-blockcontent-body li p  
      { 
         margin:1px; 
      }  
      /* end Page */ 
      
      /* begin Header */ 
      div.art-header 
      { 
         margin: 0 auto; 
         position: relative; 
         z-index: -5; 
         width:100%; 
         height: 200px; 
         margin-top: 0; 
         margin-bottom: 0; 
      } 
      .art-header-position 
      { 
         position: absolute; 
         top: 0; 
         right: 0; 
         left: 0; 
      }  
      
      .art-header-wrapper  
      { 
         min-width: 700px; 
         max-width: 1344px; 
         position: relative; 
         top:0; 
         width:70%; 
         margin:0 auto; 
      } 
      .art-header-inner  
      { 
         position: relative; 
         margin: 0 0; 
      } 
      
      /* end Header */ 
      
      /* begin HeaderObject */ 
      div.art-headerobject 
      { 
         display: block; 
         left: 0; 
         margin-left: 0; 
         position: absolute; 
         top: 31px; 
         width: 275px; 
         height: 138px; 
         background-image: url('../images/header-object.png'); 
      } 
      /* end HeaderObject */ 
      
      /* begin Flash */ 
      #art-flash-area 
      { 
         position: absolute; 
         top: 0; 
         left: 0; 
         width: 100%; 
         height: 200px; 
         overflow: hidden; 
      } 
      
      #art-flash-container 
      { 
         height: 235px; 
         top: -17px; 
         position: absolute; 
         width: 940px; 
         left: 50%; 
         margin-left:-470px; 
      } 
      
      #art-flash-container div.art-flash-alt 
      { 
         position: relative; 
         width: 110px; 
         height: 30px; 
         margin: 0 auto; 
         top: 17px; 
      } 
      
      /* end Flash */ 
      
      /* begin Logo */ 
      div.art-logo 
      { 
         display: block; 
         position: absolute; 
         top: 20px; 
         left: 0; 
         margin-left: 0; 
      } 
      
      /* end Logo */ 
      
      /* begin Menu */ 
      /* menu structure */ 
      
      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: 1000; 
      } 
      
      ul.art-hmenu, ul.art-hmenu ul 
      { 
         display: block; 
         margin: 0; 
         padding: 0; 
         border: 0; 
         list-style-type: none; 
      } 
      
      ul.art-hmenu li 
      { 
         margin: 0; 
         padding: 0; 
         border: 0; 
         display: block; 
         float: left; 
         position: relative; 
         z-index: 1000; 
         background: none; 
      } 
      
      ul.art-hmenu li:hover{ 
         z-index: 10000; 
         white-space: normal; 
      } 
      ul.art-hmenu li li{ 
         float: none; 
         width: auto; 
      } 
      ul.art-hmenu li:hover>ul { 
         visibility: visible; 
         top: 100%; 
      } 
      ul.art-hmenu li li:hover>ul { 
         top: 0; 
         left: 100%; 
      } 
      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 ul 
      { 
         visibility: hidden; 
         position: relative; 
         z-index: 1000; 
         left: 0; 
         top: 0; 
         background-image: url('../images/spacer.gif'); 
         padding: 10px 30px 30px 30px; 
         margin: -10px 0 0 -30px; 
      } 
      
      ul.art-hmenu ul.art-hmenu-left-to-right { 
         right: auto; 
         left: 0; 
         margin: -10px 0 0 -30px; 
      } 
      ul.art-hmenu ul.art-hmenu-right-to-left { 
         left: auto; 
         right: 0; 
         margin: -10px -30px 0 0; 
      } 
      
      ul.art-hmenu ul ul 
      { 
         padding: 30px 30px 30px 10px; 
         margin: -30px 0 0 -10px; 
      } 
      
      ul.art-hmenu ul ul.art-hmenu-left-to-right 
      { 
         right: auto; 
         left: 0; 
         padding: 30px 30px 30px 10px; 
         margin: -30px 0 0 -10px; 
      } 
      
      ul.art-hmenu ul ul.art-hmenu-right-to-left 
      { 
         left: auto; 
         right: 0; 
         padding: 30px 10px 30px 30px; 
         margin: -30px -10px 0 0; 
      } 
      
      ul.art-hmenu li li:hover>ul.art-hmenu-left-to-right { 
         right: auto; 
         left: 100%; 
      } 
      ul.art-hmenu li li:hover>ul.art-hmenu-right-to-left { 
         left: auto; 
         right: 100%; 
      } 
      
      ul.art-hmenu{ 
         position:relative; 
         padding: 0 0 0 0; 
         float: left; 
         left: 50%; 
      } 
      div.art-nav-center{ 
         position: relative; 
         float: right; 
         right: 50%; 
         z-index: 1000; 
      } 
      
      .firefox2 ul ul.art-hmenu{ 
         float: none; 
      } 
      /* end menu structure */ 
      
      /* menu bar */ 
      
      .art-nav 
      { 
         width:100%; 
         margin:0 auto; 
         min-height: 44px; 
         z-index: 100; 
         margin-top: 0; 
         margin-bottom: 0; 
      } 
      
      .art-nav:before, .art-nav:after{ 
         background-image: url('../images/nav.png'); 
      } 
      .art-nav:before{ 
         right: 0; 
      } 
      .art-nav:after{ 
         width: 0; 
      } 
      /* end menu bar */ 
      .art-nav-outer{ 
         position:absolute; 
         width:100%; 
      } 
      .art-nav-wrapper  
      { 
         position: relative; 
         min-width: 700px; 
         max-width: 1344px; 
         width:70%; 
         margin:0 auto; 
      } 
      
      .art-nav-inner{ 
         margin: 0 0; 
      } 
      
      .art-hmenu-extra1 
      { 
         position : absolute; 
         left: 0; 
         top: 0; 
         width: auto; 
         height: 44px; 
         background-position: center; 
      } 
      
      .art-hmenu-extra2 
      { 
         position: absolute; 
         right: 0; 
         top: 0; 
         width: auto; 
         height: 44px; 
         background-position: center; 
      } 
      
      /* images in menu items */ 
      ul.art-hmenu img.art-menu-image, ul.art-hmenu img.art-menu-image-left 
      { 
         vertical-align: middle; 
         margin-right: 5px; 
      } 
      
      ul.art-hmenu img.art-menu-image-right 
      { 
         vertical-align: middle; 
         margin-left: 5px; 
      } 
      /* end Menu */ 
      
      /* begin MenuItem */ 
      ul.art-hmenu>li>a 
      { 
         position: relative; 
         display: block; 
         height: 44px; 
         cursor: pointer; 
         text-decoration: none; 
         color: #FFFFFF; 
         padding: 0 17px; 
         line-height: 44px; 
         text-align: center; 
      } 
      
      ul.art-hmenu>li>a:before, ul.art-hmenu>li>a:after 
      { 
         position: absolute; 
         display: block; 
         content:' '; 
         top: 0; 
         bottom:0; 
         z-index: -1; 
         background-image: url('../images/menuitem.png'); 
      } 
      
      ul.art-hmenu>li>a:before 
      { 
         left: 0; 
         right: 0; 
         background-position: top left; 
      } 
      
      ul.art-hmenu>li>a:after 
      { 
         width: 0; 
         right: 0; 
         background-position: top right; 
      } 
      
      .art-hmenu a, .art-hmenu a:link, .art-hmenu a:visited, .art-hmenu a:hover 
      { 
         font-weight: bold; 
         font-size: 14px; 
         text-align: left; 
         text-decoration: none; 
         text-transform: uppercase; 
      } 
      
      ul.art-hmenu>li>a.active:before { 
         background-position: bottom left; 
      }  
      ul.art-hmenu>li>a.active:after { 
         background-position: bottom right; 
      } 
      ul.art-hmenu>li>a.active { 
         color: #FFFFFF; 
      } 
      
      ul.art-hmenu>li>a:hover:before, ul.art-hmenu>li:hover>a:before { 
         background-position: center left; 
      } 
      ul.art-hmenu>li>a:hover:after, ul.art-hmenu>li:hover>a:after { 
         background-position: center right; 
      } 
      ul.art-hmenu>li>a:hover, ul.art-hmenu>li:hover>a{ 
         color: #FFFFFF; 
      } 
      
      .art-hmenu a:hover.separator-without-submenu  
      { 
         cursor: default; 
      } 
      
      .art-hmenu a:hover.separator-without-submenu .t 
      { 
         color: #FFFFFF; 
      } 
      
      .art-hmenu li:hover a.separator-without-submenu .t 
      { 
         color: #FFFFFF; 
      } 
      
      a:hover.separator-without-submenu .r, a:hover.separator-without-submenu .l  
      { 
         top: 0 !important; 
      } 
      /* end MenuItem */ 
      
      /* begin MenuSeparator */ 
      ul.art-hmenu>li:before 
      { 
         position:absolute; 
         display: block; 
         content:' '; 
         top:0; 
         left:  -1px; 
         width:1px; 
         height: 44px; 
         background: url('../images/menuseparator.png') center center no-repeat; 
      } 
      
      ul.art-hmenu>li { 
         margin-left:1px; 
      } 
      ul.art-hmenu>li:first-child { 
         margin-left:0; 
      } 
      
      ul.art-hmenu>li:first-child:before{ 
         display:none; 
      } 
      /* end MenuSeparator */ 
      
      /* begin MenuSubItem */ 
      .art-hmenu ul a 
      { 
         display: block; 
         white-space: nowrap; 
         height: 45px; 
         background-image: url('../images/subitem.png'); 
         background-position: left top; 
         background-repeat: repeat-x; 
         border-width: 0; 
         border-style: solid; 
         min-width: 7em; 
         text-align: left; 
         text-decoration: none; 
         line-height: 45px; 
         color: #FEDABD; 
         font-size: 11px; 
         margin:0; 
         padding: 0 20px; 
      } 
      
      .art-hmenu ul>li:first-child>a 
      { 
         border-top-width: 0; 
      } 
      
      .art-hmenu ul a:link, .art-hmenu ul a:visited, .art-hmenu ul a:hover, .art-hmenu ul a:active 
      { 
         text-align: left; 
         text-decoration: none; 
         line-height: 45px; 
         color: #FEDABD; 
         font-size: 11px; 
         margin:0; 
         padding: 0 20px; 
      } 
      
      .art-hmenu ul li a:hover 
      { 
         color: #070808; 
         background-position: left bottom; 
         border-top-width: 0 !important; 
      } 
      
      .art-hmenu ul li:hover>a 
      { 
         color: #070808; 
         background-position: left bottom; 
         border-top-width: 0 !important; 
      } 
      
      /* end MenuSubItem */ 
      
      /* begin Box, Sheet */ 
      .art-sheet 
      { 
         margin-top: 0; 
         margin-bottom: 0; 
         cursor:auto; 
         width: 70%; 
         min-width: 700px; 
         max-width: 1344px; 
      } 
      .art-sheet-body  
      { 
         padding:0; 
         padding-top:0; 
         padding-bottom:0; 
      } 
      .art-sheet:before,.art-sheet-body:before{ 
         right:0; 
      } 
      .art-sheet-body:after{ 
         width: 0; 
         top:0; 
         bottom:0; 
         background-image:url('../images/sheet.png'); 
      } 
      .art-sheet-body:before{ 
         top:0; 
         bottom:0; 
         background-image:url('../images/sheet.png'); 
      } 
      
      /* end Box, Sheet */ 
      
      /* begin Layout */ 
      .art-layout-wrapper 
      { 
         position:relative; 
         margin:0 auto 0 auto; 
      } 
      
      .art-content-layout 
      { 
         display: table; 
         width:100%; 
         table-layout: fixed; 
         border-collapse: collapse; 
      } 
      
      .art-content-layout-row { 
         display: table-row; 
      } 
      
      .art-layout-cell 
      { 
         display: table-cell; 
         vertical-align: top; 
      } 
      /* end Layout */ 
      
      /* begin Button */ 
      span.art-button-wrapper>a.art-button, 
      span.art-button-wrapper>a.art-button:link, 
      span.art-button-wrapper>input.art-button, 
      span.art-button-wrapper>button.art-button 
      { 
         text-decoration: none; 
         font-family: Tahoma, Arial, Helvetica, Sans-Serif; 
         font-style: normal; 
         font-weight: bold; 
         font-size: 12px; 
         text-transform: uppercase; 
         position:relative; 
         top:0; 
         display: inline-block; 
         vertical-align: middle; 
         white-space: nowrap; 
         text-align: center; 
         color: #FFFFFF !important; 
         width: auto; 
         outline: none; 
         border: none; 
         background: none; 
         line-height: 24px; 
         height: 24px; 
         margin: 0 !important; 
         padding: 0 7px !important; 
         overflow: visible; 
         cursor: pointer; 
         text-indent: 0; 
      } 
      
      .art-button img, span.art-button-wrapper img 
      { 
         margin: 0; 
         vertical-align: middle; 
      } 
      
      span.art-button-wrapper 
      { 
         vertical-align: middle; 
         display: inline-block; 
         position: relative; 
         height: 24px; 
         overflow: hidden; 
         white-space: nowrap; 
         text-indent: 0; 
         width: auto; 
         max-width:1344px; 
         margin: 0; 
         padding: 0; 
         z-index: 0; 
      } 
      
      .firefox2 span.art-button-wrapper 
      { 
         display: block; 
         float: left; 
      } 
      
      input, select, textarea 
      { 
         vertical-align: middle; 
         font-family: Tahoma, Arial, Helvetica, Sans-Serif; 
         font-style: normal; 
         font-weight: bold; 
         font-size: 12px; 
         text-transform: uppercase; 
      } 
      
      div.art-block select  
      { 
         width:96%; 
      } 
      
      span.art-button-wrapper.hover>.art-button, span.art-button-wrapper.hover>a.art-button:link 
      { 
         color: #FFFFFF !important; 
         text-decoration: none !important; 
      } 
      
      span.art-button-wrapper.active>.art-button, span.art-button-wrapper.active>a.art-button:link 
      { 
         color: #D5DBDD !important; 
      } 
      
      span.art-button-wrapper>span.art-button-l, span.art-button-wrapper>span.art-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.art-button-wrapper>span.art-button-l 
      { 
         left: 0; 
         right: 7px; 
         background-position: top left; 
      } 
      
      span.art-button-wrapper>span.art-button-r 
      { 
         width: 7px; 
         right: 0; 
         background-position: top right; 
      } 
      
      span.art-button-wrapper.hover>span.art-button-l 
      { 
         background-position: center left; 
      } 
      
      span.art-button-wrapper.hover>span.art-button-r 
      { 
         background-position: center right; 
      } 
      
      span.art-button-wrapper.active>span.art-button-l 
      { 
         background-position: bottom left; 
      } 
      
      span.art-button-wrapper.active>span.art-button-r 
      { 
         background-position: bottom right; 
      } 
      
      span.art-button-wrapper input 
      { 
         float: none !important; 
      } 
      /* end Button */ 
      
      /* begin Box, Block */ 
      .art-block 
      { 
         max-width:1344px; 
         margin: 7px; 
      } 
      .art-block-body  
      { 
         padding:4px; 
         min-width:10px; 
         min-height:10px; 
      } 
      .art-block:before, .art-block:after  
      { 
         content: url('../images/block_t.png'); 
         font-size: 0; 
         background-image: url('../images/block_b.png'); 
      } 
      .art-block:after{ 
         clip:rect(auto, auto, auto, 1335px); 
      } 
      .art-block:before,.art-block-body:before{ 
         right:9px; 
      } 
      .art-block-body:after{ 
         width: 9px; 
         top:9px; 
         bottom:9px; 
         background-image:url('../images/block.png'); 
      } 
      .art-block-body:before{ 
         top:9px; 
         bottom:9px; 
         background-image:url('../images/block.png'); 
      } 
      
      div.art-block img 
      { 
         margin: 7px; 
      } 
      
      /* end Box, Block */ 
      
      /* begin BlockHeader */ 
      .art-blockheader { 
         margin-bottom: 0; 
         min-height: 38px; 
         line-height:38px; 
      } 
      .art-blockheader:before, .art-blockheader:after{ 
         background-image: url('../images/blockheader.png'); 
      } 
      .art-blockheader:before{ 
         right: 23px; 
      } 
      .art-blockheader:after{ 
         width: 23px; 
      } 
      
      .art-blockheader .t 
      { 
         min-height: 38px; 
         line-height:38px; 
         color: #000000; 
         font-family: Tahoma, Arial, Helvetica, Sans-Serif; 
         font-size: 14px; 
         margin:0; 
         padding: 0 10px 0 29px; 
         white-space: nowrap; 
      } 
      
      .art-blockheader .t a, 
      .art-blockheader .t a:link, 
      .art-blockheader .t a:visited,  
      .art-blockheader .t a:hover 
      { 
         color: #000000; 
         font-family: Tahoma, Arial, Helvetica, Sans-Serif; 
         font-size: 14px; 
      } 
      
      /* end BlockHeader */ 
      
      /* begin Box, BlockContent */ 
      .art-blockcontent 
      { 
         max-width:1344px; 
      } 
      .art-blockcontent-body  
      { 
         padding:5px; 
         color: #D2D9DA; 
         font-family: Tahoma, Arial, Helvetica, Sans-Serif; 
         font-size: 12px; 
      } 
      .art-blockcontent-body table, 
      .art-blockcontent-body li,  
      .art-blockcontent-body a, 
      .art-blockcontent-body a:link, 
      .art-blockcontent-body a:visited, 
      .art-blockcontent-body a:hover 
      { 
         color: #D2D9DA; 
         font-family: Tahoma, Arial, Helvetica, Sans-Serif; 
         font-size: 12px; 
      } 
      
      .art-blockcontent-body p 
      { 
         margin: 0 5px; 
      } 
      
      .art-blockcontent-body a, .art-blockcontent-body a:link 
      { 
         color: #AFC9CF; 
         text-decoration: underline; 
      } 
      
      .art-blockcontent-body a:visited, .art-blockcontent-body a.visited 
      { 
         color: #DDE2E3; 
         text-decoration: none; 
      } 
      
      .art-blockcontent-body a:hover, .art-blockcontent-body a.hover 
      { 
         color: #59B1C5; 
         text-decoration: underline; 
      } 
      
      .art-blockcontent-body ul li 
      { 
         font-size: 13px; 
         line-height: 125%; 
         color: #070808; 
         margin: 5px 0 0 10px; 
         padding: 0 0 0 16px; 
         background-image: url('../images/blockcontentbullets.png'); 
         background-repeat: no-repeat; 
         background-position: top left; 
      } 
      /* end Box, BlockContent */ 
      
      /* begin Box, Post */ 
      .art-post 
      { 
         max-width:1344px; 
         margin: 0; 
      } 
      .art-post-body  
      { 
         padding:20px; 
      } 
      .art-post:before,.art-post-body:before{ 
         right:0; 
      } 
      .art-post-body:after{ 
         width: 0; 
         top:0; 
         bottom:0; 
         background-image:url('../images/post.png'); 
      } 
      .art-post-body:before{ 
         top:0; 
         bottom:0; 
         background-image:url('../images/post.png'); 
      } 
      
      a img 
      { 
         border: 0; 
      } 
      
      .art-article img, img.art-article, .art-block img, .art-footer img 
      { 
         border-color: #65787B; 
         border-style: solid; 
         border-width: 1px; 
         margin: 5px 5px 5px 5px; 
      } 
      
      .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 2px #65787B; 
         vertical-align: top; 
         text-align: left; 
      } 
      
      .art-article th 
      { 
         text-align: center; 
         vertical-align: middle; 
         padding: 7px; 
      } 
      
      pre 
      { 
         overflow: auto; 
         padding: 0.1em; 
      } 
      
      .art-article 
      { 
         border-collapse: separate; 
      }/* end Box, Post */ 
      
      /* begin PostHeaderIcon */ 
      .art-postheader 
      { 
         color: #FFFFFF; 
         margin: 5px 0 0; 
         line-height: 1em; 
         font-size: 24px; 
      } 
      
      .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; 
      } 
      
      .art-postheader a, .art-postheader a:link 
      { 
         text-align: left; 
         text-decoration: underline; 
         color: #FFFFFF; 
      } 
      
      .art-postheader a:visited, .art-postheader a.visited 
      { 
         text-decoration: none; 
         color: #E9ECED; 
      } 
      
      .art-postheader a:hover,  .art-postheader a.hovered 
      { 
         text-decoration: underline; 
         color: #FEC090; 
      } 
      
      .art-postheadericon 
      { 
         background:url('../images/postheadericon.png') no-repeat left 0.5em; 
         padding-top:13px; 
         margin-top:-13px; 
         padding-left:32px; 
         display:inline-block; 
         min-height:26px; 
         line-height: 1em; 
      } 
      /* end PostHeaderIcon */ 
      
      /* begin PostMetadata, PostMetadataHeader */ 
      .art-postmetadataheader 
      { 
         position:relative; 
         z-index:1; 
         padding: 1px; 
         background-image: url('../images/postmetadataheader_bg.png'); 
         border-color: #7B8F93; 
         border-style: solid; 
         border-width: 1px; 
      } 
      /* end PostMetadata, PostMetadataHeader */ 
      
      /* begin PostIcons, PostHeaderIcons */ 
      .art-postheadericons, 
      .art-postheadericons a, 
      .art-postheadericons a:link, 
      .art-postheadericons a:visited, 
      .art-postheadericons a:hover 
      { 
         font-family: Tahoma, Arial, Helvetica, Sans-Serif; 
         font-style: italic; 
         font-weight: normal; 
         font-size: 11px; 
         color: #DFEAEC; 
      } 
      
      .art-postheadericons 
      { 
         padding: 1px; 
      } 
      
      .art-postheadericons a, .art-postheadericons a:link 
      { 
         text-decoration: none; 
         color: #0E1011; 
      } 
      
      .art-postheadericons a:visited, .art-postheadericons a.visited 
      { 
         color: #C7CFD1; 
      } 
      
      .art-postheadericons a:hover, .art-postheadericons a.hover 
      { 
         text-decoration: underline; 
         color: #FEC59A; 
      } 
      
      /* end PostIcons, PostHeaderIcons */ 
      
      /* begin PostIcon, PostDateIcon */ 
      span.art-postdateicon 
      { 
         display:inline-block; 
         line-height: 1em; 
      } 
      
      span.art-postdateicon:after 
      { 
         content: '.'; 
         width: 1px; 
         visibility: hidden; 
         display: inline-block; 
      }/* end PostIcon, PostDateIcon */ 
      
      /* begin PostIcon, PostAuthorIcon */ 
      span.art-postauthoricon 
      { 
         display:inline-block; 
         line-height: 1em; 
      } 
      
      span.art-postauthoricon:after 
      { 
         content: '.'; 
         width: 1px; 
         visibility: hidden; 
         display: inline-block; 
      }/* end PostIcon, PostAuthorIcon */ 
      
      /* begin PostIcon, PostPdfIcon */ 
      span.art-postpdficon 
      { 
         background:url('../images/postpdficon.png') no-repeat left 0.5em; 
         padding-top:9px; 
         margin-top:-9px; 
         padding-left:24px; 
         min-height:18px; 
         display:inline-block; 
         line-height: 1em; 
      } 
      
      span.art-postpdficon:after 
      { 
         content: '.'; 
         width: 1px; 
         visibility: hidden; 
         display: inline-block; 
      }/* end PostIcon, PostPdfIcon */ 
      
      /* begin PostIcon, PostPrintIcon */ 
      span.art-postprinticon 
      { 
         background:url('../images/postprinticon.png') no-repeat left 0.5em; 
         padding-top:8px; 
         margin-top:-8px; 
         padding-left:22px; 
         min-height:16px; 
         display:inline-block; 
         line-height: 1em; 
      } 
      
      span.art-postprinticon:after 
      { 
         content: '.'; 
         width: 1px; 
         visibility: hidden; 
         display: inline-block; 
      }/* end PostIcon, PostPrintIcon */ 
      
      /* begin PostIcon, PostEmailIcon */ 
      span.art-postemailicon 
      { 
         background:url('../images/postemailicon.png') no-repeat left 0.5em; 
         padding-top:4px; 
         margin-top:-4px; 
         padding-left:17px; 
         min-height:8px; 
         display:inline-block; 
         line-height: 1em; 
      } 
      
      span.art-postemailicon:after 
      { 
         content: '.'; 
         width: 1px; 
         visibility: hidden; 
         display: inline-block; 
      }/* end PostIcon, PostEmailIcon */ 
      
      /* begin PostIcon, PostEditIcon */ 
      span.art-postediticon 
      { 
         background:url('../images/postediticon.png') no-repeat left 0.5em; 
         padding-top:6px; 
         margin-top:-6px; 
         padding-left:19px; 
         min-height:13px; 
         display:inline-block; 
         line-height: 1em; 
      } 
      
      span.art-postediticon:after 
      { 
         content: '.'; 
         width: 1px; 
         visibility: hidden; 
         display: inline-block; 
      }/* end PostIcon, PostEditIcon */ 
      
      /* begin PostBullets */ 
      .art-postcontent ol, .art-postcontent ul 
      { 
         margin: 1em 0 1em 2em; 
         padding: 0; 
      } 
      
      .art-postcontent li 
      { 
         font-size: 13px; 
         text-align: justify; 
         color: #DDE2E3; 
         margin: 5px 0 0 -15px; 
         padding: 0 0 0 11px; 
      } 
      
      .art-postcontent li ol, .art-post li ul 
      { 
         margin: 0.5em 0 0.5em 2em; 
         padding: 0; 
      } 
      
      .art-postcontent ol>li 
      { 
         background: none; 
         padding-left: 0; 
         /* overrides overflow for "ul li" and sets the default value */ 
        overflow: visible; 
      } 
      
      .art-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, .art-postcontent blockquote a, .art-blockcontent blockquote a, .art-footer blockquote a, 
      blockquote a:link, .art-postcontent blockquote a:link, .art-blockcontent blockquote a:link, .art-footer blockquote a:link, 
      blockquote a:visited, .art-postcontent blockquote a:visited, .art-blockcontent blockquote a:visited, .art-footer blockquote a:visited, 
      blockquote a:hover, .art-postcontent blockquote a:hover, .art-blockcontent blockquote a:hover, .art-footer blockquote a:hover 
      { 
         color: #06090A; 
         font-style: italic; 
         font-weight: normal; 
         text-align: justify; 
      } 
      
      /* Override native 'p' margins*/ 
      blockquote p, 
      .art-postcontent blockquote p, 
      .art-blockcontent blockquote p, 
      .art-footer blockquote p 
      { 
         margin: 0; 
      } 
      
      blockquote 
      { 
         border: solid 1px #345056; 
         margin: 10px; 
         padding: 12px; 
         background-color: #5A8B96; 
         margin-left: 50px; 
         padding-left: 35px; 
         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 */ 
      .art-postfootericons, 
      .art-postfootericons a, 
      .art-postfootericons a:link, 
      .art-postfootericons a:visited, 
      .art-postfootericons a:hover 
      { 
         font-family: Tahoma, Arial, Helvetica, Sans-Serif; 
         font-style: italic; 
         font-weight: normal; 
         font-size: 11px; 
         color: #EFF4F5; 
      } 
      
      .art-postfootericons 
      { 
         padding: 1px; 
      } 
      
      .art-postfootericons a, .art-postfootericons a:link 
      { 
         text-decoration: none; 
         color: #0E1011; 
      } 
      
      .art-postfootericons a:visited, .art-postfootericons a.visited 
      { 
         color: #C1CBCD; 
      } 
      
      .art-postfootericons a:hover, .art-postfootericons a.hover 
      { 
         text-decoration: underline; 
         color: #FEC090; 
      } 
      
      /* end PostIcons, PostFooterIcons */ 
      
      /* begin PostIcon, PostCategoryIcon */ 
      span.art-postcategoryicon 
      { 
         display:inline-block; 
         line-height: 1em; 
      } 
      
      span.art-postcategoryicon:after 
      { 
         content: '.'; 
         width: 1px; 
         visibility: hidden; 
         display: inline-block; 
      }/* end PostIcon, PostCategoryIcon */ 
      
      /* begin Footer */ 
      .art-footer 
      { 
         position: relative; 
         margin-top:0; 
         margin-bottom:0; 
         width: 100%; 
      } 
      
      .art-footer-body 
      { 
         position:relative; 
         padding: 8px; 
         color: #A8B5B8; 
         font-size: 11px; 
      } 
      
      .art-footer-body ul li 
      { 
         font-size: 13px; 
         line-height: 125%; 
         color: #A8B5B8; 
         margin: 5px 0 0 5px; 
         padding: 0 0 0 12px; 
         background-image: url('../images/footerbullets.png'); 
         background-repeat: no-repeat; 
         background-position: top left; 
      } 
      
      .art-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; 
      } 
      
      .art-footer:before, .art-footer:after  
      { 
         position: absolute; 
         content:' '; 
         z-index:-2; 
         bottom:0; 
         height:50px; 
         background-image: url('../images/footer_b.png'); 
      } 
      
      .art-footer:before 
      { 
         left:0; 
         right:0; 
         background-position: bottom left; 
      } 
      
      .art-footer:after 
      { 
         right:0; 
         width:0; 
         background-position: bottom right; 
      } 
      
      .art-footer-body .art-rss-tag-icon 
      { 
         position: absolute; 
         left:   -6px; 
         bottom:0; 
         z-index:1; 
      } 
      
      .art-rss-tag-icon 
      { 
         display: block; 
         background-image: url('../images/livemarks.png'); 
         background-repeat: no-repeat; 
         height: 32px; 
         cursor: default; 
         background-position: left; 
         padding-left: 25px; 
         width: auto; 
         line-height: 32px; 
         font-size: 11px; 
      } 
      
      .art-footer-text p 
      { 
         padding:0; 
         margin:0; 
         text-align: center; 
      } 
      
      .art-footer-body a, 
      .art-footer-body a:link, 
      .art-footer-body a:visited, 
      .art-footer-body a:hover, 
      .art-footer-body td,  
      .art-footer-body th, 
      .art-footer-body caption 
      { 
         color: #A8B5B8; 
         font-size: 11px; 
      } 
      
      .art-footer-text 
      { 
         min-height: 32px; 
         padding-left: 35px; 
         padding-right: 35px; 
         position: relative; 
         float: left; 
         left: 50%; 
         text-align: center; 
      } 
      
      .art-footer-body a, 
      .art-footer-body a:link 
      { 
         color: #699AA5; 
         text-decoration: none; 
      } 
      
      .art-footer-body a:visited 
      { 
         color: #CAD2D3; 
      } 
      
      .art-footer-body a:hover 
      { 
         color: #59B1C5; 
         text-decoration: underline; 
      } 
      
      .art-footer-center 
      { 
         position: relative; 
         float: right; 
         right: 50%; 
      } 
      
      div.art-footer img 
      { 
         /* WARNING do NOT collapse this to 'border' - inheritance! */ 
        border-width: 1px; 
         border-color: #65787B; 
         border-style: solid; 
         margin: 5px; 
      } 
      
      .art-rss-tag-icon span 
      { 
         padding-left: .5em; 
      } 
      /* end Footer */ 
      
      /* begin PageFooter */ 
      .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: #E3E7E8; 
      } 
      
      .art-page-footer 
      { 
         position: relative; 
         z-index: 10; 
         padding: 1em; 
         text-align: center; 
         text-decoration: none; 
         color: #AEBABC; 
      } 
      /* end PageFooter */ 
      
      /* begin LayoutCell, sidebar1 */ 
      .art-content-layout .art-sidebar1 
      { 
         width: 250px; 
      } 
      /* end LayoutCell, sidebar1 */ 
      
      /* category items */ 
      
      .category ul.actions, 
      .category ul.actions li, 
      .category ul.actions li img 
      { 
         display: inline; 
         margin: 0; 
         padding: 0; 
      } 
      
      .category ul.actions li 
      { 
         background: none; 
      } 
      
      /* categories list container */ 
      
      .category-list .category-desc .image-left 
      { 
         float: left; 
         margin: 0 5px 5px 0; 
      } 
      
      .category-list .category-desc .image-right 
      { 
         float: left; 
         margin: 0 0 5px 5px; 
      } 
      
      .category-list fieldset.filters 
      { 
         border: none; 
      } 
        
      .category-list fieldset.filters .display-limit 
      { 
         text-align: right; 
         margin-right: .5em; 
      } 
        
      .category-list table.category 
      { 
         width: 100%; 
      } 
        
      .category-list table.category thead th a img 
      { 
         border: none; 
         padding-left: .3em; 
      } 
      
       /* categories list items */ 
      
      .categories-list ul 
      { 
         list-style-type: none; 
         margin: 0 0 0 20px; 
         padding: 0; 
      } 
      
      .categories-list ul li 
      { 
         background-image: none; 
         padding: 5px; 
         clear: both; 
      } 
      
      .categories-list ul ul 
      { 
         margin-left: 10px; 
      } 
      
      dl.newsfeed-count dl, 
      dl.weblink-count dl, 
      dl.article-count dl 
      { 
         clear: both; 
      } 
      
      dl.newsfeed-count dt, 
      dl.newsfeed-count dd, 
      dl.weblink-count dt, 
      dl.weblink-count dd, 
      dl.article-count dt, 
      dl.article-count dd 
      { 
         display: inline; 
      } 
      
      dl.newsfeed-count dd, 
      dl.weblink-count dd, 
      dl.article-count dd 
      { 
         padding: 0; 
         margin: 0; 
      } 
      
      /* category subcategories */ 
      
      .cat-children ul 
      { 
         list-style-type: none; 
         margin: 0; 
         padding: 0; 
      } 
      
      .cat-children ul li 
      { 
         background-image: none; 
         padding: 5px; 
         clear: both; 
      } 
      
      /* contact */ 
      
      .contact-email div 
      { 
         padding: 3px 0; 
      } 
      
      .contact-email label 
      { 
         width: 15em; 
         float: left; 
      } 
      
      /* articles archive items */ 
      
      #archive-items 
      { 
         list-style-type: none; 
         margin: 10px 0; 
         padding: 0; 
      } 
      
      #archive-items li 
      { 
         list-style-type: none; 
         background-image: none; 
         margin: 10px 0; 
         padding: 0; 
      } 
      
      /* article */ 
      ul.pagenav 
      { 
         margin: 0; 
         padding: 0; 
         list-style-type: none; 
         text-align: center; 
      } 
      
      ul.pagenav li 
      { 
         display: inline-block; 
         padding: 0 5px; 
         text-align: center; 
         background-image: none; 
      } 
      
      /* blog layout */ 
      
      .cols-2 .column-1, 
      .cols-2 .column-2, 
      .cols-3 .column-1, 
      .cols-3 .column-2, 
      .cols-3 .column-3 
      { 
         float: left; 
         clear: right; 
      } 
      
      .cols-2 .column-1 { 
         width: 50%; 
      } 
      .cols-2 .column-2 { 
         width: 50%; 
      } 
      .cols-3 .column-1 { 
         width: 33%; 
      } 
      .cols-3 .column-2 { 
         width: 33%; 
      } 
      .cols-3 .column-3 { 
         width: 34%; 
      } 
      
      .row-separator 
      { 
         clear: both; 
         float: none; 
         font-size: 1px; 
         display: block; 
      } 
      
      /* article info */ 
      
      .article-info 
      { 
         margin: 10px 0; 
      } 
      
      .article-info .article-info-term 
      { 
         display: none; 
      } 
      
      .article-info dd 
      { 
         background-image: none; 
         margin: 0; 
         padding: 0; 
         line-height: 120%; 
      } 
      
      /* login */ 
      
      .login .login-description img 
      { 
         float: left; 
         margin: 0 5px 5px 0; 
      } 
      
      .login fieldset 
      { 
         clear: both; 
         border:  0; 
      } 
      
      .login .login-fields label 
      { 
         float: left; 
         width: 15em; 
         display: block; 
      } 
      
      /* search form */ 
      
      #searchForm .phrases-box label 
      { 
         display: block; 
         line-height: 1.6em; 
         margin-left: 2em; 
      } 
      
      #searchForm .phrases-box input 
      { 
         display: block; 
         float: left; 
         width: auto; 
         border: none; 
         line-height: 1.6em; 
         margin: 0; 
      } 
      
      #searchForm .only label 
      { 
         display: block; 
         line-height: 1.6em; 
         margin-left: 2em; 
      } 
      
      #searchForm .only input 
      { 
         display: block; 
         float: left; 
         width: auto; 
         border: none; 
         line-height: 1.6em; 
         margin: 0; 
      } 
      
      #searchForm .form-limit 
      { 
         margin-top: .5em; 
      } 
      
      /* pagination */ 
      
      .pagination 
      { 
         margin: 0; 
         padding: 0; 
         text-align: center; 
      } 
      
      .pagination .counter 
      { 
         text-align: center; 
      } 
      
      .pagination ul 
      { 
         list-style-type: none; 
         margin: 0; 
         padding: 0; 
         text-align: center; 
      } 
      
      .pagination ul li 
      { 
         display: inline; 
         padding: 2px 5px; 
         text-align: left; 
         margin: 0 2px; 
         background-image: none; 
      } 
      
      .pagination ul li.pagination-start, 
      .pagination ul li.pagination-start span, 
      .pagination ul li.pagination-end, 
      .pagination ul li.pagination-end span 
      { 
         padding: 0; 
      } 
      
      /* system messages */ 
      
      #system-message 
      { 
         margin-bottom: 20px; 
      } 
      
      #system-message dd.message ul 
      { 
         background: #c3d2e5 url(../../system/images/notice-info.png) 4px center no-repeat; 
         border-top: 3px solid #de7a7b; 
         border-bottom: 3px solid #de7a7b; 
         margin: 0; 
         padding-left: 40px; 
         text-indent: 0; 
      } 
      
      #system-message dd.error ul 
      { 
         color: #c00; 
         background: #e6c0c0 url(../../system/images/notice-alert.png) 4px center no-repeat; 
         border-top: 3px solid #de7a7b; 
         border-bottom: 3px solid #de7a7b; 
         margin: 0; 
         padding-left: 40px; 
         text-indent: 0; 
      } 
      
      #system-message dd.notice ul 
      { 
         color: #c00; 
         background: #efe7b8 url(../../system/images/notice-note.png) 4px center no-repeat; 
         border-top: 3px solid #f0dc7e; 
         border-bottom: 3px solid #f0dc7e; 
         margin: 0; 
         padding-left: 40px; 
         text-indent: 0; 
      } 
      
      #system-message ul li 
      { 
         background-image: none; 
         padding-left: 0; 
      } 
      
      /* icon tooltip */ 
      
      .tip 
      { 
         border: solid 1px #333; 
         background: #ffffcc; 
         padding: 3px; 
         text-align: left; 
      } 
      
      .tip-title 
      { 
         font-weight: bold; 
      } 
      
      /* login module */ 
      
      #login-form fieldset 
      { 
         border: none; 
         margin: 0; 
         padding: 0; 
      } 
      
      #login-form p 
      { 
         margin: 0.5em 0 0 0; 
      } 
      
      #login-form #form-login-username label, 
      #login-form #form-login-password label 
      { 
         display: block; 
      } 
      
      #login-form #form-login-remember input 
      { 
         margin: 0; 
         padding: 0; 
         vertical-align: bottom; 
         position: relative; 
         top: -1px; 
      } 
      
      #login-form #modlgn-username, 
      #login-form #modlgn-passwd 
      { 
         width: 95%; 
         margin: 0; 
         padding: 0; 
      } 
      
      #login-form ul 
      { 
         list-style-type: none; 
         margin: 0; 
         padding: 0; 
      } 
      
      #login-form ul li 
      { 
         background-image: none; 
         padding: 0; 
      } 
      
      /* pagebreak content plugin */ 
      
      #article-index 
      { 
         float: right; 
         margin: .5em; 
         padding: .5em; 
      } 
      
      .pagenavcounter 
      { 
         margin: .5em 0; 
         padding: .5em 0; 
         font-weight: bold; 
      } 
      
      /* com_users forms: registration, profile, edit profile, remind, reset */ 
      .registration fieldset, 
      .profile-edit fieldset, 
      .profile fieldset, 
      #user-registration fieldset 
      { 
         margin: .5em 0; 
         padding: 1em; 
      } 
      
      .registration fieldset dt, 
      .profile-edit fieldset dt, 
      .profile fieldset dt, 
      #user-registration fieldset dt 
      { 
         float: left; 
         width: 16em; 
         padding: .2em 0; 
      } 
      
      .registration fieldset dd, 
      .profile-edit fieldset dd, 
      .profile fieldset dd, 
      #user-registration fieldset dd 
      { 
         padding: .2em 0; 
         margin-left: 16em; 
      } 
      
      .registration fieldset dt, 
      .profile-edit fieldset dt, 
      #user-registration fieldset dt, 
      .registration fieldset dd, 
      .profile-edit fieldset dd, 
      #user-registration fieldset dd 
      { 
         display: block; 
         line-height: 1.5em; 
         min-height: 1.5em; 
      } 
      
      .registration fieldset legend, 
      .profile-edit fieldset legend, 
      .profile fieldset legend 
      { 
         font-weight: bold; 
      } 
      
      /* mod_stats */ 
      .stats-module dt 
      { 
         float: left; 
         width: 10em; 
         padding: .2em 0; 
         font-weight: bold; 
         display: block; 
         line-height: 1.5em; 
         min-height: 1.5em; 
      } 
      
      .stats-module dd 
      { 
         padding: .2em 0; 
         margin-left: 10em; 
         display: block; 
         line-height: 1.5em; 
         min-height: 1.5em; 
      }
      
      0