@charset "utf-8";
/* CSS Document */

body{
	margin: 0;
	padding: 0;
	background: url(/images/mycreativesamples/bg.jpg) top left repeat-x #f7f7f7;
	font-family: Arial;
	font-size: 13px;
	color: #4a4a4a;
}

.generate-pdf-btn{
				float: left;
				background: url(/images/mycreativesamples/generate-pdf-btn.jpg) top left no-repeat;
				width: 110px;
				height: 31px;
				border: 0;
				clear: left;
			}
				.generate-pdf-btn:hover{
					background: url(/images/mycreativesamples/generate-pdf-btn-ovr.jpg) top left no-repeat;
				}
	


.clear{clear: both;}
.left{float: left;}
.right{float: right;}
img{border: 0;}
a{color: #32669f;}
a:hover{text-decoration: none;}

#wrapper{
	margin: auto;
	width: 1000px;
	background: url(/images/mycreativesamples/top-bg.jpg) top right no-repeat;
}

#logo{
	float: left;
	margin: 19px 0 0 22px;
	display: inline;
}

#p-info{
	float: right;
	width: auto;
	padding: 60px 15px 0 0;
	font-family: "Trebuchet MS";
	font-size: 17px;
	color: #595959;
	height: 91px;
}

#content-wrap{
	margin: 0;
	padding: 0;
	float: left;
	width: 1000px;
	background: url(/images/mycreativesamples/page-shad.png) top left repeat-y;
}

#content{
	float: left;
	margin: 0;
	padding: 20px;
	width: 960px;
}

.blue-txt{color: #0a68a7;}

p{
	margin: 0;
	padding: 0 0 20px 0;
	font-size: 13px;
	line-height: 18px;
}

h1{
	margin: 0;
	padding: 20px 0 20px 0;
	color: #0a68a7;
	font-family: "Trebuchet MS";
	font-size: 20px;
	clear: left;
}

.design-list{
	float: left;
	margin: 0;
	padding: 0;
	list-style: none;
}
	.design-listing{
		float: left;
		display: inline;
		width: 193px;
		height: 177px;
		background: url(/images/mycreativesamples/design-list-bg.jpg) top left no-repeat;
		margin: 0 7px 14px 0;
		padding: 20px;
	}
	.design-id{
		float: left;
		width: 35px;
		text-align: right;
		width: 190px;
		height: 20px;
		color: #727272;
		font-size: 12px;
	}
	.draft{
		width: 190px;
		height: 140px;
		text-align: center;
		clear: left;
		display: block;
		margin-bottom: 6px;
	}
	.draft-options{
		position: relative;
		float: right;
		margin-top: -140px;
		padding: 0;
		text-align: right;
		font-size: 13px !important;
		width: 110px;
	}
		.draft-options li{
			margin: 0 0 1px 0;
			padding: 0 7px 0 0;
			height: 16px;
			width: 110px;
			background: #333333;
			clear: left;
		}
			.draft-options li a{
				color: #fff;
			}
			
	.rate-it{
		float: right;
		width: 60px;
		height: 12px;
		background-image: url(/images/mycreativesamples/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;
		padding: 0;
		font-size: 18px;
		font-weight: bold;
		color: #000;
		text-align: center;
		position: relative;
		float: left;
		margin: 50px 0 -85px 0;
		clear: left;
	}


.paging{
	float: right;
	margin: 0;
	padding: 10px 10px 15px 0;
	list-style: none;
	font-size: 13px;
	font-family: Arial !important;
}
	.paging li{
		float: left;
		display: inline;
		margin: 0 4px 0 0;
	}
		.paging li a{
			display: block;
			height: 22px;
			padding: 4px 7px 0 8px;
			text-decoration: none;
			float: left;
			background: url(/images/mycreativesamples/paging-bg.jpg) top left no-repeat;
			border-right: 1px solid #dddddd;
			text-align: center;
		}
		.paging li a:hover, .paging li a.active{
			background: url(/images/mycreativesamples/paging-ovr-bg.jpg) top left no-repeat;
			color: #fff;
			border-right: 1px solid #0460a1;
		}
			.paging li.arr{
				font-family: "Trebuchet MS" !important;
				font-size: 11px !important;
			}
	
.feedback-wrap{
	margin: 0 0 15px 0;
	padding: 0;
	float: left;
	width: 960px;
}
	.avatar{
		float: left;
	}
	.feedback{
		float: right;
		width: 891px;
		margin: 0;
		padding: 0;
	}
		.feedback h2{
			background: url(/images/mycreativesamples/feedback-heading.jpg) top left no-repeat;
			color: #fff;
			margin: 0 0 3px 0;
			padding: 3px 16px 0 16px;
			width: 859px;
			height: 26px;
			font-size: 18px;
			text-shadow: 0 1px 1px #7b7c7d;
			float: left;
		}
			.date{
				font-size: 15px;
				float: right;
				padding-top: 3px;
			}
		.feedback-txt{
			float: left;
			width: 891px;
			margin: 0;
			padding: 0;
			background: url(/images/mycreativesamples/fb-bg.jpg) top left repeat-y;
		}
			.feedback-txt p{
				padding: 0 16px 12px 16px;
			}
			
		.fb-form{
			float: left;
			margin: 0;
			padding: 0;
		}
			.fb-label{
				float: left;
				clear: left;
			}
			.fb-tbox{
				float: left;
				width: 600px;
				height: 24px;
				background: url(/images/mycreativesamples/name-bg.jpg) top left no-repeat;
				margin: 0 0 14px 0;
				padding: 7px 0 0 10px;
				border: 0;
				clear: left;
			}
				.fb-tbox input{
					background: none;
					border: 0;
					width: 290px;
					float: left;
				}
			.fb-tarea{
				float: left;
				width: 546px;
				height: 171px;
				background: url(/images/mycreativesamples/feedback-bg.jpg) top left repeat-x #fbfbfb;
				margin: 0 0 8px 0;
				padding: 10px 4px 5px 10px;
				border: 0;
				font: normal 13px Arial;
				clear: left;
				border: 1px solid #bfbfbf;
			}
				
			.post-fb-btn{
				float: left;
				background: url(/images/mycreativesamples/post-fb-btn.jpg) top left no-repeat;
				width: 110px;
				height: 31px;
				border: 0;
				clear: left;
			}
				.post-fb-btn:hover{
					background: url(/images/mycreativesamples/post-fb-btn-ovr.jpg) top left no-repeat;
				}
	.more-comments{width: 960px; float: left; padding: 0 0 15px 0px; text-align: right;}









#imgPreviewContainer {
  padding:5px;
  border:1px solid #CCC;
  background:#FFF url(/images/mycreativesamples/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/mycreativesamples/spinner.gif) center center no-repeat;
  width:auto !important;
  height:auto !important;
}


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




.rating{
  width:60px;
  height:12px;
  padding:0px;
  margin:0px;
  list-style:none;
  position:relative;
  overflow:hidden;
  background: url(/images/mycreativesamples/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;
}
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/mycreativesamples/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}



label { width: 10em; float: left; }
label.error { color: red; padding: 5px 0 0 15px; width: 200px; }
.submit { margin-left: 12em; }
em { font-weight: bold; padding-right: 1em; vertical-align: top; }


.comdraft{
		
	}
	
	
#original-draft{
	width: 100%;
	clear: both;
	float: left;
	text-align: center;
	margin: 0px 0 20px 0;
	background-color:white;
	
}
#orig-fb-section{
	width: 1000px;
	clear: left;
	margin: 20px auto;
	text-align: left;
}