/* 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-light{   background:url(bottom.gif) bottom no-repeat; }
#rokbox-wrapper.clr {clear:both;}
#rokbox-close{height:28px; width:930px; display:block; background:url(top.gif) 0 0 no-repeat; clear:both; float: right;}
#rokbox-close span{display:none; }
/* Table for border look and feel */
#rokbox-top.rokbox-left{display:none;}
#rokbox-top .rokbox-right{display:none;}
#rokbox-top .rokbox-center{display:none;}
#rokbox-middle {overflow: hidden; }
#rokbox-middle.rokbox-left{clear:both;}
#rokbox-middle .rokbox-right{ width: 0px;}
#rokbox-middle .rokbox-center{margin-left:0px; margin-right:0px; }
#rokbox-bottom.rokbox-left{display:none;}
#rokbox-bottom .rokbox-right{display:none;}
#rokbox-bottom .rokbox-center{display:none;}
/* 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;}
/* Arrows wrapper (for previous and next when visible) */
#rokbox-arrows{margin-top:15px; 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.gif) 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.gif) 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:none; border: 1px solid red;}
*+html #rokbox-caption{margin: 0px ; padding: 0px; font-family: Helvetica, Arial, sans-serif; vertical-align: top; }

#rokbox-caption h2{/* titles */
margin:  padding-left:8px; color:#999; font-size:18px; font-weight:bold;  vertical-align: middle; }
*+html #rokbox-caption h2{/* titles */
margin: 0px; position: absolute;  padding-left: 8px;  color:#999; font-size:16px; font-weight:bold; vertical-align: top; }

#rokbox-caption p{/* description */
margin:0; color:#999; font-size:12px; height: 0px;}