/*
Title:      	Eendracht Ubeersel guestbook styles for screen media
Author:     	KFR, © 2005 Karel Frederix.
Updated:    	Mar 15 2006
*/

/* ---- [ guestbook ] ------------ */
#guestbookHeader { margin: 25px 0 15px 25px; text-align: left; width: 495px; }
#guestbookHeader span { vertical-align: top; text-decoration: none; font-weight: bold; }
#guestbookHeader a { vertical-align: top; text-decoration: none; font-weight: bold; }
#guestbook { clear: both; border: solid 1px #999; border-width: 1px 1px 0 1px; margin: 0 0 10px 25px; }
#guestbook .msgOdd { padding: 7px; background-color: #eee; border: solid 1px #999; border-width: 0 0 1px 0; }
#guestbook .msgEven { padding: 7px; background-color: #ddd; border: solid 1px #999; border-width: 0 0 1px 0; }
#guestbook .msgHeaderWrapper { margin: 0 0 10px 0; border: solid 1px #999; border-width: 0 0 1px 0; width: 475px; display: inline-block; overflow: hidden; }
#guestbook .msgHeader { float: left; font-size: 1.1em; width: 375px; overflow: visible; }
#guestbook .msgReply { float: right; text-align: right; width: 100px; font-weight: bold; }
#guestbook .msgReply a { font-size: 1.1em; font-weight: bold; text-decoration: none; vertical-align: top; }
#guestbook .msgReply span{ vertical-align: top; text-decoration: none; font-weight: bold; }
#guestbook .msgDelete { margin: 0 0 0 20px; }
#guestbook .msgBody { clear: both; padding: 0 0 5px 5px; font-size: 1.2em;  width: 465px; overflow: hidden; }
#guestbook .msgBody .indent { margin-left: 20px; padding: 5px; }
#guestbook .msgOdd .msgBody .indent { border: solid 1px #999; background-color: #ddd; }
#guestbook .msgEven .msgBody .indent { border: solid 1px #999; background-color: #eee; }
#guestbook .msgBody div { margin-bottom: 10px; padding: 0 0 5px 0; font-style: italic; border-bottom: solid 1px #999; }

/* ---- [ new message ] ------------ */
fieldset { border: 0; }
fieldset br { clear: both;}
fieldset label { width: 100px; text-align: left; }
fieldset label, fieldset input, fieldset select { display: block; float: left; margin: 2px 0;}
fieldset input.btn { float: right;}
#msgAdd { clear: both; margin: 30px 0 0 100px; text-align: left; }

/* ---- [ emoticons ] ------------ */
#emoticons { display: block; margin: 10px 0 0 100px; width: 250px; text-align: center; vertical-align: bottom; }
#emoticons a { padding: 5px; }