/* >>> STYLE YOUR GUESTBOOK <<< */
/* File version: 1.34 $ Timestamp: November 16 2005 18:08 */

/* Modified by Henrie van der Locht */
/* Modification version: HL.03 - Date: Dec 14, 2005 */
/* Previous style.css files are only partial compatible because a lot of classes were renamed and new classes were added */
/* Modification version: HL.05 - Date: July 28, 2006 */
/* Previous style.css files are only partial compatible because new classes and id's were added */
/* New classes and id's are added for use with reply and seeip (if you search for these keywords you will find most of them */


/* general layout of the page */
body {
	color: black;
	font-family: verdana, geneva, arial, helvetica, sans-serif;
	font-size: 100%;
	}

/* display style of the links */
a {
	color: #0084BE;
	text-decoration : underline;
	}

/* display style of the link when mouse hovers over it */
a:hover {
	color: red;
	text-decoration : none;
	}

/* contains all of the guestbook */
#gbook {
	width: auto;
	margin: 0px auto;
	text-align: center; /*needed for centering #gbook in IE because margin: 0px auto; does not work in IE */
	}

/* the container of the portion between the title and the pages links (skinner and links for back to site - view guestbook - sign guestbook) */
#gbooktop {
	}

/* contains the skinner portion of the guestbook */
#gbookstyle p {
	display:inline;
	}
#gbookstyle ul {
	display:inline;
	padding: 0;
	margin: 0;
	list-style-type: none;
	}
#gbookstyle li {
	display:inline;
	font-size: 0.7em;
	}

/* the guestbook title above the links */
h3.gbooktitle, h3.gbooksubtitle {
	text-align: center;
	font-size: 0.9em;
	}

p {
	font-size: 0.7em;
	text-align: center;
	}

/* contains the links for back to site - view guestbook - sign guestbook */
.gbookmenulinks {
	text-align: center;
	}

/* contains the links for displaying the pages of gbook */
.gbookpagestop, .gbookpagesdown {
	text-align: center;
	}

/* contains the links for back to previous page or back to guestbook texts */
.backto {
	text-align: center;
	}

/* contains the text which gives messages in bold */
p.message, span.message {
	font-weight: bold;
	}

/* contains the copyright notice at te bottom of the page */
.gbookcopyright{
	border-top: #B8CFE7 1px solid; /* this draws the line above the copyright message */
	margin-top: 10px; /* this is the space between the line and the text above this line */
	padding-top: 10px;  /* this is the space between the line and the copyright text */
	text-align: center;
	}

/* style for the links for private messages in the guestbook entries */
.private {
	font-style: italic;
	}

/* style for the replies in the guestbook entries */
.gbreply {
	margin: 10px 5px 5px 5px;
	padding: 5px;
	font-style: italic;
	background-color: #F0F0F0;
	}

.gbreply_t {
	font-weight: bold;
	}

/* contains an individual guestbook entry */
div.gbookentry {
	border: #000066 1px solid;
	width: 85%; /* don't remove this one or in IE the borders will dissapper left and right of a floated element (you may change the value) */
	margin: 5px auto; /* the auto value centers the entry on the page. IE does not do this and therefor text-align:center is set in #gbook */
	clear: both;
	text-align: left;
	}

/* spacer needed when gbooksubmit and gbookcomment have float styles has to be placed at beginning and end of div with class=gbookentry */
div.gbookspacer {
	clear: both;
	}

/* contains the information of the submitter of guestbook message inclusive the the title */
div.gbooksubmit {
	width: 35%;
	float: left;
	}

/* contains the guestbook message (and added date) */
div.gbookcomment {
	width: 65%;
	float: right;
	text-align: left;
	}

/* layout of the  submitted by:  and the  Comments: title  on top of the entry */
div.gbsubmitby_t, div.gbcomments_t {
	background-color: #000066;
	color: #FFFFFF;
	display: block; /* should normally be display:block, to not display use display:none */
	font-weight: bold;
	font-size: 0.8em;
	text-align: left;
	}

/* contains the information of the submitter of guestbook message */
div.gbsubmitby_e {
	width: 100%;
	float: left;
	text-align: left;
	overflow: auto; /*use overflow auto in messages where the max_word value has left to long words that screw up the layout. Now you can scroll.*/
	width: 100%; /*this has to be set so overflow:auto can be used in IE */
	padding-bottom: 22px; /*used to give te scrollbar some room when the overflow feature is used so you just have to scroll sideways and not down */
	}

/* layout of the name of the submitter */
div.gbname {
	/*display:block;*/
	clear: both;
	}

div.gbname_t {
	/*display: none; /* display:none hides content and does not take space, visibility:hidden hides content but takes space, to show the name: text put a slash+asterisk at the start of this line */
	font-size: 0.6em;
	padding-top: 0.2em; /*needed because of smaller font-size than div.gbname_e, the text would otherwise not align at the bottom */
	padding-right: 0.6em; /*used to create a space between the fieldname and the field entry*/
	float: left;
	}

div.gbname_e {
	font-size: 0.8em;
	font-weight: bold;
	float: left;
	}

/* layout of the other fields */
div.gbfrom, div.gbwebsite, div.gbemail {
	display:block;
	line-height:0.8em;
	clear: both;
	}

div.gbfrom_t, div.gbfrom_e, div.gbwebsite_t, div.gbwebsite_e, div.gbemail_t, div.gbemail_e, div.gbip_t, div.gbip_e {
	font-size: 0.6em;
	padding-right: 0.6em;  /*used to create a space between the fieldname and the field entry*/
	float: left;
	}

/* display of the website and email images when $settings['img_links']=1; is chosen */
div.gbwebsite img, div.gbemail img {
	border: 0px;
	float: left;
	}

/* layout of the guestbook comment message */
div.gbcomments_e {
	font-size: 0.8em;
	border-bottom: #B8CFE7 1px solid; /* this draws the line between the message and the added date */
	overflow: auto; /*use overflow auto in messages where the max_word value has left to long words that screw up the layout. Now you can scroll. */
	width: 100%; /*this has to be set so overflow:auto can be used in IE */
	padding-bottom: 22px; /*used to give te scrollbar some room when the overflow feature is used so you don't have to scroll vertically*/
	}

/* layout of the added date, ip-number, and delete sections */
div.gbadded, div.gbip, div.gbdel {
	display:inline;
	line-height:0.8em;
	}

/* layout of the date the message was added */
div.gbadded_t, div.gbadded_e {
	font-size: 0.6em;
	float: left;
	padding-right: 0.6em;  /*used to create a space between the fieldname and the field entry*/
	}

/* layout of the gb-admin images (delete/reply/ip) */
div.gbadmin {
	float: right;
	}
div.gbadmin img {
	border-width: 0px;
	margin-left:5px;
	}

/* layout of the nospam banner image */
div.nospam img {
	border-width: 0px;
	}

/* layout of the valid xhtml image */
div.xhtml img {
	border-width: 0px;
	}


/* LAYOUT SPECIFIC FOR ADD ENTRY PAGE */

/* layout for the add entry page */
#gbookaddentry {
	margin: 0px auto;
	width: 450px;
	border: solid #000066 1px;
	padding: 3px;
	}

/* style for the error displayed when a fiels requirements are not ok */
#addentryerror {
	color: red;
	font-size: 0.7em;
	}

/* style for the required fields */
.req {
	font-weight: bold;
	}

#addentryfields {
	}

.addentryrow {
	margin: 4px 10px 0px 10px; /* also play with the margins of the addentryrow label and addentryrow input because in firefox margins between rows are not made when a border is not defined */
	}

.addentryrowcomments {
	clear: both; /* prevents the comments area to float right of the input fields */
	}

.addentryrow label {
	display: block;	
	font-size: 0.7em;
	float: left;
	width: 150px;
	text-align: left; /* needed when width is set */
	margin: 4px 0px 0px 0px; 
	}

.addentryrowcomments label {
	display: block;
	float: none;
	font-size: 0.7em;
	text-align: center;
	margin: 4px 0px 4px 0px;
	}

.addentryrow input {
	width: 200px;
	float: left;
	font-family: verdana, geneva, arial, helvetica, sans-serif;
	font-size: 0.7em;
	margin: 4px 0px 4px 0px;
	}

/* this sets a different width for the url input field. Beware this has to be defined after the general input field width */
.addentryrow input#url {
	width: 250px;
	}

/* emphasized text, used for the "do not post url" text above the comments textarea */
em {
	font-size: 0.7em;
	font-style: italic;
	text-align: center;
	}

textarea  {
	width: 430px;
	height: 150px;
	font-family: verdana, geneva, arial, helvetica, sans-serif;
	font-size: 0.7em;
	}

/* contains the options below the add comments textarea */
.addentryoptions {
	text-align: center;
	font-size: 0.7em;
	border: solid red 0px;
	}

.addentryoptions input {
	font-family: verdana, geneva, arial, helvetica, sans-serif;
	font-size: 1em; /* it should automatically inherit the font-size properties of the class addentryoptions but does only do this correctly when i set it to 1em */
	}

.addstyledtext, .addsmileys, .addprivate {
	margin: 0px auto;
	padding: 5px 1px;
	width: 430px;
	border: 1px solid #F8F8F8;
	}

.addstyledtext, .addprivate {
	background-color: #F8F8F8;
	}

.addsecimg {
	margin: 25px 0px 5px 0px;
	}

.addsecimg input {
	width: 80px;
	}

/* style for the security code image */
#sec_img {
	width: 100px;
	height: 20px;
	border: 1px solid black;
	}

input#submit {
	margin-top: 10px; /* just place the submit button a little free from the text above */
	}

/* LAYOUT SPECIFIC FOR ANTI-SPAM PAGE */

#gbookantispam {
	margin: 0px auto;
	width: 450px;
	border: solid #000066 1px;
	padding: 3px;
	}

#gbookantispam p {
	text-align: left;
	}
	
#gbookantispam p.message {
	text-align: center;
	}

input#secnumber{
	width: 50px;
	font-family: verdana, geneva, arial, helvetica, sans-serif;
	/* font-size: 0.7em; /* this input field is placed inside a <p> so no need to set the font size */
	}

/* LAYOUT SPECIFIC FOR CONFIRM DELETE PAGE */
/* LAYOUT SPECIFIC FOR PROBLEM MESSAGE PAGE */
/* LAYOUT SPECIFIC FOR LOGIN PRIVATE MESSAGE PAGE */
/* LAYOUT SPECIFIC FOR LOGIN SEEIP PAGE */
/* LAYOUT SPECIFIC FOR REPLY PAGE */
#gbookdelete, #gbookproblem, #gbookprivate, #gbookseeip, #gbookreply {
	margin: 0px auto;
	width: 450px;
	border: solid #000066 1px;
	padding: 3px;
	}

#gbookdelete input, #gbookproblem input, #gbookprivate input, #gbookseeip input, #gbookreply input {
	font-family: verdana, geneva, arial, helvetica, sans-serif;
	font-size: 1em; /* it should automatically inherit the font-size properties of the above class but does only do this correctly when i set it to 1em */
	}

#gbookdelete input#pass, #gbookprivate input#pass, #gbookseeip input#pass, #gbookreply input#pass {
	width: 150px;
	}

/* LAYOUT SPECIFIC FOR REPLY PAGE */
#gbookreply .addsmileys {
	font-size: 0.7em;
	}

/* LAYOUT SPECIFIC FOR SMILEYS.PHP PAGE */
img.smiley {
	border: 0px;
	}