/*

// Freecycle Message Maker v1.5
// (c) 7th January 2007
// Ben Weaver (www.benweaver.info)
// J Carmichael (www.take1creative.co.uk)
// Em (www.WebDesign-Newcastle.co.uk)
// This version Freecycle Message Maker v1.7.004
// adapted by Richard Steele (richard@squeaky.demon.co.uk)
// You can use this script in your own pages and modify it for your own needs, but
// this original header must remain in place.

// Freecycle group moderators can download the most recent version from
// http://uk.freecycle.org/mm/upgrade.zip
//================================================================

*/


#wrapper {
	position: relative;
	width: 720px;
    z-index:4;  
	margin: 0 auto 0 auto; 
}

body {
	font-size:	75%;
	font-family:	Verdana, Arial, Helvetica, sans-serif;
	color:	black;
	background:	white;
}

h1 {
	color:		#29a273;
}

fieldset.freecycle {
	background:	#eeffee;
	z-index:4;
}

fieldset.freecycle label {	
	width:		200px;
	text-align:	right;
	float:		left;
	margin-left: 20px;
	cursor:default;
	clear:		left;
	margin-top:	0.25em;	/* So that text starts in the middle of the form element */
	margin-bottom:	2em; 
	  
}



fieldset.freecycle select {
	float:		left;
	width:		205px;	
	margin-left:	20px;
	height: 22px;
	margin-bottom:	2em; 
}


fieldset.freecycle p.rnotes {
	color:	#0e490e;
	float:	left;
	width:	200px;
	cursor:default;
	font-size: 80%;
	margin-right: 20px;	/* 20-pixel gap between notes and right-hand edge */
	margin-left: 20px;
	margin-top: 0px;
	margin-bottom: 2em;
}

fieldset.freecycle p.lnotes {
	color:	#0e490e; 
	float:	left;
	width:	400px; 
	cursor:default;
	font-size: 80%;
	padding-left: 240px;	/* So that text is in line with form elements */
	margin-top: 0px;
	margin-bottom: 2em;
}

fieldset.freecycle legend {
	font:	14px/16px verdana, sans;
	font-weight:	bold;
	color:	#008080;
	cursor:default;
	top: 130px;
	margin-top:0px;
	margin-bottom: 2em;
	visibility: visible;
	z-index: 1;
}

fieldset.freecycle textarea {
	float:			left;
	width:			400px;
	height:			100px;
	position:		relative;
	margin-left: 20px;
	font-size:	100%;
	font-family:	Verdana, Arial, Helvetica, sans-serif;	
}

fieldset.freecycle input {
	float:			left;
	width:			200px;
	position:		relative;
	margin-left: 		20px;
	margin-bottom: 		2em;
	
}


fieldset.freecycle input.submit {
	position:		relative;
	float:			left;
	border:			1px solid black;
	background:		#f0f0f0;
	margin-bottom: 		2em;
	cursor:			pointer;
}




fieldset.freecycle a {
	text-decoration:	underline;
	cursor:	pointer;
	color:	#3322ff;
}

p.footnote {
	text-align: center;
	font-size: 10px;
}

a.normaltextlink {
	display: none;
}


p.leftmargin30 {
	margin-left: 30px;
}
		
p.leftmargin160 {
	margin-left: 160px;
}



/*   STYLE FOR THE MESSAGE SENT  WINDOW */
.demo  {
	     color:#000033; 	   
		 background-color:#eeffee; 
         position: absolute; 
		 top:420px;
		 left:50%;
		 margin-left:-281px; 
		 width:562px;
		 height:200px;
         z-index:80; 
		 visibility:hidden; 
		 border-width:0px;
} 
		
	 
/* STYLE FOR THE CONTENT OF THE MESSAGE SENT WINDOW */
.message  {
		color:#000033; 
		background-color:#ebe8d7; 
        position:absolute; 
		top: 450px; 
		left: 50%; 
		margin-left: -225px;
		width:450px; 
		height:200px;
        z-index:81; 
		visibility:hidden; 
		border-width:0px;
}
	

		
/* STYLE FOR THE SHOW F.O.P. CHECK BOX */
.fopoption{
	    color:#000033; 
		background-color:#eeffee; 
		position:absolute; 
		top:530px;  
		left:92px; /* 137px; */ 
		width:140px; 
		height:55px;
		z-index:17;  
		visibility:hidden;
}


/* STYLE FOR THE READ POLICY BUTTON */
.fopbutton {
		position:absolute; 
		top:530px;  
		left:46px; 
		width:40px; 
		height:40px;
		z-index:22; 
		visibility:hidden;
}




/* STYLE FOR THE SEE THE F.O.P DIV  */

.fopdiv  {color:#000033; 
		background-color:#eeffee; 
		position:absolute; 
		top: 340px;  
		/* margin-top: +150px; */
		left:50%;
		margin-left: -240px; 
		width:480px; 
		height:280px; 
		border: 4px;
		border-style: ridge;
		border-color:#009C00;
        z-index:26;  
		visibility:hidden;
}


/* STYLE FOR THE CLEAR BUTTON DIV  */

.btnclear {
	position:absolute; 
	left: 467px;	
	top: 248px;
	width:	100px;
	height: 24px;
	cursor:pointer;
	z-index:80;  
	visibility:hidden;
}



	
/* STYLE FOR THE BIG LEGEND DIV */

.biglegenddiv {
	position: absolute;
	font-weight:	bold;
	color:	#29a273; 
	font-size:	200%;
	font-family:	Verdana, Arial, Helvetica, sans-serif;
	cursor:default;
	left: 10px; 
	max-width: 450px; 
	top: 225px;
	margin-top: 0px;
	height: 60px;
	z-index:10;  
	visibility: hidden;
}

/* STYLE FOR THE 'STANDARD' LEGEND DIV */

.stdlegenddiv {
	position: absolute;
	background: #eeffee;
	font:	14px/16px verdana, sans;
	font-weight:	bold;
	color:	#29a273; 
	cursor:default;
	left: 7px;	
	max-width: 420px;
	top: 191px;
	margin-top: 0px;
	height: 20px;
	z-index:15;  
	visibility: hidden;
}

.emailcover {
	position: absolute;
	top: 590px;
	left: 240px;
	height:24px;
	width:201px;
	margin-top: 0px;
	text-align: center;

	color: #9b9788;
  	border:1px;
	border-color: #000000;
	border-style:solid; 
/* 	background-color: #ff0000; */
	z-index:74;
	visibility: visible;
	
/* sort out white for the color value of the face of the dead button */
}