html, body
    {
        margin: 10px;
        width: 95%;
        font-family: 'Trebuchet MS',Verdana,Arial;
        font-size: small;
        color: #0000CC;
    }
    
    hr
    {
        clear:both;
    }

/*The following section contains formatting for the master page */
    #header
    {
        width: 100%;
        padding:5px;
        vertical-align:top;
        min-height:75px;
    }
    #logo
    {
        float: left;
    }
    #login
    {
        float: right;
    }
    #menuhead
    {
        clear: both;
        float: left;
        width: 15%;
        min-height: 50px;
    }
    #toolbar
    {
        width:80%;
        float:right;
        text-align:justify;
        min-height:50px;
    }
    .toolbarimgbtn
    {
        padding-left:10px;
        padding-right:10px;
    }
    #breadcrumbs
    {
        clear: both;
        width:100%;
        text-align:left;
        padding-left:19%;
        background-color: #6699FF;
        color: White;
        border-top: solid thin white;
        border-right: solid thin black;
        border-bottom: solid thin black;
        min-height:20px;
    }
    #nav
    {
        clear:both;
        float: left;
        width: 15%;
    }
    #content
    {
        width: 80%;
        float: right;
        background-color: #DFFEFF;
        padding:10px;
    }
    #footer
    {
        width:100%;
        clear: both;
        text-align: center;
        padding:5px;
    }
    #copyright
    {
        width:100%;
        text-align: center;
        font-size:x-small;
    }
/*The preceding section contains formatting for the master page */

/* Setting for accordion control title bar */
    .titlebar
    {
        background-color: #6699FF;
        color: White;
        border-top: solid thin white;
        border-right: solid thin black;
        border-bottom: solid thin black;
        border-left: solid thin gray;
    }
    .titlebarselected
    {
        background-color: #0000CC;
        color: White;
        border-top: solid thin white;
        border-right: solid thin black;
        border-bottom: solid thin black;
        border-left: solid thin gray;
    }

/* Setting for error label text throughout application */
    .errlabel
    {
        color:Red;
        font-weight:bold;
    }

/* Setting for labels that are at the left side of forms */
    .formlabelleft
    {
        clear:both;
        width: 250px;
        float: left;
        background-color: #6699FF;
        color: White;
        border-top: solid thin white;
        border-right: solid thin black;
        border-bottom: solid thin black;
        border-left: solid thin grey;    
    }        
/* Setting for divs containing input controls in the middle of forms */
    .forminputmiddle
    {
        margin-left:275px;
    }
/* Setting for divs containing button controls in the middle of forms */
    .formbuttonmiddle
    {
        margin-left:275px
    }
/* Setting for buttons that sit to the right of other form controls
   Places button at the top right corner of other controls */
   .formbuttontopright
   {
       display:inline;
       vertical-align:top;
       width:100px;
   }
/* Setting for list boxes that are in the middle of forms */
    .formlistboxmiddle
    {
        width: 250px;
    }        
    .formlistboxmiddlereqd
    {
        width:250px;
        background-color:#E6E8FA;
        }    
/* Setting for text boxes that are in the middle of forms */
    .formtextmiddle
    {
        width: 250px;
        font-family:Trebuchet MS;
        color:#0000CC;
    }
    .formtextmiddlereqd
    {
        background-color:#E6E8FA;
        width:250px;
    }
/* Setting for page update notices at the bottom of app documentation */
    .alignright
    {
        text-align:right;
    }
    
    .Label.XXS
    {
        font-size:xx-small;
    }
/* Label for section headings (used on tab controls to divide logical sections of information */
    .labelSectionHead
    {
        clear:both;
        float:left;
    }
/* Settings for data entry forms */
    .button100px
    {
        width:100px;
    }
    .button250px
    {
        width:250px;
    }
    fieldset
    {
        border: solid 1px; 
        margin-left: 0px; 
        padding: 10px;    
    }
    #UserNameDisplayView, #UserOtherInfoDisplayView, #UserAddrsDisplayView, #UserPhonesDisplayView, #UserEmailsDisplayView
    {
        display:block;
    }
    #UserNameEditView, #UserOtherInfoEditView, #UserAddrsEditView, #UserPhonesEditView, #UserEmailsEditView
    {
        display:none;
    }
    .fieldview .formlabel
    {
        clear:both;
        float: left;
        width: 250px;
        background-color: #6699FF;
        color: White;
        border-top: solid thin white;
        border-right: solid thin black;
        border-bottom: solid thin black;
        border-left: solid thin grey;   
    }
    .fieldview .forminput, .fieldview .forminputwide, .fieldview .forminputtiny, .fieldview .forminputsmall, .fieldview .forminputsmallright, .fieldview .formcheckbox
    {
        float:left;
        margin-left: 10px;
    }
    .fieldview .forminputwide
    {
        width:500px;
    }
    .fieldview .forminputtiny
    {
        width:50px;
    }
    .fieldview .forminputsmall
    {
        width:100px;   
    }
    .fieldview .forminputsmallright
    {
        width:100px;
        text-align:right;
    }
    .fieldview .forminputline2
    {
        clear:both;
        display:block;
        margin-left:260px;
    }
    .fieldview .forminput, .fieldview .forminputline2
    {
        width:250px;
    }
    .fieldview .link
    {
        float:right;
    }
    .fieldview .buttongroup
    {
        clear:both;
        margin-left:260px;
    }
    .fieldview .buttongroup .button100px
    {
        padding-right:10px;
    }
    .fieldview .buttongroup .button250px
    {
        width:250px;
        padding-right: 10px;
    }
    .fieldview .validatorright
    {
        float:left;
    }
/* Labels and text boxes for phone number entries */
    .phonefieldset 
    {
        float:left;
        margin-left:10px;
        border-width:0px;
    }
    .phonefield  
    {
        display:block; 
        float:left; 
        width:100px; }
    .phonefield input, .phonefield .toplabel  
    {
        width:100%; 
        display:block;
    }
    .phonefield .toplabel 
    {
        background-color: #6699FF;
        color: White;
        border-top: solid thin white;
        border-right: solid thin black;
        border-bottom: solid thin black;
        border-left: solid thin grey;
        font-size:xx-small;
    }
    .phonefield input  
    {
        background-color:#DFFEFF;
    }
    .phonefield .optional
    {
        background-color:White;
    }
/* Settings for notices, important or otherwise */
    .notice_important
    {
        color:Red;
        font-size:x-small;
    }
    .notice_critical
    {
        background-color:White;
        border-style:solid;
        border-color:Navy;
        color:Navy;
        font-size:x-small;
        text-align:justify;
        padding:2px;
    }
/* Settings for success and failure labels throughout application */
/* Success will be indicated by bold, green text */
/* Failure will be indicated by bold, red text */
    .labelSuccess
    {
        color:Green;
        font-weight:bold;
    }
    .labelFailure
    {
        color:Red;
        font-weight:bold;
    }
/* Settings for divs containing asp:UpdateProgress controls */
    .updateProgress
    {
        text-align:center;
        font-weight:bold;
        color:red;
    }
/* Settings for modal popups */
    .modalpopup1
    {
        background-color: White;
        border-color:Navy;
        border-style:solid;
    }