@CHARSET "UTF-8";

body{
	font-family:Arial, Sans-Serif;
	font-size:11pt;
	color:black;
	background-color:#e8f0ff;	
}
a{
	color:black;
}
img{
	border:none;
}
form#userDetailForm input[type=text], form#userDetailForm textarea, form#shipDetailForm input[type=text], form#shipDetailForm textarea{
	width:300px;
}	
input[type=submit]{
	background-image:url(images/buttonbg.png);
	width:150px;
	color:white;
	padding:5px;
}
/*
input[type=button]{
	background-image:url(images/buttonbg.png);
	width:100px;
	height:25px;
	color:white;
}
*/
input, textarea, select{
	font-size:11pt;
	padding:3px;
}
div#appframe{
	margin:0px auto;
}
div#headline{
	width:100%;
	height:50px;
	background-image:url(images/headlinebg.jpg);
}
div#menu{
	/*
	border-left:1px solid #d3d3d3;
	border-right:1px solid #d3d3d3;
	border-bottom:1px solid #d3d3d3;
	*/
	margin-top:2px;
	width:150px;
	height:100%;
	float:left;
	position:relative;
	z-index:999;
}
div#mainarea{
	margin-left:160px;
	padding:5px;
	position:relative;
	z-index:0;
}
fieldset{
	border:1px solid silver;
	position:relative;
	z-index:1;
}
fieldset.small{
	width:400px;
	float:left;
	position:relative;
	z-index:1;
}
fieldset legend{
	color:grey;
}
label{
	width:140px;
	display:block;
	float:left;
}
/*
.button{
	background-image:url(images/buttonbg.png);
	color:black;
	font-weight:bold;
	width:200px;
	padding:5px;
}
*/
div.message{
	position:absolute;
	z-index:9999;
	width:300px;
	height:200px;
	left:30%;
	top:100px;
	padding:5px;
	background-color:#f3f3f3;
	color:grey;
	font-size:11pt;
}
div.message.error{
	border:1px solid red;
}
div.message.info{
	border:1px solid silver;
}
div.messageHeader{
	border:1px solid #5d79e5;
	padding:2px;
	cursor:pointer;
	background-color:#5d79e5;
	text-align:right;
	color:white;
}
ul.menu{
	margin-left:-40px;
	margin-top:0px;
	list-style-type:none;
	display:none;
}
ul#mainmenu{
	display:block;
}
div#divmainmenuhandheld{
	display:none;	
}

ul#mainmenu li:hover > ul{
	display:block;
}

ul.menu.level0 li{
	width:150px;
	height:25px;
	text-align:center;
	/*background-color:#999999;*/
	/*background-image:url(images/menuitem1.jpg);*/
	background-color:#5d79e5;
	/*border-bottom:1px solid #94a3fe;*/
	cursor:pointer;
	font-size:16px;
	padding-top:3px;
	color:white;
	float:left;
	z-index:10;
}
ul.menu.level0 li a{
	color:white;
	text-decoration:none;
	z-index:1000;
	display:block;
}

ul.menu.level1{
	margin-left:110px;
	margin-top: -20px;
}
ul.menu.level1 li{
	width:150px;
	height:25px;
	text-align:center;
	background-color:#6699ff;
	background-image:none;
	/*
	border-left:1px solid #ccccff;
	border-bottom:1px solid #ccccff;
	border-right:1px solid #ccccff;
	*/
	cursor:pointer;
	z-index:20;
}
ul.menu.level1 li:hover{
}
ul.menu.level2{
	margin-left: 110px;
	margin-top: -19px;
	z-index:2000;
}
ul.menu.level2 li{
	width:150px;
	height:25px;
	text-align:center;
	background-color:#99ccff;
	background-image:none;
	/*
	border-top:1px solid white;
	border-bottom:1px solid #e2e1e1;
	border-right:1px solid #e2e1e1;
	*/
	z-index:30;
}
h1{
	font-size:14pt;
	color:#5d79e5;
}
h2{
	font-size:13pt;
	color:#014596;
}
table{
	margin-left:20px;
	border-left:1px solid #5d79e5;
    position: relative;
}
form{
	width:98%;
	margin:auto;
	z-index:0;
	
}
form#currencyDetailForm label{
	width:150px;
}
form#exportTabDefForm label{
	width:200px;
}
th{
	padding:5px;
	border:1px solid #5d79e5;
	background-color:#5d79e5;
	color:white;
}
td{
	padding:5px;
	border-right:1px solid #5d79e5;
	border-bottom:1px solid #5d79e5;
	
	vertical-align:top;
}
table.layout tr td{
	border:none;
}
table#treeview tr td{
	border:none;
}
.popup_calendar{
	position:absolute;
	font-size:10px;
	background-color:silver;
}
table.cpBorder td{
	padding:0px;
}
.cpMonthNavigation{
	background-color:grey;
}
.cpCurrentDate{
	background-color:grey;
	color:white;
}

textarea{
	width:250px;
	height:50px;
	font-family:Verdana, Sans-Serif;
	font-size:11px;
}

div#hmenu{
	display:none;
}


@media only screen 
	and (max-width: 1024px)	
	and (orientation: portrait){

	body{
		zoom:120%;
	}
	
	div#hmenu{
		display:block;
	}
	
	/* vertical menu */
	div#menu{
		width:90%;
		position:absolute;
		margin-top:0px;
		z-index: 1;
		display:none;
	}
	
	ul.menu.level0 li{
		width:100%;
		height:100%;
		font-size:20px;
		padding:10px;
	}
	ul.menu.level1{
		margin-left:-51px;		
		margin-top: 0px;
	}
	ul.menu.level1 li{
		width:97%;
		height:100%;
	}
	ul.menu.level2{
		margin-left:-51px;	
		margin-top: 0px;
	}
	ul.menu.level2 li{
		width:98%;
		height:100%;
	}
	/* end vertical menu */		
	
	div#mainarea{
		margin-left:0px;
	}	
	
}


@media print{
	
	div#headline{
		display:none;
	}
	
	div#menu{
		display:none;
	}
	
	div#mainarea{
		margin-left:0px;
	}
	
	h1#harbourMapSelector{
		display:none;
	}	
	

	form#harbourMapDisplayOptions{
		font-size:90px;
		display:none;
	}	
	
}