/* this is a modification of the "Clean - Top" Skin

Changes implemented in this skin:

1) Added padding on both sides of tab titles
2) Set color of Tabstrip and TabPage to transparent rather than white
3) Allowed main underline to cross selected tab - because color set
   to tranparent and I couldn't find a way to erase the line. Originally
   it was set to white. border-bottom: 2px solid #FFFFFF;
   TRY setting this to portal "Mainwrapper" color

Original colors

On mouse-over was :  #D6EFF6;  = light blue close to Albigen light blue
now using Albigen light blue:  #d4eeff;


Border color for all borders was :   #8397AA;

Tab selected color: #617588;
Tab unselected foreground color: #617588;

Tab selected background-color: white;
Tab unselected background color: #C4CED4;




********/



.Albigen_SH1_TabStrip
{ /* space behind the top tabs */
  font-weight: bold;
  font-size: 12px;
  font-family: Arial, Tahoma, Helvetica, sans-serif;
    padding-top: 7px;
    padding-bottom: 4px;
    border-bottom-width: 1px;  /* the main horizontal line */
    border-bottom-style: solid;
    border-bottom-color: rgb(131, 151, 170);
    clear: both;
    background-color:transparent; 
}

.Albigen_SH1_TabUnselected
{ /* color of unselected tab's top */
  z-index: -1;
  cursor: pointer;
  color: #617588;
  background-color: #cde;  /* was #cde;  was #C4CED4; */
  border-right: solid 1px #8397AA;
  border-top: solid 1px #8397AA;
  border-left: solid 1px #8397AA;
  border-bottom: 0px;
  /* WAS padding: 3px 4px; */  
  padding: 3px 10px 4px 10px;
  /* Was margin: 0 -5px 0 10px;  */
  margin: 0 -5px 0 10px;  /* right margin of -5 nets to 5px between each tab */
 }

.Albigen_SH1_TabSelected
{ /* color of selected tab's top */
  z-index: 1;
  cursor: pointer;
  color: #617588;
  background-color: white;
  border-top: 1px solid #8397AA;
  border-right: 1px solid #8397AA;
  border-left: 1px solid #8397AA;
  /* the bottom border erases the main underline 
  setting it to white to match the tab color fails - prodeces a jagged edge
  so just leave it Blank so main underline prevails OR is erased by setting
  bottom margin to 5px instead of 4px.
  WAS border-bottom: 2px solid #FFFFFF;   
  ***
  Also might try:
  border-bottom: 2px solid #ffebcd; /* this is portal's "Mainwrapper" color
  but not needed.
  */
  
  
  /* was padding: 3px 4px; */
  padding: 3px 10px 5px 10px;
  /* was margin: 0 -5px 0 10px; */
  margin: 0 -5px 0 10px;
 }

.Albigen_SH1_TabMouseOver
{ /* color of unselected tab's top when hover */
  z-index: -1;
	color: #617588;
	background-color: #d4eeff;
  border-bottom: 0px;
  
 }

.Albigen_SH1_TabPage
{   /* color of tab area */
	background-color: transparent;
	/* WAS padding: 3px 4px; */
	padding: 3px 10px 3px 10px;
    /* was margin:0; */
    margin:10px 0px 0px 0px;
}