body{
	background-color: #FFFFFF; 
	margin: 0px; 
	font-family: Arial, Helvetica, sans-serif; 
	color: #000000; 
	font-size: 12px; 
	padding:0px;
}


.ui-resizable-handle {display:none}


.caption
{
    background:#DAE4E8 url(../Images/eoil/logo_small.png) no-repeat 10px 13px;
    padding:10px;
    padding-left:25px;
    font-size:16px;
    font-weight:bold;
}

/*
************************************************************************
* Сквозные стили
*
* Автор: Лысов И.М. 31.05.2011
*
* Прописываем в шапке, видны на всех страницах наследующих IDK.Master
************************************************************************
*/


/*
* Подчищатель
*/
.clear 
{
    clear:both;
    height:0px;
}
/*
* Верхний контейнер-градиент
*/
.header 
{
    height: 171px; 
    background: #2267A2 url(../Images/eoil/tbg.gif) repeat-x 50% bottom;
}

/*
* То что по центру сайта, выравненное по краям, как в шапке/футере так и в контенте
*/
.center
{
     width: 970px; 
     margin: 0 auto;
}

/*
* Логотип и ссылка на нем
*/
.logo 
{
    background:url(../Images/eoil/torg.png) no-repeat 0px 0px;
    height:70px;
    float: left; 
    width: 160px;
}
.logo a
{
    border: 0;
    width:160px;
    height:50px;
    text-decoration:none;
    display:block;
}
/*
* Надпись в шапке, либо ФИО текущего пользователя
*/
.header-caption
{
    color: white;
    float: left; 
    padding-top: 19px; 
    font-size: 20px;
     height: 30px;
}

/*
* Лицензии
*/
.license
{
    float: left; 
    margin-left: 100px; 
    margin-top: 5px; 
    width: 182px; 
    height: 45px;
}
.license div /*текст внутри*/
{
    position: relative; 
    font-size: 11px; 
    color: White; 
    left: 80px; 
    top: 22px;
}
.license-active
{
    background: url(../Images/deistvit.gif) no-repeat
}
.license-expired
{
    background: url(../Images/demorezhim.gif) no-repeat
}
/*
* Меню сверху (Торговая площадка|Статистика|Журнал|Зарегистрироваться)
*/
.top-menu
{
    float:left;
}
.top-menu .top-menu-left
{
     float: left; 
     width: 10px; 
     height: 26px; 
}
.top-menu.selected .top-menu-left
{
     background: url(../Images/eoil/tll.gif) no-repeat;
}
.top-menu .top-menu-right
{
     float: left; 
     width: 10px; 
     height: 26px; 
}
.top-menu.selected .top-menu-right
{
     background: url(../Images/eoil/trr.gif) no-repeat;
}
.top-menu .top-menu-center
{
    padding-top:5px;
    float: left; 
    height: 21px; 
    font-size: 11px;
    color: black;
}
.top-menu.selected .top-menu-center
{
    font-weight: bold;
    background-color: Black; 
    color: white; 
}

a.menu 
{
    margin-top:5px;
    color:Black;
    text-decoration:none;
}
a.menu:hover
{
    color:White;
}

/*
* Кнопка входа/выхода в правом верхнем углу и открывающийся диалог
*/
.btn-login
{
    float: right; 
    background: url(../Images/vhb.gif) no-repeat; 
    color: White;
    text-align: center; 
    width: 57px; 
    height: 19px; 
    margin-top: 25px; 
    cursor: pointer;
    padding-top: 2px; 
    font-size: 11px;
}

#login-form /* Сам диалог */
{
    position: relative; 
    top: 20px; 
    left: -188px; 
    cursor: default;
    display: none;
}

#btn-close-loginform /* Кнопка закрытия (крестик) */
{
    float: right; 
    margin-right: 3px; 
    font-weight: bold;
    cursor: pointer
}

#login-form input /* Логин с паролем */
{
    width: 168px; 
    height: 22px; 
    border: 0; 
    background: url(../Images/auinputlong.gif) no-repeat;
}

#login-form a /* Забыли пароль */
{
    color: #8DB4C9; 
    font-size: 10px;
    text-decoration: underline; 
    margin-top: 0px; 
    border: 0;
}


#login-form, #login-dialog
{
    width: 246px;height:106px;background:url(../Images/aubg.gif) no-repeat;text-align:left;z-index:1002;
}

#login-form table td,
#login-dialog table td
{
    padding:1px;
    padding-left:6px;
    color:white;
    font-weight:bold;
    font-size:11px;
}
/*
* Меню второго уровня (Главная, Торги, Расчеты)
*/
 .menu-2-container
 {
    height: 32px;
 }
 .menu-2-left
 {
    float: left; 
    height: 32px; 
    width: 5px; 
    background: url(../Images/eoil/tmll.gif) no-repeat
 }
 
 .menu-2-right
 {
    float: left; 
    height: 32px; 
    width: 5px; 
    background: url(../Images/eoil/tmrr.gif) no-repeat
 }
 
  .links
  {
      float: left; 
      height: 23px; 
      width: 960px; 
      padding-top: 8px; 
      background-color: Black;
  }
 .link{float: left; height: 24px;}
 .link .link-left
{
    float: left; width: 10px; height: 24px;
}
.link .link-right
{
    float: left; width: 10px;
        height: 24px;
}
.link .link-center
{
    float: left; height: 18px;background-color: #000;padding-top: 4px;
}
.link a
{
    font-size: 11px;   color: white;text-decoration:none
}
  
  .link.active{ height: 18px;}
 .link.active .link-left
{
     /*background: url(../Images/mll.gif) no-repeat; */
}
.link.active .link-right
{
    /*background: url(../Images/mrr.gif) no-repeat; */
}
.link.active .link-center
{
     
}
.link.active a
{
    font-weight: bold;color:#cf970a;font-weight:bold;
}
 
 /*
* Лента с новостями, индексами
*/
.marquee
{
    height:26px;
}
.marquee.index-cen
{
    background: url(../Images/eoil/index_cen.png) no-repeat;
}
#datetime
{
    float:left;font-weight:bold;padding:5px;
}
.marquee-container
{
    float: right; 
    width: 800px; 
    color: Black;
}

.index-name /*  */
{
    float: left; 
    padding: 5px; 
    padding-left: 20px; 
    color: Black; 
    font-weight: bold;
    background:url(../Images/eoil/logo_small.png) no-repeat 5px 8px;
}

.index-cell /* Ячейка с индексом */
{
    padding-left:20px;white-space:nowrap;
}
.index-cell .basis-name
{
    color:Black;
    font-size:11px;
    font-weight:bold;
}
.index-cell .price
{
    color:Black;
    font-size:14px;
    font-weight:bold;
}
 /*
* Футер градиент-котейнер
*/
 .footer
 {
    height: 171px; 
    background: #e0ac0c url(../Images/tbg_.gif) repeat-x 50% bottom;
    text-align: left; 
    width: 100%; 
    margin-top: 50px;
 }
.footer .center, .footer .center td
{
    font-size:11px;
     color:#333333;
}
.footer .center td
{
    vertical-align:top;
    width:80px;
     padding:10px;
     
}
.footer .center a
{
    color: black
}
/*
* Загрузка...
*/
#login-loading
{
    display: none; 
    border: 1px solid #cccccc; 
    position: fixed;
    background-color: White; 
    z-index: 1002; 
    top: 0px; 
    left: 0px; 
    width: 120px; 
    height: 50px
}


/*
************************************************************************
* Главная страница
*
* Автор: Лысов И.М. 31.05.2011
*
* Main/Index
************************************************************************
*/

/*
* Заголовки блоков на главной странице
*/
.caption-main
{
    background-color: #DAE4E8; 
    padding: 3px; 
    padding-left: 10px
}

.caption-main a /*Ссылки в заголовках блоков*/
{
    font-size: 20px; 
    float: left; 
    margin-right: 20px; 
    display: block;
    text-decoration:none;
    color:black;
    border:0;
}
.caption-main span /*Текст в заголовках блоков*/
{
    font-size: 20px; 
}
.caption-main .main-section /* Прошедшие,Активные */
{
    float: left; 
    cursor: pointer; 
    padding: 5px;
}

.caption-main .main-section.selected 
{
    background-color: #1d6d80;
    color: White;
 }


/*
* Индексы на главной странице
*/
.index-tabs 
{
    background-color:White;
    color:#488aad;
    width:50px;
    padding-top:2px;
    cursor:pointer;
    border-bottom:#000 dotted 1px;
    text-align:center;
    height:15px;
    float:left;
    margin-right:10px;
    font-weight:bold;
}
.index-tabs.selected
{
    background-color:#1d6d80;
    color:White;
    
}
#index-container tr.even td
{
     background-color:#fff8d8;
}


/*
    .note - Блок на странице с пояснением
*/

.note 
{
    margin: 10px 0;
    border-top:1px solid #cccccc;
    background:#f8f8f8 url(../Images/question_icon.gif) no-repeat 3px 3px;
    padding-top:3px;
    padding-left:20px;
    font-size:11px;
    color:#aaaaaa;
}
.note-dialog
{
    display:none;
    position:relative;
    border:1px solid #cccccc;
    background:#f8f8f8 url(../Images/question_icon.gif) no-repeat 3px 3px;
    padding-top:3px;
    padding-left:20px;
    font-size:11px;
    color:#aaaaaa;
    z-index:1001;
}
.question 
{
    background:#f8f8f8 url(../Images/question_icon.gif) no-repeat;
    width:14px;
    height:14px;
}

a.org 
{
    color:#ff8426;
    text-decoration:none;
    font-size:12px;
}
a.org:hover
{
    text-decoration:underline;
}
a.buy 
{
    color:blue;
    text-decoration:none;
}
a.buy:hover
{
    text-decoration:underline;
}
a.sell 
{
    color:green;
    text-decoration:none;
}
a.sell:hover
{
    text-decoration:underline;
}

.partial-table td
{
    padding:4px;
}
/*--------------------------------------------------------*/
.sort-field
{
    cursor:pointer;
}
.sort-field:hover
{
    color:Black;
    text-decoration:underline;
}
.field-name
{
    width:100px;
    font-size: 11px;
    color:#555;
    font-weight:bold;
}
    table.table-details td
    {
    padding:3px;
    } 
    
    
table.grid td
{
    padding:4px;
}
table.grid tr.not-moderated td
{
    background-color:#fee0e0;
    border-bottom:1px solid #fee0e0;
}

table.grid th
{
    font-size:11px;
    color:#777;
    border-bottom:1px solid #ccc;
    font-weight:normal;
}
        
    #sections
{
    padding: 0px;
    background-color: #efefef;
    margin-top: 10px;
    border: 1px solid #efefef;
    border-bottom:0;
}
.tab
{
    text-align: center;
    padding: 10px 10px;
    color: #000000;
    font-weight: bold;
    cursor: pointer;
    float: left;
}
.tab:hover
{
    background-color: #d4d4d4;
}
.tab.selected
{
    background-color: #d4d4d4;
}

.tab a
{
    color: #000000;
    text-decoration:none;
    font-weight: bold;
}
.tab:hover
{
    background-color: #d4d4d4;
}



.tab-2
        {
            float:left;
            padding:4px 10px;
            color:#999;
        }
        .tab-2 a
        {
             color: #999;
            text-decoration:none;
            font-weight: normal;
        }
        .tab-2.selected
        {
            color:white;
            font-weight:bold;
        }
        .tab-2:hover
        {
            color:Black;
            text-decoration: none;
            cursor: pointer;
        }
        .tab-2 a
        {
            color:#999;
            text-decoration:none;
        }
        .tab-2.selected a
        {
            color:white;
            font-weight:bold;
        }
        .tab-2:hover a
        {
            color:Black;
        }
        .filters
        {
            display:none;
            background-color:#d4d4d4;
        }
        
        /*=================================*/
        div.action
        {
            height:16px;
            width:16px;
            float:right;
            margin:2px;
            cursor:pointer;
        }
        div.accept 
        {
            background:url(../Images/check.gif) no-repeat;
        }
        div.delete 
        {
            background:url(../Images/del.gif) no-repeat;
        }
        div.edit 
        {
            background:url(../Images/edit.gif) no-repeat;
        }
        div.auction
        {
            background:url(../Images/auction_hammer.png) no-repeat;
        }
        div.offer
        {
            background:url(../Images/offer.png) no-repeat;
        }
        div.offers-yes
        {
            background:url(../Images/coins.png) no-repeat 4px; text-align:left; width: 26px;
        }
        div.offers-no
        {
            background:url(../Images/coins_icon.jpg) no-repeat 4px; text-align:left; width: 26px;
        }
        /*================================*/
        .toggler  {border-bottom:1px dotted Black;cursor:pointer;font-size:11px;font-weight:normal}
        /*================================*/
        .row td
        {
            padding: 4px 0;
            border-top: 1px solid white;
            border-bottom: 1px solid white;
        }
        .row:hover td
        {
            border-top: 1px solid #ccc;
            border-bottom: 1px solid #ccc;
            background-color:#f9f9f9;
            cursor:pointer;
            /*border-bottom: 1px solid #23780c;*/
        }
        
        /*---------------------------------*/
       #new-messages
       {
            padding:5px;
            display:none;
            position:fixed;
            bottom:-100px;
            right:0px;
            width:200px;
            height:50px;
            background-color:#555;
            opacity: .3;
            filter: alpha(opacity=30);
           }
           #new-messages:hover
           {
            opacity: 1;
            filter: alpha(opacity=100);
            cursor: pointer;
           }
           #new-messages a
       {
           text-decoration:none;
           color:White;
       }
           #new-messages a:hover
           {
            text-decoration:underline;
           }
       /*-------------------------master.css-------------*/
       .post {
	PADDING-BOTTOM: 20px; FONT-FAMILY: Arial; CLEAR: both; FONT-WEIGHT: normal; PADDING-TOP: 10px
}
#facewidget {
	POSITION: relative; PADDING-BOTTOM: 0px; PADDING-LEFT: 0px; WIDTH: 356px; PADDING-RIGHT: 0px; FONT-FAMILY: Arial; HEIGHT: 228px; OVERFLOW: hidden; PADDING-TOP: 0px
}
#facewidget A {
	OUTLINE-STYLE: none; OUTLINE-COLOR: invert; OUTLINE-WIDTH: 0px; DISPLAY: block; COLOR: #000; CURSOR: pointer; TEXT-DECORATION: none
}
#facewidget DIV.hider {
	POSITION: relative; WIDTH: 356px; HEIGHT: 228px; OVERFLOW: hidden
}
#facewidget DIV.hider IMG {
	Z-INDEX: 2; BORDER-BOTTOM: 0px; POSITION: relative; BORDER-LEFT: 0px; PADDING-BOTTOM: 0px; MARGIN: 0px; PADDING-LEFT: 0px; WIDTH: 356px; PADDING-RIGHT: 0px; HEIGHT: 228px; BORDER-TOP: 0px; BORDER-RIGHT: 0px; PADDING-TOP: 0px
}
#facewidget DIV.hider IMG#facewidget-bg {
	Z-INDEX: 1; TOP: -228px
}
#facewidget DIV.hider .lowslider {
	Z-INDEX: 4; POSITION: relative; FILTER: alpha(opacity=80); BACKGROUND-COLOR: #fdbb16; WIDTH: 356px; DISPLAY: inline-block; HEIGHT: 80px; TOP: -278px; opacity: 0.8
}
#facewidget DIV.hider .lowslider .padding {
	BORDER-LEFT: #851c00 10px solid; PADDING-BOTTOM: 5px; PADDING-LEFT: 5px; PADDING-RIGHT: 5px; HEIGHT: 50px; FONT-SIZE: 16px; FONT-WEIGHT: bold; PADDING-TOP: 5px
}
#facewidget DIV.hider .quote {
	Z-INDEX: 4; BORDER-BOTTOM: #ccc 1px solid; POSITION: relative; FILTER: alpha(opacity=80); BORDER-LEFT: #ccc 1px solid; LINE-HEIGHT: 1px; BACKGROUND-COLOR: #fff; WIDTH: 295px; FONT-SIZE: 1px; OVERFLOW: hidden; BORDER-TOP: #ccc 1px solid; BORDER-RIGHT: #ccc 1px solid; LEFT: -58px; opacity: 0.8
}
#facewidget DIV.hider .quote-text {
	Z-INDEX: 4; POSITION: absolute; PADDING-BOTTOM: 10px; PADDING-LEFT: 10px; WIDTH: 285px; PADDING-RIGHT: 10px; FONT-SIZE: 11px; TOP: 0px; MARGIN-RIGHT: 70px; PADDING-TOP: 10px
}
#facewidget DIV.hider .quote-text SPAN {
	PADDING-RIGHT: 4px; FLOAT: left
}
#facewidget DIV.hider .quote-text SPAN .transparent {
	VISIBILITY: hidden; COLOR: transparent
}