1:54 μμ 21/4/2004<style>{  }
BODY {  
		
		}
.box2 {
	BACKGROUND-COLOR: #9d9d9; BORDER-BOTTOM: black 1px solid; BORDER-LEFT: #999999 1px solid; BORDER-RIGHT: black 1px solid; BORDER-TOP: #999999 1px solid; MARGIN: 1px; PADDING-BOTTOM: 1px; PADDING-LEFT: 1px; PADDING-RIGHT: 1px; PADDING-TOP: 1px;
; font-family: Tahoma, Arial, Helvetica, sans-serif; font-size: 9px}
-->
.Button {
	font-family: Tahoma, arial, sans-serif;
	font-size: 10px;
	background-color: #069;
	color: #fff;
	font-weight: bold;
	padding: 1px;
	margin: 1px;
	border-top: outset 0px #069;
	border-right: outset 0px #069;
	border-bottom: outset 1px #f3f3f3;
	border-left: outset 1px #ccccc0;
}
.Button2 {
	font-family: Tahoma, arial, sans-serif;
	font-size: 10px;
	background-color: #FFFFFF;
	color: #fff;
	width: 781px;
	padding: 1px;
	margin: 0px;
	border-top: outset 0px #069;
	border-right: outset 0px #069;
	border-bottom: outset 0px #f3f3f3;
	border-left: outset 0px #ccccc0;
}

a:link {color: #000099; text-decoration: none;}
a:linkmenu {color: #000099; text-decoration: none;}
a:visited {color: #000099; text-decoration: none;}
a:active {color: #000099; text-decoration: none;}
a:hover {color: #ff6600;}

.odim {  font-family: Tahoma, sans-serif; font-size: 10px; color:#000000}
.odim2 {  font-family: Tahoma, sans-serif; font-size: 11px; color:#000099}

.titlew {  font-family: Tahoma, Tahoma, Arial, "MS Reference Sans Serif"; font-size: 12px; font-weight: bold; color: #000000; text-decoration: none}
.title {  font-family: Tahoma, Tahoma, Arial, "MS Reference Sans Serif"; font-size: 10px; font-weight: bold; color: #000000; text-decoration: none}
.titlew2 { font-family: Tahoma, Tahoma, Arial, "MS Reference Sans Serif"; font-size: 12px; font-weight: bold; color: #FFFFFF; text-decoration: none }
.odim3 { font-family: Tahoma, Arial, Helvetica, sans-serif; font-size: 9px}
.odim4 { font-family: Tahoma, Arial, Helvetica, sans-serif; font-size: 12px}
.odim5 { font-family: Arial; font-weight: bold; font-size: 20px}

/* left lix */

table.lixL {
	position:top;
	}

table.lixL a {
	font-family: tahoma, arial, sans-serif;
	font-size: 9px;
	color: #fff;
	font-weight: bold;
	padding: 0px;
	margin: 0px;
	border-top: outset 0px #9CF;
	border-right: outset 0px #069;
	border-bottom: outset 0px #069;
	border-left: outset 0px #69c;
	text-align:left;
		top:0px;
			width:152px;
			margin-left:0px;
	}
table.lixL a:link {
	color:#FFFFFF;
	}
table.lixL a:visited {
	color:#FFFFFF;
	}
table.lixL a:hover {
	color:#003366;
	background-color:#10B2FD;
	text-decoration:none;
	font-weight:bold;

		}
table.lixL a:active {
	color:#FFFFFF;
	}
/* RIGHT lix */

table.lixR {
	position:top;
			}

table.lixR a {
	text-align:left;
		top:0px;
						background-color:#FFFFFFF;
						
	width:180px;
			margin-left:0px;
	}
table.lixR a:link {
	color:#000099;
	}
table.lixR a:visited {
	color:#000099;
	}
table.lixR a:hover {
	color:#FFFFFF;
	background-color:#cccccc;
	text-decoration:none;
	font-weight:bold;
	}
table.lixR a:active {
	color:#000099;
	}

/* Small lix */

table.lixO {
	position:top;
			}

table.lixO a {
	text-align:center;
		top:0px;
						background-color:#FFFFFFF;
						
	width:20px;
			margin-left:0px;
	}
table.lixO a:link {
	color:#000099;
	}
table.lixO a:visited {
	color:#000099;
	}
table.lixO a:hover {
	color:#FFFFFF;
	background-color:#6196CB;
	text-decoration:none;
	font-weight:bold;
	}
table.lixO a:active {
	color:#000099;
	}

</style>
<link REL="SHORTCUT icon" HREF="http://www.eportal.gr/favicon.ico">

-------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------
/* Main Sections 
----------------------------------------------- */
#eportal, #footer, #header	{width: 776px;line-height: normal; text-align:left;}	
#eportal		{margin: auto; position:relative;}
#center                  {width:134px;float:left;position:relative;}         
#centerContainer          {width:150px;position:absolute;}    
#right	 		{width:200px;margin-top:10px;float:right;}
#content	 	{width:120px;margin-left:10px;float:left;}
#middle			{width:612px;float:center;text-align:left;}
#a			{width:155px;float:center;text-align:left;}
#left, #right , #content {text-align:left;}


/* Start Header & F00ter 
----------------------------------------------- */
#header {margin-bottom:0px;}
#header .right {position:static!important;height: 60px;}
#footer {
	font-family:Tahoma,arial,helvetica,sans-serif;
	font-size:10px;
	color:#ffffff;
	margin-top:0px;
	}
#header .sep, #footer .sep {
	margin-top:5px;
	background:#CFCFCF;
	height:5px;
	border-color:#999;
	border-style:solid;
	border-width:0px 0px 1px 0px;
	overflow:hidden;
	}
#footer h2	{
	background-color:#006699;
	padding:0px;
	margin:0px;
	color:#fff;
	font-size:10px;
	font-weight:bold;
	valign:middle;
	valign:a;	
	height:15px;
	font-family:Tahoma, arial, helvetica, sans-serif; 
	
footer h2.a:link {color: #FFFFFF; text-decoration: none;}
footer h2.a:linkmenu {color: #FFFFFF; text-decoration: none;}
footer h2.a:visited {color: #FFFFFF; text-decoration: none;}
footer h2.a:active {color: #FFFFFF; text-decoration: none;}
footer h2.a:hover {color: #FFFFFF;}
}

/*  Menu
----------------------------------------------- */
#menu {margin-bottom:10px;}
#menu h2	{
	background-color:#336699;
	padding:4px;
	margin:0px;
	color:#fff;
	font-size:10px;
	font-weight:bold;
	font-family:Tahoma, arial, helvetica, sans-serif;
	}	
#menu ul li img 	{float:none;margin-left:14px;width:25px;height:11px;position: relative;top: 0px;}
#menu ul	{
	display:block;
	list-style-type: none;
	margin: 0px;padding: 0px;
	font-family:Tahoma,arial,helvetica,sans-serif;
	font-weight:bold;
	border-width:0px 0px 0px 0px;
	border-style:solid;
	background:#E3EDF7;
	}
#allPath, #menu ul {
	border-color:#336699;
	}
#menu ul li {
	margin:0;padding:0;
	list-style-type :none;
	display: inline;
	}
#menu ul li a 	{
	display: block;
	margin: 0;
	padding: 3px 0px 3px 6px;
	background:#E3EDF7;
	text-decoration:none;
	font-size:10px;
	color:#467CA4;
	width:auto;
	border-bottom:1px solid #D5E0EC;
	height: auto;
	}
#menu ul LI A:hover, #menu ul LI A:active {background-color:#F7FAFD!important;}
#menu ul.l {border-bottom:none!important;}
#allPath {
	height:30px;
	font-size:10px;
	position:relative!important;
	border-width:0px 0px 0px 2px;
	border-style:solid;
	background:#E3EDF7 url(img/bb.gif) no-repeat  bottom left;
	}
#allPath a {position:absolute!important;top:10px!important;right:4px;}

/* Misc 
----------------------------------------------- */
.l			{border-bottom:none!important;}
.left		{float:left;}
.right		{float:right;position:relative!important;text-align:left;}
.br		{clear:both;overflow:hidden;height:1px;line-height:0px;margin:0px;padding:0px;position:relative;top:-1px;}
.aCenter 	{text-align:center;}
.aLeft 		{text-align:left;}
.aRight		{text-align:right;}
.hl			{color:#CC3300 !important;}
.banner		{margin :8px 0px;text-align: center;clear:both;}
input[type="text"]:focus	{background-color:#ffffdd !important;}
#logo		 {position:relative;top:7px;float:left;}
html>body input.button {padding: 2px 8px 2px 8px;}
.adman {display:none!important;width:1px!important;height:1px!important;}

/* Begin Search Box & top search links
----------------------------------------------- */
#searchBoxTop	{
	font-family:Tahoma,arial,helvetica,sans-serif;
	font-size:9px;
	background:#D0D9E0 url(../img/stop.jpg) top left repeat-x;
	border-top:1px solid #566479;
	border-left:1px solid #566479;
	height:23px;
	width:631px;	
	/* IE 5 Hack */
	voice-family: "\"}\"";
	voice-family:inherit;
	width:631px;
	}	
/* Opera 5 |b nice| hack */
body > #searchBoxTop {width:631px;}
#searchBoxTop .left IMG {width:10px;height:14px;padding:0px 2px 0px 2px;}
#searchBoxTop .left A:hover,#searchBoxTop .right  A:hover {text-decoration:none;color:#202020;}
#searchBoxTop .right, #searchBoxTop .left {font-family:Tahoma,arial,helvetica,sans-serif;font-size:9px;font-weight:bold;color:#223D61;height:22px;}
#searchBoxTop .right {border-bottom:1px solid #566479;height:22px;width:186px;border-right:1px solid #566479;}
#searchBoxTop .left DIV, #searchBoxTop .right DIV {padding:4px;}
#searchBoxTop .right DIV {text-align:right;}
#searchBoxtop .right IMG {width:7px;height:7px;}
#searchBox	{
	width:auto;
	font-size:12px;
	text-align:center;
	border-bottom:3px solid #566479;
	border-left:1px solid #566479;
	border-right:1px solid #566479;
	background:#D0D9E0 url(../img/sbox.jpg) top left repeat-x;
	}	
#searchBox DIV {padding:5px 0px 5px 0px;color:#013850;font-family:arial,helvetica,sans-serif;font-size:10px;font-weight:bold;}
#searchBox img {width:59px;height:14px;margin-left:5px;}
#searchBottom 	{
	width:auto;
	font-family:arial,helvetica,sans-serif;
	font-size:11px;
	font-weight:bold;
	color:#202020;
	padding:4px;
	background:#eeeeee;
	margin-bottom:10px;
	margin-top:12px;
	border-bottom:2px solid #cccccc;
	text-align:center;
	}		

/* eportal Clicks
----------------------------------------------- */
#clicks {
	padding:0px 4px;
	border-width:0px 1px 3px 1px;
	border-color:#8EA2B5;
	border-style:solid;
	background:#fff url(../img/clicks.jpg) repeat-x top left;
	line-height:100%;
	height:10px;
	}
html > body #clicks {
}
#clicks ul {padding:2px 0px;}
#clicks ul li {
	font-size: 10px;
	font-family:Tahoma,arial,helvetica,sans-serif;
	padding: 3px 0px;
	line-height: 100%;
	position: relative;
	}
#clicks div {
	float: left;
	color: #cc0000;
	font-weight: bold;
	text-align: right;
	white-space:nowrap;
	margin-right:4px;
	line-height: 100%;
	}
#clicks code {
	right: 60px;
	top: 2px;
	}
html>body #clicks code {
	right: 0px;
	}

/* protothema
----------------------------------------------- */
#protothema {
	margin-top:10px;
	border:1px solid #8EA2B5;
	padding:4px;
	}
#protothema P			{line-height:140%;margin:0px;padding:0px;}
#protothema h4			{margin:0;margin-bottom:5px; position: relative;}
#protothemah4 a		{font-size:17px;font-weight:bold;text-decoration:none;border-bottom:1px solid #153B73;}
#protothema h4 a:hover 	{border-bottom:1px solid #CC3300;}
#protothema img 		{margin-right:5px;padding:2px;float:left;}
#protothema ul 			{padding:0;margin:0;margin-top:2px;list-style-type:none;}
#protothema ul li 		{list-style-type:none;padding: 2px;margin:0px; position: relative;}
#protothema ul li b 		{font-size:15px;color:#A4B4C5;}
#protothema li code {
        left: 280px;
        top: 2px;
        }
html>body #protothema li code {
        right: 10px;
        }


/* Channels
----------------------------------------------- */
h1 {
	font-family:Tahoma, Arial, Helvetica, sans-serif;
	font-size:10px;
	background:url(cr.gif);
	padding:1px;
	width:auto;
	margin-top:1px;
	margin-bottom:5px;
	background:#FFFFFF url(cr.gif) no-repeat bottom right;
	position: relative;
	height:12px;
	}
h1 a {
	font-weight:bold;
	font-family:Tahoma, Arial, Helvetica, sans-serif;
	}
h1 a:hover {color:#fff;}
#news .left ,#eco .left ,#tech .left {
	width:308px;
	}

#news ul,#movies ul,#tech ul,#eco ul,#woman ul,#sports ul, #culture ul, #health ul, #misc ul {
	list-style: none;
	margin: 0px;padding: 0px;
	border: none;
	}
#news ul li,#movies ul li,#tech ul li,#eco ul li,#woman ul li, #sports ul li, #culture ul li, #health ul li, #misc ul li {
	padding:3px 0px;
	list-style:none;
	margin:0px;
	border-bottom:1px solid #F9F9F9;
	position: relative;
	}
#news div.right,#eco .right,#tech .right {
	width :130px;
	text-align:left;
	padding:2px;
	}
.more {
	text-align:center;
	margin:10px 0px 10px 0px;
	font-family:Tahoma,arial,helvetica,sans-serif;
	font-size:9px;
	font-weight:bold;
	}

/* News
----------------------------------------------- */
#news h1 a {color:#fff;}
#news h1 .right {
	font: normal normal 11px arial,serif;
	color: #fff;
	}

/* News subs (sports|misc|culture|health) */
#sports, #health, #culture, #misc {
	width: 218px;
	}
#sports h1 a, #health h1 a, #culture h1 a, #misc h1 a {
	color: #fff;
	}
#sports, #health {
	float: left;
	}
#culture, #misc {
	float: right;
	}

/* Weather 
----------------------------------------------- */
#weather {border:1px solid #CCE6FF;background:#F3F9FF;clear: right;width:100%;}
#weather img {width:23px;height:23px;margin-right:5px;position:relative;top:-3px}	
#weather ol {margin:0!important;padding:0!important;list-style-type:none;display:block!important;}
#weather ol li {position:relative!important;list-style-type:none!important;margin:0!important;padding:0!important;}
#weather ol li span { position: absolute; top: 1px; right: 0;}
#weather form {text-align:center!important;margin:4px 0px 0px 0px;}
#weather form select {margin-bottom:2px; }
#weather form a {font-size:9px;font-weight:bold;font-family: arial,serif;line-height:160%!important;}

/* Tech 
----------------------------------------------- */
#tech h1	{background-color:#D7EBF5;color:#1F70A0;}
#tech h1 a,#tech h1 a:hover {color:#1F70A0;}
#tech .right {text-align:center;border-left:1px solid #D7EBF5;font-size:10px;}
#tech .right img {margin:0;padding:0;float:none;}

/* Economy
----------------------------------------------- */
#eco h1	{background-color:#F0F3F5;}
#eco h1 a,#eco h1 a:hover {color:#7E8C48;}	
#eco .right {text-align:center;border-left:1px solid #F0F3F5;font-size:10px;font-family:arial,serif;}
#eco .right img		{margin:2px 0px;}
#eco .right .up		{color:green;padding-right:8px;background:url(img/sUp.gif) no-repeat top right;}
#eco .right .down	{color:#cc0000;padding-right:8px;background:url(img/sDn.gif) no-repeat top right;}
#eco form {
	padding:1px;
	margin-top:1px;
	background:#Ffffff;
	text-align:center;
	border-bottom:3px solid #ffffff!important;
	font-size:10px;
	font-weight:bold;
	font-family:Tahoma,arial,helvetica,sans-serif;
	color:#505050;
	}
#eco form input {font-size:11px;}

/* Woman & movies
----------------------------------------------- */
#woman form,#movies form {
	padding:4px 0px 4px 0px;
	text-align:center;
	background:#FBF8EB;
	margin-top:5px;
	border-bottom:2px solid #F7F2D9;
	}
#woman h1,#movies h1 {background-color:#F5F3D7;}
#woman h1,#woman h1 a , #movies h1 a , #woman h1 a:hover, #movies h1 a:hover {color:#A09E1F;}
#woman {width:218px;float:left;}
#movies {width:218px;float:right;}

/* Guide 
----------------------------------------------- */
#guide .left {position:relative;width:50%;}
#guide h1 {background-color:#ddd;height:18px;}
#guide h1 a,#guide h1 a:hover {color:#7F7F7F;}
#guide h1 .left a {position:relative;top:2px;}
#guide h1 .right a {font-weight:bold;color:#153B73;font-size:9px;font-family:Tahoma, Arial, Helvetica, sans-serif;}
#guide h1 .right span {padding:1px 4px 2px 5px;background:#EDEDED;font-size:9px;border:1px solid #F2F2F2;display:block;}
#guide ul {
	background:#eee;
	width:auto!important;
	list-style-type:none;
	padding:0;
}
#guide ul li  {
	display:inline;
	font-size:11px;
	width:33%;
	float:left;
	background:#fff;
	line-height:22px;
	}

/* Info Box
----------------------------------------------- */
#info	{
	padding:4px;
	margin-bottom:10px;
	margin-top:10px;
	border:1px solid #F5F3D7;
	}
#info .line	{
	height:1px;
	background:#f5f3d7;
	margin:5px;
	overflow:hidden;
	}

/* Generic 
----------------------------------------------- */
h3 	{
	background:#336699;
	padding:4px;
	font-size:10px;
	font-weight:bold;
	font-family:Tahoma,arial,helvetica,sans-serif;
	color:#fff;
	margin:0;
	height:12px;
	}
#katalogos p,#today p,#astrologia p,#nea p,dl,#hot ul,#tv ol {
	padding:2px;
	margin:0;
	}

/* katalogos
----------------------------------------------- */
#katalogos {	
	border-width:0px 1px 1px 1px;
	border-style:solid;
	border-color:#336699;
	background-color:#E5EEF8;
	font-size:10px;
	font-family:Tahoma, Arial, Helvetica, sans-serif;
	margin-bottom: 0px;
	}
#katalogos form {
	line-height:15px!important;
	padding:4px 0px;
	text-align: center!important;
	}
#katalogos form strong {color: #133F60;}
#katalogos form input	{width:140px!important;}
#katalogos h3 {background-color:#336699!important;}	
#katalogos div {
	text-align:center!important;
	background-color:#fff!important;
	padding:4px;
	font-size:9px;
	font-weight:bold;
	border-top:1px solid #9AC2E0;
	}	

/* Shop n' today
----------------------------------------------- */
#shop, #today,#astrologia,#nea {
	border-width:0px 1px 3px 1px;
	border-style:solid;
	border-color:#A4B4C5;
	margin-top: 5px;
	position: relative;
	}
#shop dl dt {position: relative;}
#shop dl dt a {font-weight:bold;}
#shop dl dd img {margin-right:5px;float:left;}
#shop dl dd {margin:5px 0px 10px;}
#shop .right,#shop .left {
	position: relative;
	padding:4px 0px 2px 0px;
	color:#0B2B5A;
	font-size:10px;
	font-family:Tahoma,arial,helvetica,sans-serif;
	font-weight:bold;
	}
#shop form  {
	background:#F1F4F8;
	padding:5px;
	border:1px solid #fff;
	text-align:center;
	}	

/* Today & promos 
----------------------------------------------- */
#today cite, #nea cite {
	font-size:14px;
	font-weight:bold;
	margin:0;padding:0;
	width:auto;
	font-style:normal;
	margin-bottom:8px;
	display:block;
	position: relative;
	}


/* Hot Links
----------------------------------------------- */
#hot {margin:auto 4px;}
#hot ul,#hot ul li {
	margin:0;padding:0;
	list-style-type:none;
	border:0px;
	position: relative;
	}
#hot ul li {padding:3px 0px;}	
#hot ul li img {width: 25px; height: 11px;}
#hot br {
	clear: both;
	height: 1px;
	font: 1px;
	}

/* Astrologia and Tv
----------------------------------------------- */
#tv ol {
	margin:0;
	list-style-type:none;
	}
#tv ol li {
	padding:2px 0px;
	}		
#tv .aCenter a {
	font-size:10px;
	font-weight:bold;
	font-family:Tahoma, Arial, Helvetica, sans-serif;
 }

/* Games
----------------------------------------------- */
#games {
	background-color:#F1F4F8;
	padding: 5px;
	margin-top: 4px;
	border: 1px solid #fff;
	height: 1px;
	}
html>body #games {height: auto;}
#games form {
	text-align:center;
	margin-top:5px;
	}	
#katalogosIMG, #today IMG, #astrologia IMG, #suggestions IMG {margin-right:2px;}



/* Interviews
----------------------------------------------- */
#interview {
	border:1px solid #70B1CE;
	background-color:#F3F9FF;
	padding:4px;
	margin-top:10px;
	border-width:1px 1px 1px 1px;
	line-height:100%;
	}
#interview p		{margin:0;line-height:116%;font-size:12px;color: #404040;}	
#interview h6  		{margin :0;margin-bottom:8px; padding:0;}
#interview h1  		{margin :0px;margin-bottom:5px; padding:4px;background-image: none;color: #fff;}
#interview h6 a		{font-size:13px;font-weight:bold;}
#interview img		{float:left;margin-right:5px;position:relative;height: 55px; width: 70px;} 
#interview .left,#interview .right 	{width: 212px;}
html>body #interview .left,html>body #interview .right 	{width: 216px;}


/* Buttons
----------------------------------------------- */

#eco .button {
	width:auto;
	font-size:10px;
	font-weight:normal;
	font-weight:bold;
	}
#woman .button,#movies .button {
	width:20px;
	height:18px;
	font-size:10px;
	padding:0px 1px 3px 0px;
	}