﻿/*@charset "iso-8859-7";*/
/* CSS Document */
/*  Layout */ 
/*******************************************************
 * Ορισμός των Βασικών  tags                           * 
 *******************************************************/
body {
	background-color:#EAEAEA;
	background-image: url(../../images/MainBackground.jpg);
/*	background-image: url(images/MainBackground.jpg); */
	background-repeat:repeat-x;
	font-family: verdana;
	font-size:10px;
	position: inherit;
	margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	left: 600px;
}

a {
	text-decoration: none;
}

/*******************************************************
 * το βασικό layout. 								   *
 *******************************************************/
#MainBackLayout {
	position:static ;
	width:976px ; 
	height:638px ; 
	background-image:url("../../Images/MainLayout.gif"); 
}

#MainTable {
	margin-top:0px;
	border:0px;
	background-image: url(../../images/MainLayout4.png);
	
}

#apMainWindow
{
	position:absolute;
	left:199px;
	top:0px;
	width:976px;
	height:638px;
	z-index:1;
	background-image:url(../../images/MainLayout4.png);

}

/***************************************************************
 * Το βασικο παθάθυρο παρουσίασης περιεχομένου                 *
 ***************************************************************/
#MainContentLayout {
	position: relative;
	width: 761px;
	height: 400px;
	z-index: auto;
	background-image: url(../../images/MainWindowBGTopGray.png);
	background-repeat: no-repeat;
	background-position: top;
	font-family : verdana;
	font-size : 12px;
	color : #000000;
	overflow-y:auto ; 
	padding-left:20px;
}

/*
#apDiv1 {
	position:absolute;
	left:199px;
	top:0px;
	width:976px;
	height:638px;
	z-index:1;
	background-image:url(../../images/MainLayout4.png);
}*/


#apDiv2 {
	position:absolute;
	left:996px;
	top:180px;
	width:162px;
	height:45px;
	z-index:2;
	background-color: #003366;
	background-repeat: no-repeat;
	background-image: url(images/CompanyButtons1.png);
	padding-top: 4px;
	margin-top: 4px;
}
#apDiv3 {
	position:relative;
	left:803px;
	top:-531px;
	width:162px;
	height:63px;
	z-index:2;
}
#apDiv4 {
	position:absolute;
	left:805px;
	top:0px;
	width:162px;
	height:142px;
	z-index:2;
	background-repeat: no-repeat;
	background-image: url(images/Deltio-Kikloforias.png);
}
#apDiv5 {
	position:absolute;
	left:816px;
	top:507px;
	width:155px;
	height:106px;
	z-index:9;
}

/* Ορισμός του τίτλου του πανελλαδικού δελτίου.*/
#apDiv6 {
	position:relative;
	width:188px;
	height:25px;
	z-index:auto;
}
#apDiv7 {
	position:relative;
	width:226px;
	height:20px;
	z-index:10;
}

#apDiv8 {
	position:absolute;
	left:1000px;
	top:487px;
	width:170px;
	height:124px;
	z-index:100;
	width:162px;
	height:142px;
	background-repeat: no-repeat;
	background-image: url(images/Deltio-Kikloforias.png);
	font-family:verdana;
	font-size:10px;
	font-weight:normal;
	color:#BEBEBE;
}

#DeltioKykloforion {
	position:relative;
	padding-top : 2px;
	z-index:100;
	width:162px;
	height:160px;
	background-repeat: no-repeat;
	background-position-y:0px;
	background-image: url(../../images/Deltio-Kikloforias.png);
	font-family:verdana;
	font-size:10px;
	font-weight:normal;
	color:#BEBEBE;
}


#MainWinowDiv {
	position:absolute;
	left:20px;
	top:14px;
	width:971px;
	height:702px;
	z-index:1;
}

/*******************************************************
 * το κουτί που κρατάει τις σημαιές και την ημερομηνία.*
 *******************************************************/
#TopRightDiv {
	position:absolute;
	left:734px;
	top:15px;
	width:254px;
	height:23px;
	z-index:3;
}

#FlagsDiv {
	/*	font-family:verdana;*/
	font-family: arial;
	font-size: 09px;
	font-weight: normal;
	font-stretch: semi-expanded;
	color: #ffffff;
	margin: 0px;
	padding-top: 5px;
	padding-right: 1px;
	padding-bottom: 0px;
	padding-left: 0px;
	vertical-align: middle; /* στοιχεία θέσης */;
	position: absolute;
	left: 717px;
	top: 0px;
	width: 254px;
	height: 23px;
	text-align: left;
}


#HeaderDiv {
	position:absolute;
	left:21px;
	top:15px;
	width:970px;
	height:117px;
	z-index:2;
}


#MenuDiv {
	position:relative;
	width:969px;
	height:31px;
	z-index:4;
	/*background-image:url(/images/TopMenu.png);*/
	background-repeat:no-repeat;
}
#MainContentDiv {
	position:absolute;
	left:20px;
	top:166px;
	width:970px;
	height:489px;
	z-index:5;
}

/* Ο βασικος header του site .*/
#MainHeader {
	position:relative;
	left:0px;
	top:0px;
	width:970px;
	height:118px;
	z-index:auto;
	background-color: #F7D209;
	background-image: url(../../images/MainHeader2.jpg);
}

/*
 Το μπλε κουτί πανω δεξια που κρατάει τις σημαιες και την ημερομηνία
*/
#TopRightDiv {
	position:absolute;
	left:717px;
	top:0px;
	width:254px;
	height:23px;
	background-color:#00457c;
	z-index:3;
	padding: 3px;
	margin: 3px; 
	visibility:hidden;

}

#PanDeltion {
	position:relative;
	left:13px;
	top:180px;
	width:249px;
	height:443px;
	z-index:5;
	background-image: url(../../images/PanDeltioBack.png);
}

#DiktioDianomis {
	position :relative;
	width : 320px;
	height: 144px;
	background-image:url(../../images/DiktioDianomis.png);
    background-position : left;
	background-repeat: no-repeat;
	z-index: auto;
}

#LogosHolder {
	position :relative;
	width : 190px;
	height: 145px;
	background-image:url(../../images/LogosHolder.png);
	background-repeat: no-repeat;
	z-index: auto;
	padding-top: 20px;
	padding-left: 5px;
}

#MainBanner {
	position:absolute;
	width:500px;
	height:290px;
	z-index:1;
	background-color: #FFFFFF;
}
/* Navigational Elements */
#CompanyButton1{
	background-repeat:no-repeat;
	height:45px;
	width:162px;
	position:relative;
	width:162px;
	height:45px;
	z-index:auto;
	/*	background-color: #003366;*/
	background-repeat: no-repeat;
	background-image: url(../../images/CompanyButtons1.png);
	text-align:center;
	vertical-align:middle;
	font-family:verdana;
	font-size: 12px;
	font-weight:normal;
	color:#eeca06;
	
}

#CompanyButton2{
	background-repeat:no-repeat;
	height:45px;
	width:162px;
	padding-top:3px;
	position:relative;
	width:162px;
	height:45px;
	z-index:auto;
	text-align:center;
	/*background-color: #003366;*/
	background-repeat: no-repeat;
	background-image: url(../../images/CompanyButtons1.png);
	padding-top: 4px;
	margin-top: 4px;
	font-family:verdana;
	font-size: 12px;
	font-weight:normal;
	color:#eeca06;
	vertical-align: middle;
}

#CompanyButton3{
	background-repeat:no-repeat;
	height:45px;
	width:162px;
	padding-top:3px;
	position:relative;
	width:162px;
	height:45px;
	z-index:auto;
	text-align:center;
	/*	background-color: #003366;*/
	background-repeat: no-repeat;
	background-image: url(../../images/CompanyButtons1.png);
	padding-top: 4px;
	margin-top: 15px;
	font-family:verdana;
	font-size: 12px;
	font-weight:bold;
	color:#eeca06;
}


#CompanyButton4 {
	background-repeat:no-repeat;
	position:relative;
	width:162px;
	height:45px;
	z-index:auto;
	text-align:center;
	/*background-color: #003366;*/
	background-repeat: no-repeat;
	background-image: url(../../images/CompanyButtons1.png);
	font-family:verdana;
	font-size: 12px;
	font-weight:normal;
	color:#eeca06;
	vertical-align:middle;
	margin-top : 15px;
}

/* ~~~~~~~~~~~~~~~~~~~~~~~~~
    Extranet Button
   ~~~~~~~~~~~~~~~~~~~~~~~~~*/
#ExtranetButton {
	background-repeat:no-repeat;
	background-image:url(../../images/Extranet.png);
	width:162px;
	height:63px;
	position:relative;
	left:803px;
	top:-550px;
	width:162px;
	height:63px;
	z-index:2;
	
}   


/* Δελτίο κυκλοφορίας.*/
#deltiokikloforias
{
	position:absolute;
	left:800px;
	top:-502px;
	width:162px;
	height:142px;
	z-index:3;
	background-repeat: no-repeat;
	background-image: url(../../images/Deltio-Kikloforias.png);
	font-family:verdana;
	font-size:10px;
	font-weight:normal;
	color:#ffffff;
	visibility: visible;
}


#DeltioDateDiv {
	position:relative;
	width:74px;
	height:17px;
	z-index:101;
	font-family:verdana;
	font-size:10px;
	font-weight:normal;
	color:#ffffff;
	visibility: visible;
}
#DeltioHourDiv {
	position:relative;
	width:74px;
	height:17px;
	z-index:102;
	font-family:verdana;
	font-size:10px;
	font-weight:normal;
	color:#ffffff;
	visibility: visible;
}


#DeltKikloforias {
	position:absolute;
	left:98px;
	top:-470px;
	width:163px;
	height:145px;
	z-index:25;
	background-image: url(../../images/Deltio-Kikloforias.png);
	background-repeat: no-repeat;
	visibility: visible;
}

/* Ορισμός του update του πανελλαδικού δελτίου */
#paneladikoUpdateDate {
	position:relative;
	width:225px;
	height:10px;
	z-index:0;
}



/* CopyRightDiv */
#CopyRightDiv {
	position:absolute;
	width:777px;
	height:75px;
	z-index:99999;
	color:#696969;
	font:verdana;
	font-size:10;
	font-weight:bold;
	text-decoration:none;
}
/* To μενου στο copyright */
#CopyRightBottomMenu {
	position:relative;
	width:801px;
	height:16px;
	z-index:99999;
	color:#727272;
	font:verdana;
	font-size:12;
	font-weight:bold;
/*	font-stretch:semi-expanded; */
	
}
/* Site By : Design By : */
#SiteByDiv {
	position:relative;
	width:154px;
	height:57px;
	z-index:auto;
	color : #696969;
	font-family:verdana;
	font-weight :bold;
	font-size : 10px;
	text-align:right;
}

/* To image για τις νέες κυκλοφοριες */
#NeesKiklofories {
	position:absolute;
	left:810px;
	top:-550px;
	width:143px;
	height:45px;
	z-index:101;
	background-image: url(../../images/neesKykloforiesImg.png);
	background-repeat: no-repeat;
	visibility: visible;
}

/* Το κάθετο Δυκτιο Διανομής */
#VerticalDitkioDianomis {
	position:absolute;
	left:790px;
	top:-553px;
	width:161px;
	height:211px;
	z-index:103;
	background-image: url(../../images/DiktioDianomisVertical.png);
	background-repeat: no-repeat;
	visibility: visible;
}
/* Το div που κρατάει τον τίτλο των πρωινων */
#ProinesDiv {
	position:relative;
	width:93px;
	height:18px;
	z-index:11;
}
/* Το div που κρατάει τον τίτλο των Απογευματινων */
#ApogwevmatinesDiv {
	position:relative;
	width:208px;
	height:19px;
	z-index:auto;
}
/* Το div που κρατάει τον τίτλο των Αθλητικών */
#athlitikesDiv {
	position:relative;
	width:auto;
	height:21px;
	z-index:auto;
}

#CompanyButtonsGroup
{
	left : 800px;
	top: -550px;

}



#SubMenu {
	position:relative;
	width:761px;
	height:25px;
	z-index:auto;
	display: none;
}



#NeesKyklofories {
	position:absolute;
	left:1000px;
	top:375px;
	width:175px;
	height:48px;
	z-index:105;
	background-image:url(images/neesKykloforiesImg.png);
	background-repeat: no-repeat;
}

/* ~~~~~~~~~~~~~~~~~~~~~~~~~
    Extranet Button
   ~~~~~~~~~~~~~~~~~~~~~~~~~
#ExtranetButton {

	width:162px;
	height:63px;
	position:relative;
	top:-550px;
	width:162px;
	height:63px;
	z-index:2;
	
} */
#ExtranetButton {
	background-repeat:no-repeat;
	background-image:url(../../images/Extranet.png);
	position:relative;
	width:170px;
	height:58px;
	z-index:auto;
}
#VerticalDitkioDianomis {
	position:absolute;
	left:1000px;
	top:164px;
	width:166px;
	height:208px;
	z-index:107;
}

/************************************************************
 * Typographical Elements                                   *
 * mainly classes                                           *
 ************************************************************/
.BlueText {
	font-family:verdana ; 
	font-size: 10px; 
	font-weight:bold ; 
	color:#5bc0f0 ; 
}

/* Font για τους τίτλους του πανελλαδικό δελτίου */
.WhiteSmallCaps 
{
	font-family: verdana;
	font-size: 9px;
	font-style: normal;
	font-weight: bold;
	font-variant: small-caps;
	text-transform: capitalize;
	color: #FFFFFF;
}


.YellowDarkQuotes
{
	font-family:verdana ; 
	font-size: 10px; 
	font-weight:bold ; 
	color:#f8d708 ; 
}

.YellowDarkQuotes a:link
{
    font-family:verdana ; 
    font-size: 12px; 
    font-weight:bold ; 
    color:#f8d708;
    cursor:pointer ; 
}
.YellowDarkQuotes a:visited {
    font-family:verdana ; 
    font-size: 12px; 
    font-weight:bold ; 
    color: #f8d708;
}
.YellowDarkQuotes a:hover, a:active
{
    font-family:verdana ; 
    font-size: 12px; 
    font-weight:bold ; 
    color:#f8d708;    
    cursor: auto ; 
}


.YellowQuotes
{
	font-family:verdana ; 
	font-size: 12px; 
	font-weight:bold ; 
	color:#eeca06 ; 
}

.YellowbuttonLetters
{
	font-family:verdana ; 
	font-size: 12px; 
	font-weight:normal ; 
	color:#eeca06 ; 
}

/**************************************************
 *  τα Τυπογραφικά του μενου.                     *
 **************************************************/
.MenuLetters
{
	font-family:verdana;
	font-size: 12px;
	font-weight:normal;
	color:#ffffff;
	display: block;
}
 /* A tag ψευδοκλαση */
.MenuLetters a:link
{
	color:#FFFFFF;
	cursor:pointer ; 
}
.MenuLetters a:visited {
	color: #FFFFFE;
	text-decoration: none;
}
.MenuLetters a:hover, a:active
{
	color:#FFFF66;	
	text-decoration: none;
	cursor:pointer ; 
}

/**************************************************
 *  τα Τυπογραφικά του υπομενου.                  *
 **************************************************/
.MenuLettersSub
{
	font-family:verdana ; 
	font-size: 12px; 
	font-weight:normal ; 
	color:#727272 ;
	display: block ; 
}
 /* A tag ψευδοκλαση */
.MenuLettersSub a:link, a:visited, a:active
{
	color:#727272 ;
	text-decoration:none ; 
	cursor:pointer;
}
.MenuLettersSub a:hover {
	color : #f8d708;
	text-decoration:none ; 
}
/******************************************************/
/*********************************************************
* Τυπογραφικα σημαιών                                    *
**********************************************************/
#FlagsDiv a
{
	border:0px;
	
}

/* ******************************************************* 
* Το κουτι (<span>)με  τις σημαιες και την ημερομηνία
**********************************************************/
.FlagClockDate
{
/*	font-family:verdana;*/
	font-family:arial;
	font-size: 09px;
	font-weight:normal;
	font-stretch:semi-expanded;
	color:#ffffff;
	margin:0px;
	padding-top: 5px;
	padding-right: 1px;
	padding-bottom: 0px;
	padding-left: 0px;
	vertical-align:middle;
	
	/* στοιχεία θέσης */
	position:absolute;
	left:717px;
	top:0px;
	width:254px;
	height:23px;
}

.buttonText a:hover a:visited a:link
{
	vertical-align:bottom ;
	text-decoration: none ; 

	padding-top: 5px;
	padding-right: 1px;
	padding-bottom: 1px;
	padding-left: 1px;
	position:relative; 
	top:10px;
	margin-top:15px;
	font-weight: bold;
	
}

/* ************************************************************
   * το μπλε αργος κατω.                                      *
   ************************************************************/
.BlueArgosCopyright {
	font-weight:bold;
	font-size : 10px ;
	font-family:verdana ; 
	color :#043888 ; 
    z-index: 200;
}

/* ************************************************************
   * το πορτοκαλι Olyvon.                                     *
   ************************************************************/
.OlyvonMark
{
	color:#f58025 ; 
}
   
   
   
   
/***************************************************************
 * HTML Elements                                               * 
 *                                                             *
 ***************************************************************/   
 
 /**************************************************************
  * το λινκ στο A.E                                            * 
  **************************************************************/
 #CopyRightDiv a {
 	text-decoration:none ; 
  }
  
  
 /*****************************************************
 * τα τυπογραφίκα στο μενοθ στην βάση της σελίδας    * 
 *****************************************************/
 
#CopyRightBottomMenu a:link, a:visited
{	color:#727272  ; 
	text-decoration:none; 
}  

#CopyRightBottomMenu  a:hover {
	color:#333333 ; 
	text-decoration:underline ; 
}

#CopyRightBottomMenu a:active {
	color:#333333 ; 
	text-decoration:none ; 
}

 /**************************************************************
  * το λινκ sta coumpia                                        * 
  **************************************************************/
 /*#CompanyButton4 A {
 	color: #FFd500; 
	font-size: 12px; 
	font-weight:bold ; 
   	text-decoration:none ; 
	padding-top:15px; 
	
}

 
.CopyRightBottomMenuHref   a:link, a:visited{
	color:#727272  ; 
	text-decoration:none; 
} 
#CopyRightBottomMenuHref  a:hover{
	color:#696969 ; 
}

*/
.BlueArgosMainPageTitle {
	font-weight:bold;
	font-size : 22px;
	font-family:verdana;
	color :#043888;
}

.ErrorPage {
	font-weight:bold;
	font-size : 18px;
	font-family:verdana;
	color :RED;
	text-align:center;
}


/* -------------------------------------*/
/* Form Buttons                         */
/* -------------------------------------*/
.rstBtnForm {
	color: #FFFF66;
	background-color: #FF6633;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	height: 18px;
	margin: 1px;
	padding: 0px;
}
.sbmtBtnForm {
	color: #FFFF00;
	background-color: #003366;
	height: 18px;
	margin: 1px;
	padding: 0px;
    font-size : 14px;
	border: 1px solid #000066;
}

.sbmtBtnFormcptl {
    color: #FFFF00;
    background-color: #00457c;
    height: 18px;
    margin: 1px;
    padding: 0px;
    font-family:Arial ; 
    font-size : 12pt;
    font-weight: Bold;
    /*border: 1px solid #c2d4df;*/
}

.stockCompTblcptl{
    height: 18px;
    margin: 1px;
    padding: 0px;
    font-family: Arial; 
    font-size : 10pt;
    font-weight: Bold;
    border: 1;
    border-color: #c2d4df;
    color: #415c7f;
    }

.stockCompTblcptl a:link
{
    height: 18px;
    margin: 1px;
    padding: 0px;
    font-family: Arial; 
    font-size : 10pt;
    font-weight: Bold;
    border: 1;
    border-color: #c2d4df;
    color: #415c7f;
}

.stockCompTblcptl a:visited {
    height: 18px;
    margin: 1px;
    padding: 0px;
    font-family: Arial; 
    font-size : 10pt;
    font-weight: Bold;
    border: 1;
    border-color: #c2d4df;
    color: #415c7f;
}

.stockCompTblcptl a:hover
{
    height: 18px;
    margin: 1px;
    padding: 0px;
    font-family: Arial; 
    font-size : 10pt;
    font-weight: Bold;
    border: 1;
    border-color: #c2d4df;
    color: #415c7f;
}
.stockCompTblcptl a:active
{
    height: 18px;
    margin: 1px;
    padding: 0px;
    font-family: Arial; 
    font-size : 10pt;
    font-weight: Bold;
    border: 1;
    border-color: #c2d4df;
    color: #415c7f;
}


/* -----------------------------------------------*/
/* Πανελλαδικο Δελτιο Κυκλοφορίας Τυπογραφικά     */
/* -----------------------------------------------*/
.panDeltTblTxtAreas
{
	background-color:#003966; 
	font: verdana ; 
	font-size : 10px; 
	color:#FFFF99; 
	border:#003366;
	border:ridge;	
}


textarea.panDeltTblTxtAreas{
	scrollbar-3dlight-color:#092d57;  /* πανω αριστερη γωνια των κουτιών των βελων */
	scrollbar-arrow-color:#ffff00;
	scrollbar-base-color:#030e35;
	scrollbar-darkshadow-color:#092d57;
	scrollbar-face-color:#0a3159;
	scrollbar-highlight-color:#003f9f;
	scrollbar-shadow-color:#003f9f;
	scrollbar-track-color:#0a3159;  /*  το χρώμα της μπάρας ΚΑΤΩ απο το σλιδερ */
    width:200px ;
    min-width:200px ;
    max-width:200px ;
    height:85px ;
    min-height:85px ;
    max-height:85px ;
    font-family:tahoma;
}

/*  γραμμη HR */
hr.panDeltTblHRs {
	color: #000033;
	width:80%;
	border-bottom-width: thin;
	height : 1px;

}


/*JDP INSERTED*/
#search {width:260px; float:right; text-align:right; position:absolute; top:4px; right:30px;}
#search form {margin:0; padding:7px 0 0 0;}
#search input {font-size:11px; border:0; background:transparent;}
#search input.search {width:113px; background:#fff; border:0; margin-right:3px;}
.cse-branding-text {color:#fff;}

body {padding:0; margin:0; background:#f8f8f8; font-family:arial, verdana, sans-serif; font-size:76%; color:#000; text-align:center;}
a, a:visited {color:#048; text-decoration:none;}
a:hover {text-decoration:underline;}
pre {font-size:11px;}
code {font-size:12px; }

.hiddenfromview {display:none;}
#wrapper {width:1025px; margin:0 auto; text-align:left;}
#topad {background:#f8f8f8; height:70px; margin-top:10px;}
#topad img {display:block; float:left;}
#topad .adLeft {padding:5px 0 5px 0; float:left;}
#topad .adRight {padding:5px 0 5px 0; float:right;}

#topindexad {background:#f8f8f8; height:70px; margin-top:10px;}
#topindexad div {float:left;}
#topindexad img {display:block; float:left;}

#header {width:1025px; height:80px; background:url(bar45.gif) no-repeat; position:relative;}
#logo {padding-left:15px; height:45px;}
#logo h1 {height:45px; margin:0; font-size:26px; font-family:"times new roman", serif; line-height:38px; overflow:hidden; float:left;}
#logo h1 a {color:#000;}
#logo h2 {height:45px; margin:0; font-size:22px; font-family:"times new roman", serif; font-weight:normal; line-height:41px; overflow:hidden; color:#eee; padding-left:3px;}
#logo h2 a {color:#fff;}
#logo a:hover {text-decoration:none;}

#logo h3 {display:none;}
#toplink {width:1025px; height:25px; background:url(sub_bar.gif) no-repeat; position:absolute; top:50px; left:0;}
#toplink ul {padding:0; margin:0; list-style:none; position:absolute; right:0;}
#toplink ul li {float:left; margin-right:10px; font-size:9px; line-height:25px; color:#09c;}
#toplink ul li a {font-size:9px; line-height:25px; color:#444; text-decoration:none;}
#toplink ul li a:hover {text-decoration:underline; color:#09c;}
#toplink ul li a img {border:0; padding-top:4px;}
#botlink {width:360px; height:25px; position:absolute; top:50px; left:0;}
#botlink ul {padding:0; margin:0; list-style:none;}
#botlink ul li {float:left; margin-left:10px; font-size:9px; line-height:25px; color:#888;}
#botlink ul li a {font-size:9px; line-height:25px; color:#444; text-decoration:none;}
#botlink ul li a:hover {text-decoration:underline; color:#08c;}
#midlink {width:600px; height:50px; position:absolute; top:0; left:150px;}
#midlink ul {padding:0; margin:0; list-style:none;}
#midlink ul li {float:left; font-size:14px; line-height:36px; color:#fff;}
#midlink ul li a {font-size:13px; line-height:40px; color:#fff; text-decoration:none; padding:0 10px; font-weight:bold;}
#midlink ul li a:hover {color:#335;}
#midlink ul li a.chosen {color:#000;}

#showcase {width:1025px; height:auto;}

img.slogan {display:block; background:url(../graphic/pc2.jpg); float:left;}
img.faq {display:block; background:url(../graphic/pc3.jpg); float:left;}
img.contact {display:block; background:url(../graphic/contact.jpg); float:left;}
img.privacy {display:block; background:url(../graphic/privacy.jpg); float:left;}
img.access {display:block; background:url(../graphic/access.jpg); float:left;}
img.support {display:block; background:url(../graphic/support.jpg); float:left;}
img.map {display:block; background:url(../graphic/map.jpg); float:left;}
img.advertise {display:block; background:url(../graphic/advertise2.jpg); float:left;}
img.oops {display:block; background:url(../graphic/oops.jpg); float:left;}

#info {width:750px; background:#fff; float:left; border:1px solid #ddd;}
#info2 {width:750px; float:left;}
#info2 h2 {padding:10px 0 0 10px; margin:0; font-size:15px; color:#151;}
#info p {line-height:1.5em;}
#info p.info {margin-left:10px;}
#info h2 {padding:10px 0 5px 10px; margin:0; font-size:15px; color:#151;}
#info h3 {padding:5px 0 10px 10px; margin:0; font-size:12px; color:#048; font-weight:normal;}
#info_right {width:250px; float:right;}

#info_right_home {float:right;}
#info_right_home a img {border:0; display:block;}
#content {padding-top:20px; width:775px; float:left;}
#left_column {width:470px; padding-right:17px; padding-left:15px; float:left;}
#left_column p {font-size:12px; padding:0; margin:5px 0; color:#333; line-height:1.5em;}
#left_column h3 {font-size:15px; font-weight:bold; color:#151; margin-top:15px;}
#left_column a {color:#048; text-decoration:underline;}

#left_column a img {border:0; display:block; float:left;}
#left_column ol li {font-size:12px; color:#555;}

a img {border:0;}
#right_column {width:250px; float:right; margin-right:23px; display:inline;}

#left_column blockquote {padding:10px;}
#left_column p.cite {color:#004488; display:list-item; padding:0 5px 0 0; list-style-image: url(../graphic/open_quotes.gif); background: url(../graphic/close_quotes.gif) bottom right no-repeat;}
#left_column blockquote[cite]:after {content: "Quote taken from: " attr(cite); display: block; font-size:0.9em; color:#0088cc; text-align:right;}


#far_right {width:250px; float:right; padding-top:35px;}
.box250 {width:250px; padding:0 0 15px 0; background:url(box_base.gif) no-repeat left bottom; margin-bottom:10px;}
.box250 h3 {background:url(box.gif); height:30px; line-height:30px; color:#333; padding:0 15px; margin:0; font-size:12px;}
.box250 ul {list-style:none; padding:15px 14px 0 14px; margin:0; width:220px; background:#fff; border:1px solid #d8d9da; border-width:0 1px; height:auto;}
.box250 ul li {text-decoration:none; color:#444; padding:2px 0; font-size:11px; border-bottom:1px solid #f0f0f0; word-spacing:-1px;}
.box250 ul li a {text-decoration:none; color:#048; font-size:12px; font-weight:bold;}
.box250 ul li a:hover {text-decoration:underline;}

.box250 p {padding:15px 14px 0 14px; margin:0; width:220px; background:#fff; border:1px solid #d8d9da; border-width:0 1px; line-height:1.3em; font-size:11px; color:#444;}
.box250 p.red {color:#c00;}
.box250 dl {list-style:none; padding:0 14px; margin:0; width:220px; background:#fff; border:1px solid #d8d9da; border-width:0 1px;}
.box250 dt {clear:left; padding:10px 0; margin:0; font-size:12px; font-weight:bold; color:#151;}
.box250 dd {padding:3px 0; margin:0; font-size:11px; line-height:1.2em; color:#444; border-bottom:1px solid #f0f0f0;}
.box250 dd a {display:block; color:#048; text-decoration:none; width:220px; font-size:12px;}
.box250 dd a em {color:#666; float:right; font-style:normal; font-size:11px;}
.box250 dd a:hover {color:#08c; text-decoration:none;}

.box250 table caption {width:250px; background:url(box.gif); height:30px; line-height:30px; color:#333; padding:0; margin:0; font-size:12px; text-align:left; text-indent:15px; font-weight:bold;}
.box250 table {width:250px; border:1px solid #d8d9da; border-width:0 1px; background:#fff;}
.box250 table th {padding-top:5px; text-indent:5px; color:#151;}
.box250 table td {text-indent:5px; color:#444;}
.box250 table tfoot td {text-align:center; color:#666; font-size:11px; padding-top:10px;}

.box250 form {margin:0;}

.box250 a.bannerad img {display:block; padding-bottom:4px;}

.plain250 {width:250px; padding:0 0 15px 0; background:url(plain250.gif) no-repeat left bottom; margin-bottom:10px;}
.plain250 div {width:250px; background:url(plain250.gif) no-repeat left top; text-align:center;}
.plain250 ul {list-style:none; padding:0 14px 0 14px; margin:0; width:220px; background:#fff; border:1px solid #d8d9da; border-width:0 1px; height:auto;}
.plain250 ul li {text-decoration:none; color:#444; padding:2px 0; font-size:11px; border-bottom:1px solid #f0f0f0; word-spacing:-1px; text-align:left;}
.plain250 ul li a {text-decoration:none; color:#048; font-size:12px; font-weight:bold;}
.plain250 ul li a:hover {text-decoration:underline;}
.plain250 span.spacer {display:block; height:15px; overflow:hidden;}

.plain752 {width:728px; height:90px; padding:10px 12px; background:url(plain752.gif); margin:5px 0; float:left;}
.plain470 {width:468px; height:60px; padding:5px 1px; background:url(plain470.gif); margin:0;}

#foot {clear:both; width:1025px; height:25px; background:url(sub_bar.gif) no-repeat; line-height:25px; font-size:11px; text-align:right; padding:0 0 20px 0; font-family:verdana, arial, sans-serif; }
#foot p {float:left; padding:0 0 0 15px; margin:0; font-size:9px; color:#444;} 
#foot ul {padding:0; margin:0; list-style:none;}
#foot ul li {float:right; margin-right:10px;}
#foot ul li a {font-size:9px; color:#048; text-decoration:underline;}

.clear {display:block; height:0; overflow:hidden; clear:both;}
.float_left {float:left; padding:0 10px 0 0;}
.bold {font-weight:bold;}
.red {color:#c00;}
#left_column .highlight {color:#c00;}

#left_column p.date {color:#c00;}

dl.index-list {width:240px; padding-bottom:15px; background:url(box240.gif) left bottom; margin-top:15px;}
dl.index-list dt {width:220px; font-size:14px; color:#151; background:url(box240.gif) left top; padding:6px 10px 7px 10px; color:#151; font-weight:bold; border-bottom:1px solid #ddd;}
dl.index-list dd {padding:2px 9px; margin:0; width:220px; color:#666; font-size:11px; background:#fff; border:1px solid #ddd; border-width:0 1px;}
dl.index-list dd a {font-size:12px; font-weight:bold;}

dl.right {float:right;}
dl.mid {margin:0 15px; float:right;}
dl.left {float:right; margin:0;}

.list-ad {float:left; margin:15px 0; width:475px; height:250px; background:url(box495.gif); padding:10px;}

div#moneysupermarket {position:relative; width:220px; height:100px; margin:0 0 10px 14px;}
div#moneysupermarket a#mainlink {display:block; background: url(cssbannerfinal.jpg) no-repeat; width:220px; height:100px; border:1px #402878 solid;}
div#moneysupermarket a#sublink1 {text-decoration:none;font-family:tahoma;font-size:14px;font-weight:bold;color:#402878; position:absolute;left:110px;top:10px;}
div#moneysupermarket a#sublink2 {text-decoration:none;font-family:tahoma;font-size:14px;font-weight:bold;color:#402878; position:absolute;left:130px;top:35px;}
div#moneysupermarket a#sublink3 {text-decoration:none;font-family:tahoma;font-size:14px;font-weight:bold;color:#402878;position:absolute;left:130px;top:60px;}

/* JDP INSERTED 2 */
#menu {width:977px; height:36px;text-align:center; position:relative; z-index: 50; }

#menu ul {margin:0; padding:0; list-style:none; white-space:nowrap; text-align:left;}
#menu ul {display:inline-block;}
#menu ul {display:inline;}

#menu #table {display:table; margin:0 auto; }
#menu #table ul {display:table-row;}

#menu li {margin:0; padding:0;}
#menu li {margin-right:1px;}
#menu ul table {position:absolute; left:-9999px; width:972px; font-family:verdana, arial, sans-serif; background:url(../../images/black.png);}
#menu ul table td {vertical-align:top; padding:3px; margin:0;}
#menu ul table td.border {border-right:1px dashed #fff;}
#menu ul table td img {padding:0; display:inline; margin:0; border:1px solid #fff;}
#menu ul table td.image {width:122px;}
#menu ul table th {padding:4px 0 4px 10px; margin:0; color:#fc0; font-size:11px; text-align:left;}
#menu ul table caption {font-size:18px; color:#f8f06c; font-weight:bold; padding:5px 0; margin:0; background:url(../../images/black.png);}
#menu ul table tfoot td {font-size:10px; color:#ff0; padding-left:10px;}
#menu ul.level1 li.level1-li {float:left; display:block;}
#menu ul table td p {line-height:16px; font-size:11px; color:#fff; white-space:normal; margin:0; padding:0 5px;}
#menu ul table td p a {padding:0; margin:0; font-weight:bold; color:#fc0;}

#menu a {display:block; font:normal 11px verdana,arial,sans-serif; color:#ffffff; line-height:36px; text-decoration:none;}
#menu ul.level1 li.level1-li a.level1-a {float:left; padding:0 10px 0 0; background: url(anywidth/tab4a.gif) no-repeat right top;}
#menu ul.level1 li.level1-li a.level1-a b {float:left; padding:0 0 0 10px; background: url(anywidth/tab4.gif) no-repeat left top; cursor:pointer;}

#menu ul li:hover table {visibility:visible; left:0; top:36px;}

#menu a:hover table {left:0; top:36px;}

#menu ul.level1 li.level1-li a.drop {background: url(anywidth/tab4a-arrow.gif) no-repeat right top;}

#menu ul.level1 li.level1-li a.level1-a:hover {background-position:right bottom; color:#f8f06c;}
#menu ul.level1 li.level1-li a.level1-a:hover b {background-position:left bottom;}


#menu ul.level1 li.level1-li:hover > a {background-position:right bottom; color:#f8f06c;}
#menu ul.level1 li.level1-li:hover > a > b {background-position:left bottom;}

#menu ul table td a {line-height:18px; padding:0 0 0 10px;}
#menu ul table a:hover {background:transparent; text-decoration:underline; color:#f8f06c; font-weight:bold;}
#menu ul table a:hover img {border:1px solid #000;}

/*Τυπογραφικα δικά μου .*/
.YellowQuotes
{
    font-family:verdana ; 
    font-size: 12px; 
    font-weight:bold ; 
   /* color:#eeca06 ; */
        color:#eeca00 ; 
        
    height : 10px; 
    vertical-align: middle;
}

#MainBanner {
    position:relative;
    width:500px;
    height:290px;
    z-index:2;
    background-color: #FFFFFF;
}

#qTip {
 padding: 3px;
 border: 1px solid #666;
 border-right-width: 2px;
 border-bottom-width: 2px;
 display: none;
 background: #b7cad4;
 color: #000;
 font: bold 12px Verdana;
 text-align: left;
 position: absolute;
 z-index: 1000;
}


#tealdark{
 font-size:20;    
}


