.label { display: block; float: left; width: 100px; }
.error { color: #ff0000; font-weight: bold; }
a { color: #000; }

/*
 * Buttons
 */

/*
.button { border: 1px solid #c5dbff; text-align: center; height: 22px; background: #e6efff; text-transform: uppercase; font-size: .8em !important; }
.button:hover {  background: #9fc3ff; border: 1px solid #71a6ff; }
*/

.buttonBar .linkButton { float: left; }
.buttonBar { height: 24px; width: 300px; margin: 30px auto; }
.viewForm .buttonBar { margin-top: 50px; }
.editForm .buttonBar { margin-top: 50px; }

.oneButtonBar { width: 104px !important; }

.twoButtonBar { width: 500px; }
.twoButtonBar .button1 { float: left; }
.twoButtonBar .button2 { float: right; }

.threeButtonBar { width: 500px; }
.threeButtonBar .button1 { float: left; }
.threeButtonBar .button2 { float: left !important; margin-left: 100px; }
.threeButtonBar .button3 { float: left; }

/*
 * These are the buttons that allow the user to go back
 */
.closeButton,
.cancelButton,
.noButton { float: right !important; }

.linkButton .buttonLabel { margin-top: 4px; display: block;}
.submitButton { width: 102px; }
.linkButton { width: 100px; display: block; }


/*
 * Text boxes
 */

.textbox,
.dropdown,
.textarea { border: 1px solid #006bb6; width: 400px; padding: 3px; background: #fff;}

.textbox:focus,
.dropdown:focus,
.textarea:focus { background: #eaf1f9; }

/*
 * Need to make the select box a bit longer.
 */
.dropdown { width: 407px; }

.selectAdd .dropdown{ width: 300px;}

.textboxReadOnly,
.textareaReadOnly { border: 1px solid #aac2e6; width: 400px; padding: 3px; }

.textareaReadOnly { overflow: auto; height: 200px; }
.textboxReadOnly { display: block; height: 20px; margin-left: 140px; }

.wysiwygTextarea { width: 870px; }
.textboxAdd .textbox { width: 260px; }

.fileUploadBox { height: 28px; }
.fileUploadBox .textboxReadOnly { width: 284px; overflow: hidden; white-space: nowrap; float: left; margin-left: 0px;}
.fileUploadBox div.buttons { width: 104px; float: left; margin-left: 10px; margin-top: 2px; }

/*
.fileUploadBox div.buttons {  width: 120px; height: 23px; }
.fileUploadBox div.buttons .downloadButton { float: left; margin-top: -13px; margin-left: 220px;  }
.fileUploadBox div.buttons .deleteButton { float: left; margin-top: -13px; margin-left: 200px;  }

*/
#dialogWindow .textbox, 
#dialogWindow .selctBox, 
#dialogWindow .textarea { width: 530px; }

/*
 * Table.
 */
/*
 * Bug #391.  Appears to be causing problems with the layout of the
 * dynamic pages.  Have had a quick look through the site with this
 * disabled and no ill effects have appeared.
 *
table { width: 500px; }
table td { padding: 5px; width: 100px; }
*/

/*
 * Forms
 */
.newForm,
.viewForm,
.editForm { width: 550px; margin: auto; }

.row { margin-top: 3px !important; height: auto; }

#dialogWindow .newForm,
#dialogWindow .editForm { margin-top: 30px; }

#dialogWindow .newForm .textbox,
#dialogWindow .editForm .textbox { width: 400px; }

#header form#loginForm { float: right; margin-top: 30px; margin-right: 20px; width: 244px; }
#header form#loginForm label { display: block; float: left; width: 80px; text-align: right; padding-right: 10px; }
#header form#loginForm #username { width: 145px; }
#header form#loginForm #password { width: 145px; } #header form#loginForm .button { float: right; }
#header form#loginForm .loginButton { border: 0px; }
#header form#loginForm .loginButton .label { width: 100px; }
#header a#logoutButton { float: right !important; }
#header span#welcome { display: block; margin-left: 80px; padding-top: 1px; width: 400px; float: left;  }