﻿#top {
	margin-bottom: 0;
}

	#content {
		width: auto;
		background: url(Images/Generic/background-repeat.jpg) 0 0 repeat-x;
	}

	.main-column {
		width: 945px;
		margin: 0 auto;
		zoom: 1;
		padding-top: 1px;
		background: url(Images/Generic/background-swoosh.jpg) no-repeat;
	}

	.main-column:after {
		content: ".";
		clear: both;
		height: 0;
		visibility: hidden;
		display: block;
	}
	
		.main-column h1 {
			margin: 25px 0;
			color: #000;
			zoom: 1;
		}
		
		.main-column h1.as-business-dir {
			height: 48px;
			width: 485px;
			background: url(Images/Generic/as-business-directory.gif);
			text-indent: -9999px;
		}
		
		.main-column h1.as-club-dir {
			width: 442px;
			height: 48px;
			background: url(Images/Generic/as-club-directory.gif) no-repeat;
			text-indent: -9999px;
		}

		.main-column h1.as-dir-dir {
			width: 442px;
			height: 48px;
			background: url(Images/Generic/as-dir-directory.gif) no-repeat;
			text-indent: -9999px;
		}
			
		.main-column h1.welcome-to-at {
			width: 446px;
			height: 60px;
			background: url(Images/Generic/welcome-to-at.gif) no-repeat;
			text-indent: -9999px;
			margin-left: 20px;
		}
			
		.main-column h1.at-signup {
			width: 287px;
			height: 29px;
			background: url(Images/Generic/allteams-signup.gif) no-repeat;
			text-indent: -9999px;
			margin: 35px 0;
		}
		
		.main-column h1.at-signup-login {
			width: 427px;
			height: 29px;
			background: url(Images/Generic/at-signup-login.gif) no-repeat;
			text-indent: -9999px;
			margin: 35px 0;
		}
		
		.main-column h1.at-club-online-registration {
			height: 27px;
			/* Removed 17 Mar 2010, Ben: Will doesn't want 'ALLTEAMS' in the header and we don't have time to create a new PNG file
			width: 532px;
			background: url(Images/Generic/at-club-online-registration.gif) no-repeat;
			text-indent: -9999px;
			*/
			width:335px;
			margin: 35px 0;
		}
			
		.main-column h1.centered {
			margin-left: auto;
			margin-right: auto;
		}
	
.centered {
	width: 450px;
	margin: 0 auto;
}
	
.col-a {
	float: left;
	width: 450px;
	margin-right: 15px;
}

.col-b {
	float: left;
	width: 450px;
}

.single-col {
	width: 690px;
	margin: 0 auto;
}
	
/* login page top strip */
.login-strip-wrapper {
	background: url(Images/Generic/strip.png) repeat;
	padding: 7px 0;
	color: #FFF;
	zoom: 1;
	position: absolute;
	left: 0;
	width: 100%;
	margin-top: -1px;
}

.login-strip-wrapper:after {
	content: ".";
	clear: both;
	height: 0;
	visibility: hidden;
	display: block;
}
	
	.ie6 .login-strip-wrapper {
		position: static;
		background: #677317;
	}

.login-strip {
	width: 945px;
	margin: 0 auto;
}

	.login-strip .validator {
		color: #333;	
	}

	.login-strip a {
		color: #b5b8a7;
		text-decoration: underline;
	}
	
	.login-strip .fields {
		float: right;
	}

	.login-strip .passwords,
	.login-strip .login-button,
	.login-strip .txt {
		float: left;
		margin-right: 10px;
	}
	
	.login-strip .passwords {
		padding-left: 0;
		margin-right: 22px;
	}
	
		.login-strip .passwords input {
			vertical-align: -2px;
			margin-right: 3px;
		}
		
		.login-strip .passwords .rememberme-check {
			float: left;
		}
		
		.ie7 .login-strip .passwords .rememberme-check {
			margin-top: -2px;
		}
		
		.login-strip .passwords label,
		.login-strip .passwords a {
			display: block;
			margin-left: 18px;
			white-space: nowrap;
		}
		
	.login-strip input.txt {
		background: #e4e6db;
		border: 1px solid #a2a496;
		padding: 4px;
		-moz-border-radius: 3px;
		-webkit-border-radius: 3px;
		width: 143px;
	}
	
	.login-strip .validation-error {
		float: left;
		color: #FFF !important;
		background: red;
		padding: 2px 5px;
		margin: 0 5px 0 0;
	}
/* /login page top strip */

/* login or sign up panels */

.signin-top-logo {
    width:540px; height:100px;
    margin-left:-190px;
    position:absolute; top:0; left:45%;
    background-image:url(images/login/signin-logo-top.png); background-repeat:no-repeat;
}

.signin-wide {
    margin:50px 0 0 0;
}
    .signin-container {}

    .signin-wide .signin-container {
        width:905px; height:auto;
        margin:0 auto; padding:20px;
        float:left;
        background: #FFF url(images/businesslistings/promo-pod-fade.png) 0 100% repeat-x;
        border:1px solid #bababa;
        -moz-border-radius:10px; -webkit-border-radius:10px;
    }
        .signin-container .signin-section {
            float:left; position:relative;
            background-color:#CEDC7B;
        }
	    .signin-container .signin-section-login {
	        width:275px; height:auto;
	    }
	    .signin-container .signin-section-create {
	        width:560px; height:auto;
	    }
	    .signin-container .signin-or {
            width:70px; height:180px;
            float:left; overflow:hidden;
            text-indent:-9999px;
            background-image:url(images/login/signin_or.png); background-repeat:no-repeat;
	    }
	        .signin-container .signin-section .top {
	            width:100%; height:10px;
	            float:left;
	            background-image:url(images/login/signin_section_top.jpg); background-repeat:no-repeat;
	        }
	        .signin-container .signin-section-create .top {
	            background-image:url(images/login/signin_section_top_wide.jpg);
	        }
	        .signin-container .signin-section .signin-section-body {
	            width:100%;
	            float:left; 
	            background-image:url(images/login/signin_section_bg.jpg); background-repeat:repeat-x;
	        }
	            .signin-container .signin-section .signin-section-content {
	                padding:12px 20px;
	                overflow:hidden;
	                line-height:18px;
	            }
	                .signin-section-content .error-message {
	                    width:188px;
	                    margin:5px 0 10px 0; padding:5px 10px 9px;
	                    float:left;
	                    line-height:16px; color:#ff0000;
	                    background-color:#D3C66E;
	                    border:1px solid #E57742;
	                }
	                
	            .signin-container .signin-section-create .signin-section-content {
	                padding-bottom:30px;
	            }
	                .signin-container .signin-section-content .section-title {
	                    margin:0 0 15px 0;
	                    float:left;
	                }
	                    .signin-container .signin-section-content .section-title h2 {
	                        float:left;
	                        font-size:24px; letter-spacing:-2px;
	                    }
                        .signin-container .signin-section-content .section-title span {
                            color:#607811;
                        }
	                        
	                    .signin-container .signin-section-content span.subtitle {
	                        width:110px;
	                        margin:0 0 0 15px; padding:2px 0 0 0;
	                        float:left; display:block;
	                        font-size:10px;
	                    }
	                    .signin-container .signin-section-create .signin-section-content span.subtitle {
	                        width:140px;
	                    }
	            
	            .signin-container .signin-section .signin-section-content p {
	                width:220px;
	            }
	               
	            .signin-container .signin-section-create .signin-section-content {
	                background-image:url(images/login/signin_create_content_bg.png); background-repeat:no-repeat; background-position:bottom left;
	            }
	                .signin-createaccount-btn {
	                    width:270px; height:108px;
	                    float:right; zoom:1;
	                }
	                    .signin-createaccount {
	                        width:270px; height:108px;
	                        float:right;
	                        cursor:pointer; zoom:1; position:relative;
	                        background-image:url(images/login/signin_btn_createaccount.png); background-repeat:no-repeat;
	                    }
	            
	            .signin-account-form {
	                width:220px; height:auto;
	                padding:20px;
	                position:absolute; top:-40px; right:0; overflow:hidden;
	                font-size:12px; color:#1F1918;
	                background-image:url(images/login/signin_account_form_bg.jpg); background-repeat:repeat-x;
	                background-color:#A5BB42;
	                border:1px solid #fff;
	                -moz-border-radius:7px; -webkit-border-radius:7px;
	                -moz-box-shadow:3px 3px 12px 0 #999; -webkit-box-shadow:3px 3px 12px 0 #999;
	            }
	                 .signin-container fieldset {
	                    float:left; border:none;
	                 }
	                    .signin-container fieldset dl {
	                        padding:0 0 3px 0;
	                        float:left;
	                    }
	                    .signin-container fieldset dl input {
	                        width:203px;
	                        padding:4px 3px; margin:0 0 3px 0;
	                        border:1px solid #9BAA17;
	                    }
	                    .signin-container fieldset .check-list {
	                        width:120px;
	                        clear:none;
	                        line-height:14px;
	                    }
	                        .signin-container fieldset dl.check-list input {
	                            width:25px;
	                            float:left;
	                        }
	                        .signin-container fieldset dl.check-list label {
	                            width:90px;
	                            float:left; clear:none;
	                        }
	                        
	                    .signin-container fieldset dl select {
	                        padding:3px; margin:0 0 3px 0;
	                        border:1px solid #9BAA17;
	                    }
	                    .login-btn {
	                        padding:8px 0 0 0;
	                        float:left; clear:left;
	                    }
	                        .login-btn .generic-button {
	                            margin:0 20px 0 0;
	                        }
	                        
	                    .signin-account-form .buttons-holder {
	                        float:left;
	                    }
	                        .signin-account-form .generic-button {
	                            font:bold 13px Tahoma,Verdana,sans-serif;
                                padding:4px 15px; margin:3px 5px 0 0;
	                        }
	                        
	                    .forgot-pass {
	                        text-decoration:underline;
	                    }
	            
	            
	        .signin-container .signin-section .btm {
	            width:100%; height:10px;
	            float:left;
	            background-image:url(images/login/signin_section_btm.jpg); background-repeat:no-repeat;
	        }
	            .signin-container .signin-section-create .btm {
	                background-image:url(images/login/signin_section_btm_wide.jpg);
	            }
	
	
	
	
	
	
	
	
	
	
	/*.signin-container .signin-section{
		width:250px;
	}
		
		.signin-container .signin-section h2 {
			-moz-border-radius: 3px;
			-webkit-border-radius: 3px;
			color: #FFF;
			background: #84a01b url(images/generic/button-fade.gif) repeat-x;
			font-size: 14px;
			-moz-border-radius: 5px;
			-webkit-border-radius: 5px;
			border-radius: 5px;
			border-color: #7c9809;
			text-shadow: #5b6d00 0 1px 1px;
			margin-bottom:0px;
		}
		
			.signin-container .signin-section h2 a {
				color: #fff;
				padding: 12px 0 12px 35px;
				display: block;
				background: url(images/icon_green_plus.gif) 8px 50% no-repeat;
				outline: none;
			}
			
		.signin-container .signin-section .signin-section-body {
			background: #cedc7b url(images/generic/login-panel-fade.gif) repeat-x;
			margin-left: 2px;
			margin-right: 2px;
			padding: 19px 24px 15px;
			border: 1px solid #adc146;
			border-top: none;
		}
		
	
	
	.signin-container fieldset {
		border:none;
	}
		
		.signin-container fieldset .txt {
			width: 209px;	
			padding: 3px;
			border: 1px solid #a9a8a6;
		}
		
		.signin-container fieldset select.drop-down {
			padding: 3px;
			border: 1px solid #a9a8a6;
		}
		
		.signin-container fieldset select.dateSelDay { width: 50px; }
		.signin-container fieldset select.dateSelMonth { width: 82px; }
		.signin-container fieldset select.dateSelYear { width: 82px; }

		.signin-container dl {
			margin-bottom: 5px;
		}
		
		.signin-container dt {
			color: #444;
		}
		
			.signin-container dt label,
			.signin-container dt span.label {
				font-weight: bold;
				font-size: 12px;
			}
			
			.signin-container dt .check-input input {
				vertical-align: -2px;
				margin-right: 5px;
			}
			
			.signin-container dt .check-input label {
				font-weight: normal;
				font-size: 11px;
			}
			
		.signin-container dl.check-list {
			margin: 12px 0 5px;
		}
		
		.signin-container .validation-error {
			color: #F00;
			margin: 10px 0;
			display: block;
		}
		
		.signin-container .two-col{
			overflow:hidden;
		}
		
			.signin-container .two-col dl{
				float:left;
			}
			
				.signin-container .two-col .txt{
					width: 101px
				}*/
	
	/* Wide login */
	/*
	
	/* /Wide login */
	
	/* Slim login 
	.signin-slim .signin-container .signin-section {
		width: 275px;
	}
	
	.signin-slim .signin-container {
		width: 275px;
		margin: 0 auto;
	}
	
	.signin-slim .signin-or {
		text-align:center;
	}
	/* / Slim login */
		
/* /login or sign up panels */

/* welcome to allteams */
.welcome {
	padding-top: 38px;
	margin: 0 auto;
	width: 660px;
}

.ie7 .welcome {
	margin-top: 38px; /* for some reason IE6/7 doesn't want to include the padding set above so we tack on a margin */
}

.welcome h2 span {
	padding: 15px 34px;
}

.welcome .pod .copy {
	padding: 15px 34px 1px;
}

.welcome .pod .forms {
	padding: 45px 34px 35px;
}

p.get-started {
	float: right;
	margin: 0;
}

ul.benefits {
	padding-top: 15px;
}

	ul.benefits li {
		padding: 5px 0 15px 40px;
		background: url(Images/Generic/tick.gif) no-repeat;
		font-size: 14px;
		color: #505050;
	}
/* /welcome to allteams */

/* register form */
.pod .register {
	padding-top: 25px;
	padding-bottom: 50px;
}

.register dd a {
	font-weight: normal;
	color: #657b0a;
	font-size: 11px;
	text-decoration: underline;
}

.register dd a.why {
	cursor: pointer;
	padding-left: 5px;
}
	
.register dl.gender input {
	vertical-align: -2px;
}

	.register dl.gender dd {
		padding-top: 2px;
	}

.register dl.phone {
	float: left;
}

	.register dl.phone dd {
		width: 105px;
	}
	
	.register dl.phone dd input.txt {
		width: 97px;
	}
	
.register dl.mobile {
	float: left;
	clear: none;
	width: 164px;
}

	.register dl.mobile dt {
		width: 50px;
	}
	
	.register dl.mobile dd {
		width: 104px;
	}
	
	.register dl.mobile dd input.txt {
		width: 96px;
	}
	
.register dl.photo img {
	margin: 0 0 5px;	
}

.register dl.photo .button {
	margin: 8px 0 0;
}

.register dl.credentials {
	margin: 0 0 15px;
}
/* /register form */