/* 
* Default  definitions for template pages 
*/
/*
 * BEGIN: Less Definitions  
 */
/** yellow-green: #ccff33 **/
/** sun-yellow: #ffcc00 **/
/* 
    Created on : Oct 3, 2015, 5:12:21 PM
    Author     : sking
*/
/*
 * BEGIN: Less Definitions  
 */
/** yellow-green: #ccff33 **/
/** sun-yellow: #ffcc00 **/
/*
@primary-text-color: #555555;
@primary-bg-color: #eeeeee;
@primary-accent-color: #ccff33;
@primary-accent-bg-color: #ccff33;

@logo-img: "monfox-logo-green_200x50px.png";
@logo-img-width:200px;
@logo-img-height:60px;

*/
.border-line {
  border: 1px solid #555555;
}
.border-line-light {
  border: 1px solid #a2a2a2;
}
/**
 * END: Less Definitions  
 */
body,
p,
h1,
h2,
h3,
h4,
h5,
a,
ul,
li {
  color: #555555;
}
a:hover {
  color: #ffcc00;
  transition: color 0.2s ease;
}
.mfx-header {
  background-color: #eeeeee;
  height: 70px;
}
.mfx-header .logo {
  background-image: url('../imgs/monfox-logo-grey-thin_200x56px.png');
  background-repeat: no-repeat;
  width: 200px;
  /*or your image's width*/
  height: 60px;
  /*or your image's height*/
}
.mfx-header .right a {
  color: #555555;
  background-color: #ffcc00;
}
.mfx-header .right a:hover {
  color: #ffcc00;
  background-color: #997a00;
  transition: background-color 0.8s ease;
}
.mfx-topnav {
  background-color: #f6f6f6;
}
.mfx-topnav a {
  color: #555555;
}
.mfx-topnav a:hover {
  color: #ffcc00;
  transition: color 0.5s ease;
}
.mfx-topnav a.mfx-selected:link,
.mfx-topnav a.mfx-selected:visited,
.mfx-topnav a.mfx-selected:hover,
.mfx-topnav a.mfx-selected {
  color: #ffcc00;
  font-weight: bold;
}
.mfx-page .page-header a,
.mfx-page .main-page-header a {
  color: #555555;
  background-color: #ffcc00;
}
.mfx-page .page-header a:hover,
.mfx-page .main-page-header a:hover {
  color: #ffcc00;
  background-color: #997a00;
  transition: background-color 0.6s ease;
}
.mfx-page em {
  color: #aa912b;
  font-style: normal;
}
.mfx-page h3 {
  border-color: #555555;
  background-color: #ffcc00;
}
.mfx-page h3 a:hover {
  color: #ffffff;
}
.mfx-page .infoblock {
  background-color: #f6f6f6;
}
.mfx-article div {
  border-color: #ffcc00;
  background: #555555;
  color: #ffcc00;
}
.mfx-article p {
  color: #ffcc00;
}
.mfx-article:hover div {
  background: #808080;
}
.mfx-product {
  background-color: #f6f6f6;
}
.mfx-infobox {
  background-color: #f6f6f6;
}
.mfx-industrybox {
  background-color: #f6f6f6;
}
.mfx-industrybox a:hover {
  color: #ffcc00;
}
.mfx-techbox a:hover {
  color: #ffcc00;
}
.ui-tooltip {
  color: #ffcc00;
}
.mfx-quick-links h2 {
  background-color: #f6f6f6;
}
.mfx-footer {
  background-color: #777777;
  color: #ffcc00;
}
.mfx-footer a {
  color: #ffcc00;
}
.mfx-footer a:hover {
  color: #f0c000;
}
/**
 * JQuery CSS updates
 */
.ui-accordion-header {
  color: #555;
  font-size: 10pt;
}
.ui-accordion-header-active {
  background: #ffcc00;
  color: #555555;
  font-size: 10pt;
  font-weight: bold;
}
.ui-accordion-content {
  border-top: 0;
  overflow: auto;
  background: #ffeeaa;
}
#accordion-standards p {
  padding: 10px 10px;
  margin: 0px 0px;
  font-size: 0.9em;
}
#accordion-standards ul {
  padding-left: 20px;
  margin: 0px 0px;
  font-size: 0.9em;
}
#accordion-examples {
  padding-left: 0px;
  margin: 0px 0px;
  font-size: 0.9em;
}
#accordion-examples pre {
  padding-left: 0px;
  margin: 0px 0px;
  font-size: 0.9em;
}
/** JQUERY DROPDOWN MENU **/
.ui-selectmenu-button {
  font-size: 1.0em;
  color: #555555;
}
.ui-menu-item {
  font-size: 0.8em;
  background: #f5f5f5;
  color: #555555;
}
.ui-state-hover,
.ui-widget-content .ui-state-hover,
.ui-widget-header .ui-state-hover,
.ui-state-focus,
.ui-widget-content .ui-state-focus,
.ui-widget-header .ui-state-focus {
  background: #ffd633;
  font-weight: normal;
  color: #555555;
}
.ui-selectmenu-text {
  font-weight: bold;
}
/*
Add definitions below import in order to override any values defined or derived in
the imported file. 
*/