

/* container & overlay  */

#shadowbox_container, #shadowbox_overlay { top: 0; left: 0; height: 100%; width: 100%; margin: 0; padding: 0; font-size:13px; }

#shadowbox_container { position: fixed; display: block; visibility: hidden; z-index: 999; text-align: center; /* centers #shadowbox in quirks and IE */ }

#shadowbox_overlay { position:absolute; background:none !important;}



/* shadowbox  */

#shadowbox { position:relative; margin:0 auto; text-align:left; /* reset left alignment */ }



/* body  */

#shadowbox_body { position:relative; margin:0; border:55px solid transparent; border-width:0 55px;}

#shadowbox_body_inner { position: relative; height:100%;}

#shadowbox_body_inner img { border:1px solid #ccc; border-width:1px 0;}

#shadowbox_content.html { height:100%; overflow:auto; /* make html content scrollable */ }



/* loading  */

#shadowbox_loading { position:absolute; top:0; width:100%; height:100%; background:#fff;}

#shadowbox_loading_inner { position:absolute; top:44%; left:38%;}

#shadowbox_loading_indicator { float:left; margin:0 10px; height:16px; width:16px; background:url(/scripts/shadowbox/skin/sitemakers/ajax-loader.gif) no-repeat;}

#shadowbox_loading span { float:left;}

#shadowbox_loading span a, #shadowbox_loading span a:hover { color:#B41C2B; }



/* title & info  */

#shadowbox_title, #shadowbox_info { position: relative; margin:0; /* these must have no vertical margin or padding */ padding:0; overflow: hidden; }

#shadowbox_title_inner, #shadowbox_info_inner { position:relative; line-height:16px; color:#000;}

#shadowbox_title { height:30px; padding:48px 55px 0;}

#shadowbox_title a { color:#A9AFB7; border:none; font-size:12px; margin-left:10px;}

#shadowbox_title a:hover, #shadowbox_title a:focus { color:#000;}

#shadowbox .b, #shadowbox .e { display:block; position:absolute;}

#shadowbox .b { width:62px; height:80px;}

#shadowbox .tl { left:-7px; top:0; background:url(/scripts/shadowbox/skin/sitemakers/icons/tl.png) no-repeat 0 0;}

#shadowbox .tr { right:-7px; top:0; background:url(/scripts/shadowbox/skin/sitemakers/icons/tr.png) no-repeat -21px 0;}

#shadowbox .bl { left:-7px; bottom:0; background:url(/scripts/shadowbox/skin/sitemakers/icons/bl.png) no-repeat 0 -3px;}

#shadowbox .br { right:-7px; bottom:0; background:url(/scripts/shadowbox/skin/sitemakers/icons/br.png) no-repeat -21px -3px;}

#shadowbox .left { left:-62px; top:0; width:62px; height:100%; background:url(/scripts/shadowbox/skin/sitemakers/icons/left.png) repeat-y 0 0;}

#shadowbox .right { right:-62px; top:0; width:62px; height:100%; background:url(/scripts/shadowbox/skin/sitemakers/icons/right.png) repeat-y -21px 0;}

#shadowbox .top { left:0; top:-68px; width:100%; height:75px; background:url(/scripts/shadowbox/skin/sitemakers/icons/top.png) repeat-x 0 -10px;}

#shadowbox .bot { right:0; bottom:-70px; width:100%; height:75px; background:url(/scripts/shadowbox/skin/sitemakers/icons/bottom.png) repeat-x 0 0;}

#shadowbox_title_inner { padding:7px 0 10px; z-index:10; font-size:14px !important;}

#shadowbox_info { height:30px; padding:0 55px 48px;}

#shadowbox_info_inner { padding:5px 0 45px; font-size:12px !important;}



/* nav  */

#shadowbox_nav { float:right; height:16px; padding:2px 0; width:45%; }

#shadowbox_nav .nav { display:block; text-indent:-9000px; float:right; height:16px; width:16px; margin-left:3px; cursor:pointer; background:url(/scripts/shadowbox/skin/sitemakers/icons/icons.gif) no-repeat 0 0; border:none;}

#shadowbox_nav .sclose { background-position:-64px 0;}

#shadowbox_nav .sclose:hover { background-position:-64px -16px;}

#shadowbox_nav .snext { background-position:-32px 0;}

#shadowbox_nav .snext:hover { background-position:-32px -16px;}

#shadowbox_nav .sprev { background-position:-48px 0;}

#shadowbox_nav .sprev:hover { background-position:-48px -16px;}

#shadowbox_nav .splay { background-position:-16px 0;}

#shadowbox_nav .splay:hover { background-position:-16px -16px;}

#shadowbox_nav .spause {}

#shadowbox_nav .spause:hover { background-position:0 -16px;}



/* counter  */

#shadowbox_counter { float:left; padding:2px 0; width:45%; color:#A9AFB7;}

#shadowbox_counter a { padding:0 4px 0 0; text-decoration:none; cursor:pointer; color:#000;}

#shadowbox_counter a.shadowbox_counter_current { text-decoration: underline;}



/* clear  */

div.shadowbox_clear { clear:both;}



/* messages  */

div.shadowbox_message { padding: 10px; text-align: center; }

div.shadowbox_message a:link, div.shadowbox_message a:visited { color: #fff; text-decoration: underline; }

