body#bodysignon								{margin: 0; padding: 0; font: normal 12px sans-serif; color: #000; background: #000;orphans: 3; line-height: 18px;}

div#signon_wrapper							{width: 450px; margin: -320px 0 0 -225px;  position: absolute; top: 50%; left: 50%; padding: 0 0 25px; -webkit-border-radius: 4px; -moz-border-radius: 4px;  }
div#signon-container                        { background: #f8f8f8; border-radius: 4px; border: 12px solid #2a2a2a; border-top: 65px solid #2a2a2a;  }

div#signon_wrapper #logoarea				{width: 86%; margin: 20px auto 0; text-align: right; float: none; }
div#signon_wrapper #logoarea img			{margin: 0 0 20px;}
div#signon_wrapper #logoarea p				{margin: 10px 0 0; font: normal 10px Sans-Serif; color: #333; text-align: center;}
div#signon_wrapper #logoarea p.version		{text-align: center;}
div#signon_wrapper #logoarea p.version strong {font: normal 10px Sans-Serif; color: #666; text-transform: uppercase; font-weight: bold; letter-spacing: -0.02em;}
div#signon_wrapper #logoarea p.version strong span	{color: #333;}
div#signon_wrapper #logoarea p.version span.sigon-version-build	{font-weight: normal; color: #666;}

div#signon_wrapper fieldset					{width: 86%; margin: -10px 0 0; padding: 10px 7% 20px; border: 0; float: none;}
div#signon_wrapper fieldset legend			{display: none;}
div#signon_wrapper fieldset h2				{margin: 10px 0 15px; padding: 0 0 5px; font: bold 18px arial, Sans-Serif; color: #444; text-transform: uppercase;  border-bottom: 1px solid #f1f1f1; }
div#signon_wrapper fieldset p				{margin: 3px 0;}
div#signon_wrapper fieldset p.info			{margin: 0 0 15px;}
div#signon_wrapper fieldset p.checkbox		{margin: 0 0 8px 0;}
div#signon_wrapper fieldset p.passwordreminder {margin: 10px auto 0; text-align:center;}
div#signon_wrapper fieldset p.passwordreminder a {font-style: normal; font-size: 14px; font-weight: bold; color: #606060;  }
div#signon_wrapper fieldset p.passwordreminder a:hover {color: #000; }
div#signon_wrapper fieldset p.passwordreminder label {display:block; float: none;}
div#signon_wrapper fieldset label			{width: auto; margin: 3px 0 0 0; float: none; text-transform: uppercase; font-weight: bold; color: #606060;  }
div#signon_wrapper fieldset p.checkbox span label {width: auto; margin: 0 50px 0 0; vertical-align: middle;	display: inline; float: none; color: #ccc;}
div#signon_wrapper fieldset p.checkbox input {opacity: 0.7; margin: -1px 5px 0 0; }
div#signon_wrapper fieldset p.checkbox input:checked {opacity: 1; }
div#signon_wrapper fieldset p.checkbox input:checked + label {color: #333;}

div#signon_wrapper fieldset input[type="text"],
div#signon_wrapper fieldset input[type="password"]			{width: 94%; font: normal 12px Sans-Serif; padding: 3% 8px; box-shadow: 0 1px 0 #ebebeb; border-radius: 2px; border: 1px solid #e7e7e7; }
div#signon_wrapper fieldset p.checkbox input {width: auto; vertical-align: middle;}
div#signon_wrapper fieldset input.btn		{width: auto; padding: 11px 0 10px; width: 99%; background: #333; border: 1px solid #333; color: #fff; font-size: 16px; text-transform: uppercase; border-radius: 2px; font-weight: bold; }
div#signon_wrapper fieldset input.btn:hover {background: #000; border:1px solid #000; transition: ease .2s; }
div#signon_wrapper fieldset p.inputfield	{margin: 15px 0 15px; padding: 0;}
div#signon_wrapper fieldset p.controlarea	{margin: 10px 0 0; padding-bottom: 15px; border-bottom: 1px solid #f1f1f1;}
div#signon_wrapper fieldset p.controlarea label{display: block; float: none;}
div#signon_wrapper fieldset div.wrongcredentials {margin: 10px 5px 10px 0; padding: 10px 10px 10px 50px; border-bottom: solid 1px #ffdf88; background: #ffefac url(../gfx/icons/warning-small.png) no-repeat 5px center; clear: both; color: #f00;}

div#signon_wrapper div.error                {width: auto; padding: 10px 10px 10px 50px; margin: 0 5px 10px 0; border-bottom: solid 1px #ffdf88; background: #ffefac url(../gfx/icons/warning-small.png) no-repeat 20px center; clear: both; color: #f00;}
div#signon_wrapper div.error ul             {margin: 0; }

div#signon_wrapper a						{color: #333; text-decoration: none;}
div#signon_wrapper a:hover					{color: #afafaf;}

div#signon_wrapper p.reminder-btns          {margin: 15px 0 10px; }
div#signon_wrapper p.reminder-btns input:last-child{background: #757575; border: 1px solid #757575; margin-top: 5px; }
div#signon_wrapper p.reminder-btns input:last-child:hover {background: #606060; border: 1px solid #606060; transition: ease .2s; }

div#toplogo                                 {background: url(../gfx/gui/mindbite-sitefactory-logo.png) no-repeat center; background-size:213px 51px; width: 100%; top: 6px; height: 51px; position: absolute; }

div#author                                  {color: #5d5d5d; margin-top: -12px; padding-top: 25px; font-size: 12px; text-transform: uppercase; background: url(../gfx/gui/author-bg.png) no-repeat top right;  }
div#author p                                {margin:2px 0!important; text-transform: none;}
div#signon_wrapper #author p.sslsecured	{color: gold; opacity: 0.75; font-weight: bold;}

@media screen and (max-width: 480px) {
    body#bodysignon								{background: #2a2a2a;}

    div#signon_wrapper							{min-width: 300px; max-width: 480px; width: 100%; margin: 20px 0 0;  position: relative; top: auto; left: auto; padding: 0 0 25px;  }
    div#author                                  {width: 94%; padding: 15px 3% 0; }

}