/**
 * @version $Id: template.css 10498 2008-07-04 00:05:36Z ian $
 * @author Design & Accessible Team ( Angie Radtke / Robert Deutz )
 * @package Joomla
 * @subpackage Accessible-Template-lorem
 * @copyright Copyright (C) 2005 - 2008 Open Source Matters. All rights reserved.
 * @license GNU/GPL, see LICENSE.php
 * Joomla! is free software. This version may have been modified pursuant to the
 * GNU General Public License, and as distributed it includes or is derivative
 * of works licensed under the GNU General Public License or other free or open
 * source software licenses. See COPYRIGHT.php for copyright notices and
 * details.
 */





body
{
        background: #fff;
        color: #000000;
        font-family: verdana, georgia, arial, helvetica, sans-serif;
        font-size: 100.1%;
        padding: 0px;
        text-align: center;
}



body.contentpane {

width : auto;
margin : 10px;
line-height : 1.4em;
text-align: left;
}

/* TOC */
table.contenttoc{
        float: right;
}

/* Tooltips */
.tool-tip {
        float: left;
        background: #ffc;
        border: 1px solid #D4D5AA;
        padding: 5px;
        max-width: 200px;
        text-align:left;
}

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

p.yo a:hover {
display: block;
width: 100px;
height: 120px;
background: transparent url(logo_org.gif) 0 0 no-repeat;
}

p.thumb a:hover        {background-image: url(logo_org.gif);
                top:-20px;
                left:-50px;        }
.navi-news
{
  display:block;
}
.navi-news:hover, .navi-news:active, .navi-news:focus
{
  background-image: url(../images/logo_org.gif);
  width:230px;
  height:219px;
}

/* =======================================
    Top Menu aka Main Menu
    ======================================= */
    .topmenu{
       padding:0;
       color: #333;
       height: 30px;
       margin: 0;
       width: 500px;
       font-size: 90%
    }

    .topmenu h3 {
       background:#666;
       color:#fff;
       padding:0.25em 0;
       text-align:center;
       font-size:1.1em;
       margin:0;
    }

    .topmenu ul{
       list-style: none;
       margin: 0;
       padding: 0;
    }

    .topmenu li{
       margin: 0px 15px 0px 0px;
       float: left;
    }
    .topmenu li ul {
       position: absolute;
       width: 235px;
       left: -999em;
       border: 1px solid #474748;
       border-bottom: none;
       top: 22px;
    }
    .topmenu li:hover ul {
       left: auto;
    }
    .topmenu li ul li {
       width: 135px;
       padding: 0;
       border-bottom: 1px solid #474748;
    }

    .topmenu li a{
       display: block;
       padding: 5px;
       background-color:#fff;
       color: #000;
       font-weight: bold;
       text-decoration: none;
    }
    html>body .topmenu li a {
       width: auto;
    }

    .topmenu li ul li a {
       width: 125px;
       background-color: #221f20;
       color: #fff;
       /* ---
       filter:alpha(opacity=80);
       -moz-opacity: 0.8;
       opacity: 0.8;*/
    }


    .topmenu li a:hover,a#active_menu:link,a#active_menu:visited{
       color: #e22f00;
       text-decoration: none;
       /* ---
       filter:alpha(opacity=100);
       -moz-opacity: 1.0;
       opacity: 1.0;*/
    }

    .topmenu li ul li a:hover {
       background-color: #e22f00;
       color: #fff;
       background: url(../images/top_link_bg2_on.png) repeat-y top left;
    }

    .topmenu li:hover ul, .topmenu li.sfhover ul {
       left: auto;
    }


    .topmenu ul li.active a {
       color: #038fd9;
       text-decoration: none;
    }
    .topmenu li.parent.active a {
       color: #038fd9;
       text-decoration: none;
    }
    .topmenu li.parent.active a:hover {
       color: #e22f00;
    }

    .topmenu li.parent.active ul li a {
       color: #fff;
       text-decoration: none;
    }
    .topmenu li.parent.active ul li a:hover {
       color: #fff;
       text-decoration: none;
    }
        img {
                border:0 none;
                vertical-align: middle;
                padding: 0px 0px 0px 0px;
        }

.tablediv {
display:  table;
width:600px;
}
.celldiv1 {
float:left;/*fix for  buggy browsers*/
display:  table-cell;
width:100px;
}
.celldiv2 {
float:right;/*fix for  buggy browsers*/
display:  table-cell;
width:500px;
}
.rowdiv  {
display:  table-row;
width:auto;
}
#screenshot{
        position:absolute;
        border:1px solid #ccc;
        background:#95CDCF; /* #333 */
        padding:3px;
        display:none;
        color:#393431; /* #fff */
        }