@charset "utf-8";
/* CSS Document */

*{ margin:0;padding:0;}
.clear{ clear:both;}

body{ background:#3d3d3d; font-family:Arial, Helvetica, sans-serif;}
#headerWrap{ width:100%; height:165px; background:url(http://cdn1.image.thegfnetwork.com/login/images/bg-topHeader.jpg) repeat-x; }
	#header{ width:970px; height:165px; background:url(http://cdn1.image.thegfnetwork.com/login/images/header.jpg) no-repeat; margin:auto; position:relative;}
		#logo{
	position:absolute;
	left:276px;
	top:88px;
}
	
#navigation{ width:100%; height:42px; background:url(http://cdn1.image.thegfnetwork.com/login/images/log-menu.jpg) repeat-x;}
	#menus{ width:348px; height:42px; margin:auto; }
	#menus ul{    margin: 0;    padding: 0;}
	#menus ul li{    list-style-type: none;    display: inline; line-height:40px; float:left;}
	#menus li:before {content: " ";}
	#menus li:first-child:before {content: none;}
	#menus li a{ text-transform:uppercase; font-size:16px; font-family:Arial, Helvetica, sans-serif; font-weight:bold; color:#FFFFFF; text-decoration:none;  padding:0 12px; background-image: url(http://cdn1.image.thegfnetwork.com/login/images/log-menu-divider.jpg);background-repeat: no-repeat;background-position: right; display: block;}
	#menus li a:active{ color:#57c2ff;}	
	#menus li a:hover{ color:#ff0000;}

	
#container{ width:970px; height:auto; min-height:520px; background:#FFF; margin:auto; padding:5px 0;}
	.contents{ padding-top:15px;}
	.contents p{ font-size:11px; font-family:Arial, Helvetica, sans-serif; text-align:center;}
	h2{ font-size:24px; font-family:Arial, Helvetica, sans-serif; text-align:center; }
	h3{ text-transform:uppercase; font-size:20px; font-family:Arial, Helvetica, sans-serifl; padding-left:20px; }
		.txtRed{ color:#ff0000;}
		.txtWhite{ color:#ffffff;}
		
		.form-all{width:350px; height:auto; margin:auto; background:#dbdbdb; padding:25px 40px; margin-top:20px; }
		.form-label-left{ font-size: 13px;
background: url(http://cdn1.image.thegfnetwork.com/login/images/log-bullet.jpg) center left no-repeat;
padding-left: 15px; }
		.form-textbox, .form-textarea, .form-dropdown, .form-radio-other-input, .form-captcha input, .form-list {
		border-radius: 4px;
		-moz-border-radius: 4px;
		-webkit-border-radius: 4px;
		box-shadow: 0 2px 3px rgba(0, 0, 0, 0.2) inset, 0 1px 0 rgba(255, 255, 255, 0.75);
		-moz-box-shadow: 0 2px 3px rgba(0, 0, 0, 0.2) inset, 0 1px 0 rgba(255, 255, 255, 0.75);
		-webkit-box-shadow: 0 2px 3px rgba(0, 0, 0, 0.2) inset, 0 1px 0 rgba(255, 255, 255, 0.75);
		background-color: white;
		border: 1px solid #999;
		padding: 3px 6px;
		width:350px;
		height:37px;
		margin:5px 0;
		}		
		.remember{ font-size:13px;}


		.form-buttons-wrapper{ width:123px; height:48px; margin:37px auto;  }
		.form-buttons-join{ width:148px; height:48px; margin:25px auto;  }		

		.contents ul.list{ list-style-image:url(http://cdn1.image.thegfnetwork.com/login/images/log-bullet.jpg); margin-left:50px; margin-top:10px; }
		.contents ul.list li{ padding:5px 0;}
	#logForm{ width:615px; height:460px; float:left; margin-left:5px; background:#e2e2e2;}
		.formHeader{ width:100%; height:40px; line-height:40px; background:url(http://cdn1.image.thegfnetwork.com/login/images/bg-h2.jpg) repeat-x;}
	#notAmemberYet{width:340px; height:460px; float:right; margin-right:5px; background:#e2e2e2;}

		p.getAccess{ font-size:16px; font-weight:bold; text-align:left; padding-left:30px; padding-top:20px;}			
	
	
	#sitelogos{width:960px; height:auto; margin:5px ;background:#e2e2e2; padding:50px 0;}
#footer{ width:100%; height:60px; background:url('http://cdn1.image.thegfnetwork.com/login/images/bg-footer.jpg'); margin:auto;}
#footer p{ color:#FFF; font-family:Arial, Helvetica, sans-serif; font-size:11px; text-align:center; padding-top:15px; }
#footer p a{ color:#F00; text-decoration:underline;}
#footer p a:hover{ text-decoration:none;}

#iboxframe{width:960px; height:250px; margin:5px ;background:#e2e2e2; padding:15px 0;}