/*
 * @(#) rui_tab.css
 * build version : 2.2 $Revision: 19574 $
 *  
 * Copyright ⓒ LG CNS, Inc. All rights reserved.
 *
 * devon@lgcns.com
 * http://www.dev-on.com
 *
 * Do Not Erase This Comment!!! (이 주석문을 지우지 말것)
 *
 * rui2/license.txt를 반드시 읽어보고 사용하시기 바랍니다.
 *
 * 1. 사내 사용시 KAMS를 통해 요청하여 사용허가를 받으셔야 소프트웨어 라이센스 계약서에 동의하는 것으로 간주됩니다.
 * 2. DevOn RUI가 포함된 제품을 판매하실 경우에도 KAMS를 통해 요청하여 사용허가를 받으셔야 합니다.
 * 3. KAMS를 통해 사용허가를 받지 않은 경우 소프트웨어 라이센스 계약을 위반한 것으로 간주됩니다.
 * 4. 별도로 판매될 경우는 LGCNS의 소프트웨어 판매정책을 따릅니다. (KAMS에 문의 바랍니다.)
 *
 * (주의!) 원저자의 허락없이 재배포 할 수 없으며
 * LG CNS 외부로의 유출을 하여서는 안 된다.
 * 
 * 이 CSS 파일은 RichUI의 중요 파일중 하나로 지속적인 기능개선과 버그등의 수정에 따라 언제든 패치되고 있으므로
 * 이 파일을 이용하여 디자인을 변경할 경우 정상적인 디자인을 보장할 수 없습니다.
 * RichUI의 디자인을 변경하고자 할 경우 별도 제공되는 rui_skin.css 또는 별도의 CSS 파일을 추가하여 이용하세요.
 * 
 * RichUI 디자인 변경은 반드시 RichUI의 디자인 가이드에 따라야 하며, 디자인 가이드 문서 및 교육 절차가 있습니다.
 * 지금 RichUI 담당자에게 문의 하세요. 
 */
/* LTabView
------------------------------*/

.L-navset.L-disabled .L-masked-message {
	display:none;
}
.L-navset .L-nav li,
.L-navset .L-navset-top .L-nav li,
.L-navset .L-navset-bottom .L-nav li {
    margin:0 0.5em 0 0;  
}
.L-navset .L-navset-left .L-nav li,
.L-navset .L-navset-right .L-nav li {
    margin:0 0 0.5em;  
}
.L-navset .L-content .L-nav-hidden {
    position:absolute;
    left:-999999px;
    visibility:hidden;
    display:none; 
}
.L-navset .L-nav .disabled {
	background-color: #BCBDC0;
}


.L-navset .L-navset-left{ 
    padding:0 0 0 6em; 
}  
.L-navset .L-navset-right { 
    padding:0 6em 0 0; 
}  
.L-navset .L-navset-left .L-nav,
.L-navset .L-navset-right .L-nav { 
	width:6em;
}
.L-navset .L-navset-top,
.L-navset .L-navset-bottom {
    padding:auto;
}
.L-navset .L-navset-top .L-nav,
.L-navset .L-navset-bottom .L-nav {
    width:auto;
}


.L-navset .L-nav, 
.L-navset .L-nav li {
    margin:0;
    padding:0;
    list-style:none;
    white-space:nowrap;
}
.L-navset li em { 
	font-style:normal; 
}
.L-navset {
    position:relative;
    zoom:1;
    overflow:auto;
}
.L-navset .L-content{
    overflow:auto;
}

.L-navset .L-nav {
	display: inline-block;
	position: relative;
}
.L-nav-scroll {
    position: relative;
    overflow: hidden;
}
.L-nav-spin-left.enable {
    position: absolute;
	display: inline-block;
    width: 20px;
    height: 100%;
    left: 0px;
    background: transparent url(./../../resources/images/tab/left.png) no-repeat left;
    cursor: pointer;
}
.L-nav-spin.enable {
	position: relative;
    overflow: hidden;
    margin: 0 20px;
}
.L-nav-spin-right.enable {
    position: absolute;
    display: inline-block;
    width: 20px;
    height: 100%;
    right: 0px;
    top: 0px;
    background: transparent url(./../../resources/images/tab/right.png) no-repeat right;
    cursor: pointer;
}





.L-navset .L-content,
.L-navset .L-content div {
    zoom:1;
}

.L-navset .L-content:after {
    content:'';
    display:block;
    clear:both;
}
.L-navset .L-nav li,
.L-navset .L-navset-top .L-nav li,  
.L-navset .L-navset-bottom .L-nav li {
    display:inline-block;
    display:-moz-inline-stack;
    *display:inline;  
    vertical-align:bottom;  
    cursor:pointer;  
    zoom:1;  
}
.L-navset .L-navset-left .L-nav li, 
.L-navset .L-navset-right .L-nav li {
    display:block;
}
.L-navset .L-nav a {
    outline:0;  
    position:relative; 
 }  
.L-navset .L-nav li a,
.L-navset .L-navset-top .L-nav li a,
.L-navset .L-navset-bottom .L-nav li a {
    display:block;
    display:inline-block;
    vertical-align:bottom;  
    zoom:1;
}
.L-navset .L-navset-left .L-nav li a, 
.L-navset .L-navset-right .L-nav li a {
    display:block;
}
.L-navset-bottom .L-nav li a {
    vertical-align:text-top;  
}
.L-navset .L-nav li a em,
.L-navset .L-navset-top .L-nav li a em,
.L-navset .L-navset-bottom .L-nav li a em { 
    display:block; 
}

.L-navset .L-navset-left .L-nav,
.L-navset .L-navset-right .L-nav {
   position:absolute;
   z-index:1; 
}
.L-navset .L-navset-top .L-nav,
.L-navset .L-navset-bottom .L-nav {
    position:static;
}
.L-navset .L-navset-left .L-nav { 
    left:0; 
    right:auto; 
}
.L-navset .L-navset-right .L-nav { 
	right:0;
    left:auto;
}



.L-navset .L-nav li a, 
.L-navset .L-content {
    border:1px solid #000;   
    border-top-color: #000000;
}
.L-navset .L-nav .selected a, 
.L-navset .L-nav a:hover, 
.L-navset .L-content {
     /* active tab, tab hover, and content bgcolor */
}
.L-navset .L-nav li em { 
	padding:.5em; 
}  


.L-navset .L-nav .selected a {
    border-bottom-width:0;  
    padding-bottom:1px;  
}
.L-navset .L-content {
    margin-top:-1px;  
}


.L-navset-bottom .L-nav .selected a {
    border-width:0 1px 1px;  
    padding:1px 0 0;  
}
.L-navset-bottom .L-content {
    margin:0 0 -1px;  
}
.L-navset-left .L-nav li.selected a {
    border-width:1px 0 1px 1px;  
    padding:0 1px 0 0;  
}
.L-navset-left .L-content {
    margin:0 0 0 -1px;  
}
.L-navset-right .L-nav li.selected a {
    border-width:1px 1px 1px 0;  
    padding:0 0 0 1px;  
}
.L-navset-right .L-content {
    margin:0 -1px 0 0;  
}