body {
	font-family: "Arial","Helvetica","MS Sans Serif","Sans-Serif";
    font-size: 11px;
    color: #e8edef;
    background: #000000;
}
P {
        FONT-SIZE: 11px; COLOR: #ffffff;  FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif
}
TD {
        FONT-SIZE: 11px; COLOR: #e8edef; FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif
}
#debug th {
        background-color: #b9ec6a;
        font-weight: bold;
        color: #000;
        border-right: 1px solid #c1c1c1;
        padding: 5px 10px;
        FONT-FAMILY: Tahoma, Verdana;
        font-size: 11px;
        }
#debug TR.users_base {
        BACKGROUND: #000000;
}
#debug TR.admin_base {
        BACKGROUND: #434545;
}
div#debug_trigger_show
{
  color: #c0e882;
}
table#debug td.hp_subt_bg {
        background: #FAF99B;
		color: #000;
}
.simple_widget_caption{
		margin-left:5px;
		font-weight:bold; 
		font-size: 12px; 
		color: #63f858;
}
.table{
	border-collapse: collapse;
}
tr{
	border-bottom: 1px solid #5b5b5b;
}
table.vessels_table{
	border-top: 1px solid #01acf1;
}
th.vessels_th{
	border-bottom: 1px solid #5b5b5b;
	color: #10b0ec;
}
tr.vessels_tr td{
	border-bottom: 1px solid #5b5b5b;
	background: #000000;
}
.more { float: right; margin-right: 4px; padding-right: 4px;  padding-left: 4px; padding-bottom: 1px; padding-top: 1px; font-size: 11px; font-weight: bold;}
a span.more{
	color: #F7AF24;
	text-decoration: underline;
}
span.alert_green{
	color: #6edb00;
}
span.alert_red{
	color: #e83100;
}
tr.new_row td{
	background: #156FA5;
	background: #4A575F;
}
div.main_head1{
	color: #ffffff;
	text-align: center;
	font-size:24px;
	font-weight: bold;        
    padding: 5px 10px;
    FONT-FAMILY: Verdana,Tahoma;
}
div.main_head2{
	color: #ffffff;
	text-align: center;
	font-size:16px;
	font-weight: bold;
        border-bottom: 1px solid #5b5b5b;
        padding: 5px 10px;
        FONT-FAMILY: Verdana,Tahoma;
}
span.server_time{
	color: #FD983E;
	font-size:44px;
}
#debug TD.ajax_info {
        BACKGROUND: #48a043;
        padding: 5px 10px;
        text-align: center;
        margin: 2px;
		color: black;
}
#debug tr {
        BACKGROUND: #455596;
}
table.cargo_table{
	border-top: 1px solid #96EB12;
}
th.cargo_th{
	border-bottom: 1px solid #5b5b5b;
	color: #c0e882;
}
tr.cargo_tr td{
	border-bottom: 1px solid #5b5b5b;
}
tr.vessels_tr_inside2 td{
	border-bottom: 1px solid #5b5b5b;
	background: #1B477B;
}
tr.cargo_tr_inside2 td{
	border-bottom: 1px solid #5b5b5b;
	background: #336013;
}
tr.cargo_tr_inside td{
	border-bottom: 1px solid #5b5b5b;
	background: #172D08;	
}
tr.vessels_tr_inside td{
	border-bottom: 1px solid #5b5b5b;
	background: #0B223D;	
}
#vessel_info_table { 
	padding: 2px; 
	font-family: "Tahoma"; 
	font-size:10px; 
	background-color: #000000;
	border-left: 1px solid #01acf1;
}
#vessel_info_table thead th { 
	padding:2px; 
	font-weight:bold; 
	color: #82D8FB;
	background-color: #16387C;
	font-size:12px;
}
#vessel_info_table tbody td { 
	padding:2px; 
	color: #e8edef;
	font-size:10px;
}
.img_flag{
	border:1px solid #A7AAAA;
	margin-right: 5px;
}
#port_map_table { 
	padding: 2px; 
	font-family: "Verdana"; 
	font-size:11px; 
	background-color: #000000;
	border-left: 2px solid #c0e882;
}
#port_map_table thead th { 
	padding:2px; 
	font-weight:bold; 
	color: #000000;
	background-color: #c0e882;
	font-size:12px;
}
#port_map_table tbody td, A { 
	padding:2px; 
	color: #e8edef;
	font-size:11px;
	font-family: "Verdana";
	border-bottom: 1px solid #5b5b5b;
}
#tickers_table tr td.tickers_table_vessel { 
	color: #82D8FB;
}
#tickers_table tr td.tickers_table_cargo { 
	color: #c0e882;
}
/* liScroll styles */
.tickercontainer { /* the outer div with the black border */
border: 0px solid #000;
background: #000000; 
width: 878px; 
height: 22px; 
margin: 0; 
padding: 0;
overflow: hidden; 
}
.tickercontainer .mask { /* that serves as a mask. so you get a sort of padding both left and right */
position: relative;
left: 10px;
top: 8px;
width: 798px;
overflow: hidden;
}
ul.newsticker { /* that's your list */
position: relative;
left: 890px;
font: bold 10px Verdana;
list-style-type: none;
margin: 0;
padding: 0;

}
ul.newsticker li {
float: left; /* important: display inline gives incorrect results when you check for elem's width */
margin: 0;
padding: 0;
background: #000000;
}
ul.newsticker a {
white-space: nowrap;
padding: 0;
color: #F5F7F7;
font: bold 10px Verdana;
margin: 0 4px 0 0;
background: #000000; 
} 
ul.newsticker span.delim {
margin: 0 26px 0 0;
}
ul.newsticker span.new_cargo {
	color: #98FD3E;
}
ul.newsticker  a.new_vessel {
    color: #3EFDF6;
}
p.manual2{ 
	font-family: "Verdana","Arial","MS Sans Serif","Sans-Serif"; 
	text-align: left; 
	font-size: 10px;
	color: white;
}
p.manual2 A{ 
	font-family: "Verdana","Arial","MS Sans Serif","Sans-Serif"; 
	text-align: left; 
	font-size: 10px;
	color: white;
}
div.ui-accordion-content A{
        COLOR: white; TEXT-DECORATION: underline;
}
/* eof liScroll styles */

