/* Tab Content - menucool.com */

ul.tabs
{
    padding: 7px 0;
    font-size: 0;
    margin:0;
    list-style-type: none;
    text-align: left; /*set to left, center, or right to align the tabs as desired*/
}
        
ul.tabs li
{
    display: inline;
    margin: 0;
    margin-right:3px; /*distance between tabs*/
} 
        
ul.tabs li a
{
/*    font: normal 11px Verdana; */
    text-decoration: none;
    position: relative;
    padding: 7px 16px;
/*    border: 1px solid #CCC; */  /*탭 라인컬러설정 */ 
/*    border-bottom-color:#B7B7B7; */  
    color: #000;
/*    background: #F0F0F0 url(tabbg.gif) 0 0 repeat-x;  */ /*탭 비선택영역 컬러지정 */
    background: #FFFFFF; 
    border-radius: 3px 3px 0 0;
    outline:none;
}
        
ul.tabs li a:visited
{
    color: #000;
}
    
ul.tabs li span {
    color: #BABDCC; /* 비선택제목 컬러지정 */
}

ul.tabs li a:hover span {
  color:#8ad0ef;
  }
		
ul.tabs li.selected span
{
	color:#25A4DA;     /* 선택된 제목 컬러 */
    text-decoration: none;
}

ul.tabs li a:hover
{
    border: 1px solid white; 
    background:white;  /* 마우스 오버시 탭에 컬러*/
    border-bottom-color: #8ad0ef;

/*    border: 1px solid #B7B7B7;  */
/*    background:#F0F0F0 url(tabbg.gif) 0 -36px repeat-x; 마우스 오버시 탭에 박스라인
    border-bottom-color: white; */
}
        
ul.tabs li.selected a, ul.tabs li.selected a:hover
{
	border: 1px solid white; /* 밑줄 두께 */
	position: relative; 
	color:#8ad0ef;  /* 글자색이 변경안됨??????????? */
    top: 0px;
	font-weight:bold;
    border-bottom-color: #8ad0ef;  /* 밑줄 컬러 */

/*
	position: relative; 
    color:#535353;
    background: white; 
    border: 1px solid #B7B7B7; 
    border: 1px solid #FFFFFF;  탭 테투리 컬러
    border-bottom-color: white;*/
}
        
        
ul.tabs li.selected a:hover
{
	color:#8ad0ef;  /* 글자색이 변경안됨??????????? */
    text-decoration: none;
}
     
div.tabcontents
{
	/*  border: 1px solid #B7B7B7; padding: 30px 0 0 1px; */ 
    border: 1px solid #FFFFFF; padding: 20px 0 0 1px; /*테두리:#B7B7B7->#FFFFFF, 왼쪽띄우기:30px->20px */
    background-color:#FFF;
    border-radius: 0 3px 3px 3px;
}