.pref_all {
    padding: 2px;
    MARGIN: 1px 0px 10px 0px; 
    WIDTH: 70%; 
    BACKGROUND-COLOR: white;

}
.pref_tabs {
    border-style: none;
    border-color: inherit;
    border-width: medium;
    padding: 0px;
    FONT-SIZE: small; 
    MARGIN:0px 0px -10px 0px; /*-10px baris antara tab atas dgn garis bawah*/
    WIDTH: 70%;
}
A {
    COLOR: #3333ff;
   
    font-size:10pt; 
    TEXT-DECORATION: none;
}

.tabHeaderSelected
{
    padding:2px;
 border: 1px solid black;
 border-bottom: 1px solid #cbc9c9;
 background: #e5e5e5;
 FONT-WEIGHT: bold;
 text-decoration: none;
 TEXT-ALIGN: center;
 text-transform:capitalize;
 font-size:medium;
 cursor: pointer;
 	-webkit-user-select: none;
	-moz-user-select: none;
	-user-select: none;
	-moz-border-radius-topleft: 10px;
	-moz-border-radius-topright: 10px;
	-moz-border-radius-bottomright: 0px;
	-moz-border-radius-bottomleft: 0px;
	-border-top-left-radius:4px;
	-border-top-right-radius: 4px;
	-border-bottom-right-radius: 4px;
	-border-bottom-left-radius: 4px; 
}
.tabHeader
{
    padding:2px;
 /*border: 1px solid #778;*/
 border-left:1px solid #778;
 border-right:1px solid #778;
 /*border-top:1px solid #778;*/
 background: #cbc9c9;
 border-bottom: 1px solid black;
 TEXT-ALIGN: center;
 cursor: pointer;
 	-webkit-user-select: none;
	-moz-user-select: none;
	-user-select: none;
	-moz-border-radius-topleft: 4px;
	-moz-border-radius-topright: 4px;
	-moz-border-radius-bottomright: 0px;
	-moz-border-radius-bottomleft: 0px;
	-border-top-left-radius:4px;
	-border-top-right-radius: 4px;
	-border-bottom-right-radius: 4px;
	-border-bottom-left-radius: 4px; 
}
.tabberlive
 {
 padding:5px;
 border-bottom: 1px solid #cce5ed;
 border:1px solid black;
 border-top:0;
 background: #e5e5e5;
 TEXT-ALIGN: left;
 	-webkit-user-select: none;
	-moz-user-select: none;
	-user-select: none;
	-moz-border-radius-topleft: 4px;
	-moz-border-radius-topright: 4px;
	-moz-border-radius-bottomright: 0px;
	-moz-border-radius-bottomleft: 0px;
	-border-top-left-radius:4px;
	-border-top-right-radius: 4px;
	-border-bottom-right-radius: 4px;
	-border-bottom-left-radius: 4px; 
 }

.tabspace1
{
    width:0px;
    /*margin-left:0px;*/
  
}
.tabspaceEnd
{
  padding:0px 0px 0px 100px;

   
   
}
  
        .Tabstyle1
        {
            border-left: 1px solid black;
            border-right: 1px solid black;
            padding: 5px;
            border-bottom: 1px solid black;
            background: #e5e5e5;
            TEXT-ALIGN: left;
            -webkit-user-select: none;
            -moz-user-select: none;
            -user-select: none;
            -moz-border-radius-topleft: 4px;
            -moz-border-radius-topright: 4px;
            -moz-border-radius-bottomright: 0px;
            -moz-border-radius-bottomleft: 0px;
            -border-top-left-radius: 4px;
            -border-top-right-radius: 4px;
            -border-bottom-right-radius: 4px;
            -border-bottom-left-radius: 4px;
            width: 25%;
            border-top-style: none;
            border-top-color: inherit;
            border-top-width: 0;
        }
        #tabContainer {
	width:650px;
	padding:10px;
	background-color:#2e2e2e;
	-moz-border-radius: 4px;
	border-radius: 4px; 
}

        #tabs{
	height:10px;
	overflow:hidden;
}

#tabs > ul{
	font: 0.8em;
	list-style:none;
}
        .tabs > ul > li{
	margin:0 2px 0 0;
	padding:7px 10px;
	display:block;
	float:left;
	color:#FFF;
	-webkit-user-select: none;
	-moz-user-select: none;
	user-select: none;
	-moz-border-radius-topleft: 4px;
	-moz-border-radius-topright: 4px;
	-moz-border-radius-bottomright: 0px;
	-moz-border-radius-bottomleft: 0px;
	border-top-left-radius:4px;
	border-top-right-radius: 4px;
	border-bottom-right-radius: 0px;
	border-bottom-left-radius: 0px; 
	background: #C9C9C9; /* old browsers */
	background: -moz-linear-gradient(top, #C3F 0%, #257AB6 100%); /* firefox */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#0C91EC), color-stop(100%,#257AB6)); /* webkit */
}
  
        #tabs > ul > li:hover{
	background: #FFFFFF; /* old browsers */
	background: -moz-linear-gradient(top, #FFFFFF 0%, #F3F3F3 10%, #F3F3F3 50%, #FFFFFF 100%); /* firefox */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#FFFFFF), color-stop(10%,#F3F3F3), color-stop(50%,#F3F3F3), color-stop(100%,#FFFFFF)); /* webkit */
	cursor:pointer;
	color: #333;
}

#tabs > ul > li.tabActiveHeader
{
    background: #FFFFFF; /* old browsers */
    background: -moz-linear-gradient(top, #FFFFFF 0%, #F3F3F3 10%, #F3F3F3 50%, #FFFFFF 100%); /* firefox */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#FFFFFF), color-stop(10%,#F3F3F3), color-stop(50%,#F3F3F3), color-stop(100%,#FFFFFF)); /* webkit */
    cursor: pointer;
    color: #333;
}