/*
copyright(c) KAYAC co ltd,
. All Rights Reserved.
*/

/* HTML
- login
------------------------------------------------------ */
#login{
background-image:url(../../img/login/login_bg.gif);
background-repeat:no-repeat;
margin-bottom:30px;
}

#login .lgform input{
vertical-align:middle;
border:1px solid #CCC;
width:130px;
height:22px;
}

#loginform,
#pwr_form{
font-size:70%;
}

/*login before and after*/
#loginBe,
#loginAf{
padding-top:10px;
width:245px;
}

/*before login*/
#loginAf span,
#loginBe span{
display:none;
}

#loginBe .join a:hover{
border-bottom:none;
}

#loginBe .join a{
display:block;
width:242px;
height:66px;
background-image:url(../../img/login/join.gif);
background-position:top left;
margin-bottom:8px;
}

#loginBe .join a:hover{
display:block;
width:242px;
height:66px;
background-image:url(../../img/login/join.gif);
background-position:bottom left;
margin-bottom:8px;
}

/*after login*/
#user{
font-size:80%;
width:245px;
min-height: 1%;
}

#user:after{
display:block;
clear:both;
content:"";
color:#666;
height:0;
overflow:hidden;
}

#userinfo{
float:right;
width:190px;
padding-left:5px;
}

#userinfo hr{
display:block;
border-bottom:1px dotted #ccc;
}

.userimg a{
margin-bottom:3px;
border:1px solid #ccc;
background-color:#fff;
display:block;
width:45px;
}

#loginAf .login a:hover,
#loginAf .postsnap a:hover{
border-bottom:none;
}

.userimg a:hover{
border-color:#D31D8C;
border-style:dotted;
background-color:#FFE3E6;
display:block;
width:45px;
}

.userimg img{
display:block;
margin:5px auto 5px;
}

.foruser table{
width:100%;
}

.foruser img{
padding-right:10px;
}

.login{
font-size:80%;
padding-left:10px;
background-image:url(../../img/login/dot.gif);
background-repeat:no-repeat;
background-position:center left;
}

.forgetpw{
display:inline;
padding-left:10px;
background-image:url(../../img/login/dot.gif);
background-repeat:no-repeat;
background-position:center left;
}

.postsnap a,
.postshop a{
display:block;
width:141px;
height:36px;
background-position:top left;
}
.postsnap a{
background-image:url(../../img/login/postsnap.gif);
}
.postshop a{
background-image:url(../../img/login/postshop.gif);
}
.postsnap a:hover,
.postshop a:hover{
background-position:bottom left;
border-bottom:0 none;
}

.postsnap span,
.postshop span{
display:none;
}



/*login page
---------------------------------------------*/
#login_left{
float:left;
clear:left;
width:400px;
}

#login_right{
float:left;
clear:right;
width:220px;
background-color:#EFEFEF;
}


#login_right dl,
#login_right p{
margin:10px;}

#login_left h2,
#login_right h2{
	background-image:none;
	padding:10px;
	font-size:140%;
	color:#003366;
	margin: 0;
}


#login_left table{
}

#login_left table input{
border:1px solid #CCCCCC;
}

#login_left table th{
color:#660066;
}

#login_bot input{
border:1px solid #CCCCCC;
background-color:#a6f2f3;
color:#006f92;}


#login_left_txt{
padding:20px;}

#login_left form table{
width:360px;
margin-left:20px;
}

#login_bot{
text-align:center;
padding:10px;}

#forget_password{
background-image:url(/img/icon/icon_link.gif);
padding-left:10px;
margin:10px;
background-position:left center;
background-repeat:no-repeat;}