arteleku_skin/css/logintoboggan.css

div.toboggan-container {

}

div.toboggan-login-link-container {
  text-align: left;
}

div.toboggan-login-link-container a {
  text-decoration: none;
}

div.toboggan-block-message {
  text-align: left;
}

div.user-login-block {
  text-align: left;
}

div.user-login-block a {
  text-align: left;
}

div.toboggan-unified{
  width:770px;
  border-top: 2px solid black;
}

/* Unified login */

.toboggan-unified #login-message h3{
  margin: 9px 0 9px 10px;
}

.toboggan-unified #login-wrapper{
border-top: 1px solid black;
  padding-top: 9px;
  padding-left: 10px;
}

.toboggan-unified #login-links {
  margin-bottom: 20px;
}

.toboggan-unified #login-links a {
  display: inline-block;
  background-color: rgb(249,229,220);
  display: inline-block;
  font-family: 'Droid Sans Mono', sans-serif;
  font-size: 12px;
  margin: 0;
  margin: 0px 10px 0px 0;
  padding: 5px 10px;
  text-transform: uppercase;
}

.toboggan-unified #login-links a:hover {
  background-color: red;
  color: white;
}

.toboggan-unified #login-links a.lt-active,
.toboggan-unified #login-links a.lt-active:hover {
  background-color: red;
  color: white;

}

.toboggan-unified.login #register-form {
  display: none;
}

.toboggan-unified.register #login-form {
  display: none;
}

.toboggan-unified .login-forgot{
  float: left;
  margin-right: 30px;
}

.toboggan-unified .login-forgot a{
  background-color:rgb(110,255,175);
  padding: 10px;
  color:black;
    font-family: 'Droid Sans Mono', sans-serif;
  font-size: 12px;
  line-height: 15px;
  display: inline-block;
  text-transform: uppercase;
}

/*		Default Layout: 1200px.
		Gutters: 30px.
		Outer margins: 0px.
		Leftover space for scrollbars @1024px: 32px.
-------------------------------------------------------------------------------
cols    1     2      3      4      5      6      7      8      9      10	11		12
px      70    170    270    370    470    570    670    770    870    970	1070	1170 */


@media (min-width: 1200px) {


}

/*		Tablet Layout: 770px.
		Gutters: 24px.
		Outer margins: 28px.
		Inherits styles from: Default Layout.
-----------------------------------------------------------------
cols    1     2      3      4      5      6      7      8
px      68    160    252    344    436    528    620    712    */

@media only screen and (min-width: 770px) and (max-width: 991px) {

div.toboggan-unified{
  width:570px;
}

}



/*		Mobile Layout: 320px.
		Gutters: 24px.
		Outer margins: 34px.
		Inherits styles from: Default Layout.
---------------------------------------------
cols    1     2      3
px      68    160    252    */

@media only screen and (max-width: 569px) {
	div.toboggan-unified{
	  width:270px;
	}
	.form-item input{
		width: 240px;
	}
	.toboggan-unified #login-links a,
	.toboggan-unified .login-forgot a  {
		margin-bottom: 10px;
	}
}



/*		Wide Mobile Layout: 570px.
		Gutters: 24px.
		Outer margins: 22px.
		Inherits styles from: Default Layout, Mobile Layout.
------------------------------------------------------------
cols    1     2      3      4      5
px      68    160    252    344    436    */

@media only screen and (min-width: 570px) and (max-width: 769px) {
	div.toboggan-unified{
	  width:370px;
	}
	.form-item input{
		width: 340px;
	}
	.toboggan-unified #login-links a,
	.toboggan-unified .login-forgot a {
		margin-bottom: 10px;
	}
	
	
}

}