/**
* Artico 4
* @copyright 	Copyright (c) 2007-2009, Marco Moser
* @author       Marco Moser <marco@marcomoser.it>
* @version 	15/3/7 init
*/

/* ul generico senza rientri */
.ul-no-style, .ul-no-style li,.ul-iconbox, .ul-iconbox li {
    list-style-type: none;
    list-style-image: none;
    margin: 0;
    padding: 0;
}
/* cb icona desc x dlg */
.ul-iconbox {
    font-size: 80%;
    height: 10em;
    overflow: auto;
    width: 200px;
    border: 1px solid #999;
}
.ul-iconbox li {
    white-space: nowrap;
}

/* deprecating */
.articotoolsel {
    background-color: #eee;
    border: 1px solid #999;
}
.aformerr {
    color: red;
    display: block;
}
.a3orderdesc {
    background: transparent url(ico/sortdown.gif) no-repeat center right;
}
.a3orderasc {
    background: transparent url(ico/sortup.gif) no-repeat center right;
}


/* grid table th or td with orderby option */
.orderbyable,.orderbyasc,.orderbydesc,.orderbyoff {
    background: #dae7f6 url(ico/thcyanbg.gif);
    border: 1px solid #abc7ec;
    text-align: center;
    cursor: n-resize;
}
.orderbyoff {
    cursor: auto;
}
.orderbyasc {
    background: #dae7f6 url(ico/sortup.gif) no-repeat center right;
}
.orderbydesc {
    background: #dae7f6 url(ico/sortdown.gif) no-repeat center right;
}



/* grid i/o */
.agrid {
    width: 100%;
}
.agrid th {
    white-space: nowrap;
}
.agrid td {
    vertical-align: top;
    border-bottom: 1px solid #ccc;
    padding: 0px 4px 6px 4px;
}

/* grid toolbar */
.agridtb {
    border-top: 1px solid #abc7ec;
    padding: 5px 2px 2px 2px;
}
.agridtb li {
    display: inline; padding-right: 4px;
}


/* form i/o */
.aform {
    width: 100%;
}
.aform td {
    vertical-align: top;
    border-bottom: 1px solid #ccc;
    padding: 0px 4px 6px 4px;
}
.atabbed {
    border-right: 1px solid #999;
    border-bottom: 1px solid #999;
    border-left: 1px solid #999;
    width:100%;
}
.atabs {
    border-bottom: 1px solid #999;
}
.atabs a {
    position: relative;  /* x il bianco/bianco */
    border: 1px solid #999;
    background-color: #ccc;
    padding-left: 10px; padding-right: 10px;
}
.atabs a:hover {
    border-top: 3px solid #999;
}
a.atabs_selected,.atabs a.selected {
    top: 1px; /* x il bianco/bianco */
    background-color: #fff;
    border-top: 2px solid #999;
    border-bottom: 0px;
}

/* tips */
.atips {
    font-size: 90%;
    background-color: #eff;
}