#tabs{   
	padding-left:0px;	/* The right most tab will be padded 0px from its right */
	margin-left:auto;margin-right;auto;
	width:870px;
	/* float:right;*/	/* For right aligned tabs */
	}

#tabs li.tab{
	background:url(/mod/newdashboard/views/navigation/images/Green_Tab.png) top left no-repeat;	/* Background image is positioned top, left */
	color:#000000;/*FFF;*/
	padding-left:0px;	/* Change this padding according to the size of image slices used to create tab */
         margin-left:-5px; /* spacing between tabs */
	text-decoration:none;
         height:35px;
         width:165px;
         border-width:0px;
         padding-top:6px;
}
#tabs li.tab a.tabanchor {
color:#000000; /*#004712;*/
}

#tabs li.tab:hover a.tabanchor {
color:#000;
}

#tabs li.tab a.tabanchor:hover {
color:#000;
}

#tabs li.tab:hover{
	background:transparent url(/mod/newdashboard/views/navigation/images/Tab_2_2.png) no-repeat;
	color:#000;
 	text-decoration:none;
 
}
 
/*#tabs li.tab div.tabright{
	background:url(/mod/newdashboard/views/navigation/images/Green_Tab_End_.png) top right no-repeat;	/* Note the position of background image */
	color:#004712;
       /*  font-size:15px; */
	padding-right:17px; /* clip the left tab */
        padding-top:10px; /* top padding for text in tab */
        height:35px;
        margin-left,margin-right:auto;
         position:relative; 
         left:17px;
         top:-6px;
         border-width:0px;
 
} */
#tabs li.tab:hover .tabright{
	background:transparent url(/mod/newdashboard/views/navigation/images/Tab_End_2_2.png) top right no-repeat;
	color:#000;

}

#tabs  li.tab .tabright .dropdown {
   font-size:12px;
    background-image:url(/mod/newdashboard/views/navigation/images/Spectrum_Tab_Long.png); 
   background-repeat: no-repeat;
   position: absolute; 
   top:29px;  left:0px;   width:228px;
   display:none;
 }

#tabs li.tab:hover .tabright .dropdown { 
     padding-left:10px;
    display:block;
}

 #tabs .dropdown_base {
background:transparent url(/mod/newdashboard/views/navigation/images/Spectrum_Tab_Rllvr_Btm.png) bottom left no-repeat;
   position: absolute; 
        left:5px;   margin-top:0px;padding-bottom:1px; width:228px; height:15px; overflow:hidden;
}


 
#tabs li.tab ul.menulist li {display:list-item; width:225px; overflow:hidden;}



#tabs li{    
	float:left;
         margin-right:7px; /* margin between tabs */
         list-style-type:none; 
}
 
#tabs b{	/* This class will be applied on selected tab */
	background:transparent url(/mod/newdashboard/views/navigation/images/selected_left_tab.gif) top left no-repeat;
	color:#000000;/*color:#FFF;*/
	padding-left:5px;	
	font-weight:normal;
}
#tabs b span{
	background:transparent url(/mod/newdashboard/views/navigation/images/selected_right_tab.gif) top right no-repeat;
	color:#000;
	padding-right:15px;	
}
#tabs span{
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	padding:6px;
	cursor:pointer;
}
#tabs a,#tabs a span,#tabs b,#tabs b span{
	display:block;		/* Set display to block, otherwise background images will not work*/
	float:left;
}

#tabs li.dropmenu_item{ text-decoration:none;color:#000; width:155px;padding-left:10px;}
li:hover.dropmenu_item{
  color:#000000;/*color:#fff;*/
  background:url(/mod/newdashboard/views/navigation/images/Spectrum_SubTab_Green.png) center left  no-repeat;
  overflow:hidden;
  }

#tabs .dropdown a{
color:#000;
text-decoration:none;
width:148px; padding-left:10px;margin-left:-10px;margin-bottom:1px;
  }
#tabs .dropmenu_item a:hover{
  text-decoration:none; 
  color:#000000; /*color:#fff;*/
  
  }

#tabs li.dropmenu_item_with_popup{ text-decoration:none;color:#000; width:170px;padding-left:10px;}
#tabs li:hover.dropmenu_item_with_popup{
  color:#000000; /*color:#fff;*/
  background:url(/mod/newdashboard/views/navigation/images/Spectrum_SubTab_Green_2.png) center left  no-repeat;
  overflow:hidden;
  
}





#tabs li.dropmenu_item_with_popup .popup {
    background-image:url(/mod/newdashboard/views/navigation/images/Spectrum_Flyout_Main_2.png);
    background-repeat:no-repeat;
    padding-left:25px;
    padding-top:15px; 
    margin-top:-30px; 
   position: absolute; 
       left:156px;
    width:190px;
     color:#000;
display:none;
}
#tabs li:hover.dropmenu_item_with_popup .popup {

     display:block; 
}

#tabs .popup ul {
width:170px;
}

#tabs .popup a,.popup li {
width:170px;
}
#tabs .popup a:hover, .popup li:hover {
text-decoration:none;
color:#000000; /*color:#98C72A;*/
}

#tabs li:hover.dropmenu_item_with_popup .popup_base {
    background:url(/mod/newdashboard/views/navigation/images/Spectrum_Flyout_Bttm_2.png) bottom left no-repeat;
    height:15px; 
    width:190px;
    position:absolute;
    left:0px;
    bottom:-30px;
z-index:5;
	}
	
#tabs li:hover.dropmenu_item_with_popup .popup ul.popuplist {
list-style-type:none;
margin-top:15px;
margin-left:30px;
margin-bottom:0px;
width:170px;
z-index:1000;
}

#tabs li.dropmenu_item_with_popup ul.popuplist li{
display:none;
width:170px;
}

#tabs li:hover.dropmenu_item_with_popup ul.popuplist li{
width:170px;
}

#tabs .sub_popup{
    background-image:url(/mod/newdashboard/views/navigation/images/Spectrum_Flyout_Main_2.png);
    background-repeat:no-repeat;
    padding-left:25px;
    padding-top:15px; 
    margin-top:-30px; 
   position: absolute; 
       left:110px;
    width:190px;
     color:#000;
display:none;
z-index:10;

}
#tabs li:hover>.sub_popup{
display:block;

}
 
/********* redeclare ***/     
     
        #tabs {
            width:675px;
 	   padding:0px;	/* The right most tab will be padded 20px from its right */
             margin:0px;
             height:1px;
             position:relative;
               top:18px;
               left:70px;
          }
#tabs li.tab{
	background:url(../images/Green_Tab.png) top left no-repeat;	/* Background image is positioned top, left */
	color:#000000;/*color:#004712;*/
	padding-left:0px;	/* Change this padding according to the size of image slices used to create tab */
         margin-left:7px; /* spacing between tabs */
         height:35px;
         border-width:0px;
 
         font-weight:bold;

         margin-bottom:0px;
         z-index:8000;
}
#tabs li.tab a.tabanchor {
position:relative; top:3px;
color:#000000;/*color:#004712;*/
}

#tabs li.tab:hover a.tabanchor {
color:#000;
}

#tabs li.tab a.tabanchor:hover {
color:#000;
}

#tabs li.tab:hover{
	background:transparent url(../images/White_Tab.png) no-repeat;
	color:#000;
 	text-decoration:none;
          z-index:7000;
}
 
#tabs li.tab div.tabright{
	background:url(../images/Green_Tab_End_.png) top right no-repeat;	/* Note the position of background image */
	color:#000000; /*color:#004712;*/
         font-size:15px; 
	padding-right:0px; /* clip the left tab */
         padding-top:10px; /* top padding for text in tab */
         height:35px;
         position:relative;
         left:0px;
         top:-6px;
         border-width:0px;
         z-index:000;
         text-align: center;
}
#tabs li.tab:hover .tabright{
	background:transparent url(../images/Tab_End_2_2_.png) top right no-repeat;
	color:#000;
          z-index:7000;
}

 #tabs li.tab .tabright .dropdown {
   font-size:12px;
   font-weight:normal;
    background-image:url(../images/Spectrum_Tab_Long.png); 
    text-align:left;
   background-repeat: no-repeat;
   position: absolute; 
   top:28px;  left:-6px;   width:228px;
   display:none;
   z-index:7000;
 }

#tabs li.tab:hover .tabright .dropdown { 
     padding-left:10px;
     display:block;
}



#tabs li.tab ul.menulist {

margin-top:20px;
margin-left:-10px;
padding-bottom:2px;
position:relative;

z-index:7000;
}
 
#tabs li.tab ul.menulist^li {display:list-item; width:225px;margin-top:2px; overflow:hidden;}



#tabs li{    
	float:left;
         margin-right:0px; /* margin between tabs */
         list-style-type:none; 
}
 
#tabs b{	/* This class will be applied on selected tab */
	background:transparent url(../images/selected_left_tab.gif) top left no-repeat;
	color:#000000; /*color:#FFF;*/
	padding-left:5px;	
	font-weight:normal;
          z-index:8000;
}
#tabs b span{
	background:transparent url(../images/selected_right_tab.gif) top right no-repeat;
	color:#000;
	padding-right:15px;	
}
#tabs span{
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	padding:6px;
	cursor:pointer;
}
#tabs a,#tabs a span,#tabs b,#tabs b span{
	display:block;		/* Set display to block, otherwise background images will not work*/
	float:left;
}

#tabs li.dropmenu_item{ 
   text-decoration:none;color:#000; width:155px;padding-left:10px;  overflow:hidden;
   }
   
#tabs li:hover.dropmenu_item{
  color:#000000; /*color:#fff;*/
  background:url(../images/Spectrum_SubTab_Green.png) center left  no-repeat;
  font-weight:bold;
  font-size:8pt;
    overflow:hidden;
  z-index:8000;
}

#tabs .dropdown a{
color:#000;
text-decoration:none;
width:155px; padding-left:10px;margin-left:-10px;
  }
#tabs .dropmenu_item a:hover{
  text-decoration:none; 
  color:#000000; /*color:#fff;*/
  
  }

#tabs li.dropmenu_item_with_popup{ text-decoration:none;color:#000; width:170px;padding-left:10px;}
#tabs li:hover.dropmenu_item_with_popup{
  color:#000000; /*color:#fff;*/
    font-weight:bold;
  font-size:8pt;

  background:url(../images/Spectrum_SubTab_Green_2.png) center left  no-repeat;
  overflow:hidden;
   z-index:8000;
}





#tabs li.dropmenu_item_with_popup .popup {
    background-image:url(../images/Spectrum_Flyout_Main_2.png);
    background-repeat:no-repeat;
    padding-left:25px;
    padding-top:15px; 
    margin-top:-30px; 
   position: absolute; 
       top;-20px;
       left:156px;
    width:190px;
     color:#000;
display:none;
          z-index:8000;
}
#tabs li:hover.dropmenu_item_with_popup .popup {

     display:block; 
}

#tabs .popup ul {
width:170px;
margin-bottom:-20px;
}

#tabs .popup a,.popup li {
width:170px;
font-weight:normal;
}
#tabs .popup a:hover, .popup li:hover {
text-decoration:none;
color:#000000; /*color:#98C72A;*/
font-weight:bold;
}

#tabs li:hover.dropmenu_item_with_popup .popup_base {
    background:url(../images/Spectrum_Flyout_Bttm_2.png) bottom left no-repeat;
    height:15px; 
    width:190px;
    position:absolute;
    left:0px;
    bottom:-15px;
    z-index:5;
	}
	
#tabs li:hover.dropmenu_item_with_popup .popup ul.popuplist {
font-weight:bold;
list-style-type:none;
margin-top:15px;
margin-left:30px;
margin-bottom:30px;
width:170px;
          z-index:8000;
}

#tabs li.dropmenu_item_with_popup ul.popuplist li{
display:none;
width:170px;
}

#tabs li:hover.dropmenu_item_with_popup ul.popuplist li{
width:170px;
}

#tabs .sub_popup{
   position: absolute; 
       left:150px;
}

#tabs li:hover>.sub_popup{
display:block;
font-weight:normal;

}


/***********  some patches **********/
