/* CSS FOR BIOMET Colour differentiations for 'Patients' area are defined by #patients on the tag */ /* ==UNDO DEFAULT BROWSER STYLING: tantek.com/log/2004/undohtml.css */ h1,h2,h3,h4,h5,h6,pre,code { font-size: 1em; font-weight: lighter; } h1,h2,h3,h4,h5,h6,pre,form,body,html,p,blockquote,fieldset,input,dl,dt,dd { margin: 0; padding: 0; } #col-1 ul, #col-1 ol, #col-1 li,#col-1 ul,#col-1 ol,#functions-wrap ul, #sectornav ,#sidebar ul { margin: 0; padding: 0; list-style-type: none; margin-top:10px; line-height:.9em } a img,:link img,:visited img { border: none; } a { text-decoration: none; } address { font-style: normal; } #pageHeaderTitle { color: #a3c723; font-weight: lighter; float: left; width: 400px; font-size: 1.4em; } /* == UNIVERSAL (SETTING SITE-WIDE CONVENTIONS FIRST) ======================================================= */ body { margin: 0; padding: 0; font-family: arial, helvetica, geneva, verdana, sans-serif; font-size: 62.5%; color: #636363; background: url(/images/page-bg.png) repeat-x #fff; text-align: center; } a { color: #636363; } a:hover { text-decoration:none; color: #a3c723; } body#patients a:hover { color: #1C498A; } /* == BUILDING BLOCKS (DIV's, ETC. BY ORDER OF APPEARANCE) ======================================================= */ div#container { margin: 0 auto; width: 797px; text-align: left; font-size:1.2em; } div#functions-wrap { background: url(/images/functions-wrap-bg-global.png) no-repeat #2d2d2d 50% 0; } body#patients div#functions-wrap { background: url(/images/functions-wrap-bg-patients.png) no-repeat #1C498A 50% 0; } div#functions { margin: 0 9px 0 8px; padding: 8px 10px 7px 17px; border-bottom: 4px solid #b2b2b2; } body#patients div#functions { border-bottom: 4px solid #b2b2b2; } div#functions a:hover { text-decoration:underline; color: #DDD; } div#colswrap { padding: 20px 18px 20px 25px; background: url(/images/colswrap-bg.png) repeat-y 50% 0; } div#col-1 { float: left; width: 145px; padding: 0 30px 0 0; } div#col-1.rr { float: left; width: 145px; padding: 60px 30px 0 0; background: url(/images/rapid-recovery.gif) no-repeat 0 0; } div#col-1-osa { background: url(/images/osa-logo.jpg) bottom no-repeat left; } div#col-2 { float: left; width: 571px; } div#copyright-etc { clear: both; padding-bottom: 10px; text-align: center; background: url(/images/copyright-etc-bg.png) no-repeat 50% 100%; } /* == SPECIFIC FORMATTING BY BUILDING BLOCK =================================================== */ div#functions p { float: left; width: 200px; padding-top: 2px; font-size: 1.1em; color: #7c7c7c; } body#patients div#functions p { color: #CCC; } div#functions p small { margin-left: 10px; font-size: 1em; font-weight: lighter; } div#functions a { color:#b2b2b2; } div#functions a:hover { color:#CCC; } div#functions a.disabled, div#functions a.disabled:hover { display: none; color:gray; text-decoration:none; } div #functions li.current { color:#A3C723; } body#patients div#functions a { color: #CCC; text-decoration: underline; } body#patients div#functions a:hover { color: #FFF; } div#functions ul { float: right; width: 500px; color: #b2b2b2; margin-top:3px; } div#functions ul li { float: right; padding: 0 0 0 0px; } div#functions ul li a { color: #b2b2b2; } div#functions ul li.last { padding-right: 10px; /*border-right: 1px solid #b5b5b5; */ } body#patients div#functions ul li.last { border-color: #fff; } div#functions ul li a.text-size { font-weight: lighter; } div#functions ul li a.med { font-size: 1.3em; } div#functions ul li a.lrg { font-size: 1.6em; } /* ===== */ div#col-1 a { padding-right: 18px; } div#col-1 a:hover { } body#patients div#col-1 a:hover { } div#col-1 ul { font-size: 1.15em; line-height: 1.5em; } div#col-1 ul ul li a { display:block; font-size:0.9em; margin-left:7px; } div#col-1 ul li .current{ color:#A3C723; } div#col-1 p { font-size: 1.1em; line-height: 1.4em; } div#col-1 dl { font-size: 1.2em; line-height: 1.4em; } div#col-1 dl { margin-top: 30px; } div#col-1 dl dt { font-weight: bold; padding-bottom: 5px; margin-bottom: 10px; border-bottom: 2px solid #bcd55f; } div#col-1 dl dd img { margin-bottom: 5px; } div#col-1 dl dd ul { font-size: 1em; } div#col-1 hr { margin: 10px 0; height: 2px; border: 0; background: #bcd55f; } div#col-1 h1 { font-size: 1.2em; font-weight: bold; margin-bottom: 10px; } div#col1 span.altlink { cursor: pointer; } div#col-1 form#login { margin: 10px 0; } div#col-1 form#login input.textinput { width: 109px; height: 15px; padding: 3px 6px; margin: 5px 0 0 0; border: none; font-size: 1em; font-family: arial, helvetica, geneva, verdana, sans-serif; color: #636363; background: url(/images/login-input-bg.png) no-repeat; } div#col-1 form#login input.submitinput { margin: 5px 0; } /* ===== */ div#col-2 h1, div#col-2 h2, div#col-2 h3 { color: #A3C723; } body#patients div#col-2 h1, body#patients div#col-2 h2, body#patients div#col-2 h3 { color: #1C498A; } body#patients div#col-2 a { color: #636363; text-decoration:underline; } body#patients div#col-2 a:hover { color: #1C498A; text-decoration:underline; } div#col-2 a { color: #636363; text-decoration:underline; } div#col-2 a:hover { color: #A3C723; text-decoration:underline; } div#col-2 h2 { color: A3C723; font-weight:bold; /*width: 400px;float: left;*/ font-size: 1.2em; padding-bottom:11px; } div#col-2 h2.rr { color: #636363; font-weight:bold; width: 400px;float: left; font-size: 1.2em; padding-bottom:5px; } div#col-2 h1 small { font-size: 0.8em; font-weight: lighter; } div#col-2 h1 { clear: left; margin-top:15px; width: 572px; margin-bottom: 0.5em; font-size: 2em; } div#col-2 h3 { margin-bottom: 0.5em; font-size: 1.2em; font-weight: bold; } div#col-2 h4 { margin-bottom: 1em; font-size: 1.2em; font-weight: bold; } div#col-2 #sidebar h4 { font-size: 1em; font-weight: bold; } div#col-2 form#sitesearch { float:left; margin-left:15px; } div#col-2 form#sitesearch input.textinput { background:#FFFFFF none repeat scroll 0%; border:0pt none; color:#7C7C7C; font-size:8pt; margin: 5px 0 0 7px; padding:0pt; width:100px; float: left; } #searchBox { background-image:url('/images/bgSearchBox.gif'); background-position:16px 50%; background-repeat:no-repeat; height:24px; margin:0pt 0 0 21px; padding:0pt; float:left; width:150px; } #searchBox img { height:24px; margin:0pt; padding:0pt; width:24px; } div#col-2 ul#sectornav { clear: both; font-size: 1.1em; font-weight: bold; overflow:hidden; padding: 10px 0 0 0; position: relative; left: -10px; } div#col-2 ul#sectornav li { float: left; padding: 0 10px; border-right: 2px solid #636363; } div#col-2 ul#sectornav li.last { border: none; } div#col-2 ul#sectornav a { text-decoration:none; color:#636363; } div#col-2 ul#sectornav a:hover { color: #A3C723; } body#patients div#col-2 ul#sectornav a:hover { color: #1C498A; text-decoration:none; } div#col-2 div#banner { clear: both; padding: 19px 0 15px; } div#col-2 div#banner div img { margin-right:3px; } div#col-2 p { margin-bottom: 1em; font-size: 1.1em; line-height: 1.3em; } div#col-2 div.intro p { color: #A3C723; } body#patients div#col-2 div.intro p { color: #1C498A; } div#col-2 dl.latest { float: left; width: 30%; margin: 2em 3% 2em 0; } div#col-2 dl.latest dd div.pic { float: right; } div#col-2 dl.news-snip { clear: left; float: left; } div#col-2 dl.news-snip dt { float: left; width: 100px; } div#col-2 dl.news-snip dd { float: left; width: 250px; } div#col-2 dl.news-snip dd h3 { margin: 0; font-size: 1.1em; color: #636363; } div#col-2 dl.news-snip dd h4 { margin: 0; font-size: 1.1em; font-weight: lighter; color: #A3C723; } div#col-2 div#sidebar { float: right; width: 220px; text-align: center; } div#col-2 div#sidebar.news { width: 180px; margin-left: 20px; } div#col-2 div#sidebar p { margin: 0px 0 8px; font-size: 1em; } div#col-2 div#sidebar a { padding-right: 18px; text-decoration:none; } div#col-2 div#sidebar a:hover { color: #A3C723; text-decoration:none; } div#col-2 div#sidebar dl { width: 159px; padding: 15px; text-align: left; background: url(/images/sidebar-dl-bg.png) no-repeat; margin-left:34px; margin-bottom: 20px; } div#col-2 div#sidebar.news dl { width: 110px; background: url(/images/sidebar-dlnews-bg.png) no-repeat; } div#col-2 div#sidebar dl dt { font-size: 1.2em; color: #A3C723; font-weight:bold; margin-bottom: 4px; } div#col-2 div#sidebar dl.resources dt, div#col-2 div#sidebar.news dl dt { padding-bottom: 0px; } div#col-2 div#sidebar dl dd { margin: -15px; background: url(/images/sidebar-dl-dd-bg.png) no-repeat 0 100%; padding-top: 15px; padding-right: 15px; padding-left: 15px; } div#col-2 div#sidebar dl.resources { } div#col-2 div#sidebar dl.resources dd { min-height: 10px; padding-bottom: 0px; background: url(/images/sidebar-dlres-dd-bg.png) no-repeat 0 100%; } div#col-2 div#sidebar dl dd ul li { font-size: 1.1em; margin-right: 0; margin-left: 0; } div#col-2 div#sidebar.news dl dd ul li { font-size: 1.2em; } object , embed { margin: 0 !important; padding: 0 !important; } div#col-2 div#sidebar ol, div#col-2 div#sidebar ul { list-style-type:none; margin:0; padding:0 0 20px; } div#col-2 dl#item { clear: both; padding: 19px 0 0px 0; margin-bottom:0px; } div#col-2 dl#item dt { float: left; } div#col-2 dl#item dd { overflow: hidden; padding: 0 0 0 10px; } div#col-2 dl#item dd h2 { font-size: 2em; } div#col-2 dl#item.news dd h2 { margin: 0; font-size: 1.2em; font-weight: bold; color: #636363; } div#col-2 dl#item dd h3 { font-size: 1.1em; color: #636363; } div#col-2 dl#item.news dd h3 { margin: 0; font-size: 1.1em; font-weight: lighter; color: #A3C723; } div#col-2 dl#item dd ul { list-style-type: disc; margin: 5px 15px; font-size: 1.1em; line-height: 1.4em; } div#col-2 div.job-snip { float: left; width: 45%; margin-right: 3%; padding-bottom: 25px; line-height: 1.3em; } div#col-2 div.job-snip h3, div#col-2 div.job-snip h4 { margin: 0; font-size: 1.1em; font-weight: bold; color: #636363; } div#col-2 div.job-snip h4 { font-weight: lighter; } div#col-2 div.job-snip p { margin: 0; } div#col-2 dl.job-full dt { margin: 10px 0; font-size: 1.3em; font-weight: bold; } div#col-2 dl.job-full dd h3 { clear: left; float: left; margin: 5px 0; width: 100px; font-size: 1.1em; font-weight: normal; color: #636363; } div#col-2 dl.job-full dd p { margin: 5px 0; float: left; width: 250px; } div#col-2 dl.link { margin: 15px 0; } div#col-2 dl.link dt { font-size: 1.1em; font-weight: bold; } div#col-2 dl.link dd p { margin: 0; } div#col-2 dl.link dd a { color: #A3C723; } div#col-2 dl#pagination { clear: both; padding-top: 50px; font-size: 1.2em; } div#col-2 dl#pagination dt { padding-top: 5px; border-top: 2px solid #A3C723; } div#col-2 dl#pagination dd { margin: -1.2em 0 0 3em; } div#col-2 dl#pagination ul { list-style-type:none; } div#col-2 dl#pagination ul li { float: left; } div#col-2 dl#pagination ul li a { display: block; padding: 0 4px; } #register { clear:both; } /** FORMS **/ .form td input { background: url('/images/page-bg.png') repeat-x left 70% !important; width:200px; } .form td { padding:5px 0; } .form .chkbox { width:15px; margin-right:5px; background:none; } .form .login { width:100px; } /* ===== */ div#copyright-etc ul { margin: 0 10px; padding: 2px 6px 2px 1px; color: #b2b2b2; background: #2d2d2d; border-color: #b2b2b2; border-style: solid; border-width: 3px 0 1px 0; } body#patients div#copyright-etc ul { color: #fff; background: #1C498A; border-color: #b2cee6; } div#copyright-etc ul li { display: inline; padding: 0 7px 0 5px; border-right: 1px solid #b2b2b2; } body#patients div#copyright-etc ul li { border-right: 1px solid #fff; } div#copyright-etc ul li.last, body#patients div#copyright-etc ul li.last { border: none; } div#copyright-etc ul li a { color: #b2b2b2; } div#copyright-etc ul li a:hover { text-decoration:underline; color: #DDD; } body#patients div#copyright-etc ul li a { color: #fff; } div#copyright-etc p { padding: 5px 10px 7px 10px; color: #aaa; } div#col-2 div#sidebar ol.resources { margin-left:0px; } div#col-2 div#sidebar ol.resources li { padding:3px 0; } div#col-2 div#sidebar ol.resources a { color:#636363; } div#col-2 div#sidebar ol.resources a:hover { color:#A3C723; } body#patients div#col-2 div#sidebar ol.resources a { color:#636363; } body#patients div#col-2 div#sidebar ol.resources a:hover { color:#1C498A; } body#patients div#col-2 div#sidebar dl dt { color:#1C498A; } body#patients .latest ul { list-style-type:none; margin:0; padding:0; } body#patients .latest ul li { padding:3px 0; } /* == EXTRAS: ======================================================= */ .clear { clear: both; } .accessibility { position: absolute; left: -10000px; } div#col-2 .home_page_news h4{ margin:0px; font-size:12px; !important; } hr { border: medium none ; background-color: #A3C723; line-height: 1px; color: #A3C723; }