/* <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.

*/

div.TabView
{
  font-family: Arial, Sans-Serif;
  font-size: 13px;
}

div.TabView div.Tabs
{
  height: 24px;
  overflow: hidden;
}

div.TabView div.Tabs a
{
  float: left;
  display: block;

  width:  90px;
  text-align: center;

  height:      24px;
  line-height: 28px;
  vertical-align: middle;

  background: url('tabs.png') no-repeat -2px -1px;

  text-decoration: none;
  font-family: "Times New Roman", Serif;
  font-weight: 900;
  font-size: 13px;
  color: #000080;
}

div.TabView div.Tabs a:hover,
div.TabView div.Tabs a.active
{
  background: url('tabs.png') no-repeat -2px -31px;
}

div.TabView div.Pages
{
  clear: both;
  overflow: hidden;
}

div.TabView div.Pages div.Page
{
  padding: 0px;
  overflow: auto;
}

div.TabView div.Pages div.Page div.Pad
{
  padding: 3px 5px;
  overflow: hidden;
}

#testdiv {width:600px; margin:0 auto; border:1px solid #ccc; padding:20px 25px; background:#fff}

#tinybox {position:absolute; display:none; padding:10px; background:#fff url(images/preload.gif) no-repeat 50% 50%; border:10px solid #e3e3e3; z-index:2000}
#tinymask {position:absolute; display:none; top:0; left:0; height:100%; width:100%; background:#000; z-index:1500}
#tinycontent {background:#fff}

.button {font:14px Georgia,Verdana; margin-bottom:10px; padding:8px 10px 9px; border:1px solid #ccc; background:#eee; cursor:pointer}
.button:hover {border:1px solid #bbb; background:#e3e3e3}