div#prop { display: none; }	/* Remove this and the broken link form gets buggered up BODGE */


form#xForm { /*border: 1px dotted #F00; */width: 100%; }

form#xForm table#xFormTable { margin: 0 auto; }

form#xForm input.field {	border: 1px solid gray; 
							/*font-family: arial; */
							/*font-size: 95%;*/
							padding: 0.1em; }

form#xForm select.list {	border: 1px solid gray; 
							/*font-family: arial; */
							/*font-size: 95%; */
							padding: 0.1em; }

form#xForm td.title {		
					font-size: 130%; 
					font-weight: bold;
					background-color: #AAA; 
					padding: 0.5em; 
					text-align: center;
					margin: 0;
					border: 1px solid #000;
				}

form#xForm td.subTitle {		
					font-size: 100%; 
					font-weight: bold;
					background-color: #AAA; 
					text-align: center;
					margin: 0;
					padding: 0.75em;
					border-top: 1px solid black;
				}

form#xForm td.explanation {		
					font-size: 100%; 
					background-color: #EBEBEB; 
					text-align: center;
					margin: 0;
					padding: 0.75em;
					border: 0.5em solid #EBEBEB;
				}

form#xForm tr.row {}
form#xForm td.buttonCell { 
					border-bottom: 1px solid black; 
					background-color: #EBEBEB;
					text-align: center;
						}
form#xForm td { padding:  0.5em;  }	
form#xForm td.label { 
						font-weight: bold; 
						text-align: right; 
						width: 12em;
						background-color: #EBEBEB;
						vertical-align: top;
						/*float: left;*/

						padding-top: .75em;
						}
	
form#xForm div.error	{ 
						background-color: red;
						color: white;
						padding: 0.25em;
						font-weight: bold;
						 
						display: inline; 
						margin-left: 0.5em;
						vertical-align: middle;
						}
form#xForm div.noError	{ display: none; }

form#xForm div.control {	
						margin-left: 0.1em;
						}
form#xForm div.text {	display: inline;
						margin-right: 0.5em;
						}
						
form#xForm div.link { padding: 0 0.5em; display: inline; }
form#xForm span.required { color: red; font-weight: bold; /*font-size: 90%;*/ vertical-align: top; }
form#xForm label.radioLabel { font-weight: bold; border-bottom: 1px dashed silver;	 margin-right: 1em; }
form#xForm label.checkBoxLabel { font-weight: bold; border-bottom: 1px dashed silver;  margin-right: 1em; }
form#xForm span.explanation {  color: #888; }
form#xForm div.radioExplanation {  margin: 0.25em; }

form#xForm div.swapControl {}
form#xForm div.swapControl select {  }
form#xForm div.swapControl input.moveButton { padding: 0 1em; }

/* Not scoped so that non-forms can use the buttons style too */

input.xButton { margin: 0 1em 0 0; padding: .2em 1em .2em 1em; font-weight: bold; }