/* <style> */

/*

Copyright (C) 2005 Ilya S. Lyubinskiy. All rights reserved.
Technical support: http://www.php-development.ru/

YOU MAY NOT
(1) Remove or modify this copyright notice.
(2) Distribute this code, any part or any modified version of it.
    Instead, you can link to the homepage of this code:
    http://www.php-development.ru/javascripts/tabview.php.

YOU MAY
(1) Use this code on your website.
(2) Use this code as a part of another product.

NO WARRANTY
This code is provided "as is" without warranty of any kind, either
expressed or implied, including, but not limited to, the implied warranties
of merchantability and fitness for a particular purpose. You expressly
acknowledge and agree that use of this code is at your own risk.


If you find my script useful, you can support my site in the following ways:
1. Vote for the script at HotScripts.com (you can do it on my site)
2. Link to the homepage of this script or to the homepage of my site:
   http://www.php-development.ru/javascripts/tabview.php
   http://www.php-development.ru/
   You will get 50% commission on all orders made by your referrals.
   More information can be found here:
   http://www.php-development.ru/affiliates.php

*/

/* For Group Caption of Category */
div.TabHeaderCaption  {
	font-size: 10px;	
	height: 17px;
	overflow: hidden;
	margin-bottom: 1px;
	vertical-align: middle;
	padding-bottom :2px;
	padding-top:2px;
}
div.TabHeaderCaption div.TabCaption  {
	font-size: 10px;
	width: 100%;
	text-align: center;
	height: 17px;
	padding:2px 0 2px 0;
	vertical-align: middle;
	border: 1px solid #f2f2f2;
	border-bottom: 1px solid #f2f2f2;
	text-decoration: none;
	font-family: Verdana, Serif;
	font-weight:bold;
	color: #C31515;
	background-color: #F0FDBB;
}
/* End Group caption */

/*........................ TAB 1 ---------------------- */
div.TabView1 div.Tabs1 {
	font-size: 10px;	
	height: 19px;
	overflow: hidden;
	margin-bottom: 1px;
	vertical-align: middle;
}

div.TabView1 div.Tabs1 a {
	float: left;
	display: block;
	font-size: 10px;
	width: 130px;
	text-align: center;
	margin-right: 1px;
	height: 19px;
	padding-top: 1px;
	vertical-align: middle;
	border: 1px solid #f2f2f2;
	text-decoration: none;
	font-family: Verdana, Serif;
	font-weight:bold;
	color: #000000;
	background-color: #EDF0E9;
}

div.TabView1 div.Tabs1 a:hover {
	text-decoration: none;
	background-color: #F0FDBB;
	color:#FE1509;
}

div.TabView1 div.Tabs1 a.Active {
	background-color: #F0FDBB;
}

div.TabView1 div.Pages1 {
	clear: both;
	border: 1px solid #f2f2f2;
	overflow: hidden;
}

div.TabView1 div.Pages1 div.Page1 {
	height: 100%;
	padding: 0px;
	overflow: hidden;
}

div.TabView1 div.Pages1 div.Page1 div.Pad1 a {
	padding: 3px 5px;
	font-size: 10px;
	text-decoration: none;
	font-family: Verdana, Serif;
}
div.TabView1 div.Pages1 div.Page1 div.Pad1 a:hover {
	padding: 3px 5px;
	font-size: 10px;
	text-decoration: none;
	font-family: "Verdana", Serif;
}
/*........................END TAB 1 ---------------------- */

/*........................ TAB 2 ---------------------- */
div.TabView2 div.Tabs2 {
	font-size: 10px;	
	height: 19px;
	overflow: hidden;
	margin-bottom: 1px;
	vertical-align: middle;
}

div.TabView2 div.Tabs2 a {
	float: left;
	display: block;
	font-size: 10px;
	width: 130px;
	text-align: center;
	margin-right: 1px;
	height: 19px;
	padding-top: 1px;
	vertical-align: middle;
	border: 1px solid #f2f2f2;
	text-decoration: none;
	font-family: Verdana, Serif;
	font-weight:bold;
	color: #000000;
	background-color: #EDF0E9;
}

div.TabView2 div.Tabs2 a:hover {
	text-decoration: none;
	background-color: #F0FDBB;
	color:#FE1509;
}

div.TabView2 div.Tabs2 a.Active {
	background-color: #F0FDBB;
}

div.TabView2 div.Pages2 {
	clear: both;
	border: 1px solid #f2f2f2;
	overflow: hidden;
}

div.TabView2 div.Pages2 div.Page2 {
	height: 100%;
	padding: 0px;
	overflow: hidden;
}

div.TabView2 div.Pages2 div.Page2 div.Pad2 a {
	padding: 3px 5px;
	font-size: 10px;
	text-decoration: none;
	font-family: Verdana, Serif;
}
div.TabView2 div.Pages2 div.Page2 div.Pad2 a:hover {
	padding: 3px 5px;
	font-size: 10px;
	text-decoration: none;
	font-family: "Verdana", Serif;
}
/*........................END TAB 2 ---------------------- */

/*........................ TAB 3 ---------------------- */
div.TabView3 div.Tabs3 {
	font-size: 10px;	
	height: 19px;
	overflow: hidden;
	margin-bottom: 1px;
	vertical-align: middle;
}

div.TabView3 div.Tabs3 a {
	float: left;
	display: block;
	font-size: 10px;
	width: 130px;
	text-align: center;
	margin-right: 1px;
	height: 19px;
	padding-top: 1px;
	vertical-align: middle;
	border: 1px solid #f2f2f2;
	text-decoration: none;
	font-family: Verdana, Serif;
	font-weight:bold;
	color: #000000;
	background-color: #EDF0E9;
}

div.TabView3 div.Tabs3 a:hover {
	text-decoration: none;
	background-color: #F0FDBB;
	color:#FE1509;
}

div.TabView3 div.Tabs3 a.Active {
	background-color: #F0FDBB;
}

div.TabView3 div.Pages3 {
	clear: both;
	border: 1px solid #f2f2f2;
	overflow: hidden;
}

div.TabView3 div.Pages3 div.Page3 {
	height: 100%;
	padding: 0px;
	overflow: hidden;
}

div.TabView3 div.Pages3 div.Page3 div.Pad3 a {
	padding: 3px 5px;
	font-size: 10px;
	text-decoration: none;
	font-family: Verdana, Serif;
}
div.TabView3 div.Pages3 div.Page3 div.Pad3 a:hover {
	padding: 3px 5px;
	font-size: 10px;
	text-decoration: none;
	font-family: "Verdana", Serif;
}
/*........................END TAB 3 ---------------------- */


/*........................ TAB 4 ---------------------- */
div.TabView4 div.Tabs4 {
	font-size: 10px;	
	height: 19px;
	overflow: hidden;
	margin-bottom: 1px;
	vertical-align: middle;
}

div.TabView4 div.Tabs4 a {
	float: left;
	display: block;
	font-size: 10px;
	width: 130px;
	text-align: center;
	margin-right: 1px;
	height: 19px;
	padding-top: 1px;
	vertical-align: middle;
	border: 1px solid #f2f2f2;
	text-decoration: none;
	font-family: Verdana, Serif;
	font-weight:bold;
	color: #000000;
	background-color: #EDF0E9;
}

div.TabView4 div.Tabs4 a:hover {
	text-decoration: none;
	background-color: #F0FDBB;
	color:#FE1509;
}

div.TabView4 div.Tabs4 a.Active {
	background-color: #F0FDBB;
}

div.TabView4 div.Pages4 {
	clear: both;
	border: 1px solid #f2f2f2;
	overflow: hidden;
}

div.TabView4 div.Pages4 div.Page4 {
	height: 100%;
	padding: 0px;
	overflow: hidden;
}

div.TabView4 div.Pages4 div.Page4 div.Pad4 a {
	padding: 3px 5px;
	font-size: 10px;
	text-decoration: none;
	font-family: Verdana, Serif;
}
div.TabView4 div.Pages4 div.Page4 div.Pad4 a:hover {
	padding: 3px 5px;
	font-size: 10px;
	text-decoration: none;
	font-family: "Verdana", Serif;
}
/*........................END TAB 4 ---------------------- */

/*........................ TAB 5---------------------- */
div.TabView5 div.Tabs5 {
	font-size: 10px;	
	height: 19px;
	overflow: hidden;
	margin-bottom: 1px;
	vertical-align: middle;
}

div.TabView5 div.Tabs5 a {
	float: left;
	display: block;
	font-size: 10px;
	width: 130px;
	text-align: center;
	margin-right: 1px;
	height: 19px;
	padding-top: 1px;
	vertical-align: middle;
	border: 1px solid #f2f2f2;
	text-decoration: none;
	font-family: Verdana, Serif;
	font-weight:bold;
	color: #000000;
	background-color: #EDF0E9;
}

div.TabView5 div.Tabs5 a:hover {
	text-decoration: none;
	background-color: #F0FDBB;
	color:#FE1509;
}

div.TabView5 div.Tabs5 a.Active {
	background-color: #F0FDBB;
}

div.TabView5 div.Pages5 {
	clear: both;
	border: 1px solid #f2f2f2;
	overflow: hidden;
}

div.TabView5 div.Pages5 div.Page5{
	height: 100%;
	padding: 0px;
	overflow: hidden;
}

div.TabView5 div.Pages5 div.Page5 div.Pad5 a {
	padding: 3px 5px;
	font-size: 10px;
	text-decoration: none;
	font-family: Verdana, Serif;
}
div.TabView5 div.Pages5 div.Page5 div.Pad5 a:hover {
	padding: 3px 5px;
	font-size: 10px;
	text-decoration: none;
	font-family: "Verdana", Serif;
}
/*........................END TAB 5 ---------------------- */


/*........................ TAB 6 ---------------------- */
div.TabView6 div.Tabs6 {
	font-size: 10px;	
	height: 19px;
	overflow: hidden;
	margin-bottom: 1px;
	vertical-align: middle;
}

div.TabView6 div.Tabs6 a {
	float: left;
	display: block;
	font-size: 10px;
	width: 130px;
	text-align: center;
	margin-right: 1px;
	height: 19px;
	padding-top: 1px;
	vertical-align: middle;
	border: 1px solid #f2f2f2;
	text-decoration: none;
	font-family: Verdana, Serif;
	font-weight:bold;
	color: #000000;
	background-color: #EDF0E9;
}

div.TabView6 div.Tabs6 a:hover {
	text-decoration: none;
	background-color: #F0FDBB;
	color:#FE1509;
}

div.TabView6 div.Tabs6 a.Active {
	background-color: #F0FDBB;
}

div.TabView6 div.Pages6 {
	clear: both;
	border: 1px solid #f2f2f2;
	overflow: hidden;
}

div.TabView6 div.Pages6 div.Page6 {
	height: 100%;
	padding: 0px;
	overflow: hidden;
}

div.TabView6 div.Pages6 div.Page6 div.Pad6 a {
	padding: 3px 5px;
	font-size: 10px;
	text-decoration: none;
	font-family: Verdana, Serif;
}
div.TabView6 div.Pages6 div.Page6 div.Pad6 a:hover {
	padding: 3px 5px;
	font-size: 10px;
	text-decoration: none;
	font-family: "Verdana", Serif;
}
/*........................END TAB 6 ---------------------- */


div.recentpost {
	margin-left:10px;
	margin-top:10px;
	padding: 0 0 0 22px;  /*top right bottom left*/ 
    border: 0px solid #f2f2f2; 
  	background: #ffffff url(images/recentpost.png) no-repeat;	
}
div.recentpost a {
	color:#EAA142;
	font-weight:bold;
}
div.recentpost a:hover {
	color:#FD1604;
	font-weight:bold;
}
div.recentcomment {
	margin-left:10px;
	margin-top:10px;
	padding: 0 0 0 22px;  /*top right bottom left*/ 
    border: 0px solid #f2f2f2; 
  	background: #ffffff url(images/user.png) no-repeat;	
}
div.recentcomment a {
	color:#EAA142;
	font-weight:bold;
}
div.recentcomment a:hover {
	color:#FD1604;
	font-weight:bold;
}
div.topnews {
	margin-left:10px;
	margin-top:10px;
	padding: 0 0 0 22px;  /*top right bottom left*/ 
    border: 0px solid #f2f2f2; 
  	background: #ffffff url(images/recentpost.png) no-repeat;	
}
div.topnews a {
	color:#EAA142;
	font-weight:bold;
}
div.topnews a:hover {
	color:#FD1604;
	font-weight:bold;
}