#timeline {
    padding: 5px;
    border: 1px solid #cccccc;
    border-radius: 5px;
    background-color: white;
    margin: auto;
/*    margin-top: 10px;*/
/*    margin-top: -16px;*/
/*    width: 1190px;*/
/*    width: 100%;*/
    
/*    margin-top: 9%;*/
/*    margin-bottom: 1%;*/
    
    width: auto;
    height: auto;
    overflow: visible;
    z-index: -1;
}


.timeline {
	margin: 0 auto;
	width: 1200px;
}


.timeline-wrap {
	position: relative;
	background: white;
	width: 100%;
	font: normal 12px/18px 'lucida grande', 'lucida sans', helvetica, tahoma, sans-serif;
	color: #333;
	padding: 5px 0 0 0;
}
.timeline-body {
	display: block;
	height: 8px;
	border: 1px solid #c5c5c5;
	box-shadow: 0 3px 5px rgba(0,0,0,0.05) inset;
	border-radius: 20px;
	margin-bottom: 30px;
	position: relative;
/*	z-index: 9999;*/
	
	background: #f5f5f5; /* Old browsers */
	background: -moz-linear-gradient(top,  #f5f5f5 0%, #fefefe 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f5f5f5), color-stop(100%,#fefefe)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #f5f5f5 0%,#fefefe 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #f5f5f5 0%,#fefefe 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #f5f5f5 0%,#fefefe 100%); /* IE10+ */
	background: linear-gradient(top,  #f5f5f5 0%,#fefefe 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f5f5f5', endColorstr='#fefefe',GradientType=0 ); /* IE6-9 */	
}

.timeline-body-over {
	display: block;
/*    width: 99% !important;*/
	height: 8px;
	border-radius: 10px;
	
/*    top: -19px;*/
    
	position: relative;	
	width: 100px;
	background: #dbdb30;

	background-image: linear-gradient(bottom, rgb(58,122,58) 26%, rgb(219,219,48) 100%) !important;
	background-image: -o-linear-gradient(bottom, rgb(58,122,58) 26%, rgb(219,219,48) 100%)  !important;
	background-image: -moz-linear-gradient(bottom, rgb(58,122,58) 26%, rgb(219,219,48) 100%) !important;
	background-image: -webkit-linear-gradient(bottom, rgb(58,122,58) 26%, rgb(219,219,48) 100%) !important;
	background-image: -ms-linear-gradient(bottom, rgb(58,122,58) 26%, rgb(219,219,48) 100%) !important;

	background-image: -webkit-gradient(
		linear,
		left bottom,
		left top,
		color-stop(0.26, rgb(58,122,58)),
		color-stop(1, rgb(219,219,48))
	)  !important;
}



.timeline-body:before {
	position: absolute;
	display: block;
	content: "";
	left: 0;
	top: 0;
	width: 14px;
	height: 10px;
	background: url('../images/sprite_timeline.png') 0 -31px;
}


.timeline-body:after {
	position: absolute;
	display: block;
	content: "";
	right: 0;
	top: 0;
	width: 14px;
	height: 10px;
	background: url('../images/sprite_timeline.png') -24px -31px;
}


.timeline-draggable {
	position: absolute;
/*	left: 98.5% !important;*/
	top: -1px;
	width: 10px;
	height: 10px;
	background: url('../images/sprite_timeline.png') -1px -11px;
	box-shadow: 0 0 20px rgba(0,0,0,0.13);
	border-radius: 10px;
    z-index: 222;
}


.timeline-arrow {
	position: absolute;
	left: 0;
	top: 49px;
	width: 21px;
	height: 11px;
	background: url('../images/sprite_timeline.png') 0 0;
	z-index: 9999;
}


.timeline-event {
	display: block;
	position: absolute;
	left: 0;
	top: 60px;
	width: 100%;
	z-index: 999;
}
.timeline-event-node {
	position: absolute;
	left: 6px;
	top: -45px;
	width: 20px;
	height: 15px;
	cursor: pointer;
}
.timeline-event-node:before {
	position: absolute;
	display: block;
	content: "";
	background: #fff;
	border: 1px solid #b9b9b9;
	border-radius: 20px;
	-webkit-transition: background-color 0.5s;
	-moz-transition: background-color 0.5s;
	transition: background-color 0.5s;
	width: 5px;
	height: 5px;
	left: 7px;
	top: 7px;
}
.timeline-event-node.selected-event:before {
	background: #555;
	border-color: #555;
}
.timeline-title {
	position: absolute;
	cursor: pointer;
	left: 0;
	top: -30px;
}
.timeline-container {
	position: absolute;
	display: block;
	border: 1px solid #c5c5c5;
	box-shadow: 0 3px 5px rgba(0,0,0,0.10);
	border-radius: 6px;

	z-index:999;
	width: 420px;
	background: #fdfdfd; /* Old browsers */
	background: -moz-linear-gradient(top,  #fdfdfd 0%, #f5f5f5 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#fdfdfd), color-stop(100%,#f5f5f5)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #fdfdfd 0%,#f5f5f5 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #fdfdfd 0%,#f5f5f5 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #fdfdfd 0%,#f5f5f5 100%); /* IE10+ */
	background: linear-gradient(top,  #fdfdfd 0%,#f5f5f5 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fdfdfd', endColorstr='#f5f5f5',GradientType=0 ); /* IE6-9 */
	top: 58px;
}
.timeline-wrap:before {
	position: absolute;
	content: "";
	display: none;
	width: 100%;
	height: 7px;
	left: 0;
	top: 65px;
	background: url('../images/lines.png') repeat-x;
}
.timeline-wrap:after {
	position: absolute;
	content: "";
	display: block;
	width: 100%;
	height: 7px;
	left: 0;
	top: 14px;
	background: url('../images/lines.png') repeat-x;
}


.timeline-content {
	padding: 20px;
	width: 400px;
}
.timeline-container h1, .timeline-content h1 {
	font-size: 16px;
	
}
.timeline-container p, .timeline-content p {
	
}
.timeline-content {
	display: none;
	position: absolute;
}


/*
div#timeline-event-1 > div.timeline-event-node,
div#timeline-event-1 > div#timeline-event-node-1,

{
    left: 28.5% !important
}

div#timeline-event-1 > div.timeline-title {
    left: 28.6% !important
}


div#timeline-event-2 > div.timeline-event-node,
div#timeline-event-2 > div#timeline-event-node-2,

{
    left: 57.3% !important
}
*/

/*div#timeline-event-2 > div.timeline-title {*/
/*    left: 57.5% !important*/
/*    left: 57.4% !important*/
/*}*/



/*
div#timeline-event-node-3 {
    left: 76.3% !important;
}

div#timeline-event-3 > div.timeline-event-node,
div#timeline-event-3 > div#timeline-event-node-3,

{
    left: 75.1% !important;
}

div#timeline-event-3 > div.timeline-title {
    left: 76.5% !important;
}


div#timeline-event-4 > div.timeline-event-node,
div#timeline-event-4 > div#timeline-event-node-4,

{
    left: 86.5% !important;
}

div#timeline-event-4 > div.timeline-title {
    left: 82.4% !important;
}


div#timeline-event-5 > div.timeline-event-node,
div#timeline-event-5 > div#timeline-event-node-5,

{
    left: 97% !important;
}

div#timeline-event-5 > div.timeline-title {
    left: 97.8% !important;
}


div#timeline-event-6 > div.timeline-event-node,
div#timeline-event-6 > div#timeline-event-node-6,

{
    left: 97.9% !important;
}

div#timeline-event-6 > div.timeline-title {
    left: 99% !important;
}
*/

























/*div#timeline-event-node-3 {*/
/*    left: 1011.75px !important;*/
/*    left: 1174.75px !important;*/
/*}*/

/*div#timeline-event-3 > .timeline-title {*/
/*    left: 1014.75px !important;*/
/*    left: 1177.75px !important;*/
/*}*/


/*
div#timeline-event-node-4 {
    left: 1269px !important;
}

div#timeline-event-4 > .timeline-title {
    left: 1271px !important;
}


div#timeline-event-node-5 {
    left: 1505.25px !important;
}

div#timeline-event-5 > .timeline-title {
    left: 1507.25px !important;
}


div#timeline-event-node-6 {
    left: 1516px !important;
}


div#timeline-event-6 >.timeline-title {
    left: 1523px !important;
}
*/

/*
.timeline {
    display: none !important;
}
*/



td.headerTable {
    background-color: #006733;
    color: #ffffff;
    text-align: center;
}

td.dataTable {
    background: #e2e2e2;
    text-align: center;
}

td.headerTable.customWidthTD {
    width: 13%;
}

td.dataTable.customWidthTD2 {
    width: 2%;
}

td.headerTable.customWidthTD3 {
    width: 19%;
}

@media (min-width: 992px)  {

    #timeline {
        margin-top: 9.4%;
        margin-bottom: 1.4%;
    }
    
    .navbar .navbar-nav {
        float: none;
        display: inline-block;
        width: 146% !important;
        margin-left: -29% !important;
    }
}

@media (min-width: 1024px) and (max-width: 1366px)  {

}




@media screen and (device-width: 320px) and (device-height: 568px) and (-webkit-device-pixel-ratio: 2) {
    div#timeline {
        display: none !important;
    }   
}

@media (min-width: 360px) and (max-width: 640px) { 
    div#timeline {
        display: none !important;
    }   
}