
@charset "utf-8";

.tabs-box {
}
.tabs-box .content-area {
}

/* main tab */
.tabs-box .tabs-row a.tab-main, .tabs-box .tabs-row a.tab-main-active {
	float: left;
	margin-bottom: -1px;
	position: relative;
	z-index: 2;
	text-decoration: none;
	color: #00A5FF;
	cursor: pointer;
	outline-style: none;
}

/* inactive/normal state */
.tabs-box .tabs-row a.tab-main .left {
	float: left;
	width: 4px;
	height: 33px;
}
.tabs-box .tabs-row a.tab-main .middle {
	float: left;
	border-top: 1px solid #D1D1D1;
	border-bottom: 2px solid #EAEAEA;
	padding: 6px 5px 5px 5px;
	background: #FFF;
}
.tabs-box .tabs-row a.tab-main .right {
	float: left;
	width: 4px;
	height: 33px;
}
.tabs-box .tabs-row a.tab-main .left {
	background: url(../_img/tabs/tab_white_big_left.png) no-repeat;
}
.tabs-box .tabs-row a.tab-main .right {
	background: url(../_img/tabs/tab_white_big_right.png) no-repeat;
}
* html .tabs-box .tabs-row a.tab-main .left {
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://simfylive.com/_img/tabs/tab_white_big_left.png',sizingMethod='crop');
}
* html .tabs-box .tabs-row a.tab-main .right {
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://simfylive.com/_img/tabs/tab_white_big_right.png',sizingMethod='crop');
}

/* hover state (exclude IE6) */
html>body .tabs-box .tabs-row a.tab-main:hover .left, html>body .tabs-box .tabs-row a.tab-main:active .left {
	background: url(../_img/tabs/tab_white_big_left_active.png) no-repeat;
	width: 4px;
	height: 33px;
	border: 0px;
}
html>body .tabs-box .tabs-row a.tab-main:hover .middle, html>body .tabs-box .tabs-row a.tab-main:active .middle {
	float: left;
	border-bottom: 1px solid #FFF;
	border-top: 1px solid #CCC;
	padding: 7px 5px 6px 5px;
	background: #FFF;
}
html>body .tabs-box .tabs-row a.tab-main:hover .right, html>body .tabs-box .tabs-row a.tab-main:active .right {
	background: url(../_img/tabs/tab_white_big_right_active.png) no-repeat;
	width: 4px;
	height: 33px;
	border: 0px;
}

/* active state */
.tabs-box .tabs-row a.tab-main-active .left {
	float: left;
	width: 4px;
	height: 33px;
	border: 0px;
}
.tabs-box .tabs-row a.tab-main-active .middle {
	float: left;
	border-bottom: 1px solid #FFF;
	border-top: 1px solid #CCC;
	padding: 7px 5px 6px 5px;
	background: #FFF;
}
.tabs-box .tabs-row a.tab-main-active .right {
	float: left;
	width: 4px;
	height: 33px;
	border: 0px;
}
html>body .tabs-box .tabs-row a.tab-main-active .left {
	background: url(../_img/tabs/tab_white_big_left_active.png) no-repeat;
}
html>body .tabs-box .tabs-row a.tab-main-active .right {
	background: url(../_img/tabs/tab_white_big_right_active.png) no-repeat;
}
* html .tabs-box .tabs-row a.tab-main-active .left  {
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://simfylive.com/_img/tabs/tab_white_big_left_active.png',sizingMethod='crop');
}
* html .tabs-box .tabs-row a.tab-main-active .right {
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://simfylive.com/_img/tabs/tab_white_big_right_active.png',sizingMethod='crop');
}

/* sub tabs */
.tabs-box .tabs-row a.tab-sub, .tabs-box .tabs-row a.tab-sub-active {
	float: left;
	margin-bottom: -1px;
	position: relative;
	z-index: 2;
	text-decoration: none;
	color: #343434;
	cursor: pointer;
	outline-style: none;
	margin-top: 6px;
}

/* inactive/normal state */
.tabs-box .tabs-row a.tab-sub .left {
	float: left;
	border-bottom: 2px solid #D6D5D5;
	width: 4px;
	height: 24px;
}
.tabs-box .tabs-row a.tab-sub .middle {
	float: left;
	border-bottom: 2px solid #D6D5D5;
	padding: 5px 5px 3px 5px;
	background: #E1E0E0;
}
.tabs-box .tabs-row a.tab-sub .right {
	float: left;
	border-bottom: 2px solid #D6D5D5;
	width: 4px;
	height: 24px;
}
html>body .tabs-box .tabs-row a.tab-sub .left {
	background: url(../_img/tabs/tab_grey_left.png) no-repeat;
}
html>body .tabs-box .tabs-row a.tab-sub .right {
	background: url(../_img/tabs/tab_grey_right.png) no-repeat;
}
* html .tabs-box .tabs-row a.tab-sub .left  {
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://simfylive.com/_img/tabs/tab_grey_left.png',sizingMethod='crop');
}
* html .tabs-box .tabs-row a.tab-sub .right {
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://simfylive.com/_img/tabs/tab_grey_right.png',sizingMethod='crop');
}

/* hover state (exclude IE6) */
html>body .tabs-box .tabs-row a.tab-sub:hover .left, html>body .tabs-box .tabs-row a.tab-sub:active .left {
	background: url(../_img/tabs/tab_white_left.png) no-repeat;
	width: 4px;
	height: 27px;
	border: 0px;
}
html>body .tabs-box .tabs-row a.tab-sub:hover .middle, html>body .tabs-box .tabs-row a.tab-sub:active .middle {
	float: left;
	border-bottom: 1px solid #FFF;
	border-top: 1px solid #CCC;
	padding: 5px 5px 4px 5px;
	background: #FFF;
}
html>body .tabs-box .tabs-row a.tab-sub:hover .right, html>body .tabs-box .tabs-row a.tab-sub:active .right {
	background: url(../_img/tabs/tab_white_right.png) no-repeat;
	width: 4px;
	height: 27px;
	border: 0px;
}

/* active state */
.tabs-box .tabs-row a.tab-sub-active .middle {
	float: left;
	border-bottom: 1px solid #FFF;
	border-top: 1px solid #CCC;
	padding: 5px 5px 4px 5px;
	background: #FFF;
}
.tabs-box .tabs-row a.tab-sub-active .left {
	float: left;
	width: 4px;
	height: 27px;
	border: 0px;
}
.tabs-box .tabs-row a.tab-sub-active .right {
	float: left;
	width: 4px;
	height: 27px;
	border: 0px;
}
html>body .tabs-box .tabs-row a.tab-sub-active .left {
	background: url(../_img/tabs/tab_white_left.png) no-repeat;
}
html>body .tabs-box .tabs-row a.tab-sub-active .right {
	background: url(../_img/tabs/tab_white_right.png) no-repeat;
}
* html .tabs-box .tabs-row a.tab-sub-active .left {
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://simfylive.com/_img/tabs/tab_white_left.png',sizingMethod='crop');
}
* html .tabs-box .tabs-row a.tab-sub-active .right {
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://simfylive.com/_img/tabs/tab_white_right.png',sizingMethod='crop');
}
