/*---------------------------------------------------------- ----------------------------------------------------------*/ *{ margin:0; padding:0; } body { font-family: arial; font-size: small; } div { margin-top: 2px; padding-top: 2px; padding-bottom: 2px; float: none; width: auto; } p { margin-top: 0; margin-bottom: 0; margin-left: 20px; } table { margin-top: 0; width: 100%; } td { border: 0; padding: 0; text-align: left; white-space: nowrap; } ul { margin: 0; list-style: none; } fieldset { border: 0; padding-top: 2px; padding-left: 4px; } /*---------------------------------------------------------- ----------------------------------------------------------*/ div.folder { text-align: right; vertical-align: bottom; padding: 2px 2px; } div.folder div { margin-top: 2px; margin-right: 0; background: #F2F2F2; text-align: left; line-height: 10px; float: none; } div.folder div.subfolder { text-align: right; vertical-align: bottom; padding: 2px 2px; } div.subfolder div { margin-top: 2px; margin-right: 0; text-align: left; line-height: 10px; float: none; } /*---------------------------------------------------------- ----------------------------------------------------------*/ table.menu { margin-left: auto; margin-right: auto ; } td.right{ text-align: right; vertical-align: bottom; width: 200px; font-size: x-large; font-weight: bold; color: #808080; } table.mini { width: auto; margin-left: 10px; } table.mini td { padding: 2px 2px; } table.list td{ vertical-align: top; } /*---------------------------------------------------------- ----------------------------------------------------------*/ ul.flat{ margin-left: 10px; } ul.flat li{ list-style: none; display: inline; } ul input{ margin-top: 2px; } /*---------------------------------------------------------- checkbox, radio, textfield ----------------------------------------------------------*/ input[type="checkbox"], input[type="radio"] { margine-top: 2px; margine-left: 2px; } input[type="text"].right { text-align: right; } label+input{ margine-right: 4px; } input[type="text"].info-subfolder { color: #CC0000; background-color: #F2F2F2; border: 0; } input[type="text"].info-folder { color: #CC0000; background-color: #FFF; border: 0; } input[type="text"].info-header { color: #CC0000; background-color: #000; border: 0; font-weight: bold; } /*---------------------------------------------------------- button ----------------------------------------------------------*/ input[type="button"], input[type="reset"], button { font-size: medium; border-radius: 4px; border: outset 1px #FFF; background: #E6E6E6; color: #2A2A2A; font-weight: bold; width: 200px; height: 20px; vertical-align: middle; } input[type="button"]:active, input[type="reset"]:active { border: inset 1px #FFF; } input[type="button"].small, input[type="reset"].small { width: 120px; } input[type="button"].func { font-weight: bold; color: #CC0000; width: 120px; } /*---------------------------------------------------------- ----------------------------------------------------------*/ form { clear: both; margin-left: auto; margin-right: auto; line-height: 12px; width: 900px; } /* Make Header Sticky */ #header_container { left: 0; position: fixed; width: 100%; color: #fff; background: #000; border: 1px solid #666; height: 40px; min-width: 900px; margin: 0; } #header{ margin: 0 auto; padding: 10px 0; text-align: center; vertical-align: center; width: 900px; } #top { padding: 0; margin: 0; } #container { margin: 0 auto; overflow: auto; padding: 50px 0; min-width: 900px; } #contents { margin: 0; width: 900px; height: 2380px; } /* Make Footer Sticky */ #footer_container { margin: 0; bottom: 0; left: 0; position: fixed; width: 100%; background: #eee; border: 1px solid #666; height: 30px; min-width: 900px; } #footer { margin: 0 auto; text-align: center; width: 900px; } hr { width: 99%; margin: 0 auto; color: #C6C6C6; } /* hr.white { height: 2px; color: #FFF; background: #FFF; border: none; } */ /*---------------------------------------------------------- ----------------------------------------------------------*/ button.pin { height: 16px; width: 16px; font-size: xx-small; text-align: center; } button.pin:active{ border: inset 1px #F0F0F0; } button.pin span { color: #CC0000; font-weight: bold; } button.dummy { color: #F2F2F2; background: #F2F2F2; border: 0; height: 16px; width: 16px; font-size: xx-small; text-align: center; } /*---------------------------------------------------------- ----------------------------------------------------------*/ label.menu { //font-size: medium; font-size: large; font-weight: bold; color: #808080; width: 200px; text-align: right; vertical-align: bottom; } .submenu { font-size: medium; font-weight: bold; vertical-align: bottom; color: #5A5A5A; } label.italic, label.nonentry { font-style: italic; } label.bold { font-weight: bold; } label.sp { color: #CC0000; } .sp { color: #CC0000; font-weight: bold; } label.note { color: #CC0000; font-weight: bold; } label.entry { color: #CC0000; } .blue { color: #6666FF; } .red { color: #CC0000; vertical-align: bottom; } /*---------------------------------------------------------- ----------------------------------------------------------*/ a { text-decoration: none; font-weight: bold; } a:link, a:visited, a:hover, a:active { color: #CC0000; } a.sp:link, a.sp:visited, a.sp:hover, a.sp:active { color: #CC0000; } a.ext:link, a.ext:visited, a.ext:hover, a.ext:active { color: #3D3D99; }