/* Reset */
html { color: #000000; background: #ffffff; }
html, body, div, span, object, h1, h2, h3, h4, p, blockquote, pre, a, em, img, small, strong, sub, sup, dl, dt, dd, ol, ul, li, form, label, input, button, select, textarea, legend, table, caption, tbody, tfoot, thead, tr, th, td {
margin: 0;
padding: 0;
border: 0;
outline: 0;
font-size: 100%;
vertical-align: baseline;
background: transparent;
}
body {
font-size: 62.5%;
color: #000000; /* Take the edge off */
line-height: 1;
font-family: 'Segoe UI', 'Trebuchet MS', Arial, Helvetica, sans-serif;
}
/* Object model fixes for IE6. */
* html div {
height: 0;
/height: auto;
zoom: 1;
}
/* Block elements */
a, a:link, a:visited, span.link { color: #0066cc; text-decoration: none; cursor: pointer; }
a:hover, span.link:hover { color: #3399ff; text-decoration: underline; cursor: pointer; }
a:active { color: #ff0000; text-decoration: none; cursor: pointer; }
a.active { font-weight: bold; color: #000000; text-decoration: none; }
a.proud { font-weight: bold; color: #222222; text-decoration: none; cursor: pointer; }
a.proud:hover { color: #3399ff; text-decoration: underline; cursor: pointer; }
p, th, td, li, dt, dd { font-size: 1.3em; line-height: 1.5; }
li li { font-size: 1em; }
p { margin: 10px 15px; text-align: left; }
h1 { color: #333333; margin: 0 10px 10px; font-size: 3.6em; font-weight: normal; line-height: 1.1; }
h1 a, h1 a:link, h1 a:visited { color: #333333; text-decoration: none; }
h1 a:hover { color: #3399ff; }
p.subh1 { margin: -5px 10px 10px 20px; font-style: normal; font-size: 2em; line-height: 1.1; }
h2 { color: #333333; margin: 30px 10px 10px; font-size: 2.4em; font-weight: normal; line-height: 1.1; }
h2 a, h2 a:link, h2 a:visited { color: #333333; text-decoration: none; }
h2 a:hover { color: #3399ff; }
p.subh2 { margin: -10px 15px 10px; font-style: italic; font-size: 1.6em; }
h3 { margin: 20px 10px 10px; font-size: 1.5em; font-weight: bold; }
p.heading { margin: 20px 10px 10px; font-size: 1.5em; font-weight: normal }
h4 { margin: 20px 15px 10px; font-size: 1.3em; font-weight: bold; }
ul, ol { margin: 10px 20px; text-align: left; }
ul.verbose li, ol.verbose li { margin-top: 10px; margin-bottom: 10px; }
li { margin-left: 2em; }
ol li { list-style: decimal outside; }
ul li { list-style: disc outside; }
img { vertical-align: middle; }
img.icon16 { width: 16px; height: 16px; vertical-align: -3px; }
img.icon32 { width: 32px; height: 32px; vertical-align: middle; }
blockquote, blockquote p { font-style: normal; }
blockquote p.author { font-style: normal; text-align: right; }
blockquote, pre { margin: 15px; border: 1px solid #cccccc; background: #eeeeee; }
blockquote { padding-bottom: 5px; }
pre { font-family: "Courier New", monospace; padding: 5px 5px 10px; }
dl { margin: 5px 20px; }
dt { font-weight: bold; font-size: 1.5em; margin: 15px 0 3px; }
dd { margin: 3px 0 10px 8px; }
/* Tables */
table { margin: 10px 15px; border-collapse: collapse; }
td, th { padding: 3px 7px; text-align: left; vertical-align: middle; }
th { font-weight: bold; }
th p, div.table th p, td p, div.table td p, td li { margin: 0; font-size: 100%; line-height: 1.5; }
td li, div.table td li { margin: 4px 0 4px; font-size: 100%; line-height: 1.3; }
td ul, div.table td ul, td ol, div.table td ol { margin: 0 0 0 22px; font-size: 100%; }
div.table p.small, div.table li.small, div.table ul.small li, div.table ol.small li { font-size: 85%; }
table input, table select, table img, table label { vertical-align: middle; }
table label { padding-right: 5px; }
table.center { margin-left: auto; margin-right: auto; }
/* Framed tables */
table.framed { table-layout: fixed; }
table.framed th, table.framed td { overflow: hidden; vertical-align: top; border: 1px solid #666666; }
table.framed th { background: #f6f6f6; color: #888888; }
table.framed td { background: #ffffff; }
table.framed thead th, table.framed tfoot th, table.framed thead td, table.framed tfoot td { vertical-align: middle; padding-top: 2px; padding-bottom: 2px; background: #eeeeee; }
table.framed thead th, table.framed tfoot th { font-weight: bold; }
table.framed tr.total th { padding-top: 5px; padding-bottom: 5px; border: 0; color: #999999; background: transparent; text-align: right; font-weight: normal; }
table.framed tr.total td { background: #ffffff; }
table.framed tr.total th.strong, table.framed tr.total td.strong { font-weight: bold; }
/* Details tables */
table.details th { width: 8em; vertical-align: top; text-align: right; font-weight: normal; color: #999999; }
table.details th p.small { margin-right: 5px; }
table.details th p { text-align: right; }
table.details td p.small { margin-left: 5px; }
/* Selectable rows */
table.selectable tr.selected { background: transparent; }
table.selectable tbody tr:hover td { background: #ffffcc; }
table.selectable tbody tr.selected td, table.selectable tbody tr.selected:hover td { background: #ffff66; }
table.selectable tfoot tr.total.selected th, table.selectable tbody tr.total.selected:hover th { background: transparent; }
table.selectable tfoot tr.total.selected td, table.selectable tbody tr.total.selected:hover td { background: #ffff66; }
/* Clickable rows */
table.clickable tr:hover td, table.clickable tr:hover td p { color: #ffffff; cursor: pointer; background: #3399ff; }
table.clickable tr:hover td a, table.clickable a:hover { color: #ffffff; background: #3399ff; text-decoration: none; }
/* Framed cell styles */
table.framed th.checkbox,
table.framed td.checkbox { text-align: center; padding: 5px 0; }
table.framed th.icon,
table.framed th.icon16,
table.framed td.icon,
table.framed td.icon16 { border-right: 0; padding: 3px 0; /padding: 5px 0; } /* lte IE7 fix */
table.framed th.icon32,
table.framed td.icon32 { border-right: 0; padding: 5px 0; }
table.framed th.icon img,
table.framed th.icon16 img,
table.framed td.icon img,
table.framed td.icon16 img { margin-left: 5px; vertical-align: -3px; }
table.framed th.icon32 img,
table.framed td.icon32 img { margin-left: 5px; vertical-align: middle; }
table.framed th.with-icon,
table.framed td.with-icon { border-left: 0; padding-left: 0; }
/* Extra unbordered cell on the end of a row. */
table.framed th.additional,
table.framed td.additional,
table.selectable th.additional,
table.selectable td.additional,
table.selectable tbody tr td.additional { background: transparent; border: 0; padding: 3px 0; text-align: center; vertical-align: middle; }
table.framed th.additional img,
table.framed td.additional img { padding-left: 3px; vertical-align: middle; }
table.framed td.quantity,
table.framed th.quantity { text-align: center; }
table.framed td.number,
table.framed th.number { text-align: right; }
table.framed td.price,
table.framed th.price { text-align: right; }
table.framed td.number p,
table.framed th.number p,
table.framed td.price p,
table.framed th.price p { text-align: right; }
/* Column styles with lte IE7 fixes */
col.collapse { width: 0; }
/* Generic widths. */
col.thin { width: 6em; /width: 4.4em; }
col.medium { width: 12em; /width: 10.4em; }
col.wide { width: 18em; /width: 16.4em; }
/* Widths for types of content. */
col.checkbox { width: 28px; }
col.icon16 { width: 25px; /width: 10px; } /* IE7 bug with tables, columns, images and borders. */
col.additional { width: 19px; }
col.icon32 { width: 42px; /width: 27px; } /* IE7 bug with tables, columns, images and borders. */
col.phone { width: 13em; /width: 11.4em; } /* IE7 bug with table EM widths. */
col.email { width: 18em; /width: 16.4em; } /* IE7 bug with table EM widths. */
col.quantity { width: 6em; /width: 4.4em; } /* IE7 bug with table EM widths. */
col.number { width: 8.5em; /width: 6.9em; } /* IE7 bug with table EM widths. */
col.price { width: 8.5em; /width: 6.9em; } /* IE7 bug with table EM widths. */
col.name { width: 18em; /width: 16.4em; } /* IE7 bug with table EM widths. */
col.encoded { width: 11em; /width: 9.4em; } /* Encoded number with a hash (#05867675). */
/* Widths for date and time formats. */
col.shortdate { width: 10em; /width: 8.4em; } /* 02/09/2009 */
col.date { width: 15em; /width: 13.4em; } /* 2 February 2009 */
col.mediumdate { width: 12em; /width: 10.4em; } /* 2 February */
col.longmediumdate { width: 22em; /width: 20.4em; } /* Wednesday 2 February */
col.longdate { width: 26em; /width: 24.4em; } /* Wednesday 2 February 2009 */
col.day { width: 9em; /width: 7.4em; } /* Wednesday */
col.time { width: 6em; /width: 4.4em; } /* 12:28 */
col.timespread { width: 12em; /width: 10.4em; } /* 12:38-19:45 */
/* Frame for full width tables. */
div.table { margin: 10px; position: relative; } /* ie6.css also sets width: 100%; */
div.table table { margin: 0; width: 100%; }
div.table div.tablenav { position: relative; height: 21px; }
div.table div.tablenav p.next, div.table div.tablenav p.previous { font-size: 13px; margin: 0; padding: 4px 5px 6px; line-height: 1.2; }
div.table div.tablenav p.next { right: 0; top: 0; position: absolute; }
div.table p, div.table p.submit, div.table p.add { margin: 10px 0; }
/* Form elements */
form { margin: 10px 0; }
form p img.icon16 { vertical-align: -5px; }
/* Fieldsets. */
fieldset, div.fieldset { margin: 5px 10px 10px; padding: 0 5px 13px; border: 1px solid #bbbbbb; }
legend { font-weight: bold; font-size: 1.3em; line-height: 1.3; padding: 0 2px 4px 1px; margin-left: 0; }
p.fieldset-legend { font-weight: bold; padding: 5px 0 0; margin: 0 10px 5px; }
fieldset p.description, div.fieldset p.fieldset-description { margin: 5px 10px 10px; }
fieldset p.description span, div.fieldset p.fieldset-description span { display: block; }
/* Field paragraphs */
form p.text,
form p.password,
form p.number,
form p.price,
form p.email,
form p.select,
form p.country,
form p.date,
form p.file { position: relative; margin: 7px 15px; padding-bottom: 2px; }
form p.radio,
form p.checkbox { margin: 7px 12px; }
div.radios,
div.checkboxes { margin: 10px 0; }
form div.radios p,
form div.checkboxes p { margin: 2px 10px; }
form div.radios p.radio,
form div.checkboxes p.checkbox { padding-left: 5px; }
form p.editor { margin-bottom: 5px; }
form p.textarea { margin-left: 10px; margin-right: 12px; }
form fieldset p.text,
form fieldset p.password,
form fieldset p.number,
form fieldset p.price,
form fieldset p.email,
form fieldset p.select,
form fieldset p.country,
form fieldset p.date,
form fieldset p.file { margin: 7px 10px; }
form fieldset p.radio,
form fieldset p.checkbox { margin-left: 10px; margin-right: 10px; }
form p.submit { text-align: left; margin: 10px 15px; }
/* Inputs, selects, buttons and textareas */
/* Inputs and selects */
input, select, button { font-size: 100%; vertical-align: middle; font-family: 'Segoe UI', 'Trebuchet MS', Arial, Helvetica, sans-serif; }
input.text,
input.password,
input.number,
input.price,
input.email,
input.file { padding: 3px 4px; border: 1px solid #999999; background: #ffffff; }
input.number, input.price { text-align: right; }
select { padding: 2px; border: 1px solid #999999; background: #ffffff; }
/* Submit buttons */
input.submit, button { color: #555555; border: 1px solid #999999; font-weight: bold; background: #eeeeee; padding: 3px 8px; /padding: 2px 3px 0; } /* Includes IE8 fix AND lte IE7 fix */
input.submit:hover, button:hover { color: #555555; border: 1px solid #666666; background: #f6f6f6; cursor: pointer; }
button.disabled, input.submit.disabled, button.disabled:hover, input.submit.disabled:hover { color: #999999; border: 1px solid #999999; background: #e5e5e5 url(../images/submit_background.jpg) repeat-x 0 -1px; }
button.icon { padding: 2px; padding /*\**/: 3px \9; /padding: 0; } /* Includes IE8 fix AND lte IE7 fix */
button img { vertical-align: middle; }
p.submit input.submit { padding: 3px 8px; /padding: 1px 3px 0; }
form.textareas p.submit,
form.fieldsets p.submit,
form.editor p.submit { font-size: 1.5em; }
p.submit.large input.submit,
form.textareas p.submit input.submit,
form.fieldsets p.submit input.submit,
form.editor p.submit input.submit { padding: 3px 8px; /padding: 2px 3px; }
p.submit.xlarge input.submit { padding: 4px 10px; /padding: 2px 3px; }
/* Inputs and selects in formatted forms */
form p.text input.text,
form p.password input.password,
form p.number input.number,
form p.price input.price,
form p.email input.email,
form p.select select.select,
form p.country select.country,
form p.file input.file { position: relative; margin-left: 9em; }
form p.date select.day { position: relative; margin-left: 9em; }
/* Textareas */
textarea { font-family: 'Segoe UI', 'Trebuchet MS', Arial, Helvetica, sans-serif; font-size: 100%; display: block; width: 100%; height: 120px; background: #ffffff; border: 1px solid #999999; }
/* Field labels */
label { vertical-align: middle; line-height: 1.3; }
form p.text label,
form p.password label,
form p.number label,
form p.price label,
form p.email label,
form p.select label,
form p.country label,
form p.date label,
form p.file label { display: block; position: absolute; top: 0; left: 0; width: 8.5em; padding: 4px 0 0; text-align: right; }
form p.textarea label { display: block; padding: 0 0 2px; line-height: 1.3; }
/* Field explanations and statuses */
form p span.status { display: block; padding-top: 2px; }
form p span.explanation { display: block; font-size: 85%; padding: 2px 0 2px 5px; }
form p.text span.status,
form p.text span.explanation,
form p.password span.status,
form p.password span.explanation,
form p.select span.status,
form p.select span.explanation,
form p.country span.status,
form p.country span.explanation,
form p.number span.status,
form p.number span.explanation,
form p.price span.status,
form p.price span.explanation,
form p.email span.status,
form p.email span.explanation,
form p.date span.status,
form p.date span.explanation,
form p.file span.status,
form p.file span.explanation { margin-left: 9em; display: block; }
form p.text span.explanation,
form p.password span.explanation,
form p.select span.explanation,
form p.country span.explanation,
form p.number span.explanation,
form p.price span.explanation,
form p.email span.explanation,
form p.date span.explanation,
form p.file span.explanation { margin-left: 10.58em; } /* 9em * 117.66% */
form p.checkbox span.explanation,
form p.checkbox span.status,
form p.radio span.explanation,
form p.radio span.status { margin-left: 25px; }
form p.textarea span, form p.editor span { display: block; }
form p.textarea span.explanation, form p.editor span.explanation { padding-top: 0; padding-bottom: 2px; }
/* Form types */
/* Text forms (submit, radio fields and checkbox fields are in line with text fields) */
form.text p.checkbox,
form.text p.radio,
fieldset.text p.checkbox,
fieldset.text p.radio { padding-left: 9em; }
form.text div.radios p,
form.text div.checkboxes p,
form.text p.checkbox,
fieldset.text div.radios p,
fieldset.text div.checkboxes p { padding-left: 9em; margin-left: 5px; }
form.text div.radios p.radio,
form.text div.checkboxes p.checkbox,
form.text p.checkbox { margin-left: 15px; }
fieldset.text div.radios p.radio,
fieldset.text div.checkboxes p.checkbox { margin-left: 10px; }
form.text p.submit { text-align: left; margin-left: 15px; }
form.text p.submit input { margin-left: 9em; }
/* Fieldset, editor and textarea forms (submit is right aligned) */
form.textareas p.submit { text-align: right; margin: 10px; }
form.fieldsets p.submit, div.table p.submit { margin: 10px; text-align: right; }
form.editor p.submit { text-align: right; margin: 7px 10px; }
/* Editor */
#edit { margin: 7px 0; padding: 0; position: relative; } /* Form. */
#editor_wrapper { position: relative; margin: 0 10px; padding-right: 2px; }
#editor_toolbar { margin: 0; padding: 0 0 3px; line-height: 1; }
#editor_toolbar button { margin: 0 3px 0 0; vertical-align: middle; text-align: center; }
#editor_toolbar button img { vertical-align: middle; margin: 0; }
#editor_toolbar select { vertical-align: middle; margin: 0 3px 0 0; }
#editor_toolbar #button_glyphs { width: 1.9em; }
#editor_toolbar #button_toggle { position: absolute; top: 0; right: 0; margin: 0; }
#editor { height: 500px; font-size: 100%; font-family: Courier, "Courier New", monospace; width: 100%; padding: 0; border: 1px solid #999999; overflow: auto; background: #ffffff; }
#editor_body { background: #ffffff; }
span.php, div.php { background: #adb4d3; color: #000000; font-family: Courier, "Courier New", monospace; }
div.php { overflow: hidden; width: 100%; margin: 15px; padding: 4px 0; border: 1px solid #999999; }
div.php pre { margin: 0; padding: 0; border: none; }
/* Generic classes */
.hidden { display: none; }
.clear { clear: both; }
.strong { font-weight: bold; }
.em { font-style: italic; }
.additional { color: #999999; font-style: italic; }
.center { text-align: center; }
.underline { text-decoration: underline; }
.strikethrough { text-decoration: line-through; }
.frame { border: 1px solid #999999; }
.caption { text-align: center; font-style: italic; font-size: 1.1em; }
.xlarge { font-size: 260%; }
.large { font-size: 160%; }
.small { font-size: 85%; }
.null { color: #999999; }
.hover { background: #ffffcc; }
.selected, .highlight, .today { background: #ffff77; }
.with-above { margin-top: 0; border-top: 0; }
.with-below { margin-bottom: 0; border-bottom: 0; }
.good { color: #009900; }
.bad { color: #bb0000; }
/* Percentage widths */
.w0 { width: 0; }
.w10 { width: 10%; }
.w20 { width: 20%; }
.w25 { width: 25%; }
.w30 { width: 30%; }
.w33 { width: 33%; }
.w40 { width: 40%; }
.w50 { width: 50%; }
.w60 { width: 60%; }
.w66, .w67 { width: 67%; }
.w70 { width: 70%; }
.w75 { width: 75%; }
.w80 { width: 80%; }
.w90 { width: 90%; }
.w100 { width: 100%; }
/* Specific classes */
/* Columns */
div.cols-50, div.cols-67-33, div.cols-33-67, div.cols-33, div.cols-25 { margin-top: 20px; }
div.col1 *:first-child, div.col2 *:first-child, div.col3 *:first-child, div.col4 *:first-child { margin-top: 0; }
div.cols-50 div.col1 { float: left; width: 50%; }
div.cols-50 div.col2 { float: right; width: 50%; }
div.cols-67-33 div.col1 { float: left; width: 67%; }
div.cols-67-33 div.col2 { float: right; width: 33%; }
div.cols-33-67 div.col1 { float: left; width: 33%; }
div.cols-33-67 div.col2 { float: right; width: 67%; }
div.cols-33 div.col1 { float: left; width: 33%; }
div.cols-33 div.col2 { float: left; width: 33%; }
div.cols-33 div.col3 { float: right; width: 34%; }
div.cols-25 div { width: 25%; }
div.cols-25 div.col1, div.cols-25 div.col2, div.cols-25 div.col3 { float: left; }
div.cols-25 div.col4 { float: right; }
/* Errors etc. */
span.success, span.error, span.warning, span.info, span.question { font-weight: bold; padding: 0 0 0 20px; background-repeat: no-repeat; background-position: 0; }
p.success, p.error, p.warning, p.info, p.question { font-weight: normal; padding: 3px 5px 3px 25px; margin: 15px 10px; background-repeat: no-repeat; background-position: 5px 5px; }
div.success, div.error, div.warning, div.info, div.question { padding: 0 0 0 20px; background-repeat: no-repeat; font-weight: normal; padding: 7px 10px 7px 46px; margin: 15px 10px; background-position: 7px 7px; }
div.success p, div.error p, div.warning p, div.info p, div.question p { margin: 0 0 3px; }
div.success p.strong, div.error p.strong, div.warning p.strong, div.info p.strong, div.question p.strong { font-size: 1.5em; }
span.success, p.success { color: #446504; background-image: url(../icons/success_16.png); }
div.success { background-image: url(../icons/success_32.png); }
p.success, div.success, input.success:hover { color: #446504; background-color: #e3ffae; border: 1px solid #446504; }
span.error, p.error { color: #990000; background-image: url(../icons/error_16.png); }
div.error { background-image: url(../icons/error_32.png); }
p.error, div.error, input.error:hover { color: #990000; background-color: #ffcccc; border: 1px solid #b40303; }
span.warning, p.warning { color: #666600; background-image: url(../icons/warning_16.png); }
div.warning { background-image: url(../icons/warning_32.png); }
p.warning, div.warning, input.warning:hover { color: #666600; background-color: #ffffcc; border: 1px solid #666600; }
span.info, p.info { color: #555555; background-image: url(../icons/info_16.png); }
span.question, p.question { color: #555555; background-image: url(../icons/question_16.png); }
div.info { background-image: url(../icons/info_32.png); }
div.question { background-image: url(../icons/question_32.png); }
p.info, p.question, div.info, div.question, input.info:hover, input.question:hover { color: #555555; border: 1px solid #999999; background-color: #f6f6f6; }
div.success p a, div.info p a, div.warning p a, div.error p a, p.success a, p.info a, p.warning a, p.error a { color: #0066cc; }
div.success p a:hover, div.info p a:hover, div.warning p a:hover, div.error p a:hover, p.success a:hover, p.info a:hover, p.warning a:hover, p.error a:hover { color: #3399ff; }
/* Popcal (popup calendar). */
#popcal { display: none; position: absolute; z-index: 2; border: 1px solid #555555; background: #ffffff; }
#popcal-title { font-weight: bold; margin: 2px 20px 0; }
#popcal-forward, #popcal-back { margin: 1px 4px; }
#popcal-days table { margin: 0; font-size: 13px; border: 0px; }
#popcal-days th { color: #999999; padding: 3px 5px 1px; font-size: 11px; text-align: center; }
#popcal-days td { color: #cccccc; padding: 0; border-top: 1px solid #999999; border-left: 1px solid #999999; border-right: 1px solid #999999; font-size: 12px; text-align: center; }
#popcal-days td.col-1 { border-left: 0px; }
#popcal-days td.col-6 { background: #eeeeee; }
#popcal-days td.col-0 { background: #eeeeee; border-right: 0px; }
#popcal-days td.null { background: #dddddd; border-left: 0px; border-right: 0px; }
#popcal-days span { padding: 3px 5px; display: block; }
#popcal-days a, #popcal-days a:link, #popcal-days a:visited { padding: 3px 5px; display: block; color: #333333; text-decoration: none; cursor: pointer; }
#popcal-days a:hover, #popcal-days td.selected a { color: #ffffff; cursor: pointer; background: #3399ff; }
/* Poplist (popup lists with icons for display autosuggest search results) */
#poplist { display: none; position: absolute; z-index: 2; border: 1px solid #555555; border: 1px solid #666666; background: #ffffff; overflow: hidden; width: 200px; padding: 0; }
#poplist p { margin: 0; padding: 1px 5px 2px; }
#poplist p:hover, #poplist p.selected { cursor: pointer; color: #ffffff; cursor: pointer; background: #3399ff; }
#poplist p img { margin-right: 5px; }
/* Popalert (popup status messages, input prompts, and confirm boxes) */
#popalert { z-index: 3; min-height: 32px; display: block; position: absolute; position: fixed; top: 30%; left: 50%; margin-left: -180px; width: 360px; padding-bottom: 50px; border: 7px solid #777777; }
#popalert p input.text, #popalert p select { display: block; width: 350px; }
#popalert p.buttons { position: absolute; font-size: 160%; bottom: 0; right: 0; left: 0; text-align: right; margin: 0; padding: 7px 10px; border-top: 1px solid #999999; background: #eeeeee; }
#popalert p.buttons input { min-width: 100px; }
#greyout { position: absolute; position: fixed; top: 0; bottom: 0; left: 0; right: 0; z-index: 2; }
/* Useful classes */
p.link { text-align: center; font-size: 1.8em; }
p.phone { color: #333333; font-weight: bold; font-size: 300%; text-align: center; }
p.phone a { text-decoration: none; color: #333333; }
p.phone a:hover { text-decoration: underline; color: #3399ff; }
div.additional { margin-top: 30px; clear: both; } /* Also picks up #999999 italic from generic classes above. */
p.additional { margin-top: 30px; clear: left; }
div.address { margin: 15px 15px 15px 25px; }
div.address p { margin-top: 0; margin-bottom: 0; }
div.left, p.left { clear: left; float: left; margin: 0; padding: 0 10px 3px 15px; }
div.right, p.right { clear: right; float: right; margin: 0; padding: 0 10px 3px 10px; }
/* File lists, task lists and tasks */
ul.tasks,
p.forward,
p.task,
p.back,
p.delete,
p.add,
p.search,
p.save,
p.print,
p.feed { margin: 5px 15px 5px 12px; padding: 0px; }
ul.tasks a,
ul.files a { background-repeat: no-repeat; }
ul.files { margin: 10px 15px 10px 17px; padding: 0px; }
ul.files li { list-style-type: none; margin: 8px 0; padding: 0; }
ul.tasks li { list-style-type: none; margin: 3px 0; padding: 0; }
ul.tasks li.or { padding-left: 50px; color: #999999; }
ul.files li a { padding-left: 24px; background: transparent url(../icons/unknown_16.png) no-repeat 3px 0; } /* Default. */
ul.files li.dir a { background-image: url(../icons/dir_16.png); }
ul.files li.page a { background-image: url(../icons/page_16.png); }
ul.files li.word a { background-image: url(../icons/word_16.png); }
ul.files li.excel a { background-image: url(../icons/excel_16.png); }
ul.files li.powerpoint a { background-image: url(../icons/powerpoint_16.png); }
ul.files li.access a { background-image: url(../icons/access_16.png); }
ul.files li.pdf a { background-image: url(../icons/pdf_16.png); }
ul.files li.image a { background-image: url(../icons/image_16.png); }
ul.files li.audio a { background-image: url(../icons/audio_16.png); }
ul.files li.vector a { background-image: url(../icons/vector_16.png); }
ul.files li.video a { background-image: url(../icons/video_16.png); }
ul.files li.text a { background-image: url(../icons/text_16.png); }
ul.files li.archive a { background-image: url(../icons/archive_16.png); }
ul.tasks li a,
p.task a,
p.forward a,
p.back a,
p.delete a,
p.add a,
p.print a,
p.search a,
p.save a,
p.feed a { padding-left: 24px; background: transparent url(../icons/forward_16.png) no-repeat 3px 0; }
p.back a, ul.tasks li.back a { background-image: url(../icons/back_16.png); }
p.delete a, ul.tasks li.delete a { background-image: url(../icons/delete_16.png); }
p.add a, ul.tasks li.add a { background-image: url(../icons/add_16.png); }
p.print a, ul.tasks li.print a { background-image: url(../icons/printer_16.png); }
p.search a, ul.tasks li.search a { background-image: url(../icons/magnifier_16.png); }
p.save a, ul.tasks li.save a { background-image: url(../icons/save_16.png); }
p.feed a, ul.tasks li.feed a { background-image: url(../icons/feed_16.png); }