/*  ###########################################################################
    company:    http://42.nl/
    date:       July 2010
    ########################################################################### */



   .tabs {
        position: absolute;
        top: 0;
        z-index: 42;
        display: block;
        margin: 0 0 0 35px;
        padding: 0;
        list-style: none;
        height: 260px;
        }
    .tabs li a{
        background:url("../images/backgrounds/th-back.png") repeat-x scroll left top #3E3E3E;
        border-left:1px solid green;
        border-right:1px solid #444444;
        color:#FFFFFF;
        display:block;
        height:1.6em;
        letter-spacing:1px;
        margin:0;
        padding:0 1px;
        text-shadow:0 -1px 0 #333333;
        }
    .tabs li a.active{
        color: #444;
        background: #f2f2f2;
        cursor: default;
        }
        
        
    .application > nav + nav {
        position: absolute;
        z-index: 42;
        top: 175px;
        left: 35px;
        width: 505px;
        height: auto;
        }
    
    .application .tabbar {
        float: left;
        margin: 0 0;
        border: none;
        padding: 0;
        width: 100%;
        height: auto;
        background: none;
        }
    .tabbar ul {
        display: block;
        margin: 0;
        border: 0;
        padding: 0;
        list-style: none;
        background: none;
        }
    .tabbar li {
        float: left;
        display: block;
        margin: 0;
        padding: 0;
        width: 25%;
        text-align: center;
        font-size: 1em;
        }
    .tabbar a {
        display: block;
        margin: 0;
        border-right: 1px solid #444;
        border-left: 1px solid #777;
        padding: 0 1px;
        height: 1.6em;
        letter-spacing: 1px;
        text-shadow: #333 0 -1px 0;
        color: #fff;
        background: #3E3E3E url(../images/backgrounds/th-back.png) repeat-x left top;
        }
    .tabbar a.active {
        border-right: 1px solid #777;
        border-left: 1px solid #efefef;
        text-shadow: #fff 0 1px 0;
        color: #444;
        background: #fff url(../images/backgrounds/button-back.png) ;
        }
    
    .tab-panel h3 {
        height: 70px;
        }
    .tab-panel form {
        float: none;
        margin: 0;
        padding: 0;
        }
    .application .tab-panel table {
        width: 505px;
        }
    .tab-panel .global,
    .tab-panel > ul:first-child {
        position: absolute;
        right: 270px;
        top: 155px;
        z-index: 4242;
        width: 170px;
        height: auto;
        overflow: hidden;
        }
    .tab-panel > ul:first-child + .global {
        position: absolute;
        right: 272px;
        top: 190px;
        z-index: 4242;
        }
        
    .tab-panel caption {
        position: absolute;
        right: 272px;
        top: 150px;
        z-index: 4242;
        width: 170px;
        height: auto;
        overflow: hidden;
        }
        
     .tab-panel fieldset.buttons {
        position: absolute;
        left: 35px;
        bottom: -0.75em;
        margin: 0;
        padding: 1em 0 0 0;
        width: 505px;
        }   
     .tab-panel div.global a.button {
        clear: both;
        white-space: nowrap;
        }   
    .tab-panel .datagrid_paginate {
        right:470px;
        }