/*
	 Organic Tabs
	 by Chris Coyier
	 http://css-tricks.com
*/
/*#page-wrapOT { width: 440px; margin: 20px auto; } */
#page-wrapOT {
	width: 635px;
	margin: 15px 0 0 0;
	padding: 0 0 0 5px;
}

/* Generic Utility */
.hide { position: absolute; top: -9999px; left: -9999px; }


/* Specific to tabBox */

#tabBox { background: #fdf5f7; padding: 10px; margin: 0 0 15px 0; -moz-box-shadow: 0 0 5px #666; -webkit-box-shadow: 0 0 5px #666; }

/* Specific to navigation(tab) */
#tabBox .nav { overflow: hidden; margin: 0 0 10px 0; }
/* #tabBox .nav li { width: 97px; float: left; margin: 0 10px 0 0; } */
#tabBox .nav li {
	width: 121px;
	float: left;
	padding: 0 2px 2px 0;
}
#tabBox .nav li.last { margin-right: 0; }
/*
#tabBox .nav li a { display: block; padding: 5px; background: #959290; color: white; font-size: 10px; text-align: center; border: 0; }
#tabBox .nav li a:hover { background-color: #111; }
#tabBox ul { list-style: none; }
#tabBox ul li a { display: block; border-bottom: 1px solid #666; padding: 4px; color: #666; }
#tabBox ul li a:hover { background: #fe4902; color: white; }
#tabBox ul li:last-child a { border: none; }
 */
#tabBox .nav li a {
	display: block;
	padding: 6px 5px 5px 5px;
	background:url(../../pc/images/tab.jpg) 0 0 no-repeat;
	color: #333;
	font-size: 10px;
	text-align: center;
	border: 0;
}
#tabBox .nav li a:hover {
	color: #333;
	background:url(../../pc/images/tab_hover.jpg) 0 0 no-repeat;
}

/* Specific to list-wrap(overflow) */
#tabBox .list-wrap ul {
	width: 615px;
	height: 250px;
	overflow:auto;
	/* IE7 bug */
	/* in the case of parent(set "overflow:auto") has child(set "position:relative(#tabBox ul li)"), the "overflow:auto" does NOT WORK */
	/* solution: add "position:relative" in the parent TOO */
	position:relative;
}
/* Specific to context */
#tabBox ul {
	list-style: none;
}
#tabBox ul li {
	border-bottom: 1px solid #666;
	padding: 4px; color: #666;
	color: #333;
	position:relative;	/* for newicon */
}
#tabBox ul li a {
	display: block;
	color: #ff1a00;
}
#tabBox ul li a:hover {
	background: #ff1a00;
	color: white;
}

/*
#tabBox ul li.nav-one a.current, #tabBox ul.featured li a:hover { background-color: #0575f4; color: white; }
#tabBox ul li.nav-two a.current, #tabBox ul.core li a:hover { background-color: #d30000; color: white; }
#tabBox ul li.nav-three a.current, #tabBox ul.jquerytuts li a:hover { background-color: #8d01b0; color: white; }
#tabBox ul li.nav-four a.current, #tabBox ul.classics li a:hover { background-color: #FE4902; color: white; }
*/

#tabBox ul li.nav-all a.current,
#tabBox ul.news-all li a:hover {
	background:url(../../pc/images/tab_on.jpg) 0 0 no-repeat;
}
#tabBox ul li.nav-0 a.current,
#tabBox ul.news-0 li a:hover {
	background:url(../../pc/images/tab_on.jpg) 0 0 no-repeat;
}
#tabBox ul li.nav-1 a.current,
#tabBox ul.news-1 li a:hover {
	background:url(../../pc/images/tab_on.jpg) 0 0 no-repeat;
}
#tabBox ul li.nav-2 a.current,
#tabBox ul.news-2 li a:hover {
	background:url(../../pc/images/tab_on.jpg) 0 0 no-repeat;
}
#tabBox ul li.nav-3 a.current,
#tabBox ul.news-3 li a:hover {
	background:url(../../pc/images/tab_on.jpg) 0 0 no-repeat;
}
#tabBox ul li.nav-4 a.current,
#tabBox ul.news-4 li a:hover {
	background:url(../../pc/images/tab_on.jpg) 0 0 no-repeat;
}
#tabBox ul li.nav-5 a.current,
#tabBox ul.news-5 li a:hover {
	background:url(../../pc/images/tab_on.jpg) 0 0 no-repeat;
}
#tabBox ul li.nav-6 a.current,
#tabBox ul.news-6 li a:hover {
	background:url(../../pc/images/tab_on.jpg) 0 0 no-repeat;
}
#tabBox ul li.nav-7 a.current,
#tabBox ul.news-7 li a:hover {
	background:url(../../pc/images/tab_on.jpg) 0 0 no-repeat;
}
#tabBox ul li.nav-8 a.current,
#tabBox ul.news-8 li a:hover {
	background:url(../../pc/images/tab_on.jpg) 0 0 no-repeat;
}
/*----------------------------------------------------------------------------
posL/R
 don't forget to set "position:relative" on parent
----------------------------------------------------------------------------*/
.posL, .posR {
	position: absolute;
}
.posL {
	left: 5px;
}
.posR {
	right: 5px;
}