/* 
polygon styles for collapsible slider arrow
Based on polygons.css by Tantek Celik. 
-------------------------------------------------------------------*/

div.eg {
  position: relative;
  left: 324px;
  top: 0;
  z-index: 3;
  display: none;
}
.hidden div.eg {
  display: none;
}
#ie6only div.eg {
  height: 0px;
}
#ie6only .first div.eg {
  bottom: 6.8em;
}
.trapezoid { 
  vertical-align: text-bottom; 
} 
.polygon,
.trapezoid { 
  margin:0; 
  padding:0; 
  background:none; 
}
a.polygon {
  position: absolute;
  left: 0;
  top: 0em; 
  border: none; 
  display: block; 
  text-align: center; 
  text-decoration: none;
  width: 3em;
  height: 6em;
}
#ie6only a.polygon {
  width: 24px;
  height: 77px;
  background: url(/resources/dyn/files/160350/_fn/slider_img_active.gif) no-repeat top right;
}

.trapezoid {
  display: block; 
  float: left;
}
.polygon .oo { 
  border-left:1.1em solid #fee7b1;
  border-right:none; 
  width:1px; 
  height:0; 
  border-top:3em solid transparent; 
  border-bottom:3em solid transparent;
}
.polygon .aa { 
  background: #fee7b1;
  width: 1.2em;
  height: 6em;
}
#ie6only .eg span {
  display: none;
}