/* MediClim CSS */

/* Reset CSS */
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp,small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {margin: 0; padding: 0;border: 0;outline: 0;font-size: 100%; vertical-align: baseline;background: transparent;}
body {line-height: 1;}
ol, ul {list-style: none;}
blockquote, q {quotes: none;}
blockquote:before, blockquote:after,q:before, q:after {content: '';	content: none;}
:focus {outline: 0;}
ins {text-decoration: none;}
del {text-decoration: line-through;}
table {border-collapse: collapse;border-spacing: 0;}

/* body attributes */
body {font: 80% arial, verdana, helvetica, sans-serif; color: #000; background: #3675a8 url(../images/bg_body.jpg) no-repeat 50% 0; height: 100%; text-align: center;}
.left {float: left;}
.center {text-align: center;}
.right {float: right;}
.clear {clear: both;}
.hide {display: none;}
.txtBig { color:#326e9f; font-size:150%;}

a, a:visited {color: #1b3760; text-decoration: none;}
a:hover, a:active {text-decoration: underline;}

/* Page */
#pageholder {width: 900px; margin: 62px auto 0 auto; padding: 0; background: url(../images/bg_page.png); text-align: left;}

/* Top */
#top {margin: 0; padding: 0; height: 94px; background: #050643 url(../images/bg_top.png) repeat-x;}
#top h1 {margin: 0 0 0 36px; float: left;}
#top p {color: #fff; float: left; margin: 30px;}
#top .lang { color: #fff; float: left; margin: 20px 0 10px 100px;}
#top .lang a{ color: #fff;}
#top .lang a:hover{ color: #ffbf0c; text-decoration:none;}
#top .refer { background: url(../images/btn_refer.jpg) no-repeat; width:150px; height:20px; color: #fff; float: left; margin: 0 0 0 100px; padding:2px 0 0 10px;}
#top .refer a{color: #fff; display:block;}
#top .refer a:hover{color: #FFFF66; text-decoration:none;}
#top span.highlight {color: #ffc10f; text-decoration:none;}
#top .login { background: url(../images/btn_login.jpg) no-repeat; width:150px; height:20px; color: #fff; float: left; margin: 0 0 0 100px; padding:2px 0 0 10px;}
#top .login a{color: #fff; display:block;}
#top .login a:hover{color: #FFCC33; text-decoration:none;}

/* Top */
#topNav {margin: 0; padding: 0; height: 29px; background: #04052a; border-top:1px solid #50506a; clear:right;}
#topNav ul {margin: 0; padding:0 0 0 23px;}
#topNav li {color: #ffbf0c; float: left; margin: 5px 34px 0 0; display:block;}
#topNav li a{color: #cdcdd4; display:block;}
#topNav li .select {color: #ffbf0c; }
#topNav li a:hover{color: #ffbf0c; text-decoration:none;}


#breadcrumb { margin:10px 0 0 23px; color:#000;}
#breadcrumb a{ color:#000; }
#breadcrumb a:hover{ color:#ffbf0c;}

/* Home */
#home {background: #fff; margin: 23px 23px 10px 23px; padding: 15px; height: 347px; font-size: 90%;}
#home ul, #home h2, #home p {margin: 0 0 0 390px;}
#home h2 {font-size: 190%; font-weight: normal; color: #003c7a; padding: 0 0 10px 0;}
#home li {background: #dfddd9 url(../images/li_home.png) repeat-x; border-top: 1px solid #bbb; border-bottom: 1px solid #fff; padding: 8px 15px 8px 30px;}
#home li.noborder {border-top: none;}
#home li a, #home li a:visited {color: #003c7a; text-decoration: underline;}
#home li .highlight {color: #ea0d0d;}
#home li .highlight02 {color: #003c7a;}
#home p {padding: 2px 0 0 0; border-top: 1px solid #bbb;}

#index {background: #fff; margin: 23px 23px 10px 23px; padding: 15px; min-height: 347px; font-size: 90%;}
#index ul, #index h2, #index p {margin: 0 0 0 390px;}
#index h2 {font-size: 190%; font-weight: normal; color: #003c7a; padding: 0 0 4px 0;}
#index li {border-top: 1px solid #bbb; border-bottom: 1px solid #bbb; padding: 8px 15px 8px 10px;}
#index li.noborder {border-top: none;}
#index li a, #index li a:visited {color: #003c7a; text-decoration: underline;}
#index li .highlight {color: #ea0d0d;}
#index li .highlight02 {color: #003c7a;}
#index p {padding: 2px 0 0 0; border-top: 1px solid #bbb;}

div.benefit, div.know, div.forum, div.resource {width: 196px; margin: 0 0 10px 0; padding: 5px; float: left; background: #fff; position: relative; display: inline;}
div.benefit h3, div.know h3, div.forum h3, div.resource h3 {color: #003c7a; background: url(../images/h3_pod.png) repeat-x; background-position:bottom; height: 25px; font-size: 120%; font-weight: normal; padding: 10px 10px 20px 10px;}
div.benefit, div.know, div.forum, div.resource {height: 300px;}
div.benefit {margin: 0 10px 0 23px;}
div.forum {margin: 0 0 0 10px;}
div.resource {margin: 0 23px 0 10px;}



div.benefit ul li {background: url(../images/bullet.gif) no-repeat 9px 6px; line-height: 100%; padding: 4px 0 4px 24px;}
div.resource li {background: url(../images/bullet.gif) no-repeat 9px 9px; line-height: 100%; padding: 6px 0 6px 24px;}
div.resource a, div.forum a, div.know a, div.forum p.more, div.know p.more {color: #115fb0;}
div.resource a, div.forum p.more a, div.know p.more a {text-decoration: underline;}
div.know p.more {position: absolute; left: 10px; bottom: 10px;}
div.forum p.more {position: absolute; left: 10px; bottom: 60px; _top: 200px;}
div.forum a.refer, div.resource a.refer {display: block; border-top: 10px solid #9bbbd4; background: url(../images/btn_pod.png); margin: 0 -5px; _margin: 0 0 0 -10px; padding: 12px 15px; width: 176px; color: #fff; text-decoration: none; position: absolute; left: 5px; bottom: 0; _top: 55px;}
div.forum li {margin: 0 2px; padding: 6px 6px 6px 24px; border-bottom: 1px solid #bbb;background: url(../images/li_blog.gif) no-repeat 4px 8px;}
div.know li {margin: 0 2px; padding: 6px 6px 6px 24px; border-bottom: 1px solid #bbb;background: url(../images/li_blog.gif) no-repeat 4px 8px;}
div.know li span.num {color: #3674a7; font-weight: bold;}

/* Lower Content */
#content {background: #fff; margin: 10px 23px 10px 23px; padding: 30px 15px 15px 15px; font-size: 90%;}
#content h2 {background: url(../images/h3_pod.png) repeat-x; border-bottom: 1px solid #bbb; font-size: 190%; font-weight: normal; color: #003c7a; padding: 0 0 10px 20px;}
#content h3 {font-size: 150%; font-weight: normal; color: #003c7a; padding: 0 0 6px 0; margin: 0 0 6px 0; border-bottom: 1px solid #bbb;}
#content h4 {color: #326e9f; font-size: 120%; font-weight: normal; padding: 0 0 10px 0;}
#content p {padding: 0 0 20px 0;}
#content ol {list-style-type:lower-alpha; margin:0px; padding:0 0 0 20px; display:block;}
#content ul {list-style-type:none; margin:0px; padding:0 0 0 20px; display:block;}
#content li {  margin:0 0 0 20px; padding:0 0 6px 5px;}

#content2 {background: #fff; margin: 10px 23px 10px 23px; padding: 30px 15px 15px 15px; font-size: 90%; min-height: 300px;}
#content2 h2 {background: url(../images/h3_pod.png) repeat-x; border-bottom: 1px solid #bbb; font-size: 190%; font-weight: normal; color: #003c7a; padding: 0 0 10px 20px;}
#content2 ul, #content2 h3, #content2 p {margin: 0 0 0 390px;}
#content2 h3 {font-size: 160%; font-weight: normal; color: #003c7a; padding: 0 0 4px 0;}
#content2 li {border-top: 1px solid #bbb; border-bottom: 1px solid #bbb; padding: 8px 15px 8px 10px;}
#content2 li.noborder {border-top: none;}
#content2 li a, #content2 li a:visited {color: #003c7a; text-decoration: underline;}
#content2 li .highlight {color: #ea0d0d;}
#content2 li .highlight02 {color: #003c7a;}
#content2 h4 {color: #326e9f; font-size: 120%; font-weight: normal;}

#disclaim { background:#dfe6f0; padding:20px 20px 10px 20px; margin:0 0 20px 0;}
#disclaim p { color:#505050; font-size:95%; margin:0 0 10px 0; padding:0;}
#disclaim h3 {font-size: 110%; font-weight: normal; color: #003c7a; padding: 0; margin:0 0 10px 0;}

#faqs { background:#dfe6f0; padding:20px 20px 10px 20px; margin:0 0 20px 0;}
#faqs p { color:#505050; font-size:100%; margin:0 0 10px 0; padding:0;}
#faqs h3 {font-size: 150%; font-weight: normal; color: #000; padding: 0; margin:0 0 10px 0;}

#contentLeft {float:left; width:200px; margin:15px 0 0 0; padding:0 10px 0 0;}
#contentLeft ul{ margin:0; padding:0;}
#contentLeft li{border-bottom: 1px dotted #bbb; padding:4px 0 6px 0;}
#contentLeft ul ul{ margin:0 0 10px 10px; padding:0;}
#contentLeft ul ul li { color:#000; border-bottom:none; padding:3px 0 0 0;}
#contentLeft ul ul li a{ color:#326e9f; }
#contentRight {float:left; width:610px; margin:0 0 0 10px; margin:15px 0 0 0;}

/* Footer */
#footer {margin: 0 23px; padding: 10px 15px 15px 15px; clear: both; background: #589bd2; color: #fff; display: inline-block;}
#footer h4 {color: #08244b; font-size: 90%; font-weight: normal;}
#footer p {margin: 0; padding: 0; font-size: 85%;}
#copyright {text-align: center; margin: 0; padding: 15px 0;}

#footerNav {margin: 0 23px; padding: 10px 15px 15px 15px; clear: both; background: #589bd2; color: #fff; display: inline-block; text-align:center;}
#footerNav a {font-size: 85%; color:#fff; text-decoration:none;}
#footerNav a:hover {color:#000;}