#timeline-container{
	margin-top:20px;
}

.homePage #timeline-container{
	width:100%;
}


#timeline-container .social-media-widget{
	max-height:600px;
	overflow-y:auto;
	padding:2px;
}

#mainContent #timeline-container p{
	line-height:1.2em;
}

.timeCard,
.homePage div.timeCard{
	position:relative;
	
}
.timeCard-container,
.homePage div.timeCard-container{
	  width: 90%;
	  border-left: 4px solid #ccc;
	  margin-left: 15px;
}

.time-icon{
	-webkit-border-radius: 100px;
	-moz-border-radius: 100px;
	border-radius: 100px;
	display: inline-block;
	background-color: #ccc;
	padding: 7px;
	font-size: 1.3em;
	color:#fff;
	height:35px;
	width:35px;
	-webkit-box-shadow: 0px 0px 2px 0px rgba(0,0,0,0.6);
	-moz-box-shadow: 0px 0px 2px 0px rgba(0,0,0,0.6);
	box-shadow: 0px 0px 2px 0px rgba(0,0,0,0.6);
	border:3px solid #fff;
	margin: 10px 0 0 -35px;
	background-color:#0A5797;
}

.time-icon.fa-envelope,
.time-icon.fa-archive{
	font-size:1.1em;
}


.barConnection,
.cardContent,
.homePage div.barConnection,
.homePage div.cardContent{
	float:left;
	position:relative;
	z-index:100;
}

.time-tool-tip,
.homePage div.time-tool-tip{
	display:none;
	background-color:#fff;
	z-index:150;
	border:1px solid #000;
	position:absolute;
	top:10px;	
	left:20px;
	max-width:180px;
	padding:10px;
	text-align:left;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
}

.homePage div.time-tool-tip{
	max-width:250px;
}


.barConnection,
.homePage div.barConnection{
	width:33px;
	border-bottom:4px solid #ccc;
	height:30px;
}

.cardContent,
.homePage div.cardContent{
	width:83%;
	padding:15px;
	margin-bottom:20px;
	text-align: left;
 	border: 1px solid #ccc;
}

.IE8 .cardContent,
.IE8 .homePage div.cardContent{
	width:82%;
}

.homePage div.cardContent,
.IE8 .homePage div.cardContent{
	width:93%;
}

.timeDate,
.homePage div.timeDate,
.timeDate .center-col h3{
	font-size:1.1em;
	font-family:Arial, Helvetica, sans-serif !important;
	font-weight:700 !important;
	margin-top:-6px !important;
	color:#000 !important;
}

.timeStatus,
.homePage div.timeStatus{
	
	font-style:italic;
}

.timeDate,
.timeStatus,
.homePage div.timeDate,
.homePage div.timeStatus{
	margin-bottom:10px;
}


#page .barConnection a:focus .time-icon,
.barConnection a:focus .time-icon{
	outline: #0A5797 dotted 1px;
}

#page .barConnection a:focus,
.barConnection a:focus{
	outline: none !important;
}

/*****************RESPONSIVE BEGIN****************************/
/************tablet portrait**********/
@media screen and (max-width:991px){
	
	.timeCard-container,
	.homePage div.timeCard-container{
		width:95%;
	}
	
	.cardContent,
	.homePage div.cardContent {
		width:90%;
	}
	
	#timeline-container .social-media-widget{
		max-height:none;
		padding:0;
	}
	
	.time-tool-tip,
	.homePage div.time-tool-tip{
		max-width:250px;
	}
	
}

/************Phone Landscape:**********/
@media screen and (max-width: 767px){
	
	.timeCard-container,
	.homePage div.timeCard-container{
		width:90%;
	}
}

/************Phone Portrait:**********/
@media screen and (max-width: 479px){
	.cardContent,
	.homePage div.cardContent{
		width:81%
	}
	
}