/* into text */

h1 span.dpreview {
	}

h1 sup.beta {
	font-size: 8pt;
	color: #888; }

div#hpBoxIntroInner p {
	margin: 0px;
	padding: 10px 0px 0px 0px; }

div#hpBoxIntroInner p.secondary {
	color: #AAA; }


/* winner box box */

div#hpWinnerBox {
	background-image: url(http://a.img-dpreview.com/challenges/Images/hp-winner-box-middle.png);
	background-position: left top;
	background-repeat: repeat-y;
	background-color: #4C4C4C;
	margin-bottom: 10px;
	width: 590px; }

div#hpWinnerBoxTop {
	background-image: url(http://a.img-dpreview.com/challenges/Images/hp-winner-box-top.png);
	background-position: left top;
	background-repeat: no-repeat; }
	
div#hpWinnerBoxBottom {
	background-image: url(http://a.img-dpreview.com/challenges/Images/hp-winner-box-bottom.png);
	background-position: left bottom;
	background-repeat: no-repeat; }

div#hpWinnerBox div.entryImage {
	}

div#hpWinnerBox div.entryImage img {
	border: 1px solid White; }

div#hpWinnerBox div.animationBackground {
	border: 1px solid #888;
	background-color: #666;	}
	
div#hpWinnerBox div.entryInfo {
	text-align: center;
	margin-top: 0px;
	margin-bottom: 15px; }
	
div#hpWinnerBox div.challengeTitleWrapper {
	border-bottom: 1px solid #555;
	padding-bottom: 5px;
	margin-top: 15px;
	margin-left: 10px;
	margin-right: 10px; }
	
div#hpWinnerBox div.entryTitleWrapper {
	font-size: 12pt; }
	
div#hpWinnerBox div.recentlyFinished {
	border-bottom: 1px solid #666;
	padding-bottom: 5px;
	margin-top: 15px;
	margin-left: 10px;
	margin-right: 10px; }
	
div#hpWinnerBox div.recentlyFinished a {
	float: right; 
	color: #888888;
}

div#hpWinnerBox span.label {
	color: #888; }

div#hpWinnerBox table.finishedChallenges {
	border-collapse: collapse;
	margin-left: 0px;
	margin-top: 10px;
	margin-right: 10px;
	margin-bottom: 5px; }
	
div#hpWinnerBox table.finishedChallenges tr {
	cursor: pointer; }

div#hpWinnerBox table.finishedChallenges tr:hover {
	background-color: #555; }

div#hpWinnerBox table.finishedChallenges td.winnerImage {
	vertical-align: middle;
	padding: 4px 0px 4px 20px;
	width: 30px; }

div#hpWinnerBox table.finishedChallenges td.winnerImage img {
	border: 1px solid #222; }

div#hpWinnerBox table.finishedChallenges td.challenge {
	color: #AAA;
	vertical-align: middle;
	padding: 5px 10px 5px 10px;
	width: 140px; }

div#hpWinnerBox table.finishedChallenges td.challenge a {
	color: #aaa; }

div#hpWinnerBox table.finishedChallenges td.challengeLink {
	padding-right: 10px; }
	
div#hpWinnerBox table.finishedChallenges td.challengeLink a {
	display: none; }

div#hpWinnerBox table.finishedChallenges tr.selected {
	background-color: #444; }	

div#hpWinnerBox table.finishedChallenges tr.selected td.challenge {
	color: White; }
	
div#hpWinnerBox table.finishedChallenges tr.selected td.challenge a {
	color: White; }

div#hpWinnerBox table.finishedChallenges tr.selected td.winnerImage {
	background-image: url(http://a.img-dpreview.com/challenges/Images/hp-selected-winner-arrow.png);
	background-position: 5px center;
	background-repeat: no-repeat; }

div#hpWinnerBox table.finishedChallenges tr.selected td.winnerImage img {
	border: 1px solid White; }
	
div#hpWinnerBox table.finishedChallenges tr.selected td.challengeLink a {
	display: inline; }

div#hpWinnerBox div.scrollbar {
	position: absolute;
	left: 210px;
	top: 10px;
	width: 16px;
	height: 300px;
	overflow: hidden; }

div#hpWinnerBox div.scrollbar a.arrowUp {
	position: absolute;
	top: 0px;
	left: 0px;
	height: 16px;
	width: 16px;
	background-image: url(http://a.img-dpreview.com/challenges/Images/hp-scrollbar-arrow-up.png);
	background-position: center center;
	background-repeat: no-repeat; }

div#hpWinnerBox div.scrollbar a.arrowDn {
	position: absolute;
	bottom: 0px;
	left: 0px;
	height: 16px;
	width: 16px;
	background-image: url(http://a.img-dpreview.com/challenges/Images/hp-scrollbar-arrow-dn.png);
	background-position: center center;
	background-repeat: no-repeat; }

div#hpWinnerBox div.scrollbar div.rail {
	position: absolute;
	left: 0px;
	top: 16px;
	bottom: 16px;
	width: 16px;
	overflow: hidden;
	background-color: #444; }

div#hpWinnerBox div.scrollbar div.innerRail {
	position: absolute;
	left: 0px;
	top: 16px;
	bottom: 0px;
	width: 16px;
	overflow: visible; }

div#hpWinnerBox div.scrollbar a.ui-slider-handle {
	position: absolute;
	display: block;
	height: 16px;
	width: 16px;
	overflow: hidden;
	background-color: #888; }


/* main columns */

td#colChallengesAnnounced {
    vertical-align: top;
    padding-right: 10px; }

td#colChallengesOpenForSubmissions {
    vertical-align: top;
    padding-right: 10px; }
    
td#colChallengesOpenForVoting {
    vertical-align: top; }


/* column types */

div.hpColumnOuter {
    background-image: url(http://a.img-dpreview.com/challenges/Images/hp-column-top.png);
    background-position: left top;
    background-repeat: no-repeat;
    background-color: #222; }
    
div.hpColumnInner {
    width: 170px;
    padding: 10px;
    background-image: url(http://a.img-dpreview.com/challenges/Images/hp-column-bottom.png);
    background-position: left bottom;
    background-repeat: no-repeat; }

div.hpWideColumnOuter {
    background-image: url(http://a.img-dpreview.com/challenges/Images/hp-column-wide-top.png);
    background-position: left top;
    background-repeat: no-repeat;
    background-color: #222; }
    
div.hpWideColumnInner {
    width: 190px;
    padding: 10px;
    background-image: url(http://a.img-dpreview.com/challenges/Images/hp-column-wide-bottom.png);
    background-position: left bottom;
    background-repeat: no-repeat; }
    
div.hpNarrowColumnOuter {
    background-image: url(http://a.img-dpreview.com/challenges/Images/hp-column-narrow-top.png);
    background-position: left top;
    background-repeat: no-repeat;
    background-color: #222; }
    
div.hpNarrowColumnInner {
    width: 130px;
    padding: 10px;
    background-image: url(http://a.img-dpreview.com/challenges/Images/hp-column-narrow-bottom.png);
    background-position: left bottom;
    background-repeat: no-repeat; }


/* inside the boxes */

div.challengesBox {
	margin-bottom: 10px; }

div.challengesBox a {
	color: White; }

div.challengesBox h2 {
	color: White;
	margin: 0px;
	font-weight: normal;
	font-size: 12pt;
	padding: 0px 0px 3px 0px;
	border-bottom: 1px solid #444; }

td#colChallengesAnnounced h2 {
	color: #66DD44;
	background: url(http://a.img-dpreview.com/challenges/images/hp-icon-status-announced.png) no-repeat right center; }

td#colChallengesAnnounced li {
	color: #66DD44; }

td#colChallengesOpenForSubmissions h2 {
	color: #AAC4FF;
	background: url(http://a.img-dpreview.com/challenges/images/hp-icon-status-submissions.png) no-repeat right center; }

td#colChallengesOpenForSubmissions li {
	color: #AAC4FF; }

td#colChallengesOpenForVoting h2 {
	color: #FFFF44;
	background: url(http://a.img-dpreview.com/challenges/images/hp-icon-status-voting.png) no-repeat right center; }

td#colChallengesOpenForVoting li {
	color: #FFFF44; }

div.challengesBox ul.groups {
	margin: 0px 0px 0px 0px;
	padding-left: 0px; }

div.challengesBox ul.groups li.group {
	list-style-type: none;
	padding-left: 0px;
	margin-left: 0px;
	margin-bottom: 10px;
	padding-bottom: 0px;
	color: #888; }

div.challengesBox ul.groups li.group1st {
	}

div.challengesBox ul.groups li.group2ndplus {
	border-top: 1px dotted #444; }

div.challengesBox ul.groups li.group h3 {
	color: #888888;
	font-weight: bold;
	font-size: 11px;
	margin-top: 5px;
	margin-bottom: 5px;
	padding-top: 0px;
	padding-bottom: 0px; }

div.challengesBox ul.challenges {
	margin: 0px 0px 5px 0px;
	padding: 0px; }

div.challengesBox ul.challenges li.challenge {
	margin: 5px 0px 5px 15px;
	padding: 0px; }

div.challengesBox ul.challenges li.challenge .title {
	}

div.challengesBox ul.challenges li.challenge .note {
	color: #888; }

.noChallenges {
	text-align: left;
	padding: 20px 0px;
	color: #666; }

div.challengesBox div.linkMore {
	border-top: solid 1px #444444;
	text-align: right;
	padding-top: 5px; }

td#colChallengesAnnounced div.challengesBox div.linkMore a {
	color: #66DD44; }

td#colChallengesOpenForSubmissions div.challengesBox div.linkMore a {
	color: #AAC4FF; }

td#colChallengesOpenForVoting div.challengesBox div.linkMore a {
	color: #FFFF44; }


/* challenge of challenges */

div.hpChallengeOfChallenges {
	margin-bottom: 10px;
	background-image: url(http://a.img-dpreview.com/challenges/images/hp-series-mid.png);
	background-position: left top;
	background-repeat: repeat-y; }
	
div.hpChallengeOfChallengesTop {
	background-image: url(http://a.img-dpreview.com/challenges/images/hp-series-top.png);
	background-position: left top;
	background-repeat: no-repeat; }
	
div.hpChallengeOfChallengesBottom {
	background-image: url(http://a.img-dpreview.com/challenges/images/hp-series-btm.png);
	background-position: left bottom;
	background-repeat: no-repeat; }


/* my series */

div.hpMySeriesBox {
	margin-bottom: 10px;
	background-image: url(http://a.img-dpreview.com/challenges/images/hp-series-mid.png);
	background-position: left top;
	background-repeat: repeat-y; }
	
div.hpMySeriesBoxTop {
	background-image: url(http://a.img-dpreview.com/challenges/images/hp-series-top.png);
	background-position: left top;
	background-repeat: no-repeat; }
	
div.hpMySeriesBoxBottom {
	background-image: url(http://a.img-dpreview.com/challenges/images/hp-series-btm.png);
	background-position: left bottom;
	background-repeat: no-repeat; }

div.hpMySeriesBox div.becomeHostMessage {
	margin: 0px;
	padding: 10px;
	text-align: center; }
	
div.hpMySeriesBox div.seriesTitle {
	font-size: 12pt;
	padding: 5px 10px; }

div.hpMySeriesBox table.challengeSlots td {
	vertical-align: top; }

div.hpMySeriesBox table.challengeSlots td.announced {
	border-right: 1px dotted #333;
	width: 194px; }

div.hpMySeriesBox table.challengeSlots td.announced li {
	color: #66DD44; }

div.hpMySeriesBox table.challengeSlots td.submissions {
	border-right: 1px dotted #333;
	width: 199px; }

div.hpMySeriesBox table.challengeSlots td.submissions li {
	color: #AAC4FF; }

div.hpMySeriesBox table.challengeSlots td.voting {
	width: 195px; }

div.hpMySeriesBox table.challengeSlots td.voting li {
	color: #FFFF44; }

div.hpMySeriesBox table.challengeSlots div.occupied,
div.hpMySeriesBox table.challengeSlots div.empty {
	border-top: 1px dotted #333;
	padding: 5px 10px 6px 10px; }

div.hpMySeriesBox table.challengeSlots div.empty {
	border-top-color: #333;
	color: #666; }

div.hpMySeriesBox table.challengeSlots ul {
	margin: 0px 0px 0px 15px;
	padding: 0px; }

div.hpMySeriesBox table.challengeSlots ul li a {
	color: White; }

div.hpMySeriesBox table.challengeSlots ul li div.note {
	color: #888; }
	
td.challenge div.title {
	max-height:40px;
	overflow:hidden;
}