/* New code for workcenter */
:root {
    --workcenter-primary-color: #000000 !important;
    --workcenter-primary-text-color: #ffffff !important;
} 
/* end */
body
{
	color: Black;
	background-color: #fff;
	font-family: Arial, Helvetica;
	font-size: 12px;
min-width: 1100px;
}
body.LandingPage
{
	background-color: #fff;
}

a
{
	color: #000;
	text-decoration: none;
	font-weight: bold;
}

a:hover
{
	color: #000;
	font-weight: bold;
}

#PageHeader
{
    background-color: #ffffff;
    background: url(../Images/bb_bg.png) repeat-x center;
    height: 78px;

}
.HeaderLeftBanner
{
    left: 5px;
   
    width: 307px;
    background-image: url(../Images/bb_logo.png);
    background-repeat: no-repeat;
    height: 78px;
}
.HeaderRightBanner
{
    top: 0px;
    height: 78px;
    width: 300px;
    background-image: url(../Images/header-right.png);
    background-repeat: no-repeat;
    z-index: 2;
}

/* Telerik drop down menu styling */
#mainMenu
{
    font-family: Verdana, Arial, Sans-Serif;
    background-color: #555;
    height: 14px;
    padding-bottom: 8px;
background: #555;
    border-top: 1px solid #555;
}
#mainMenu a
{
    color: #fff;
    font-size: 12px;
    padding-top: 4px;
    padding-bottom: 3px;
}
#mainMenu a:hover
{
    color: #fff;
    font-size: 12px;
    cursor: hand;
    background: #000;
}
a.actuator
{
    text-decoration: none;
}
.menu
{
    background-color: #555;
    border: 1px solid #000;
    position: absolute;
    visibility: hidden;
    opacity: 0.90;
    filter: alpha(opacity=90);
}

.menu li
{
    margin-bottom:5px;
}
.menu li a
{
    color: #fff;
    background-color: transparent;
    display: block;
    line-height: 1.75em;
    text-decoration: none;
}

.menu li a span
{
    color: #fff;
}
.menu li a:hover
{
    background-color: #999;
    color: white;
}
.menu li a:hover span
{
    color: #e1e1e1;
}
#PageFooter{height: 100px; margin:0; width: 100%;}