/*
    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;
}