/*

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

YOU MAY NOT
(1) Remove or modify this copyright notice.
(2) Re-distribute this code or any part of it.
    Instead, you may link to the homepage of this code:
    http://www.php-development.ru/javascripts/tab-view.php

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

NO WARRANTY
This code is provided "as is" without warranty of any kind.
You expressly acknowledge and agree that use of this code is at your own risk.

*/


div.TabView
{
  font-family: Verdana, Sans-Serif;
  font-size:   12px;
}


/* ***** Tabs *************************************************************** */

div.TabView div.Tabs
{
	background-repeat: repeat-x;
	background-position: left top;
	background-image: url(../images/news/news_bg.jpg);
	height: 30px;
}

div.TabView div.Tabs a
{
	display: block;
	float:    left;
	margin-right: 1px;
	text-align: center;
	vertical-align: bottom;
	text-decoration: none;
	font-weight: bold;
	color:   #FFFFFF;
	cursor:  pointer;
	background-repeat: no-repeat;
	background-position: 0px 0px;
	height: 30px;
	width: 25px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 14px;
	line-height: 30px;
}
.Tabs p {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #FFFFFF;
	margin: 0px;
	padding-top: 10px;
	padding-right: 120px;
	padding-bottom: 0px;
	padding-left: 10px;
	float: left;
}


div.TabView div.Tabs a:hover
{
	background-repeat: no-repeat;
	background-position: left top;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: bold;
	color: #FF3300;
}


div.TabView div.Tabs a.Current,
div.TabView div.Tabs a.Current:hover
{
	height:     30px;
	cursor:  default;
	background-repeat: no-repeat;
	background-position: left top;
	background-image: url(../images/news/hover.jpg);
	width: 25px;
}



/* ***** Pages ************************************************************** */

div.TabView div.Pages
{
	clear: both;
	border: 1px none #404040;
}

div.TabView div.Pages                  { overflow: hidden; }
div.TabView div.Pages div.Page         {
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
}
div.TabView div.Pages div.Page div.Pad { padding: 7px 7px; }
div.TabView div.Pages div.Page div.Pad5 {
	padding: 0px;
	background-image: url(../images/news/violet.jpg);
	background-repeat: repeat;
	background-position: left top;
	margin: 0px;
}
	
div.TabView div.Pages div.Page div.Pad4 {
	background-image: url(../images/news/red.jpg);
	background-repeat: repeat;
	background-position: left top;
}
div.TabView div.Pages div.Page div.Pad3 {
	padding: 0px;
	background-image: url(../images/news/news_green.jpg);
	background-repeat: repeat;
	background-position: left top;
}
div.TabView div.Pages div.Page div.Pad2 {
	padding: 0px;
	background-image: url(../images/news/yellow.jpg);
	background-repeat: repeat;
	background-position: left top;
}
div.TabView div.Pages div.Page div.Pad1 {
	padding: 0px;
	background-image: url(../images/news/blue.jpg);
	background-repeat: repeat;
	background-position: left top;
	margin: 0px;
}
/*preload classes*/ 
.svw {width: 50px; height: 20px; background: #fff;} 
.svw ul {position: relative; left: -999em;} 
 
/*core classes*/ 
.stripViewer {  
position: relative; 
overflow: hidden;  
border: 5px solid #ff0000;   
margin: 0 0 1px 0; 
} 
.stripViewer ul { /* this is your UL of images */ 
margin: 0; 
padding: 0; 
position: relative; 
left: 0; 
top: 0; 
width: 1%; 
list-style-type: none; 
} 
.stripViewer ul li {  
float:left; 
} 
.stripTransmitter { 
overflow: auto; 
width: 1%; 
} 
.stripTransmitter ul { 
margin: 0; 
padding: 0; 
position: relative; 
list-style-type: none; 
} 
.stripTransmitter ul li{ 
width: 20px; 
float:left; 
margin: 0 1px 1px 0; 
} 
.stripTransmitter a{ 
font: bold 10px Verdana, Arial; 
text-align: center; 
line-height: 22px; 
background: #ff0000; 
color: #fff; 
text-decoration: none; 
display: block; 
} 
.stripTransmitter a:hover, a.current{ 
background: #fff; 
color: #ff0000; 
} 
 
/*tooltips formatting*/ 
#tooltip { 
background: #fff; 
color: #000; 
opacity: 0.85; 
border: 5px solid #dedede; 
} 
#tooltip h3 {  
font: normal 10px Verdana;  
margin: 0;  
padding: 6px 2px;  
border: 0; 
}