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

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

#photo-detail {
	width: 100%;
}

	#aCol {
		width: 640px;
		float: left;
	}
		#photo-gallery-pod div.content {
			position: relative;
		}
		#photo-gallery-pod div.image {
			width: 630px;
			height: 677px;
			overflow: hidden;
			position: relative;
		}
		#photo-gallery-pod div.image img {
			margin: 0 auto;
		}
		#photo-gallery-pod div.pagination {
			height: 31px;
			background: url(/img/MissUniverse/bg/titlebar.medium.png) no-repeat 0 0;
			overflow: hidden;
		}
		#photo-gallery-pod div.pagination div.togglers {
			width: 90px;
			padding: 6px 15px 0 39px;
			float: left;
		}
		#photo-gallery-pod div.pagination div.togglers a {
			width: 40px;
			height: 19px;
			margin: 0 5px 0 0;
			display: block;
			float: left;
			overflow: hidden;
			text-indent: -999px;
		}
		#photo-gallery-pod div.pagination div.togglers a.prev {
			background: url(/img/MissUniverse/btn/prev.gallery.png) no-repeat 0 0;
		}
		#photo-gallery-pod div.pagination div.togglers a.next {
			background: url(/img/MissUniverse/btn/next.gallery.png) no-repeat 0 0;
		}
		#photo-gallery-pod div.pagination div.togglers a:hover {
			background-position: 0 -58px;
		}
		#photo-gallery-pod div.pagination div.togglers a.disable, #photo-gallery-pod div.pagination div.togglers a.disable:hover {
			background-position: 0 -29px;
		}
		#photo-gallery-pod div.pagination div.pages {
			font-size: 1.5em;
			line-height: 31px;
			color: #fff;
			font-weight: bold;
		}
		#photo-gallery-pod div.pagination div.pages a {
			margin: 0 16px 0 0;
			color: #fff;
		}
		#photo-gallery-pod div.pagination div.pages a.active, #photo-gallery-pod div.pagination div.pages a:hover {
			color: #c69c6d;
		}
		#photo-gallery-pod div.description {
			padding: 20px 40px;
		}
		#photo-gallery-pod div.description h2 {
			margin: 0 0 7px 0;
			font-size: 1.6em;
			color: #fff;
		}
		#photo-gallery-pod div.description p {
			color: #cccccc;
			font-size: 1.2em;
		}
		#photo-gallery-pod div.ratings {
			margin: 0 10px 0 40px;
			padding: 10px 0;
			border-top: 1px solid #454140;
		}
		#photo-gallery-pod div.average-rating {
			width: 230px;
			float: left;
		}
		#photo-gallery-pod div.average-rating h3 {
			margin: 0 10px 0 0;
			float: left;
			color: #908e8d;
			font-size: 1.4em;
		}
		#photo-gallery-pod div.average-rating div.rating {
			width: 35px;
			position: relative;
			top: 2px;
		}
		#photo-gallery-pod div.rater {
			width: 230px;
			float: left;
		}
		#photo-gallery-pod div.rater h3 {
			margin: 0 10px 0 0;
			float: left;
			color: #908e8d;
			font-size: 1.4em;
		}
		#photo-gallery-pod div.rater div.rate {
			top: 2px;
		}
		#photo-gallery-pod div.ratings a.login {
			float: right;
			position: relative;
			top: 2px;
			font-size: 1.0em;
		}

	#bCol {
		width: 300px;
		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;
		}