.TAS {
	background-color: #000044;
    color: #EFE7DF;
    border: 1 solid #6E6650;
    scrollbar-base-color: #FF8000;
	font-family: verdana,arial,helvetica,sans-serif;
}

#tocTitleDiv {
  color: #ffffff; font-family: verdana,arial,helvetica,sans-serif; font-size:   10pt;  font-weight: normal;  font-style:  normal;
}

#copyrightDiv {
  color: #ffffff; font-family: verdana,arial,helvetica,sans-serif; font-size:   10pt;  font-weight: normal;  font-style:  normal;  
}

#ccDiv {
  color:#ffffff;
  font-family: Courier New, Courier, mono;
  font-size:   10pt;
}

A {color: #304B77; text-decoration:none;}
	A:hover {color: #304B77; text-decoration: underline;}
	A:visited{color:#304B77;} 
	A:visited:hover {color: #304B77;  text-decoration: underline;}
	
	
.bottom_nav, .bottom_nav:visited { font-family: verdana,arial,helvetica,sans-serif; color: #e6e6e6; text-decoration: none;}
.bottom_nav:hover, .bottom_nav:visited:hover { font-family: verdana,arial,helvetica,sans-serif; color: #F5D024; text-decoration:underline;}


/* ******************************   PCL PRODUCT CUSTOM STYLES *********************************** */
/* general */
html, body { 
  font-family: Arial, Verdana, Tahoma, sans-serif;
   right-margin: 0;
   left-margin: 0;                                                   /* sets all to 0 */
   padding: 0;                                                 /* Opera sets padding on body */
   color: #000000;
}
body, html, div, th, td, span, dd, h1, h2, h3   {
             /* redundant selectors to help NS4 not forget */
   font-family: Arial, Verdana, Tahoma, sans-serif;
    }
p {font-family: Arial, Verdana, Tahoma, sans-serif;
line-height: 150%;
	margin: 15px;
   color: #111111;}
.p1{margin-top: 0;}   

#hbsbanner{background: #000;}
#productbanner{color: #000;}
#bannerlinetop{background: #000;}
#bannerlinebottom{background: #000;}
#topnav{background: #333;}

/* standard fills and lines */
.line{background: #000;}
.fill1{background: #E7AE6A;}
.fill2{background: #FFD9A6;}

a:link {color: #555555; text-decoration: none;}
a:hover {color: #555555; text-decoration: underline;}
a:active {color: #555555; }
a:visited {color: #555555; }

/* **** START PAGE ****  */
#startintrotext{width: 444px; height: 260px; margin: 0;}
#startintrotext p{color: #443A2C; font-weight: bold; font-size: 0.82em; margin: 5px 2px 5px 15px;  padding: 1px 0 1px 0;}

/* **** BIOS, COPYRIGHT, CREDITS ****  */
.toc{margin-left: 27px; margin-right: 27px; border: 1px solid #e7ae6a; font-size: 76%; padding: 5px; width: 200px;}
.tocRollover{margin-left: 27px; margin-right: 27px; border: 1px solid #e7ae6a; font-size: 76%; padding: 5px; width: 350px;}
.tocLg{margin-left: 50px; margin-right: 27px; border: 1px solid #e7ae6a; font-size: 76%; padding: 5px;}
.transcriptheader{width: 475px;}
.btop{border-top: 1px solid #333; text-align: right; display: block;}
#printban{display: none;}
#screenban{color: #000; display: block;}
#style2 {background: #FFD9A6; margin-top: 0;}
#style2 p{margin-left: 27px; margin-right: 27px; font-size: 0.83em;}
#style2 .p1{margin-left: 27px; margin-right: 27px; margin-top: 2px; font-size: 0.83em;}
#style2 h1{font-size: 120%; font-weight: normal; margin-left: 27px; margin-right: 27px; margin-bottom: 0;}
#style2 h2{font-size: 110%; font-weight: normal; margin-left: 27px; margin-right: 27px; margin-bottom: 0;}
#style2 h3{font-size: 80%; font-weight: bold; margin-left: 27px; margin-right: 27px; margin-top: 2px; margin-bottom: 0;}
#style2 ul{list-style-type: none; margin: 0; padding: 0;}
#style2 li{list-style-type: none; margin: 0 0 5px 0;}
#style2 a{text-decoration: underline;}
.style2header{width: 475px;} 
.facbio img{margin: 0 5px 0 20px; border: 0;}

/* **** TRANSCRIPT ****  */
#transcript{background: #FFD9A6; margin-top: 0;}
#transcript p{margin-left: 27px; margin-right: 27px; line-height: 150%; font-size: 0.83em;}
#transcript .p1{margin-left: 27px; margin-right: 27px; margin-top: 10px; line-height: 150%; font-size: 0.83em;}
#transcript h1{font-size: 120%; font-weight: normal; margin-left: 27px; margin-right: 27px;}
#transcript h2{font-size: 110%; font-weight: normal; margin-left: 27px; margin-right: 27px; margin-bottom: 0;}
#transcript h3{font-size: 110%; font-weight: normal; margin-left: 27px; margin-right: 27px; margin-bottom: 0;}
#transcript ul{list-style-type: none; margin: 0; padding: 0;}
#transcript li{list-style-type: none; margin: 0 0 5px 0;}
#btrans{width: 250px;}

/* **** FLASH BOX ****  */
#flashbox{background: #9B5563; padding: 10px;}
#flashbox td{background: #863343; padding: 10px;}

/* ****  A PRINT BUTTON ****  */
.printbutton{background: #863343; border: 1px solid #000; padding: 5px; font-size: 76%;}
.printbutton A:link { color: white; text-decoration: none;}
.printbutton A:active { color: white; text-decoration: none;}
.printbutton A:visited { color: white; text-decoration: none;}
.printbutton A:hover { color: yellow; text-decoration: none;}
/* **** FOOTER ****  */
#footer{background: #000; color: #FFFFFF; text-align: center; font-size: 76%;}
.footnav {color: #FFFFFF;}
.footnav A:link { color: #FFFFFF; text-decoration: none;}
.footnav A:active { color: #FFFFFF; text-decoration: none;}
.footnav A:visited { color: #FFFFFF; text-decoration: none;}
.footnav A:hover { color: #FFFFFF; text-decoration: underline;}
/* **** CONTENT MAP ****  */
#mmpage{color: #333; background: #FFD9A6; font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
font-size: 8pt;}
.mmheader{font-size: 8pt; font-weight: bold; color: #333;}
.mmentry{font-size: 10pt; font-weight: normal; color: #333;}
#mmlegend{border: 1px solid #333; background: #F0CC9B;}
.mmcol {color: #333;}   
.mmcol1 {padding-left: 10px;}   
/* *** FRONT PAGE  ********************************************** */
/* main interface to 3 cds */
#frontmiddletext{padding-left: 3px; color: #333; width: 525px; padding-top: 10px;}
#frontmiddletext p{margin-top: 2px; margin-left: 20px; margin-right: 10px;}
#frontright{background: #e7ae6a; color: #333; }
#frontright p{margin-top: 0; margin-left: 75px;}
#frontprofs{color: #333; }

 .Frollarea{color: #443A2C; background: #FFF0DD; 
font-weight: bold; font-size: 0.82em; text-decoration: none;  
padding: 15px; margin: 0; width: 90%; width: 405px; height: 112px;}	
 .Frollareamoz{color: #443A2C; background: #FFF0DD; 
font-weight: bold; font-size: 0.82em; text-decoration: none;  
padding: 15px; margin: 0; width: 90%; width: 405px; height: 360px;}
.Finstructions{color: #443A2C; font-weight: bold; font-size: 0.82em; text-decoration: none;  
padding: 15px; margin: 0; width: 90%;}	

/* HOME SIDEBAR */
#HS {color: #443A2C; font-family: verdana,arial,helvetica,sans-serif; font-size:   9pt;  font-weight: normal;  font-style:  normal;}
td#HS {width: 377px; font-size: 100%;} /*background: #ffd299; */
#HS p{color: #443A2C; font-size: 0.82em; font-weight: medium; margin-left: 35px; margin-right: 20px; padding: 1px 0 1px 0;}
#HS p1{color: #443A2C; font-weight: bold; margin-left: 35px; margin-right: 20px; padding: 1px 0 1px 0;}
#HS A{color: #555;}
/*middle text */
#HM{padding-left: 3px; color: #333; padding-top: 10px;}
#HM p{color: #443A2C; font-weight: medium; font-size: 0.8em; margin-left: 9px; margin-right: 25px; padding: 1px 0 1px 0;}
#HM h3{color: #443A2C; font-weight: bold; font-size: 1.0em; margin-left: 9px; margin-right: 25px; padding: 1px 0 1px 0; margin-right: 2px; display: inline;}
.HMinstruct{font-size: 0.76em;}		

/* buttons on the page -- stacking order gets reset on each cd index page */	

.Hbutton{margin: 20px 0 0 9px; padding: 0; background: #EFC589; width: 525px;}
.Hbutton A{color: #772636; font-weight: bold; font-size: 0.9em; text-decoration: none; display: block; border: 1px solid #FFE0B4; z-index: 10; padding: 5px 0 5px 20px; background: #EFC589;  width: 525px;}
.Hbutton A:link {color: #993246;}
.Hbutton A:visited {color: #993246;}
.Hbutton A:hover {color: #993246; text-decoration: none; border: 1px solid #70232B;}

.HbuttonOn{margin: 20px 0 0 9px; padding: 0; background-image:url(images/HbuttonbgOn.gif); background-repeat: no-repeat; width: 525px; }
.HbuttonOn A{color: #772636; font-weight: bold; font-size: 0.9em; text-decoration: none; display: block; border: 1px solid #FFFFFF; z-index: 9; padding: 5px 0 5px 20px;  width: 525px;}
.HbuttonOn A:link {color: #993246;}
.HbuttonOn A:visited {color: #993246;}
.HbuttonOn A:hover {color: #993246; text-decoration: none; border: 1px solid #70232B;}

/*
.HbuttonLowest{background: #EFC589; width: 525px; margin-left: 9px; margin-top: 20px;}
.HbuttonLowest A{width: 525px; color: #772636; font-weight: bold; font-size: 0.9em; text-decoration: none; display: block; padding: 5px 5px 5px 5px; border: 1px solid #FFE0B4; z-index: 8;}
.HbuttonLowest A:link {color: #993246;}
.HbuttonLowest A:visited {color: #993246;}
.HbuttonLowest A:hover {color: #993246; text-decoration: none; width: 525px; border: 1px solid #70232B;} */

#HB1{display: block;}
#HB2{display: block;}
#HB3{display: block;}
#HbuttonRoll1{width: 500px; padding: 5px;
    border-left: 1px solid #70232B;
	border-right: 1px solid #70232B;
	border-bottom: 1px solid #70232B;
    background-color: #FFF0DD; color: #555;
    font-size: 80%; font-weight: normal; z-index: 7;
	visibility: hidden; width: 500px; height: 150px; z-index: 21;
	}
	


/* *** front page rollovers ***** */
/* tooltip from madabout style.com*/
/* TOP BOXES */
a.info{
    position: relative; /*this is the key*/
    z-index: 5; 
    text-decoration: none;}
a.info:hover{z-index: 6; background: transparent;}
a.info span{display: none;}
a.info:hover span{ /*the span will display just on :hover state*/
    display: block;
    position: absolute;
    top: 27px; left: 10px; width: 500px; padding: 5px;
    border-left: 1px solid #70232B;
	border-right: 1px solid #70232B;
	border-bottom: 1px solid #70232B;
    background-color: #FFF0DD; color: #555;
    font-size: 80%; font-weight: normal; z-index: 7;}

/* READINGS BOX */
/* the rec readings box */
.recreadingbox{background-image:url(images/Hrecreadingboxbg.gif); background-repeat: no-repeat; width: 525px; height: 125px; margin: 5px 10px 5px 10px; border: 1px solid white;}
.recreadingbox A{color: #FFFFFF; font-weight: bold; text-decoration: none;}
.recreadingbox A:link {color: #FFFFFF;}
.recreadingbox A:visited {color: #FFFFFF;}
.recreadingbox A:hover {color: #FFFFFF; text-decoration: underline;}
.reading{margin: 5px 0 1px 10px; padding-top: 0; padding-bottom: 0;}
a.info2{
    position: relative; /*this is the key*/
    z-index: 5; 
    text-decoration: none;}
a.info2:hover{z-index: 6; background: transparent;}
a.info2 span{display: none;}
a.info2:hover span{ /*the span will display just on :hover state*/
    display: block;
    position: absolute;
	text-decoration: none;
    top: 3.5em; left: 1px; width: 350px; padding: 5px;
    border-left: 1px solid #70232B;
	border-right: 1px solid #70232B;
	border-bottom: 1px solid #70232B;
    background-color: #FFF0DD; color: #555;
    font-size: 100%; font-weight: normal; z-index: 7;}	
	
/* **** START PAGE ***************************************************** */
.startcontinue{margin-left: 200px;}	
/* **** INTRO PAGES ****************************************************  */
#sidebar{color: #333; width: 275px;} /*background: #ffd299; */
#sidebar p{margin-left: 27px; margin-right: 27px;}
#sidebar p1{margin-left: 27px; margin-right: 27px; margin-top :0;}
#sidebar strong{font-weight: bold; font-size: 110%;}
#sidebarnav{color: 333; background: #FFD9A6;} /*background:  #FFD9A6; #ffd299; */
#sidebarnav h2{color: #443A2C; font-weight: bold; font-size: 9pt; margin: 0; padding: 10px 0 10px 0;}
#introtext{width: 465px;}
#introtext p{color: #443A2C; font-weight: bold; font-size: 11pt; padding: 1px 0 1px 0;}
.intro{color: #443A2C; font-weight: bold; font-size: 9pt; padding: 10px; margin: 0; }
.rollarea{color: #443A2C; background: #FFF0DD;
font-weight: bold; font-size: 11pt; text-decoration: none;
padding: 15px; margin: 0; width: 90%; height: 250px;}
.instructions{color: #443A2C; font-weight: bold; font-size: 11pt; text-decoration: none;
padding: 15px; margin: 0; width: 90%;}

/*  ****************** INTRO PAGE BUTTONS  ***************************** */
/* one line background arrow */
.buttonarr{background-image: url(images/buttonbg-off.gif); width: 300px; background-repeat: no-repeat;}
.buttonarr A{color: #772636; font-weight: bold; font-size: 11pt; text-decoration: none; display: block; padding: 5px;}
.buttonarr A:link{color: #772636;}
.buttonarr A:visited{color: #772636;}
.buttonarr A:hover{color: #772636; text-decoration: none; background-image: url(images/buttonbg300-over.gif); background-repeat: no-repeat;}

/* one line no arrow */
.button{text-decoration: none;}
.button A{color: #772636; font-weight: bold; font-size: 11pt; text-decoration: none; display: block; padding:  1px 1px 1px 5px;}
.button A:link{color: #772636;}
.button A:visited{color: #772636;}
.button A:hover {color: #772636; text-decoration: none; background: #FFFFE1;}

/* one line no arrow */
.tocbutton{text-decoration: none;}
.tocbutton A{color: #772636; font-weight: bold; font-size: 10pt; text-decoration: none; display: block; padding: 0px;}
.tocbutton A:link{color: #772636;}
.tocbutton A:visited{color: #772636;}
.tocbutton A:hover {color: #772636; text-decoration: none; background: #FFFFE1;}

/* one line dot */
.buttondot{background-image: url(images/buttonbgdot-off.gif); 
width: 381px; background-repeat: no-repeat; padding-bottom: 10px;}
.buttondot A{color: #772636; font-weight: bold; font-size: 11pt; text-decoration: none; display: block; 
padding: 5px 5px 5px 25px;}
.buttondot A:link{color: #772636;}
.buttondot A:visited{color: #772636;}
.buttondot A:hover {color: #772636; text-decoration: none; width: 381px; background-image:url(images/buttonbgdot-over.gif); background-repeat: no-repeat;}

/* two line background arrow */
.buttonarr2line{background-image: url(images/buttonbg-off.gif); width: 300px; background-repeat: no-repeat;}
.buttonarr2line A{color: #772636; font-weight: bold; font-size: 11pt; text-decoration: none; display: block; padding: 5px;}
.buttonarr2line A:link{color: #772636;}
.buttonarr2line A:visited{color: #772636;}
.buttonarr2line A:hover{color: #772636; text-decoration: none; background-image: url(images/button2linebg300-over.gif); background-repeat: no-repeat;}

/* two line no arrow */
.button2line{text-decoration: none;}
.button2line A{color: #772636; font-weight: bold; font-size: 9pt; text-decoration: none; display: block; padding: 5px;}
.button2line A:link{color: #772636;}
.button2line A:visited{color: #772636;}
.button2line A:hover {color: #772636; text-decoration: none; background: #FFFFE1;}

/* one line header */
.headerarrowOpen{background-image: url(images/headerbg-off-open.gif); 
width: 381px; background-repeat: no-repeat; padding-bottom: 10px; color: #443A2C; font-weight: bold; font-size: 11pt; text-decoration: none; display: block; 
padding: 5px 5px 5px 25px;}
.headerarrow{background-image: url(images/headerbg-off-closed.gif); 
width: 381px; background-repeat: no-repeat; padding-bottom: 10px;}
.headerarrow A{color: #772636; font-weight: bold; font-size: 11pt; text-decoration: none; display: block; 
padding: 5px 5px 1px 25px;}
.headerarrow A:hover {color: #772636; text-decoration: none; width: 381px; background-image:url(images/headerbg-over-closed.gif); background-repeat: no-repeat;}

/* instructions area */
.instructions{color: #443A2C; font-weight: bold; font-size: 11pt; text-decoration: none; padding: 10px; margin: 0; width: 90%;}	
	
/* rollover area */
.rollarea{color: #443A2C; font-weight: bold; font-size: 11pt; text-decoration: none;  background: #FFF0DD; padding: 10px; margin: 0; width: 90%;}	
.rollfill{background: #FFF0DD;}
.dropcap{font-size: 14pt; margin-top: 5px;}


#test{font-size: 130%; font-weight: normal; background: #fc0; padding: 5px; border: 1px solid #333;}
#test ul {padding: 0;;} /* for test page only */
#test li {font-size: 110%;} /* for test page only */

#vidcaption {
  color: #ffffff; font-family: verdana,arial,helvetica,sans-serif; font-size:   10pt;  font-weight: normal;  font-style:  normal; 
}
#counterDiv {
  color: #ffffff; font-family: verdana,arial,helvetica,sans-serif; font-size:   9pt;  font-weight: normal;  font-style:  normal;  
}

/* LAYERS */
#vidbox{background: #9B5563; visibility: hidden; float: right; top: 155px; width: 480px; height: 360px; border: 3px solid #333;  left: 375px; z-index: 10;}
#vidbox p{color: #eee; font-weight: bold;}
#vbox{visibility: visible; position: absolute; left: 30px; width: 480px; height: 360px;}
#vbox p{color: #555; font-weight: bold; padding: 10px;}
#b0roll{background: #FFD9A6; visibility: visible; position: absolute; top: 180px; left: 344px; width: 470px; z-index: 9;}
#vidbox p{color: #eee; font-weight: bold;}
#b1roll{visibility: hidden; float: right;  width: 470px; height: 150px; z-index: 21;}
#b2roll{visibility: hidden; float: right;  width: 470px; height: 150px; z-index: 22;}
#b3roll{visibility: hidden; float: right;  width: 470px; height: 150px; z-index: 23;}
#b4roll{visibility: hidden; float: right;  width: 470px; height: 150px; z-index: 24;}
#b5roll{visibility: hidden; float: right;  width: 470px; height: 150px; z-index: 25;}
#b6roll{visibility: hidden; float: right;  width: 470px; height: 150px; z-index: 26;}
#s0roll{visibility: visible; position: absolute; top: 367px; left: 381px; width: 456px; height: 206px;}
#s1roll{visibility: hidden; position: absolute; top: 367px; left: 381px; width: 456px; height: 206px;}
#s2roll{visibility: hidden; position: absolute; top: 367px; left: 381px; width: 456px; height: 206px;}
#s3roll{visibility: hidden; position: absolute; top: 367px; left: 381px; width: 456px; height: 206px;}
#s4roll{visibility: hidden; position: absolute; top: 367px; left: 381px; width: 456px; height: 206px;}



#####################
# toc lists
# 
#toclist ul li.second {
	margin-left: 0;
	padding-left: 0;
	display: block;

	border: none;
	} 

#toclist ul li.first {
	margin-left: -20;
	padding-left: 0;
	display: block;
	list-style: none;

	border: none;
	} 

#toclist ul li {
	margin-left: 20;
	padding-left: 0px;
	border: none;
display: block;

		}

	
#toclist ul li.second:before {
	content: " ";
	}





 /** FANCYBOX **/
 .fancybox-wrap,.fancybox-skin,.fancybox-outer,.fancybox-inner,.fancybox-image,.fancybox-wrap iframe,.fancybox-wrap object,.fancybox-nav,.fancybox-nav span,.fancybox-tmp{border:0;outline:none;vertical-align:top;margin:0;padding:0;}
.fancybox-wrap{position:absolute;top:0;left:0;z-index:8020;}
.fancybox-skin{position:relative;background:#f9f9f9;color:#444;text-shadow:none;-webkit-border-radius:4px;-moz-border-radius:4px;border-radius:4px;}
.fancybox-opened{z-index:8030;}
.fancybox-opened .fancybox-skin{-webkit-box-shadow:0 10px 25px rgba(0,0,0,0.5);-moz-box-shadow:0 10px 25px rgba(0,0,0,0.5);box-shadow:0 10px 25px rgba(0,0,0,0.5);}
.fancybox-outer,.fancybox-inner{position:relative;}
.fancybox-type-iframe .fancybox-inner{-webkit-overflow-scrolling:touch;}
.fancybox-error{color:#444;font:14px/20px "Helvetica Neue",Helvetica,Arial,sans-serif;white-space:nowrap;margin:0;padding:15px;}
.fancybox-image,.fancybox-iframe{display:block;width:100%;height:100%;}
.fancybox-image{max-width:100%;max-height:100%;}
#fancybox-loading,.fancybox-close,.fancybox-prev span,.fancybox-next span{background-image:url(/he-main/resources/images/fancybox_sprite.png);}
#fancybox-loading{position:fixed;top:50%;left:50%;margin-top:-22px;margin-left:-22px;background-position:0 -108px;opacity:0.8;cursor:pointer;z-index:8060;}
#fancybox-loading div{width:44px;height:44px;background:url(/he-main/resources/images/fancybox_loading.gif) center center no-repeat;}
.fancybox-close{position:absolute;top:-18px;right:-18px;width:36px;height:36px;cursor:pointer;z-index:8040;}
.fancybox-nav{position:absolute;top:0;width:40%;height:100%;cursor:pointer;text-decoration:none;background:transparent url(/he-main/resources/images/blank.gif);-webkit-tap-highlight-color:rgba(0,0,0,0);z-index:8040;}
.fancybox-prev{left:0;}
.fancybox-next{right:0;}
.fancybox-nav span{position:absolute;top:50%;width:36px;height:34px;margin-top:-18px;cursor:pointer;z-index:8040;visibility:hidden;}
.fancybox-prev span{left:10px;background-position:0 -36px;}
.fancybox-next span{right:10px;background-position:0 -72px;}
.fancybox-tmp{position:absolute;top:-99999px;left:-99999px;visibility:hidden;max-width:99999px;max-height:99999px;overflow:visible!important;}
.fancybox-overlay{position:absolute;top:0;left:0;overflow:hidden;display:none;z-index:8010;background:url(/he-main/resources/images/fancybox_overlay.png);}
.fancybox-overlay-fixed{position:fixed;bottom:0;right:0;}
.fancybox-lock .fancybox-overlay{overflow:auto;overflow-y:scroll;}
.fancybox-title{visibility:hidden;font:normal 13px/20px "Helvetica Neue",Helvetica,Arial,sans-serif;position:relative;text-shadow:none;z-index:8050;}
.fancybox-title-float-wrap{position:absolute;bottom:0;right:50%;margin-bottom:-35px;z-index:8050;text-align:center;}
.fancybox-title-float-wrap .child{display:inline-block;margin-right:-100%;background:rgba(0,0,0,0.8);-webkit-border-radius:15px; -moz-border-radius:15px;border-radius:15px;text-shadow:0 1px 2px #222;color:#FFF;font-weight:700;line-height:24px;white-space:nowrap;padding:2px 20px;}
.fancybox-title-outside-wrap{position:relative;margin-top:10px;color:#fff;}
.fancybox-title-inside-wrap{padding-top:10px;}
.fancybox-title-over-wrap{position:absolute;bottom:0;left:0;color:#fff;background:rgba(0,0,0,.8);padding:10px;}
.fancybox-inner,.fancybox-lock{overflow:hidden;}
.fancybox-nav:hover span,.fancybox-opened .fancybox-title{visibility:visible;}
 .etabs { margin: 0; padding: 0; }
    li.tab { display: inline-block; zoom:1; *display:inline; border: solid 1px #999; border-bottom: none; -moz-border-radius: 4px 4px 0 0;  background-color: #c6b59c; -webkit-border-radius: 4px 4px 0 0; margin-bottom: 0px; }
   li.tab a { font-size: 11px; line-height: 2em; display: block; padding: 0 7px; outline: none; font-weight: bold; color: #b10021}
    li.tab a:hover { text-decoration: none; }
    li.tab.active { background: #fff; padding-top: 6px; position: relative; top: 1px; border-color: #666; background-color: #fff; color: #fff }
    li.tab a.active { font-weight: bold; color: #b10021;}
    .tab-container .panel-container { background: #fff; border: solid #666 1px; padding: 10px; -moz-border-radius: 0 4px 4px 4px; -webkit-border-radius: 0 4px 4px 4px; }
    .panel-container { margin-bottom: 10px; }