/* Ventrilo Server help pages (ventrilo-server-*.php and /support/) */

.support-page { font-family: Arial, Helvetica, sans-serif; font-size: 14px; line-height: 1.5; color: #222; }
.support-page h1 { font-size: 22px; color: #145672; margin: 0 0 12px 0; }
.support-page h2 { font-size: 18px; color: #145672; margin: 18px 0 8px 0; }
.support-page h3 { font-size: 15px; color: #333; margin: 14px 0 6px 0; }
.support-page a { color: #1a6fa0; }
.support-page img { max-width: 100%; height: auto; border: 1px solid #ccc; margin: 6px 0; }

.support-page ol.support > li,
.support-page li.support { margin-bottom: 14px; }
.support-page .support_step { font-weight: bold; margin-bottom: 4px; }
.support-page .support_content { margin-bottom: 4px; }
.support-page .support_reset { list-style: none; }
.support-page ul.support li { margin-bottom: 4px; }

.support-page .support-details-link,
.support-page .support_details_link { color: #1a6fa0; cursor: pointer; text-decoration: underline; }
.support-page .support-details,
.support-page .support_details,
.support-page .details { background: #f3f7fa; border: 1px solid #d5e2ea; padding: 8px; margin: 6px 0; }

.support-page .support-section { margin-bottom: 10px; }
.support-page .support-help { margin-top: 24px; padding-top: 10px; border-top: 1px solid #ddd; font-size: 13px; color: #555; }

/* How to connect: values drawn over the Connection Editor screenshot */
#connection-editor { background: url('/static/en/img/support/new/ventrilo-connection-editor.jpg'); width: 388px; height: 396px; position: relative; }
#connection-editor #ip { display: block; position: absolute; top: 101px; left: 126px; color: #000; }
#connection-editor #port { display: block; position: absolute; top: 132px; left: 126px; color: #000; }
#connection-editor #password { display: block; position: absolute; top: 163px; left: 126px; color: #000; }

/* Ventrilo Server status generator */
.support-page ul.status-form { list-style: none; padding: 0; }
.support-page ul.status-form li { margin-bottom: 8px; }
.support-page ul.status-form label { display: inline-block; width: 190px; }
.support-page .validation-error { display: none; color: #fff; background: #d62d2d; font-size: 12px; padding: 3px; }
.support-page #ventrilo-status-code { display: none; }
.support-page #ventrilo-status-code textarea { width: 500px; height: 120px; }