newFbddHeader li { 
    list-style-type:none;
}

.newFbddHeader img{
    border:none;
    margin-left: 4px;
    margin-right: 4px;
}

.newFbddHeaderW150{
    width:160px;
    float:left;
}

ul.newFbddHeader {
	width: 162px;
        padding:0!important;
	margin: 0 0 5px 5px;
        float:left;
}
ul.newFbddHeader li{
	list-style: none;
}

/** This is the css for the drop down menu item background width and display**/
ul.newFbddHeader ul {
	padding: 0;
	background-color: #FFFFFF;
	background: -moz-linear-gradient(top, #FFFFFF 0%, #EEEEEE 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#FFFFFF), color-stop(100%,#EEEEEE));
	background: -webkit-linear-gradient(top, #FFFFFF 0%,#EEEEEE 100%);
	background: -o-linear-gradient(top, #FFFFFF 0%,#EEEEEE 100%);
	background: -ms-linear-gradient(top, #FFFFFF 0%,#EEEEEE 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#FFFFFF', endColorstr='#EEEEEE',GradientType=0 );
	background: linear-gradient(top, #FFFFFF 0%,#EEEEEE 100%);

        -moz-border-radius-topleft: 4px;
        -moz-border-radius-topright: 0;
        -moz-border-radius-bottomright: 4px;
        -moz-border-radius-bottomleft: 4px;
        -webkit-border-radius: 4px 0 4px 4px;
        border-radius: 4px 0 4px 4px;
	margin-right: 5px;
	margin-left: 0;
        z-index:999;
}

/** The following two css for rendering the menu item top border 
ul.newFbddHeader ul li:first-child{
	border-top: none;
}
ul.newFbddHeader ul li {
	border-top: 1px solid #e8e8e8;
}
**/

ul.newFbddHeader ul li.itemSeperator{
	border-bottom: 1px solid #e8e8e8;
}

ul.newFbddHeader ul li.heading{
        font-family: Arial, Helvetica, sans-serif;
	font-size:12px;
        font-weight:bold;
        margin-left:4px;
	border-bottom: 1px solid #e8e8e8;
}

ul.newFbddHeader ul {
	position:absolute;
        width:152px;
        margin-left:1px;
        margin-top:-2px;
        border:none;
}

ul.newFbddHeader ul li .FBDDbtn {
	vertical-align: -2px;
	margin-right: 8px;
}

/** Again for menu items text of the menu items */
ul.newFbddHeader ul li a{
	font-size: 12px;
	text-decoration: none;
	color: #3251B1;
	display: block;
	padding: 13px 5px;
	margin: 0;
	height: 15px;
}

/** hovering over menu items **/
ul.newFbddHeader ul li a:hover {
	text-decoration: none;
        color:#000;
}

/** only for unclicked button **/
ul.newFbddHeader .head{
        background: #ffffff; /* Old browsers */
        background: -moz-linear-gradient(top, #ffffff 0%, #CCCCCC 100%); /* FF3.6+ */
        background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(100%,#CCCCCC)); /* Chrome,Safari4+ */
        background: -webkit-linear-gradient(top, #ffffff 0%,#CCCCCC 100%); /* Chrome10+,Safari5.1+ */
        background: -o-linear-gradient(top, #ffffff 0%,#CCCCCC 100%); /* Opera11.10+ */
        background: -ms-linear-gradient(top, #ffffff 0%,#CCCCCC 100%); /* IE10+ */
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#CCCCCC',GradientType=0 ); /* IE6-9 */
        background: linear-gradient(top, #ffffff 0%,#CCCCCC 100%); /* W3C */
        -webkit-border-radius: 4px;
        -moz-border-radius: 4px;
        border-radius: 4px;

	color: black;
	padding: 4px 10px 4px 15px;
	font-size: 14px;
	position: relative;
	cursor: pointer;
	height: 22px!important;		 /*This is used for changing the size of the drop down btn */
        margin-top: 7px!important; 
}

ul.newFbddHeader .head .line {
	position: absolute;
	width: 1px;
	height: 99%;
	right: 31px;
	top: 0;
        background:#B6B6B6;
        border-right: 1px solid #FFF;
}

/* For rendering the arrow on both the btns */
ul.newFbddHeader .head span.arrow {
	position: absolute;
	right: 0;
	bottom: 0;
        width: 23px;
	height: 16px;
	z-index: 1;
}

.FBDDbtn.arrow{
	background: url(../images/buttons.png) no-repeat 7px 6px;
}

/*DropDown Active */
ul.newFbddHeader .head.active, ul.newFbddHeader .head:hover{
        background: #626262; /* Old browsers */
        background: -moz-linear-gradient(top, #626262 0%, #090909 100%); /* FF3.6+ */
        background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#626262), color-stop(100%,#090909)); /* Chrome,Safari4+ */
        background: -webkit-linear-gradient(top, #626262 0%,#090909 100%); /* Chrome10+,Safari5.1+ */
        background: -o-linear-gradient(top, #626262 0%,#090909 100%); /* Opera11.10+ */
        background: -ms-linear-gradient(top, #626262 0%,#090909 100%); /* IE10+ */
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#626262', endColorstr='#090909',GradientType=0 ); /* IE6-9 */
        background: linear-gradient(top, #626262 0%,#090909 100%); /* W3C */
        -webkit-border-radius: 4px;
        -moz-border-radius: 4px;
        border-radius: 4px;

	color: white;
	padding: 4px 10px 4px 15px;  /* originally was 4 px */
	font-size: 14px;
	position: relative;
	cursor: pointer;
	height: 22px!important;		 /*This is used for changing the size of the drop down btn */
        margin-top: 7px!important; 
}

ul.newFbddHeader .head.active .line, ul.newFbddHeader .head:hover .line{
        background: #565656;
        background: -moz-linear-gradient(top, #565656 0%, #0e0e0e 100%);
        background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#565656), color-stop(100%,#0e0e0e));
        background: -webkit-linear-gradient(top, #565656 0%,#0e0e0e 100%);
        background: -o-linear-gradient(top, #565656 0%,#0e0e0e 100%);
        background: -ms-linear-gradient(top, #565656 0%,#0e0e0e 100%);
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#565656', endColorstr='#0e0e0e',GradientType=0 );
        background: linear-gradient(top, #565656 0%,#0e0e0e 100%);
        border-right: 1px solid #4f4f4f;
}

ul.newFbddHeader .head.active span.arrow, ul.newFbddHeader .head:hover span.arrow { 
	-moz-border-radius-topleft: 4px;
        -moz-border-radius-topright: 4px;
        -moz-border-radius-bottomright: 0;
        -moz-border-radius-bottomleft: 0;
        -webkit-border-radius: 4px 4px 0 0;
        border-radius: 4px 4px 0 0;
}

ul.newFbddHeader .active .FBDDbtn.arrow, .head:hover .FBDDbtn.arrow{
	background: #FFFFFF url(../images/buttons.png) no-repeat 7px 6px;
}


/*Buttons*/
span.FBDDbtn{
	display: inline-block;
	width: 16px;
	height: 16px;
	margin: 0 5px;
	background: url(../images/buttons.png) no-repeat;
}
.button span{
        margin-top:13px;
        vertical-align:middle;
        padding-bottom: 7px;
}