/*  ---------  STYLE DIRECTIONS FOR IONIO.GR CENTRAL --------- */

/* --------- CLASS SELECTORS --------- */
/* old cover css */
.announcement { width: 100%; margin-bottom: 6px; }
.announcement a, .announcement a:link, .announcement a:active, .announcement a:visited {color: #ffffff; background-color: #bab37d; text-decoration: none; font-weight: 100;}
.announcement a:hover {color: #6c652c; background-color: #bab37d; text-decoration: underline; font-weight: 100;}
.announcementsCell { background-color: #bab37d; color: #ffffff; font-weight: 900; padding-left: 8px; padding-top: 4px; padding-bottom: 3px; }
.announcementsHolder {width: 285px; height: 260px; overflow: auto; font-size:12px; text-align:justify;}
.centralCell { background-color: #bab37d; color: #000000; font-weight: 900; }
.centralCell a {color: #ffffff; background-color: #bab37d; text-decoration: none; font-weight: 100;}
.centralCell a:hover {color: #0000a0; background-color: #bab37d; text-decoration: none; font-weight: 100;}
.formsInline { display: inline; }
.formsFront { padding: 8px; background-color: #ffffff; color: #8a9cb2; font-size: 13px; font-weight:100; }
.formsQuickSelector { font-size:12px; color: #8a9cb2; background-color: #ffffff; }
.formsSearchInput { font-size: 12px; font-weight:900; letter-spacing: 1px; width: 142px; background-color: #ffffff; color: #8a9cb2; }
.formsSearchButton { font-size: 12px; font-weight:900; letter-spacing: 1px; background-color: #ffffff; color: #8a9cb2; }
.goucherCurrentNum { font-weight: 900; color: #ff8000; background-color: #40403e; }
.goucherFooter { text-align: left; padding-top:15px; font-size:11px; }
.goucherImgCell { width: 250px; padding: 0; }
.goucherTextCell { padding-left: 7px;  padding-top: 4px; padding-right: 4px; padding-bottom: 4px; font-size:12px; }
.goucherTable { width: 100%; padding: 0; border-collapse: collapse; background-color: #40403e; color: #ffffff;}
.goucherTable a, .goucherTable a:link, .goucherTable a:active, .goucherTable a:visited {color: #ffffff; background-color: #40403e; text-decoration: none; }
.goucherTable a:hover {color: #ff8000; background-color: #40403e; text-decoration: none;}
.goucherText { font-size:11px; color: #e7db82; background-color: #40403e; font-weight: 900; }
.goucherTitle { font-weight: 900; }
.goucherDetails { font-size:11px; }
.headerLine { background-color: #676244; height: 23px; color: #8a9cb2; font-size: 11px; text-align: right; padding-right: 23px; }
.headerLine a, .headerLine a:link, .headerLine a:active, .headerLine a:visited {color: #ffffff; font-weight: 900;  font-size: 13px; font-family: arial, sans-serif; text-decoration: none; background-color: #676244; }
.headerLine a:hover {color: #ff8000; background-color: #676244; text-decoration: none; font-weight: 900;}
.headerlineAt { padding:0 2px 0 1px; font-size: 17px; font-style: italic; }
.invisible { visibility: hidden; }
.navCounterObject { padding: 8px; background-color: #ffffff; color: #9d9d9d; font-size: 11px; }
.navigationCell { background-color: #bab37d; width: 100%; color: #e6e6e6; font-size: 13px; text-align: right; }
.navigationHolder { padding: 4px 23px 0 0; font-weight: 900;}
.standardTable {width: 100%; padding: 0; border-collapse: collapse; }
.webteam { line-height: 26px; font-size: 12px; font-weight: 100; }
.webteam a, .webteam a:link, .webteam a:active, .webteam a:visited {color: #8a9cb2; background-color: #ffffff; text-decoration: none; font-weight: 100; }
.webteam a:hover {color: #000033; background-color: #ffffff; text-decoration: none; font-weight: 100; } 
/* old central colors */
p.blackLink a, p.blackLink a:hover {color: #000; background: transparent; border:0; font-weight: 900;}
.borderedLink { text-align: center; border: solid 1px #888888; padding: 4px; }
.centralCell { background-color: #bab37d; color: #000000; font-weight: 900; text-align: center; padding-bottom: 0; }
.centralCell a, .centralCell a:link, .centralCell a:active, .centralCell a:visited {color: #735228; background-color: #ffffff; text-decoration: none; font-weight: 100;}
.centralCell a:hover {color: #85b3c8; background-color: #ffffff; text-decoration: none; font-weight: 100;}
.departmentsLeftCell { padding-top: 15px; vertical-align: top; }
.directoryItemHolder { width: 100%;  padding: 6px 0; line-height: 1.4; }
.directoryItemButton { font-size: 11px; background-color: #ffffff; color: #696969; border: solid 1px #cccccc; width: 89px; }
.estyle { background-color:#ffffff; border: 1px #000000 solid; padding: 3px; font-size: 80%; }
.footerCell {padding-bottom: 7px; background-color: #cccccc; color: #000000; }
.footerLinks {padding: 5px; background-color: #ebebeb; color: #888888; text-align:center; font-size: 12px; font-weight: 100;}
.footerLinks a, .footerLinks a:link, .footerLinks a:active, .footerLinks a:visited {color: #888888; background-color: #ebebeb; text-decoration: none; font-weight: 100;}
.footerLinks a:hover {color: #000000; background-color: #ebebeb; text-decoration: underline; font-weight: 100;}
.formsInline { display: inline; }
.formsBox { width: 98%; color: #535353; background-color: #cccccc; font-size: 13px; font-weight:100; border: solid 1px #ffffff; padding: 3px 1px 3px 4px;}
.formsDirectorySelector { background-color:#85b3c8; color: #000000; }
.formsQuickSelector { font-size:12px; color: #535353; background-color: #cccccc; }
.formsSearchInput { font-size: 12px; font-weight:900; letter-spacing: 1px; width: 142px; color: #535353; background-color: #cccccc; }
.formsSearchButton { font-size: 12px; font-weight:900; letter-spacing: 1px; color: #535353; background-color: #cccccc; }
.headerLine { background-color: #676244; height: 23px; color: #8a9cb2; font-size: 11px; text-align: right; padding-right: 23px; }
.headerLine a, .headerLine a:link, .headerLine a:active, .headerLine a:visited {color: #ffffff; font-weight: 900;  font-size: 13px; font-family: arial, sans-serif; text-decoration: none; background-color: #676244; }
.headerLine a:hover {color: #85b3c8; background-color: #676244; text-decoration: none; font-weight: 900;}
.headerlineAt { padding:0 2px 0 1px; font-size: 17px; font-style: italic; }
.invisible { visibility: hidden; }
.leftNavLink{display: block; height:auto; padding:2px 0px 2px 2px;}
.leftNavLink .parent{display:block; width:100%; font-size: 13px;}
.leftNavLink a{display:block;  width:100%;}
.leftNavSelectedLink{width:100%; background:#c84c59; padding:2px 0px 2px 2px; }
.leftNavSelectedLink a{color:#fff !important;}
.leftNavUChild{display: block; font-size: 11px !important; padding: 0px 1px 0px 5px;}
.linksAll a, .linksAll a:link, .linksAll a:visited {display: block; background-color:#d3cfaa; width: 98%; height: 22px; line-height: 22px;  color:#202020; font-size: 13px;  text-decoration:none; font-weight: 900; border: 1px solid #ffffff; text-align: center; padding: 3px 1px 3px 4px;}
.linksAll A:hover {display: block; width: 98%; height: 22px; line-height: 22px; background-color:#676244; color:#ffffff; text-decoration:none; font-weight: 900; border: 1px solid #ffffff; text-align: center; padding: 3px 1px 3px 4px;}
.linksImgLocality { border: solid 1px #ffffff; }
.linksImgScreen { border: solid 1px #000000; margin-top: 9px; }
.linksInnerTitle { width: 205px; }
.linksTopTitle { font-weight: bold; text-align: center; background-color: #bab37d; color: #e5e5e5; }
.linksTable {width: 98%; padding: 3px 1px 3px 4px; border-bottom: solid 1px #ffffff; }
.linksTable a, .linksTable a:link, .linksTable a:active, .linksTable a:visited {color: #ffffff; background-color: #bab37d; text-decoration: none; font-weight: 100; font-size:12px; }
.linksTable a:hover {color: #6c652c; background-color: #bab37d; text-decoration: none; font-weight: 100; font-size:12px; }
.linksUPageImgScreen { border: solid 1px #000000; }
.linksUPageLocality { font-size: 12px; background-color: #ffffff; color: #cccccc; font-style: italic; }
.linksUPageTable { width: 96%; border-bottom: solid 1px #cccccc; }
.linksUPageLeftCell { padding: 9px 9px 9px 0; vertical-align: top;}
.linksUPageRightCell { padding: 9px 0 9px 9px; }
.navigationCell { background-color: #bab37d; width: 100%; color: #e6e6e6; font-size: 13px; text-align: right; }
.navigationHolder { padding: 4px 23px 0 0; font-weight: 900;}
.orientation { font-size: 13px;}
.orientation a, .orientation a:link, .orientation a:active, .orientation a:visited {color: #7c7c7c; background-color: #ffffff; text-decoration: none; font-size: 13px;  font-weight: 100;}
.orientation a:hover {color: #85b3c8; background-color: #ffffff; text-decoration: none; font-size: 13px;  font-weight: 100;}
.pageCell { padding: 10px; background-color: #ffffff; color: #000000;  }
.pageHolder { text-align:justify; font-weight: 100;}
.pageHolder b, .pageHolder strong {font-weight: 900;}
.pageImgLeft {float:left; border: solid 1px #000000; margin-top: 15px; margin-bottom: 15px; margin-right: 15px; }
.pageImgRight {float:right; border: solid 1px #000000; margin-top: 15px; margin-bottom: 15px; margin-left: 15px; }
.pageTitle { font-size: 19px; font-weight: 900; }
.pageSubtitle { font-size: 18px; font-weight: 900; }
.pager { font-size: 14px; }
.pager a, .pager a:link, .pager a:active, .pager a:visited { background-color: #ffffff; color: #000000; line-height: 18px; border: 1px solid #000000; padding-left: 2px; padding-right: 2px; text-decoration: none; font-size: 12px; }
.pager a:hover { background-color: #ffffff; color: #85b3c8; line-height: 18px; border: 1px solid #85b3c8; padding-left: 2px; padding-right: 2px; text-decoration: none; font-size: 12px; }
.pagerSelected { background-color: #cccccc; color: #000000; line-height: 18px; border: 1px solid #000000; padding-left: 2px; padding-right: 2px; font-size: 12px; }
.printIcon {width:100%; padding-right: 0; text-align: right; background-color: #ffffff; color: #000000;}
.printIcon a, .printIcon a:link, .printIcon a:active, .printIcon a:visited {background-color: #ffffff; color: #000000; font-size: 11px; font-weight: 100; text-decoration: none; } 
.printIcon a:hover {background-color: #ffffff; color: #000000; font-size: 11px; font-weight: 100; text-decoration: none; }
.rightCell {width: 21px; color: #000000; background-color: #bab37d; }
.standardTable {width: 100%; padding: 0; border-collapse: collapse; }
.templateTitle { color: #000080; font-weight: bold; font-size: 16px; background-color: #ffffff; }
.templateRadioButton {color: #000000; padding: 2px; border: dotted 1px #000000; background-color: #85b3c8; }
.webteam { line-height: 26px; font-size: 12px; font-weight: 100; }
.webteam a, .webteam a:link, .webteam a:active, .webteam a:visited {color: #535353; background-color: #cccccc; text-decoration: none; font-weight: 100; }
.webteam a:hover {color: #000033; background-color: #cccccc; text-decoration: none; font-weight: 100; }
.upIconLeft { width: 25%; padding: 0 10px 1px 2px; }
.upIconMain { padding: 0 4.5% 9px 0; background-color: #ffffff; color: #000000; text-align: right; }

/* --------- ID SELECTORS --------- */
/* old cover css */
#eventsHolder { text-align: left; width: 520px; height: 248px; margin: 0 auto; position: absolute; top: 230px; right: 8%; border: solid 23px #676244; background-color: #707070; color: #ffffff; }
#footerHolder { position: absolute; top: 557px; width: 100%; text-align: center; margin: 0 auto; }
#headerCell {padding: 0; }
#ionioImgLogo { position:absolute; top: 7px; left: 9px; z-index: 100; }
#ionioTextLogo { position: absolute; top: 9px; right: 18px; z-index: 100; }
#latestNewsTitle { width: 100%; padding-bottom: 9px; font-weight: 900; }
#navCounterApplet { width: 90px; height: 13px; vertical-align: text-bottom; }
#startImg { position: absolute; top: 505px; right: 8%; margin-right: 24px; visibility: hidden; }
#stopImg { position: absolute; top: 505px; right: 8%; margin-right: 24px; visibility: hidden; }
/* old central colors */
#addressText { font-weight: bold; font-size: 13px; color: #535353; background-color: #cccccc; text-align: center; margin: 0 auto; }
#galleryBig { border: solid 1px #cccccc; padding: 3px; }
#gallerySmall { float: right; width: 50%; border: solid 1px #cccccc; margin: 0 0 5px 10px; text-align: center; padding: 3px; }
#headerCell {padding: 0; }
#ionioImgLogo { position:absolute; top: 7px; left: 9px; z-index: 100; }
#ionioTextLogo { position: absolute; top: 9px; right: 18px; z-index: 100; }
#leftMenuCell { width: 25%; text-align: left;  padding: 0 10px 1px 2px; }
#map a { background-color: transparent; }
#newsImportant { text-align:center; padding: 9px; border: solid 1px #444444; }
#nocService { text-align:center; padding: 9px; border: solid 1px #444444; }
#selectedCategory { font-size: 18px; font-weight: bold;}
#selectedLinkRadio { background-color:#85b3c8; color: #000000; }
#underC { font-size: 18px; padding: 20px; font-weight: 900; border: solid 2px #ff0000; text-align: center; }
#updated { clear: both; color: #c0c0c0; background-color:#ffffff; font-size: 12px; font-style: italic; }

/* --------- DROPDOWN MENU --------- */

.navigationHolder { padding:0px;}
.ionioMenu a{float:left; height:20px; padding:10px 15px 8px 5px;}
.ionioMenu a:link {text-decoration:none; color:#fff;}
.ionioMenu a:visited {text-decoration:none; color:#fff;}
.ionioMenu a:hover{text-decoration:none; color:#fa001a; text-decoration:none;}
.ionioMenu a:active {text-decoration:none; color:#fff;}
.ionioMenu .sep{float:left; width:1px; height:20px; margin:10px 10px 0 0; border-right:1px solid #fa001a;}

.transMenu { left: -1000px; overflow: hidden; position: absolute; top: -1000px; }
.transMenu .content {position: absolute; left: 0;}
.transMenu .items { position: relative; top: 2px; left: 0; z-index: 12; }
.items td {border-bottom: #888 1px dotted; text-align: left; }
.transMenu .item {border:none; font-size: 12px; cursor: pointer;}
.transMenu .background { z-index: 1; position: absolute; top: 2px; left: 0; opacity:.90; }
.transMenu .shadowRight { z-index: 3;  width: 3px; position: absolute; top: 5px; opacity:.40; } 
.transMenu .shadowBottom { z-index: 1; left: 4px; position: absolute; opacity:.40; }
.transMenu .item.hover {color:#fa001a; background:#fff;  }
.transMenu .item img { margin-left: 0; }

/* --------- ELECTIONS TABLE --------- */

#elections2012-table{border-collapse:collapse; font-size:11px; margin: 1px auto 23px auto;} 
#elections2012-table .fixed{width:270px; font-size:13px} 
#elections2012-table .fixed2{width:160px;} 
#elections2012-table td,#elections2012-table th{padding:5px; border:1px solid gray; vertical-align:middle; text-align:left;}

#fancybox-overlay{background-color:#000 !important;opacity:0.8 !important;}