@charset "utf-8";

/*-----tab framework css-----*/


/* ######### CSS for Indented CSS Tabs. Remove if not using ######### */


.indentmenu{
font: bold 13px Arial;
width: 100%; /*leave this value as is in most cases*/
}

.indentmenu ul{
margin: 0;
padding: 0;
float: left;
/* width: 80%; width of menu*/
border-top: 1px solid navy; /*navy border*/
background: black url(indentbg.gif) center center repeat-x;
}

.indentmenu ul li{
display: inline;
}

.indentmenu ul li a{
float: left;
color: white; /*text color*/
padding: 5px 11px;
text-decoration: none;
border-right: 1px solid navy; /*navy divider between menu items*/
}

.indentmenu ul li a:visited{
color: white;
}

.indentmenu ul li a.selected{
color: white !important;
padding-top: 6px; /*shift text down 1px*/
padding-bottom: 4px;
background: black url(indentbg2.gif) center center repeat-x;
}


.tabcontentstyle{ /*style of tab content oontainer*/
border: 1px solid gray;
width: 450px;
margin-bottom: 1em;
padding: 10px;
}

.tabcontent{
display:none;
}

@media print {
.tabcontent {
display:block !important;
}
}

.basictab ul{
	width: 168px;
	padding: 0;
	margin: 0;
	list-style: none;
	float: left;
    _postition: relative;
    text-align: left; /*set to left, center, or right to align the menu as desired*/
}

.basictab li{
	padding: 0;
	margin: 0;
    color: #fff;

}

.basictab li a{
    width: 168px;
    line-height: 27px;
    padding: 0px 0 0px 10px;
    border-bottom: 1px solid #fff;
    display: block;
    _display: inline-block;
    text-decoration:none;
    color: #fff;
}

.basictab ul li.rfid{
	background: #69058c;
}

.basictab ul li.ecasp{
	background: #69058c;
}

.basictab ul li.mobile{
	background: #69058c;
}

.basictab ul li.engineer{
	background: #69058c;
}

.basictab ul li.consult-en,
.basictab ul li.consult-tc,
.basictab ul li.consult-sc{
	background: #69058c;
}

.basictab ul li.consult-tc a,
.basictab ul li.consult-sc a{
	border-bottom: none;
}

.basictab ul li.consult-en a{
    padding: 2px 0 2px 10px;
    line-height: 15px;
    border-bottom: none;
}

.basictab li a:hover, .basictab li a.current, .basictab li a:active{
	color: #65168b;
	background: #fff;
    text-decoration: none;
}

.basictab ul li a.selected{
	color: #65168b;
	background: #fff;
    text-decoration: none;
}


.tabcontainer{
    width: 416px;
    float: right;
    _overflow: hidden;
    _position: absolute;
    _right: 0px;
    _top: 0px;
}

.tabcontent{
    display:none;
    overflow: hidden;
}

#tab_content{
	border: 1px solid #aaa;
	width: 587px;
_width: 586px;
	position: relative;
	float: left;
}



.tab-text-EN .tab-img,
.tab-text-TC .tab-img,
.tab-text-SC .tab-img{
	position: absolute;
	right: 0;
	top: 0;
}


.tab-text-EN{
    position: relative;	
    background: #fff;
    float:left;
    height: 136px;
    width: 406px;
    padding: 10px 0 0 10px;
}

.tab-text-TC,
.tab-text-SC{
    position: relative;	
    background: #fff;
    float:left;
    height: 129px;
    width: 406px;
    padding: 10px 0 0 10px;
}

.tab-text-EN p,
.tab-text-TC p,
.tab-text-SC p{
    width: 250px;
    _width: 230px;
    margin: 0 0 10px 0;
    _margin: 0 0 10px 20px;
}

.tab-text-EN a,
.tab-text-TC a,
.tab-text-SC a{
    margin: 0;
    _margin: 0 0 10px 20px;
}