/*
 * !IMPORTANT: Do not edit this file (so that it will be easier to update the template)!
 * Put your css modifications into css/custom.css
 */


/******************************
 * Common
 ******************************/

.popover {
    border-radius: 3px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
}


/******************************
 * Horizontal navigation
 ******************************/

.section-nav {
    position: relative;
    z-index: 2;
}

.nav-h {
}

    .nav-h li {
        display: inline-block;
        *display: inline;
        position: relative;
    }
    
        .nav-h li a {
            display: inline-block;
        }
        
            .nav-h li ul {
                display: none;
                position: absolute;
                left: 0;
                top: 100%;
            }
            
            .nav-h li:hover > ul {
                display: block;
            }
            
                .nav-h ul li {
                    display: block;
                }
                
                    .nav-h ul li a {
                        display: block;
                        width: 140px;
                    }
                
                        .nav-h li ul ul {
                            left: 100%;
                            top: 0;
                        }


/******************************
 * Select box navigation
 ******************************/

.nav-select {
    display: none;
    width: 100%;
    margin-bottom: 20px;
}

@media only screen and (max-width: 767px) {
    .nav-select {
        display: block;
    }
    
    .nav-h {
        display: none;
    }
}


/******************************
 * Vertical navigation
 ******************************/

.nav-v {
    
}
    
    .nav-v li a {
        display: block;
    }
    
    .nav-v li a:before {
        content: "\203A  ";
    }
    
    .nav-v ul {
        margin-bottom: 0;
    }
    
        .nav-v ul a {
            padding-left: 20px;
        }
        
            .nav-v ul ul a {
                padding-left: 40px;
            }
            
                .nav-v ul ul ul a {
                    padding-left: 60px;
                }


/******************************
 * Tables
 ******************************/

.styled-table table {
    width: 100%;
}
    
    .styled-table th, .styled-table td {
        border: 1px solid #e0e0e0;
    }
    
    .styled-table th {
        font-weight: bold;
        padding: 1% 2%;
        
        background: #f9f9f9;
        background: -webkit-gradient(linear, left top, left bottom, from(#f9f9f9), to(#f0f0f0));
        background: -moz-linear-gradient(top,  #f9f9f9,  #f0f0f0);
        filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#f9f9f9', endColorstr='#f0f0f0');
    }
    
    .styled-table td {
        padding: 1% 2%;
    }
    
    .styled-table tr:hover td {
        background: #f9f9f9;
    }