/*FILE SYSTEM*/
#fs{
    width: 690px;
    clear: both;
}
#fsHeader{
    width: 100%;
    border-bottom: 1px dotted gray;
    line-height: 20px;
}
#fsHeaderIcon{
    width: 20px;
    float:left;
    line-height: 20px;
}
#fsHeaderCheckAll{
    width: 30px;
    float:left;
    line-height: 20px;
}
#fsHeaderName{
    width: 350px;
    float:left;
    line-height: 20px;
}
#fsHeaderSize{
    width: 100px;
    float:left;
    line-height: 20px;
}
#fsHeaderDownloads{
    width: 90px;
    float:left;
    line-height: 20px;
}
#fsHeaderActions{
    width: 70px;
    float:left;
    line-height: 20px;
}
.fsHeader{
    font-weight: bold;
    font-family: "lucida grande","Segoe UI",arial,verdana,"lucida sans unicode",tahoma,sans-serif;
    font-size: 11px;
    line-height: 20px;
}
#fsContents{
    
}
#fsToolBar{
    padding-top: 10px;
    width: 100%;
    border-top: 1px dotted gray;
    font-weight: bold;
    font-family: "lucida grande","Segoe UI",arial,verdana,"lucida sans unicode",tahoma,sans-serif;
    font-size: 11px;
    line-height: 20px;
}
#fsNavigator{
    width: 100%;
    font-weight: bold;
    font-family: "lucida grande","Segoe UI",arial,verdana,"lucida sans unicode",tahoma,sans-serif;
    font-size: 11px;
    line-height: 20px;
    clear:both;
}
#fsNavigatorLabel {
    float:left;
}
#fsNavigatorDir {
    padding-left: 20px;
    width: 540px;
    font-weight: normal;
    float:left;
}
#fsToolBar a{
    cursor: pointer;
    text-decoration: none;
}
#fsInfo{
    padding-top: 20px;
    width: 690px;
    clear: both;
}
.fsFile{
    clear:both;
}
.fsIcon{
    width: 20px;
    float:left;
}
.fsCheck{
    width: 30px;
    float:left;
}
.fsName{
    width: 350px;
    float:left;
}
.fsSize{
    width: 100px;
    float:left;
}
.fsDownloads{
    width: 90px;
    float:left;
}
.fsActions{
    width: 70px;
    float:left;
}
.fsCleared{
    clear:both;
}

/* the overlayed element */
.fsAddOverlayDir {
    /* must be initially hidden */
    display:none;
    /* place overlay on top of other elements */
    z-index:10000;
    /* styling */
    width:500px;
    min-height:200px;
    position: fixed !important;
    color: white;
}
.fsAddOverlayDir .close {
    background-image:url(../images/close.png);
    position:absolute;
    right:0px;
    top:0px;
    cursor:pointer;
    height:35px;
    width:35px;
    z-index:10001;
}

#fsStats{
    padding-top: 20px;
    width: 690px;
    clear: both;
    display: none;
}
#fsStatsHeaderData{
    width: 150px;
    float:left;
    line-height: 20px;
}
#fsStatsHeaderSource{
    width: 150px;
    float:left;
    line-height: 20px;
}
#fsStatsHeaderIp{
    width: 150px;
    float:left;
    line-height: 20px;
}

/*OVERLAY*/
/* Utilizzato per inviare email all'amministratore a riguardo di un documento' */
.simple_overlay_email {
    display:none;
    z-index:10000;
    width:600px;
    min-height:200px;
    color: white;
}
.simple_overlay_email .close {
    background-image:url(../images/close.png);
    position:absolute;
    right:0px;
    top:0px;
    cursor:pointer;
    height:35px;
    width:35px;
    z-index:10001;
}

.simple_overlay_cliente {
    display:none;
    z-index:10000;
    font-size: 12px;
    width:500px;
    min-height:700px;
    background-color: #fafafa;    
}
.simple_overlay_cliente .close {
    background-image:url(../images/close.png);
    position:absolute;
    right:0px;
    top:0px;
    cursor:pointer;
    height:35px;
    width:35px;
    z-index:10001;
}

.simple_overlay_fornitore {
    display:none;
    z-index:10000;
    font-size: 12px;
    width:950px;
    height:500px;
    background-color: #fafafa;    
}
.simple_overlay_fornitore .close {
    background-image:url(../images/close.png);
    position:absolute;
    right:0px;
    top:0px;
    cursor:pointer;
    height:35px;
    width:35px;
    z-index:10001;
}

.simple_overlay_operazione_prima_nota {
    display:none;
    z-index:10000;
    font-size: 12px;
    width:600px;
    min-height:380px;
    background-color: #fafafa;    
}
.simple_overlay_operazione_prima_nota .close {
    background-image:url(../images/close.png);
    position:absolute;
    right:0px;
    top:0px;
    cursor:pointer;
    height:35px;
    width:35px;
    z-index:10001;
}

.simple_overlay_pagamento {
    display:none;
    z-index:10000;
    font-size: 12px; 
    padding: 15px 15px;    
    background-color: #fafafa;    
}
.simple_overlay_pagamento .close {
    background-image:url(../images/close.png);
    position:absolute;
    right:0px;
    top:0px;
    cursor:pointer;
    height:35px;
    width:35px;
    z-index:10001;
}

.simple_overlay_prodotto {
    display:none;
    z-index:10000;
    font-size: 12px; 
    padding: 15px 15px;        
    background-color: #fafafa;    
}
.simple_overlay_prodotto .close {
    background-image:url(../images/close.png);
    position:absolute;
    right:0px;
    top:0px;
    cursor:pointer;
    height:35px;
    width:35px;
    z-index:10001;
}

/* root element for tabs */

a:active {
    outline:none;
}

:focus {
    -moz-outline-style:none;
}

#flowtabs li {
  list-style-image:none !important;
  list-style-type:none !important;
  margin:0 !important;
}

#content div.skin2 div h2 {
  margin-top:0px;
  color:#ddd;
}
   
#flowtabs {

    /* dimensions */
    width:760px;
    height:31px !important;
    margin:0 !important;
    padding:0;

    /* IE6 specific branch (prefixed with "_") */
    _margin-bottom:-2px;
}

/* single tab */
#flowtabs li {
    float:left;
    margin:0;
    padding:0;
    text-indent:0;
    list-style-type:none;
}

/* a- tag inside single tab */
#flowtabs li a {
    background: url(images/blue_panes.jpg) no-repeat;
    display:block;
    height: 31px;
    width: 189px;
    padding:0px;
    margin:0px;

    /* font decoration */
    color:#000;
    font-size:12px;
    line-height:33px;
    text-align:center;
    text-decoration:none;
}

/* adjust the background image position on each tab */
#flowtabs #t1           { background-position: 0 0; }
#flowtabs #t2           { background-position: -189px 0; }
#flowtabs #t3           { background-position: -378px 0; }
#flowtabs #t4           { background-position: -567px 0; width:192px;}

/* mouseover state */
#flowtabs a:hover       { color:#fff;    }
#flowtabs #t1:hover     { background-position:      0 -33px; }
#flowtabs #t2:hover     { background-position: -189px -33px; }
#flowtabs #t3:hover     { background-position: -378px -33px; }
#flowtabs #t4:hover     { background-position: -567px -33px; }

/* currently selected tabs */
#flowtabs a.current     { cursor:default; color:#fff; line-height:34px; }
#flowtabs #t1.current { background-position:      0 -66px; }
#flowtabs #t2.current { background-position: -189px -66px; }
#flowtabs #t3.current { background-position: -378px -66px; }
#flowtabs #t4.current { background-position: -567px -66px; }


/* panes */
#flowpanes {
    background: url(images/blue_panes.jpg) no-repeat 0 -100px;
    width:760px;
    height:450px;
}


/* single pane */
#flowpanes div {
    display:none;
    color:#fff;
    margin:20px 40px;
}

/* some decorations for elements inside single pane */
#flowpanes div h2 {
    font-weight:normal;
    color:#ddd;
    letter-spacing:1px;
    margin:10px 0 0 0;
    font-size:22px;
}

#flowpanes a {
    color:#cc9;
    font-size:14px;
}

#flowpanes p, #flowpanes samp {
    color:#ccc;
}

#flowpanes .narrow {
    padding-right:160px;
}

.setRed{
    border: red;
}