BODY {
	background: #000 url(../images/bg.jpg) no-repeat 50% 0;
	margin: 0;
	padding: 0;
}
FORM {
	margin:0;
	padding:0;
}
#mainContainer {
	min-width: 1200px;
	max-width: 1440px;
	height: 550px;
	margin: 0 auto;
	position: relative;
}


#SpecialLogin INPUT[name="account"]::-moz-placeholder,
#SpecialLogin INPUT[name="password"]::-moz-placeholder {
    color: #f00;
    font-weight: bold;
}

/* Form fields, general styles first. */

form {
	margin:0;
	padding:0;
}

.button,
button {
	border: 0;
	font-size: 12.3px;
	margin-bottom: 2px;
}
input,
select,
textarea {
	color: #fff;
    padding: 10.2px 15px 8px 5px;
/*border: none;*/
    font-family: inherit;
    background: #383838;
    position: relative;
    border: 1px solid gold;
}
input:focus,
select:focus,
textarea:focus {
	border-color: gold;
	color: #fff;
	outline: 0;
}
select {
	padding: 8px 15px 9px;
}
input[type=file] {
	padding: 8px 15px;
}
.inputh {
	position: relative;
}
.inputh:before {
	content: '';
	position: absolute;
	width: 100%;
	height: 100%;
	background: #272727;
	z-index: 9;
	top: 0;
	left: 0;
	-webkit-transition: all 0.2s ease-in-out;
	-moz-transition: all 0.2s ease-in-out;
	-ms-transition: all 0.2s ease-in-out;
	-o-transition: all 0.2s ease-in-out;
	transition: all 0.2s ease-in-out;
}
/*lowreslogin*/
#lowreslogin {
	display:none;
}

/* Buttons */
.button,
button,
input[type="submit"],
input[type="button"],
input[type="reset"] {
	display: inline-block;
	padding: 9px 10px 8px 9px;
	background: #000;
	color: #fff;
	text-decoration: none;
	-webkit-transition: all 0.2s ease-in-out;
	-moz-transition: all 0.2s ease-in-out;
	-ms-transition: all 0.2s ease-in-out;
	-o-transition: all 0.2s ease-in-out;
	transition: all 0.2s ease-in-out;
	font-weight: 800;
	text-transform: uppercase;
	border: 0;
    border: 1px solid gold;
}
.button:hover,
.button:focus,
button:hover,
button:focus,
input[type="submit"]:hover,
input[type="button"]:hover,
input[type="reset"]:hover,
input[type="submit"]:focus,
input[type="button"]:focus,
input[type="reset"]:focus {
	outline: none;
	cursor: pointer;
	background: #272727;
	color: #fff
}
.button:active,
button:active,
input[type="submit"]:active,
input[type="button"]:active,
input[type="reset"]:active {
	
}
.button.medium {
	font-size: 11px;
}
.button.form {
	padding: 10px 25px 11px;
}

/* Placeholder text color -- selectors need to be separate to work. */
::-webkit-input-placeholder {
	color: #888;
}
:-moz-placeholder {
	color: #888;
}
::-moz-placeholder {
	color: #888;
}
:-ms-input-placeholder {
	color: #555;
}b 
#SpecialLogin {
	background: url(../images/login-bg-ag.png);
	width: 276px;
	height: 177px;
}
#SpecialLogin INPUT {
	color: #222 !important;
}
#account, #Account,
#password, #Password {
	width: 133px;
	height: 26px;
	position: absolute;
	left: 117px;
	top: 67px;
	background: none;
	font: bold 15px/26px "Trebuchet MS";
	text-align: center;
	margin: 0;
	padding: 0;
	border: none;
}
#password, #Password {
	top: 103px;
}
#sbLogin, #agLogin {
	width: 69px;
	height: 32px;
	position: absolute;
	top: 138px;
	left: 185px;
}
#LoginSwitch {
height: 350px;
    left: 0;
    position: absolute;
    top: 200px;
    width: 300px;
}
#LoginSwitch INPUT {
	background:none;
	width:300px;
	height: 350px;
	border:none;
}

.pull-right{
	
	text-align: right;
    width: 100%;
    margin-left: -50px;
    margin-top: 22px;
	
	}
a { cursor:pointer; }