dl.default-filter-select { width: 255px !important; } dl.default-filter-select dt { padding: 0 10px !important; } dl.default-filter-select dd ul li a { padding: 0 10px !important; } dl.default-filter-select .jScrollPaneDrag { background: #fff; width: 30px; height: 30px; padding: 0; margin: 0; } dl.default-filter-select .jScrollPaneTrack { background: #005746; width: 30px; padding: 0; margin: 0; } /* =========================================================================== MEDICAL GUIDE =========================================================================== */ /* HELPERS ---------------------------------------- */ .show { display: block; } .hide { display: none; } .ir { display:block; text-indent:-999px; overflow:hidden; background-repeat: none; } .hidden { display:none; visibility:hidden; } /* Hide for both screenreaders and browsers */ .visuallyhidden { position:absolute; left:-10000px; top:auto; width:1px; height:1px; overflow:hidden; } /* Hide only visually, but have it available for screenreaders http://www.webaim.org/techniques/css/invisiblecontent/ */ .invisible { visibility: hidden; } /* ----------------------------------------------------------- ***** TO INTEGRATION WITH CMS, ERASE THE BLOCK BELOW ****** ----------------------------------------------------------- * body { padding: 50px; font-family: 'trebuchet ms', arial, verdana, sans-serif; font-size: 12px; color: #3c493e; background: #f8f8e9; } */ /* ---------------------------------------------------------------------- */ /* ---------------------------------------------------------------------- */ /* ---------------------------------------------------------------------- */ /* STRUCTURE ---------------------------------------- */ #medical-guide { width: 958px; float: left; min-height:517px; clear: both; position: relative;/* overflow: hidden;*/ } /* CENTER ------------------------------ */ #results { float: left; margin-left: 40px; width: 494px; font-size: 11px; position: relative; } #how-to { height: 600px;/* background: url('/static/img/common/marker-steps.png'); text-indent: -9999px;*/ /*overflow: hidden;*/ } #how-to .results-error { margin-top: 25px; margin-bottom: 20px; background: #d27676; color: #FFF; padding: 14px; } #how-to ol { margin:0px; padding: 0px; } #how-to ol li { float: left; width: 176px; margin-left: 40px; padding-left: 10px; border-right: 1px solid #dfdfd1; margin-bottom: 8px; padding-right: 20px; height: 200px; font-size: 15px; } #how-to ol li.no-border { border-right: 0; } #how-to ol li.tip1 { background: url( '/static/img/guia_medico/ico-how-to-01.png' ) center 87px no-repeat; } #how-to ol li.tip2 { background: url( '/static/img/guia_medico/ico-how-to-02.png' ) center 75px no-repeat; } #how-to ol li.tip3 { background: url( '/static/img/guia_medico/ico-how-to-03.png' ) center 75px no-repeat; } #how-to ol li.tip4 { background: url( '/static/img/guia_medico/ico-how-to-04.png' ) center 85px no-repeat; } /* LOADING ------------------------------- */ #medical-guide .loading-block { width: 100%; height: 100%; position: absolute; z-index: 999998; background: #f8f8e9; /*url( '/static/img/common/loading.gif' ) 0px 0px no-repeat;*/ left: 0px; top: 0px; margin: 0 auto; color: #000; opacity: .9; filter: alpha(opacity=90); display: none; } #medical-guide .loading-block .load-img { background: #f8f8e9 url( '/static/img/common/loading.gif' ) 0px 0px no-repeat; position: absolute; width: 32px; height: 32px; margin: 240px 480px; padding-top: 35px; text-indent: -5px; } #medical-guide .loading-mouse { width: 32px; height: 32px; position: absolute; z-index: 999999; left: 0; top: 0; background: #f8f8e9 url( '/static/img/common/loading.gif' ) 0px 0px no-repeat; color: #000; opacity: .9; display: none; } /* ZOOM ------------------------------- */ /** * ------------- // * Right Tooltip * ------------- // **/ .tooltip-right { position: absolute; color: #FFF; z-index: 9999; display:none; margin:5px 0 0 5px; height:36px; overflow:hidden; } .tooltip-right a { display:block; float:left; padding:7px 0 9px 0; height: 13px; } .tooltip-right div { width: 13px; height:36px; float:left; display:block; } .tooltip-right div:first-child { background:url('/static/img/common/map-front.png') no-repeat; } .tooltip-right div { background:url('/static/img/common/map-back.png') no-repeat; } /** * ------------- // * Left Tooltip * ------------- // **/ .tooltip-left { position: absolute; color: #FFF; z-index: 9999; display:none; margin:5px 0 0 5px; height:36px; overflow:hidden; } .tooltip-left a { display:block; float:left; padding:7px 0 9px 0; height: 13px; } .tooltip-left div { width: 13px; height:36px; float:left; display:block; } .tooltip-left div:first-child { background:url('/static/img/common/left-front.png') no-repeat; } .tooltip-left div { background:url('/static/img/common/left-back.png') no-repeat; }