ul.tabs
        {
            margin: 0;
            padding: 0;
            float: left;
            list-style: none;
            height: 32px; /*--Set height of tabs--*/
            border-bottom: 1px solid #999;
            border-left: 1px solid #999;
            width: 100%;
			
        }
        ul.tabs li
        {
            float: left;
            margin: 0;
            padding: 0;
            height: 31px; /*--Subtract 1px from the height of the unordered list--*/
            line-height: 31px; /*--Vertically aligns the text within the tab--*/
            border: 1px solid #CCCCCC;
            border-left: none;
            margin-bottom: -1px; /*--Pull the list item down 1px--*/
            overflow: hidden;
            position: relative;
            background: #e0e0e0;
			
        }
        ul.tabs li a
        {
            text-decoration: none;
            color: #000;
            display: block;
           /* background-image:url(tb1.png); */
            padding: 0 10px;
            border: 1px solid white; /*--Gives the bevel look with a 1px white border inside the list item--*/
            outline: none;
        }
		

		
ul.tabs li a:hover
{
background: #ccc;
}

html ul.tabs li.active a{
color:#FFFFFF;
background-image:url(tb2.png);
border:1px solid #032F51;
}
		
html ul.tabs li.active {background: #fff; border-bottom: 1px solid #fff;}


        .tab_container
        {
		
            border: 1px solid #999;
            border-top: none;
            overflow: hidden;
            clear: both;
            float: left;
            width: 100%;
            background: #fff;
			
        }
        .tab_content
        {
border-top:4px solid #032F51;
            padding: 10px;
           
        }