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

.form-entry label {
  font-weight:bold;
  font-size:16px;
  color:#444;
}
.form-entry input.text {
  font-size:15px;
  font-weight:bold;
  height:20px;
  line-height:20px;
  color:#0066FF;
  padding:0 3px;
}

#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;
}

.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;
}

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

/*.eliminate{
 min-width:180px;
  min-height:135px;
  max-width:180px;
  max-height:135px;
  width:180px;
  height:135px;
  vertical-align:middle;
}*/

.spandimention{

  min-width:186px;
  min-height:140px;
  width:186px;
  height:140px;
  vertical-align:middle
}

/* Default Listing Layout */

.content-header,
.content-header2,
.content-header3 {
  clear:both;
  border-bottom:1px dotted #8a8a8a;
  padding-bottom:2px;
  margin-bottom:20px;
}
.content-header2 {
  height: 55px;
  position:relative;
}
.content-header2 .info-left {
  position:absolute;
  top:0;
  left:55px;
}
.content-header2 .info-right {
  position:absolute;
  right:0;
  bottom:5px;
  font-size:0.8em;
}

.content .section {
  color:#666;
  font-size:14px;
  line-height:150%;
}
.content p {
  text-align: justify;

}

#contest-listing {
float:left;
width:100%;
border-top:1px solid #999;
}
.contest-listing-hdr,
.contest-listing-hdr2 {
  clear:both;
  color:#777;
}
.contest-listing-hdr {
  margin-top:-20px;
}
.contest-listing-hdr .prize,
.contest-listing-hdr2 .prize {
  float:right;
  padding:5px 20px 5px 0;
  font-weight:bold;
}
.contest-listing .highlighted {
  background-color: #f1fddb;
}
.contest-row {
  float:left;
  width:99%;
  min-height:40px;
  color:#666;
  padding: 5px 5px;
  border-bottom: 1px solid #999;
}
.contest-row .indicator {
  float:left;
  width:52px;
  height:48px;
  color:#FFF;
  text-align:center;
  margin-right:5px;
}
.contest-row .greenbox {
  background: url(../images/greenbox.gif) no-repeat;
}
.contest-row .orangebox {
  background: url(../images/orangebox.gif) no-repeat;
}
.contest-row .redbox {
  background: url(../images/redbox.gif) no-repeat;
}
.indicator .time {
  font-size:24px;
  font-weight:bold;
  display:block;
}
.indicator .text {
  font-size:10px;
  display:block;
}
.indicator .ended {
  font-size:13px;
  font-weight:bold;
  display:block;
  line-height:48px;
}

.contest-row .title-wrapper {
  float:left;
  width:430px;
  overflow: hidden;
  font-family:Arial, Helvetica, sans-serif;
  margin-top:5px;
}
.contest-row .title {
  font-size:14px;
  display:block;
  color:#555;
}
.contest-row.guaranteed .title a {
  color:#FF6600;
}
.contest-row a.bold {
  font-weight:bold;
}
.contest-row a.colored {
  color:#FF9900;
}
.contest-row .subtitle {
  font-size:12px;
}
.contest-row .holder {
  float:right;
  margin:5px 0 0 8px;
  width:70px;
  font-size:12px;
  overflow:hidden;
  white-space:nowrap;
}
.contest-row .holder label {
  display:block;
  padding-bottom:5px;
}
.contest-row .holder span {
  display:block;
}
.contest-row .entries {
  float:right;
  width:60px;
  font-size:12px;
  text-align:center;
  margin-top:5px;
}
.contest-row .entries label {
  display:block;
}
.contest-row .entries span {
  display:block;
  font-size:18px;
}

.contest-row .prize-wrapper {
  float:right;
  text-align:center;
  width:80px;
  margin-top:5px;
  font-size:12px;
}
.contest-row .prize-wrapper label {
  display:block;
}
.contest-row .prize-wrapper .prize {
  display:block;
  font-size:18px;
}
.contest-row .prize-wrapper .guaranteed-tag {
  display:block;
}

.contest-row.guaranteed .prize-wrapper,
.contest-row.guaranteed .title-wrapper,
.contest-row.guaranteed .holder,
.contest-row.guaranteed .entries {
  margin-top:0;
}

.sort-options {
float:left;
width:100%;
margin-bottom:10px;
}

.contest-info1 {
  border-bottom:1px dotted #888;
  margin-bottom:20px;
}

#contest-details-fold{
width:}

/* Sidebar Layout */

.sidebar {
  float:left;
  width:200px;
  padding: 5px;
  border: solid 1px #64cee5;
  margin-bottom:10px;
  font-size:12px;
  background-color:#e1f8fd;
}
.sidebar hr {
  height:30px;
}
.sidebar h2 {
  margin-left:5px;
}

.sidebar-box {
  clear:both;
}
.sidebar-header {
  float:left;
  width:100%;
  position:relative;
  font-size:18px;
  font-weight:bold;
  border-bottom: 1px solid #333;
  margin-bottom:15px;
  color:#18adce;
}
.sidebar-body {
  float:left;
/*  clear:both;*/
  width:200px;
}

.sidebar input.text {
  width:150px;
}

.sidebar ul li {
  float:left;
  line-height:25px;
  display: block;
  border-bottom: 1px solid #CCC;
}
.sidebar ul li label {
  float:left;
  font-size: 14px;
  font-weight:bold;
  color: #777;
}
.sidebar ul li span {
  float:right;
  color: #FF6600;
  font-weight: bold;
}
.sidebar ul li a {
  text-decoration:none;
}
.sidebar ul li a:hover {
  font-weight: bold;
}

.sidebar ul.contest-prizes li {
  line-height: 35px;
  width:100%;
}
.sidebar ul li.prize1 span {
  font-size: 20px;
}
.sidebar ul li.prize2 span {
  font-size: 18px;
}
.sidebar ul li.prize3 span {
  font-size: 16px;
}
.sidebar ul li.prize4 span {
  font-size: 16px;
}
.sidebar ul li.prize5 span {
  font-size: 16px;
}

.sidebar ul.category li,
.sidebar ul.contest-info li {
  width:100%;
}
.sidebar .contest-payment {
  font-size: 13px;
}

/* Homepage Listing Layout */

.homepage-box {
  background-color:#FFFFBB;
  padding:20px;
  height:120px;
  border:10px solid #DDD;
  margin-bottom:25px;
}
.homepage-box h1 {
  color:#FF6000;
}
.homepage-box .holder-info {
  float:left;
  width:440px;
}
.homepage-box .designer-info {
  float:right;
  width:440px;
}

.content-homepage {
  width: 560px;
}
.homepage-row {
  width: 550px;
}
.homepage-row .title-wrapper {
  width:410px;
  white-space: nowrap;
  margin-top:3px;
}
.homepage-row .title {
  font-size:16px;
}
.homepage-row .subtitle {
  font-size:14px;
}
.homepage-row .prize-wrapper {
  margin-top:3px;
}
.sidebar-homepage {
  width:415px;
}
#thumbnails-small li.thumbnail-s-item {
  float:left;
  display:inline;
  padding:5px;
  border:1px solid #CCC;
  background-color:#F0F0F0;
  margin:0 5px 15px;
}
#thumbnails li.thumbnail-item,
#thumbnails li.thumbnail-item-winner {
  float:left;
  display:inline;
  padding:5px;
  border:1px solid #CCC;
  background-color:#F0F0F0;
  margin:0 10px 20px;
  width:165px;
}
#thumbnails li.thumbnail-item-winner {
  background-color:#FFFFCC;
  border-color:#FCC;
}
#thumbnails .thumbnail {
  clear:both;
  text-align:center;
  width:165px;
  height:140px;
  background-color:#FFF;
}

ul.winners li.winners-item {
  clear:both;
  float:left;
  margin-bottom:20px;
  border:1px solid #CCC;
  padding:10px;
  background-color:#FAFAFA;
  width:850px;
}
ul.winners label {
  font-weight:bold;
}
ul.winners li.first {
  background-color:#FFFFE0;
}
ul.winners li.first label {
  font-size:125%;
  color:#FF6600;
}
ul.winners .image {
  float:left;
  margin-right:15px;
}
ul.winners .info {
  margin-left:180px;
}
/* Contest Details */

.info-wrapper {
  font-size:12px;
}
.info-wrapper .name {
  width:100px;
  overflow: hidden;
  white-space: nowrap;
}
.info-wrapper .name2 {
  width:75px;
  overflow: hidden;
  white-space: nowrap;
}
.info-wrapper em {
  font-size:120%;
  font-weight:bold;
  font-style: normal;
}
.won-design {
  background-color:#FFFFCC;
}
.won-design label {
  font-weight:bold;
  color:#0080FF;
}
.won-design .firstprize {
  color:#FF6600;
}

.comment {
  float: left;
  clear: both;
  width: 100%;
  font-size:13px;
  margin-bottom: 20px;
}
.comment-header {
  clear: both;
  position:relative;
  border-top:1px solid #999;
  border-bottom:1px solid #D0D0D0;
  background:#F7F7F7;
  height: 45px;
}
.comment .contest-holder {
  background:#FFFFCC;
}
.comment-header .avatar {
  vertical-align:top;
}
.comment-header .name-wrapper {
  position:absolute;
  top:3px;
  left:55px;
}
.comment-header .name a {
  font-size:14px;
  font-weight: bold;
}
.comment-header .role {
  color:#FF6600;
  font-size: 12px;
}
.comment-header .date {
  position:absolute;
  bottom:5px;
  right:5px;
  font-size: 12px;
}
.comment-body {
  clear:both;
  padding:10px 0;
}


.btn-color1,
.btn-color2 {
  float:left;
  display:block;
  padding:7px 15px;
  margin-right:15px;
  border:2px solid #CCC;
  color:#000000;
  text-decoration:none;
  font-weight:bold;
  font-size:13px;
}
.btn-color1 {
  background: #999999;
  color:#000000;
}
.btn-color2 {
  background: #99CC00;
  color:#000000;
}

/* 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;
}
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}
