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

/*
Miss Universe
- Contestants Styles
- Modified: 3/25/2009
*/

#contestants {
	min-height: 800px;
	padding: 0 0 40px 0;
}
	div.contestants-sort {
		width: 940px;
		height: 31px;
		margin: 0 0 10px 0;
		background: #f2f2f2 url(/img/MissUSA/bg/contestants.sort.png) no-repeat 0 0;
		position: relative;
	}
	div.contestants-sort div.sort-options {
		width: 645px;
		float: left;
	}
	div.contestants-sort div.sort-options span {
		height: 31px;
		padding: 0 16px 0 20px;
		background: url(/img/MissUSA/bg/sort-options.divider.gif) no-repeat top right;
		display: inline-block;
		float: left;
		color: #838282;
		font-size: 1.2em;
		line-height: 30px;
	}
	div.contestants-sort div.sort-options ul {
		list-style: none;
		float: left;
	}
	div.contestants-sort div.sort-options ul li {
		height: 30px;
		padding: 0 1px 0 0;
		background: url(/img/MissUSA/bg/sort-options.divider.gif) no-repeat top right;
		display: inline-block;
		float: left;
		font-size: 1.2em;
		line-height: 31px;
	}
	div.contestants-sort div.sort-options ul li a {
		height: 31px;
		padding: 0 15px;
		display: inline-block;
		color: #838282;
	}
	div.contestants-sort div.sort-options ul li a:hover, div.contestants-sort div.sort-options ul li a.active {
		background: #484848;
		color: #fff;
	}
	div.contestants-sort div.region-select {
		width: 280px;
		padding: 5px;
		float: right;
	}
	div.contestants-sort div.select-box {
		width: 280px;
		position: relative;
	}
	div.contestants-sort div.select-box a.toggler {
		width: 270px;
		height: 25px;
		padding: 0 0 0 10px;
		display: block;
		background:url(/img/MissUSA/bg/gallery.browse.select.png) no-repeat;
		overflow: hidden;
		color: #fff;
		font-size: 1.1em;
		font-weight: bold;
		line-height: 25px;
		margin:-2px 0 0 0
	}
	div.contestants-sort div.select-box a.toggler:hover {
		background-color: #100e0e;
		text-decoration: none;
	}
	div.contestants-sort div.select-box ul.select-dropdown {
		width: 278px;
		padding: 10px 0 10px 0;
		list-style: none;
		background: #484848;
		border: 1px solid #555555;
		display: none;
		position: absolute;
	}
	div.contestants-sort div.active ul.select-dropdown, div.contestants-sort div.select-box ul.active {
		display: block;
	}
	div.contestants-sort div.select-box ul.select-dropdown li {
		width: 100%;
		font-size: 1.1em;
	}
	div.contestants-sort div.select-box ul.select-dropdown li a {
		padding: 4px 30px 4px 15px;
		display: block;
		color:#fff;
	}
	div.contestants-sort div.select-box ul.select-dropdown li a:hover {
		background: #2b2925;
	}

	#contestants-list {
		width: 940px;
		overflow: hidden;
	}
	#contestants-list ul {
		width: 960px;
		*margin: 0 0 20px 0;
		_margin: 0;
		list-style: none;
		overflow: hidden;
	}
	#contestants-list ul.top-15 {
	}
	#contestants-list ul li {
		width: 300px;
		margin: 0 20px 20px 0;
		background: #f2f9fc;
		overflow: hidden;
		float: left;
	}
	#contestants-list ul li div.header {
		width: 100%;
		height: 31px;
		background: #d5d2c4;
		overflow: hidden;
		margin:0 0 1px 0;
	}
	#contestants-list ul li div.header div.rank {
		width: 32px;
		height: 31px;
		background: #169bce;
		overflow: hidden;
		float: left;
		text-align: center;
		color: #fff;
		font-size: 1.8em;
		font-weight: bold;
		line-height: 31px;
	}
	#contestants-list ul li div.header strong {
		padding: 0 0 0 10px;
		font-size: 1.6em;
		color: #464646;
		line-height: 30px;
		font-weight: normal;
	}
	#contestants-list ul li img {
		float: left;
	}
	#contestants-list ul li div.info {
		width: 160px;
		height: 90px;
		padding: 4px 10px 0 10px;
		overflow: hidden;
		float: left;
	}
	#contestants-list ul li div.info strong {
		display: inline-block;
		color: #8f8f8f;
		font-size: 1.3em;
		font-weight: normal;
	}
	#contestants-list ul li div.info a {
		margin: 0 0 5px 0;
		display: inline-block;
		font-size: 1.2em;
		font-weight: bold;
		line-height: 14px;
	}
	#contestants-list ul li div.info p {
		margin: 0 0 6px 0;
		color: #8f8f8f;
		font-size: 1.1em;
	}
	#contestants-list ul li div.info div.rating {
		margin: 0 0 3px 0;
	}
	#contestants-list ul li div.info span.vote-count {
		display: inline-block;
		font-size: 1.1em;
		color: #464646;
	}
	
	.contestants_year_select{
		background:#FFFFFF none repeat scroll 0 0;
		color:#464646;
		font-size:1.4em;
		margin:0 5px 0 0;
		width:80px;
	}
}