div.timeline-frame {
    border: 1px solid #BEBEBE;
    overflow: hidden;
}

div.timeline-axis {
    border-color: #BEBEBE;
    border-width: 1px;
    border-top-style: solid;
}
div.timeline-axis-grid {
    border-left-style: solid;
    border-width: 1px;
}
div.timeline-axis-grid-minor {
    border-color: #e5e5e5;
}
div.timeline-axis-grid-major {
    border-color: #bfbfbf;
}
div.timeline-axis-text {
    color: #4D4D4D;
    padding: 3px;
    white-space: nowrap;
}

div.timeline-axis-text-minor {
}

div.timeline-axis-text-major {
}

div.timeline-event {
    color: #1A1A1A;
    border-color: #97B0F8;
    background-color: #D5DDF6;
    display: inline-block;
}

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

div.timeline-event-cluster {
    /* TODO: use another color or pattern? */
    background: #97B0F8 url('img/cluster_bg.png');
    color: white;
}
div.timeline-event-cluster div.timeline-event-dot {
    border-color: #D5DDF6;
}

div.timeline-event-box {
    text-align: center;
    border-style: solid;
    border-width: 1px;
    border-radius: 5px;
    -moz-border-radius: 5px; /* For Firefox 3.6 and older */
}

div.timeline-event-dot {
    border-style: solid;
    border-width: 5px;
    border-radius: 5px;
    -moz-border-radius: 5px;  /* For Firefox 3.6 and older */
}

div.timeline-event-range {
    border-style: solid;
    border-width: 1px;
	
    /*border-radius: 2px;
    -moz-border-radius: 2px;  /* For Firefox 3.6 and older */
}

div.timeline-event-range-drag-left {
    cursor: w-resize;
    z-index: 1000;
}

div.timeline-event-range-drag-right {
    cursor: e-resize;
    z-index: 1000;
}


div.timeline-event-line {
    border-left-width: 1px;
    border-left-style: solid;
}

div.timeline-event-content {
    margin: 5px;
    white-space: nowrap;
    overflow: hidden;
}

div.timeline-groups-axis {
    border-color: #BEBEBE;
    border-width: 1px;
}
div.timeline-groups-text {
    color: #4D4D4D;
    padding-left: 5px;
    padding-right: 5px;
	padding-top: 10px;
	padding-bottom: 10px;
	font-size: 15px;
}

div.timeline-currenttime {
    background-color: #FF7F6E;
    width: 2px;
}

div.timeline-customtime {
    background-color: #6E94FF;
    width: 2px;
    cursor: move;
}

div.timeline-navigation {
    font-family: arial;
    font-size: 20px;
    font-weight: bold;
    color: gray;

    border: 1px solid #BEBEBE;
    background-color: #F5F5F5;
    border-radius: 2px;
    -moz-border-radius: 2px;  /* For Firefox 3.6 and older */
}

div.timeline-navigation-new, div.timeline-navigation-delete,
div.timeline-navigation-zoom-in,  div.timeline-navigation-zoom-out,
div.timeline-navigation-move-left, div.timeline-navigation-move-right {
    cursor: pointer;
    padding: 10px 10px;
    float: left;
    text-decoration: none;
    border-color: #BEBEBE; /* border is used for the separator between new and navigation buttons */

    width: 16px;
    height: 16px;
}

div.timeline-navigation-new {
    background: url('../images/timeline_img/16/new.png') no-repeat center;
}

div.timeline-navigation-delete {
    padding: 0px;
    padding-left: 5px;
    background: url('../images/timeline_img/16/delete.png') no-repeat center;
}

div.timeline-navigation-zoom-in {
    background: url('../images/timeline_img/16/zoomin.png') no-repeat center;
}

div.timeline-navigation-zoom-out {
    background: url('../images/timeline_img/16/zoomout.png') no-repeat center;
}

div.timeline-navigation-move-left {
    background: url('../images/timeline_img/16/moveleft.png') no-repeat center;
}

div.timeline-navigation-move-right {
    background: url('../images/timeline_img/16/moveright.png') no-repeat center;
}

div.restricted {
	background-color: red;
	border-color:   red;
	height: 28px;
	margin-top: 5px;
	margin-bottom: 5px;
	-webkit-print-color-adjust: exact; 
	/*background: url('../images/timeline_img/timeline_red.jpg') repeat-x;*/
}

div.unrestricted {
	background-color: green; 
	border-color:  green;
	height: 28px;
	margin-top: 5px;
	margin-bottom: 5px;
	-webkit-print-color-adjust: exact; 
	/*background: url('../images/timeline_img/timeline_green.jpg') repeat-x;*/
}

div.timedisplay_top {
	background-color: transparent; 
	border-color:  transparent;
	height: 28px;
	margin-top: 0px;
	margin-bottom: 5px;
	margin-left: -20px;
	-webkit-print-color-adjust: exact; 
	-webkit-appearance: none;
	/*background: url('../images/timeline_img/timeline_green.jpg') repeat-x;*/
}

div.timedisplay_bottom {
	background-color: transparent; 
	border-color:  transparent;
	height: 28px;
	margin-top: 15px;
	margin-bottom: 5px;
	margin-left: -20px;
	-webkit-print-color-adjust: exact; 
	-webkit-appearance: none;
	/*background: url('../images/timeline_img/timeline_green.jpg') repeat-x;*/
}

#mytimeline {
	width:100%;
/*	float: left;*/
	margin-bottom: 10px;
}

#vessel_selector {
	width: 100%;
	margin-top: 10px;
	margin-bottom: 10px;
}

#vessel_selector tr td{
	border: none;
}

.vessel_selector_col1, .vessel_selector_col3{
	width: 15%;
}

.vessel_selector_col2 {
	width: 70%;
}

.legend_col1 {
	float: left;
	width: 15%;
}

.legend_col2 {
	float: left;
	width: 28%;
}

.legend_div {
	float: left;
	width: 100%;
	margin-bottom: 10px;
}

#restricted_legend {
/*	float: left;
	width: 25%;
	text-align: center;*/
	background-color: #EE0000;
	color: white;
	/*margin-right: 10px;*/
        padding-left: 10px;
	-webkit-print-color-adjust: exact; 
}
#unrestricted_legend {
/*	float: left;
	width: 25%;
	text-align: center;*/
	background-color: green;
	padding-left: 10px;
	/*padding-right: 10px;*/
	color: white;
/*	margin-left: 10px;
	margin-right: 10px;*/
	-webkit-print-color-adjust: exact; 
}

#vessel_type{
	width: 250px;
}
#loa {
	width: 250px;
}
#draught {
	width: 250px;
}

#popupDatepicker {
	width: 250px;
}

#ajax_loading_status {
	width: 100%;
	text-align:center;
	color:red;
	font-weight:bold;
}

#condition {
	width: 85%;
	float:left;
}

#transit_tablelink {
	/*text-align: right;*/
	/*float: right;*/
	/*width: 15%;*/
        
}
#transit_tablelink:hover {
	/*text-align: right;*/
	cursor: hand; cursor: pointer;
}

#transit_table_div {
	margin-top: 10px;
	width: 100%;
	display: none;
}

#transit_table {
	width: 100%;
}

#transit_table tr td {
	text-align: center;
}

#transit_table_col1 {
	width: 40%;
}

#transit_table_col2, #transit_table_col3 {
	width: 30%;
}

td.unrestricted {
	color: green;
	text-transform:capitalize;
}
td.restricted {
	color: #EE0000;
	text-transform:capitalize;
}
td.other_legend {
	padding-right: 0px;
	padding-left: 10px;
}

td.legend_category {
	width: 15%;
}