body { color: #000000; font-family: Arial, Verdana, Sans-Serif; background-color: #ffffff; margin: 2px; }
body.default { font-size: 11px; }
body.medium { font-size: 12px; }
body.large { font-size: 15px; }

body.default .panel-body { font-size: 11px; }
body.medium .panel-body { font-size: 12px; }
body.large .panel-body { font-size: 12px; }

body.default .panel-left { font-size: 11px; }
body.medium .panel-left { font-size: 12px; }
body.large .panel-left { font-size: 12px; }

body.default .panel-right { font-size: 11px; }
body.medium .panel-right { font-size: 12px; }
body.large .panel-right { font-size: 12px; }

body.default .panel-body-left { font-size: 11px; }
body.medium .panel-body-left { font-size: 12px; }
body.large .panel-body-left { font-size: 12px; }

body.default .panel-body-right { font-size: 11px; }
body.medium .panel-body-right { font-size: 12px; }
body.large .panel-body-right { font-size: 12px; }

body.default input { font-size: 11px; }
body.medium input { font-size: 12px; }
body.large input { font-size: 12px; }

body.default .caption { font-size: 10px; }
body.medium .caption { font-size: 11px; }
body.large .caption { font-size: 12px; }

body.default .breadcrumb { font-size: 11px; }
body.medium .breadcrumb { font-size: 12px; }
body.large .breadcrumb { font-size: 13px; }

body.default .link-01 { font-size: 11px; }
body.medium .link-01 { font-size: 12px; }
body.large .link-01 { font-size: 13px; }

body.default .panel-bottom { font-size: 11px; }
body.medium .panel-bottom { font-size: 12px; }
body.large .panel-bottom { font-size: 14px; }

body.default .head-00, body.default .head-02 { font-size: 11px; }
body.medium .head-00, body.medium .head-02 { font-size: 12px; }
body.large .head-00, body.large .head-02 { font-size: 13px; }

body.default h1 { font-size: 16px; }
body.medium h1 { font-size: 19px; }
body.large h1 { font-size: 20px; }

body.default h2 { font-size: 14px; }
body.medium h2 { font-size: 16px; }
body.large h2 { font-size: 18px; }

body.default h3 { font-size: 12px; }
body.medium h3 { font-size: 13px; }
body.large h3 { font-size: 14px; }

body.default h4 { font-size: 11px; }
body.medium h4 { font-size: 12px; }
body.large h4 { font-size: 13px; }

body.default h5 { font-size: 11px; }
body.medium h5 { font-size: 12px; }
body.large h5 { font-size: 13px; }

body.default .panel-00 .ul-newslist li a { font-size: 14px; }
body.medium .panel-00 .ul-newslist li a { font-size: 16px; }
body.large .panel-00 .ul-newslist li a { font-size: 18px; }

img { border: 0px; }
form { margin: 0px auto; }
hr { border: dotted 1px #ffffff; border-top: dotted 1px #000000; clear: both; }
table { border-collapse: collapse; border: 0; padding: 0;font:11px; }
input { font-weight: bold; }
ul, ol { margin: 0.4em 0px 0.4em 24px; padding: 0.4em 0px 0.4em 0px; }
ul li { list-style: square; padding-bottom: 0.1em; margin-bottom: 0em; }
h1, h2 { margin-top: 0.6em; margin-bottom: 0.5em; }
p, h3, h4, h5 { margin-top: 0.6em; margin-bottom: 0.1em; }
a { color: #00518f; text-decoration: none; }
a:hover { text-decoration: underline; color: #0077b3; }
a:visited { color: #00518f; text-decoration: none; }

.gototop { margin-top: 10px; margin-bottom: 10px; }
.warning { color: #880000; font-weight: bold; }
.wrapper { background-color: #ffffff; width: 968px; text-align: left; display: table; height: 100%; }
.header { border-bottom: #a0cbb9 solid 1px; }
.banner { padding: 0px; text-align: center; }
.date { text-align: center; border-bottom: #a0cbb9 solid 1px; padding: 0px 0px 3px 0px; font-size: 11px; font-weight: bold; }
.breadcrumb { float: left; width: 620px; margin-left: 4px; padding-left: 12px; background-image: url(../images/bullet-01.gif); background-repeat: no-repeat; background-position: left 0.3em; }
.breadcrumb a { color: #00518f; }

.fontsizes { float: right; font-size: 11px; }
.fontsizes * { vertical-align: text-top; }
.fontsizes a { cursor: pointer; }
.fontsizes a:hover { background-color: Transparent; }
.para-small { font-size: 11px; padding-left: 2px; padding-right: 2px; font-weight: normal; }
.para-strong { font-weight: bold; text-transform: uppercase; }
.ul-newslist a { color: #00518f; }
.ul-newslist-01 a { color: #00518f; }

.search { width: 152px; padding-left: 4px; margin-bottom: 12px; text-align: left; }
.search-txt-01 { height: 20px; border: 0px; border-top: solid 1px #a0cbb9; border-left: solid 1px #a0cbb9; border-bottom: solid 1px #eeeeee; border-right: solid 1px #eeeeee; width: 143px; }

.nav-left01 { font-weight: bold; color: black; list-style: none; border-bottom: #a0cbb9 solid 1px; padding: 10px 3px 3px 5px; }
.nav-left01 a { color: black; }
.nav-left02 { font-weight: bold; color: black; list-style: none; border-bottom: #a0cbb9 solid 1px; margin-top: 1em; padding: 0px 3px 3px 5px; }
.nav-left02 a { color: black; display: block; text-decoration: none; }
.nav-left03 { font-weight: bold; }
.nav-left03 ul { padding: 0px; margin: 0px; }
.nav-left03 li { list-style: none; border-bottom: #a0cbb9 solid 0px; margin-left: 0.9em; line-height: 1.3em; }
.nav-left03 a { color: #000000; }
.nav-left03 a:hover { color: #0077b3; text-decoration: underline; }
.nav-left03 a:visited { color: #000000; }

.nav-top { float: left; width: 824px; background-color: #c5d9d1; border-bottom: #ffffff solid 1px; border-right: #ffffff solid 1px; }
.nav-top ul { padding: 0px; margin: 0px; }
.nav-top li { float: left; list-style: none; text-align: center; font-size: 11px; font-weight: bold; padding: 3px 7px 3px 7px; border-left: #ffffff solid 1px; }
.nav-top a { color: black; }
.nav-top a:hover { color: #0077b3; }
.nav-top a:visited { color: black; }

.border { padding: 4px; float: left; min-width: 97%; }
.border a { color: #00518f; }
a.link-01 { color: #00518f; }
.nav-3rd-top, .nav-3rd-btm {font-weight: bold; text-align: right; padding-left: 4px; padding-right: 4px; margin-bottom: 1em;  }
.nav-3rd-top { border-bottom: dotted 1px #000000; }
.nav-3rd-btm { margin-top: 1.5em;}
.nav-4th-top { font-weight: bold; text-align: right; padding-left: 4px; padding-right: 4px;  margin-top: 1.5em;}
.nav-3rd-btm { border-top: dotted 1px #000000; }
.nav-3rd-top a, .nav-3rd-btm a, .nav-4th-top a { color: #00518f; }
.float-right { position: relative; top: 0px; width: 160px; float: right;  padding: 0px; }

.panel-left { background-color: #dfe2e1; border-right: #a0cbb9 solid 1px; text-align: left; width: 154px; height: 98%; padding: 5px 0px 40px 0px; }
.panel-right { text-align: left; width: 824px; height: 100%; padding: 0px 0px 0px 0px; }
.panel-top { margin-left: 4px; float: left; width: 810px; padding: 8px 0px 10px 0px; }
.panel-body { padding-top: 0px; width: 820px; margin-left: 0px; }
.panel-body-left { padding: 0px 10px 10px 10px; width: 410px; }
.panel-body-right { background-color: #dfe2e1; padding: 0px 0px 10px 0px; width: 410px; }
.panel-body-login { background-color: #ffffff; padding: 0px 10px 10px 10px; width: 100%; height: 100%; font-size: 11px; }
.panel-bottom { width: 980px; text-align: center; border-top: #a0cbb9 solid 1px; padding-right: 0px; padding-bottom: 20px; padding-top: 20px; margin: 0 auto; }
.panel-00, .panel-01, .panel-02, .panel-03, .panel-04, .panel-05, .panel-06, .panel-banners { float: left; width: 96%; padding-right: 2%; padding-left: 2%; }
.panel-00, .panel-01, .panel-02, .panel-03, .panel-04, .panel-05, .panel-06, a { color: black; }

.panel-00 { background-color: Transparent; }
.panel-00 ul, .panel-00 ul h4, .panel-00 ul h3, .panel-00 ul h2, .panel-00 ul p { margin: 0.3em; padding: 0px; margin-left: 1.2em; }

.panel-01 { width: 410px; margin: 0px; padding: 6px 6px 6px 6px; border: #c5d9d1 solid 1px; }
.panel-01 h1 a { color: #000000; }
.panel-01 h1 a:hover { color: #000000; text-decoration: underline; }
.panel-01 h1 a:visited { color: #000000; }
.panel-01 h2 a { color: #000000; }
.panel-01 h2 a:hover { color: #000000; text-decoration: underline; }
.panel-01 h2 a:visited { color: #000000; }
.panel-01 ul li { list-style: square; margin-left: 1.1em; }
.panel-01 ul, .panel-01 ul h4, .panel-01 ul h3, .panel-01 ul p { margin: 0em; padding: 0px; margin-left: 0.2em; }
.panel-01-hdr { font-size: 16px; color: #006633; font-weight: bold; }
.panel-01-new { color: #ff0000; font-style: italic; }

.panel-02 { width: 410px; margin: 0px; padding: 0px; }
.panel-02 h1 a { color: #000000; }
.panel-02 h1 a:hover { color: #000000; text-decoration: underline; }
.panel-02 h1 a:visited { color: #000000; }
.panel-02 h2 a { color: #000000; }
.panel-02 h2 a:hover { color: #000000; text-decoration: underline; }
.panel-02 h2 a:visited { color: #000000; }
.panel-02 ul li { list-style: none; padding-bottom: 0.8em; }
.panel-02 ul, .panel-02 ul h4, .panel-02 ul h3, .panel-02 ul p { margin: 0em; padding: 0px; margin-left: 0em; }

.panel-03 { width: 100%; margin: 0px; padding: 6px 6px 6px 10px; border-bottom: #ffffff solid 3px; }
.panel-03 h1 a { color: #000000; }
.panel-03 h1 a:hover { color: #000000; text-decoration: underline; }
.panel-03 h1 a:visited { color: #000000; }
.panel-03 h2 a { color: #000000; }
.panel-03 h2 a:hover { color: #000000; text-decoration: underline; }
.panel-03 h2 a:visited { color: #000000; }
.panel-03 ul li { list-style: square; margin-left: 1.2em; }
.panel-03 ul, .panel-03 ul h4, .panel-03 ul p { margin: 0.2em; padding: 0px; margin-left: 0.2em; }

.panel-04 { width: 100%; margin: 0px; padding: 6px 6px 6px 10px; border-bottom: #ffffff solid 3px; }
.panel-04 h1 a { color: #000000; }
.panel-04 h1  a:hover { color: #000000; text-decoration: underline; }
.panel-04 h1 a:visited { color: #000000; }
.panel-04 h2 a { color: #000000; }
.panel-04 h2  a:hover { color: #000000; text-decoration: underline; }
.panel-04 h2 a:visited { color: #000000; }
.panel-04 ul li { list-style: none; margin-right: 1.2em; }
.panel-04 ul, .panel-04 ul h4, .panel-04 ul h3, .panel-04 ul p { margin: 0.2em; padding: 0px; margin-left: 0em; }
.panel-04 img { float: right; margin-right: 1em; padding: 0px 3px 0px 3px; }

.panel-05 { float: left; background-color: #dfe2e1; width: 300px; border: dotted 1px #ffffff; padding: 8px; margin-top: 1em; }
.panel-05 h1 a { color: #000000; }
.panel-05 h1 a:hover { color: #000000; text-decoration: underline; }
.panel-05 h1 a:visited { color: #000000; }
.panel-05 h2 a { color: #000000; }
.panel-05 h2 a:hover { color: #000000; text-decoration: underline; }
.panel-05 h2 a:visited { color: #000000; }
.panel-05 ul li { list-style: square; margin-left: 1.2em; }
.panel-05 ul, .panel-05 ul h4, .panel-05 ul p { margin: 0.2em padding: 0px; margin-left: 0.2em; }

.panel-06 { width: 410px; margin: 0px; padding: 0px; }
.panel-06 h1 a { color: #000000; }
.panel-06 h1 a:hover { color: #000000; text-decoration: underline; }
.panel-06 h1 a:visited { color: #000000; }
.panel-06 h2 a { color: #000000; }
.panel-06 h2 a:hover { color: #000000; text-decoration: underline; }
.panel-06 h2 a:visited { color: #000000; }
.panel-06 ul li { list-style: square; margin-left: 1.2em; }
.panel-06 ul, .panel-06 ul h4, .panel-06 ul p { margin: 0.2em; padding: 0px; margin-left: 0.2em; }

.PressBox { border-bottom: solid 1px #ffffff; border-top: solid 1px #ffffff; padding: 6px; height: 100px; width: 100%; overflow: auto; display: block; }
.PressBox ul li { list-style: square; margin-left: 1.2em; }
.PressBox ul, .PressBox ul h4, .PressBox ul p { margin: 0.2em; padding: 0px; margin-left: 0.2em; }

.head-00, .head-02 { height: 20px; font-weight: bold; text-transform: uppercase; line-height: 1.7em; }
.head-00 { border-bottom: dotted 1px #000000; min-width: 99%; }
.head-02 { background-color: #00518f; color: #ffffff; padding-left: 4px; min-width: 99%; }
.head-04, .head-05, .head-06 { padding-left: 4px; height: 20px; font-weight: bold; line-height: 1.7em; border-top: solid 1px #?fffff; font-size: 11px; }
.head-04 a, .head-05 a, .head-06 a { color: #00518f; }
.head-01 { margin-bottom: 0.5em; }
.head-01 .head-01-span { font-weight: bold; background-color: #eeeeee; color: #00518f; padding-right: 0.4em; padding-left: 0.4em; margin-right: 4px; text-transform: uppercase; }

/* Login Box */
.login { width: 100%; }
.div-login { background-color: #ffffff; width: 100%; margin-bottom: 10px; padding: 10px 0px 10px 10px; float: left; }
.div-login .login { width: 750px; background-color: #c5d9d1; float: left; margin-bottom: 10px; padding: 20px 0px 20px 40px; }
.div-login .trial { width: 750px; background-color: #00518f; float: left; margin-bottom: 10px; padding: 20px 0px 20px 40px; }
.div-login .banners { width: 750px; background-color: #00518f; float: left; margin-bottom: 10px; padding: 20px 0px 20px 40px; }
.div-login .banners img { margin: 10px; }
.div-login img, .div-login .fields { float: left; }
.div-login .fields { margin-left: 10px; width: 280px; font-weight: bold; }
.div-login .trial .fields { color: #ffffff; padding-top: 10px; }
.div-login .fields .email, .div-login .fields .psw { float: left; width: 80px; text-align: right; margin-right: 4px; }
.div-login .fields .txtEmail { width: 180px; margin-bottom: 4px; }
.div-login .fields .txtPsw { width: 120px; margin-bottom: 4px; }
.div-login .trial .btnSubmit { margin-bottom: 4px; background-color: #00518f; border: solid 1px #ffffff; color: #ffffff; }
.div-login .login .btnSubmit { margin-bottom: 4px; background-color: #00518f; border: solid 1px #ffffff; color: #ffffff; }
#chkRemeber { margin-left: 80px; }

/* Login Box for Free Home Page */
.login2 { width: 100%; }
.div-login2 { background-color: #c5d9d1; width: 100%; margin-bottom: 10px; padding: 10px 0px 10px 0px; float: left; }
.div-login2 .login2 { background: #c5d9d1 url(../images/label-login2.gif) no-repeat top left; width: 100%; float: left; margin-bottom: 0px; padding: 0px 0px 0px 0px; }
.div-login2 img, .div-login2 .fields { float: left; }
.div-login2 .fields { margin-left: 42px; width: 280px; font-weight: bold; }
.div-login2 .trial .fields { color: #ffffff; padding-top: 10px; }
.div-login2 .fields .email, .div-login2 .fields .psw { float: left; width: 80px; text-align: right; margin-right: 4px; }
.div-login2 .fields .txtEmail { width: 180px; margin-bottom: 4px; }
.div-login2 .fields .txtPsw { width: 120px; margin-bottom: 4px; }
.div-login2 .login2 .btnSubmit { margin-bottom: 4px; background-color: #00518f; border: solid 1px #ffffff; color: #ffffff; }
.div-login2 .rem { text-align: right; }
#chkRemeber { margin-left: 80px; }

/* Article Preview */
.artpre_wrap { background-color: #ebeff1; font-size: 12px; }
.artpre_pad { padding: 10px; }
.artpre_pad2 { padding: 8px 10px 20px 10px; }
.artpre_HR { border-top: #0889cf 2px solid; border-bottom: #a1c4d9 8px solid; }
.artpre_hdr { background: url(images/artpre_icon.gif) no-repeat center left; color: #01528f; font-size: 18px; font-weight: bold; text-transform: uppercase; padding: 0px 0px 0px 23px; }
.artprev_Sub_btn { background-color: #ffffff; border: solid 3px #0889cf; color: #01528f; font-size: 14px; font-weight: bold; text-decoration: none; text-transform: uppercase; padding: 3px; }
.artprev_Sub_btn a { color: #01528f; text-decoration: none; }
.artprev_Sub_btn a:hover { text-decoration: underline; }
.artprev_FreeTrial_btn { background-color: #01528f; border: solid 3px #0889cf; color: #ffffff; font-size: 14px; font-weight: bold; text-decoration: none; text-transform: uppercase; padding: 3px; }
.artprev_FreeTrial_btn a { color: #ffffff; text-decoration: none; }
.artprev_FreeTrial_btn a:hover { color: #ffffff; text-decoration: underline; }
.artprev_Submit { margin-left: 3px; background-color: #ebeff1; border: solid 2px #0889cf; color: #01528f; font-size: 12px; font-weight: bold; }