/* Type CSS rules here and they will be applied
to pages from 'editcss'
immediately as long as you keep this window open. */

/**** LINK-tag style sheet SoumelidisGuestbook.css ****/

/* Type CSS rules here and they will be applied
to pages from 'editcss'
immediately as long as you keep this window open. */

/**** LINK-tag style sheet SoumelidisGuestbook.css ****/

/* Type CSS rules here and they will be applied
to pages from 'editcss'
immediately as long as you keep this window open. */

/**** LINK-tag style sheet SoumelidisGuestbook.css ****/

/****************************/
/*********** HEADER *********/
/****************************/

div#guestbookHeader {
	margin: 1em 2pt 1em 2pt;
	font: bold 8pt verdana, sans-serif;
	padding: 8pt 0pt 8pt 0pt;
	}

div#guestbookHeader h2 {
	margin: 0px;
	padding-top: 2pt;
	padding-bottom: 2pt;
	font: bold 12pt verdana, sans-serif;
	}

div#guestbookHeader a {
	font: normal 8pt verdana, sans-serif;
	color: #313433;
	}

div#guestbookHeader a:hover {
	font: normal 8pt verdana, sans-serif;
	color: #313433;
	}


/****************************/
/*********** MESSAGES ********/
/****************************/

	
div.entry {
        color:#000;
	background-color: #D2DF37;
	padding: 0pt;
	margin: 2pt 2pt .5em 2pt;
	border: 2px solid #FF9900;;
	border-width: 1px 1px 0px 1px;
	font-family: verdana, sans-serif;
	}

div.entry div.author {
	padding: 8pt 5pt 8pt 44px;
	margin: 0pt;
	border: 0px dotted #000;
	border-bottom-width: 2px;
	font: bold 8pt verdana;
	background: url(guestbook1.gif) no-repeat 5px 10px;
	}
div.entry div.author a:link  {
	text-decoration: none;
	color: #fff;
	}
div.entry div.author a:active  {
	text-decoration: none;
	color: #fff;
	}
div.entry div.author a:visited  {
	text-decoration: none;
	color: #fff;
	}
div.entry div.author a:hover  {
	text-decoration: none;
	color: #fff;
	}
div.entry div.author a.website:link  {
	text-decoration: none;
	font-weight: normal;
	color: #fff;
	}
div.entry div.author a.website:active  {
	text-decoration: none;
	font-weight: normal;
	color: #fff;
	}
div.entry div.author a.website:visited  {
	text-decoration: none;
	font-weight: normal;
	color: #fff;
	}
div.entry div.author a.website:hover  {
	text-decoration: none;
	font-weight: normal;
	color: #ff0;
	}
div.entry div.author span.messagenumber  {
	color: #313433;
	}


/**** DATE ****/

div.entry div.date {
	color: #313433;
	padding: 3pt 5pt 3pt 6pt;
	margin: 0pt;
	border: 0px dotted #000;
	border-bottom-width: 2px;
	font: bold 8pt verdana;
	text-align: left;
	}

/**** MESSAGE ****/

div.entry p.message  {
	background-color: #E5EF77;
	padding: 3pt 5pt 3pt 6pt;
	margin: 0pt;
	border: 0px solid #333;
	border-bottom-width: 2px;
	font-size: 8pt;
	}
div.entry p.message img {
	vertical-align: middle;
	}
div.entry p.message a:link  {
	text-decoration: none;
	color: #00f;
	}
div.entry p.message a:active  {
	text-decoration: none;
	color: #00f;
	}
div.entry p.message a:visited  {
	text-decoration: none;
	color: #00f;
	}
div.entry p.message a:hover  {
	text-decoration: underline;
	}

/****************************/
/*********** FORM ***********/
/****************************/

form#guestbook {
	background-color: #96A116;
	padding: 0pt;
	margin: 2em 2pt 3em 2pt;
	border: 3px solid #333;
	border-bottom-width: 0px;
	font-family: verdana, sans-serif;
	}

/**** HEADER ****/

form#guestbook h1 {
	padding: 3pt 5pt 3pt 6pt;
	margin: 0pt;
	text-align: center;
	color: #ffe;
	background-color: #6F7610 ;
	border: 0px solid #333;
	border-bottom-width: 2px;
	font: bold 12pt Verdana;
	}

/**** NAME ****/

form#guestbook div#name {
	padding: 3pt 5pt 3pt 6pt;
	margin: 0pt;
	border: 0px dotted #333;
	border-bottom-width: 2px;
	color: #ffe;
	}
form#guestbook div#name span.label {
	display: block;
	float: left;
	width: 30%;
	font: bold 8pt verdana;
	text-align: right;
	padding-right: 1em;
	}
form#guestbook div#name input {
	border: 1px inset #9EA9A5;
	}
form#guestbook div#email {
	padding: 3pt 5pt 3pt 6pt;
	margin: 2pt;
	border: 1px outset #9EA9A5;
	}

/**** EMAIL ****/

form#guestbook div#email {
	padding: 3pt 5pt 3pt 6pt;
	margin: 0pt;
	border: 0px dotted #333;
	border-bottom-width: 2px;
	color: #ffe;
	}
form#guestbook div#email span.label {
	display: block;
	float: left;
	width: 30%;
	font: bold 8pt verdana;
	text-align: right;
	padding-right: 1em;
	}
form#guestbook div#email input {
	border: 1px inset #AAB6B2;
	}

/**** WEBSITE ****/

form#guestbook div#website {
	padding: 3pt 5pt 3pt 6pt;
	margin: 0pt;
	border: 0px dotted #333;
	border-bottom-width: 2px;
	color: #ffe;
	}
form#guestbook div#website span.label {
	display: block;
	float: left;
	width: 30%;
	font: bold 8pt verdana;
	text-align: right;
	padding-right: 1em;
	}
form#guestbook div#website input {
	border: 1px inset #AAB6B2;
	}

/**** MESSAGE ****/

form#guestbook div#message {
	padding: 3pt 5pt 6pt 6pt;
	margin: 0pt;
	border: 0px dotted #333;
	border-bottom-width: 2px;
	text-align: left;
	color: #ffe;
	}
form#guestbook div#message span.label {
	margin-right: .5em;
	font: bold 8pt verdana;
	margin-bottom: 4pt;
	}
form#guestbook div.formatcontrols {
	display: inline;
	font: bold 8pt verdana;
	}
form#guestbook div.formatcontrols img {
	border-width: 0px;
	margin-bottom: 2pt;
	vertical-align: middle;
	}
form#guestbook div#message textarea {
	display: block;
	clear: both;
	font: 8pt verdana;
	padding: 0pt;
	width: 97%;
	margin:auto;
	}

/**** SUBMIT ****/

form#guestbook div#submit {
	padding: 5pt 6pt 5pt 6pt;
	margin: 0pt;
	text-align: right;
	border: 0px solid #333;
	border-bottom-width: 3px;
	}
.optional {
	font-weight: normal;
	}

/****************************/
/*********** PAGER **********/
/****************************/

div.pager {
	text-align: center;
	margin: 2em 0em 2em 0em;
	font: bold 8pt verdana;
	}
div.pager a:link  {
	text-decoration: none;
	color: #00f;
	}
div.pager a:active  {
	text-decoration: none;
	color: #00f;
	}
div.pager a:visited  {
	text-decoration: none;
	color: #606;
	}
div.pager a:hover  {
	text-decoration: none;
	color: #ffc;
	}

/****************************/
/*********** ADMIN **********/
/****************************/


/**** CHANGE PASSWORD ****/

form#changepass {
	background-color: #AAB6B2;
	padding: 1pt;
	margin: 1.6em 2pt 3em 2pt;
	border: 1px outset #AAB6B2;
	font: bold 8pt arial;
	}
form#changepass h3 {
	padding: 2pt;
	margin: 2pt;
	border: 1px outset #AAB6B2;
	text-align: center;
	}
form#changepass div#newPassword1 {
	padding: 3pt 5pt 3pt 6pt;
	margin: 2pt;
	border: 1px outset #AAB6B2;
	}
form#changepass div#newPassword1 label {
	display: block;
	float: left;
	width: 50%;
	font: bold 8pt verdana;
	text-align: right;
	padding-right: 1em;
	}
form#changepass div#newPassword1 input {
	border: 1px inset #AAB6B2;
	}
form#changepass div#newPassword2 {
	padding: 3pt 5pt 3pt 6pt;
	margin: 2pt;
	border: 1px outset #AAB6B2;
	}
form#changepass div#newPassword2 label {
	display: block;
	float: left;
	width: 50%;
	font: bold 8pt verdana;
	text-align: right;
	padding-right: 1em;
	}
form#changepass div#newPassword2 input {
	border: 1px inset #AAB6B2;
	}
form#changepass div#changepasssubmit {
	padding: 5pt 6pt 5pt 6pt;
	margin: 2pt;
	border: 1px outset #AAB6B2;
	text-align: center;
	}

/**** EDITABLE ENTRY ****/

table.editableentry {
	width: 98%;
	background-color: #c5bbbf;
	padding: 1pt;
	margin: 2pt 2pt 2pt 2pt;
	border: 1px outset #AAB6B2;
	font: bold 8pt arial;
	}
table.editableentry th {
	text-align: left;
	font: bold 8pt arial;
	padding: 2pt 4pt 3pt 4pt;
	}
table.editableentry td,th {
	border: 1px outset #c5bbbf;
	}
table.editableentry td {
	text-align: center;
	}
table.editableentry td.name input {
	width: 90%;
	}
table.editableentry td.email input {
	width: 90%;
	}
table.editableentry td.website input {
	width: 90%;
	}
table.editableentry td.date input {
	width: 90%;
	}
table.editableentry textarea {
	width: 90%;
	height: 5em;
	}
div#editsubmit {
	margin-top: 2em;
	}

/*---------MAIN CSS SHEET ----------------------------------*/

/* -------- Begin relevance for Guestbook -------------- */

BODY {
   background: #EEF3A7 none;
   color: #FF9900;
}

.CounterBox {
   POSITION: absolute;
   WIDTH: 45px;
   HEIGHT: 25px;
   MARGIN-BOTTOM: 20px; 
   MARGIN-LEFT: 20px; 
   LEFT: 0px;
   BOTTOM: 0px;
   background: #96A116 none;
   color: #A5BBBF;
}


.BigBox {
   POSITION: absolute; 
   TOP: 0%; 
   LEFT: 50%; 
   HEIGHT: 410px; 
   WIDTH: 800px; 
   MARGIN-TOP: 0px; 
   MARGIN-LEFT: -400px; 
   BORDER-TOP: 0px #48d1cc;  
   BORDER-BOTTOM: 0px #48d1cc; 
   BORDER-RIGHT: 0px #48d1cc; 
   BORDER-LEFT: 0px #48d1cc; 
   FONT-SIZE: 12px; 
   FONT-FAMILY: "Trebuchet MS", Arial, Tahoma, Verdana, Helvetica, sans-serif; 
}

.HeaderBox {
   POSITION: relative; 
   MARGIN : 0px; 
   BORDER-TOP : 1px solid #FF9900;
   BORDER-RIGHT : 1px solid #FF9900;
   BORDER-BOTTOM : 1px solid #FF9900;
   BORDER-LEFT : 1px solid #FF9900;
   BACKGROUND : #96A116 none;
   HEIGHT: 30px; 
   PADDING: 26px; 
   TEXT-ALIGN: center;
   COLOR: #FFFFFF; 
   FONT-SIZE: 20px; 
}

.LeftLanguage1 {
   POSITION: absolute;    
   HEIGHT: 14px; 
   TOP: 15px; 
   LEFT: -1px; 
   WIDTH: 70px; 
   MARGIN-TOP: 5px; 
   MARGIN-LEFT: 0px; 
   BORDER-TOP : 1px solid #FF9900;
   BORDER-RIGHT : 1px solid #FF9900;
   BORDER-BOTTOM : 1px solid #FF9900;
   BORDER-LEFT : 1px solid #FF9900;
   BACKGROUND: #96A116 none; 
   COLOR: #ffffff; 
   PADDING-TOP: 2px; 
   PADDING-RIGHT: 3px; 
   PADDING-LEFT: 3px; 
   PADDING-BOTTOM: 3px;    
   FONT-FAMILY: Verdana, "Trebuchet MS",Arial, Helvetica, sans-serif; 
   FONT-WEIGHT: normal; 
   FONT-SIZE: 10px; 
   TEXT-ALIGN: center;
   FILTER: alpha(opacity=60); 
}

.LeftLanguage2 {
   POSITION: absolute;    
   HEIGHT: 14px; 
   TOP: 40px; 
   LEFT: -1px; 
   WIDTH: 70px; 
   MARGIN-TOP: 5px; 
   MARGIN-LEFT: 0px; 
   BORDER-TOP : 1px solid #FF9900;
   BORDER-RIGHT : 1px solid #FF9900;
   BORDER-BOTTOM : 1px solid #FF9900;
   BORDER-LEFT : 1px solid #FF9900;
   BACKGROUND: #96A116 none; 
   COLOR: #ffffff; 
   PADDING-TOP: 2px; 
   PADDING-RIGHT: 3px; 
   PADDING-LEFT: 3px; 
   PADDING-BOTTOM: 3px;    
   FONT-FAMILY: Verdana, "Trebuchet MS",Arial, Helvetica, sans-serif; 
   FONT-WEIGHT: normal; 
   FONT-SIZE: 10px; 
   TEXT-ALIGN: center;
   FILTER: alpha(opacity=60); 
}

.RightLanguage1 {
   POSITION: absolute;    
   HEIGHT: 14px; 
   TOP: 15px; 
   RIGHT: -1px; 
   WIDTH: 70px; 
   MARGIN-TOP: 5px; 
   BORDER-TOP : 1px solid #FF9900;
   BORDER-RIGHT : 1px solid #FF9900;
   BORDER-BOTTOM : 1px solid #FF9900;
   BORDER-LEFT : 1px solid #FF9900;
   BACKGROUND: #96A116 none; 
   COLOR: #ffffff; 
   PADDING-TOP: 2px; 
   PADDING-RIGHT: 3px; 
   PADDING-LEFT: 3px; 
   PADDING-BOTTOM: 3px;    
   FONT-FAMILY: Verdana, "Trebuchet MS",Arial, Helvetica, sans-serif; 
   FONT-WEIGHT: normal; 
   FONT-SIZE: 10px; 
   TEXT-ALIGN: center;
   FILTER: alpha(opacity=60); 
}

.RightLanguage2 {
   POSITION: absolute;    
   HEIGHT: 14px; 
   TOP: 40px; 
   RIGHT: -1px; 
   WIDTH: 70px; 
   MARGIN-TOP: 5px; 
   BORDER-TOP : 1px solid #FF9900;
   BORDER-RIGHT : 1px solid #FF9900;
   BORDER-BOTTOM : 1px solid #FF9900;
   BORDER-LEFT : 1px solid #FF9900;
   BACKGROUND: #96A116 none; 
   COLOR: #ffffff; 
   PADDING-TOP: 2px; 
   PADDING-RIGHT: 3px; 
   PADDING-LEFT: 3px; 
   PADDING-BOTTOM: 3px;    
   FONT-FAMILY: Verdana, "Trebuchet MS",Arial, Helvetica, sans-serif; 
   FONT-WEIGHT: normal; 
   FONT-SIZE: 10px; 
   TEXT-ALIGN: center;
   FILTER: alpha(opacity=60); 
}

.NavigationBox {
   POSITION: relative; 
   MARGIN-TOP: 2px; 
   MARGIN-BOTTOM: 2px; 
   HEIGHT: 20px; 
   BORDER-TOP : 1px solid #FF9900;
   BORDER-RIGHT : 1px solid #FF9900;
   BORDER-BOTTOM : 1px solid #FF9900;
   BORDER-LEFT : 1px solid #FF9900;
   PADDING-TOP: 4px; 
   PADDING-RIGHT: 4px; 
   PADDING-LEFT: 4px; 
   BACKGROUND: #6F7610 none;    
   COLOR: #ffffff;
   PADDING-BOTTOM: 4px; 
   TEXT-ALIGN: center;
   FONT-WEIGHT: normal; 
   FONT-SIZE: 11px; 
   WORD-SPACING: 75px; 
}

.ContentBox {
   POSITION: relative; 
   HEIGHT: 301px;
   MARGIN-BOTTOM: 3px; 
}

.TextBox {
   POSITION: absolute; 
   HEIGHT: 300px; 
   WIDTH: 578px; 
   BORDER-TOP : 1px solid #FF9900;
   BORDER-RIGHT : 1px solid #FF9900;
   BORDER-BOTTOM : 1px solid #FF9900;
   BORDER-LEFT : 1px solid #FF9900;
   FONT-SIZE: 14px; 
   BACKGROUND: #96A116 none;
   COLOR: #FFFFFF; 
   TEXT-ALIGN: center;    
}

.FotoBox {
   POSITION: absolute; 
   MARGIN-TOP: 1px; 
   LEFT: 583px;
   WIDTH: 218px;    
   HEIGHT: 301px; 
   FONT-SIZE: 14px; 
   BACKGROUND: none none; 
   COLOR: #99aaaa;
}


.FooterBox {
   POSITION: relative; 
   MARGIN-TOP: 2px; 
   MARGIN-BOTTOM: 2px; 
   HEIGHT: 20px; 
   BORDER-TOP : 1px solid #FF9900;
   BORDER-RIGHT : 1px solid #FF9900;
   BORDER-BOTTOM : 1px solid #FF9900;
   BORDER-LEFT : 1px solid #FF9900;
   PADDING-TOP: 4px; 
   PADDING-LEFT: 8px; 
   PADDING-RIGHT: 4px; 
   PADDING-BOTTOM: 4px; 
   BACKGROUND: #6F7610 none;    
   COLOR: #FFFFFF; 
   FONT-WEIGHT: normal; 
   FONT-SIZE: 10px; 
   TEXT-ALIGN: left;
}


.ExternalLinkBox {
   POSITION: absolute; 
   MARGIN-RIGHT: 5px; 
   WIDTH: 300px; 
   HEIGHT: 15px; 
   PADDING-RIGHT: 5px; 
   FONT-SIZE: 10px; 
   RIGHT: 0px; 
   BACKGROUND: #6F7610 none; 
   COLOR: #ffffff; 
   TEXT-ALIGN: right;
}


.SmallText {
   FONT-SIZE: 11px; 
   PADDING-TOP: 30px; 
}

A:link {
   BACKGROUND: transparent; 
   COLOR: #FFFFFF; 
   BORDER-BOTTOM: #FFFFFF 1px solid; 
   FONT-WEIGHT: normal; 
   TEXT-DECORATION: none;
}

A:visited {
   BACKGROUND: transparent; 
   COLOR: #FFFFFF; 
   BORDER-BOTTOM: #FFFFFF 1px solid; 
   TEXT-DECORATION: none;
}

A:hover {
   BORDER-RIGHT: 0px; 
   BORDER-TOP: 0px; 
   BORDER-LEFT: 0px; 
   BACKGROUND: transparent; 
   COLOR: #9685ba; 
   BORDER-BOTTOM: 0px; 
   TEXT-DECORATION: underline;
}

A:active {
   BORDER-RIGHT: 0px; 
   BORDER-TOP: 0px; 
   BORDER-LEFT: 0px; 
   BACKGROUND: transparent; 
   COLOR: #9685ba; 
   BORDER-BOTTOM: 0px; 
   TEXT-DECORATION: none;
}



/* -------- END relevance for Guestbook -------------- */
/* overrides */

.ContentBox {
   HEIGHT: auto;
}