/****************************************************************************************************************************************
	COLORBOX LIGHTBOX POPUP
*******************************/
#colorbox, #cboxOverlay, #cboxWrapper{position:absolute; top:0; left:0; z-index:9999; }
#cboxOverlay{position:fixed; width:100%; height:100%;}
#cboxMiddleLeft, #cboxBottomLeft{clear:left;}
#cboxContent{position:relative;}
#cboxLoadedContent{overflow:auto;}
#cboxTitle{margin:0;}
#cboxLoadingOverlay, #cboxLoadingGraphic{position:absolute; top:0; left:0; width:100%; height:100%;}
#cboxPrevious, #cboxNext, #cboxClose, #cboxSlideshow{cursor:pointer;}
.cboxPhoto{float:left; margin:auto; border:0; display:block;}
.cboxIframe{width:100%; height:100%; display:block; border:0;}
#colorbox, #cboxContent, #cboxLoadedContent{box-sizing:content-box;}

/* 
    User Style:
    Change the following styles to modify the appearance of ColorBox.  They are
    ordered & tabbed in a way that represents the nesting of the generated HTML.
*/
#cboxOverlay{background:#000;}
#colorbox{}
    #cboxTopLeft{width:21px; height:21px; background:url(../images/controls.png) no-repeat -101px 0;}
    #cboxTopRight{width:21px; height:21px; background:url(../images/controls.png) no-repeat -130px 0;}
    #cboxBottomLeft{width:21px; height:21px; background:url(../images/controls.png) no-repeat -101px -29px;}
    #cboxBottomRight{width:21px; height:21px; background:url(../images/controls.png) no-repeat -130px -29px;}
    #cboxMiddleLeft{width:21px; background:url(../images/controls.png) left top repeat-y;}
    #cboxMiddleRight{width:21px; background:url(../images/controls.png) right top repeat-y;}
    #cboxTopCenter{height:21px; background:url(../images/border.png) 0 0 repeat-x;}
    #cboxBottomCenter{height:21px; background:url(../images/border.png) 0 -29px repeat-x;}
    #cboxContent{background:#fff; }
        .cboxIframe{background:#fff;}
        #cboxError{padding:50px; border:1px solid #ccc;}
        #cboxLoadedContent{/*margin-bottom:28px;*/}
        #cboxTitle{position:absolute; bottom:4px; left:0; text-align:center; width:100%; color:#949494;}
        #cboxCurrent{position:absolute; bottom:4px; left:58px; color:#949494;}
        #cboxSlideshow{position:absolute; bottom:4px; right:30px; color:#0092ef;}
        #cboxPrevious{position:absolute; bottom:0; left:0; background:url(../images/controls.png) no-repeat -75px 0; width:25px; height:25px; text-indent:-9999px;}
        #cboxPrevious:hover{background-position:-75px -25px;}
        #cboxNext{position:absolute; bottom:0; left:27px; background:url(../images/controls.png) no-repeat -50px 0; width:25px; height:25px; text-indent:-9999px;}
        #cboxNext:hover{background-position:-50px -25px;}
        #cboxLoadingOverlay{background:url(../images/loading_background.png) no-repeat center center;}
        #cboxLoadingGraphic{background:url(../images/loading.gif) no-repeat center center;}
        #cboxClose{position:absolute; top:-28px; right:-28px; background:url(../images/btn-closepopup.png) no-repeat 0 0; width:30px; height:30px; text-indent:-9999px;}
		 #cboxClose:hover{background-position:0 -30px}

/*
  The following fixes a problem where IE7 and IE8 replace a PNG's alpha transparency with a black fill
  when an alpha filter (opacity change) is set on the element or ancestor element.  This style is not applied to or needed in IE9.
  See: http://jacklmoore.com/notes/ie-transparency-problems/
*/
.cboxIE #cboxTopLeft,
.cboxIE #cboxTopCenter,
.cboxIE #cboxTopRight,
.cboxIE #cboxBottomLeft,
.cboxIE #cboxBottomCenter,
.cboxIE #cboxBottomRight,
.cboxIE #cboxMiddleLeft,
.cboxIE #cboxMiddleRight {
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#00FFFFFF,endColorstr=#00FFFFFF);
}


/****************************************************************************************************************************************
	NICE SCROLL
*******************************/
/*
 * CSS Styles that are needed by jScrollPane for it to operate correctly.
 *
 * Include this stylesheet in your site or copy and paste the styles below into your stylesheet - jScrollPane
 * may not operate correctly without them.
 */

.jspContainer { overflow: hidden; position: relative; }
.jspPane { position: absolute; }
.jspVerticalBar { position: absolute; top: 0; right: 0; width: 9px; height: 100%; background: transparent }
.jspHorizontalBar { position: absolute; bottom: 0; left: 0; width: 100%; height: 9px; background: transparent; }
.jspVerticalBar *, .jspHorizontalBar * { margin: 0; padding: 0; }
.jspCap { display: none; }
.jspHorizontalBar .jspCap { float: left; }
.jspTrack { background: #dde; position: relative; }
.jspDrag { background: #bbd; position: relative; top: 0; left: 0; cursor: pointer; }

.jspHorizontalBar .jspTrack{background:url(../images/bgr-horizontal-scrollbar.png) no-repeat 50% 50%;}
.jspHorizontalBar .jspDrag{background:url(../images/bgr-horizontal-dragbar.png) no-repeat 50% 50%;}

.jspHorizontalBar .jspTrack, .jspHorizontalBar .jspDrag { float: left; height: 100%; }
.jspArrow { background: #50506d; text-indent: -20000px; display: block; cursor: pointer; }
.jspArrow.jspDisabled { cursor: default; background: #80808d; }
.jspVerticalBar .jspArrow { height: 9px; }
.jspHorizontalBar .jspArrow { width: 9px; float: left; height: 100%; }
.jspVerticalBar .jspArrow:focus { outline: none; }
.jspCorner { background: #eeeef4; float: left; height: 100%; }
/* Yuk! CSS Hack for IE6 3 pixel bug :( */
* html .jspCorner { margin: 0 -3px 0 0; }
.scroll-pane{	width: 100%;height: 248px;overflow: auto;}
.horizontal-only{height: auto;max-height: 248px;}


/****************************************************************************************************************************************
	STAR RATING
*******************************************************************************************************************************/
/* jQuery.Rating Plugin CSS - http://www.fyneworks.com/jquery/star-rating/ */

.rate{ width:100%; overflow:hidden; padding:2px 0 0; height:19px;}
	.rate span.star-on,
	.rate span.star-off,
	.rate span.star-half{ float:left; width:15px; height:12px;}
	.rate span.star-on{background:url(../images/star.png) no-repeat 0 -16px}
	.rate span.star-off{background:url(../images/star.png) no-repeat 0 0}
	.rate span.star-half{background:url(../images/star.png) no-repeat 0 -48px}
	
.rate div.rating-cancel{ display:none!important;}
.rate div.rating-cancel,
.rate div.star-rating{float:left;width:15px;height:12px;text-indent:-999em;cursor:pointer;display:block;background:transparent;overflow:hidden;}
.rate div.rating-cancel,
.rate div.rating-cancel a{background:url(delete.gif) no-repeat 0 -16px}
.rate div.star-rating,
.rate div.star-rating a{background:url(../images/star.png) no-repeat 0 0px}
.rate div.rating-cancel a,
.rate div.star-rating a{display:block;width:15px;height:100%;background-position:0 0px;border:0; }
.rate div.star-rating-on a{background-position:0 -16px!important}
.rate div.star-rating-hover a{background-position:0 -32px}

.ratebig{ overflow:hidden;height:15px; float:left;}
	.ratebig span.star-on,
	.ratebig span.star-off,
	.ratebig span.star-half{ float:left; width:20px; height:15px;}
	.ratebig span.star-on{background:url(../images/starbig.png) no-repeat 0 -20px}
	.ratebig span.star-off{background:url(../images/starbig.png) no-repeat 0 0}
	.ratebig span.star-half{background:url(../images/starbig.png) no-repeat 0 -60px}
	.ratebig strong{ font-size:14px; line-height:16px; margin-left:10px; float:left;}
	
.ratebig div.rating-cancel{ display:none!important;}
.ratebig div.rating-cancel,
.ratebig div.star-rating{float:left;width:20px;height:15px;text-indent:-999em;cursor:pointer;display:block;background:transparent;overflow:hidden; }
.ratebig div.rating-cancel,
.ratebig div.rating-cancel a{background:url(delete.gif) no-repeat 0 -16px}
.ratebig div.star-rating,
.ratebig div.star-rating a{background:url(../images/starbig.png) no-repeat 0 0px}
.ratebig div.rating-cancel a,
.ratebig div.star-rating a{display:block;width:20px;height:100%;background-position:0 0px;border:0; }
.ratebig div.star-rating-on a{background-position:0 -16px!important}
.ratebig div.star-rating-hover a{background-position:0 -32px}
/* Read Only CSS */
div.star-rating-readonly a{cursor:default !important}
/* Partial Star CSS */
div.star-rating{background:transparent!important;overflow:hidden!important}
/* END jQuery.Rating Plugin CSS */