#header{      
    height: 150px;
    margin-top: 50px;   
    display: flex;
    justify-content: space-around;
}

.cssMonthTitlesList{
    font-size: 1em;       
    -webkit-column-count: 2;
    -moz-column-count: 2;
    column-count: 2; 
}

.cssMonthTitleItem{       
    overflow:hidden; 
    float:left;
    list-style-type:none ;
    font-size: 1em;
    color: #333333; 
    padding-bottom: 10px;     
}

.cssMonthTitleItem img {
    max-width:180px !important;
}

.cssEmphasisText{
    color:#000000;
}
.cssSmallText{
    color:#666666;
    font-size: 0.9em; 
}

.cssMonthTitleItem a:hover {
    cursor: pointer;
    text-decoration: none;
}



.cssPagination{
    background-color: none;
}

#pagingDiv a:hover, #pagingDivAfter a:hover {    
    cursor:pointer; 
    text-decoration: none;    
}

span.myDisableClass {
    color:none;
}

.myClass img, .myDisableClass img {
    margin-bottom:-4px; 
    margin-left:8px;
    margin-right:8px;
}

/* SELECT BOXES*/
#header select{
    background-color: #fff;
    border: 1px solid #aaa;
    border-radius: 4px;
}

#years{
    width:60px;
}

#months{
    width:120px;
}

#titles_per_page{
    width:60px;
}
#order{
    width:120px;
}

/***** TOOLTIP *****/
.search_tooltip {
    position: relative;
    display: inline-block;
    margin-left:5px;
    margin-top:15px;
    margin-right:10px;
    cursor:pointer;       
}

.search_tooltip img {
    width:16px; 
}

/* Tooltip text */
.search_tooltip .tooltiptext {
    visibility: hidden;    
    background-color: #666666;
    color: #cccccc;
    text-align: center;
    padding: 5px;
    border-radius: 6px;
    font-size:0.9em;
    white-space: nowrap;
    margin-left:10px;
   
    /* Position the tooltip text - see examples below! */
    position: absolute;
    z-index: 1;
  }

  /* Show the tooltip text when you mouse over the tooltip container */
.search_tooltip:hover .tooltiptext {
    visibility: visible;
}