/*
	***********************************	
	**
	** ESL Shipping Ltd
	** style definitions
	**
	***********************************
**/

/* common definitions */
* { margin:0;padding:0;}
br.clear { clear:both;}
blockquote { margin-left:4em;}
span.strong { font-weight:bold; background-color:yellow }
body {
	margin:0;
	padding:0;
	font-family:arial,verdana,serif;
	font-size:75%;
	color:#20628f;
}
	.frontpageBody { background:#ffffff url(/pics/esl/body.gif) repeat-x;}
	.subpageBody { background:#ffffff url(/pics/esl/bodySubpage.gif) repeat-x;}
/* removal of border-left from li-elements, fix for IE6 */
#toolBar li.firstElement { border:none;}
#wrapper {
	position:relative;
	width:982px;
}
	.frontpageWrapper { background:transparent url(/pics/esl/frontpageHeader.jpg) no-repeat;}
	.subpageWrapper { background:transparent url(/pics/esl/subpageWrapper.jpg) no-repeat;}
	/************ Header ****************/
	#header {
		position:relative;
		width:982px;
	}
		.frontpageHeader { height:244px;}
		.subpageHeader { height:121px;}
		
			#header  a#logo { position: absolute; left: 32px; width:237px;height:95px;background:transparent url(/pics/esl/logo.gif) no-repeat;text-indent:-99999px;}
		#toolBar {
			position:absolute;
			left:805px;
			width:205px;
			height:44px;
			background:transparent url(/pics/esl/toolBar.gif) no-repeat;
			padding-left:1em;
			padding-top:1em;
		}
			#toolBar ul { list-style-type:none;}
				#toolBar li { display:inline;font-weight:bold;color:#d13302; padding-left:0.4em;border-left:1px solid #d13302;}
				#toolBar li:first-child { border:none;}
				#toolBar a { color:#d13302;text-decoration:none;}
				#toolBar a:hover { text-decoration:underline;}
	
	/************ Content area ****************/

	#page { 
		position:relative;
		width:100%;
		z-index:50;
		padding-left:32px;
	}
		.frontpage {
		 background:#fff url(/pics/esl/frontpage.gif) 0 0 no-repeat;
		 min-height:260px;
		 height:auto;
		_height:260px;
		 }
		.subpage {
			min-height:300px;
			height:auto;
			_height:300px;
		
		}
			.frontpage  #navi { 
				position:absolute;
				top:-130px;
				left:32px;
				width:237px;
				}
			.subpage #navi { 
				margin-top:-7px;
				}
				
		
		#leftCol {
			float:left;
			width:237px;
			background:transparent;
			}
		
		#navi {
			
		}
			#navi ul {
				list-style-type:none;
				width:90%;
				margin:0 auto;
			}
				#navi li { border-bottom:1px solid #d7e9f3;padding:1em 0;}
					#navi li a { background:transparent url(/pics/esl/navi-li-regular.gif) 0 0.2em no-repeat;display:block;padding:0;padding-left:1em;font-size:14px;font-weight:bold;color:#4491c4;text-decoration:none;}
					#navi li a:hover { background:transparent url(/pics/esl/navi-li-regular.gif) 0 0.2em no-repeat;text-decoration:underline;}
					#navi li a#selected { color:#d13302;background:transparent url(/pics/esl/a-naviSelected.gif) 0 0.2em no-repeat;}
				#navi ul li ul {}
					#navi ul li ul li { border-bottom:none;padding:0.2em 0;}
						#navi ul li ul li a { font-size:11px;color:#4491c4;background:none;font-weight:normal;}
						#navi ul li ul li a:hover { background:none;}
						#navi ul li ul li a#selected  { font-weight:bold;color:#139f83;background:none;}
	
						#navi li#vessels a,#navi li#pushers___barges a { color:#000;font-size:11px;text-decoration:none;pointer:text;}
						#navi ul li ul li#vessels a:hover, 
						#navi ul li ul li#pushers___barges a:hover { color:#000;font-size:11px;text-decoration:none;cursor:text;} 
						
	
		
		#rightCol { 
			float:left;
			width:694px;
			margin-left:10px
		}
		#bulletin {
			float:left;
			width:388px;
			background:transparent url(/pics/esl/bulletin.gif) no-repeat;
			padding-top:17px;
			padding-left:17px;
		}
			#bulletin h3 {
				background:transparent url(/pics/esl/h3-bulletin.gif) repeat-x;
				width:359px;
				height:40px;
				color:#fff;
				font-size:24px;
				font-weight:normal;
				padding-top:8px;
				text-indent:10px;
			}
			#bulletin ul { list-style-type:none;margin-left:0.5em;width:95%;}
				#bulletin li { font-size:11px;color:#7c7c7c; margin:1em 0;}
					#bulletin li a { font-size:15px;font-weight:bold;color:#139f83;text-transform:uppercase;text-decoration:none;}
					#bulletin a:hover { text-decoration:underline;}
			#bulletin a#bulletinArchive {
				position:absolute;
				top:35px;
				left:550px;
				color:#fff;
				font-weight:bold;
				font-size:11px;
				text-decoration:none;
				width:100px;
			}
				#bulletin a#bulletinArchive:hover { text-decoration:underline;}
		#descriptionText {
			float:left;
			width:280px;
			padding-top:0em;
		}
			#descriptionText h1,#descriptionText h2,#descriptionText h3 {
				font-size:25px;
				font-weight:normal;
				/* color:#139f83; Old color */
				color:#4491C4;
				margin-bottom:1em;
			}
	/************ Subpages ****************/		
		#subpagesImagePlace {
			position:absolute;
			top:-122px;
			left:269px;
			width:543px;
			height:161px;
			z-index:1;
		}
		
		#contentCol {
			clear:both;
			position:relative;
			top:40px;
			background:transparent url(/pics/esl/contentArea.gif) no-repeat;
			width:694px;
			z-index:2;
			min-height:300px;
			height:auto;
			_height:300px;
			padding-top:2em;
		}
			a#backToFrontpage { position:absolute;top:1em;right:2em;color:#d13302;text-decoration:none;font-weight:bold;}
			a#backToFrontpage:hover { text-decoration:underline;}
			.textArea {
				position:relative;
				width:92%;
				margin:0 auto;
			}
			
			/**
			** Text styles
			**/
			#contentCol h2.pageName,
			#contentCol #fd h2.pageName,
			#contentCol #bm h2.pageName,
			#contentCol #gallery h1   { font-size:25px;color:#139f83;margin-bottom:1em;padding:0.2em;border-bottom:1px solid #eaf2f7;font-weight:normal;}
			.textArea h1,.textArea h2,.textArea h3 { font-size:25px;color:#139f83;margin-bottom:1em;padding:0.2em;border-bottom:1px solid #eaf2f7;font-weight:normal;}
			.textArea  p { line-height:17px; margin:0.5em 0;}
			.textArea ul,.textArea ol { margin-left:2em;}
			.textArea ul ul,.textArea ol ol { margin-left:1em;}
			.textArea a { color:#d13302;}
				.textArea a:hover {color:#ff4c15;}
	
			#contentCol tr.esl-otsikkorivi { background:#3994d2;color:#fff;font-weight:bold;} 
			#contentCol tr.esl-sinertava_rivi { background:#d0ebff;}
			#contentCol tr.esl-vaaleansininen_rivi { background:#eff8ff;}
		
			#contentCol td.otsikko { font-weight:bold; color:#ffffff; background:#d95318; }
			#contentCol td.reunaviivat { border:1px solid #8c9db3;}
			#contentCol tr.otsikkorivi { background:#d95318; color:#ffffff;}
			#contentCol tr.harmaarivi { background:#d9d9d9;}
 
		
		
			/*
				Image styles
			*/
			#contentCol img {}
			#contentCol img.align_left { float:left; margin-right: 1em;}
			#contentCol img.align_right { float:right; margin-left: 1em;}
			#contentCol img.align_left_bordered { float:left; margin-right: 1em; border: 3px solid #c3dff2; padding:2px; }
			#contentCol img.align_left_bordered { float:right; margin-left: 1em; border: 3px solid #c3dff2; padding:2px; }
			#contentCol img.border_not_aligned { border: 3px solid #c3dff2; padding:2px; }
 
	
	/************ Footer ****************/
	#footer {
		margin-top:1em;
		position:relative;
		clear:both;
		width:100%;
		height:100px;
		background:transparent url(/pics/esl/footer.gif) repeat-x;
	}
		#footer h2 {
			position:absolute;
			width:203px;

			height:36px;

			background:transparent url(/pics/esl/logo-aspo_company.gif) no-repeat;

			text-indent:-999999px;

			left:44px;


		}
			#footer #copyright {
				position:absolute;
				left:858px;
				top:80px;
			}
				#copyright p { font-size:11px;color:#6c8a9f;}
				
	/*
		***************************************
		** Other templates
		***************************************
	*/
	/** pagetemplates/esl-formdesignerform.jsp **/
	#fd {
		position:relative;
		width:92%;
		margin:0 auto;
	}
		#fd legend strong { color:#20628f;}
	
  /** pagetemplates/esl-bulletins.jsp **/
  #contentCol #list li a { font-size:14px;color:#20628F;}
  #contentCol #list li { color: #7c7c7c; }
  
    /** pagetemplates/esl-imagegallery.jsp **/
  
  /*
  	Bulletin Manager
  	pagetemplates/bulletinmanager2.vm
  	***********************************
  */
  
	#bm2 { font: normal normal 12px arial,verdana,serif; color:#004a9d; width:95%; }
	#bm2 h3 { color: #464646; } 
	#bm2 #list { }
	#bm2 ul { list-style-type: none;margin: 0px; padding: 0px;}
		#bm2 li { margin: 1em 0em;  padding: 0 0px; color:#7C7C7C; }    
		#bm2 li a { text-decoration:none; color:#20628F; font-size: 14px; font-weight: bold; }
		#bm2 li a:hover { text-decoration:underline;}
		#bm2 li a span { font-size:12px;}
	#bm2 #msg { }
		#bm2 #msg h4 { margin: 0px; padding: 0px; }
		#bm2 #msg ul { list-style-type:square; }
		#bm2 #msg ul,#bm2 #msg ol { margin:0em 0em 0em 2em;  padding:0em;}
		#bm2 #msg ul li {  }	
			#bm2 #msg ul ul,#bm2 #msg ol ol { margin:0em 0em 0em 1em; }