@import url('missuniverse.layout.css');
@import url('missuniverse.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: url(/img/MissUniverse/bg/contestants.sort.png) no-repeat 0 0;
		position: relative;
	}
	div.contestants-sort div.sort-options {
		width: 660px;
		float: left;
	}
	div.contestants-sort div.sort-options span {
		height: 31px;
		padding: 0 16px 0 20px;
		background: url(/img/MissUniverse/bg/sort-options.divider.gif) no-repeat right 5px;
		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/MissUniverse/bg/sort-options.divider.gif) no-repeat right 5px;
		display: inline-block;
		float: left;
		font-size: 1.2em;
		line-height: 30px;
	}
	div.contestants-sort div.sort-options ul li a {
		height: 30px;
		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: url(/img/MissUniverse/bg/contestant.sort.active.png) repeat-x 0 0;
		color: #fff;
	}
	div.contestants-sort div.region-select {
		width: 270px;
		padding: 5px;
		float: right;
	}
	div.contestants-sort div.select-box {
		width: 270px;
		position: relative;
	}
	div.contestants-sort div.select-box a.toggler {
		width: 260px;
		height: 20px;
		padding: 0 0 0 10px;
		display: block;
		background: url(/img/MissUniverse/bg/contestants.region.select.png) no-repeat 0 0;
		overflow: hidden;
		color: #c69c6d;
		font-size: 1.1em;
		font-weight: bold;
		line-height: 20px;
	}
	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: 268px;
		padding: 10px 0 10px 0;
		list-style: none;
		background: #000;
		border: 1px solid #2b2925;
		display: none;
		position: absolute;
		top: 19px;
	}
	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;
	}
	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;
		list-style: none;
		overflow: hidden;
	}
	#contestants-list ul.top-15 {
		margin: 0 0 20px 0;
		border-bottom: 1px solid #292828;
	}
	#contestants-list ul li {
		width: 300px;
		margin: 0 20px 20px 0;
		background: #201c1a;
		overflow: hidden;
		float: left;
	}
	#contestants-list ul li div.header {
		width: 100%;
		height: 31px;
		background: url(/img/MissUniverse/bg/contestants.header.png) no-repeat 0 0;
		overflow: hidden;
	}
	#contestants-list ul li div.header div.rank {
		width: 32px;
		height: 31px;
		background: url(/img/MissUniverse/bg/contestants.rank.png) no-repeat 0 0;
		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: #8f8f8f;
		line-height: 30px;
		font-weight: normal;
	}
	#contestants-list ul li img {
		float: left;
	}
	#contestants-list ul li div.info {
		width: 160px;
		padding: 4px 10px 0 10px;
		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.3em;
		font-weight: bold;
		line-height: 18px;
	}
	#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: #8f8f8f;
	}
    .contestants_year_select{
        background:#000000 none repeat scroll 0 0;
		border:1px solid #2B2925;
        color:#C69C6D;
        font-size:1.4em;
        margin:0 5px 0 0;
        width:80px;
    }