/*------------------------------
CSS for balloonrace.com
Authors: A D Egginton / R Locke / P Giles

MAIN SECTIONS: NOTES / TAGS / TEMPLATE / FORMS / ADMIN
-----------------------------*/
/*NOTES*/
/*Any time Arial Black is used, font-weight:900; must be applied*/


/*TAGS START*/

html, body, ul, ol, li, p, em, h1, h2, h3, h4, h5, h6, form, fieldset, a{ 
	font-style:normal;
}

body{background-image:url(../images/bg.jpg);color:#427bad;font: normal 16px Tahoma, Arial, sans-serif;background-position:bottom center;padding:0px;margin:0px;background-repeat:repeat-x;background-color:#A0E1FF;text-decoration: none;}

a, input {color:#e81750;text-decoration:none;font-style:normal;}
a, input:active{outline:none;}
a, input:focus{-moz-outline-style:none;}

img, div { behavior: url(css/iepngfix.htc); z-index: 10; }

p {line-height:21px;letter-spacing:-0.01em;}
strong{}
em{font-style:normal;color:#e81750;}
ul, li{letter-spacing:0px;}

h1 {padding:0px;margin:0px;line-height:30px;font-size:36px;letter-spacing:-0.08em;font-family: "Arial Black", Arial;text-transform: uppercase;font-style:normal;font-weight:900;}
 h1 a{font-style:normal;}
h2 {padding:0px;margin:0px;color:#224e75;font: normal 15px "Arial Black", Arial;text-decoration: none;letter-spacing:-0.08em;text-transform: uppercase;font-style:normal;font-weight:900;}
h3{color:#1D486E}
h4{color:#5a5a5a; padding:0px;margin:0px;line-height:24px;font-size:24px;letter-spacing:-0.1em;font-family: "Arial Black", Arial;font-style:normal;  font-weight:900;}

fieldset {font-size: 18px;}
.fields{border:0px; padding-top:6px; padding-left:6px; padding-right:6px; background-position:top right; background-repeat: no-repeat; background-image:url(../images/field-bg.jpg); font: bold 14px Arial, Helvetica, sans-serif;color: #0084a9;text-decoration: none; width:173px; height:23px;letter-spacing:-0.04em; margin-left:20px;}
.big-fields{background-image:url(../images/field-bg-big.jpg);height:77px;border:0px; padding-top:6px; padding-left:6px; padding-right:6px; background-position:top right; background-repeat: no-repeat; font: bold 14px Arial, Helvetica, sans-serif;color: #0084a9;text-decoration: none; width:172px;letter-spacing:-0.04em;}


/*TAGS END*/

/*CLOUDS CSS START*/

	#clouds {width: 100%;text-align:center;}
	.cloud {position:absolute;top:-100px;z-index:-1;}
	
/*CLOUDS CSS END*/

/*TEMPLATE START*/

.fr{float:right;}
.fl{float:left;}
.clr{clear:both;}

#logo {position: absolute;top: 0px;left: 0px;z-index: 10;}
	
#contentWrapper{
	width:950px;margin-left:auto;margin-right:auto;background: url(../images/balloon-background.png) no-repeat center top;padding-top:25px;clear:both;}
	
.contentHome{margin-top:0px;text-align:left;padding:10px;width:755px;margin-left:auto;margin-right:auto;background-color:white;}
.content{text-align:left;margin-top:97px;padding:10px;width:755px;margin-left:auto;margin-right:auto;background-color:white;}
/* safari curved corners */
.content{-webkit-border-radius:20px;}
	.credits{width:750px;margin-left:auto;margin-right:auto;text-align:right;margin-top:25px;}
	
#island {width: 984px;height: 404px;margin-left: auto;margin-right: auto;}

#login{width:753px;margin-left:auto;margin-right:auto;}
	#login div{height:38px;background: url(../images/login_bg.png) no-repeat left top;float:right;margin-top:20px;padding-top:40px;text-align:left;width:547px;}
	#login form{padding-left:80px;}
		.loginFields{border:0px;background-color:#fd9fb1;padding:4px;color:#990033;font-size:11px;width:135px;}
		.passwordField{margin-left:96px;border:0px;background-color:#fd9fb1;padding:4px;color:#990033;font-size:11px;width:135px;}
		
.steps{margin-top:10px;}
	.steps h1{font-size:36px;color:#9aaeb9;letter-spacing:-0.04em;}
	.steps em{font-size:24px;}
	.steps blockquote{margin:0px;padding:0px;margin-left:43px;margin-top:4px;font-family: "arial black";text-transform: uppercase;letter-spacing:-0.04em;font-size:14px; font-weight:900;}
	
	.terms{text-align:center;font-size:11px;letter-spacing:0px;color:#333333}
		.terms a{color:#999999;}
		.terms a:hover{color:#666666}
		
/* ORGANIZATION STYLING */
.banner{display:block;background: url(../images/banner.gif) repeat-x left top;padding:7px;padding-top:10px;height:50px;}
	.banner h1{color:#fff;font-size:26px; font-style:normal;}
		.banner h1 a{font-style:normal;}
	.banner a{color:white;font-style:normal;}
	.banner h2{color:#176b91;font-size:18px}
	.banner span{margin-top:7px;margin-right:7px;width:300px;float:right;text-align:right;font-family:"Lucida Grande", "Lucida Sans Unicode", Arial;color:white;font-size:12px}
	.banner span a{color:#a3e2ff;font-size:12px}
	
.right{float:right;width:180px;margin-top:7px;}

		.view-your-balloon span{background-color:#EB1751;display:block;padding:4px;}
		.view-your-balloon h2{font-size:14px;color:white;padding:0px;margin:0px;}
		.view-your-balloon p{line-height:12px;padding:0px;margin:0px;color:white;font-family:"Lucida Grande", "Lucida Sans Unicode", Arial;font-size:11px;}	
		.view-your-balloon a { width: 180px; height: 180px; display: block; background-image: url(../images/my-balloon-background.png); background-repeat: no-repeat; text-align: center; }
		.view-your-balloon img { margin-top: 25px; }
		
	.findBalloon{margin-top:10px;display:block;background-color:#E3FFBA;font-family:"Lucida Grande", "Lucida Sans Unicode", Arial;color:#7BC100;height:110px;}
		
		.findBalloon span{background-color:#7bc100;display:block;padding:4px;}
		.findBalloon h2{font-size:14px;text-transform: none;color:white;padding:0px;margin:0px;}
		.findBalloon p{line-height:12px;padding:0px;margin:0px;color:white;font-family:"Lucida Grande", "Lucida Sans Unicode", Arial;font-size:11px;}
		.findBalloon form{padding-left:7px;margin-top:5px;padding-top:0px;font-size:11px;}
		.findButton{border:none;background-color:#7BC100;font-family:"Lucida Grande", "Lucida Sans Unicode", Arial;color:white;margin-top:3px;font-size:12px;margin-left:26px;}
		.findFields{background-color:#b1eb7e;border:none;color:#7BC100;font-family:"Lucida Grande", "Lucida Sans Unicode", Arial;font-size:11px;width:160px;}
		
		.memberLogin{display:block;background-color:#ffe0e8;font-family:"Lucida Grande", "Lucida Sans Unicode", Arial;color:#EA1750;height:134px;}
		.memberLogin span{background-color:#ea1750;display:block;padding:4px;}
		.memberLogin h2{font-size:14px;text-transform: none;color:white;padding:0px;margin:0px;}
		.memberLogin p{line-height:12px;padding:0px;margin:0px;color:white;font-family:"Lucida Grande", "Lucida Sans Unicode", Arial;font-size:11px;}
		.memberLogin form{padding-left:7px;margin-top:5px;padding-top:0px;font-size:11px;}
		.loginButton{border:none;background-color:#EA1750;font-family:"Lucida Grande", "Lucida Sans Unicode", Arial;color:white;margin-top:3px;font-size:12px;margin-left:112px;}
		.memberFields{background-color:#faadc1;border:none;color:#EA1750;font-family:"Lucida Grande", "Lucida Sans Unicode", Arial;font-size:11px;width:160px;}
		
		.gameOfTheDay{display:block;margin-top:10px;}
		.gameOfTheDay span{background-color:#309dcf;display:block;padding:4px;}
		.gameOfTheDay h2{font-size:14px;text-transform: none;color:white;padding:0px;margin:0px;}
		.gameOfTheDay p{line-height:12px;padding:0px;margin:0px;color:white;font-family:"Lucida Grande", "Lucida Sans Unicode", Arial;font-size:11px;}
		
		.visitWebsites span{background-color:#7bc100;display:block;padding:4px;}
		.visitWebsites h2{font-size:14px;text-transform: none;color:white;padding:0px;margin:0px;}
		.visitWebsites p{line-height:12px;padding:0px;margin:0px;color:white;font-family:"Lucida Grande", "Lucida Sans Unicode", Arial;font-size:11px;}
		.visitWebsites{background-color:#b1eb7e;border:none;color:#EA1750;font-family:"Lucida Grande", "Lucida Sans Unicode", Arial;font-size:11px; margin-top: 8px; height:160px;}		
.left{float:left;width:180px;margin-top:7px}
	.imgHolder{display:block;border:1px solid #efefef;text-align:center;background-color:white;padding-top:2px;}
	.leftLinks{margin-top:20px;}
	.leftAddress{margin-top:20px;font-family:"Lucida Grande", "Lucida Sans Unicode", Arial;font-size:12px;color:#666666}
		.leftAddress em{color:#333}
		.leftAddress a{font-size:12px;color:#FF3399}
		
.center{float:left;width:346px;margin-left:14px;margin-top:7px}
	.countdownStarts,.countdownEnds{display:block;background: url(../images/funStartsIn.jpg) no-repeat left top;height:109px;text-align:center;font-family:"Arial Black", Arial;font-size:45px;color:white;}
	.countdownEnds{background: url(../images/funEndsIn.jpg) no-repeat left top;}
		.days{float:left;margin-top:47px;margin-left:50px;}
		.mins{float:left;margin-top:47px;margin-left:27px;}
		.secs{float:right;margin-top:47px;margin-right:60px;}
		.details{display:block;border:1px solid #efefef;padding:7px;margin-top:10px}
			.details h1{font-family:"Arial Black", Arial;font-size:22px;color:#427BAD; font-weight:900;}
			.details p{font-family:"Lucida Grande", "Lucida Sans Unicode", Arial;font-size:12px;color:#666666;line-height:18px;text-align:justify;}
			
.organizationFooter{display:block;text-align:right;border-top:1px solid #efefef;margin-top:10px;padding-top:13px;color:#666666;font-size:11px;clear:both;font-family:"Lucida Grande", "Lucida Sans Unicode", Arial}
	.organizationFooter a{color:#309dcf;font-size:11px;}
	
/* LEADERBOARD STYLING */

.leaderboard-main{width:710px; letter-spacing:-0.06em; height:287px; background-image:url(../images/Leaderboard/main-bg.jpg); margin-left:auto; margin-right:auto; padding-top:20px; padding-left:23px;}
	.leaderboard-main h1{color:#FFFFFF; font-size:20px; text-transform:none;}
	.leaderboard-main em{font-size:15px; text-transform:none; font-weight:bold;}
		.first{width:236px; height:254px; float:left; margin-right:34px; padding-left:12px; padding-top:11px; font-size:16px;}
			#first-stats{width:200px; height:36px; float:left;}
			div.first div.bottom-stats{float:left; display:block; margin-top:25px;}
				div.first div#balloon{width:77px; height:77px;margin-left:2px; float:left; margin-top:1px; margin-right:15px; display:inline;}
		.other-positions{width:402px; height:48px; float:left; margin-bottom:17px; padding-top:5px;padding-left:11px;line-height:12px;}
			div.other-positions div#balloon-second{width:32px; height:32px; float:left; margin-right:15px; margin-top:6px; display:inline;}
			div.other-positions div#balloon-third{width:32px; height:32px; float:left; margin-right:15px; margin-top:6px; display:inline;}
			div.other-positions div#balloon-fourth{width:32px; height:32px; float:left; margin-right:15px; margin-top:6px; display:inline;}
			div.other-positions div#balloon-fifth{width:32px; height:32px; float:left; margin-right:15px; margin-top:6px; display:inline;}

#leaderboard-user{width:714px;height:84px; background-image:url(../images/Leaderboard/top-stats.jpg);margin-left:auto; margin-right:auto; padding-left:15px;}
	#user-balloon{width:58px; height:58px; float:left;display:inline; margin-right:20px; margin-top:6px;}
	#leaderboard-user h1{color:#FFFFFF; font-size:20px; text-transform:none;}
	#user-pos{float:right; font-size:80px; color:#cdf2fb; margin:0px; padding:0px; line-height:80px; font-family:"Arial Black", Arial, Helvetica, sans-serif; font-weight:900; margin-right:20px;}

.dark{color:#0d5576; font-family:"Arial Black", Arial, Helvetica, sans-serif; font-weight:900;float:left;}
.light{color:#b8e9fe; font-family:"Arial Black", Arial, Helvetica, sans-serif; font-weight:900;}
.white{color:#FFFFFF; font-size:36px; line-height:36px; font-family:"Arial Black", Arial, Helvetica, sans-serif; font-weight:900; margin:0px;padding:0px;}
.small{ font-size:22px;}
#leaderfooter{width:632px; height:66px; background-image:url(../images/Leaderboard/footer-bg.jpg); margin-top:10px; padding-left:123px; padding-top:34px;}
.leaderboard-placement { color:#868686; font-family:'Lucida Sans Unicode', Arial, Helvetica, sans-serif; font-size:14px; }
.leaderboard-donations { color:#545454; font-family:'Lucida Sans Unicode', Arial, Helvetica, sans-serif; font-size:14px; }
.pager { text-align: center; }

/* FIND BALLLOON STYLING */

.search-result{width:726px; height:99px; border-bottom:2px dashed #000000; margin-bottom:20px;}
.search-result-image{width:70px; height:70px; float:left; background-image:url(../images/find%20balloon/search-img-bg.jpg); margin-right:9px; padding-top:5px; padding-left:5px;}
.search-result-info{width:417px;height:65px; float:left; background-image:url(../images/find%20balloon/searchresult-bg.jpg); margin-right:9px; padding-top:10px; padding-left:20px; line-height:12px;}
	.search-result-info h1{font-family:"Arial Black",Arial;font-size:23px;color:#3c4611; font-weight:900;}
	.search-position{font-family:"Arial Black",Arial;font-size:12px;text-transform:uppercase;color:#414f00; letter-spacing:-1px; font-weight:900;}
	.search-distance{font-family:"Arial Black",Arial;font-size:12px;text-transform:uppercase;color:#556700; letter-spacing:-1px; font-weight:900;}
.search-buttons{width:195px;height:62px; float:left; background-image:url(../images/find%20balloon/buttons-bg.jpg); text-align:center; padding-top:13px;}

#forms-long-thin{display:block; height:69px; margin-left:auto; margin-right:auto; background-image:url(../images/form/background-long-thin.jpg); background-repeat:no-repeat; padding-left:37px; padding-right:37px; padding-top:8px;}
	#forms-long-thin form{margin:0px; padding:0px;}
	.fields2{border:0px; padding-top:6px; padding-left:6px; padding-right:6px; background-position:top right; background-repeat: no-repeat; background-image:url(../images/field-bg.jpg); font: bold 14px Arial, Helvetica, sans-serif;color: #0084a9;text-decoration: none; width:173px; height:23px;letter-spacing:-0.04em;}

/* MY BALLOON */
	.findBalloon2{display:block;background-color:#E3FFBA;font-family:"Lucida Grande", "Lucida Sans Unicode", Arial;color:#7BC100;height:110px;}
		
		.findBalloon2 span{background-color:#7bc100;display:block;padding:4px;}
		.findBalloon2 h2{font-size:14px;text-transform: none;color:white;padding:0px;margin:0px;}
		.findBalloon2 p{line-height:12px;padding:0px;margin:0px;color:white;font-family:"Lucida Grande", "Lucida Sans Unicode", Arial;font-size:11px;}
		.findBalloon2 form{padding-left:7px;margin-top:5px;padding-top:0px;font-size:11px;}
		.findButton2{border:none;background-color:#7BC100;font-family:"Lucida Grande", "Lucida Sans Unicode", Arial;color:white;margin-top:3px;font-size:12px;margin-left:26px;}
		.findFields2{background-color:#b1eb7e;border:none;color:#7BC100;font-family:"Lucida Grande", "Lucida Sans Unicode", Arial;font-size:11px;width:160px;}

#stats{width:306px; letter-spacing:-0.03em; height:298px; padding:13px 20px 0px 20px; font-size:14px; font-family:"Arial Black", Arial, Helvetica, sans-serif; font-weight:900; color:#FFFFFF; background-image:url(../images/user-info-bg.jpg); background-repeat:no-repeat;}
	#stats h1{color:#0c5475; font-size:20px; text-transform:none;letter-spacing:-0.03em;}
	#stats .dark{color:#0d5576; font-size:14px; float:left;}
	#stats .light{color:#b8e9fe; font-size:14px;}
.boost{text-align:center; margin-top:25px; font-size: 48px; color:#224e75;}
	.boost .button{margin-top:13px;}
.go-to{margin:8px 0px 8px 0px;}

hr {border:0;color:#EFEFEF;background-color:#EFEFEF;height:1px;width:100%;}

/*DONATE*/

.donate{display:block;border:1px solid #efefef;padding:7px;margin-top:10px}
		.details2{display:block;border:1px solid #efefef;padding:7px;}
			.details2 h1{font-family:"Arial Black", Arial;font-size:22px;color:#427BAD; font-weight:900;}
			.details2 p{font-family:"Lucida Grande", "Lucida Sans Unicode", Arial;font-size:12px;color:#666666;line-height:18px;text-align:justify;}
			
/*REGISTER*/
#forms{width:481px; height:329px; margin-left:auto; margin-right:auto; background-image:url(../images/form/background.jpg); padding-left:37px; padding-right:37px; padding-top:15px;}
	.form-button{float:right; margin-right:90px; margin-top:10px; display:inline;}
	.form-button img{float:left;margin-right:145px;}
	#reg-form{width:100%;margin-left:auto; margin-right:auto;}
		#reg-form td{height:75px;}
	/*REGISTER PAYMENT*/
		.package{width: 135px; float:left; margin:5px;}

/*CREATE BALLOON*/
#forms-long{display:block; height:215px; margin-left:auto; margin-right:auto; background-image:url(../images/form/background-long.jpg); padding-left:37px; padding-right:37px; padding-top:15px;}
	.fields2{border:0px; padding-top:6px; padding-left:6px; padding-right:6px; background-position:top right; background-repeat: no-repeat; background-image:url(../images/field-bg.jpg); font: bold 14px Arial, Helvetica, sans-serif;color: #0084a9;text-decoration: none; width:173px; height:23px;letter-spacing:-0.04em;}
	.form-button{float:right; margin-right:90px; margin-top:10px; display:inline;}
	#reg-form{width:100%;margin-left:auto; margin-right:auto;}
		#reg-form td{height:75px;}
#flash_replace{width:427px; height:464px; float:left;}

/*REGISTER SITE*/
#your-details{color:#7e7e7e; font-size:14px; font-weight:bold;width:735px;height:80px;background-image:url(../images/your-details.jpg); padding-top:40px;}
#your-website{color:#7e7e7e; font-size:14px; font-weight:bold;width:735px;height:323px;background-image:url(../images/your-website.jpg); background-repeat:no-repeat; padding-top:40px; margin-top:10px;}
.form-button2{float:right; margin-top:10px; display:inline;}

/*SITE MAINTAINANCE*/
#get-widget{width:695px; color:#7e7e7e; font-size:14px; font-weight:bold; height:307px; background-image:url(../images/get-widget.jpg); padding-left:20px; padding-right:20px; padding-top:35px; background-repeat:no-repeat;}
#widget-code{width:339px; height:144px;background-image:url(../images/field-bg-bigger.jpg); border:0px; padding-top:5px; padding-left:5px; font: bold 14px Arial, Helvetica, sans-serif;color: #0084a9;text-decoration: none; letter-spacing:-0.04em;}
#forms-longer{display:block; height:286px; margin-left:auto; margin-right:auto; background-image:url(../images/form/background-longer.jpg); padding-left:37px; padding-right:37px; padding-top:15px;}

/*CONTACT US*/
#enquiryform{ width:735px; height:443px;  margin-left:auto; margin-right:auto; background-image:url(../images/enquiry-form-bg.jpg); background-repeat:no-repeat; background-position:top center;  padding-top:15px;}
.enq-buttons{padding-right:140px; float:right;}


/*SIGNOUT*/

.sign-out{width:578px; height:78px; color:#FFFFFF; padding-top:39px; padding-left:155px; background-image:url(../images/sign-out-bg.jpg);}

/*GAMES*/
.monitor{background-image:url(../images/monitor-bg.jpg); width:377px; height:372px; margin:0 auto; padding:15px 0px 0px 19px;}

/*GENERAL MESSAGE BOX*/
.message { margin: 10px 0px 10px 0px; padding: 10px; background-color: #ffeeee; border: 1px solid #800000; color: #800000; text-align: center;}