Menu deroulant joomla passe sous video

Fermé
sebbb - 6 janv. 2013 à 14:38
 sebbb - 7 janv. 2013 à 15:36
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
A voir également:

3 réponses

ced3E Messages postés 101 Date d'inscription mardi 28 décembre 2010 Statut Membre Dernière intervention 9 janvier 2013 2
6 janv. 2013 à 15:03
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
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
up ?
0