/**********
* GENERAL *
***********/
body { 
    background-color:#6B6F72; 
    font-family: Arial, Verdana, Tahoma, Calibri;
    text-align:center;
    font-weight:bold;
    color:#464748;
    font-size:medium;
}
img { border: solid 0px black }
a, a:visited { color:#FC1D06; text-decoration:none; } 
#Content 
{
	text-align:left;
	margin-left:auto;
	margin-right:auto;
	width:900px;
	background-color:#EFF0EA;
	padding-top:15px;
	/*padding-left:15px;*/
	line-height:1.2em;
	font-size:medium;
	}
.Title 
{
	font-size:130%;
	font-weight:bold;
}
.HL 
{
	background-color:#FC1D06;
	margin:8px 0px 5px 130px;
	height:8px;
	line-height:8px;
	font-size:2px;
	
}
.HLsmall 
{
	background-color:Transparent;
	border-bottom:solid 1px #464748;
	/*background-color:#464748;*/
	margin:0px 0px 3px 130px;
	top:10px;
	height:2px;
	font-size:1px;
	clear:right;
}
.HLredSmall
{
	background-color:Red;
	width:40px;
	height:3px;
	font-size:1px;
	float:left;
	/*vertical-align:bottom;*/
	margin-top:10px;
	clear:left;
}
.footer
{	
	right:0px;
	margin-left:130px;
	width:770px;
}


#functions 
{
	float:right;
	/*left:50%;*/
	font-size:70%;
	font-weight:normal;
	padding:1px;
	/*position:absolute;*/
	z-index:100;
	margin-top:20px;
}
#search 
{
	float:right;
	width:200px;
	margin-right:10px;
	margin-top:-5px;
	text-align:right;
	vertical-align:middle;
	padding:2px;
	font-size:70%;
	font-weight:normal;
}

#screen { display:none;}

.LostFocus {color:#888888;}
.GotFocus {color:#000000;}
.visible 
{
	display:block; 
	visibility:visible; 
	z-index:1000; 
	position:absolute;
	margin-left:-120px; 
	/*margin-top:100px;*/
	background-color: #AAAA99; 
	border: solid 1px black;
	/*filter: Alpha(Opacity=80, FinishOpacity=80, Style=2, StartX=0, StartY=0, FinishX=0, FinishY=0); -moz-opacity:.80;*/
	}
.hidden { display:none; visibility:hidden;}
/*viewfiles*/
.viewer
{
border:solid 2px black;
	width:97%;
	margin:10px;
	
}

viewer_sv
{
border:solid 1px #464748; 
	background-color:white; 
	margin-left:auto; 
	margin-right:auto;
	margin-top:10px;	
	width:97%;
}
/*NAVIGATION*/
.Nav {
	display:block;
	/*margin:0px 0px 0px 0px;*/
	background-color:#FFFFFF;
	border-bottom:solid 1px #DCDCDB;
    border-left:solid 1px #DCDCDB;
    border-top:solid 1px #DCDCDB;
    /*margin-top:5px;*/
    margin-left:15px;
}

#dates, #letters {
    height:60px; 
    margin-top:0px;
    width:100%;
}
ul.Decades {
    list-style-type: none;
    white-space: nowrap;
    display:block;
    font-size:10px;
    margin-top:10px;
    margin-bottom:0;
    margin-left:15px;
    padding-left:0;
}

ul.Decades li {
    float: left;
    font-size: 10px;
    font-weight:bold;
    margin-right: 56px; /*48px; Verdana*/
    color: #505052;
}

ul.dates {
    list-style-type: none;
    white-space: nowrap;
    display:block;
    position:relative;
    font-size:5px;
    clear:left;
    margin-top:-5px;
    margin-left:0;
    padding-left:0;
}

.Bar {
    display:block;
    position:relative;
    width:6px;
    background-color:#505052;
    float:left;
    margin-left:2px;
}

.Big { height:18px; }
.Small { top:5px; height:13px; line-height:13px; }
.over {background-color:#FC1D06; color:White; cursor:pointer;}
.Disabled {background-color:#ACB0B3;}
.Selected {background-color:#FC1D06; color:White;}

ul.Letters{
    list-style-type: none;
    white-space: nowrap;
    display:block;
    font-size:95%;
    font-weight:bold;
    clear:left;
    margin-top:0px;
    margin-left:0;
    padding-left:0;
}
ul.Letters li {
    display:block; 
    float: left;
    margin-right:3px;
    border-right: solid 1px #FC1D06;
    font-weight:bold;
    padding-right:4px;
    padding-left:2px;
}
ul.Letters li.lastLetter {
    display:block; 
    float: left;
    font-weight:bold;
    padding-left:2px;
    border-right: solid 1px #FFFFFF;
}
/*SiteNav*/
#SiteNav  
{
	clear:both;
	margin:0 0 0 90px;
}
#SiteNav ul{
    list-style-type: none;
    white-space: nowrap;
    display:block;
    font-size:110%;
    clear:left;
    margin-top:0px;
    height:20px;
    /*position:relative;*/
    /*left:90px;*/
}
#SiteNav ul li {
    float: left;
    margin-right:3px;
    /*border-right: solid 1px #464748;*/
    font-weight:bold;
    padding-right:4px;
    padding-left:2px;
    color:#FC1D06;
}
#SiteNav ul li.lastLetter {
    float: left;
    font-weight:bold;
    padding-left:2px;
    border-right: solid 1px #EFF0EA;
}
#SiteNav ul li.curPage { color:#464748;}
#SiteNav ul li a:hover { text-decoration:underline;}
#SiteMap 
{
	font-size:80%;
	margin:0px 0px 0px 130px;
	color:#464748;
}

/*Content*/
.GeneralInfo {
	display:block;
	/*margin:0px 0px 0px 0px;*/
	background-color:#FFFFFF;
	border-bottom:solid 1px #DCDCDB;
    border-left:solid 1px #DCDCDB;
    border-top:solid 1px #DCDCDB;
    /*margin-top:5px;*/
    margin-left:15px;
}

#results 
{
	margin: 15px 0px 5px 130px;
}
.results { color:#FC1D06;}

.result
{
	margin-left:130px;
	margin-right:10px;
	color:#464748;
	font-size:80%;
}
/*.rTitle 
{
	color:#FC1D06;
	font-size:12pt;
	font-weight:bold;
	padding-bottom:5px;
}

.resultTitle 
{
	font-size:13px;
}
*/
.data 
{
	color:#FC1D06;
	font-weight:normal;
}
.greyData 
{
	color:#464748;
	font-weight:normal;
}
/*PAGER*/
.selectedPage { color:#464748; margin-left:4px;}
.pageLink, .pageLink:visited{ color:#FC1D06; margin-left:4px;} /*464748*/
#pager .over { background-color:#EFF0EA;}

.gotoTop {width:45px; float:left; font-size:70%; margin-top:-50px; }

/*PlayDetails*/
.Workcontrib 
{
	margin-left:-130px;
}
.cWorkTitle 
{
	width:100px;
	/*color:#FC1D06;*/
	color:#464748;
	padding-right:15px;
	background-image:url('http://www.xanthi.ilsp.gr/nt/App_Themes/Theme/images/arrow1.jpg');
	background-position:right;
	background-repeat:no-repeat;
}

/* WORKS */

/*peopleDetails*/
.personRole 
{
	padding-bottom:5px;
	border-bottom: solid 1px black
}
.personRoles 
{
	font-size:80%;
	font-weight:normal;
	/*line-height:2.5em;*/
}
.peopleDetailsLine 
{
	display:block; 
	border-bottom: solid 1px #AAAAAA;
	/*margin:5px 0 5px 0;*/
	padding:5px 0 5px 0;
}

.collectionsImage { border: solid 2px #fff; margin:3px; height:100px; width:100px; }
.collectionsImage:hover { border: solid 2px red; }
.repeatPhotoBlock { clear:left; border:solid 1px transparent;}
.repeatPhotoBlock:hover { border-top:solid 1px #6B6F72; border-bottom:solid 1px #6B6F72; background-color:#f6f6ee; }