/*******************************************************************
 * Define the appearance of dialog boxes.
 *******************************************************************/

.dialog
{
 clear: both;
 text-align: left;
 color: black;
 background-color: #EEEEFF;
 border: outset #EEEEFF;
 padding: 1em 2em;
 margin: 20px 50px;
 max-width: 50em;
}

.dialog h1, .dialog h2, .dialog h3
{
 border: none;
 background-color: transparent;
 margin: 0 0 .6em 0;
 padding: 0;
}

.dialog p
{
 margin: 0.6em 0;
}

.dialog fieldset
{
 border: none;
 padding: 0;
 margin: 0;
}

.dialog .field
{
 margin: .5em 0;
}

.dialog .label
{
 float: left;
 width: 10em;
 font: 90% Arial, Helvetica, sans-serif;
 font: 90% Verdana, Geneva, sans-serif;
 margin-right: 1em;
 clear: left;
}

.dialog .radio
{
 font: 90% Arial, Helvetica, sans-serif;
 font: bold 90% Verdana, Geneva, sans-serif;
}