@import url("width-974px.css");

body, th, td {
  font: 12px Verdana, Arial, Helvetica, sans-serif;
}
body {
  margin: 0;
}
em {
  font-style: normal;
  font-weight: bold;
}
strong {
  color: rgb(0,105,180);
  font-size: 14px;
}
strong.normal-size {
  color: rgb(0,105,180);
  font-size: 12px;
}
blockquote {
  padding: 4px 8px;
  background: rgb(237,246,252);
}
pre {
  padding: 4px;
  border: 1px solid gray;
  width: 600px;
  overflow: auto;
}
pre.no_border {
  padding: 4px;
  border: 0px;
  width: 97%;
  overflow: auto;
}
ul {
  list-style: square;
}
ul.nomarked {
  margin: 0;
  padding: 0;
  list-style: none;
}
ul.noindented {
  margin: 0;
  padding: 0;
  padding-left: 1em;
}
ul.flowed {
  list-style: none;
}
ul.flowed li {
  background: url("../images/inverted-triangle.gif") no-repeat top;
}
ul.flowed li:first-child, ul.flowed li.first-child {
  background: none;
}
ul.margin-bottom li {
  margin-bottom: 7px;
}
ul.monospace li {
  font-family: monospace;
}
dl.noindented dd {
  margin: 0;
}
dl.footnote {
  font-size: 10px;
}
dl.footnote dt, dl.footnote dd {
  line-height: 12px;
}
dl.footnote dt {
  float: left;
}
dl.note {
  font-size: 10px;
}
dl.note dt {
  line-height: 12px;
}
dl.note dt {
  float: left;
  margin-bottom: 6px;
}
dl.note dd {
  line-height: 12px;
  margin-left: 24px;
  margin-bottom: 6px;
}
caption {
  font-size: 12px;
  text-align: left;
}
th, td {
  padding: 4px 8px;
}
form th {
  white-space: nowrap;
}
table.bordered th {
  color: white;
  background: rgb(0,105,180);
}
table.bordered th.os {
  width: 200px;
}
table.bordered th.detail {
  width: 350px;
}
table.bordered th.padding {
  padding-left: 30px;
  padding-right: 30px;
}
table.bordered th a {
  color: white;
}
table.bordered td.space {
  background: #ffffff;
  height: 20px;
}
table.bordered td {
  background: rgb(237,246,252);
}
table.bordered td.center {
  text-align: center;
}
table.bordered td.left-top {
  text-align: left;
  vertical-align: top;
}
table.bordered td.opt-color {
  color: #FFFFFF;
  background-color: #3399ff;
}

table.slides {
  border: none;
  border-collapse: collapse;
}
table.slides .note {
  padding: 0.5em;
  border: 3px double rgb(0,105,180);
  border-radius: 0.5em;
  background: rgb(237,246,252);
}

div.notice {
  margin: 10px;
  padding: 4px 8px;
  background: rgb(237,246,252);
}
div.notice2 {
  margin: 10px;
  padding: 4px 8px;
  border: 2px solid rgb(0,105,180);
}
div.knowledge {
  width: 200px;
  text-align: center;
  margin: 20px 0px 15px 15px;
  float: right;
}
.training .notice {
  margin: 10px 0;
  padding: 4px 8px;
  background-color: rgb(237, 246, 252);
}
.training .notice h3 {
  margin: 0;
  text-align: center;
}
a, a[name]:hover {
  color: black;
  text-decoration: none;
}
a:link {
  color: rgb(0,105,180);
  text-decoration: none;
}
a:visited {
  color: rgb(25,78,130);
  text-decoration: none;
}
a:hover {
  color: rgb(0,105,180);
  text-decoration: underline;
}
a:link img, a:visited img {
  border: none;
}
img.icon, img.email  {
  vertical-align: text-bottom;
  padding-right: 3px;
  padding-left: 3px;
}
img.bordered, a:link img.bordered, a:visited img.bordered {
  border: 1px solid black;
  margin: 1px 10px;
}
img.banner {
      display: block;
      margin-top: 30px;
      margin-bottom: 30px;
      width: 735px;
    }
hr {
  border: none;
  clear: both;
  height: 1px;
  background: gray;
}
input {
  vertical-align: text-bottom;
}
textarea {
  font-size: 12px;
}
p.indent {
  text-indent: 1em;
  margin: 0;
}
p.indented {
  text-indent: 1em;
  margin: 0;
  margin-left: 30px;
}
p.name {
  margin: 0;
  font-weight: bold;
}
p.product {
  text-align : right;
  height: 10px;
}
.emphatic {
  color: white;
  background: gray;
}
.emphatic a:link {
  color: white;
  text-decoration: none;
}
.emphatic a:visited {
  color: rgb(255,255,204);
  text-decoration: none;
}
.emphatic a:hover {
  color: white;
  background: rgb(0,105,180);
  text-decoration: underline;
}
.required, .error {
  color: red;
}
.buttons {
  text-align: center;
}
.contents, .signature {
  text-align: right;
}
.indented {
  margin-left: 40px;
}
.price,
.numeric {
  text-align: right;
}
.card-label {
  display: inline;
  padding: .2em .6em .3em;
  border-radius: 4px 4px 4px 4px;
  background: #0097D2;
  color: #FFF;
  line-height: 16px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
table.partner td {
  vertical-align: text-bottom;
  text-align:center;
}
dl.faq {
  margin-top: 40px;
}
dl.faq dt {
  padding-bottom: 20px;
  padding-left: 40px;
  background: url("../images/question.gif") no-repeat;
  font-weight: bold;
}
dl.faq dt.bg {
  padding-top: 3px;
  padding-bottom: 10px;
  padding-left: 40px;
  background: aliceblue url("../images/question.gif") no-repeat;
  font-weight: bold;
}
dl.faq dd {
  margin-left: 0;
  padding-bottom: 20px;
  padding-left: 40px;
  background: url("../images/answer.gif") no-repeat;
}
dl.faq dd p {
  margin-top: 0;
}
dl.faq dd dt, dl.faq dd dd {
  padding-left: 0;
  background: none;
}
dl.faq dd dd {
  margin-left: 40px;
}
dl.faq dd ul {
  list-style: square;
}
dl.smallindented dd {
  margin-left: 10px;
  margin-bottom: 3px;
}
#container {
  margin: 0 auto;
  border-width: 0 1px;
  border-color: rgb(211, 211, 211);
  border-style: solid;
  background: url("../images/container_bg.gif") repeat-y;
}
#frame {
  border: 4px solid #FFA8A8;
  padding: 3px 10px;
  border-radius: 7px;
}
#header {
  height: 42px;
  line-height: 42px;
  background: white;
  text-align: right;
}
#header table {
  margin-left: auto;
  height: 100%;
}
#header td * {
  vertical-align: middle;
}
#header .contact,
#header .lang {
  display: inline-block;
}
#header .lang {
  padding: 0 5px 0 15px;
  vertical-align: 10px;
}
#header form {
  display: inline;
}
#logo {
  float: left;
  font-size: 18px;
}
#logo a {
  color: rgb(0,105,180);
  text-decoration: none;
}
#logo img {
  vertical-align: top;
}
#sidebar {
  margin-bottom: 40px;
  float: left;
  width: 179px;
  background-color: gray;
}
.no-sidebar #sidebar {
  display: none;
}
#navigation ul {
  margin: 0;
  padding: 0;
}
#navigation li {
  border-bottom: 2px groove gray;
}
#navigation li a {
  padding: 2px 4px;
  display: inline-block;
  width: 171px;
  background-color: rgb(105,105,105);
  font-weight: bold;
  text-decoration: none;
  white-space: normal;
}
#navigation li a:hover {
  color: white;
  background: rgb(0,105,180);
}
#navigation li li {
  border-bottom: 1px solid rgb(105,105,105);
}
#navigation li li:last-child {
  border-bottom: none;
}
#navigation li li a {
  background-color: gray;
  font-weight: normal;
}
#navigation li li ul {
  padding-bottom: 2px;
}
#navigation li li li {
  border-bottom: none;
}
#navigation li li li a {
  padding: 0 6px;
  width: 167px;
}
#navigation li li li a:before {
  content: "\203a\a ";
}
#banners a.img:hover {
  background: grey;
}
#cover, #information, #content {
  float: left;
  background: white;
}
#information {
  padding-left: 4px;
  /padding-bottom: 40px; /* for IE6, IE7 */
}
#information h2 {
  margin: 0 0 4px;
  padding: 4px 8px;
  clear: left;
  color: white;
  background-color: rgb(0,105,180);
  font-size: 12px;
}
#information p {
  margin: 0 0 13px;
  padding-right: 25px;
  padding-left: 170px;
}
#information dl {
  margin: 0;
  padding: 0 25px;
}
#information dt .date, dl.information dt .date {
  padding-right: 4px;
}
#information dt .title, dl.information dt .title {
  padding: 4px 8px;
  border-top: 1px solid rgb(0,105,180);
  display: block;
  color: rgb(35,31,32);
  font-weight: bold;
}
#information dd, dl.information dd {
  padding-bottom: 13px;
  clear: left;
}
#information dd p, dl.information dd p {
  margin: 13px 0 0 0;
  padding: 0;
}
#information table.info {
  border-top: 1px solid rgb(0,105,180);
  border-bottom: 1px solid rgb(0,105,180);
  margin-left: 25px;
}
#information table.info td {
  vertical-align: top;
  padding: 0 10px 0 0;
}
#information table.info td.spacer {
  height: 5px;
}
#information table.info th {
  text-align: center;
  background: url("../images/h3_bg.gif") repeat;
  width: 65px;
}
#information p {
  margin: 8px 0 0;
  padding: 0 8px;
}
#information table.recommend {
  margin-bottom: 8px;
  border-collapse: collapse;
}
#information table.recommend td {
  padding: 0 0 2px 0;
  vertical-align: top;
}
#information table.recommend tr > td {
  padding: 0 2px 0 0;
}
#information table.recommend td.main {
  padding-right: 2px;
}
#information ul.list {
  margin: 0;
  padding: 8px;
  float: left;
  width: 47%;
  list-style: none;
}
#information ul.list .heading {
  font-family: Arial, Helvetica, Verdana, sans-serif;
  font-weight: bold;
  font-size: 16px;
}
#information ul.list p {
  margin: 0;
  padding: 0;
}
#information ul.list ul {
  margin: 0;
  padding-left: 20px;
}
#information ul.list li {
  padding-bottom: 8px;
}
#information ul.list li li {
  padding-bottom: 0;
}
#information ul.list li.popup a .description {
  display: none;
  position: absolute;
  top: 8px;
  left: 40px;
}
#information ul.list li.popup a:hover {
  position: relative;
}
#information ul.list li.popup a:hover .description {
  margin: 8px;
  padding: 4px 8px;
  border: 1px solid rgb(0,105,180);
  display: block;
  width: 240px;
  color: black;
  background-color: rgb(237,246,252);
  text-decoration: none;
}
#information ul.sitemap {
  list-style-image: url("../images/sitemap_icon.gif");
  list-style-position: inside;
  padding-left: 10px;
}
#information .announce {
  margin: 0 4px 8px;
  padding: 4px;
  border: 3px double rgb(0, 105, 180);
}
#information .announce ul {
  padding: 0 8px 0 20px;
}
#information .headline {
  margin: 0 0 8px 4px;
  padding: 0;
  border: 1px solid rgb(0,105,180);
  float: left;
  width: 49%;
}
#information .headline ul {
  margin: 0;
  padding: 0 8px 0 20px;
}
#information .headline li {
  padding-bottom: 8px;
}
#information .headline li.list {
  clear: left;
  list-style: none;
  font-size: 10px;
  text-align: right;
}
#information .headline li.list * {
  vertical-align: middle;
}
#information .headline ul.inline li {
  padding: 0;
  float: left;
  width: 110px;
}

#content {
  padding: 0 25px 14px 29px;
}
#information div.hr{
  margin: 20px;
  text-align: center;
}
#content #navigator {
  margin: 0 -25px;
  padding: 2px 8px;
  border-top: 1px solid rgb(0,105,180);
  font-size: smaller;
  text-align: right;
}
#content h1, #content h2 {
  margin: 0 -25px;
  font-weight: normal;
}
#content h1 {
  padding: 0.3em 1.6em;
  color: white;
  background-color: rgb(0, 105, 180);
  font-size: 12px;
}
#content h2 {
  margin-bottom: 1.5em;
  padding: 0.5em 1.1em;
  border-bottom: 1px solid rgb(0, 105, 180);
  color: rgb(0, 105, 180);
  background-image: url("../images/h2_bg.png");
  background-repeat: no-repeat;
  background-position: right top;
  font-size: 22px;
}
#content h2 small {
  font-size: 16px;
}
#content h3 {
  font-size: 16px;
}
#content h3 img {
  vertical-align: middle;
}
#content h3.marked, #content h4.marked {
  padding-left: 16px;
  background: url("../images/marker_h4.gif") no-repeat left;
}
#content h3.background {
  padding: 4px 8px;
  color: black;
  background: url("../images/h3_bg.gif") repeat;
  font-size: 14px;
}
#content h4 {
  font-size: 14px;
}
#content ul.sitemap {
  list-style: none;
  padding-left: 0;
  font-weight: bold;
  font-size: 16px;
}
#content ul.sitemap ul {
  list-style-image: url("../images/sitemap_icon.gif");
  list-style-position: inside;
  padding-left: 20px;
  font-weight: normal;
  font-size: 12px;
}
#content p a:link,
#content p a:visited {
  text-decoration: underline;
}
#content p a.link-button,
#content p a.small-link-button {
  text-decoration: none;
}
#content p a.link-button:hover,
#content p a.small-link-button:hover {
  text-decoration: underline;
}
#footer {
  border-top: 1px solid gray;
  clear: left;
  background: white;
}
#footer address, #footer p {
  margin: 0;
}
#footer address {
  padding: 9px 0;
  font-style: normal;
  font-size: 10px;
  text-align: center;
}
#footer p {
  padding: 7px 6px;
  text-align: center;
}
#footer p.emphatic {
  padding: 6px 0 7px;
  text-align: center;
}
#footer a:link, #footer a:visited {
  color: white;
  text-decoration: none;
}
#footer a:hover {
  text-decoration: underline;
}

.page-header,
.page-footer {
  float: left;
  width: 789px;
}
.page-header {
  margin-left: 4px;
  border-top: 1px solid rgb(1,105,180);
}
.page-header h3 {
  display: none;
}
.page-footer {
  margin-left: 185px;
}
.page-footer h3 {
  padding: 0.3em 0.5em;
  margin: 0;
  text-indent: 13px;
  color: white;
  background-color: rgb(242, 106, 16);
  font-size: 12px;
  font-weight: normal;
}
.page-footnote {
  margin: 60px -25px -10px;
  padding: 0 25px;
  border-top: 1px solid rgb(0,105,180);
}

.related-information {
  padding: 0;
  font-size: 13px;
  text-align: center;
}
.related-information > li {
  display: inline-block;
}
.related-information > li > a {
  display: inline-block;
  padding: 6px 12px;
  color: white;
  background-color: rgb(242, 106, 16);
  border-radius: 4px;
}

a.link-button:link,
a.link-button:hover,
a.link-button:visited {
  padding: 2px 4px;
  display: inline-block;
  color: white;
  background: rgb(0,105,180);
  white-space: nowrap;
  border-radius: 2px;
  -moz-border-radius: 2px;
}
span.link-button.disabled {
  padding: 2px 4px;
  display: inline-block;
  color: gray;
  background: silver;
  white-space: nowrap;
  border-radius: 2px;
  -moz-border-radius: 2px;
}

a.small-link-button:link,
a.small-link-button:hover,
a.small-link-button:visited {
  padding: 2px 4px;
  display: inline-block;
  color: white;
  background: rgb(0,105,180);
  white-space: nowrap;
  border-radius: 2px;
  font-size: 10px;
  -moz-border-radius: 2px;
}

.recent-schedule {
  margin: 0 0 8px 8px;
  float: right;
}
.recent-schedule table th,
.recent-schedule table td {
  font-size: 10px;
}
.recent-schedule table td span.title{
  display: inline-block;
  text-indent: 8px;
}

table.tr_schedule td.pgsql-intro {
  border-left: 15px solid rgb(178,203,228);
}
table.tr_schedule td.pgsql-admin {
  border-left: 15px solid rgb(255,99,71);
}
table.tr_schedule td.pgsql-internal {
  border-left: 15px solid rgb(240,230,140);
}
table.tr_schedule td.pgsql-clustering {
  border-left: 15px solid rgb(137,201,151);
}
table.tr_schedule td.pgsql-pacemaker {
  border-left: 15px solid rgb(255,192,203);
}
table.tr_schedule td.pgsql84-update {
  border-left: 15px solid rgb(161,216,230);
}
table.tr_schedule td.zabbix-intro {
  border-left: 15px solid #F9F17C;
}
table.tr_schedule td.zabbix-specialist {
  border-left: 15px solid #F9CA7C;
}
table.tr_schedule td.zabbix-professional {
  border-left: 15px solid #F9937C;
}

table.calendar {
  empty-cells: hide;
}
table.calendar caption {
  padding: 8px;
  text-align: center;
}
table.calendar th,
table.calendar td {
padding: 0;
  width: 32px;
  height: 24px;
}
table.calendar th {
  color: white;
  background: rgb(0,105,180);
}
table.calendar td {
  background: rgb(237,246,252);
}
table.calendar td.holiday {
  color: gray;
  background: silver;
}
table.calendar dl {
  position: relative;
}
table.calendar dt {
  position: absolute;
  width: 32px;
  height: 24px;
  top: -18px;
  z-index: 1;
  line-height: 24px;
  text-align: center;
}
table.calendar dd {
  margin: 0;
  position: absolute;
  top: -6px;
  width: 32px;
  height: 12px;
  text-indent: -9999px;
}
table.calendar dt + dd {
  top: -18px;
  height: 24px;
}
table.calendar dd.pgsql-intro {
  background: rgb(178,203,228);
}
table.calendar dd.pgsql-admin {
  background: rgb(255,99,71);
}
table.calendar dd.pgsql-internal {
  background: rgb(240,230,140);
}
table.calendar dd.pgsql-clustering {
  background: rgb(137,201,151);
}
table.calendar dd.pgsql-pacemaker {
  background: rgb(255,192,203);
}
table.calendar dd.osaka, dd.online {
  background-image: url("../prod_serv/training/images/calendar_osaka_bg.gif");
}
table.calendar dd.closed {
  background: silver;
}
table.calendar a,
table.calendar span {
  display: block;
  position: absolute;
  z-index: 2;
  width: 32px;
  height: 12px;
}
table.calendar a:focus {
  outline: none;
}
table.calendar dt + dd a,
table.calendar dt + dd span {
  height: 24px;
}

p.calendar-notice {
  font-size: 10px;
  text-align: center;
}

.calendar-legend-wrapper {
  text-align: right;
}
table.calendar-legend {
  margin-left: auto;
}
table.calendar-legend td {
  padding: 0 4px;
  font-size: 10px;
  text-align: left;
}
table.calendar-legend td.pgsql-intro,
table.calendar-legend td.pgsql-admin,
table.calendar-legend td.pgsql-internal,
table.calendar-legend td.pgsql-clustering,
table.calendar-legend td.pgsql-pacemaker {
  width: 8px;
}
table.calendar-legend td.pgsql-intro {
  background-color: rgb(178,203,228);
}
table.calendar-legend td.pgsql-admin {
  background-color: rgb(255,99,71);
}
table.calendar-legend td.pgsql-internal {
  background-color: rgb(240,230,140);
}
table.calendar-legend td.pgsql-clustering {
  background-color: rgb(137,201,151);
}
table.calendar-legend td.pgsql-pacemaker {
  background-color: rgb(255,192,203);
}
table.calendar-legend td.pgsql84-update {
  background-color: rgb(161,216,230);
}

ul.page-navigation {
  margin: -16px 0 0;
  padding: 0;
  list-style: none;
  font-size: 10px;
}
ul.page-navigation li {
  padding: 4px 8px;
  border: solid white;
  border-width: 0 2px 2px 0;
  display: block;
  float: left;

  width: 167px;
  /width: 173px; /* for IE6, IE7 */
  line-height: 16px;
  background: rgb(0,105,180);
  white-space: nowrap;
}
ul.page-navigation li a:link,
ul.page-navigation li a:hover,
ul.page-navigation li a:visited {
  color: white;
}
.voice {
  text-align: center;
}
.voice-inner {
  margin: 0 auto;
  width: 545px;
  text-align: left;
}
.voice-left,
.voice-right {
  padding: 12px 36px;
  width: 482px;
  /width: 536px; /* for IE6, IE7 */
  background-repeat: no-repeat;
  line-height: 16px;
}
.voice-left {
  margin-right: 9px;
  padding-right: 18px;
  background-image: url("../prod_serv/training/images/voice-left.png");
}
.voice-right {
  margin-left: 9px;
  padding-left: 18px;
  background-image: url("../prod_serv/training/images/voice-right.png");
}

.sylpheed-pro h3 {
  height: 30px;
  line-height: 30px;
  color: rgb(25,47,96);
  background-image: url("../prod_serv/package/sylpheed-pro/images/heading.png");
  text-indent: 8px;
}
* html .sylpheed-pro h3 {
  padding-left: 16px;
}
.sylpheed-pro blockquote {
  background: white;
}
.sylpheed-pro .catchphrase {
  margin-top: 17px;
  margin-left: -26px;
  /margin-right: -24px; /* for IE6, IE7 */
  width: 974px;
}
.sylpheed-pro .catchphrase img {
}
.sylpheed-pro ul.menu {
  margin: 0 -20px;
  /margin: 0 -28px 0 -22px; /* for IE6, IE7 */
  padding: 0;
  list-style: none;
  white-space: nowrap;
}
.sylpheed-pro ul.menu li {
  margin-left: -4px;
  padding: 0;
  display: inline;
}
.sylpheed-pro .note {
  font-size: 10px;
}

.sylpheed-pro table.comparison th {
  color: white;
  background-color: rgb(0,105,180);
  white-space: nowrap;
}
.sylpheed-pro table.comparison tr.format td {
  font-size: 10px;
}
.sylpheed-pro table.comparison td {
  text-align: center;
  background-color: rgb(237,246,252);
}
.sylpheed-pro table.comparison td.good {
  background-color: rgb(178,203,228);
}
.sylpheed-pro table.comparison td.bad {
  background-color: rgb(245,178,178);
}
.sylpheed-pro table.comparison td.soso {
  background-color: rgb(255,243,184);
}
.sylpheed-pro table.comparison td .sign {
  font-family: sans-serif;
  font-weight: bold;
  font-size: 22px;
}
.sylpheed-pro form table th,
.sylpheed-pro form table td {
  vertical-align: middle;
}
.sylpheed-pro form table th {
  text-align: left;
  background-color: rgb(178,203,228);
}
.sylpheed-pro form table table th {
  width: 2em;
  text-align: right;
  background-color: white;
}
.sylpheed-pro form table input {
  max-width: 240px;
}
.sylpheed-pro form table table input {
  max-width: 120px;
}
.sylpheed-pro .question-short,
.sylpheed-pro .question-medium,
.sylpheed-pro .question-long {
  padding: 10px 8px 10px 40px;
  background-repeat: no-repeat;
  font-weight: bold;
}
.sylpheed-pro .question-short a,
.sylpheed-pro .question-medium a,
.sylpheed-pro .question-long a {
  color: white;
}
.sylpheed-pro .question-short {
  background-image: url("../prod_serv/package/sylpheed-pro/images/question-short.png");
}
.sylpheed-pro .question-medium {
  background-image: url("../prod_serv/package/sylpheed-pro/images/question-medium.png");
}
.sylpheed-pro .question-long {
  background-image: url("../prod_serv/package/sylpheed-pro/images/question-long.png");
}
.sylpheed-pro .answer {
  padding-left: 40px;
  border: 1px solid white;
  background-image: url("../prod_serv/package/sylpheed-pro/images/answer.png");
  background-repeat: no-repeat;
  background-position: 3px 6px;
}
.sylpheed-pro .title-short,
.sylpheed-pro .title-medium,
.sylpheed-pro .title-long {
  margin: 16px 0;
  padding: 9px 20px 20px 20px;
  background-repeat: no-repeat;
  font-weight: ;
}
.sylpheed-pro .title-short a,
.sylpheed-pro .title-medium a,
.sylpheed-pro .title-long a {
  color: black;
}
.sylpheed-pro .title-short {
  background-image: url("../prod_serv/package/sylpheed-pro/images/title-short.png");
}
.sylpheed-pro .title-medium {
  background-image: url("../prod_serv/package/sylpheed-pro/images/title-medium.png");
}
.sylpheed-pro .title-long {
  background-image: url("../prod_serv/package/sylpheed-pro/images/title-long.png");
}
.sylpheed-pro .tabbed-pane {
  margin-top: 16px;
  width: 656px;
  height: 420px;
  background-image: url("../prod_serv/package/sylpheed-pro/images/tabbed_pane.gif");
}
.sylpheed-pro .tabbed-pane .panel {
  width: 656px;
  height: 420px;
}
.sylpheed-pro .tabbed-pane ul.tabs {
  margin: 0;
  padding: 0;
}
.sylpheed-pro .tabbed-pane ul.tabs li {
  display: block;
  float: left;
  width: 163.666px;
  height: 27px;
  text-align: center;
  line-height: 27px;
}
.sylpheed-pro .tabbed-pane .content {
  padding: 8px;
  clear:left;
}
.sylpheed-pro #panel1 {
  background-image: url("../prod_serv/package/sylpheed-pro/images/panel1.gif");
}
.sylpheed-pro #panel2 {
  display: none;
  background-image: url("../prod_serv/package/sylpheed-pro/images/panel2.gif");
}
.sylpheed-pro #panel3 {
  display: none;
  background-image: url("../prod_serv/package/sylpheed-pro/images/panel3.gif");
}
.sylpheed-pro #panel4 {
  display: none;
  background-image: url("../prod_serv/package/sylpheed-pro/images/panel4.gif");
}
.sylpheed-pro #content .section {
  margin-top: 16px;
  width: 656px;
  background-image: url("../prod_serv/package/sylpheed-pro/images/section.gif");
  background-repeat: repeat-y;
  background-position: left bottom;
}
.sylpheed-pro #content .section h3 {
  margin: 0;
  width: 656px;
  background-image: url("../prod_serv/package/sylpheed-pro/images/section_heading.gif");
}
.sylpheed-pro #content .section .section-content {
  margin: 0;
  padding: 8px;

}
.sylpheed-pro #content .section2 {
  margin-top: 15px;
  width: 241px;
  background-image: url("../prod_serv/package/sylpheed-pro/images/section2.gif");
  background-repeat: repeat-y;
  background-position: left bottom;
}
.sylpheed-pro #content .section2 h3 {
  margin: 0px;
  width: 241px;
  background-image: url("../prod_serv/package/sylpheed-pro/images/section2_heading.gif");
}
.sylpheed-pro #content .section2 .section2-content {
  padding: 10px;
}
.sylpheed-pro #content .section3 {
  margin-top:16px;
  width: 241px;
  background-image: url("../prod_serv/package/sylpheed-pro/images/section3.gif");
  background-repeat: repeat-y;
  background-position: left bottom;
}
.sylpheed-pro #content .section3 h3 {
  margin: 0px;
  width: 241px;
  background-image: url("../prod_serv/package/sylpheed-pro/images/section3_heading.gif");
}
.sylpheed-pro #content .section3 .section3-content {
  margin: 1px;
  padding: 4px;
}
.sylpheed-pro #content .section4 {
  margin-top:16px;
}
.sylpheed-pro .twtr-widget h3 {
  margin: 1em 0;
  height: inherit;
  background-image: none;
  font-weight: bold;
  font-size: 1.17em;
  text-indent: 0;
}
.sylpheed-pro .twtr-widget h4 {
  margin: 1.33em 0;
  height: inherit;
  background-image: none;
  font-weight: bold;
  text-indent: 0;
}
body.changes ul pre {
  width: 487px;
}
body.changes ul ul pre {
  width: 447px;
}

ul.technology li {
  margin-bottom: 15px;
}
ul.technology li p {
  margin: 5px 0px 0px 10px;
}
ol.technology li {
  margin-bottom: 15px;
}
ol.technology li p {
  margin: 5px 0px 0px 10px;
}

.major-release ul pre {
  width: 687px;
}
.major-release ul ul pre {
  width: 647px;
}
.major-release td pre {
  width: 500px;
  background-color: #ffffff;
}
.major-release li table, li dl {
  margin-top: 5px;
}
.major-release ul p {
  margin-top: 1px;
}
.major-release ul ul li {
  margin-bottom: 0px;
  margin-top: 1px;
  list-style: circle;
}
.major-release li {
  margin-bottom: 10px;
}
.major-release dt {
  text-decoration: underline;
}
.major-release dd {
  margin-left: 10px;
}
.major-release h5 {
  font-size: 12px;
  border-bottom: 1px solid black;
  margin-left: 15px;
}

/*
 * styles for training page
 */
.training h5 {
  font-size: 100%;
}
.training blockquote {
  background-color: white;
}
.training p.last-updated {
  text-align: right
}
.training ul.errata p,
.training ul.errata pre,
.training ul.errata dl,
.training ul.errata table {
  margin: 0.5em 0;
}
.training ul.errata dt {
  float: left;
}
.training ul.errata dd {
  padding-bottom: 0.5em;
}
.training ul.errata table.bordered {
  border-collapse: collapse;
}
.training ul.errata table.bordered th,
.training ul.errata table.bordered td {
  border: 1px solid gray;
}
.training ul.errata table.bordered th {
  color: black;
  background-color: rgb(178, 203, 228);
}
.training ul.errata table.bordered td {
  background-color: white;
}
.training ul.errata .incorrect {
  color: red;
}
.training ul.errata .correct {
  color: blue;
}
.training ul.sample ul {
  margin: 0.5em 0;
}
.training p.catchphrase {
  font-size: x-large;
}
.training dl.appeal dt {
  font-size: 16px;
}
.training .basic-cost table {
  margin: 8px;
}
.training .basic-cost table.pgsql-intro {
  float: left;
  margin-right: 40px;
}
.training .basic-cost caption {
  margin-left: -8px;
  font-weight: bold;
}
.training .example-cost {
/*
  margin-left: 40px;
*/
  padding: 8px;
  width: 85%;
  background-color: rgb(237, 246, 252);
  border-radius: 8px;
  -moz-border-radius: 8px;
}
.training .example-cost table {
  margin: 8px;
  border-collapse: collapse;
}
.training .example-cost caption {
  margin-left: -8px;
  font-weight: bold;
  text-align: left;
}
.training .example-cost td {
  padding: 0 8px;
  border: none;
}
.training .example-cost tr.total td {
  border-top: 1px solid black;
}
.training .example-cost table.days {
  margin-right: 40px;
  float: left;
}
.training .example-cost p.cost-per-person {
  margin: 8px 0 0;
  font-size: 14px;
  text-align: right;
}
.training .oss-db-atp {
  padding: 0 8px;
  width: 120px;
  float: right;
  font-size: 10px;
  text-align: center;
}
.training .announce {
  margin: 1em 0;
  padding: 1em !important;
  border: 3px double #d40000 !important;
  border-radius: 10px;
  background-color: #fff4f4;
}
.training .announce h3,
.training .announce h4 {
  margin: 0;
}
.training .announce .link-button {
  margin-left: 1em;
  display: inline-block;
}
.training .announce .link-button {
  background-color: #ea6262;
}
.training .announce .link-button.disabled {
  background-color: #c0c0c0;
}
.training .badge {
  padding: 2px 8px;
  display: inline-block;
  color: white;
  background: #ea6262;
  white-space: nowrap;
  border-radius: 9px;
  font-size: 10px;
  -moz-border-radius: 9px;
}

table#event_list {
    border-collapse: collapse;
    margin: 0 0 8px;
    padding: 1px;
}
table#event_list tr {
    border-top: 1px solid #cccccc;
}
table#event_list tr:first-child {
    border: none;
}
table#event_list th,
table#event_list td {
    margin: 0px;
    padding: 3px;
}
table#event_list th {
    text-align: left;
    vertical-align: top;
    white-space: nowrap;
}
table#event_list a.regist:link,
table#event_list a.regist:visited,
table#event_list a.regist_completed {
    padding: 2px 4px;
    border-radius: 2px;
    -moz-border-radius: 2px;
    color: white;
    background: rgb(242,106,16);
    font-size: smaller;
    white-space: nowrap;
}

#content .announce {
  margin-top: 10px;
  margin-bottom: 20px;
  padding: 0 10px;
  border: 3px double rgb(0, 105, 180);
}
#content .announce .skip {
  padding: 10px 0;
  float: right;
}
#content .announce h1 {
  color: black;
  background: none;
  font-weight: bold;
  font-size: large;
}
#content .announce h2 {
  margin: 0 -25px;
  padding: 0 0.5em;
  border: none;
  color: black;
  background-image: none;
  font-weight: bold;
  font-size: 120%;
}
#content .announce .keyword {
  font-size: larger;
}
#content .announce .detail,
#content .announce .images {
  margin: 8px;
  float: right;
  clear: right;
}
#content .announce table.schedule {
  margin-left: 40px;
}
#content .announce table.schedule caption {
  margin-left: -40px;
}
#content .announce table.schedule caption .course {
  display: inline-block;
  width: 240px;
  font-weight: bold;
}
#content .announce table.schedule caption .detail {
  display: inline-block;
  float: none;
  width: 40px;
}
#content .announce table.schedule td.schedule {
  width: 240px;
}
#content .announce table.schedule td.register {
  width: 40px;
}
#content .announce table.schedule a.link-button,
#content .announce table.schedule span.link-button.disabled {
  font-size: smaller;
}
#content .announce.red {
  margin: 1em 0;
  padding: 1em !important;
  border: 3px double #d40000 !important;
  border-radius: 10px;
  background-color: #fff4f4;
}
#content .announce.red h3,
#content .announce.red h4 {
  margin: 0;
}
#content .announce.red .link-button {
  margin-left: 1em;
  display: inline-block;
}
#content .announce.red .link-button {
  background-color: #ea6262;
}
#content .announce.red .link-button.disabled {
  background-color: #c0c0c0;
}
#content h3.zabbix {
  background-color: #FFA8A8;
}
#content h3.hinemos {
  background-color: #B4B3EF;
}

table.program th {
  white-space: nowrap;
  vertical-align: top;
}
img.profile {
  margin: 3px 7px;
  border-radius: 5px;
  box-shadow: 0px 0px 10px -5px rgba(0, 0, 0, 0.8);
}
.entry {
  padding: 3px 10px;
  border: 4px solid #FFA8A8;
  border-radius: 7px;
}

#content a[target="_blank"]:not(.img):not(.exc_extlnk),
.headline a[target="_blank"]:not(.img):not(.exc_extlnk) {
  background: url(../images/external-link.png) no-repeat right center;
  padding-right: 15px;
  margin-right: 2px;
}
#event_list th a[target="_blank"] {
  margin: 0;
  padding: 0;
  background: none;
}

.switch-block-order #header {
  position: absolute;
  width: 974px;
}
.switch-block-order #sidebar {
  margin-top: 42px;
}
.switch-block-order #content {
  float: right;
  margin-top: 42px;
}
.switch-block-order.with-page-header #content {
  margin-top: 101px;
}
.switch-block-order #category {
  padding: .3em 1.6em;
  margin: 0 -25px;
  color: #fff;
  background-color: #0069b4;
}
.switch-block-order #content h1 {
  padding: .5em 1.1em;
  margin-bottom: 1.5em;
  font-size: 22px;
  color: #0069b4;
  background-color: #fff;
  background-image: url("../images/h2_bg.png");
  background-position: right top;
  background-repeat: no-repeat;
  border-bottom: 1px solid #0069b4;
}
.switch-block-order #content h2 {
  padding: 0;
  margin: 1em 0;
  font-size: 16px;
  font-weight: bold;
  color: #000;
  background-image: none;
}
.switch-block-order #content h2.background {
  padding: 4px 8px;
  font-size: 14px;
  background-image: url("../images/h3_bg.gif");
  background-repeat: repeat;
  border: 0;
}
.switch-block-order #content h2.zabbix {
  background-color: #ffa8a8;
}
.switch-block-order #content h2.hinemos {
  background-color: #b4b3ef;
}
.switch-block-order #content h3 {
  font-size: 14px;
  margin: 1.3em 0;
}
.switch-block-order #content strong {
  font-size: inherit;
  font-weight: normal;
  color: #000;
}
.switch-block-order #content .notice {
  padding: 4px 8px;
  margin: 10px;
  background-color: #edf6fc;
}
.switch-block-order #content .notice > h3 {
  font-weight: bold;
  color: #0069b4;
  text-align: center;
  text-decoration: underline;
}
.switch-block-order #content .notice > ul {
  padding-right: 20px;
}
.switch-block-order #content .notice > ul > li {
  margin-bottom: 7px;
}
.switch-block-order #container .page-header-container {
  position: absolute;
  top: 42px;
  margin-left: 181px;
}