/* next 2 styles needed for image/colour chooser generated from javascript */

table.chooser           { border: 1px solid black;}
td.clickable            { border: 1px solid black; width: 40px; height: 20px; cursor: pointer; text-align: center;}

/* these are new styles for w4p input form: */

div.foo * {
	border: 0;
	margin: 0;
	padding: 0;
}


div.foo img {
	border: 0;
}


div.ui-top {
	position: relative;
	top: 0px;
	width: 596px;
	height: 54px;
	margin: 0;
	padding: 0;
}

table.ui-top {
	border-collapse: collapse;
	border: 0;
	width: 596px; 
	height: 54px;
	margin: 0;
	padding: 0;
}

td.ui-topleft {
	width: 262px;
	height: 54px;
	background-image: url(../images/mgui-title.gif);
	margin: 0;
	padding: 0;
}

td.ui-topright {
	width: 334px;
	height: 54px;
	margin: 0;
	padding: 0;
}

p.ui-title {
	font-family: Verdana, Arial, sans-serif;
	font-size: 13px;
	font-weight: bold;
	color: #ffffff;
	margin: 0px 100px 0px 15px;
}

div.ui-middle {
	position: relative;
	margin: 0;
	padding: 0;
	width: 596px; 
	background-image: url(../images/mgui-middle.gif);
/*	background-color: #33ff33; */
	
}

table.ui-middle {
	border-collapse: collapse;
	border: 0;
	width: 596px;
	margin: 0;
	padding: 0;

}

td.ui-form {
	width: 168px;
}

td.ui-preview {
	text-align: center;
}

p.ui-form {
	font-family: Verdana, Arial, sans-serif;
	font-weight: bold;
	font-size: 12px;
	margin: 0px 15px 5px 15px;
/*	background-color: #a1d77f;  */
	color: #000000;
	text-align: left;
}

iframe.previewframe {
	width: 377px;
	height: 377px;
}

p.iframe {
	color: #000000;
}

div.ui-bottom {
	width: 596px;
}

input.ui, textarea.ui {
	color: #000000;
	font-family: Courier, Courier New, Andale Mono, monospace;
	font-size: 12px;
	border: 2px solid #a1d77f;
	width: 200px;
	margin: 0px 15px 5px 15px;
}

select.ui {
	width: 200px;
	margin: 0px 15px 5px 15px;
}

table.ui-image {
	margin-left: 34px;
}

table.ui-color {
	margin-left: 15px;
}

td.ui-color {
	font-family: Verdana, Arial, sans-serif;
	font-weight: normal;
	font-size: 12px;
	color: #000000;
}

table.ui-rule {
	border-bottom: 2px solid #628949;
	width: 200px;
	margin: 0px 15px 5px 15px;
	height: 3px;
}

div.centerMe {
	text-align: center;
}

div.centerMe div {
	margin-left: auto;
	margin-right: auto;
}

div.top {
	width: 648px;
}

div.middle {
	width: 648px;
}

div.middy {
	width: 100%;
	float: left;
	background-image: url(images/ui09-mid.gif);
}
	

div.midleft {
	width: 230px;
/*	border: 1px solid #ff0000; */
	float: left;
/*	background-color: #ff0000; */
}

div.midright {
	width: 418px;
/*	border: 1px dashed #00ff00; */
/*	background-color: #00ff00; */
	float: left;
}

div.bottom {
	width: 648px;
	float: clear;
}

.red {
	color: #CC0000;
}

/* end of styles for new input form */