/*
 โค้ดการเขียน css
*/
div.WorldphpTab {
	z-index: 0;
	margin:-5px;
	display:block;
	width: 100%;
	font-size:12px;
}
div.WorldphpTab ul {
    list-style-type: none;
    margin: 0;
    padding: 0;
	position:fixed;
	z-index:20;
	top: 53px;
	/*left:5px;*/
	background-color:#454d55;
	height:30px;
	width: 100%;
	margin-left:-24px;
	
}
.WorldphpTab ul:first-child>li {
	width: 100%; 
    display: inline-block;
    margin: 0;
    padding: 0px 2px;
    background-color: #454d55;
    width:auto;
	line-height:25px;
	text-align:left;
	border-right: 5px double #ffffff;
}
.WorldphpTab ul:first-child>li a{
    color: #d1d1cf; /*font none active color*/
    font-size: 12px;
    text-decoration: none;
	font-weight:bold;
	cursor:pointer;

}
.WorldphpTab ul:first-child>li a:hover ,
.WorldphpTab ul:first-child>li.active a {
    /*color:#ff2700;*/
	color:#ffffff;
	font-weight:bold;
	font-size:14px;

}

.WorldphpTab .disabled {
    color:#5e6369;
	font-weight:bold;
	font-size:12px;

}

.WorldphpTab ul:first-child>li.active{
	background: none repeat scroll 0 0 #FFFFFF;
    font-weight: bold;

   /* z-index: 1;*/
    margin: 0;
    padding: 2px 5px;
     background-image: -webkit-gradient(linear, left top, left bottom, from(#0000ff), to(#b3ecff));
    background-image: -webkit-linear-gradient(top, #0000ff, #b3ecff);
    background-image:    -moz-linear-gradient(top, #0000ff, #b3ecff);
    background-image:     -ms-linear-gradient(top, #0000ff, #b3ecff);
    background-image:      -o-linear-gradient(top, #0000ff, #b3ecff);
    background-image:         linear-gradient(top, #0000ff, #b3ecff);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#b3ecff',GradientType=0 );
    
    -webkit-box-shadow: 0px 1px 2px #454d55;
    -moz-box-shadow: 0px 1px 2px #454d55;
    box-shadow: 0px 1px 2px #CCCCCC;
	cursor:pointer;
	text-align:left;

	border-radius: 4px 4px 0 0;
    -webkit-border-radius: 4px 4px 0 0;
    -moz-border-radius: 4px 4px 0 0;

}
.WorldphpTab .WorldphpTabData {
    display: block;
    padding: 0;
    width: 100%;
   /* z-index: 0;*/
	top:30px;
	/*border-right: 2px solid #ffffff;*/
}
.WorldphpTabData>div {
	display: none;
    margin: 0;
    padding: 0; 
	top: 0px;
	/*border-right: 2px solid #ffffff;*/
}
.WorldphpTabData>div.active {
	display: block;
	position: relative;
	width: 100%;
	left: 0px;
	right: 0px;
	/*border-right: 2px solid #ffffff;*/
}