/* DW Contest Website Main CSS document */
#text {
        font-family: Arial;
        font-size: 14px;
        color: #000;
}
#noEntries {
        text-align: center;
        font-family: Arial;
        font-size: 14px;
        color: #999;
}
#entriesTable {
	margin: 0px auto 0px auto;
}
#textRight {
	text-align: right;
	font-family: Arial;
}
#displayThumb {
	position: relative;
	top: 0px;
	left: 0px;
	display: block;
	margin: 3px;
        padding: 10px;
        background-color: #CCC;
	border: 1px solid #999;
}
#displayThumb img {
	border: 1px solid #999;
}
#displayThumb img:hover {
	border: 1px solid #00F;
}
#successPage {
	font-size: 10px;
}
#adminBox {
	display: block;
	position: relative;
	float: right;
	z-index: 9999;
	margin: 6px;
	padding: 4px;
	font-size: 10px;
}
#boxText {
	font-family: Arial;
}
#boxText span {
	font-size: 20px;
	font-weight: bold;
}
#successMessage {
	display: block;
	background-color: #6F3;
	margin: 4px;
	padding: 8px;
	font-family: Verdana;
	font-size: 14px;
}
#winnerImage {
	background-image: url(http://www.digitalwish.com/DWC-images/dwcMedal.png);
	display: block;
	position: absolute;
	top: -10px;
	left: -8px;
	z-index: 9000;
	width: 60px;
	height: 107px;
}
#adminEntrantImage {
	position: relative;
	top: 0px;
	left: 0px;
	display: block;
}
#adminWinnerImage {
	background-image: url(http://www.digitalwish.com/DWC-images/dwcMedal.png);
	display: block;
	position: absolute;
	top: -10px;
	left: -8px;
	z-index: 9000;
	width: 60px;
	height: 107px;
}
center {
	height: inherit;
}


/* Styles for Kodu Contest website */
.fieldName {
	width: 220px;
	margin: 0px;
	text-align: right;
	float: left;
}
.field {
	width: 380px;
	margin: 0px;
	float: right;
}
#fieldBlock {
	display: block;
	position: relative;
	top: 0px;
	left: 0px;
	width: 600px;
	margin: 5px auto;
	overflow: hidden;
}
#rqd {
	font-size: 16px;
	color: #F00;
	font-weight: bold;
}
.smallTitle {
	display: block;
	font-size: 16px;
	font-weight: bold;
	margin: 0px;
	padding: 2px;
}
label {
	font-size: 10px;
	color: red;
}
#pageError {
	background-color: #fb6464;
	border: 1px solid #F00;
	display: block;
	margin: 20px;
	padding: 10px;
}
.headerImage {
	margin: 0px auto;
	padding: 0px;
	float: left;
}
a.menuItem {
	background-color: rgb(47, 114, 143);
	font-family: Arial;
	font-weight: bold;
	font-size: 18px;
	color: #FFFFFF;
	text-decoration: none;
	padding: 8px;
	margin: 10px 5px;
	border-radius: 6px;
}
a.menuItem:hover {
	background-color: rgb(109, 201, 224);
	text-decoration: none;
	color: #FFFFFF;	
}
a.menuItem.selected {
	background-color: rgb(123, 224, 109);
}
#navButtons {
	list-style-type: none;
}
#navButtons li {
	display: inline;
	float: left;
}
.right_column img {
	margin: 10px auto;
	padding: 0px;
	border-radius: 6px;
	box-shadow: 3px 3px 10px 3px #CCC;
}
.KoduSmall {
	font-size: 10pt;
}
#grandPrizeSS {
	display: block;
	overflow: hidden;
	text-align: center;
	width: 230px;
	margin: 4px;
	padding: 4px;
	float: right;
	border-radius: 6px;
	box-shadow: 3px 3px 10px 3px #CCC;
	background-color: #999;
}
#grandPrizeSS h3 {
	font-family: sans-serif;
	margin-bottom: 0px;
	padding-bottom: 0px;
}
#grandPrizeSS span {
	font-size: 8pt;
	font-family: sans-serif;
}
#grandPrizeSS img {
	padding: 4px;
}
#koduGuy {
	background-image: url(/images/KoduGuy1.png);
	background-repeat: no-repeat;
	display: block;
	width: 94px;
	height: 160px;
	position: absolute;
	top: -190px;
	right: 15px;
	z-index: 40;
	animation-name: koduMan;
        animation-duration: 1s;
        animation-timing-function: ease-in;
        animation-delay: 2s;
        animation-iteration-count: infinite;
        animation-direction: alternate;
        animation-play-state: running;
	-moz-animation-name: koduMan;
	-moz-animation-duration: 1s;
	-moz-animation-timing-function: ease-in;
	-moz-animation-delay: 2s;
	-moz-animation-iteration-count: infinite;
	-moz-animation-direction: alternate;
	-moz-animation-play-state: running;
	-webkit-animation-name: koduMan;
	-webkit-animation-duration: 1s;
	-webkit-animation-timing-function: ease-in;
	-webkit-animation-delay: 2s;
	-webkit-animation-iteration-count: infinite;
	-webkit-animation-direction: alternate;
	-webkit-animation-play-state: running;
}
@keyframes koduMan {
	0% {top: -190px;}
        15% {top: -205px;}
        30% {top: -190px;}
        45% {top: -200px;}
        60% {top: -190px;}
        70% {top: -195px;}
        80% {top: -190px;}
        100% {top: -190px;}
}
@-moz-keyframes koduMan { /* Firefox */
	0% {top: -190px;}
	15% {top: -205px;}
	30% {top: -190px;}
	45% {top: -200px;}
	60% {top: -190px;}
	70% {top: -195px;}
	80% {top: -190px;}
	100% {top: -190px;}
}
@-webkit-keyframes koduMan { /* Chrome & Safari */
        0% {top: -190px;}
	15% {top: -205px;}
        30% {top: -190px;}
        45% {top: -200px;}
        60% {top: -190px;}
        70% {top: -195px;}
	80% {top: -190px;}
        100% {top: -190px;}
}

