body { background: #f5f5f5; }
/* - Links - */
a, a:visited { color: #0877bf; }
a:hover, a:active { color: #188dd9; }
a.link-01, a.link-01:visited { color: #7aa9bf; text-decoration: underline; }
a.link-01:hover, a.link-01:active { color: #94c2d8; }
.more a, .more a:visited, a.link-02, a.link-02:visited { color: #969696; text-decoration: underline; }
.more a:hover, .more a:active, a.link-02:hover, a.link-02:active { color: #188dd9; }
hr { color: #c8c8c8; background-color: #c8c8c8; box-shadow: 0 1px 0 #fff; }
h1, h2 { font-size: 24px; font-weight: 400; line-height: 28px; color: #0d181f; }

/* = Top Frame (sid-top) =
------------------------------------------------------------------------------ */
.sid-top { color: #c9cfd3; background: #4c5762; text-shadow: 0 -1px 0 #000; }
.sid-top, .sid-top td, .sid-top th, .sid-top input, .sid-top select { font-size: 13px; }
.sid-top a, .sid-top a:visited { color: #ecf0f3; }
.sid-top a:hover, .sid-top a:active { color: #64c8ff; }
.sid-top .body { background: #4c5762 repeat-x; }

/* = Left Frame (sid-left) =
------------------------------------------------------------------------------ */
.sid-left { background: #e0e6ea url(../images/left-frame.png); text-shadow: 0 1px 0 #fff; }
.sid-left a, .sid-left a:visited { text-decoration: none; color: #485766; }
.sid-left a:hover, .sid-left a:active { color: #188dd9; text-decoration: underline; }
/* = Layout (customer & power user) =
------------------------------------------------------------------------------ */
#page { text-shadow: 0 1px 0 #fff; }
/* - Top - */
.sid-main .l-top { border-color: #080809; background: #4c5762 url(../images/top.png) repeat-x; }
.top-panel { font-size: 11px; border-color: #b6daf2; background: #e1effa url(../images/toolbar.png) repeat-x; background-clip: padding-box; box-shadow: inset 0 1px 0 #fff;  }
.top-panel-table-action { border-color: #a4c5d8; }
/* - Footer - */
.sid-main #footer { border-color: #20242c; text-shadow: 0 -1px #000; font-size: 13px; color: #949494; background: #4c5762 url(../images/top.png) repeat-x; }
.sid-main #footer a, .sid-main #footer a:visited, .sid-main #footer a:hover, .sid-main #footer a:active { color: #99a2aa; text-decoration: none; }
.sid-main #footer a.m-btn, .sid-main #footer a.m-btn:visited { color: #444; text-shadow: 0 1px #fff; background-position: 0 -6px; border-color: #666; }
.sid-main #footer a.m-btn:hover, .sid-main #footer a.m-btn:active { color: #000; background-position: 0 -36px; border-color: #999; }

/* = Main-Page =
------------------------------------------------------------------------------ */
#main-page { text-shadow: 0 1px 0 #fff; }
#main-page #wrapper { box-shadow: inset 0 1px 0 #fff, 0 1px 0 #e2e2e2, 0 1px 1px #edeeef; }
#main-page #header-wrapper { border-color: #3d3d3d; }
#main-page #header { background: #4c5762 repeat-x; }
#main-page #content-wrapper { border-color: #c4cacd; background: #fff; }
#footer-wrapper.main-footer #footer { 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; }

html { overflow-y: scroll; }

/* - Typography - */
hr { display: block; border: 0; margin: .9em 0; padding: 0; height: 1px; text-align: left; }
.lte7 hr { margin: .5em 0; }
h1, h2 { margin: 0 0 18px; }
h3, h4, h5, h6 { margin: 0; padding: 0; }
p { margin: 0; padding: 0 0 12px; }
b b { font-weight: 700; }

/* - Top - */
.top-panel { border-style: solid; border-width: 0 1px 1px; border-radius: 0 0 5px 5px; }
.top-panel-area { padding: 5px 14px 6px; }
.top-panel-table-action { border-right: 1px solid; padding: 1px 10px 1px 0; vertical-align: middle; white-space: nowrap; }
.top-panel-table-content { padding: 1px 0 1px 10px; width: 100%; }
#header { position: relative; z-index: 300; height: 53px; }
#header .logo { position: absolute; margin: 0; padding: 0; }
#header .logo img { display: block; height: 50px; }

/* - Content - */
#content { padding-top: 20px; }

/* - Footer - */
.sid-main #footer-wrapper { position: relative; margin: -45px 0 0; height: 35px; padding: 10px 0 0; min-width: 960px; }
.sid-main #footer { border-top: 1px solid; padding: 0 20px; height: 34px; line-height: 32px; text-align: center; }

/* - Classic Mode & Integrated Mode - */

.sid-frame-main #page, .sid-main-embedded-inner #page { padding: 0; }
.sid-frame-main #wrapper, .sid-main-embedded #wrapper { padding: 0 0 15px; }
.sid-main-embedded-inner #content { padding-top: 0; }
.sid-frame-main #page #content { padding: 20px 20px 0; width: auto; }
.sid-frame-main #content-wrapper { border: 0; }
.sid-frame-main #top-wrapper, .sid-frame-main #footer-wrapper, .sid-main-embedded #top-wrapper, .sid-main-embedded #footer-wrapper { display: none; }


/* = Main Page =
------------------------------------------------------------------------------ */
#main-page { position: relative; margin: auto; padding: 120px 0 0; max-width: 402px; text-align: left; }
#main-page #wrapper { border-radius: 5px; }
#main-page #header-wrapper { border: 1px solid; border-radius: 5px 5px 0 0; }
#main-page #header { border-radius: 3px 3px 0 0; padding: 0 20px; }
#main-page #content-wrapper { border-style: solid; border-width: 0 1px 1px; border-radius: 0 0 5px 5px; padding: 16px 0 10px; }
#main-page #content { padding-top: 0; }
#main-page #main { margin: 0 20px; }

#footer-wrapper.main-footer { margin: auto; max-width: 402px; }
#footer-wrapper.main-footer #footer { padding: 10px 20px; text-align: center; }