/************************************************
	    AJAX CALENDAR DATE PICKER STYLES
		STYLE DEFINITIONS
		VERSION 1.0
		Developed by Justin Kercher
        Apollo Internet Media
		Create: 02/03/2013
        
        !!NB: DO NOT MODIFY THIS DOCUMENT DIRECTLY!!
        APPLY OVERRIDES IN STYLE.CSS, 
        (or main site style sheet)
    ************************************************/
    
    /* AJAX Calendar Control */
    .ajaxEventsBox { display: block; padding: 2%; border-radius: 4px; background-color: #ececec; border: solid 1px silver; }   
        .ajaxEventsBox .calendarBox { width: 33%; min-width: 225px; float: left; clear: none; margin-right: 2%;  }
        .ajaxEventsBox .itemList { width: auto; overflow: hidden; }
    
    
    /*************************************
	    MEDIA QUERIES
	*************************************/     
    @media (max-width: 480px), (max-device-width: 480px) {
        .ajaxEventsBox .calendarBox { display: block; width: 100%; margin-bottom: 10px; min-width: inherit !important; }
        .ajaxEventsBox .itemList { display: block; width: 100%; }
    }