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

.container { width:262px; margin:0 auto; padding-top:200px; }



/*-------LOGIN STARTS HERE -------*/

/* Login Container (default to float:right) */

#loginContainer {
    height:300px;
    margin:2px 0 0 0;
    position:relative;
    float:right;
    z-index:2000;
}

/* Login Button */

#loginButton { 
    display:inline-block;
	width:95px;	
	height:29px;
    float:right;
    background:#d2e0ea url(../images/blue_btn_login.gif) repeat-x;
    /*border:0px solid #899caa; */
    /*border-radius:3px;
    -moz-border-radius:3px;*/
    position:relative;
    z-index:30;
    cursor:pointer;
}

/* Login Button Text */

#loginButton span, #SignupButton span {
    font-size:1.2em; 
    /*font-weight:bold; */
    /*text-shadow:1px 1px #fff;*/ 
	*margin:0;
	*padding:5px 15px 6px 10px;
	padding:5px 15px 6px 14px;
    display:block;
    width:60px;
    cursor:pointer;
}


#loginButton:hover {
    
	color:#FFF;
	background:#F60  url(../images/blue_btn_loginh.gif) no-repeat top left;
	cursor:pointer;
}

/* Login Box */

#loginBox {
    
    position:absolute;
    top:30px;
    right:0;
    display:none;
    z-index:29;
}


.loginbtn

    {
        float:left;
        height:17px;
        margin:0;
        padding:5px 30px 8px 24px;
        width:40px;
        
        
    }
 #loginBox label {
 float:right;width:100px; margin:0;height:20px;}

/* If the Login Button has been clicked */    
#loginButton.active {
    /*border-radius:3px 3px 0 0;*/
}

#loginButton.active span {
    background-position:53px -76px;
}


.logout
{
	margin-bottom:-15px;
}

/* A Line added to overlap the border */

#loginButton.active em {
    position:absolute;
    width:100%;
    height:1px;
    background:#efefef;
    bottom:-1px;
}

/* Login Form */

#loginForm {
    width:250px; 
    border:1px solid #9DC4EA;
    border-radius:3px 0 3px 3px;
    -moz-border-radius:3px 0 3px 3px;
    margin-top:-1px;
    background:#E3EEF9;
    padding:6px;
}

#loginForm fieldset {
    margin:0 0 10px 0;
    display:block;
    border:0;
    padding:0;
}

fieldset#body {
    background:#fff;
    border-radius:3px;
    -moz-border-radius:3px;
    padding:10px 13px;
    margin:0;
}

#loginForm #checkbox {
    width:auto;
    margin:1px 9px 0 0;
    float:left;
    padding:0;
    border:0;
    *margin:-3px 9px 0 0; /* IE7 Fix */
}

.check-box {
    border:none;
    float:left;
    margin:0 0 0 15px;
    padding:0 0 0 8px;
    width: 22px;
    
}

#loginBox p{
    float:left;
    font-size:0.9em;
    font-weight:normal;
    margin:0;
    padding:8px 0 0 3px;
    width: 85px;
    }
    


#body label {
    color:#333;
    margin:9px 0 0 0;
    display:block;
    float:left;
}

#loginForm #body fieldset label {
    display:block;
    float:left;
    margin:0 0 4px 5px;
    text-align:left;
}

/* Default Input */

#loginForm input {
    width:87%;
    border:1px solid #899caa;
    border-radius:3px;
    -moz-border-radius:3px;
    color:#3a454d;
    font-weight:bold;
    padding:8px 8px;
    box-shadow:inset 0px 1px 3px #bbb;
    -webkit-box-shadow:inset 0px 1px 3px #bbb;
    -moz-box-shadow:inset 0px 1px 3px #bbb;
    font-size:12px;
}

/* Sign In Button */

#loginForm #login {
    width:auto;
    float:left;
    background:#333 url(../images/loginbuttonbg.png) repeat-x;
    color:#fff;
    padding:2px 10px 8px 10px;
    text-shadow:0px -1px #278db8;
    border:1px solid #339cdf;
    box-shadow:none;
    -moz-box-shadow:none;
    -webkit-box-shadow:none;
    margin:0 12px 0 0;
    cursor:pointer;
    *padding:7px 2px 8px 2px; /* IE7 Fix */
}

/* Forgot your password */

#loginForm span {
    text-align:center;
    display:block;
	background-color: transparent;
    padding:7px 0 4px 0;
}

#loginForm span a {
    color:#333;
    text-shadow:1px 1px #fff;
    font-size:12px;
	background-color: transparent;
}

input:focus {
    outline:none;
}

/*ERROR MESSAGES*/
.error-message-signup {color:red; font-weight:bold; width:180px; padding:5px 0; text-shadow:0px -1px 0.1em #efefef;}



.first-free-container {
	width: 824px;
	/*height: 182px;*/
	margin: 0 auto 20px auto;
	background: url(../images/first-free-bg.png) 0 0 transparent;
    background-size: 824px 285px;
	position: relative; }
.first-free-title {
	font-family: Century Gothic, Arial, Helvetica, sans-serif; 
	font-size: 32px; 
	font-weight: bold;
	color: #003366; 
	margin: 0 0 20px 0;
	padding-top: 45px;
	text-align: center; }
.first-free-title span {
    font-family: Century Gothic, Arial, Helvetica, sans-serif;
    font-size:32px;
    position: relative;
     }
.first-free-copy,.first-free-copy-disclaimer {
	font-family: Century Gothic, Arial, Helvetica, sans-serif; 
	font-size: 21px; 
	font-weight: bold;
	color: #333333; 
	margin: 0 0 10px 0;
	line-height: 28px;
	text-align: center;  
}
.first-free-copy-disclaimer{
    font-size: 12px !important;
 	line-height: 20px;
    padding: 0 3em;
}
.first-free-btn {
	position: absolute;
	bottom: -20px;
	left: 330px; }