@charset "utf-8";

/*==============================================================================
  Title       : Form Style
  Author      : Fumito Arakawa as Phize (http://phize.net/) and Geeklog Japanese
  Description : Form style.
  Apply       : leftblocks.thtml, loginform.thtml,
                custom-memberlogin.thtml, customlogin-header.thtml, customlogin-footer.thtml
==============================================================================*/



/*--------------------------------------
  Search Form
--------------------------------------*/

/* Block */
div#leftblocks div#block-left-search {
}

/* Form */
div#leftblocks div#block-left-search form#searchform {
  margin: 0;
  padding: 0;
}

div#leftblocks div#block-left-search form#searchform ul {
  margin: 0;
  padding: 0;
}

div#leftblocks div#block-left-search form#searchform ul li {
  display: inline;
  margin: 0;
  padding: 0;
}

/* Form Input Field */
div#leftblocks div#block-left-search form#searchform ul li input.text {
  border: 1px solid #7B9EBD;
}

/* Form Button */
div#leftblocks div#block-left-search form#searchform ul li input.form-button {
}

/* Search Option */
div#leftblocks div#block-left-search form#searchform p {
  margin: 0;
  padding: 0;
}


/*--------------------------------------
  Login Form
--------------------------------------*/

/* authentication buttons */
#login_facebook{left:0px;width:141px;}
#login_facebook{background:url('/images/oauth-login-with-sprite.png') no-repeat; background-position:0 0;}

#login_twitter{left:0px;width:141px;}
#login_twitter{background:url('/images/oauth-login-with-sprite.png') no-repeat; background-position: 0 -23px;}

#login_linkedin{left:0px;width:141px;}
#login_linkedin{background:url('/images/oauth-login-with-sprite.png') no-repeat; background-position: 0 -44px;}

#login_google{left:0px;width:141px;}
#login_google{background:url('/images/oauth-login-with-sprite.png') no-repeat; background-position: 0 -66px;}

#login_yahoo{left:0px;width:141px;}
#login_yahoo{background:url('/images/oauth-login-with-sprite.png') no-repeat; background-position: 0 -88px;}

#login_microsoft{left:0px;width:141px;}
#login_microsoft{background:url('/images/oauth-login-with-sprite.png') no-repeat; background-position: 0 -110px;}

#login_github{left:0px;width:141px;}
#login_github{background:url('/images/oauth-login-with-sprite.png') no-repeat; background-position: 0 -132px;}

#login_openid{left:0px;width:141px;}
#login_openid{background:url('/images/oauth-login-with-sprite.png') no-repeat; background-position: 0 -154px;}

/* Form Item */
form#loginform dl {
  margin: 0;
  padding: 0;
}

form#loginform dl dt {
  margin: 0;
  padding: 0;
}

form#loginform dl dd {
  margin: 0;
  padding: 0;
}

/* Form Option Menu */
form#loginform ul.navi {
  list-style-position: outside;
  list-style-type: none;
  margin: 0;
  padding: 0;
}

form#loginform ul.navi li {
  margin: 0;
  padding: 0;
}

/* Third party login */
form.third-party-login {
  margin: 0.1em 0;
}

form.third-party-login div {
  position: relative;
}

form.third-party-login div img {
  position: absolute;
  left: 6px;
  top: 6px;
}

form.third-party-login div input.submit {
  text-indent: 24px;
  font-size: 12px;
  height: 28px;
}

div.third-party-login {
  width: 164px;
}
