/* ####################################### */ /* ############### =GENERAL ############## */ /* ####################################### */ html > body { font-size: 13px; font-family: trebuchet, arial, verdana, helvetica; } /* Background for tag */ body { background: #fff url(/images/body_bg.jpg) repeat-x 0 0; } /* Dimensions for width of page (standard elements listed only)*/ div.e-head-pre, div.e-head, div.e-navigation-primary, div.e-branding, div.e-navigation-primary, div.e-div, div.e-div-2col-right, div.e-div-2col-left, div.e-div-3col, div.e-body-liquid-3col, div.e-div-noFloat, div.e-body-noFloat, div.e-inner-foot, div.e-foot, div.e-new-footer, div.e-old-footer { width: 803px; /*background: #fff;*/ /*border: #f00 solid 1px;*/ } .e-body-noFloat .e-panel-b { padding:20px; /*width:803px;*/ width:763px; } div.e-head { /*text-indent: -9999px;*/ background: url(/images/head_bg.jpg) no-repeat 0 0; width: 803px; height: 120px; } div.e-head div.e-common-site_logo { padding-top: 38px; padding-left: 15px; } div.e-head-pre { height: 4em; padding: 6px 0px; } div.e-head-pre div.strapline { float: right; color: #e6f7fd; font-weight: bold; padding-right: 14px; /*text-indent: -9999px; background: url(/images/strapline_bg.gif) no-repeat 0 0; width: 417px;*/ text-align: right; } div.e-body-noFloat { background: url(/images/bodycontent_bg.jpg) no-repeat 0 0; } div.e-body-noFloat .e-panel-b { padding-top: 100px; } body.section-home div.e-body-noFloat { background: url(/images/bodycontent_bg_home.jpg) no-repeat 0 0; } body.section-home div.e-body-noFloat .e-panel-b { padding-top: 180px; } /* ####################################### */ /* ############### =COLUMNS ############## */ /* ####################################### */ /* ++NB: avoid placing margins in the direction of the float as IE will double these values! */ /* Dimensions & Bg for LHC div.e-wrapper div.e-panel-a { width : ; padding : 0 0 0 0; margin : 0 0 0 0; border : ; background: url(/images/) repeat 0 0; } */ /* Dimensions & Bg for MAIN COLUMN div.e-wrapper div.e-panel-b { width : ; padding : 0 0 0 0; margin : 0 0 0 0; border : ; background: url(/images/) repeat 0 0; } */ /* Dimensions & Bg for RHC div.e-wrapper div.e-panel-c { width : ; padding : 0 0 0 0; margin : 0 0 0 0; border : ; background: url(/images/) repeat 0 0; } */ /* ####################################### */ /* ############### =HEAD-PRE ############# */ /* ####################################### */ /* Background for head-pre wrapper div div.e-head-pre-wrap { background: url(/images/) repeat 0 0; } */ /* Background for head-pre div div.e-head-pre { background: url(/images/) repeat 0 0; } */ /* ####################################### */ /* ################ =HEAD ################ */ /* ####################################### */ /* Background for head wrapper div div.e-head-wrap { background: url(/images/) repeat 0 0; } */ /* Background for head div div.e-head { background: url(/images/) repeat 0 0; } */ /* ####################################### */ /* ############## IMAGE BOX ############## */ /* ####################################### */ /* Background for image/branding box wrapper div .e-image-wrap { background: url(/images/) repeat 0 0; } */ /* Image Box inner container .e-image { } */ /* ####################################### */ /* ################# BODY ################ */ /* ####################################### */ /* div.e-body-wrap { background: url(/images/) repeat 0 0; } */ /* THE INNER CONTAINER for the body div. Using .a-body because it changes depending on column layout div.a-body-wrap { background: url(/images/) repeat 0 0; } */ /* ####################################### */ /* ############## INNER FOOT ############# */ /* ####################################### */ /* div.inner-foot { background: url(/images/) repeat 0 0; padding: 0 0 0 0; } */ /* ####################################### */ /* ################# FOOT ################ */ /* ####################################### */ /* div.e-foot { background: url(/images/) repeat 0 0; padding: 0 0 0 0; } */ div.e-footer_bn { text-align: right; } div.e-footer_bn a { background: none; } /* ####################################### */ /* ########## =PARAGRAPH GRIDS ########### */ /* ####################################### */ /* 2 Column Grid ------------------------------------------------*/ /* div.para-block { } */ /* div.para-2-column-boxed { } */ /* div.left-hand-column { } */ /* div.right-hand-column { } */ /* BLOCKQUOTE PARAGRAPH ------------------------------------------------*/ /* div.para-blockquote blockquote { } */ /* div.para-blockquote blockquote div { } */ /* div.para-blockquote cite { } */ div.left-col { width: 350px; float: left; } div.results-content { width: 370px; float: left; } div.activities-short-content, ul.post-list { width: 370px; float: right; } ul.panel-news li { background: #db34a4 url(/images/activity_li_bg.gif) repeat-x 0 0; padding: 10px; border: #ccc solid 1px; margin-bottom: 12px; color: #fff; -moz-border-radius: 10px; -webkit-border-radius: 10px; } ul.activities-list li h5, ul.panel-news li h5, ul.activities-list li a, ul.panel-news li a { color: #fff; } div.advert { width: 424px; padding: 10px; background: #9317A9 url(/images/video_bg.gif) repeat-x 0 0; -moz-border-radius: 10px; -webkit-border-radius: 10px; } /* ####################################### */ /* ########## =FOOTER STUFF ############# */ /* ####################################### */ div.e-new-footer { border-top: #23a8fc solid 1px; background: url(/images/footer_bg.gif) repeat-x 0 0; padding: 12px; color: #737373; } div.e-new-footer a:link, div.e-new-footer a:visited { color: #737373; } .e-common-footer-site-credits { float:none; text-align:left; clear: left; } .e-common-footer-site-copyright, .e-common-footer-site-credits { } div.e-footer_bn { float: right; } div.e-site-credits { clear: left; } div.e-site-credits ul li { float: left; padding-right: 10px; } div.e-site-credits div.credit { clear: left; } /* ####################################### */ /* ########## =NEWS ###################### */ /* ####################################### */ /* Blog comments ------------------------------------------------*/ div.post-full div#post-comments div.comment-block { padding: 10px; margin-bottom: 12px; border: #FFAB25 solid 1px; background: #FEF278; -moz-border-radius: 10px; -webkit-border-radius: 10px; } div.post-full div#post-comments div.comment-block div.comment-author { } div.post-full a.cta-primary { color: #49176D; } /* ####################################### */ /* ########## =Formula ############# */ /* ####################################### */ div.e-bodycontent { position: relative; } div.formula-container { position: absolute; top: -205px; /**/left: -9999px; width: 770px; background: #fff; } div.formula-container div.formula div.html-formula { font-size: 1.5em; color: #49176D; width: 400px; } div.MathML-formula { clear: both; font-size: 1em; color: #49176D; } div.formula { width: 50%; float: left; } div.formula-definition { width: 50%; float: left; background: #fff; } div.formula-definition dl dt { float: left; font-weight: bold; clear: both; font-size: 1.2em; height: 1.2em; color: #49176D; } div.formula-definition dl dd { margin-left: 30px; height: 1.44em; } body.section-activities div.e-bodycontent { display: block; position: static; } /* ####################################### */ /* ########## =TEXT SIZING ############# */ /* ####################################### */ /* hmm.. ------------------------------------------------*/ body.size-a3 { font-size: 15px; } body.size-a2 { font-size: 14px; } body.size-a1 { font-size: 13px; } body.size-a3 div.e-navigation-primary ul.pri-nav li { line-height: 1.6em; } body.size-a3 div.f1 body.section-home div.fs-container, body.size-a2 div.f1 body.section-home div.fs-container { width: 50%; margin-right: 12px; float: none; margin-bottom: 12px; border: #168baa solid 1px; background: #2cafe3 url(/images/form_container_bg.jpg) repeat-x 0 0; padding: 4px; color: #fff; } body.size-a3 body.section-home div.f1 div.f-submit-unit, body.size-a2 body.section-home div.f1 div.f-submit-unit { text-align: left; } /* ####################################### */ /* ########## =LAST CHANGES ############# */ /* ####################################### */ body.section-home h2#page-title { display: none; } div.resultSummary { padding: 10px; margin-bottom: 12px; -moz-border-radius: 10px; -webkit-border-radius: 10px; } div.resultSummary h4 { margin-bottom: 0px; color: #000; } div.val1 { background: #9EE332; color: #000; } div.val2 { background: #FFAB24; color: #000; } div.val3 { background: #FCA498; color: #000; } div.resultCon { padding-left: 120px; height: 300px; } div.con1 { background: url(/images/tl_1.jpg) no-repeat 0 0; } div.con2 { background: url(/images/tl_2.jpg) no-repeat 0 0; } div.con3 { background: url(/images/tl_3.jpg) no-repeat 0 0; } .post-list { margin: 0; padding: 0; list-style: none; } li.post { overflow: hidden; margin-bottom: 1.5em; } .post-list h3 { margin-bottom: 0.2em; } .post-comments { margin-bottom: 0.2em; font-size: 0.9em; }