/* winner box box */

/* url(/Images/hp-winner-box-middle.png) */
div#hpWinnerBox {
	background-image: none;
	background-position: left top;
	background-repeat: repeat-y;
	background-color: transparent;
	width: 660px;
	height: 260px;
}

/* url(/Images/hp-winner-box-top.png) */
div#hpWinnerBoxTop {
	background-image: none;
	background-position: left top;
	background-repeat: no-repeat;
	width: 660px;
	height: 260px;
}
	
/* url(/Images/hp-winner-box-bottom.png) */
div#hpWinnerBoxBottom {
	background-image: none;
	background-position: left bottom;
	background-repeat: no-repeat;
	width: 660px;
	height: 260px;
    position: relative;	
}

div#hpWinnerBox div.entryImage {
	
}

div#hpWinnerBox div.entryImage img {
	/* border: 1px solid White; */
	border-style: none;
}

div#hpWinnerBox div.animationBackground {
	/* border: 1px solid #888; */
	background-color: #666;
}
	
div#hpWinnerBox div.entryInfo {
    text-align: left;
    position: absolute;
    bottom: 0px;
    left: 0px;
    height: 60px;
    width: 660px;
    z-index: 100;
	overflow: hidden;
}




/* ??? Title ?????? */
div#hpWinnerBox div.entryInfo div {
	color: #FFF;
	font: normal 15px Tahoma;
	margin: 0;
	padding: 0px 0px 0px 5px;
}



/* ??? Sub Title ?????? */
div#hpWinnerBox div.entryInfo div.challengeTitle {
	font: normal 18pt Tahoma;
	font-weight:900;
	padding: 5px 0px 0px 3px;
	color: #f5c700;
} 




div#hpWinnerBox div.entryInfo div.entryTitle {
	padding: 0px 0px 0px 5px;
	font: normal 9pt  Tahoma;
}

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


/* ??? background ???? rollver ?????? */
div#hpWinnerBox table.finishedChallenges tr:hover {
background:url(/2009/images/bgHilight.png);}





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

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

div#hpWinnerBox table.finishedChallenges td.challenge {
	font: normal 13px Tahoma;
	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;
    -moz-opacity: 0.8; /* Mozilla 1.6 and below   */
    opacity: 0.8; /* newer Mozilla and CSS-3 */
    z-index: 99;
    filter: alpha( opacity = 80); /* Internet Explorer       */

}	

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

div#hpWinnerBox table.finishedChallenges tr.selected td.winnerImage {
	background-image: url(/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 #FFF;
	border-style: none;
}
	
div#hpWinnerBox table.finishedChallenges tr.selected td.challengeLink a {
	display: inline; }

div#hpWinnerBox div.scrollbar {
	position: absolute;
	right: 0px;
	top: 0px;
	width: 16px;
	height: 260px;
	overflow: hidden; }

div#hpWinnerBox div.scrollbar a.arrowUp {
	position: absolute;
	top: 0px;
	left: 0px;
	height: 16px;
	width: 16px;
	background-image: url(/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(/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.handle {
	position: absolute;
	top: 0px;
	left: 0px;
	height: 16px;
	width: 16px;
	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; }

/* Special */
div#hpWinnerBox div.entryInfoBG1 {
    position: absolute;
    bottom: 0px;
    left: 0px;
    height: 60px;
    width: 500px;
    background: #000;
    -moz-opacity: 0.5; /* Mozilla 1.6 and below   */
    opacity: 0.5; /* newer Mozilla and CSS-3 */
    z-index: 99;
    filter: alpha( opacity = 50); /* Internet Explorer       */
}

div#hpWinnerBox div.entryInfoBG2 {
    position: absolute;
    bottom: 0px;
    right: 0px;
    height: 260px;
    width: 160px;
    background: #000;
    -moz-opacity: 0.5; /* Mozilla 1.6 and below   */
    opacity: 0.5; /* newer Mozilla and CSS-3 */
    z-index: 99;
    filter: alpha( opacity = 50); /* Internet Explorer       */
}

div#hpWinnerBox div#hpNavigator {
    vertical-align: top;
    position: absolute;
    top: 0px;
    right: 0px;
    z-index: 101;
    width: 160px;
    height: 260px;
}