/* CSS Guideline to style rokbox */
/* When adding your own theme, make sure to replace "sample" with your theme name */
/* use lowercase characters and no spaces. For example, we name our theme "mytheme" */
/* we replace every "rokbox-sample" with "rokbox-mytheme" */

/* Wrapper, the very outside container of rokbox */




/* Wrapper,the very outside container of rokbox */
#rokbox-wrapper.rokbox-light{}








#rokbox-wrapper.rokbox-sample {
	background: #fff;
	padding: 1em;
}

/* clr class is a clearing div added as last element into the wrapper 
#rokbox-wrapper .clr { }*/
#rokbox-wrapper .clr {clear:both;}

/* Close button */
#rokbox-close { height:30px;width:20px;display:block;background:url(close.png) 0 0 no-repeat;clear:both; }
#rokbox-close span { display:none; } /* text wrapper, useful to set as display none when using images */


/* Table for border look and feel */
#rokbox-top.rokbox-left { }
#rokbox-top .rokbox-right { }
#rokbox-top .rokbox-center { }

#rokbox-middle.rokbox-left { }
#rokbox-middle .rokbox-right { }
#rokbox-middle .rokbox-center { }

#rokbox-bottom.rokbox-left { }
#rokbox-bottom .rokbox-right { }
#rokbox-bottom .rokbox-center { }

/* Object/Image container */
#rokbox-wrapper.rokbox-sample #rokbox-container { }

/* Spinner class that gets added when loading content and removed when loaded */
#rokbox-wrapper.rokbox-sample #rokbox-container.spinner { }

/* Arrows wrapper  (for previous and next when visible) */
#rokbox-wrapper.rokbox-sample #rokbox-arrows {
	position: absolute;
	bottom: 5px;
	right: 1em;
}

/* Previous arrow and its text span */
#rokbox-wrapper.rokbox-sample #rokbox-arrows #rokbox-previous { }
#rokbox-wrapper.rokbox-sample #rokbox-arrows #rokbox-previous span { } /* text wrapper, useful to set as display none when using images */
#rokbox-wrapper.rokbox-sample #rokbox-arrows #rokbox-previous.inactive { } /* inactive class is added to the button when there's no previous link */

/* Next arrow and its text span */
#rokbox-wrapper.rokbox-sample #rokbox-arrows #rokbox-next { }
#rokbox-wrapper.rokbox-sample #rokbox-arrows #rokbox-next span { } /* text wrapper, useful to set as display none when using images */
#rokbox-wrapper.rokbox-sample #rokbox-arrows #rokbox-next.inactive { } /* inactive class is added to the button when there's no next link */

/* Captions wrapper and titles and descriptions */
#rokbox-wrapper.rokbox-sample #rokbox-caption { }
#rokbox-wrapper.rokbox-sample #rokbox-caption h2 { /* titles */
		margin: 10px 0 3px;
		padding: 0;
		color: red;
		font-size: 15px;
		font-weight: bold;
} 
#rokbox-wrapper.rokbox-sample #rokbox-caption p { /* description */
		margin: 0; 
		padding: 5px 0;
		color: black;
		font-size: 13px;
}