@import url("common.css");

.form-entry label {
  font-weight:bold;
  font-size:12px;
  color:#fff;
}
.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/loading.gif) center center no-repeat;
  min-width:40px;
  min-height:40px;
  width:auto !important;
  width:40px;
  height:auto !important;
  height:40px;
}

a.reportlink {
  color:#888;
}

/* Default Listing Layout */

.content-header,
.content-header2,
.content-header3 {
  clear:both;
  /** border-bottom:2px solid #0066FF; **/
  padding-bottom:2px;
  margin-bottom:20px;
}
.content-header2 {
  height: 42px;
  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;
  text-align:right;
}
.content-header2 .info-right a:hover {
  font-weight:bold;
}

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

.contest-listing {
  float:left;
  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: #FFFFCC;
}
.contest-row {
  float:left;
  width:710px;
  min-height:40px;
  color:#666;
  padding: 5px 5px;
  border-bottom: 1px solid #999;
}
.contest-row .greenbox {
  float:left;
  width:57px;
  height:50px;
  color:#33FF00;
  text-align:center;
  margin-right:15px;
  font:bold 12px Georgia, Arial;
}



.contest-row .orangebox {
  float:left;
  width:57px;
  height:50px;
  color:#FF0000;
  text-align:center;
  margin-right:15px;
  font:bold 12px Georgia, Arial;
}


.contest-row .redbox {
  float:left;
  width:57px;
  height:50px;
  color:#CC0000;
  text-align:center;
  margin-right:15px;
  font:bold 12px Georgia, Arial;
}



.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 {
  line-height:30px;
  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:360px;
  overflow: hidden;
  font-family: Georgia, 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:left;
  margin:5px 0 0 0px;
  width:130px;
  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 {
  margin-bottom:10px;
}

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

.section-att .caption {
  margin-bottom:5px;
}
.att-wrapper {
  padding:15px;
}
.att-icon {
  float:left;
  margin-right:20px;
}
.att-caption {
  font-size:11pt;
  padding-top:5px;
}


/* Sidebar Layout */

.sidebar {
  float:right;
  width:250px;
  margin-bottom:10px;
  font-size:12px;
}
.sidebar hr {
  height:20px;
}
.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;
}
.sidebar-body {
  float:left;
  clear:both;
  width:100%;
}

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

.sidebar ul li {
  float:left;
  line-height:25px;
  display: block;
}
.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%;
  border-bottom: 1px solid #CCC;
}
.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%;
  border-bottom: 1px solid #CCC;
}

.sidebar ul.attachments li {
  margin-right:10px;
}

.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: 500px;
}
.homepage-row {
  width: 490px;
}
.homepage-row .title-wrapper {
  width:335px;
  white-space: nowrap;
  margin-top:3px;
}
.homepage-row .title {
  font-size:14px;
}
.homepage-row .subtitle {
  font-size:14px;
}
.homepage-row .prize-wrapper {
  margin-top:3px;
}
.sidebar-homepage {
  width:500px;
}
#thumbnails-small li.thumbnail-s-item {
  float:left;
  display:inline;
  padding:0px;
  border:1px solid #CCC;
  background-color:#F0F0F0;
  margin:0 4px 10px;
}
.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;
  clear:both;
}
.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 .contest-staff {
  background:#CCCC00;
}

.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:#FFF;
  text-decoration:none;
  font-weight:bold;
  font-size:13px;
}
.btn-color1 {
  background: #0066FF;
}
.btn-color2 {
  background: #FF6600;
}

**/
/* 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,
.rating_byuser {
  width:60px;
  height:12px;
  padding:0;
  list-style:none;
  position:relative;
  overflow:hidden;
}
.rating {
  background: url(../images/ratingstars.gif) no-repeat 0 0;
}
.rating_byuser {
  background: url(../images/bluestars.gif) no-repeat 0 0;
}
.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,
ul.rating_byuser li {
  cursor: pointer;
  float:left;
  text-indent:-999em;
}
ul.rating li a,
ul.rating_byuser 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_byuser li.rate1 a {left:0}
ul.rating_byuser li.rate2 a {left:12px;}
ul.rating_byuser li.rate3 a {left:24px;}
ul.rating_byuser li.rate4 a {left:36px;}
ul.rating_byuser li.rate5 a {left:48px;}

ul.rating li a:hover,
ul.rating_byuser li a:hover {
  z-index:2;
  width:60px;
  height:12px;
  overflow:hidden;
  left:0;
}
ul.rating li a:hover {
  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}

ul.rating_byuser li a:hover {
  background: url(../images/bluestars.gif) no-repeat 0 0;
}
ul.rating_byuser li.rate1 a:hover {background-position:0 -12px;}
ul.rating_byuser li.rate2 a:hover {background-position:0 -24px;}
ul.rating_byuser li.rate3 a:hover {background-position:0 -36px}
ul.rating_byuser li.rate4 a:hover {background-position:0 -48px}
ul.rating_byuser li.rate5 a:hover {background-position:0 -60px}

.entries-header {
  font-size:12px;
  height:40px;
}
.sort-entries {
  float:left;
}

.legend-wrapper {
  float:right;
}
.rating-legend,
.rating-legend-user {
  padding-left:65px;
}
.rating-legend {
  background: url(../images/ratingstars.gif) no-repeat 0 -60px;
}
.rating-legend-user {
  background: url(../images/bluestars.gif) no-repeat 0 -60px;
}

/* custom pages */
.custom-page {
  font-size:11pt;
  line-height:1.6em;
}
.custom-page h3 {
  margin-top:20px;
  color:#0060FF;
}

.custom-page h13 {
  margin-top:20px;
  color:#0060FF;
}

.custom-page h10 {
  margin-top:20px;
  color:#0060FF;
}

.custom-page ul,
.custom-page ol {
  padding-left:20px;
}
.custom-page ul {
  list-style-type: disc;
}
.custom-page p {
  margin-top:10px;
}