/* custom styles for individual items, load this after timeline.css */
/* test*/



        /* create a custom sized dot at the bottom of the red item */
        div.red {
/*             background-color: white; */
            border-color: red;
            
/*             color: white; */
/*             font-family: monospace; */
/*             box-shadow: 0 0 10px gray; */
        }
        
        div.green {
            border-color: green;
        }        
        
         div.blue {
            border-color: blue;
        }
        
        div.bordeaux {
            border-color: #8B008B;
        }        
        
         div.violet {
            border-color: #4B0082;
        }
        
         div.filled-blue {
            border-color: white;
			background: #C0D0FF;
        }
        
        div.gradient-blue {
        		    background: linear-gradient(to right, rgba(255,255,255,0), #a0b0f0, #a0b0f0, #a0b0f0, rgba(255,255,255,0));
					border: none;
					text-align:center;
        }
        
        div.gradient-green {
        		    background: linear-gradient(to right, rgba(255,255,255,0), #a0f0b0, #a0f0b0, #a0f0b0, rgba(255,255,255,0));
					border: none;
					text-align:center;
        }
        
		div.gradient-beige {
        		    background: linear-gradient(to right, rgba(255,255,255,0), #F5DEB3, #F5DEB3, #F5DEB3, rgba(255,255,255,0));
					border: none;
					text-align:center;
        }

		div.gradient-bordeaux {
        		    background: linear-gradient(to right, rgba(255,255,255,0), #DDA0DD, #DDA0DD, #DDA0DD,  rgba(255,255,255,0));
					border: none;
					text-align:center;
        }