/*

// 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://groups.yahoo.com/group/UKmodsquad/files/
//================================================================

*/



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

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

h1 {
	color:		black;
}

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

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

fieldset.freecycle select {
	float:		left;
	width:		205px;	/* Drop-down boxes render a tad smaller, so this width is increased */
	margin-left:	20px;
	position:	relative;
	margin-bottom:	2em;
	font-size:	100%;
	font-weight:	bold;	

}

fieldset.freecycle p.rnotes {
	float:	right;
	width:	200px;
	font-size: 100%;
	margin-right: 20px;	/* 20-pixel gap between notes and right-hand edge */
	margin-top: 0px;
	padding-bottom: 2em;
}

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

fieldset.freecycle legend {
	font:	100% verdana, sans;
	font-weight:	bold;
	color:	black;
	visibility: visible;
	z-index: 0;
}

fieldset.freecycle textarea {
	float:			left;
	width:			400px;
	height:			100px;
	position:		relative;
	margin-left: 20px;
	font-weight:	bold;	
	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;
	font-size:	100%;
	font-weight:	bold;	
	
}


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


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

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



a.largetextlink {
	display: none;
}




/*   STYLE FOR THE MESSAGE SENT  WINDOW */
.demo  {
	     color:#000033; 	   
		 background-color:#eeffee; 
         position: absolute; 
		 top:540px; /* 540px; */
		 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: 570px; /* 570px; */ 
		left: 50%; 
		margin-left: -225px;
		width:450px; 
		height:200px;
        z-index:81; 
		visibility:hidden; 
		border-width:0px;}
	

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

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




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

.fopdiv  {color:#000033; 
		background-color:#eeffee; 
		position:absolute; 
		top:340px; /* 460px; */  
		/* 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; /* 495px; */	
	top: 248px; /* 256px; */
	width:	100px;
	z-index:80;  
	visibility:hidden;}
	
	
/* STYLE FOR THE BIG LEGEND DIV */

.biglegenddiv {
	position: absolute;
	background: #ffffff;
	font-weight:	bold;
	color:	#000000; 
	font-size:	200%;
	font-family:	Verdana, Arial, Helvetica, sans-serif;
	left: 10px; /* 67px; */	
	max-width: 450px;
	top: 235px; /* 228px; */
	margin-top: 0px;
	height: 60px;
	z-index:10;  
	visibility: hidden;
}

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

.stdlegenddiv {
	position: absolute;
	background: #000000; 
	font:	100% verdana, sans;
	font-weight:	bold;
	color:	black;
	left: 35px; 
	max-width: 420px;
	top: 191px; /* 214px; */ 
	margin-top: 0px;
	height: 20px;
	z-index:15;  
	visibility: hidden;
}