@CHARSET "ISO-8859-1";

/* Styles for the page */
html, body {
	font-family:'Open Sans', sans-serif;
    font-size: 10pt;
}


/* Custom styles for the Timeline */
div.timeline-frame {
    border-color: #DDDDDD;
}

div.timeline-axis {
    border-color: #DDDDDD;
}

div.timeline-axis-grid {
    
}

div.timeline-groups-axis {
	border-color: #dddddd;
	background-color: transparent;
}

div.timeline-axis-text {
    color: #6f6f6f;
}

div.timeline-groups-text {
    color: #6f6f6f;
    font-weight: bold;
}

div.timeline-event {
	color: #6f6f6f;
	border-radius: 4px;
	background-color: #f8f8f8;
	border-color: #dddddd; 
}

div.timeline-event-content {
    padding: 5px;
}

div.timeline-event-selected {
    background-color: #f5f5f5;
    border-color: #a7a7a7;
    z-index: 999;
}

.dialog{
   display:none;
   width: 100%;
   height: 100%;
}

#basic-modal-content {display:none;}

/* Overlay */
#simplemodal-overlay {background-color: rgba(0, 0, 0, 0.4);}

/* Container */
#simplemodal-container {height:400px; width:700px;color:#6f6f6f; background-color:#fff; border:4px solid #dddddd; padding:12px;}


@media screen and (max-width: 800px){
    #simplemodal-container {height:80%; width:80%;}
}

@media screen and (min-width: 801px){
    #simplemodal-container {font-size: 1.2em;}
}


#eventBlock {
    padding: 10px;
}

#eventStart {
    float: left; 
}