/*** rokbox-style.css ***/

/* CSS Guideline to style rokbox */
/* When adding your own theme,make sure to replace "custom" with your theme name */
/* use lowercase characters and no space. For example,we name our theme "mytheme" */
/* we replace every "rokbox-light" with "rokbox-mytheme" */
/* Wrapper,the very outside container of rokbox */
#rokbox-wrapper.rokbox-dark{}
#rokbox-wrapper .clr {clear:both;}
#rokbox-close{height:20px;width:60px;display:block;background:url(close.png) 0 0 no-repeat;clear:both;margin:5px 0 0 0;}
#rokbox-close span{display:none;}

/* ----------Table for border look and feel----------- */
#rokbox-top.rokbox-left{}
#rokbox-top .rokbox-right{}
#rokbox-top .rokbox-center{padding:0px;margin:0;}
#rokbox-middle {overflow: hidden;}
#rokbox-middle.rokbox-left{}
#rokbox-middle .rokbox-right{}
#rokbox-middle .rokbox-center{margin:0 auto}
#rokbox-bottom.rokbox-left{}
#rokbox-bottom .rokbox-right{}
#rokbox-bottom .rokbox-center{height:1px;margin-left:1px;margin-right:1px;}

/* ----------Object/Image container  ----------*/
#rokbox-container{}

/* ----------Spinner class that gets added when loading content and removed when loaded  ----------*/

#rokbox-container.spinner{background:url(ajax-loader.gif) 50% 50% no-repeat;}

/* ----------Warning class that gets added when erroring ---------- */
#rokbox-container.warning{background:url(warning.png) 50% 50% no-repeat;}
#rokbox-container.warning h1 {position: absolute;text-align: center;margin-left: -20px;}

/* ----------Arrows wrapper (for previous and next when visible) ---------- */
#rokbox-arrows{margin-top:5px;position:absolute;right:0;width:70px;height:20px;}
#rokbox-arrows a{float:left;display:block;width:20px;height:20px;margin-right:5px;}

/* ----------Previous arrow and its text span ---------- */
#rokbox-arrows #rokbox-previous{background:url(prev.png) 0 0 no-repeat}
#rokbox-arrows #rokbox-previous span{display:none;}

/* ----------text wrapper,useful to set as display none when using images  ----------*/

/* ---------- Next arrow and its text span ---------- */
#rokbox-arrows #rokbox-next{background:url(next.png) 0 0 no-repeat}
#rokbox-arrows #rokbox-next span{display:none;}

/* ---------- text wrapper,useful to set as display none when using images  ----------*/
#rokbox-arrows #rokbox-previous.inactive,
#rokbox-arrows #rokbox-next.inactive{background-position:0 -20px;}

/*-------Captions wrapper and titles and descriptions--------*/
#rokbox-caption{display:block;height:20px;padding:3px 0 5px 0;margin:px;font-family:Helvetica,Arial,sans-serif;background:#000;}
#rokbox-caption h2{margin:3px 10px 0 10px;padding:0 10px 0 0;color:#fff;font-size:11px;font-weight:bold;float:left;display:block;}
#rokbox-caption p{margin:0;padding:0 10px;color:#fff;font-size:11px;float:leftdisplay:block;}