/* ------------Algemene opmaak voor een aantal standaard elementen------------ */
/* --------------------------------------------------------------------------- */

BODY{
	margin:0px;
	padding:0px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
}

HTML,BODY {
	height: 100%;
}

TABLE{
	margin:0px;
	padding:0px;
	border-collapse:collapse;
	border:0px;
}

IMG{
	border:0px;
}

.input_label{
	font-weight:bold;
}

.input_text{
	border:1px;
	border-style:solid;
	border-color:#000000; 
}

A{
	width:100%; 
}
	
A:link,A:visited {
	color:#000000; 
}

A:hover {
	text-decoration:none;
}

.submit_btn{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	border-width:1px;
	border-style:solid;
	border-color:#555555;
	background-color:#FFFFFF;
}

/* ------------Algemene opmaak voor de basic layout, headers enzo------------- */
/* --------------------------------------------------------------------------- */

.main_table{
	height:100%;
	width:100%;
}

.main_top_row{
	height:69px;
	background-image:url(../img/dl_top_fill.png) ;	
	background-repeat:repeat-x;
	background-position:0px 1px; 
	vertical-align:top;
}

.main_top_column1{
	width:50%;
}

.main_top_column2{
	font-size:8px;
	text-align:right;
	width:50%;
}

.main_content_row{
	height:80%;
}

.content_table{
	height:100%;
	width:100%;
	text-align:center;
	vertical-align:top;
}

.main_bottom_row{
	height:69px;
	background-image:url(../img/dl_bottom_fill.png) ;	
	background-repeat:repeat-x;
	background-position:0px 1px;
	vertical-align:top;
	text-align:right;
}

.copyright{
	font-size:10px;
	font-weight:bold;
	color:#AAAAAA;
	text-align:center; 
}

/* ------- speciefieke opmaak voor de selectiepagina van calls ------- */
/* ------------------------------------------------------------------- */

.calls_table{
	width:60%;
}

.calls_label{
	text-align:left;
	font-weight:bolder;
	color:#FFFFFF;
	border-width:1px;
	border-style:solid;
	border-color:#555555;
	background-color:#555555;
}

.calls_content{
	text-align:left;
	border-width:1px;
	border-style:solid;
	border-color:#555555;
}

.calls_select{
	text-align:left;
}

.calls_button{
	border-width:1px;
	border-style:solid;
	border-color:#555555;
	background-color:#FD9036;
}

/* ------- speciefieke opmaak voor het dopsisgedeelte van dammers live ------- */
/* --------------------------------------------------------------------------- */

.container{
	border-style:solid;
	border-width:1px;
	border-color:#666666;
	width:97%;
}

.spacer{
	width:8px;
}

.spacer_tr{
	height:6px;
}

/* -- eerste table, algemene info -- */

.top_row{
	width:100%;
	background-color:#FFFF99;
	font-size:11px;	
}

.toplabel{
	border-style:outset;
	border-width:2px;
	font-weight:bold;
	background-color:#C0C0C0;
}

.topreturn{
	border-style:outset;
	border-width:2px;
	font-weight:bold;
	background-color:#FD9036;
	font-size:10px;
	font-weight:bold;
	color:#000000;
}

.topcontent{
	border-style:inset;
	border-width:2px;
	background-color:#FFFFFF;
}

/* -- tweede table, alle tabbladen enzo -- */

.menu_row{
	width:100%;
	background-color:#FFFF99;
}

.menu_off{
	border-width:2px;
	border-style:solid;
	border-color:#B1AD97;
	border-bottom-width:1px;
	background-color:#DFDCCA;
	width:170px;
	color:#666666;
	text-align:center;	
}

.menu_on{
	border-width:2px;
	border-style:solid;
	border-color:#B1AD97;
	border-bottom-style:none;
	background-color:#ECE9E8;
	width:170px;
	font-weight:bold;
	text-align:center;	
}

.menu_bottom{
	border-bottom-style:solid;
	border-bottom-color:#B1AD97;
	border-bottom-width:1px;
}

.menu_filler{
	width:auto;
}

.menu_spacer{
	width:3px;
}

.menu_text{
	color:#666666;
}

/* -- derde table, de plek voor de daadwerkelijke content -- */

.main_content{
	background-color:#ECE9E8;
	height:400px;
	width:100%;
}

/* ------- speciefieke opmaak voor de pagina arrival & departure ------- */
/* --------------------------------------------------------------------- */

.adb_table{
	width:98%;
	font-size:11px;	
}

.adb_cel{
	border-width:2px;
	border-style:groove;
	width:33%;
	vertical-align:top;
}

.adb_spacer{
	width:auto;
}

.adb_tr_spacer{
	height:5px;
}

.adb_label{
	border-style:outset;
	border-width:2px;
	text-align:left;
	height:13px;
}

.adp_content{
	border-style:inset;
	border-width:2px;
	background-color:#FFFFFF;
	text-align:left;
	height:13px;
}

.adb_remarks{
	height:inherit;
	border-style:inset;
	border-width:2px;
	background-color:#FFFFFF;
	text-align:left;
	vertical-align:top;
}

/* ------- opmaak voor arrival ------- */
.a_table{
	border-collapse: separate; 
	border-spacing: 4px;
	width:100%;
}

.a_head{
	font-weight:bold;
	background-color:#FFCC00;
}

.a_normal{
	background-color:#FFCC99;
	width:65px;
}

.a_remark{
	height:170px;
}

/* ------- opmaak voor departure ------- */
.d_table{
	border-collapse: separate; 
	border-spacing: 4px;
	width:100%;
}

.d_head{
	font-weight:bold;
	background-color:#00FF00;
}

.d_normal{
	background-color:#CCFFCC;
	width:85px;
}

.d_remark{
	height:213px;
}

/* ------- opmaak voor bunker ------- */
.b_table{
	border-collapse: separate; 
	border-spacing: 4px;
	width:100%;
}

.b_head{
	font-weight:bold;
	background-color:#C0C0C0;
	width:25%;
}

.b_normal{
	background-color:#E8E8E8;
}

.b_remark{
	height:213px;
}

/* ------- speciefieke opmaak voor het gedeelte statement of facts ------- */
/* ----------------------------------------------------------------------- */

.sof_table{
	width:70%;
	font-size:11px;	
}

.sof_cel{
	border-width:2px;
	border-style:groove;
	width:100%;
	vertical-align:top;
}

.sof_tr_spacer{
	height:5px;
}

.sof_label{
	border-style:outset;
	border-width:2px;
	text-align:left;
	height:13px;
}

.sof_content{
	border-style:inset;
	border-width:2px;
	background-color:#FFFFFF;
	text-align:center;
	height:13px;
}

.sof_action{
	border-style:inset;
	border-width:2px;
	background-color:#EEEEEE;
	text-align:left;
	height:13px;
}

/* ------- opmaak voor statements ------- */
.s_table{
	border-collapse: separate; 
	border-spacing: 4px;
	width:100%;
	background-color:#FFFAD5;
}

.s_head{
	font-weight:bold;
	background-color:#FFCC99;
}

.s_subhead{
	font-weight:bold;
	text-align:left;
}

/* ------- opmaak voor eta's ------- */
.e_table{
	border-collapse: separate; 
	border-spacing: 4px;
	width:100%;
	background-color:#FFFF99;
}

.e_tc{
	background-color:#FFCC99;
	font-weight:bold;
}

.e_td{
	background-color:#FFFF99;
	font-weight:bold;
}

.e_np{
	background-color:#CCFFCC;
	font-weight:bold;
}

.e_filler{
	width:auto;
}

/* ------- speciefieke opmaak voor het gedeelte products ------- */
/* ------------------------------------------------------------- */

.prod_table{
	width:70%;
	font-size:11px;	
}

.prod_cel{
	border-width:2px;
	border-style:groove;
	width:100%;
	vertical-align:top;
}

.prod_tr_spacer{
	height:5px;
}

.prod_label{
	border-style:outset;
	border-width:2px;
	text-align:left;
	height:13px;
}

.prod_content{
	border-style:inset;
	border-width:2px;
	background-color:#FFFFFF;
	text-align:center;
	height:13px;
}

.prod_product{
	border-style:inset;
	border-width:2px;
	background-color:#FFFFCA;
	text-align:left;
	height:13px;
	font-weight:bold;
}

.prod_remarks{
	border-style:inset;
	border-width:2px;
	background-color:#FFFFFF;
	text-align:center;
	height:100px;
}

.prod_offset{
	color:#339966;
}

.p_table{
	border-collapse: separate; 
	border-spacing: 4px;
	width:100%;
	background-color:#F0FFF0;
}

.p_head{
	font-weight:bold;
	background-color:#CCFFCC;
}


.p_head_red{
	font-weight:bold;
	background-color:#FFCC99;
}

/* ------- speciefieke opmaak voor de verschillende maps ------- */
/* ------------------------------------------------------------- */
iframe{
	background-color:#ECE9E8;
}

.ais_all{
	height:450px;
	width:940px;
}

.ais_spec{
	height:640px;
	width:940px;
}

.map_table{
	background-color:#FFFFFF;
	width:950px;
	text-align:left;
	border-style:solid;
	border-width:1px;
	border-color:#666666;
}

.map_legend{
	height:30px;
	vertical-align:middle;
}