@import url('missteenusa.layout.css');
@import url('missteenusa.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;
		position: relative;
		border-bottom:2px solid #fa4cb2;
	}
	div.contestants-sort div.sort-options {
		width: 650px;
		float: left;
	}
	div.contestants-sort div.sort-options span {
		height: 31px;
		padding: 0 16px 0 20px;
		display: inline-block;
		float: left;
		color: #302f2f;
		font-size: 1.4em;
		line-height: 30px;
		font-weight:bold;
	}
	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/MissTeenUSA/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: #5ba2f4;
		text-decoration:underline;
	}
	div.contestants-sort div.sort-options ul li a:hover, div.contestants-sort div.sort-options ul li a.active {
		font-weight:bold;
		text-decoration:none;
	}
	div.contestants-sort div.region-select {
		width: 280px;
		padding: 5px 0 5px 5px;
		float: right;
	}
	div.contestants-sort div.select-box {
		width: 280px;
		position: relative;
	}
	div.contestants-sort div.select-box a.toggler {
		width: 230px;
		height: 21px;
		padding: 0 0 0 50px;
		display: block;
		background:url(/img/MissTeenUSA/bg/dropdown.png) no-repeat;
		overflow: hidden;
		color: #fff;
		font-size: 1.1em;
		font-weight: bold;
		line-height: 20px;
		text-transform:lowercase;
	}
	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: 270px;
			padding: 10px 0 10px 0;
			list-style: none;
			background: #F60E95;
			border: 1px solid #F83EAA;
			display: none;
			position: absolute;
			margin:0 0 0 3px;
	}
	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;
		list-style: none;
		overflow: hidden;
	}
	#contestants-list ul.top-15 {
		*margin:0 0 15px 0;
	}
	#contestants-list ul.top-15 li {
		width: 305px;
		margin: 0 12px 20px 0;
		border-bottom:1px solid #c9c9c9;
		overflow: hidden;
		float: left;
		padding:0 0 5px 0;	
	}
	#contestants-list ul li {
		width: 305px;
		margin: 0 12px 20px 0;
		overflow: hidden;
		float: left;
		padding:0 0 4px 0;
		min-height:95px;
		height:auto !important;
		height:95px;
	}
	#contestants-list ul li div.header {
		width: 100%;
		height: 26px;
		background: url(/img/MissTeenUSA/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/MissTeenUSA/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.3em;
		color: #faffff;
		line-height: 27px;
		font-weight: normal;
	}
	#contestants-list ul.top-15 li img {
		float: left;
		border-left:1px solid #c9c9c9;
		padding:5px 0 500px 5px;
		margin:0 0 -500px 0;
	}
	#contestants-list ul li img {
		float: left;
		padding:5px 0 5px 5px;
	}
	#contestants-list ul.top-15 li div.info {
		width: 154px;
		padding: 4px 10px 500px 10px;
		margin:0 0 -500px 0;
		float: right;
		border-right:1px solid #c9c9c9;
	}
	#contestants-list ul li div.info {
		width: 154px;
		padding: 4px 10px 0 10px;
		float: left;
	}
	#contestants-list ul li div.info strong {
		display: inline-block;
		color: #345a86;
		font-size: 1.3em;
		font-weight: bold;
		text-transform:uppercase;
	}
	#contestants-list ul li div.info a {
		margin: 0 0 5px 0;
		display: inline-block;
		font-size: 1.2em;
		font-weight: normal;
		line-height: 18px;
		color:#5ba1f4;
	}
	#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: #5d5d5d;
	}
    .contestants_year_select{
        background:#FFFFFF none repeat scroll 0 0;
        color:#464646;
        font-size:1.4em;
        margin:0 5px 0 0;
        width:80px;
    }

