body {
background-color: #fff;
}

.column-menu {
background-color : transparent ;
}

#search .search {
background : transparent url(../images/white-10.png) 0 0 repeat !important;
}

#search .inputbox {
color:#eee;
}

#search h3 {
color:#eee;
}



/**  extra module positions : content XX  **/

.content_one {
/*background : transparent url(../images/black-80.png) 0 0 repeat;*/
}
.content_two {
/*background : transparent url(../images/black-80.png) 0 0 repeat;*/
}

/**    module class suffixa    **/

.left .border, .right .border, .user1 .border, .user2 .border, .user3 .border, .user4 .border, .user5 .border, .user6 .border {
border:1px solid #444;
}

/**    article index  **/

#article-index {
background: transparent url(../images/white-10.png) 0 0 repeat;
}

/**    color table border    **/

table, #main_component th, #main_component tr, #main_component td {
}


/**
**      MAIN MENU
**/

#main_menu li ul {
background:#000 url(../images/white-17.png) 0 0 repeat;
-moz-box-shadow: 1px 1px 6px #999;
-webkit-box-shadow: 1px 1px 6px #999;
box-shadow: 1px 1px 6px #999;
}

#main_menu li {
background :transparent url(../images/white-10.png) 0 0 repeat;
border-bottom:1px solid #333;
}

#main_menu li:first-child {
border-top:1px solid #333;
}

#main_menu li a, #main_menu li span.separator {
color:#fff;
}

#main_menu li li a, #main_menu li li span.separator {
color:#fff;
border-top:1px solid #333;
}

#main_menu li:hover, #main_menu li.active {
background-color : #000;
background-image: none;
}

#main_menu li:hover li:hover, #main_menu li.active li.active {
background-color: transparent;
background-image: none;
}

#main_menu li li:hover a, #main_menu li li:hover span.separator , #main_menu li.active li.active a, #main_menu li.active li.active span.separator {
background-color : #000;
background-image: none;
}

#main_menu li li:hover li a, #main_menu li li:hover li span.separator , #main_menu li.active li.active li a, #main_menu li.active li.active li span.separator {
background-color : transparent;
background-image: none;
}

#main_menu li li li:hover a, #main_menu li li li:hover span.separator , #main_menu li.active li.active li.active a, #main_menu li.active li.active li.active span.separator {
background-color : #000;
background-image: none;
}


/** if active **/
#main_menu li.active a {
color:#fff;
}
/** if parent active and children active **/
#main_menu li.active li a:hover, #main_menu li.active li.active li a:hover, #main_menu li.active li.active li.active li a:hover,
#main_menu li.active li span.separator:hover, #main_menu li.active li.active li span.separator:hover, #main_menu li.active li.active li.active li span.separator:hover {
color:#fff;
}
/** if active **/
#main_menu li.active a, #main_menu li.active li.active a, #main_menu li.active li.active li.active a, #main_menu li.active li.active li.active li.active a,
#main_menu li.active span.separator, #main_menu li.active li.active span.separator, #main_menu li.active li.active li.active span.separator, #main_menu li.active li.active li.active li.active span.separator {
color:#fff;
}


/** if children   **/
#main_menu li a, #main_menu li li a, #main_menu li li li a, #main_menu li li li li a {
color:#fff;
}

/** if parent hovering and not children    **/
#main_menu li:hover li a, #main_menu li:hover li:hover li a, #main_menu li:hover li:hover li:hover li a,
#main_menu li:hover li span.separator, #main_menu li:hover li:hover li span.separator, #main_menu li:hover li:hover li:hover li span.separator {
color:#fff;
}

/** if hovering    **/
#main_menu li:hover a, #main_menu li li:hover a, #main_menu li li li:hover a,
#main_menu li:hover span.separator, #main_menu li li:hover span.separator, #main_menu li li li:hover span.separator {
color:#fff;
}

/** if parent active and children no active **/
#main_menu li.active li a, #main_menu li.active li.active li a, #main_menu li.active li.active li.active li a, #main_menu li.active li.active li.active li.active li a,
#main_menu li.active li span.separator, #main_menu li.active li.active li span.separator, #main_menu li.active li.active li.active li span.separator,  #main_menu li.active li.active li.active li.active li span.separator {
color:#fff;
}

.flx{
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
}