/* homepage stylings */

body {
	background-color: #8be0ff;  
	background-image: url("../img/background/cloudbackground.jpg");
  background-repeat: repeat-x;
}

/* font declaration */



.ATHomepageContent h1 {font-size: 56px;
    line-height: 72px;
    margin-top: 14px;
    padding: 0;
    text-align: center; position: relative; letter-spacing: -1.5px;}
h2 {font-size: 29px; font-weight: lighter; text-align: center;border: none; color: #525252; letter-spacing: -1px; }
p {font-size: 18px;}
     
.ATAteamoInfo {margin: 0 0 0 32px;
    width: 693px;}
	.ATAteamoMobileInfo {height: 448px;}
		.ATAteamoMobileInfo  p {line-height: 21px;
		    margin-top: 16px;}
	.ATAteamoDesktopInfo {width: auto;height: 270px;}    
#ATHomeLogin {-webkit-border-radius: 12px;-moz-border-radius: 12px;border-radius: 12px; width: 738px; margin: 0 auto;margin-top: 45px;}
	.ATLogoBanner {background-image: url('../img/background/loginboxlogoline.png'); background-repeat: repeat-x; background-position: -6px bottom; text-align: center; min-height: 73px; width: 730px;
	background-color: #fff; margin-left: 6px;
	-webkit-box-shadow: 0 0 10px 10px rgba(0, 0, 0, 0.1);
	-moz-box-shadow: 0 0 10px 10px rgba(0, 0, 0, 0.1);
	box-shadow: 0 0 10px 10px rgba(0, 0, 0, 0.1);
	/*
	-webkit-box-shadow: 5px 5px rgba(0,0,0,0.7);
	-moz-box-shadow: 5px 5px rgba(0,0,0,0.7);
	box-shadow: 5px 5px rgba(0,0,0,0.7);
		*/
	moz-border-radius-topleft: 12px;
	-moz-border-radius-topright: 12px;
	-moz-border-radius-bottomright: 0px;
	-moz-border-radius-bottomleft: 0px;
	-webkit-border-radius: 12px 12px 0px 0px;
	border-radius: 12px 12px 0px 0px;}
	input:-webkit-autofill {background-color: #fff !important;}
		.ATLogoBanner img {margin: 7px 0;}
	.ATLoginMessage {	background-image: url("../img/background/loginboxmessage.png");
		    background-repeat: no-repeat;
		    color: #FFFFFF;
		    font-size: 16px;
		    height: 63px;
		    line-height: 57px;
		    text-align: center;
		    width: 738px;
	text-shadow: 1px 1px 2px #000;
		filter: dropshadow(color=#, offx=1, offy=1);}
		.ATLoginMessage.ATLoginError {background-color: #FFFFFF;line-height: 20px;}
    .ATLoginMessage.ATLoginError span {display: block;color: #CC0000; font-size: 18px;line-height: 30px;}

		.ATLoginMessage a {color: #89e0ff;}
	.ATLoginForm {	background-image: url("../img/background/loginboxform.png");
		    background-position: -6px -4px;
		    background-repeat: no-repeat;
		    height: 55px;
		    margin-left: 6px;
		    width: 730px;	-webkit-box-shadow: 2px 0 20px 1px rgba(0, 0, 0, 0.2);
		-moz-box-shadow: 2px 0 20px 1px rgba(0, 0, 0, 0.2);
		box-shadow: 2px 0 20px 1px rgba(0, 0, 0, 0.2);
		-moz-border-radius-topleft: 0;
		-moz-border-radius-topright: 0;
		-moz-border-radius-bottomright: 12px;
		-moz-border-radius-bottomleft: 12px;
		-webkit-border-radius: 0 0 12px 12px;
		border-radius: 0 0 12px 12px;}




	#ATHomeLogin .ATButtonLogin input {height: 44px; color: transparent;}
	.ATLoginForm .ATDivider {height: 0;}
	.ATButtonFacebookLogin {float: left; margin: 26px 14px;}
	z.ATPasswordResetSuccess
		,.ATPasswordResetFail {color: #FFFFFF; font-size: 15px; line-height: 80px; text-align: center;}
	z.ATPasswordResetSuccess a
		,.ATPasswordResetFail a {color: #fff;}
	
	.ATLoginForm .ATFormField {float: left; margin-top: 5px; position: relative; margin-left: 14px; margin-bottom: 0;}
		.ATLoginForm .ATFormField label {color: #fff;
		    font-size: 14px; display: none;
		    left: 15px;
				top: 6px; }
		.ATLoginForm .ATFormField input {border: solid 1px #ccc;-webkit-border-radius: 5px;
		-moz-border-radius: 5px;
		border-radius: 5px;}
		
	/*.ATFormFieldEmail { margin-left: 8px;
    width: 301px;}*/
		.ATFormFieldEmail input {
		    width: 272px !important;}
	.ATFormFieldPassword {margin-right: 6px; margin-left: 10px;}
		.ATFormFieldPassword input {color: #CCCCCC !important;
    width: 272px !important;}
	
	
#ATHomeContentWrapper {	background-image: url("../img/background/grass.jpg");
	    background-position: center 158px;
	    margin-top: 70px;
	    position: relative;
			width: 100%;
	}
	#ATHomeContentContainer {background-image: url("../img/background/grasstop.png");
	    background-position: center top;
	    background-repeat: repeat-x;
	    padding-top: 200px;padding-bottom: 49px;}
	#ball {	background-image: url("../img/background/ball.png");
		    background-repeat: no-repeat;
		    height: 153px;
		    margin: -256px auto 0;
		    top: 0;
		    width: 972px;
		    z-index: -1;}
		#ATHomeContent {background: none repeat scroll 0 0 #FFFFFF;
	    border-radius: 12px 12px 12px 12px;
	    margin: 0 auto;
	    width: 1093px;padding-top: 46px;padding-bottom: 49px;
			-webkit-box-shadow: 0px 0px 38px 0px #172e14;
			-moz-box-shadow: 0px 0px 38px 0px #172e14;
			box-shadow: 0px 0px 38px 0px #172e14;
	}
	
	.ATRibbon {	background-image: url("../img/background/ribbon.png");
		    background-repeat: no-repeat;
		    color: #FFFFFF;
		    font-size: 37px;
		    font-weight: lighter;
		    height: 118px;
		    line-height: 101px;
		    margin: 0 0 0 -7px;
		    padding: 0 38px;
		    text-shadow: 1px 1px 2px #000000;
		    width: 1109px;}
	.ATRibbonBlue {background-position: 0 -3px;}
	.ATRibbonGreen {background-position: 0 -146px;
	    text-indent: 584px;}
	

	
.ATAteamoInfo .ATReference {clear: left;font-size: 0.9em;padding-top: 40px;}

.ATSocialConnect {clear: both;width: 400px; margin: 0 auto;}
	.ATSocialConnect h4 {color: #000; margin: 0 0 5px 0; text-align: center;text-transform: uppercase; /* IE 8 */-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";/* IE 5-7 */filter: alpha(opacity=50);/* Netscape */-moz-opacity: 0.5;/* Safari 1.x */-khtml-opacity: 0.5;/* Good browsers */opacity: 0.5;}
	.ATSocialConnect ul {height: 78px;
	    margin: 0 auto;
	    width: 351px;}
	.ATSocialConnect li {float: left; background-image: url('../img/icon/iconText.png'); background-repeat: no-repeat;}
		.ATSocialConnect li.twitter {background-position: -1px -1297px;}
		.ATSocialConnect li.facebook {background-position: -1px -1377px;}
		.ATSocialConnect li.bookmark {background-position: -1px -1457px;}
		.ATSocialConnect li.blog {background-position: -1px -1538px;}
		.ATSocialConnect li a {display: block; width: 75px; height: 75px; text-indent: -999px; overflow: hidden;margin-right: 17px;}
			.ATSocialConnect li.blog a {margin-right: 0;}
			
	.ATLaptopDisplay {		background-image: url("../img/background/laptop.png");
			    background-repeat: no-repeat;
			    height: 381px;
			    margin-left: -72px;
			    margin-top: -169px;
			    position: absolute;
			    width: 695px;
			}
				.ATMobileDisplay {background-image: url("../img/background/mobile.png");
				    background-repeat: no-repeat;
				    height: 620px;
				    margin-left: 653px;
				    margin-top: -300px;
				    position: absolute;
				    width: 380px; display: none;}
				

					    .ATPasswordReset {width: 200px;}

.ATLeagueInformation h2 {text-align: left;}

.ateamo-logo-home {background-image: url(../img/logo/ateamo-logo@2x.png); background-size: 100%; width: 180px; margin: 0 auto; min-height: 73px; background-repeat: no-repeat; background-position: center;}
.loginBtn {    background-color: #2E712C;
    color: #fff;
    font-size: 1.3em;
    font-weight: normal;
    padding: 9px 9px 10px;
    border: none;
    border-radius: 5px;
    margin: 5px 0;
    width: 100px;cursor: pointer;}

/* iPhone 4 ----------- */
@media only screen 
and (min-device-width : 320px) 
and (max-device-width : 568px) {
	body {background: none; background-color: #F2F2F2;}
	.ateamo-logo-home {background-image: url(../img/logo/ateamo-logo@2x.png); background-size: 100%; width: 60%; margin: 0 auto; min-height: 80px; background-repeat: no-repeat;}
 	.ATHomepageContent {display: none;}
 	.ATLogoBanner {background: none;box-shadow:none;width: 100%; margin-left: 0;}
 	#ATHomeLogin {width: 100%; margin-top: 10%;}
 	.ATLoginMessage {background: none;width: 100%; line-height: 1em; display: none;}
 	.ATLoginForm {background: none;box-shadow:none;width: 92%; margin: 0 auto; float: none;}
 	.ATLoginForm .ATFormField label {color: #555;font-size: 1.5em;}
 	.ATLoginForm .ATFormField {margin-left: 0; float: none;}
 	.ATPasswordHelp {position: absolute; bottom: 10%; width: 100%; text-align: center;}
 	.loginBtn {  width: 100%;}
.ATHomeLogin .ATButtonLogin {
    float: none;
    margin: 1em auto;
}
.ui-dialog {left: 10% !important;
    margin: 10% 0 !important;
    right: 0;
    width: 80% !important;}
/* Styles */
}