/*------------------------------------------------------------------------
# JA Teline - April, 2007
# ------------------------------------------------------------------------
# Copyright (C) 2004-2007 J.O.O.M Solutions Co., Ltd. All Rights Reserved.
# @license - Copyrighted Commercial Software
# Author: J.O.O.M Solutions Co., Ltd
# Websites:  http://www.joomlart.com -  http://www.joomlancers.com
-------------------------------------------------------------------------*/

div#ja-tabswrap {
	margin: 0;
	padding: 0;
	overflow: hidden;
	line-height: normal; 
	background: url(../images/tab-border-fix.gif) repeat-y right #FFFFFF; /* 100%/3 fixed :) */
}

ul.ja-tab-top, ul.ja-tab-bottom {
	margin: 0;
	padding: 0;
}

ul.ja-tab-top li.ja-tab-li, ul.ja-tab-bottom li.ja-tab-li {
	margin: 0;
	padding: 0;
	float: left;
}

ul.ja-tab-top li.ja-tab-li span, ul.ja-tab-bottom li.ja-tab-li span {
	background: #DDDDDD;
	display: block;
	padding: 2px 0;
	text-align: center;
	font-weight: bold;
	cursor: pointer;
	border: 1px solid #CCCCCC;
	border-right: none;
}

html>body ul.ja-tab-top li.ja-tab-li span, html>body ul.ja-tab-bottom li.ja-tab-li span {
	border-right: 1px solid #CCCCCC;
}

ul.ja-tab-top li.ja-tab-hover span {
	background: url(../images/tabtop-bg.gif) repeat-x top #FFFFFF;
	color: #333333;
}

ul.ja-tab-bottom li.ja-tab-hover span {
	background: url(../images/tabbot-bg.gif) repeat-x bottom #FFFFFF;
	color: #333333;
}

ul.ja-tab-top li.ja-tab-hover span {
	border-bottom: 1px solid #FFFFFF;
}

ul.ja-tab-bottom li.ja-tab-hover span {
	border-top: 1px solid #FFFFFF;
}

.ja-tab-top-border {
	border-top: 1px solid #CCCCCC;
}

.ja-tab-bottom-border {
	border-bottom: 1px solid #CCCCCC;
}

div#ja-tab-content {
	display: block;
	height: 0;
	clear: both;
	padding: 10px;
	background: url(../images/sep.gif) repeat-y left;
}

.ja-tabswrap {
	width: 99.5%;
}

.ja-tab-content {
	display: block;
}

div#ja-tab-content ul {
	margin: 0;
}

div#ja-tab-content .article_seperator {
	display: none;
}

div#ja-tab-content ul li, .ja-tab-content ul li {
	padding: 0 0 0 12px !important;
	margin: 0 0 0 2px;
	background: url(../images/bullet-list.gif) no-repeat 0px 8px !important;
}