/*@import url("common.css"); */

#imgPreviewContainer {
  padding:5px;
  border:1px solid #CCC;
  background:#FFF url(../images/spinner.gif) center center no-repeat;
  min-width:40px;
  min-height:40px;
  width:auto !important;
  width:40px;
  height:auto !important;
  height:40px;
  z-index:2;
}

.imgPreviewratingContainer {
  padding:2px;
  background:#FFF url(../images/spinner.gif) center center no-repeat;
  width:auto !important;
  height:auto !important;
}


.imgPreviewContainer {
  padding:5px;
  border:1px solid #CCC;
  background:#FFF url(../images/spinner.gif) center center no-repeat;
  min-width:40px;
  min-height:40px;
  width:auto !important;
  width:40px;
  height:auto !important;
  height:40px;
}

.loading {
  padding:5px;
  border:1px solid #CCC;
  background:#FFF url(../images/spinner.gif) center center no-repeat;
  min-width:40px;
  min-height:40px;
  width:auto !important;
  width:40px;
  height:auto !important;
  height:40px;
}

.fixheight {
  min-width:186px;
  min-height:140px;
  max-width:186px;
  max-height:140px;
  width:186px;
  height:140px;
  vertical-align:middle
}

/* Pagination */

.pagination-wrapper {
  clear:both;
  float:left;
  width:100%;
  padding-bottom:20px;
}
.pagination {
  float:right;
  margin:5px 0;
  font-size:0.9em;
}
.pagination .first,
.pagination .last,
.pagination .prev,
.pagination .next {
  float: left;
  position: relative;
  padding: 0px 5px;
  margin-right: 5px;
  text-align: center;
  border: 1px solid;
  text-decoration: none;
}
.pagination .prev {
  margin-right: 10px;
}
.pagination .next {
  margin-left: 5px;
}
.pagination span.first,
.pagination span.last,
.pagination span.prev,
.pagination span.next {
  color: #777;
}
.pagination .num,
.pagination .current {
  float: left;
  position: relative;
  text-align: center;
  padding: 0px 2px;
  margin-right: 5px;
  width: 20px;
  border: 1px solid #0066FF;
  text-decoration: none;
}
.pagination .current {
  font-weight: bold;
  background: #FFE4B5;
}

/* rating */

/* rating */
* html .rating{
  width:60px;
  height:12px;
  padding:0px;
  margin:0px;
  list-style:none;
  margin-top:1px;
/*  margin-left:-50px;*/  
  position:relative;
  overflow:hidden;
  background: url(../images/ratingstars.gif) no-repeat 0 0;
  float:right;}
  
.rating{
  width:60px;
  height:12px;
  padding:0px;
  margin:0px;
  list-style:none;
  position:relative;
  overflow:hidden;
  background: url(../images/ratingstars.gif) no-repeat 0 1px;
  margin-top:1px;
  float:right;
}
.star0 {background-position:0 0}
.star1 {background-position:0 -12px}
.star2 {background-position:0 -24px}
.star3 {background-position:0 -36px}
.star4 {background-position:0 -48px}
.star5 {background-position:0 -60px}
ul.rating li {
  cursor: pointer;
  float:left;
  text-indent:-999em;
  border:0;
}
ul.rating li a {
  position:absolute;
  left:0;
  top:0;
  width:12px;
  height:12px;
  text-decoration:none;
  z-index: 200;
  outline:none;
}
ul.rating li.rate1 a {left:0}
ul.rating li.rate2 a {left:12px;}
ul.rating li.rate3 a {left:24px;}
ul.rating li.rate4 a {left:36px;}
ul.rating li.rate5 a {left:48px;}
ul.rating li a:hover {
  z-index:2;
  width:60px;
  height:12px;
  overflow:hidden;
  left:0;
  background: url(../images/ratingstars.gif) no-repeat 0 0
}
ul.rating li.rate1 a:hover {background-position:0 -12px;}
ul.rating li.rate2 a:hover {background-position:0 -24px;}
ul.rating li.rate3 a:hover {background-position:0 -36px}
ul.rating li.rate4 a:hover {background-position:0 -48px}
ul.rating li.rate5 a:hover {background-position:0 -60px}

.fade{
opacity:0.3;
filter:alpha(opacity=30);
text-decoration:none;
}

/**************Drafts Gallery Start**************/
.why-hidd {
float: left;
width: 190px;
text-align: center;
margin-top: -47px;
font-weight: bold;
display: none;
position: relative;
}

.why-hidd a {
    border: 1px solid #CFCFCF !important;
    padding: 5px;
}

.drafts-gallery li:hover .why-hidd {
display: block;
}

.drafts-gallery{
	float: left;
	padding: 0 0 0 35px;
	width: 959px;
}
	.drafts-gallery li{
		margin: 0 20px 20px 8px;
		padding: 7px !important;
		float: left;
		display: inline;
		border: 1px solid #CCCCCC;
		width: 190px;
		height: 178px;
	}
	.by-designer{
		float: left;
		width: 155px;
		height: 20px;
	}
	.design-id{
		float: right;
		width: 35px;
		text-align: right;
	}
	.draft{
		width: 190px;
		height: 140px;
		text-align: center;
		clear: left;
		display: block;
	}
	.draft-options{
		position: relative;
		float: right;
		margin-top: -140px !important;
		padding: 0;
		text-align: right;
		font-size: 13px !important;
		width: 110px;
	}
		.draft-options li{
			margin: 0 0 1px 0 !important;
			padding: 0 7px 0 0 !important;
			border: 0 !important;
			height: 16px;
			width: 110px;
			background: #333333;
			clear: left;
		}
			.draft-options li a{
				color: #fff !important;
			}
			
	.rate-it{
		float: right;
		width: 60px;
		height: 12px;
		background-image: url(../images/ratingstars.gif);
		margin-top: 4px;
		clear: both;
	}
		.star0 {
		background-position: 0 0;
		}
		.star1 {
			background-position: 0 -12px;
		}
		.star2 {
			background-position: 0 -24px;
		}
		.star3 {
			background-position: 0 -36px;
		}
		.star4 {
			background-position: 0 -48px;
		}
		.star5 {
			background-position: 0 -60px;
		}
		
	.rejected{
		width: 190px !important;
		padding: 0 !important;
		font-size: 18px !important;
		font-weight: bold;
		color: #000 !important;
		text-align: center;
		position: relative;
		float: left;
		margin: 50px 0 -85px 0;
		clear: left;
	}
/**************Drafts Gallery End**************/