/*

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.

html, body { margin: 0px; padding: 0px; }
*/

div.TabView
{
  font-family: Arial;
  font-size:   12px;
}


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

div.TabView div.Tabs
{
  height: 22px;
  background: #FFFFFF;
}

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

  margin-right: 1px;

  width: 100px;
  text-align: center;

  height:      22px;
  line-height: 21px;
  vertical-align: middle;
  
  border: 1px solid #00B482;

  text-decoration: none;
  font-weight:bold;
  color: #00B482;
  cursor: pointer;
}

div.TabView div.Tabs a:hover
{
  color:#FFFF00;
  background-color: #008000;
}

div.TabView div.Tabs a.Current,
div.TabView div.Tabs a.Current:hover
{
  height: 21px;
  background: #00B482;
  color: #FFFFFF;
  border: 1px solid #008000;
  cursor:  default;
}


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

div.TabView div.Pages
{
  clear: both;
  border: 1px solid #00B482;
  background: none;
}

div.TabView div.Pages                  { overflow: hidden; }
div.TabView div.Pages div.Page         { overflow:   auto; }
div.TabView div.Pages div.Page div.Pad { padding: 1px 1px; }