@charset "UTF-8";
/* CSS Document */

/* ---- GLOBAL LAYOUT ---- */
html, body {
	background-color: #000;
}

#alpha {
	background: #fff url("../img/layout/bg-body.jpg") center top;
	clear: both;
}

#bravo {
	background: #000 url("../img/layout/bg-footer.jpg") no-repeat center top;
	clear: both;
}

.wrap {
	width: 990px;
	margin: 0 auto;
}

.break {
	clear: both;
}

.replacement {
	text-indent: -9999em;
	overflow: hidden;
	display: block;
	background-repeat: no-repeat;
	background-position: left top;
	background-color: transparent;
}

a:link, a:active, a:visited {
	color: #666;
}

a:hover {
	text-decoration: none;
}

#loader {
	position: absolute;
	z-index: 10000;
	left: -9999em;
}

/* ---- FORM ERRORS ---- */

input.error, textarea.error {
	border: 1px solid #b3240a !important;
	background-color: #e59d91 !important;
}

label.error {
	color: #B3240A !important;
	float: right !important;
	font-size: 77% !important;
	padding: 5px 0 !important;
	width: 236px !important;
}

#checkboxes label.error {
	font-size: 106% !important;
	width: 233px !important;
	padding: 0 !important;
}

/* ---- MESSAGES ---- */

#content #major div.message {
	border: 1px solid #c60;
	background-color: #ffe4bd;
	padding: 10px;
	margin: 15px 0;
}

#content #major div.message h1 {
	color: #c60;
	background-image: none;
	width: auto;
	height: auto;
	margin: 0 0 15px;
	text-align: center;
	font-weight: bold;
}

#content #major div.message p {
	text-align: center;
}

#content #major div.success {
	border-color: #00cc06;
	background-color: #c2ffbd;
}

#content #major div.success h1 {
	color: #00cc06;
}

#content #major div.error {
	border-color: #c00;
	background-color: #ffbdbd;
}

#content #major div.error h1 {
	color: #c00;
}

/* ---- HEADER ---- */
#header {
	background: url("../img/layout/menu-margin.gif") no-repeat left bottom;
	height: 76px;
}

#indicator {
	background: url("../img/layout/menu-indicator.gif") repeat-x center top;
	height: 19px;
}

body#enter #indicator, body#facebook #indicator, body#pc #indicator, body#step3 #indicator { background-position: -661px top; }
body#legends #indicator { background-position: 12px top; }
body#contenders #indicator { background-position: -497px top; }
body#prizes #indicator { background-position: 162px top; }

/* ---- MENU ---- */
#menu ul li {
	float: left;
	height: 27px;
}

#menu ul li.star {
	background: url("../img/layout/menu-divider.gif") no-repeat center center;
	padding: 0 32px;
}

#menu ul li.star.first {
	background-position:left center;
	padding:0 46px 0 0;
}

#menu ul li.star.last {
	background-position:right center;
	padding:0 0 0 46px;
}

#menu ul li a {
	display: block;
	height: 27px;
	text-indent: -9999em;
	overflow: hidden;
}

#menu ul li#mm-enter a {
	background: url("../img/layout/button-enter.gif") no-repeat left bottom;
	width: 70px;
}

#menu ul li#mm-contenders a {
	background: url("../img/layout/button-contenders.gif") no-repeat left bottom;
	width: 132px;
}

#menu ul li#mm-legends a {
	background: url("../img/layout/button-legends.gif") no-repeat left bottom;
	width: 91px;
}

#menu ul li#mm-prizes a {
	background: url("../img/layout/button-prizes.gif") no-repeat left bottom;
	width: 78px;
}

#menu ul li#logo {
	padding: 0 6px;
}

#menu ul li#logo a {
	background: url("../img/layout/logo-lynx-legend.gif") no-repeat left 1px;
	width: 258px;
	height: 25px;
}
body#enter #menu ul li#mm-enter a,
body#contenders #menu ul li#mm-contenders a,
body#legends #menu ul li#mm-legends a,
body#prizes #menu ul li#mm-prizes a,
#menu ul li#mm-enter a:hover,
#menu ul li#mm-contenders a:hover,
#menu ul li#mm-legends a:hover,
#menu ul li#mm-prizes a:hover {
	background-position: left top;
}

/* ---- CONTENT ---- */
#content {
	margin: 15px 30px 0;
}

#minor {
	padding: 0 0 20px 0;
}

#minor ul li {
	float: left;
	height: 71px;
}

#minor ul li a {
	background-position: left bottom;
	background-repeat: no-repeat;
	display: block;
	width: 177px;
	height: 71px;
	text-indent: -9999em;
	overflow: hidden;
}

body#legends #minor ul li#sm-legends a,
body#contenders #minor ul li#sm-contenders a,
#minor ul li a:hover {
	background-position: left top;
}

#minor ul li#sm-contenders a {
	background-image: url("../img/layout/button-rate-contenders.gif");
}

#minor ul li#sm-legends a {
	background-image: url("../img/layout/button-rate-legends.gif");
}

#minor ul li.copy {
	width: 576px;
}

body#legends #minor ul li.copy p {
	display: block;
	height: 71px;
	text-indent: -0;
	overflow: hidden;
	text-align: center;
}

body#contenders #minor ul li.copy p {
	display: block;
	height: 71px;
	text-indent: 0;
	overflow: hidden;
	text-align: center;
}

body#contenders #minor ul li.copy p img,body#legends #minor ul li.copy p {
	margin: 21px 0 0;
}

/* ---- CONTENDERS ---- */
#listing li {
	margin: 0 0 20px 27px;
	float: left;
}

#listing li.first {
	margin: 0;
	clear: both;
}

#listing .contender {
	width: 292px;
	position: relative;
}

#listing .contender .name, #view .name {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 138.5%;
	text-align: center;
}

#listing .contender .image {
	border: 1px solid #000;
	height: 292px;
	width: 292px;
	text-align: center;
	padding: 5px;
}

#listing .contender .image span {
	background: url("../img/layout/belt-legend.png") no-repeat;
	width: 290px;
	height: 61px;
	overflow: hidden;
	position: absolute;
	bottom: 10px;
	left: 1px;
}

#listing .contender .image span p {
	color: #fff;
	float: right;
	font-weight: bold;
	padding: 21px;
}

body#contenders #listing .contender .image span,
body#legends #listing .contender .image span {
	bottom: 50px;
}

#listing .contender .rate, #view .rate {
	padding: 10px;
}

#listing .contender .rate h3, #view .rate h3 {
	background: url("../img/layout/text-rate-this-contender.gif") no-repeat left center;
	width: 93px;
	height: 21px;
	text-indent: -9999em;
	overflow: hidden;
	float: left;
}

#listing .contender .rate p, #view .rate p {
	display: block;
	width: 95px;
	height: 21px;
	position: relative;
	float: left;
	padding: 0 15px 0 0;
}

#listing .contender .rate p img.inactive, #view .rate p img.inactive {
	position: absolute;
	top: 0;
	left: 0;
	z-index: 1;
}

#view .rate p span.active,
#view .rate p span.hold,
#listing .contender .rate p span.active,
#listing .contender .rate p span.hold {
	position: absolute;
	top: 0;
	left: 0;
	z-index: 2;
	overflow: hidden;
	width: 0px;
}

#listing .contender .rate p span.active , #view .rate p span.active {
	z-index: 3;
	text-align: left;
}

#listing .contender .rate .share, #view .rate .share {
	float: right;
}

#listing .contender .rate .share a, #view .rate .share a {
	background: url("../img/layout/button-share.gif") no-repeat left center;
	display: block;
	width: 56px;
	height: 21px;
	text-indent: -9999em;
	overflow: hidden;
}

/* -- SINGLE VIEW --- */

#view {
	text-align: center;
}

#view table {
	margin: 0 auto;
}

#view .image {
	border: 1px solid #000;
	padding: 5px;
}

#view .rate {
	margin: 0 auto;
}

/* ---- PAGINATION ---- */
#pagination {
	background: url("../img/layout/bg-pagination.gif") repeat-x;
	height: 85px;
	clear: both;
}

#pagination div {
	padding: 12px 30px 0;
}

#pagination #prev,
#pagination #next {
	display: block;
	width: 78px;
	height: 27px;
	overflow: hidden;
	text-indent: -9999em;
}

#pagination #prev {
	background: url("../img/layout/button-prev.gif") no-repeat left top;
	float: left;
}

#pagination #next {
	background: url("../img/layout/button-next.gif") no-repeat left top;
	float: right;
}

#pagination a#prev:hover,
#pagination a#next:hover {
	background-position: left bottom;
}

/* NASTY TIMESAVING HACK BECAUSE EVERYONE TOLD ME TO LOSE THE "INACTIVE" BUTTONS */
#pagination p#prev,
#pagination p#next {
	background-image: none;
} 

#pagination #pages {
	font-size: 108%;
	color: #000;
	display: block;
	float: left;
	line-height: 2;
	text-align: center;
	width: 714px;
	font-weight: bold;
}

#pagination #pages a,
#pagination #pages span {
	margin: 0 0.3em;
}

#pagination #pages a {
	color: #e32830;
}

#pagination #pages a:hover {
	color: #000;
}

#pagination #pages #backtogallery {
	background: url("../img/layout/button-back-to-gallery.gif") no-repeat left top;
	width: 181px;
	height: 27px;
	margin:0 auto;
}

#pagination #pages #backtogallery:hover {
	background-position: left bottom;
}

/* ---- FOOTER ---- */
#footer {
	color: #999;
	height: 250px;
	font-size: 90%;
}

#footer a:link, #footer a:visited, #footer a:active {
	color: #999;
	text-decoration: underline;
}

#footer a:hover {
	color: #e7b905;
	text-decoration: underline;
}

#footer p {
	float: left;
}

#footer span {
	margin: 0 8px;
}

#footer img {
	vertical-align: middle;
	margin:0 0 0 5px;
}

#footer p#copyright {
	margin: 26px 170px 0 0;
}

#footer p.facebook,
#footer p.youtube {
	margin: 23px 25px 0 0;
}

#footer p.lynx {
	margin: 15px 0;
}

/* ---- HOME ---- */
body#home #major li {
	float: left;
}

body#home #copy {
	width: 280px;
	margin: 20px 0 0;
}

body#home #copy h1 {
	background: url("../img/layout/text-home-copy.gif") no-repeat;
	width: 262px;
	height: 285px;
	overflow: hidden;
	text-indent: -9999em;
}

body#home #copy img {
	width: 267px;
	height: 96px;
	margin: 15px 0;
}

body#home #copy a {
	background: url("../img/layout/text-nominate.gif") no-repeat;
	display: block;
	width: 255px;
	height: 27px;
	overflow: hidden;
	text-indent: -9999em;
}

body#home #enter {
	background: url("../img/layout/girl-home.png") no-repeat right bottom;
	width: 345px;
	height: 499px;
	position: relative
}

body#home #enter a {
	background: url("../img/layout/button-home-enter.png") no-repeat;
	display: block;
	width: 132px;
	height: 132px;
	text-indent: -9999em;
	overflow: hidden;
	top: 5px;
	left: 0;
	position: absolute;
}

body#home #recent {
	width: 304px;
}

body#home #recent ul {
	margin: 21px 0 0 12px;
}

body#home #recent ul li {
	width: 142px;
	height: 150px;
}

body#home #recent ul li.right {
	margin: 0 0 0 8px;
}

body#home #recent .date h2 {
	background: url("../img/layout/date-jul-01.gif") no-repeat right center;
	width: 124px;
	height: 141px;
	text-indent: -9999em;
	overflow: hidden;
}

body#home #recent .enter a {
	background: url("../img/layout/text-view-contenders.gif") no-repeat right center;
	display: block;
	width: 142px;
	height: 141px;
	text-indent: -9999em;
	overflow: hidden;
}

body#home #recent .view a {
	background: url("../img/layout/button-home-rate.gif") no-repeat right center;
	display: block;
	width: 133px;
	height: 132px;
	text-indent: -9999em;
	overflow: hidden;
}

/* ---- PRIZES ---- */
body#prizes div#left, body#prizes div#right {
	width: 255px;
	height: 470px;
	float: left;
	position: relative;
} 

body#prizes div#middle {
	width: 420px;
	float: left;
}

body#prizes div#leftList, body#prizes div#rightList {
	width: 210px;
	height: 220px;
	float: left;
}

body#prizes div#middle h1 {
	background-image: url("../img/layout/heading-prizes.gif");
	background-position: center center;
	height: 47px;
}

body#prizes div#middle #majorPrize {
	background-image: url("../img/layout/text-prizes-copy.gif");
	background-position: center center;
	height: 79px;
	margin: 15px 0;
}

body#prizes div#middle #dailyPrize {
	background-image: url("../img/layout/text-prizes-daily-copy.gif");
	background-position: center center;
	height: 63px;
}

body#prizes div#middle #rounds {
	background-image: url("../img/layout/text-prizes-list.gif");
	background-position: center center;
	height: 238px;
	margin: 15px 0;
}

body#prizes div#major {
	background: url("../img/layout/prizes-gear.gif") no-repeat center 20px;
}

body#prizes div#left div, body#prizes div#right div{
	position: absolute;
	bottom: 0;
	left: 0;
	width: 255px;
}

body#prizes div#left div p {
	background-image: url("../img/layout/text-prizes-date.gif");
	width: 220px;
	height: 140px;
	margin: 0 auto;
}

body#prizes div#right div a {
	background-image: url("../img/layout/button-rules.gif");
	width: 133px;
	height: 132px;
	margin: 0 auto;
}

/* ---- enter ---- */
body#enter div#left, body#enter div#right {
	width: 304px;
	height: 490px;
	float: left;
	position: relative;
} 

body#enter div#left ul {
	position: absolute;
	bottom: 61px;
}

body#enter div#right {
	text-align: center;
}

body#enter div#middle {
	width: 322px;
	float: left;
}

body#enter div#middle h1 {
	background-image: url("../img/layout/heading-enter.gif");
	width: 302px;
	height: 47px;
	margin: 0 auto;
}

body#enter div#middle p#copy {
	background-image: url("../img/layout/text-enter-copy.gif");
	background-position: center center;
	width: 240px;
	height: 58px;
	margin: 15px auto;
}

body#enter div#middle p#upload {
	width: 292px;
	height: 87px;
	margin: 0 auto;
	text-indent: 0;
}

body#enter div#middle h2 {
	background-image: url("../img/layout/text-enter-h2.gif");
	background-position: center center;
	width: 211px;
	height: 17px;
	margin: 11px auto;
}

body#enter div#middle div {
	background: url("../img/layout/bg-enter-upload-buttons.gif") no-repeat;
	width: 292px;
	height: 167px;
	margin: 0 auto;
}

body#enter div#middle a#facebook {
	background: url("../img/layout/button-upload-facebook.gif") no-repeat center -138px;
	width: 146px;
	height: 161px;
	margin: 0 auto;
	float: left;
}

body#enter div#middle a#pc {
	background: url("../img/layout/button-upload-pc.gif") no-repeat center -141px;
	width: 146px;
	height: 161px;
	margin: 0 auto;
	float: left;
}

body#enter div#middle a#pc:hover,
body#enter div#middle a#facebook:hover {
	background-position: center top;
}

body#enter div#middle p.terms {
	color: #666;
	font-size: 80%;
	text-transform: uppercase;
	margin: 15px 45px;
	text-align: center;
}

/* ---- FACEBOOK ---- */

body#facebook #minor {
	float: right;
	width: 304px;
	text-align: center;
}

body#facebook #major {
	float: left;
	width: 611px;
}

body#facebook #major h1 {
	background-image: url("../img/layout/heading-facebook-upload.gif");
	width: 462px;
	height: 48px;
	margin: 0 0 15px;
}

body#facebook #major h2 {
	background-image: url("../img/layout/text-facebook-upolad.gif");
	width: 546px;
	height: 79px;
	margin: 0 0 15px;
}

body#facebook #FBLogin {
	margin: 0 0 10px;
}

/* ---- PC ---- */

body#pc #minor {
	float: right;
	width: 304px;
	text-align: center;
}

body#pc #major {
	float: left;
	width: 611px;
}

body#pc #major h1 {
	background-image: url("../img/layout/heading-pc-upload.gif");
	width: 448px;
	height: 48px;
	margin: 0 0 15px;
}

body#pc #major h2 {
	background-image: url("../img/layout/text-pc-upolad.gif");
	width: 546px;
	height: 79px;
	margin: 0 0 15px;
}

body#pc #major h3 {
	background-image: url("../img/layout/heading-pc-upload-note.gif");
	width: 395px;
	height: 10px;
	margin: 0 0 15px;
}

body#pc #major #upload {
	background-image: url("../img/layout/button-pc-upload.gif");
	background-position: left bottom;
	width: 89px;
	height: 48px;
	margin: 0 0 15px;
	border: none;
	float: right;
	margin: 20px 20px 0 0;
	cursor: pointer;
}

body#pc #major #upload:hover {
	background-position: left top;
}

/* ---- STEP 3 ---- */

body#step3 div#left, body#step3 div#right {
	width: 304px;
	float: left;
	position: relative;
} 

body#step3 div#right {
	text-align: center;
}

body#step3 div#middle {
	width: 322px;
	float: left;
}

body#step3 div#left h1 {
	background-image: url("../img/layout/heading-step3.gif");
	background-position: center center;
	width: 274px;
	height: 38px;
	margin: 0 auto 15px;
}

body#step3 form label {
	font-size: 108%;
	line-height:153%;
	width: 68px;
	display: block;
	float: left;
}

body#step3 form input, body#step3 form textarea {
	border: 1px solid #aaa;
	width: 228px;
	padding: 3px;
}

body#step3 form input {
	height: 13px;
}

body#step3 form p {
	margin: 0 0 10px;
	clear: both;
}

body#step3 form div#title {
	margin: 0 0 0 68px;
}

body#step3 form div#title p {
	margin: 0 0 5px;
}

body#step3 form div#title h2 {
	font-size: 108%;
	font-weight: bold;
	text-align: center;
	margin: 25px 0 5px;
}

body#step3 form div#title p.note {
	font-size: 86%;
	text-align: center;
}

body#step3 form div#checkboxes {
	font-size: 73%;
	margin: 25px 0 0 50px;
}

body#step3 form div#checkboxes label {
	width: 233px;
	float: right;
}

body#step3 form div#checkboxes input {
	height: auto;
	width: auto;
}

body#step3 #listing, body#step3 #listing li.first { 
	width: 292px;
	margin: 0 0 0 auto;
}

body#step3 #listing .contender .image span {
	display: none;
}

body#step3 form div#submit {
	margin: 25px 0 15px 68px;
}

body#step3 form div#submit input {
	background-image: url("../img/layout/button-step3-submit.gif");
	width: 227px;
	height: 54px;
	margin: 0 auto;
	cursor: pointer;
  cursor: hand;
	border: 0;
}

/* ---- CONFIRM RATING ---- */

#confirmation {
	position: absolute;
	width: 196px;
	z-index: 100;
}

#confirmation .upper {
	background: url("../img/layout/confirm-upper.png") no-repeat top left;
	width: 196px;
	height: 15px;
	display: block;
}

#confirmation .lower {
	background: url("../img/layout/confirm-lower.png") no-repeat top left;
	width: 196px;
	height: 15px;
	display: block;
}

#confirmation div {
	background: url("../img/layout/confirm-centre.png") repeat-y top left;
	padding: 5px 20px;
	text-align: center;
	font-size: 80%;
}

#confirmation span {
	font-weight: bold;
	color: #e62f0e;
}

#confirmation .buttons {
	margin: 10px 0 0;
}

#confirmation a:link, #confirmation a:active, #confirmation a:visited {
	font-weight: bold;
	color: #000;
	text-decoration: none;
	padding: 0 10px 0 10px;
}

#confirmation a:hover {
	color: #e62f0e;
	text-decoration: underline;
}

#loader #popupbox {
	width: 400px;
}

#loader #popupbox .upper {
	background: url("../img/layout/loading-upper.png") no-repeat top left;
	width: 400px;
	height: 15px;
	display: block;
}

#loader #popupbox .lower {
	background: url("../img/layout/loading-lower.png") no-repeat top left;
	width: 400px;
	height: 15px;
	display: block;
}

#loader #popupbox div {
	background: url("../img/layout/loading-centre.png") repeat-y top left;
	padding: 5px 20px;
	text-align: center;
	font-size: 80%;
}

#loader #popupbox div p.replacement {
	background: url("../img/layout/loading-facebook.gif") no-repeat top left;
	width: 307px;
	height: 117px;
	margin: 0 auto;
}

body#pc #loader #popupbox div p.replacement {
	background: url("../img/layout/loading-pc.gif") no-repeat top left;
	width: 307px;
	height: 126px;
}

#loader #popupbox div img {
	margin: 15px 0 0;
}

/* ---- PRODUCT ---- */

#product #left, #product #right {
	width: 319px;
	float: left;
	height: 345px;
	margin: 75px 0;
}

#product #middle {
	width: 292px;
	text-align: center;
	float: left;
}


#product #left h1 {
	background-image: url("../img/layout/heading-product.gif");
	background-position: right top;
	width: 291px;
	height: 346px;
}

#product #right div {
	background-image: url("../img/layout/text-product.gif");
	background-position: left center;
	width: 281px;
		height: 345px;
}

/* ---- UPLOAD HACK ---- */

#uploadFileName {
	height:51px;
	overflow:hidden;
	position:absolute;
	top:0;
	width:465px;
	z-index: 5;
}

#uploadFileName p {
	font-size: 200%;
	margin: 10px;
}

/* ---- TERMS ---- */

#terms #major h1 {
	font-size: 140%;
	margin: 10px 0;
}

#terms #major h2 {
	font-size: 12px;
	font-style: italic;
	margin: 10px 0;
}

#terms ol {
	width: 95%;
	margin: 20px auto;
}

#terms ol li {
	list-style-type: decimal;
	list-style-position: outside;
	margin: 5px 0;
}

#terms table td {
	padding: 5px;
}

#terms .break {
	padding-bottom: 40px;
}








    .box{
        margin: 5px;
        border: 1px solid #60729b;
        padding: 5px;
        width: 500px;
        height: 200px;
        overflow:auto;
        background-color: #e6ebf8;
    }
		
		.break {
			clear: both !important;
			float: none !important;
			margin: 0 !important;
			padding: 0 !important;
		}
		
		#photos, #albums {
			background-color: #f7f7f7;
			border: 1px solid #ccc; 
			width: 611px; 
			margin: 20px auto;
			padding: 5px;
		}
		
		#albums .album-wrap,
		#photos ul li {
			margin-left: 17px;
			float: left;
			overflow: hidden;
			background-color: #fefefe;
			padding-bottom: 7px;
		}
		
		#albums .album-wrap div,
		#photos ul li {
			width: 140px;
			height: 140px;
			text-align: center;
		}
		
		#albums .album-wrap div {
		position:relative;
		}
		
		#albums .album-wrap div .facebookloading {
			background-color:transparent;
			border:medium none;
			display:none;
			left:55px;
			position:absolute;
			top:60px;
		}
		
		
		#albums .album-wrap div img,
		#photos ul img {
			background-color: #fff;
			border: 1px solid #ccc;
			padding: 4px;
		}
		
		#albums h3 {
			font-size: 10px;
			color: #336699;
			font-weight: bold;
			text-align: center;
			magin: 5px 0 0;
		}
		
		#albums p {
			font-size: 8px;
			color: #666666;
			text-align: center;
		}
		
		#confirm {
			width: 100px;
			height: 80px;
			border: 1px solid red;
			background-color: #ccc;
		}