/* --------------------------------------------

Title : NEL Lines CSS v1.0
URL : www.nel.gr

Author : HellasNet
URL : www.hellasnet.gr

Description : This is the main CSS format for the
              new website of NEL LINES for the
              year 2006!

Created : 25/5/2006
Modified : -

----------------------------------------------- */


/* Generic CSS 
----------------------------------------------- */
Body {
	background: #fff;
	margin: 0px;
}
form {
	margin:0px;
	padding:0px;
}
.Block {
    display: block;
}
.Hidden {
    display: none;    
}
label {
    cursor: pointer;    
}
label:hover {
    cursor: pointer;
    color: #a1c0e5;    
}
img {
    border: 0px;    
}
a {
    text-decoration: none;
}
img.TheDot {
    width: 3px;
    height: 3px;
    margin-bottom: 6px;  
    margin-top: 5px;  
}
.ArticleContent a {
	font: normal 12px Trebuchet MS, Verdana, Arial;
    color: #003c7f;
    text-decoration: underline;
}
.ArticleContent a:hover {
	color: #D20F16;
    text-decoration: none;
}
a.Link {
    font: normal 12px Trebuchet MS, Verdana, Arial;
    color: #003c7f;
    text-decoration: underline;
}
a.Link:hover {
    color: #D20F16;
    text-decoration: none;
}
a.BoldLink {
    font: bold 11px Trebuchet MS, Verdana, Arial;
    color: #003c7f;
    text-decoration: underline;
}
a.BoldLink:hover {
    color: #D20F16;
    text-decoration: none;
}
a.BigBoldLink {
    font: bold 11px Trebuchet MS, Verdana, Arial;
    color: #003c7f;
}
a.BigBoldLink:hover {
    color: #D20F16;
}
a.WhiteTitle {
    font: bold 11px Trebuchet MS, verdana, Arial;
    color: #fff;
    vertical-align: middle;    
}
div {
    font: normal 11px Trebuchet MS, Verdana, Arial;
    color: #003c7f;    
}
td {
    font: normal 11px Trebuchet MS, Verdana, Arial;
    color: #003c7f;    
}
a.UndLink {
    font: normal 11px Trebuchet MS, Verdana, Arial;
    color: #003c7f;
    text-decoration: underline;    
}
a.UndLink:hover {
    text-decoration: none;    
}
a.BigUndLink {
    font: normal 13px Trebuchet MS, Verdana, Arial;
    color: #003c7f;
    text-decoration: underline;    
}
a.BigUndLink:hover {
    text-decoration: none;    
}
a.BigUndLinkB {
    font: bold 13px Trebuchet MS, Verdana, Arial;
    color: #003c7f;
    text-decoration: underline;    
}
a.BigUndLinkB:hover {
    text-decoration: none;    
}
div.Spacer {
    margin-top: 5px;
    margin-bottom: 5px;
}
div.Spacer2 {
    margin-top: 10px;
    margin-bottom: 10px;
}
a.RedLink {
    font: normal 11px Trebuchet MS, Verdana, Arial;
    color: #ed1d24;
    text-decoration: underline;    
}
a.RedLink:hover {
    text-decoration: none;    
}
a.RedBoldLink {
    font: bold 11px Trebuchet MS, Verdana, Arial;
    color: #ed1d24;  
}
.SimpleTXT {
    font: normal 13px Trebuchet MS, Verdana, Arial;
    color: #003c7f;    
}
.BoldblueTitle {
    font: bold 13px Trebuchet MS, Verdana, Arial;
    color: #003c7f;    
}
.PadLeft10 {
    padding-left: 10px;    
}
div.Clear {
    clear: both;    
}
.FloatLeft {
    float: left;    
}
input.btnGoBack {
    width: 119px;
    height: 22px;
    background: #fff url(../_gfx/ArrowRedLeft.gif) no-repeat 17px 7px;
    border: solid 1px #b4ceeb;
    cursor: pointer;
    font: bold 11px Trebuchet MS, Verdana, Arial;
    color: #e91c22;
}
div.btnGoBack {
    background: #fff url(../_gfx/ArrowRedLeft.gif) no-repeat 17px 7px;
    width: 119px;
    height: 22px;  
    border: solid 1px #b4ceeb;  
    text-align: center;
    vertical-align: middle;
    padding-top: 2px;
}
td.BotBord {
    border-bottom: solid 1px #B0CCEB;
}
/* Header CSS 
----------------------------------------------- */
#TopLeft {
    background: #fff url(../_gfx/bg_top.gif);
    text-align: center;
    width: 50%;
    height: 85px;
}
#TopMain {
    text-align: center;
    width: 770px;
    min-width: 770px;    
}
#TopRight {
    background: #fff url(../_gfx/bg_top.gif);
    text-align: center;
    width: 50%;
    height: 85px;
}
#TopBG {
    width: 496px;
    height: 85px;
    background: #fff url(../_gfx/TopRight.gif) no-repeat;    
}
#TopBG_EN {
    width: 496px;
    height: 85px;
    background: #fff url(../_gfx/TopRight_en.gif) no-repeat;    
}
#Search {
    width: 496px;
    height: 85px;
}
#TheSearch {
    float: right;
    padding-right: 2px;
    padding-top: 53px;    
}
input.InpSearch {
    font: normal 11px Trebuchet MS, verdana, Arial;
    color: #4D88CE;
    border: solid 1px #669fdc;
    width: 154px;
    height: 19px;
}
input.InpSearch:focus{background: #fffde3;}
.bgSkour {
    background: #003c7f url(../_gfx/bg_skourB.gif) repeat-x top;    
}
#TopLeftMenu {
    background: #003c7f url(../_gfx/bg_skourB.gif) repeat-x top;
    text-align: center;
    width: 50%;
    height: 30px;
}
#TopRightMenu {
    background: #ed1d24 url(../_gfx/bg_skourR.gif) repeat-x top;
    text-align: center;
    width: 50%;
    height: 30px;
}
#TopMainMenu {
    text-align: center;
    width: 770px;
    min-width: 770px;    
}
#TopMenu {
    background: #003c7f url(../_gfx/bg_skourB.gif) repeat-x top;
    width: 515px;
    height: 30px;
    font: normal 11px Trebuchet MS, verdana, Arial;
    color: #65aed6;
    padding-top: 8px;
    padding-bottom: 0px;
}
a.TopMenuItem {
    font: normal 11px Trebuchet MS, verdana, Arial;
    color: #fff;
}
a.TopMenuItem:hover {
    color: #a1c0e5;
}
a.TopMenuItemActive {
    font: bold 11px Trebuchet MS, verdana, Arial;
    color: #dd1f29;
    background: #E3EDF8;
    padding: 3px;
}
a.TopMenuItemActive:hover {
    color: #a1c0e5;
}
#TopRedMenu {
    background: #ed1d24 url(../_gfx/bg_skourR.gif) repeat-x top;
    width: 255px;
    height: 30px;
}
#RedMenuButs {
    padding-left: 6px;
    height: 27px;
    position: relative;
}
div.LeftRedBtn {
    margin-right: 4px;
    position: relative;
    top: 10px;
    display: inline;
    width: 105;
    height: 27px;
    vertical-align: top;
}
div.RightRedBtn {
    position: relative;
    top: 10px;
    display: inline;
    width: 137;
    height: 27px;
    vertical-align: top;
}
a.RedmenuBtn1 {
    font: bold 13px Trebuchet MS, verdana, Arial;
    color: #fff;
    background: url(../_gfx/btn_dromologia.gif) no-repeat 0px 0px;
    width: 100%;
    height: 100%;
    padding-left: 15px;
    padding-right: 20px;
    padding-top: 5px;
    padding-bottom: 4px;
}
a.RedmenuBtn1:hover {
    color: #b31806;
    background: url(../_gfx/btn_dromologia.gif) no-repeat 0px -27px;
}
a.RedmenuBtn2 {
    font: bold 13px Trebuchet MS, verdana, Arial;
    color: #fff;
    background: url(../_gfx/btn_online.gif) no-repeat 0px 0px;
    width: 100%;
    height: 100%;
    padding-left: 15px;
    padding-right: 15px;
    padding-top: 5px;
    padding-bottom: 4px;
}
a.RedmenuBtn2:hover {
    color: #b31806;
    background: url(../_gfx/btn_online.gif) no-repeat 0px -27px;
}
img.RedButton {
    position: absolute;
    margin-top: 5px; 
    height: 27px;
}
img.RedButton2 {
    position: absolute;
    margin-top: 5px; 
    height: 27px;
    left: 120px;
}
#BgUndMenuL {
    background: #fff url(../_gfx/bg_undmenu.gif) repeat-x top;
    width: 50%;
    height: 19px;
}
#BgUndMenuR {
    background: #fff url(../_gfx/bg_RedMenuBotR.gif) repeat-x top;
    width: 50%;
    height: 19px;
}
#BgUndMenuM {
    width: 770px;
    min-width: 770px;    
}
#BgUndMenuInL {
    background: #fff url(../_gfx/bg_undmenu.gif) repeat-x top;
    width: 515px;
    height: 19px;
}
#BgUndMenuInR {
    background: #fff url(../_gfx/bg_RedMenuBot.gif) no-repeat left top;
    width: 255px;
    height: 19px;
}
/* Main Top CSS 
----------------------------------------------- */
#BgMainTopL {
    background: #fff url(../_gfx/bg_MainTop.gif) repeat-x top;
    width: 50%;
    height: 40px;
}
#BgMainTopR {
    background: #fff url(../_gfx/bg_MainTop.gif) repeat-x top;
    width: 50%;
    height: 40px;
}
#BgMainTopM {
    width: 770px;
    min-width: 770px;    
}
#BgMainTopInL {
    background: #fff url(../_gfx/bg_MainTop.gif) repeat-x top;
    width: 515px;
    height: 40px;
}
#BgMainTopInR {
    background: #fff url(../_gfx/bg_MainTop.gif) no-repeat left top;
    width: 255px;
    height: 253px;
    vertical-align: top;
}
img.MainPic {
    width: 508px;
    height: 170px;
    border: solid 1px #b0cceb;
}
div.DestOut {
    border: solid 1px #b0cceb;
    width: 375px;
    height: auto;
    padding: 1px;
}
div.DestBG {
    background: #fff url(../_gfx/bg_DarkBlue.gif) repeat-x;
    width: 375px;
    height: 18px;
}
div.DestBG2 {
    background: #fff url(../_gfx/bg_DarkBlue.gif) repeat-x;
    width: 100%;
    height: 18px;
}
span.Destinations {
    font: bold 11px Trebuchet MS, verdana, Arial;
    color: #fff;
    background: url(../_gfx/ArrowWhiteRight.gif) no-repeat 3px 5px;
    padding-left: 13px;
    vertical-align: middle;    
}
td.DestinationRedAeg {
    font: bold 11px Trebuchet MS, verdana, Arial;
    color: #d20f16;
    height: 18px;
    padding-left: 3px;
    width: 80px;
}
div.DestinationsItsAeg {
    width: 280px;
    margin-left: 87px;
    height: 18px;
    position: absolute;
}
div.DestinationRedCen {
    font: bold 11px Trebuchet MS, verdana, Arial;
    color: #d20f16;
    height: 18px;
    padding-left: 3px;
    float: left;
    position: relative;
    top: 17px;
}
div.DestinationsItsCen {
    width: 280px;
    margin-left: 85px;
    height: 18px;
    position: relative;
    top: 17px;
}
div.DestinationRedTwe {
    font: bold 11px Trebuchet MS, verdana, Arial;
    color: #d20f16;
    height: 18px;
    padding-left: 3px;
    float: left;
    position: relative;
    top: 16px;
}
div.DestinationsItsTwe {
    width: 280px;
    margin-left: 85px;
    height: 18px;
    position: relative;
    top: 16px;
}
div.HR1 {
    border-bottom: solid 1px #b0cceb;
    position: relative;
    top: 16px;
}
div.HR2 {
    border-bottom: solid 1px #b0cceb;
    position: relative;
    top: 16px;
}
a.DestinationName {
    font: normal 11px Trebuchet MS, verdana, Arial;
    color: #003c7f;
    vertical-align: top;
}
a.DestinationName:hover {
    color: #d20f16;
}
img.SmallBanner {
    height: 76px;
    width: 125px;
    float:right;
    margin-right: 5px;
}
td.OnlineTopTitle {
    font: bold 22px Trebuchet MS, verdana, Arial;
    color: #b41606;
    background: url(../_gfx/bg_OnlineReservationsTop.gif) no-repeat;
    width: 256px;
    height: 42px;
    padding-left: 7px;
}
span.Type {
    font: bold 11px Trebuchet MS, verdana, Arial;
    color: #fff;
    padding-left: 10px;    
}
td.OnlineTypeLeft {
    background: url(../_gfx/bg_OnlineTypeLeft.gif) no-repeat;
    width: 61px;
    height: 27px;
    vertical-align: top; 
    padding-top: 5px;
}
td.OnlineTypeMiddle {
    background: url(../_gfx/bg_OnlineTypeMiddle.gif) no-repeat;
    width: 86px;
    height: 27px;
    font: bold 11px Trebuchet MS, verdana, Arial;
    color: #fff;   
    vertical-align: top;
    padding-top: 2px;
}
td.OnlineTypeRight {
    background: url(../_gfx/bg_OnlineTypeRight.gif) no-repeat;
    width: 109px;
    height: 27px;  
    font: bold 11px Trebuchet MS, verdana, Arial;
    color: #fff; 
    vertical-align: top;
    padding-top: 2px;
}
td.OnlineSpace {
    background: url(../_gfx/bg_OnlineReservationsBor.gif) no-repeat;
    width: 256px;
    height: 11px;    
}
div.OnlineKratDep {
    background: #fff url(../_gfx/bg_OnlineReservationsDates.gif);
    width: 256px;
    height: 29px;
    font: normal 10px Trebuchet MS, verdana, Arial;
    color: #003c7f;
    line-height: 5px;
}
div.OnlineKratDepS {
    background: #fff url(../_gfx/bg_OnlineReservationsDates.gif);
    height: 29px;
    font: normal 10px Trebuchet MS, verdana, Arial;
    color: #003c7f;
    line-height: 5px;
}
span.OnlineBold {
    font: bold 11px Trebuchet MS, verdana, Arial;
    color: #003c7f;
}
span.OnlineBoldR {
    font: bold 11px Trebuchet MS, verdana, Arial;
    color: #D20F16;
}
.OnlineTableButt {
    width: 126px;
    border: 0px;
    margin-top: 10px;
    margin-bottom: 10px;    
}
input.OnlineDateTXT {
    width: 140px; 
    height: 19px;
    font: normal 12px Trebuchet MS, verdana, Arial;
    color: #4d88ce; 
    border:	1px solid #669fdc;
    text-align: center;  
}
select.OnlineSelect {
    font: normal 12px Trebuchet MS, verdana, Arial;
    color: #4d88ce;
    width: 39px;
    height: 19px;
    border:	1px solid #669fdc;
}
select.OnlineSelectR {
    font: normal 12px Trebuchet MS, verdana, Arial;
    color: #4d88ce;
    width: 39px;
    margin-left: 23px;
    height: 19px;
    border:	1px solid #669fdc;
}
select.OnlineSelectYear {
    font: normal 12px Trebuchet MS, verdana, Arial;
    color: #4d88ce;
    width: 52px;
    height: 19px;
    border:	1px solid #669fdc;
}
select.OnlineSelectBig {
    font: normal 12px Trebuchet MS, verdana, Arial;
    color: #4d88ce;
    width: 195px;
    height: 19px;
    margin-left: 26px;
    border:	1px solid #669fdc;
}
select.OnlineSelectBigT {
    font: normal 12px Trebuchet MS, verdana, Arial;
    color: #4d88ce;
    width: 195px;
    height: 19px;
    margin-left: 12px;
    border:	1px solid #669fdc;
}
select.OnlineSelectBigTGR {
    font: normal 12px Trebuchet MS, verdana, Arial;
    color: #4d88ce;
    width: 195px;
    height: 19px;
    margin-left: 12px;
    border:	1px solid #669fdc;
    position: relative;
    top: 1px;
    left: 18px;
}
select.OnlineSelectProsf {
    font: normal 12px Trebuchet MS, verdana, Arial;
    color: #4d88ce;
    width: 179px;
    height: 19px;
    margin-left: 8px;
    border:	1px solid #669fdc;
}
div.OnlineDepTitle {
    float: left;
    width: 60px;
    display: inline;
    padding-top: 7px;
    padding-left: 5px; 
    line-height: 4px;   
}
div.OnlineDepCont {
    float: right;
    width: 178px;
    display: inline;
    padding-top: 2px;
    left: 10px;
    position: relative;
}
div.OnlineDepCont2 {
    float: right;
    width: 300px;
    display: inline;
    padding-top: 2px;
    left: 0px;
    position: relative;
}
td.OnlineHR {
    background: #fff url(../_gfx/bg_OnlineReservationsHR.gif);
    width: 256px;
    height: 2px;    
}
div.OnlineDepTitleBig {
    float: left;
    width: 256px;
    display: inline;
    padding-top: 2px;
    padding-left: 5px;
}
div.OnlineDepTitleBigS {
    float: left;
    display: inline;
    padding-top: 2px;
    padding-left: 5px;
}
td.OnlineFooter {
    background: #fff url(../_gfx/bg_OnlineFooter.gif) repeat-x top;
    border-left: solid 1px #b0cceb;
    border-right: solid 1px #b0cceb;
    border-bottom: solid 1px #b0cceb;
    height: 30px;
    text-align: center;
}
td.OnlineFooterNo {
    background: #fff url(../_gfx/bg_OnlineFooter.gif) repeat-x top;
    border-left: solid 1px #b0cceb;
    border-right: solid 1px #b0cceb;
    height: 30px;
    text-align: center;
}
td.OnlineFooterW {
    border-left: solid 1px #b0cceb;
    border-right: solid 1px #b0cceb;
    border-bottom: solid 1px #b0cceb;
    height: 30px;
    text-align: center;
}
td.OnlineFooterL {
    background: #fff url(../_gfx/bg_OnlineFooter.gif) repeat-x top;
    border-left: solid 1px #b0cceb;
    border-bottom: solid 1px #b0cceb;
    height: 30px;
    text-align: center;
}
div.OnlineButtonBG {
	background: url(../_gfx/bg_OnlineButtonTop.gif) no-repeat top center;
	width: 126px;
}
div.OnlineButtonBottomBG {
	background: url(../_gfx/bg_OnlineButtonBottom.gif) no-repeat bottom center;
	width: 126px;
}
div.OnlineButtonBottomBGB {
	background: url(../_gfx/bg_OnlineButtonBottomB.gif) no-repeat bottom center;
	width: 126px;
}
a.OnlineButtonText {
	font: bold 11px Trebuchet MS, verdana, Arial;
	color: #1762ba;
	text-decoration: none;
	display: block;
	width: 100%;
	height: 19px;
	padding-top: 3px;
	padding-bottom: 5px;
	text-align: center;
}
a.OnlineButtonText:hover {
	color: #D20F16;
}
/* Middle CSS 
----------------------------------------------- */
div.MiddleMenu {
    display: inline; 
    position: relative;
    bottom: 10px; 
}
div.MiddleMenuON {
    background-color: #d0e1f3;
    display: inline; 
    position: relative;
    bottom: 10px; 
}
div.MiddleMenuSep {
    display: inline;
    position: relative;
    bottom: 4px;
}
a.MiddleMenuItem {
    font: normal 13px Trebuchet MS, verdana, Arial;
	color: #003c7f;
	text-decoration: underline; 
	padding-left: 3px;
	padding-right: 3px;
}
a.MiddleMenuItem:hover {
    text-decoration: none;  
    color: #D20F16;  
}
a.MiddleMenuItemON {
    font: bold 13px Trebuchet MS, verdana, Arial;
	color: #003c7f;
	text-decoration: underline; 
	padding-left: 3px;
	padding-right: 3px;
}
a.MiddleMenuItemON:hover {
    text-decoration: none;
    color: #D20F16;    
}
#MiddleMenuMainTable {
    border-top: solid 1px #b0cceb;    
}
#MiddleLeftSide {
    width: 50%;
    background: #fff url(../_gfx/bg_middle.gif) repeat-x top;
    height: 28px;    
}
#MiddleMainSide {
    width: 770px;  
}
#MiddleMenuMainTab {
    width: 770px;
    height: 100%;
    border: 0px;    
}
#TheMiddleMenu {
    /*width: 706px;*/
    width: 770px;
    background: #fff url(../_gfx/bg_middle.gif) repeat-x top;
    height: 28px;
    padding-top: 7px;    
}
#TheLang {
    width: 64px;
    background: #fff url(../_gfx/bg_middle.gif) repeat-x top;
    vertical-align: top;    
}
#TheLangTable {
    width: 64px;
    height: 100%;
    background: url(../_gfx/LangFooter.gif) repeat-x bottom;
    border: 0px;    
}
#SelectedLang {
    margin-left: 5px;
    margin-bottom: 5px;
    width: 29px;
    height: 89%;
    background-color: #d6e5f5;    
}
#NoSelectFlag {
    padding-top: 4px;
    vertical-align: top;    
}
#MiddleMenuUndB {
    width: 706px;
    background: #fff url(../_gfx/bg_UndMenuBlue.gif) repeat-x bottom;
    height: 15px;    
}
#MiddleRightSide {
    width: 50%;
    background: #fff url(../_gfx/bg_middle.gif) repeat-x top;
    height: 28px;
}
td.MiddleMenuBottomB {
    width: 50%;
    background: #fff url(../_gfx/bg_UndMenuBlue.gif) repeat-x bottom;
    height: 15px;    
}
/* Bottom CSS 
----------------------------------------------- */
#BottomLeft {
    background: #003d84 url(../_gfx/bg_bottom.gif) repeat-x top;
    text-align: center;
    width: 50%;
    height: 85px;
}
#BottomMain {
    text-align: center;
    width: 770px;
    min-width: 770px;
    background: #e9f1fa;    
}
#BottomRight {
    background: #003d84 url(../_gfx/bg_bottom.gif) repeat-x top;
    text-align: center;
    width: 50%;
    height: 85px;
}
span.TabDate {
    font: normal 11px Trebuchet MS, Verdana, Arial;
    color: #003c7f;
}
#BottomMainTable {
    width: 770px;
    height: 100%;
    border: 0px;
    padding-top: 5px;   
}
#BottomMainLeft {
    width: 387px;
    padding-left: 5px;
    vertical-align: top;    
}
.BottomMainTableL {
    width: 100%;
    border: 0px;
    background: #fff;
    border-bottom: solid 1px #b4ceeb;
    border-right: solid 1px #b4ceeb;
    padding: 1px;   
}
td.BottomMainTableTitle {
    height: 23px;
    font: bold 13px Trebuchet MS, verdana, Arial;
    color: #fff;
    padding-top: 2px;
    padding-left: 5px;
    background: #fff url(../_gfx/bg_DarkBlueTitle.gif) repeat-x;   
    vertical-align: top; 
}
td.StartsTab {
    height: 100%;
    padding-top: 5px;
    vertical-align: top;    
}
div.AnnouncBG {
    background: #fff url(../_gfx/bg_middle.gif) repeat-x top;
    padding: 5px 10px;    
}
img.AnnouncIMG {
    float: left;
    margin-right: 5px;    
}
.AnnouncBottom {
    margin-top: 10px;    
}
div.ArticleBlue {
    background: #EAF3FA url(../_gfx/img_article.gif) no-repeat 5px 4px;
    padding-left: 20px;
    min-height: 20px;
    padding-top: 1px;    
}
div.ArticleWhite {
    background: #fff url(../_gfx/img_article.gif) no-repeat 5px 4px;
    padding-left: 20px;
    min-height: 20px;
    padding-top: 1px;    
}
#BottomMainMain {
    width: 187px;
    padding-left: 5px;
    vertical-align: top;    
}
#BottomMainTableM {
    width: 100%;
    border: 0px;
    background: #fff;
    border-bottom: solid 1px #b4ceeb;
    border-right: solid 1px #b4ceeb;
    padding: 1px;
    height: 300px;    
}
td.BGTopOfMap {
    background: #fff url(../_gfx/bg_TopOfMap.gif) repeat-x top;
    height: 12px;    
}
select.PraktSelect {
    font: normal 12px Trebuchet MS, verdana, Arial;
    color: #4d88ce;
    width: 165px;
    height: 19px;
    margin-left: 8px;
    border:	1px solid #669fdc;
}
div.PraktTitle {
    font: normal 11px Trebuchet MS, verdana, Arial;
    color: #003c7f;
    padding-left: 7px;
}
span.MetDate {
    font: normal 11px Trebuchet MS, Verdana, Arial;
    color: #003c7f;
    padding-left: 5px;
}
td.MetoxTitle {
    font: bold 11px Trebuchet MS, Verdana, Arial;
    color: #003c7f;  
    padding-left: 5px;  
}
td.MetoxTitleBig {
    font: bold 13px Trebuchet MS, Verdana, Arial;
    color: #003c7f;
    padding-left: 5px;
}
td.GrTim {
    padding-left: 5px;    
}
img.BottomBanner {
    /*margin-top: 5px;*/
    margin-bottom: 5px;    
}
td.AnnounceInside {
    background: #fff url(../_gfx/bg_middle2.gif) repeat-x top;
    padding-top: 4px;    
}
/* STARTS FIRST ROW */
td.OfficesTitle {
    background: #fff url(../_gfx/bg_OfficesTitle.gif) no-repeat right bottom;
    width: 165px;
    font: bold 11px Trebuchet MS, Verdana, Arial;
    color: #e91c22;
    padding-left: 5px;
}
td.OfficesAddress {
    background: #fff url(../_gfx/bg_OfficesAddress.gif) no-repeat right bottom;
    width: 246px;
    font: bold 11px Trebuchet MS, Verdana, Arial;
    color: #003c7f;
    padding-left: 10px;
}
td.OfficesTels {
    background: #fff url(../_gfx/bg_OfficesAddress.gif) no-repeat right bottom;
    width: 204px;
    font: bold 11px Trebuchet MS, Verdana, Arial;
    color: #003c7f;
    padding-left: 10px;
}
td.OfficesMails {
    background: #fff url(../_gfx/bg_OfficesAddress.gif) no-repeat left bottom;
    width: 145px;
    font: bold 11px Trebuchet MS, Verdana, Arial;
    color: #003c7f;
    padding-left: 10px;
}
/* ENDS FIRST ROW */
#OfficesTable {
    width: 100%;
    border: 0px;
    background: #fff;
    border-bottom: solid 1px #b4ceeb;
    border-right: solid 1px #b4ceeb;
    padding: 1px;
    height: 49px;    
}
/* STARTS SECOND ROW */
td.OfficesTitle2 {
    background: #fff url(../_gfx/bg_OfficesTitle2.gif) no-repeat right top;
    width: 165px;
    font: bold 11px Trebuchet MS, Verdana, Arial;
    color: #e91c22;
    padding-left: 5px;
}
td.OfficesAddress2 {
    background: #fff url(../_gfx/bg_OfficesTitle2.gif) no-repeat right top;
    width: 246px;
    font: bold 11px Trebuchet MS, Verdana, Arial;
    color: #003c7f;
    padding-left: 10px;
}
td.OfficesTels2 {
    background: #fff url(../_gfx/bg_OfficesTitle2.gif) no-repeat right top;
    width: 204px;
    font: bold 11px Trebuchet MS, Verdana, Arial;
    color: #003c7f;
    padding-left: 10px;
}
td.OfficesMails2 {
    width: 145px;
    font: bold 11px Trebuchet MS, Verdana, Arial;
    color: #003c7f;
    padding-left: 10px;
}
td.OfficesBottomHR {
    background: #fff url(../_gfx/HR.gif) no-repeat right;
    height: 1px;
}
/* ENDS SECOND ROW */
/* STARTS LAST ROW */
td.OfficesTitle3 {
    width: 165px;
    font: bold 11px Trebuchet MS, Verdana, Arial;
    color: #e91c22;
    padding-left: 5px;
}
td.OfficesAddress3 {
    width: 246px;
    font: bold 11px Trebuchet MS, Verdana, Arial;
    color: #003c7f;
    padding-left: 10px;
}
td.OfficesTels3 {
    width: 204px;
    font: bold 11px Trebuchet MS, Verdana, Arial;
    color: #003c7f;
    padding-left: 10px;
}
td.OfficesMails3 {
    width: 145px;
    font: bold 11px Trebuchet MS, Verdana, Arial;
    color: #003c7f;
    padding-left: 10px;
}
/* ENDS LAST ROW */
span.OfficesSimple {
    font: normal 11px Trebuchet MS, Verdana, Arial;
    color: #003c7f;
}
td.TheMap {
    height: 100%;
    text-align: center;
    border-bottom: solid 1px #d7e5f5;    
}
.Metoxes {
    width: 186px;
    padding-left: 5px;
    padding-right: 5px;    
}
#TableMetoxes {
    background: #fff;
    border-bottom: solid 1px #b4ceeb;
    border-right: solid 1px #b4ceeb;
    padding: 1px;
    width: 100%; 
}
td.MetoxCont {
    height: 100%;
    text-align: center;
    border-bottom: solid 1px #d7e5f5;
    vertical-align: top;    
}
img.MetoxArrow {
    margin-left: 45px;    
}
#TheSmallBanners {
    background: #fff;
    height: 190px;
    border-bottom: solid 1px #b4ceeb;
    border-right: solid 1px #b4ceeb;
    padding: 1px;
    margin-top: 5px;    
}
div.TopSmallBan {
    text-align: center;
    padding-top: 10px;    
}
div.BotSmallBan {
    text-align: center;    
}
td.OurOffices {
    vertical-align: top;
    padding-left: 5px;
    padding-right: 5px;
    padding-bottom: 10px;    
}
/* Ajax Tabs CSS 
----------------------------------------------- */
.shadetabs {
    padding: 3px 0px;
    margin-left: 10px;
    margin-top: 1px;
    margin-bottom: 0;
    font: bold 12px Verdana;
    list-style-type: none;
    text-align: left; /*set to left, center, or right to align the menu as desired*/
}
.shadetabs li {
    display: inline;
}
.shadetabs li a {
    text-decoration: none;
    padding: 3px 12px;
    border: 1px solid #b4ceeb;
    background: #fff;
    border-bottom-color: #4a84cd;
    font: bold 13px Trebuchet MS, Verdana, Arial;
    color: #093f7f;
}
.shadetabs li a:hover {
    background: #fff url(../_gfx/shadeactive.gif) no-repeat center center;
    border: solid 1px #427cc6;
    border-bottom-color: #4a84cd;
    font: bold 13px Trebuchet MS, verdana, Arial;
    color: #fff;
}
ul.shadetabs li.selected a { /*selected main tab style */
    background: #fff url(../_gfx/shadeactive.gif) no-repeat center;
    border: solid 1px #427cc6;
    border-bottom-color: #4a84cd;
    font: bold 13px Trebuchet MS, verdana, Arial;
    color: #fff;
}
.shadetabs li.selected a:hover { /*selected main tab style */
    text-decoration: none;
}
.contentstyle {
    border: 1px solid #427cc6;
    width: 387px;
    padding: 0px;
    height: auto;
}
/* Footer CSS 
----------------------------------------------- */
a.FooterLink {
    font: italic 11px Trebuchet MS, Verdana, Arial;
    color: #ababab;
}
a.FooterLink:hover {
    color: #6f6f6f;
    background: #f7f7f7;
    border-bottom: dashed 1px #dddddd;
}
#FooterLeft {
    background: #fff;
    text-align: center;
    width: 50%;
    height: 47px;
}
#FooterMain {
    text-align: center;
    width: 770px;
    min-width: 770px;    
}
#FooterRight {
    background: #fff;
    text-align: center;
    width: 50%;
    height: 47px;
}
td.FivePixBlue {
    background: #003D84;    
}
td.InFooterLeft {
    background: #fff url(../_gfx/bg_FooterLeft.gif) no-repeat top left;
    height: 47px;
    width: 395px;
    font: italic 11px Trebuchet MS, Verdana, Arial;
    font-weight:bold;
    color: #ababab;    
}
td.InFooterMiddle {
    background: #fff url(../_gfx/bg_FooterMiddle.gif) repeat-x top;
    height: 47px;
    width: 283px;
    font: italic 11px Trebuchet MS, Verdana, Arial;
    font-weight:bold;
    color: #ababab;    
}
td.InFooterRight {
    background: #fff url(../_gfx/bg_FooterRight.gif) no-repeat top;
    height: 37px;
    width: 102px;
    font: italic 11px Trebuchet MS, Verdana, Arial;
    font-weight:bold;
    color: #ababab;    
}
/* Articles CSS 
----------------------------------------------- */
#BgMainArticles {
    background: #fff url(../_gfx/bg_MainTop.gif) repeat-x top;
    width: 770px;
    height: 30px;
    vertical-align: top;
}
div.FLPas {
    padding-left: 10px;
    padding-bottom: 5px;
}
div.SLPas {
    padding-left: 20px;
}
div.SLPasC {
    background: #E9F2FB url(../_gfx/RedDot.gif) no-repeat 12px;
    padding-left: 20px;
    font: normal 12px Trebuchet MS, Verdana, Arial;
    color: #e91c22;
}
#ArticleTable {
    width: 100%;
    border-bottom: solid 1px #dadada;    
}
#TopLangRow {
    text-align: right;
    border-bottom: solid 1px #a1c0e5;    
}
#TopSelectedLang {
    font: bold 11px Trebuchet MS, Verdana, Arial;
    color: #e21c24;
    margin-right: 10px;
    padding: 5px 5px 0px 0px;
    display: inline;
    background: #fff url(../_gfx/bg_language.gif) no-repeat center;
    height: 23px;
    width: 44px;
}
#TopUnSelectedLang {
    font: bold 11px Trebuchet MS, Verdana, Arial;
    color: #8fb6e4;
    margin-right: 10px;
    padding: 5px 5px 0px 0px;
    display: inline;
    height: 23px;
    width: 44px;
}
#ArticleMainContent {
    width: 148px;
    vertical-align: top;    
}
#ArticleTopLeftMenu {
    padding-bottom: 5px;
    padding-top: 5px;
    border-left: solid 1px #b4ceeb;
    border-right: solid 1px #b4ceeb;
    border-bottom: solid 1px #b4ceeb;
    width: 148px;
    background: #E9F2FB;    
}
div.RedLinkArrow {
    padding-left: 10px;
    padding-bottom: 5px;
    background: #E9F2FB url(../_gfx/SmallArrowRight.gif) no-repeat 2px 5px;    
}
#ArticleBottomLeftMenu {
    padding-top: 10px;
    padding-bottom: 10px;
    border: solid 1px #b4ceeb;
    width: 148px;  
    margin-bottom: 20px;  
}
div.BottomLeftMenuItem {
    padding-left: 10px;
    padding-bottom: 3px;
    background: #fff url(../_gfx/ArrowDottedR.gif) no-repeat 2px;    
}
#ArticleStarts {
    padding-top: 5px;
    width: 622px;
    vertical-align: top;
    padding-left: 10px;
    font: normal 11px Trebuchet MS, Verdana, Arial;
    color: #003c7f;        
}
div.ArticleTheTitle {
    font: bold 22px Trebuchet MS, Verdana, Arial;
    color: #e91c22;
    padding-top: 10px;
    border-bottom: solid 2px #e91c22;    
}
div.ArticleTheSubTitle {
    font: bold 18px Trebuchet MS, Verdana, Arial;
    color: #003c7f;
    padding-bottom: 15px;
}
div.ArticleTheSubTitleLeft {
    font: bold 18px Trebuchet MS, Verdana, Arial;
    color: #003c7f;
    padding-bottom: 15px;
    display: inline;
    float: left;
    padding-top: 5px;
}
div.WhatPage {
    display: inline;
    float: right;
    padding-bottom: 15px;
    padding-top: 5px;
}
div.ArticleContent {
    line-height: 13px;
    padding-bottom: 5px;    
}
img.ArticleImage {
    float: left;
    margin-right: 10px;
    margin-bottom: 5px;
}
a.ArticleBoldLink {
    font: bold 11px Trebuchet MS, Verdana, Arial;
    color: #003c7f;
    text-decoration: underline;
    padding-left: 5px;
}
a.ArticleBoldLink:hover {
    color: #D20F16;
    text-decoration: none;
}
#TableTop3Articles {
    border: solid 1px #b4ceeb;
    width: 100%;    
}
td.StartsTop3Articles {
    height: 112px;
    background: #e9f2fb;
    border-bottom: solid 1px #b4ceeb;
    padding: 7px;
    vertical-align: top;    
}
div.Top3Cont {
    width: 465px;
    float: right;
    line-height: 12px;    
}
#TablePaging {
    height: 22px;
    width: 100%;   
    margin-top: 20px;
    margin-bottom: 20px;
    border: solid 1px #b4ceeb; 
}
#PagLeft {
    width: 27px;
    border-right: solid 1px #b4ceeb;
    text-align: center;
}
#PagProLeft {
    width: 138px;
    border-right: solid 1px #b4ceeb;
}
#PagMiddle {
    width: 281px;
    border-right: solid 1px #b4ceeb;
    text-align: center;
}
#PagRight {
    width: 27px;
    text-align: center;
}
#PagProRight {
    width: 138px;
    border-right: solid 1px #b4ceeb;
    text-align: right;
}
img.PagLeftArrow {
    margin-right: 7px;
    margin-left: 5px;
}
img.PagRightArrow {
    margin-left: 7px;
    margin-right: 5px;
}
div.ArticleBlueBig {
    background: #EAF3FA url(../_gfx/img_article.gif) no-repeat 5px 6px;
    padding-left: 20px;
    min-height: 20px;
    padding-top: 3px;   
    padding-bottom: 3px; 
}
div.ArticleWhiteBig {
    background: #fff url(../_gfx/img_article.gif) no-repeat 5px 6px;
    padding-left: 20px;
    min-height: 20px;
    padding-top: 3px;   
    padding-bottom: 3px;
}
a.PagPageLink {
    font: normal 11px Trebuchet MS, Verdana, Arial;
    color: #003c7f; 
    padding-left: 3px;
    padding-right: 3px;
    height: 100%;
    vertical-align: middle;   
}
a.PagPageLink:hover {
    color: #e91c22;    
}
a.PagPageLinkActive {
    font: bold 11px Trebuchet MS, Verdana, Arial;
    color: #003c7f; 
    background: #e9f2fb;
    height: 100%;
    padding-left: 5px;
    padding-right: 5px;
    vertical-align: middle;      
}
a.PagPageLinkActive:hover {
    color: #e91c22;    
}
/* Contact CSS 
----------------------------------------------- */
#ContactLeftMenu {
    padding-top: 10px;
    padding-bottom: 10px;
    border-left: solid 1px #b4ceeb;
    border-right: solid 1px #b4ceeb;
    border-bottom: solid 1px #b4ceeb;
    width: 148px;    
}
a.BigUndLinkBActive {
    font: bold 13px Trebuchet MS, Verdana, Arial;
    color: #E91C21;
    text-decoration: underline;    
}
a.BigUndLinkBActive:hover {
    text-decoration: none;    
}
div.BottomLeftMenuItemActive {
    padding-left: 10px;
    padding-bottom: 3px;
    background: #fff url(../_gfx/ArrowDottedRedR.gif) no-repeat 2px;    
}
input.ContactInput {
    font: normal 11px Trebuchet MS, Verdana, Arial;
    color: #003C7F;
    width: 315px;
    height: 22px;    
    border: solid 1px #b4ceeb;
}
select.ContactSelect {
    font: normal 11px Trebuchet MS, Verdana, Arial;
    color: #0a2245;
    width: 315px;
    height: 20px;
    border: solid 1px #7f9db9;    
}
textarea.ContactTextarea {
    font: normal 11px Trebuchet MS, Verdana, Arial;
    color: #003C7F;
    width: 315px;
    height: 84px;
    border: solid 1px #b4ceeb;
}
#ContactTable {
    border: solid 1px #b4ceeb;
    width: 449px;
    margin-left: 70px;
    margin-top: 20px;
    margin-bottom: 10px;    
}
td.ContactLeft {
    width: 104px;
    background: #fff;
    padding: 5px;
}
td.ContactMiddle {
    width: 322px;
    background: #fff;
    padding: 5px;
}
td.ContactRight {
    width: 23px;
    background: #fff;
    padding: 5px;
}
td.ContactLeftB {
    width: 104px;
    background: #E9F2FB;
    padding: 5px;
}
td.ContactMiddleB {
    width: 322px;
    background: #E9F2FB;
    padding: 5px;
}
td.ContactRightB {
    width: 23px;
    background: #E9F2FB;
    padding: 5px;
}
input.SubmitBtn {
    width: 149px;
    height: 22px;
    border: solid 1px #003c7f;
    background: #e9f1fa;
    font: bold 11px Trebuchet MS, Verdana, Arial;
    color: #003c7f;
    cursor: pointer;
}
input.CancelBtn {
    width: 149px;
    height: 22px;
    border: solid 1px #b4ceeb;
    background: #fff;
    font: bold 11px Trebuchet MS, Verdana, Arial;
    color: #e91c22;
    cursor: pointer;
}
td.ContPortName {
    font: bold 11px Trebuchet MS, Verdana, Arial;
    color: #e91c22;
}
td.ContOffLeft {
    width: 257px;
    border-bottom: solid 1px #d7e5f5;
    font: bold 11px Trebuchet MS, Verdana, Arial;
    color: #003c7f;
    padding-bottom: 5px;
}
td.ContOffMiddle {
    width: 190px; 
    border-bottom: solid 1px #d7e5f5; 
    font: bold 11px Trebuchet MS, Verdana, Arial;
    color: #003c7f;  
    padding-bottom: 5px;
}
td.ContOffRight {
    width: 165px;   
    border-bottom: solid 1px #d7e5f5; 
    font: bold 11px Trebuchet MS, Verdana, Arial;
    color: #003c7f;
    padding-bottom: 5px;
}
/* Praktoreia CSS 
----------------------------------------------- */
a.PraktLink {
    font: normal 11px Trebuchet MS, Verdana, Arial;
    color: #003c7f;
    background: url(../_gfx/ArrowPrakt.gif) no-repeat 0px 5px;
    text-decoration: underline;
    padding-left: 10px;
}
a.PraktLink:hover {
    text-decoration: none;
}
a.PraktLinkRed {
    font: normal 11px Trebuchet MS, Verdana, Arial;
    color: #eb1c23;
    background: url(../_gfx/ArrowPraktRed.gif) no-repeat 0px 5px;
    text-decoration: underline;
    padding-left: 10px;
}
a.PraktLinkRed:hover {
    text-decoration: none;
}
td.PraktItemBlueLeft {
    background: #eaf2fb;
    height: 24px;
    border-right: solid 1px #b4ceeb;
    width: 50%;
    padding-left: 10px;    
}
td.PraktItemBlueRight {
    background: #eaf2fb;
    height: 24px;
    width: 50%;
    padding-left: 10px;
}
td.PraktItemWhiteLeft {
    background: #fff;
    height: 24px;
    border-right: solid 1px #b4ceeb;
    width: 50%;
    padding-left: 10px;    
}
td.PraktItemWhiteRight {
    background: #fff;
    height: 24px;
    width: 50%;
    padding-left: 10px;
}
#TablePrakt {
    border: solid 1px #b4ceeb;
    width: 100%;    
}
td.TablePraktTitle {
    background: #003c7f;
    font: bold 11px Trebuchet MS, Verdana, Arial;
    color: #fff;
    height: 27px;
    padding-left: 10px;
}
td.TablePraktLeft {
    width: 355px;    
}
td.TablePraktRight {
    width: 258px;
    text-align: center;
}
td.PraktRedItem {
    font: bold 11px Trebuchet MS, Verdana, Arial;
    color: #ed1d24;
    background: #eaf2fb;
    height: 24px;
    padding-left: 10px;    
}
table.TablePraktLim {
    border-top: solid 1px #b4ceeb;
    border-left: solid 1px #b4ceeb;
    border-right: solid 1px #b4ceeb;
    width: 100%;  
    margin-top: 9px;  
}
td.PraktLimLeft {
    width: 371px;
    padding-left: 10px;
    height: 24px;
    border-right: solid 1px #b4ceeb;
    border-bottom: solid 1px #b4ceeb;
}
td.PraktLimMiddle {
    width: 120px;
    padding-left: 10px;
    height: 24px;
    border-right: solid 1px #b4ceeb;
    border-bottom: solid 1px #b4ceeb;
}
td.PraktLimRight {
    width: 119px;
    padding-left: 10px;
    height: 24px;
    border-bottom: solid 1px #b4ceeb;
}
td.PraktItemProo {
    background: #eaf2fb url(../_gfx/bg_proorismos.gif) repeat-x;
    height: 26px;
    padding-left: 10px;
}
table.TableProorismoi {
    border: solid 1px #b4ceeb;
    width: 198px;    
}
/* Sitemap CSS 
----------------------------------------------- */
div.Sitemap1 {
    font: bold 11px Trebuchet MS, Verdana, Arial;
    color: #fff; 
    background: #003c7f; 
    width: 344px;
    height: 22px;
    padding-left: 10px;
    padding-top: 3px;
    margin-bottom: 5px;
    margin-top: 5px;
}
a.SitemapTitle {
    font: bold 11px Trebuchet MS, Verdana, Arial;
    color: #fff;
    width: 100%;
}
a.SitemapTitle:hover {
    text-decoration: underline;
}
a.Sitemap2 {
    font: bold 11px Trebuchet MS, Verdana, Arial;
    color: #003c7f;
    background: url(../_gfx/ArrowPrakt.gif) no-repeat 10px 5px;
    text-decoration: underline;
    padding-left: 20px;
}
a.Sitemap2:hover {
    text-decoration: none;
}
a.Sitemap3 {
    font: normal 11px Trebuchet MS, Verdana, Arial;
    color: #003c7f;
    background: url(../_gfx/TheDot.gif) no-repeat 0px 6px;
    text-decoration: underline;
    padding-left: 10px;
}
a.Sitemap3:hover {
    text-decoration: none;
}
ul.Sitemap3 {
    list-style: none;
    margin-top: 0px;
    margin-bottom: 0px;
}
/* Stolos CSS 
----------------------------------------------- */
td.TheRedTitle {
    border-bottom: solid 1px #b4ceeb;
    font: bold 11px Trebuchet MS, Verdana, Arial;
    color: #e91c22;
    padding-left: 10px;
    height: 27px;   
}
td.StolosCharB {
    width: 75px;
    height: 26px;
    text-align: center;
    background: #E9F2FB;
    font-weight: bold;    
}
td.StolosCharW {
    width: 75px;
    height: 26px;
    text-align: center;
    border-right: solid 1px #b4ceeb;
}
td.StolosCharWNoBo {
    width: 75px;
    height: 26px;
    text-align: center;
}
#StolosBottomLeft {
    vertical-align: top;
    width: 305px;    
}
#StolosBottomRight {
    vertical-align: top;
    width: 305px;
    text-align: right;
}
td.StolosBottomTableBL {
    height: 25px;
    background: #e9f1fa;
    width: 150px;
    padding-left: 10px;
    font-weight: bold;
    vertical-align: top;
    padding-top: 5px;
}
td.StolosBottomTableBR {
    height: 25px;
    background: #e9f1fa;
    width: 151px;
    padding-left: 10px;
    vertical-align: top;
    padding-top: 5px;
}
td.StolosBottomTableWL {
    height: 25px;
    background: #fff;
    width: 150px;
    padding-left: 10px;
    font-weight: bold;
    vertical-align: top;
    padding-top: 5px;
}
td.StolosBottomTableWR {
    height: 25px;
    background: #fff;
    width: 151px;
    padding-left: 10px;
    vertical-align: top;
    padding-top: 5px;
}
td.ProorismoiStolou {
    height: 25px;
    background: #e9f1fa;
    padding-left: 10px;
    vertical-align: top;
    padding-top: 5px;
}
td.StolosServiceB {
    background: #e9f1fa;
    height: 25px;
    padding-left: 5px;    
}
td.StolosServiceW {
    background: #fff;
    height: 25px;   
    padding-left: 5px; 
}
/* Metoxes CSS 
----------------------------------------------- */
.KleisimoMet {
    border: solid 1px #b4ceeb;    
}
td.KleisimoMetTitle {
    height: 28px;
    background: #013C80;
    font: bold 11px Trebuchet MS, Verdana, Arial;
    color: #fff;
    padding-left: 10px;    
}
td.KleisimoSubTitleL {
    width: 390px;
    height: 25px;
    background: #bad3f1;
    border-right: solid 1px #fff;
    text-align: center;    
}
td.KleisimoSubTitleM {
    width: 110px;
    height: 25px;
    background: #bad3f1;
    border-right: solid 1px #fff;
    text-align: center;
    font: bold 11px Trebuchet MS, Verdana, Arial;
    color: #004990;
}
td.KleisimoSubTitleR {
    width: 110px;
    height: 25px;
    background: #bad3f1;
    text-align: center;
    font: bold 11px Trebuchet MS, Verdana, Arial;
    color: #004990;
}
td.KleisimoContLeftB {
    width: 390px;
    height: 25px;
    background: #e9f1fa;
    border-right: solid 1px #b4ceeb;
    font: normal 11px Trebuchet MS, Verdana, Arial;
    color: #003c7f;
    padding-left: 10px;    
}
td.KleisimoContMiddleB {
    width: 110px;
    height: 25px;
    background: #e9f1fa;
    border-right: solid 1px #b4ceeb;
    font: normal 11px Trebuchet MS, Verdana, Arial;
    color: #003c7f;
    text-align: right;
    padding-right: 10px;    
}
td.KleisimoContRightB {
    width: 110px;
    height: 25px;
    background: #e9f1fa;
    font: normal 11px Trebuchet MS, Verdana, Arial;
    color: #003c7f;
    text-align: right;
    padding-right: 10px;    
}
td.KleisimoContLeftW {
    width: 390px;
    height: 25px;
    background: #fff;
    border-right: solid 1px #b4ceeb;
    font: normal 11px Trebuchet MS, Verdana, Arial;
    color: #003c7f;
    padding-left: 10px;    
}
td.KleisimoContMiddleW {
    width: 110px;
    height: 25px;
    background: #fff;
    border-right: solid 1px #b4ceeb;
    font: normal 11px Trebuchet MS, Verdana, Arial;
    color: #003c7f;
    text-align: right;
    padding-right: 10px;    
}
td.KleisimoContRightW {
    width: 110px;
    height: 25px;
    background: #fff;
    font: normal 11px Trebuchet MS, Verdana, Arial;
    color: #003c7f;
    text-align: right;
    padding-right: 10px;    
}
.Red {
    color: #d21034;    
}
.Green {
    color: #0c8100;
}
td.OikoKatLeftW {
    width: 483px;
    height: 25px;
    padding-left: 10px;
    background: #fff;    
}
td.OikoKatRightW {
    width: 127px;
    height: 25px;
    text-align: center;
    background: #fff;
}
td.OikoKatLeftB {
    width: 483px;
    height: 25px;
    padding-left: 10px;
    background: #e9f1fa;
}
td.OikoKatRightB {
    width: 127px;
    height: 25px;
    text-align: center;
    background: #e9f1fa;
}
div.AcrobatTable {
    border: solid 1px #b4ceeb;
    background: #e9f1fa;
    width: 610px;    
}
div.AcrobatCont {
    padding: 5px 0px 5px 5px;    
}
div.DatesTable {
    border: solid 1px #b4ceeb;
    background: #E9F2FB;
    width: 610px;
    height: 34px;
}
input.DatePickerTXT {
    font: normal 11px Trebuchet MS, Verdana, Arial;
    color: #003c7f;
    width: 69px;
    height: 19px;
    border: solid 1px #669fdc;    
}
#PinTimTableChsDate {
    height: 90%;
    margin-top: 2px;
    margin-bottom: 2px;    
}
td.PinTimDateTitle {
    width: 119px;
    border-right: solid 1px #b4ceeb;
    font-weight: bold;
    padding-left: 10px;    
}
td.PinTimDates {
    width: 139px;
    border-right: solid 1px #b4ceeb;
    padding-left: 10px;    
}
td.PinTimSubTitleL {
    height: 25px;
    width: 82px;
    background: #BAD3F1;
    border-right: solid 1px #fff;
    text-align: right;
    padding-right: 5px;
    font-weight: bold;    
}
td.PinTimSubTitleM {
    height: 25px;
    width: 88px;
    background: #BAD3F1;
    border-right: solid 1px #fff;
    text-align: right;
    padding-right: 5px;
    font-weight: bold;    
}
td.PinTimSubTitleR {
    height: 25px;
    width: 88px;
    background: #BAD3F1;
    text-align: right;
    padding-right: 5px;
    font-weight: bold;    
}
td.PinTimContBL {
    height: 25px;
    width: 82px;
    background: #E9F2FB;
    border-right: solid 1px #b4ceeb;
    text-align: left;
    padding-left: 5px;    
}
td.PinTimContBM {
    height: 25px;
    width: 88px;
    background: #E9F2FB;
    border-right: solid 1px #b4ceeb;
    text-align: right;
    padding-right: 5px;
}
td.PinTimContBR {
    height: 25px;
    width: 88px;
    background: #E9F2FB;
    text-align: right;
    padding-right: 5px;    
}
td.PinTimContWL {
    height: 25px;
    width: 82px;
    background: #fff;
    border-right: solid 1px #b4ceeb;
    text-align: left;
    padding-left: 5px;    
}
td.PinTimContWM {
    height: 25px;
    width: 88px;
    background: #fff;
    border-right: solid 1px #b4ceeb;
    text-align: right;
    padding-right: 5px;    
}
td.PinTimContWR {
    height: 25px;
    width: 88px;
    background: #fff;
    text-align: right;
    padding-right: 5px;    
}
/* Oikonomikes Katastaseis CSS 
----------------------------------------------- */
select.OikoSelect {
    font: normal 11px Trebuchet MS, Verdana, Arial;
    color: #0a2245;
    width: 58px;
    height: 19px;
    border: solid 1px #7f9db9;    
}
#OikoChsYearTable {
    width: 310px;
    border: solid 1px #b4ceeb;
}
td.OikoChsYearLeft {
    text-align: right;
    background: #EAF0FC;
    vertical-align: middle;
    height: 34px;
    font-weight: bold;
    width: 93px;    
}
td.OikoChsYearMiddle {
    width: 75px;
    text-align: center;
    background: #EAF0FC;
    vertical-align: middle;
    height: 34px;    
}
td.OikoChsYearRight {
    width: 142px;
    background: #EAF0FC;
    vertical-align: middle;
    height: 34px;
}
td.OikoSubTitleM {
    width: 73px;
    height: 25px;
    background: #bad3f1;
    border-right: solid 1px #fff;
    text-align: center;
    font: bold 11px Trebuchet MS, Verdana, Arial;
    color: #004990;
}
td.OikoSubTitleR {
    width: 73px;
    height: 25px;
    background: #bad3f1;
    text-align: center;
    font: bold 11px Trebuchet MS, Verdana, Arial;
    color: #004990;
}
td.OikoContMiddleB {
    width: 73px;
    height: 25px;
    background: #e9f1fa;
    border-right: solid 1px #b4ceeb;
    font: normal 11px Trebuchet MS, Verdana, Arial;
    color: #003c7f;
    text-align: right;
    padding-right: 10px;    
}
td.OikoContRightB {
    width: 73px;
    height: 25px;
    background: #e9f1fa;
    font: normal 11px Trebuchet MS, Verdana, Arial;
    color: #003c7f;
    text-align: right;
    padding-right: 10px;    
}
td.OikoContMiddleW {
    width: 73px;
    height: 25px;
    background: #fff;
    border-right: solid 1px #b4ceeb;
    font: normal 11px Trebuchet MS, Verdana, Arial;
    color: #003c7f;
    text-align: right;
    padding-right: 10px;    
}
td.OikoContRightW {
    width: 73px;
    height: 25px;
    background: #fff;
    font: normal 11px Trebuchet MS, Verdana, Arial;
    color: #003c7f;
    text-align: right;
    padding-right: 10px;    
}
span.OikoSubYear {
    font: bold 11px Trebuchet MS, Verdana, Arial;
    color: #5288bd;    
}
/* Dromologia CSS 
----------------------------------------------- */
input.DateInput {
    width: 69px;
    height: 19px;
    border: solid 1px #669fdc;
    font: normal 12px Trebuchet MS, Verdana, Arial;
    color: #4d88ce;  
    padding-left: 2px;
    padding-bottom: 0px;
    padding-top: 0px;  
}
td.DromoLeftB {
    width: 50%;
    border-right: solid 1px #b4ceeb;
    font-weight: bold;
    height: 29px;
    background: #e9f1fa;
    text-align: right;
    padding-right: 30px;    
}
td.DromoRightB {
    width: 50%;
    font-weight: bold;
    height: 29px;
    background: #e9f1fa;
    text-align: right;
    padding-right: 30px;
}
td.DromoLeftW {
    width: 50%;
    border-right: solid 1px #b4ceeb;
    font-weight: bold;
    height: 29px;
    background: #fff;
    text-align: right;
}
td.DromoRightW {
    width: 50%;
    font-weight: bold;
    height: 29px;
    background: #fff;
    text-align: right;
}
select.ChsShip {
    font: normal 12px Trebuchet MS, Verdana, Arial;
    color: #4d88ce;
    width: 146px;
    height: 19px;    
}
td.DromoDownLeftB {
    width: 50%;
    border-right: solid 1px #b4ceeb;
    font-weight: bold;
    height: 29px;
    background: #e9f1fa;
    text-align: right;    
}
td.DromoDownRightB {
    width: 50%;
    font-weight: bold;
    height: 29px;
    background: #e9f1fa;
    text-align: right;
    padding-right: 30px;
}
td.DarkButtonLeft {
    background-image: url(../_gfx/bg_btnLeft.gif);
    background-repeat: no-repeat;
    background-position: right top;
    width: 6px;
    height: 28px;
}
td.DarkButtonRight {
    background-image: url(../_gfx/bg_btnRight.gif);
    background-repeat: no-repeat;
    width: 6px;
    height: 28px;
}
td.DarkButtonMiddle {
    background-image: url(../_gfx/bg_btnMiddle.gif);
    background-repeat: repeat-x;
    text-align: center;
    height: 28px;
}
div.ButtonDepartures {
    width:100%;
    height: 28px;
    padding-top: 7px;
}
a.DarkButtonText {
    font: bold 11px Trebuchet MS, Verdana, Arial;
	color: #1762ba;
	cursor: pointer;
	text-decoration: none;
	height: 28px;
	padding-left: 10px;
	padding-right: 10px;
}
a.DarkButtonText:hover {
	color: #ED1D24;    
}
td.DromoApotTitle {
    font: bold 11px Trebuchet MS, Verdana, Arial;
    color: #b41606;
    background: #fff;
    height: 28px;
    padding-left: 10px;
}
.DromoApotTable {
    border-left: solid 1px #b4ceeb;
    border-top: solid 1px #b4ceeb;
    border-right: solid 1px #b4ceeb;    
}
div.DromoButtonBG {
	background-image: url(../_gfx/bg_OnlineButtonTopRed.gif);
	background-position: top center;
	background-repeat: no-repeat;
	width: 95px;
}
div.DromoButtonBottomBG {
	background-image: url(../_gfx/bg_OnlineButtonBottomRed.gif);
	background-position: bottom center;
	background-repeat: no-repeat;
	width: 95px;
}
a.DromoButtonText {
	font: bold 11px Trebuchet MS, verdana, Arial;
	color: #ed1d24;
	text-decoration: none;
	display: block;
	width: 100%;
	height: 19px;
	padding-top: 5px;
	padding-bottom: 5px;
	text-align: center;
}
a.DromoButtonText:hover {
	color: #cd2c32;
}
div.DromoAnaxLeft {
    display: inline;
    float: left;
    padding-left: 24px;
    font-weight: bold;    
}
div.DromoAnaxRight {
    display: inline;
    float: right;
    padding-right: 30px;    
}
div.DromoAfixLeft {
    display: inline;
    float: left;
    padding-left: 23px;
    font-weight: bold;    
}
div.DromoAfixRight {
    display: inline;
    float: right;
    padding-right: 30px;   
}
div.DromoDownLeftSideB {
    display: inline;
    float: left;
    padding-left: 24px;
    font-weight: bold;    
}
div.DromoDownLeftSelectB {
    display: inline;
    float: right;
    padding-right: 30px;    
}
td.SrchRes1 {
    background: #d5e4f5;
    border-right: solid 1px #fff;
    height: 20px;
    width: 130px;
    font-weight: bold;
    text-align: center;
}
td.SrchRes2 {
    background: #d5e4f5;
    border-right: solid 1px #fff;
    height: 20px;
    width: 139px;
    font-weight: bold;
    text-align: center;
}
td.SrchRes3 {
    background: #d5e4f5;
    border-right: solid 1px #fff;
    height: 20px;
    width: 140px;
    font-weight: bold;
    text-align: center;
}
td.SrchRes4 {
    background: #d5e4f5;
    border-right: solid 1px #fff;
    height: 20px;
    width: 98px;
    font-weight: bold;
    text-align: center;
}
td.SrchRes5 {
    background: #d5e4f5;
    width: 107px;
    height: 20px;
}
td.SrchResCont1 {
    background: #fff;
    border-right: solid 1px #b4ceeb;
    height: 33px;
    width: 130px;
    text-align: center;    
}
td.SrchResCont2 {
    background: #fff;
    border-right: solid 1px #b4ceeb;
    height: 33px;
    width: 139px;
    text-align: center;
    line-height: 10px;    
}
td.SrchResCont3 {
    background: #fff;
    border-right: solid 1px #b4ceeb;
    height: 33px;
    width: 140px;
    text-align: center;
    line-height: 10px;    
}
td.SrchResCont4 {
    background: #fff;
    border-right: solid 1px #b4ceeb;
    height: 33px;
    width: 98px;
    text-align: center;    
}
td.SrchResCont5 {
    background: #fff;
    width: 107px;
    height: 33px;
    padding-left: 10px;    
}
/* Menu Left Top CSS 
----------------------------------------------- */
#menuarea {
	width: 148px;
	background-color: #E9F2FB;
	border-left: solid 1px #b4ceeb;
    border-right: solid 1px #b4ceeb;
    border-bottom: solid 1px #b4ceeb;
    vertical-align: top;
    float: left;
}
ul.menu {
	list-style: none;
	margin-left: 5px;
	padding-left: 5px;
	padding-top: 5px;
	margin-top: 5px;
}
ul.menu li {
	padding-bottom: 8px;
}
ul.menu a {
	font: bold 11px Trebuchet MS, Verdana, Arial;
	color: #003c7f;
}
ul.menu a:hover {
    color: #e91c22;
}
.activemenu {
	background: #E9F2FB url(../_gfx/SmallArrowRight.gif) no-repeat 0px 5px;
	margin-left: -6px;
	padding-left: -6px;
	background-color: #E9F2FB;
}
.activemenutxt {
	font: bold 11px Trebuchet MS, Verdana, Arial;
	color: #e91c22;
	margin-left: 4px;
	padding-left: 4px;
}

/* Starts the second menu */
ul.submenu {
	list-style: none;
	margin-left: 5px;
	padding-left: 5px;
}
ul.submenu a {
	font: normal 12px Trebuchet MS, Verdana, Arial;
    color: #003c7f;
    text-decoration: underline;
	padding-left: 8px;
	display: block;
}
ul.submenu a:hover {
    color: #D20F16;
    text-decoration: none;    
}
ul.submenu li {
	padding-bottom: 5px;
}
.activesubmenutxt {
	font: normal 12px Trebuchet MS, Verdana, Arial;
	color: #e91c22;
	background: #E9F2FB url(../_gfx/RedDot.gif) no-repeat 0px 5px;
	margin-left: 7px;
	padding-left: 7px;
	background-color: #E9F2FB;
}

/* Starts the third menu */
ul.subsubmenu {
	list-style: none;
	margin-left: 5px;
	padding-left: 5px;
}
ul.subsubmenu a {
	font: normal 11px Trebuchet MS, Verdana, Arial;
    color: #003c7f;
    text-decoration: underline;
	padding-left: 8px;
	display: block;
}
ul.subsubmenu a:hover {
    color: #D20F16;
    text-decoration: none;    
}
ul.subsubmenu li {
	padding-bottom: 1px;
}
.activesubsubmenutxt {
	font: normal 11px Trebuchet MS, Verdana, Arial;
	color: #e91c22;
	background: #E9F2FB url(../_gfx/RedDot.gif) no-repeat 0px 5px;
	margin-left: 7px;
	padding-left: 7px;
	background-color: #E9F2FB;
}
/* MAP OF GREECE CSS 
----------------------------------------------- */
#hellas {
 width: 164px;
 height: 167px;
 background: url(../_gfx/Map_Greece.gif) no-repeat;
 position: relative;
 padding: 0px;
 margin: 0px;
}
#hellas li {margin: 0; padding: 0; list-style: none; display: block; position: absolute;}

#hellas a {display: block; text-indent: -9999px; text-decoration: none;}

#Crete {left: 70px; top: 147px; width: 58px; height: 17px; z-index: 40;}
#Attiki {left: 60px; top: 78px; width: 27px; height: 30px;}
#Sterea {left: 28px; top: 55px; width: 67px; height: 37px;}
#Macedonia {left: 23px; top: 7px; width: 60px; height: 37px;}
#Thraki {left: 70px; top: 0px; width: 58px; height: 37px;}
#Ipiros {left: 8px; top: 30px; width: 25px; height: 38px; z-index: 100;}
#Ionia {left: 0px; top: 40px; width: 25px; height: 61px;}
#NorthAegean {left: 98px; top: 40px; width: 42px; height: 65px;}
#Peloponisos {left: 27px; top: 80px; width: 44px; height: 50px;}
#SouthAegean {left: 85px; top: 89px; width: 78px; height: 63px;}
#Thesalia {left: 27px; top: 36px; width: 56px; height: 38px;}
#WestGreece {left: 20px; top: 65px; width: 34px; height: 18px;}

#Crete a {height: 17px;}
#Attiki a {height: 30px;}
#Sterea a {height: 37px;}
#Macedonia a {height: 37px;}
#Thraki a {height: 37px;}
#Ipiros a {height: 39px;}
#Ionia a {height: 61px;}
#NorthAegean a {height: 65px;}
#Peloponisos a {height: 50px;}
#SouthAegean a {height: 63px;}
#Thesalia a {height: 38px;}
#WestGreece a {height: 18px;}

#Crete a:hover {background: url(../_gfx/Map_Greece.gif) no-repeat -2px -172px;}
#Attiki a:hover {background: url(../_gfx/Map_Greece.gif) no-repeat -107px -179px; height: 60px;}
#Sterea a:hover {background: url(../_gfx/Map_Greece.gif) no-repeat -4px -201px;}
#Macedonia a:hover {background: url(../_gfx/Map_Greece.gif) no-repeat -85px -244px;}
#Thraki a:hover {background: url(../_gfx/Map_Greece.gif) no-repeat 1px -257px;}
#Ipiros a:hover {background: url(../_gfx/Map_Greece.gif) no-repeat -9px -317px;}
#Ionia a:hover {background: url(../_gfx/Map_Greece.gif) no-repeat -55px -306px;}
#NorthAegean a:hover {background: url(../_gfx/Map_Greece.gif) no-repeat -109px -304px;}
#Peloponisos a:hover {background: url(../_gfx/Map_Greece.gif) no-repeat -7px -386px;}
#SouthAegean a:hover {background: url(../_gfx/Map_Greece.gif) no-repeat -77px -385px;}
#Thesalia a:hover {background: url(../_gfx/Map_Greece.gif) no-repeat -1px -455px;}
#WestGreece a:hover {background: url(../_gfx/Map_Greece.gif) no-repeat -80px -459px;}

/* OnMouseOver Cloud CSS
----------------------------------------------- */
#dhtmltooltip{
	position: absolute;
	left: -300px;
	width: 150px;
	border: 1px solid #ED1D24;
	padding: 2px;
	padding-left: 4px;
	background-color: #EB1C23;
	visibility: hidden;
	z-index: 100;
	font: bold 11px Trebuchet MS, Verdana, Arial;
	color: #fff;
	text-align: center;
    /*filter: progid:DXImageTransform.Microsoft.Shadow(color=#ff9797,direction=120);*/
}
#dhtmlpointer{
	position:absolute;
	left: -300px;
	z-index: 101;
	visibility: hidden;
}
table.tbwb
{
	border:solid 1px #B4CEEB;
	border-left:0;
	border-bottom:0;
}
table.tbwb td
{
	border-left:solid 1px #B4CEEB;
	border-bottom:solid 1px #B4CEEB;
}