اسكرول كردن دايو مطالب سايت

[msh1365]

با سلام
براي اينكه به دايو كانتينر قالب هاي جوملا ارتفاع بدم تا مطالب را اسكرول كنم در صفحات مانند سايت زير كدام كدهاي قالب را بايد ويرايش كنم
دیدن لینک ها برای شما امکان پذیر نیست. لطفا ثبت نام کنید یا وارد حساب خود شوید تا بتوانید لینک ها را ببینید.

کد: (انتخاب همه)

/* begin Page */
/* Created by MOSTAFA SHAHBANI*/

#art-main, table
{
    Direction:rtl;
    font-family: Tahoma, Arial, Helvetica, Sans-Serif;
    font-style: normal;
    font-weight: normal;
    font-size: 11px;
}

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;
}

h1, h2, h3, h4, h5, h6,
h1 a, h2 a, h3 a, h4 a, h5 a, h6 a,
h1 a:link, h2 a:link, h3 a:link, h4 a:link, h5 a:link, h6 a:link,
h1 a:visited, h2 a:visited, h3 a:visited, h4 a:visited, h5 a:visited, h6 a:visited,
h1 a:hover, h2 a:hover, h3 a:hover, h4 a:hover, h5 a:hover, h6 a:hover
{
  Direction : rtl;
  font-family: "Tahoma", Georgia, Times, Serif;
  font-style: normal;
  font-weight: normal;
  font-size:10px;
  text-align: right;
  text-decoration: none;
}

.art-postcontent a
{
  text-decoration: underline;
  color: #156884;
}

.art-postcontent a:link
{
  text-decoration: none;
  color: #156884;
}

.art-postcontent a:visited, .art-postcontent a.visited
{
  color: #315F68;
}

.art-postcontent  a:hover, .art-postcontent a.hover
{
  text-decoration: none;
  color: #2790A5;
}

.art-postcontent h1
{
   color: #156884;
margin: 12px 0;    
}

.art-blockcontent h1
{
margin: 12px 0;
}

.art-postcontent h2
{
   color: #156884;
margin: 13px 0;
   font-size: 16px;    
}

.art-blockcontent h2
{
margin: 13px 0;
   font-size: 16px;
}

.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: 16px;
}

.art-postcontent h3
{
   color: #28AFDC;
margin: 16px 0;
   font-size: 16px;    
}

.art-blockcontent h3
{
margin: 16px 0;
   font-size: 16px;
}

.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: 16px;
}

.art-postcontent h4
{
   color: #0D2F36;
margin: 18px 0;
   font-size: 14px;    
}

.art-blockcontent h4
{
margin: 18px 0;
   font-size: 14px;
}

.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: 14px;
}

.art-postcontent h5
{
   color: #0D2F36;
margin: 20px 0;
   font-size: 12px;    
}

.art-blockcontent h5
{
margin: 20px 0;
   font-size: 12px;
}

.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: 12px;
}

.art-postcontent h6
{
   color: #134853;
margin: 25px 0;
   font-size: 11px;    
}

.art-blockcontent h6
{
margin: 25px 0;
   font-size: 11px;
}

.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: 11px;
}

ul
{
  list-style-type: none;
}

ol
{
  list-style-position: inside;
}

html
{
    height:100%;
}

#art-main
{
  position: relative;
  z-index: 0;
  width: 100%;
  left: 0;
  top: 0;
  cursor:default;
  overflow:visible;
}

body
{
  padding: 0;
  margin:0;
  color: #15292D;
  height:100%;
  min-height:100%;
  background-color: #D2E6EA;
  background-image: url('../images/Bottom_texture.jpg');
  background-repeat: repeat;
  background-attachment: fixed;
  background-position: top left;
  min-width: 700px;
}

#art-page-background-middle-texture
{
  position: relative;
  background-image: url('../images/Middle_texture.jpg');
  background-repeat: repeat-x;
  background-position: top left;
  background-attachment: fixed;
  width:100%;
  min-height:100%;
  min-width: 700px;
}

.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;
}
/* end Page */

/* begin Box, Sheet */
.art-sheet
{
  position: relative;
  margin: 0 auto;
  min-width: 101px;
  min-height: 101px;
  margin-top: 45px;
  margin-bottom: -5px;
  cursor:auto;
  width: 700px;
}

.art-sheet-body
{
  position: relative;
  padding: 10px;
    padding-top:10px;
    padding-bottom:10px;
}

.art-sheet-tr, .art-sheet-tl, .art-sheet-br, .art-sheet-bl, .art-sheet-tc, .art-sheet-bc,.art-sheet-cr, .art-sheet-cl
{
  position: absolute;
}

.art-sheet-tr, .art-sheet-tl, .art-sheet-br, .art-sheet-bl
{
  width: 120px;
  height: 120px;
  background-image: url('../images/sheet_s.png');
}

.art-sheet-tl
{
  top: 0;
  left: 0;
  clip: rect(auto, 60px, 60px, auto);
}

.art-sheet-tr
{
  top: 0;
  right: 0;
  clip: rect(auto, auto, 60px, 60px);
}

.art-sheet-bl
{
  bottom: 0;
  left: 0;
  clip: rect(60px, 60px, auto, auto);
}

.art-sheet-br
{
  bottom: 0;
  right: 0;
  clip: rect(60px, auto, auto, 60px);
}

.art-sheet-tc, .art-sheet-bc
{
  left: 60px;
  right: 60px;
  height: 120px;
  background-image: url('../images/sheet_h.png');
}

.art-sheet-tc
{
  top: 0;
  clip: rect(auto, auto, 60px, auto);
}

.art-sheet-bc
{
  bottom: 0;
  clip: rect(60px, auto, auto, auto);
}

.art-sheet-cr, .art-sheet-cl
{
  top: 60px;
  bottom: 60px;
  width: 120px;
  background-image: url('../images/sheet_v.png');
}

.art-sheet-cr
{
  right: 0;
  clip: rect(auto, auto, auto, 60px);
}

.art-sheet-cl
{
  left: 0;
  clip: rect(auto, 60px, auto, auto);
}

.art-sheet-cc
{
  position: absolute;
  top: 60px;
  left: 60px;
  right: 60px;
  bottom: 60px;
  background-image: url('../images/sheet_c.png');
}

#art-page-background-top-texture, #art-page-background-glare
{
  min-width: 700px;
}

/* end Box, Sheet */

/* begin Header */
div.art-header
{
    margin: 0 auto;
  position: relative;
  width:100%;
  height: 200px;
  margin-top: 0;
  margin-bottom: -5px;
}

div.art-header-center
{
    position: relative;
    width: 680px;
    left:50%;
}

/* end Header */

/* begin HeaderObject */
div.art-headerobject
{
  display: block;
  left: 56%;
  margin-left: -180px;
  position: absolute;
  top: 0;
  width: 375px;
  height: 257px;
  background-image: url('../images/header-object.png');
}
/* end HeaderObject */

/* begin Logo */
div.art-logo
{
  display: block;
  position: absolute;
  top: 20px;
  left: 0;
  margin-left: 0;
}

/* end Logo */

/* begin Menu */
/* menu structure */

.art-hmenu a, .art-hmenu a:link, .art-hmenu a:visited, .art-hmenu a:hover
{
    outline: none;
}

.art-hmenu, .art-hmenu ul
{
  margin: 0;
  padding: 0;
  border: 0;
  list-style-type: none;
  display: block;
}

.art-hmenu li
{
  margin: 0;
  padding: 0;
  border: 0;
  display: block;
  float: left;
  position: relative;
  z-index: 5;
  background: none;
}

.art-hmenu li:hover
{
  z-index: 10000;
  white-space: normal;
}

.art-hmenu li li
{
  float: none;
}

.art-hmenu ul
{
  visibility: hidden;
  position: absolute;
  z-index: 10;
  left: 0;
  top: 0;
  background: none;
  min-height: 0;
  background-image: url('../images/spacer.gif');
  padding: 10px 30px 30px 30px;
  margin: -10px 0 0 -30px;
}

.art-hmenu li:hover>ul
{
  visibility: visible;
  top: 100%;
}

.art-hmenu li li:hover>ul
{
  top: 0;
  left: 100%;
}

.art-hmenu:after, .art-hmenu ul:after
{
  content: ".";
  height: 0;
  display: block;
  visibility: hidden;
  overflow: hidden;
  clear: both;
}
.art-hmenu{
  min-height: 0;
  position:relative;
  padding: 0 0 0 0;
  float: left;
}

.art-hmenu ul ul
{
  padding: 30px 30px 30px 10px;
  margin: -30px 0 0 -10px;
}

/* menu structure */

.art-nav
{
   position: relative;
  margin:0 auto;
  min-height: 27px;
  z-index: 100;
    margin-top: 0;
    margin-bottom: 0;
}

.art-nav-outer
{
    position:absolute;
    width:100%;
}

.art-nav-l, .art-nav-r
{
  position: absolute;
  z-index: -1;
  top: 0;
  height: 100%;
  background-image: url('../images/nav.png');
}

.art-nav-l
{
  left: 0;
  right: 35px;
}

.art-nav-r
{
  right: 0;
  width: 680px;
  clip: rect(auto, auto, auto, 645px);
}

.art-hmenu-extra1
{
  position: relative;
  display: block;
  float: left;
  width: auto;
  height: 27px;
  background-position: center;
}

.art-hmenu-extra2
{
  position: relative;
  display: block;
  float: right;
  width: auto;
  height: 27px;
  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 */
.art-hmenu a
{
  position: relative;
  display: block;
  overflow: hidden;
  height: 27px;
  cursor: pointer;
  text-align: right;
  text-decoration: none;
}

.art-hmenu ul li
{
    margin:0;
    clear: both;
}

.art-hmenu a .r, .art-hmenu a .l
{
  position: absolute;
  display: block;
  top: 0;
  z-index: -1;
  height: 91px;
  background-image: url('../images/menuitem.png');
}

.art-hmenu a .l
{
  left: 0;
  right: 0;
}

.art-hmenu a .r
{
  width: 400px;
  right: 0;
  clip: rect(auto, auto, auto, 400px);
}

.art-hmenu a .t, .art-hmenu ul a, .art-hmenu a:link, .art-hmenu a:visited, .art-hmenu a:hover
{
  text-align: right;
  text-decoration: none;
}

.art-hmenu a .t
{
  color: #000000;
  padding: 0 8px;
  margin: 0 0;
  line-height: 27px;
  text-align: center;
}

.art-hmenu a:hover .l, .art-hmenu a:hover .r
{
  top: -32px;
}

.art-hmenu li:hover>a .l, .art-hmenu li:hover>a .r
{
  top: -32px;
}

.art-hmenu li:hover a .l, .art-hmenu li:hover a .r
{
  top: -32px;
}
.art-hmenu a:hover .t
{
  color: #102023;
}

.art-hmenu li:hover a .t
{
  color: #102023;
}

.art-hmenu li:hover>a .t
{
  color: #102023;
}

.art-hmenu a:hover.separator-without-submenu
{
  cursor: default;
}

.art-hmenu a:hover.separator-without-submenu .t
{
  color: #000000;
}

.art-hmenu li:hover a.separator-without-submenu .t
{
  color: #000000;
}

a:hover.separator-without-submenu .r, a:hover.separator-without-submenu .l
{
  top: 0 !important;
}
/* end MenuItem */

/* begin MenuSeparator */
.art-hmenu .art-hmenu-li-separator
{
  display: block;
  width: 1px;
  height:27px;
}
.art-nav .art-hmenu-separator
{
  display: block;
  margin:0 auto;
  width: 1px;
  height: 27px;
  background-image: url('../images/menuseparator.png');
}
/* end MenuSeparator */

/* begin MenuSubItem */
.art-hmenu ul a
{
  display: block;
  white-space: nowrap;
  height: 26px;
  width: 180px;
  overflow: hidden;
  background-image: url('../images/subitem.png');
  background-position: left top;
  background-repeat: repeat-x;
  border-width: 1px;
  border-style: solid;
  border-color: #47BAE1;
  text-align: right;
  text-indent: 12px;
  text-decoration: none;
  line-height: 26px;
  color: #0C2B32;
  margin:0;
  padding:0;
}

.art-nav ul.art-hmenu ul span, .art-nav ul.art-hmenu ul span span
{
  display: inline;
  float: none;
  margin: inherit;
  padding: inherit;
  background-image: none;
  text-align: inherit;
  text-decoration: inherit;
}

.art-hmenu ul a:link, .art-hmenu ul a:visited, .art-hmenu ul a:hover, .art-hmenu ul a:active, .art-nav ul.art-hmenu ul span, .art-nav ul.art-hmenu ul span span
{
  text-align:right;
  text-indent: 12px;
  text-decoration: none;
  line-height: 26px;
  color: #0C2B32;
  margin:0;
  padding:0;
}

.art-hmenu ul li a:hover
{
  color: #000000;
  border-color: #47BAE1;
  background-position: 0 -26px;
}

.art-hmenu ul li:hover>a
{
  color: #000000;
  border-color: #47BAE1;
  background-position: 0 -26px;
}

.art-nav .art-hmenu ul li a:hover span, .art-nav .art-hmenu ul li a:hover span span
{
  color: #000000;
}

.art-nav .art-hmenu ul li:hover>a span, .art-nav .art-hmenu ul li:hover>a span span
{
  color: #000000;
}

/* end MenuSubItem */

/* begin Layout */
.art-content-layout
{
  display: table;
  position:relative;
  margin: 0 auto;
  table-layout: fixed;
  border-collapse: collapse;
  background-color: Transparent;
  border: none !important;
  padding:0 !important;
  width:100%;
  margin-top:0;
  margin-bottom:0;
}
.art-layout-cell, .art-content-layout-row
{
  background-color: Transparent;
  vertical-align: top;
  text-align: right;
  border: none;
  margin:0;
  padding:0;
}

.art-content-layout .art-content-layout{margin:0;}
.art-content-layout .art-layout-cell, .art-content-layout .art-layout-cell .art-content-layout .art-layout-cell{display: table-cell;}
.art-layout-cell .art-layout-cell{display: block;}
.art-content-layout-row {display: table-row;}
.art-layout-glare{position:relative;}/* end Layout */

/* begin Box, Block, VMenuBlock */
.art-vmenublock
{
  position: relative;
  min-width: 1px;
  min-height: 1px;
  margin: 0;
}

.art-vmenublock-body
{
  position: relative;
  padding: 0;
}

/* end Box, Block, VMenuBlock */

/* begin BlockHeader, VMenuBlockHeader */
.art-vmenublockheader
{
  margin-bottom: 0;
  position: relative;
  height: 36px;
}

.art-vmenublockheader h3.t
{
  position: relative;
  height: 36px;
  color: #000000;
  font-family: Tahoma, Arial, Helvetica, Sans-Serif;
  font-size: 12px;
  margin:0;
  padding: 0 10px 0 10px;
  white-space: nowrap;
  line-height: 36px;
}

.art-vmenublockheader h3.t a,
.art-vmenublockheader h3.t a:link,
.art-vmenublockheader h3.t a:visited,
.art-vmenublockheader h3.t a:hover
{
  color: #000000;
  font-family: Tahoma, Arial, Helvetica, Sans-Serif;
  font-size: 12px;
}

/* end BlockHeader, VMenuBlockHeader */

/* begin Box, Box, VMenuBlockContent */
.art-vmenublockcontent
{
  position: relative;
  margin: 0 auto;
  min-width: 1px;
  min-height: 1px;
}

.art-vmenublockcontent-body
{
  position: relative;
  padding: 0;
}

/* end Box, Box, VMenuBlockContent */

/* begin VMenu */
ul.art-vmenu, ul.art-vmenu li
{
  list-style: none;
  margin: 0;
  padding: 0;
  width: auto;
  line-height: 0;
}

ul.art-vmenu
{
  margin-top: 0;
  margin-bottom: 0;
}

/* images in menu items */
ul.art-vmenu img.art-menu-image, ul.art-vmenu img.art-menu-image-left
{
  vertical-align: middle;
  margin-right: 5px;
}

ul.art-vmenu img.art-menu-image-right
{
  vertical-align: middle;
  margin-left: 5px;
}
/* end VMenu */

/* begin VMenuItem */
ul.art-vmenu a
{
  position: relative;
  display: block;
  overflow: hidden;
  height: 28px;
  cursor: pointer;
  text-decoration: none;
}

ul.art-vmenu li.art-vmenu-separator
{
  display: block;
  padding: 0 0 0 0;
  margin: 0;
  font-size: 1px;
}

ul.art-vmenu .art-vmenu-separator-span
{
  display: block;
  padding: 0;
  font-size: 1px;
  height: 0;
  line-height: 0;
  border-top: dashed 1px #4D95A3;
}

ul.art-vmenu a .r, ul.art-vmenu a .l
{
  position: absolute;
  display: block;
  top: 0;
  height: 94px;
  background-image: url('../images/vmenuitem.png');
}

ul.art-vmenu a .l
{
  left: 0;
  right: 12px;
}

ul.art-vmenu a .r
{
  width: 680px;
  right: 0;
  clip: rect(auto, auto, auto, 668px);
}

ul.art-vmenu a .t, ul.art-vmenu ul a
{
  font-family: Tahoma, Arial, Helvetica, Sans-Serif;
  font-style: normal;
  font-weight: normal;
  font-size: 11px;
}

ul.art-vmenu a .t
{
  display: block;
  position:relative;
  top:0;
  line-height: 28px;
  color: #102023;
  padding: 0 7px 0 17px;
  margin-left:0;
  margin-right:0;
}

ul.art-vmenu a.active .l, ul.art-vmenu a.active .r
{
  top: -66px;
}

ul.art-vmenu a.active .t
{
  color: #96D8EE;
}

ul.art-vmenu a:hover .l, ul.art-vmenu a:hover .r
{
  top: -33px;
}

ul.art-vmenu a:hover .t
{
  color: #ACD0D8;
}

/* end VMenuItem */

/* begin Box, Block */
.art-block
{
  position: relative;
  min-width: 1px;
  min-height: 1px;
  margin: 5px;
}

.art-block-body
{
  position: relative;
  padding: 5px;
}

div.art-block img
{
/* WARNING do NOT collapse this to 'border' - inheritance! */
    border-color: #ACD0D8;
  border-style: solid;
  margin: 5px;
}

/* end Box, Block */

/* begin Box, BlockContent */
.art-blockcontent
{
  position: relative;
  margin: 0 auto;
  min-width: 1px;
  min-height: 1px;
}

.art-blockcontent-body
{
  position: relative;
  padding: 0;
  color: #15292D;
  font-family: Tahoma, Arial, Helvetica, Sans-Serif;
  font-size: 11px;
}

.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: #15292D;
  font-family: Tahoma, Arial, Helvetica, Sans-Serif;
  font-size: 11px;
}

.art-blockcontent-body p
{
  margin: 6px 0;
}

.art-blockcontent-body a, .art-blockcontent-body a:link
{
  color: #1D6C7C;
  text-decoration: none;
}

.art-blockcontent-body a:visited, .art-blockcontent-body a.visited
{
  color: #55A0AF;
  text-decoration: none;
}

.art-blockcontent-body a:hover, .art-blockcontent-body a.hover
{
  color: #2790A5;
  text-decoration: none;
}

.art-blockcontent-body ul li
{
  line-height: 125%;    
  color: #061619;
  padding: 0 0 0 16px;
  background-image: url('../images/blockcontentbullets.png');
  background-repeat: no-repeat;
}/* end Box, BlockContent */

/* begin Button */
.art-button-wrapper a.art-button,
.art-button-wrapper a.art-button:link,
.art-button-wrapper input.art-button,
.art-button-wrapper button.art-button
{
  text-decoration: none;
  font-family: Tahoma, Arial, Helvetica, Sans-Serif;
  font-style: normal;
  font-weight: normal;
  font-size: 11px;
  position:relative;
  top:0;
  display: inline-block;
  vertical-align: middle;
  white-space: nowrap;
  text-align: center;
  color: #0D2F36 !important;
  width: auto;
  outline: none;
  border: none;
  background: none;
  line-height: 31px;
  height: 31px;
  margin: 0 !important;
  padding: 0 16px !important;
  overflow: visible;
  cursor: pointer;
}

.art-button img, .art-button-wrapper img
{
  margin: 0;
  vertical-align: middle;
}

.art-button-wrapper
{
  vertical-align: middle;
  display: inline-block;
  position: relative;
  height: 31px;
  overflow: hidden;
  white-space: nowrap;
  width: auto;
  margin: 0;
  padding: 0;
  z-index: 0;
}

.firefox2 .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: normal;
  font-size: 11px;
}

.art-block select
{
    width:96%;
}

.art-button-wrapper.hover .art-button, .art-button-wrapper.hover a.art-button:link, .art-button:hover
{
  color: #CBE2E7 !important;
  text-decoration: none !important;
}

.art-button-wrapper.active .art-button, .art-button-wrapper.active a.art-button:link
{
  color: #D5E8EB !important;
}

.art-button-wrapper .art-button-l, .art-button-wrapper .art-button-r
{
  display: block;
  position: absolute;
  height: 103px;
  margin: 0;
  padding: 0;
  background-image: url('../images/button.png');
}

.art-button-wrapper .art-button-l
{
  left: 0;
  right: 10px;
}

.art-button-wrapper .art-button-r
{
  width: 409px;
  right: 0;
  clip: rect(auto, auto, auto, 399px);
}

.art-button-wrapper.hover .art-button-l, .art-button-wrapper.hover .art-button-r
{
  top: -36px;
}

.art-button-wrapper.active .art-button-l, .art-button-wrapper.active .art-button-r
{
  top: -72px;
}

.art-button-wrapper input
{
  float: none !important;
}
/* end Button */

/* begin Box, Post */
.art-post
{
  position: relative;
  min-width: 1px;
  min-height: 1px;
  margin: 5px;
}

.art-post-body
{
  position: relative;
  padding: 15px;
}

a img
{
  border: 0;
}

.art-article img, img.art-article, .art-block img, .art-footer img
{
  border: solid 0 #ACD0D8;
  margin: 10px;
}

.art-metadata-icons img
{
  border: none;
  vertical-align: middle;
  margin: 2px;
}

.art-article table, table.art-article
{
  border-collapse: collapse;
  margin: 1px;
}

.art-article th, .art-article td
{
  padding: 2px;
  border: solid 1px #74B1BE;
  vertical-align: top;
  text-align:right;
}

.art-article th
{
  text-align: center;
  vertical-align: middle;
  padding: 7px;
}

pre
{
  overflow: auto;
  padding: 0.1em;
}

/* end Box, Post */

/* begin PostHeaderIcon */
h2.art-postheader
{
  color: #0E4558;
  margin: 3px 0;
  font-size: 12px;
  font-weight: bold;
}

h2.art-postheader a,
h2.art-postheader a:link,
h2.art-postheader a:visited,
h2.art-postheader a.visited,
h2.art-postheader a:hover,
h2.art-postheader a.hovered
{
  font-size: 12px;
  font-weight: bold;
}

h2.art-postheader a, h2.art-postheader a:link
{
  text-align: right;
  text-decoration: none;
  color: #12576E;
}

h2.art-postheader a:visited, h2.art-postheader a.visited
{
  color: #376C76;
}

h2.art-postheader a:hover,  h2.art-postheader a.hovered
{
  text-decoration: none;
  color: #2790A5;
}

/* end PostHeaderIcon */

/* begin PostMetadata, PostMetadataHeader */
.art-postmetadataheader
{
  overflow:hidden;
  padding: 1px;
  background-image: url('../images/postmetadataheader_bg.png');
  border-color: #ACD0D8;
  border-style: solid;
  border-width: 0;
}
/* 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;
  color: #2C555E;
}

.art-postheadericons
{
  padding: 1px;
}

.art-postheadericons a, .art-postheadericons a:link
{
  text-decoration: none;
  color: #1D6C7C;
}

.art-postheadericons a:visited, .art-postheadericons a.visited
{
  color: #417E8B;
}

.art-postheadericons a:hover, .art-postheadericons a.hover
{
  text-decoration: none;
  color: #156884;
}
/* end PostIcons, PostHeaderIcons */

/* begin PostBullets */
.art-post ol, .art-post ul
{
  margin: 1em 0 1em 2em;
  padding: 0;
}

.art-post li
{
  font-size: 11px;
  color: #213F45;
  padding: 0 0 0 13px;
}

.art-post li ol, .art-post li ul
{
  margin: 0.5em 0 0.5em 2em;
  padding: 0;
}

.art-post ol>li
{
  background: none;
  padding-left: 0;
  /* overrides overflow for "ul li" and sets the default value */
  overflow: visible;
}

.art-post ul>li
{
  background-image: url('../images/postbullets.png');
  background-repeat: no-repeat;
  background-position:Right;
  padding-right: 13px;
  /* 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 */
.art-postcontent blockquote,
.art-postcontent blockquote a,
.art-postcontent blockquote a:link,
.art-postcontent blockquote a:visited,
.art-postcontent blockquote a:hover
{
  color: #11414A;
  text-align: right;
}

.art-postcontent blockquote p
{
   margin: 5px 10px 10px;
}

.art-postcontent blockquote
{
   border: solid 0 #77CCE9;
  margin: 10px 10px 10px 50px;
  padding: 0 0 0 24px;
  background-color: #B9E5F4;
  background-image: url('../images/postquote.png');
  background-position: left top;
  background-repeat: no-repeat;
  /* makes blockquote not to align behind the image if they are in the same line */
  overflow: auto;
  clear:both;
}

/* end PostQuote */

/* begin PostMetadata, PostMetadataFooter */
.art-postmetadatafooter
{
  overflow:hidden;
  padding: 1px;
  background-image: url('../images/postmetadatafooter_bg.png');
  border-color: #ACD0D8;
  border-style: solid;
  border-width: 0;
}
/* end PostMetadata, PostMetadataFooter */

/* 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;
  color: #213F45;
}

.art-postfootericons
{
  padding: 1px;
}

.art-postfootericons a, .art-postfootericons a:link
{
  text-decoration: none;
  color: #1D6C7C;
}

.art-postfootericons a:visited, .art-postfootericons a.visited
{
  color: #417E8B;
}

.art-postfootericons a:hover, .art-postfootericons a.hover
{
  text-decoration: none;
  color: #156884;
}
/* end PostIcons, PostFooterIcons */

/* begin Footer */
.art-footer
{
  position: relative;
  margin-top:0;
  margin-bottom:0;
  width: 100%;
}

.art-footer-b
{
  position: absolute;
  left:35px;
  right:35px;
  bottom:0;
  height:35px;
  background-image: url('../images/footer_b.png');
}

.art-footer-r, .art-footer-l
{
  position: absolute;
  height:35px;
  background-image: url('../images/footer_s.png');
  bottom: 0;
}

.art-footer-l
{
  left: 0;
  width:35px;
}

.art-footer-r
{
  right: 0;
  width:70px;
  clip: rect(auto, auto, auto, 35px);
}

.art-footer-t
{
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 35px;
  background-color: #D2E6EA;
}

.art-footer-body
{
    position:relative;
    padding: 5px;
}

.art-footer-body .art-rss-tag-icon
{
  position: absolute;
  left:   10px;
  bottom:10px;
  z-index:1;
}

.art-rss-tag-icon
{
  display: block;
  background-image: url('../images/livemarks.png');
  background-position: center right;
  background-repeat: no-repeat;
  height: 32px;
  width: 32px;
  cursor: default;
}

.art-footer-text p
{
  padding:0;
  margin:0;
  text-align: center;
}

.art-footer-text,
.art-footer-text a,
.art-footer-text a:link,
.art-footer-text a:visited,
.art-footer-text a:hover,
.art-footer-text td,
.art-footer-text th,
.art-footer-text caption
{
    color: #0D2F36;
    letter-spacing: 1px;
}

.art-footer-text
{
  min-height: 42px;
  padding-left: 10px;
  padding-right: 10px;
  text-align: center;
}

.art-footer-text a,
.art-footer-text a:link
{
  color: #268DA1;
  text-decoration: none;
}

.art-footer-text a:visited
{
  color: #2F5C65;
}

.art-footer-text a:hover
{
  color: #23AAD7;
  text-decoration: none;
}

div.art-footer img
{
/* WARNING do NOT collapse this to 'border' - inheritance! */
    border-color: #ACD0D8;
  border-style: solid;
  margin: 0;
}/* 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
{
  Direction:rtl;
  font-family: Tahoma;
  font-size: 10px;
  letter-spacing: normal;
  word-spacing: normal;
  font-style: normal;
  font-weight: normal;
  text-decoration: none;
  color: #195E6B;
}

.art-page-footer
{
  padding: 1em;
  text-align: center;
  text-decoration: none;
  color: #2A525A;
}
/* end PageFooter */

/* begin LayoutCell, sidebar1 */

.art-content-layout .art-sidebar1
{
  width: 200px;
}

/* end LayoutCell, sidebar1 */

/* begin LayoutCell, content */

/* end LayoutCell, content */

table.moduletable th
{
  padding: .5em 0;
  margin: 0;
  font-weight: bold;
  font-family: Tahoma,Arial,sans-serif;
  font-size: 1.5em;
  padding-left: 0;
  margin-bottom: 10px;
  text-align: right;
}

.firefox2 table.poll tr td div
{
  font-size: 0;
}

#footer
{
  text-align: center;
}

.contentpaneopen span.small,
.contentpaneopen td.createdate,
.contentpaneopen td.modifydate
{
  font-size: 75%;
  padding-bottom: 1em;
}

.column_separator
{
  padding-left: 10px;
}

div.offline
{
  background: #fffebb;
  width: 100%;
  position: absolute;
  top: 0;
  left: 0;
  font-size: 1.2em;
  padding: 5px;
}

/* headers */
legend
{
  font-weight: bold;
  font-family: Tahoma,Arial,sans-serif;
  font-size: 1.5em;
  padding-left: 0;
  margin-bottom: 10px;
  text-align: right;
  margin: 0;
  padding: 0 10px;
}

/* form validation */
.invalid
{
  border-color: #ff0000;
}

label.invalid
{
  color: #ff0000;
}

/** overlib **/

.ol-foreground
{
  background-color: #f6f6f6;
}

.ol-background
{
  background-color: #666;
}

.ol-textfont
{
  font-family: Tahoma, Helvetica, sans-serif;
  font-size: 10px;
}

.ol-captionfont
{
  font-family: Tahoma, Helvetica, sans-serif;
  font-size: 12px;
  color: #f6f6f6;
  font-weight: bold;
}

.ol-captionfont a
{
  color: #0B55C4;
  text-decoration: none;
  font-size: 12px;
}

/* spacers */
span.article_separator
{
  display: none;
}

td.buttonheading img
{
  border: none;
}

.clr
{
  clear: both;
}

div#maindivider
{
  border-top: 1px solid #ddd;
  margin-bottom: 10px;
  overflow: hidden;
  height: 1px;
}

table.blog span.article_separator
{
  display: none;
}

/* edit button */
.contentpaneopen_edit
{
  float: left;
}

/* table of contents */
table.contenttoc
{
  margin: 5px;
  border: 1px solid #ccc;
  padding: 5px;
  float: right;
}

table.contenttoc td
{
  padding: 0 5px;
}

/* content tables */
td.sectiontableheader
{
  background: #efefef;
  color: #333;
  font-weight: bold;
  padding: 4px;
  border-right: 1px solid #fff;
}

tr.sectiontableentry0 td,
tr.sectiontableentry1 td,
tr.sectiontableentry2 td
{
  padding: 4px;
}

td.sectiontableentry0,
td.sectiontableentry1,
td.sectiontableentry2
{
  padding: 3px;
}

/* content styles */
table.contentpaneopen,
table.contentpane
{
  margin: 0;
  padding: 0;
  width: auto;
}

table.contentpaneopen li
{
  margin-bottom: 5px;
}

table.contentpaneopen fieldset
{
  border: 0;
  border-top: 1px solid #ddd;
}

table.contentpaneopen h3
{
  margin-top: 25px;
}

table.contentpaneopen h4
{
  font-family: Tahoma, Helvetica, sans-serif;
  color: #333;
}

.highlight
{
  background-color: #fffebb;
}

/* module control elements */
table.user1user2 div.moduletable
{
  margin-bottom: 0;
}

div.moduletable,
div.module
{
  margin-bottom: 25px;
}

div.module_menu h3
{
  font-family: Tahoma, Arial, sans-serif;
  font-size: 12px;
  font-weight: bold;
  color: #eee;
  margin: -23px -4px 5px -5px;
  padding-left: 10px;
  padding-bottom: 2px;
}

div.module_menu
{
  margin: 0;
  padding: 0;
  margin-bottom: 15px;
}

div.module_menu div div div
{
  padding: 10px;
  padding-top: 30px;
  padding-bottom: 15px;
  width: auto;
}

div.module_menu div div div div
{
  background: none;
  padding: 0;
}

div.module_menu ul
{
  margin: 10px 0;
  padding-left: 20px;
}

div.module_menu ul li a:link,
div.module_menu ul li a:visited
{
  font-weight: bold;
}

#leftcolumn div.module
{
  padding: 0 10px;
}

#leftcolumn div.module table
{
  width: auto;
}

/* forms */
table.adminform textarea
{
  width: 540px;
  height: 400px;
  font-size: 1em;
  color: #000099;
}

div.search input
{
  width: 95%;
  border: 1px solid #ccc;
  margin: 5px 0 5px 0;
}

.art-nav div.search input
{
    width: auto;
}

/* login component */

form#com-form-login
{
  text-align:right;
}

form#com-form-login fieldset
{
  border: 0 none;
  margin: 0;
  padding: 0.2em;
}

form#com-form-login ul
{
  list-style-type: none;
  margin: 0;
  padding: 0;
}

form#com-form-login ul li
{
  background-image: none;
  padding: 0;
}

/* thumbnails */
div.mosimage
{
  margin: 5px;
}

div.mosimage_caption {
  font-size: .90em;
  color: #666;
}

div.caption
{
  padding: 0 10px 0 10px;
}

div.caption img
{
  border: 1px solid #CCC;
}

div.caption p
{
  font-size: .90em;
  color: #666;
  text-align: center;
}

/* Parameter Table */
table.paramlist
{
  margin-top: 5px;
}

table.paramlist td.paramlist_key
{
  width: 128px;
  text-align: right;
  height: 30px;
}

div.message
{
  font-weight: bold;
  font-size: 14px;
  color: #c30;
  text-align: center;
  width: auto;
  background-color: #f9f9f9;
  border: solid 1px #d5d5d5;
  margin: 3px 0 10px;
  padding: 3px 20px;
}

/* Banners module */

/* Default skyscraper style */
.banneritem img
{
  display: block;
  margin-left: auto;
  margin-right: auto;
}

/* Text advert style */

.banneritem_text
{
  padding: 4px;
  font-size: 11px;
}

.bannerfooter_text
{
  padding: 4px;
  font-size: 11px;
  background-color: #f7f7f7;
  text-align: right;
}

/* Polls */
.pollstableborder
{
  margin-top: 8px;
}

.pollstableborder td
{
  text-align: right;
  vertical-align: middle;
}

/* WebLinks */
span.description
{
  display: block;
  padding-left: 30px;
}

/* Frontend Editing*/
fieldset
{
  border: 1px solid #ccc;
  margin-top: 15px;
  padding: 15px;
}

td.key
{
  border-bottom: 1px solid #eee;
  color: #666;
}

/* Tooltips */

.tool-tip
{
  float: left;
  background: #ffc;
  border: 1px solid #d4d5aa;
  padding: 5px;
  max-width: 200px;
}

.tool-title
{
  padding: 0;
  margin: 0;
  font-size: 100%;
  font-weight: bold;
  margin-top: -15px;
  padding-top: 15px;
  padding-bottom: 5px;
  background: url(../../system/images/selector-arrow.png) no-repeat;
}

.tool-text
{
  font-size: 100%;
  margin: 0;
}

#syndicate
{
  float: left;
  padding-left: 25px;
}

/* Component Specific Fixes */

#component-contact table td
{
  padding: 2px 0;
}

.breadcrumbs img
{
  margin: 0;
  padding: 0;
  border: 0;
}

.mceToolbarTop {
  white-space: normal;
}

.mceEditor
{
  background: none;
}

#archive-list
{
  list-style-type: none;
  margin: 0;
  padding: 0;
}

#archive-list li
{
  list-style-type: none;
  background-image: none;
  margin-left: 0;
  padding-left: 0;
}

#navigation,
#navigation p
{
  text-align: center;
}

.article h3 img
{
  border: none;
  display: inline;
  margin: 0;
  padding: 0;
}

.art-footer-text .moduletable
{
  border: none;
  margin: 0;
  padding: 0;
}

.img_caption.left
{
  float: left;
  margin-right: 1em;
}

.img_caption.right
{
  float: right;
  margin-left: 1em;
}

.img_caption.left p
{
  clear: left;
  text-align: center;
}

.img_caption.right p
{
  clear: right;
  text-align: center;
}

.img_caption img
{
  margin: 0;
}

.contentheading
{
font-size: 16px;
  color: #28AFDC;
}

#system-message ul li {
  background-image: none;
  padding-left: 0;
}

/* category items */

.art-j16 .category ul.actions,
.art-j16 .category ul.actions li,
.art-j16 .category ul.actions li img
{
  display: inline;
  margin: 0;
  padding: 0;
}

.art-j16 .category ul.actions li
{
  background: none;
}

/* pagination */

.art-j15 .pagination
{
  margin: 0;
  padding: 0;
  text-align: center;
}

.art-j15 .pagination span
{
  margin: 0;
  padding: 0;
}

.art-j15 .pagination a
{
  padding: 2px;
}

/* article navigation */

.art-j15 .pagenav
{
  width: 100%;
}

.art-j15 .pagenav td,
.art-j15 .pagenav th
{
  border: none;
  font-weight: normal;
}

/* categories list container */

.art-j16 .category-desc .image-left
{
  float: left;
  margin: 0 5px 5px 0;
}

.art-j16 .category-desc .image-right
{
  float: left;
  margin: 0 0 5px 5px;
}

/* categories list items */

.art-j16 .categories-list ul
{
  list-style-type: none;
  margin: 0 0 0 20px;
  padding: 0;
}

.art-j16 .categories-list ul li
{
  background-image: none;
  padding: 5px;
  clear: both;
}

.art-j16 .categories-list ul ul
{
  margin-left: 10px;
}

.art-j16 dl.newsfeed-count dl,
.art-j16 dl.weblink-count dl,
.art-j16 dl.article-count dl
{
  clear: both;
}

.art-j16 dl.newsfeed-count dt,
.art-j16 dl.newsfeed-count dd,
.art-j16 dl.weblink-count dt,
.art-j16 dl.weblink-count dd,
.art-j16 dl.article-count dt,
.art-j16 dl.article-count dd
{
  display: inline;
}

.art-j16 dl.newsfeed-count dd,
.art-j16 dl.weblink-count dd,
.art-j16 dl.article-count dd
{
  padding: 0;
  margin: 0;
}

/* category subcategories */

.art-j16 .cat-children ul
{
  list-style-type: none;
  margin: 0;
  padding: 0;
}

.art-j16 .cat-children ul li
{
  background-image: none;
  padding: 5px;
  clear: both;
}

/* contact */

.art-j16 .contact-email div
{
  padding: 3px 0;
}

.art-j16 .contact-email label
{
  width: 15em;
  float: left;
}

/* articles archive items */

.art-j16 #archive-items
{
  list-style-type: none;
  margin: 10px 0;
  padding: 0;
}

.art-j16 #archive-items li
{
  list-style-type: none;
  background-image: none;
  margin: 10px 0;
  padding: 0;
}

/* article */
.art-j16 .pagenav
{
  margin: 0;
  padding: 0;
  list-style-type: none;
  text-align: center;
}

.art-j16 .pagenav li
{
  display: inline-block;
  padding: 0 5px;
  text-align: center;
  background-image: none;
}

/* blog layout */

.art-j16 .cols-2 .column-1,
.art-j16 .cols-2 .column-2,
.art-j16 .cols-3 .column-1,
.art-j16 .cols-3 .column-2,
.art-j16 .cols-3 .column-3
{
  float: left;
  clear: right;
}

.art-j16 .cols-2 .column-1 { width: 50%; }
.art-j16 .cols-2 .column-2 { width: 50%; }
.art-j16 .cols-3 .column-1 { width: 33%; }
.art-j16 .cols-3 .column-2 { width: 33%; }
.art-j16 .cols-3 .column-3 { width: 34%; }

.art-j16 .row-separator
{
  clear: both;
  float: none;
  font-size: 1px;
  display: block;
}

/* article info */

.art-j16 .article-info
{
  margin: 10px 0;
}

.art-j16 .article-info .article-info-term
{
  display: none;
}

.art-j16 .article-info dd
{
  background-image: none;
  margin: 0;
  padding: 0;
  line-height: 120%;
}

/* login */

.art-j16 .login .login-description img
{
  float: left;
  margin: 0 5px 5px 0;
}

.art-j16 .login fieldset
{
  clear: both;
  border:  0;
}

.art-j16 .login .login-fields label
{
  float: left;
  width: 15em;
  display: block;
}

/* search form */

.art-j16 #searchForm .phrases-box label
{
  display: block;
  line-height: 1.6em;
  margin-left: 2em;
}

.art-j16 #searchForm .phrases-box input
{
  display: block;
  float: left;
  width: auto;
  border: none;
  line-height: 1.6em;
  margin: 0;
}

.art-j16 #searchForm .only label
{
  display: block;
  line-height: 1.6em;
  margin-left: 2em;
}

.art-j16 #searchForm .only input
{
  display: block;
  float: left;
  width: auto;
  border: none;
  line-height: 1.6em;
  margin: 0;
}

.art-j16 #searchForm .form-limit
{
  margin-top: .5em;
}

/* pagination */

.art-j16 .pagination
{
  margin: 0;
  padding: 0;
  text-align: center;
}

.art-j16 .pagination .counter
{
  text-align: center;
}

.art-j16 .pagination ul
{
  list-style-type: none;
  margin: 0;
  padding: 0;
  text-align: center;
}

.art-j16 .pagination li
{
  display: inline;
  padding: 2px 5px;
  text-align: right;
  margin: 0 2px;
  background-image: none;
}

.art-j16 .pagination li.pagination-start,
.art-j16 .pagination li.pagination-start span,
.art-j16 .pagination li.pagination-end,
.art-j16 .pagination li.pagination-end span
{
  padding: 0;
}

/* system messages */

.art-j16 #system-message
{
  margin-bottom: 20px;
}

.art-j16 #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;
}

.art-j16 #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;
}

.art-j16 #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;
}

.art-j16 #system-message ul li
{
  background-image: none;
  padding-left: 0;
}

/* icon tooltip */

.art-j16 .tip
{
  border: solid 1px #333;
  background: #ffffcc;
  padding: 3px;
  text-align: right;
}

.art-j16 .tip-title
{
  font-weight: bold;
}

/* login module */

.art-j15 #form-login fieldset.input,
.art-j16 #login-form fieldset
{
  border: none;
  margin: 0;
  padding: 0;
}

.art-j15 #form-login br
{
  display: none;
}

.art-j15 #form-login p,
.art-j16 #login-form p
{
   margin: 0.5em 0 0 0;
}

.art-j15 #form-login #form-login-username label,
.art-j15 #form-login #form-login-password label,
.art-j16 #login-form #form-login-username label,
.art-j16 #login-form #form-login-password label
{
  display: block;
}

.art-j15 #form-login #form-login-remember input,
.art-j16 #login-form #form-login-remember input
{
  margin: 0;
  padding: 0;
  vertical-align: bottom;
  position: relative;
  top: -1px;
}

.art-j15 #form-login #modlgn_username,
.art-j15 #form-login #modlgn_passwd,
.art-j16 #login-form #modlgn-username,
.art-j16 #login-form #modlgn-passwd
{
  width: 95%;
  margin: 0;
  padding: 0;
}

.art-j15 #form-login ul,
.art-j16 #login-form ul
{
  list-style-type: none;
  margin: 0;
  padding: 0;
}

.art-j15 #form-login ul li,
.art-j16 #login-form ul li
{
  background-image: none;
  padding: 0;
}

/* Plugin compatilibity. */

/* 152316, DOCman */

.dm_taskbar ul
{
  background-image: none;
  margin: 0;
  padding: 0;
}

.dm_taskbar ul li
{
  background-image: none;
}

/* Custom styles */