﻿
/*
    These styles can be added to the class attribute:
    class="red bold xsmall"    
*/
.bold
{
    font-weight: bold;
}
.xxsmall
{
    font-size: xx-small;
}
.xsmall
{
    font-size: x-small;
}
.small
{
    font-size: small;
}
.medium
{
    font-size: medium;    
}
.large
{
    font-size: large;
}
.xlarge
{
    font-size: x-large;
}
.xxlarge
{
    font-size: xx-large;
}
.larger
{
    font-size: larger;
}
.smaller
{
    font-size: smaller;
}
.wider
{
    width: 60%;
}
.xwider
{
    width: 90%;
}
.half
{
    width: 49%;
}
.row
{
    width: 100%;
    display: block;
    clear: both;
    
}
.lefthalf
{
    width: 49%;
    display: block;
    float: left;
}
.righthalf
{
    width: 49%;
    display: block;
    float: right;
}
.third
{
    width: 32%;
    display: block;
    float: left;
}
.rightlabel
{
    float: right;
    display: block;
    width: 29%;
    text-align: left;
    vertical-align: middle;
}
.leftfield
{
    float: left;
    display: block;
    width: 69%;
    text-align: right;
    vertical-align: middle;
}
.longlabel
{
    float: left;
    display: block;
    width: 74%;
    text-align: right;
    vertical-align: middle;
}
.shortfield
{
    float: right;
    display: block;
    width: 24%;
    text-align: left;
    vertical-align: middle;
}
.block
{
    display: block;
}
.inline
{
    display: inline;
}
.hide
{
    display: none;   
}
.show
{
    display: block;
}
.center
{
    text-align: center;
}
.left
{
    text-align: left;
}
.underline
{
    text-decoration: underline;
}
.linethrough
{
    text-decoration: line-through;
}
.darkborder
{
    border-style: solid;
    border-width: 1px;
}
.lightborder
{
    border-style: solid;
    border-width: 1px;
}
.floatright
{
    display: block;
    float: right;
    clear: none;   
}
.floatleft
{
    display: block;
    float: left;
    clear: none;   
}
.red
{
	color: Red;
}
.green
{
	color: Green;
}
.blue
{
	color: #203970;
}
.middle
{
    vertical-align: middle;
}
.margin5
{
    margin: 5px 5px 5px 5px;
}
label.label
{
    width: 30%;
    text-align: right;
    margin: 0px 3px 0px 0px;
    float: left;
}
label.widelabel
{
    width: 50%;
    text-align: right;
    margin: 0px 3px 0px 0px;
}
label.floatinglabel
{   
    float: left;
    width: 30%;
    text-align: right;
    
}
span.field
{
    float: right;
    width: 65%;
    clear: none;
}
span.floatingfield
{
    float: right;
    width: 65%;
    text-align: left;
    display: block;
    clear: none;
}
ul.fieldset
{
    list-style-type: none;
    margin: 0px 0px 0px 0px;
    padding: 0px 0px 0px 0px;
}
ul.fieldset li
{
    margin: 0px 0px 0px 0px;
    padding: 2px 0px 2px 0px;
    width: 100%;
    clear: both;
}
.topmargin6
{
    margin-top: 6px;
}
.toppadding6
{
    padding-top: 6px;
}
span.value
{
    float: left;
    margin-top: 6px;
}
.clearall
{
    clear: both;
}



div.form2_content {
    width: 310px;	
}

.form2_content label {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #333333;
	float: left;
	width: 55px;
	text-align: right;
	margin-right: 10px;
	margin-top: 6px;
}

.form2_content legend {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: normal;
	color: #333333;
}

.form2_content fieldset {
	width: 280px;
	margin-bottom: 15px;
	background-color: #dededd;
	padding: 10px;
	border: 1px solid #999999;
}

.form2_content select {
	width: 140px;
	margin-top: 0px;
	padding: 3px;
}

.form2_content_text {
	width: 155px;
	margin-bottom: 6px;
	border: 1px solid #999999;
	padding: 5px;
}

.form2_content_text_small {
	width: 75px;
	margin-bottom: 6px;
	padding: 3px;
}

