/*
Help Layout a two column from that looks like this:

    Form Label:	[input box]
       Label 2:	[input box]
     Something:	[selection]

*/
/* row for a two column form  */
div.formbox
	{
	background: url(../images/bkgd_tableshader.gif) repeat-x top left;
	border-top: solid 1px #006699;
	border-bottom: none;
	border-left: solid 1px #006699;
	border-right: solid 1px #006699;
	padding: 22px 10px 10px 10px;*/
	margin-top: 8px;
	margin-bottom: 0px;
	width: 98%; /*<-- necessary to set size or rows will not layout correctly */
	}
.formbuttonbar
	{
	background: url(../images/bkgd_tablenavbar.gif) repeat-x top left;
	border-top: none;
	border-bottom: solid 1px #006699;
	border-left: solid 1px #006699;
	border-right: solid 1px #006699;
	padding: 4px 10px 0px 10px;
	clear: both;
	width: 98%;
	height: 32px;
	text-align: right;
	}
button
{
  padding-bottom: 0px;
  margin-bottom: 0px;
}
/* row for a two column form  */
.formrow 
	{
	width:100%;
	clear: both;
	padding-top: 7px;
	padding-left: 5px;
	}
/* left pane of a two column form  */
.formleft
	{
	float: left;
	width: 38%;
	text-align: right;
	padding-top: 4px;
	}
/* right pane of a two column form  */
.formright
	{
	float: right;
	width: 58%;
	text-align: left;
	}
.formrighttextonly
	{
	float: right;
	width: 60%;
	text-align: left;
	font-size: .8em; 
	font-weight: normal;
	}
/* block in side of the right pane of a two column form */
div.formrow span.formright span.formblock
	{
	float: left;
	text-align: left;
	padding-left: 7px; 
	}
.formlabel
{	
	font-size: .8em; 
	font-weight: bold;
}
.formnote
{	
	font-size: .7em; 
	font-weight: normal;
}