
/*Content Frame background color / text color / background image*/
#contentFrame,
#schemePreview, 
body, 
body.ineditmode, 
body.topFrame,
div.breadcrumbs,
div.paneTabs ul li.active, 
div.paneTabs ul li,
body.wizardBody div.containerWizard {
    background: url(bblearn_2011_bg.png) repeat 0 0;
    background-color:#EFEDE3;
    color:#000000;
}
/*Content area background color / text color / background image */
#contentArea,
#schemePreviewBody,
.container, .contentPane div.bottomRound b {        
    background-color:#FFFFFF;
    color:#444444;
}

/*Primary button background / text color*/
#primaryButton, 
input[type="submit"].submit,
.mainButton a, .mainButton a:hover, .mainButton a:focus,
.actionBarMicro .mainButton a, .actionBarMicro .mainButton a:hover, .actionBarMicro .mainButton a:focus,
.rumble .mainButton > a, .rumble_top .mainButton > a:focus, 
.rumble .mainButton > a:hover, .rumble_top .mainButton > a:focus, 
.rumble .mainButton > a:hover, .rumble_top .mainButton > a:focus,
.button-1, .button-1-img, .button-1:hover, .button-1-img:hover, .button-1:focus, .button-1-img:focus {
    background-color:transparent;
	border-color:transparent;
    color:#F0F0F0;
}

/*Secondary button background / text color*/
#secondaryButton, 
.secondaryButton a, .secondaryButton a:hover, .secondaryButton a:focus,
.button-2, .button-2-img, .button-2:hover, .button-2-img:focus, .button-2:hover, .button-2-img:focus {
    background-color:#EFEFEF;
	border-color:#EFEFEF;
    color:#000000;
}

/*Page Header background color / text color / background image */
#pageHeader, 
#schemePreviewHead,
div.pageTitle,
div.actionBar, 
div.contentPaneWide div.actionBar,
div.actionBar ul, 
div.localViewToggle,
.navPalette div.actionBarMicro, 
div.contentPane div.topRound b, 
div.topRound b,
div.listCm div.topRound b, 
div.buttonCm div.topRound b, 
div.treeContainer div.topRound b,
div.treeViewCs div.topRound b,
div#lightboxContent h2,
#lightbox div.topRound b,
#puller,
.frameResizeToggle {
    background-color:#DEDEDE;
	border-color:#DEDEDE;
    color:#000000;
}

/*Top Frame Text Color */
#topFrame, 
div.topTabs div.topGlobalLinks ul li a.topLevel, 
div.topTabs-compact div.topGlobalLinks ul li a.topLevel, 
div.topTabs div.hotItems ul.hotLinks li a  {
    color:#FFFFFF;
}


/*Top Frame Background Color / Background Image*/
#topFrame, 
.bgBanner {
    background-color:#366604;
	border-color:transparent;
}
div.topTabs-compact {
    background:#366604;
	border-color:transparent;
}

/*Top Tab Color/Background Color*/
#topTab, 
table.appTabs tbody tr td a, div.topTabs-compact table.appTabs tr td a,
table.appTabs tbody tr td a:hover, div.topTabs-compact table.appTabs tr td a:hover,
table.appTabs tbody tr td a:focus, div.topTabs-compact table.appTabs tr td a:focus {   
    color:#EFEDE3;
    background-color:transparent;
	border-color:transparent;
}

/*Top Tab Active Tab Color/Background Color*/
#topTabActive, 
table.appTabs tbody tr td.active a, 
table.appTabs tbody tr td.active a:hover, 
table.appTabs tbody tr td.active a:focus,
div.topTabs-compact table.appTabs tr td.active a, 
div.topTabs-compact table.appTabs tr td.active a:hover, 
div.topTabs-compact table.appTabs tr td.active a:focus {
    color:#FFFFFF;
    background-color:transparent;  
	border-color:transparent;             
}

/*Module colors*/
#moduleTitle, 
.portlet h2, .portlet h2 span.reorder
{
    background-color:#E8EDE1;
    color:#333333;
}
.portlet h2 a
{
    background-color: transparent;
    color:#333333;
}
#moduleBorder, #moduleBody, 
.portlet
{
    border-top-color: #CCCCCC;
    border-left-color: #CCCCCC;
    border-bottom-color: #CCCCCC;
    border-right-color: #CCCCCC;
    background-color:#EFEDE3;
    color:#444444;    
}