/* @(#)$Id: presentation.css 1370 2013-03-12 17:16:01Z pjf $ */
/* Elements - Reset styling */
a, abbr, acronym, address, article, aside, audio, b, big, blockquote,
body, button, caption, cite, code, dd, del, dfn, dialog, div, dl, dt, em,
fieldset, figure, footer, form, h1, h2, h3, h4, h5, h6, header,
hgroup, html, i, iframe, img, ins, kbd, label, legend, li, mark, menu,
nav, object, ol, p, pre, q, samp, section, small, span, strong, sub,
sup, table, tbody, td, tfoot, th, thead, time, tr, tt, ul, var, video {
background: transparent; border: 0; margin: 0; outline: 0; padding: 0;
text-align: left; vertical-align: baseline; white-space: normal;
/* color: inherit; font-family: inherit; font-size: inherit;
font-style: inherit; font-weight: inherit; */
}
article, aside, details, dialog, div, figcaption, figure, footer, header,
hgroup, main, menu, nav, section, summary { display: block; }
audio, canvas, video { display: inline-block; }
audio:not([controls]) { display: none; height: 0; }
blockquote p:before, blockquote p:after, q:before, q:after { content: ''; }
blockquote, q { quotes: "" ""; }
del, ins { text-decoration: none; }
hr { border: 0; }
input { margin: 0; }
img { vertical-align: middle; }
dl, ol, ul { list-style: none; }
table { border-collapse: collapse; border-spacing: 0; }
/* Elements - Base styling */
a:focus { outline: thin dotted; }
a:active, a:hover { outline: 0; }
abbr, acronym {
border-bottom: 1px dotted; font-variant: normal;
letter-spacing: 1px; text-transform: uppercase;
}
address, blockquote, cite, dfn, em, i, q, var { font-style: italic; }
article, aside, dialog, footer, header, hgroup, menu, nav, section {
float: left;
}
b, caption, dt, legend, strong, th, thead { font-weight: bold; }
big { font-size: 1.8em; line-height: 1em; }
blockquote { margin: 1em 40px; }
body {
font-family: Verdana, "Lucida Sans", tahoma, arial, sans-serif;
font-size: 62.5%; font-weight: normal; height: 100%; line-height: 1.8em;
max-height: 100%; width: 100%; /* 10 18 */
}
br { clear: left; }
button, input, select { cursor: pointer; line-height: normal; }
button[disabled], html input[disabled] { cursor: default; }
canvas { margin: 0; }
caption { margin: 9px; }
code, kbd, pre, samp, tt, var {
font-family: "Andale Mono", monaco, "Courier New", courier, monospace;
}
del { text-decoration: line-through; }
dl, ol, ul { margin-bottom: 18px; }
dfn { font-style: italic; }
fieldset { border: 1px solid; margin-bottom: 18px; padding: 5px; }
form { display: block; overflow: auto; }
h1, h2, h3, h4, h5, h6 {
font-family: "Helvetiker", Verdana, tahoma, arial, sans-serif;
font-weight: normal;
}
h1 { font-size: 3.6em; line-height: 1em; margin: 0.5em 0; } /* 36 36 */
h2 { font-size: 3.2em; line-height: 1.125em; margin: 0.5625em 0; } /* 32 36 */
h3 { font-size: 2.8em; line-height: 1.286em; margin: 0.6428em 0; } /* 28 36 */
h4 { font-size: 2.4em; line-height: 1.5em; margin: 0.75em 0; } /* 24 36 */
h5 { font-size: 2.0em; line-height: 1.8em; margin: 0.9em 0; } /* 20 36 */
h6 { font-size: 1.6em; line-height: 1.125em; margin: 0.5em 0; } /* 16 18 */
hr {
-khtml-box-sizing: content-box; -moz-box-sizing: content-box;
-webkit-box-sizing: content-box;
border-bottom: 1px solid; border-top: 1px solid; height: 0;
margin: 0; padding-top: 8px; width: 100%;
}
html { height: 100%; max-height: 100%; overflow: hidden; }
ins { border-bottom: 3px double; }
ol, ul { margin-left: 18px; }
ol { list-style-position: inside; list-style-type: decimal; }
option { margin: 3px 0; padding: 0 3px; }
p { font-size: 1.4em; line-height: 1.2857em; margin: 1.2857em 0; } /* 14 18 */
pre { white-space: pre; }
select { margin: 0; padding: 3px; }
small { font-size: 1em; line-height: 1.8em; }
sub, sup { font-size: 0.9em; line-height: 0; }
sub { vertical-align: sub; }
sup { vertical-align: super; }
table { height: auto; width: 100%; }
td { vertical-align: middle; }
textarea { overflow: auto; }
tfoot { font-style: italic; }
th { padding: 3px 6px; }
ul { list-style-position: inside; list-style-type: disc; }
/* Classes */
.accordion_content { direction: ltr; padding: 0 3px; }
.accordion_content .tree { border: 0; margin: 0; }
.accordion_header {
border-left: 1px solid; border-right: 1px solid;
border-top: 1px solid; font-size: 1.4em; height: 28px;
line-height: 28px; overflow: hidden; padding-left: 6px;
position: relative; z-index: 1;
}
.accordion_header:hover { cursor: pointer; }
.accordion_header_first { border-top: 1px solid; }
.accordion_panel {
border-bottom: 1px solid; border-left: 1px solid;
border-right: 1px solid; direction: rtl;
}
.accordion_panel_container { position: relative; }
.action {
background: transparent url(icons.png) no-repeat;
cursor: pointer; display: inline-block; height: 30px;
overflow: hidden; width: 30px;
}
.append_item { display: inline-block; }
.append_item label.prompt { font-weight: bold; }
.append_panel { bottom: 0; left: 10px; position: fixed; z-index: 4; }
.banner { clear: left; text-align: center; width: 100%; }
.banner * { text-align: center; }
.body { display: block; }
.button_item {
margin-bottom: 18px; position: relative; right: 50%; text-align: center;
}
.button_list {
float: left; left: 50%; margin-top: 15px; position: relative; width: auto;
}
.button_panel {
bottom: 55px; position: fixed; right: 0; top: 82px; width: 55px;
}
.checkbox {
background: url(icons.png) -90px -300px no-repeat; cursor: pointer;
display: inline-block; height: 16px; width: 16px;
}
.checkbox_container, .container, .container ul.rotate,
.editable, .expanding_area, .field_group, .freelist_container,
.freelist_ifields, .groupmember_buttons, .groupmember_container,
.groupmember_ifields, .search_label, .separator_break, .textfile pre, .tree {
display: inline-block; float: left; position: relative;
}
.checkbox_container, .expanding_spacer,
.groupmember_container span.title, .image_button, .markup_button,
.result_group legend, .sdata_item legend, .submit_button, .slider, .tree,
.vertical.markup_button {
-khtml-border-radius: 4px; -moz-border-radius: 4px;
-webkit-border-radius: 4px; border-radius: 4px;
}
.checkbox_container {
border: 1px solid; margin: 5px 0; padding: 3px 3px 0; text-align: left;
}
.checkbox_label {
font-size: 1.2em; font-weight: bold; line-height: 1.5em; margin-left: 5px;
vertical-align: top;
}
.checked { background: url(icons.png) -120px -300px no-repeat transparent; }
.chooser { clear: left; }
.chooser_grid {
border: transparent 1px solid; display: block; font-size: 1.4em;
line-height: 1.2857em; padding: 4px; text-decoration: none;
white-space: nowrap;
}
.chooser_grid:hover { border: 1px outset; }
.chooser_panel { position: relative; }
.clearLeft { clear: left; }
.collapse { background-position: -150px -210px; }
.company_logo {
border-bottom: 1px solid; height: 76px; margin: 0; position: absolute;
right: 0; top: 0; width: 100px; z-index: 5;
}
.container > .expanding_area { margin: 0.5em 0; }
.content_panel, .sidebar_fill, .sidebar_panel {
-khtml-border-radius: 10px; -moz-border-radius: 10px;
-webkit-border-radius: 10px; border-radius: 10px;
}
.content_panel {
border: 1px solid; bottom: 0; left: 10px; margin-right: 35px;
margin-bottom: 5px; position: absolute; right: 0; top: 82px; z-index: 3;
}
.cut_here { border-bottom: 0; border-top: 2px dashed; }
.data_field { padding: 0; }
.data_value .anchor_button { margin: 0; }
.diagnostic_item { float: left; margin-right: 10px; }
.diagnostic_panel { display: inline-block; float: right; padding-left: 10px; }
.dialog { max-width: 40%; z-index: 1000; }
.dialog-body {
-khtml-border-radius: 0 0 4px 4px; -moz-border-radius: 0 0 4px 4px;
-webkit-border-radius: 0 0 4px 4px; border-radius: 0 0 4px 4px;
border: 1px solid; display: block; position: relative;
}
.dialog-close {
background: red; cursor: pointer; display: block; float: right;
font-size: 0.9em; height: 15px; line-height: 1em; margin-left: 10px;
text-align: center; vertical-align: baseline; width: 15px;
}
.dialog-field, .dialog-group {
-khtml-box-sizing: border-box; -moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
display: inline-block; float: left; position: relative;
}
.dialog-title {
-khtml-border-radius: 4px 4px 0 0; -moz-border-radius: 4px 4px 0 0;
-webkit-border-radius: 4px 4px 0 0; border-radius: 4px 4px 0 0;
display: block; font-size: 1.4em; font-weight: bold;
line-height: 1.2875em; padding: 5px;
}
.dropcap {
float: left; font-size: 3.8em; line-height: 1em;
margin-right: 6px; width: auto;
}
.error { padding: 3px; }
.expand { background-position: -240px -210px; }
.expanding_area > textarea, .expanding_spacer, .expanding_spacer > span {
white-space: pre-wrap; word-wrap: break-word;
}
.expanding_area > textarea {
-khtml-box-sizing: border-box; -moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
bottom: 0; height: 100%; left: 0; margin: 0; overflow: hidden;
position: absolute; resize: none; top: 0; width: 100%;
}
.expanding_spacer {
border: 1px solid transparent; display: block; max-width: 600px;
min-width: 480px; visibility: hidden;
}
.expanding_spacer, .ifield {
font-family: Verdana, "Lucida Sans", tahoma, arial, sans-serif;
font-size: 1.2em; font-weight: bold; line-height: 1.5em;
padding: 3px; text-align: left;
}
.field_group { vertical-align: middle; }
.footer_item_panel { bottom: 0; left: 0; position: absolute; right: 0; }
.footer_item_panel form { float: left; }
.footer_item_panel label { font-weight: bold; margin: 5px !important; }
.footer_list { height: 100%; position: relative; }
.footer_panel {
bottom: 0; display: inherit; height: 60px; left: 0; position: fixed;
right: 0; z-index: 2;
}
.freelist_buttons {
display: inline-block; float: right; margin: 8px 0;
padding: 0 12px; position: relative;
}
.freelist_buttons .add { margin: 0 0 3px 0; }
.freelist_buttons .remove { display: block; margin: 6px 0 0 0; }
.freelist_ifields { margin: 7px 0 8px; }
.grid_container {
-khtml-border-radius: 0 0 4px 4px; -moz-border-radius: 0 0 4px 4px;
-webkit-border-radius: 0 0 4px 4px; border-radius: 0 0 4px 4px;
overflow: hidden; padding-right: 19px; position: relative;
}
.grid_header { position: relative; }
.grid_scrollBar {
bottom: 0; overflow: auto; position: absolute; right: 0; width: 19px;
}
.grid_subheader { display: block; padding: 3px; text-decoration: none; }
.groupmember_buttons { margin: 30px 0 0; padding: 0 12px; }
.groupmember_buttons .add { margin: 0 0 3px 0; }
.groupmember_buttons .remove { display: block; margin: 6px 0 0 0; }
.groupmember_container span.title {
float: left; font-size: 1.2em; font-weight: bold; line-height: 1.5em;
min-width: 180px; padding: 3px 0 3px 6px; white-space: nowrap; width: 90%;
}
.groupmember_ifields { margin: 6px 0 10px; }
.header_bottom {
height: 31px; left: 0; position: absolute; right: 0; top: 46px;
}
.header_link { text-decoration: none; }
.header_link:active { position: relative; top: 1px; }
.header_panel {
height: 77px; left: 0; position: fixed; right: 0; top: 0; z-index: 10;
}
.header_quicklinks {
bottom: 0; padding-right: 5px; position: absolute; right: 100px;
}
.header_quicklinks a {
font-size: 1.2em; line-height: 1.5em; text-align: right;
}
.header_subtitle {
padding-top: 1px; padding-right: 5px; position: absolute;
right: 100px; top: 0;
}
.header_subtitle a {
font-size: 1.6em; font-weight: bold; line-height: 1.125em; text-align: right;
}
.header_title {
font-family: "Mukokuseki Kitchen"; font-size: 2.75em; font-weight: normal;
line-height: 1.8em; margin-left: 10px;
}
.header_top {
height: 46px; left: 0; overflow: hidden; position: absolute; top: 0;
right: 0;
}
.heading { font-weight: bold; }
.help { cursor: help; position: relative; }
.hidden { display: none !important; visibility: hidden; }
.icon { display: block; padding: 3px 6px; text-align: center; }
.info {
font-size: 1.2em; font-style: italic; line-height: 1.5em;
margin: 0.5em 0; padding: 3px 0; width: auto;
}
.info p { font-size: 1.2em; }
.info_dialog { padding: 5px; }
.instructions { float: left; text-align: left; }
.instructions p { font-size: 1.2em; line-height: 1.5em; padding-right: 12px; }
.invisible { visibility: hidden; }
.label_text { font-style: italic; padding: 3px; }
.label_text, .separator {
float: left; font-size: 1.2em; line-height: 1.5em;
margin: 0.5em 0; padding: 3px 0; width: auto;
}
.lineNumber, .logfile, .mono, .source, .step_number {
font-family: "Andale Mono", monaco, "Courier New", courier, monospace;
}
.lineNumber { text-align: right; }
.logfile { white-space: pre; }
.mask { position: absolute; z-index: 999; }
.menu_bottom {
-khtml-border-radius: 0 0 4px 4px; -moz-border-radius: 0 0 4px 4px;
-webkit-border-radius: 0 0 4px 4px; border-radius: 0 0 4px 4px;
border: 1px solid; display: block; font-size: 1px; height: 5px;
}
.menu_filler {
border-bottom: 1px solid; border-top: 1px solid; display: block;
font-size: 1.2em; height: 24px; line-height: 24px; margin: 0;
padding: 0 3px; text-align: center;
}
.menu_pad { display: block; font-size: 1px; height: 5px; }
.menu_top {
-khtml-border-radius: 4px 4px 0 0; -moz-border-radius: 4px 4px 0 0;
-webkit-border-radius: 4px 4px 0 0; border-radius: 4px 4px 0 0;
border: 1px solid; display: block; font-size: 1px; height: 3px;
}
.minimal { width: 1%; }
.most { width: 98%; }
.multiColumn {
float: left; position: relative; right: 50%;
text-align: center; width: auto;
}
.navigation {
border: 1px solid; display: block; font-size: 1.2em; line-height: 1.5em;
padding: 3px 6px; text-decoration: none; white-space: nowrap;
}
.navigation:active { position: relative; top: 1px; }
.navigation:hover { border: 1px solid; }
.navigation_container {
display: table-row; height: 31px; left: 32px; position: absolute; right: 0;
}
.navigation_filler { display: table-cell; height: 31px; width: 98%; }
.navigation_menu { display: table-cell; height: 31px; vertical-align: top; }
.navigation_menu .menu { display: table-row; list-style-type: none; margin: 0; }
.navigation_menu .menu li {
display: table-cell; vertical-align: top; white-space: nowrap;
}
.navigation_menu .menu dl { position: absolute; top: 30px; }
.navigation_menu .menu dd { clear: left; display: none; }
.navigation_menu .menu li:hover dd, .navigation_menu .menu li a:hover dd {
display: block;
}
.navigation_menu a.menu_title {
border: 1px solid; display: block; font-size: 1.2em; height: 24px;
line-height: 24px; padding: 0 10px; text-align: center;
text-decoration: none; white-space: nowrap;
}
.navigation_menu a.menu_selected {
border: 1px solid; display: block; font-size: 1.2em; font-weight: bold;
height: 24px; line-height: 24px; padding: 0 10px; text-align: center;
text-decoration: none; white-space: nowrap;
}
.navigation_menu a.menu_link {
border: 1px solid; display: block; font-size: 1.2em; height: 24px;
line-height: 24px; padding: 0 10px; text-align: center;
text-decoration: none; white-space: nowrap;
}
.note {
float: left; font-size: 1.2em; font-style: italic; line-height: 1.5em;
margin: 9px 0;
}
.notice-board { position: fixed; width: 20%; z-index: 9999; }
.notice-board.nb-top { top: 0; }
.notice-board.nb-right { right: 0; }
.notice-board.nb-bottom { bottom: 0; }
.notice-board.nb-left { left: 0; }
.notice-board .notice {
-khtml-border-radius: 8px; -moz-border-radius: 8px;
-webkit-border-radius: 8px; border-radius: 8px;
border: 2px solid transparent; padding: 10px; position: relative;
z-index: 13000;
}
.notice-board .notice:after {
content: "\0020"; display: block; height: 0; clear: both;
visibility: hidden; overflow: hidden;
}
.notice-board.nb-top .notice { margin-top: 10px; }
.notice-board.nb-right .notice { margin-right: 10px; }
.notice-board.nb-bottom .notice { margin-bottom: 10px; }
.notice-board.nb-left .notice { margin-left: 10px; }
.notice-board .notice > .close_icon {
cursor: pointer; position: absolute; right: -8px; top: -8px;
}
.notice-board .notice img { float: left; margin-right: 10px; }
.nowrap { white-space: nowrap; }
.nudge-right { padding-left: 6px; }
.oneColumn {
float: left; margin: 0; padding-left: 60px; padding-right: 60px;
position: relative; right: 50%; width: auto;
}
.paragraphs {
clear: left; float: left; position: relative; left: 50%; text-align: center;
}
.paragraphs p { text-align: justify; }
.pintray {
bottom: 0; list-style-position: outside; list-style-type: none;
position: fixed; right: 1px; top: 0; z-index: 200;
}
.pintray > li { cursor: pointer; position: absolute; right: 0; top: 0; }
.pod { padding-bottom: 13px; }
.pod li a { font-size: 1.4em; line-height: 1.2857em; }
.pod div { clear: left; }
.pod dl { margin-bottom: 0; margin-top: 1.5em; }
.pod dt { font-size: 1.4em; line-height: 1.2875em; margin-top: 1.2875em; }
.pod h2 {
border-top: 1px solid; clear: left; float: left;
margin-bottom: 0; padding-top: 18px; width: 80%;
}
.pod hr { display: none; }
.pod p { margin-bottom: 0; }
.pod p.toplink {
border-top: 1px solid; float: right; padding-top: 9px;
text-align: right; width: 20%;
}
.pod pre { font-size: 1.4em; line-height: 1.2857em; margin-top: 1.5em; }
.pod ul { list-style-type: none; }
.prominent { clear: left; padding: 15px 0; width: 100%; }
.prominent p { font-size: 1.6em; line-height: 1.125em; margin: 1.125em 0; }
.quick_link_sep { padding-left: 3px; }
.result_items {
font-size: 1.2em; line-height: 1.5em; margin-bottom: 18px;
text-align: center;
}
.result_group legend, .sdata_item legend {
background: url(form.png) repeat-x center left;
border: 1px solid; font-size: 1.4em; line-height: 1.2857em;
padding: 3px 3px 5px 3px;
}
.right { float: right; } /* Cannot have this. Insufficient context */
.rotate { margin: 9px 0 9px 18px; overflow: hidden; }
.rotate li { font-size: 1.2em; line-height: 1.5em; }
.row_select { text-align: center; }
.rule { width: 100%; }
.rule_section { padding-top: 8px; }
.sdata_heading { font-weight: bold; text-align: center; }
.sdata_panel {
float: left; margin: 0 2.5% 9px 2.5%;
overflow: hidden; position: relative;
}
.sdata_panel dd {
font-size: 1.4em; line-height: 1.2857em; margin: 1.2857em 1em 1.2857em 0;
}
.sdata_panel dt {
font-size: 1.6em; line-height: 1.125em; margin: 0.5em 1em 0.5em 0;
}
.search {
font-weight: bold; padding-left: 6px; padding-right: 6px;
text-decoration: none;
}
.search:active { position: relative; top: 1px; }
.separator_break { clear: left; }
.sidebar_fill {
border: 5px solid;
}
.sidebar_grippy {
cursor: w-resize; margin-top: 200px; float:right; width: auto;
}
.sidebar_help {
display: block; height: 17px; line-height: 17px; padding: 0 0 9px 10px;
}
.sidebar_help:hover { cursor: pointer; }
.sidebar_panel {
border: 1px solid; bottom: 0; left: 0; overflow: hidden; padding: 0;
position: fixed; top: 82px; width: 150px;
}
.sidebar_switch {
border-top: 5px solid; border-bottom: 1px solid; height: 25px;
position: absolute; width: 32px;
}
.slider {
border: 1px solid; display: block; height: 8px; left: 5px;
position: absolute; top: 0; width: 222px;
}
.slider_group { position: relative; }
.slider .knob {
border: 1px solid; cursor: ew-resize; display: block; height: 18px;
margin-top: -2px; width: 18px;
}
.some { width: 5%; }
.source { white-space: pre; }
.spinner { height: 100px; position: relative; width: 100px; }
.spinner-js { border: 1px solid; z-index: 999; }
.spinner-msg { font-weight: bold; text-align: center; }
.split { margin-left: 2px; margin-top: 2px; }
.stack { clear: left; }
.stack textarea { display: inline-block; float: left; min-height: 400px; }
.stacktrace { margin-bottom: 18px; text-align: center; }
.stacktrace pre { font-size: 1.4em; line-height: 1.2857em; text-align: center; }
.std_row td { font-size: 1.2em; }
.step_number {
display: block; float: left; font-size: 1em; margin: 0.6em 12px 0.6em 0;
padding: 3px 0; text-align: right; width: 36px;
}
.step_number .checkbox_container {
float: right; line-height: 0; margin: 0; padding: 0;
}
.subtype_html { overflow: hidden; padding: 0; }
.subtype_html .deskclock {
height: 100%; margin: 0 auto; position: relative; width: 512px;
}
.subtype_html iframe {
height: 100%; position: absolute; width: 100%;
}
.subtype_normal { overflow-y: scroll; padding: 5px 17px 6px; }
.table_edit_buttons { display: block; }
.table_edit_buttons .add { float: left; }
.table_edit_buttons .remove { float: right; }
.table_edit_buttons .icon_button { margin: 0; }
.tabset {
display: block; float: left; position: relative; right: 50%; width: auto;
}
.tabs { display: block; font-weight: bold; text-decoration: none; }
.tabset .data_value { padding: 0; }
.tabset .tab {
border: solid 1px; display: inline-block; margin: 0 6px -1px;
padding: 8px 6px 9px; position: relative; white-space: nowrap;
}
.tabset .panel { display: block; width: auto; }
.tabset .panel_content { border: solid 1px; padding: 8px; width: auto; }
.tabswapper { float: left; left: 50%; position: relative; }
.textarea { float: right; width: auto; }
.textfile pre {
font-size: 1.2em; line-height: 1.5em; margin: 10px 0 8px;
}
.tick {
border-right: 1px solid; height: 8px; position: absolute;
top: 9px; width: 19px;
}
.tips-container {
-khtml-border-radius: 8px; -moz-border-radius: 8px;
-webkit-border-radius: 8px; border-radius: 8px;
border: 2px solid transparent; text-align: center; z-index: 13000;
}
.tips-mark0 {
border: 9px solid; content: ' '; height: 0; left: 16px;
position: absolute; top: -18px; width: 0;
}
.tips-mark1 {
border: 7px solid; content: ' '; height: 0; left: 18px;
position: absolute; width: 0; top: -14px;
}
.tips-defn {
display: block; font-size: 1.2em; line-height: 1.5em;
padding: 4px 16px 16px 16px;
}
.tips-term {
display: block; font-size: 1.6em; line-height: 1.125em;
padding: 8px 16px 4px 16px;
}
.togglers { display: block; }
.toolbar {
display: block; overflow:hidden; padding: 5px 3px 3px 5px;
} * html .toolbar { height: 0; }
.toolbar * {
background-image: url(icons.png);
background-position: center; background-repeat: no-repeat;
cursor: default; display: block; float: left; height: 22px;
margin: 0 2px 2px 0; padding: 0; width: 22px;
} * html .toolbar * { height: 24px; width: 24px; }
.toolbar br { margin: 0; padding: 0; }
.toolbar.disabled * { opacity: 0.3; }
.toolbar.disabled .toggle { background-position: -90px -210px; opacity: 1; }
.toolbar .spacer {
border: none; border-right: 2px solid; margin: 0 5px 0 3px; width: 0;
}
.toolbar .toggle { background-position: -180px -180px; }
.tools_menu {
height: 31px; position: absolute; right: 100px; z-index: 3;
}
.tools_menu .menu { display: table-row; }
.tools_menu .menu li { display: table-cell; }
.tools_menu .menu li:hover dd, .tools_menu a:hover dd {
display: block;
}
.tools_menu .menu dl { position: absolute; top: 30px; }
.tools_menu .menu dd { background: transparent; clear: left; display: none; }
.tools_menu a.tools_selected {
border: 1px solid; display: block; height: 20px;
line-height: 20px; padding: 0 3px 4px; text-align: center;
text-decoration: none; white-space: nowrap;
}
.tools_menu a.tools_selected:hover { display: block; }
.tools_menu a.tools_title {
display: block; height: 18px; line-height: 18px; padding: 2px 6px 5px;
text-align: center; text-decoration: none; white-space: nowrap;
}
.tools_menu a.tools_title:hover { display: block; }
.tools_menu a.tools_link {
border: 1px solid; clear: left; display: block; font-size: 1.2em;
height: 19px; line-height: 19px; padding: 1px 12px 4px; text-align: center;
text-decoration: none; white-space: nowrap;
}
.tools_menu a.tools_link:hover { display: block; }
.tree {
border: 1px solid; min-width: 200px; padding: 3px 3px;
}
.tree dd { margin: 0; }
.tree_controls { display: block; position: absolute; right: 10px; z-index: 1; }
.typeface-js { position: absolute; }
.vertical .button_replacement {
display: block; line-height: 1em; text-align: center;
}
.warning { display: block; }
.wide_area { width: 732px; }
.wysiwyg { min-height: 350px; width: 98%; }
.wysiwyg_container { display: inline-block; }
.wysiwyg_container iframe {
border: 1px solid; min-height: 350px; padding: 10px;
}
.wysiwyg_container body { padding: 10px; }
/* Buttons */
.anchor_button, .chooser_button, .icon_button,
.image_button, .sdata_item input.button, .submit_button,
.markup_button {
background: url(form.png) repeat-x center left;
border: 2px outset; cursor: pointer; display: inline-block; font-size: 1.2em;
font-weight: bold; line-height: 1.5em; text-decoration: none;
}
.anchor_button:active, .chooser_button:active, .icon_button:active,
.image_button:active, .sdata_item input.button:active, .submit_button:active,
.markup_button:active {
border: 2px inset; position: relative; top: 1px;
}
.anchor_button:hover, .chooser_button:hover, .icon_button:hover,
.image_button:hover, .sdata_item input.button:hover, .submit_button:hover,
.vertical.markup_button:hover { background-position: top left; }
.anchor_button { margin: 5px 0; padding: 2px 6px; }
.chooser_button { margin: 5px 0; padding: 3px 6px; }
.icon_button {
height: 18px; margin: 6px 0 6px 3px; padding: 1px 2px; vertical-align: top;
}
.image_button { background: url(form.png) repeat-x bottom left; }
.vertical.markup_button {
background: url(form_tall.png) repeat-x bottom left;
padding: 6px 0; position: relative; width: 24px;
}
.sdata_item input.button { padding: 3px 3px; }
/* Flags - Images are 32px by 24px */
.flag_da {
background: url(flags.png) no-repeat 0px 0px; height: 21px;
padding: 3px 0 0 35px;
}
.flag_de {
background: url(flags.png) no-repeat 0px -24px; height: 21px;
padding: 3px 0 0 35px;
}
.flag_en {
background: url(flags.png) no-repeat 0px -48px; height: 21px;
padding: 3px 0 0 35px;
}
.flag_fi {
background: url(flags.png) no-repeat 0px -72px; height: 21px;
padding: 3px 0 0 35px;
}
.flag_fr {
background: url(flags.png) no-repeat 0px -96px; height: 21px;
padding: 3px 0 0 35px;
}
.flag_it {
background: url(flags.png) no-repeat 0px -120px; height: 21px;
padding: 3px 0 0 35px;
}
.flag_nl {
background: url(flags.png) no-repeat 0px -144px; height: 21px;
padding: 3px 0 0 35px;
}
.flag_no {
background: url(flags.png) no-repeat 0px -168px; height: 21px;
padding: 3px 0 0 35px;
}
.flag_pa {
background: url(flags.png) no-repeat 0px -192px; height: 21px;
padding: 3px 0 0 35px;
}
.flag_sp {
background: url(flags.png) no-repeat 0px -216px; height: 21px;
padding: 3px 0 0 35px;
}
.flag_sw {
background: url(flags.png) no-repeat 0px -240px; height: 21px;
padding: 3px 0 0 35px;
}
/* Icons */
.add_item_icon {
background: url(icons.png) no-repeat -150px -300px;
display: inline-block; height: 16px; overflow: hidden; width: 16px;
}
.calendar_icon {
background: url(icons.png) no-repeat -30px -300px;
display: inline-block; height: 18px; overflow: hidden; width: 18px;
}
.clear_field_icon {
background: url(icons.png) no-repeat -60px -300px;
display: inline-block; height: 18px; overflow: hidden; width: 18px;
}
.close_icon {
background: url(icons.png) no-repeat -180px -330px;
display: inline-block; height: 24px; overflow: hidden; width: 24px;
}
.down_point_icon {
background: url(icons.png) no-repeat -210px -210px; float: right;
display: inline-block; height: 24px;
overflow: hidden; width: 24px;
}
.drag_icon {
background: url(icons.png) no-repeat -30px -330px;
display: inline-block; height: 20px; overflow: hidden;
vertical-align: middle; width: 30px;
}
.exit_icon {
background: url(icons.png) no-repeat -180px -270px;
display: inline-block; height: 16px; overflow: hidden;
vertical-align: middle; width: 16px;
}
.file_icon {
background: url(icons.png) no-repeat -120px -270px;
display: inline-block; height: 23px; overflow: hidden; width: 21px;
}
.help_icon {
background: url(icons.png) no-repeat -150px -270px;
display: inline-block; height: 16px; overflow: hidden;
vertical-align: middle; width: 16px;
}
.link_icon {
background: url(icons.png) no-repeat -30px -90px;
display: inline-block; height: 16px; overflow: hidden;
vertical-align: middle; width: 16px;
}
.lock_icon {
background: url(icons.png) no-repeat -240px -270px;
display: inline-block; height: 16px; overflow: hidden;
vertical-align: middle; width: 16px;
}
.pushedpin_icon {
background: url(icons.png) no-repeat -270px -270px;
display: inline-block; height: 17px; overflow: hidden;
vertical-align: middle; width: 17px;
}
.pushpin_icon {
background: url(icons.png) no-repeat -270px -210px;
display: inline-block; height: 17px; overflow: hidden;
vertical-align: middle; width: 17px;
}
.remove_item_icon {
background: url(icons.png) no-repeat -180px -300px;
display: inline-block; height: 16px; overflow: hidden; width: 16px;
}
.scissors_icon {
background: url(icons.png) no-repeat 0 -300px;
display: inline-block; height: 20px; overflow: hidden; width: 19px;
}
.scrollpin_icon {
background: url(icons.png) no-repeat -240px -150px;
display: inline-block; height: 30px; overflow: hidden; width: 30px;
}
.tools_icon {
background: url(icons.png) no-repeat -210px -270px;
display: inline-block; height: 16px; overflow: hidden;
vertical-align: middle; width: 16px;
}
.up_point_icon {
background: url(icons.png) no-repeat -270px -300px; float: right;
display: inline-block; height: 24px;
overflow: hidden; width: 24px;
}
/* Divs */
div.tools { height: 31px; line-height: 31px; }
/* Images */
img.tools {
height: 17px; padding-right: 1px; padding-bottom: 1px; width: 17px;
}
/* Form elements */
input.ifield, password.ifield { height: 18px; }
input.ifield, password.ifield, select.ifield, textarea.ifield {
-khtml-border-radius: 4px; -moz-border-radius: 4px;
-webkit-border-radius: 4px; border-radius: 4px;
border: 1px solid;
}
input.freelist { float: left; margin-bottom: 3px; width: 180px; }
input.numeric { text-align: right; }
input.required, password.required, select.required, textarea.required {
border-right: 3px solid;
}
label.instructions, label.prompt, label.prompt_compact {
cursor: pointer; display: block; float: left;
font-size: 1.2em; line-height: 1.5em; margin: 0.5em 0; padding: 3px 0;
width: auto;
}
label.instructions, label.prompt { text-align: right; }
label.prompt_compact { text-align: left; }
label.radio_group {
display: inline-block; font-size: 1.2em; font-weight: bold;
line-height: 1.5em; margin-left: 5px; min-width: 50px; vertical-align: top;
}
select.freelist {
clear: left; float: left; min-height: 98px; min-width: 180px;
}
select.group { clear: left; float: left; min-width: 180px; width: auto; }
select.ifield {
-khtml-box-sizing: content-box; -moz-box-sizing: content-box;
-webkit-box-sizing: content-box;
}
select[multiple] { min-height: 180px; }
textarea.ifield { min-width: 480px; }
.container input.ifield, .container password.ifield, .container select.ifield {
margin: 5px 0;
}
/* Spans */
span.error {
-khtml-border-radius: 4px; -moz-border-radius: 4px;
-webkit-border-radius: 4px; border-radius: 4px;
border: 1px solid; clear: left; display: block; white-space: nowrap;
}
span.info { float: left; }
span.label { display: block; float: left; margin-bottom: 18px; width: auto; }
span.prompt { font-size: 1.2em; line-height: 1.5em; }
/* Tables */
table.csv, table.editable, table.std {
border-collapse: separate; border-spacing: 3px;
}
table.editable { margin: 3px 0 0 -3px; width: auto; }
table.grid { min-width: 200px; width: auto; }
table.grid td.first, table.logfile td.first,
table.source td.first { border-right: 1px solid; }
table.logfile { margin-top: 13px; width: auto; }
table.editable td.row_select, table.editable td.row_drag, table.editable th {
-khtml-border-radius: 4px; -moz-border-radius: 4px;
-webkit-border-radius: 4px; border-radius: 4px;
border: 1px solid;
}
table.editable th { line-height: 1.333em; width: auto; }
td > .checkbox { margin-top: 3px; }
td.csv, td.data_value,
td.mono { font-size: 1.2em; line-height: 1.5em; padding: 3px; }
td.date, td.hex, td.ipaddr, td.numeric,
td.time { text-align: right }
td.expired { background-color: pink; }
td.first { width: 1%; }
td.fixed { width: 20px; }
td.grid_cell { height: 25px; white-space: nowrap; }
td.lineNumber { min-width: 20px; padding-right: 3px; }
td.logfile,
td.source { padding-left: 3px; }
td.row_drag { cursor: pointer; }
td.row_select a { display: block; text-align: center; vertical-align: middle; }
td.source { font-size: 1.4em; line-height: 1.2857em; }
th.first { text-align: center; width: 1%; }
th.grid_header {
border-bottom: 1px solid; font-size: 1.4em; line-height: 1.2857em;
text-align: left;
}
th.sort { cursor: pointer; }
th.normal { font-size: 1.2em; text-align: center; }
tr.std_row td { padding-left: 4px; padding-right: 4px; }
/* Tree Definitions */
dd.tree_node_closed { display: none; margin-bottom: 0; }
dd.tree_node_last_closed { display: none; margin-bottom: 0; }
dd.tree_node_open { display: block; margin-bottom: 0; }
dd.tree_node_last_open { display: block; margin-bottom: 0; }
dl.tree a {
font-size: 1.2em; line-height: 1.5em; padding: 3px;
text-decoration: none; white-space: nowrap;
}
dl.tree a.tree_selected { text-decoration: underline; }
dl.tree span { vertical-align: middle; }
dl.tree_branch { margin-bottom: 0; }
dl.tree_branch dt { display: block; }
dt.tree_leaf span.tree_leaf_ctrl {
background: transparent url(icons.png) no-repeat -30px -270px;
}
dt.tree_leaf_last span.tree_leaf_ctrl {
background: transparent url(icons.png) no-repeat -60px -240px;
}
dt.tree_node_closed span.tree_node_icon,
dt.tree_node_last_closed span.tree_node_icon {
background: transparent url(icons.png) no-repeat 0 -240px;
display: inline-block; height: 30px; overflow: hidden;
vertical-align: middle; width: 16px;
}
dt.tree_node_closed span.tree_node_ctrl {
background: transparent url(icons.png) no-repeat -90px -270px;
}
dt.tree_node_last_closed span.tree_node_ctrl {
background: transparent url(icons.png) no-repeat -120px -240px;
}
dt.tree_node_open span.tree_node_icon,
dt.tree_node_last_open span.tree_node_icon {
background: transparent url(icons.png) no-repeat -210px -240px;
display: inline-block; height: 30px; overflow: hidden;
vertical-align: middle; width: 16px;
}
dt.tree_node_open span.tree_node_ctrl {
background: transparent url(icons.png) no-repeat -60px -270px;
}
dt.tree_node_last_open span.tree_node_ctrl {
background: transparent url(icons.png) no-repeat -90px -240px;
}
span.tree_fill, span.tree_last_fill, span.tree_leaf_ctrl, span.tree_node_ctrl {
display: inline-block; height: 30px; overflow: hidden; width: 16px;
}
span.tree_fill {
background: transparent url(icons.png) no-repeat -30px -240px;
}
span.tree_last_fill {
background: transparent url(icons.png) no-repeat 0 0;
}
span.tree_leaf_icon {
background: transparent url(icons.png) no-repeat -150px -240px;
display: inline-block; height: 30px; overflow: hidden;
width: 16px;
}
span.tree_node_ctrl { cursor: pointer; }
/* Calendar widget */
div.calendar { margin: -25px; z-index: 50; }
.calendar, .calendar table {
border: 1px solid; border-collapse: collapse; cursor: default;
font-family: Verdana, "Lucida Sans", tahoma, arial, sans-serif;
font-size: 1.2em; line-height: 1.5em; margin: 0;
}
/* Header part -- contains navigation buttons and day names. */
.calendar .button { /* "<<", "<", ">", ">>" buttons have this class */
text-align: center; /* They are the navigation buttons */
padding: 2px; /* Make the buttons seem like they're pressing */
}
.calendar .button div { text-align: center; }
.calendar thead .title { /* This holds the current "month, year" */
font-weight: bold; /* Pressing it will take you to the current date */
text-align: center; padding: 2px;
}
.calendar thead .headrow { /* Row <TR> containing navigation buttons */
}
.calendar thead .name { /* Cells <TD> containing the day names */
border-bottom: 1px solid; padding: 2px; text-align: center;
}
.calendar thead .hilite { /* How do the buttons in header appear when hover */
border: 1px solid; padding: 1px;
}
.calendar thead .active { /* Active (pressed) buttons in header */
padding: 2px 0 0 2px;
}
/* The body part -- contains all the days in month. */
.calendar tbody .day { /* Cells <TD> containing month days dates */
width: 24px; text-align: right; padding: 2px 4px 2px 2px;
}
.calendar table .wn {
padding: 2px 3px 2px 2px; border-right: 1px solid;
}
.calendar tbody td {
border: 1px solid; /* padding: 1px 3px 1px 1px; */
}
.calendar tbody td.hilite { /* Hovered cells <TD> */
/* border: 1px solid; padding: 1px 3px 1px 1px; */
}
.calendar tbody td.active { /* Active (pressed) cells <TD> */
padding: 2px 2px 0 2px;
}
.calendar tbody td.selected { /* Cell showing today date */
font-weight: bold; border: 1px solid; /* padding: 1px 3px 1px 1px; */
}
.calendar tbody td.today { font-weight: bold; }
.calendar tbody .emptycell { /* Empty cells (the best is to hide them) */
visibility: hidden;
}
.calendar tbody .emptyrow { /* Empty row (some months need less than 6 rows) */
display: none;
}
/* The footer part -- status bar and "Close" button */
.calendar tfoot .ttip { /* Tooltip (status bar) cell <TD> */
padding: 2px; text-align: center;
}
.calendar tfoot .ttip div { text-align: center; }
.calendar tfoot .hilite { /* Hover style for buttons in footer */
border: 1px solid; padding: 1px;
}
.calendar tfoot .active { /* Active (pressed) style for buttons in footer */
padding: 2px 0 0 2px;
}
/* Combo boxes (menus that display months/years for direct selection) */
.calendar .combo {
position: absolute; display: none; top: 0; left: 0; width: 48px;
cursor: default; border: 1px solid; z-index: 100;
}
.calendar .combo .label, .calendar .combo .label-IEfix {
text-align: center; padding: 1px;
}
.calendar .combo .label-IEfix { width: 48px; }
.calendar .combo .active {
border-top: 1px solid; border-bottom: 1px solid;
font-weight: bold;
}
.calendar td.time { border-top: 1px solid; padding: 1px 0; text-align: center; }
.calendar td.time .hour, .calendar td.time .minute, .calendar td.time .ampm {
padding: 0 3px 0 4px; border: 1px solid; font-weight: bold;
}
.calendar td.time .ampm { text-align: center; }
.calendar td.time .colon {
padding: 0 2px 0 3px; font-weight: bold;
}
/* Chosens - Smarter select menus */
.chzn-select { min-width: 180px; }
.chzn-container {
display: inline-block; float: left; margin: 5px 0; position: relative;
}
.chzn-container textarea:focus {
-moz-box-shadow: 0 0 3px #aaa; -webkit-box-shadow: 0 0 3px #aaa;
box-shadow: 0 0 3px #aaa;
}
.chzn-container .chzn-drop {
-moz-box-shadow: 0 4px 5px rgba(0, 0, 0, 0.15);
-webkit-box-shadow: 0 4px 5px rgba(0, 0, 0, 0.15);
box-shadow: 0 2px 4px rgba(0, 0, 0, 0.15);
border: 1px solid; border-width: 0 1px 1px; left: 0;
position: absolute; top: 29px; z-index: 20;
}
.chzn-container-single .chzn-drop {
-khtml-border-radius: 0 0 4px 4px; -moz-border-radius: 0 0 4px 4px;
-webkit-border-radius: 0 0 4px 4px; border-radius: 0 0 4px 4px;
}
.chzn-container a.chzn-single, .chzn-container .chzn-search input,
.chzn-container ul.chzn-choices,
.chzn-container ul.chzn-choices li.search-choice {
-khtml-border-radius: 4px; -moz-border-radius: 4px;
-webkit-border-radius: 4px; border-radius: 4px;
}
/* Single */
.chzn-container a.chzn-single {
border: 1px solid; display: block; font-size: 1.2em; font-weight: bold;
height: 18px; line-height: 1.5em; overflow: hidden; padding: 3px 0 3px 8px;
position: relative; text-decoration: none; white-space: nowrap; z-index: 19;
}
.chzn-container a.chzn-single span {
display: block; margin-right: 26px; overflow: hidden;
/* text-overflow: ellipsis; */
}
.chzn-container li.search-prompt div,
.chzn-container a.chzn-single div {
-khtml-border-top-right-radius: 4px; -moz-border-radius-topright: 4px;
-webkit-border-top-right-radius: 4px;
border-top-right-radius: 4px;
-khtml-border-bottom-right-radius: 4px; -moz-border-radius-bottomright: 4px;
-webkit-border-bottom-right-radius: 4px;
border-bottom-right-radius: 4px;
border-left: 1px solid; display: block; height: 100%; position: absolute;
right: 0; top: 0; width: 18px;
}
.chzn-container li.search-prompt div b,
.chzn-container a.chzn-single div b {
background: url(icons.png) no-repeat -60px -330px;
display: block; width: 100%; height: 100%;
}
.chzn-container .chzn-search {
padding: 3px 4px; margin: 0; position: relative; white-space: nowrap;
}
.chzn-container .chzn-search input {
background: url(icons.png) right -360px no-repeat;
margin: 1px 0; outline: 0;
}
/* Multi */
.chzn-container ul.chzn-choices {
border: 1px solid; cursor: pointer; height: auto !important; height: 1%;
margin: 0; overflow: hidden; padding: 0; position: relative;
}
.chzn-container ul.chzn-choices:focus {
-moz-box-shadow: 0 0 5px #9c9; -webkit-box-shadow: 0 0 5px #9c9;
box-shadow: 0 0 5px #9c9;
}
.chzn-container ul.chzn-choices li {
float: left; list-style-type: none; margin: 0;
}
.chzn-container ul.chzn-choices li.search-prompt {
font-size: 1.2em; font-weight: bold; height: 18px; line-height: 1.5em;
padding: 3px 0 3px 8px; width: 100%;
}
.chzn-container ul.chzn-choices li.search-field {
clear: left; margin: 0; padding: 0; white-space: nowrap;
}
.chzn-container ul.chzn-choices li.search-field input {
-webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none;
border: 0 !important; padding: 5px; margin: 1px 0; outline: 0;
}
.chzn-container ul.chzn-choices li.search-choice {
border: 1px solid; font-size: 1.2em; font-weight: bold; height: 15px;
line-height: 1.5em; margin: 3px 5px; padding: 2px 19px 4px 8px;
position: relative;
}
.chzn-container ul.chzn-choices li.search-choice span { cursor: default; }
.chzn-container ul.chzn-choices li.search-choice a.search-choice-close {
background: url(icons.png) no-repeat -120px -330px;
display: block; height: 15px; position: absolute;
right: 0; top: -2px; width: 19px;
}
.chzn-container ul.chzn-choices li.search-choice a.search-choice-close:hover {
background: url(icons.png) no-repeat -150px -330px;
}
.chzn-container ul.chzn-choices li.search-choice.search-choice-focus
a.search-choice-close {
background: url(icons.png) no-repeat -150px -330px;
}
/* Results */
.chzn-container ul.chzn-results {
margin: 0 4px 4px 0; max-height: 150px; min-height: 15px; overflow-x: hidden;
overflow-y: auto; padding: 0 0 0 4px; position: relative;
z-index: 20;
}
.chzn-container-multi ul.chzn-results { margin: -1px 0 0; padding: 0; }
.chzn-container-multi ul.chzn-results li {
border-left: 0 !important; border-right: 0 !important;
}
.chzn-container ul.chzn-results li {
font-size: 1.2em; font-weight: bold; height: 15px;
line-height: 1.5em; list-style-type: none; margin: 0;
padding: 3px 7px 3px 3px; z-index: 22;
}
.chzn-container ul.chzn-results li.no-results { height: 30px; }
.chzn-container ul.chzn-results li.active-result { cursor: pointer; }
.chzn-container ul.chzn-results li em { font-style: normal; }
.chzn-container ul.chzn-results li.group-result {
cursor: default; font-weight: bold;
}
.chzn-container ul.chzn-results li.group-option { padding-left: 20px; }
.chzn-container-multi div.chzn-drop li.result-selected { display: none; }
/* Active */
.chzn-container-active a.chzn-single {
-moz-box-shadow: 0 0 5px rgba(0, 0, 0, 0.3);
-webkit-box-shadow: 0 0 5px rgba(0, 0, 0, 0.3);
box-shadow: 0 0 5px rgba(0, 0, 0, 0.3);
border: 1px solid;
}
.chzn-container-active a.chzn-single-with-drop {
-moz-box-shadow: 0 1px 0 #ffc inset;
-webkit-box-shadow: 0 1px 0 #ffc inset;
box-shadow: 0 1px 0 #ffc inset;
-moz-border-radius-bottomleft: 0;
-moz-border-radius-bottomright: 0;
-webkit-border-bottom-left-radius: 0;
-webkit-border-bottom-right-radius: 0;
border-bottom-left-radius: 0;
border-bottom-right-radius: 0;
border: 1px solid; border-width: 1px 1px 1px;
}
.chzn-container-active li.search-prompt div,
.chzn-container-active a.chzn-single-with-drop div { border-left: none; }
.chzn-container-active li.search-prompt div b,
.chzn-container-active a.chzn-single-with-drop div b {
background-position: -90px -330px;
}
.chzn-container-active ul.chzn-choices {
-webkit-box-shadow: 0 0 5px rgba(0, 0, 0, 0.3);
-moz-box-shadow: 0 0 5px rgba(0, 0, 0, 0.3);
box-shadow: 0 0 5px rgba(0, 0, 0, 0.3);
z-index: 21;
}
/* Print styles */
@media print {
* {
background: transparent !important;
color: #000 !important; /* Black prints faster */
box-shadow: none !important;
text-shadow: none !important;
}
a, a:visited { text-decoration: underline; }
a[href]:after { content: " (" attr(href) ")"; }
abbr[title]:after { content: " (" attr(title) ")"; }
/* Don't show links for images, or javascript/internal links */
.ir a:after, a[href^="javascript:"]:after, a[href^="#"]:after {
content: "";
}
pre, blockquote { border: 1px solid #999; page-break-inside: avoid; }
thead { display: table-header-group; }
tr, img { page-break-inside: avoid; }
img { max-width: 100% !important; }
@page { margin: 0.5cm; }
p, h2, h3 { orphans: 3; widows: 3; }
h2, h3 { page-break-after: avoid; }
}
/* Progress Bars - Experimental feature */
progress {
background: #fff;
background: -moz-linear-gradient(top, #ffffff 0%, #e5e5e5 100%);
border-bottom: 1px solid #999; border-top: 1px solid #fff;
float: left; height: 20px;
}
.bar_container {
background: #a0a0a0;
box-shadow: 0px 1px 0px 0px #f0f0f0;
height: 20px; margin: 0 auto; padding: 5px;
}
.bar_mortice {
background: #777; border-bottom: 1px solid #d0d0d0;
box-shadow: inset 0px 1px 2px 0px #333;
height: 20px;
}
.container_tiny {
background: #a0a0a0;
box-shadow: 0px 1px 0px 0px #f0f0f0;
height: 7px; margin: 0 auto; padding: 3px;
}
.mortice_tiny {
background: #777; border-bottom: 1px solid #d0d0d0;
box-shadow: inset 0px 1px 2px 0px #333;
height: 7px;
}
.progress_tiny { border-bottom: none; height: 7px; }
.rounded { border-radius: 6px; }
.rounded_bar_container { border-radius: 10px; }
.rounded_bar_container_tiny { border-radius: 5px; }
.rounded_tiny { border-radius: 2px; }
.green {
background: -moz-linear-gradient(top, #AAFF00 0%,#8c0 100%);
border-bottom: 1px solid #690; border-top: 1px solid #e8ffbb;
}
.green_container { background: #690; }
.green_mortice { background: #460; border-bottom: 1px solid #8c0; }
/* Application specific */
.library {
border: transparent 1px solid; display: block; font-size: 1.4em;
line-height: 1.2857em; padding: 4px; text-decoration: none;
white-space: nowrap;
}
.library:hover { border: 1px outset; }
.library_panel, div.library_header {
-khtml-border-radius: 4px; -moz-border-radius: 4px;
-webkit-border-radius: 4px; border-radius: 4px;
border: 1px solid;
}
.library_panel {
display: none; float: left; height: auto; margin-left: 3px;
position: relative; overflow: hidden;
}
.recipe {
border-collapse: separate; border-spacing: 3px; clear: left; margin-top: 0;
}
.recipe td {
font-size: 1.2em; line-height: 1.5em; padding: 1px 6px 2px;
vertical-align: baseline;
}
.recipe td.label { font-weight: bold; width: 1%; }
a.library_header { display: block; text-align: center; text-decoration: none; }
div.library_header {
display: inline-block; margin: 3px; padding: 3px; text-align: center;
vertical-align: text-bottom;
}
div.library_item { display: inline-block; }
img.library_header {
height: 20px; position: absolute; right: 0; width: 20px;
}
span.library_header { font-size: 1.4em; line-height: 1.2857em; }