#tabbed_box {  
    margin: 0px auto 0px auto;  
    width:300px; 
	
}  
 
.tabbed_area {  
    border:1px solid #494e52;  
    background-color:#636d76;  
    padding:8px;      
}  

.tabbed_area2 { /* Add another width setting  */   
    border:1px solid #494e52;  
    background-color:#636d76;  
    padding:8px; 
	width:650px; /*control width of the tabs 740px is the original width saiz */    
}

ul.tabs {  
    margin:0px; padding:0px;  
}  
ul.tabs li {  
    list-style:none;  
    display:inline;  
}  


ul.tabs li a {  
    background-color:#464c54;  
    color:#ffebb5;  
    padding:8px 14px 8px 14px;  
    text-decoration:none;  
    font-size:9px;  
    font-family:Verdana, Arial, Helvetica, sans-serif;  
    font-weight:bold;  
    text-transform:uppercase;  
    border:1px solid #464c54;   
	
}  

ul.tabs li a.active {  
    background-color:#ffffff;  
    color:#282e32;  
    border:1px solid #464c54;   
    border-bottom: 1px solid #ffffff;  
}  

.content {  
    background-color:#ffffff;  
    padding:10px;  
    border:1px solid #464c54;  
	height:80px;  
}  


.content2 {  
    background-color:#ffffff;  
    padding:10px;  
    border:1px solid #464c54;  
	height:150px;  
} 

.content3 {  
    background-color:#ffffff;  
    padding:10px;  
    border:1px solid #464c54;  
	height:250px;  
} 

.content4 {  
    background-color:#ffffff;  
    padding:10px;  
    border:1px solid #464c54;  
	height:300px;  
} 

.content5 {  
    background-color:#ffffff;  
    padding:10px;  
    border:1px solid #464c54;  
	height:180px;  
}


ul.tabs {  
    margin:0px; padding:0px;  
    margin-top:5px;  
    margin-bottom:6px;  
}  

ul.tabs li a {  
    background-image:url(../images/tab_off.jpg);  
    background-repeat:repeat-x;    
    background-position:bottombottom;  
}  
ul.tabs li a.active {  
    background-image:url(../images/tab_on.jpg);  
    background-repeat:repeat-x;  
    background-position:top;   
}  
