/* 
	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:#fff;}

#colorBox{}
  #borderTopLeft{width:27px; height:27px; background:url(/assets/js/images/borderTopLeft.png) 0 0 no-repeat;}
  #borderTopCenter{height:27px; background:url(/assets/js/images/borderTopCenter.png) 0 0 repeat-x;}
  #borderTopRight{width:27px; height:27px; background:url(/assets/js/images/borderTopRight.png) 0 0 no-repeat;}
  #borderBottomLeft{width:27px; height:27px; background:url(/assets/js/images/borderBottomLeft.png) 0 0 no-repeat;}
  #borderBottomCenter{height:27px; background:url(/assets/js/images/borderBottomCenter.png) 0 0 repeat-x;}
  #borderBottomRight{width:27px; height:27px; background:url(/assets/js/images/borderBottomRight.png) 0 0 no-repeat;}
  #borderMiddleLeft{width:27px; background:url(/assets/js/images/borderMiddleLeft.png) 0 0 repeat-y;}
  #borderMiddleRight{width:27px; background:url(/assets/js/images/borderMiddleRight.png) 0 0 repeat-y;}
  #modalContent {background:#fff; }
    #modalLoadedContent{margin-bottom:20px;}
      #contentTitle{display:none;}
      #contentCurrent{position:absolute; bottom:3px; left:75px;font-size: 10px;}
      #contentPrevious{position:absolute; bottom:3px; left:5px;font-size: 10px;}
      #contentNext{position:absolute; bottom:3px; left:140px;font-size: 10px;}
    #modalLoadingOverlay{background:url(/assets/js/images/loading.gif) 5px 5px no-repeat #fff;}
    #modalClose{position:absolute; bottom:3px; right:5px; display:block;font-size: 10px;}
    #modalClose:hover{background-position:bottom left;}

#modalContent a:link,
#modalContent a:visited {color: #13519A;}

#modalContent a:hover,
#modalContent a:active {
color: #1F8BFF;
text-decoration: none;
}