@CHARSET "UTF-8";

/**** Defaults ****/
body { margin-top: 5px; margin-bottom: 5px; }
table { margin:0; border-collapse:collapse; border:none; }
td, div { vertical-align: top; border: none; padding:0; margin:0; }
a > img { border: none }

/**** Default sizes and alignment ****/
.globalWidth { width: 875px; margin-top: 13px }
.centered {margin-left: auto; margin-right: auto; }
img.centered { display: block; }
table.bordered > thead > tr > th,
table.borderedCollapse > thead > tr > th { text-align: center }

/**** Header and footer ****/
#navbar td { padding-top: 2px }
#buttons td { text-align: center }

/**** spacing & padding ****/
.padded, .padded > td, .padded > th, .padded > tr > td, .padded > tr > th,
table.padded > tbody > tr > td, table.padded > tbody > tr > th { padding: 12px 15px; }
.paddedMedium, .paddedMedium > td, .paddedMedium > th, .paddedMedium > tr > td, .paddedMedium > tr > th,
table.paddedMedium > tbody > tr > td, table.paddedMedium > tbody > tr > th { padding: 6px; }
.paddedSmall, .paddedSmall > td, .paddedSmall > th, .paddedSmall > tr > td, .paddedSmall > tr > th,
table.paddedSmall > tbody > tr > td, table.paddedSmall > tbody > tr > th { padding: 1px 2px; }
.figure { margin-top: 10px; margin-bottom: 4px }

/**** borders and separators ****/
.bordered { border: 1px solid; }
.borderedTop { border-top: 1px solid; }
.borderedBottom { border-bottom: 1px solid; }
.borderedLeft { border-left: 1px solid; }
.borderedRight { border-right: 1px solid; }
hr.bordered { height: 1px; width:100%; border: none; }

/**** tables ****/
/*
 * Table border alignment workaround: to allow a consistent alignment of table borders with Firefox,
 * IE and Safari, we use the "separate cell" table model and the table background color to draw a "border".
 * IE still needs HTML "cellspacing=1" since it does not understand the CSS border-spacing attribute.
 */
table.bordered { padding: 0px; border-collapse: separate; border-spacing: 1px; }
table.bordered,
table.bordered > tr > th,
table.bordered > tr > td,
table.bordered > thead > tr > th,
table.bordered > thead > tr > td,
table.bordered > tbody > tr > th,
table.bordered > tbody > tr > td { border-width: 0; border-style: none;}
table.borderedCollapse { border-collapse: collapse; border-width: 1px; border-style: solid; }
table.borderedCollapse > tr > th,
table.borderedCollapse > tr > td,
table.borderedCollapse > thead > tr > th,
table.borderedCollapse > thead > tr > td,
table.borderedCollapse > tbody > tr > th,
table.borderedCollapse > tbody > tr > td { border-width: 1px; border-style: solid; }

/**** floating and columns ****/
.floatRight { float:right; }
img.floatRight { margin: 6px 5px 6px 30px; }
.floatLeft { float:left; }
img.floatLeft {	margin: 6px 25px 6px 5px; }

/**** Forms ****/
form { margin: 0; padding: 0; }
input[type=text], input[type=password], select, textarea { border-style: solid; border-width: 1px; }
div.scrollable, table.scrollable > tbody { overflow: auto; }
table.form { border-collapse:separate; border-spacing: 5px; table-layout: fixed; margin-top: 10px; }
table.scrollable { table-layout: fixed; }
table.scrollable > tbody > tr > td > div { white-space: nowrap; overflow: hidden; }
.field { width: 218px } div.field { width: 220px; text-align: left; }
.button, .buttonAlt, .buttonDisabled, .buttonAltDisabled { padding: 4px }
input.button, input.buttonDisabled, input.buttonAlt, input.buttonAltDisabled { border: none;  padding: 3px; }