/* 
	ColorBox example user style
	These rules are ordered and tabbed in a way that represents the order/nesting of the generated HTML, 
	in hope that this will make the relationship easier to understand. Thanks, jack@colorpowered.com
*/
#modalBackgroundOverlay
{
  background: #000000;
}

#colorbox
{
}
#modalContent
{
  margin-top: 32px;
}
#modalLoadedContent
{
  background: #FFFFFF;
  padding: 2px;
}
#contentTitle
{
  position: absolute;
  top: -22px;
  left: 0;
  color: #000;
  font-weight: bold;
}
#contentCurrent
{
  display: none;
}
#contentPrevious
{
  width: 29px;
  height: 32px;
  display: block;
  text-indent: -9999px;
  position: absolute;
  top: -32px;
  right: 60px;
  background: url(../css/buttons.png) left top no-repeat;
}
#contentPrevious:hover
{
  background-position: left bottom;
}
#contentNext
{
  width: 29px;
  height: 32px;
  display: block;
  text-indent: -9999px;
  position: absolute;
  top: -32px;
  right: 28px;
  background: url(../css/buttons.png) right top no-repeat;
}
#contentNext:hover
{
  background-position: right bottom;
}
#modalLoadingOverlay
{
  background: url(../css/loading.gif) center center no-repeat #000;
}
#modalClose
{
  position: absolute;
  top: -32px;
  right: 0px;
  display: block;
  background: url(../css/buttons.png) -29px 0 no-repeat;
  width: 26px;
  height: 32px;
  text-indent: -9999px;
}
#modalClose:hover
{
  background-position: -29px -31px;
  cursor: pointer;
}