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

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

#photo-detail {
	width: 100%;
}

	#aCol {
		width: 940px;
		float: left;
	}	
		#video-gallery-pod {
			background:url(/img/MissTeenUSA/bg/gallery.bottom.png) no-repeat bottom left;
			padding:0 0 4px 0;
		}
		#video-gallery-pod div.content {
			position: relative;
			background-color:#f4f4f4;
			border-left:1px solid #e6e6e6;
			border-right:1px solid #e6e6e6;
		}
		#video-gallery-pod div.image {
			width: 940px;
			background: url(/img/MissTeenUSA/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: #f60e95;
		}
		#video-gallery-pod div.description p {
			color: #989898;
			font-size: 1.2em;
		}
		#video-gallery-pod div.ratings {
			margin: 0 10px 0 40px;
			padding: 10px 0;
			border-top: 1px solid #dcdcdc;
		}
		#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: #02c3d5;
			font-size: 1.4em;
		}
		#video-gallery-pod div.average-rating div.rating {
			width: 35px;
			position: relative;
			top: 2px;
			color:#727272;
		}
		#video-gallery-pod div.rater {
			width: 230px;
			float: left;
		}
		#video-gallery-pod div.rater h3 {
			margin: 0 10px 0 0;
			float: left;
			color: #02c3d5;
			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;
			color:#f60e95;
		}
		
		#comments-pod {
			border-top:2px solid #fa4cb2;
			margin:20px 0 0 0;
		}


	#bCol {
		width: 0px;
		float: left;
	}
		#thumb-browser {
			width: 300px;
			height: 525px;
			margin: 0 0 10px 0;
			overflow: hidden;
		}
		#thumb-browser div.filters {
			padding: 6px 10px 10px 8px;
			position: relative;
			background:url(/img/MissTeenUSA/bg/video.gallery.png) no-repeat;
		}
		#thumb-browser h2 {
			margin: 0 0 5px 0;
			font-size: 1.4em;
			line-height: 14px;
			
		}
		#thumb-browser h2 a {
			color: #fff;
			display:block;
			text-indent:-9999px;
			height:15px;
		}
		#thumb-browser div.filters div.select {
			margin: 0 0 5px 0;
		}
		#thumb-browser div.filters a.select {
			width: 235px;
			height: 21px;
			padding: 0 30px 0 15px;
			background:url(/img/MissTeenUSA/bg/dropdown.png) no-repeat;
			display: block;
			clear: both;
			overflow: hidden;
			cursor: pointer;
			color: #fff;
			font-size: 1.2em;
			font-weight: bold;
			line-height: 21px;
			margin:0 0 0 2px;
		}
		#thumb-browser div.filters a.select:hover {
			color: #fff;
		}
		#thumb-browser div.filters ul.select-dropdown {
			background:#F60E95;
			border:1px solid #F83EAA;
			display:none;
			list-style-image:none;
			list-style-position:outside;
			list-style-type:none;
			margin:0 0 0 3px;
			padding:10px 0;
			position:absolute;
			width:270px;
		}
		#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: 47px;
		}
		#thumb-browser div.filters ul.categories {
			top: 73px;
		}
		#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;
			color:#fff;
		}
		#thumb-browser div.filters ul.select-dropdown li a:hover {
			background: #2b2925;
		}
		#thumb-browser div.related {
			padding: 3px 0 0 0;
			display:none;
		}
		#thumb-browser div.related img {
			margin: 0 auto;
		}
		#thumb-browser div.thumbnails {
			width: 298px;
			background-color:#ededed;
			border-left:1px solid #e4e4e4;
			border-right:1px solid #e4e4e4;
			border-top:1px solid #bfbfbf;
			border-bottom:1px solid #bfbfbf;
		}
		#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/MissTeenUSA/btn/toggler.up.large.png) no-repeat 0 0;
		}
		#thumb-browser div.thumbnails a.down {
			background: url(/img/MissTeenUSA/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;
			padding:5px 0 0 10px;
		}
		#thumb-browser div.thumbnails div.scroll ul li img {
			float: left;
		}
		#thumb-browser div.thumbnails div.scroll ul li.active {
			background: #F4F4F4;
		}
		#thumb-browser div.thumbnails div.scroll ul li div.info {
			width: 160px;
			margin: 3px 5px 0 10px;
			padding:0 0 8px 0;
			float: left;
			background:url(/img/MissTeenUSA/bg/border.dot.gif) repeat-x bottom 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: #5d5d5d;
		}