/*
 * TUTTI GLI STILI PER I TAG HTML e L'APPLICATION IN GENERALE
 * 
 * NON METTERE QUI STILI PER MENU(tab e tree) E BOTTONI !!!
 */


#application_breadcrumb{
    font-size:14px; 
    font-weight: bolder; 
    color: darkblue; 
    margin: 0px; 
    width: 100%;
    height: 16px;
    position: absolute;
    top: 2px;
    right: 2px;
    border: 0px solid darkblue;
    text-align: right;
}
 
 
 
html, body, #main{
    width: 100%;	/* make the body expand to fill the visible window */
    height: 100%;
    overflow: hidden;	/* erase window level scrollbars */
    padding: 0 0 0 0;
    margin: 0 0 0 0;
    font: 10pt Arial,Myriad,Tahoma,Verdana,sans-serif;
}

#banner, #footer {
    background-color: #ededff;
    color: #333;
    padding:3px;
}
#banner { text-align:right; }

#listPane tr:hover, #listPane td:hover, .dijitTreeContent:hover {
    background-color: #ededed;
    color: #333;
    cursor: pointer;
}
#listPane tr, #listPane td { cursor: pointer; }

table.demoTable {
    border-collapse: collapse;
}

th {
    background-color: #4f8ce5;
    color: #666;
    font-weight: bold !important;
    margin:0;
    padding:3px;
    background-image:url('/dojotoolkit/dojo/dijit/themes/soria/images/titleBar.png');
    background-position:0px -1px;
}

.dijitRtl caption,
.dijitRtl th {
    text-align:right;
}

th .arrowNode {
    position:relative;
    float:left;
    top:4px;
    left:4px;
    width:16px;
    height:16px;
}

.dijitRtl th .arrowNode{
    float:right;
}

th.arrowUp .arrowNode {
    margin-right: 5px;
    margin-top: -4px;
    margin-bottom: 5px;
    width: 15px;
    height:15px;
    background:transparent url("/dojotoolkit/dojo/dijit/themes/soria/images/spriteRoundedIconsSmall.png") -45px no-repeat;
}

th.arrowDown .arrowNode {
    margin-right: 5px;
    margin-top: -4px;
    margin-bottom: 5px;
    width: 15px;
    height:15px;
    background:transparent url("/dojotoolkit/dojo/dijit/themes/soria/images/spriteRoundedIconsSmall.png") -15px no-repeat;
}

.demoTable td { padding:3px; }
.demoTable {
    border-spacing:0;
    padding:0; margin:0;
    width:98%;

}
.oddRow {
    background-color: #f2f5f9;
}

#message {
    padding: 8px;
}

body .dojoSplitPane {
    background: #ededff;
    overflow: auto;
}

/* page inline styles */

#inbox .dijitSplitterH { height: 5px }
#inbox .dijitSplitterV { width: 5px }

#preLoader {
    width:100%; height:100%; margin:0; padding:0;
    position:absolute; top:0; left:0;
    background:#fff url('/images/css/loaders/loading_01.gif') no-repeat center center;
    z-index:999;
}
#preLoader p {
    color:#ededed;
    font:72pt Arial,san-serif;
    font-weight:bold;

}

/* buttons on Contact tab for filtering list of contacts to a given letter */
.contactIndex, .contactIndexAll {
    margin: 0.5em;
    color: blue;
    font-style: italic;
    vertical-align: middle;
    cursor: pointer;
}
.contactIndexAll {
    /* for the word ALL that appears before and after the letters A-Z */
    color: purple;
}
.contactIndexSelected {
    /* the most recently selected letter gets this class too */
    color: red;
    font-weight: bold;
    font-style: italic;
}

.navigationBar {
    /* the most recently selected letter gets this class too */
    color: red;
    font-weight: bold;
    font-style: italic;
    word-spacing: 4px;
}
.navigationBarPane {
    color: blue;
    font-weight: bold;
    font-style: italic;
    word-spacing: 4px;
    letter-spacing: 2px;
}