/* Document : stylesheet Created on : 21 Jan 2014, 8:00:02 AM Author : Marlene de Vente Global colors: grys (icon hover): 125 grys (background): 200 */ @charset "UTF-8"; @font-face { font-family: 'open_sansregular'; src: url('fonts/OpenSans-Regular-webfont.eot'); src: url('fonts/OpenSans-Regular-webfont.eot?#iefix') format('embedded-opentype'), url('fonts/OpenSans-Regular-webfont.woff') format('woff'), url('fonts/OpenSans-Regular-webfont.ttf') format('truetype'), url('fonts/OpenSans-Regular-webfont.svg#open_sansregular') format('svg'); font-weight: normal; font-style: normal; } /* Global styles */ /* apply a natural box layout model to all elements (i.e. don't let padding fiddle with the widths! */ *, *:before, *:after{ -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; } html, * { font-family: 'open_sansregular', 'Helvetica', 'Arial'; margin: 0px; padding: 0px; border: 0; } html { font-size: 16px; line-height: 1.5em; height: 100%; background: rgb(200,200,200); /*background-image: linear-gradient(rgb(125,125,125), rgb(200,200,200));*/ } body { height: 100%; } h1, h2, h3 { font-weight: normal; } h1 { font-size: 1.5em; line-height: 1em; margin: 0 0 2em 0; } /* page headings */ h1 span { font-size: 1em; line-height: 1em; margin: 0em 0.5em 1em 0.5em; } h2 { font-size: 1.2em; line-height: 1.2em; margin: 1.8em 0 1.5em 0; } /* section headings */ h3 { font-size: 1.5em; line-height: 1.5em; margin: 0 0 1em 0; } /* block headings */ p { font-size: 1em; margin: 0 0 .75em 0; } label { display:inline-block; } a { color: rgb(183,183,183); text-decoration: none; } a:hover { color: rgb(125,125,125); } div.ihswhitehor { background-size: 350px 39px; background-image: url('img/SPGI_IHSM Interim - Horizontal - White - Digital Logo_Small-PNG.png'); background-repeat: no-repeat; width: 350px; height: 39px; } input, textarea { border: none; border-color: transparent; vertical-align: baseline; font-size: 0.8em; } input[type=text], input[type=password], input[type=email], input[type=tel], textarea { margin-bottom: 10px; border: 1px solid #e5e5e5; padding: 4px 8px; line-height: 1.4em; } textarea { overflow: auto; } button, input[type=submit], input[type=button] { border: 1px solid transparent; padding: 5px 20px; background-color: rgb(75,75,75); color: #fff; text-transform: uppercase; font-size: 0.9em; line-height: 1em; font-weight: bold; } button:hover, input[type=submit]:hover, input[type=button]:hover { cursor: pointer; border: 1px solid #fff; } /* Border-radius */ input[type=text], input[type=tel], input[type=button], input[type=submit], input[type=password], input[type=email], textarea, button { -webkit-border-radius: 6px; -moz-border-radius: 6px; border-radius: 6px; } /* Colors: backgrounds & template colors */ .gray { color: rgb(200,200,200); } .dark { color: rgb(75,75,75); } .gold { color: rgb(0, 142, 137); } .b_white { background-color: #fff; } .b_gold { color: #fff; background-color: #7dbe88; } .b_gold a:link { color: #fff; } .b_gold a:hover { color: rgb(75,75,75); } .border_gold { border: 1px solid rgb(0, 142, 137); } .line_gold { margin: 35px 0px 10px 0px; border-top: 1px solid rgb(0, 142, 137); } .b_color1 { background-color: rgb(0, 142, 137); } /* Header & Navigation */ #header { width: 100%; position: relative; color: #fff; background-color: #7dbe88; overflow: hidden; } #header .content { margin: 25px 20px 0px 20px; overflow: hidden; } #header .version { font-size: 0.7em; line-height: 1em; display: block; margin: 0px 0px 60px 0px; } #header .version b { font-size: 1em; } #header a { color: rgb(75,75,75); } #header a:hover { color: #fff; } #header .welcome { color: rgb(75,75,75); float: right; /*position: absolute; bottom: 10px; right: 37px;*/ overflow: hidden; margin: 100px 17px 0px 0px; } #header .welcome a { float: right; clear: both; padding: 2px 0px; } .title { margin: 10px 0px 4px 0px; font-size: 2em; line-height: 1em; display: block; } #home .title { } .title b, .title a { font-size: 1em; line-height: 1em; } .title a:hover { color: rgb(75,75,75); } .subtitle { max-width: 360px; font-size: 1.2em; line-height: 1.2em; margin-bottom: 30px; } #nav { float: left; clear: left; height: 45px; width: 320px; } #nav a { float: left; background-color: rgb(75,75,75); color: #fff; padding: 10px 15px; margin-right: 4px; white-space: nowrap; -webkit-border-top-left-radius: 12px; -webkit-border-top-right-radius: 12px; -moz-border-top-left-radius: 12px; -moz-border-top-right-radius: 12px; border-top-left-radius: 12px; border-top-right-radius: 12px; } #nav a.menu-active, #nav a.menu-active:hover{ background-color: #fff; color: rgb(75,75,75); } #nav a:hover { background-color: rgb(125,125,125); } #nav div { float: left; } #nav div.icon { height: 25px; width: 25px; background-repeat: no-repeat; background-position: left 0px; margin-right: 10px; } #nav div.menu-addreport { background-image: url('img/menu-plus.png'); } #nav a.menu-active div.menu-addreport { background-image: url('img/menu-plus-active.png'); } #nav div.menu-reports { background-image: url('img/menu-home.png'); } #nav a.menu-active div.menu-reports { background-image: url('img/menu-home-active.png'); } /* Footer */ #footer { font-size: 0.8em; margin: 10px 0px; padding-bottom: 10xp; position: absolute; z-index: 5; overflow: hidden; width: 100%; } #footer div.logo { float: left; clear: both; } #footer div.links { float: left; margin-left: 10px; } #footer .footeritem { float: left; margin-right: 30px; } #footer a { color: rgb(75,75,75); font-size: 1em; } #footer a:hover { text-decoration: underline; } #footer .copyright { clear: both; margin: 0px 0px 0px 5px; } div.ihs { background-size: 350px 39px; background-image: url('img/SPGI_IHSM Interim - Horizontal - Positive - Digital Logo_Small-PNG.png'); background-repeat: no-repeat; width: 350px; height: 39px; } div.ihswhite { background-size: 137px 102px; background-image: url('img/SPGI_IHSM Interim - Vertical - White - Digital Logo_Small-PNG.png'); background-repeat: no-repeat; width: 137px; height: 102px; } div.ihswhite:hover { cursor:pointer } /* Page */ .page { max-width: 980px; margin: 50px auto; color: rgb(75,75,75); padding: 10px 15px; display: none; position: relative; /* faded in with jquery! */ } .page_content_container { position: relative; background-color: none; clear: both; } .page_content_inner { background-color: #fff; overflow: hidden; -webkit-border-radius: 20px; -moz-border-radius: 20px; border-radius: 20px; -moz-box-shadow: 0 8px 6px -6px rgb(75,75,75); -webkit-box-shadow: 0 8px 6px -6px rgb(75,75,75); box-shadow: 0 8px 6px -6px rgb(75,75,75); } .page_content { clear: both; margin: 35px 35px 15px 35px; overflow: hidden; } .clipon { width: 150px; height: 120px; background-color: rgb(75,75,75); position: absolute; z-index:5; right: 35px; top: -10px; -webkit-border-bottom-left-radius: 15px; -webkit-border-bottom-right-radius: 15px; -moz-border-radius-bottomleft: 15px; -moz-border-radius-bottomright: 15px; border-bottom-left-radius: 15px; border-bottom-right-radius: 15px; -moz-box-shadow: 0 8px 6px -6px black; -webkit-box-shadow: 0 8px 6px -6px black; box-shadow: 0 8px 6px -6px black; } .clipon a:hover { color: #fff; } .clipon .contactus { margin-top: 25px; } .slogan { color: #fff; font-size: 1.1em; margin: 15px; position: absolute; bottom: 0px; } .divider { float: left; } .menu { float: left; display: none; /*only on small screens*/ color: rgb(75,75,75); } .menu div { padding: 0px 15px; display: inline; float: left; height: 40px; padding-top: 8px; text-align: center; text-transform: uppercase; } .menu div:hover { cursor: pointer; background-color: rgb(240,240,240); } .companyname { display: visible; } /* Login */ #home { overflow: hidden; display: flex; } #home .leftside { float: left; } #home .leftside a { color: #fff; } #home .leftside a:hover { text-decoration: underline; } #home .leftside p { padding-left: 35px; font-size: 1em; line-height: 1.3; color: #4b4b4b; } #home .rightside { overflow: hidden; } #home .rightside a { color: #7dbe88; } #home .rightside a:hover { text-decoration: underline; } #home .title a { color: #4b4b4b; } #home .title a:hover { color: #999; } #home .subtitle { color: #999; } #home .content { margin: 35px; overflow: hidden; } #home .template_box { width: 40%; float: left; margin-right: 35px; } #home .template_div { width: 100%; color: #fff; text-align: center; } #home .template_box div.template_icon { float: left; margin-top: 15px; } #home .template_name { color: rgb(153,153,153); text-align: left; font-size: 1.4em; margin: 5px 0px 15px 0px; } #home p { font-size: 0.9em; margin: 10px 0px; } /* Request sample */ #request_sample h1 { margin-bottom: 0px; padding-top: 30px; } #requestForm label { float: left; clear:both; } #requestForm label.error { float: left; font-size: 10px; font-weight: bold; color:#F0F; } #requestForm input:required { border: 1px solid rgb(75,75,75); } #requestForm input[type=text], #requestForm input[type=email], #requestForm input[type=tel], #requestForm textarea { float: right; width: 60%; } #requestForm input[type=tel] { width: 40%; } #reportoptions { } #reportoptions ul { margin-left: 20px; } #reportoptions ul.collapsed { display: none; } #reportoptions li { width: 100%; padding: 2px 0px 2px 20px; list-style-type: none; display: block; /* no selection - for double-click use */ -webkit-user-select: none; -moz-user-select: none; -khtml-user-select: none; -ms-user-select: none; /* IE10+ */ } #reportoptions li div { background-image: url('img/tree-expand.png'); float: left; margin: 7px 8px 0px 0px; width: 9px; height: 9px; background-repeat: no-repeat; background-position: 0px 0px; } #reportoptions li div.expanded { background-image: url('img/tree-collapse.png'); } #reportoptions li span.leaf { margin: 7px 8px 0px 0px; width: 9px; height: 9px; } #reportoptions span.itemtext { cursor: pointer; } /* Templates & Reports */ .group { overflow: hidden; } .myreports_container { margin-left: -40px; } .container { position: relative; float:left; } .template, .report { margin: 15px 0px 28px 40px; position: relative; float: left; width: 190px; height: 130px; overflow: hidden; } /* Template colors */ .template { background-color: #44525D; /* default, if nothing else specified */ } /* 1 = At a glance */ .template_color_1 { color: #cd6083; } .template_backcolor_1 { background-color: #cd6083; } /* SPGMI Magenta5 */ /* 2 = Statistical Overview */ .template_color_2 { color: #d3ac65; } .template_backcolor_2 { background-color: #d3ac65; } /* SPGMI Ochre5 */ /* 3 = Crime Overview */ .template_color_3 { color: #9f60a4; } .template_backcolor_3 { background-color: #9f60a4; } /* SPGMI Purple5 */ /* 4 = At a glance (PDF) */ .template_color_4 { color: rgb(160,206,20); } .template_backcolor_4 { background-color: rgb(160,206,20); } /* IHS green 1 */ /* for future use: */ .template_color_5 { color: rgb(250,204,0); } .template_backcolor_5 { background-color: rgb(250,204,0); } /* IHS light orange */ .template_color_6 { color: rgb(59,179,194); } .template_backcolor_6 { background-color: rgb(59,179,194); } /* turquoise */ .template_color_7 { color: rgb(231,118,32); } .template_backcolor_7 { background-color: rgb(231,118,32); } /* IHS dark orange */ .template_color_8 { color: rgb(219,33,76); } .template_backcolor_8 { background-color: rgb(219,33,76); } /* Neon red */ /* Template icons */ .template_icon { background-image: url('img/template-general.png'); /* default, if nothing else specified */ width: 48px; height: 48px; background-size: 48px 48px; background-position: 0px 0px; background-repeat: no-repeat; } .template_disabled { background-image: url('img/template-disabled.png'); } .template_1 { background-image: url('img/template-ataglance.png'); } .template_1_small { background-image: url('img/template-ataglance-small.png'); } .template_2 { background-image: url('img/template-statisticaloverview.png'); } .template_2_small { background-image: url('img/template-statisticaloverview-small.png'); } .template_4 { background-image: url('img/template-ataglance.png'); } .template_4_small { background-image: url('img/template-ataglance-small.png'); } .template_frontpage1 { background-image: url('img/template-ataglance-green.png'); } .template_frontpage2 { background-image: url('img/template-statisticaloverview-green.png'); } /* Templates */ .template { color: #fff; text-align: center; border: 2px solid #fff; -webkit-border-radius: 15px; -moz-border-radius: 15px; border-radius: 15px; } .template:hover { cursor: pointer; border: 2px solid rgb(75,75,75); } .template div.template_icon { margin: 25px auto 5px auto; } .template div.template_name { text-transform: uppercase; font-size: 0.9em; margin: 0px auto; } .disabled { disabled: disabled; } .disabled::after { content: ""; position: absolute; top: 0; left: 0; bottom: 0; right: 0; background-image: url('img/disabled.png'); /*background-size: 120px 120px; /* same as icon */ opacity:0.4; filter:alpha(opacity=40); /* For IE8 and earlier */ } /* Reports */ .report { background-color: #E8E8E8; border: 1px solid #C9C9C9; } .report:hover { cursor: pointer; border: 1px solid rgb(125,125,125); } .report.disabled:hover { cursor: default; } .report.plus { border: 1px dashed rgb(200,200,200); background: none; text-align: center; } .report.plus:hover { border: 1px dashed rgb(75,75,75); color: rgb(75,75,75); } .report.plus div { margin-top: 35px; } .report_type { position: absolute; z-index:5; right: 15px; top: 10px; width: 35px; height: 35px; -webkit-border-bottom-left-radius: 6px; -webkit-border-bottom-right-radius: 6px; -moz-border-radius-bottomleft: 6px; -moz-border-radius-bottomright: 6px; border-bottom-left-radius: 6px; border-bottom-right-radius: 6px; } .report_type div.template_icon { width: 20px; height: 20px; background-size: 20px 20px; background-repeat: no-repeat; background-position: 0px 0px; margin: 7px auto; } .report_details { color: rgb(75,75,75); width: 100%; height: 100%; position: relative; overflow: hidden; } .report_details div.rd_content { position: relative; margin: 15px; width: 124px; height: 100px; /* 130-15-5 */ overflow: hidden; /*right margin is to make space for the template type icon */ } .report_details div.imp_param { float: left; width: 100%; display: inline; clear: both; } .report_details div.date { position: absolute; left: 0px; bottom: 0px; font-size: 0.7em; text-transform: uppercase; } .report_details div.loading, .report_details div.outputtype { position: absolute; right: 15px; top: 35px; height: 20px; width: 20px; } .report_details div.loading { background: url('img/loading.gif') no-repeat 0px 0px; background-size: 20px 20px; } .report_details div.outputtype { background-repeat: no-repeat; background-position: left 0px; } .report_details div.outputtype.docx { background-image: url('img/output-docx.png'); } .report_details div.outputtype.pptx { background-image: url('img/output-pptx.png'); } .report_details div.outputtype.xlsx { background-image: url('img/output-xlsx.png'); } .report_details div.outputtype.pdf { background-image: url('img/output-pdf.png'); } .report_details div.removereport { position: absolute; right: 15px; bottom: 15px; height: 20px; width: 16px; background-image: url('img/actions_delete.png'); background-repeat: no-repeat; background-position: 0px 0px; } .report_details div.removereport:hover { background-position: 0px -20px; } .report_details div.flagnotuptodate { position: absolute; right: 35px; bottom: 15px; height: 20px; width: 20px; background-image: url('img/actions_rerun.png'); background-repeat: no-repeat; background-position: 0px 0px; } .report_details div.flagnotuptodate:hover { background-position: 0px -20px; } .report_actions { width: 100%; height: 30px; background-color: #fff; position: absolute; bottom: 0px; overflow: hidden; text-align: right; text-transform: uppercase; border-left: 1px solid rgb(200,200,200); border-right: 1px solid rgb(200,200,200); border-bottom: 1px solid rgb(200,200,200); border-top: 1px dashed rgb(200,200,200); } .report_actions div.ra_content { float: left; position: relative; margin: 4px 12px; } .report_actions span { position: absolute; top: 3px; font-size: 0.8em; line-height: 0.8em; text-transform: uppercase; } /* Modal windows - from SimpleModal */ #simplemodal-overlay { background-color:#000; } #simplemodal-container { width: 400px; height: 400px; color:#fff; background-color: rgb(60,60,60); border: 1px solid rgb(200,200,200); padding: 12px; } #simplemodal-container .simplemodal-data { padding:8px; } #simplemodal-container code { background:#141414; border-left:3px solid #65B43D; color:#bbb; display:block; font-size:12px; margin-bottom:12px; padding:4px 6px 6px;} #simplemodal-container a { color:#ddd; } #simplemodal-container a.modalCloseImg { background: url('img/close.png') no-repeat; width:16px; height:16px; display:inline; z-index:3200; position:absolute; top:5px; right:5px; cursor:pointer;} #simplemodal-container h3 { color: #7dbe88; font-size: 1.2em; } /* Contact */ #contactus { overflow: hidden; } #contactus a { color: #7dbe88; } #contactus a:hover { color: rgb(200,200,200); } #contactus .message { margin-bottom: 20px; } /* errors / notes */ .contactus-logo { float:right; /*position: absolute;*/ right: 15px; bottom: 20px; } #contactus textarea { margin: 15px 0px; padding: 5px; font-size: 0.8em; width: 400px; } /* Changelog */ #changelog { font-size: 0.9em; } #changelog div.changelog_template { height: 20px; width: 66px; background: url('img/changelog_template.png') no-repeat 0px 0px; margin: 0px 10px 10px 10px; } #changelog div.changelog_data { height: 20px; width: 66px; background: url('img/changelog_data.png') no-repeat 0px 0px; margin: 0px 10px 10px 10px; } /* Account Managers */ .account_manager { float: right; margin-right: 10px; } .accman { height: 213px; width: 178px; } .accman-JB { background: url('img/accman-JB.png') no-repeat 0px 0px; } .accman-ER { background: url('img/accman-ER.png') no-repeat 0pc 0px; } .accman-HG { background: url('img/accman-HG.png') no-repeat 0pc 0px; } .accman-UN { background: url('img/accman-IHS.png') no-repeat 0pc 0px; } /* search */ .search { background: url('img/search.png') no-repeat right 0px; } /* Other */ .clearboth { clear: both; } .lft { float: left; } .rgt { float: right; } .bottom { position: absolute; bottom: 0px; } .hide { display: none; } .bigger { font-size: 1.2em; line-height: 1.2em; } .smaller { font-size: 0.8em; line-height: 1.2em; } .normal { font-size: 1em; } .centertext { text-align: center; } .superscript { vertical-align: super; font-size: 0.5em; } .cntr { margin: 0px auto; } .transparent { opacity:0.4; filter:alpha(opacity=40); /* For IE8 and earlier */} .highlight { background-color: rgb(114,196,55); } .hidden { display: none; } /*#CTA#popup { display: none; height:100%; width:100%; position:fixed; left:0; top:0; z-index:1 !important; background-color:black; text-transform: uppercase; color: #fff; }*/ /*#CTA LATER, if more than 1 parameter div.down_holder { width: 100%; position: absolute; bottom: 0px; left:0px; } div.up_holder { width: 100%; position: absolute; top: 0px; left: 0px; } div.up, div.down { margin: 10px auto; height: 11px; width: 20px; overflow: hidden; } div.up { background: url('img/up.png') no-repeat left 0px; } div.up:hover { background-position: right -11px; } div.down { background: url('img/down.png') no-repeat left 0px; } div.down:hover { background-position: right -11px; } */ /*.subscribe_template { position: absolute; left: 8px; bottom: 3px; width: 20px; height: 20px; background: url('img/no_access.png') no-repeat 0px 0px; z-index: 5; } .subscribe_template:hover { cursor: pointer; background-position: left -20px; } */ /* .rgthalf { position: absolute; top: 0px; right: 0px; width: 50%; height: 100%; padding: 20px; text-align: center; } */ /* #CTA - don't need this, can be used nicely if we want input:required { background: hsl(180, 50%, 90%); border: 1px solid #999; } input:invalid { border-color: hsl(0, 50%, 50%); background: hsl(0, 50%, 90%); } */ /*div.noaccess { background: url('img/no_access.png') no-repeat 0px 0px; }*/ /*.icon { border: 1px solid rgb(28,45,114); / same as body / position: relative; float:left; padding: 10px; width: 120px; height: 120px; margin: 0px 15px 15px 0px; overflow: hidden; color: #fff; } .bottom_strip { position: absolute; bottom: 0px; left: 0px; height: 22%; width: 100%; text-align: left; padding: 0.2em 0.5em 0.2em 0.5em; line-height: 1em; } */ /*.icon, .page { -webkit-border-top-left-radius: 15px; -webkit-border-top-right-radius: 15px; -moz-border-top-left-radius: 15px; -moz-border-top-right-radius: 15px; border-top-left-radius: 15px; border-top-right-radius: 15px; }*/ /* Actions */ /*div.action { float: left; position: relative; width: 20px; height: 20px; margin-right: 3px; background-repeat: no-repeat; background-position: left 0px; } div.action:hover { cursor: pointer; background-position: left -20px; } div.action.info { background-image: url('img/action-info.png'); } div.action.download { background-image: url('img/action-download.png'); } div.action.rerun { background-image: url('img/rerun.png'); }*/ /* Status bar */ /*.messages { -webkit-border-radius: 6px; -moz-border-radius: 6px; border-radius: 6px; font-size: 1em; line-height: 1.2em; margin: 15px 0px; padding: 5px; width: 100%; overflow: hidden; } .messages-notes { background-color: rgb(222, 242, 222); border-color: rgb(211, 238, 211); color: rgb(73, 185, 73); } .messages-error { background-color: rgb(242, 222, 222); border-color: rgb(238, 211, 211); color: rgb(185, 73, 73); } */ /* .icon_container { padding: 10px; position: relative; float:left; } .icon { position: relative; float: left; width: 150px; height: 180px; overflow: hidden; background-color: #fff; } .icon a { color: rgb(125,125,125); } .icon.report { min-height: 100px; width: 180px; } .icon_top { width: 100%; height: 30px; top: 0px; overflow: hidden; color: #fff; border-bottom: 1px dashed #fff; } .icon_top_number { font-size: 1.2em; font-weight: bold; float: right; margin: 3px 8px; } .icon_top_templ { margin: 8px 12px; font-size: 0.7em; float: left; text-transform: uppercase; } .icon_middle { color: rgb(87,87,87); width: 100%; height: 100%; position: relative; overflow: hidden; background-color: rgb(240,240,240); border-left: 1px solid rgb(200,200,200); border-right: 1px solid rgb(200,200,200); } .icon a:hover .icon_middle { background-color: rbga(0,0,0,0.1); cursor: pointer; } .icon_middle .icon_content { margin: 10px 10px 30px 10px; float: left; position: relative; clear: both; font-size: 1.1em; } .icon a:hover .icon_content { color: rgb(50,50,50); } .icon_middle .icon_content.new { font-weight: bold; } .icon_middle .date { font-size: 0.7em; text-transform: uppercase; position: absolute; left: 10px; bottom: 50px; margin: 0px 10px 20px 0px; } .icon_bottom { width: 100%; height: 30px; background-color: #fff; position: absolute; bottom: 0px; overflow: hidden; text-align: right; text-transform: uppercase; border-left: 1px solid rgb(200,200,200); border-right: 1px solid rgb(200,200,200); border-bottom: 1px solid rgb(200,200,200); border-top: 1px dashed rgb(200,200,200); } .icon_actions { float: left; position: relative; margin: 4px 8px; } .icon_actions span { position: absolute; top: 3px; font-size: 0.8em; line-height: 0.8em; text-transform: uppercase; } */ /*#home .more-text { display: block; width: 150px; text-align: center; margin: 0px auto; font-size: 1em; } #home .more { height: 50px; width: 50px; margin: 10px auto 40px auto; } #home .more-learn { background: url('img/more-learn.png') no-repeat 0px 0px; } #home .more-publish { background: url('img/more-publish.png') no-repeat 0px 0px; } #home .more-research { background: url('img/more-research.png') no-repeat 0px 0px; } .action { float: left; position: relative; width: 20px; height: 20px; background-repeat: no-repeat; background-position: left 0px; } .action:hover { cursor: pointer; background-position: left -20px; } .action.info { background-image: url('img/action-info.png'); } */ /* old FOOTER #footer { width: 100%; color: #fff; margin: 10px 0px; clear: both; position: relative; clear: both; } #footer a { font-size: 1em; color: #fff; } #footer a:hover { color: rgb(125,125,125); } #footer div { float: right; font-size: 0.8em; } div.ihs { background-size: 25px 25px; background-image: url('img/IHS-white.png'); background-repeat: no-repeat; width: 25px; height: 25px; margin-right: 5px; vertical-align: middle; } */ /* #nav a.menu-addreport { background-image: url('img/menu-plus.png'); } #nav a.menu-reports { background-image: url('img/menu-home.png'); } #nav a.menu-settings { background-image: url('img/settings.png'); } #nav a.menu-account { background-image: url('img/menu-user.png'); } #nav a.menu-contact { background-image: url('img/menu-contact.png'); }*/