/*
gia embed tou font
http://paulirish.com/2009/bulletproof-font-face-implementation-syntax/
http://www.wazu.jp/gallery/Fonts_Greek.html
* 
* ttf to eot --> ttf2eot --> http://code.google.com/p/ttf2eot/
* gia ttf to otf --> fontforge --> blepe analytikes odigies sto FAQ "How do I convert from one outline format to another?"
* 
* opote pernoume ena ttf, to metatrepoume se eot kai se otf, kai me ta parakatw 2 selectors to xrisimopoioume
*/

/*@font-face {
  font-family: 'taksidi';
  src: url('../media/fonts/DejaVuSans-Bold.eot');
  src: local('taksidi Regular'), local('taksidi'), 
         url('../media/fonts/DejaVuSans-Bold.otf') format('opentype');
}*/

body
{
/*font-family: 'taksidi', sans-serif;*/
font-family:arial;
margin:0;
padding:0;
background-color:black;
}

h4.dropboxheading
{
	text-align:center;
	font-size:13px;
	font-weight:bold;
	border-bottom:3px solid black;
}
h4.dropboxheading:hover
{
	border-bottom:3px solid #5F0000;
	
}
div#screen-container
{
	width:800px;
	height:600px;
	position:relative;
	overflow:hidden;
	z-index:10;
	background-color:black;
	margin-left:auto;
	margin-right:auto;
}

div.screen
{
	width:800px;
	height:600px;
	position:absolute;
	left:0px;
	top:0px;
	z-index:20;
	display:none;
}

div.screencontent
{
position:absolute;
left:0;
top:0;
width:800px;
height:600px;

}

.backimg
{
position:absolute;top:0;left:0;


}


#studytext
{
	width:530px;
	height:500px;
	position:absolute;
	left:10px;
	top:10px;
	z-index:2000;
	display:none;
	overflow:auto;
	background-color:white;
	filter:alpha(opacity=90);	
	opacity: 0.9;
	padding:5px 0 5px 5px;
}
#innertextdiv
{
	padding-top:10px;
	padding-bottom:10px;
	padding-right:10px;
	position:relative;
}
.closeStudyText
{
	position:absolute;
	right:0;
	width:20px;
	height:20px;
}
#closeStudyTextTop
{
	top:0;
	cursor:pointer;
}
#closeStudyTextBottom
{
	bottom:0;
	cursor:pointer;
}

#selectText
{
width:40px;
height:40px;
position:absolute;
right:10px;
top:10px;
z-index:2000;
cursor:pointer;
padding:5px;
}
#studytextmenu, #selectmusicmenu, #selectscreenmenu
{
	width:170px;
	height:400px;
	position:absolute;
	left:550px;
	top:60px;
	z-index:2000;
	display:none;
	overflow:auto;
	background-color:white;
	filter:alpha(opacity=90);	
	opacity: 0.9;
	border:1px solid black;
}
#selectscreenmenu
{
height:520px;
width:290px;
top:30px;
left:440px;
}
#selectmusicmenu
{
	width:250px;
	height:570px;
	left:450px;
	top:10px;
}
#selectscreenmenu li
{
	cursor:pointer;
}

#innertextmenudiv, #innermusicmenudiv, , #innerscreenmenudiv
{
	padding-top:10px;
	padding-bottom:10px;
	position:relative;
}
.closeStudyTextMenu
{
	position:absolute;
	right:0;
	width:20px;
	height:20px;
}
#closeStudyTextMenuBottom, #closeSelectMusicMenuBottom, #closeSelectScreenMenuBottom
{
	bottom:0;
	cursor:pointer;
	/*position:absolute;*/
	right:0;
	width:20px;
	height:20px;
}
#innertextmenudiv ul, #innermusicmenudiv ul, #innerscreenmenudiv ul
{
margin: 0;
padding: 1px;
}
#innertextmenudiv ul li, #innermusicmenudiv ul li, #innerscreenmenudiv ul li
{
list-style: none;
margin: 0;
padding: 5px;
cursor:pointer;
}
#innertextmenudiv ul li:hover, #innermusicmenudiv ul li:hover, #innerscreenmenudiv ul li:hover
{
background-color:#BFBFBF !important;
}

div#navigationbottom
{
position:absolute;
bottom:0;
right:0;
z-index:2000;
}

div#navigationbottom div
{
width:60px;
height:60px;
position:relative;
float:left;
}

#selectMusic
{
width:40px;
height:40px;
position:absolute;
right:10px;
top:69px;
z-index:2000;
cursor:pointer;
padding:5px;
}

#selectScreen
{
width:50px;
height:50px;
position:absolute;
right:7px;
top:120px;
z-index:2000;
cursor:pointer;
padding:5px;
}


.navControls
{
width:40px;
height:40px;
cursor:pointer;
position:absolute;
bottom:0;
right:0;
}
#previousScreenIcon
{
left:0;
}


.page6areas
{
	width:480px;
	height:30px;
	filter:alpha(opacity=80);	
	opacity: 0.8;}
.page6areas2
{
	width:200px;
	height:240px;
	filter:alpha(opacity=80);	
	opacity: 0.8;}
.page7areas
{
	width:400px;
	height:30px;
	filter:alpha(opacity=80);	
	opacity: 0.8;}
.page8area
{
	width:500px;
	height:300px;
	filter:alpha(opacity=80);	
	opacity: 0.8;
}
.page13areas
{
	width:200px;
	height:60px;
	filter:alpha(opacity=80);	
	opacity: 0.8;
}
#screen13 a.lightbox img
{
border:0px;
}
#screen13table
{
position:absolute;
top:98px;
left:10px;
width:700px;
}

td.s13tdl
{
text-align:center;
padding-bottom:30px;
}
td.s13tdm
{
text-align:center;
padding-bottom:30px;
}
td.s13tdr
{
text-align:center;
padding-bottom:30px;
}

div.gallery
{
position:absolute;
top:300px;
left:400px;
display:none;
}
div.gallery img
{
position:absolute;
top:0;
left:0;
width:300px;
z-index:100;
}

.numbers
{
float:left;
border:1px solid #808080;
/*
margin-right:10px;
margin-left:10px;*/
padding:5px;
position:absolute;
top:10px;
left:10px;
}

.screen h1 img
{
vertical-align:top;
}
.screen h1
{
margin-right:60px;
font-size:28px;
}

#screen8_input h2
{
margin-bottom:5px;
color:white;
}
#screen8_input
{
position:absolute;
left:10px;
top:250px
}
#page8_1
{
width:550px;
height:270px;
}

div#gallery9
{
position:absolute;
top:75px;
left:440px;
display:none;
}

#screen9 ul
{
color:#FE63FB;
font-weight:bold;
position:absolute;
left:-20px;
top:120px;
}
#screen9 li
{
list-style-type: none;
font-size:20px;
margin-bottom:5px;
 }
#screen9 h1
{
color:#FE63FB;
}


#screen8 h1
{
color:#01AE32;
}

#screen7 h1
{
color:blue;
}
#screen7 table tr td
{
color:blue;
background-color:#AFE8FF;
opacity:0.9;
filter:alpha(opacity=90);	
padding-left:10px;
font-size:15px;
font-weight:bold;
height:30px;
}
#screen7 table tr td+td
{
color:red;
background-color:transparent;
opacity:1;
}


#screen10 h1
{
font-size:23px;
line-height:145%;
color:#C51630;
}

/*#screen10text
{
position:absolute;
top:100px;
left:100px;
}
*/
#screen10text
{
position:absolute;
top:100px;
left:140px;
}

#screen10video
{
position:absolute;
left:10px;
top:360px;
}
#screen10text
{
position:absolute;
top:350px;
left:350px;
font-size:22px;
color:black;
}


#screen11 table
{
position:absolute;
top:300px;
left:40px;
color:#FEC902;
text-align:center;
font-size:15px;
}

#screen11 h1
{
font-size:18px;
line-height:135%;
color:#C51630;
width:80%;
}
#screen11  span
{
margin-right:30px;
}
#screen11  table tr td
{
font-weight:bold;
}
#screen11 input
{
opacity:0.7;
filter:alpha(opacity=70);
}





#screen12 h1
{

line-height:135%;
color:black;

}

#screen12text1
{
position:absolute;
top:80px;
left:40px;
width:400px;
color:#2f2f2f;
line-height:160%
}
#screen12text2
{
position:absolute;
top:410px;
left:315px;
width:450px;
color:#2f2f2f;
line-height:160%;
text-align:right;
}

#screen2text
{
position:absolute;
top:100px;
left:405px;
width:330px;
color:black;
line-height:140%;
text-align:left;
font-size:16px;
background-color:white;
opacity:0.5;
filter:alpha(opacity=50);	
padding:5px;
}

#screen2 h1
{
color:#9EB9FF;
} 

#screen3 h1
{
color:#FE7C2D;
}

#screen3text
{
position:absolute;
top:100px;
left:15px;
width:300px;
color:#FE7C2D;
line-height:140%;
text-align:left;
}

#screen4text
{
position:absolute;
top:100px;
left:35px;
}

#screen4 h1
{
color:white;
}

#screen4 
{
color:white;
}

#screen5 h1
{
color:#FDCC9E;
}

#screen5 h2
{
color:#FDCC9E;
clear:both;
font-size:20px;
margin-left:30px;
margin-top:100px;
}
#screen5 li
{
list-style: none;
color:#FDCC9E;
margin-bottom:8px;
margin-left:10px;
}
div#screen5content
{
position:absolute;
top:10px;
left:10px;
}
div#gallery5
{
position:absolute;
top:402px;
left:5px;
display:none;
}
div#gallery5 img
{
width:260px;
}

#screen6 h1
{
color:#95C796;
}
#screen6 table
{
position:absolute;
left:10px;
top:105px;
color:#95C796;
color:#FDD000;
font-weight:bold;

}
#screen6 table tr td
{
text-align:right;
padding-right:15px;
font-size:18px;
}

#screen14 h1
{
color:black;
}

#screen14text
{
position:absolute;
text-align:center;
width:100%;
top:90px;
font-size:22px;
}
#screen14text a, #screen14text a:visited
{
color:black;;
text-decoration:none;
font-weight:bold;
}
#screen14text2
{
position:absolute;
text-align:center;
width:100%;
top:420px;
left:0; /* to thelei o IE7 */
font-size:22px;
}
#screen14text2_2
{
position:absolute;
text-align:center;
width:100%;
top:420px;
left:0; /* to thelei o IE7 */
font-size:22px;
}
#screen14text2_2 span
{
font-size:50%;
}
#screen14text2 a,#screen14text2 a:visited,#screen14text2_2 a,#screen14text2_2 a:visited
{
color:black; /*#C91731;*/
text-decoration:none;
font-weight:bold;
}

#printericon
{
	border-width:0;
	width:50px;
}


#screen1 h2
{
font-size:18px;
width:600px;
text-align:center;
position:absolute;
top:100px;
left:73px;
}

#screen1text2
{
position:absolute;
bottom:20px;
font-size:16px;
color:white;
left:20px;
}
#screen1text3
{
position:absolute;
bottom:0px;
font-size:14px;
color:white;
left:20px;
}
#screen1text3 a, #screen1text2 a
{
color:white;
}

#screen1table
{
position:absolute;
top:200px;
left:20px;

}

#screen13 .backimg
{
display:none;
}
#screen13 
{
background-color:grey;
}
#screen13 .backimg
{
display:none;
}
#screen13 
{
background-color:#bfbfbf;
}
.screentitle
{
position:absolute;
left:85px;
top:5px;
}

#screentitle13
{
left:95px;
}
#screen7 table
{
position:relative;
top:80px;
}

.screen h1
{
margin-top:0;
margin-left:0;
padding-top:0;
padding-left:0;
}