/* Join Stylesheet
===================================================== */
.join_page .content_container {
}
.join_page .main_container h1 {
color: #ff3399;
font-size: 26px;
margin-bottom: 20px;
}
.join_page .main_container form {
background-color: #eee;
display: block;
float: left;
padding: 50px 100px;
width: 260px;
}
.join_page .main_container legend {
color: #282828;
font-family: "futura-pt-1","futura-pt-2", sans-serif;
font-size: 16px;
padding-bottom: 18px;
text-transform: uppercase;
width: 260px;
}
.join_page .main_container form p {
clear: left;
float: left;
margin-bottom: 18px;
width: 260px;
}
.join_page .main_container label { padding-bottom: 6px; }
.join_page .main_container input { width: 238px; }
.join_page .main_container .checkbox { margin-bottom: 8px; width: auto; }
.join_page .main_container .checkbox input,
.join_page .main_container .checkbox label {
display: inline; float: none; width: auto;
}

.join_page .main_container input[type="submit"] {
font-size: 16px;
height: 40px;
padding-top: 0;
width: 260px;
}

/* Create */
.join_page .main_container .join_form { margin-right: 20px; }
.join_page .main_container .join_form p { position: relative; }
.join_page .main_container .join_form > p { border-top: 1px solid #d2d2d2; padding-top: 18px; }
.join_page .main_container .join_form > p label { line-height: 16px; padding-bottom: 9px; }
.join_page .main_container .join_form > p:last-of-type { margin-bottom: 0; }
.join_page .main_container .fb_button { width: 260px; }

.join_page .main_container .security {
border-top: 1px solid #d2d2d2;
padding-top: 18px;
}
/* Shortcut */
.join_page .main_container .shortcut { margin-bottom: 20px; }
.join_page .main_container .shortcut label { display: none; }

/* Login Now */
.join_page .main_container .login_form {
background: #e5e5e5 url(../imgs/join/login_bkgd.png) no-repeat bottom left;
min-height: 282px;
padding-bottom: 258px;
}
.join_page .main_container .login_form a {
clear: left;
float: left;
margin-top: 17px;
width: 100%;
}
.join_page .main_container .login_form .join {
display: none;
}

/* Tooltips */
.join_page .tip {
background: url(../imgs/global/sheet.png) no-repeat right -235px;
height: 17px;
left: 265px;
position: absolute;
top: 25px;
width: 17px;
}
.join_page .tip span {
display: block;
line-height: 0;
position: relative;
text-indent: -999em;
}
.join_page .tip:hover span:nth-of-type(2) {
background-color: #282828;
border-radius: 4px;
color: #FFF;
font-size: 11px;
left: 30px;
line-height: 15px;
padding: 11px;
text-indent: 0;
top: -40px;
width: 168px;
-moz-border-radius: 4px;
-webkit-border-radius: 4px;
}
.join_page .tip:hover span:nth-of-type(1) {
border-top: 8px solid transparent;
border-bottom: 8px solid transparent; 
border-right: 8px solid #282828;
height: 0;
left: 22px;
width: 0;
}
.join_page .pass:hover span:nth-of-type(2) { top: -36px; }
.join_page .tip:hover { text-decoration: none; }