* {
  -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box;
}
*:before,
*:after {
  -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box;
}

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

 a
 {
text-decoration:none;
/*color:#2267A2;*/
     }


.ui-resizable-handle {display:none}


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

.caption.nologo {
    background-image: none;
    padding-left:5px;
}

.resize{
    float: right; 
    margin: 5px; 
    background:  none;/*#f9e9b2;*/ 
    text-align: center;  
    width: 16px; 
    height: 16px; 
    color: black; 
    text-decoration: none;
}

.resize i{
    vertical-align: middle; 
    font-size: 16px;
}

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


/*
* Подчищатель
*/
.clear 
{
    clear:both;
    height:0px;
}

/*
* Верхний контейнер-баннер
*/
.header-banner
{
    background: #2267A2;
}
/*
* Верхний контейнер-градиент
*/
.header 
{
    height: 171px; 
    /*background: #2267A2 url(/Images/tbg_.gif) repeat-x 100% bottom;*/
    background: #2267A2;
    background: -moz-linear-gradient(#2267A2, #49A2C7);
    background: -ms-linear-gradient(#2267A2, #49A2C7);
    background: -o-linear-gradient(#2267A2, #49A2C7);
    background: -webkit-linear-gradient(#2267A2, #49A2C7);
}

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

/*
* Логотип и ссылка на нем
*/
.logo 
{
	position: relative;
    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: 50px;
}

.header-caption a
{
    text-decoration: none;
    color: inherit;
}

/*
* Лицензии
*/
.license
{
    float: left; 
    margin-left: 100px; 
    margin-top: 5px; 
    width: 182px; 
    height: 45px;
}
.license a
{
    text-decoration:none;
    border:0;
    display:block;
    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;
    padding-bottom: 21px;
    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;
}

.radius5 
{
   border-radius: 5px;
    -moz-border-radius: 5px;
}

.idk-btn
{
    background: Black; /*url(/Images/vhb.gif) no-repeat; */
    color: White;
    text-align: center; 
    cursor: pointer;
    font-size: 11px;
    vertical-align: middle;
    padding: 5px 10px;
    margin: 5px;
}

/*
* Кнопка входа/выхода в правом верхнем углу и открывающийся диалог
*/
.idk-btn.login
{
    float: right;
    margin-top: 25px;
    width:60px; 
    height: 22px;
}

.fl
{
    float: left;
}

.fr
{
    float: right;
}

.login-form /* Сам диалог */
{
    width: 250px; 
    position: static; 
    top: 5px; 
    cursor: default;
    display: none;
    float: right;
}

.login-form .btn-close /* Кнопка закрытия (крестик) */
{
    
    text-align: right; 
    margin-right: 5px; 
    font-weight: bold;
    cursor: pointer;
}

.login-form input /* Логин с паролем */
{
    height: 22px; 
    border: 0;
    padding: 0px 5px;
    width: 100%;
}

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


.login-form, #login-dialog
{
    padding: 0px 5px;
    background: #2267A2;
    background: -moz-linear-gradient(#2267A2, #49A2C7);
    background: -ms-linear-gradient(#2267A2, #49A2C7);
    background: -o-linear-gradient(#2267A2, #49A2C7);
    background: -webkit-linear-gradient(#2267A2, #49A2C7);
    border: 0px solid #999;
    text-align:left;
    z-index:1002;
    border-radius: 5px;
    -moz-border-radius: 5px;
}

.login-form table
{
    margin: 0px 10px;
}

.login-form table td,
#login-dialog table td
{
    padding-left: 5px;
    color:white;
    font-weight:bold;
    font-size:11px;

}
/*
* Меню второго уровня (Главная, Торги, Расчеты)
*/
 .menu-2-container
 {
    height: 32px;
    float: left;
 }
 .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: 31px; 
      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: #2267A2 url(/Images/tbg_.gif) repeat-x 50% bottom;*/
    background: #2267A2;
    background: -moz-linear-gradient(#49A2C7, #2267A2);
    background: -ms-linear-gradient(#49A2C7, #2267A2);
    background: -o-linear-gradient(#49A2C7, #2267A2);
    text-align: left; 
    width: 100%; 
    margin-top: 50px;
 }

 .footer.compact 
{
    height: 75px; 
}

.footer .center, .footer .center td
{
    font-size:11px;
     color:#333333;
}
.footer .center td
{
    vertical-align:top;
    width:80px;
     padding:5px;
     
}
.footer .center a
{
    color: black;
    white-space:nowrap;
}
.footer .center a.top
{
     color:#333333;
     font-weight:bold;
}
/*
* Загрузка...
*/
#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;
    min-width:40px;
    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: #EEE;
     border: none;
}


/*
    .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-actions
        {
            height:22px;
            background:#ccc;
            position:absolute;
            margin-top:-34px;
            margin-left:-5px;
            display:none;
            border:1px solid #ccc;
        }
        a.a-action{
            display:block;
            background:#ccc no-repeat;
            height:16px;
            padding:1px;
            padding-left:20px;
            border:2px solid #ccc;
            color:Black;       
            text-decoration:none;
            margin:0 2px;
        }
        a.a-action:hover
        {
            background-color:#ddd;
            border:2px solid #ddd;
        }
         a.a-action.accept 
        {
            background-image:url(/Images/check.gif);
        }
        a.a-action.delete 
        {
            background-image:url(/Images/del.gif);
        }
        a.a-action.optimal 
        {
            background-image:url(/Images/opt.png);
        }
        a.a-action.edit 
        {
            background-image:url(/Images/edit.gif);
        }
        a.a-action.auction
        {
            background-image:url(/Images/auction_hammer.png);
        }
        a.a-action.auction-add
        {
            background-image:url(/Images/auction_hammer_plus.png);
        }
        a.a-action.offer
        {
            background-image:url(/Images/coins.png);
        }
        a.a-action.offer-add
        {
            background-image:url(/Images/offer.png);
        }
        /*=================================*/
        .action
        {
            height:16px;
            width:16px;
            float:right;
            margin:2px;
            cursor:pointer;
        }
        .accept 
        {
            background:url(/Images/check.gif) no-repeat;
        }
        .delete 
        {
            background:url(/Images/del.gif) no-repeat;
        }
        .edit 
        {
            background:url(/Images/edit.gif) no-repeat;
        }
        .auction
        {
            background:url(/Images/auction_hammer.png) no-repeat;
        }
        .offer
        {
            background:url(/Images/offer.png) no-repeat;
        }
        .offers-yes
        {
            background:url(/Images/coins.png) no-repeat 4px; text-align:left; width: 26px;
        }
        .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}
        /*================================*/
        table.grid .row td, table.grid tr td
        {
            padding: 4px 0;
            *border-top: 1px solid white;
            *border-bottom: 1px solid white;
        }
        table.grid .row:hover td, table.grid tr:hover td
        {
            *border-top: 1px solid #ccc;
            *border-bottom: 1px solid #ccc;
            /*background-color:#f9f9f9;*/
            background-color:#ddd;
            cursor:pointer;
            /*border-bottom: 1px solid #23780c;*/
        }
        .row:hover td:first
        {
            border-left: 3px solid #ccc;
        }
        /*---------------------------------*/
       #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: #777777; 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
}
/* Добавление полей, валидация*/
div.valid-caption
{
    color:Red;
    font-size:11px;
    font-style:italic;
    float:right;
    margin-right:10px;
}

div.valid-caption.valid
{
    color:Green;
}

/*
* Визуальная валидация звездочка на значок ОК
*/

div.required-field
{
    margin: 0 2px;
    float:right;
    width:16px;
    height:16px;
    background: url(/Images/required.gif) no-repeat;
}

div.required-field.ok
{
    background: url(/Images/ok.png) no-repeat;
}
div.required-field.blocked
{
    background: inherit;
}



/*
************************************************************************
* Контрол _Grid (список торговых заявок)
*
* Автор: Лысов И.М. 31.05.2011
*
* Main/Index
************************************************************************
*/

.optimal 
{
    height: 18px; 
    float: left; 
    width: 15px; 
    background: url(/Images/detandopt.png) no-repeat;
    padding-top: 2px;
    padding-left:3px
}

.optimal.grey
{
    background-position: -15px 0;
}
.optimal.yellow
{
    background-position: -33px 0;
}
.optimal.red
{
    background-position: -51px 0;
}
.optimal.green
{
    background-position: -69px 0;
}

.has-auctions 
{
    color:#555;
    white-space:nowrap;
}

.sold
{
    color:#555;
}
    
/*
************************************************************************
*  Регламент
*
*
************************************************************************
*/

.reglament-caption
{
    font-size:14px;
    font-weight:bold;
    padding:3px;
}

.reglament-caption-sub
{
    font-size:12px;
    font-weight:bold;
    padding:3px;
}

.reglament-italic 
{
    font-style:italic;
    font-weight:bold;
    color:#777;
}



.transport-type
{
    padding-left:20px;
    float:left;
    font-size:10px;
    color:#777;
    margin-right:5px;
}
.transport-type-1
{
    background:url(/Images/train.gif) no-repeat;
}
.transport-type-2
{
    background:url(/Images/city.png) no-repeat;
}
.transport-type-3
{
    background:url(/Images/pipe.png) no-repeat;
}
.disabled {color:#ccc}

/*
* Сквозной стиль для комментариев, примечаний и проч.
*/

.comment {color:#aaa;font-style:italic;font-size:11px;font-weight:normal}