/* = Base =
------------------------------------------------------------------------------ */
html { overflow-y: scroll; font-size: 100%; -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; }
html, body { height: 100%; min-height: 100%; }
body { position: relative; margin: 0; width: 100%; color: #444; font: 13px/1.231 "trebuchet ms", helvetica, sans-serif; background: #f5f5f5; }
img { border: 0; vertical-align: middle; -ms-interpolation-mode: bicubic; }
table { border-collapse: collapse; border-spacing: 0; }
/* - Links - */
a, a:visited { color: #0050b4; text-decoration: none; }
a:hover, a:active { outline: 0; color: #104382; text-decoration: underline; -webkit-transition: color 0.4s linear; -moz-transition: color 0.4s linear; -o-transition: color 0.4s linear; transition: color 0.4s linear; }
a.link-01, a.link-01:visited { color: #787878; text-decoration: underline; }
a.link-01:hover, a.link-01:active { color: #104382; }
a.link-02, a.link-02:visited { color: #969696; text-decoration: underline; }
a.link-02:hover, a.link-02:active { color: #104382; }
a.ext { padding-right: 12px; background: url(../img/external-link.gif?11.0) 100% 6px no-repeat; }
.more a, .more a:visited { color: #969696; text-decoration: underline; }
.more a:hover, .more a:active { color: #104382; }
.more b { display: none; }
.more a:after { content: "\2192"
}
/* - Typography - */
hr { display: block; margin: .9em 0; padding: 0; height: 1px; border: 0; border-top: 1px solid #c8c8c8; box-shadow: inset 0 1px 0 #fff; }
.lte7 hr { margin: .5em 0; }
h1, h2 { font-size: 24px; font-weight: 400; line-height: 28px; color: #4d5764; }
h3, h4, h5, h6 { margin: 0; padding: 0; }
p { margin: 0; padding: 0 0 12px; }
/* - Lists - */
ol, ul { margin: 0; padding: 0; list-style: none; }
.ul, .ol { padding: 0 0 12px; margin-left: 20px; }
.ol { margin-left: 22px; }
.ul li, .ol li, .ol .ul li { list-style: outside disc; }
.ol li { list-style: outside decimal; }
.ul .ul, .ul .ol, .ol .ul, .ol .ol { padding-bottom: 0; }
/* - Forms - */
form { margin: 0; }
fieldset { margin: 0; padding: 0; border: 0; }
legend { padding: 0; border: 0; }
.lte7 legend { margin-left: -7px; }
button, input, select, textarea { margin: 0; color: #444; vertical-align: middle; font: 13px "trebuchet ms", helvetica, sans-serif; }
button, input { line-height: normal; }
.lte7 button { overflow: visible; }
button, input[type="button"], input[type="reset"], input[type="submit"] { cursor: pointer; -webkit-appearance: button; }
input, textarea { padding: 8px; }
select { padding: 1px; }
input[type="text"], input[type="password"], select, textarea { border: 1px solid #bbbec0; border-radius: 3px; }
input.input-text, select, textarea { border: 1px solid #bbbec0; }
textarea { vertical-align: top; }
button::-moz-focus-inner, input::-moz-focus-inner { border: 0; padding: 0; }
input[type="checkbox"], input[type="radio"] { box-sizing: border-box; margin: -1px 0 0; vertical-align: middle; }
input.checkbox, input.radio, input.radiobox { box-sizing: border-box; margin: -1px 0 0; vertical-align: middle; }
.lte7 input.checkbox, .lte7 input.radio, .lte7 input.radiobox { margin: -3px; }
input[type="text"][disabled], input[type="password"][disabled], textarea[disabled], select[disabled] { padding: 2px; border: 1px solid #bbbec0; background-color: #ebebe4; color: #aca899; }
input.input-text.disabled, textarea.disabled, select.disabled { padding: 2px; border: 1px solid #bbbec0; background-color: #ebebe4; color: #aca899; }
select[disabled] { padding: 1px; }
select.disabled { padding: 1px; }
input[type="text"]:focus, input[type="password"]:focus, select:focus, textarea:focus { border-color: #95bed4; box-shadow: 0 0 3px #95bed4; outline: none; -webkit-transition: border-color 0.3s linear, box-shadow 0.3s linear; -moz-transition: border-color 0.3s linear, box-shadow 0.3s linear; -o-transition: border-color 0.3s linear, box-shadow 0.3s linear; transition: border-color 0.3s linear, box-shadow 0.3s linear; }
/* = Layout =
------------------------------------------------------------------------------ */
#page { min-height: 100%; text-align: left; text-shadow: 0 1px 0 #fff; }
.ie6 #page { height: 100%; }
#header { position: relative; z-index: 20; height: 53px;}
#header .logo { position: absolute; margin: 0; padding: 0; }
#header .logo img { display: block; height: 30px; margin-top:10px;}
#header .title {padding-top:15px;font-size:1.5em;color:#fff;}
.with-side-panel .main-content { margin-right: 242px; }
.with-side-panel #side-panel { float: right; margin: 0; padding: 10px 0 10px 20px; width: 222px; }
/* = Login Screen =
------------------------------------------------------------------------------ */
#login-page { position: relative; margin: auto; padding: 120px 0 0; width: 402px; text-align: left; text-shadow: 0 1px 0 #fff; }
#login-page #wrapper { border-radius: 5px; box-shadow: inset 0 1px 0 #fff, 0 1px 0 #e2e2e2, 0 1px 1px #edeeef; }
#login-page #header-wrapper { border: 1px solid #3d3d3d; border-radius: 5px 5px 0 0; }
#login-page #header {border-radius: 3px 3px 0 0; padding: 0 20px; background-color: #3d3d3d;}
#login-page #content-wrapper { border: solid #c4cacd; border-width: 0 1px 1px; border-radius: 0 0 5px 5px; padding: 16px 0 10px; width: 400px; background: #fff; }


#login-page #main { margin: 0 20px; }
#login-page .form-row { margin: 0; padding: 3px 0; }
#login-page .form-row .field-name { padding: 5px 8px 6px 0; width: 132px; font-weight: 700; }
#login-page .form-row .field-value { margin-left: 140px; }
#login-page #main .btns-box { margin: 0; padding: 0; border: 0; box-shadow: none; }
#login-page .btns-box .field-name { font-weight: normal; width: auto; }
#login-page .btns-box .field-value { margin: 0; text-align: right; }
#login-page .btns-box .field-value .btn { margin: 0 0 5px 4px; }
#login-page .form-row .field-value input[type="text"], #login-page .form-row .field-value input[type="password"] { width: auto; }
#footer-wrapper.login-footer #footer { padding: 10px 20px; text-align: center; font-size: 11px; color: #949494; text-shadow: 0 1px 0 #fff; }
#footer a, #footer a:visited, #footer a:hover, #footer a:active { color: #949494; text-decoration: none; }


/* = Forms =
------------------------------------------------------------------------------ */
#main .btns-box { margin-top: 10px; padding-top: 10px; border-top: 1px solid #c8c8c8; box-shadow: inset 0 1px 0 #fff; }
.form-box .content { margin: 0; padding: 0 5px; }
.form-row div.field-name { float: left; display: inline; padding: 5px 5px 6px 0; width: 100%; text-align: left; }
.form-row .level1 div.field-name { width: 178px; }
.form-row input, .form-row select, .form-row textarea { margin: 3px 0; }
input.error, select.error, textarea.error {
	background-color: #FFaaaa;
}
#msg-area {
	margin-left:10px;
	margin-right:10px;
}
.btn{display:inline-block;}
.btn{ border: 1px solid #a3afb7; border-radius: 3px; margin: 0 10px 0 0; min-width: 90px; white-space: nowrap; text-align: center; border-color: #a3afb7; font-weight: 400; color: #5d6973; background: #dbe3e7 url(/images/btn.png) repeat-x; background-clip: padding-box; box-shadow: inset 0 0 1px #fff, 0 1px 2px #d6d6d6; }
.btn button { border: 0; margin: 0; padding: 0 8px; background: none; height: 28px; min-width: 100%; outline: 0; vertical-align: top; background: none; font-weight: 400; color: #5d6973; text-shadow: 0 1px 0 #fff; }
.btn:hover{ border-color: #808287; color: #555; background-color: #ebf1f4; background-position: 0 -30px; box-shadow: 0 1px 3px rgba(0,0,0,0.3), inset 0 0 3px #fff; }
.btn:active { border: 1px solid #a3afb7; background-color: #e5ebed; background-position: 0 -60px; box-shadow: inset 0 1px 2px #bdc3c6; }
.btn:hover button { color: #555; }