#wrapper{
margin:0 auto;
padding:0;
width:805px;
height:auto;
background: url(../images/spotlight/background_799x540.jpg) no-repeat;
}

#content{
margin:0 auto;
padding:0;
width:805px;
height:auto;
background: url(../images/spotlight/bg_805x706.png) no-repeat;
}

.votingAppBG{
margin:0 auto;
padding:0;
width:805px;
height:auto;
background: url(../images/spotlight/background_799x540.jpg) no-repeat 0 45px;
background-color: black;
}

#voteForFavourite{
float:left;
margin:0;
padding:0;
width:551px;
}

span#voteForTitle{
font-size: 2.8em;
color: #FFF;
font-family: 'grinched', Arial, Helvetica, Verdana, sans-serif;
float:left;
margin:7px 0 0 30px;
padding:0;
}

#epBadge{
display: block;
float:right;
margin:0 255px 0 0;
}

a.voteForLinks{
background: url(../images/spotlight/voteForLinksBG_241x261.png) no-repeat;
display: block;
float:left;
margin:0;
padding:0;
width:241px;
height:261px;
color:#f9f4ca;
font-size: 4.0em;
font-family: 'grinched', Arial, Helvetica, Verdana, sans-serif;
text-decoration: none;
}

a.voteForLair{
margin:0 0 0 35px;
}

a:hover.voteForLinks{
background-position: 0 -261px;
}

a.voteForLinks span{
padding:0 0 0 40px;
}


#viewCurrent{
width:244px;
height:auto;
float:right;
margin:0;
padding:0;
}

#viewCurrentLair, #viewCurrentAvatar{
display:block;
background: url(../images/spotlight/viewCurrentBG244x133.png) no-repeat;
margin:10px 0 0 0;
padding:0;
width:244px;
height:133px;
color:white;
font-family: Arial, Helvetica, sans-serif;
font-size: 1.4em;
font-weight: bold;
text-decoration: none;
}

#viewCurrentLair:hover, #viewCurrentAvatar:hover{
background-position: bottom;
}

#viewCurrentAvatar img{
display: block;
float:left;
}

#viewCurrentAvatar span{
float:left;
display:block;
background:url(../images/spotlight/viewCurrentTextBG128x60.png) no-repeat;
padding:0 0 0 7px;
margin:55px 0 0 2px;
width:128px;
height:60px;
text-align: left;
}

#viewCurrentLair{
text-align: center;
}

#viewCurrentLair img{
display:block;
margin:0 auto 4px auto;
border:#65bfec solid 3px;             
}

#submitArea{
background: url(../images/spotlight/submitAreaBG_805x332.png) no-repeat;
width:805px;
height: 332px;
margin:20px 0 0 0;
padding:0;
}

#submitTextBG{
background: url(../images/spotlight/submitTextBG_216x286.png) no-repeat;
margin:30px 25px 0 0;
padding:0;
float:right;
width:216px;
height:286px;
}

#submitTextBG span{
color:white;
font-family: Arial, Helvetica, sans-serif;
font-size: 1.2em;
padding:5px 0;
margin:0;
}

#submitTextBG span p{
padding:0 10px;
margin:5px 0 5px 0;
}

a.submitAvatar, a.submitLair{
background: url(../images/spotlight/submitBtnBG_235x257.png) no-repeat;
float:left;
display:block;
margin:50px 0 0 20px;
padding:0;
width:235px;
height:257px;
color:#051633;
font-family: Arial, Helvetica, sans-serif;
font-size: 3.8em;
}

a:hover.submitAvatar, a:hover.submitLair{
background-position: bottom;
}

a.submitAvatar span, a.submitLair span{
background: url(../images/spotlight/submitBtnBG_160x63.png) no-repeat;
display:block;
margin:5px 0 0 33px;
padding:9px 0 0 21px;
width:139px;
height:54px;
}

#submittedAvatar, #submittedLair{
float:left;
display:block;
margin:50px 0 0 20px;
padding:0;
width:235px;
height:257px;
}

h1.lairSpotlightHeading, h1.avatarSpotlightHeading{
font-size: 4.0em;
color: #FFCC00;
font-family: 'grinched', Arial, Helvetica, Verdana, sans-serif;
float:left;
}

span.lairSpotlightLink, span.avatarSpotlightLink{
font-size: 2.7em;
color: #FFCC00;
font-family: 'grinched', Arial, Helvetica, Verdana, sans-serif;
}

#lairSpotlight_bottom, #avatarSpotlight_bottom{
	background: url("../images/votingApp/lairSpotlight_btm_bg.png") no-repeat scroll;
	width: 722px;
	height: 70px;
	padding: 20px 0 0 0;
}

#avatarSpotlight_bottom{
	margin: 25px 0 0 0;	
}

.lairSpotlightMain{
	width: 800px;
	height: 570px;
	margin-left: auto;
	margin-right: auto;
	background: url("../images/votingApp/lairSpotlight_main_bg.png") no-repeat scroll;
	padding: 15px 0 0 15px;
}

.avatarSpotlightMain{
	width: 800px;
	height: 570px;
	margin-left: auto;
	margin-right: auto;
	background: url("../images/votingApp/avatarSpotlight_main_bg.png") no-repeat scroll;
	padding: 15px 0 0 15px;
}

.lairWinnerImage{
	margin: 0 0 0 4px;
}

.avatarWinnerImage{
	margin-left: 250px;
}

.lairSpotlightAvatarName, .avatarSpotlightAvatarName{
	background: url("../images/votingApp/lairSpotlight_avatarname_bg.png") no-repeat scroll;
	height: 37px;
	width: 743px;
	padding: 5px 0 0 15px;
}

.lairSpotlightAvatarName #avatarName, .avatarSpotlightAvatarName #avatarName{
	font-size: 2.5em;
	font-family:"Comic Sans MS", Verdana, Arial, Helvetica, sans-serif;
}

.lairSpotlightAvatarName #avatarNamePrefix{
	font-size: 2.5em;
	font-family:"Comic Sans MS", Verdana, Arial, Helvetica, sans-serif;
	color: #20516A;
	margin: 0 5px 0 0 ;
}

#lairSpotlight_dateSelection{
	background: url("../images/votingApp/lairSpotlight_dateselection.png") no-repeat scroll;
	height: 35px;
	width: 230px;
	float: left;
	font-size: 1.4em;
	padding: 15px 0 0 0;
	margin: 0 0 0 20px;
}

#lairSpotlight_lairLink{
	background: url("../images/votingApp/lairSpotlight_lairlink.png") no-repeat scroll;
	height: 38px;
	width: 220px;
	float: left;
	padding: 15px 0 0 10px;
	cursor: pointer;
}

#lairSpotlight_addFriend{
	background: url("../images/votingApp/lairSpotlight_addfriend.png") no-repeat scroll;
	height: 43px;
	width: 177px;
	float: left;
	padding: 15px 0 0 50px;
	cursor: pointer;
}

a.backToSpotlight_lair{
	float: left;
	width: 129px;
	height: 38px;
	margin: 20px 20px 0 50px;
	background: url("../images/votingApp/lairVote_back.png") no-repeat scroll;
}

a.backToSpotlight_lair:hover{
	background: url("../images/votingApp/lairVote_back_hover.png") no-repeat scroll;
}

a.backToSpotlight_avatar{
	float: left;
	width: 91px;
	height: 28px;
	margin: 20px 10px 0 70px;
	background: url("../images/votingApp/avatarVote_back.png") no-repeat scroll;
}

a.backToSpotlight_avatar:hover{
	background: url("../images/votingApp/avatarVote_back_hover.png") no-repeat scroll;
}

#voteLair_mySubmission{
	background: url("../images/votingApp/lairVote_bottom_bg.png") no-repeat scroll;
	height: 71px;
	width: 556px;
	margin-top: -3px;
	float: left;
}

a.voteLairLink{
	font-size: 2.7em;
	color: #FFFFFF;
	font-family: 'grinched', Arial, Helvetica, Verdana, sans-serif;
}

a.voteLairLink:hover{
	color: #FDB817;
}

#votLair_submissionBtn{
	height: 40px;
	width: 240px;
	float: left;
	margin: 20px 65px 0 0;
}

#votLair_emailBtn{
	height: 40px;
	width: 240px;
	float: left;
	margin: 20px 0 0 0;
}

#emailSlide_lair{
	width: 755px;	
}
#emailSlide_avatar{
	width: 727px;	
}

#emailForm{
	width: 550px;	
}

#emailAFriend{
	float: right;
	background: url("../images/votingApp/lairVote_email_bg.png") no-repeat scroll;
	height: 189px;
	width: 247px;
}

#emailAFriend ul{
	width: 240px;
	list-style: none;
	padding: 0px;
	margin: 10px;
}

#emailAFriend li{
	list-style:none outside none;	
	width: 240px;
}

#emailAFriend .textfield{
	width: 220px;
	height: 18px;
}

li.friendemailtext{
	font-size: 15pt;
	color: #FFFFFF;
	font-family: 'grinched', Arial, Helvetica, Verdana, sans-serif;
	padding: 10px 0 2px 0;
}

li.youremailtext{
	font-size: 15pt;
	color: #FFFFFF;
	font-family: 'grinched', Arial, Helvetica, Verdana, sans-serif;
	padding: 10px 0 2px 0;
}

#emailStatusMsg{
	height: 15px;	
	color: #FFFFFF;
	font: 1.2em;
}

h2.sendemailform{
	font-size: 21pt;
	color: #FFFFFF;
	font-family: 'grinched', Arial, Helvetica, Verdana, sans-serif;
	margin: 8px 0 0 100px;
	cursor: pointer;
}

#lairSubmissionOverlay{
	background: url("../images/votingApp/lairSubmission_bg.png") no-repeat scroll 0 0 transparent;
	width: 677px;
	height: 572px;
	clear: both;
	position: fixed;
}

#overlay_x{
	float: right;
	margin: 0 5px 0 0;
	cursor: pointer;
}

#currentLairImage{
	padding: 85px 0 0 90px;
}

#lairOverlay_text{
	color: #FFFFFF;
	font-family: Arial, Helvetica, Verdana, sans-serif;
	font-size: 12pt;
	width: 470px;
	margin: 0 0 0 90px;
}

.timeRemainingText{
	color: #FDB817;
}

div.overlaySubmitBtn_lair{
	background: url("../images/votingApp/overlay_submit_btn.png") no-repeat scroll;
	width: 158px;
	height: 58px;
	margin: 23px 0 0 235px;
	cursor: pointer;
}

h2.overlaySubmitBtn{
	font-size: 21pt;
	color: #000033;
	font-family: 'grinched', Arial, Helvetica, Verdana, sans-serif;
	padding: 15px 0 0 0;
}

#avatarSubmissionOverlay{
	background: url("../images/votingApp/avatarSubmission_bg.png") no-repeat scroll 0 0 transparent;
	width: 677px;
	height: 483px;
	clear: both;
	position: fixed;
}

#currentAvatarImage{
	padding: 80px 0 0 0px;
	width: 277px;
	height: 365px;
	float: left;
}

#avatarOverlay_text{
	float: left;
	width: 277px;
	height: 365px;
	padding: 40px 0 0 60px;
	color: #FFFFFF;
	font-family: Arial, Helvetica, Verdana, sans-serif;
	font-size: 12pt;
}

div.overlaySubmitBtn_avatar{
	background: url("../images/votingApp/overlay_submit_btn.png") no-repeat scroll;
	width: 158px;
	height: 58px;
	margin: 0 0 0 57px;
	cursor: pointer;
}

span.viewLairWinnerText{
	font-size: 12pt;
	color: #FFFFF;
	font-family: 'grinched', Arial, Helvetica, Verdana, sans-serif;
}

span.viewAvatarWinnerText{
	font-size: 14pt;
	color: #FFFFF;
	font-family: 'grinched', Arial, Helvetica, Verdana, sans-serif;
}