﻿#site-tools {display:none} /* Hide this while logging in */

#content h1 {
    width: 330px;
    height: 87px;
    background: url(club-menu_large.jpg);
    text-indent: -999px;
    overflow: hidden;
    margin: 30px 0 40px;
    }

#content{
    padding-right: 20px;
    width: 750px;
}

/* login styles */

/* 
// facebook connect
*/

#facebook-connect{
    height: 70px;
    margin: 30px 0 0 50px;
    padding: 180px 15px 0 0;
    width: 245px;
    background: url(facebook-connect.jpg) no-repeat 0 5px;
}

#facebook-connect .fb_button{
    width: 245px;
    height: 35px;
    background: url(facebook-connect.fb_button.gif) no-repeat 0 0;
    padding: 0;
    border: none;
}

#facebook-connect .fb_button *{
    display: none;
}



/* login form */

#login-form{
    width: 390px;
    float: left;
    margin: 0 20px 0 0;
}

#login-form h2{
    margin-top: 0;
    padding-bottom: 10px;
}

#login-form fieldset{
    margin-top: 0;
}


#login-form label{
    width: 75px;
    float: left;
    padding: 8px 10px 0 0;
}

#login-form .text{
    width: 185px;
    float: left;
}

#login-form .checkbox label{
   margin: 0 0 0 85px; 
   width: auto;
   padding:0 0 0 20px;
   position: relative;
}

#login-form .checkbox label input{
    position: absolute;
    left: 0;
    top: 3px;
}

#login-form .button-group{
    margin-top: .5em;
    padding-top: 0.7em;
    padding: 10px 10px 10px 84px;
}

#login-form .button{float: left;}

.btn-login_submit{
    background-position: -5px -235px;
    height: 30px;
    margin: 0;
    padding: 0;
    width: 130px;
}

.btn-login_submit:hover{background-position: -140px -235px;}

#login-form .button-group p{margin: 3px 0 0;font-size: .86em;clear:left;float:left;}

#login-form .button-group a{
    color: #666;
    font-style: italic;
    text-decoration:underline;
    width:200px;
    float:left;
}

.btnResend {
    background-position: -5px -760px;
    height: 25px;
    margin: 10px 0 20px 0;
    padding: 0;
    width: 184px;
    }

.btnResend:hover {background-position: -194px -760px;}

.help-panel.resend {margin:47px 0 10px 0;}

/* sign up panel */

.help-panel       {width:290px;float: left;margin:27px 0 10px 0;border-bottom:1px #ccc solid;}
.help-panel h3    {margin-top: 0;padding:0;color:#333;}
.help-panel h4    {font-size: 0.8em;color:#333;margin:9px 0;}
.help-panel p     {color: #555555;font-size: 11px; line-height:1.6;}

#signup-panel       {width: 300px;float: left;}
#signup-panel h2    {margin-top: 0;padding-bottom: 10px;}
#signup-panel p     {color: #555555;font-size: 14px;}
#signup-panel a     {float:left;}

.btn-signup{
    background-position: -325px -640px;
    height: 30px;
    width: 75px;
    } .btn-signup:hover{ background-position: -405px -640px; }

/* Foodservice Sign up Panel */

#signup-panel-fs{
    width: 300px;
    float: left;
}

#signup-panel-fs h2{
    margin-top: 0;
}

.btn-signup-fs{
    width: 235px;
    height: 30px;
    background-position: -4px -850px;
} .btn-signup-fs:hover{ background-position: -251px -850px; }



/* Food Services overrides */

body.food-services #sidebar             {display:none;}
body.food-services #content h1          {display:none;}
body.food-services #facebook-connect    {display:none;}

body.food-services .btn-login_submit    {background-position:-5px -50px;width:70px;}
body.food-services .btn-login_submit:hover  {background-position:-85px -50px;}
