/*-------------------------- Master Style Sheet ------------------------------

author:    Panagiotis Efthymiou
email:     panagiotis_efthymiou@atcom.gr
website:   http://www.atcom.gr
-----------------------------------------------------------------------------*/


/* = General
-----------------------------------------------------------------------------*/
body {
	margin:0;
	text-align:center;
	background:#fff url(images/body-bg.gif) repeat;
	padding:5px 0;
	}

#wrapper {
	width:980px;
	margin:0 auto;
	text-align:left;
	background-color:#fff;
	overflow:hidden;
	}
	

/* = Header
-----------------------------------------------------------------------------*/	
#header {
	width:980px;
	float:left;
	padding:0 0 16px 0;
	}
	
#header img {
	border:0;
	}
	
#header p{
	margin:0;
	padding:0;
	}
	
#quicklinks {
	float:left;
	width:970px;
	font:11px Tahoma, Arial, Helvetica, sans-serif;
	color:#75736b;
	padding:10px 10px 10px 0;
	text-align:right;
	}

#quicklinks a {
	color:#75736b;
	text-decoration:none;
	padding:5px;
	}
	
#quicklinks a:hover {
	text-decoration:underline;
	}
	
#quicklinks span {
	font-weight:bold;
	}
	
#header-search {
	float:left;
	width:980px;
	padding:2px 0 12px 0;
	}
	
#header-search input {
	float:left;
	}
	
#header-search .header-input-search {
	width:180px;
	height:15px;
	padding:1px;
	font:11px Tahoma, Arial, Helvetica, sans-serif;
	color:#706e69;
	border:1px solid #b4b4b4;
	margin:0 0 0 765px;
	}
	
#header-search .header-input-submit {
	margin:1px 0 0 6px;
	}
	
#main-nav {
	float:right;
	width:695px;
	}
	
#logo {
	float:left;
	width:231px;
	padding:0 0 0 20px;
	}
	
	
	
/* = Main
-----------------------------------------------------------------------------*/	
#main {
	width:980px;
	float:left;
	font:11px Tahoma, Arial, Helvetica, sans-serif;
	padding:0 0 20px 0;
	}
	
		
/* = Main Intro
-----------------------------------------------------------------------------*/	
#main-intro {
	width:980px;
	height:246px;
	float:left;
	}
	
#main-intro-left {
	width:708px;
	float:left;
	}
	
#main-intro-right {
	width:266px;
	float:right;
	background-color:#706e69;
	}
	
#ajax {
	width:260px;
	height:246px;
	float:left;
	}
	
#ajax img {
	float:left;
	border:0;
	}
	
#ajax-nav {
	float:left;
	width:243px;
	height:64px;
	padding:0 0 0 16px;
	background-color:#b2b0aa;
	}
	
#ajax-nav .ajax-thumb {
	border:1px solid #fff;
	margin:7px 6px 0 6px;
	}
	
#ajax-nav .ajax-controls {
	margin:25px 4px 0 4px;
	}
	
	
/* = Column Left
-----------------------------------------------------------------------------*/		
#column-left {
	width:176px;
	padding:30px 0 0 0;
	float:left;
	}
	
#column-left form {
	margin:0;
	padding:0;
	}
	
#banner-10-years {
	width:164px;
	margin:0 0 0 6px;
	padding:0 0 12px 0;
	overflow:hidden;
	background:url(images/dots.gif) repeat-x left bottom;
	}
	
#banner-10-years img {
	border:1px solid #b4b4b4;
	}

.banner-blog		{ width:164px; margin:0 0 0 6px; padding:12px 0; overflow:hidden; background:url(images/dots.gif) repeat-x left bottom; text-align:center; }
.banner-blog img	{ border:0; }

#newsletter {
	width:164px;
	margin:0 0 0 6px;
	padding:12px 0;
	overflow:hidden;
	background:url(images/dots.gif) repeat-x left bottom;
	}
	
#newsletter img {
	float:left;
	margin:0 0 5px 0;
	}
	
#newsletter input.newsletter-textfield {
	float:left;
	width:140px;
	height:15px;
	padding:1px;
	font:11px Tahoma, Arial, Helvetica, sans-serif;
	color:#706e69;
	border:1px solid #b4b4b4;
	}

#newsletter input.newsletter-submit {
	float:left;
	margin:1px 0 0 6px;
	}
	
#select-country {
	width:164px;
	height:88px;
	margin:12px 0 12px 6px;
	overflow:hidden;
	background:url(images/select-country.gif) no-repeat left top;
	}
	
#select-country select {
	float:left;
	width:156px;
	margin:56px 0 0 4px;	
	font:11px Tahoma, Arial, Helvetica, sans-serif;
	color:#706e69;
	}
	
#cover {
	width:164px;
	margin:0 0 0 6px;
	padding:12px 0;
	overflow:hidden;
	background:url(images/dots.gif) repeat-x left bottom;
	}
	
#cover .cover {
	float:left;
	border:0;
	margin:0 5px 0 0;
	}
	
#cover-content {
	float:left;
	width:78px;
	}
	
#cover-content img {
	border:0;
	}
	
.cover-nav {
	display:block;
	margin:34px 0 6px 0;
	}
	
.cover-nav a {
	margin:0 5px 0 0;
	}
	
.cover-issue {
	font:9px Tahoma, Arial, Helvetica, sans-serif;
	color:#504e48;
	}	
	
.cover-issue span {
	color:#ed1c24;
	}


/* = Column Middle
-----------------------------------------------------------------------------*/		
#column-middle {
	width:538px;
	float:left;
	}
	
#home {
	width:532px;
	overflow:hidden;
	}
	
#home h1 {
	color:#ed1c24;
	font:normal 18px Tahoma, Arial, Helvetica, sans-serif;
	border-bottom:1px solid #c8c7c4;
	margin:8px 0 10px 0;
	padding:0 0 0 6px;
	}
	
#home-content {
	width:100%;
	margin:0 0 26px 0;
	overflow:hidden;
	background: url(images/home-bg.gif) repeat-y center top;
	}
	
#home-content img {
	border:0;
	display:block;
	}
	
#home-content h2 {
	color:#75736b;
	font:bold 16px Tahoma, Arial, Helvetica, sans-serif;
	margin:8px 0 4px 0;
	}	

#home-content h3 {
	float:left;
	width:100%;
	color:#75736b;
	font:bold 11px Tahoma, Arial, Helvetica, sans-serif;
	margin:0 0 4px 0;
	}	
	
#home-content-left {
	width:248px;
	padding:0 9px;
	float:left;
	}	
	
#home-content-right {
	width:248px;
	padding:0 9px;
	float:right;
	}

.home-entry-left {
	color:#504e48;
	width:100%;
	font:11px Tahoma, Arial, Helvetica, sans-serif;
	overflow:hidden;
	}	
	
.home-entry-right {
	color:#504e48;
	width:100%;
	font:11px Tahoma, Arial, Helvetica, sans-serif;
	overflow:hidden;
	margin:34px 0 0 0;
	}
	
#no-margin {
	margin:0;
	}
	
.home-entry-right-text {
	width:134px;
	float:right;
	}
	
.more {
	width:100%;
	margin:5px 0 0 0;
	}
	
.float-left {
	float:left;
	}
	
#home-video {
	width:100%;
	height:80px;
	overflow:hidden;
	background:url(images/dots.gif) repeat-x left bottom;
	}
	
#home-video img {
	float:left;
	border:0;
	display:block;
	margin:0 4px 0 0;
	}
	
#home-video h4 {
	color:#504e48;
	height:55px;
	font:bold 11px Tahoma, Arial, Helvetica, sans-serif;
	margin:0;
	padding:0;
	overflow:hidden;
	}
	
.home-video-entry {
	float:left;
	width:170px;
	padding:0 4px 0 2px;
	}
.home-video-entry div{
	float:left;
	width:95px;
	}
	
/* = Column Right
-----------------------------------------------------------------------------*/	
#column-right {
	width:266px;
	float:left;
	padding:30px 0 0 0;
	}
	
#important {
	width:100%;
	overflow:hidden;
	}
	
#important span{
	float:left;
	font:bold 12px Tahoma, Arial, Helvetica, sans-serif;
	color:#75736b;
	padding:5px 0 5px 10px;
	width:162px;
	height:57px;
	display:block;
	overflow:hidden;
	line-height:17px;
	}
	
.important-entry {
	width:100%;
	height:71px;
	background-color:#e4e1dc;
	margin:0 0 5px 0;
	overflow:hidden;
	}
	
.important-img {
	float:left;
	border:1px solid #75736b;
	margin:5px 0 0 5px;
	}
	
.important-textimg {
	float:right;
	border:0;
	margin:0;
	}
	
#search {
	float:left;
	width:100%;
	overflow:hidden;
	margin:30px 0 0 0;
	}
	
#search img {
	float:left;
	margin:0 0 5px 0;
	}
	
#search input.search-textfield {
	float:left;
	width:180px;
	height:15px;
	padding:1px;
	font:11px Tahoma, Arial, Helvetica, sans-serif;
	color:#706e69;
	border:1px solid #b4b4b4;
	}
	
#search input.search-submit {
	float:left;
	margin:1px 0 0 6px;
	}
		

/* Footer
----------------------------------------------------------------- */
#footer {
	width:968px;
	height:16px;
	padding:8px 6px;
	float:left;
	font:11px Tahoma, Arial, Helvetica, sans-serif;
	border-top:1px solid #c8c7c4;
	}
	
#footer a {
	color:#706e69;
	text-decoration:none;
	}
	
#footer a:hover {
	text-decoration:underline;
	}
	
#footer p {
	float:left;
	color:#706e69;
	padding:0;
	margin:0;
	}	
	
#footer-atcom {
	float:right;
	margin:1px 0 0 0;
	}	

.atcom, #atcomProductionFlash {
	float:left;
	}	
	
#footer-atcom .atcom a {
	font-family:tahoma, verdana;
	font-size: 10px;
	font-weight: normal;
	text-decoration: none;
	color: #8A837D;
	}

#footer-atcom .atcom a:hover {
	font-family:tahoma, verdana;
	font-size: 10px;
	font-weight: normal;
	text-decoration: none;
	color: #625C57;
	}



#sitemap {
	float:left;
	width:100%;
	}

	
#sitemap a {
	color:#706e69;
	text-decoration:none;
	font-weight:bold;
	}
	
#sitemap ul {
	padding:10px 0 10px 20px;
	margin:0;
	list-style:none;
	}
	
#sitemap ul ul{
	list-style:square;
	padding:0 0 10px 34px;
	}
	
#sitemap ul ul ul{
	list-style:disc;
	}
	
#sitemap li li a {
	color:#706e69;
	text-decoration:none;
	font-weight:normal;
	}
	
#sitemap li li li a {
	color:#8e8c83;
	text-decoration:none;
	}
	
#sitemap a:hover {
	text-decoration:underline;
	}



.articleList2 {
	width:100%;
	margin:0 0 20px 0;
	}
	
.periexomeno {
	width:100%;
	}
	
.date {
	font-weight:bold;
	}	
	
.title {
	font-size:12px;
	padding:0 0 4px 0;
	}
	
.title a {
	color:#ed1c24;
	text-decoration:underline;
	font-weight:bold;
	}
	
.title a:hover {
	text-decoration:none;
	}


#article-carousel					{ float: left; clear: both; margin-bottom: 10px; padding: 15px; width: 492px; background-color: #f1f0ed }
* html #article-carousel			{ padding-bottom: 0 }
#article-carousel dl,
#article-carousel dt,
#article-carousel dd,
#article-carousel dd.photo,
#article-carousel dd.photo img,
#article-carousel dd.credits,
#article-carousel .nav-holder		{ float: left; clear: left; width: 492px }
#article-carousel dl				{ margin: 0; padding-bottom: 10px; font-family: Tahoma, Verdana, sans-serif; color: #504e48; border-bottom: 1px solid #c8c7c4 }
#article-carousel dt				{ margin: 8px 0 0 0; font-size: 15px; font-weight: bold }
#article-carousel dd				{ margin: 0; font-size: 11px }
#article-carousel dd.photo			{ font-size: 0; line-height: 0 }
#article-carousel dd.credits		{ font-size: 9px; color: #706e69 }
#article-carousel .nav-holder		{ position: relative; padding-top: 15px }
#article-carousel .nav-mask			{ float: left; margin: 0 24px; width: 444px; height: 71px; overflow: hidden }
* html #article-carousel .nav-mask	{ display: inline }
#article-carousel .nav-mask ul		{ list-style: none; margin: 0; padding: 0 }
#article-carousel .nav-mask li		{ float: left; width: 111px }
#article-carousel .nav-mask li a	{ float: left; width: 106px }
#article-carousel .nav-mask li a img{ float: left; width: 102px; height: 67px; border: 2px solid #f1f0ed }
#article-carousel .nav-mask li.active a img		{ border-color: #ed1c24 }
#article-carousel .nav-holder p					{ position: absolute; top: 42px; margin: 0 }
* html #article-carousel .nav-holder p			{ clear: left }
#article-carousel .nav-holder p.previous		{ left: 0 }
#article-carousel .nav-holder p.next			{ right: 0 }
#article-carousel .nav-holder p a,
#article-carousel .nav-holder p span			{ display: block; width: 11px; height: 17px; overflow: hidden; background-image: url('images/article_carousel_nav_sprite.gif'); background-repeat: no-repeat }
#article-carousel .nav-holder p.previous a		{ background-position: 0 0 }
#article-carousel .nav-holder p.next a			{ background-position: -20px 0 }
#article-carousel .nav-holder p.previous span	{ background-position: -40px 0 }
#article-carousel .nav-holder p.next span		{ background-position: -60px 0 }
#article-carousel .nav-holder p a em,
#article-carousel .nav-holder p span em			{ display: none; visibility: hidden; font-size: 0; line-height: 0 }

#tooltip		{ position: absolute; clear: both; display: block; margin: 0; padding: 2px 4px 4px; width: 100px; font: bold 9px/10px Tahoma, Verdana, sans-serif; text-align: left; color: #fff; background-color: #ed1c24 }
* html #tooltip	{ padding-top: 4px }
*+html #tooltip	{ padding-top: 4px }


/* added styles for Calendar - 23.09.09 */
#calendar							{ float:left; padding:8px; width:522px; margin:20px 0; }
#calendar h2						{ font:normal 20px Georgia; color:#ed1c24; }
#calendar td						{ padding:0 0 5px 0; position:relative; }
#calendar .dates span				{ display:block; width:70px; height:70px;  text-align:center; font:bold 22px Georgia; color:#f0eeea; line-height:70px; }
#calendar .dates span a				{ display:block; width:70px; height:70px; background:url(images/calendar.gif) 0 0; color:#75736b; text-decoration:none; position:relative; }
#calendar .dates span a:hover		{ background-position:0 -140px; color:#fff; }
#calendar .dates span .current		{ background-position:0 -70px; }
#calendar .dates .reserved			{ color:#ed1c24; }
#calendar .days span				{ display:block; width:70px; border-right:1px solid #f2efe9; font:bold 12px Tahoma; color:#75736b; text-align:center; vertical-align:middle; padding:6px 0; margin:6px 1px; }
#calendar .days .last				{ border:0; }
#calendar .days 					{ background-color:#e4e1dc; border-bottom:6px solid #ccc9c4; margin:0 0 8px 0; width:517px; overflow:hidden; }
#calendar .days td					{ padding:0; }
.calendar-controls					{ width:100%; overflow:hidden; margin:0 0 10px 0; }
.calendar-controls img				{ border:0; vertical-align:middle; padding:0 4px; }
.calendar-controls .month			{ font:normal 22px Tahoma; color:#504e48; float:left; width:240px; }
.calendar-controls .year			{ font:normal 20px Georgia; color:#504e48; float:right; width:100px; }
.calendar-infos						{ font:normal 11px Tahoma; color:#504e48; padding:0 0 0 20px; overflow:hidden; margin:30px 0 0 0; }
.calendar-infos ul,
.calendar-infos ol					{ padding:0; margin:0; list-style:none; }
.calendar-infos ol 					{ float:left; }
.calendar-infos ul 					{ float:right; }
.calendar-infos li					{ vertical-align:top; width:144px; }
.calendar-infos ol li				{ padding:8px 0 8px 34px; }
.calendar-infos .current			{ background:url(images/calendar-icons.gif) no-repeat 0 2px; }
.calendar-infos .available			{ background:url(images/calendar-icons.gif) no-repeat 0 -27px; }
.calendar-infos .reserved			{ background:url(images/calendar-icons.gif) no-repeat 0 -57px; }
.calendar-infos .info				{ background-color:#e4e1dc; padding:0 8px; border-right:6px solid #b2b0aa; margin:0 0 4px 0; }
.calendar-infos .info a				{ text-decoration:none; color:#504e48; background:url(images/info-icon.gif) no-repeat left center; display:block; padding:12px 20px 12px 30px; }
.calendar-infos .cancel				{ background-color:#e4e1dc; padding:0 8px; border-right:6px solid #b2b0aa; }
.calendar-infos .cancel a			{ text-decoration:none; color:#504e48; background:url(images/cancel-icon.gif) no-repeat left center; display:block; padding:12px 20px 12px 30px; }
/* added styles for Calendar - 13.10.09 */
#calendar .dates span a .redBox			{ display:none; }
#calendar .dates span a:hover .redBox	{ display:block; }
.redBox	{ position:absolute; width:70px; left:45px; top:23px; font:normal 9px tahoma; color:#ffffff; background-color:#FF0000; z-index:9999; padding:5px 10px; }


/* added styles for request and cancel forms - 30.09.09 */
#inside-form						{ color:#504e48; float:left; line-height:18px; padding:8px; text-align:justify; width:522px; }
#inside-form .row					{ float:left; clear:both; width:100%; padding:7px 0 8px 0; }
#inside-form .row.line				{ width:500px; height:1px; margin:7px 5px 8px 5px; padding:0; background-color:#f4f0e9; font-size:1px;
									  line-height:1px; }
#inside-form .column,
#inside-form .column-half			{ float:left; width:49%; padding:0 1% 0 0; }
#inside-form .required-text			{ font-size:10px; color:#abaaa7; }
#inside-form .button					{ text-align:right; }
#inside-form a						{ color:#504e48; }
#inside-form a:hover					{ text-decoration:none; }
#inside-form span.red				{ color:#ed1c24; }
#inside-form span.required			{ font-size:9px; color:#ed1c24; }
#inside-form label					{ display:block; padding:0 0 2px 0; font-size:11px; }
#inside-form label.width-auto			{ display:inline; width:auto; }
#inside-form input,
#inside-form select					{ padding:1px; font:normal 10px Tahoma, Arial, Helvetica, sans-serif; color:#000; }
#inside-form input.date-bg			{ width:220px; height:16px; padding-top:4px; padding-left:4px; border:0;
									  background:url(images/input_date_bg.gif) no-repeat left top; color:#f04047; vertical-align:text-bottom; }
#inside-form input.submit				{ width:135px; height:20px; margin:0 7px 0 0; border:0; background-color:#b4b4b4; font-size:11px;
									  font-weight:bold; color:#fff; }
#inside-form .whole					{ width:510px; }
#inside-form .half					{ width:249px; }
#inside-form .half-half				{ width:119px; }


#header-search form.form_searchTop{ float:right; padding:0 15px 0 0; }

#header-search .header-input-search { margin-left:20px; display:inline; }

.social_icons_box 		{ float:right; font:normal 11px tahoma; color:#75736B; }
.social_icons_box span  { font-size:14px; color:#cbcbcb; }
.social_icons_box a 	{ margin:0px 2px; display:inline; }
.social_icons_box img 	{ border:0; vertical-align:middle; }

.home_addToFav { float:left; padding:12px 0px 12px 6px; width:164px; }
.home_addToFav .imgFav { clear:both; display:block; overflow:hidden; }
.home_addToFav .add_rss { clear:both; display:block; overflow:hidden; font:normal 11px tahoma; color:#706f6a; text-align:center; padding-top:7px; }
.home_addToFav .add_rss a { color:#706f6a; text-decoration:none; }
.home_addToFav .add_rss a:hover { color:#706f6a; text-decoration:underline; }
.home_addToFav .add_rss img { margin-right:3px; display:inline; vertical-align:bottom; }
.home_addToFav .add_rss a img { text-decoration:none; }
.home_addToFav .add_rss img:hover { text-decoration:none; }


/* added styles for tell to frind form - 02.05.11 */
.form-wrap							{ margin:2em 0; }
.form-wrap form						{ margin:0; padding:10px 20px; background-color:#f3f2ef; border:0; }
.form-wrap .row						{ width:485px; margin:1em 0; overflow:hidden; }
.form-wrap .row.buttons				{ margin-top:2em; }
.form-wrap label					{ float:left; width:65px; padding:0 5px 0 20px; background:url(images/arrow-red.gif) no-repeat left center; font-size:12px; color:#716e69; line-height:30px; }
.form-wrap input[type=text]			{ float:left; width:381px; height:16px; padding:6px; background-color:#fff; border:1px solid #e4e1dc; font-size:11px; color:#000; }
.form-wrap .row.buttons p			{ float:right; margin:0 0 0 20px; border-right:7px solid #e11a22; }
.form-wrap .row.buttons input		{ height:30px; margin:0; padding:0 10px; background:#b4b4b4; border:0; font-weight:bold; font-size:12px; color:#fff; line-height:30px; overflow:visible; cursor:pointer; zoom:1; }
.form-wrap small					{ display:block; margin:1em 0 0 0; font-style:italic; font-size:10px; color:#bab9b9; line-height:13px; }


