/*
http://stackoverflow.com/questions/8878033/how-to-make-twitter-bootstrap-menu-dropdown-on-hover-rather-than-click/8878666#8878666

To get the menu to automatically drop on hover then this can achieved
using basic CSS. You need to work out the selector to the hidden menu
option and then set it to display as block when the appropriate li tag
is hovered over. Taking the example from the twitter bootstrap page,
the selector would be as follows:
*/

ul.nav li.dropdown:hover ul.dropdown-menu{
    display: block;    
    margin: 0;
}

/*
19 Jan 2013 tomaru
*/
.navbar{
    font-size:16px;
/*
    font-size:14px;
*/
    margin-bottom:5px;
}

.navbar-inner{
    min-height:4px;
    padding-left:5px;
    padding-right:5px;

    background-color:#85b4d8;
    background-image:-moz-linear-gradient(top, #ffffff, #ffffff, #d8edf1, #85b4d8);
    background-image:-webkit-gradient(linear, 0 0, 0 100%, from(#ffffff),#ffffff, #d8edf1, to(#85b4d8));
    background-image:-webkit-linear-gradient(top, #ffffff, #ffffff, #d8edf1, #85b4d8);
    background-image:-o-linear-gradient(top, #ffffff, #ffffff, #d8edf1, #85b4d8);
    background-image:linear-gradient(to bottom, #ffffff, #ffffff, #d8edf1, #85b4d8);
    filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff496789', endColorstr='#ff496789', GradientType=0);

}

.navbar .brand{
    text-shadow:0 1px 0 #ffffff;
}


.navbar .nav{
    margin:0 0px 0 0;
}

.navbar .nav>li>a{
    padding:7px 15px 1px;
    color:#345273;
    font-weight: bold;
}

.table{
    width:100%;
    margin-bottom:20px;
}

.table th,.table td{
    padding:8px;
    line-height:12px;
    text-align:left;
    vertical-align:top;
    border-top:1px solid #dddddd;
}