/*
    site: 		/sfivofficialtournament
	author:		johan de silva
	company: 	www.dialmediagroup.com
	
*/

body{background:url('../images/bg.gif') repeat-x top #000;margin:0;padding:0;font-size:11px;font-family:Verdana, Arial, Helvetica, sans-serif; color:#fff}
img{vertical-align:bottom;border:0}
a{color:#fff}
a:visited{color:#fff}
a:hover{color:#fff; text-decoration:none}

#splash{margin:0 auto;clear:both;width:940px;height:486px;background:url('../images/splash.jpg') repeat-x top #000;position:relative}
#splash-flags{position:absolute;top:370px;left:35px}
#splash-flags a{display:block; height:52px; width:75px; float:left; margin-right:5px; text-indent:-1000em}

#splash-flags a.en{background:url('../images/splash-flag_en.gif') 0 0;}
#splash-flags a:focus.en,
#splash-flags a:hover.en{background:url('../images/splash-flag_en.gif') 0 52px;}

#splash-flags a.fr{background:url('../images/splash-flag_fr.gif') 0 0;}
#splash-flags a:focus.fr,
#splash-flags a:hover.fr{background:url('../images/splash-flag_fr.gif') 0 52px;}

#splash-flags a.de{background:url('../images/splash-flag_de.gif') 0 0;}
#splash-flags a:focus.de,
#splash-flags a:hover.de{background:url('../images/splash-flag_de.gif') 0 52px;}

#splash-flags a.it{background:url('../images/splash-flag_it.gif') 0 0;}
#splash-flags a:focus.it,
#splash-flags a:hover.it{background:url('../images/splash-flag_it.gif') 0 52px;}

#splash-flags a.es{background:url('../images/splash-flag_es.gif') 0 0;}
#splash-flags a:focus.es,
#splash-flags a:hover.es{background:url('../images/splash-flag_es.gif') 0 52px;}

/* template */
#wrap{margin:0 auto; width:940px;}
#head{float:left;clear:both;width:940px;height:404px;background:url('../images/header_en.jpg') repeat-x top #000;position:relative}
#logo{position:absolute;z-index:2;left:-45px;top:-15px;}
#flags{position:absolute;z-index:2;right:58px;top:70px;}
#flags img{margin:0;padding:0}
#foot{float:left;clear:both;width:940px;background:url('../images/footer.gif') no-repeat #000; height:100px; position:relative}
#foot p{text-align:right; margin:50px 70px 50px 0; color:#ccc}
#yamaha {position:absolute; z-index:2; top:5px; left:200px}

#content{float:left;clear:both;width:940px;background:url('../images/center.jpg') no-repeat; min-height:442px;position:relative}

#copy{float:left; margin:5px 0 0 53px; width:450px}
#copy p{margin:0.75em 0; padding:0; line-height:1.2em}

#btn-rules{position:absolute; z-index:1; right:60px;top:350px}
.btn-enter{float:left; margin:0 0 10px 97px}
#link-info{float:left; clear:both; margin:10px 0 10px 53px}

form{margin:0;border:0;float:left;}
.form-style{clear:both; float:left; margin:15px 0 0 53px;}
.form-style fieldset{border:0;padding:0;margin:0;float:left; }
.form-style div {clear:both; float:left; margin:3px 0; width:420px;}
.form-style label{padding:0;margin:0;display:block;float:left;width:100px;}
.form-style .text-box{float:left; width:150px}
.form-style .check{float:left;margin:0;padding:0}
.form-style .drop{float:left; width:153px; margin:0}
.form-style .date{float:left; margin:0 3px 0 0}
#errorMessage{clear:both; background-color:#a13110; margin:0 0 0 50px; padding:10px; width:400px; border:5px #a97d05 solid};
#errorMessage ul{margin:0 0 0 20px;padding:0}

#thankyou{clear:both; background-color:#a13110; margin:0 0 0 50px; padding:10px; width:400px; border:5px #a97d05 solid};

/*  bug fixing */
	/* 4.1 clearing */
	.clear{clear:both; width:100%; overflow:hidden}
	.clearfix:after{content:"."; display:block; height:0; clear:both; visibility:hidden}
	.clearfix{display:inline-block}
		/* Hides from IE-mac \*/
		* html .clearfix{height:1%}
		.clearfix{display:block}/* End hide from IE-mac */

/* accessibility */
a.skip{position:absolute; left:-1000em; width:200px; z-index:999; display:block}
a.skip:active,
a.skip:focus{left:0; color:#fff; background-color:#0f218b; padding:10px; font-weight:bold; width:98%; text-decoration:none}		


/* 2.7.0 Popup */
#popupContainer{z-index:99; position:fixed; top:100px; width:330px; height:450px; padding:15px 260px 0 50px;}
#popupgContainer h1{font-size:28px;}

#popupContent{width:600px; height:220px; float:left; padding:10px; margin:0px 32px 0 0;}
a.close{float:right; z-index:3; margin-top:30px; margin-bottom:-36px;}