/**
How to add further classes for module containers (not recommended, since it will affect the overall look of the site)

1.  Copy one of the groups of rules from below (generic is best) and paste
2.  Change all instances of the word "generic" to the colour scheme name you want to use (we'll say "violet")
3.  Change the hexcodes for colour attributes (#xxxxxx) accordingly
4.  Call you developer and tell them to add the new class to the module admin select tag
**/

/**
GENERIC MODULE CONTAINER
**/
#company-info .primary-panel .module-generic .wrap {
    margin-bottom:20px;
}
#company-info .module-generic h3 {
    background-color: #afafae;
}
#company-info .module-generic .wrap {
    background-color: #eeeeee;
}
#generic-module-content {
    padding: 10px;
}
div.module-generic div {
    padding: 10px;
}


/**
ORANGE MODULE CONTAINER
**/
#company-info .primary-panel .module-orange .wrap {
    margin-bottom:20px;
}
#company-info .module-orange h3 {
    background-color:#e9e9e8;
}
#company-info .module-orange .wrap {
    background-color: #e9e9e8;
}
#orange-module-content {
    padding: 10px;
}
div.module-orange div {
    padding: 10px;
}


/**
BLUE MODULE CONTAINER
**/

#company-info .module-blue h3 {
    background-color: #e9e9e8;
}
#company-info .module-blue .wrap {
    background-color: #bfeeff;
}
#blue-module-content {
    padding: 10px;
}
div.module-blue div {
     padding: 0 10px 20px;
}


/**
RED MODULE CONTAINER
**/
#company-info .primary-panel .module-red .wrap {
    margin-bottom:20px;
}
#company-info .module-red h3,
#company-info .module-red h3 a {
    background-color: #e9e9e8;
    color: #7C5A88;
}
#company-info .module-red .wrap {
    background-color: #fcb1cd;
}
#red-module-content {
    padding: 10px;
}
div.module-red div {
    padding: 10px;
}


/**
GREEN MODULE CONTAINER
**/
#company-info .primary-panel .module-green .wrap {
    margin-bottom:20px;
}
#company-info .module-green h3 {
    background-color: #e9e9e8;
}
#company-info .module-green .wrap {
    background-color: #e9e9e8;
}
#green-module-content {
    padding: 10px;
}
div.module-green div {
    padding: 0 10px 20px;
}


/**
YELLOW MODULE CONTAINER
**/
#company-info .module-yellow h3 {
    background-color: #fff700;
}
#company-info .module-yellow .wrap {
    background-color: #fdfaa6;
    padding: 10px;
}
#yellow-module-content {
    padding: 10px;
}
div.module-yellow div {
    padding: 10px;
}