﻿.CSSTabDiv{
-moz-box-sizing:border-box;
box-sizing:border-box;
margin:0;
padding:0;
width:100%;
background: transparent;
voice-family: "\"}\"";
voice-family: inherit;

}
.shadetabs
{
font-family:Tahoma, Sans-Serif;
font-size:12px;
font-weight:bold;
padding: 0;
margin:0;
list-style-type: none;
text-align: left; /*set to left, center, or right to align the menu as desired*/
}
.shadetabs ul{
margin:0;
padding:0;
list-style:none;
}

.shadetabs li{
display:inline;
margin:0;
padding:0;

}

.shadetabs a{
float:left;
background:url(images/violet1-tab-left.gif) no-repeat left top !important;
text-decoration:none;
border:0 !important;
padding:0 0 0 10px !important ;
margin:0 !important;
height:25px;
}

.shadetabs a span{
float:left;
display:block;
color: #fff;
background:url(images/violet1-tab-right.gif) no-repeat right top !important;
cursor:pointer;
border:0 !important;
padding:0 8px 0 0;
margin:0 1px 0 0;
height:25px;
line-height:25px;
}


.shadetabs li.selected a, .shadetabs a:active, .shadetabs a:hover{ 
background:url(images/violet1-tab-left-active.gif) no-repeat left top !important;
color: #570378 !important;
}
.shadetabs li.selected a span,.shadetabs a:active span, .shadetabs a:hover span{ 
background:url(images/violet1-tab-right-active.gif) no-repeat right top !important;
color: #570378 !important;
}

.tabcontentstyle{ /*style of tab content oontainer*/
-moz-box-sizing:border-box;
box-sizing:border-box;
float:left;
margin:0;
border:1px #ca06fb solid !important;
width:100%;
width /*\**/:95%\9;/* กำหนดความกว้างของ box แสดงผลเฉพาะ IE8 */
padding:6px ;
height:100%;
overflow:auto;
background:#fff url(images/tab-bg.gif) repeat-x top left !important;
}

.tabcontent{
display:none;
}

@media print {
.tabcontent {
display:block!important;
}
}


