/* CSS Document */

.SpryHiddenRegion {
	visibility: hidden;
}

#mainErga{
width:959px;
margin:.9px 0;
padding:0;
/*border-top:1px #000000 solid;*/
}
ul {
	list-style:none;
	margin:0;
	padding:0;
}

#activeLi{border-bottom:#000 solid medium;}

.mainErgaTitle {
	background-color:#F3F3F3;
	/*border-top: solid 1px black;*/
	margin: 0px;
	padding: 7px 0 5px 35px;
	height:15px;
	cursor: pointer;
	/*font-size:16px;*/
	font-size:22px;
	-moz-user-select: none;
	-khtml-user-select: none;
	background-image:url(../css/images/accordionClosed.jpg);
	background-repeat:no-repeat;
	background-position:8px center;
	font-weight:normal;
}
.activeMainErgaTitle{
	background-color:#EB951A !important; color:#fff !important;
background-image:url(../css/images/accordionOpened.jpg) !important;
	background-repeat:no-repeat;
	background-position:8px center;
	border-bottom:#000 1px solid !important;
	font-size:24px;}



.mainErgaTitle{border-bottom:1px solid #000; color:#000;}
.mainErgaTitle a{color:#000;}
.mainErgaTitle a:visited{color:#000;}

.subErga{margin:0; padding:3px 0;}
.subErga li{margin:0; padding:0;}
.subTitle{margin:0; padding:0;}

.activeContent {
	height:336px;
	background-color:#CCCCCC;
	/*border:thick #000 solid;*/
}
.hiddenContent{height:0px; visibility:hidden;}


/*AFTO EDO EPIREAZEI KAI TO POS ANOIGEI I LEFKI GRAMMI*/
#mainProjectsContainer{height:299px;/* border:#000 solid thin;*/}


.projectsPics{margin-top:3px;}



#projectsInMenu {
    background-color: #BCBDC1;
    height: 24px;
    list-style: none outside none;
    margin: 2px 0;
    padding: 2px 0 0;
    width: 959px;
}
#projectsInMenu li{float:left;
margin:1px 0; padding:5px 9px 3px 9px; background-color:#BCBDC1; border-right:#333 solid thin;}

#projectsInMenu a{text-decoration:none; color:#333333; font-weight:normal !important; /*font-size:11px;*/ font-size:20px;}
#projectsInMenu a:hover{text-decoration:underline; color:#fff;}
#projectsInMenuActive {color:#fff !important;}



/*insideMenu{thin solid; margin:0; padding:0; height:20px; width:950px; background-color:#c0c0c0;}*/
#thumbsTd{vertical-align:top;}
#thumbsIn{height:180px; width:180px; padding-left:25px;}
#thumbsIn li{padding:7px;}
#ergoName #ergoDesc #thumbIcon .pages{vertical-align:bottom; float:right;}
.ergoDescr{text-align:right;}
#thumbIcon{text-align:right;}
#insideTable{float:right;}


.pagin{ height:38px !important; margin:0 !important; padding:0 !important; width:90px;}
.pagin li{width:15px; text-align:center;}
.pageNum{width:40px !important;}
.textDesc{padding-right:15px;}


.projectsTable{width:230px; height:297px;}
.projectsTable td{width:230px; height:100%; vertical-align:bottom; text-align:right;}
.proTitle{vertical-align:bottom !important; margin-right:15px;}

#projectDescription ul{ margin:0 0 0 10px; projectNumberedNav padding:120px 20px 0 0; width:50px; background-color:#CCCCCC; float:right;}
#projectDescription ul li{float:left; color:#EB951A; font-size:12px; font-weight:600; background-color:#CCCCCC; cursor:pointer;}



#projectDescription{float:left; width:230px; height:297px; background-color:#ccc;}
#projectDescription h2{color:#EB951A; text-align:right; font-size:14px; /*margin:10px 7px 0 0; height:20px;*/}
#projectDescription p{color:#333; margin:20px 7px 0 0; text-align:right; bottom:0; left:0;}
#projectPhoto{float:right; width:725px; margin-top:1px; height:297px; overflow:hidden;}

.line{background-color:#FFFFFF; height:5px; margin:6px 0; width:959px; float:left;}

#preloader{margin-left:380px; margin-top:105px;}
#loader{height:20px; width:20px;}



/******************************/
#thumbsNavigation{  display: block; margin: -2px 0 0 -10px;}
#thumbsDiv{margin-top:5px;}
#thumbsTd{height:/*190*/146px;}
/*#thumbsIn{list-style:none; margin-right:1px;}
#thumbsIn li{float:right; padding:1px;}*/
#thumbsIn{list-style:none; margin-left:15px; padding-right:8px;}
#thumbsIn li{float:left; padding:2px;}

.ergoDescr{margin-top:-2px;}
.ergoName{line-height: 14px; margin-top: 6px; text-align: right;}
#ergoDesc{display: block; margin-left: 27px; width: 178px;}

.SpryHiddenRegion {
	visibility: hidden;
}
.opZero{opacity:.1;
filter: alpha(opacity=0);
	background-color:#cccccc;
}
img{border:none;}
#mainProjectsContainer{position:relative;}

.rightArea{float:right; height:297px; width:725px; overflow:hidden;}
#leftArea {
    float: left;
    /*height: 270px;*/
	height:275px;
    overflow: hidden;
    position: absolute;
    width: 228px !important;
}
/*element.style {
    display: block;
}*/
#leftAreaBottom {
    clear: both;
    display: none;
    float: left;
    margin-top: 264px;
    overflow: hidden;
    padding: 2px 0 0 109px;
    position: absolute;
    width: 133px;
}
#leftAreaBottomTable{ width:187px; text-align:right; float:left;}
#insideTable{height:20px; overflow:hidden; width:96px; float:left;}
/*afti edo i grammi epireazei to pagedNav*/
#pageNum{width:40px; padding-right:3px;}


#loader{ position:absolute;width:20px; height:20px; margin-left:190px;}
.leftT{height:inherit;}

.sel{background-color:#666666;}
.hover{background-color:#999999; cursor:pointer;}
/******************************/

