/* @override 
    http://showcase.joomlabamboo.com/oct09/modules/mod_dsctwitter/css/dsctwitter.css
    http://localhost:8888/joomla/1.5/1514/modules/mod_dsctwitter/css/dsctwitter.css
*/

/* @group General timeline Styling */

#main-overview h4 { margin-bottom: 19px; }
#main-overview .col-left { width: 477px !important; float: left; border-right: 1px solid #e7e9ed; }
#main-overview .col-right { width: 482px !important; float: left; border-left: 1px solid #e7e9ed; margin-left: -1px; }
#main-overview p { font-size: 26px; line-height: 28px; margin: -6px 0 14px 10px; }
#main-overview p a { color: #343434; border-bottom: 1px solid #00abea; }

/*-------------------------------------------
    Self-clearing Floats
-------------------------------------------*/
.horiz:after { clear: both; content: '.'; height: 0; width: 0; visibility: hidden; display: block; }
.horiz { zoom: 1; }
.horiz li { float: left; }


/*-------------------------------------------
    Locations Overview
-------------------------------------------*/
#main-overview .location-status {
	font-size: 15px;
	line-height: 17px;
	margin-top: -9px;
	margin-bottom: 8px;
}

/* Overview timeline */
.timeline {
	float: left;
	margin-left: -1px;
}

.timeline li {
	background: url('../images/timeline_bg.gif') top left;
}

.timeline-destination li,
.timeline li {
	width: 160px;
	float: left;
	padding-top: 12px;
	position: relative;
	border-top: 1px solid #e7e9ed;
	border-left: 1px solid #e7e9ed;
}

.timeline-r-edge,
.timeline-l-edge {
	width: 10px;
	height: 12px;
	position: absolute;
}

.timeline-r-edge {
	display: none;
	top: -1px;
	right: 0;
	background: url('../images/timeline-r-edge.png') top right no-repeat;
}

.timeline-l-edge {
	top: -1px;
	left: -1px;
	background: url('../images/timeline-l-edge.gif') top left no-repeat;
}

.timeline li:last-child .timeline-r-edge {
	display: block;
}

.timeline-arrow {
	width: 16px;
	height: 16px;
	position: absolute;
	top: 29px;
	right: -9px;
	z-index: 3;
	background: url('../images/timeline-arrow.png') no-repeat;
}

.timeline li:last-child .timeline-arrow {
/*    background-position: 0 -16px; */
}

#main-overview .timeline p,
#main-overview .timeline-destination p {
	margin-top: 0;
	margin-left: 10px;
	margin-bottom: 9px;
}

#main-overview .timeline-date {
	font-size: 12px;
	line-height: 17px;
}

#main-overview .timeline-destination p a,
#main-overview .timeline p a:hover {
	color: #00ABEA;
}

.lighter-text {
	color: #808080;
}