form.loginLine {
	background: url(styles/default/images/loginblock.png) 0 0 no-repeat;
    display: flex;  
    position: relative;
    overflow: hidden;
	padding-left: 250px;
    padding-top: 1rem;
}

input {
  border: 1px solid #000;
  border-radius: 0.125rem;
  box-sizing: border-box;
  font-size: 1rem;
  height: 2.25rem;
  line-height: 1.25rem;
  margin-top: 0.25rem;
  order: 2;
  padding: 0.25rem 0.5rem;
  width: 15rem;
  transition: all 0.25s;
}

input[type="username"], input[type="password"] {
    /*border: 1px solid #e5e5e5;
    background-color: #fff;
    padding: 8px 2px;
    min-height: 16px;
    outline: none;
    line-height: 16px;
	*/
	  -webkit-appearance: none;
	 border-radius: 1px;
	  box-sizing: border-box;
	 font-size: 1em;
	 height: auto;
	 padding: .5em;
	 width: 50%;
	 border: 1px solid #572588;
	 font-family: 'Bai Jamjuree', cursive;
}


input[type="submit"] {
    color: #fff;
    background: #572588;
    font-size: 1.0rem;
    font-weight: normal;
    order: 4;
    outline: 1px dashed transparent;
    outline-offset: 2px;
    padding-left: 0;
    text-transform: uppercase;
	font-family: 'Bai Jamjuree', cursive;
	height: auto;
	padding: .7em;
	width: 20%;
	border: 1px solid #572588;
}

input[type="submit"]:hover {
    background: hsl(43, 100%, 50%);
    border: 1px solid #c79106;
    color: black;
}

input[type="username"]:hover ,input[type="password"]:hover  {
  border-color: #fe6363;
}

.input-group {
  position: relative;
  width: 100%;
}
.form-control {
	line-height: 1.42857143;
    color: #555;
    background-color: #fff;
    background-image: none;
    border: 1px solid #ccc;
	box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
	transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;

}
.input-group .form-control {
    position: relative;
    z-index: 2;
    float: left;
    width: 100%;
    margin-bottom: 0;
}


.toggle {
  background: none;
  border: none;
  color: #337ab7;
  /*display: none;*/
  /*font-size: .9em;*/
  font-weight: 600;
  /*padding: .5em;*/
  position: absolute;
  right: .75em;
  top: 2.25em;
  z-index: 9;
}

.fa {
  font-size: 1rem;
}

/* login */
span.loginblock,span.default span.super-login span.login {
	width: auto;
	margin: auto;
}

.login .login-left {
  position:relative;
  float:left;
  width:80%;
}
.login .login-right {
  position:relative;
  float:left;
  width:20%;
}

span.loginblock,
span.super-login,
span.super-login span {
	display: block;
}
span.loginblock {
	width: 980px;
	height: 80px;
	margin: auto;
	padding-top: 5px;
	padding-bottom: 5px;
	background: url(styles/default/images/loginblock.png) 0 0 no-repeat;
}
span.default span.super-login span.login span.username,
span.default span.super-login span.login span.password {
	margin-bottom: 10px;
	width: 135px;
	height: 21px;
	padding: 2px 4px 3px 20px;
	overflow: hidden;
	margin-left: 44px;
	margin-top: 9px;
}

span.default span.super-login span.login span.username {
	background: url(styles/default/images/username_bg.png) 0 0 no-repeat;
}

span.default span.super-login span.login span.password {
	background: url(styles/default/images/password_bg.png) 0 0 no-repeat;
}

span.default span.super-login span.login span.username:hover{
	background: url(styles/default/images/username_bg.png) 0 -25px no-repeat;
}

span.default span.super-login span.login span.password:hover {
	background: url(styles/default/images/password_bg.png) 0 -25px no-repeat;
}

span.default span.super-login span.login span.username input,
span.default span.super-login span.login span.password input {
	padding: 0px;
	width: 100%;
	background: none;
	border: none;
	outline: none;
	float: left;
	color: #646464;
	font-size: 11px;

    margin: 0px 0;
    padding: 0 0 0 5px;
   
    vertical-align: middle;
    height: 11px; 
  	line-height: 11px;

}
}

span.default span.super-login span.login span.username input:hover,
span.default span.super-login span.login span.password input:hover,
span.default span.super-login span.login span.username input:focus,
span.default span.super-login span.login span.password input:focus {
	color: #000000;
}

span.default span.super-login span.login span.remember {
	margin-bottom: 4px;
}

span.default span.super-login span.login span.login-button-container {
	margin-bottom: 6px;
	width: 157px;
	padding: 0px 2px 0px 2px;
	overflow: hidden;
}

span.default span.super-login span.login span.login-button-icon {
	width: 105px;
	height: 35px;
	background: url(styles/default/images/button_bg.png) 0 0 no-repeat; /* ie6png:crop */
	float: right;
	margin-right: -16px;
}

span.default span.super-login span.login span.login-button-icon:hover {
	background: url(styles/default/images/button_bg.png) 0 -35px no-repeat;
}

span.default span.super-login span.login span.login-button-icon button {
	display: block;
	padding: 0px 0px 0px 0px;
	width: 100%;
	height: 20px;
	border: none;
	background: none;
	cursor: pointer;
	overflow: hidden;
	font-size: 11px;
	line-height: 20px;
	color: #646464;
	text-transform: lowercase;
}

span.default span.super-login span.login span.login-button-icon button:hover {
	color: #000000;
}

span.default span.super-login span.login span.login-button-text button {
	float: right;
	cursor: pointer;
}

span.default span.super-login span.login span.lostpassword,
span.default span.super-login span.login span.lostusername,
span.default span.super-login span.login span.registration {
	height: 20px;
	line-height: 20px;
}

/* logout */
span.default span.super-login span.logout {
	width: auto;
	margin: auto;
}

span.default span.super-login span.logout span.greeting {
}

span.default span.super-login span.logout span.logout-button-icon {
	margin: auto;
	width: 50px;
	height: 20px;
	background: url(styles/default/images/button_bg.png) 0 0 no-repeat; /* ie6png:crop */
}

span.default span.super-login span.logout span.logout-button-icon:hover {
	background: url(styles/default/images/button_bg.png) 0 -20px no-repeat;
}

span.default span.super-login span.logout span.logout-button-icon button {
	display: block;
	padding: 0px 0px 0px 0px;
	width: 100%;
	height: 20px;
	border: none;
	background: none;
	cursor: pointer;
	overflow: hidden;
	font-size: 11px;
	line-height: 20px;
	color: #646464;
	text-transform: lowercase;
}

span.default span.super-login span.logout span.logout-button-icon button:hover {
	color: #000000;
}

span.default span.super-login span.logout span.logout-button-text button {
	margin: auto;
	display: block;
	cursor: pointer;
}
/* (C) 2007 YOOtheme.com */
/**
 * @version SVN: $Id: builder.php 469 2011-07-29 19:03:30Z mustaqs $
 * @package    superlogin
 * @subpackage C:
 * @author     Mustaq Sheikh {@link http://www.herdboy.com}
 * @author     Created on 07-Sep-2011
 * @license    GNU/GPL
 */

/* login */
.yootools-black span.default span.super-login span.login span.username {
	background: url(styles/default/black/images/username_bg.png) 0 0 no-repeat;
}

.yootools-black span.default span.super-login span.login span.password {
	background: url(styles/default/black/images/password_bg.png) 0 0 no-repeat;
}

.yootools-black span.default span.super-login span.login span.username:hover {
	background: url(styles/default/black/images/username_bg.png) 0 -20px no-repeat;
}

.yootools-black span.default span.super-login span.login span.password:hover {
	background: url(styles/default/black/images/password_bg.png) 0 -20px no-repeat;
}

.yootools-black span.default span.super-login span.login span.username input:hover,
.yootools-black span.default span.super-login span.login span.password input:hover,
.yootools-black span.default span.super-login span.login span.username input:focus,
.yootools-black span.default span.super-login span.login span.password input:focus {
	color: #ffffaa;
}
/* (C) 2007 YOOtheme.com */
/** * @version SVN: $Id: builder.php 469 2011-07-29 19:03:30Z mustaqs $ * @package    superlogin * @subpackage C: * @author     Mustaq Sheikh {
	@link http://www.herdboy.com
}
* @author     Created on 07-Sep-2011 * @license    GNU/GPL */
/* login */
span.quick span.super-login span.login {
	height: 20px;
	width: 340px;
}
span.quick span.super-login span.login span.username, span.quick span.super-login span.login span.password, span.quick span.super-login span.login span.login-button-text, span.quick span.super-login span.login span.login-button-icon, span.quick span.super-login span.login span.lostpassword, span.quick span.super-login span.login span.lostusername, span.quick span.super-login span.login span.registration, span.quick span.super-login span.logout span.greeting, span.quick span.super-login span.logout span.logout-button-text, span.quick span.super-login span.logout span.logout-button-icon {
	margin-right: 5px;
	float: left;
	overflow: hidden;
}
span.quick span.super-login span.login span.username, span.quick span.super-login span.login span.password {
	width: 73px;
	height: 16px;
	padding: 4px 2px 0px 25px;
	float: left;
	overflow: hidden;
}
span.quick span.super-login span.login span.username {
	background: url(styles/quick/images/username_bg.png) 0 0 no-repeat;
}
span.quick span.super-login span.login span.password {
	background: url(styles/quick/images/password_bg.png) 0 0 no-repeat;
}
span.quick span.super-login span.login span.username:hover {
	background: url(styles/quick/images/username_bg.png) 0 -20px no-repeat;
}
span.quick span.super-login span.login span.password:hover {
	background: url(styles/quick/images/password_bg.png) 0 -20px no-repeat;
}
span.quick span.super-login span.login span.username input, span.quick span.super-login span.login span.password input {
	padding: 0px;
	width: 100%;
	background: none;
	border: none;
	outline: none;
	float: left;
	color: #646464;
	font-size: 11px;
}
span.quick span.super-login span.login span.username input:hover, span.quick span.super-login span.login span.password input:hover, span.quick span.super-login span.login span.username input:focus, span.quick span.super-login span.login span.password input:focus {
	color: #000000;
}
span.quick span.super-login span.login .login-button-text button {
	cursor: pointer;
}
span.quick span.super-login span.login span.login-button-icon {
	width: 21px;
	height: 20px;
	background: url(styles/quick/images/login_button_bg.png) 0 0 no-repeat;
/* ie6png: crop */
}
span.quick span.super-login span.login span.login-button-icon:hover {
	background: url(styles/quick/images/login_button_bg.png) 0 -20px no-repeat;
}
span.quick span.super-login span.login span.login-button-icon button {
	display: block;
	padding: 0px 0px 0px 0px;
	width: 100%;
	height: 20px;
	border: none;
	background: none;
	cursor: pointer;
	overflow: hidden;
}
span.quick span.super-login span.login span.login-button button:hover {
	color: #000000;
}
span.quick span.super-login span.login span.lostpassword, span.quick span.super-login span.login span.lostusername, span.quick span.super-login span.login span.registration {
	width: 25px;
}
span.quick span.super-login span.login span.lostpassword {
	background: url(styles/quick/images/lost_password_bg.png) 0 0px no-repeat;
/* ie6png: crop */
}
span.quick span.super-login span.login span.lostusername {
	background: url(styles/quick/images/lost_username_bg.png) 0 0px no-repeat;
/* ie6png: crop */
}
span.quick span.super-login span.login span.registration {
	background: url(styles/quick/images/registration_bg.png) 0 0px no-repeat;
/* ie6png: crop */
}
span.quick span.super-login span.login span.lostpassword a, span.quick span.super-login span.login span.lostusername a, span.quick span.super-login span.login span.registration a {
	display: block;
	width: 100%;
	height: 20px;
}
/* logout */
span.quick span.super-login span.logout {
	height: 20px;
}
span.quick span.super-login span.logout span.greeting {
	line-height: 20px;
}
span.quick span.super-login span.logout span.logout-button-text button {
	cursor: pointer;
}
span.quick span.super-login span.logout span.logout-button-icon {
	width: 21px;
	height: 20px;
	background: url(styles/quick/images/logout_button_bg.png) 0 0 no-repeat;
/* ie6png: crop */
}
span.quick span.super-login span.logout span.logout-button-icon:hover {
	background: url(styles/quick/images/logout_button_bg.png) 0 -20px no-repeat;
}
span.quick span.super-login span.logout span.logout-button-icon button {
	display: block;
	padding: 0px 0px 0px 0px;
	width: 100%;
	height: 20px;
	border: none;
	background: none;
	cursor: pointer;
	overflow: hidden;
	font-size: 11px;
	color: #646464;
	text-transform: lowercase;
}
span.quick span.super-login span.logout span.logout-button-icon button:hover {
	color: #000000;
}/* (C) 2007 YOOtheme.com */
/**
 * @version SVN: $Id: builder.php 469 2011-07-29 19:03:30Z mustaqs $
 * @package    superlogin
 * @subpackage C:
 * @author     Mustaq Sheikh {@link http://www.herdboy.com}
 * @author     Created on 07-Sep-2011
 * @license    GNU/GPL
 */

/* login */
.yootools-black span.quick span.super-login span.login span.username {
	background: url(styles/quick/black/images/username_bg.png) 0 0 no-repeat;
}

.yootools-black span.quick span.super-login span.login span.password {
	background: url(styles/quick/black/images/password_bg.png) 0 0 no-repeat;
}

.yootools-black span.quick span.super-login span.login span.username:hover {
	background: url(styles/quick/black/images/username_bg.png) 0 -20px no-repeat;
}

.yootools-black span.quick span.super-login span.login span.password:hover {
	background: url(styles/quick/black/images/password_bg.png) 0 -20px no-repeat;
}

.yootools-black span.quick span.super-login span.login span.username input:hover,
.yootools-black span.quick span.super-login span.login span.password input:hover,
.yootools-black span.quick span.super-login span.login span.username input:focus,
.yootools-black span.quick span.super-login span.login span.password input:focus {
	color: #ffffaa;
}
/* (C) 2007 YOOtheme.com */
/**
 * @version SVN: $Id: builder.php 469 2011-07-29 19:03:30Z mustaqs $
 * @package    superlogin
 * @subpackage C:
 * @author     Mustaq Sheikh {@link http://www.herdboy.com}
 * @author     Created on 07-Sep-2011
 * @license    GNU/GPL
 */

/* login */
span.niftydefault span.super-login span.login {
	width: auto;
	margin: auto;
}

span.niftydefault span.super-login span.login span.username,
span.niftydefault span.super-login span.login span.password {
	margin-bottom: 6px;
	width: 109px;
	height: 16px;
	padding: 6px 5px 2px 25px;
	overflow: hidden;
}

span.niftydefault span.super-login span.login span.username {
	background: url(styles/niftydefault/images/username_bg.png) 0 0 no-repeat; /* ie6png:crop */
}

span.niftydefault span.super-login span.login span.password {
	background: url(styles/niftydefault/images/password_bg.png) 0 0 no-repeat; /* ie6png:crop */
}

span.niftydefault span.super-login span.login span.username:hover {
	background: url(styles/niftydefault/images/username_bg.png) 0 -24px no-repeat;
}

span.niftydefault span.super-login span.login span.password:hover {
	background: url(styles/niftydefault/images/password_bg.png) 0 -24px no-repeat;
}

span.niftydefault span.super-login span.login span.username input,
span.niftydefault span.super-login span.login span.password input {
	padding: 0px;
	width: 100%;
	background: none;
	border: none;
	outline: none;
	float: left;
	color: #646464;
	font-size: 11px;
}

span.niftydefault span.super-login span.login span.username input:hover,
span.niftydefault span.super-login span.login span.password input:hover,
span.niftydefault span.super-login span.login span.username input:focus,
span.niftydefault span.super-login span.login span.password input:focus {
	color: #000000;
}

span.niftydefault span.super-login span.login span.remember {
	margin-bottom: 6px;
	padding: 0px 2px 0px 2px;
}

span.niftydefault span.super-login span.login span.login-button-container {
	margin-bottom: 6px;
	padding: 0px 2px 0px 2px;
	width: 135px;
	overflow: hidden;
}

span.niftydefault span.super-login span.login span.login-button-icon {
	width: 50px;
	height: 20px;
	background: url(styles/niftydefault/images/button_bg.png) 0 0 no-repeat; /* ie6png:crop */
	float: right;
}

span.niftydefault span.super-login span.login span.login-button-icon:hover {
	background: url(styles/niftydefault/images/button_bg.png) 0 -20px no-repeat;
}

span.niftydefault span.super-login span.login span.login-button-icon button {
	display: block;
	padding: 0px 0px 0px 0px;
	width: 100%;
	height: 20px;
	border: none;
	background: none;
	cursor: pointer;
	overflow: hidden;
	font-size: 11px;
	line-height: 20px;
	color: #646464;
	text-transform: lowercase;
}

span.niftydefault span.super-login span.login span.login-button-icon button:hover {
	color: #000000;
}

span.niftydefault span.super-login span.login span.login-button-text button {
	float: right;
	cursor: pointer;
}

span.niftydefault span.super-login span.login span.lostpassword,
span.niftydefault span.super-login span.login span.lostusername,
span.niftydefault span.super-login span.login span.registration {
	height: 20px;
	line-height: 20px;
}

/* logout */
span.niftydefault span.super-login span.logout {
	width: auto;
	margin: auto;
}

span.niftydefault span.super-login span.logout span.greeting {
}

span.niftydefault span.super-login span.logout span.logout-button-icon {
	margin: auto;
	width: 50px;
	height: 20px;
	background: url(styles/niftydefault/images/button_bg.png) 0 0 no-repeat; /* ie6png:crop */
}

span.niftydefault span.super-login span.logout span.logout-button-icon:hover {
	background: url(styles/niftydefault/images/button_bg.png) 0 -20px no-repeat;
}

span.niftydefault span.super-login span.logout span.logout-button-icon button {
	display: block;
	padding: 0px 0px 0px 0px;
	width: 100%;
	height: 20px;
	border: none;
	background: none;
	cursor: pointer;
	overflow: hidden;
	font-size: 11px;
	line-height: 20px;
	color: #646464;
	text-transform: lowercase;
}

span.niftydefault span.super-login span.logout span.logout-button-icon button:hover {
	color: #000000;
}

span.niftydefault span.super-login span.logout span.logout-button-text button {
	margin: auto;
	display: block;
	cursor: pointer;
}
/* (C) 2007 YOOtheme.com */
/**
 * @version SVN: $Id: builder.php 469 2011-07-29 19:03:30Z mustaqs $
 * @package    superlogin
 * @subpackage C:
 * @author     Mustaq Sheikh {@link http://www.herdboy.com}
 * @author     Created on 07-Sep-2011
 * @license    GNU/GPL
 */

/* login */
.yootools-black span.niftydefault span.super-login span.login span.username {
	background: url(styles/niftydefault/black/images/username_bg.png) 0 0 no-repeat; /* ie6png:crop */
}

.yootools-black span.niftydefault span.super-login span.login span.password {
	background: url(styles/niftydefault/black/images/password_bg.png) 0 0 no-repeat; /* ie6png:crop */
}

.yootools-black span.niftydefault span.super-login span.login span.username:hover {
	background: url(styles/niftydefault/black/images/username_bg.png) 0 -24px no-repeat;
}

.yootools-black span.niftydefault span.super-login span.login span.password:hover {
	background: url(styles/niftydefault/black/images/password_bg.png) 0 -24px no-repeat;
}

.yootools-black span.niftydefault span.super-login span.login span.username input,
.yootools-black span.niftydefault span.super-login span.login span.password input {
	color: #646464;
}

.yootools-black span.niftydefault span.super-login span.login span.username input:hover,
.yootools-black span.niftydefault span.super-login span.login span.password input:hover,
.yootools-black span.niftydefault span.super-login span.login span.username input:focus,
.yootools-black span.niftydefault span.super-login span.login span.password input:focus {
	color: #ffffaa;
}

.yootools-black span.niftydefault span.super-login span.login span.login-button-icon {
	background: url(styles/niftydefault/black/images/button_bg.png) 0 0 no-repeat; /* ie6png:crop */
}

.yootools-black span.niftydefault span.super-login span.login span.login-button-icon:hover {
	background: url(styles/niftydefault/black/images/button_bg.png) 0 -20px no-repeat;
}

.yootools-black span.niftydefault span.super-login span.login span.login-button-icon button {
	color: #646464;
}

.yootools-black span.niftydefault span.super-login span.login span.login-button-icon button:hover {
	color: #ffffaa;
}

/* logout */
.yootools-black span.niftydefault span.super-login span.logout span.logout-button-icon {
	background: url(styles/niftydefault/black/images/button_bg.png) 0 0 no-repeat; /* ie6png:crop */
}

.yootools-black span.niftydefault span.super-login span.logout span.logout-button-icon:hover {
	background: url(styles/niftydefault/black/images/button_bg.png) 0 -20px no-repeat;
}

.yootools-black span.niftydefault span.super-login span.logout span.logout-button-icon button {
	color: #646464;
}

.yootools-black span.niftydefault span.super-login span.logout span.logout-button-icon button:hover {
	color: #ffffaa;
}
/* (C) 2007 YOOtheme.com */
/**
 * @version SVN: $Id: builder.php 469 2011-07-29 19:03:30Z mustaqs $
 * @package    superlogin
 * @subpackage C:
 * @author     Mustaq Sheikh {@link http://www.herdboy.com}
 * @author     Created on 07-Sep-2011
 * @license    GNU/GPL
 */

/* login */
span.niftyquick span.super-login span.login {
	height: 24px;
	width: 340px;
}

span.niftyquick span.super-login span.login span.username, 
span.niftyquick span.super-login span.login span.password,
span.niftyquick span.super-login span.login span.login-button,
span.niftyquick span.super-login span.login span.lostpassword,
span.niftyquick span.super-login span.login span.login-button-icon, 
span.niftyquick span.super-login span.login span.lostusername,
span.niftyquick span.super-login span.login span.registration,
span.niftyquick span.super-login span.logout span.greeting,
span.niftyquick span.super-login span.logout span.logout-button-icon,
span.niftyquick span.super-login span.logout span.logout-button {
	margin-right: 5px;
	float: left;
	overflow: hidden;
}

span.niftyquick span.super-login span.login span.username,
span.niftyquick span.super-login span.login span.password {
	width: 74px;
	height: 16px;
	padding: 6px 5px 2px 25px;
	float: left;
	overflow: hidden;
}

span.niftyquick span.super-login span.login span.username {
	background: url(styles/niftyquick/images/username_bg.png) 0 0 no-repeat; /* ie6png:crop */
}

span.niftyquick span.super-login span.login span.password {
	background: url(styles/niftyquick/images/password_bg.png) 0 0 no-repeat; /* ie6png:crop */
}

span.niftyquick span.super-login span.login span.username:hover {
	background: url(styles/niftyquick/images/username_bg.png) 0 -24px no-repeat;
}

span.niftyquick span.super-login span.login span.password:hover {
	background: url(styles/niftyquick/images/password_bg.png) 0 -24px no-repeat;
}

span.niftyquick span.super-login span.login span.username input,
span.niftyquick span.super-login span.login span.password input {
	padding: 0px;
	width: 100%;
	background: none;
	border: none;
	outline: none;
	float: left;
	color: #646464;
	font-size: 11px;
}

span.niftyquick span.super-login span.login span.username input:hover,
span.niftyquick span.super-login span.login span.password input:hover,
span.niftyquick span.super-login span.login span.username input:focus,
span.niftyquick span.super-login span.login span.password input:focus {
	color: #000000;
}

span.niftyquick span.super-login span.login span.login-button {
	margin-top: 2px;
	margin-bottom: 2px;
	width: 50px;
	height: 20px;
	background: url(styles/niftyquick/images/button_bg.png) 0 0 no-repeat; /* ie6png:crop */
}

span.niftyquick span.super-login span.login span.login-button:hover {
	background: url(styles/niftyquick/images/button_bg.png) 0 -20px no-repeat;
}

span.niftyquick span.super-login span.login span.login-button button {
	display: block;
	padding: 0px 0px 0px 0px;
	width: 100%;
	height: 20px;
	border: none;
	background: none;
	cursor: pointer;
	overflow: hidden;
	font-size: 11px;
	line-height: 20px;
	color: #646464;
	text-transform: lowercase;
}

span.niftyquick span.super-login span.login span.login-button button:hover {
	color: #000000;
}

span.niftyquick span.super-login span.login span.lostpassword,
span.niftyquick span.super-login span.login span.lostusername,
span.niftyquick span.super-login span.login span.registration {
	margin-top: 2px;
	margin-bottom: 2px;
}

span.niftyquick span.super-login span.login span.lostpassword {
	width: 25px;
	background: url(styles/niftyquick/images/lost_password_bg.png) 0 0px no-repeat; /* ie6png:crop */
}

span.niftyquick span.super-login span.login span.lostusername {
	width: 25px;
	background: url(styles/niftyquick/images/lost_username_bg.png) 0 0px no-repeat; /* ie6png:crop */
}

span.niftyquick span.super-login span.login span.registration {
	width: 31px;
	background: url(styles/niftyquick/images/registration_bg.png) 0 0px no-repeat; /* ie6png:crop */
}

span.niftyquick span.super-login span.login span.lostpassword a,
span.niftyquick span.super-login span.login span.lostusername a,
span.niftyquick span.super-login span.login span.registration a {
	display: block;
	width: 100%;
	height: 20px;
}


/* logout */
span.niftyquick span.super-login span.logout {
	height: 24px;
}

span.niftyquick span.super-login span.logout span.greeting {
	line-height: 24px;
}

span.niftyquick span.super-login span.logout span.logout-button {
	margin-top: 2px;
	width: 50px;
	height: 20px;
	background: url(styles/niftyquick/images/button_bg.png) 0 0 no-repeat; /* ie6png:crop */
}

span.niftyquick span.super-login span.logout span.logout-button:hover {
	background: url(styles/niftyquick/images/button_bg.png) 0 -20px no-repeat;
}

span.niftyquick span.super-login span.logout span.logout-button button {
	display: block;
	padding: 0px 0px 0px 0px;
	width: 100%;
	height: 20px;
	border: none;
	background: none;
	cursor: pointer;
	overflow: hidden;
	font-size: 11px;
	line-height: 20px;
	color: #646464;
	text-transform: lowercase;
}

span.niftyquick span.super-login span.logout span.logout-button button:hover {
	color: #000000;
}

span.niftyquick span.super-login span.login span.login-button-icon {
    background: url(styles/niftyquick/images/login_button_bg.png) no-repeat scroll 0 2px transparent;
    height: 22px;
    width: 21px;
}

span.niftyquick span.super-login span.login span.login-button-icon:hover {
	background: url(styles/niftyquick/images/login_button_bg.png) 0 -20px no-repeat;
}

span.niftyquick span.super-login span.login span.login-button-icon button {
	display: block;
	padding: 0px 0px 0px 0px;
	width: 100%;
	height: 22px;
	border: none;
	background: none;
	cursor: pointer;
	overflow: hidden;
}
span.niftyquick span.super-login span.logout span.logout-button-icon {
	margin: auto;
	width: 21px;
	height: 20px;
	background: url(styles/default/images/logout_button_bg.png) 0 0 no-repeat; /* ie6png:crop */
}

span.niftyquick span.super-login span.logout span.logout-button-icon:hover {
	background: url(styles/niftyquick/images/logout_button_bg.png) 0 -20px no-repeat;
}

span.niftyquick span.super-login span.logout span.logout-button-icon button {
	display: block;
	padding: 0px 0px 0px 0px;
	width: 100%;
	height: 20px;
	border: none;
	background: none;
	cursor: pointer;
	overflow: hidden;
	font-size: 11px;
	color: #646464;
	text-transform: lowercase;
}

span.niftyquick span.super-login span.logout span.logout-button-icon button:hover {
	color: #000000;
}

span.niftyquick span.super-login span.logout span.logout-button-text button {
	margin: auto;
	display: block;
	cursor: pointer;
}/* (C) 2007 YOOtheme.com */
/**
 * @version SVN: $Id: builder.php 469 2011-07-29 19:03:30Z mustaqs $
 * @package    superlogin
 * @subpackage C:
 * @author     Mustaq Sheikh {@link http://www.herdboy.com}
 * @author     Created on 07-Sep-2011
 * @license    GNU/GPL
 */

/* login */
.yootools-black span.niftyquick span.super-login span.login span.username {
	background: url(styles/niftyquick/black/images/username_bg.png) 0 0 no-repeat; /* ie6png:crop */
}

.yootools-black span.niftyquick span.super-login span.login span.password {
	background: url(styles/niftyquick/black/images/password_bg.png) 0 0 no-repeat; /* ie6png:crop */
}

.yootools-black span.niftyquick span.super-login span.login span.username:hover {
	background: url(styles/niftyquick/black/images/username_bg.png) 0 -24px no-repeat;
}

.yootools-black span.niftyquick span.super-login span.login span.password:hover {
	background: url(styles/niftyquick/black/images/password_bg.png) 0 -24px no-repeat;
}

.yootools-black span.niftyquick span.super-login span.login span.username input,
.yootools-black span.niftyquick span.super-login span.login span.password input {
	color: #646464;
}

.yootools-black span.niftyquick span.super-login span.login span.username input:hover,
.yootools-black span.niftyquick span.super-login span.login span.password input:hover,
.yootools-black span.niftyquick span.super-login span.login span.username input:focus,
.yootools-black span.niftyquick span.super-login span.login span.password input:focus {
	color: #ffffaa;
}

.yootools-black span.niftyquick span.super-login span.login span.login-button {
	background: url(styles/niftyquick/black/images/button_bg.png) 0 0 no-repeat; /* ie6png:crop */
}

.yootools-black span.niftyquick span.super-login span.login span.login-button:hover {
	background: url(styles/niftyquick/black/images/button_bg.png) 0 -20px no-repeat;
}

.yootools-black span.niftyquick span.super-login span.login span.login-button button {
	color: #646464;
}

.yootools-black span.niftyquick span.super-login span.login span.login-button button:hover {
	color: #ffffaa;
}

.yootools-black span.niftyquick span.super-login span.login span.lostpassword {
	background: url(styles/niftyquick/black/images/lost_password_bg.png) 0 0px no-repeat; /* ie6png:crop */
}

.yootools-black span.niftyquick span.super-login span.login span.lostusername {
	background: url(styles/niftyquick/black/images/lost_username_bg.png) 0 0px no-repeat; /* ie6png:crop */
}

.yootools-black span.niftyquick span.super-login span.login span.registration {
	background: url(styles/niftyquick/black/images/registration_bg.png) 0 0px no-repeat; /* ie6png:crop */
}

/* logout */
.yootools-black span.niftyquick span.super-login span.logout span.logout-button {
	background: url(styles/niftyquick/black/images/button_bg.png) 0 0 no-repeat; /* ie6png:crop */
}

.yootools-black span.niftyquick span.super-login span.logout span.logout-button:hover {
	background: url(styles/niftyquick/black/images/button_bg.png) 0 -20px no-repeat;
}

.yootools-black span.niftyquick span.super-login span.logout span.logout-button button {
	color: #646464;
}

.yootools-black span.niftyquick span.super-login span.logout span.logout-button button:hover {
	color: #ffffaa;
}/** * @version SVN: $Id: builder.php 469 2011-07-29 19:03:30Z mustaqs $ * @package    superlogin * @subpackage C: * @author     Mustaq Sheikh {
	@link http://www.herdboy.com
}
* @author     Created on 07-Sep-2011 * @license    GNU/GPL */
/* login */
span.mega span.super-login span.login {
	position: relative;
	width: 340px;
}
span.mega span.super-login span.login span.username, span.mega span.super-login span.login span.password, span.mega span.super-login span.login span.login-button, span.mega span.super-login span.login span.lostpassword, span.mega span.super-login span.login span.lostusername, span.mega span.super-login span.login span.registration, span.mega span.super-login span.logout span.greeting, span.mega span.super-login span.logout span.logout-button-icon, span.mega span.super-login span.login span.login-button-icon, span.mega span.super-login span.logout span.logout-button {
	margin-right: 5px;
	float: left;
	overflow: hidden;
}
span.mega span.super-login span.login span.username, span.mega span.super-login span.login span.password {
	width: 74px;
	height: 16px;
	padding: 6px 5px 5px 25px;
	float: left;
	overflow: hidden;
	margin-top: 2px;
}
span.mega span.super-login span.login span.username {
	background: url(styles/mega/images/username_bg.png) 0 0 no-repeat;
/* ie6png: crop */
}
span.mega span.super-login span.login span.password {
	background: url(styles/mega/images/password_bg.png) 0 0 no-repeat;
/* ie6png: crop */
}
span.mega span.super-login span.login span.username:hover {
	background: url(styles/mega/images/username_bg.png) 0 -32px no-repeat;
}
span.mega span.super-login span.login span.password:hover {
	background: url(styles/mega/images/password_bg.png) 0 -32px no-repeat;
}
span.mega span.super-login span.login span.username input, span.mega span.super-login span.login span.password input {
	padding: 0px;
	width: 100%;
	background: none;
	border: none;
	outline: none;
	float: left;
	color: #646464;
	font-size: 15px;
}
span.mega span.super-login span.login span.username input:hover, span.mega span.super-login span.login span.password input:hover, span.mega span.super-login span.login span.username input:focus, span.mega span.super-login span.login span.password input:focus {
	color: #000000;
}
span.mega span.super-login span.login span.login-button {
	margin-top: 2px;
	margin-bottom: 2px;
	display: block;
	width: 50px;
	height: 20px;
	background: url(styles/mega/images/button_bg.png) 0 0 no-repeat;
/* ie6png: crop */
}
span.mega span.super-login span.login span.login-button:hover {
	background: url(styles/mega/images/button_bg.png) 0 -20px no-repeat;
}
/*span.mega span.super-login span.login span.login-button button {
	display: block;
	padding: 0px 0px 0px 0px;
	width: 100%;
	height: 20px;
	border: none;
	background: none;
	cursor: pointer;
	overflow: hidden;
	font-size: 11px;
	line-height: 20px;
	color: #646464;
	text-transform: lowercase;
}
*/
span.mega span.super-login span.login span.login-button button:hover {
	color: #000000;
}
span.mega span.super-login span.login span.lostpassword, span.mega span.super-login span.login span.lostusername, span.mega span.super-login span.login span.registration {
	margin-top: 0px;
	margin-bottom: 5px;
}
span.mega span.super-login span.login span.lostpassword {
	width: 25px;
	background: url(styles/mega/images/lost_password_bg.png) 0 0px no-repeat;
/* ie6png: crop */
	margin-top: 6px;
}
span.mega span.super-login span.login span.lostusername {
	width: 25px;
	background: url(styles/mega/images/lost_username_bg.png) 0 0px no-repeat;
/* ie6png: crop */
	margin-top: 6px;
}
span.mega span.super-login span.login span.registration {
	width: 31px;
	background: url(styles/mega/images/registration_bg.png) 0 0px no-repeat;
/* ie6png: crop */
	margin-top: 6px;
}
span.mega span.super-login span.login span.lostpassword a, span.mega span.super-login span.login span.lostusername a, span.mega span.super-login span.login span.registration a {
	display: block;
	width: 100%;
	height: 32px;
}
/* logout */
span.mega span.super-login span.logout {
	height: 24px;
}
span.mega span.super-login span.logout span.greeting {
	line-height: 24px;
}
span.mega span.super-login span.logout span.logout-button {
	margin-top: 2px;
	width: 50px;
	height: 32px;
	background: url(styles/mega/images/button_bg.png) 0 0 no-repeat;
/* ie6png: crop */
}
span.mega span.super-login span.logout span.logout-button:hover {
	background: url(styles/mega/images/button_bg.png) 0 -20px no-repeat;
}
span.mega span.super-login span.logout span.logout-button button {
	display: block;
	padding: 0px 0px 0px 0px;
	width: 100%;
	height: 22px;
	border: none;
	background: none;
	cursor: pointer;
	overflow: hidden;
	font-size: 11px;
	line-height: 20px;
	color: #646464;
	text-transform: lowercase;
}
span.mega span.super-login span.logout span.logout-button button:hover {
	color: #000000;
}
span.mega span.super-login span.login span.login-button-icon {
	background: url(styles/mega/images/login_button_bg.png) no-repeat scroll 0 2px transparent;
	height: 22px;
	width: 21px;
	margin-top: 4px;
}
span.mega span.super-login span.login span.login-button-icon:hover {
	background: url(styles/mega/images/login_button_bg.png) 0 -20px no-repeat;
	height: 22px;
	width: 21px;
}
span.mega span.super-login span.login span.login-button-icon button {
	display: block;
	padding: 0px 0px 0px 0px;
	width: 100%;
	height: 20px;
	border: none;
	background: none;
	cursor: pointer;
	overflow: hidden;
}
span.mega span.super-login span.logout span.logout-button-icon {
	margin: auto;
	width: 50px;
	height: 20px;
	background: url(styles/mega/images/logout_button_bg.png) 0 0 no-repeat; /* ie6png:crop */
}
span.mega span.super-login span.logout span.logout-button-icon:hover {
	background: url(styles/mega/images/logout_button_bg.png) 0 -20px no-repeat;
}
span.mega span.super-login span.logout span.logout-button-icon button {
    background: none repeat scroll 0 0 transparent;
    border: medium none;
    color: #646464;
    cursor: pointer;
    display: block;
    font-size: 11px;
    height: 20px;
    overflow: hidden;
    padding: 0;
    text-transform: lowercase;
    width: 100%;
}
}
span.mega span.super-login span.logout span.logout-button-icon button:hover {
	color: #000000;
}
span.mega span.super-login span.logout span.logout-button-text button {
	margin: auto;
	display: block;
	cursor: pointer;
}/**
 * @version SVN: $Id: builder.php 469 2011-07-29 19:03:30Z mustaqs $
 * @package    superlogin
 * @subpackage C:
 * @author     Mustaq Sheikh {@link http://www.herdboy.com}
 * @author     Created on 07-Sep-2011
 * @license    GNU/GPL
 */

/* login */
.yootools-black span.mega span.super-login span.login span.username {
	background: url(styles/mega/black/images/username_bg.png) 0 0 no-repeat; /* ie6png:crop */
}

.yootools-black span.mega span.super-login span.login span.password {
	background: url(styles/mega/black/images/password_bg.png) 0 0 no-repeat; /* ie6png:crop */
}

.yootools-black span.mega span.super-login span.login span.username:hover {
	background: url(styles/mega/black/images/username_bg.png) 0 -24px no-repeat;
}

.yootools-black span.mega span.super-login span.login span.password:hover {
	background: url(styles/mega/black/images/password_bg.png) 0 -24px no-repeat;
}

.yootools-black span.mega span.super-login span.login span.username input,
.yootools-black span.mega span.super-login span.login span.password input {
	color: #646464;
}

.yootools-black span.mega span.super-login span.login span.username input:hover,
.yootools-black span.mega span.super-login span.login span.password input:hover,
.yootools-black span.mega span.super-login span.login span.username input:focus,
.yootools-black span.mega span.super-login span.login span.password input:focus {
	color: #ffffaa;
}

.yootools-black span.mega span.super-login span.login span.login-button {
	background: url(styles/mega/black/images/button_bg.png) 0 0 no-repeat; /* ie6png:crop */
}

.yootools-black span.mega span.super-login span.login span.login-button:hover {
	background: url(styles/mega/black/images/button_bg.png) 0 -20px no-repeat;
}

.yootools-black span.mega span.super-login span.login span.login-button button {
	color: #646464;
}

.yootools-black span.mega span.super-login span.login span.login-button button:hover {
	color: #ffffaa;
}

.yootools-black span.mega span.super-login span.login span.lostpassword {
	background: url(styles/mega/black/images/lost_password_bg.png) 0 0px no-repeat; /* ie6png:crop */
}

.yootools-black span.mega span.super-login span.login span.lostusername {
	background: url(styles/mega/black/images/lost_username_bg.png) 0 0px no-repeat; /* ie6png:crop */
}

.yootools-black span.mega span.super-login span.login span.registration {
	background: url(styles/mega/black/images/registration_bg.png) 0 0px no-repeat; /* ie6png:crop */
}

/* logout */
.yootools-black span.mega span.super-login span.logout span.logout-button {
	background: url(styles/mega/black/images/button_bg.png) 0 0 no-repeat; /* ie6png:crop */
}

.yootools-black span.mega span.super-login span.logout span.logout-button:hover {
	background: url(styles/mega/black/images/button_bg.png) 0 -20px no-repeat;
}

.yootools-black span.mega span.super-login span.logout span.logout-button button {
	color: #646464;
}

.yootools-black span.mega span.super-login span.logout span.logout-button button:hover {
	color: #ffffaa;
}