@charset "utf-8";
/* CSS Document */

body {
	margin:0;
	padding:0;
	color:#000;
	background-image: url(../images/theme/dots.png);
	background-repeat:repeat;		
	font-family: "Courier New",
		 "Nimbus Mono L",
		 Courier,
		 "Liberation Mono",
		 "Lucida Console",
		 "Lucida Sans Typewriter",
		 monospace;
	font-size:12px;
	text-align: center;
}
	

#container {
	width:960px;
	margin:0 auto 0 auto;
	text-align: left;
}


#titlebar {
	height:120px;
}

#white {
	background-color:#FFF;
}

#horizontalmenu {
	
	background-image: url(../images/theme/menu.png);
	height:90px;
	padding-left:30px;
}	


#navi {
	float:left;
	width:180px;
	margin: 20px 0 0 10px;
}


#maincontent {
	float:right;
	width:700px;
	margin-right:40px;
	margin-top: 20px;
	text-align: justify;
}

#maincontent a{
	text-decoration: none;
	color: #00AEEF;
}

#maincontent_fullw {
	float:right;
	width:800px;
	margin-right:62px;
	margin-top: 20px;
	text-align: justify;
}

/*
#viewports {
	float:right;
	width: 210px;
	padding:10px;
	text-align: justify;
}
*/
#footer {
	clear:both;
	padding:55px 26px 0px 26px;
	height:43px; /* = image height - padding-top = 98px - 55px, */
	background:url(images/bg_footer.png);
	background-repeat:repeat-x;

}


* html #footer { /* ie6 hack */
	height:1px;
}


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

.lesson_professor {
	font-size:12px;
	line-height:20px;
}

.lesson_title {
	width:100%;
	padding: 4px 0px 0px 0px;	
	border-bottom: solid 1px #CCC;
	color: #EC008C;
	font-size: 14px;
}

.lesson_ects {
	width:100%;
	padding: 4px 0px 0px 0px;	
	border-bottom: solid 1px #CCC;
	font-size: 14px;
}

.lesson_ects a{
	text-decoration: none;
	color: #00AEEF;
}

.lesson_didaskontes {
	width:100%;
	padding: 4px 0px 0px 0px;	
	border-bottom: solid 1px #CCC;
	color: #000;
	font-size: 14px;
}

.lesson_didaskontes a{
	text-decoration: none;
	color: #00AEEF;
}
.navi_title {
	padding-top: 4px;
	color:#EC008C;
	font-size:14px;
}


#viewports td{
	background-color:#FFF200;
}

.link_fuchsia {
	text-decoration:none;
	color: #EC008C;
}

.staff_list_container {
	margin-top:-4px;
}

.staff_list_1st_line {
	width: 100%;
	padding: 4px 0px;
	border-bottom: solid 1px #CCC; 	
}

.staff_list_2nd_line {
	width: 100%;
	padding: 4px 0px;
	border-bottom: solid 2px #999;
}

.staff_list_2nd_line_text {
	padding-left:64px;
}

.staff_list_3rd_line {
	width: 100%;	
	padding: 4px 0px;	
	border-bottom: solid 1px #CCC;
}

.category_header {
	width:100%;
	border-bottom: solid 1px #CCC !important;
	font-size:14px;
	font-weight:bold;
}

.staff_vathmida {
	color: #000;
	font-size:12px;
	padding: 14px 0px;
	margin-left:85px;	
}

.staff_name {
	color: #EC008C;
	font-size: 14px;
	margin-left:85px;
}

.staff_subject {
	color: #000;
	font-size:12px;
	margin-left:85px;
}

.project_img { /* diplomatikes small img */
	max-width: 200px;
	border: 0px;
	max-height: 200px; 
	float: left; 
	padding: 10px 20px 0px 0px;
}

.popup {  /* diplomatikes popup img */
	background-color: #fff; 
	border-radius: 15px;
	display:none;
	height:auto;
	padding:15px;
	width:auto; 
	text-align: justify;
}

/*  ------  sliding announcements  --------- */

.announcement_title{
	width: 100%;
	padding: 4px 0px;
	border-top: solid 1px #CCC;
	border-bottom: solid 1px #CCC;
	color: #EC008C;
}
.announcement_date{
	width: 100%;
	padding: 4px 0px;
	border-bottom: solid 2px #CCC;
	color:#000;
}

div.trigger a, div.close a {cursor:pointer;}
.toggle_container {
	padding: 0;
	overflow: hidden;
	width: 100%;
	clear: both;
}

/* ---------- first page ---------------- */

.boxcontainer {
	width:180px;
	height:280px;
	margin-right:15px;
	margin-bottom:15px;
	float:left;
}

.boxcontainer a:link, .boxcontainer a:visited, .boxcontainer a:hover, .boxcontainer a:active {
	text-decoration:none;
	border-style: none; /*disable link border */
}
 
.boxcontainer .box {
	/* xreiazetai gia na valw to more absolutely positioned at the bottom */
	position:relative;
	height:270px;
}
.boxcontainer .photo {
	margin:10px;
	height:160px;
}

.boxcontainer .photo img {
	border-style: none;
}

.boxcontainer .title, .boxcontainer .title a {
	margin: 0px 10px;
	font-size:16px;
	color: #000;
}
.boxcontainer .description {
	margin: 0px 10px;
	font-size:10px;
	color:#000;
}
.boxcontainer .more {
	position: absolute;
	bottom:0px;
	margin: 0px 10px;
	font-size:9px;
	color: #FFF;
}

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