/* =Header
----------------------------------------------- */
#I-header{
    height:4.5em;
    overflow:hidden;
    position:relative;
    background:#fff;
    color:#5e6771;
    font-size:95%;
    }
    #I-logo{
        position:absolute;
        margin-top:-2px;
        }
        #I-logo-title{
            position:absolute;
            left:170px;
            top:27px;
            font-size:130%;
            border-left:1px solid #ddd;
            padding-left:10px;
            }
    #I-header-menu{
        font-size:105%;
        position:absolute;
        top:2.6em;
        right:-1px;
        }
        #I-header-menu a{
            color:#5e6771;
            }
        #I-header-menu li{
            float:left;
            padding:.15em .7em;
            border-right:1px solid #ddd;
            }
    .I-header-block{
        float:right;
        overflow:hidden;
        margin-right:5px;
        border:1px solid #e0e0e0;
        border-top:0;
        padding:0 .2em 0 .3em;
        line-height:1.6;
        cursor:default;
        background:#f0f0f0;
        
        -webkit-border-bottom-right-radius: 3px;
        -webkit-border-bottom-left-radius: 3px;
        -moz-border-radius-bottomright: 3px;
        -moz-border-radius-bottomleft: 3px;
        border-bottom-right-radius: 3px;
        border-bottom-left-radius: 3px;
        }
        .I-header-block li{
            float:left;
            padding:.2em .7em .2em .3em;
            }
        .I-header-block img{
            margin-right:.2em;
            }
        #I-header-status-alerts-tooltip p{
            width:380px;
            }
    .I-header-alert{
        background:#ffdfa0;
        border:1px solid #ffb013;
        border-top:0;
        color:#333;
        }
        .I-header-alert li{
            padding-left:24px;
            padding-right:.2em;
            background:url(../buttons/alert.png) no-repeat 3px center;
            }
        .I-header-alert a{
            color:#000;
            }
        .I-header-alert a:last-child img{
            margin-top:-2px;
            margin-left:4px;
            }
            
            
/* Top Menu
----------------------------------------------- */
#I-bar{
    height:30px;
    font-size:105%;
    background:#ededed;
    background:linear-gradient(to bottom,#f6f6f6,#e9e9e9);
    background:-webkit-gradient(linear,left top,left bottom,from(#f6f6f6),to(#e9e9e9));
    border:1px solid #dadada;
    border-left:0;
    border-right:0;
    cursor:default;
    position:relative;
    color:#343434;
    box-shadow:inset 0 0 1px 1px rgba(255,255,255,0.3);
    -moz-box-shadow:inset 0 0 1px 1px rgba(255,255,255,0.3);
    -webkit-box-shadow:inset 0 0 1px 1px rgba(255,255,255,0.3);
    }
    #I-bar > div,#I-bar > ul{
        margin:1px;
        height:28px;
        line-height:28px;
        }
    #I-bar img{
        margin-top:-1px;
        }
    #I-bar > .I-bar-left{
        border-right:1px solid #ddd;
        margin-left:10px;
        padding-right:10px;
        float:left;
        }
    #I-bar > .I-bar-right{
        border-left:1px solid #ddd;
        margin-right:10px;
        padding-left:10px;
        float:right;
        }
    #I-bar-sb > li{
        float:left;
        padding:0 5px;
        }
        #I-bar-sb > li.switch img{
            vertical-align:middle;
            }

        
        
/* Top Menu / Menu
----------------------------------------------- */ 
#I-bar > #I-bar-menu{
    margin-left:3px;
    padding-right:0;
    }
#I-bar-menu > li{
    padding:0;
    float:left;
    border-right:1px solid #ddd;
    }
    #I-bar-menu > li:last-child{
        border:0;
        }
    #I-bar-menu > li  > span{
        display:block;
        padding:0 10px;
        }
    #I-bar-menu > li:hover > span{
        background:#e7e7e7;
        background:linear-gradient(to bottom,#eee,#e0e0e0);
        background:-webkit-gradient(linear,left top,left bottom,from(#eee),to(#e0e0e0));
        }
    #I-bar-menu > li > ul{
        display:none;
        position:absolute;
        z-index:5000;
        
        padding:2px;
        margin-top:-3px;
        border:1px solid #ccc;
        background:#f5f5f5;
        line-height:24px;
        
        box-shadow:0 1px 3px #ccc;
        -moz-box-shadow:0 1px 3px #ccc;
        -webkit-box-shadow:0 1px 3px #ccc;
        
        border-radius:3px;
        -moz-border-radius:3px;
        -webkit-border-radius:3px;
        }
    #I-bar-menu > li:hover > ul{
        display:block;
        }
        #I-bar-menu > li > ul img{
            width:16px;
            height:16px;
            padding-right:3px;
            }
        #I-bar-menu > li > ul a{
            padding:0 12px 0 6px;
            display:block;
            color:#30353a;
            text-decoration:none;
            border:1px solid transparent;
            }
            #I-bar-menu > li > ul a:hover{
                border:1px solid #a6d7eb;
                
                background:#dfedf3;
                background:linear-gradient(to bottom,#ebf4f7,#e1f1f7);
                background:-webkit-gradient(linear,left top,left bottom,from(#ebf4f7),to(#e1f1f7));
                
                box-shadow:inset 0 0 1px 1px rgba(255,255,255,0.5);
                -moz-box-shadow:inset 0 0 1px 1px rgba(255,255,255,0.5);
                -webkit-box-shadow:inset 0 0 1px 1px rgba(255,255,255,0.5);
                
                border-radius:3px;
                -moz-border-radius:3px;
                -webkit-border-radius:3px;
                }

                
/* Title
----------------------------------------------- */
#I-title{
    /*min-height:32px;*/
    padding:0 5px;
    border-top:1px solid #fff;
    border-bottom:1px solid #bfd6ed;
    
    background:#f1f6fb;
    background:linear-gradient(to bottom,#e7f0f9,#fefefe);
    background:-webkit-gradient(linear,left top,left bottom,from(#e7f0f9),to(#fefefe));
    }
    #I-title > li{
        float:left;
        margin:2px 10px 0 5px;
        }
        #I-title > li img{
            position:relative;
            top:-1px;
            margin-right:5px;
            }
        #I-title > li > a,#I-title > li > span{
            color:#5E6771;
            font-size:14px;
            font-weight:bold;
            line-height:24px;
            text-decoration:none;
            
            display:block;
            padding:0 10px 0 7px;
            margin-top:5px;
            
            border:1px solid #D1E4F7;
            border-bottom:0;
            
            border-top-left-radius:5px;
            -moz-border-top-left-radius:5px;
            -webkit-border-top-left-radius:5px;
            border-top-right-radius:5px;
            -moz-border-top-right-radius:5px;
            -webkit-border-top-right-radius:5px;
            
            background:#fff;
            background:linear-gradient(to bottom,#fff,#f2f5f7);
            background:-webkit-gradient(linear,left top,left bottom,from(#fff),to(#f2f5f7));
            }
            #I-title > li > a.active,#I-title > li > span.active{
                background:#fafbfc;
                border:1px solid #bfd6ed;
                border-bottom:0;
                margin-bottom:-1px;
                padding-bottom:1px;
                }
            #I-title > li > span{
                cursor:default;
                }
    #I-title > #I-title-item{
        float:right;
        margin:12px 3px 0 3px;
        color:#929da9;
        font-size:14px;
        text-shadow:0 1px rgba(0, 0, 0, 0.1);
        }
    #I-title > #I-title-search{
        display:none;
        float:right;
        margin:3px 3px 3px 7px;
        width:220px;
        }
        
    #I-title > #I-advsearch-button{
        display:none;
        float:right;
        margin:1px 0 0 0;
        width:24px;
        height:29px;
        cursor:pointer;
        background:url('/static/_view/buttons/arrow-down-transparent.png') no-repeat center;
        }
        #I-title > #I-advsearch-button:hover{
            background-image:url('/static/_view/buttons/arrow-down.png');
            }
        #I-title > #I-advsearch-button.inuse{
            background-image:url('/static/_view/buttons/arrow-down-red.png');
            }
        #I-title > #I-advsearch-button.open{
            background-image:url('/static/_view/buttons/arrow-up.png');
            }


/* Advanced Search
----------------------------------------------- */
#I-advsearch{
    position:absolute;
    margin-top:-1px;
    z-index:100;
    right:0;
    top:0;
    
    background:#fefefe;
    background:linear-gradient(bottom, #f2f4f5 0%, #fefefe 35px, #fefefe 100%);
    background:-moz-linear-gradient(bottom, #f2f4f5 0%, #fefefe 35px, #fefefe 100%);
    background:-webkit-linear-gradient(bottom, #f2f4f5 0%, #fefefe 35px, #fefefe 100%);
    
    border:1px solid #BFD6ED;
    border-top:0;
    border-right:0;
    
    border-bottom-left-radius:5px;
    -moz-bottom-left-border-radius:5px;
    -webkit-bottom-left-border-radius:5px;
    
    box-shadow:0 1px 1px 0 rgba(0, 0, 0, .2);
    -moz-box-shadow:0 1px 1px 0 rgba(0, 0, 0, .2);
    -webkit-box-shadow:0 1px 1px 0 rgba(0, 0, 0, .2);
    }
    #I-advsearch >form{
        display:none;
        padding:10px 6px;
        width:355px;
        }
        #I-advsearch > form > div.form-buttons{
            margin-top:8px;
            }
            
/* Advanced Search: Reports Query
----------------------------------------------- */
#I-advsearch.wide > form{
    width: 808px;
    }

#I-advsearch.opened
{
    position:relative;
    border:0px;
    margin-left:-12px;
    margin-right:-12px;
    margin-top:-10px;
    background-color:transparent;
    margin-bottom:15px;

     background:-webkit-linear-gradient(bottom, #f2f4f5 0%, #fefefe 35px, #fafbfc 90%);
   /*background:none; box-shadow:none;*/
   -webkit-box-shadow:0 1px 1px 0 rgba(0, 0, 0, .2);

   border-bottom-left-radius:0px;
    -moz-bottom-left-border-radius:0px;
    -webkit-bottom-left-border-radius:0px;
    
   


}


#I-advsearch.opened > form{
    display:block;   
    width:920px;
    margin:0 auto ;
    padding: 8px;
    border:0px;
    }

/* Container
----------------------------------------------- */
#container{
    padding:10px 15px 15px 15px;
    position:relative;
    background:#fafbfc;
    }
    .L-popup #container{
        padding-bottom:12px;
        background: linear-gradient(bottom, #edf0f2 0%, #fafbfc 35px, #fafbfc 100%);
        background: -moz-linear-gradient(bottom, #edf0f2 0%, #fafbfc 35px, #fafbfc 100%);
        background: -webkit-linear-gradient(bottom, #edf0f2 0%, #fafbfc 35px, #fafbfc 100%);
        }
    
    
/* Footer
----------------------------------------------- */
#I-footer{
    border-top:1px solid #e5e5e5;
    background:linear-gradient(to bottom,#f6f6f6,#e9e9e9);
    background:-webkit-gradient(linear,left top,left bottom,from(#f6f6f6),to(#e9e9e9));
    box-shadow:inset 0 1px 1px 1px rgba(255,255,255,0.25);
    -moz-box-shadow:inset 0 1px 1px 1px rgba(255,255,255,0.25);
    -webkit-box-shadow:inset 0 1px 1px 1px rgba(255,255,255,0.25);
    height:22px;
    color:#91969D;
    font-size:95%;
    padding:8px 10px 20px 10px;
    }
    #I-footer a{
        color:#91969D;
        }
    #I-footer div{
        float:right;
        }
    #I-footer ul li{
        float:left;
        padding:.2em .7em;
        border-left:1px solid #cbcfd3;
        }
    #I-footer-duration{
        background:#e7e8e9;
        color:#b6b9bd;
        }
        

/* =Popups
----------------------------------------------- */
.L-popup #I-footer{
    padding:0;
    height:16px;
    }
