/* ####################################### */ /* ############### =GENERAL ############## */ /* ####################################### */ #navigation-wrap { z-index: 2; position: relative; } /*#navigation-primary { z-index: 999; position: relative; }*/ #body-wrap { z-index: 1; position: relative; } /* Background for tag */ body { background: transparent url(/images/body_bg.gif) repeat 0 0; overflow-x: hidden; /* fix for floated italic text in the strap line see: http://ookii.org/post/workaround_for_ie7s_rightfloated_italic_text_scrollbar_bug.aspx */ position: relative; } body div.e-wrapper { background: transparent url(/images/wrapper_bg.gif) repeat-x 0 0; } div.a-head-wrap, div.a-navigation-wrap, div.a-image-wrap, div.a-body-wrap, div.a-foot-wrap, div.a-body-wrap { background: #fff; } /* 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-image, 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-inner-foot, div.e-foot, div.e-new-footer, div.e-old-footer, div.a-body-wrap { width: 990px; /*background: url(/r/i/css_framework/grid/grid.png) 0 0;*/ margin: 0 auto; } /* ####################################### */ /* ############### =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; } */ div.e-wrapper div.e-panel-b { width : 622px; } /* 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; } */ .e-head-pre { background: #fff; overflow: hidden; } #navigation-meta ul { margin: 0; padding: 0 4px 0 0; list-style: none; } #navigation-meta ul li { float: right; /* margin-left: 10px;*/ } #navigation-meta ul li a:link, #navigation-meta ul li a:visited { padding: 0 10px 5px 10px; display: block; font-weight: bold; } /* ####################################### */ /* ################ =HEAD ################ */ /* ####################################### */ div.e-head div.e-sales-contact { position: absolute; text-indent: -9999px; } /* ####################################### */ /* ############## IMAGE BOX ############## */ /* ####################################### */ /* Background for image/branding box wrapper div .e-image-wrap { background: url(/images/) repeat 0 0; } */ /* Image Box inner container*/ div.e-image-wrap div.e-image { line-height: 0px; border-bottom: #fff solid 1px; } /* ####################################### */ /* ################# BODY ################ */ /* ####################################### */ div.e-body-wrap { z-index: 1; } div.a-body-wrap { z-index: 1; } /* ####################################### */ /* ############## 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-new-footer { padding-bottom: 10px; } div.a-new-footer { padding: 0px 10px; } div.e-new-footer div.e-common-footer-site-info-links { /*position: absolute; right: 0px;*/ /*float: right;*/ clear: left; float: 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 { } */ ul.two-col-list { overflow: hidden; margin: 0 0 1.5em 0; padding: 0; list-style: none; } .two-col-list li { float: left; width: 296px; background: url(/r/i/css_framework/graphics/bullet_disc.gif) no-repeat 0 50%; padding: 0 0 0 15px; margin-bottom: 1.5em; } div.wf-place-holder { color : #999; border: #f00 solid 1px; background: #fefefe; height: 190px; text-align: center; } /* Adds keyline border to each image in the main body */ div.e-panel-b img { border: 1px solid #e1e1e1; padding: 3px; } /* Cancels out the img keyline rule [see above] for large full size images */ div.e-panel-b .para-image-full img { border: 0; background: 0; padding: 0; } div.e-panel-b .para-image-full-border img { border: 1px solid #e1e1e1; background: #f9f9f9; padding: 1px; } body div.e-body-2col-right div.e-panel-c { width: 318px; padding: 20px 20px 10px 0px; width: 297px; float: right; } div.e-panel-c div.rhp-panel { background: url(/images/rhp-panel-bg.gif) 0px -70px repeat-x; /* padding: 15px;*/ margin-bottom: 2em; border: 1px solid #e1e1e1; overflow: hidden; } div.e-panel-c div h3 { height: 20px; margin: 0px; padding-bottom: 0.8em; } div.e-panel-c div.e-__news h3 { background: #fff url(/images/rhp-title-news.gif) no-repeat; } div.e-panel-c div.e-__news ul.rhp-links-list { text-align : right; } div.e-panel-c div.rhp-panel ul.more-links li { font-size:0.9em; list-style:none outside none; padding-right:2.5em; text-align:right; clear:both; } .rss a { background : url(/resources/rss.png) no-repeat 0 50%; padding-left : 18px; } ul.item-list { margin: 0; padding: 0; list-style: none; } ul.item-list li { padding: 5px 10px; /*background: #fff url(/images/rhp-panel-ul-bg.jpg) no-repeat -2px -2px;*/ background: #f9f9f9; } div.e-panel-b ul.item-list li { margin-bottom: 10px; overflow: hidden; } div.e-panel-b ul.item-list div.file-desc { margin-left: 25px; } div.e-panel-b ul.item-list div.file-desc p { margin-bottom: 0px; font-size: 0.8em; } div.e-panel-b ul.item-list div.file-date { float: right; font-size: 0.8em; color: #fff; background: #d1d1d1; border: #a7a7a7 solid 1px; padding: 0px 2px; } ul.item-list a.file { padding-bottom: 6px; padding-left: 25px; } ul.item-list a.file-pdf { background: url(/r/i/icons/file16/pdf.gif) no-repeat 0 0; } ul.item-list a.file-doc { background: url(/r/i/icons/file16/pdf.gif) no-repeat 0 0; } ul.item-list a.file-ppt { background: url(/r/i/icons/file16/pdf.gif) no-repeat 0 0; } ul.item-list a.file-jpg, ul.item-list a.file-bmp, ul.item-list a.file-png, ul.item-list a.file-tiff, ul.item-list a.file-tif, ul.item-list a.file-gif { background: url(/r/i/icons/file16/jpg.gif) no-repeat 0 0; } div.e-panel-c ul.item-list div.file-date { clear: left; float: right; background: #ccc; color: #fff; padding: 2px; font-size: 0.8em; } /* ####################################### */ /* ########## =MEDIA SECTION DATA OUTPUT # */ /* ####################################### */ ul.image-files { margin: 0; padding: 0; list-style: none; clear: both; overflow: hidden; } li.media-list-image { float: left; width: 187px; margin: 0 20px 20px 0; } li.media-list-image div { border: 1px solid #E1E1E1; padding:3px; } li.media-list-image:hover div { border-color: #1861A6; } li.media-list-image a:link, li.media-list-image a:visited { display: block; overflow: hidden; height: 106px; } li.media-list-image img { border: 0; padding: 0; } li.media-list-image span { display: block; } /* ####################################### */ /* ########## =NEWS ##################### */ /* ####################################### */ /* PANELS ------------------------------------------------*/ div#__news div.rhp-panel { border: 0; } div.e-panel-c div.case-studies { border: 0; background: none; } div.e-panel-c ul.item-list { } div.e-panel-c ul.item-list li.news-list-item { border: 1px solid #e1e1e1; margin-bottom: 1em; } div.e-panel-c ul.item-list li h6 { margin-bottom: 0.3em; } div.e-panel-c ul.item-list li p { margin-bottom: 1em; } div.e-panel-c ul.item-list li .news-date { font-size: 0.9em; } /* MAIN ------------------------------------------------*/ ul.post-list { margin: 0; padding: 0; list-style: none; } li.post { margin-bottom: 2em; } ul.post-list li.post div { background: #FFFFFF url(/images/rhp-panel-ul-bg.jpg) no-repeat scroll -1px -2px; border: 1px solid #e1e1e1; padding: 1em; } li.post h3 { margin-bottom: 0.1em; } ul.post-list li.post a.cta-link { padding: 3px 10px; } .post-link { margin: 0; } .post-meta { font-size: 0.9em; color: #999; } /* GOOGLE MAP ------------------------------------------------*/ #gmap1, #gmap2 { height: 300px; border:1px solid #999; padding: 1px; } #gmap1, #gmap2 { text-align: left; } #gmap1 .org { font-weight: bold; margin-bottom: 0.5em; } /* ####################################### */ /* ############## DOWNLOADS ############## */ /* ####################################### */ a.file-download-link:link, a.file-download-link:visited { display: block; background: #f7f7f7 url(/r/i/icons/function_set/box_download_48.png) no-repeat 1em 10px; overflow: hidden; padding: 1em 1em 1em 0; padding-left: 85px; border:1px solid #E1E1E1; margin-bottom: 2em; text-decoration: none; } a.file-download-link:hover, a.file-download-link:focus { border-color: #ccc; } a.file-download-link span { display:block; font-size:2em; margin-bottom:0.1em; } a.file-download-link span.download-size { display: block; color: #999; font-size: 1.8em; } a.file-download-link p { margin: 0; } /* ####################################### */ /* ########## =INTL SECTION ############# */ /* ####################################### */ /* SIDE PANEL ------------------------------------------------*/ div.side-logo { border:1px solid #E1E1E1; padding:20px 10px 15px 10px; margin-bottom:2em; text-align: center; } /* ####################################### */ /* ########## =CASE STUDIES ############# */ /* ####################################### */ /* LISTING PAGE ------------------------------------------------*/ div.case-study { clear: left; overflow: hidden; margin-bottom: 60px; } div.case-study-image { float: left; } div.case-study h4 { margin-bottom: 0.5em; } div.case-study .cta-link { font-size: 0.9em; } div.case-study-content { float: left; width: 450px; margin-left: 20px; text-align: justify; } a.case-pdf-download:link, a.case-pdf-download:visited { margin: 30px 0; background: #F7F7F7 url(/images/pdf_icon.gif) no-repeat 10px 50%; border: 1px solid #E1E1E1; display: block; padding: 10px 10px 10px 54px; font-size: 1em; } dl.tags { padding: 3px; background: #f7f7f7 url(/images/cs_tag_ul_bg.gif) no-repeat 0 -2px; border: #e1e1e1 solid 1px; height: 1%; font-size: 0.8em; margin-bottom: 4px; overflow:hidden; clear: left; } dl.tags dt, dl.tags dd { float: left; margin-right: 12px; } dl.tags dt.title { width: 70px; font-weight: bold; height: 100%; padding-bottom: 2px; } div.map { -moz-background-clip:border; -moz-background-inline-policy:continuous; -moz-background-origin:padding; background:#F9F9F9 none repeat scroll 0 0; border:1px solid #E1E1E1; padding:3px; } div.rhp-panel dl { padding: 10px; } div.rhp-panel dl dt { font-weight: bold; border-bottom: #ccc solid 1px; margin-bottom: 3px; } div.rhp-panel dl dd { } dl.product-tags { background: #f7f7f7; border: #e1e1e1 solid 1px; height: auto; font-size: 0.8em; margin-bottom: 4px; } dl.product-tags dt, dl.product-tags dd { padding: 3px; } dl.product-tags dt.title { padding: 5px; background: #DDDDDD; font-weight: bold; height: 100%; font-weight: bold; } div.case-study dl.cs-info { background: #f7f7f7; border: #e1e1e1 solid 1px; height: auto; font-size: 0.8em; margin-bottom: 4px; width: 146px; } div.case-study dl.cs-info dt, div.case-study dl.cs-info dd { padding: 3px; } div.case-study dl.cs-info dd { margin-bottom: 3px; } div.case-study dl.cs-info dt { background: #e1e1e1; height: 28px; font-weight: bold; height: 100%; padding-bottom: 0px; font-weight: bold; color: #000; } /* ####################################### */ /* ############### SEARCH ################ */ /* ####################################### */ /* HEAD SEARCH ------------------------------------------------*/ .e-head .e-search { float : right; padding: 7px 15px 0 15px; } .e-search input { padding:2px; border:1px solid #00378A; background-color: #fff; } .site-search-input { margin-right: -4px; width: 203px; } .e-search input.site-search-submit { background:#086AC9; color:#FFFFFF; text-decoration:none; padding: 1px 15px; cursor: pointer; } /* SEARCH RESULTS ------------------------------------------------*/ .in-search-nav { background: #333333; color: #ccc; padding: 10px; margin-bottom: 2em; } .in-search-nav a:link, .in-search-nav a:visited { color: #fff; font-weight: bold; } .search-group { margin-bottom: 3.5em; padding-bottom: 2.3em; border-bottom: 1px dashed #ccc; } /* ####################################### */ /* ######### MEDIA FILE DOWNLOAD ######### */ /* ####################################### */ ul.media-list { margin: 0; padding: 0; list-style: none; } .media-category { float: none; clear: both; padding-bottom: 20px; margin-bottom: 20px; } .media-category h3 { float: left; padding-right: 200px; } .media-category h4 { border-bottom:1px solid #EFEFEF; color:#1861A6; margin-bottom:1.8em; padding-bottom:0.1em; } .media-category ul.download-options { margin: 0 0 0.5em 0; padding: 0; list-style: none; float: left; font-size: 0.9em; clear: both; } .media-category ul.download-options li { margin-bottom: 5px; display: inline-block; margin-right: 10px; } .media-category ul.download-options li a:link, .media-category ul.download-options li a:visited { display: block; padding-left: 24px; } .media-category .document-download-items { clear: both; padding-top: 20px; } ul.media-download-items { overflow: hidden; } .media-download-item { float: left; margin: 0 20px 20px 0; width: 279px; padding: 10px; height: 220px; border: 1px solid #e1e1e1; } ul.item-list .odd { clear: left; } ul.item-list .even { margin-right: 0; } .media-download-item h4 { font-size: 1.1em; margin-bottom: 0; } .media-download-item .file-date { display: block; margin-bottom: 0.8em; color: #999; } .media-download-item img { float: left; margin: 0 20px 20px 0; padding: 0; } li.media-download-item ul { margin: 0; padding: 0; list-style: none; float: right; width: 150px; } li.media-download-item li { border: 0; margin: 0; padding: 0; } li.media-download-item li label { cursor: pointer; margin: 0; padding: 1px; } li.media-download-item li input { margin: 0 10px 0 0; vertical-align: middle; } .rhp-panel li.media-list-item { float: left; width: 127px; padding: 10px; background: 0; text-align: center; } .rhp-panel li.media-list-item a:link, .rhp-panel li.media-list-item a:visited { border: 0; text-decoration: none; } .rhp-panel li.media-list-item img { border: 1px solid #e1e1e1; background: #fff; padding: 1px; } .rhp-panel li.media-list-item span { display: none; } .rhp-panel li.media-list-item a:hover img, .rhp-panel li.media-list-item a:focus img { border-color: #094781; }