/*  ###########################################################################
    company:    http://42.nl/
    date:       November 2009
    ########################################################################### */
    
    
    

/*  Datagrid ------------------------------------------------------------------ */
    
    .datagrid {
        margin-bottom: 2em;
        border-collapse: separate;
        }
        
    .datagrid .details {
        background: white;
        }      
    .datagrid td.title{
        font-weight: bold;
        white-space: nowrap;
        }
    .datagrid tbody .name {
        padding-top: 0px;
        width: 60%;
        }
    .datagrid tbody .name input{
        position: absolute;
        z-index: -1;
        visibility: hidden;
        }
    .application tbody td input[type=checkbox] {
        position: absolute;
        }
    .application tbody td input[type=checkbox]+label span {
        padding-left: 20px;
        display: block;
       }
        
    .application thead th.tools {
        padding: 0;
        width: 8%;
        }
    .application .tools {
        position: relative;
        width: 16px;
        overflow: hidden;
        }
    .tools .delete {
        background-image: url(../images/icons/16/trash_can.png);
        }
    .tools .comment {
        background-image: url(../images/icons/16/comment.png);
        }
    .tools .note {
        background-image: url(../images/icons/16/postit.png);
        }
    .tools .lock {
        background-image: url(../images/icons/16/lock.png);
        }
    .tools .view {
        background-image: url(../images/icons/16/full_page.png);
        }
    .tools .edit {
        background-image: url(../images/icons/16/edit.png);
        }
    .tools .link {
        background-image: url(../images/icons/16/link.png);
        }        
    .tools .viewer {
        background-image: url(../images/icons/16/viewer.png);
        display: none;
        }
    .tools .add-user {
        background-image: url(../images/icons/16/add_user.png);
        background-color: green;
        }
    .tools .next {
        background-image: url(../images/icons/16/play.png);
        }
    .tools .active {
        background-image: url(../images/icons/16/green_button.png);
        }
    .tools .default {
        background-image: url(../images/icons/16/promotion.png);
        }
    .tools .info {
        background-image: url(../images/icons/16/info.png);
        }
    .tools .link-viewer {
        background-image: url(../images/icons/16/image.png);
        }
    .tools .download {
    	background-image: url(../images/icons/16/green_arrow_down.png);
    	}
    .tools .pay {
    	background-image: url(../images/icons/16/credit_cart.png);
    	}
    	
    /* ADD TOOLS ICONS */
    .tools .buttonrood {
        background-image: url(../images/icons/16/redbt.png);
        }

    .tools .buttongroen {
        background-image: url(../images/icons/16/greenbt.png);
        }
    /* ADD TOOLS ICONS */
    	
    	
    /* COLUMNS */
    
    .datagrid col {
        width: auto;
        overflow: hidden;        
        }
    .datagrid col.expander {
        width: 2%;
        }
    .datagrid col.name {
        width: 50%;
        }
    .datagrid col.tag {
        width: 44%;
        }
    .datagrid col.tools {
        width: 4%;
        }
    .datagrid col.check {
        width: 5%;
        }
        
    .datagrid col.id {
        width: 8%;
        text-align: right;
        }
    .datagrid col.fact-type {
        width: 18%;
        }
    .datagrid col.location {
        width: 12%;
        }
    .datagrid col.date {
        width: 10%;
        }
    .datagrid col.tags {
        width: 10%;
        }
        
    .name .label-public {
        float: right;
        display: block;
        width:16px;
        overflow: hidden;
        text-indent: -3000px;
        background-repeat: no-repeat;
        background-position: left bottom;
        background-image: url(../images/icons/16/globe.png);
        }
	.name .label-has-variants {
        float: right;
        display: block;
        width:16px;
        overflow: hidden;
        text-indent: -3000px;
        background-repeat: no-repeat;
        background-position: left bottom;
        background-image: url(../images/icons/16/pages.png);
        }  

    .datagrid .name label{
        float: left;
        display: block;
        padding-left: 20px;
        background-color: transparent;
        background-image: url(../images/icons/16/user.png);
        background-repeat: no-repeat;
        background-position: left center;
        }
    .th {
        white-space: nowrap;
        }
    .detail th,
    .detail td{
        border-bottodatagridm: 1px solid #f2f2f2;
        background-color: #fff;
        }
    .datagrid td .male{
        background-image: url(../images/icons/16/male_user.png);
        }
    .datagrid td .female{
        background-image: url(../images/icons/16/female_user.png);
        }
    .datagrid .private label {
        background-image: url(../images/icons/16/block.png);
        }
    .datagrid .private .male {
        background-image: url(../images/icons/16/block.png);
        }
    .datagrid .private .female {
        background-image: url(../images/icons/16/block.png);
        }
        
    .datagrid tbody .child .name {
        padding-left: 1.7em;
        background-position: 20px 50%;
        }
    .datagrid tfoot .button {
        position: static;
        float: left;
        margin: 2px 4px 0 0;
        border: 1px solid #333;
        padding: 0 6px 0 6px;
        height: 14px;
        font: normal bold 0.8em/1.4 Arial, Helvetica, sans-serif;
        text-shadow: #000 0 -1px 0;
        color: #fff;
        background: url(../images/backgrounds/button-back-dark-small.png) repeat-x 0 0;
        cursor: pointer;
        }
    .datagrid_paginate {
        position: absolute;
        bottom: 10px;
        right: 295px;  
        z-index: 42; 
        text-align: right;
        }
    .datagrid_info {
        position: absolute;
        bottom: 10px;
        left: 35px;  
        z-index: 42; 
        }
    .paginate_button, 
    .paginate_active {
        float: left;
        display: block;
        margin: 0 0 0.5em 6px;
        -moz-border-radius: 9px; 
        -webkit-border-radius: 9px;
        border-radius: 9px; 
        padding: 0 4px;
        height: 15px;
        text-decoration: none;
        text-transform: uppercase;
        text-align: center;
        line-height: 1.4;
        cursor: pointer;
        }
    .paginate_active {
        color: #eee;
        background: #666;
        }
    .datagrid_paginate .first,
    .datagrid_paginate .previous,
    .datagrid_paginate .next,
    .datagrid_paginate .last {
        border: 1px solid #999;
        padding: 0 4px;
        height: 14px;
        font-size: 0.75em;
        line-height: 1.5;
        color: #444;
        background: #fff url(../images/backgrounds/button-back.png) repeat-x 0 50%;
        }
        
        .datagrid_paginate .pagenumber {
        border: 1px solid #999;
        padding: 0 4px;
        height: 14px;
        font-size: 0.75em;
        line-height: 1.5;
        margin-left: 30px;
        width: 30px;
        }
        
         .datagrid_paginate .goButton {
        float: right;
        display: block;
        margin: 0 0 0.5em 4px;
        -moz-border-radius: 8px;
        -webkit-border-radius: 8px;
        border-radius: 8px;
        border: 1px solid #777;
        border-color: rgba(0,0,0,0.3);
        padding: 0 8px;
        width: auto;
        font-size: 0.7em;
        line-height: 1.6;
        text-decoration: none;
        text-transform: uppercase;
        color: #444;
        background: #fff url(../images/backgrounds/button-back.png) repeat-x 0 50%;
        cursor: pointer;
        }
        
	.ajax_datagrid_paginate {
        position: relative;
        z-index: 42;
        }
    .ajax_datagrid_paginate .first,
    .ajax_datagrid_paginate .previous,
    .ajax_datagrid_paginate .next,
    .ajax_datagrid_paginate .last {
        border: 1px solid #999;
        padding: 0 8px;
        height: 14px;
        font-size: 0.8em;
        line-height: 1.5;
        color: #444;
        background: #fff url(../images/backgrounds/button-back.png) repeat-x 0 50%;
        }
    
    .borderradius .datagrid_paginate .first,
    .borderradius .datagrid_paginate .previous,
    .borderradius .datagrid_paginate .next,
    .borderradius .datagrid_paginate .last {
        padding: 0 6px;
        
        }
        
/*  Datagrid FILTER Family name------------------------------------------------------------------ */

    .filter-family-name { 
        position: absolute;
        float: left;
        width: 40%;
        }
    .filter-family-name label { 
        float: left;
        margin-right: 8px;
        width: auto;
        font-size: 0.9em;
        }
    .filter-family-name input[type=text] { 
        float: left;
        width:50%;
        font-size: 0.8em;
        }