@charset "iso-8859-7";

/*
	-------------------------------------------------------------
	Η ΝΑΥΤΕΜΠΟΡΙΚΗ - www.naftemporiki.gr
	-------------------------------------------------------------
	(c) 1996-2007 Naftemporiki - P. Athanassiades & Co SA
	http://www.naftemporiki.gr
	info@naftemporiki.gr
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
	Description:	XAA Styles
	Author:			OgilvyOne worldwide, Athens
	Filename:		naftemporiki.xaa.css
	Version:		1.1
	Date:			Monday, Απρ 23, 2007
	-------------------------------------------------------------
*/
	
/*	-------------------------------------------------------------
	Import styles
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
	Description:	Fetch required styles.
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/
	
		@import url("naftemporiki.header-short.css");
		@import url("naftemporiki.tabBox.css");

	
/*	-------------------------------------------------------------
	Column styles
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
	Description:	The following styles apply to the Home Page
					3 Column Layout.
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/
	

/*	-------------------------------------------------------------
	Page Container - Above the fold
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/
		#AboveContainer {
			width: 980px;
			background-image: url("/_images/weather_bg.gif");
			background-position: center;
			background-repeat:repeat-y;
			display: block;
			float: left;
			clear: both;
			color:	#333;
			margin: 0px;
			padding: 0px 0px 10px 0px;
			border-top: 1px solid #e5e5e5; }
			
		
/*	-------------------------------------------------------------
	Alpha Container
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/
		#alpha {	
			padding: 0px;
			margin: 0px; 
			width: 660px;
			display: inline;
			overflow: hidden;
			float: left; }
			
		#alpha .boxContent {
			font-family: Georgia, "Times New Roman", Times, serif;
			display: block;
			margin: 20px 0px 0px 0px;
			padding: 0px; }
			
		
/*	-------------------------------------------------------------
	Story Title Container
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/
		#story-title {
			background-color: #fff;
			padding: 20px 20px 20px 20px;
			margin: 0px 0px 0px 0px; 
			width: 619px;
			border-left: 1px solid #e2e2e2;
			float: left; }
			
		#story-title p {
			padding: 0px 0px 0px 0px;
			margin: 5px 0px 0px 0px; }
			
		#story-title ul {
			width: 620px;
			display: block;
			float: left;
			list-style: none;
			margin: 0px 0px 10px 0px;
			padding: 0px; }
			
		#story-title ul li {
			float: left;
			margin: 0px 5px 0px 0px;
			padding: 0px; }
			
		#story-title h4 { /* Super Title */
			width: 620px;
			display: block;
			clear: both;
			font-weight: normal;
			font-size: 12px;
			color: #666;
			margin: 0px 0px 3px 0px; }
			
		#story-title h2 { /* Main Title */
			width: 620px;
			display: block;
			clear: both;
			font-family: Georgia, "Times New Roman", Times, serif;
			font-weight: normal;
			font-size: 30px;
			letter-spacing: -1px;
			margin: 0px;
			padding: 0px;
			border: none; }
			
		#story-title h5 { /* Article Details */
			width: 620px;
			font-weight: normal;
			clear: both;
			font-size: 11px;
			color: #666;
			margin: 8px 0px 10px 0px;
			padding: 0px; }
			
		#story-title h5 span {	
			font-size: 11px;
			color: #333;
			font-weight: bold;
			margin: 0px 5px 0px 0px;
			padding: 0px; }
			
		
/*	-------------------------------------------------------------
	Story Title Container
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/
		#cityDetails {
			background-color: #fff;
			padding: 10px 0px;
			margin: 0px 0px 0px 0px; 
			width: 659px;
			border-left: 1px solid #e2e2e2;
			border-bottom: 1px solid #e2e2e2;
			border-top: 1px solid #e2e2e2;
			float: left; }
			
		#cityDetails .weathericon {
			font-size: 32px;
			font-weight: normal;
			padding: 0px 10px 0px 0px;
			margin: 0px 0px 0px 10px;
			float: left; }
			
		#cityDetails h1 {
			font-size: 30px;
			font-weight: normal;
			padding: 0px 20px 0px 0px;
			margin: 0px 0px 0px 10px;
			float: left; }
			
		#cityDetails h1 span {
			font-size: 11px;
			display: block;
			color: #999999;
			font-weight: normal;
			padding: 0px;
			margin: 0px; }
			
		#cityDetails h1 strong {
			font-size: 22px;
			font-weight: normal;
			padding: 0px;
			margin: 0px; }
			
		#cityDetails p {
			padding: 0px 10px 0px 0px;
			margin: 10px 0px 0px 10px;
			width: 500px;
			float: left; }

/*	Column One
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/			
		#alpha .column-one {
			float: left;
			width: 240px;
			padding: 0px 0px 15px 0px;
			margin: 0px 0px 0px 0px; }	
			
		#alpha .column-one .box {
			padding: 15px 20px 5px 20px;
			margin: 0px 0px 0px 0px; }
			
		#alpha .column-one h3 {
			border-bottom: 1px solid #ccc;
			text-transform: uppercase;
			color: #004276;
			font-size: 11px;
			padding: 4px 0px;
			margin: 0px 0px 0px 0px; }
			
		#alpha .column-one table {
			width: 200px;
			padding: 0px;
			margin: 0px; }	
			
		#alpha .column-one table tr.alt { }	
			
		#alpha .column-one table td {
			border-bottom: 1px solid #ccc;
			font-size: 11px;
			padding: 5px 0px;
			margin: 0px; }	
			
		#alpha .column-one table td.label {
			font-weight: normal; }	
			
		#alpha .column-one table td.label span {
			font-weight: normal; }	
			
		#alpha .column-one table td.value {
			text-align: right; }

/*	Column Two
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/			
		#alpha .column-two {
			float: left;
			width: 420px;
			padding: 0px 0px 15px 0px;
			margin: 0px 0px 0px 0px; }	
			
		#alpha .column-two .box {
			padding: 15px 20px 5px 20px;
			margin: 0px 0px 0px 0px; }
			
		#alpha .column-two h3 {
			border-bottom: 1px solid #ccc;
			text-transform: uppercase;
			color: #004276;
			font-size: 11px;
			padding: 4px 0px;
			margin: 0px 0px 0px 0px; }	
			
		#alpha .column-two .weather .dayContainer {
			float: left;
			width: 76px;
			margin: 0px 0px 8px 0px;
			padding: 0px;
			border-bottom: 1px solid #e4e8ed; }
			
		#alpha .column-two .weather .dayName {
			background-color: #f5f5f5;
			color: #111;
			text-align: center;
			padding: 5px 2px;
			font-size: 11px; }
			
		#alpha .column-two .weather .dayName strong {
			display: block; }
			
		#alpha .column-two .weather .dayIcon {
			border-bottom: 1px solid #e4e8ed;
			text-align: center;
			padding: 5px 0px 5px 0px; }
			
		#alpha .column-two .weather .dayTempHi {
			border-bottom: 1px solid #e4e8ed;
			color: #900;
			text-align: center;
			padding: 5px 0px 4px 0px;
			font-weight: bold;
			font-size: 11px; }
			
		#alpha .column-two .weather .dayTempLo {
			color: #003399;
			text-align: center;
			padding: 5px 0px 5px 0px;
			font-weight: bold;
			font-size: 11px; }
			
		#alpha .column-two .weather .dayDescr {
			color: #003399;
			text-align: center;
			padding: 5px 0px 5px 0px;
			font-weight: bold;
			font-size: 11px;
			height:35px;
			 }
		
/*	-------------------------------------------------------------
	Beta Container
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/
		#beta {
			padding: 0px;
			margin: 0px;
			width: 320px;
			display: block;
			float: left; }
			
		#beta .narrow {
			width: 320px; }
			
		#beta .wide {
			width: 940px; }
			
		#beta .boxContent {	
			font-family: Georgia, "Times New Roman", Times, serif;
			display: block;
			padding: 10px;
			border-bottom: 1px solid #e2e2e2; }
			
		#beta .clearBox {
			font-family: Georgia, "Times New Roman", Times, serif;
			display: block;
			margin: auto auto;
			padding: 10px;
			border-bottom: 0px solid #e2e2e2; }

/*	Weather
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/			
		#beta .weather {  }	
			
		#beta .weather h2 span {
			background-image: url("/_images/h2_icon_weather.gif"); }
			
		#beta .weather ul {
			float: left;
			width: 300px;
			list-style: none;
			margin: 8px 0px;
			padding: 0px; }	
			
		#beta .weather ul.half {
			width: 150px; }
			
		#beta .weather ul li {
			background-image: url("/_images/bullet.gif");
			background-repeat: no-repeat;
			background-position: 0px 6px;
			padding: 0px 8px;
			margin: 0px 0px 5px 8px; }	
			
		#beta .weather ul li a {
			font-size: 12px;
			font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
			padding: 2px 0px 2px 0px;
			margin: 0px; }	
			
		#beta .weather ul li span {
			font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
			font-weight: normal;
			display: inline;
			font-size: 11px;
			color: #999; }	
			
		#beta .weather .citySnapshot {
			clear: both;
			padding: 8px;
			margin: 0px;
			background-color: #f9f9f9; }
			
		#beta .weather .citySnapshot table {
			margin: auto auto; }
			
		#beta .weather .citySnapshot label {
			text-align: right;
			display: block;
			font-size: 11px;
			margin: 0px 5px 0px 0px; }
			
		#beta .weather .citySnapshot input.symbol {
			padding: 2px;
			width: 180px;
			background-image: url("/_images/searchWait.gif");
			background-repeat: no-repeat;
			background-position: 167px 3px;
			border: 1px solid #d0d0d0;
			margin: 0px 5px 0px 0px; }
			
		#beta .weather .citySnapshot input.symbolSubmit { }


/*	Extras Links
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/	
		#beta .extraLinks {
			width: 300px; }	
			
		#beta .extraLinks h2 span {
			background-image: url("/_images/h2_icon_extralinks.gif"); }
			
		#beta .extraLinks ul {
			float: left;
			width: 300px;
			list-style: none;
			margin: 8px 0px;
			padding: 0px; }	
			
		#beta .extraLinks ul.half {
			width: 150px; }
			
		#beta .extraLinks ul li {
			background-image: url("/_images/bullet.gif");
			background-repeat: no-repeat;
			background-position: 0px 6px;
			padding: 0px 8px;
			margin: 0px 0px 5px 8px; }	
			
		#beta .extraLinks ul li a {
			font-size: 12px;
			font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
			padding: 2px 0px 2px 0px;
			margin: 0px; }	
			
		#beta .extraLinks ul li span {
			font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
			font-weight: normal;
			display: inline;
			font-size: 11px;
			color: #999; }