/* 
	Статичные стили. 
	Сверху вниз по положению на index.html
	Последнее обновление: 08.11.08
	Паша, пожалуйста, не меняй этот файл без меня.

*/

body { min-width: 600px; padding: 0px; margin: 0px; background: #ffffff; font-family: Tahoma; font-size: 11px}
img { border: none; }

/* Значения alpha канала
*/
.alpha_15 { filter:progid:DXImageTransform.Microsoft.Alpha(opacity=15); -moz-opacity: 0.15; -khtml-opacity: 0.15; opacity: 0.15; }
.alpha_20 { filter:progid:DXImageTransform.Microsoft.Alpha(opacity=20); -moz-opacity: 0.2; -khtml-opacity: 0.2; opacity: 0.2; }
.alpha_30 { filter:progid:DXImageTransform.Microsoft.Alpha(opacity=30); -moz-opacity: 0.3; -khtml-opacity: 0.3; opacity: 0.3; }
.alpha_90 { filter:progid:DXImageTransform.Microsoft.Alpha(opacity=90); -moz-opacity: 0.9; -khtml-opacity: 0.9; opacity: 0.9; }

/* Серая кнопка
*/
.button { cursor:pointer; height:23px; border: solid 1px #ccc; background:#fff;  background: #fff url("gfx/catalog_bg.gif") repeat-x 0 -94px; font-size: 12px }

/* Поле ввода
*/
.input { width: 150px; height: 16px; border:solid 1px #ccc; }

/* Контейнер главного меню
*/
.css_mm { width: 100%; height: 24px; background: #4b4b4b; border-bottom:solid 1px #000; }

/* Кнопки главного меню
*/
.css_mmb1 { background: transparent; }
.css_mmb2 { background: #222222;}
.css_mmb { cursor: pointer; min-width: 60px; height: 24px; margin-left: 5px; padding-left: 5px; padding-right: 5px; border-right: solid 1px #666666; text-align: center; font: 11px Tahoma; color: #ffffff; }

/* Кнопка "Добавить виджет"
*/
.css_awb1 { background: url("/public/visual/img/add_button1.gif"); }
.css_awb2 { background: url("/public/visual/img/add_button2.gif"); }
.css_awb { cursor:pointer; position: absolute; top: 0px; left: 7px; width: 125px; height: 22px; padding-left: 35px; padding-top: 6px; font: 11px Tahoma; color: #FFF; }

/* Контейнер каталога
*/
.css_cat { display: none; width: 100%; height: 240px; background: #222222; color: #fff;  ; text-decoration:none }

/* Кнопка закрытия каталога
*/
.css_cat_close1 { cursor: pointer; display: none; width: 100%; height: 10px; background: #4B4B4B; text-align:center; }
.css_cat_close2 { cursor: pointer; display: none; width: 100%; height: 10px; background: #555555; text-align:center; }

/* Контейнер меню каталога
*/
.css_cat_menu { padding: 10px; padding-left: 5px; float: left; width: 232px; height: 220px; background: #333; }

/* Кнопки меню каталога
*/
.css_cat_b1 { cursor: pointer; padding-top: 8px; padding-left: 5px; font-weight: bold;  font-size: 13px; width: 225px; height: 32px; background: url('gfx/catalog_bg.gif') 0 0; color: #FBA60C; }
.css_cat_b2 { cursor: pointer; padding-top: 8px; padding-left: 5px; font-weight: bold;  font-size: 13px; width: 225px; height: 32px; }
.css_cat_b3 { color: #FBA60C; }

/* Кнопки подразделов каталога
 */
.css_cat_sub_b1 { cursor: pointer; float: none; padding-left: 5px; padding-top: 2px; height: 16px; font-weight: bold; }
.css_cat_sub_b1:hover { cursor: pointer; float: none; padding-left: 5px; padding-top: 2px; height: 16px; font-weight: bold; color: #FBA60C; }
.css_cat_sub_b2 { cursor: pointer; float: none; padding-left: 5px; padding-top: 2px; height: 16px; background:#3c3c3c url('gfx/catalog_bg.gif') 0 -40px; color: #FBA60C; font-weight: bold; }

/* Иконки разделов каталога
 */
.cat_sec_ico1 { width: 16px; height: 16px; background: url('gfx/catalog_icons.gif') 0 0;}
.cat_sec_ico2 { width: 16px; height: 16px; background: url('gfx/catalog_icons.gif') 0 -17px;}
.cat_sec_ico3 { width: 16px; height: 16px; background: url('gfx/catalog_icons.gif') 0 -34px;}
.cat_sec_ico4 { width: 16px; height: 16px; background: url('gfx/catalog_icons.gif') 0 -51px;}

/* Добавление фида в каталоге
 */
.css_add_feed1 { width: 350px; height: 17px; padding-left: 21px; padding-top:2px; border: solid 1px #ccc; background: #fff url("gfx/catalog_bg.gif") no-repeat -200px -40px; font-size: 12px}
.css_add_feed2 { height:22px; border: solid 1px #ccc; background:#fff;  background: #fff url("gfx/catalog_bg.gif") repeat-x 0 -94px; font-size: 12px }

/* Скрины тем
*/
.css_line_skin1 { cursor: pointer; float: left; margin:2px; padding: 5px;  text-align: center; width: 122px; background: #2B2B2B; }
.css_line_skin2 { cursor: pointer; float: left; margin:2px; padding: 5px;  text-align: center; width: 122px; background: #3c3c3c; color: #FBA60C; }
.css_line_skini { border: solid 1px #333; margin-bottom: 2px }

/* Контейнер шапки
*/
.css_header { width: 100%; height: 140px; padding-top:20px; text-align: center; background: #5FAEFE; }

/* Блок поиска в шапке
*/
.css_header_search { width: 240px; height: 15px; padding-top: 3px; color: #000;  font-size: 12px; }

/* Контейнер вкладок
*/
.css_tabs { float: left; width: 100%; height: 27px; background:  url('gfx/tabs_bg.gif') repeat-x 0 -84px; }

/* Иконки вкладки
 */
.css_tabs_ico1 { float: left; width: 13px; height: 13px; margin-top:1px; background: url('gfx/tabs_icons.gif') 0px 0px;}
.css_tabs_ico2 { float: left; width: 13px; height: 13px; margin-top:1px; background: url('gfx/tabs_icons.gif') 0px -13px;}
.css_tabs_ico3 { float: left; width: 13px; height: 13px; margin-top:1px; background: url('gfx/tabs_icons.gif') 0px -26px;}

/* Опции вкладки
*/
.css_tabs_options { display: none; width: 100%; height: 150px; background: #000 url('gfx/win_bg.png') 0 -210px; border-bottom:solid 1px #ccc; }

/* Загловок опций вкладки
*/
.css_tabs_options_t { background: #D0D0D0; width: 200px; height: 24px; padding-left: 10px; color: #4B4B4B;  ; text-decoration:none; }

/* Блок опций вкладки
*/
.css_tabs_options_c { background: #E6E6E6; width: 200px; height: 40px; text-align: center; }

/* Описание опций вкладки
*/
.css_tabs_options_b { background: #E6E6E6; width: 200px; height: 20px; text-align: center; color: #999;  ; text-decoration:none; }

/* Кнопки количества колонок
*/
.css_tabs_count1 { width: 20px; height: 20px; background: #fff; border:solid 1px #ccc; cursor:pointer; color: #4B4B4B;  font-size: 13px; text-decoration:none }
.css_tabs_count2 { width: 25px; height: 25px; background: #eee; border:solid 1px #ccc; cursor:pointer; color: #4B4B4B;  font-size: 13px; text-decoration:bold}

/* Закрыть опции вкладки
*/
.css_tabs_close1 { cursor: pointer; display: none; width: 100%; height: 10px; margin-bottom: 5px; background: #ccc; border-bottom:solid 1px #bbb; text-align: center; }
.css_tabs_close2 { cursor: pointer; display: none; width: 100%; height: 10px; margin-bottom: 5px; background: #ddd; border-bottom:solid 1px #ccc; text-align: center; }


/* Иконки окон виджета
*/
.css_widget_ico1 { cursor: pointer; float: left;  width: 16px; height: 16px; background: url('gfx/win_icons.gif') 0 0;}
.css_widget_ico2 { cursor: pointer; float: left;  width: 16px; height: 16px; background: url('gfx/win_icons.gif') 0 -16px;}
.css_widget_ico3 { cursor: pointer; float: left;  width: 16px; height: 16px; background: url('gfx/win_icons.gif') 0 -32px; margin-left:4px;}
.css_widget_ico4 { cursor: pointer; float: left;  width: 16px; height: 16px; background: url('gfx/win_icons.gif') 0 -48px; margin-left:4px;}
.css_widget_ico5 { cursor: pointer; float: left;  width: 16px; height: 16px; background: url('gfx/win_icons.gif') 0 -64px; margin-left:4px;}
.css_widget_ico6 { cursor: pointer; float: left;  width: 16px; height: 16px; background: url('gfx/win_icons.gif') 0 -80px; margin-left:4px;}

/* Кнопка предпросмотра (добавить)
 */
.css_widget_pre1 { cursor:pointer; margin-left:auto; margin-right:auto; height: 17px; width: 200px; text-align: center; font-size:12px; padding-top:1px; background: url('gfx/catalog_bg.gif') 0 -58px; color: #fff; }
.css_widget_pre2 { cursor:pointer; margin-left:auto; margin-right:auto; height: 17px; width: 200px; text-align: center; font-size:12px; padding-top:1px; background: url('gfx/catalog_bg.gif') 0 -76px; color: #fff; }

/* Иконки виджетов 
 */
.pack1 { float: left;  width: 16px; height: 16px; background: url('gfx/pack.gif') 0 0;}


/* Опции цвета виджета
*/
/* Блок опций */
.options_block { width: 170px; border: solid 1px #CCCCCC; color: #000;  ; text-decoration:none; position: absolute; top: 0; left: 0; display: none; }
.options_block_ul { padding: 0px; margin: 0px; list-style: none; }
.options_block_ul li { height: 16px; padding-top: 2px; padding-left: 20px; border-bottom: solid 1px #F2F2F2; }

.ob_icon1 {background: #FFFFFF url('img/icon1.png') no-repeat;}
.ob_icon1a {background: #F2F2F2 url('img/icon1a.png') no-repeat;}
.ob_icon2 {background: #FFFFFF  url('img/icon2.png') no-repeat;}
.ob_icon2a {background: #F2F2F2 url('img/icon2a.png') no-repeat;}
.ob_icon3 {background: #FFFFFF  url('img/icon3.png') no-repeat;}
.ob_icon3a {background: #F2F2F2 url('img/icon3a.png') no-repeat;}
.ob_icon4 {background: #FFFFFF  url('img/icon4.png') no-repeat;}
.ob_icon4a {background: #F2F2F2 url('img/icon4a.png') no-repeat;}
.ob_icon5 {background: #FFFFFF  url('img/icon5.png') no-repeat;}
.ob_icon5a {background: #F2F2F2 url('img/icon5a.png') no-repeat;}
.ob_icon6 {background: #FFFFFF  url('img/icon6.png') no-repeat;}
.ob_icon6a {background: #F2F2F2 url('img/icon6a.png') no-repeat;}
.ob_icon7 {background: #FFFFFF  url('img/icon7.png') no-repeat;}
.ob_icon7a {background: #F2F2F2 url('img/icon7a.png') no-repeat;}
.ob_icon8 {background: #FFFFFF;}
.ob_icon8a {background: #F2F2F2;}

.ob_clr { float: left; width: 12px; height: 12px; margin-right: 3px; border: solid 1px; }
.ob_clr1 {background: #E43107}
.ob_clr2 {background: #E21459}
.ob_clr3 {background: #FBA60C}
.ob_clr4 {background: #B1D400}
.ob_clr5 {background: #0ABFCF}
.ob_clr6 {background: #4D4D4D}
.ob_clr7 {background: #FFFFFF}