/*** GENERAL STYLES ***/ body {background: #e8e8e8; text-align: center; margin: 0; padding: 0 0 30px 0;} body, th, td, h1, h2, h3, h4, h5, h6, select, input, textarea {font-family: arial, helvetica, sans-serif; font-size: small; color: #333;} body, th, td, h1, h2, h3, h4, h5, h6 {line-height: 1.4em;} form, h1, h2, h3, h4, h5, h6 {margin: 0; padding: 0;} img, table, fieldset {border: 0;} ul, ul li {list-style: none; margin: 0; padding: 0;} p {margin: 0 0 1.5em 0;} a {color: #ca3123; cursor: pointer; cursor: hand; text-decoration: none;} a:hover {text-decoration: underline;} a.arrowlink {padding-right: 8px; background: url(../images/arrow-red.gif) right 60% no-repeat;} .hide {display: none;} .alert {color: #c00;} .small {font-size: 10px;} .floatleft {float: left;} .floatright {float: right;} .imgleft {float: left; margin: 0 15px 15px 0;} .imgright {float: right; margin: 0 0 15px 15px;} .spacer {float: none; clear: both; height: 1px; overflow: hidden;} .clear {float: none; clear: both;} .half {width: 50%;} .third {width: 33%;} .quarter {width: 25%;} .ir {display: block; position: absolute; left: 0; top: 0; width: 100%; height: 100%; background: no-repeat;} a .ir {cursor: pointer;} /*=== SANOFI BAR ===*/ #saBar { position: absolute; z-index: 500; width: 100%; top: 0; left: 0;} #saBar table { border-collapse: collapse; border: 0; margin: 0;} #saBar table td { } #saBar table td.saLeft { width: 50%; background: url(../images/saBar_leftPNG.png) repeat-x; } #saBar table td.saRight { width: 50%; background: url(../images/saBar_rightPNG.png) repeat-x; } #saBar .saCenter { width: 982px; height: 28px; background: url(../images/saBar_centerBG.png) no-repeat; position: relative; } #saBar .saLaunch { display: block; width: 208px; height: 56px; background: url(../images/saBar_centerLogo.png) no-repeat; position: absolute; top: 0; right: 142px; } #saBar .saLaunch img, #saBar .saLaunch a { display: block; width: 208px; height: 56px;} #saLogo { position: absolute; z-index: 505; width: 100%; top: 0; left: 0;} #saLogo table { border-collapse: collapse; border: 0; margin: 0;} #saLogo table td.saLeft { width: 50%; } #saLogo table td.saRight { width: 50%; } #saLogo .saCenter { width: 982px; position: relative; } #saLogo .saSwoosh { display: block; width: 208px; height: 56px; background: url(../images/saBar_centerLogo.png) no-repeat; position: absolute; top: 0; right: 155px; } #saLogo .saLink{ display: block; width: 208px; height: 56px; position: absolute; top: 0; right: 155px; } #saLogo .saLink img, #saBar .saLink a { display: block; width: 208px; height: 56px;} /*** LOGO BAR STYLES ***/ #sablue {position: absolute; left: 0; top: 0; width: 100%; height: 25px;} #sablue {_filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=images/sa-blue.png, sizingMethod='scale');} html>body #sablue {background: url(../images/sa-blue.png) repeat-x;} #sawhite {position: absolute; left: 50%; top: 0; width: 50%; height: 22px; background: url(../images/sa-white.gif );} #salogo {display: block; position: relative; width: 982px; height: 58px; margin: 0 auto; text-align: right; font-size: 17px; line-height: 22px; text-decoration: none; color: #008dcc; font-weight: bold; z-index: 5;} #salogo .ir {height: 58px; _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=images/sa-logo.png, sizingMethod='scale');} html>body #salogo .ir {background-image: url(../images/sa-logo.png);} /*** STRUCTURAL STYLES ***/ #outer {position: relative; width: 980px; margin: 0 auto; text-align: left; border: 1px solid #bdbdbd; background: #fff;} #main {position: relative; background: #fff url(../images/main.gif) left bottom repeat-x; height: 115px; min-height: 115px; padding: 20px 30px 40px 30px;} html>body #main {height: auto;} body.home #main {background: #fefecb url(../images/main-home.gif) left bottom repeat-x;} #mainshadow {position: absolute; left: 0; top: 0; width: 980px; height: 6px; background: url(../images/mainshadow.gif); overflow: hidden;} body.home #mainshadow {background: url(../images/mainshadow-home.gif);} #content {float: left; width: 570px;} #sidebar {float: right; width: 320px; margin: 0 0 30px 20px;} /*** BREADCRUMB STYLES ***/ #toolbar {margin-bottom: 20px;} #content #toolbar ul {margin: 0; font-size: 11px;} #content #toolbar ul li {padding: 0; background: none;} #content #toolbar span {margin: 0; font-size: 12px;} #crumbs {border-bottom: 2px solid #4b4b4b; padding-bottom: 6px; line-height: 18px;} /*#content #crumbs li {display: inline;}*/ #tools {float: right; line-height: 30px; margin: 0;} #tools li {float: left; padding-left: 20px !important;} #tools a {display: block; height: 30px; white-space: nowrap; width: 13px; color: #333; text-decoration: none;} html>body #toolsend a, html>body #toolprint a {width: auto;} #tools a:hover {color: #ca3123; text-decoration: underline;} #toolsend a {padding-right: 25px; background: url(../images/icon-sendtoafriend.gif) right center no-repeat;} #toolprint a {padding-right: 25px; background: url(../images/icon-print.gif) right center no-repeat;} #tooltext {position: relative; padding-right: 36px !important;} #textplus, #textminus {position: absolute; top: 0; height: 30px !important; margin-left: 5px; text-align: center; font-weight: bold;} #textplus {right: 18px;} #textminus {right: 0;} #textplus .ir {background: #fff url(../images/icon-textplus.gif) center center no-repeat;} #textminus .ir {background: #fff url(../images/icon-textminus.gif) center center no-repeat;} /*** CONTENT STYLES ***/ #content h1, #legalcopy h1 {clear: both; font-size: 18px; margin-bottom: .5em;} #content h2, #legalcopy h2 {font-size: medium; margin: 1.8em 0 1em 0;} /*#content h3, #legalcopy h3 {font-size: 105%; text-transform: uppercase; margin: 1.8em 0 .5em 0;}*/ #content h3, #legalcopy h3 {font-size: 105%; margin: 1.8em 0 .5em 0;} #content h4, #legalcopy h4 {margin-bottom: .3em;} #content ul, #sidebar ul {margin: 1.5em 0 1.5em 1.5em;} #content ul li, #sidebar ul li {padding-left: 15px; background: url(../images/bullet.gif) 0 5px no-repeat; margin-bottom: 3px;} #content ul ul li, #sidebar ul ul li {padding-left: 15px; background: url(../images/circle.gif) 0 5px no-repeat; margin-bottom: 3px;} #legalcopy {clear: left; padding-top: 0em; height: 10px; margin-top: 1.8em; min-height: 10px;} html>body #legalcopy {height: auto;} body.home #legalcopy {clear: both;} #legalcopy ul {margin: 1.5em 0 1.5em 20px;} #legalcopy ul li {padding-left: 15px; background: url(../images/bullet.gif) 0 5px no-repeat; margin-bottom: 3px;} /*** SITE MAP STYLES ***/ #content .sitemap {border-top: 1px solid #bdbdbd; padding: 1em 0;} #content .sitemap h2 {margin: 0 0 1em 0;} #content .sitemap ul {margin: 0 !important; height: 10px; float: left; clear: left; width: 100%;} html>body #content .sitemap ul {height: auto;} #content .sitemap li {float: left; white-space: nowrap; width: 10px; padding: 0.25em 0; margin: 0 0.5em 0 0; background: none; } html>body #content .sitemap li {width: auto;} #content .sitemap li a { display: block; border-right: 1px solid #333; line-height: 1.5em; padding: 0 0.5em 0 0;} #content .sitemap li.lastLI a { border-right: none;} /*** SEARCH RESULT PAGINATION STYLES ***/ #searchresults {border-bottom: 1px solid #bdbdbd; padding-bottom: .5em; margin-bottom: 1.5em;} #searchresults p {margin: 0;} #content #searchresults ul {float: right; margin: 0;} #content #searchresults ul li {display: inline; padding: 0 3px 0 5px; background: none;} #content .searchresults1 ul {float: right; margin: 0;} #content .searchresults1 ul li {display: inline; padding: 0 3px 0 5px; background: none;} /*** SIDEBAR STYLES ***/ a.inSide {display: block; padding-right: 0; padding-left: 8px; background: url(../images/arrow-red.gif) left 5px no-repeat; font-size: 17px; line-height: 19px; font-weight: bold; margin-bottom: 12px;} #safetyinfo {padding: 15px; border: 1px solid #000; background: #fff;} #safetyinfo h3, #safetyinfo p {margin-bottom: 0; padding-bottom: 6px; font-size: 13px; line-height: 18px;} #safetyinfo h3 {font-size: 18px; margin-bottom:10px;} #sidebar #safetyinfo {margin-bottom: 15px;} #glossary p, #downloads p, #downloads2 p, #faqs p { font-size: 13px; line-height: 18px; margin-bottom: 19px;} .moduletitle {position: relative; margin: 0; background: #eee; border-bottom: 1px solid #bdbdbd; font-size: 16px; line-height: 16px; font-weight: bold; padding: 7px 15px; height: 10px;} html>body .moduletitle {height: auto; min-height: 10px;} .moduletitle a {position: absolute; right: 15px; font-size: 11px; font-weight: normal; text-decoration: none;} .moduletitle a:hover {text-decoration: underline;} .module, .modWrap {background: #fbf6c8 url(../images/module.gif) left top repeat-x; padding: 15px; margin-bottom: 15px;} .pdflink {line-height: 1.8em; padding-left: 22px; background: url(../images/pdf.gif) left center no-repeat;} .moduleexpander {margin: 0 0 15px 0 !important; background: #dfdfdf; padding: 5px 0;} .moduleexpander li {padding: 0 !important; background: none !important;} .moduleexpander a {display: block; padding: 5px 0 5px 25px; width: 19px; white-space: nowrap; background: url(../images/arrow-red.gif) 15px center no-repeat; font-weight: bold; font-size: 13px; line-height: 18px;} .moduleexpander a.downArrow {background: url(../images/arrow-down.gif) 15px center no-repeat;} html>body .moduleexpander a {width: auto;} .moduleexpander li.on div {display: block;} .moduleexpander div.module, .moduleexpander div.modWrap {padding-left: 25px; margin: 0;} .moduleexpander div.module a, .moduleexpander div.modWrap a {display: inline; padding: 0; background: none; font-size: 12px; line-height: 16px;} .moduleexpander div.module p, .moduleexpander div.modWrap p { font-size: 12px; line-height: 16px;} .modulepagination {position: relative; border-top: 1px solid #bdbdbd; padding: 10px 0 0 0; margin: 0; line-height: 19px; font-weight: bold; width: 290px;} .modulepagination p {margin: 0; text-align: center;} .moduleexpander .modulepagination {margin-left: -10px;} .modulepagination p a {margin: 0 3px;} .modulepagination a.on { text-decoration: none; color: #000;} .modulepagination .prevlink, .modulepagination .nextlink {position: absolute; top: 10px; width: 19px !important; height: 19px !important; line-height: 19px; overflow: hidden; font-size: large; text-decoration: none;} .prevlink .ir, .nextlink .ir {background-image: url(../images/boxarrow.gif);} .prevlink {left: 0;} .nextlink {right: 0;} .prevlink .ir {background-position: 0 0;} .nextlink .ir {background-position: -19px 0;} .prevlink:hover .ir {background-position: 0 -19px;} .nextlink:hover .ir {background-position: -19px -19px;} /*** NAVBAR STYLES ***/ #navbar {height: 55px; border-bottom: 1px solid #bdbdbd;} #searchform {float: right; padding: 15px 30px 0 0;} #searchform input {vertical-align: middle; border: 1px solid #a0a0a0;} #ctl00_search1_searchtext {position: relative; width: 240px; background: #e8e8e9; font-size: medium;} #ctl00_search1_searchbutton {color: #fff; background: #ca3123; font-weight: bold; font-size: medium;} #nav {position: relative; height: 33px; padding: 11px 0; margin-left: 20px; line-height: 33px; z-index: 5 !important; width: 605px;} #nav li {float: left; position: relative;} #nav li a {display: block; width: 1%; height: 33px; white-space: nowrap; color: #ca3123; text-transform: lowercase; text-decoration: none; padding: 0 18px; font-weight: bold; font-size: medium;} html>body #nav li a {width: auto;} /* hover toggle and on */ #nav li:hover a, #nav li a:hover {background: #ca3123; color: #fff;} #nav li a.on {background: #ca3123; color: #fff;} #nav li:hover ul, #nav li a:hover ul {visibility: visible;} /* sub nav */ #nav ul {visibility: hidden; position: absolute; left: 0; top: 33px; background: #fbf6cb; border: 1px solid #ca3123; padding: 8px 0; z-index: 5 !important; line-height: 1em;} #nav ul li {float: none;} #nav ul li a {position: relative; width: 160px; padding: 4px 20px 4px 10px; height: auto; color: #000; text-transform: none; font-weight: normal; font-size: small; background: transparent !important; color: #000 !important;} #nav ul li a:hover {background: #ca3123 !important; color: #fff !important;} #nav ul ul {position: relative; left: 0; top: 0; border: 0; padding: 4px 0;} #nav ul ul li { } #nav ul ul li a {width: 110px; padding-left: 30px; font-size: 13px;} #nav #support ul { width: 160px; overflow:hidden;} #nav li table { position: absolute; top: 0; left: 0;} /*** HERO STYLES ***/ /*-- landing --*/ #homeflash { height: 426px; background: url(../images/bg_heroDefault.jpg) no-repeat;} #homeflash .homelogo { height: 65px; left: 0; overflow: hidden; position: absolute; top: 22px; width: 175px;} #homeflash .homelogo a { color: #000; display: block; font-size: 18px; height: 65px; left: 0 ; position: absolute; top: 0; text-align: center; text-decoration: none; width: 175px;} #homeflash .homelogo a .replace { background: url(../images/bg_heroDefault.jpg) 0 -22px; cursor: pointer; display: block; height: 100%; left: 0; position: absolute; top: 0; width: 100%;} #homeflash h1 {color: #FFF; font-size: 62px; font-weight: bold; height: 86px; left: 25px; line-height: 62px; overflow: hidden; position: absolute; top: 329px; width: 694px;} #homeflash h1 span.small { color: #f5db7a; display: block; font-size: 16px; margin: -25px 0 0; text-transform: uppercase;} #homeflash h1 span.replace { background: url(../images/bg_heroDefault.jpg) -25px -329px; display: block; height: 86px; left: 0; position: absolute; top: 0; width: 100%;} #homeflash .homequote { position: absolute; top: 145px; right: 32px; font-size: 35px; line-height: 35px; color: #FFF; font-weight: bold; letter-spacing: -1px; text-align: right;} #homeflash .homecopy { position: absolute; top: 232px; right: 32px; font-size: 11pt; line-height: 15px; color: #FFF; text-align: right;} #homeflash .homecopy a.more {background: url(../images/bg_homeLinkArrow.gif) no-repeat left center; display: block; float: right; color: #fbdf80; font-weight: bold; font-size: 13px; line-height: 21px; padding-left: 8px; } /*-- inner --*/ #hero {position: relative; height: 158px; background: #f0f0f0; margin-top: 23px;} #hero a {text-decoration: none;} #hero a:hover {text-decoration: underline;} #herotop {position: absolute; width: 980px; height: 83px; border-bottom: 1px solid #bdbdbd; background: #dad9de;} #heroimage {position: absolute; width: 980px; height: 158px;} body.about #heroimage, body.about #hero .ir {background-image: url(../images/hero-about.jpg);} body.diagnosis #heroimage, body.diagnosis #hero .ir {background-image: url(../images/hero-diagnosis.jpg);} body.eloxatin #heroimage, body.eloxatin #hero .ir {background-image: url(../images/hero-eloxatin.jpg);} body.treatment #heroimage, body.treatment #hero .ir {background-image: url(../images/hero-support.jpg);} body.support #heroimage, body.support #hero .ir {background-image: url(../images/hero-treatment.jpg);} #hero .logo a {position: absolute; left: 0; top: 0; width: 190px; height: 72px; padding-top: 20px; text-align: center;} #hero .logo strong {display: block; font-size: x-large; text-transform: uppercase; line-height: 1.1em;} #usresidents {position: absolute; right: 0; top: 55px; width: 345px; font-size: 16px; line-height: 21px;} #usresidents a.arrowlink {padding-right: 0; padding-left: 8px; display: block; position: absolute; left:-115px; background: url(../images/arrow-red.gif) left center no-repeat; font-size: 17px; font-weight: bold;} .home #usresidents {position: absolute; right: 0; top: 35px; width: 545px; font-size: 16px; line-height: 21px;} .home #piLinks {position: absolute; right: 0; top: 70px; width: 535px; font-size: 16px; line-height: 21px; text-align: center;} .home #piLinks .canadaArrow { background: url(../images/grey_arrow.gif) no-repeat left center; display: block; left: 185px; position: absolute;} .home #piLinks a.canada {background:url(../images/Canadian_flag.gif) no-repeat right center; font-size:15px; padding-left: 8px; padding-right:30px; color:#333;} .home #piLinks a.arrowlink {padding-right: 0; padding-left: 8px; display: block; position: absolute; left: 55px; background: url(../images/arrow-red.gif) left center no-repeat; font-size: 17px; font-weight: bold;} #printlogo {display: none;} #hero .quote {position: absolute; left: 540px; bottom: 0; width: 410px; height: 60px; font-size: 21px; color: #4b4b4b; text-align: right; line-height: 23px;} #hero .hcpBtn { position: absolute; right: 32px; top: 380px;} /*** HOME HERO STYLES ***/ body.home #hero {height: 426px; background: #7f8fa0; margin-top: 0;} body.home #usresidents { top: 35px; left:455px; } body.home #herotop {height: 92px;} body.home #heroimage {height: 404px;} body.home #heroimage, body.home #hero .ir {background-image: url(../images/hero-home.jpg);} body.home #safetylink {position: absolute; right: 0; top: 65px; width: 345px; font-size: 90%; font-weight: bold;} body.home #safetylink a {color: #ca3123; padding-left: 8px; background: url(../images/arrow-red.gif) left 50% no-repeat;} body.home #professionals {position: absolute; right: 32px; bottom: 14px; margin: 0;} body.home #professionals a {display: block; width: 198px; height: 31px; text-align: center; font-size: 105%; font-weight: bold; line-height: 31px; color: #fbdf80;} body.home #professionals a .ir {background-position: -750px -359px;} body.home #hero h2 {position: absolute; left: 0; top: 334px; width: 730px; height: 70px; font-size: 500%; text-transform: lowercase; text-indent: 25px; color: #fff; line-height: 96px; text-align: left;} body.home #hero h2 .ir {background-position: 0 -334px;} body.home #herotext {position: absolute; left: 405px; top: 120px; width: 545px; height: 210px; text-align: right; color: #fff;} body.home #herotext h3 {font-size: 230%; line-height: 1.1em; margin-bottom: .8em; color: #fff;} body.home #herotext p {margin: 0 0 .5em 90px;} body.home #herotext .ir {background-position: -405px -120px;} body.home #herotext #morelink {position: absolute; right: 0; bottom: 0;} body.home #herotext #morelink a {color: #fbdf80; padding-left: 8px; background: url(../images/arrow-yellow.gif) left center no-repeat; font-weight: bold;} /*** HOME MAIN STYLES ***/ body.home #safetyinfo {width: 535px; background: #fff;} #audiences {position: relative; float: right; width: 350px; font-size: medium; line-height: 1.5em; padding-top: 5px; right: -10px;} #audiences h3 {color: #555; font-size: 85%;} #audiences ul {margin: .4em 0;} #audiences ul a {text-decoration: none; font-weight: bold;} #audiences ul a:hover {text-decoration: underline;} /*** SEND TO A FRIEND STYLES ***/ #fade, #fullscreen {display: none;} #fade {position: absolute; left: 0; top: 0; width: 100%; height: 1100px; background: #000; filter: alpha(opacity=66); -moz-opacity: .66; opacity: .66; z-index: 10;} #sendtoafriend {position: relative; left: 0; top: 0; width: 100%; height: 100%;} #sendtoafriend .winTitle {margin: -20px -20px 20px -20px; padding: 8px 20px; background: #dfb638 url(../images/fullscreen-h1.gif) left top repeat-x; font-size: x-large; font-weight: bold; line-height: 1.4em;} #sendtoafriend a.close {position: absolute; right: 10px; top: 10px; width: 19px; height: 19px; font-size: large; text-decoration: none; text-align: center; text-indent: -50px; overflow: hidden;background: url(../images/close.gif);} #sendtoafriend a.close .ir {background: url(../images/close.gif);} #sendtoafriend span.alert { clear: both; display: block; line-height: 25px; padding-right: 20px; text-align: right;} #sendtoafriend {position: relative; margin: 0; width: 540px; min-height: 260px; padding: 20px 20px 40px 20px; background: #fff; text-align: left;} #sendtoafriend .floatleft {width: 275px; border-right: 1px solid #999; padding: 0 20px 10px 0;} #sendtoafriend .floatright {width: 220px; padding: 10px 0;} #sendtoafriend .floatleft div {clear: left; padding-top: 10px;} #sendtoafriend .floatleft label {float: left; width: 90px; padding-right: 10px; text-align: right; line-height: 1.7em;} #sendtoafriend .floatleft input.text {width: 165px;} #sendtoafriend .floatright label {display: block; margin-bottom: 5px;} #sendtoafriend .floatright textarea {width: 215px; height: 80px; margin-bottom: 8px; overflow: hidden;} #sendtoafriend .floatright p {text-align: right; width: 218px; margin: 0;} #sendtoafriend .floatright input {color: #fff; background: #ca3123; font-weight: bold; font-size: medium; border: 1px solid #a0a0a0;} #sendtoafriend .floatleft .sendCopy input { float: left; } #sendtoafriend .floatleft .sendCopy label { width: auto; margin-left: 5px; } #sendtoafriend h4 { font-size: 1.2em; margin-bottom: 1.0em;} #sendtoafriend .btnOpts { margin: 1.0em 0;} #sendtoafriend .btnOpts td { padding-left: 15px; } /*** FOOTER STYLES ***/ #footer {border-top: 1px solid #bdbdbd; padding: 40px; text-align: center;} #footer img {margin-bottom: 1em;} .reference ol,.reference li{ margin:5px 0px; font-size: 0.8em; } .stagetable { font-size: 1.0em; border-collapse: collapse; border: 2px solid #a0a0a0;} .stagetable thead tr { background-color: #d7d7d7; color: #333333; font-weight: bold;} .stagetable thead td { padding: 7px 10px; font-size: 1.1em;} .stagetable tr.alt { background-color: #faf6c7;} .stagetable tbody th, .stagetable tbody td { padding: 0.5em 0;} .stagetable tbody th { font-weight: bold; border-right: 1px solid #b0ae97; border-top: 1px solid #b0ae97; width: 105px; text-align: center;} .stagetable tbody td { border-top: 1px solid #b0ae97; padding-left: 15px; padding-right: 15px;} /*== iwindow styles ==*/ #myOverlay { position: absolute; z-index: 9999; left: 0; width: 100%; background-color: #000; cursor: pointer; } #frameWrap { position: absolute; z-index: 9999; background-color: #FFF; padding: 0; overflow: hidden; } .myFrameClass { border: 0; width: 580px; } .frameLoader { background: url(../images/spinner.gif) no-repeat 5px center; border: 1px solid #CA3123; position: absolute; z-index: 9999; background-color: #FFF; overflow: hidden; height: 45px; width: 125px; } .frameLoader p { color: #000; font-size: 13px; font-weight: bold; line-height: 45px; margin: 0; padding: 0 0 0 45px; text-align: left;} /*** RESOURCES TOGGLES ***/ .expanditem { cursor: pointer; font-size: 120%; margin-bottom: 5px;} .expanditem a {font-weight: bold; display: block; padding-right: 100px; background-image: url(../images/expand_btn.gif); background-repeat: no-repeat; background-position: right;} .expanditem a.on {background-image: url(../images/hide_btn.gif);} .expandcontent {padding-left: 20px;} /* Neuropathy Tool */ .preload .yes { background:url(../images/neuropathy_tool/yes.gif) no-repeat; width:0px; height: 0px; } .preload .no { background:url(../images/neuropathy_tool/no.gif) no-repeat; width:0px; height: 0px;} #neuro-tool .unselectable { -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -o-user-select: none; user-select: none; } #neuro-tool .code { float: right; font-family: 'Century Gothic W02'; margin-top: 26px; } #neuro-tool { margin: 0 auto; width: 570px; } #neuro-tool .frame-top { background-image: url(../images/neuropathy_tool/frame_top.jpg); background-repeat: no-repeat; height: 15px; } #neuro-tool .frame-body { background: white url(../images/neuropathy_tool/yellow_gradient.jpg) repeat-x; border: 2px solid black; border-width: 0 2px; height: 545px; _margin-top: -1px; width: 566px; } #neuro-tool .frame-body .main-title { color: #262626; font-size: 21px; padding: 0 0 0 25px; } #neuro-tool .frame-body .subheader { font-family: 'Century Gothic W02'; font-size: 15px; height: 54px; line-height: 18px; padding: 8px 35px 6px 25px;} #neuro-tool .frame-body .window { margin: 2px 0 0 25px; position: absolute; } #neuro-tool .frame-body .window .left { float: left; width: 10px; } #neuro-tool .frame-body .window .left .top { background: url(../images/neuropathy_tool/window_borders.gif) no-repeat; height: 10px; } #neuro-tool .frame-body .window .left .middle { background-color: white; border-left: 2px solid black; height: 427px; } #neuro-tool .frame-body .window .left .bottom { background: url(../images/neuropathy_tool/window_borders.gif) no-repeat 0px -32px; height: 10px; } #neuro-tool .frame-body .window .mid { background-color: white; border: 2px solid black; border-width: 2px 0px; float: left; height: 443px; _height: 449px; width: 502px; } #neuro-tool .frame-body .window .mid .body-with-dots { background: url(../images/neuropathy_tool/body_with_dots.jpg) no-repeat; height: 360px; margin: 35px auto 0; width: 162px; } #neuro-tool .frame-body .window .mid .in-background { margin: 35px 170px; position: absolute; } #neuro-tool .frame-body .window .mid .in-background * { cursor: default !important; } #neuro-tool .frame-body .window .mid .body-with-dots .small-dot { cursor: pointer; height: 25px; position: absolute; width: 25px; } #neuro-tool .frame-body .window .mid .body-with-dots .xray-dot { background-image: url(../images/neuropathy_tool/body_xray.jpg); background-repeat: no-repeat; color: white; cursor: pointer; font-family: 'Century Gothic W02'; height: 36px; padding: 16px 0 0 13px; position: absolute; width: 45px; } #neuro-tool .frame-body .window .mid .body-with-dots .general-dot { margin: 42px 0 0 -1px; } #neuro-tool .frame-body .window .mid .body-with-dots .neck-dot { margin: 47px 0 0 68px; } #neuro-tool .frame-body .window .mid .body-with-dots .foot-dot { margin: 326px 0 0 56px; } #neuro-tool .frame-body .window .mid .body-with-dots .ear-dot { margin: 14px 0 0 50px; } #neuro-tool .frame-body .window .mid .body-with-dots .forearm-dot { margin: 127px 0 0 21px; } #neuro-tool .frame-body .window .mid .body-with-dots .palm-dot { margin: 168px 0 0 128px; } #neuro-tool .frame-body .window .mid .body-with-dots .knee-dot { margin: 219px 0 0 87px; } #neuro-tool .frame-body .window .mid .body-with-dots .stomach-dot { margin: 133px 0 0 69px; } #neuro-tool .frame-body .window .mid .body-with-dots .foot-xray { margin: 316px 0 0 42px; background-position: -71px -338px; } #neuro-tool .frame-body .window .mid .body-with-dots .ear-xray { background-image: url(../images/neuropathy_tool/body_xray_stomach_ear.jpg); margin: 8px 0 0 37px; background-position: -66px -29px; } #neuro-tool .frame-body .window .mid .body-with-dots .forearm-xray { margin: 118px 0 0 7px; background-position: -36px -140px; padding: 16px 0 0 8px; width: 43px; } #neuro-tool .frame-body .window .mid .body-with-dots .palm-xray { margin: 165px 0 0 116px; background-position: -145px -186px; padding: 16px 0 0 6px; } #neuro-tool .frame-body .window .mid .body-with-dots .knee-xray { margin: 213px 0 0 74px; background-position: -103px -233px; width: 41px; } #neuro-tool .frame-body .window .mid .body-with-dots .stomach-xray { background-image: url(../images/neuropathy_tool/body_xray_stomach_ear.jpg); margin: 125px 0 0 55px; background-position: -84px -147px; font-size: 10px; padding: 16px 0 0 5px; width: 54px; } #neuro-tool .frame-body .window .mid .body-with-dots .general-xray { background-position: -15px -54px; margin: 33px 0 0 -14px; width: 38px; } #neuro-tool .frame-body .window .mid .body-with-dots .neck-xray { background-image: url(../images/neuropathy_tool/body_xray.jpg); background-position: -86px -57px; font-size: 12px; line-height: 10px; margin: 36px 0 0 57px; padding: 17px 0 0 5px; } #neuro-tool .frame-body .window .mid .body-with-dots .earOverMouth { background-image: url(../images/neuropathy_tool/body_ear_mouth_overlap.jpg); background-position: -37px -8px; } #neuro-tool .frame-body .window .mid .body-with-dots .mouthUnderEar { background-image: url(../images/neuropathy_tool/body_ear_mouth_overlap.jpg); background-position: -57px -39px; margin: 39px 0 0 57px; padding-top: 14px; } #neuro-tool .frame-body .window .mid .body-with-dots .hidden-dot { display: none; } #neuro-tool .frame-body .window .right { float: left; width: 10px; } #neuro-tool .frame-body .window .right .top { background: url(../images/neuropathy_tool/window_borders.gif) no-repeat -34px 0; height: 10px; } #neuro-tool .frame-body .window .right .middle { background-color: white; border-right: 2px solid black; height: 427px; } #neuro-tool .frame-body .window .right .bottom { background: url(../images/neuropathy_tool/window_borders.gif) no-repeat -34px -32px; height: 10px; } #neuro-tool .frame-body .dark-slide { float: left; height: 397px; margin: 33px 0 0 226px; overflow: hidden; position: absolute; width: 400px; } #neuro-tool .frame-body .dark-slide .container { background-color: #262626; float: left; height: 361px; overflow: hidden; padding: 20px 0 0 10px; width: 306px; _width: 285px; } #neuro-tool .frame-body .dark-slide .container .title { font-family:'Century Gothic W02 Bold'; font-size: 23px; height: 23px; line-height: 28px; white-space: nowrap;} #neuro-tool .frame-body .dark-slide .container .title .numbering { font-size: 15px; } #neuro-tool .frame-body .dark-slide .container .list-container .tip-container { font-family:'Century Gothic W02'; margin: 1em 0; } #neuro-tool .frame-body .dark-slide .container .stars-fluid { width: 152px; height: 19px; } #neuro-tool .frame-body .dark-slide .container .stars-fluid .stars-red { background: url(../images/neuropathy_tool/stars_red.jpg) no-repeat; height: 19px; position: absolute; width: 118px; } #neuro-tool .frame-body .dark-slide .container .stars-fluid .stars-white { background: url(../images/neuropathy_tool/stars_white.jpg) no-repeat; height: 19px; position: absolute; width: 118px; } #neuro-tool .frame-body .dark-slide .container .stars-fluid .clickable-rating { float: left; height: 18px; margin-left: 5px; position: absolute; width: 18px; } #neuro-tool .frame-body .dark-slide .container .stars-fluid .star { background: url(../images/neuropathy_tool/white_star.gif) no-repeat; float: left; height: 20px; margin: 5px 0; width: 20px; } #neuro-tool .frame-body .dark-slide .container .stars-fluid .one { margin-left: 0px; } #neuro-tool .frame-body .dark-slide .container .stars-fluid .two { margin-left: 25px; } #neuro-tool .frame-body .dark-slide .container .stars-fluid .three { margin-left: 49px; } #neuro-tool .frame-body .dark-slide .container .stars-fluid .four { margin-left: 74px; } #neuro-tool .frame-body .dark-slide .container .stars-fluid .five { margin-left: 98px; } #neuro-tool .frame-body .dark-slide .container .one-red .one, #neuro-tool .frame-body .dark-slide .container .two-red .one, #neuro-tool .frame-body .dark-slide .container .three-red .one, #neuro-tool .frame-body .dark-slide .container .four-red .one, #neuro-tool .frame-body .dark-slide .container .five-red .one, #neuro-tool .frame-body .dark-slide .container .two-red .two, #neuro-tool .frame-body .dark-slide .container .three-red .two, #neuro-tool .frame-body .dark-slide .container .four-red .two, #neuro-tool .frame-body .dark-slide .container .five-red .two, #neuro-tool .frame-body .dark-slide .container .three-red .three, #neuro-tool .frame-body .dark-slide .container .four-red .three, #neuro-tool .frame-body .dark-slide .container .five-red .three, #neuro-tool .frame-body .dark-slide .container .four-red .four, #neuro-tool .frame-body .dark-slide .container .five-red .four, #neuro-tool .frame-body .dark-slide .container .five-red .five { background: url(../images/neuropathy_tool/red_star.gif) no-repeat; } #neuro-tool .frame-body .dark-slide .container .one-yellow .one, #neuro-tool .frame-body .dark-slide .container .two-yellow .one, #neuro-tool .frame-body .dark-slide .container .three-yellow .one, #neuro-tool .frame-body .dark-slide .container .four-yellow .one, #neuro-tool .frame-body .dark-slide .container .five-yellow .one, #neuro-tool .frame-body .dark-slide .container .two-yellow .two, #neuro-tool .frame-body .dark-slide .container .three-yellow .two, #neuro-tool .frame-body .dark-slide .container .four-yellow .two, #neuro-tool .frame-body .dark-slide .container .five-yellow .two, #neuro-tool .frame-body .dark-slide .container .three-yellow .three, #neuro-tool .frame-body .dark-slide .container .four-yellow .three, #neuro-tool .frame-body .dark-slide .container .five-yellow .three, #neuro-tool .frame-body .dark-slide .container .four-yellow .four, #neuro-tool .frame-body .dark-slide .container .five-yellow .four, #neuro-tool .frame-body .dark-slide .container .five-yellow .five { background: url(../images/neuropathy_tool/yellow_star.gif) no-repeat; cursor: pointer; } #neuro-tool .frame-body .dark-slide .container .tip-container { font-family:'Century Gothic W02'; font-size: 17px; height: 57px; margin-top: 30px; } #neuro-tool .frame-body .dark-slide .container .rating-container { clear: right; float: left; height: 85px; margin-top: 43px; } #neuro-tool .frame-body .dark-slide .container .rating-container .buttons { clear: left; margin-top: 10px; } #neuro-tool .frame-body .dark-slide .container .rating-container .buttons .yes, #neuro-tool .frame-body .dark-slide .container .rating-container .buttons .no { float: left; } #neuro-tool .frame-body .dark-slide .container .rating-container .buttons .yes { background: url(../images/neuropathy_tool/yes.gif) no-repeat center center; cursor: pointer; height: 31px; width: 49px; } #neuro-tool .frame-body .dark-slide .container .rating-container .buttons .no { background: url(../images/neuropathy_tool/no.gif) no-repeat center center; cursor: pointer; height: 31px; margin-left: 10px; width: 49px; } #neuro-tool .frame-body .dark-slide .container .thank-you-container { float: left; font-size: 17px; height: 51px; margin: 10px 0 0 0; } #neuro-tool .frame-body .dark-slide .container .rating-container .title { font-size: 15px; } #neuro-tool .frame-body .dark-slide .container .rating-container .caption { font-family:'Century Gothic W02'; clear: left; } #neuro-tool .frame-body .dark-slide .container .coping-tips .button-container { float: left; margin: 57px 0 0 27px; } #neuro-tool .frame-body .dark-slide .container .coping-tips .previous { clear: left; float: left; margin: 22px 0 0 0; } #neuro-tool .frame-body .dark-slide .container .coping-tips .next { float: left; margin: 22px 0 0 130px; } #neuro-tool .frame-body .dark-slide .container .list-container ul li { background: none; font-family:'Century Gothic W02'; font-size: 16px; line-height: 19px; list-style-type: disc !important; list-style-position: outside; margin: 10px 0 0 20px; padding-left: 0; } #neuro-tool .frame-body .dark-slide .container .button-container { font-family:'Century Gothic W02 Bold'; font-size: 16px; height: 30px; margin-top: 20px; } #neuro-tool .frame-body .dark-slide .container .button-container .button-left { background:url(../images/neuropathy_tool/red_button.gif) no-repeat; float: left; height: 31px; width: 10px; } #neuro-tool .frame-body .dark-slide .container .button-container .button-middle { background:url(../images/neuropathy_tool/red_button.gif) no-repeat -8px 0; cursor: pointer; float: left; height: 31px; white-space: nowrap; width: 200px; } #neuro-tool .frame-body .dark-slide .container .button-container .next-tip { width: 74px; } #neuro-tool .frame-body .dark-slide .container .button-container .button-middle .text { margin-top: 5px; } #neuro-tool .frame-body .dark-slide .container .button-container .button-right{ background:url(../images/neuropathy_tool/red_button.gif) no-repeat -297px 0; float: left; height: 31px; width: 10px; } #neuro-tool .frame-body .dark-slide .container .view-symptoms-link { clear: left; color: #B81B19; cursor: pointer; margin-top: 33px; float: left; font-family: 'Century Gothic W02 Bold'; font-size: 17px; width: 160px; } #neuro-tool .frame-body .dark-slide .right { float: left; } #neuro-tool .frame-body .dark-slide .right .top { background:url(../images/neuropathy_tool/dark_corners.png) no-repeat -12px 0; height: 18px; width: 5px; } #neuro-tool .frame-body .dark-slide .right .middle { background-color: #262626; height: 345px; width: 5px; } #neuro-tool .frame-body .dark-slide .right .bottom { background:url(../images/neuropathy_tool/dark_corners.png) no-repeat -12px -52px; height: 18px; width: 5px; } #neuro-tool .frame-body .window .mid .tips-overview { position: absolute; } #neuro-tool .frame-body .window .mid .tips-overview .top-level { clear: left; float: left; _width: 479px; _border-bottom: 1px solid black; margin: 0; _margin-left: 4px; } #neuro-tool .frame-body .window .mid .tips-overview .tips-wrapper .hr { background-color: white; border: none; border-bottom: 1px solid black; color: black; clear: left; float: left; height: 1px; margin: 0 0 0px 7px; *margin: 0 0 0 7px; padding: 0; width: 494px; _display: none; } #neuro-tool .frame-body .window .mid .tips-overview .top-level li { background: none; font-family: 'Century Gothic W02'; font-size: 15px; margin: 2px 0 4px 30px; _margin-left: 15px; list-style-image: url(../images/neuropathy_tool/collapsed_menu_icon.gif); padding-left: 0; } #neuro-tool .frame-body .window .mid .tips-overview .top-expanded li { list-style-image: url(../images/neuropathy_tool/expanded_menu_icon.gif); } #neuro-tool .frame-body .window .mid .tips-overview .top-level .top-label { cursor: pointer; } #neuro-tool .frame-body .window .mid .tips-overview .second-level { color: white; clear: left; margin-left: 7px; width: 494px; } #neuro-tool .frame-body .window .mid .tips-overview .second-level .list { background-color: #262626; clear: left; margin-top: 0px; overflow: hidden; } #neuro-tool .frame-body .window .mid .tips-overview .second-level ul { margin-top: 0px; width: 459px; } #neuro-tool .frame-body .window .mid .tips-overview .second-level ul li { background: none; font: 16px/18px 'Century Gothic W02', sans-serif; list-style-image: none; list-style-position: outside; list-style-type: disc; margin: 3px 0 0 27px; padding-left: 0; } #neuro-tool .frame-body .window .mid .tips-overview .second-level { display: none; overflow: hidden; } #neuro-tool .frame-body .window .mid .tips-overview .second-level .bottom { clear: left; overflow: hidden; } #neuro-tool .frame-body .window .mid .tips-overview .second-level .bottom .left { background: #262626 url(../images/neuropathy_tool/dark-corner-left.gif) no-repeat 0 6px; float: left; height: 10px; width: 5x; } #neuro-tool .frame-body .window .mid .tips-overview .second-level .bottom .middle { background-color: #262626; height: 10px; float: left; width: 479px; } #neuro-tool .frame-body .window .mid .tips-overview .second-level .bottom .right { background: #262626 url(../images/neuropathy_tool/dark-corner-right.gif) no-repeat 0 6px; float: left; height: 10px; width: 5px; } #neuro-tool .frame-body .window .mid .tips-overview .expanded { display: block; overflow: hidden; } #neuro-tool .frame-body .window .mid .tips-overview .expanded .list { overflow: hidden; } #neuro-tool .symptoms { color: white; width: 280px; _width: 230px; } #neuro-tool .coping-tips { color: white; width: 300px; _width: 250px; } #neuro-tool .coping-tips .next .button-middle { width: 43px !important; } #neuro-tool .coping-tips .previous .button-middle { width: 74px !important; } #neuro-tool .summary { } #neuro-tool .summary .summary-wrapper { padding: 15px; width: 478px; } #neuro-tool .summary .summary-wrapper ul { margin-top: 0 !important; } #neuro-tool .summary .summary-wrapper ul li { background: none; font-family: 'Century Gothic W02'; font-size: 15px; line-height: 21px; list-style-type: disc !important; list-style-position: outside; margin: 14px 0 0 0; padding-left: 0; } /* Persistent tab styles */ #neuro-tool .tab .label .text { color:black; font-family: 'Century Gothic W02'; font-size: 15px; padding-top: 20px; text-align: center; white-space: nowrap; } #neuro-tool .frame-tabs .tab-1, #neuro-tool .frame-tabs .tab-2, #neuro-tool .frame-tabs .tab-3 { cursor: pointer; float: left; height: 82px; overflow: hidden; } #neuro-tool .frame-tabs .footer .left, #neuro-tool .frame-tabs .footer .middle, #neuro-tool .frame-tabs .footer .right { float: left; } #neuro-tool .frame-tabs .tab-1 .body .text, #neuro-tool .frame-tabs .tab-2 .body .text, #neuro-tool .frame-tabs .tab-3 .body .text { background-repeat: no-repeat; height: 38px; margin: 0 auto; } #neuro-tool .frame-tabs .tab .footer .left, #neuro-tool .frame-tabs .tab .footer .middle, #neuro-tool .frame-tabs .tab .footer .right, #neuro-tool .frame-tabs .tab .body { border: 2px solid black; border-width: 0; } #neuro-tool .frame-tabs .tab-1 .body .text { } #neuro-tool .frame-tabs .tab-2 .body .text { } #neuro-tool .frame-tabs .tab-3 .body .text { } /* Tab 1 selected */ #neuro-tool .tab-1-selected .frame-tabs .tab-1 .body .text { color: #B81B19; } #neuro-tool .tab-1-selected .frame-tabs .tab-2 .body .text { } #neuro-tool .tab-1-selected .frame-tabs .tab-3 .body .text { } #neuro-tool .tab-1-selected .frame-tabs .tab-1 .body { border-width: 0 2px; height: 67px; width: 182px; } #neuro-tool .tab-1-selected .frame-tabs .tab-2 .body { background-image: url(../images/neuropathy_tool/gray_gradient.jpg); background-repeat: repeat-x; border-width: 2px 2px 0 0; height: 54px; width: 206px;} #neuro-tool .tab-1-selected .frame-tabs .tab-3 .body { background-image: url(../images/neuropathy_tool/gray_gradient.jpg); background-repeat: repeat-x; border-width: 2px 2px 0 0; height: 54px; width: 174px;} #neuro-tool .tab-1-selected .frame-tabs .tab-1 .footer .left { background-image: url(../images/neuropathy_tool/tab_bottom.gif); background-repeat: no-repeat; float: left; height: 9px; width: 9px; } #neuro-tool .tab-1-selected .frame-tabs .tab-1 .footer .middle { border-bottom: 2px solid black; float: left; height: 15px; margin-top: -8px; _margin-top: -9px; width: 168px; } #neuro-tool .tab-1-selected .frame-tabs .tab-1 .footer .right { background-image: url(../images/neuropathy_tool/tab_bottom.gif); background-position: -9px 0; background-repeat: no-repeat; float: left; height: 15px; width: 9px; } #neuro-tool .tab-1-selected .frame-tabs .tab-2 .footer .left { display: none; } #neuro-tool .tab-1-selected .frame-tabs .tab-2 .footer .middle { border-width: 0 2px 2px 0; height: 15px; margin-top: -8px; _margin-top: -9px; width: 206px; } #neuro-tool .tab-1-selected .frame-tabs .tab-2 .footer .right { display: none; } #neuro-tool .tab-1-selected .frame-tabs .tab-3 .footer .left { display: none; } #neuro-tool .tab-1-selected .frame-tabs .tab-3 .footer .middle { border-width: 0 0 2px; height: 15px; margin-top: -8px; _margin-top: -9px; width: 167px; } #neuro-tool .tab-1-selected .frame-tabs .tab-3 .footer .right { background-image: url(../images/neuropathy_tool/tab_bottom.gif); background-position: -9px 5px; background-repeat: no-repeat; height: 15px; margin-top: -5px; width: 9px; } /* Tab 2 selected */ #neuro-tool .tab-2-selected .frame-tabs .tab-1 .body .text { } #neuro-tool .tab-2-selected .frame-tabs .tab-2 .body .text { color: #B81B19; } #neuro-tool .tab-2-selected .frame-tabs .tab-3 .body .text { } #neuro-tool .tab-2-selected .frame-tabs .tab-1 .body { background-image: url(../images/neuropathy_tool/gray_gradient.jpg); background-repeat: repeat-x; border-width: 2px 0 0 2px; height: 48px; width: 182px; } #neuro-tool .tab-2-selected .frame-tabs .tab-2 .body { background: white; border-width: 0 2px; height: 67px; width: 206px; } #neuro-tool .tab-2-selected .frame-tabs .tab-3 .body { background-image: url(../images/neuropathy_tool/gray_gradient.jpg); background-repeat: repeat-x; border-width: 2px 2px 0 0; height: 54px; width: 174px;} #neuro-tool .tab-2-selected .frame-tabs .tab-1 .footer .left { background-image: url(../images/neuropathy_tool/tab_bottom.jpg); background-position: 0px -3px; background-repeat: no-repeat; float: left; height: 18px; width: 9px; } #neuro-tool .tab-2-selected .frame-tabs .tab-1 .footer .middle { border-width: 0 0 2px; float: left; height: 15px; margin-top: -2px; _margin-top: -3px; width: 168px; } #neuro-tool .tab-2-selected .frame-tabs .tab-1 .footer .right { border-width: 0 0 2px; float: left; height: 15px; margin-top: -2px; _margin-top: -3px; width: 7px; } #neuro-tool .tab-2-selected .frame-tabs .tab-2 .footer .left { background-image: url(../images/neuropathy_tool/tab_bottom.gif); background-repeat: no-repeat; float: left; height: 9px; width: 9px; } #neuro-tool .tab-2-selected .frame-tabs .tab-2 .footer .middle { border-bottom: 2px solid black; float: left; height: 15px; margin-top: -8px; _margin-top: -9px; width: 192px; } #neuro-tool .tab-2-selected .frame-tabs .tab-2 .footer .right { background-image: url(../images/neuropathy_tool/tab_bottom.gif); background-position: -9px 0; background-repeat: no-repeat; float: left; height: 15px; width: 9px; } #neuro-tool .tab-2-selected .frame-tabs .tab-3 .footer .left { display: none; } #neuro-tool .tab-2-selected .frame-tabs .tab-3 .footer .middle { border-bottom: 2px solid black; height: 15px; margin-top: -8px; _margin-top: -9px; width: 167px; } #neuro-tool .tab-2-selected .frame-tabs .tab-3 .footer .right { background-image: url(../images/neuropathy_tool/tab_bottom.gif); background-position: -9px 5px; background-repeat: no-repeat; height: 15px; margin-top: -5px; width: 9px; } /* Tab 3 selected */ #neuro-tool .tab-3-selected .frame-tabs .tab-1 .body .text { } #neuro-tool .tab-3-selected .frame-tabs .tab-2 .body .text { } #neuro-tool .tab-3-selected .frame-tabs .tab-3 .body .text { color: #B81B19; } #neuro-tool .tab-3-selected .frame-tabs .tab-1 .body { background-image: url(../images/neuropathy_tool/gray_gradient.jpg); background-repeat: repeat-x; border-width: 2px 0 0 2px; height: 48px; _height: 47px; width: 182px; } #neuro-tool .tab-3-selected .frame-tabs .tab-2 .body { background-image: url(../images/neuropathy_tool/gray_gradient.jpg); background-repeat: repeat-x; border-width: 2px 0px 0px 2px; height: 54px; width: 206px; } #neuro-tool .tab-3-selected .frame-tabs .tab-3 .body { background: white; border-width: 0px 2px; height: 67px; width: 174px; } #neuro-tool .tab-3-selected .frame-tabs .tab-1 .footer .left { background-image: url(../images/neuropathy_tool/tab_bottom.jpg); background-position: 0px -3px; background-repeat: no-repeat; float: left; height: 18px; width: 9px; } #neuro-tool .tab-3-selected .frame-tabs .tab-1 .footer .middle { border-width: 0 0 2px; float: left; height: 15px; margin-top: -2px; _margin-top: -3px; width: 150px; width: 168px; } #neuro-tool .tab-3-selected .frame-tabs .tab-1 .footer .right { border-width: 0 0 2px; float: left; height: 15px; margin-top: -2px; _margin-top: -3px; width: 150px; width: 7px; } #neuro-tool .tab-3-selected .frame-tabs .tab-2 .footer .left { display: none; } #neuro-tool .tab-3-selected .frame-tabs .tab-2 .footer .middle { border-width: 0 0px 2px 2px; float: left; height: 15px; margin-top: -8px; _margin-top: -9px; width: 206px; } #neuro-tool .tab-3-selected .frame-tabs .tab-2 .footer .right { display: none; } #neuro-tool .tab-3-selected .frame-tabs .tab-3 .footer .left { background-image: url(../images/neuropathy_tool/tab_bottom.jpg); background-position: 0px -9px; background-repeat: no-repeat; width: 10px; } #neuro-tool .tab-3-selected .frame-tabs .tab-3 .footer .middle { border-width: 0 0 2px; height: 15px; margin-top: -8px; width: 159px; } #neuro-tool .tab-3-selected .frame-tabs .tab-3 .footer .right { background-image: url(../images/neuropathy_tool/tab_bottom.jpg); background-position: -14px -9px; background-repeat: no-repeat; height: 15px; margin-top: 0px; width: 9px; }