body {

	background:#e8e8e8 url(../images/bg.jpg) repeat-x;

	font-family:'OpenSansRegular';

	color:#2d2d2d;

}

* {

	margin:0; padding:0;

}

@font-face {

    font-family: 'OpenSansRegular';

    src: url('fonts/OpenSans-Regular-webfont.eot');

    src: url('fonts/OpenSans-Regular-webfont.eot?#iefix') format('embedded-opentype'),

         url('fonts/OpenSans-Regular-webfont.woff') format('woff'),

         url('fonts/OpenSans-Regular-webfont.ttf') format('truetype'),

         url('fonts/OpenSans-Regular-webfont.svg#OpenSansRegular') format('svg');

    font-weight: normal;

    font-style: normal;

}

#wrapper {

	width:546px;

	margin:auto;

}

#logo {

	margin:70px auto 0;

	text-align:center;

}

#title {

	margin:60px auto 0;

	font-size:15px;

	line-height:15px;

	float:left;

	width:100%;

	text-transform:uppercase;

}

.title_left {

	float:left;

	margin-left:15px;

}

.title_right {

	float:right;

	margin-right:15px;

}

#container {

	width:100%;

	background:#fff;

	border:1px solid #bfc0c0;

	-moz-border-radius:10px;

	-webkit-border-radius:10px;

	border-radius:10px;

	float:left;

	margin-top:12px;

}

.container_inner {

	background:#d5d7d8;

	width:526px;

	float:left;

	margin:10px;

	min-height:100px;

	-moz-border-radius:8px;

	-webkit-border-radius:8px;

	border-radius:8px;

}

.title_lock {

	background:#189ad0 url(../images/lock_icon.png) no-repeat 490px 15px;

	float:left;

	height:50px;

	width:100%;

	-moz-border-radius:8px 8px 0 0;

	-webkit-border-radius:8px 8px 0 0;

	border-radius:8px 8px 0 0;

}

.title_lock h1 {

	font-size:18px;

	color:#fff;

	font-weight:normal;

	margin:14px 0 0 15px; padding:0;

	text-transform:uppercase;

}

.container_inner .user, .container_inner .pw {

	float:left;

	width:454px;

	height:31px;

	border:none;

	padding:0 25px 0 7px;

	-moz-border-radius:5px;

	-webkit-border-radius:5px;

	border-radius:5px;

	font-size:14px;

	/*text-transform:uppercase;*/

}

.container_inner .user {

	background:#fff url(../images/user_field.png) no-repeat 462px 8px;

	margin:30px 0 0 20px;

}

.container_inner .pw {

	background:#fff url(../images/pw_field.png) no-repeat 462px 8px;

	margin:25px 0 0 20px;

}

.login_area {

	float:left;

	padding:20px 0;

	width:100%;

	font-size:14px;

	color:#595959;

}

.remember {

	float:left;

	margin-left:25px;

}

.remember a {

	color:#189ad0;

	text-decoration:none;

}

.remember a:hover {

	text-decoration:underline;

}

.login {

	float:right;

	margin:8px 22px 0 0;

}

.shadow {

	width:100%;

	background:url(../images/shadow.png) no-repeat;

	height:30px;

	float:left;

}

#footer {

	position:absolute;

	bottom:20px;

	text-align:center;

	width:100%;

	font-size:12px;

	color:#7a7a7a;

	text-transform:uppercase;

}





input[type="text"],

input[type="password"] {

  background-color: #ffffff;

  border: 1px solid #cccccc;

  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);

     -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);

          box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);

  -webkit-transition: border linear 0.2s, box-shadow linear 0.2s;

     -moz-transition: border linear 0.2s, box-shadow linear 0.2s;

       -o-transition: border linear 0.2s, box-shadow linear 0.2s;

          transition: border linear 0.2s, box-shadow linear 0.2s;

}



input[type="text"]:focus,

input[type="password"]:focus {

  border-color: rgba(82, 168, 236, 0.8);

  outline: 0;

  outline: thin dotted \9;

  /* IE6-9 */



  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(0, 0, 0, 0.3);

     -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(0, 0, 0, 0.3);

          box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(0, 0, 0, 0.3);

}

.btn {

  display: inline-block;

  *display: inline;

  padding: 4px 12px;

  margin-bottom: 0;

  *margin-left: .3em;

  font-size: 16px;

  text-transform:uppercase;

  line-height: 20px;

  color: #333333;

  text-align: center;

  text-shadow: 0 1px 1px rgba(255, 255, 255, 0.75);

  vertical-align: middle;

  cursor: pointer;

  background-color: #f5f5f5;

  *background-color: #e6e6e6;

  background-image: -moz-linear-gradient(top, #ffffff, #e6e6e6);

  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#ffffff), to(#e6e6e6));

  background-image: -webkit-linear-gradient(top, #ffffff, #e6e6e6);

  background-image: -o-linear-gradient(top, #ffffff, #e6e6e6);

  background-image: linear-gradient(to bottom, #ffffff, #e6e6e6);

  background-repeat: repeat-x;

  border: 1px solid #cccccc;

  *border: 0;

  border-color: #e6e6e6 #e6e6e6 #bfbfbf;

  border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);

  border-bottom-color: #b3b3b3;

  -webkit-border-radius: 6px;

     -moz-border-radius: 6px;

          border-radius: 6px;

  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffffff', endColorstr='#ffe6e6e6', GradientType=0);

  filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);

  *zoom: 1;

  -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);

     -moz-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);

          box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);

}



.btn:hover,

.btn:focus,

.btn:active,

.btn.active,

.btn.disabled,

.btn[disabled] {

  color: #333333;

  background-color: #e6e6e6;

  *background-color: #d9d9d9;

}



.btn:active,

.btn.active {

  background-color: #cccccc \9;

}



.btn:first-child {

  *margin-left: 0;

}



.btn:hover,

.btn:focus {

  color: #333333;

  text-decoration: none;

  background-position: 0 -15px;

  -webkit-transition: background-position 0.1s linear;

     -moz-transition: background-position 0.1s linear;

       -o-transition: background-position 0.1s linear;

          transition: background-position 0.1s linear;

}





.btn.active,

.btn:active {

  background-image: none;

  outline: 0;

  -webkit-box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.15), 0 1px 2px rgba(0, 0, 0, 0.05);

     -moz-box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.15), 0 1px 2px rgba(0, 0, 0, 0.05);

          box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.15), 0 1px 2px rgba(0, 0, 0, 0.05);

}



.btn-success {

  color: #ffffff;

  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);

  background-color: #5bb75b;

  *background-color: #51a351;

  background-image: -moz-linear-gradient(top, #62c462, #51a351);

  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#62c462), to(#51a351));

  background-image: -webkit-linear-gradient(top, #62c462, #51a351);

  background-image: -o-linear-gradient(top, #62c462, #51a351);

  background-image: linear-gradient(to bottom, #62c462, #51a351);

  background-repeat: repeat-x;

  border-color: #51a351 #51a351 #387038;

  border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);

  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff62c462', endColorstr='#ff51a351', GradientType=0);

  filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);

}



.btn-success:hover,

.btn-success:focus,

.btn-success:active,

.btn-success.active,

.btn-success.disabled,

.btn-success[disabled] {

  color: #ffffff;

  background-color: #51a351;

  *background-color: #499249;

}



.btn-success:active,

.btn-success.active {

  background-color: #408140 \9;

}

.error { float: none; color: red; padding-left: 20px; vertical-align: top;}