/*
    site: 		www.capcom-europe.com/MonsterHunterTeam
	author:		johan de silva
	company: 	www.dialmediagroup.com
*/
body{background:#000 url('../images/bg.jpg') no-repeat center top;margin:0;padding:0;font-size:12px;font-family:Georgia, "Times New Roman", Times, serif; color:#fff}
a, img{border:0;outline:0;margin:0;padding:0}
h1,h2,h3{margin:0;padding:0}
a{color:#fff}
a:visited{color:#fff}
a:hover{color:#fff; text-decoration:none}
p{margin:1em 0;}

/* template */
#wrap{margin:0 auto; width:930px;}
#head{float:left; clear:both; width:930px; height:458px; background:url('../images/header.jpg') no-repeat left top; position:relative}
#flags{position:absolute;z-index:2;right:57px;top:90px;}
#flags img{margin:0;padding:0}
#pg{position:absolute;z-index:2;left:100px;top:400px;}

/* content home page */
#content{float:left;clear:both;width:930px;background:url('../images/content_home.jpg') no-repeat; height:842px;position:relative}
#content .col-one{float:left;clear:both;width:410px;margin:55px 10px 0 45px;}
#content .col-one p span{ font-family:Verdana, Arial, Helvetica, sans-serif; font-size:9px; line-height:1em; display:block}
#content .col-scroll{float:left;width:285px;margin:85px 10px 0 45px; color:#000; position:relative}
#content .col-scroll h2{clear:both}
#content .btn-register{float:right}
#footer-feature{position:absolute;left:-6px;top:670px;z-index:2}
#strap-home{position:absolute;right:30px;top:655px;z-index:2}

/* content register page */
#content-register{float:left;color:#000;clear:both;width:930px;background:url('../images/content_register.jpg') no-repeat; height:842px;position:relative;position:relative}
#content-register a{color:#000;}
#content-register h1{position:absolute;z-index:99;top:85px;left:103px}
p#register-intro {position:absolute;z-index:99;top:85px;left:243px}
#content-register .col-full{position:absolute;z-index:2;top:-34px;left: -43px;width:690px;margin:155px 10px 0 145px;}
#content-register .col-one{position:absolute;z-index:2;top:-34px;left: -43px;width:345px;margin:155px 10px 0 145px;}
#content-register .col-two{position:absolute;z-index:2;top:-40px;left:312px;width:345px;margin:155px 10px 0 145px;}
#strap-content{position:absolute;right:30px;top:570px;z-index:2}

.large-text{font-size:2em; font-family:Arial, Helvetica, sans-serif}
.ranked-text{font-size:18px; margin-top:0; font-family:Arial, Helvetica, sans-serif}

/* form content */
#btn-leaderboard-frm {float:right; margin:10px 50px 0 0}
#btn-register-frm {position:absolute;z-index:99;top:450px;left:670px;}
#btn-register-team-frm {position:absolute; z-index:99;top:20px;right:0px}
#btn-tc-register-frm{float:left; }
#errorMessage{position:absolute;z-index:99;top:300px;left:380px; background-color:#a13110; margin:0 0 0 50px; padding:10px; width:285px; border:5px #a97d05 solid};
#errorMessage ul{margin:0 0 0 20px;padding:0}
.successMessage{position:absolute;z-index:99;top:300px; left:380px; margin:0 0 0 50px; padding:10px; width:285px; border:#9cd39c 1px solid; color:#000; background:url('/images/bg_success.gif') bottom repeat-x #FFFFFF; }
	.successMessage ul{margin:0; padding:0 0 0 15px}



div#recaptcha div{margin:0;padding:0;}
#registerform {float:left;}
#registerform {clear:both; float:left; }
#registerform fieldset{border:0;padding:0;margin:0;float:left; }
#registerform div {clear:both; float:left; margin:2px 0; width:340px;}
#registerform label{padding:0;margin:0;display:block;float:left;width:140px; font-weight:bold}
#registerform .inputfield{float:left; width:190px; border:1px #a5acb2 solid; background:# url('../images/form-textfield-bg.gif') no-repeat top left;}
#registerform .fad-a {background: url('../images/form-textfield-bg-1.gif') no-repeat top left;}
#registerform .fad-b {background: url('../images/form-textfield-bg-2.gif') no-repeat top left;}
#registerform .check{float:left;margin:0;padding:0}
#registerform .drop{float:left; width:194px; margin:0}
#registerform .date{float:left; margin:0 3px 0 0}
#registerform .month{width:92px;}

form#friendform {width:400px}
#friendform fieldset{border:0;padding:0;margin:0 0 10px 0;float:left; width:350px;}
#friendform .inputfield{width:80px; margin-bottom:2px; float:left}
#friendform div{width:150px; float:left; margin-right:10px}
#friendform label{width:60px; display:block; float:left; font-size:11px}
#join-team-form {width:345px; height:80px; position:relative}

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


form{margin:0;border:0;float:left;}
.frm-home{clear:both; float:left;}
.frm-home fieldset{border:0;padding:0;margin:0;float:left;}
.frm-home div {clear:both; float:left; margin:3px 0; width:285px;}
.frm-home label{padding:0;margin:0;display:block;float:left;width:70px; font-weight:bold}
.frm-home .input-box{float:left; width:190px; border:0px #000 solid;}
.frm-home .fad-a {background: url('../images/form-textfield-bg-1.gif') no-repeat top left;}
.frm-home .fad-b {background: url('../images/form-textfield-bg-2.gif') no-repeat top left;}
.frm-home .check{float:left;margin:0;padding:0}
.frm-home .drop{float:left; width:153px; margin:0}
.frm-home .date{float:left; margin:0 3px 0 0}


/* data table */
.table-style table{border:solid #5d0103; border-width:0 0 1px 1px; border-spacing:0; border-collapse:collapse}
.table-style td, .table-style th {padding:5px; border:solid #5d0103; border-width: 1px 1px 0 0}
.table-style th {font-weight:bold; background:#5d0103; color:#fff; text-align:left}
.table-style td {text-align:left; vertical-align:top; padding-top:5px}
/* .table-style tbody tr:hover {background:#f6f6f6}
.table-style tbody tr:hover th{background:#e7eff7} */
.table-style input:focus{background:#f6f6f6}


/*  bug fixing */
.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 */

/* 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;}
.dmg{text-indent:-2000em}