@import url('missuniverse.layout.css');
@import url('missuniverse.common.css');

/*
Miss Universe
- Video Detail Styles
- Modified: 3/9/2009
*/

#video-detail {
	width: 100%;
}

	#aCol {
		width: 940px;
		float: left;
	}
		#video-gallery-pod div.content {
			position: relative;
		}
		#video-gallery-pod div.image {
			width: 940px;
			background: url(/img/MissUniverse/icon/loading.gif) no-repeat center center;
			position: relative;
		}
		#video-gallery-pod div.description {
			padding: 20px 40px;
		}
		#video-gallery-pod div.description h2 {
			margin: 0 0 7px 0;
			font-size: 1.6em;
			color: #fff;
		}
		#video-gallery-pod div.description p {
			color: #cccccc;
			font-size: 1.2em;
		}
		#video-gallery-pod div.ratings {
			margin: 0 10px 0 40px;
			padding: 10px 0;
			border-top: 1px solid #454140;
		}
		#video-gallery-pod div.average-rating {
			width: 230px;
			float: left;
		}
		#video-gallery-pod div.average-rating h3 {
			margin: 0 10px 0 0;
			float: left;
			color: #908e8d;
			font-size: 1.4em;
		}
		#video-gallery-pod div.average-rating div.rating {
			width: 35px;
			position: relative;
			top: 2px;
		}
		#video-gallery-pod div.rater {
			width: 230px;
			float: left;
		}
		#video-gallery-pod div.rater h3 {
			margin: 0 10px 0 0;
			float: left;
			color: #908e8d;
			font-size: 1.4em;
		}
		#video-gallery-pod div.rater div.rate {
			top: 2px;
		}
		#video-gallery-pod div.ratings a.login {
			float: right;
			position: relative;
			top: 2px;
			font-size: 1.0em;
		}


	#bCol {
		width: 0px;
		float: left;
	}
		#thumb-browser {
			width: 298px;
			height: 536px;
			margin: 0 0 10px 0;
			background: #000 url(/img/MissUniverse/bg/gallery.browser.png) no-repeat 0 0;
			border: 1px solid #56463d;
			overflow: hidden;
		}
		#thumb-browser div.filters {
			padding: 6px 10px 10px 8px;
			position: relative;
		}
		#thumb-browser h2 {
			margin: 0 0 5px 0;
			font-size: 1.4em;
			line-height: 14px;
			font-weight: normal;
		}
		#thumb-browser h2 a {
			color: #fff;
		}
		#thumb-browser div.filters div.select {
			margin: 0 0 5px 0;
		}
		#thumb-browser div.filters a.select {
			width: 235px;
			height: 25px;
			padding: 0 30px 0 15px;
			background: url(/img/MissUniverse/bg/gallery.browse.select.png) no-repeat 0 0;
			display: block;
			clear: both;
			overflow: hidden;
			cursor: pointer;
			color: #c69c6d;
			font-size: 1.2em;
			font-weight: bold;
			line-height: 25px;
		}
		#thumb-browser div.filters a.select:hover {
			color: #fff;
		}
		#thumb-browser div.filters ul.select-dropdown {
			width: 278px;
			padding: 10px 0 10px 0;
			list-style: none;
			background: #000;
			border: 1px solid #2b2925;
			display: none;
			position: absolute;
		}
		#thumb-browser div.filters div.active ul.select-dropdown, #thumb-browser div.filters div.select ul.active {
			display: block;
		}
		#thumb-browser div.filters ul.properties {
			top: 49px;
		}
		#thumb-browser div.filters ul.categories {
			top: 79px;
		}
		#thumb-browser div.filters ul.select-dropdown li {
			width: 100%;
			font-size: 1.2em;
		}
		#thumb-browser div.filters ul.select-dropdown li a {
			padding: 5px 30px 5px 15px;
			display: block;
		}
		#thumb-browser div.filters ul.select-dropdown li a:hover {
			background: #2b2925;
		}
		#thumb-browser div.related {
			padding: 3px 0 0 0;
		}
		#thumb-browser div.related img {
			margin: 0 auto;
		}
		#thumb-browser div.thumbnails {
			width: 298px;
		}
		#thumb-browser div.thumbnails a.toggler {
			width: 298px;
			height: 18px;
			display: block;
			overflow: hidden;
			text-indent: -999px;
		}
		#thumb-browser div.thumbnails a.up {
			background: url(/img/MissUniverse/btn/toggler.up.large.png) no-repeat 0 0;
		}
		#thumb-browser div.thumbnails a.down {
			background: url(/img/MissUniverse/btn/toggler.down.large.png) no-repeat 0 0;
		}
		#thumb-browser div.thumbnails a.toggler:hover {
			background-position: 0 -28px;
		}
		#thumb-browser div.thumbnails a.disable, #thumb-browser div.thumbnails a.disable:hover {
			background-position: 0 -56px;
			cursor: auto;
		}
		#thumb-browser div.thumbnails div.scroll {
			width: 100%;
			height: 395px;
			overflow: hidden;
		}
		#thumb-browser div.thumbnails div.scroll ul {
			width: 100%;
			padding: 0 0 500px 0;
			list-style: none;
		}
		#thumb-browser div.thumbnails div.scroll ul li {
			width: 100%;
			height: 79px;
			clear: both;
			float: left;
			overflow: hidden;
		}
		#thumb-browser div.thumbnails div.scroll ul li img {
			float: left;
		}
		#thumb-browser div.thumbnails div.scroll ul li.active {
			background: #a0410d;
		}
		#thumb-browser div.thumbnails div.scroll ul li div.info {
			width: 168px;
			padding: 3px 5px;
			float: left;
		}
		#thumb-browser div.thumbnails div.scroll ul li div.info a {
			margin: 0 0 3px 0;
			display: block;
			font-size: 1.4em;
			line-height: 13px;
			font-weight: bold;
		}
		#thumb-browser div.thumbnails div.scroll ul li div.info p {
			margin: 0 0 5px 0;
			display: block;
			font-size: 1.1em;
			line-height: 13px;
			color: #fff;
		}