.logo2 {
	position: absolute;
	top: 32px;
	left: 35px;
}

h1.big {
	font-size: 35px;
}

#login-page {
	overflow: hidden;
	margin: 40px 0;
}

#login-page .form {
	float: right;
	padding: 35px 30px 30px;
	width: 332px;
	border: 1px solid #c5ced7;
}

#login-page .info {
	float: left;
	width: 450px;
}

#login-page .info h2 {
	margin-bottom: 15px;
}

#login-page .info li {
	margin-top: 15px;
}

ul.dash li {
	margin-top: 0 !important;
	background: url(images/gfx/dash.png) no-repeat 0 10px !important;
	padding-left: 9px !important;
}

#login-page .info li ul.dash {
	margin-top: 5px;
}

#login-page .info a {
	color: #0c69af;
	border-bottom: 1px solid #d4dae1;
}

#login-page .info a:hover {
	border-color: #0c69af;
}

#login-page .form input[type=text],
#login-page .form input[type=password] {
	color: #747474;
	font-size:12px;
	font-family: Georgia, "Nimbus Roman No9 L", serif;	
	display:block;
	width:233px;
	padding: 10px 5px;
	line-height: 15px;
	border: 1px solid #c2c2c2;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
}

#login-page .form input[type=text]:focus,
#login-page .form input[type=password]:focus {
	border-color: #0c69af;
}

#login-page .form .row {
	margin-top: 20px;
	position: relative;
}

#login-page .form .row:first-child {
	margin-top: 0;
}

#login-page .form .row label {
	float: left;
	line-height: 37px;
	font-size: 14px;
	color: #433d41;
	font-family: Georgia, "Nimbus Roman No9 L", serif;	
	width: 86px;
}

#login-page .form .submit {
	width: 126px;
	height: 33px;
	float: right;
	text-indent: -9999em;
	overflow: hidden;
	background: transparent url(images/gfx/button-login.png);
	border: none;
}

#login-page .form .submit:hover {
	background-position: 0 -33px;
}

#login-page .form .error {
	right: 0;
}

.message-box {
	margin: 50px 0 30px;
	text-align: center;
	font-size: 0;
}

.message-box .message-body {
	display: inline-block;
	overflow: hidden;
	margin: 15px 0;
}

.message-box .message-body p {
	clear: left;
	float: left;
	margin-bottom: 0 !important;
}

.message-box .message-body h2 {
	float: left;
}

.message-box .message-icon {
	display: inline-block;
	margin: 15px 20px 15px 0;
	position: relative;
	top: -2px;
}

.message-box .message-bottom {
	text-align: center;
	padding: 15px 0;
}

.message-box .message-bottom .message-link:hover {
	text-decoration: underline;
	
}

.error-box {
	border: 1px solid #de0000;
	background: #fff0f0;
	display: none;
}
.hide-box {
	display: none;
}
.error-box .message-body h2 {
	color: #de0000;
}

.success-box {
	border: 1px solid #3d8f00;
	background: #f2fee9;
}

.success-box .message-body h2 {
	color: #3d8f00;
}

.success-box .message-bottom {
	background: #e6fdd5;
	font-size: 14px;
}

.success-box .message-bottom .message-link {
	color: #3d8f00;
	font-family: Georgia, "Nimbus Roman No9 L", serif;	
	padding-right: 10px;
	background: url(images/gfx/arrow-green.png) no-repeat 100% 50%;
}

#autopromotion 
{
	text-align: center;
	margin: 80px 0 50px;
}

/*Remmber Me Tip*/

/* Tooltip container */
.tooltip {
  position: relative;
  display: inline-block;
  /*border-bottom: 1px dotted black; /* If you want dots under the hoverable text */
}

/* Tooltip text */
.tooltip .tooltiptext {
  visibility: hidden;
  width: auto;
  height: auto;
  background-color: black;
  color: #fff;
  text-align: center;
  padding: 5px;
  border-radius: 6px;
 
  /* Position the tooltip text - see examples below! */
  position: absolute;
  z-index: 1;
  bottom: 100%;
  left: -18%;
  margin-left: -60px;
}
.tooltip .tooltiptext::after {
  content: "";
  position: absolute;
  top: 100%;
  left: 50%;
  margin-left: -5px;
  border-width: 5px;
  border-style: solid;
  border-color: black transparent transparent transparent;
}

/* Show the tooltip text when you mouse over the tooltip container */
.tooltip:hover .tooltiptext {
  visibility: visible;
}

/****************/

@media screen and (max-width: 1000px) {
    #main, #footer, #top {
        width: auto;
    }
    #login-page .info {
        width: 46%;
    }
    #login-page .form {
        width: 284px;
    }
    #login-page .form input[type=text], #login-page .form input[type=password] {
        width: 170px;
    }
}

@media screen and (max-width: 760px) {
    #login-page .form {
        float: none;
        margin: 0 auto;
    }
    #login-page .info {
        width: 100%;
        margin-top: 30px;
    }
}

@media screen and (max-width: 480px) {
    #login-page .form {
        width: 80%;
        padding: 8% 9%;
    }
    #login-page .form input[type=text], #login-page .form input[type=password] {
        width: 64%;
        float: right;
    }
    #login-page .form .row label {
        width: 20%;
    }
    #footer .follow {
        float: left;
        margin-left: 19px;
        margin-bottom: 15px;
    }
}
@media screen and (max-width: 320px) {
  .logo2 {
    left: 2px;
  }
}