body {
margin-top : 10px;
margin-right : 20px;
margin-bottom : 20px;
margin-left : 20px;
font-family : Arial, Helvetica, sans-serif;
font-weight : normal;
background-image : url(support_pictures/background.jpg);
/*background-repeat:repeat-x;*/
background-attachment: fixed;
/*background-position: 100% 100%;*/ }

a:link {
text-decoration : none;
}

a:visited {
text-decoration : none;
}

a:hover {
text-decoration : none;
}

a.dash:link {
border-bottom : 1px dashed;
}

a.dash:visited {
border-bottom :  1px dashed;
}

a.dash:hover {
border-bottom :  1px solid;
}

a.dashpict:link {
border : none;
}

a.dashpict:visited {
border : none;
}

a.dashpict:hover {
border-bottom : 1px dashed;
}

h1 , h2 , h3 , h4 , h5, h6 {
font-family : "Trebuchet MS", Verdana, "Lucida Sans", Arial, Geneva, Helvetica,
 Helv, "Myriad Web", Syntax, sans-serif;
font-weight : normal;
}

.head, .headbox, .headbox_long, .dynabox , a.leftmenu , a.topmenuE, a.topmenuG, a.topmenuR {
font-weight : bold;
text-decoration : none;
font-size : 80%;
font-family : Verdana, "Lucida Sans", Arial, Geneva, Helvetica, Helv, "Myriad Web", Syntax, sans-serif;
}

.head {
border-style : none;
}

a {
background-color : transparent;
color : #000000;
}

a:hover, .dynabox .headbox .headbox_long a:hover {
background-color : transparent;
color : #000000;
}

.pos0 , body {
background-color : transparent;
color : #000000;
}

.pos1 , .mainbox , .dynabox {
background-color : transparent /*#d0e1f5*/;
border : #000000;
color : #000000;
}

.pos2 , .topnav , a.leftmenu:hover {
background-color : #98c2f0;
color : #000000;
border : #000000;
}


.neg0 {
color : #FFFFFF;
background-color : #000000;
}

.neg1 {
background-color : #4d75a0;
color : #ffffff;
border : #000000;
}

.neg2 , .headbox, .headbox_long {
background-color : #7d9fc4;
color : #ffffff;
border : #000000;
}

a.leftmenu:link {
display : block;
padding-top : 2px;
padding-right : 2px;
padding-bottom : 2px;
padding-left : 2px;
border-style : solid;
border-top-width : 0;
border-right-width : 1px;
border-bottom-width : 1px;
border-left-width : 1px;
width : 145px;
font-weight : normal;
text-align : left;
/*background-image: url(support_pictures/stripe_link.gif);*/
/*background-repeat:no-repeat;
background-position:center;*/
}

a.leftmenu:hover {
display : block;
padding-top : 2px;
padding-right : 2px;
padding-bottom : 2px;
padding-left : 2px;
border-style : solid;
border-top-width : 0;
border-right-width : 1px;
border-bottom-width : 1px;
border-left-width : 1px;
width : 145px;
font-weight : normal; 
text-align : left;
background-image: url(support_pictures/stripe_hover_anim_v0_1.gif);
background-color : #98c2f0;
/*color:  #000000;
border : #000000;*/
} 

a.leftmenu:visited {
display : block; 
padding-top : 2px; 
padding-right : 2px; 
padding-bottom : 2px; 
padding-left : 2px; 
border-style : solid; 
border-top-width : 0; 
border-right-width : 1px; 
border-bottom-width : 1px; 
border-left-width : 1px; 
width : 145px; 
font-weight : normal; 
text-align : left;
/* backround image does not work anymore. See why at http://hacks.mozilla.org/2010/03/privacy-related-changes-coming-to-css-vistited/ */ 
background-image: url(support_pictures/stripe_visited_v0_2.gif);
background-color : transparent /*#d0e1f5*/;
border : #000000;
color : #0000FF;
} 

a.topmenuE:link {
display : inline;
padding-top : 3px;
padding-right : 0;
padding-bottom : 3px;
padding-left : 0;
border-style : none;
border-top-width : 0;
border-right-width : 0;
border-bottom-width : 0;
border-left-width : 0px;
text-align : center;
background-color : #7d9fc4;
color : #ffffff;
border : #000000;
}

a.topmenuG:link {
display : inline;
padding-top : 3px;
padding-right : 0px;
padding-bottom : 3px;
padding-left : 0px;
border-style : none;
border-top-width : 0px;
border-right-width : 0px;
border-bottom-width : 0px;
border-left-width : 0px;
text-align : center;
background-color : #7d9fc4;
color : #ffffff;
border : #000000;
}

a.topmenuR:link {
display : inline;
padding-top : 3px;
padding-right : 0;
padding-bottom : 3px;
padding-left : 0;
border-style : none;
border-top-width : 0;
border-right-width : 0;
border-bottom-width : 0;
border-left-width : 0px;
text-align : center;
background-color : #7d9fc4;
color : #ffffff;
border : #000000;
}

a.topmenuE:hover {
background-color : #4d75a0;
color : #ffffff;
display : inline;
padding-top : 3px;
padding-right : 0;
padding-bottom : 3px;
padding-left : 0;
border-style : none;
border-top-width : 0;
border-right-width : 0;
border-bottom-width : 0;
border-left-width : 0px;
text-align : center;
background-image: url(support_pictures/uk_flag.gif);
background-repeat:no-repeat;
background-position:center;
}

a.topmenuG:hover {
background-color : #4d75a0;
color : #ffffff;
display : inline;
padding-top : 3px;
padding-right : 0px;
padding-bottom : 3px;
padding-left : 0px;
border-style : none;
border-top-width : 0px;
border-right-width : 0px;
border-bottom-width : 0px;
border-left-width : 0px;
text-align : center;
background-image: url(support_pictures/german_flag.gif);
background-repeat:no-repeat;
background-position:center;
}

a.topmenuR:hover {
background-color : #4d75a0;
color : #ffffff;
display : inline;
padding-top : 3px;
padding-right : 0;
padding-bottom : 3px;
padding-left : 0;
border-style : none;
border-top-width : 0;
border-right-width : 0px;
border-bottom-width : 0;
border-left-width : 0px;
text-align : center;
background-image: url(support_pictures/romanian_flag.gif);
background-repeat:no-repeat;
background-position:center;
}

a.topmenuE:visited {
display : inline;
padding-top : 3px;
padding-right : 0;
padding-bottom : 3px;
padding-left : 0;
border-style : none;
border-top-width : 0;
border-right-width : 0;
border-bottom-width : 0;
border-left-width : 0px;
text-align : center;
background-color :  #7d9fc4;
color : #ffffff;
border : #000000;
}

a.topmenuG:visited {
display : inline;
padding-top : 3px;
padding-right : 0px;
padding-bottom : 3px;
padding-left : 0px;
border-style : none;
border-top-width : 0px;
border-right-width : 0px;
border-bottom-width : 0px;
border-left-width : 0px;
text-align : center;
background-color :  #7d9fc4;
color : #ffffff;
border : #000000;
}

a.topmenuR:visited {
display : inline;
padding-top : 3px;
padding-right : 0;
padding-bottom : 3px;
padding-left : 0;
border-style : none;
border-top-width : 0;
border-right-width : 0;
border-bottom-width : 0;
border-left-width : 0px;
text-align : center;
background-color :  #7d9fc4;
color : #ffffff;
border : #000000;
}

.headbox {
display : block;
padding-top : 2px;
padding-right : 2px;
padding-bottom : 2px;
padding-left : 2px;
border-top-width : 1px;
border-right-width : 1px;
border-bottom-width : 1px;
border-left-width : 1px;
border-style : solid;
width : 145px;
text-align : left;
}

.headbox_long {
display : block;
padding-top : 2px;
padding-right : 2px;
padding-bottom : 2px;
padding-left : 2px;
border-top-width : 1px;
border-right-width : 1px;
border-bottom-width : 1px;
border-left-width : 1px;
border-style : solid;
width : 300px;
text-align : left;
}


.topbox {
border : 1px solid ;
border-color: #000000;
color : #ffffff;
/*background-color:#3333ff;*/
background-color:transparent;
background-image: url(support_pictures/Petelea_title_long_winter.gif);
height : 50px;
padding-top : 5px;
padding-left : 5px; 
padding-right : 5px; 
padding-bottom : 0;
} 

.topnav {
border : solid ; 
border-width : 0 1px 1px;
padding-top : 3px;
padding-bottom : 3px;
} 

.mainbox {
border : solid ; 
border-width : 1px 0 1px 1px; 
padding-top : 5px; 
padding-left : 5px; 
padding-right : 5px; 
padding-bottom : 5px;
text-align : justify;
} 

.mainbox p {
font-size : 85%; 
} 

.mainbox p a {
font-weight : bold; 
font-size : 90%; 
} 

.dynabox {
border : 1px dashed ; 
text-align : center;
} 

.dynabox .headbox, .headbox_long {
border-style : dashed; 
border-top-style : solid; 
border-right-width : 0; 
border-left-width : 0; 
padding-top : 3px; 
padding-left : 0; 
padding-right : 0; 
padding-bottom : 3px; 
} 

.dynacontent {
padding-top : 3px;
padding-left : 5px;
padding-right : 5px;
padding-bottom : 3px;
text-align : left;
font-size : 70%;
font-weight : normal;
border-style:none;
}

.dynacenter {
padding-top : 3px;
padding-left : 5px;
padding-right : 5px;
padding-bottom : 3px;
text-align : center;
font-size : 90%;
font-weight : normal;
border-style:none;
}
/****************************/
/*********** HEADER *********/
/****************************/

div#guestbookHeader {
	margin: 1em 20pt 1em 20pt;
	font: bold 10pt verdana, sans-serif;
	}

div#guestbookHeader h2 {
	margin: 0px;
	}

div#guestbookHeader a {
	}

div#guestbookHeader a:hover {
	}

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

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

/**** AUTHOR ****/

div.entry div.author {
	padding: 8pt 5pt 8pt 44px;
	margin: 0pt;
	border: 0px dotted #000;
	border-bottom-width: 2px;
	font: bold 10pt verdana;
	background: url(guestbook1.gif) no-repeat 5px 10px;
	}
div.entry div.author a:link  {
	text-decoration: none;
	color: #00f;
	}
div.entry div.author a:active  {
	text-decoration: none;
	color: #00f;
	}
div.entry div.author a:visited  {
	text-decoration: none;
	color: #00f;
	}
div.entry div.author a:hover  {
	text-decoration: none;
	color: #ff0;
	}
div.entry div.author a.website:link  {
	text-decoration: none;
	font-weight: normal;
	color: #00f;
	}
div.entry div.author a.website:active  {
	text-decoration: none;
	font-weight: normal;
	color: #00f;
	}
div.entry div.author a.website:visited  {
	text-decoration: none;
	font-weight: normal;
	color: #00f;
	}
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: #EAE6E3;
	#background-color: #7d9fc4;
	background-color: #cccccc;
	padding: 3pt 5pt 3pt 6pt;
	margin: 0pt;
	border: 0px solid #333;
	border-bottom-width: 2px;
	font-size: 10pt;
	}
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: #cccccc;
	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: #330099;
	border: 0px solid #333;
	border-bottom-width: 2px;
	}
form#guestbook h2 {
	padding: 3pt 5pt 3pt 6pt;
	margin: 0pt;
	text-align: center;
	color: #ffe;
	border: 0px solid #333;
	border-bottom-width: 2px;
	}

/**** key ****/

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

/**** NAME ****/

form#guestbook div#name {
	padding: 3pt 5pt 3pt 6pt;
	margin: 0pt;
	border: 0px dotted #333;
	border-bottom-width: 2px;
	}
form#guestbook div#name span.label {
	display: block;
	float: left;
	width: 30%;
	color: #000;
	font: bold 10pt 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;
	}
form#guestbook div#email span.label {
	display: block;
	float: left;
	width: 30%;
	font: bold 10pt 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;
	}
form#guestbook div#website span.label {
	display: block;
	float: left;
	width: 30%;
	font: bold 10pt 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;
	}
form#guestbook div#message span.label {
	margin-right: .5em;
	font: bold 10pt verdana;
	margin-bottom: 4pt;
	}
form#guestbook div.formatcontrols {
	display: inline;
	}
form#guestbook div.formatcontrols img {
	border-width: 0px;
	margin-bottom: 2pt;
	vertical-align: middle;
	}
form#guestbook div#message textarea {
	display: block;
	clear: both;
	border: 1px inset #AAB6B2;
	font: 11pt arial;
	padding: 2pt 3pt 3pt 4pt;
	width: 100%;
	}

/**** 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 10pt 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 13pt 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 10pt 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 10pt 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: #AAB6B2;
	padding: 1pt;
	margin: 2pt 2pt 2pt 2pt;
	border: 1px outset #AAB6B2;
	font: bold 13pt arial;
	}
table.editableentry th {
	text-align: left;
	font: bold 10pt arial;
	padding: 2pt 4pt 3pt 4pt;
	}
table.editableentry td,th {
	border: 1px outset #AAB6B2;
	}
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;
	}