input[type="text"], input[type="password"]{ padding: 5px; font-size: 1em;}

/* Main Content */
body { background: #e9ffea; }
.login-frame{ position: relative; height: 283px; width: 512px; margin: 10px auto 0 auto;padding: 15px 0 0 0;background: url(../images/bg-login.png) no-repeat top left;}
.login-frame .field-c2 { width: 167px; }

/* Form Elements */
.form-elements{ position: relative; width: 330px; display: block; font-size:1.2em; float: left; margin-left: 170px; }
.login-title{ text-align: center; display: block; margin: 10px 0 20px 0; font-size: 1.2em; font-weight: bold; color: #fff;}
.login-buttons{ margin: 5px auto; display: block; margin-left: 128px; }
.form-elements .login-label{ width: 120px; height: 26px; display:inline-block; margin-right: 5px; vertical-align:top; text-align: right; line-height: 26px; font-size: 15px; color: #fff; }
.form-elements .input-login { width: 150px; height: 29px; border: 1px solid #000; background: #fff; float: left; }
.btn-login{ font-size: 1.1em; width: 87px; height: 26px; cursor: pointer;background: url(../Images/btn-login.png) 0px 0px; border: none;  font-weight: bold; color: #000; }
.btn-login:hover, .btn-login:active{ background-position: 0px -27px;}

/* Password Recovery (Reset) */
a.link-forgot { background-color: #408d27; border-color: #000000; border-style: solid; border-width: 1px 1px 1px 0; color: #000000; font: bold 10pt/27px courier; height: 93%; position: absolute; text-align: center; text-decoration: none; width: 16px; }
a.link-forgot:hover { background-color: rgba(255,255,255,0.45); }
.input-validation-error + a.link-forgot { border-color: #ff0000; }

.pr-title { background-color: #006400; border-radius: 3px; box-shadow: 0 3px 2px -1px #808080; color: #fff; font-size: 1.2em; font-weight: bold; line-height: 25px; margin: 1px; padding: 5px 10px; }
.pr-frame { background-color: white; border: 2px solid #006400; border-radius: 5px; box-shadow: 0 2px 4px 0 #808080; height: 283px; margin: 123px auto; position: relative; width: 512px; }
.pr-frame div.btn-group { text-align: right; }
.pr-frame input[type=password] { width: 250px; background-color: #ffffe0; font: 10pt Tahoma; vertical-align: middle; }
.pr-frame p { padding: 0 15px; }
.pr-frame label { font-size: 13px; width: 155px; }
.pr-frame label.lbl-display { font-weight: bold; color: #454545; }
.pr-frame .field-validation-error { margin-left: 167px; vertical-align: sub; }

/* Version Info */
.ver-info-c { position: absolute; top: 210px; left: 20px; line-height: 18px; }

/* Warnings and Errors */
.form-elements .field-validation-error { color: #fff; }
.highlight{ display: block; width: 320px; float: left; margin-left: 180px; }
.highlight .validation-summary-errors { display: block; margin: 0; padding: 5px 8px 0 35px; background: url(../images/icn-warning.png) no-repeat 10px 5px; font-size: 1em; line-height: 13px; color: #fff;}


/* Language Selection */
.lang-select-c { -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; }
.lang-select-c { width: 510px; margin: 123px auto 0 auto; height: 30px; border: 1px solid #258948; }
.lbl-desc-c { float: left; width: 150px; height: 30px; background: #cbf1d8; padding-left: 10px; font-weight: normal; font-size: 14px;  line-height: 28px; }
.lang-c { float: left; margin-left: 5px; }
.icon-lang-selector { float: right; width: 21px; height: 100%; background: url(../Images/flags-2x.png) no-repeat -13px -169px; margin-right: -3px; }
.lang-wrapper { float: left; margin-right: 20px; line-height: 25px; text-decoration: none !important; padding: 2px 5px;  }
.lang-text { color: #000; font-size: 14px; }
.lang-wrapper:hover .lang-text { color: #cc9500; }
.lang-wrapper.en-gb { margin-left: 20px; }
.lang-wrapper .lang-flag {float: left; width: 37px; height: 25px; margin-right: 3px; }
.lang-wrapper.en-gb .lang-flag { background: url(../Images/flags-2x.png) no-repeat -6px -5px;}
.lang-wrapper.zh-cn .lang-flag { background: url(../Images/flags-2x.png) no-repeat -6px -60px; }
.lang-wrapper.zh-tw .lang-flag { background: url(../Images/flags-2x.png) no-repeat -6px -114px; }
body.en-gb .lang-wrapper.en-gb, body.zh-cn .lang-wrapper.zh-cn, body.zh-tw .lang-wrapper.zh-tw { background: #cbf1d8; border-top: 4px solid #258948; margin-top: -5px; font-weight: bold; /*padding: 1px 5px; */}
body.en-gb .lang-wrapper.en-gb .lang-text, body.zh-cn .lang-wrapper.zh-cn .lang-text, body.zh-tw .lang-wrapper.zh-tw .lang-text { color: #258948; font-size: 1.3em; }