Menu deroulant joomla passe sous video

sebbb -  
 sebbb -
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. ced3E Messages postés 107 Statut Membre 2
     
    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
  2. sebbb
     
    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