.popup-login {
        clear: both;
        padding: 5px;
        float: left;
        text-align: left;
        display: block;
        width:300px;
        margin-left: 2em;
        margin-top: 1em;
        color:white;
        font-weight:bold;
        font-size:8pt;
}

.popup-login div {
        font-size:110%;
        text-align:left;
        width:90%;
        background-color:#f3a328;
}


tr.form-section {
    background-color: #333333;
    color: white;
    font-weight: bold;
    text-align: left;
}


fieldset.form-fieldset {
    display: block;
    background-color: white; 
    width: 550px;
    border: 1px solid #333333; 
    margin: 10px;
    border-top: 0px;
}

	
legend {
    width: 300px;
    background-color: #333333;
    color: white;
    font-weight: bold;
    text-align: left;
    padding-left: 10px;
    padding-right: 10px;
    margin-left: -2px;
    margin-top: 2px;
}

td.form-label {
    background-color:#E8F3FF;
    color:#FFFFFF;
    text-align: right;
    padding-left: 12px;
    padding-right: 5px;
    font-family: tahoma,verdana,arial,helvetica,sans-serif;
    font-size: 10px;
    font-weight: bold;

}


div.form-label {
    /*background-color:#E8F3FF;*/
    color:#000000;
    text-align: left;
    padding-left: 5px;
    padding-right: 5px;
    font-family: tahoma,verdana,arial,helvetica,sans-serif;
    font-size: 12px;
    font-weight: bold;
    margin-right: 2px;

}

div.form-label-error {
    background-color: #ffaaaa;
    text-align: right;
    padding-left: 12px;
    padding-right: 12px;
    font-size: 90%;
}

div.form-widget {
    padding-right: 5px;
    font-size: 10px;
    margin-bottom: -8px;
    
}

td.form-widget {
    padding-right: 5px;
    font-size: 10px;
}


td.form-widget input {
    font-size: 10px;
    border: 1px solid;
    border-color: #333333;
}


div.form-widget input {
    font-size: 10px;
    border: 1px solid;
    border-color: #333333;
}

input.button {
        font-size: 12px;
        border-color: #3399FF;
        background-color: black;
        color: white;
}

div.form-widget select {
    font-size: 11px;
    border: 1px;
    border-style: solid;
    border-color: #333333;
}

div.form-widget textarea {
font-size: 11px;
    border: 1px solid #333333;
}


div.form-widget-error {
    padding-right: 12px;
    font-size: 90%;
    border: 1px dotted red;
}

div.form-error {
    font-family: tahoma,verdana,arial,helvetica,sans-serif;
    color: red;
    font-size: 100%;
}

div.form-help-text {
width: 65%;
margin-top: 5px;
text-align: justify;
font-size: 9px;
}



div.form-help-text a {
    margin-top: 4px;
    margin-bottom: 2px;
    color: #666666;
    font-family: tahoma,verdana,arial,helvetica,sans-serif;
    font-size: 90%;
}

div.form-help-text a:hover {background-color: white;}

div.form-button {margin-top: 10px;}





.form-label-error, .form-widget-error, .form-required-mark, .form-error {
	color: #cccccc;
}

/* form layout for forms with divs*/

.form-fieldset {
	border: 0px solid #FFFFFF;
}

.margin-form .form-required-mark {
    display: inline;
}

.margin-form .form-item-wrapper {
	clear: both;
	padding: 5px;
}	

.margin-form .form-item-wrapper .form-label {
	float: left;
	text-align: left;
	display: block;
	width: 11em;
}

.margin-form .form-item-wrapper .form-widget, .margin-form .form-button, .margin-form div.form-help-text {
	display: block;
	margin-left: 16em;
}

.margin-form .form-item-wrapper .form-error, .margin-form .form-item-wrapper .form-widget-error {
	display: block;
	margin-left: 16em;
}


.vertical-form .form-required-mark {
    display: inline;
}

.vertical-form .form-item-wrapper {
	clear: both;
	padding: 8px;
}	

.vertical-form .form-item-wrapper .form-label{
	text-align: left;
	display: block;

}

.vertical-form .form-item-wrapper .form-widget{
	display: inline;

}


.inline-form div {
	display: inline;	
}


/* pages that are laid out like forms but do not use the form builder and do not have input fields*/
.margin-form-div .form-item-wrapper {
	padding-bottom: 10px;
}

.margin-form-div h1 {
	margin-left: 13.5em;
}