/* $Id: astabs.css,v 1.3 2009/06/11 10:13:33 amistry Exp $ */

/*--------------------------------------------------
  REQUIRED to hide the non-active tab content.
  But do not hide them in the print stylesheet!
  --------------------------------------------------*/
.astabslive .astabstabhide {
   display:none;
   margin: 0px;
   padding: 0px;
}

/*--------------------------------------------------
  .astabs = before the astabs interface is set up
  .astabslive = after the astabs interface is set up
  --------------------------------------------------*/
.astabs {
   height: 22px;
}
.astabslive {
   height: 21px;
   background-image: url(../images/tabs_bkgd_rule.gif);
   background-repeat: no-repeat;
   background-position: left top;
}

/*--------------------------------------------------
  ul.astabsnav = the tab navigation list
  li.astabsactive = the active tab
  --------------------------------------------------*/
ul.astabsnav
{
   font: normal 11px/normal Arial, Helvetica, sans-serif;
   text-transform: none;
   text-decoration: none;
   float: left;
   clear: left;
   margin: 0px;
   padding: 0px;
   text-decoration: none;
}

ul.astabsnav li
{
   list-style: none;
   display: inline-block;
   height: 20px;
   width: 118px;
   float: left;
   margin: 0px;
   padding: 0px;
   text-decoration: none;
}

ul.astabsnav li a
{
}

ul.astabsnav li a:link {
   color: #336699;
   display: inline-block;
   height: 20px;
   width: 118px;
   background-image: url(../images/tabs_bkgd.gif);
   background-repeat: no-repeat;
   text-align: center;
   background-position: 0px 0px;
   padding-top: 4px;
   margin: 0px;
   text-decoration: none;
}
ul.astabsnav li a:visited {
   color: #667;
   text-decoration: none;
}

ul.astabsnav li a:hover
{
   color: #666666;
   background: url(../images/tabs_bkgd.gif) no-repeat -118px 0px;
   text-decoration: underline;
}

ul.astabsnav li.astabsactive a
{
   height: 20px;
   width: 118px;
   background-image: url(../images/tabs_bkgd.gif);
   background-repeat: no-repeat;
   background-position: -236px 0px;
   font-family: Arial, Helvetica, sans-serif;
   font-size: 11px;
   font-style: normal;
   line-height: normal;
   font-weight: bold;
   font-variant: normal;
   text-transform: none;
   color: #FFFFFF;
   text-decoration: none;
}

ul.astabsnav li.astabsactive a:hover
{
   color: #FFFFFF;
   text-decoration: underline;
}

/*--------------------------------------------------
  .astabstab = the tab content
  Add style only after the astabs interface is set up (.astabslive)
  --------------------------------------------------*/
.astabslive .astabstab {
   float: left;
   clear: left;
   padding: 10px 10px 0px 0px;
/*   width: 519px;*/
   margin: 0px;
}

/* If desired, hide the heading since a heading is provided by the tab */
.astabslive .astabstab h2 {
 display:none;
}
.astabslive .astabstab h3 {
 display:none;
}

/* Example of using an ID to set different styles for the tabs on the page */
.astabslive#tab1 {
}
.astabslive#tab2 {
}
.astabslive#tab2 .astabstab {
   overflow:visible;
}

/* BEGIN MAKE IE7 ONLY */
/*
.tabs-container {
//background: red;
}
*/
.astabslive {
//height: auto;
}
/* END MAKE IE7 ONLY */

.tabbdytxt {
   font-family: Arial, Helvetica, sans-serif;
   font-size: 12px;
   font-style: normal;
   line-height: 14px;
   font-weight: normal;
   font-variant: normal;
   text-transform: none;
   color: #666666;
   text-decoration: none;
   margin-top: 0px;
   margin-right: 0px;
   margin-bottom: 10px;
   margin-left: 0px;
}

.tabbdytxt a:link {
   color: #5A87A5;
   text-decoration: none;
}

.tabbdytxt a:visited {
   color: #5A87A5;
   text-decoration: none;
}

.tabbdytxt a:hover {
   color: #963D56;
   text-decoration: underline;
}

.tabhead {
   font-family: Arial, Helvetica, sans-serif;
   font-size: 14px;
   font-style: normal;
   line-height: 12px;
   font-weight: bold;
   font-variant: normal;
   text-transform: none;
   color: #5a87a5;
   text-decoration: none;
   margin-top: 0px;
   margin-right: 0px;
   margin-bottom: 5px;
   margin-left: 0px;
}

.tabsubhead {
   font-family: Arial, Helvetica, sans-serif;
   font-size: 12px;
   font-style: normal;
   line-height: 12px;
   font-weight: bold;
   font-variant: normal;
   text-transform: none;
   color: #666666;
   text-decoration: none;
   margin-top: 0px;
   margin-right: 0px;
   margin-bottom: 5px;
   margin-left: 0px;
}

#tlist {
   font-family: Arial, Helvetica, sans-serif;
   font-size: 12px;
   font-style: normal;
   line-height: 12px;
   font-weight: normal;
   font-variant: normal;
   text-transform: none;
   color: #5A87A5;
   text-decoration: none;
   margin-top: 0px;
   margin-right: 0px;
   margin-bottom: 0px;
   margin-left: 0px;
}

.tabquote {
   font-family: Arial, Helvetica, sans-serif;
   font-size: 12px;
   font-style: italic;
   line-height:15px;
   font-weight: normal;
   font-variant: normal;
   text-transform: none;
   color: #648FAB;
   text-decoration: none;
   margin-top: 10px;
   margin-right: 20px;
   margin-bottom: 15px;
   margin-left: 20px;

}

