/* Begin template css.tpl */
body { background-color: #FFFFFF; color: #2A2A2A; font-family: Arial; font-size: medium; margin: 15px; padding: 0px; text-align: center; }
textarea, input, select { font-family: Arial; }
/* Общий контейнер страницы */
#container { background-color: #FFFFFF; margin: 0 auto; text-align: left; width: 90%; }
/* Общие стили шапки и подвала */
#header, #footer { background-color: #54AE5C; color: #FFFFFF; } /* Фон в шапке и подвале */
#header a, #footer a { color: #FFFFFF; } /* Цвет ссылок в шапке и подвале */
/* Общие теги */
#container form { margin: 0; padding: 0; }
#container img { border: none; }
#container hr { border: 0; border-top: 1px solid #E8E8E8; height: 1px; }
#container a.icon { background-position: 1px 50%; background-repeat: no-repeat; font-weight: normal; padding: 0 12px 0 22px; white-space: nowrap; }
span.icon { background-position: 1px 50%; background-repeat: no-repeat; padding: 0 12px 0 22px; }
#forum a { color: #355F35; }
#forum a:hover { color: #709CCC; }
/* Шапка страницы */
#header table { width: 100%; }
#header table td { color: #FFFFFF; vertical-align: top; }
#header table col.logo { width: 33%; }
#header table td.logo { padding: 0px; }
#header table div.slogan { padding: 0 5px 15px 5px; font-size: 75%; }
#header table col.column { width: 33%; }
#header table td.column { border-left: 1px solid #BBFFBB; padding: 3px; }
/* Списки в шапке */
#header ul { list-style-position: outside; list-style-type: none; margin-top: 0; margin-bottom: 0; margin-left: 0; padding-left: 0; }
#header ul li { behavior: expression( !this.before && (this.before = this.innerHTML = '• ' + this.innerHTML) ); } /* Для IE */
#header ul li:before { content: '\2022\a0'; } /* Для остальных браузеров */
/* Основное меню и поиск */
#topmenu table { width: 100%; font-size: 85%; }
#topmenu table col.menu { padding: 0; }
#topmenu table col.search { width: 340px; }
#topmenu table span.sep { padding: 0 0.8em; }
/* Хлебные крошки */
#breadcrumb table { width: 100%; }
#forum #logo { background-color: #78AD78; background-image: url('templates/mathforum/images/top_background.png'); height: 80px; vertical-align: bottom; }
#forum #logo img { margin: 5px; }
#forum h1 { font-size: 145%; margin: 5px 0 0 0; }
#forum h2 { font-size: 115%; margin: 0; }
#forum h4 { margin: 0 0 5px 0; }
/* Верхний баннер */
#bannerheader { background-color: #F1F1F1; padding: 5px 0; text-align: center; }
/* Нижний баннер */
#bannerfooter { background-color: #F1F1F1; margin: 5px 0; padding: 5px 0; text-align: center; }
/* Блок продвижения рекламы */
#advertpromo { background-color: #F8F8F8; margin-bottom: 15px; }
#advertpromo table { border-collapse: collapse; }
#advertpromo table td { padding: 5px; border: 1px solid #E8E8E8; }
/* Подвал */
#footer { background-image: url('templates/mathforum/images/top_background.png'); font-size: 85%; margin-top: 40px; padding: 3px 0;}
#footer td { color: #FFFFFF; } /* Цвет текста */
#footer table { border-collapse: collapse; table-layout: fixed; width: 100%; }
#footer table td.info { width: 100%; } /* Колонка с текстом */
#footer table td.counter { vertical-align: middle; width: 92px; } /* Колонки со счетчиками */
/* Отладочная информация */
#debug { text-align: left; width: 90%; }
#forum table.list
{
width: 100%;
margin-bottom: 4px;
border: 1px solid #E8E8E8;
border-bottom: 0;
border-collapse: collapse;
table-layout: fixed;
}
#forum table.list th
{
background-repeat: repeat-x;
color: #333333;
background-color: #E8E8E8;
font-size: 85%;
padding: 6px;
}
#forum table.list th a
{
color: #333333;
}
#forum table.list td
{
background-color: #F8F8F8;
padding: 6px;
border-bottom: 1px solid #E8E8E8;
font-size: 85%;
}
#forum table.list td.alt
{
background-color: #F1F1F1;
}
#forum table.list td.current
{
background-color: #F0F7F0;
}
#forum table.list td p
{
margin: 4px 8px 16px 4px;
}
#forum table.list td h3
{
margin: 0;
}
#forum table.list td h4
{
font-size: 115%;
margin: 0;
font-weight: normal;
}
#forum table.list td span.new-indicator
{
color: #FF0000;
font-size: 80%;
font-weight: normal;
}
#forum table.list a.lastpost { color: #2A2A2A; } /* Ссылка последний пост с даты */
#forum table.list a.lastpost:hover { color: #709CCC; }
#forum table.list span.num { white-space: nowrap; } /* Число тем и сообщений, разделяемых по 3 разряда */
#forum table.list col.icon { width: 24px; }
#forum table.list col.topics { width: 8em; }
#forum table.list col.views { width: 5em; }
#forum table.list col.posts { width: 5em; }
#forum table.list col.lastpost { width: 14em; }
#forum table.list col.date { width: 9em; }
#forum table.list col.user { width: 10em; }
#forum table.list col.select { width: 24px; }
#forum table.list col.readed { width: 7em; }
#forum table.list col.mutual { width: 7em; }
#forum table.list col.admin { width: 70px; }
/* global styles */
#forum div.generic table th
{
text-align: left;
}
#forum div.generic table
{
}
#forum div.generic
{
padding: 8px;
background-color: #F1F1F1;
border: 1px solid #E8E8E8;
}
#forum div.generic-lower
{
padding: 8px;
margin-bottom: 8px;
}
#forum div.paging
{
float: right;
}
#forum span.paging
{
padding-left: 12px;
}
#forum div.paging a, #forum span.paging a
{
margin: 0 4px 0 4px;
padding: 0 0 1px 0;
}
#forum div.paging img, #forum span.paging img
{
vertical-align: bottom;
}
#forum div.paging strong.current-page, #forum span.paging strong.current-page
{
margin: 0 4px 0 4px;
}
#forum div.nav
{
font-size: 85%;
margin: 0 0 5px 0;
}
#forum div.nav-right
{
float: right;
}
#forum div.information
{
padding: 8px;
border: 1px solid #ABD6AB;
background-color: #DAF5DA;
margin-bottom: 8px;
}
#forum div.notice
{
padding: 8px;
background-color: #F1F1F1;
border: 1px solid #E8E8E8;
margin: 8px 0;
}
#forum div.warning
{
border: 1px solid #A76262;
background-color: #FFD1D1;
padding: 8px;
margin-bottom: 8px;
}
#forum div.attachments
{
background-color: #F8F8F8;
margin-top: 8px;
padding: 16px;
border: 1px solid #E8E8E8;
}
#forum span.new-flag
{
color: #FF0000;
}
#forum a.message-new
{
font-weight: bold;
}
#forum table.menu td
{
vertical-align: top;
}
#forum table.menu td.menu
{
font-size: 85%;
padding: 0 8px 0 0;
}
#forum table.menu td.menu ul
{
list-style: none;
padding: 0;
margin: 4px 0 8px 8px;
}
#forum table.menu td.menu ul li
{
margin: 0 0 4px 0;
}
#forum table.menu td.menu ul li a
{
text-decoration: none;
}
#forum table.menu td.menu ul li a.current
{
font-weight: bold;
}
#forum table.menu td.menu span.new
{
color: #FF0000;
}
#forum table.menu td.content
{
width: 100%;
padding: 0;
}
#forum table.menu td.content h2
{
margin: 0 0 8px 0;
background-repeat: repeat-x;
color: #333333;
background-color: #E8E8E8;
padding: 4px;
}
#forum table.menu td.content div.generic { margin: 0 0 8px 0; }
#forum table.menu td.content dl { margin: 0; padding: 0; }
#forum table.menu td.content dt { font-weight: bold; }
#forum table.menu td.content dd { margin: 0 0 8px 0; padding: 4px; }
#forum fieldset { border: 0; margin: 0; padding: 0; }
#forum textarea.body { border: 0; font-family: Arial; width: 100%; }
#forum table.form-table { width: 100%; }
/* header styles */
#forum #page-info
{
padding: 8px 8px 8px 0;
margin: 0 16px 16px 0;
}
#forum #page-info .description
{
margin: 8px 8px 0 0;
padding-right: 32px;
font-size: 85%;
}
#forum #breadcrumb
{
font-size: 85%;
padding: 5px 0;
}
#forum #user-info
{
font-size: 85%;
margin: 0 0 4px 0;
text-align: right;
}
#forum #user-info a
{
margin: 0 0 0 10px;
padding: 4px 0 2px 21px;
background-repeat: no-repeat;
background-position: 1px 2px;
}
#forum #user-info img
{
border-width : 0;
margin: 4px 3px 0 0;
}
#forum #user-info small a
{
margin: 0;
padding: 0;
display: inline;
}
#forum div.attention
{
/* does not use template values on purpose */
padding: 24px 8px 24px 64px;
border: 1px solid #D6ABAB;
background-image: url('templates/mathforum/images/dialog-warning.png');
background-color: #F5DADA;
background-repeat: no-repeat;
background-position: 8px 8px;
color: #000000;
margin: 8px 0 15px 0;
}
#forum div.attention a
{
color: #68312C;
}
#forum #mathml-notice a, #forum #js-notice a
{
padding: 0;
display: inline;
}
#forum #right-nav
{
float: right;
}
#forum #search-area
{
text-align: right;
background-repeat: no-repeat;
background-position: 8px 12px;
margin: 0;
}
#forum #header-search-form
{
display: inline;
}
#forum #header-search-form a
{
font-size: 65%;
}
/* Read styles */
#forum div.messages table.message
{
border: 1px solid #E8E8E8;
border-collapse: collapse; table-layout: fixed;
width: 100%;
}
#forum div.messages table.message td
{
border-bottom: 1px solid #E8E8E8;
padding: 5px;
}
#forum div.messages table.message td
{
border-collapse: collapse;
border-right: 1px solid #E8E8E8;
vertical-align: top;
}
#forum div.messages table.message col.info
{
width: 10em;
}
#forum div.messages table.message td
{
background-color: #FFFFFF;
}
#forum div.messages table.message td.alt
{
background-color: #F8F8F8;
}
#forum div.message div.generic { border-bottom: 0; }
#forum div.message-user-info { font-size: 75%; } /* Информация о пользователе */
#forum div.message-user-info div.item { margin: 0.5em 0; }
#forum div.message-author
{
font-size: 100%;
font-weight: bold;
margin-bottom: 5px;
}
#forum div.message-author small
{
font-size: 65%;
font-weight: normal;
margin: 0 0 0 16px;
}
#forum div.message-subject
{
font-size: 100%;
font-weight: bold;
margin: 0 0 0.8em 0;
}
#forum div.message-body
{
padding: 16px;
margin: 0 0 16px 0;
border: 1px solid #E8E8E8;
border-top: 0;
}
#forum div.message-body br
{
clear: both;
}
#forum div.message-date
{
font-size: 85%;
}
#forum div.message-host
{
font-size: 85%;
}
#forum div.message-options
{
border-top: 1px solid #E8E8E8;
font-size: 85%;
text-align: right;
margin: 1em 0 0 0;
padding: 0.3em 0;
}
#forum div.message-moderation
{
border-top: 1px solid #E8E8E8;
font-size: 85%;
text-align: left;
margin: 0.2em 0 0 0;
padding: 0.3em 0;
}
#forum #thread-options
{
margin: 8px 0 32px 0;
background-color: #F1F1F1;
border: 1px solid #E8E8E8;
padding: 8px;
text-align: center;
}
/* Changes styles */
#forum span.addition
{
background-color: #CBFFCB;
color: #000000;
}
#forum span.removal
{
background-color: #FFCBCB;
color: #000000;
}
/* Posting styles */
#forum #post {
clear: both;
}
#forum #post ul
{
margin: 2px;
}
#forum ul, #forum ol { margin-bottom: 0; margin-top: 0; }
#forum ul { list-style-type: square; }
#forum #post-body
{
border: 1px solid #E8E8E8;
background-color: #F8F8F8;
padding: 8px;
}
#forum #post-moderation
{
font-size: 85%;
float: right;
border: 1px solid #E8E8E8;
background-color: #FFFDF6;
padding: 8px;
}
#forum #post-buttons
{
text-align: center;
margin-top: 8px;
}
#forum div.attach-link
{
background-image: url('templates/mathforum/images/attach.png');
background-repeat: no-repeat;
background-position: 1px 2px;
padding: 4px 10px 2px 21px;
font-size: 85%;
font-weight: normal;
}
#forum #attachment-list td
{
font-size: 85%;
padding: 6px;
}
#forum #attachment-list input
{
font-size: 65%;
}
/* PM styles */
#forum input.rcpt-delete-img
{
vertical-align: bottom;
}
#forum div.pm
{
padding: 8px;
background-color: #F1F1F1;
border: 1px solid #E8E8E8;
border-bottom: 0;
}
#forum div.pm div.message-author
{
font-size: 85%;
}
#forum .phorum-gaugetable
{
margin-top: 10px;
border-collapse: collapse;
}
#forum .phorum-gauge
{
border: 1px solid #E8E8E8;
background-color: #F8F8F8;
}
#forum .phorum-gaugeprefix
{
border: none;
background-color: #F8F8F8;
padding-right: 10px;
}
/* Profile styles */
#forum #profile div.icon-user
{
background-repeat: no-repeat;
background-position: 0px 2px;
padding: 0px 0 0px 21px;
font-size: 115%;
font-weight: bold;
margin-bottom: 5px;
}
#forum #profile div.icon-user small
{
font-size: 65%;
font-weight: normal;
margin: 0 0 0 16px;
}
#forum #profile dt
{
font-weight: bold;
}
#forum #profile dd
{
padding: 4px;
margin: 0 0 8px 0;
}
/* Search Styles */
#forum #search-form
{
margin-bottom: 35px;
}
#forum #search-form form
{
font-size: 85%;
}
#forum div.search
{
background-color: #F8F8F8;
}
#forum div.search-result
{
font-size: 85%;
margin-bottom: 20px;
}
#forum div.search-result h4
{
font-size: 125%;
margin: 0;
}
#forum div.search-result h4 small
{
font-size: 75%;
}
#forum div.search-result blockquote
{
margin: 3px 0 3px 0;
padding: 0;
}
/* Additional pages */
#forum div.links div.link
{
margin: 0 0 0.8em 0;
}
/* BBCode styles */
#forum blockquote.bbcode { font-size: 85%; margin: 1em 0 1em 0; }
#forum blockquote.bbcode div { border: 1px solid #D1D1D1; margin: 0; padding: 5px; overflow: hidden; }
#forum blockquote.bbcode strong { font-style: italic; margin: 0 0 3px 0; }
#forum pre.bbcode { border: 1px solid #D1D1D1; overflow: auto; padding: 5px; }
/* OpenID */
#openid
{
background-image: url('templates/mathforum/images/openid.png');
background-repeat: no-repeat;
background-position: 2px 0;
padding-left: 20px;
}
/* Icon Styles */
.icon1616 { border: 0; height: 16px; width: 16px; }
.icon-accept { background-image: url('templates/mathforum/images/accept.png'); }
.icon-bell { background-image: url('templates/mathforum/images/bell.png'); }
.icon-bullet-go { background-image: url('templates/mathforum/images/bullet_go.png'); }
.icon-cancel { background-image: url('templates/mathforum/images/cancel.png'); }
.icon-close { background-image: url('templates/mathforum/images/lock.png'); }
.icon-comment { background-image: url('templates/mathforum/images/comment.png'); }
.icon-comment-add { background-image: url('templates/mathforum/images/comment_add.png'); }
.icon-comment-edit { background-image: url('templates/mathforum/images/comment_edit.png'); }
.icon-comment-delete { background-image: url('templates/mathforum/images/comment_delete.png'); }
.icon-delete { background-image: url('templates/mathforum/images/delete.png'); }
.icon-exclamation { background-image: url('templates/mathforum/images/exclamation.png'); }
.icon-feed { background-image: url('templates/mathforum/images/feed.png'); }
.icon-flag-red { background-image: url('templates/mathforum/images/flag_red.png'); }
.icon-folder { background-image: url('templates/mathforum/images/folder.png'); }
.icon-group-add { background-image: url('templates/mathforum/images/group_add.png'); }
.icon-list { background-image: url('templates/mathforum/images/text_align_justify.png'); }
.icon-merge { background-image: url('templates/mathforum/images/arrow_join.png'); }
.icon-move { background-image: url('templates/mathforum/images/page_go.png'); }
.icon-note-add { background-image: url('templates/mathforum/images/note_add.png'); }
.icon-open { background-image: url('templates/mathforum/images/lock_open.png'); }
.icon-page-go { background-image: url('templates/mathforum/images/page_go.png'); }
.icon-printer { background-image: url('templates/mathforum/images/printer.png'); }
.icon-split { background-image: url('templates/mathforum/images/arrow_divide.png'); }
.icon-table-add { background-image: url('templates/mathforum/images/table_add.png'); }
.icon-tag-green { background-image: url('templates/mathforum/images/tag_green.png'); }
.icon-user { background-image: url('templates/mathforum/images/user.png'); }
.icon-user-add { background-image: url('templates/mathforum/images/user_add.png'); }
.icon-user-comment { background-image: url('templates/mathforum/images/user_comment.png'); }
.icon-user-edit { background-image: url('templates/mathforum/images/user_edit.png'); }
.icon-information { background-image: url('templates/mathforum/images/information.png'); }
/* End template css.tpl */
/* Added by module "editor_tools", file "mods/editor_tools/editor_tools.css" */
#editor-tools {
padding: 3px;
margin-bottom: 3px;
border-bottom: 1px solid #ddd;
text-align: left;
}
/* padding is arranged in editor_tools.js, so do not define it here. */
#editor-tools .editor-tools-button {
margin-right: 2px;
margin-bottom: 2px;
background-color: #eee;
border: 1px solid #ddd;
vertical-align: bottom;
}
#editor-tools .editor-tools-button:hover {
border: 1px solid #777;
}
.editor-tools-popup {
text-align: left;
position:absolute;
padding: 5px 10px;
background-color:#eee;
border:1px solid #777;
font-family: arial, helvetica, sans-serif;
z-index: 1000;
}
.editor-tools-popup a,
.editor-tools-popup a:active,
.editor-tools-popup a:visited {
text-decoration: none;
color: black;
}
.editor-tools-popup a:hover {
text-decoration: underline;
}
#editor-tools-smiley-picker img,
#editor-tools-subjectsmiley-picker img {
border: none;
margin: 3px;
}
#editor-tools-a-help {
float: right;
}
/* Override fixes for color picker within XHTML transitional */
* html .colorPickerTab_inactive span,
* html .colorPickerTab_active span{
position:/**/relative;
}
* html .colorPickerTab_inactive img,
* html .colorPickerTab_active img{
position:relative;
left:-3px;
}
* html #dhtmlgoodies_colorPicker .colorPicker_topRow{
height:20px;
}
/* Added by module "smileys", file "mods/smileys/smileys.css" */
.mod_smileys_img {
vertical-align: middle;
margin: 0px 3px 0px 3px;
border: none;
}
/* Added by module "spamhurdles", file "mods/spamhurdles/spamhurdles.css" */
#spamhurdles_captcha {
font-size: small;
padding: 10px 0px 10px 0px;
}
#spamhurdles_captcha_title {
font-weight: bold;
}
#spamhurdles_captcha_explain {
width: 85%;
}
#spamhurdles_spoken_captcha {
padding-left: 15px;
background: url(lib/audio.gif) no-repeat;
padding-bottom: 10px;
font-size: small;
}
#spamhurdles_captcha_image {
margin: 8px 0px 8px 0px;
}
#spamhurdles_captcha_image .captcha_image {
border: 1px solid #333;
}
#spamhurdles_captcha_asciiart {
line-height: 4px;
font-size: 6px;
font-weight: bold;
color: black;
}
/* Added by module "embed_images", template "embed_images::css" */
/* The style to use for standard images */
#phorum div.mod_embed_images {
float: left;
margin-right: 10px;
margin-bottom: 10px;
font-size: 10px;
}
/* Extended is used in case an image is scaled down or inside a URL */
#phorum div.mod_embed_images_extended {
float: left;
margin-right: 10px;
margin-bottom: 10px;
font-size: 10px;
border: 1px solid #b0b0b0;
background-color: #f5f5f5;
}
#phorum div.mod_embed_images_image {
}
#phorum div.mod_embed_images_image a,
#phorum div.mod_embed_images_info a {
text-decoration: none;
color: black;
}
#phorum div.mod_embed_images_image a:hover,
#phorum div.mod_embed_images_info a:hover {
text-decoration: underline;
}
#phorum div.mod_embed_images_loading {
font-size: 10px;
padding: 5px 5px 3px 22px;
height: 16px;
background-position: 3px 3px;
background-repeat: no-repeat;
background-image: url(http://www.mathforum.ru/forum/mods/embed_images/templates/ajax_loading.gif);
}
#phorum div.mod_embed_images_info {
border-top: 1px solid #b0b0b0;
height: 18px;
padding: 3px 0px 0px 21px;
white-space: nowrap;
overflow: hidden;
background-position: 3px 5px;
background-repeat: no-repeat;
background-image: url(http://www.mathforum.ru/forum/mods/embed_images/templates/magnify_icon.gif);
/* Will be made visible if extended viewing is triggered */
display: none;
}
#phorum div.mod_embed_images_info_link
{
padding-left: 22px;
background-image: url(http://www.mathforum.ru/forum/mods/embed_images/templates/link_icon.png);
}
#phorum div.mod_embed_images_error
{
color: #a00000;
border: 1px solid #a00000;
padding: 5px 5px 5px 43px;
background-image: url(http://www.mathforum.ru/forum/mods/embed_images/templates/broken_image.gif);
background-position: 5px 5px;
background-repeat: no-repeat;
}
#phorum div.mod_embed_images_error strong
{
font-size: 12px;
}
#phorum div.mod_embed_images_attachments
{
margin-top: 20px;
}
/* Should be in the main Phorum CSS too, but let's make sure. */
#phorum div.message-body br {
clear: both;
}
/* Added by module "custom_announcements", template "custom_announcements::css" */
#forum table.announcements {
margin-bottom: 15px;
}
/* Added by module "tagcut", file "mods/tagcut/tagcut.css" */
.cut { display: none; }
.cut:not(:checked) + label + * { display: none; }
.cut:not(:checked) + label, .cut:checked + label { text-decoration: none; border-bottom: 1px dashed #000080; display: inline-block; cursor: pointer; }
.cut:checked + label { }
/* Added by module "tagpre", file "mods/tagpre/tagpre.css" */
pre.task { margin: 5px 0px 5px 0px; } 
/* Added by module "bbcode", file "mods/bbcode/colorpicker/js_color_picker_v2.css" */
#dhtmlgoodies_colorPicker{
position:absolute;
width:250px;
padding-bottom:1px;
background-color:#FFF;
border:1px solid #777;

width: 252px; /* IE 5.x */
width/* */:/**/250px; /* Other browsers */
width: /**/250px; 

z-index: 1000;
}

#dhtmlgoodies_colorPicker .colorPicker_topRow{
padding-bottom:1px;
border-bottom:3px double #777;
background-color:#E2EBED;
padding-left:2px;

width: 250px; /* IE 5.x */
width/* */:/**/248px; /* Other browsers */
width: /**/248px; 

height: 20px; /* IE 5.x */
height/* */:/**/16px; /* Other browsers */
height: /**/16px; 

}

#dhtmlgoodies_colorPicker .colorPicker_statusBar{
height:13px;
padding-bottom:2px;
width:248px;
border-top:3px double #777; 
background-color:#E2EBED;
padding-left:2px;
clear:both;

width: 250px; /* IE 5.x */
width/* */:/**/248px; /* Other browsers */
width: /**/248px; 

height: 18px; /* IE 5.x */
height/* */:/**/13px; /* Other browsers */
height: /**/13px; 

}

#dhtmlgoodies_colorPicker .colorSquare{
margin-left:1px;
margin-bottom:1px;
float:left;
border:1px solid #000;
cursor:pointer;

width: 12px; /* IE 5.x */
width/* */:/**/10px; /* Other browsers */
width: /**/10px; 

height: 12px; /* IE 5.x */
height/* */:/**/10px; /* Other browsers */
height: /**/10px; 

}

.colorPickerTab_inactive,.colorPickerTab_active{

height:17px;
padding-left:4px;
cursor:pointer; 


}
/* path fixed for Phorum */
.colorPickerTab_inactive span{
background-image:url(mods/bbcode/colorpicker/images/tab_left_inactive.gif);
}

/* path fixed for Phorum */
.colorPickerTab_active span{
background-image:url(mods/bbcode/colorpicker/images/tab_left_active.gif);

}
.colorPickerTab_inactive span, .colorPickerTab_active span{
line-height:16px;
font-weight:bold;
font-family:arial;
font-size:11px;
padding-top:1px;
vertical-align:middle;
background-position:top left;
background-repeat: no-repeat; 
float:left;
padding-left:6px;
-moz-user-select:none;
} 
.colorPickerTab_inactive img,.colorPickerTab_active img{
float:left;
}
.colorPickerCloseButton{
width:11px;
height:11px;
text-align:center;
line-height:10px;
border:1px solid #777;
position:absolute;
right:1px;
font-size:12px;
font-weight:bold;
top:1px;
padding:1px;
cursor:pointer; 

width: 15px; /* IE 5.x */
width/* */:/**/11px; /* Other browsers */
width: /**/11px;

height: 15px; /* IE 5.x */
height/* */:/**/11px; /* Other browsers */
height: /**/11px;


}
#colorPicker_statusBarTxt{
font-size:11px;
font-family:arial;
vertical-align:top;
line-height:13px;

}

/* disabled for Phorum
form{
padding-left:5px;
}
*/

.form_widget_amount_slider{
border-top:1px solid #9d9c99;
border-left:1px solid #9d9c99;
border-bottom:1px solid #eee;
border-right:1px solid #eee;
background-color:#f0ede0;
position:absolute;
bottom:0px;

width: 5px; /* IE 5.x */
width/* */:/**/3px; /* Other browsers */
width: /**/3px;

height: 5px; /* IE 5.x */
height/* */:/**/3px; /* Other browsers */
height: /**/3px;

}
.colorSliderLabel{
width:15px;
height:20px;
float:left;
font-size:11px;
font-weight:bold;
}
.colorSlider{
width:175px;
height:20px;
float:left;
}
.colorInput{
width:45px;
height:20px;
float:left;
} 
.colorPreviewDiv{
width:186px;
margin-right:2px;
margin-top:1px;
border:1px solid #CCC;
height:20px;
float:left;
cursor:pointer;

width: 188px; /* IE 5.x */
width/* */:/**/186px; /* Other browsers */
width: /**/186px;

height: 22px; /* IE 5.x */
height/* */:/**/20px; /* Other browsers */
height: /**/20px;


}
.colorCodeDiv{
width:50px;
height:20px;
float:left;
}