/* 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 */

#rokbox2-wrapper.rokbox2-dark{width:240px;overflow:hidden; background-image:url(/images/loginbg.png); background-repeat:no-repeat; height:254px; padding:10px 0px 10px 20px; overflow:hidden; }
#rokbox2-wrapper .clr {clear:both;}
#rokbox2-close{
	height:30px;
	width:30px;
	display:block;
	background:url(/images/close.jpg) 0 0 no-repeat;
	clear:both;
	background-position:right bottom;	
	z-index:10;
	position:relative; 
	padding-left:210px;
	  
	}
#rokbox2-close span{display:none;}
/* Table for border look and feel */
#rokbox2-top.rokbox2-left{ }
#rokbox2-top .rokbox2-right{}
#rokbox2-top .rokbox2-center{}
#rokbox2-middle {overflow: hidden;}
#rokbox2-middle.rokbox2-left{}
#rokbox2-middle .rokbox2-right{}
#rokbox2-middle .rokbox2-center{}
#rokbox2-bottom.rokbox2-left{}
#rokbox2-bottom .rokbox2-right{}
#rokbox2-bottom .rokbox2-center{}
/* Object/Image container */
#rokbox2-container{z-index:0;
position:relative; margin-top:-25px; background-color:#FFF;}
/* Spinner class that gets added when loading content and removed when loaded */
#rokbox2-container.spinner{ background:url(ajax-loader.gif) 50% 50% no-repeat;}
/* Arrows wrapper (for previous and next when visible) */
#rokbox2-arrows{margin-top:15px;position:absolute;right:0;width:70px;height:20px;}
#rokbox2-arrows a{float:left;display:block;width:20px;height:20px;margin-right:5px;}
/* Previous arrow and its text span */
#rokbox2-arrows #rokbox2-previous{background:url(prev.png) 0 0 no-repeat}
#rokbox2-arrows #rokbox2-previous span{display:none;}
/* text wrapper,useful to set as display none when using images */
/* Next arrow and its text span */
#rokbox2-arrows #rokbox2-next{background:url(next.png) 0 0 no-repeat}
#rokbox2-arrows #rokbox2-next span{display:none;}
/* text wrapper,useful to set as display none when using images */
#rokbox2-arrows #rokbox2-previous.inactive,
#rokbox2-arrows #rokbox2-next.inactive{background-position:0 -20px;}
/* Captions wrapper and titles and descriptions */
#rokbox2-caption{padding-top:25px;font-family:Helvetica,Arial,sans-serif;}
#rokbox2-caption h2{/* titles */
margin:0 0 10px 0;padding:0;color:#999;font-size:18px;font-weight:bold;}
#rokbox2-caption p{/* description */
margin:0;color:#ccc;font-size:12px;}