/*
version:   1.0
email:     robert@atkcash.com
website:   http://www.atkhairy.com
*/
@import url("reset.css");

.clear{clear:both}
body { position:relative; margin: 0; padding:0; background:url(http://cdn97.atkingdom-network.com/unsecure/tour/hairy1/images/css_images/green/top.png) repeat-x;font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;
    font-weight: 200;}
/*fixed*/
.input_box { margin-top:60px; color:#abaca8; font-size:14px; margin-left:-15px; }
.join { color:#70706e; font-size:24px; margin-left:-48px; margin-top:-13px; float:left; padding: 10px 3px 3px 3px; }
.join a { text-decoration:none; color:#70706e; padding:50px 30px 7px 20px; margin-top:20px; }
.join a:hover { color:#000 }
.crown { }
.members { font-size:18px; }
.media { margin-top:5px; font-size:11px; float:left; margin-left:-38px; padding-right:60px; }
.media li a { text-decoration:none; display:block; margin-bottom:0px; padding:4px; color:#999; border-bottom:solid 1px #ccc; width:120px; }
li.social_first { border-top:solid 1px #ccc; width:128px; margin-top:3px; }
.media ul { list-style-type:none; }
.media li a:hover { color:#666; border-bottom:solid 1px #666; }
.newest_video { float:left; font-size:18px; margin-left:35px; }
.newest_video a { text-decoration:none; color:#999; }
.newest_video a:hover { color:#333; }
/*end of fixed*/
#container { position:relative; margin:auto; width:961px; padding-bottom:100px; margin-top:-170px; padding:0; }
#container_members { position:relative; margin:auto; padding:auto; width:960px; height:100%px; margin-top:-170px; }
.top_title { color: #FFFFFF; font-size: 22px; left: 240px; position: absolute; text-shadow: 0 2px 3px #555555; top: -45px; *top:25px;
}
.top_line { border-top:solid 1px #ccc; margin-top:150px; }

/*top-nav*/
#navigation { position:relative; margin-top:72px; text-decoration:none; list-style:none; text-transform: uppercase; }
#navigation ul { height: 20px; list-style:none; }
#navigation .largeText { color:#81827c; display:block; font-size:12px; letter-spacing:0.04em; line-height:86px; }
#navigation ul#navList { float:left; color:#81827c; margin-left:7px; }
#navigation ul#navList li { float: left; text-align: center; border-right: 1px solid #d4d4d4; width: 88px; }
#navigation ul#navList li a { display: block; height: 86px;  text-decoration: none;-moz-transition: all 0.26s ease-out 0s;-webkit-transition: all 0.26s ease-out 0s; }
#navigation ul#navList li a:hover, #navigation ul#navList li a.active { background-color: #F0F2F6;padding-top:6px; }
#navigation ul#navList li a:hover, #navigation ul#navList li a.active { background-color: #F0F2F6; padding-top:6px; }

#navigation ul#navList li .sub ul { float: left; list-style: none outside none; margin: 0; padding: 0; width: 120px; }
#navigation ul#navList .sub ul li { color: #D0FC00; margin: 1px 0 0 1px; border-right:0 none !important; }
#navigation ul#navList .sub ul li a {border:1px solid #CCCCCC;border-top:none;border-bottom:none;background:#fff;font-size:12px;text-shadow:none;-moz-transition: all 0.26s ease-out 0s;  -webkit-transition:all 0.26s ease-out 0s;color:#81827C; display: block; float: none; height: auto; margin: -1px 0 0 0px; padding: 2px 5px; text-decoration: none; text-indent: 0; width:78px;}
#navigation ul#navList .sub ul li a:hover {background:#F0F2F6;}
#navigation ul#navList li .sub {display: none; right:146px;top:80px; padding: 5px 13px 5px 12px; position: absolute; z-index: 999;}
#navigation ul#navList .sub ul li .lastSubLink{border-bottom:solid 1px #ccc;}

.logo {  width:230px; margin: -5px 0 0 1px;float:left; }
.logo a { background:url(images/logo.png) no-repeat; width:204px; height:103px; display:block; }
.logo a.main_logo { background-position:0 0; }
.logo a.main_logo:hover { background-position:0 -107px }
#navigation ul#navList li.first { border-left:solid 1px #d4d4d4; }
/*footer*/
.footer { font-size:12px; margin-left:auto; margin-right:auto; text-align:center; margin-top:20px; }
.footer a { color:#666 }
.footer a:hover { color:#060 }
/*
login-btn
*/
/*
login-main
*/
.submit { background:url(updates.png); border:1px solid #00F; display:block; width:283px; height:113px; }
input.box { background: none repeat scroll 0 0 #FBFBFB; border: 1px solid #999; font-size: 18px; margin-bottom: 16px; margin-right: 6px; margin-top: 2px; padding: 3px; width: 97%; }
.login-body { width:960px; height:335px; }
.login-border {margin-top:66px; *margin-top:54px; width: 371px; margin-left:auto; margin-right:auto; }
.login-box { float:left;background: none repeat scroll 0 0 #FFFFFF; border: 1px solid #999; -moz-border-radius:5px 5px 5px 5px; border-radius: 5px 5px 5px 5px; box-shadow: 0 4px 18px #C8C8C8; -moz-box-shadow:0 4px 18px #C8C8C8; -webkit-box-shadow:0 4px 18px #C8C8C8; font-weight: 200; margin-left:0px; padding: 16px; font-size:15px; color:#999 }
.remember-me { float:left;/**float:right; */font-size:15px; color:#999; margin-right:34px;/**margin-right:47px;*/ margin-top:10px; }
.login-btn { float:right; margin-right:-11px; }
.login-sub { float:left;  width: 335px;}
.login-all { margin-top:1px; padding:1px 0 0 1px; }
.error { color:#F00; position:absolute; left: 319px; top:141px;*left:300px;*top:191px; }
.link-box { margin-bottom:1px; margin-top:100px; width:336px; height:56px; background:  #FFFFFF; border: 1px solid #999; -moz-border-radius:5px 5px 5px 5px; -moz-box-shadow:0 4px 18px #C8C8C8; -webkit-box-shadow:0 4px 18px #C8C8C8; border-radius: 5px 5px 5px 5px; box-shadow: 0 4px 18px #C8C8C8; color: #999999; font-size: 15px; font-weight: 200; padding: 16px 16px 1px; margin-left:auto; margin-right:auto; }
.login-links { margin:10px auto 0;}
.login-links li { display:inline; text-decoration:none; margin-left:24px }
.login-links a { margin-right:auto; text-decoration:none; color:#666; }
.login-links a:hover { color:#009900; }
.first-link { margin-left:1px; }
.scroll { overflow:scroll; height:120px; width:337px; margin-left:auto; margin-right:auto; padding:10px; margin-top:121px; border:solid 1px #ccc; }
/*
join_bottom
*/
.join_bottom { background: url("images/bottom_login.png") no-repeat scroll 0 0 transparent; display: block; height: 68px; margin: 11px -29px -1px 6px; width: 239px; }
.input_box { margin: 30px 0 0 38px; }
@-moz-document url-prefix() {
.input_box {
margin: 12px 0 0 38px;
}
}
.input_box a { color:#FFF; -webkit-box-shadow:0 1px 0 rgba(0, 0, 0, 0.2); background:url(images/bg-btn-signup.png) repeat-x #05db47; height: 35px; margin: 31px 0 0 -4px; width: 149px; border-radius:5px 5px 5px 5px; display:block; text-decoration:none; text-align:center; font:bold 24px Helvetica Neue, Arial, Sans-serif; padding:6px 5px 25px 3px; }
@-moz-document url-prefix() {
.input_box a {
margin: 16px 0 0 -4px;
}
}
input:focus {border: 1px solid #4D90FE;box-shadow: 0 1px 2px rgba(0, 0, 0, 0.3) inset;outline: medium none;}
.box:hover { background-position:0 -5px; box-shadow: 0 1px 2px rgba(0, 0, 0, 0.3) inset; }
.login { margin:-10px 0 0 -10px; position:relative; }
.join { margin:-10px 0 0 -6px; }
.login a small { display:none; }
.login a:hover small { color:#fff; background: url("images/small_pop_join.png") no-repeat scroll 0 0 transparent; display: block; font-size: 12px; height: 100px; left: -13px; position: absolute; top: -51px; width: 178px; padding: 11px 1px 1px 0px; }
@-moz-document url-prefix() {
.login a:hover small {
color:#fff;
background: url("images/small_pop_join.png") no-repeat scroll 0 0 transparent;
display: block;
font-size: 12px;
height: 100px;
left: -13px;
position: absolute;
top: -51px;
width: 178px;
padding: 11px 1px 1px 0px;
}
}
.login_btn {
	cursor:pointer;
    background-color: #4D90FE;
    background-image: -moz-linear-gradient(center top , #4D90FE, #4787ED);
    border: 1px solid #3079ED;
    border-radius: 2px 2px 2px 2px;
    color: #FFFFFF;
    float: right;
    padding: 8px;
    text-decoration: none;
    margin:0 0 0 25px;
    *margin:-27px 0 0 266px;
    ;font-size:13px;}
.login_btn:hover {background-color: #357AE8;background-image: -moz-linear-gradient(center top , #4D90FE, #357AE8);border: 1px solid #2F5BB7;color: #FFFFFF;text-shadow: 0 1px rgba(0, 0, 0, 0.3);}
.login_btn:active { box-shadow: 0 1px 2px rgba(0, 0, 0, 0.3) inset;}
.forgotpassword_container {margin:4px 0 0 23px;float:left;font-size:13px;width:100%}
.forgotpassword_container a {color:#666666; text-decoration: none;}
.forgotpassword_container a:hover {color:#009900;}
#forgot {float:left;font-size:13px;margin:9px 0 0 23px;}