﻿
#mainInner{
	background-image : url(../img/result/bg2.jpg);
}

#left{
        float:left;
        width: 350px;
}
#right{
        float:right;
        width: 350px;
	padding-top: 20px;
}

#result-wrapper{
        width : 340px;
        height : 260px;
	border-top: solid 1px rgb(51, 51, 51);
	position: relative;
        overflow : hidden;
	padding-bottom : 5px;
}

#result-inner{
	float : left;
	position : relative;
}

#slider{
	float : right;
	width : 8px;
	height : 260px;
	position: relative;
	background-color : rgb(230, 230, 230);
	z-index: 1;
}
#indicator{
	width : 8px;
	height : 30px;
	background-color : rgb(150, 150, 150);
	position: relative;
	z-index: 2;
}

span#thisSeason{
	font-size: 14pt;
	font-weight: bold;
	display: inline;
}
div.info{
	float: left;
	width: 290px;
}
div.play-button-area{
	float: left;
	width: 10px;
}
div.play-button{
}
div.date{
	padding: 2px 0px;
}
div.title{
	padding: 2px 0px;
}
div.result{
	padding: 2px 0px;
	color: rgb(255, 127, 0);
}
div.result2{
	padding: 2px 0px;
	color: rgb(0, 0, 139);
}

div#photo-frame{
	background: #fff;
	width: 350px;
	padding-top: 20px;
}
div#photo{
	height: 240px;
	overflow: hidden;
}
div#photo-buttons{
	padding: 10px 0px 10px 140px;
}
div#photoCounter{
	float: left;
	text-align: right;
	width: 110px;
}
div#photo-play-button-area{
	float: left;
	padding: 0px 10px;
}
a#photo-previous-button:link, a#photo-previous-button:visited { float: left; background: transparent url(../img/previous-button.gif) no-repeat -2px -1px; text-decoration: none; width: 17px; height: 18px; display: block; }
a#photo-previous-button:hover {float: left; background-position: -2px -24px; text-decoration: none; }
a#photo-previous-button:active {float: left; background-position: -2px -24px; text-decoration: none; }
a#photo-previous-button span{display: none; }

a#photo-play-button:link, a#photo-play-button:visited {float: left; background: transparent url(../img/play-button.gif) no-repeat -2px -1px; text-decoration: none; width: 17px; height: 18px; display: block; }
a#photo-play-button:hover {float: left; background-position: -2px -24px; text-decoration: none; }
a#photo-play-button:active {float: left; background-position: -2px -24px; text-decoration: none; }
a#photo-play-button span{display: none; }

a#photo-pause-button:link, a#photo-pause-button:visited {float: left; background: transparent url(../img/pause-button.gif) no-repeat -2px -1px; text-decoration: none; width: 17px; height: 18px; display: block; }
a#photo-pause-button:hover {float: left; background-position: -2px -24px; text-decoration: none; }
a#photo-pause-button:active {float: left; background-position: -2px -24px; text-decoration: none; }
a#photo-pause-button span{display: none; }

a#photo-next-button:link, a#photo-next-button:visited {float: left; background: transparent url(../img/next-button.gif) no-repeat -2px -1px; text-decoration: none; width: 17px; height: 18px; display: block; }
a#photo-next-button:hover { float: left; background-position: -2px -24px; text-decoration: none; }
a#photo-next-button:active { float: left; background-position: -2px -24px; text-decoration: none; }
a#photo-next-button span{display: none; }



a.play-button:link, a.play-button:visited { background: transparent url(../img/play-button.gif) no-repeat -2px -1px; text-decoration: none; width: 17px; height: 18px; display: block; }
a.play-button:hover { background-position: -2px -24px; text-decoration: none; }
a.play-button:active { background-position: -2px -24px; text-decoration: none; }
a.play-button span{display: none; }

a#back:link, a#back:visited { background: transparent url(../img/back.gif) no-repeat; text-decoration: none; width: 58px; height: 18px; display: block; }
a#back:hover { background-position: 0px -22px; text-decoration: none;
}
a#back:active { background-position: 0px -22px; text-decoration: none; }
a#back span{display: none; }
