html, body {
	position: relative;
	
	margin: 0;
	padding: 0;
	
	font-family: "Lucida Grande";
	font-size: 11px;
	color: #333333;
	
	background-color: #ffffff;
	background-image: url("images/bodyBackground.jpg");
	background-repeat: repeat-x;
	background-position: top left;

	width: 100%;
}

a {
	outline:none;
	text-decoration:none;
	border: none;
}

img {
	border: none;
}

p {
	margin: 0;
	padding: 0;
	
	color: #555555;
}

h1 {
	margin: 0;
	padding: 0;
}

h2 {
	margin: 8px 0 0;
	padding: 0;
	
	font-size: 18px;
	color: #0082b4;
	text-transform: uppercase;
}

h3 {
	margin: 0;
	padding: 0;
}

h4 {
	margin: 0;
	padding: 0;
	
	line-height: 30px;
}

#wrap {
	position: relative;
	
	width: 100%;
	min-width: 1000px;
	
	margin: 0 auto;
}

#backgroundVignetteRight {
	position: absolute;
	top: 0;
	right: 0;
	z-index: 1;
}

#backgroundVignetteLeft {
	position: absolute;
	top: 0;
	left: 0;
	z-index: 1;
}

#bookmarkFacebook {
	position: absolute;
	top: 12px;
	left: 830px;
}

#bookmarkTwitter {
	position: absolute;
	top: 12px;
	left: 856px;
}





/****************************************/
/*										*/
/*				HEADER					*/
/*										*/
/****************************************/


#header {
	position: relative;
	height: 209px;
	width: 1100px;
	background-image: url("images/headerBoxBackground.png");
	
/*	border: 1px solid #333;*/
	margin: 0 auto;
	
	z-index: 10;
}

#logo_tapDuel {
	text-indent: -9999px;
}

#logo_unicefFund {
	text-indent: -9999px;
}


/************* NAV BAR ******************/

#nav {
	margin: 0;
	padding: 0;
}

#nav li {
	display: block;
	font-size: 11px;
	text-align: center;

	width: 100px;
	padding: 10px 0;
/*	border: 1px solid #3f0;*/
}

#nav a {
	color: #ffffff;
	text-decoration: none;
	text-transform: uppercase;
}

#nav1 {
	position: absolute;
	left: 206px;
	top: 142px;
}

#nav2 {
	position: absolute;
	left: 318px;
	top: 142px;
}

#nav3 {
	position: absolute;
	right: 316px;
	top: 142px;
}

#nav4 {
	position: absolute;
	right: 202px;
	top: 142px;
}






/****************************************/
/*										*/
/*				CONTENT					*/
/*										*/
/****************************************/

#content {
	position: relative;

	background-image: url("images/contentBackground.png");
	background-position: top center;
	background-repeat: no-repeat;
	
	margin: 0 auto;
	min-height: 340px;
	width: 1100px;
}

#contentLeft {position: relative;top: 0;left: 204px;padding: 0;margin: 0;width: 690px;height: 341px;overflow-x: hidden;overflow-y: auto;}
#contentRight {display: none;}
#titleRight {display: none;}
#titleLeft {display: none;}

#contentCenter {
	position: relative;
	top: 0;
	left: 205px;
	
	padding: 0;
	margin: 0;
	
	width: 690px;
	height: 341px;
	
	overflow-x: hidden;
	overflow-y: auto;
}

#contentCenterNoBar {
	position: relative;
	top: 0;
	left: 205px;
	
	padding: 0;
	margin: 0;
	
	width: 690px;
	min-height: 341px;
	
	overflow-x: hidden;
	/*overflow-y: auto;*/
	background-image: url('images/contentBackground_under.png');
	background-repeat: repeat-y;
}


/********** Control Center **********/


.controlCenter {
/*	background-image: url('images/bodyControlCenterTop.png');*/
	background-position: center top;
	background-repeat: no-repeat;
}

.controlCenter h3 {
	margin-top: 15px;
}


h3.Invites {
	display: block;
	text-indent: -9999px;
	width: 100%;
	height: 16px;
	
	background-image: url('images/bodyControlCenterSubtitleInvites.png');
	background-repeat: no-repeat;
}

h3.Active {
	display: block;
	text-indent: -9999px;
	width: 100%;
	height: 16px;
	
	background-image: url('images/bodyControlCenterSubtitleActive.png');
	background-repeat: no-repeat;
}

h3.Previous {
	display: block;
	text-indent: -9999px;
	width: 100%;
	height: 16px;
	
	background-image: url('images/bodyControlCenterSubtitlePrevious.png');
	background-repeat: no-repeat;
}

.buttonInvitesAdd button					{background-image: url('images/bodyControlCenterAdd_flip.png');color: #ffffff;background-position: center top;position: relative;z-index: 30;background-color: transparent;background-repeat: no-repeat;border: none;height: 150px;width: 690px;margin: 0;text-indent: -9999px;cursor: pointer;}
.buttonInvitesAdd:hover button				{background-position: 0 -150px;}
.buttonInvitesAdd:active button				{background-position: 0 -300px;}

.accept-duel .userDuelsActiveButton			{background-image: url('images/bodyControlCenterInvitesAccept.png');background-color: transparent;background-repeat: no-repeat;border: none;height: 31px;width: 320px;cursor: pointer;}
.accept-duel:hover .userDuelsActiveButton	{background-image: url('images/bodyControlCenterInvitesAccept_over.png');}
.accept-duel:active .userDuelsActiveButton	{background-image: url('images/bodyControlCenterInvitesAccept_down.png');}
.accept-duel p 								{color: #ffffff;position: relative; left: 65px; top: 6px; text-transform: uppercase;}

.buttonInvitesPending 						{background-image: url('images/bodyControlCenterInvitesPending.png');background-color: transparent;background-repeat: no-repeat;border: none;height: 31px;width: 320px;}
.buttonInvitesPending p 					{color: #ffffff;position: relative; left: 65px; top: 6px; text-transform: uppercase;}

#userDuelsActive a 							{background-image: url('images/bodyControlCenterActiveBW_flip.png');background-color: transparent;background-repeat: no-repeat;border: none;display: block;height: 31px;width: 320px;cursor: pointer;}
#userDuelsActive a:hover 					{background-position: 0 -31px;}
#userDuelsActive a:active 					{background-position: 0 -62px;}
#userDuelsActive p 							{color: #ffffff; position: relative; left: 65px; top: 6px; text-transform: uppercase;}
#userDuelsActive div.winningDuel			{background-image: url('images/bodyControlCenterActiveGreen_flip.png');background-color: transparent;background-repeat: no-repeat;border: none;display: block;height: 31px;width: 320px;cursor: pointer;}
#userDuelsActive div.winningDuel:active		{background-position: 0 -62px}
#userDuelsActive div.losingDuel				{background-image: url('images/bodyControlCenterActiveRed_flip.png');background-color: transparent;background-repeat: no-repeat;border: none;display: block;height: 31px;width: 320px;cursor: pointer;}
#userDuelsActive div.losingDuel:active		{background-position: 0 -62px}


.friendDuelsActiveButton 					{background-image: url('images/bodyControlCenterInvitesPending.png');background-color: transparent;background-repeat: no-repeat;border: none;height: 31px;width: 320px;cursor: pointer;}
.friendDuelsActiveButton p 					{color: #ffffff;position: relative; left: 65px; top: 6px; text-transform: uppercase;}
/*.friendDuelsActiveButton:hover 				{background-image: url('images/bodyControlCenterInvitesPending.png');}
.friendDuelsActiveButton:active 			{background-image: url('images/bodyControlCenterInvitesPending.png');}*/

.userDuelsPreviousButton 							{background-image: url('images/bodyControlCenterActiveBW_flip.png');background-color: transparent;background-repeat: no-repeat;border: none;height: 31px;width: 320px;}
.userDuelsPreviousButton p 							{color: #ffffff;position: relative; left: 65px; top: 6px; text-transform: uppercase;}
.userDuelsPreviousButton .wonDuel					{background-image: url('images/bodyControlCenterActiveGreen_flip.png');background-color: transparent;background-repeat: no-repeat;border: none;display: block;height: 31px;width: 320px;cursor: pointer;z-index: 50;}
.userDuelsPreviousButton .lossDuel					{background-image: url('images/bodyControlCenterActiveRed_flip.png');background-color: transparent;background-repeat: no-repeat;border: none;display: block;height: 31px;width: 320px;cursor: pointer;z-index: 50;}
.userDuelsPreviousButton .tieDuel					{background-image: url('images/bodyControlCenterActiveBlue_flip.png');background-color: transparent;background-repeat: no-repeat;border: none;display: block;height: 31px;width: 320px;cursor: pointer;z-index: 50;}

#startDuel									{background-image: url('images/bodyStartDuel_flip.png');color: #ffffff;background-position: center top;position: absolute;left: 448px; top: 300px;z-index: 30;background-color: transparent;background-repeat: no-repeat;border: none;height: 70px;width: 200px;margin: 0;text-indent: -9999px;cursor: pointer; z-index: 100;}
#startDuel:hover							{background-position: 0 -70px;}
#startDuel:active							{background-position: 0 -140px;}

.userDuelsPreviousWinner {}
.userDuelsPreviousOpponent {} 

.buttonInvitesPending .inviteFBReminder { display: none; }
.buttonInvitesPending:hover .inviteFBReminder { display: none; cursor: pointer; position: absolute; top: 0; left: -90px; border: 1px solid #0f0; }
 


#controlCenterLeft {
	width: 49%;
	float: left;
}


#controlCenterLeft h2.subTitle {
	display: block;
	width: 100%;
	height: 50px;
	text-indent: -9999px;
	background-image: url("images/bodyControlCenterYourDuels.png");
	background-repeat: no-repeat;
}

#controlCenterRight {
	width: 49%;
	float: right;
}

#controlCenterRight h2.subTitle {
	display: block;
	width: 100%;
	height: 50px;
	text-indent: -9999px;
	background-image: url("images/bodyControlCenterFriendsDuels.png");
	background-repeat: no-repeat;
}



/************* Leader Board **************/

.duelLeaderBoard h2 {
	width: 100%;
	height: 80px;
	background-image: url('images/bodyLeaderBoardHeader.png');
	background-repeat: no-repeat;
	background-position: top center;
	
	text-indent:-9999px;
}

#duelLeaders li {
	font-size: 20px;
	font-weight: bold;
	margin-left: 200px;
	color: #0082b4;
}

#duelLeaders .leaderName {
}

#duelLeaders .leaderAmount {
	position: absolute;
	left: 390px;
}

.lowerDescription {
	width: 660px;
	margin: 5px 15px;
	padding-top: 8px;

	bottom: 0;
	
	border-top: 1px solid #999999;
}


/*******************************************/
/************** Duel Screens ***************/

.bodyDuel {
	background-image: url("images/bodyDuelBackground.jpg");
	background-repeat: no-repeat;
	
	z-index: 10;
}

.bodyFinalize {
	background-image: url("images/bodyFinalizeBackground.png");
	background-repeat: no-repeat;
	
	z-index: 10;
}

.bodyCompleted {
	background-image: url("images/bodyCompletedBackground.png");
	background-repeat: no-repeat;
	
	z-index: 10;
}

#duelCommentary {
	padding: 0 130px;
	font-size: 13px;
	color: #ddffff;
	position: absolute;
	top: 226px;
}

#duelCommentary a {
	color: #ffffff;
	font-weight: bold;
	text-decoration: underline;
}

#buttonPlaceBid  {background-position: center -40px; position: absolute;left: 355px;top: 277px;cursor: pointer;text-indent: -9999px;width: 140px;height: 40px;background-color: transparent;background-image: url("images/bodyFinalizePlaceBid_flip.png");border: none;z-index: 10;}
#buttonPlaceBid:hover {background-position: 0 -80px;}
#buttonPlaceBid:active {background-position: 0 -80px;}

#PayPal {position: absolute;top:284px;left: 502px;z-index: 50;}

#fieldPlaceBid {
	position: absolute;
	top: 280px;
	left: 218px;
	width: 125px;
	height: 28px;
	font-size: 24px;
	border: 2px solid #cccccc;
	text-align: right;
	color: #000000;
}

.profilePicCrop {
	overflow: hidden;
	width: 130px;
	height: 130px;
}

.winning .profilePic {
	border: 1px solid #f00;
}

#player1 {
	position: absolute;
	left: 108px;
	top: 51px;
}

#player1.winner {
	height: 162px;
	background-image: url('images/bodyDuelWinning.png');
	background-repeat: no-repeat;
	background-position: bottom center;
}

#player2.winner {
	height: 162px;
	background-image: url('images/bodyDuelWinning.png');
	background-repeat: no-repeat;
	background-position: bottom center;
}

#player2 {
	position: absolute;
	left: 457px;
	top: 51px;
}

#player1 h2 {
	position: absolute;
	top: -30px;
	font-size: 14px;
}

#player2 h2 {
	position: absolute;
	top: -30px;
	font-size: 14px;
}


#currentBid {
	position: absolute;
	top: 105px;
	display: block;
	width: 100%;
	text-align: center;
	z-index: 20;
	color: #ffffff;
}

.currentBidLabel {
	display: none;
}

#player1 #bidButtons {
	position: absolute;
	left: 155px;
	top: 108px;
	width: 300px;
}

#player2 #bidButtons {
	position: absolute;
	left: -195px;
	top: 108px;
	width: 300px;
}

.bid-button {
	float: left;
	width: 56px;
	height: 30px;
	border: none;
	background-color: transparent;
	background-repeat: no-repeat;
	text-indent: -9999px;
	cursor: pointer;
	z-index: 20;
}

.bid50 {background-image: url('images/bodyDuelAdd050.png');}
.bid100 {background-image: url('images/bodyDuelAdd100.png');}
.bid500 {background-image: url('images/bodyDuelAdd500.png');}

#duelVS {
	display: none;
}

#clock {
	width: 100%;
	text-align: center;
	color: #ffffff;
	position: absolute;
	top: 50px;
	font-size: 18px;
}

#clock .colon {
	display: none;
}

#clock span {
	margin: 0 8px;
}

.winningDuel {}
.losingDuel {}


/*******************************************/
/*********** New Duel Creation *************/



/* Facebook Login */

#facebookLogin {
	position: absolute;
	
	width: 690px;
	height: 341px;

	
	background-image: url("images/bodyFacebook.png");
	
	z-index: 5;
}

#facebookLoginButton {
	position: absolute;
	left: 245px;
	top: 305px;
}

#contentFacebookDescription {
	text-align: center;
	width: 100%;
	position: absolute;
	top: 270px;
}

#buttonLogout a {background-image: url('images/bodyButtonLogout_flip.png');background-position: center top;width: 71px;height: 26px;border: none;background-color: transparent;position: absolute;left: 758px;bottom: -38px;text-indent: -9999px;cursor: pointer;z-index: 30;}
#buttonLogout a:hover {background-position: 0 -26px;}
#buttonLogout a:active {background-position: 0 -52px;}

/* Time Remaining */

#duelTime {
	position: absolute;
	
	width: 690px;
	height: 341px;
	
	text-indent: -9999px;
	
	background-image: url("images/bodySetTimeLimit.png");
	
	z-index: 5;
}

#timerLabels {
	position: absolute;
	text-indent: -9999px;
}

#timerUserInput {
	font-family: Courier;
	font-style: normal;
	font-size: 85px;
	letter-spacing: -5px;
	color: #ffffff;
	
	padding: 0;
	margin: 0;
	
	position: absolute;
	z-index: 10;
}

#duelDays { position: absolute; top: 115px; left: 145px; }

#duelDaysUp {position: absolute;top: 125px;left: 245px;width: 25px;heigth: 30px;padding: 10px;border: none;text-indent: -9999px;background-color: transparent;cursor: pointer;background-image: url("images/bodyTimerArrowUp.png");background-repeat: no-repeat;}
#duelDaysUp:hover {background-image: url("images/bodyTimerArrowUp_over.png");}
#duelDaysUp:active {background-image: url("images/bodyTimerArrowUp_down.png");}

#duelDaysDown {position: absolute;top: 155px;left: 245px;width: 25px;heigth: 30px;padding: 10px;border: none;text-indent: -9999px;background-color: transparent;cursor: pointer;background-image: url("images/bodyTimerArrowDown.png");background-repeat: no-repeat;}
#duelDaysDown:hover {background-image: url("images/bodyTimerArrowDown_over.png");}
#duelDaysDown:active {background-image: url("images/bodyTimerArrowDown_down.png");border: none;}


#duelHours {position: absolute;top: 115px;left: 288px;}

#duelHoursUp {position: absolute;top: 125px;left: 386px;width: 25px;heigth: 30px;padding: 10px;border: none;text-indent: -9999px;background-color: transparent;cursor: pointer;background-image: url("images/bodyTimerArrowUp.png");background-repeat: no-repeat;}
#duelHoursUp:hover {background-image: url("images/bodyTimerArrowUp_over.png");}
#duelHoursUp:active {background-image: url("images/bodyTimerArrowUp_down.png");}

#duelHoursDown {position: absolute;top: 155px;left: 386px;width: 25px;heigth: 30px;padding: 10px;border: none;text-indent: -9999px;background-color: transparent;cursor: pointer;background-image: url("images/bodyTimerArrowDown.png");background-repeat: no-repeat;}
#duelHoursDown:hover {background-image: url("images/bodyTimerArrowDown_over.png");}
#duelHoursDown:active {background-image: url("images/bodyTimerArrowDown_down.png");}



#duelMinutes {position: absolute;top: 115px;left: 430px;}

#duelMinutesUp {position: absolute;top: 125px;left: 528px;width: 25px;heigth: 30px;padding: 10px;border: none;text-indent: -9999px;background-color: transparent;cursor: pointer;background-image: url("images/bodyTimerArrowUp.png");background-repeat: no-repeat;}
#duelMinutesUp:hover {background-image: url("images/bodyTimerArrowUp_over.png");}
#duelMinutesUp:active {background-image: url("images/bodyTimerArrowUp_down.png");}

#duelMinutesDown {position: absolute;top: 155px;left: 528px;width: 25px;heigth: 30px;padding: 10px;border: none;text-indent: -9999px;background-color: transparent;cursor: pointer;background-image: url("images/bodyTimerArrowDown.png");background-repeat: no-repeat;}
#duelMinutesDown:hover {background-image: url("images/bodyTimerArrowDown_over.png");}
#duelMinutesDown:active {background-image: url("images/bodyTimerArrowDown_down.png");}



/********** Payment Info ****************/

#billingInformation .labelLeft {
	line-height: 20px;
}





/*********** Status Bar *****************/

#contentStatusBar {
	position: absolute;
	bottom: 0;
	
	width: 100%;
	height: 50px;
	
	z-index: 4;
}

.setTimeLimit {
	background-image: url("images/bodyStatusBar_SetTimeLimit.png");
}

.chooseFriend {
	background-image: url("images/bodyStatusBar_ChooseFriend.png");
}

#duelButtonNext {background-position: center top; position: absolute;left: 460px;top: 300px;cursor: pointer;text-indent: -9999px;width: 99px;height: 40px;background-color: transparent;background-image: url("images/bodyStatusBarNext_flip.png");border: none;z-index: 10;}
#duelButtonNext:hover {background-position: 0 -40px;}
#duelButtonNext:active {background-position: 0 -80px;}


#duelButtonBack {background-position: center top; position: absolute;left: 460px;top: 300px;cursor: pointer;text-indent: -9999px;width: 99px;height: 40px;background-color: transparent;background-image: url("images/bodyStatusBarBack_flip.png");border: none;z-index: 10;}
#duelButtonBack:hover {background-position: 0 -40px;}
#duelButtonBack:active {background-position: 0 -80px;}

#buttonInvite  {background-position: center top; position: absolute;left: 275px;top: 205px;cursor: pointer;text-indent: -9999px;width: 140px;height: 40px;background-color: transparent;background-image: url("images/bodyButtonChooseFriend_flip.png");border: none;z-index: 10;}
#buttonInvite:hover {background-position: 0 -40px;}
#buttonInvite:active {background-position: 0 -80px;}

/****************************************/
/*										*/
/*				FOOTER					*/
/*										*/
/****************************************/


#footer {
	position: relative;

	background-image: url("images/footerBackground.png");
	background-repeat: no-repeat;
	background-position: top center;
	
	margin: 0 auto;
	height: 125px;
	width: 1100px;
}

#logo_acquaDiGio {
	text-indent: -9999px;
}

#copyright {
	position: absolute;
	left: 430px;
	top: 68px;
	
	font-size: 8px;
	text-transform: uppercase;
}

.fb_popupContainer {
    top: 120px !important;
    
}

#copyright a {
	color: #111111;
	text-decoration: underline;
}

#copyright a:visited {
	color: #111111;
}


/*
    anythingSlider v1.2
    
    By Chris Coyier: http://css-tricks.com
    with major improvements by Doug Neiner: http://pixelgraphics.us/
    based on work by Remy Sharp: http://jqueryfordesigners.com/
*/


.anythingSlider                         { width: 690px; height: 341px; position: relative; margin: 0 auto; }
.anythingSlider .wrapper                { width: 690px; overflow: auto; height: 341px; margin: 0; position: absolute; top: 0; left: 0;}

                                       /* Width below is max for Opera */
.anythingSlider .wrapper ul             { width: 32700px; list-style: none; position: absolute; top: 0; left: -40px; background: #eee; }
.anythingSlider ul li                   { display: block; float: left; padding: 0; height: 341px; width: 690px; margin: 0; }
.anythingSlider .arrow                  { display: block; height: 70px; width: 60px; background: url(images/bodySplashArrows_flip.png) no-repeat 0 0; text-indent: -9999px; position: absolute; top: 120px; cursor: pointer; }
.anythingSlider .forward                { background-position: -60px 0; right: -60px; }
.anythingSlider .back                   { background-position: 0 0; left: -60px; }
.anythingSlider .forward:hover          { background-position: -60px -70px; }
.anythingSlider .back:hover             { background-position: 0 -70px; }
.anythingSlider .forward:active         { background-position: -60px -140px; }
.anythingSlider .back:active            { background-position: 0 -140px; }

#thumbNav                               { display: none; position: relative; top: 323px; text-align: center; }
#thumbNav a                             { color: black; font: 11px/18px Georgia, Serif; display: inline-block; padding: 2px 8px; height: 18px; margin: 0 5px 0 0; background: #c58b04 url(../images/cellshade.png) repeat-x; text-align: center; -moz-border-radius-bottomleft: 5px; -moz-border-radius-bottomright: 5px; -webkit-border-bottom-right-radius: 5px; -webkit-border-bottom-left-radius: 5px; }
#thumbNav a:hover                       { background-image: none; }
#thumbNav a.cur                         { background: #e0a213; }

#start-stop                             { display: none; background: green; background-image: url(images/cellshade.png); background-repeat: repeat-x; color: white; padding: 2px 5px; width: 40px; text-align: center; position: absolute; right: 45px; top: 323px; -moz-border-radius-bottomleft: 5px; -moz-border-radius-bottomright: 5px; -webkit-border-bottom-right-radius: 5px; -webkit-border-bottom-left-radius: 5px; }
#start-stop.playing                     { background-color: red; }
#start-stop:hover                       { background-image: none; }

/*
  Prevents
*/
.anythingSlider .wrapper ul ul          { position: static; margin: 0; background: none; overflow: visible; width: auto; border: 0; }
.anythingSlider .wrapper ul ul li       { float: none; height: auto; width: auto; background: none; }