/*
 *      file name  :  progress-style.css
 *      written on :  92/03/01 (May 22, 2013 )
 *      author     :  Nima Shokri
 */

/*
 * -----------------------------------------------------------------------------
 */
.progress{text-align:right; padding:5px;margin:0 3px 0 0;}
.progress .pb-head{border-bottom:dotted 1px #cccccc;}
.progress-bar{/*margin-right:-10px;*/}
.progress-bar ul{ list-style-type:none; padding:0px; margin:0px; }
.progress-bar li{ list-style-type:none; padding:0px; margin:0px; display:block;clear:both;}
.progress ul{ list-style-type:none; padding:0px; margin:0px; }
.progress li{ list-style-type:none; padding:0px; margin:0px; display:block;clear:both;}

.progress-bar {margin-right:0;margin-top:4px;}
.progress-bar .pb-right{float:right; background: url(../images/progress-bg.png) right 0 no-repeat; height:23px;width:12px;}
.progress-bar .pb-middle{float:right; background: url(../images/progress-bg.png) right -23px ; height:23px;width:0;text-align:center;vertical-align:middle;}
.progress-bar .pb-left{float:right; background: url(../images/progress-bg.png) left 0 no-repeat; height:23px;width:16px;}

.progress-bar .pb-middle span{font-weight:bold;color:#f8f8f8;display:block;margin-top:2px;position:relative; width:100%; margin-right:-8px;}
/* red */
.pb-red .pb-right{ background-position: right 0;}
.pb-red .pb-middle{ background-position: right -23px;}
.pb-red .pb-left{ background-position: left 0;}
/* orange */
.pb-orange .pb-right{ background-position: right -47px;}
.pb-orange .pb-middle{ background-position: right -70px;}
.pb-orange .pb-left{ background-position: left -47px;}
/* orange */
.pb-green .pb-right{ background-position: right -93px;}
.pb-green .pb-middle{ background-position: right -116px;}
.pb-green .pb-left{ background-position: left -93px;}
/* orange */
.pb-blue .pb-right{ background-position: right -140px;}
.pb-blue  .pb-middle{ background-position: right -163px;}
.pb-blue  .pb-left{ background-position: left -140px;}
/* silver */
.pb-silver  .pb-right{ background-position: right -187px;}
.pb-silver  .pb-middle{ background-position: right -210px;}
.pb-silver  .pb-left{ background-position: left -187px;}


/*-------------------------------------------------------------------------------------*/
.small-rating{height:16px; width:106px;}
.small-rating .rating-box{}
.small-rating .rating-box .rating-star{height:16px; width:16px; float:right;padding: 0 1px 0 1px;cursor:pointer;}
.small-rating .rating-box .star0{background: url(../images/star-a-0.png) no-repeat top right;}
.small-rating .rating-box .star1{background: url(../images/star-a-1.png) no-repeat top right;}
.small-rating .rating-box .star2{background: url(../images/star-a-2.png) no-repeat top right;}
.small-rating .rating-box .rating-msg{height:16px; width:16px; float:right; }
.small-rating .rating-box .msg-suc{background: url(../images/trueIcon.png) no-repeat center center; }
.small-rating .rating-box .msg-err{background: url(../images/err.png) no-repeat center center; }

.large-rating{height:16px; width:154px;}
.large-rating .rating-box{}
.large-rating .rating-box .rating-star{height:24px; width:24px; float:right;padding: 0 1px 0 1px;cursor:pointer;}
.large-rating .rating-box .star0{background: url(../images/star-b-0.png) no-repeat top right;}
.large-rating .rating-box .star1{background: url(../images/star-b-1.png) no-repeat top right;}
.large-rating .rating-box .star2{background: url(../images/star-b-2.png) no-repeat top right;}
.large-rating .rating-box .rating-msg{height:24px; width:24px; float:right; }
.large-rating .rating-box .msg-suc{background: url(../images/trueIcon.png) no-repeat center center; }
.large-rating .rating-box .msg-err{background: url(../images/err.png) no-repeat center center; }