body {
	background-color:#ccccef;
}
#container {
	display:block;
	width:47.5em;
	margin:0;
	padding:0;
}
/*  -----Pagetitle div */
#pagetitle {
	background-color:#eeeeff;
	width:47em;
	padding:0.7em;
	margin:1.0em;
	border:solid 1px #ccccee;
}
#logo {
	border:0;
	margin:0em;
	padding:0em;
	font-size:1.5em;
	font-weight:bold;
}
#logo img{
	text-decoration:none;
	border:0;
}
#pagetitle h1{
	padding:0.3em 0 0.7em 0.3em;
	margin:0;
	font-style:oblique;
	font-size:1.7em;
	color:#5555aa;
	text-decoration:underline;
}
#pagetitle h2 {
	font-size:1.3em;
	text-align:right;
	padding:0 0.7em 0.2em 0;
	margin:0;
	color:#5555aa;
}
/*  -----Maintable (login) */
#maintable {
	width:480px;
	border:solid black 1px;
	padding:0;
	background-color:#9999bb;
	border-spacing:0.0em 0.0em;
}
#maintable th {
	padding:0.2em;
	background-color:#bb9999;
	border-bottom:solid black 1px;
}

#maintable td{
	padding:0.1em 0.8em;
	font-weight:bold;
}
#maintable input.text {
	border:solid black 1px;
	width:100%;
}
#maintable input.buttons {
	border:solid black 1px;
	background-color:#bb9999;
}
/*  -----Error+Success bars*/
td#error {
	font-weight:bold;
	background-color:#cc0000;
}
td#success {
	font-weight:bold;
	background-color:#00cc00;
}
/*  -----menu */
#menu {
	display:block;
	background-color:#eeeeff;
	width:8em;
	padding:0.0em;
	margin:1.0em;
	border-top:solid 1px #ccccee;
	border-bottom:solid 1px #ccccee;
	border-left:solid 1px #ccccee;
	float:left;
}
#menu #exit {
	font-style:oblique;
}
#menu ul {
	list-style:none;
	margin:0.0em;
	padding:0.0em;
}
#menu #menutitle {
	background-color:#ffddaa;
	padding:0.2em;
	margin:0;
	text-align:center;
	border:solid 1px #bb9999;
	border-bottom:solid 1px #ccccee;
	font-weight:bold;
	font-size:1.3em;
}
#menu ul li div {
	font-size:0.7em;
	font-family:sans-serif;
	font-weight:bold;
	color:#ccccef;
	background:#555599;
	display:block;
	padding-right:0.3em;
	border-top:solid 1px #5555bb;
	border-bottom:solid 1px #5555bb;
	border-right:0.3em solid #5555bb;
	border-left:0.3em solid #5555bb;

	/*
	padding:0.25em 0.25em 0.25em 0.75em;
	border-right:solid 1px #9999bb;
	border-top:solid 1px #9999bb;
	background:#ddddee;
	*/

}
#menu ul li {
	text-align:right;
	margin:0.0em;
	padding:0.0em;
	border-top:solid #eeeeff 1px;
	border-bottom:solid #eeeeff 1px;
	border-left:solid #eeeeff 1px;
}
#menu ul li a {
	display:block;
	margin:0;
	text-align:right;
	text-decoration:none;
	font-size:0.9em;
	color:#0000bb;
	padding:0.0em 0.5em 0.1em 0.2em;
	border-right:0.25em solid #5555bb;
	border-top:solid 1px #9999ff;
	border-bottom:solid 1px #9999ff;
}
#menu ul li a span{
	font-size:0.7em;
	color:#5555bb;
}
#menu ul li a#current {
	/*
	text-align:center;
	color:#0000bb;
	font-size:0.8em;
	background-color:#ddddff;
	border-top:solid 1px #5555bb;
	border-bottom:solid 1px #5555bb;
	border-right:0.3em solid #5555bb;
	border-left:0.3em solid #5555bb;
	*/
	text-align:left;
	font-size:0.8em;
	color:#0000bb;
	padding-left:0.3em;
	background-color:#ccccef;
	/*background-color:white;*/
	border-top:solid 1px #9999bb;
	border-bottom:solid 1px #9999bb;
	border-right:0.0em solid #eeeeff;
	border-left:0.3em solid #5555bb;
}
#menu ul li a:hover {
	text-align:right;
	font-size:0.9em;
	color:#0000bb;
	padding:0.0em 0.5em 0.1em 0.1em;
	background-color:#ccccef;
	/*background-color:white;*/
	border-top:solid 1px #9999bb;
	border-bottom:solid 1px #9999bb;
	border-right:0.25em solid #ccccef;
	/*border-right:0.25em solid #eeeeee;*/
	border-left:0.3em solid #888844;
	/*
	color:#9999bb;
	background-color:#eeeedd;
	border-top:solid 1px #9999bb;
	border-bottom:solid 1px #9999bb;
	border-right:0.25em solid #888844;
	border-left:0.25em solid #888844;
	*/
}

/*  -----content */
#content {
	display:block;
	/*background-color:#eeeeff;
	background-color:#e2e2ff;
	border:solid 1px #ddaa77;*/
	width:34.9em;
	padding:0.0em 0.0em 0.0em 0.0em;
	margin:0.5em;
	float:left;
	background:#555599;

}
#content p {
	margin:0.3em 0 0 0;
	padding:0.2em 0.9em;
	text-align:justify;
	font-family: sans-serif;
	font-size:0.9em;
	color:#ffddaa;
}
#content table {
	width:100%;
	padding:0;
	border-spacing:0.0em 0.0em;
}
#content table th {
	text-align:left;
	font-weight:bold;
	font-size:0.8em;
	padding:0 0.2em 0.1em 0.7em;
	background:#ffddaa;
	border-top:solid #bb9999 1px;
	border-right:solid #bb9999 1px;
	border-left:solid #bb9999 1px;
	border-bottom:solid #0000bb 0.2em;

}

#content table td{
	padding:0.1em 0.8em;
	font-weight:bold;
	color:#ccccef;
	font-size:0.8em;
}
#content table select.select {
	border:solid black 1px;
	width:100%;
}
#content table textarea.text {
	border:solid black 1px;
	height:9em;
	width:30em;
	margin:0;
	padding:0.5em 0 0 0.5em;
}
#content table input.text {
	border:solid black 1px;
	width:100%;
}
#content table input.buttons {
	border:solid black 1px;
	background-color:#bb9999;
}
#content table td img {
	float:right;
	display:block;
	padding:0;
	margin:0;
	width:10em;
}
/*  ----- Periexomeno sto content*/
ul li.options{
	padding-top:0.9em;
	padding-left:2.5em;
	font-weight:bold;
	font-size:0.8em;
}
ul li.options a {
	display:inline;
	width:2em;
	margin:0.1em;
	padding:0 0.3em 0.15em 0.3em;
	text-decoration:none;
	border:solid 1px #9999bb;
	border-top:solid 0.2em #5555bb;
	background:#eeeeff;
	color:#5555bb;
}

#files-list {
	display:block;
	width:27em;
	margin:3em 3em 0 3em;
	padding:0.0em;
	border:solid 0px #9999bb;
}
#content-title {
	font-weight:bold;
	font-size:0.8em;
	padding:0 0.2em 0.1em 0.7em;
	background:#ffddaa;
	border-top:solid #bb9999 1px;
	border-right:solid #bb9999 1px;
	border-left:solid #bb9999 1px;
	border-bottom:solid #0000bb 0.2em;
}
#content-back {
	display:block;
	padding:0;
	font-weight:bold;
	font-size:0.8em;
	background:#ddaa77;
	text-align:right;
	border-bottom:solid #bb9999 1px;
	border-right:solid #bb9999 1px;
	border-left:solid #bb9999 1px;
	border-top:solid #0000bb 0.2em;
}
#content-back a{
	padding:0.1em 0.7em 0.2em 0.2em;
	color:#55b;
}
#files-list ul {
	list-style:none;
	margin:1em;
	padding:0;
}
#files-list ul li {
	padding-left:0.5em;
	color:#aaaa77;
}
#info {
	display:block;
	width:30em;
	margin-left:2em;
	margin-top:0em;
	padding:0.3em;
}
#info ul li {
	padding-bottom:0.3em;
	text-align:justify;
	border-bottom:solid 1px #5555bb;
}
#info ul li span {
	color:#ccccef;
	font-size:0.8em;
	font-weight:bold;
	padding:0 0.1em 0.1em 0;
	/*background:#ddaa77;
	border:solid black 1px;
	padding:0 0.0em 0.1em 0.3em;*/
}
#info ul li h2 {
	text-decoration:underline;
	color:#aaaaef;
}
#info ul li a {
	padding-left:1em;
	text-decoration:none;
	font-family:sans-serif;
	font-style:oblique;
	font-size:0.8em;
	color:#ddaa77;
}
#info ul li a:hover {
	text-decoration:underline;
}
#genikes-list, #eidikes-list {
	display:block;
	float:left;
	margin:1.5em 0 0 2em;
	padding:1em;
	width:13em;
}
#genikes-list ul, #eidikes-list ul, #info ul{
	list-style:none;
	padding:0;
	margin:0;
}
#genikes-list ul li a, #eidikes-list ul li a, #files-list ul li a {
	color:#ddaa77;
	text-decoration:none;
	padding-left:0.0em;
	margin-left:0.5em;
	font-family:sans-serif;
	font-size:0.9em;
}
#genikes-list ul li a:hover, #eidikes-list ul li a:hover, #files-list ul li a:hover {
	text-decoration:underline;
	border:solid black 1px;
}
#genikes-list div, #eidikes-list div {
	color:#ccccef;
	font-weight:bold;
	font-family:sans-serif;
	font-size:0.9em;
	margin-bottom:0.7em;
	text-decoration:underline;
}
/*  -----footer */
#footer {
	display:block;
	width:39em;
	margin:2em;
	padding:0.2em 1.5em;
	float:left;
	border-top:solid black 1px;
	text-align:right;
}
#footer a {
	text-decoration:none;
}


/* WYSIWYG EDITOR */

/* Toolbar */
.toolbar1   { border: 1px solid #666666; height: 26px; background-image: url(../icons/background_silver.jpg); }
.toolbar2   { border: 1px solid #666666; height: 24px; background-image: url(../icons/background_silver.jpg); border-bottom: 0px; border-top: 0px; }

/* Command Buttons */
.button     { width: 20px; height: 20px; border: 0px solid transparent; margin: 1px; padding: 0px; background: transparent; }
.buttonOver { width: 20px; height: 20px; border: 1px solid #999999; margin: 0; padding: 0px; }


/* Font Type and Size Drop Down */
.dropdown          { background-color: #FFFFFF; border: 1px solid #333333; height: 140px; overflow: auto; padding: 1px; }
button.mouseOver   { background-color: #EEEEEE; border: 1px solid #CCCCCC; padding: 3px; cursor: default; text-align: left;}
button.mouseOut    { background-color: #FFFFFF; border: 1px solid #FFFFFF; padding: 3px; cursor: default; text-align: left;}




/* CREATE TABLE POPUP */

/* Select Border Width/Type */
.on   { background-color: #EEEEEE; border: 1px solid #CCCCCC; padding: 6px; width: 125px; cursor: default; height: 5px;}
.off  { background-color: #FFFFFF; border: 1px solid #FFFFFF; padding: 6px; width: 125px; cursor: default; height: 5px;}

/* Select Shading/Border Color */
.selectColorTable  { border: 1px solid #7E7E81; background-color: #F7F7F7; padding: 1px; }
.selectColorBorder { border: 1px solid #F7F7F7; }
.selectColorOn     { border: 1px solid #999999; background-color: #CCCCCC; }
.selectColorOff    { border: 1px solid #F7F7F7; background-color: #F7F7F7; }
.selectColorBox    { border: 1px solid #FFFFFF; font-size: 1px; height: 13px; width: 13px; }