/*

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:Times New Roman;
  font-size:   11px;
  font-weight:bold;
  color:#000000;
}


/* ***** Tabs *************************************************************** */

div.TabView div.Tabs
{
  height: 20px;

   border-bottom:1px solid #67667e;
}

div.TabView div.Tabs a
{
  display: block;
  float:    left;

  margin-right: 0px;

  width: 81px;
  text-align: center;
  vertical-align:middle;

  height:      20px;
  line-height: 16px;
  vertical-align: middle;

   

  text-decoration: none;
  font-weight: 900;
  color:   #0072bc;
  cursor:  pointer;
}

div.TabView div.Tabs a:hover
{
  background: url('tab-view.png') no-repeat 0px -40px;
    color:   #9c0c0c;
  border-bottom:1px solid #EFF0F3;
}

div.TabView div.Tabs a.Current,
div.TabView div.Tabs a.Current:hover
{
  margin-top: 0px;
  height:     20px;
  background: url('tab-view.png') no-repeat 0px   -40px;
  cursor:  default;
  color: #9c0c0c;
  border-bottom:1px solid #EFF0F3;
  }


/* ***** Pages ************************************************************** */

div.TabView div.Pages
{

  border-left: 1px solid #67667e;
   border-right: 1px solid #67667e;
  border-top: none;
 background:#e9e9ee url(tab_bg.png) repeat-x;
 line-height:23px;
   
}

div.TabView div.Pages                  { overflow: hidden; }
div.TabView div.Pages div.Page         { overflow:   auto; }
div.TabView div.Pages div.Page div.Pad { }

.tabfooter {background:url(tabfooter.png) repeat-x;width:306px;height:6px;}
.Pad td {border-bottom:1px solid #c4c3c3;}










div.TabView1
{
  font-family:Times New Roman;
  font-size:   11px;
  font-weight:bold;
  color:#000000;
}


/* ***** Tabs *************************************************************** */

div.TabView1 div.Tabs
{
  height: 20px;

   border-bottom:1px solid #d5d5d5;
}

div.TabView1 div.Tabs a
{
  display: block;
  float:    left;

  margin-right: 0px;

  width: 70px;
  text-align: center;
  vertical-align:middle;

  height:      20px;
  line-height: 16px;
  vertical-align: middle;

   

  text-decoration: none;
  font-weight: 900;
  color:   #0072bc;
  cursor:  pointer;
}

div.TabView1 div.Tabs a:hover
{
  background: url('tab-view2.png') no-repeat 0px -40px;
    color:   #9c0c0c;
  border-bottom:1px solid #FDFDFD;
}

div.TabView1 div.Tabs a.Current,
div.TabView1 div.Tabs a.Current:hover
{
  margin-top: 0px;
  height:     20px;
  background: url('tab-view2.png') no-repeat 0px   -40px;
  cursor:  default;
  color: #9c0c0c;
  border-bottom:1px solid #FDFDFD;
  }


/* ***** Pages ************************************************************** */

div.TabView1 div.Pages
{

  border:0px;
  border-top: none;
 background:transparent ;
 line-height:23px;
   
}

div.TabView1 div.Pages                  { overflow: hidden; }
div.TabView1 div.Pages div.Page         { overflow:   auto; }
div.TabView1 div.Pages div.Page div.Pad { }

.tabfooter {background:url(tabfooter.png) repeat-x;width:306px;height:6px;}
.Pad td {border-bottom:1px solid #c4c3c3;}
