@charset "utf-8";

/*Design details*/

.language a {
    color: #66CCFF;
}	
.FontSelector a {
    color: #66CCFF;
}
.LanguageSelector a {
    color: #66CCFF;
}
.Help a {
    color: #66CCFF;
}	

/*Grey box*/

.greybox {
    color: #66CCFF;
}	

/* White box */

.whitebox {
    color: #66CCFF;
}
.whiteboxlist a {
    background:#66CCFF;
}
.whiteboxlist a:hover {
    background: #3399CC;
}

/*Breadcrumbs*/

.breadcrumbs a {
    color: #66CCFF;
}

/* Content */

.contentheader h1 {
    color: #66CCFF;
}
.modalHelpTitleMainframeColor {
    color: #66CCFF;
}
.modalHelpTitleCataloguesColor {
    color: #66CCFF;
}

/*Forms*/

.content h2.MainframeFormblockheader {
    color: #66CCFF;
}
.content h2.CataloguesFormblockheader {
    color: #66CCFF;
}
.content h2.TendersFormblockheader {
    color: #66CCFF;
}
.content h2.AuctionsFormblockheader {
    color: #66CCFF;
}
.content h2.CertificatesFormblockheader {
    color: #66CCFF;
}

/*Status tree*/

.statustree
{
    font-size:12px;
}

/*Start page news containers*/

.LeftMainframeColor {
    background: #66CCFF !important;
}
.LeftCataloguesColor {
    background: #66CCFF !important;
}


/*Sybsystem popup colors*/
.popupheaderMainframeColor {	
	color: #66CCFF;
}
.popupheaderCataloguesColor {
	color: #66CCFF;
}
.popupheaderCertificatesColor {
    color: #66CCFF;
}

/* Top Menu */

.topheader {
    color: #66CCFF;
}
.ToplistCatalogue{
    background: #66CCFF; 
	background-color: #66CCFF;
}
.ToplistItemCatalogue a {
    background: #66CCFF; 
}
.ToplistItemCatalogue img {
    background: #66CCFF; 
}
.topmenu{
    background: #66CCFF; 
	background-color: #66CCFF;
}
.tabbody a{
    background-color: #66CCFF;
}

/*Status tree*/
.statustree
{ 
    display:block; 
    
    z-index:1;
    position:relative;
    overflow:hidden;
    font-family:Arial, Tahoma, Verdana, Helvetica, sans-serif;
    float:left;
}
.tree_1{
    background: url(../img/koks_3_1.png) no-repeat 0px 0px;
    width:774px; 
    height:640px;
}
.tree_2{
    background: url(../img/koks_3_2.png) no-repeat 0px 0px; 
    width:540px;
    height:275px;
}
@media screen and (max-width: 1690px){
    .tree_2{
        margin-left:114px;
    }
}

.statusblockwithborder {
    width: 104px !important;
    height: 64px !important;
    background-position:2px 2px !important;
}
.statusblockwithborder:hover{
    background-position:2px 2px !important;
}
.notchangingstatus{
    background-image:url('../img/gray-cube.png');
}
.notchangingstatus:hover{
    background-image:url('../img/gray-cube.png');
}
.buyerstatus{
    background-image:url('../img/green-cube.png');
}
.buyerstatus:hover{
    background-image:url('../img/green-cube.png');
}
.supplierstatus{
    background-image:url('../img/blue-cube.png');
}
.supplierstatus:hover{
    background-image:url('../img/blue-cube.png');
}
.approverstatus{
    background-image:url('../img/red-cube.png');
}
.approverstatus:hover{
    background-image:url('../img/red-cube.png');
}
.recepientstatus{
    background-image:url('../img/yellow-cube.png');
}
.recepientstatus:hover{
    background-image:url('../img/yellow-cube.png');
}
.supplierapproverstatus{
    background-image: url(../img/red-cube.png), url(../img/blue-cube-bot.png);
    background-position: 2px 2px, 95px 55px !important;
}
.supplierapproverstatus:hover{
    background-image: url(../img/red-cube.png), url(../img/blue-cube-bot.png);
    background-position: 2px 2px, 95px 55px !important;
}
.supplierbuyerstatus{
    background-image: url(../img/blue-cube.png), url(../img/green-cube-bot.png);
    background-position: 2px 2px, 95px 55px !important;
}
.supplierbuyerstatus:hover{
    background-image: url(../img/blue-cube.png), url(../img/green-cube-bot.png);
    background-position: 2px 2px, 95px 55px !important;
}
.statustree div
{        
    display:block;
    position:absolute;    
    z-index:2;
    border:none;
    width:104px;
    height:66px;
    text-align:center;    
    padding:0px;
    background-size:7px 7px;
    background-position:3px 3px;
    background-repeat:no-repeat;
}
.statustree div:hover{
    background-color:#333333;
    background-position:3px 3px;
}
.statustree table
{
    display:block;
    height:66px;
    width:104px;
    padding:0px;
    margin:0px;
}
.statustree tbody{
    display:block;
    height:66px;
    width:104px;
}
.statustree tr{
    display:block;
    height:66px;
    width:104px;
}
.statustree td
{
    margin:0px;
    padding:0px 1px 0px 1px;
    vertical-align:middle;
    display:block;
    width:104px;
    height:66px;    
}
.statustree .legend
{
    display:block;
    position:absolute;    
    z-index:2;    
    text-align:center;    
    padding:0px;
    margin:0px;
    height:auto;
    width:auto;
    background:transparent;
    color:#565656;
    font-size:14px;
}
.statustree .legend:hover{
    background:transparent;
}
.statustree .label
{
    display:block;
    position:absolute;    
    z-index:2;    
    text-align:center;    
    padding:0px;
    margin:0px;
    height:auto;
    width:auto;
    font-size:16px;
    font-weight:bold;
    font-family:Arial, Tahoma, Verdana, Helvetica, sans-serif;
    color:#565656;
    background:transparent;
}
.statustree .label:hover
{
    background:transparent;
}
.statustree a
{
    color: #fff;
    text-decoration: none;
    display: table-cell;
    vertical-align: middle;
    width: 104px;
    height: 66px;
    top: -2px;
    position: relative;
    left: -1px;
    word-break:break-word;
    font-size:12px;
}
.statusblockwithborder a{
    width: 100px !important;
}
.statustree a.disabled
{
    /* IE 8 */
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";

  /* IE 5-7 */
  filter: alpha(opacity=50);

  /* Netscape */
  -moz-opacity: 0.5;

  /* Safari 1.x */
  -khtml-opacity: 0.5;

  /* Good browsers */
  opacity: 0.5;
}

//

.CatalogueNews {
    border-left-color: #66CCFF !important;
}
.CatalogueNewsLeft {
    border-left-color: #66CCFF !important;
}
.MainframeNews {
    border-left-color: #66CCFF !important;
}
.MainframeNewsLeft {
    border-left-color: #66CCFF !important;
}

/*new styles*/

.header-title {
    color: #66CCFF;
}
.leftpanel-top-part {
    border-bottom:34px solid #66CCFF;
}
.menu-selector a {
    color: #66CCFF;
}
.menu-selector span {
    color: #66CCFF;
}

/*modal*/

.popupheader{
      color: #66CCFF;
}
.popupheader a {
      color: #66CCFF;
}
.modalHelpTitle {
    color:  #66CCFF;
}


.contentsubmenu a{
    background-color:#66ccff;    
}

/*header menu active colors*/

.header-logo-navigation > li.active a {
  color: #66CCFF;
}