/* -- Specific styles ----------------------------- */
@import url('https://fonts.googleapis.com/css?family=Ubuntu:400,700');
body,td,th {
	font-family: 'Ubuntu', Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #444;
}
a:link {
	color: #d35400;
	text-decoration: none;
}
a:visited {
	color: #555;
	text-decoration: none;
}
a:hover {
	color: #2980b9;
	text-decoration: underline;
}
a:active {
	color: #300;
	text-decoration: none;
}
form  			{ margin: 0px; padding: 0px; }
form .inputbox  { width: 120px; margin-left: 10px; }
form br 	    { display: none; }
.login          { margin: 0 auto; width: 500px; margin-bottom: 20px; }

h1 {
  margin: 15px 0;
}

p {
  margin: 0;
  padding: 0;
  margin-bottom: 10px;
}

#lock  {
	background: url(../images/j_login_lock.jpg) 50% 0 no-repeat;
	width: 150px;
	height: 137px;
}

#content-box .m {
  padding: 10px;
}

#content-box .padding {
  padding: 30px 0;
}

#section-box  { float: right; width: 320px; margin-left: 10px;}

#section-box .m {
  padding: 5px;
}
#section-box .padding {
	background: none; padding: 0;
}
#footer { text-align:center }

.button { text-align: right; }

.login-table { max-width:640px; border:1px #CCC SOLID }
.login-form    { text-align: left; width: 60%; }
.login-form h1 { display: none; }
.login-form p  { padding: 0 1em 0 1em; }

.login-text { text-align: left; width: 40%; float: left; }
.login-left {  display:none }
.login-center { width:100%; display:inline-block;  vertical-align:top; text-align:center}
.login-right { width:100%; text-align:center}
.login-right img { margin-top:20px; }
.login-right p { margin:20px; }
.login-info {  border-top:1px solid #ccc; margin-top:20px; font-size:9px }

#container-body { width:100%; max-width:700px; margin:10px auto; border:1px solid #ccc; }
.head { height:54px; background:url('paysmart/j_header_middle.png') ;}
#form-login label {
	display: block;
	float: left;
	width: 120px;
	text-align: right;
	padding: 4px;
	color: #666;
	font-weight: bold;
}

#form-login .button_holder {
	float: left;
	padding-left: 180px;
}

#form-login div.button1{
 	float: left;
}

#form-login div.button1 div.next {
	float: left;
}
.input-field { display:inline-block; float:left; width:100%;  }
.input-lable { display:inline-block; float:left; width:100%;}
.lang-box {
	position:absolute;
	z-index:999;
	top:65px;
	left:9px;
}
.opt-icon { width:90%; text-align:center; margin:10px auto; border:1px solid #e7e7e7; border-radius:5px; }
.opt-icon:hover { border:1px solid #95a5a6;}
.opt-icon a:hover { text-decoration:none; }
.spacer { height:10px; width:100% }
.tbl-head {
	background-color:#95a5a6;
	color:#FFF;
	padding:15px;
	font-size:14px;
}
.inputrow { width:100%; margin-bottom:10px; display:inline-block }


@media only screen and (min-width: 635px) {
.login-left { display:inline-block ; width:229px; vertical-align:top;}

}
@media only screen and (min-width: 396px) {
.input-field { display:inline-block; float:left; width:60%;  }
.input-lable { display:inline-block; float:left; width:20%; min-width:150px;}
.login-right { width:140px; display:inline-block;  vertical-align:top; text-align:center}
.login-center { width:223px; }
.opt-icon { width:200px; text-align:center; display:inline-block; margin:10px auto; }
.lang-box {
	float:left;
	margin-left:20px;
	position:relative;
	top:26px;
}

}
TEXTAREA {
	BOX-SIZING: border-box; BORDER-BOTTOM: #d9d9d9 1px solid; BORDER-LEFT: #d9d9d9 1px solid; PADDING-BOTTOM: 0px; LINE-HEIGHT: 20px; MARGIN: 0px; PADDING-LEFT: 8px; PADDING-RIGHT: 8px; DISPLAY: inline-block; BACKGROUND: #fff;  COLOR: #404040; FONT-SIZE: 15px; BORDER-TOP: #c0c0c0 1px solid; BORDER-RIGHT: #d9d9d9 1px solid; PADDING-TOP: 0px; -moz-appearance: none; -webkit-appearance: none; appearance: none; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; -moz-border-radius: 1px; -webkit-border-radius: 1px; border-radius: 1px
}
TEXTAREA:focus {
	BORDER-BOTTOM: #4d90fe 1px solid; BORDER-LEFT: #4d90fe 1px solid; OUTLINE-STYLE: none; OUTLINE-COLOR: invert; OUTLINE-WIDTH: medium; BORDER-TOP: #4d90fe 1px solid; BORDER-RIGHT: #4d90fe 1px solid; -moz-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.3); -webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.3); box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.3)
}
SELECT {
	BOX-SIZING: border-box; BORDER-BOTTOM: #d9d9d9 1px solid; BORDER-LEFT: #d9d9d9 1px solid; PADDING-BOTTOM: 0px; LINE-HEIGHT: 36px; MARGIN: 0px; PADDING-LEFT: 8px; PADDING-RIGHT: 8px; DISPLAY: inline-block; BACKGROUND: #fff; HEIGHT: 36px; COLOR: #404040; FONT-SIZE: 15px; BORDER-TOP: #c0c0c0 1px solid; BORDER-RIGHT: #d9d9d9 1px solid; PADDING-TOP: 0px; -moz-appearance: none; -webkit-appearance: none; appearance: none; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; -moz-border-radius: 1px; -webkit-border-radius: 1px; border-radius: 1px
}

SELECT:focus {
	BORDER-BOTTOM: #4d90fe 1px solid; BORDER-LEFT: #4d90fe 1px solid; OUTLINE-STYLE: none; OUTLINE-COLOR: invert; OUTLINE-WIDTH: medium; BORDER-TOP: #4d90fe 1px solid; BORDER-RIGHT: #4d90fe 1px solid; -moz-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.3); -webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.3); box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.3)
}
INPUT[type=email] {
	BOX-SIZING: border-box; BORDER-BOTTOM: #d9d9d9 1px solid; BORDER-LEFT: #d9d9d9 1px solid; PADDING-BOTTOM: 0px; LINE-HEIGHT: 36px; MARGIN: 0px; PADDING-LEFT: 8px; PADDING-RIGHT: 8px; DISPLAY: inline-block; BACKGROUND: #fff; HEIGHT: 36px; COLOR: #404040; FONT-SIZE: 15px; BORDER-TOP: #c0c0c0 1px solid; BORDER-RIGHT: #d9d9d9 1px solid; PADDING-TOP: 0px; -moz-appearance: none; -webkit-appearance: none; appearance: none; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; -moz-border-radius: 1px; -webkit-border-radius: 1px; border-radius: 1px
}
INPUT[type=number] {
	BOX-SIZING: border-box; BORDER-BOTTOM: #d9d9d9 1px solid; BORDER-LEFT: #d9d9d9 1px solid; PADDING-BOTTOM: 0px; LINE-HEIGHT: 36px; MARGIN: 0px; PADDING-LEFT: 8px; PADDING-RIGHT: 8px; DISPLAY: inline-block; BACKGROUND: #fff; HEIGHT: 36px; COLOR: #404040; FONT-SIZE: 15px; BORDER-TOP: #c0c0c0 1px solid; BORDER-RIGHT: #d9d9d9 1px solid; PADDING-TOP: 0px; -moz-appearance: none; -webkit-appearance: none; appearance: none; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; -moz-border-radius: 1px; -webkit-border-radius: 1px; border-radius: 1px
}
INPUT[type=password] {
	BOX-SIZING: border-box; BORDER-BOTTOM: #d9d9d9 1px solid; BORDER-LEFT: #d9d9d9 1px solid; PADDING-BOTTOM: 0px; LINE-HEIGHT: 36px; MARGIN: 0px; PADDING-LEFT: 8px; PADDING-RIGHT: 8px; DISPLAY: inline-block; BACKGROUND: #fff; HEIGHT: 36px; COLOR: #404040; FONT-SIZE: 15px; BORDER-TOP: #c0c0c0 1px solid; BORDER-RIGHT: #d9d9d9 1px solid; PADDING-TOP: 0px; -moz-appearance: none; -webkit-appearance: none; appearance: none; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; -moz-border-radius: 1px; -webkit-border-radius: 1px; border-radius: 1px
}
INPUT[type=tel] {
	BOX-SIZING: border-box; BORDER-BOTTOM: #d9d9d9 1px solid; BORDER-LEFT: #d9d9d9 1px solid; PADDING-BOTTOM: 0px; LINE-HEIGHT: 36px; MARGIN: 0px; PADDING-LEFT: 8px; PADDING-RIGHT: 8px; DISPLAY: inline-block; BACKGROUND: #fff; HEIGHT: 36px; COLOR: #404040; FONT-SIZE: 15px; BORDER-TOP: #c0c0c0 1px solid; BORDER-RIGHT: #d9d9d9 1px solid; PADDING-TOP: 0px; -moz-appearance: none; -webkit-appearance: none; appearance: none; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; -moz-border-radius: 1px; -webkit-border-radius: 1px; border-radius: 1px
}
INPUT[type=text] {
	BOX-SIZING: border-box; BORDER-BOTTOM: #d9d9d9 1px solid; BORDER-LEFT: #d9d9d9 1px solid; PADDING-BOTTOM: 0px; LINE-HEIGHT: 36px; MARGIN: 0px; PADDING-LEFT: 8px; PADDING-RIGHT: 8px; DISPLAY: inline-block; BACKGROUND: #fff; HEIGHT: 36px; COLOR: #404040; FONT-SIZE: 15px; BORDER-TOP: #c0c0c0 1px solid; BORDER-RIGHT: #d9d9d9 1px solid; PADDING-TOP: 0px; -moz-appearance: none; -webkit-appearance: none; appearance: none; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; -moz-border-radius: 1px; -webkit-border-radius: 1px; border-radius: 1px
}
INPUT[type=url] {
	BOX-SIZING: border-box; BORDER-BOTTOM: #d9d9d9 1px solid; BORDER-LEFT: #d9d9d9 1px solid; PADDING-BOTTOM: 0px; LINE-HEIGHT: 36px; MARGIN: 0px; PADDING-LEFT: 8px; PADDING-RIGHT: 8px; DISPLAY: inline-block; BACKGROUND: #fff; HEIGHT: 36px; COLOR: #404040; FONT-SIZE: 15px; BORDER-TOP: #c0c0c0 1px solid; BORDER-RIGHT: #d9d9d9 1px solid; PADDING-TOP: 0px; -moz-appearance: none; -webkit-appearance: none; appearance: none; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; -moz-border-radius: 1px; -webkit-border-radius: 1px; border-radius: 1px
}
INPUT[type=email]:hover {
	BORDER-BOTTOM: #b9b9b9 1px solid; BORDER-LEFT: #b9b9b9 1px solid; BORDER-TOP: #a0a0a0 1px solid; BORDER-RIGHT: #b9b9b9 1px solid; -moz-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1); -webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1); box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1)
}
INPUT[type=number]:hover {
	BORDER-BOTTOM: #b9b9b9 1px solid; BORDER-LEFT: #b9b9b9 1px solid; BORDER-TOP: #a0a0a0 1px solid; BORDER-RIGHT: #b9b9b9 1px solid; -moz-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1); -webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1); box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1)
}
INPUT[type=password]:hover {
	BORDER-BOTTOM: #b9b9b9 1px solid; BORDER-LEFT: #b9b9b9 1px solid; BORDER-TOP: #a0a0a0 1px solid; BORDER-RIGHT: #b9b9b9 1px solid; -moz-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1); -webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1); box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1)
}
INPUT[type=tel]:hover {
	BORDER-BOTTOM: #b9b9b9 1px solid; BORDER-LEFT: #b9b9b9 1px solid; BORDER-TOP: #a0a0a0 1px solid; BORDER-RIGHT: #b9b9b9 1px solid; -moz-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1); -webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1); box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1)
}
INPUT[type=text]:hover {
	BORDER-BOTTOM: #b9b9b9 1px solid; BORDER-LEFT: #b9b9b9 1px solid; BORDER-TOP: #a0a0a0 1px solid; BORDER-RIGHT: #b9b9b9 1px solid; -moz-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1); -webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1); box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1)
}
INPUT[type=url]:hover {
	BORDER-BOTTOM: #b9b9b9 1px solid; BORDER-LEFT: #b9b9b9 1px solid; BORDER-TOP: #a0a0a0 1px solid; BORDER-RIGHT: #b9b9b9 1px solid; -moz-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1); -webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1); box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1)
}
INPUT[type=email]:focus {
	BORDER-BOTTOM: #4d90fe 1px solid; BORDER-LEFT: #4d90fe 1px solid; OUTLINE-STYLE: none; OUTLINE-COLOR: invert; OUTLINE-WIDTH: medium; BORDER-TOP: #4d90fe 1px solid; BORDER-RIGHT: #4d90fe 1px solid; -moz-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.3); -webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.3); box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.3)
}
INPUT[type=number]:focus {
	BORDER-BOTTOM: #4d90fe 1px solid; BORDER-LEFT: #4d90fe 1px solid; OUTLINE-STYLE: none; OUTLINE-COLOR: invert; OUTLINE-WIDTH: medium; BORDER-TOP: #4d90fe 1px solid; BORDER-RIGHT: #4d90fe 1px solid; -moz-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.3); -webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.3); box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.3)
}
INPUT[type=password]:focus {
	BORDER-BOTTOM: #4d90fe 1px solid; BORDER-LEFT: #4d90fe 1px solid; OUTLINE-STYLE: none; OUTLINE-COLOR: invert; OUTLINE-WIDTH: medium; BORDER-TOP: #4d90fe 1px solid; BORDER-RIGHT: #4d90fe 1px solid; -moz-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.3); -webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.3); box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.3)
}
INPUT[type=tel]:focus {
	BORDER-BOTTOM: #4d90fe 1px solid; BORDER-LEFT: #4d90fe 1px solid; OUTLINE-STYLE: none; OUTLINE-COLOR: invert; OUTLINE-WIDTH: medium; BORDER-TOP: #4d90fe 1px solid; BORDER-RIGHT: #4d90fe 1px solid; -moz-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.3); -webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.3); box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.3)
}
INPUT[type=text]:focus {
	BORDER-BOTTOM: #4d90fe 1px solid; BORDER-LEFT: #4d90fe 1px solid; OUTLINE-STYLE: none; OUTLINE-COLOR: invert; OUTLINE-WIDTH: medium; BORDER-TOP: #4d90fe 1px solid; BORDER-RIGHT: #4d90fe 1px solid; -moz-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.3); -webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.3); box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.3)
}
INPUT[type=url]:focus {
	BORDER-BOTTOM: #4d90fe 1px solid; BORDER-LEFT: #4d90fe 1px solid; OUTLINE-STYLE: none; OUTLINE-COLOR: invert; OUTLINE-WIDTH: medium; BORDER-TOP: #4d90fe 1px solid; BORDER-RIGHT: #4d90fe 1px solid; -moz-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.3); -webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.3); box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.3)
}/*
INPUT[type=checkbox] {
	BOX-SIZING: content-box; BORDER-BOTTOM: 0px; POSITION: relative; BORDER-LEFT: 0px; MARGIN: 0px; WIDTH: 16px; DISPLAY: inline-block; BACKGROUND: none transparent scroll repeat 0% 0%; HEIGHT: 16px; VERTICAL-ALIGN: bottom; BORDER-TOP: 0px; CURSOR: pointer; BORDER-RIGHT: 0px; -webkit-appearance: none; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; -moz-border-radius: 1px; -webkit-border-radius: 1px; border-radius: 1px
}
INPUT[type=radio] {
	BOX-SIZING: content-box; BORDER-BOTTOM: 0px; POSITION: relative; BORDER-LEFT: 0px; MARGIN: 0px; WIDTH: 16px; DISPLAY: inline-block; BACKGROUND: none transparent scroll repeat 0% 0%; HEIGHT: 16px; VERTICAL-ALIGN: bottom; BORDER-TOP: 0px; CURSOR: pointer; BORDER-RIGHT: 0px; -webkit-appearance: none; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; -moz-border-radius: 1px; -webkit-border-radius: 1px; border-radius: 1px
}
INPUT[type=checkbox]:active {
	BACKGROUND: #ebebeb
}
INPUT[type=radio]:active {
	BACKGROUND: #ebebeb
}
INPUT[type=checkbox]:hover {
	BORDER-BOTTOM-COLOR: #c6c6c6; BORDER-TOP-COLOR: #c6c6c6; BORDER-RIGHT-COLOR: #c6c6c6; BORDER-LEFT-COLOR: #c6c6c6; -moz-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1); -webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1); box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1)
}
INPUT[type=radio] {
	WIDTH: 15px; HEIGHT: 15px; -moz-border-radius: 1em; -webkit-border-radius: 1em; border-radius: 1em
}
INPUT[type=checkbox]:focus {
	BORDER-BOTTOM-COLOR: #4d90fe; BORDER-TOP-COLOR: #4d90fe; OUTLINE-STYLE: none; OUTLINE-COLOR: invert; OUTLINE-WIDTH: medium; BORDER-RIGHT-COLOR: #4d90fe; BORDER-LEFT-COLOR: #4d90fe
}*/
.stacked-label {
	MARGIN: 0.5em 0px; DISPLAY: block; FONT-WEIGHT: bold
}
.hidden-label {
	CLIP: rect(1px 1px 1px 1px); POSITION: absolute !important; WIDTH: 0; HEIGHT: 0; VISIBILITY: hidden; OVERFLOW: hidden
}
/*
INPUT[type=checkbox].form-error {
	BORDER-BOTTOM: #dd4b39 1px solid; BORDER-LEFT: #dd4b39 1px solid; BORDER-TOP: #dd4b39 1px solid; BORDER-RIGHT: #dd4b39 1px solid
}
*/
INPUT[type=email].form-error {
	BORDER-BOTTOM: #dd4b39 1px solid; BORDER-LEFT: #dd4b39 1px solid; BORDER-TOP: #dd4b39 1px solid; BORDER-RIGHT: #dd4b39 1px solid
}
INPUT[type=number].form-error {
	BORDER-BOTTOM: #dd4b39 1px solid; BORDER-LEFT: #dd4b39 1px solid; BORDER-TOP: #dd4b39 1px solid; BORDER-RIGHT: #dd4b39 1px solid
}
INPUT[type=password].form-error {
	BORDER-BOTTOM: #dd4b39 1px solid; BORDER-LEFT: #dd4b39 1px solid; BORDER-TOP: #dd4b39 1px solid; BORDER-RIGHT: #dd4b39 1px solid
}
INPUT[type=text].form-error {
	BORDER-BOTTOM: #dd4b39 1px solid; BORDER-LEFT: #dd4b39 1px solid; BORDER-TOP: #dd4b39 1px solid; BORDER-RIGHT: #dd4b39 1px solid
}
INPUT[type=tel].form-error {
	BORDER-BOTTOM: #dd4b39 1px solid; BORDER-LEFT: #dd4b39 1px solid; BORDER-TOP: #dd4b39 1px solid; BORDER-RIGHT: #dd4b39 1px solid
}
INPUT[type=url].form-error {
	BORDER-BOTTOM: #dd4b39 1px solid; BORDER-LEFT: #dd4b39 1px solid; BORDER-TOP: #dd4b39 1px solid; BORDER-RIGHT: #dd4b39 1px solid
}
.error-msg {
	LINE-HEIGHT: 17px; MARGIN: 0.5em 0px; DISPLAY: block; COLOR: #dd4b39
}
INPUT[type=submit], INPUT[type=button] {
  background: #d6d6d6;
  background-image: -webkit-linear-gradient(top, #d6d6d6, #b8b8b8);
  background-image: -moz-linear-gradient(top, #d6d6d6, #b8b8b8);
  background-image: -ms-linear-gradient(top, #d6d6d6, #b8b8b8);
  background-image: -o-linear-gradient(top, #d6d6d6, #b8b8b8);
  background-image: linear-gradient(to bottom, #d6d6d6, #b8b8b8);
  color: #333333;
  font-size: 16px;
  padding: 10px 20px 10px 20px;
  text-decoration: none;
  border: 0px;
  cursor:pointer;
}

INPUT[type=submit]:hover,INPUT[type=button]:hover {
	color: #FFFFFF;
  background: #d96262;
  background-image: -webkit-linear-gradient(top, #d96262, #b53232);
  background-image: -moz-linear-gradient(top, #d96262, #b53232);
  background-image: -ms-linear-gradient(top, #d96262, #b53232);
  background-image: -o-linear-gradient(top, #d96262, #b53232);
  background-image: linear-gradient(to bottom, #d96262, #b53232);
  text-decoration: none;
}
.login_error { height:40px; line-height:40px; margin:20px auto; text-align:center;}
.login_error, .login_alert {
	padding:10px;
	margin:5px auto;
	max-width:580px;
	width:90%;
	color:#FFFFFF;
	text-align:center;
}
.login_error {

	
	border:1px dotted #F00;
	background-color:#e74c3c;
	
}
.login_alert {

	border:1px dotted #999;
	background-color:#2ecc71;
	
}
#clockdiv {text-align:right; font-size:9px; width:100%; display:none }